:root{
--color-primary: #FF4B4B;
--color-text: #545d7a;
--color-white: #fff;
--color-title: #242e4c;
--color-background: #f7f8fb;
--color-border: #dae1f5;

/* Fonts */
--font-family: "Satoshi", sans-serif;
--fs-sm: 1.4rem;
--fs-md: 1.6rem;
--fs-lg: 2.2rem;
--fw-regular: 400;
--fw-medium: 500;
--fw-bold: 700;

/* Transition & Elevation */
--transition: 0.4s ease-in-out; 
/* Unified bottom-weighted premium shadows (match landing) */
--shadow-card-sm:
    0 3px 6px -2px rgba(99,170,255,.28),
    0 10px 20px -8px rgba(99,170,255,.22),
    0 24px 36px -16px rgba(99,170,255,.18),
    0 0 0 1px rgba(99,170,255,.14);
--shadow-card:
    0 4px 10px -3px rgba(99,170,255,.30),
    0 18px 34px -12px rgba(99,170,255,.26),
    0 42px 68px -28px rgba(99,170,255,.22),
    0 0 0 1px rgba(99,170,255,.16);

}
        .containerFaq{ 
            width: auto;
            margin: auto;
            min-height: 64vh; /* maintains visual balance */
            /* Bottom padding adjusted to 25px per request */
            padding: 45px 38px 25px; /* was 45px 38px 70px */
            display: grid;
            background: transparent; /* rely fully on unified continuous gradient */
            place-items: center;
            position: relative;
            margin-bottom: 72px; /* separation from following widget */
        }
        /* Remove local overlay to eliminate banding difference vs showcase sections */
        .containerFaq::before{display:none !important;}
        .containerFaq > *{position:relative;z-index:1;}

.accordion__wrapper {
    background-color: var(--color-white);
    backdrop-filter: blur(6px) saturate(140%);
    box-shadow: var(--shadow-card);
    border:1px solid rgba(15,23,42,.08);
    border-radius: 2.6rem;
    width: 100%;
    max-width: 66rem;
    padding: 4.6rem 4.8rem;
}

 @media (max-width: 768px) {
    .containerFaq{ 
        width: auto;
        background: transparent;
        min-height: auto;
        padding: 35px 26px 51px; /* was 2.2rem 1.6rem 3.2rem */
        margin-bottom: 56px; /* fixed instead of clamp(34px,10vw,68px) */
    }
    .accordion__wrapper {
        width: auto; 
        max-width: 100%; 
        padding: 2.2rem 1.8rem 2.4rem;
        border-radius:1.8rem;
        box-shadow: var(--shadow-card);
    }
 }
.accordion__title{
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    color: var(--color-title);
    text-align: center;
    margin-bottom: 4rem;
}

.accordion {
    border-bottom: 0.1rem solid #dae1f5 !important;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
}

.accordion__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
} 

.accordion__icon {
    background-color: #274c77;
    width: 2.2rem;
    height: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--color-white);
    flex-shrink: 0;
}

.accordion__question{
    font-size: var(--fs-md);
    font-weight: var(--fw-medium);
    color: var(--color-title);
}

.accordion__answer{
    padding: 2rem 0;
        padding: 2rem 0;
    font-size: 22px;
    color: #555050;
}

.accordion__content{
    overflow: hidden;
    height: 0;
    transition: var(--transition);
}

@media screen and (min-width: 580px) {
    .accordion__wrapper {
        padding: 5rem 8rem;
    }
}