ol.faq-area {
    list-style: none;
    padding-left: 0;
}
ol.faq-area li {
    position: relative;
    padding-left: 80px;
    min-height: 60px;
    margin-bottom: 30px;
}
ol.faq-area li .faq-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: var(--bs-secondary);
    color: var(--bs-white);
    border-radius: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
ol.faq-area li::after {
    position: absolute;
    content: "";
    background: var(--bs-secondary);
    width: 2px;
    height: calc(100% - 30px);
    top: 60px;
    left: 29px;
}
ol.faq-area li:last-child:after{
    display: none;
}
.faq-title {
    font-family: var(--bs-font-family-2);
    margin-bottom: 0;
    padding-top: 12px;
}
.faq-area .accordion-button {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-secondary);
    font-family: "Open Sans", sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    border-radius: 0 !important;
    text-transform: uppercase;
}
.faq-area .accordion-button:not(.collapsed) {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-secondary);
}
.faq-area .accordion-item {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 0;
}
.faq-area .accordion-body {
    background: #f9f9f9;
}

/*-----responsive-----*/

@media (max-width: 767px) {
    ol.faq-area li { padding-left: 45px; min-height: 30px; margin-bottom: 20px;}
    ol.faq-area li::before { width: 30px; height: 30px; font-size: 14px; }
    ol.faq-area li::after { top: 30px; height: calc(100% - 10px); left: 15px; width: 1px;}
    .faq-title { padding-top: 3px; font-size: 20px;}
    .faq-area .accordion-button { font-size: 16px;}
}