.faq-section{
    max-width:1100px;
    margin:auto;
}

.accordion-item{
    border-bottom:1px solid var(--grey);
}

.accordion-header{
    width:100%;
    background:none;
    border:none;
    outline:none;
    padding:24px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    text-align:left;
    transition:0.3s ease;
}

.accordion-title{
    font-size:20px;
    font-weight:var(--bold);
    line-height:1.5;
    color:var(--primary-color);
    padding-right:30px;
}
 
 
.accordion-item.active .accordion-title{
    color:var(--grey-dark);
}

.accordion-header .icon{
    position:relative;
    width:22px;
    height:22px;
    flex-shrink:0;
}

.accordion-header .icon::before,
.accordion-header .icon::after{
    content:"";
    position:absolute;
    background:var(--primary-color);
    border-radius:10px;
    transition:0.35s ease;
}

.accordion-header .icon::before{
    width:100%;
    height:1.8px;
    top:50%;
    left:0;
    transform:translateY(-50%);
}

.accordion-header .icon::after{
    width:1.8px;
    height:100%;
    left:50%;
    top:0;
    transform:translateX(-50%) rotate(0deg);
}


/* ACTIVE ICON = X CLOSE BUTTON */

.accordion-item.active .icon::before{
    transform:translateY(-50%) rotate(45deg);
}

.accordion-item.active .icon::after{
    transform:translateX(-50%) rotate(45deg);
    opacity:1;
}








 

.active-tab{
	max-height:300px;
}
.accordion-content{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.5s ease;
}

.accordion-content-inner{
    padding:0 0 28px;
}

.accordion-content p{
   
    line-height:1.9;     
    max-width:95%;
}

@media(max-width:768px){

    .accordion-header{
        padding:20px 0;
    }

    .accordion-title{
        font-size:14px;
    }

    .accordion-content p{
        font-size:15px;
        line-height:1.8;
    }

}