.faq {
padding: 120px 20px;
background: #fafafa;
}
.faq .container {
max-width: 900px;
margin:auto;
}
.faq h2 {
font-size: 34px;
margin-bottom: 10px;
}
.faq .subtitle {
font-size: 18px;
color: #666;
margin-bottom: 50px;
}
.faq-item {
background: #fff;
border-radius: 14px;
margin-bottom: 14px;
box-shadow: 0 6px 18px rgba(0,0,0,0.05);
overflow: hidden;
transition: all .3s ease;
}
.faq-question {
cursor: pointer;
padding: 18px 24px;
font-size: 20px;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-answer {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all .4s ease;
font-size: 17px;
line-height: 1.8;
color: #444;
padding: 0 24px;
}
.faq-item.active .faq-answer {
max-height: 500px;
opacity: 1;
padding-bottom: 18px;
}
.faq-icon {
font-size: 26px;
transition: transform .3s ease;
}
.faq-item.active .faq-icon {
transform: rotate(45deg);
}