ul.faq { display: inline-block; width: 100%; list-style: none; padding-left: 0; text-align: center; margin-top: 48px; }

ul.faq li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

ul.faq li.active .answer { max-height: 275px !important; padding-top: 10px; padding-bottom: 10px; opacity: 1; transition: max-height 0.3s ease, padding-bottom 0.3s ease, padding-top 0.3s ease, opacity 0.2s ease; }

ul.faq li.active .question .icon { transform: rotate(180deg); }

ul.faq .question { margin: 0; padding: 20px 15px; text-align: left; position: relative; cursor: pointer; transition: color 0.5s ease; font-size: 20px; font-weight: 700; }

@media screen and (max-width: 999px) { ul.faq .question { line-height: 24px; font-size: 16px; padding: 15px 15px; } }

ul.faq .question .icon { position: absolute; right: 14px; top: 14px; transition: transform 300ms ease; transform-origin: center; }

@media screen and (min-width: 1000px) { ul.faq .question .icon { top: 22px; } }

ul.faq .answer { margin: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding-bottom 0.3s ease, padding-top 0.3s ease, opacity 0.15s ease; opacity: 0; padding: 0; }

ul.faq .answer p { line-height: 22px; text-align: left; padding: 0 15px; color: rgba(255, 255, 255, 0.7); margin-bottom: 15px; }

@media screen and (max-width: 999px) { ul.faq .answer p { font-size: 14px; font-weight: 400; line-height: 20px; } }

/*# sourceMappingURL=faq.css.map */