.faq-list{
    display: flex;
    flex-direction: column;
    text-align: left;
    color: #FFF;
}

.faq-list > * + *{
    margin-top: 16px;
}

.clip-box-p{
    will-change: clip-path;
    transform: translateZ(0);
    padding: 1px;
    position: relative;
    clip-path: polygon(
        20px 0%, 100% 0%, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0% 100%, 0% 20px
    );
    background: rgba(255, 255, 255, 0.20);;
    transition: all 0.3s ease;
}

.clip-box-c{
    will-change: clip-path;
    transform: translateZ(0);
    position: relative;
    padding: 20px 40px;
    background: #000;
    clip-path: none;
    clip-path: polygon(
        20px 0%, 100% 0%, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0% 100%, 0% 20px
    );
    padding-bottom: 0;
}
/* 
.faq-list .active .clip-box-c{
    max-height: 500px;
    
}

.faq-list .clip-box-c{
    max-height: 66px;
    transition: all 0.3s ease;
} */

.faq-list .active p:nth-child(2) {
    max-height: 500px;
    padding: 24px 0;
}


.faq-list li p:nth-child(1) {
    display: flex;
    font-size: 20px;
    margin-bottom: 20px;
}

.faq-list li p .question{
    flex: 1;
}

.faq-list li p:nth-child(1) span:nth-child(1) {
    /* margin-right: 25px; */
    font-weight: 700;
    color: #EAFF09;
}

.faq-list li p:nth-child(2) {
    /* display: none; */
    padding: 24px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.70);
    max-height: 0;
    padding: 0;
    transition: all 0.3s ease;
}

.expand-collapse-btn{
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(https://images.ggassist.ai/ggassist/assets/common/icon_expand.svg);
}

.faq-list .active .expand-collapse-btn{
    background: url(https://images.ggassist.ai/ggassist/assets/common/icon_collapse.svg); 
}

.faq-list .active p:nth-child(2){
    display: block;
}

/* .faq-list .active p:nth-child(2){
    border-top: none;
} */

/* .faq-list .active p:nth-child(1) {
    margin-bottom: 20px;
} */

.faq-list li .question{
    margin: 0 16px 0 25px;
}

@media (max-width: 500px) {
    .faq-list li{
        font-size: 20px;
    }
    .faq-list li .question{
        margin: 0 20px;
    }
    .clip-box-c{
        padding: 20px;
        padding-bottom: 0;
    }
}