.accordion-button:not(.collapsed) {
    background-color: #fff;
    color: #9425FE;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: #F6EEFE !important;
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-button.active {
    background-color: #9425FE;
    color: #fff;
}

.category-btn-active {
    background: #FFD600 !important;
    color: #222 !important;
    box-shadow: 0px 4px 0px #9425FE;
}

.category-btn {
    background-color: #9425FE !important;
    color: #fff !important;
    border: none;
    padding: 8px 24px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    box-shadow: 0px 4px 0px #2b005e;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1300px) {
    .category-btn {
        white-space: nowrap;
        padding: 6px 14px;
        font-size: 20px;
    }
}

.category-btn:hover {
    background-color: #7b1cd5 !important;
    color: #fff !important;
    transform: translateY(1px);
    box-shadow: 0px 3px 0px #2b005e;
}

.category-btn-active {
    background: #FFD600 !important;
    color: #222 !important;
    box-shadow: 0px 4px 0px #9425FE !important;
}

.category-btn:hover {
    background-color: #7b1cd5 !important;
    color: #fff !important;
}


section {
    background-color: #fff;
}