/*F.A.Q.*/

/* MODAL */
.faq_modal h1 {font-size: 18px; font-weight: 600;}
.faq_modal .faq_answer {margin-top: 8px; font-size: 14px; color: #545A68;}
.faq_modal .faq_answer > ul {margin-top: 18px;}
.faq_modal .faq_answer li {position: relative; padding-bottom: 10px;}
.faq_modal .faq_answer li > div {display: inline-block;} 
.faq_modal .faq_answer li > div:first-child {position: absolute; font-size: 11px; color: #082167; width: 21px; height: 21px; border-radius: 50%; background-color: rgba(70, 166, 255, .1); text-align: center; line-height: 200%;}
.faq_modal .faq_answer li > div:nth-child(2) {margin-left: 42px;}
.faq_modal .modal_close { color: #86868B; line-height: 25px; position: absolute; right: 16px; text-align: center; top: 19px; width: 24px; text-decoration: none; font-weight: bold; }
.faq_modal .modal_close:hover { color: #86868B;}

/* COMMON */
.section_faq {background-color: rgba(229, 229, 229, .2); width: 100%; height: auto; padding: 25px 0 120px 0;}


.faq_block h1, .feedback_block h1 {font-size: 32px; font-weight: 600; line-height: 120%; margin-bottom: 12px;}

.faq_block .block_question, .faq_header {width: 70%; margin: 0 auto; padding: 0 2%; position: relative;}
.faq_block .block_question:not(:last-child) {margin-bottom: 28px;}
.faq_block .block_question > .block_title {font-size: 18px; font-weight: 600; max-width: 71%;}
.faq_block .block_question > .block_title:hover {color: #082167; cursor: pointer;}
.faq_block .block_question > .block_desc {display: none;}
.faq_block .block_question > .block_desc > ul {margin-top: 18px;}
.faq_block .block_question li {position: relative;}
.faq_block .block_question li > div {display: inline-block;} 
.faq_block .block_question > .block_desc li > div:first-child {position: absolute; font-size: 11px; color: #082167; width: 21px; height: 21px; border-radius: 50%; background-color: rgba(70, 166, 255, .1); text-align: center; line-height: 200%;}
.faq_block .block_question > .block_desc li > div:nth-child(2) {margin-left: 42px;}
.faq_block .block_question > .block_desc li {padding-bottom: 10px;}

.faq_block .block_question.active {width: 70%; display: block; margin: 0 auto 8px; padding: 20px 78px 20px 24px;}
.faq_block .block_question.active {background-color: #fff; box-shadow: 0px 8px 40px rgba(85, 94, 112, 0.1), 4px 12px 16px rgba(85, 94, 112, 0.1); border-radius: 4px;}
.faq_block .block_question.active > .block_title {max-width: unset;}
.faq_block .block_question.active > .block_title:hover {color: #13181E; cursor: unset;}
.faq_block .block_question.active > .block_desc {display: block; margin-top: 8px; color: #545A68; font-size: 14px; line-height: 21px;}

.faq_block .block_question.active > .faq_icon_toggle::after {display: block; content: ''; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.94 10.2734L8 7.2201L11.06 10.2734L12 9.33344L8 5.33344L4 9.33344L4.94 10.2734Z' fill='%2311131F'/%3E%3C/svg%3E%0A"); height: 16px; width: 16px; position: absolute; top: 14px; right: 36px; cursor: pointer;}
.faq_block .block_question > .faq_icon_toggle::after {display: block; content: ''; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.06 5.72656L8 8.7799L4.94 5.72656L4 6.66656L8 10.6666L12 6.66656L11.06 5.72656Z' fill='%2311131F'/%3E%3C/svg%3E"); height: 16px; width: 16px; position: absolute; top: 14px; right: 36px; cursor: pointer;}

@media only screen and (max-width:600px) {
    .faq_block {padding: 16px 16px 40px 16px;}
    .faq_block .block_question, .faq_header {width: 100%; padding: 0;}
    .faq_block .block_question.active {width: 100%; margin: 0 0 8px 0;}
    .faq_block .block_question.active::after, .faq_block .block_question::after {right: 16px;}
}

/* FEEDBACK BLOCK */
.feedback_block {width: 100%; background-color: #fff; padding: 76px 0;}
.feedback_block > div {width: 60%; margin: 0 auto; text-align: center;}
.feedback_block p {font-size: 14px; color: #8F97A6;}

.feedback_message_block {display: flex; margin-top: 40px;}

.feedback_input_block {height: 54px; background: #FFFFFF; border-radius: 4px; display: flex; align-items: center; width: 100%; border: 1px solid #E1E4EB; position: relative;}
.feedback_input_block:not(:last-child) {margin-right: 10px;}
.feedback_input_block input { width: 90%; font-size: 16px; border: none; padding: 0 10px; position: relative;}
.feedback_input_block input::placeholder, .feedback_textarea_block textarea::placeholder {color: #092E44; font-size: 16px;}
.feedback_input_block.success::after {content: ''; position: absolute; width: 16px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7657 0.359328C15.4533 0.0468906 14.9468 0.0468906 14.6343 0.359328L5.04983 9.94392L1.3657 6.2598C1.0533 5.94736 0.546797 5.94739 0.234328 6.2598C-0.0781094 6.5722 -0.0781094 7.0787 0.234328 7.39114L4.48414 11.6409C4.79645 11.9533 5.30333 11.9531 5.61552 11.6409L15.7657 1.4907C16.0781 1.1783 16.0781 0.671766 15.7657 0.359328Z' fill='%23AEAEAE'/%3E%3C/svg%3E"); top: 20px; right: 14px;}
.feedback_textarea_block {height: 130px; background: #FFFFFF; border-radius: 4px; align-items: center; width: 100%; border: 1px solid #E1E4EB; position: relative; margin-top: 10px;}
.feedback_textarea_block textarea {width: 100%; height: 100%; padding: 10px; font-size: 16px;}

#feedback_send {margin: 16px auto;}

@media only screen and (max-width: 600px) {
    .feedback_block {padding: 76px 16px;}
    .feedback_block > div {margin: 0; width: 100%;}
}