/* ==========================================================================
   FAQ Section
   ========================================================================== */
   .accordion-item {
    background-color: var(--background-color);
    border: none;
    margin-bottom: var(--spacing-md);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-md);
}

.accordion-button {
    background-color: var(--background-color);
    color: var(--text-heading);
    font-size: clamp(var(--font-size-md), 3vw, var(--font-size-lg));
    font-weight: 600;
    padding: var(--spacing-lg);
    border-radius: var(--border-radius-md);
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    background-color: var(--background-color);
    color: var(--text-heading);
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.accordion-button::after {
    font-family: "bootstrap-icons";
    font-size: var(--font-size-lg);
    color: var(--text-heading);
}

.accordion-body {
    background-color: var(--faq-answer-bg);
    color: var(--text-body);
    font-size: var(--font-size-md);
    padding: var(--spacing-lg);
    border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
}