.faq { background-color: white; padding: 80px 0px; }
.faq-container { max-width: 800px; margin: 0px auto; }
.faq-item { margin-bottom: 20px; border: 1px solid rgb(238, 238, 238); border-radius: 10px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; transition: all 0.3s ease 0s; }
.faq-item:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px; }
.faq-question { padding: 20px; background-color: rgb(249, 249, 249); cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.faq-question h3 { margin: 0px; font-size: 1.2rem; color: rgb(51, 51, 51); }
.faq-toggle { color: rgb(138, 79, 255); transition: all 0.3s ease 0s; }
.faq-toggle.active i { transform: rotate(180deg); }
.faq-answer { padding: 0px 20px; max-height: 0px; overflow: hidden; transition: all 0.3s ease 0s; }
.faq-answer.active { padding: 20px; max-height: 500px; }