.faq-section *, .faq-section *::before, .faq-section *::after {
            box-sizing: border-box;
        }
        :root {
            --navy:   #0D1E3A;
            --blue:   #1565C0;
            --accent: #0288D1;
            --pale:   #E3F2FD;
            --gold:   #F59E0B;
            --muted:  #607D8B;
            --border: #E4EEF8;
        }

        /* ============================================================
           PAGE HERO — BREADCRUMB BANNER
           (identical classes/markup to the Testimonials page so it
           picks up the same site-wide responsive rules from breadcrumb.css)
           ============================================================ */
        .page-hero {
            position: relative;
            background: linear-gradient(135deg, #03174a 0%, #062a6e 45%, #0a3d8c 75%, #062a6e 100%);
            overflow: hidden;
            padding: 0;
        }
        .page-hero-bg-grid {
            position: absolute; inset: 0;
            background-image:
                repeating-linear-gradient(0deg, rgba(0,116,232,.06) 0px, rgba(0,116,232,.06) 1px, transparent 1px, transparent 55px),
                repeating-linear-gradient(90deg, rgba(0,116,232,.06) 0px, rgba(0,116,232,.06) 1px, transparent 1px, transparent 55px);
            pointer-events: none;
        }
        .page-hero-beam { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
        .page-hero-beam::before {
            content: ''; position: absolute; top: 0; left: -20%; width: 35%; height: 100%;
            background: linear-gradient(90deg, transparent, rgba(0,116,232,.14), transparent);
            transform: skewX(-12deg);
            animation: heroBm 6s ease-in-out infinite;
        }
        @keyframes heroBm {
            0%,100% { left: -20%; opacity: 0.6; }
            50%      { left: 90%; opacity: 0.2; }
        }
        .page-hero-orb1 {
            position: absolute; width: 360px; height: 360px; border-radius: 50%;
            background: radial-gradient(circle, rgba(0,116,232,.22) 0%, transparent 70%);
            top: -100px; right: 5%; pointer-events: none;
            animation: orbFloat 10s ease-in-out infinite;
        }
        .page-hero-orb2 {
            position: absolute; width: 200px; height: 200px; border-radius: 50%;
            background: radial-gradient(circle, rgba(0,180,216,.18) 0%, transparent 70%);
            bottom: -40px; left: 35%; pointer-events: none;
            animation: orbFloat 13s ease-in-out 2s infinite;
        }
        @keyframes orbFloat {
            0%,100% { transform: translate(0,0); }
            50%      { transform: translate(14px,-18px); }
        }
        .page-hero-accent {
            position: absolute; top: -30%; right: 18%; width: 50%; height: 160%;
            background: linear-gradient(135deg, rgba(0,116,232,.12) 0%, transparent 60%);
            clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
            pointer-events: none;
        }
        .page-hero-inner {
            position: relative; z-index: 2;
            max-width: 1200px; margin: 0 auto;
            padding: 48px 15px 44px;
            display: flex; align-items: center; justify-content: space-between;
            gap: 24px; flex-wrap: wrap;
        }
        .page-hero-left {}
        .page-hero-title {
            font-family: 'Barlow Condensed', sans-serif;
            font-size: clamp(36px, 5vw, 68px); font-weight: 800; line-height: .92;
            color: #fff; text-transform: uppercase; letter-spacing: 1px;
            margin-bottom: 16px;
        }
        .page-hero-title span { color: var(--gold); }

        /* ── SECTION ── */
        .faq-section {
            font-family: 'DM Sans', sans-serif;
            padding: 80px 0;
            background: aliceblue;
            position: relative;
            overflow: hidden;
           
        }
        .faq-blob { position:absolute; border-radius:50%; pointer-events:none; filter:blur(60px); }
        .faq-blob-1 { width:480px;height:480px;background:rgba(21,101,192,0.06);top:-160px;right:-120px;animation:faq-drift 16s ease-in-out infinite alternate; }
        .faq-blob-2 { width:360px;height:360px;background:rgba(2,136,209,0.05);bottom:-130px;left:-90px;animation:faq-drift 20s ease-in-out infinite alternate-reverse; }
        @keyframes faq-drift {
            0%   { transform: translate(0,0) scale(1); }
            100% { transform: translate(28px,18px) scale(1.07); }
        }

        /* ── HEADING ── */
        .faq-section-head {
            text-align: center; padding: 0 40px; margin-bottom: 52px;
            position: relative; z-index: 2;
        }
        .faq-eyebrow {
            display: inline-flex; align-items: center; gap: 10px;
            font-size: 11px; font-weight: 500; letter-spacing: 0.18em;
            text-transform: uppercase; color: var(--accent); margin-bottom: 6px;
        }
        .faq-eyebrow::before, .faq-eyebrow::after {
            content:''; display:block; width:30px; height:1.5px;
            background: linear-gradient(90deg, transparent, var(--accent));
        }
        .faq-eyebrow::after { transform: scaleX(-1); }
        .faq-section-head h2 {
            font-family: 'Syne', sans-serif;
            font-size: clamp(1.9rem,3.8vw,2.8rem);
            font-weight: 800; color: var(--navy); line-height: 1.1;
        }
        .faq-section-head p {
            margin-top: 14px; font-size: 15px; color: var(--muted);
            max-width: 460px; margin-left: auto; margin-right: auto; line-height: 1.75;
        }

        /* ── ACCORDION ── */
        .faq-list {
            max-width: 820px; margin: 0 auto; position: relative; z-index: 2;
            display: flex; flex-direction: column; gap: 14px;
            padding: 0 20px;
            width: 100%;
        }
        .faq-item {
            background: #fff;
            border: 1.5px solid var(--border);
            border-radius: 20px;
            padding: 4px 24px;
            position: relative;
            transition: box-shadow 0.28s, border-color 0.28s;
        }
        .faq-item::before {
            content:''; position:absolute; top:0; left:24px; right:24px; height:3px;
            background: linear-gradient(90deg, var(--blue), var(--accent));
            border-radius: 0 0 4px 4px;
            opacity: 0; transition: opacity 0.28s;
        }
        .faq-item.open,
        .faq-item:hover {
            box-shadow: 0 14px 44px rgba(21,101,192,0.11);
            border-color: rgba(21,101,192,0.22);
        }
        .faq-item.open::before { opacity: 1; }

        .faq-q {
            width: 100%; text-align: left; background: none; border: none; cursor: pointer;
            padding: 20px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px;
        }
        .faq-q-text {
            font-family: 'DM Sans', sans-serif; font-weight: 400; font-size: 13.5px;
            color: #546E7A; line-height: 1.82;
        }
        .faq-q-icon {
            flex-shrink: 0; width: 8px; height: 8px;
            border-right: 1.5px solid #9AA5B1;
            border-bottom: 1.5px solid #9AA5B1;
            transform: rotate(45deg);
            margin-top: -4px;
            transition: transform 0.3s ease;
        }
        .faq-item.open .faq-q-icon {
            transform: rotate(-135deg);
            margin-top: 3px;
        }

        .faq-a-wrap {
            max-height: 0; overflow: hidden; transition: max-height 0.32s ease;
        }
        .faq-a-text {
            font-size: 13.5px; line-height: 1.82; color: #546E7A;
            padding: 0 0 22px; border-top: 1px solid var(--border); padding-top: 14px;
        }

        .faq-empty {
            text-align:center; padding:40px 20px; color:var(--muted); font-size:15px;
        }

        /* ── RESPONSIVE (matches the breakpoints used on the Testimonials page) ── */
        @media (max-width: 991px) {
            .page-hero-inner { padding: 40px 15px 36px; }
        }
        @media (max-width: 767px) {
            .page-hero-inner {
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
                padding: 32px 15px 28px;
            }
            .faq-section { padding: 56px 0; }
            .faq-section-head { padding: 0 16px; margin-bottom: 34px; }
        }
        @media (max-width:600px) {
            .faq-item { padding: 4px 18px; }
            .faq-q-text { font-size: 13px; }
            .faq-list { padding: 0 14px; }
        }
        
        .faq-section-head h2 em {
    color: transparent;
    background: linear-gradient(120deg, var(--blue), var(--accent));
    -webkit-background-clip: text;
    background-clip: text;
    font-style: normal;
}

 #question p{font-size:14px !important;}
 #question{font-size:14px !important;}
 #answer p{font-family: 'DM Sans', sans-serif !important;}
 #answer{font-family: 'DM Sans', sans-serif !important;}
 #answer strong{
    font-weight: 500 !important;
    color:#0081c9;
}