/*=========================================
FAQ SECTION
=========================================*/

.faq-sec{
    padding:80px 0;
    background: #f1f1f1;
}

.faq-container{
    width:92%;
    max-width:1450px;
    margin:auto;
}

/*========================*/

.faq-title{
    text-align:center;
    margin-bottom:45px;
}

.faq-title h2{
    color:#160842;
    font-size:34px;
    font-weight:700;
    /*text-transform:uppercase;*/
    line-height:1.2;
    margin:0;
}

/*========================*/

.faq-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:38px;

}

.faq-column{

    display:flex;

    flex-direction:column;

    gap:20px;

}

/*========================*/

.faq-item{

    background:#fff;

    box-shadow:0 3px 10px rgba(0,0,0,.08);

    overflow:hidden;

}

/*========================*/

.faq-head{

display:flex;

justify-content:space-between;

align-items:center;

height: 40px;

background:#d7d7d7;

cursor:pointer;

transition:.3s;
}

.faq-head span{

    padding-left:18px;

    padding-right:15px;

    color:#150943;

    font-size:17px;

    font-weight:600;

    line-height:1.4;

}

.faq-head:hover{

    background:#d0d0d0;

}

/*========================*/

.faq-btn{

width:58px;

min-width:58px;

height: 40px;

border:none;

background:#17083f;

color:#fff;

font-size: 18px;

font-weight:700;

cursor:pointer;

transition:.3s;
}

.faq-btn:hover{

    background:#24125b;

}

/*========================*/

.faq-content{

    max-height:0;

    overflow:hidden;

    background:#fff;

    transition:max-height .35s ease;

}

.faq-content p{

    padding:22px;

    color:#444;

    font-size:16px;

    line-height:1.8;

    margin:0;

}

/*========================*/

.faq-item.active .faq-content{

    max-height:260px;

}

.faq-item.active .faq-head{

    background:#17083f;

}

.faq-item.active .faq-head span{

    color:#ff9800;

}

.faq-item.active .faq-btn{

    background:#ff9800;

    color:#17083f;

}

/*========================*/

.faq-item{

    transition:.3s;

}

.faq-item:hover{

    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(0,0,0,.10);

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1200px){

.faq-title h2{

font-size:44px;

}

.faq-grid{

gap:25px;

}

}


@media(max-width:991px){

.faq-grid{

grid-template-columns:1fr;

}

}


@media(max-width:768px){

.faq-sec{

padding:60px 0;

}

.faq-title{

margin-bottom:30px;

}

.faq-title h2{

font-size:28px;

line-height:1.4;

}

.faq-head{

height:54px;

}

.faq-head span{

font-size:15px;

padding-left:15px;

padding-right:10px;

}

.faq-btn{

width:54px;

min-width:54px;

height:54px;

font-size:24px;

}

.faq-content p{

padding:18px;

font-size:15px;

line-height:1.7;

}

}