/* =========================
   FAQ CONTAINER
========================= */
.accordion-faq {
    max-width: 900px;
    margin: 50px auto;
    padding: 0 15px;
}

/* =========================
   CARD (CLEAN PREMIUM LOOK)
========================= */
.accordion-faq .card {
    border: 1px solid rgba(0, 11, 156, 0.08);
    background: #fff;
    border-radius: 14px;
    margin-bottom: 14px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: all 0.25s ease;
}

.accordion-faq .card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

/* =========================
   HEADER (BRAND GRADIENT)
========================= */
.accordion-faq .card .card-header {
    background: linear-gradient(
            135deg,
            rgba(0, 11, 156, 0.08),
            rgba(242, 1, 103, 0.06)
    );
    border: none;
    padding: 16px 18px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

.accordion-faq .card .card-header:hover {
    background: linear-gradient(
            135deg,
            rgba(0, 11, 156, 0.12),
            rgba(242, 1, 103, 0.10)
    );
}

/* =========================
   QUESTION TEXT
========================= */
.accordion-faq .card-header a h3 {
    font-weight: 600;
    font-size: 16px;
    color: #0f172a;
    margin: 0;
    padding-right: 35px;
}

/* =========================
   ICON (+ / −)
========================= */
.accordion-faq .card .card-header a:before {
    content: "+";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 300;
    color: #0f172a;
    transition: all 0.3s ease;
}

/* OPEN STATE */
.accordion-faq .card .card-header a[aria-expanded="true"]:before {
    content: "−";
    color: #f20167;
}

/* =========================
   BODY
========================= */
.accordion-faq .card-body {
    background: #ffffff;
    padding: 18px 20px;
    color: #4a4a4a;
    font-size: 15px;
    line-height: 1.7;
    border-top: 1px solid rgba(0, 11, 156, 0.06);
}

/* =========================
   ANSWER TEXT
========================= */
.rep-faq {
    color: #555;
}

/* =========================
   TITLES
========================= */
.avantages-title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #262626;
    margin-bottom: 6px;
}

.avantages-subtitle {
    text-align: center;
    font-size: 15px;
    color: #666;
    margin-bottom: 35px;
}