/* Tablet Screens  */
@media screen and (max-width: 1200px) {
    body .newsletter-footerform .newsletter-field input{
        width: auto !important;
    }
}
@media screen and (max-width: 1024px) {
    .swiper-timeline-button-prev, .swiper-timeline-button-next{
        top:80% !important;
    }
}



/* Mobile Screens */
@media screen and (max-width: 768px) {
    .desktop-header{
        display: none !important;
    }
    .mobile-header{
        display: flex !important;
    }
    .hide-on-mobile{
        display: none !important;
    }
    body .hide-on-desktop{
        display: flex !important;
    }
    body .hide-on-desktop.mobile-block{
        display: block !important;
    }
    body .hide-on-desktop.mobile-grid{
        display: grid !important;
    }

    body .newsletter-footerform .newsletter-field input{
        min-width: 100% !important;
    }
    .newsletter-footerform form {
        display: block !important;
    }
    body .newsletter-footerform .wpforms-submit-container{
        margin-top: 16px !important;
    }
    body .newsletter-footerform .wpforms-submit{
        width: 100% !important;
    }
    .mfooter-social-links svg {
        width: 30px !important;
        height: 30px !important;
    }

    body .ticker-marquee-inner {
        animation: marquee-scroll 8s linear infinite; /* ← was 22s, now fast */
    }

    .cerimonia-slider-part {
        padding: 40px 20px 60px 20px !important;
    }
    body .cerimonia-swiper-pagination{
        bottom: -50px !important;
    }
    .mobile-w-full{
        width: 100%;
        max-width: 100%;
    }
    .reverse-on-mobile {
        flex-direction: column-reverse;
    }
    .swiper-timeline-button-prev, .swiper-timeline-button-next{
        top:99% !important;
    }
    .mobile-py-40{
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .scroll-columns {
        /* flex-direction: column; */
        padding: 30px 40px;
        align-items: center;
        justify-content: center;
    }

    /* Hide all columns by default on mobile */
    .scroll-col {
        display: none;
        width: 100%;
        opacity: 1;
        padding: 40px;
    }

    /* Only show the active one */
    .scroll-col.active {
        display: block;
        opacity: 1;
        transform: scale(1);
    }
    .whatsapp-image-floater{
        bottom: 20px !important;
        right: 20px !important;
    }
}