.faq-page.container { width: 100%; padding-bottom: 50px; }
.faq-page__questions { width: 100%; margin-top: 30px; }
.faq-page__item { margin-bottom: 2px; }
.faq-page__question { display: flex; align-items: center; gap: 15px; padding: 18px; border: 1px solid #044288; border-radius: 2px; background-color: transparent; color: #444; cursor: pointer; list-style: none; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; transition: 0.4s; }
.faq-page__question::-webkit-details-marker { display: none; }
.faq-page__arrow { display: flex; align-items: center; justify-content: center; flex: 0 0 35px; height: 35px; border: 1px solid #044288; border-radius: 50%; color: #044288; transition: 0.3s; }
.faq-page__arrow::after { content: 'next'; font-family: swiper-icons; font-size: 14px; line-height: 1; text-transform: none; letter-spacing: 0; font-variant: initial; }
.faq-page__item[open] > .faq-page__question .faq-page__arrow { transform: rotate(90deg); }
.faq-page__question:focus-visible { outline: 2px solid #044288; outline-offset: 3px; }
.faq-page__answer { padding: 0 18px; font-weight: 300; font-size: 16px; line-height: 32px; overflow-wrap: anywhere; }
.faq-page__answer ul { list-style: disc; }
.faq-page__answer ol { list-style: decimal; }
.faq-page__answer ul, .faq-page__answer ol { padding-left: 24px; margin: 12px 0; }
.faq-page__answer a { color: #044288; text-decoration: underline; }
.faq-page__answer img, .faq-page__answer video { max-width: 100%; height: auto; }
.faq-page__answer table { display: block; max-width: 100%; overflow-x: auto; }
@media (max-width: 600px) {
    .faq-page__question { padding: 18px; }
    .faq-page__answer { padding: 0 18px; }
}
@media (hover: hover) and (pointer: fine) {
    .faq-page__question:hover { background-color: #044288; color: #fff; }
    .faq-page__question:hover .faq-page__arrow { border-color: #fff; color: #fff; }
}