.faq{
    margin-top: 30px;
    font-family: 'PT Mono', sans-serif;
}

.faq__title{
    margin:0 0 32px;

    font-weight: 600;
    font-size: clamp(28px, 3vw, 32px);
    color: #0c1b31;
}

.faq__list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    align-items:start;

}

.faq__item{
    background:#F5F5F5;
    align-self:start;
}

.faq__question{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;

    padding:20px;

    border:0;
    background:none;

    cursor:pointer;

    text-align:left;
}

.faq__question-text{
    flex:1;
    font-weight: 400;
    font-size: 14px !important;
    color: #0c1b31 !important;
}

.faq__icon{
    width:32px;
    height:32px;
    background:#FE9542;
    position:relative;
    flex-shrink:0;
}

.faq__icon::before,
.faq__icon::after{
    content:"";
    position:absolute;
    background:#fff;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    transition:.25s;
}

.faq__icon::before{
    width:16px;
    height:2px;
}

.faq__icon::after{
    width:2px;
    height:16px;
}

.faq__item.active .faq__icon::after{
    opacity:0;
}

.faq__answer{
    height:0;
    overflow:hidden;
    transition:height .3s ease;

    font-weight: 400;
    font-size: 13px !important;
    line-height: 140%;
    color: rgba(12, 27, 49, 0.6) !important;
}

.faq__answer-inner{
    padding:0 20px 20px;
}

.faq__answer-inner>*:first-child{
    margin-top:0;
}

.faq__answer-inner>*:last-child{
    margin-bottom:0;
}

@media(max-width:767px){

    .faq{
        margin-top:56px;
    }

    .faq__list{
        grid-template-columns:1fr;
    }

}