.faq-section { width: 100%; position: relative; box-shadow: 0 20px 50px rgba(0,0,0,16%); border-radius: 10px; }
.faq-section .content_wrap { width: 100%; max-width: 1090px; margin: 0 auto; }
.faq-section .sec_title { width: 100%; text-align: center; }
.faq-section .sec_title h6 { font-size: 18px; font-weight: 400; }
.faq-section .sec_title h2 { margin-top: 11px; }

.accordion_main { position: relative; width: 100%; margin-top: 70px; }
.accordion_main .accordion_item { position: relative; box-shadow: 0 6px 6px rgba(0,0,0,16%); }
.accordion_main .accordion_item + .accordion_item { margin-top: 6px; }
.accordion_main .accordion_header { position: relative; width: 100%; padding: 23px 60px 23px 20px; cursor: pointer; }
.accordion_main .accordion_header .arrow { position: absolute; top: 29px; right: 39px; display: flex; width: 20px; height: 12px; align-items: center; justify-content: center;transition: all ease-in-out 300ms; transform-origin: center center; }
.accordion_main .accordion_item.active .accordion_header .arrow { transform: rotate(180deg); }
.accordion_main .accordion_header .arrow svg path { fill: #535353; transition: all ease-in-out 300ms; }
.accordion_main .accordion_item.active .accordion_header .arrow svg path { fill: #E30613; }
.accordion_main .accordion_header h6 { position: relative; padding-left: 42px; font-size: 18px; font-weight: 400; color: #1A1B1D; transition: all ease-in-out 300ms; }
.accordion_main .accordion_header h6:before { position: absolute; left: 0; width: 18px; height: 18px; background: #111519; border-radius: 5px; content: ''; transition: all ease-in-out 300ms; }
.accordion_main .accordion_item.active .accordion_header h6 { color: #E30613; }
.accordion_main .accordion_item.active .accordion_header h6:before { background: #E30613; }
.accordion_main .accordion_content { position: relative; width: 100%; padding: 0 64px; display: none; }
.accordion_main .accordion_content .text-data { max-width: 725px; padding: 4px 0 78px; }


@media (max-width: 1199px) {
    .faq-section .content_wrap { max-width: 100%;width: 100%; }
}

@media (max-width: 767px) {
    .faq-section { padding: 58px 0 0; }
    .faq-section .container { max-width: 100%; padding: 0 0; }
    .accordion_main { margin-top: 35px; }
    .accordion_main .accordion_item { padding-bottom: 52px; }
    .accordion_main .accordion_header { position: static; padding: 23px 35px 0; }
    .accordion_main .accordion_header h6 { padding-top: 35px; padding-left: 0; text-align: center; }
    .accordion_main .accordion_header h6:before { top: 0; left: 50%; transform: translateX(-50%); }
    .accordion_main .accordion_content .text-data { padding: 33px 0 0; text-align: center; }
    .accordion_main .accordion_header .arrow { top: auto; right: auto; bottom: 20px; left: 50%; margin-left: -10px; }
    
}