.popup-footer textarea.wpcf7-form-control.wpcf7-textarea {height: 60px;}
.offer-text p {font-size: 20px;font-family: cursive;line-height: 23px;margin-bottom:0px;}
.offer-text p span {font-size: 16px;}
.marquee {width: 100%;overflow: hidden;white-space: nowrap;}
.marquee span {display: inline-block;padding-left: 100%;animation: scroll 10s linear infinite;}
@keyframes scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

.santa-img {width: 81%;}
.discount img {width: 56%;margin: 15px 0px 67px -60px;text-align: center;display: block;}
.pop-form p {margin-bottom: 8px;}
.discount img {width: 100%;margin: 0px 0px 68px -62px;text-align: center;display: block;}
.pop-form .row .col-lg-6, .pop-form .row .col-md-12 , .pop-form .row .col-12 {padding: 0px 10px 0px 0px;}
.christmas-info .logo-img {top: 30px;height: 18px;width: 207px;object-fit: fill;}
.call-button p {color: #fff;background-color: #ae1e414f;padding: 7px 19px;border-radius: 50px;font-size: 12px;text-align: start;border: 1px solid;width: 75%;text-align: center;}
.call-button {margin: -50px 0px 0px -71px;}
.pop-form {padding: 0px 30px;margin-top:-17px;}
.blink {animation: blinker 1s infinite;text-align: center;font-size: 20px;font-weight: bold;margin-bottom: 0px;margin-top:-13px;}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.popup-footer .wpcf7-form-control {height: 40px;    background-color: #51515114;}
.popup-footer .wpcf7-form-control::placeholder {color:#000; opacity: 1;}
.popup-header .sub {margin-top: 15px;font-size: 24px;}
.popup-header .sub span {font-weight: bold;color: #fff;}
.snow-area {
  --snow-size-min: 12px;
  --snow-size-max: 26px;
  --snow-color: #ffffff;
  --fall-duration-min: 6s;
  --fall-duration-max: 14s;
  position: relative;
  width: 100%;
  height:76vh; 
  overflow: hidden;
  background: transparent;
}
.christmas-info {margin-top: -77vh;}
.snowflake {position: absolute;top: -10%;color: var(--snow-color);font-size: calc(var(--snow-size-min) + (var(--snow-size-max) - var(--snow-size-min)) * random);animation: fall linear infinite, sway ease-in-out infinite;user-select: none;pointer-events: none;opacity: 0.9;}
/* RANDOM POSITIONS + TIMING */
.snowflake:nth-child(1) { left: 5%;  animation-duration: 8s, 3s; animation-delay: 0s; }
.snowflake:nth-child(2) { left: 15%; animation-duration: 10s, 4s; animation-delay: 1s; }
.snowflake:nth-child(3) { left: 25%; animation-duration: 12s, 3.5s; animation-delay: 2s; }
.snowflake:nth-child(4) { left: 35%; animation-duration: 9s, 5s; animation-delay: 1s; }
.snowflake:nth-child(5) { left: 45%; animation-duration: 14s, 4.5s; animation-delay: 0.5s; }
.snowflake:nth-child(6) { left: 55%; animation-duration: 11s, 3s; animation-delay: 2s; }
.snowflake:nth-child(7) { left: 65%; animation-duration: 13s, 4.2s; animation-delay: 1.5s; }
.snowflake:nth-child(8) { left: 75%; animation-duration: 8s, 3.8s; animation-delay: 0s; }
.snowflake:nth-child(9) { left: 85%; animation-duration: 10s, 4.7s; animation-delay: 1s; }
.snowflake:nth-child(10){ left: 95%; animation-duration: 12s, 3.5s; animation-delay: 2s; }

@keyframes fall {
  0% { top: -10%; opacity: 1; }
  100% { top: 110%; opacity: 0; }
}

@keyframes sway {
  0% { transform: translateX(0px); }
  50% { transform: translateX(20px); }
  100% { transform: translateX(0px); }
}

#once-popup {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: rgba(0, 0, 0, 0.65);text-align: center;z-index: 9999;}
#once-popup .inner {background: #ffffff;padding: 20px;width: 600px;max-width: 90%;margin: 50px auto;}
#once-popup #popup-close {float: right;font-size: 30px;line-height: 10px;padding: 5px;cursor: pointer;}
/* Popup Styles */
.popup {padding-bottom:0px;display: block;position: fixed;top: 52%;left: 50%;transform: translate(-50%, -50%);background: linear-gradient(72deg, #d8d8d8 10.6%, #cf3026 97.7%) !important;padding: 20px;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);color: #fff;width:400px;z-index: 99999;}
.popup.show {display: block;}
.popup-header {display: flex;justify-content: space-between;align-items: center;}
.popup-header h2{margin:0;font-size:24px}.popup-header .close{cursor:pointer;font-size:18px;color:#000;position:absolute;top:-285px;right:-5px;font-size:28px}.popup-footer{margin-top:20px}.popup-footer input[type="email"]{width:100%;padding:8px;font-size:16px;border:1px solid #ddd;border-radius:4px}.popup-footer .subscribe-btn{width:100%;padding:10px;background-color:#ff4500;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;margin-top:10px}.popup-footer .subscribe-btn:hover{background-color:#e03e00}.popup-footer .no-thanks{display:block;text-align:center;margin-top:10px;font-size:14px;color:#555}.popup-footer .no-thanks a{color:#ff4500;text-decoration:none}@media (max-width: 768px) {
.popup-header {flex-direction: column;align-items: flex-start;}
.popup-header .close {margin-top: 10px;}

}
/* Media query for small devices: 320px to 480px */
@media (min-width: 320px) and (max-width: 480px) {
.mobile-inner .row {display: ruby-text;}
.newyear-box .call-button p {width: 100% !important;}
.blink{font-size:17px;}
.mobile-blink {margin-top: -10px;}
.blink {margin-top: -16px;}
.snow-area {height: 77vh;}
.popup{width:350px;}
#callBtnWrapper a {font-size: 14px;padding: 8px 16px;}
.popup-header {flex-direction: column;align-items: flex-start;}
.popup-header .close {margin-top: 10px;font-size: 24px;}
.popup-footer {font-size: 13px;}
.popup-header .close {top: -225px !important;}
.blink {margin-top: -39px;}
.santa-img {width: 90px;text-align: center;display: block;}
.discount img {width: 58%;margin: 0px 0px 53px -210px;}
.call-button {margin: -50px 0px 0px -220px;}
.call-button p {font-size: 12px;width: 37%;}

}

.openPopupBtn {position: fixed;bottom: 50%;right: 0;background: #d60000;background: linear-gradient(98.3deg, #104b6da8 10.6%, #cf3026e0 97.7%) !important;color: white;padding: 12px 20px;border: none;border-radius: 6px;cursor: pointer;font-weight: bold;z-index: 9999;}
.page-id-826 .popup{display:none !important;}
.pop-form .form-button p {font-size: 8px;margin-top: -14px;}
.pop-form  .new_value {height: 23px;width: 11px;}
.newyear-close .close {top: -286px;}
.newyear-box .call-button {margin: 0px;}
.newyear-box .call-button p {width: 80%;margin: -28px auto 16px;}
.newyear-box .newyeaer-img {width:55%;margin: 0 auto;display: block;}
.pop-form .form-button p {
    font-size: 8px;
    margin-top: -14px;
}
.pop-form  .new_value {
    height: 23px;
    width: 11px;
}
.font_class span.wpcf7-list-item-label {
    font-size: 12px !important;
}
.font_class span.wpcf7-list-item-label {
    font-size: 11px !important;
    margin-top: -43px !important;
    display: block;
    margin-left: 16px;
}
.popup-footer {
    margin-top: 13px;
}
.blink {
    animation: blinker 1s infinite;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: -16px;
}

/* Modern CSS Marquee Replacement */
.marquee-css {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 10px 0; /* Adjust as needed */
    background: transparent; /* or match your design */
}

.marquee-content {
    display: inline-block;
    animation: marquee-scroll 06s linear infinite; /* Adjust 15s for speed */
    padding-left: 136px;
}

.marquee-content p {
    display: inline-block;
    margin: 0;
    padding: 0 20px; /* Space around text */
    font-size: inherit;
    line-height: inherit;
}

@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%); /* Because we duplicated the content */
    }
}

/* Pause on hover (optional, nice UX) */
.marquee-css:hover .marquee-content {
    animation-play-state: paused;
}

/* Respect user preference for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .marquee-content {
        animation: none;
    }
}