.accordion-item {
    border: none !important;
}

.accordion>.card>.card-header {
    background-color: var(--grey);
}

.accordion .card-body {
    background-color: var(--black);
}

.accordion-item .accordion-button {
    border-radius: 12px !important;
    font-size: 1.25rem;
}

    .accordion button {
        font-family: rubik, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        color: var(--red);
        margin-top: 1rem;
        margin-bottom: 1rem;
        background-color: var(--grey);
    }

.accordion-button::after {
    background-image: url('/Portals/174/plus-circle-fill.png');
    transform: scale(1) !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url('/Portals/174/dash-circle-fill.png');
}

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

@media screen and (max-width: 991px) {
    .accordion-button {
        padding: 1rem 0.5rem !important;
    }

    .accordion-item .accordion-button {
        font-size: 1rem;
    }

    .accordion-button::after {
        transform: scale(0.75) !important;
    }
}