[show_times]
<div class="sh-popup">
    <span role="button" class="sh-popup-close">
        <img src="https://shreeherbalnilgiris.in/wp-content/themes/teapoz-child/images/xmark-solid.svg" width="16">
    </span>
    <div class="sh-popup-img">
        <img src="https://shreeherbalnilgiris.in/wp-content/themes/teapoz-child/images/sh-popup-img.png">
    </div>
    <div class="sh-popup-content">
        <p>First Order Offer</p>
        <p class="yellow-text">Extra 10% Offer</p>
        <p>FIRSTSH1</p>
    </div>
    <div class="sh-popup-btn">
        <a href="#">Register Now</a>
    </div>
</div>
</div>


<style>
    *{box-sizing: border-box;}
        body{font-family: 'Poppins', sans-serif;}
        .poppup-body{display:flex;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0,0,0,0.5);padding: 0 16px;}
        .sh-popup{display:none;width: 100%;max-width: 360px;background-color: #255732;padding: 24px;border-radius: 24px;text-align: center;position: relative;}
        .sh-popup-img{display: block;margin-bottom: 32px;}
        .sh-popup-img img{width: 100%;display: block;margin: auto;}
        .sh-popup-content{margin-bottom: 32px;padding-bottom: 32px;border-bottom: 2px dashed #ffffff ;}
        .sh-popup-content p{font-weight: 600;color: #ffffff;font-size: 24px;margin: 0 0 16px;}
        .sh-popup-content p.yellow-text{color: #DFCC55;}
        .sh-popup-btn a{display: inline-block;font-size: 20px;background-color: #AC302E;color: #ffffff;padding: 16px 24px;border-radius: 8px;box-shadow: 0 0 5px rgba(0,0,0,0.2);text-decoration: none;font-weight: 600;}
        .sh-popup-close{width: 28px;height: 28px;background-color: #ffffff;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;position: absolute;top: 10px;right: 10px;transform: translate(50%,-50%);cursor: pointer;}
</style>

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function () {
    setTimeout(function () {
        var popup = document.querySelector(".sh-popup");
        if (popup) {
            popup.style.display = "block"; // Show the popup
        }
    }, 2000);

    var closeButton = document.querySelector(".sh-popup-close");
    if (closeButton) {
        closeButton.addEventListener("click", function () {
            var popup = document.querySelector(".sh-popup");
            if (popup) {
                popup.style.display = "none"; // Hide the popup
            }
        });
    }
});
</script>