.ww-destination-faq{
    padding:80px 0;
}
 
.ww-faq-list{
    max-width:900px;
    margin:50px auto 0;
}
 
.ww-faq-item{
    background:#fff;
    border-radius:18px;
    margin-bottom:18px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
    transition:.3s;
}
 
.ww-faq-item:hover{
    transform:translateY(-3px);
}
 
.ww-faq-question{
    width:100%;
    border:0;
    background:none;
    cursor:pointer;
    padding:26px 30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:22px;
    font-weight:700;
    text-align:left;
    color:#111827;
}
 
.ww-faq-icon{
    width:34px;
    height:34px;
    border-radius:50%;
    background:var(--primary);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    transition:.3s;
    flex-shrink:0;
}
 
.ww-faq-answer{
    max-height:0;
    overflow:hidden;
    padding:0 30px;
    background:#f8fafc;
    color:#111827;
    transition:max-height .3s ease, padding .3s ease;
}
 
.ww-faq-item.active .ww-faq-answer{
    max-height:1000px;
    padding:0 30px 30px;
}

.ww-faq-item.active .ww-faq-icon{
    transform:rotate(45deg);
}
 
@media(max-width:768px){
 
.ww-faq-question{
    font-size:18px;
    padding:20px;
}
 
.ww-faq-answer{
    padding:0 20px;
}
 
.ww-faq-item.active .ww-faq-answer{
    padding:0 20px 20px;
}
 
}