.accordion-button {
    font-size:2rem;
}
.accordion-button::after,
.accordion-button:not(.collapsed)::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 2.5rem;
    height:37px;
    width:37px;
    transition: all 0.2s ease-in-out;
    background-image: none;
    margin-top:-10px;
}
.accordion-button::after {
    content: "\f055";
    color: var(--text-primary-color);
}

.accordion-button:not(.collapsed) {
    background-color: unset;
    box-shadow: none;

}
.accordion-button:not(.collapsed)::after {
    content: "\f056";
    transform: none;
    color: var(--text-muted-color);
}

/* --- To remove the shadow and blue border color */
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}


[data-bs-theme="dark"] {

    .accordion-item {
        background-color: var(--body-background-color);
        color: white;
        border-color: black;
    }

    .accordion-button {
        background-color: var(--body-background-color);
        color: white;
        border-color: black;
    }
    .accordion-button:not(.collapsed) {
        color: white;
    }

}