.main_faq_sec {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 35px;
}

.faq_nav ul li {
    list-style: none;
    line-height: 1;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 17px 16px;
    background: #fafafa;
    border-bottom: 3px solid #FFF;
    cursor: pointer;
    transition: 0.3s;
}

.faq_nav ul li span {
    flex: 1;
    font-size: 17px;
    display: block;
    line-height: 20px;
}

.faq_content_main ul, .faq_content_main ol {
    padding-left: 21px;
}

.faq_item .faq_question {
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 9px;
}

.faq_item {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.faq_item .faq_answer {
    padding-top: 9px;
    font-size: 16px;
    display: none;
}
.faq_nav ul li img {
    filter: brightness(0);
    width: 20px;
    aspect-ratio: 1;
    object-fit: contain;
}
.faq_nav ul li.faq_nav_active {
    background: #000;
    color: #fff;
}
.faq_nav ul li.faq_nav_active img {
    filter: brightness(0) invert(1);
}
.faq_nav ul li:not(.faq_nav_active):hover {
    background: #efefef;
}
.faq_item .faq_question svg {
    width: 27px;
}
.faq_item .faq_question span {
    flex: 1;
    font-weight: 500;
    display: block;
    font-size: 16px;
}
.faq_item .faq_question::after {
    content: "";
    width: 15px;
    height: 15px;
    background: url('data:image/svg+xml,<svg width="72px" height="72px" viewBox="0 -5 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" fill="%23000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>chevron-down</title><desc>Created with Sketch Beta.</desc><defs></defs><g id="Page-1" stroke-width="0.00024000000000000003" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Icon-Set" sketch:type="MSLayerGroup" transform="translate(-572.000000, -1200.000000)" fill="%23000000"><path d="M595.688,1200.28 C595.295,1199.89 594.659,1199.89 594.268,1200.28 L583.984,1211.57 L573.702,1200.28 C573.31,1199.89 572.674,1199.89 572.282,1200.28 C571.89,1200.68 571.89,1201.32 572.282,1201.71 L583.225,1213.72 C583.434,1213.93 583.711,1214.02 583.984,1214 C584.258,1214.02 584.535,1213.93 584.745,1213.72 L595.688,1201.71 C596.079,1201.32 596.079,1200.68 595.688,1200.28" id="chevron-down" sketch:type="MSShapeGroup"></path></g></g></g></svg>');
    display: block;
    background-size: contain;
    transition: 0.3s;
}
.faq_content_main { display: none; }
.faq_content_main.active { display: block; }
.faq_item.open .faq_question::after {
    rotate: 180deg;
}
.faq_nav {
  scrollbar-width: none;   /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.faq_nav::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
@media (max-width:991px) {
    .main_faq_sec {
        grid-template-columns: 230px 1fr;
    }
    .faq_nav ul li {
        padding: 14px 12px;
    }
}
@media (max-width:640px) {
    section.faq_pg.sec_90 {
        padding-top: 0;
    }
    .main_faq_sec {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .faq_item .faq_question span {
        font-size: 16px;
    }
    .faq_nav ul {
        display: flex;
        gap: 2px;
        padding: 6px 15px 0px 15px;
    }
    .faq_nav ul li {
        padding: 7px;
        background: #fff !important;
        padding-bottom: 13px;
        border: none;
    }
    .faq_nav ul li span {
        font-size: 15px;
    }
    .faq_nav ul li span {
        white-space: nowrap;
        position: relative;
    }
    .faq_nav {
        max-width: 100%;
        overflow: auto;
    }
    section.faq_pg.sec_90>.container {
        padding: 0;
    }
    .faq_list {
        padding: 20px;
    }
    .faq_nav ul li.faq_nav_active {
        background: #fff;
        color: #000;
        position: relative;
    }
    .faq_nav ul li.faq_nav_active img {
        filter: brightness(0);
    }
    .faq_nav ul li.faq_nav_active span::after {
        content: "";
        width: 40px;
        height: 3px;
        background: #000;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
    }
    .faq_nav ul li.faq_nav_active span {
        font-weight: 600;
    }
    .faq_nav ul li:last-child {
        padding-right: 20px;
    }
}