/* Custom styling for accordion headers */

/* Change accordion button (title) color */
.accordion-button {
    color: #ffffff !important;
    background-color: #00a2af !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

/* Change accordion button color when collapsed (optional - different color when closed) */
.accordion-button.collapsed {
    color: #ffffff !important;
    background-color: #00a2af !important;
}

/* Change accordion button hover color */
.accordion-button:hover {
    color: #ffffff !important;
    background-color: #00a2af !important;
}

/* Change accordion button focus color (when clicked) */
.accordion-button:not(.collapsed) {
    color: #00a2af !important;  /* Even darker when expanded */
    background-color: #f0f4f8 !important;  /* Light blue background when open */
}

/* Optional: Style the accordion body background */
.accordion-body {
    background-color: #ffffff;
}

/* Optional: Change the arrow icon color */
.accordion-button::after {
    /* filter: brightness(0) saturate(100%) invert(22%) sepia(43%) saturate(1825%) hue-rotate(196deg) brightness(92%) contrast(95%); */
    color: #000000
}