/* ============================================
   INDEX PAGE — TABLET (696px–1024px)
   ============================================ */

@media screen and (min-width: 696px) and (max-width: 1024px) {

    /* ============================================
       SNAP SLIDER: Reduce caption text sizes
       ============================================ */

    .snap-slide-caption .slide-title {
        font-size: clamp(28px, 4vw, 48px) !important;
        line-height: 1.2 !important;
    }

    /* Hide descriptions to save space on tablet */
    .snap-slide-caption .slide-description {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /* ============================================
       BRANDS / PARTNERS LOGOS — slight reduction
       ============================================ */

    .logo-slider-item img {
        width: 90px !important;
        height: 90px !important;
    }

    /* ============================================
       ADDRESSES SECTION
       Keep horizontal row, reduce margin-top
       ============================================ */

    /* Reduce the very large inline margin-top on desktop */
    .content-row.row_padding_top.light-section[style*="margin-top: 440px"] {
        margin-top: 300px !important;
    }

    .address-row {
        gap: 20px !important;
        padding: 0 30px !important;
    }

    .address-row .one_third {
        flex: 1 !important;
        min-width: 0 !important;
    }

    /* ============================================
       PAGE-NAV: "Explore More Solutions"
       ============================================ */

    #page-nav {
        overflow: visible !important;
    }

    #page-nav .page-nav-caption,
    #page-nav .inner {
        overflow: visible !important;
    }

    /* ============================================
       FOOTER — TABLET LAYOUT
       ============================================ */

    .clapat-footer.compact-footer {
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
    }

    .clapat-footer.compact-footer #footer-container {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 20px 30px !important;
        height: auto !important;
        position: relative !important;
        gap: 10px !important;
    }

    /* Row 1: Nav links */
    .clapat-footer.compact-footer #footer-container .footer-middle {
        flex: 1 1 100% !important;
        order: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 5px !important;
        position: relative !important;
        height: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
    }

    .clapat-footer.compact-footer .footer-middle .footer-nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 4px 16px !important;
    }

    /* Copyright */
    .clapat-footer.compact-footer .footer-middle .footer-copyright {
        display: block !important;
        font-size: 14px !important;
        text-align: center !important;
        margin-top: 5px !important;
        color: #02042a !important;
    }

    .clapat-footer.compact-footer .footer-middle .footer-copyright .footer-legal-links {
        display: none !important;
    }

    /* Back to Top */
    .clapat-footer.compact-footer #footer-container #backtotop.button-wrap.left {
        flex: 0 0 auto !important;
        order: 2 !important;
        position: relative !important;
        float: none !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        pointer-events: auto !important;
    }

    .clapat-footer.compact-footer #footer-container #backtotop.button-wrap.left .button-text {
        display: none !important;
    }

    .clapat-footer.compact-footer #footer-container #backtotop.button-wrap.left .icon-wrap {
        float: none !important;
        position: relative !important;
        margin: 0 !important;
        opacity: 1 !important;
        width: 36px !important;
        height: 36px !important;
    }

    .clapat-footer.compact-footer #footer-container #backtotop.button-wrap.left .button-icon {
        width: 36px !important;
        height: 36px !important;
        line-height: 36px !important;
    }

    .clapat-footer.compact-footer #footer-container #backtotop.button-wrap.left .button-icon i {
        color: #601fe0 !important;
        font-size: 16px !important;
    }

    /* Social icons */
    .clapat-footer.compact-footer #footer-container .socials-wrap {
        flex: 0 0 auto !important;
        order: 3 !important;
        position: relative !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    .clapat-footer.compact-footer #footer-container .socials-wrap .socials-text,
    .clapat-footer.compact-footer #footer-container .socials-wrap .socials-icon {
        display: none !important;
    }

    .clapat-footer.compact-footer #footer-container .socials-wrap .socials {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        transform: none !important;
    }

    .clapat-footer.compact-footer #footer-container .socials-wrap .socials li {
        float: none !important;
        opacity: 1 !important;
        transform: none !important;
        margin: 0 !important;
        display: flex !important;
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
    }

    .clapat-footer.compact-footer #footer-container .socials-wrap .socials li a {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        font-size: 16px !important;
    }

}