.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);
}

.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;
    }
    .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::after{
        content: "\f105";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        float: right;
    }