.faq-accordion {
border-radius: 5px;
padding: 10px;
}
.faq-item {
margin-bottom: 10px;
}
.faq-question {
cursor: pointer;
background: #f1f1f1;
padding: 10px;
border: 1px solid #ddd;
border-radius: 3px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0px;
}
.faq-caret {
display: inline-block;
width: 0;
height: 0;
margin-right: 10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #333; transition: transform 0.3s ease; }
.faq-question.active .faq-caret {
transform: rotate(180deg); }
.faq-answer {
padding: 10px;
border-left: 3px solid #0073aa;
background: #f9f9f9;
display: none;
}
@media (max-width: 600px) {
.faq-question {
font-size: 1rem;
padding: 8px;
}
.faq-answer {
font-size: 0.9rem;
}
}