.faq-container { background: #00003c; border: 1px solid var(--color-blue-28, #00188f); border-radius: 15px; padding: 0 20px; max-width: 800px; margin: 0 auto; } .faq-item { border-bottom: 1px solid #18302f; } .faq-item:last-child { border-bottom: none; } .faq-question { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; color: #fff; font-size: 16px; font-weight: 500; } .faq-question span { flex: 1; font-size: 16px; font-weight: 700; padding-right: 15px; } .faq-icon { flex-shrink: 0; transition: transform 0.3s; } .tips-wrapper, footer .content { flex-direction: column; display: flex; } .faq-item.active .faq-icon { transform: rotate(180deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s, padding 0.3s; padding: 0; } .faq-item.active .faq-answer { max-height: 500px; padding: 0 0 20px; } .faq-answer p { color: #fff; font-size: 14px; font-weight: 500; line-height: 20px; margin: 0; } .contact .section-desc { max-width: 725px; } .btn.end-section { font-size: 32px; width: 90%; margin: 0 auto; display: block; } .container.contact p { text-align: center; font-size: 20px; font-weight: 400; line-height: 31px; max-width: 970px; margin: 0 auto 40px; display: block; }