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

.faq{

    padding:100px 0;

    background:#F8FAFC;

}

.faq-header{

    text-align:center;

    margin-bottom:60px;

}

.faq-header h2{

    margin:15px 0;

}

.faq-header p{

    max-width:700px;

    margin:auto;

}

.faq-container{

    max-width:900px;

    margin:auto;

}

.faq-item{

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:15px;

    margin-bottom:20px;

    overflow:hidden;

    box-shadow:var(--shadow);

}

.faq-item summary{

    list-style:none;

    cursor:pointer;

    padding:22px 25px;

    font-size:1.05rem;

    font-weight:600;

    color:var(--text);

    position:relative;

}

.faq-item summary::-webkit-details-marker{

    display:none;

}

.faq-item summary::after{

    content:"+";

    position:absolute;

    right:25px;

    top:50%;

    transform:translateY(-50%);

    font-size:1.5rem;

    color:var(--primary);

}

.faq-item[open] summary::after{

    content:"−";

}

.faq-content{

    padding:0 25px 25px;

    color:var(--text-light);

    line-height:1.8;

}

@media(max-width:768px){

.faq{

padding:80px 0;

}

.faq-item summary{

font-size:1rem;

padding:18px 20px;

}

.faq-content{

padding:0 20px 20px;

}

}