/* ============================================
   WHO WE ARE — TABLET (696px–1024px)
   ============================================ */

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

    /* ============================================
       PAGE HEADING
       ============================================ */

    .content-row.full h1[style*="font-size: 56px"] {
        font-size: clamp(36px, 5vw, 50px) !important;
        line-height: 1.15 !important;
        padding: 0 30px !important;
    }

    /* ============================================
       SECTION PADDING
       ============================================ */

    .content-row.full > div[style*="padding: 0 60px"] {
        padding: 0 30px !important;
    }

    .content-row.full[style*="padding: 80px"] {
        padding: 60px 0 !important;
    }

    /* ============================================
       TWO-COLUMN LAYOUT (text + nucleus image)
       Keep side-by-side, reduce fixed image column
       ============================================ */

    /* Keep flex row, just reduce the fixed column width */
    .content-row.full > div > div[style*="display: flex"][style*="gap: 40px"] > div[style*="flex: 0 0 665px"] {
        flex: 0 0 420px !important;
        width: 420px !important;
    }

    /* Image: fill reduced column */
    .content-row.full > div > div[style*="display: flex"][style*="gap: 40px"] > div[style*="flex: 0 0 665px"] img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    /* Gap reduction */
    .content-row.full > div > div[style*="display: flex"][style*="gap: 40px"] {
        gap: 30px !important;
    }

    /* ============================================
       PARAGRAPH & HEADING SIZES
       ============================================ */

    .content-row.full p[style*="font-size: 20px"] {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    .content-row.full h3[style*="font-size: 26px"] {
        font-size: 20px !important;
    }

    /* ============================================
       STATISTICS SECTION
       Keep 5-across row, reduce font sizes
       ============================================ */

    .content-row.full[style*="padding: 0px 60px"] {
        padding: 0 30px !important;
    }

    /* Statistics numbers */
    .content-row.full h2[style*="font-size: 64px"] {
        font-size: 42px !important;
    }

    /* Globe item: reduce negative margin */
    .content-row.full[style*="padding: 0px 60px"] > div > div[style*="display: flex"] > div[style*="margin-top: -40px"] {
        margin-top: -20px !important;
    }

    /* ============================================
       MARQUEE LOGOS
       ============================================ */

    .marquee-track img {
        width: 120px !important;
        height: 65px !important;
    }

    /* ============================================
       FOOTER — TABLET (compact-footer)
       ============================================ */

    .clapat-footer.compact-footer {
        height: auto !important;
        min-height: auto !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 */
    .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 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 > div[style*="font-size: 8px"] {
        display: block !important;
        visibility: hidden !important;
        font-size: 0 !important;
        text-align: center !important;
        margin-top: 5px !important;
        width: 100% !important;
        position: relative !important;
    }

    .clapat-footer.compact-footer .footer-middle > div[style*="font-size: 8px"]::before {
        content: "Copyright \00A9 2026. All Rights Reserved" !important;
        visibility: visible !important;
        font-size: 14px !important;
        color: #02042a !important;
        display: block !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: #6315e5 !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;
        color: #02042a !important;
    }

}