/* ==========================================================
   Bizicard FAQ Page
   ========================================================== */

/* ==========================================================
   HERO
   ========================================================== */

.faq-hero{

    min-height:16rem;

}

/* ==========================================================
   CTA
   ========================================================== */

.faq-cta{

    padding-block:var(--space-3xl);

    background:
        var(
            --cta-background,
            var(--color-accent)
        );

    text-align:center;

}

.faq-cta h2{

    margin-bottom:var(--space-m);

    color:
        var(
            --cta-heading-color,
            var(--color-primary)
        );

    font-family:
        var(
            --cta-heading-font,
            inherit
        );

    font-weight:
        var(
            --cta-heading-weight,
            var(--weight-bold)
        );

}

.faq-cta p{

    max-width:42rem;

    margin:
        0 auto
        var(--space-xl);

    color:
        var(
            --cta-text-color,
            var(--color-text)
        );

    font-family:
        var(
            --cta-body-font,
            inherit
        );

    font-weight:
        var(
            --cta-body-weight,
            var(--weight-regular)
        );

}

/* ==========================================================
   PAGE TWEAKS
   ========================================================== */

/*
Place only FAQ-specific overrides here.

Examples:

- decorative backgrounds
- illustrations
- section dividers
- page-only animations

Avoid overriding GDS components unless
the change is unique to the FAQ page.
*/

.faq-title {
    margin: 0;
    font-size: clamp(1.5rem,3vw,5rem);
    line-height: 1.02;
    letter-spacing: -0.03em;
}