/* FAQ Section */
        .faq-section .accordion-item {
            background-color: #fff;
            border: 1px solid #e0e0e0;
            border-radius: var(--border-radius-md) !important; /* Override Bootstrap */
            margin-bottom: 1rem;
            box-shadow: var(--shadow-sm);
        }
        .faq-section .accordion-button {
            font-weight: 600;
            color: var(--primary-dark);
            background-color: #fff;
            border-radius: var(--border-radius-md) !important; /* Ensure consistent radius */
        }
        .faq-section .accordion-button:not(.collapsed) {
            background-color: var(--accent);
            color: var(--primary-dark);
            box-shadow: none;
        }
        .faq-section .accordion-button:focus {
            box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25); /* Use primary color for focus */
        }
        .faq-section .accordion-body {
            background-color: #fff;
            border-bottom-left-radius: var(--border-radius-md);
            border-bottom-right-radius: var(--border-radius-md);
            padding: 1.5rem;
        }
        /* Use bootstrap-icons glyphs for accordion icons and remove Bootstrap's default bg-image to prevent double arrows */
        .faq-section .accordion-button::after { /* Custom accordion icon */
            background-image: none !important; /* remove default SVG chevron */
            font-family: "bootstrap-icons";
            content: "\F282"; /* Chevron down */
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 1.25rem;
            height: 1.25rem;
            transform: none; /* keep upright, using different glyph for open state */
        }
        .faq-section .accordion-button:not(.collapsed)::after {
            background-image: none !important;
            content: "\F286"; /* Chevron up */
        }