.faq-section {
padding: 40px 20px;
background: #f8fafc;
border-radius: 16px;
margin-top: 30px;
}

.faq-title {
text-align: center;
margin-bottom: 20px;
}

.faq-container {
max-width: 700px;
margin: auto;
}

/* ITEM */
.faq-item {
background: #fff;
margin-bottom: 10px;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* QUESTION */
.faq-question {
width: 100%;
padding: 15px;
border: none;
background: none;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
cursor: pointer;
}

/* ICON */
.faq-question i {
transition: 0.3s;
}

/* ANSWER */
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
padding: 0 15px;
}

.faq-item.active .faq-answer {
max-height: 500px; /* jangan terlalu kecil */
}

.faq-item.active .faq-question i {
transform: rotate(180deg);
}

}