.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--tran);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button::after{
    width: 0px;
    height: 0px;
    margin-left: auto;
    content: "\f068";
    font-family: "Font Awesome 6 Free";
    background-image: none;
    transition: all 0.3s;
    font-size: 15px;
    transform: translateY(-17px);
    font-weight: 600;
}
.accordion-button.collapsed::after{
    width: 0px;
    height: 0px;
    margin-left: auto;
    content: "\2b";
    background-image: none;
    transition: all 0.3s;
    font-size: 15px;
    transform: translateY(-17px);
    font-weight: 600;
}
.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: translateY(-17px);
}
.accordion-button:hover{
    color: var(--a-hover-color);
}
.accordion-button:not(.collapsed) {
    color: var(--a-hover-color);
    background-color: var(--tran);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button.box-shadow.collapsed{
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-body{
    font-size: 16px;
    color: var(--About-Carousel-txt);
}
.accordion-body nav ul{
    padding-left: 0rem;
}
.accordion-button{
    font-size: 16px;
    font-weight: 500;
}