.elementor-29013 .elementor-element.elementor-element-c0ce690{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29013 .elementor-element.elementor-element-0c0f0e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29013 .elementor-element.elementor-element-8d14db5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29013 .elementor-element.elementor-element-2b426bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29013 .elementor-element.elementor-element-94ca101{--grid-columns:5;--grid-row-gap:15px;--grid-column-gap:10px;}.elementor-29013 .elementor-element.elementor-element-b2be7d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29013 .elementor-element.elementor-element-f0a725c{width:var( --container-widget-width, 38% );max-width:38%;margin:55px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 6px 0px;--container-widget-width:38%;--container-widget-flex-grow:0;border-style:solid;border-width:0px 0px 3px 0px;border-color:#8E8E8E;text-align:center;}.elementor-29013 .elementor-element.elementor-element-f0a725c.elementor-element{--align-self:center;}.elementor-29013 .elementor-element.elementor-element-f0a725c .elementor-heading-title{font-family:"Hind Siliguri", Sans-serif;font-size:35px;}.elementor-29013 .elementor-element.elementor-element-492b2b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29013 .elementor-element.elementor-element-9010903{--grid-columns:5;--grid-row-gap:15px;--grid-column-gap:10px;}.elementor-29013 .elementor-element.elementor-element-6355cd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29013 .elementor-element.elementor-element-f8c2bd3{width:var( --container-widget-width, 38% );max-width:38%;margin:55px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 6px 0px;--container-widget-width:38%;--container-widget-flex-grow:0;border-style:solid;border-width:0px 0px 3px 0px;border-color:#8E8E8E;text-align:center;}.elementor-29013 .elementor-element.elementor-element-f8c2bd3.elementor-element{--align-self:center;}.elementor-29013 .elementor-element.elementor-element-f8c2bd3 .elementor-heading-title{font-family:"Hind Siliguri", Sans-serif;font-size:35px;}.elementor-29013 .elementor-element.elementor-element-459d8dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29013 .elementor-element.elementor-element-800d279{--grid-columns:5;--grid-row-gap:15px;--grid-column-gap:10px;}.elementor-29013 .elementor-element.elementor-element-ef324e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29013 .elementor-element.elementor-element-35001a5{width:var( --container-widget-width, 38% );max-width:38%;margin:55px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 6px 0px;--container-widget-width:38%;--container-widget-flex-grow:0;border-style:solid;border-width:0px 0px 3px 0px;border-color:#8E8E8E;text-align:center;}.elementor-29013 .elementor-element.elementor-element-35001a5.elementor-element{--align-self:center;}.elementor-29013 .elementor-element.elementor-element-35001a5 .elementor-heading-title{font-family:"Hind Siliguri", Sans-serif;font-size:35px;}.elementor-29013 .elementor-element.elementor-element-d8d39b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29013 .elementor-element.elementor-element-93bcd26{--grid-columns:5;--grid-row-gap:15px;--grid-column-gap:10px;}.elementor-29013 .elementor-element.elementor-element-06b4843{--display:flex;}.elementor-29013 .elementor-element.elementor-element-a0a60e2{--grid-columns:5;--grid-row-gap:15px;--grid-column-gap:10px;}body.elementor-page-29013:not(.elementor-motion-effects-element-type-background), body.elementor-page-29013 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-29013 .elementor-element.elementor-element-94ca101{--grid-columns:2;}.elementor-29013 .elementor-element.elementor-element-9010903{--grid-columns:2;}.elementor-29013 .elementor-element.elementor-element-800d279{--grid-columns:2;}.elementor-29013 .elementor-element.elementor-element-93bcd26{--grid-columns:2;}.elementor-29013 .elementor-element.elementor-element-a0a60e2{--grid-columns:2;}}@media(max-width:768px){.elementor-29013 .elementor-element.elementor-element-97aca4d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-29013 .elementor-element.elementor-element-8d14db5{--margin-top:-41px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29013 .elementor-element.elementor-element-2b426bb{--content-width:100%;}.elementor-29013 .elementor-element.elementor-element-94ca101{--grid-columns:2;--grid-row-gap:18px;--grid-column-gap:7px;}.elementor-29013 .elementor-element.elementor-element-b2be7d5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:49px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29013 .elementor-element.elementor-element-f0a725c{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;border-width:0px 0px 2px 0px;text-align:center;}.elementor-29013 .elementor-element.elementor-element-f0a725c .elementor-heading-title{font-size:29px;}.elementor-29013 .elementor-element.elementor-element-492b2b2{--content-width:100%;--margin-top:17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29013 .elementor-element.elementor-element-9010903{--grid-columns:2;--grid-row-gap:18px;--grid-column-gap:7px;}.elementor-29013 .elementor-element.elementor-element-6355cd0{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:49px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29013 .elementor-element.elementor-element-f8c2bd3{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;border-width:0px 0px 2px 0px;text-align:center;}.elementor-29013 .elementor-element.elementor-element-f8c2bd3 .elementor-heading-title{font-size:29px;}.elementor-29013 .elementor-element.elementor-element-459d8dc{--content-width:100%;--margin-top:17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29013 .elementor-element.elementor-element-800d279{--grid-columns:2;--grid-row-gap:18px;--grid-column-gap:7px;}.elementor-29013 .elementor-element.elementor-element-ef324e2{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:49px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29013 .elementor-element.elementor-element-35001a5{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;border-width:0px 0px 2px 0px;text-align:center;}.elementor-29013 .elementor-element.elementor-element-35001a5 .elementor-heading-title{font-size:29px;}.elementor-29013 .elementor-element.elementor-element-d8d39b6{--content-width:100%;--margin-top:17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29013 .elementor-element.elementor-element-93bcd26{--grid-columns:2;--grid-row-gap:18px;--grid-column-gap:7px;}.elementor-29013 .elementor-element.elementor-element-a0a60e2{--grid-columns:2;--grid-row-gap:18px;--grid-column-gap:7px;}}/* Start custom CSS for html, class: .elementor-element-9bcd960 */<style>
    @import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@600;700;800&display=swap');

    .wp-countdown-wrapper {
        font-family: 'Hind Siliguri', sans-serif;
        text-align: center;
        margin: 15px auto;
        padding: 30px 15px;
        max-width: 100%;
        border: 1px solid #ddd;
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        box-sizing: border-box;
    }

    .wp-product-title {
        font-size: 24px;
        color: #333;
        margin-bottom: 25px;
        font-weight: 700;
    }

    /* টাইমার ডিজাইন */
    .wp-timer-container {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-bottom: 30px;
    }

    .wp-timer-box {
        background: #4CAF50; /* আপনার ইমেজের সবুজ রঙ */
        color: white;
        width: 22%;
        max-width: 90px;
        aspect-ratio: 1/1.1;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    }

    .wp-time-number {
        font-size: clamp(20px, 5vw, 30px);
        font-weight: 800;
        line-height: 1;
    }

    .wp-time-label {
        font-size: clamp(10px, 3vw, 14px);
        margin-top: 5px;
        font-weight: 500;
    }

    /* --- স্টাইলিশ অফার টেক্সট (আইকন ছাড়া) --- */
    .wp-offer-text-container {
        margin-top: 10px;
        padding: 0 5px;
    }

    .wp-offer-text {
        /* ডেস্কটপের জন্য বড় সাইজ */
        font-size: 45px; 
        font-weight: 800;
        display: block;
        color: #ff0000;
        line-height: 1.2;
        
        /* অ্যানিমেশন: কালার চেঞ্জ এবং পালস */
        animation: text-pulse 1.5s ease-in-out infinite alternate;
        
        /* একটু প্রিমিয়াম লুকের জন্য হালকা শ্যাডো */
        text-shadow: 1px 1px 3px rgba(0,0,0,0.05);
    }

    @keyframes text-pulse {
        from { transform: scale(1); color: #ff0000; }
        to { transform: scale(1.03); color: #d63031; }
    }

    /* মোবাইল রেস্পন্সিভ ব্রেকপয়েন্ট (সবচেয়ে গুরুত্বপূর্ণ) */
    @media (max-width: 600px) {
        .wp-offer-text {
            /* মোবাইলে স্ক্রিন অনুযায়ী পারফেক্ট সাইজ */
            font-size: clamp(24px, 8vw, 36px); 
        }
        .wp-timer-box {
            width: 75px;
            height: 80px;
        }
    }

    @media (max-width: 380px) {
        .wp-timer-container { gap: 6px; }
        .wp-timer-box { width: 65px; height: 70px; }
        .wp-offer-text { font-size: 22px; }
    }
</style>

<div class="wp-countdown-wrapper">
    <div class="wp-product-title">স্পেশাল অফার</div>

    <div class="wp-timer-container">
        <div class="wp-timer-box">
            <span class="wp-time-number" id="wp-days">00</span>
            <span class="wp-time-label">দিন</span>
        </div>
        <div class="wp-timer-box">
            <span class="wp-time-number" id="wp-hours">18</span>
            <span class="wp-time-label">ঘন্টা</span>
        </div>
        <div class="wp-timer-box">
            <span class="wp-time-number" id="wp-minutes">05</span>
            <span class="wp-time-label">মিনিট</span>
        </div>
        <div class="wp-timer-box">
            <span class="wp-time-number" id="wp-seconds">01</span>
            <span class="wp-time-label">সেকেন্ড</span>
        </div>
    </div>

    <div class="wp-offer-text-container">
        <span class="wp-offer-text">
            অফার শেষ হওয়ার আগে অর্ডার করুন!
        </span>
    </div>
</div>

<script>
(function() {
    // ১৮ ঘণ্টা, ৫ মিনিট, ১ সেকেন্ডের জন্য কাউন্টডাউন
    const duration = (18 * 3600000) + (5 * 60000) + (1 * 1000);
    const countDownDate = new Date().getTime() + duration;

    function updateTimer() {
        const now = new Date().getTime();
        const distance = countDownDate - now;

        if (distance < 0) return;

        const days = Math.floor(distance / (1000 * 60 * 60 * 24));
        const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        const seconds = Math.floor((distance % (1000 * 60)) / 1000);

        document.getElementById("wp-days").innerText = days.toString().padStart(2, '0');
        document.getElementById("wp-hours").innerText = hours.toString().padStart(2, '0');
        document.getElementById("wp-minutes").innerText = minutes.toString().padStart(2, '0');
        document.getElementById("wp-seconds").innerText = seconds.toString().padStart(2, '0');
    }

    updateTimer();
    setInterval(updateTimer, 1000);
})();
</script>/* End custom CSS */