.faq {
max-width: 65%;
margin: auto;
}
.faq-item {
border-bottom: 1px solid #ccc;
}
.faq-question {
width: 100%;
background: none;
border: none;
padding: 20px 0;
display: flex;
align-items: center; justify-content: space-between;
cursor: pointer;
color: #575656;
font-size: clamp(16px, 1.2vw + 0.5rem, 24px);
line-height: 1.3;
}
.faq-question span {
text-align: left;
}
.faq-icon {
font-size: 24px;
transition: transform 0.3s ease;
color: #00597b;
}
.faq-answer {
display: none;
padding-bottom: 20px;
}
.faq-item.active .faq-answer {
display: block;
}
.faq-item.active .faq-icon {
transform: rotate(45deg);
}
@media (max-width: 980px) {
.faq {
max-width: calc(100% - 48px); 
}
.faq-question {
gap: 16px;
padding: 18px 0;
text-align: left;
}
.faq-answer {
padding-bottom: 18px;
}
}
@media (max-width: 768px) {
.faq-question {
padding: 16px 0;
}
.faq-icon {
font-size: 20px;
}
}