.accordion__content { max-width: 900px; margin: 0 auto; }

.accordion h2 { color: #001E62; padding: 0; margin: 0 0 16px; }

.accordion__item { margin: 0 0 15px; }

.accordion__item-header { font-size: 18px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; background-color: #ffffff; border-radius: 0; border-bottom: 1px solid #174078; outline: none; padding: 10px 15px 10px 35px; cursor: pointer; -webkit-transition: color .3s ease-in-out, border-bottom-color .3s ease-in-out; transition: color .3s ease-in-out, border-bottom-color .3s ease-in-out; position: relative; }

.accordion__item-header:hover { color: #ed7233; border-bottom-color: #ed7233; }

.accordion__item-header:hover::after { border-left-color: #ed7233; }

.accordion__item-header:after { content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-left: 11px solid #174078; border-bottom: 6px solid transparent; position: absolute; left: 15px; top: 13px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.accordion__item-header.active::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.accordion__item-content { display: none; background-color: #e3effb; border: 1px solid #8c8c971a; border-radius: 0 0 4px 4px; border-top: 0; padding: 15px 20px; }

.accordion__item-content p:first-of-type { margin-top: 0; }

.accordion__item-content p:last-of-type { margin-bottom: 0; }

.accordion.--faq { background-color: #EFF7FF; padding: 18px 15px 16px; }

@media screen and (min-width: 575px) { .accordion.--faq { padding: 32px 15px 24px; } }

@media screen and (min-width: 767px) { .accordion.--faq { padding: 40px 15px 45px; } }

.accordion.--faq .accordion__item { border-bottom: 1px solid #001E62; margin: 0; }

.accordion.--faq .accordion__item-header { font-weight: 700; line-height: 1; background: transparent; border-bottom: none; padding: 10px 0; }

.accordion.--faq .accordion__item-header::after { content: ''; display: block; height: 21px; width: 11px; background: url("/wp-content/themes/magnum/images/svg/faq-arrow.svg"); background-repeat: no-repeat; background-position: right center; border: none; padding-left: 10px; margin-left: auto; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; position: static; }

.accordion.--faq .accordion__item-content { background: transparent; border: none; padding: 6px 0; }

@media screen and (min-width: 767px) { .accordion.--faq .accordion__item-content { padding: 10px 30px 10px 0; } }

.accordion.--faq .accordion__item-content p { padding: 0; }
