/* RESPONSIVE — MOBILE */
.nav-container { padding-left: 240px; padding-right: 240px; }
        @media (min-width: 1024px) { .nav-container { padding-left: 240px; padding-right: 240px; } }

        @media (max-width: 1023px) {
            .ip-container { padding-left: 8px !important; padding-right: 8px !important; }
            .nav-container { padding-left: 8px !important; padding-right: 8px !important; }
            .site-footer { padding-left: 8px !important; padding-right: 8px !important; }
            .ip-content-wrapper { padding: 4px !important; }
            #main-content { padding-top: 90px !important; }
            .btn-row, .inf-cta .flex.gap-3 { display: grid !important; grid-template-columns: 1fr !important; gap: 3px !important;  }
            .btn-row a, .inf-cta .flex.gap-3 a { flex: none !important; width: 100% !important; height: 48px !important; aspect-ratio: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; }
            .btn-row a span, .inf-cta .flex.gap-3 a span { white-space: normal !important; line-height: 1.2 !important; }
            .hero-logo { max-width: 200px !important; }
            .gradient-text-h1 { font-size: 1.5rem !important; }
            .gradient-text-h2 { font-size: 1.1rem !important; }
            .text-base { font-size: 0.85rem !important; }
            .footer-main-row { flex-direction: column !important; gap: 16px !important; }
            .footer-contact { flex-direction: column !important; align-items: center !important; text-align: center !important; border-bottom: 1px solid rgba(59, 28, 110, 0.2) !important; padding-bottom: 12px !important; margin-bottom: 8px !important; }
            .footer-contact img { height: 60px !important; }
            .inf-contact-cards { flex-direction: column !important; }
            .inf-contact-cards a { flex: 1 1 auto !important; min-width: 0 !important; max-width: 100% !important; }
            footer h4 { text-align: center !important; }
            footer .flex.flex-wrap { flex-wrap: nowrap !important; }
            .footer-logos img { height: 36px !important; }
            .footer-ack { flex-direction: column !important; gap: 8px !important; }
            .footer-ack img { height: 36px !important; }
            header.fixed { height: 80px !important; }
            header img { height: 40px !important; }
            button.lg\\:hidden { z-index: 100 !important; position: relative !important; }
        }