.faq { padding: 100px 0; text-align: center; }
.faq-container { text-align: left; padding: 120px 0; }
.faq-container .box { padding-top: 20px; cursor: pointer; }
.faq-container .title { font-size: 16px; font-weight: 700; user-select: none; border-bottom: 1px solid #dadada; padding-bottom: 20px; }
.faq-container .content { font-size: 16px; padding: 20px; display: none; background: #ededed; font-weight: 500; line-height: 150%; margin-top: -3px; border-radius: 4px; }
.faq .content a { color: var(--yellow) !important; font-weight: bold; }

@media (max-width: 1680px) {
.faq { padding: 90px 0; }
.faq-container { padding: 100px 0; }
.faq-container .box { padding-top: 18px; }
.faq-container .title { font-size: 16px; padding-bottom: 18px; }
.faq-container .content { font-size: 16px; padding: 18px; }
}

@media (max-width: 1440px) {
.faq { padding: 60px 0; }
.faq-container { padding: 60px 0; }
.faq-container .box { padding-top: 15px; }
.faq-container .title { font-size: 15px; padding-bottom: 15px; }
.faq-container .content { font-size: 15px; padding: 15px; }
}

@media (max-width: 1366px) {
.faq { padding: 40px 0; }
}

@media (max-width: 1280px) {
.faq { padding: 80px 0; }
}

@media (max-width: 1024px) {
.faq { padding: 20px; }
.faq-container { padding: 40px 20px; }
.faq-container .box { padding-top: 10px; }
.faq-container .title { padding-bottom: 10px; }
.faq-container .content { padding: 10px; }
}