#special-offer-bar, #special-offer-bar *{ font-family:'Josefin Sans', sans-serif !important; } #special-offer-bar{ position:relative; width:100%; background:#fff; color:#202020; padding:10px 20px; display:flex; align-items:center; justify-content:space-between; gap:20px; z-index:9999; overflow:hidden; font-size:14px; border-bottom:1px solid #ececec; } .offer-marquee{ flex:1; overflow:hidden; white-space:nowrap; } .offer-marquee span{ display:inline-block; padding-left:100%; animation:marquee 18s linear infinite; color:#202020; font-weight:400; } @keyframes marquee{ 0%{transform:translateX(0);} 100%{transform:translateX(-100%);} } .offer-actions{ display:flex; align-items:center; gap:15px; flex-shrink:0; } #countdown{ font-weight:600; color:#202020; white-space:nowrap; } .purchase-btn{ background:#D95C6C; color:#fff !important; text-decoration:none; padding:8px 16px; border-radius:4px; font-weight:600; transition:.3s; } .purchase-btn:hover{ background:#c74f5f; color:#fff !important; } @media(max-width:768px){ #special-offer-bar{ flex-direction:column; padding:10px; } .offer-actions{ width:100%; justify-content:center; } } (function () { const countdown = document.getElementById('countdown'); const endDate = new Date('2026-06-30T23:59:59').getTime(); function updateCountdown() { const now = new Date().getTime(); const distance = endDate - now; if (distance <= 0) { countdown.innerHTML = 'Offer Ended'; return; } const days = Math.floor(distance / (1000 * 60 * 60 * 24)); const hours = Math.floor((distance / (1000 * 60 * 60)) % 24); const minutes = Math.floor((distance / (1000 * 60)) % 60); const seconds = Math.floor((distance / 1000) % 60); countdown.innerHTML = `${days} Days ${hours} Hrs ${minutes} Min ${seconds} Sec`; } updateCountdown(); setInterval(updateCountdown, 1000); })();