/* Change background color when expanded */
.accordion-button:not(.collapsed) {
    background-color: #f8f9fa; /* Change to your desired color */
    color: #000; /* Text color */
    border-color: #dee2e6; /* Border color */
}

/* Remove the default Bootstrap blue outline */
.accordion-button:focus {
    box-shadow: none;
}

/* Optional: Customize hover or active colors */
.accordion-button:hover {
    background-color: #e9ecef; /* Slight hover effect */
    color: #000;
}