.faq-container{
    max-width:1100px;
    margin:60px auto;
    padding:20px;
}

.faq-header{
    text-align:center;
    margin-bottom:50px;
}

.faq-header h1{
    font-size:42px;
    color:#82BE21;
    margin-bottom:15px;
}

.faq-header p{
    font-size:18px;
    color:#666;
    max-width:700px;
    margin:auto;
    line-height:1.6;
}

.faq-container h2{
    margin:50px 0 22px;
    color:#111;
    border-bottom:2px solid #82BE21;
    padding-bottom:12px;
}

.faq-item{
    margin-bottom:16px;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 3px 10px rgba(0,0,0,.08);
    background:#fff;
}

.faq-question{
    width:100%;
    background:#fff;
    border:none;
    cursor:pointer;
    padding:22px 24px;
    font-size:18px;
    font-weight:600;
    display:flex;
    justify-content:space-between;
    align-items:center;
    text-align:left;
    transition:.3s;
}

.faq-question:hover{
    background:#f8f8f6;
}

.faq-question span{
    color:#82BE21;
    font-size:28px;
    transition:.3s;
}

.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease;
    background:#fff;
}

.faq-answer p{
    padding:0 20px 20px;
    color:#555;
    line-height:1.8;
}

.faq-item.active .faq-answer{
    max-height:250px;
}

.faq-item.active .faq-question span{
    transform:rotate(45deg);
}

@media(max-width:768px){

.faq-container{
    margin:40px auto;
}

.faq-header h1{
    font-size:32px;
}

.faq-question{
    font-size:16px;
    padding:18px;
}

}