.aio-accordion-content.accordion-plus {

    padding: 0 18px;

    background-color: white;

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.2s ease-out;

}



.aio-accordion.accordion-plus .aio-accordion-title {

    /* position: relative;

        display: -webkit-box;

        display: flex;

        -webkit-box-pack: justify;

        justify-content: space-between;

        -webkit-box-align: center;

        align-items: center; */

    cursor: pointer;

}



.aio-accordion.accordion-plus .aio-accordion-title.active .icons span:first-of-type {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}



.aio-accordion.accordion-plus .aio-accordion-title.active .icons span:last-of-type {

    -webkit-transform: rotate(0) translateY(-2px);

    transform: rotate(0) translateY(-2px);

}



.aio-accordion.accordion-plus .icons {

    /* position: absolute; */

    right: 12px;

}



.aio-accordion.accordion-plus .icons span {

    display: block;

    width: 12px;

    height: 2px;

    background-color: rgb(255, 255, 255);

    -webkit-transition: -webkit-transform .2s ease;

    transition: -webkit-transform .2s ease;

    transition: transform .2s ease;

    transition: transform .2s ease, -webkit-transform .2s ease;

}



.aio-accordion.accordion-plus .icons span:last-of-type {

    -webkit-transform: rotate(90deg) translateX(-2px);

    transform: rotate(90deg) translateX(-2px);

}



/* .card-header-link a {

    background: var(--w-bg-primary);

    color: var(--w-color-white);

} */

.aio-accordion.accordion-arrow .card,

.aio-accordion.accordion-arrow .card-header,

.aio-accordion.accordion-arrow .card-header a

{

    border-radius:0;

    border: none;

    padding: 0;

    color: var(--w-color-black) !important;

}



.aio-accordion.accordion-arrow .card-header a.btn

{

    width: 20px;

    border-left: 1px solid #dadada;

}

.aio-accordion.accordion-arrow .card-header {

    display: flex;

    justify-content: space-between;

}

.aio-accordion.accordion-arrow .card-header.collapse

{

    color: var(--w-color-white) !important;

    background-color: var(--w-bg-primary) !important;

}



.aio-accordion.accordion-arrow .card-header.collapse .btn-header-link,

.aio-accordion.accordion-arrow .card-header.collapse .card-header-link 

{

    color: var(--w-color-white) !important;

}

.aio-accordion.accordion-arrow .card-body

{

    padding: 0;

}

.aio-accordion.accordion-arrow  .card .card-header .btn-header-link {

    display: block;

    text-align: left;

}



.aio-accordion.accordion-arrow  .card .card-header .btn-header-link:after {

    content: "\f107";

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    float: right;

}





/* 

.aio-accordion.accordion-arrow  .card .card-header .btn-header-link.collapsed {

    background: var(--w-bg-primary);

    color: var(--w-color-white);

}  */



.aio-accordion.accordion-arrow  .card .card-header .btn-header-link.collapsed:after {

    content: "\f105";

}

.aio-accordion.accordion-arrow  .card .collapsing {

}



.aio-accordion.accordion-arrow  .card .collapse {

}



.aio-accordion.accordion-arrow  .card .collapse.show {

}

.aio-accordion.accordion-arrow .card-body.active a{

    color: var(--w-color-primary);

}

.aio-accordion.accordion-arrow .card-body a{

    color: var(--w-color-black);

}



.aio-accordion.accordion-arrow .card-body.active a::after

{

    content: "\f105";

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    float: right;

}