.accordion {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto
}

.accordion .a-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 5px
}

.accordion .a-container .a-btn {
    margin: 0;
    position: relative;
    padding: .75rem 0;
    width: 100%;
    color: #ffffffc6;
    display: block;
    font-weight: 700;
    cursor: pointer;
    border-bottom: 1px solid #ced3dc24;
    transition: all .3s ease-in-out
}

.accordion .a-container .a-btn:hover {
    color: #fa496e
}

.accordion .a-container .a-btn span {
    display: block;
    position: absolute;
    height: 8px;
    width: 8px;
    right: 0rem;
    top: 18px;
}

.accordion .a-container .a-btn span:after {
    content: "";
    width: 8px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 10px
}

.accordion .a-container .a-btn span:before {
    content: "";
    width: 8px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 10px;
    transform: rotate(90deg);
    transition: all .3s ease-in-out
}

.accordion .a-container .a-panel {
    width: 100%;
    color: #8391a7;
    transition: all .2s ease-in-out;
    opacity: 0;
    height: auto;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    font-size: .85rem
}

.accordion .a-container.active .a-btn {
    color: #fa496e
}

.accordion .a-container.active .a-btn span::before {
    transform: rotate(0deg)
}

.accordion .a-container.active .a-panel {
    padding: .75rem 0;
    opacity: 1;
    max-height: 500px
}

.faqList li {
    line-height: 3;
}



.nav-link.active {
    background-image: -webkit-linear-gradient(0deg, rgba(106, 65, 251, 1) 35%, rgba(244, 153, 87, 1) 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



.faqBackground {
    background-image:
        radial-gradient(at 100% 30%, hsla(248, 71%, 53%, 0.4) 0px, transparent 30%),
        radial-gradient(at 0% 0%, hsla(155, 71%, 53%, 0.2) 0px, transparent 20%),
        url('../img/breadcrumb-shape-line-right.png');
}




/* Media Query for Mobile Devices */
@media (max-width: 480px) {
    .tabBorder {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}