.faq-sec {
    padding: 0;
    margin: 100px 0;
}
.faq-sec .faq-wrap {
    width: 100%;
    background: var(--theme-color-primary);
    border-radius: 20px;
    padding: 83px 138px 114px;
}
.faq-sec .faq-wrap h2 {
    color: #FFFFFF;
}

/* FAQ Accordion Styles */
.faq-list-acc {
    max-width: 1088px;
    margin: 0 auto;
    margin-top: 75px;
}
.faq-list-acc .faq-item {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.faq-list-acc .faq-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.faq-list-acc .faq-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 40px;
    cursor: pointer;
    transition: padding 0.3s ease;
}
.faq-list-acc .faq-header .faq-title {
    font-family: 'Quicksand', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    transition: font-size 0.3s ease;
    line-height: 25px;
}
.faq-list-acc .faq-header .faq-icon {
    color: #FFFFFF;
    transition: transform 0.3s ease;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.faq-list-acc .faq-header.active {
    padding-top: 30px;
    padding-bottom: 35px;
}
.faq-list-acc .faq-header.active .faq-title {
    font-size: 27px;
}
.faq-list-acc .faq-body {
    display: none;
    padding: 0 40px 72px;
}
.faq-list-acc .faq-body p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.6;
}
.faq-list-acc .faq-body p strong {
    font-weight: 700;
}

.faq-sec.w3_gray_bg {margin: 0; background: #FAFAFA; padding: 35px 0 40px;}
.faq-sec.w3_gray_bg .faq-wrap {background-color: #707070;}

/* Media Queries : responsive */
@media (min-width: 1440px) and (max-width: 1560px) {
    .faq-sec .faq-wrap {
        padding: 62px 80px 81px;
    }
}
@media (min-width: 1231px) and (max-width: 1439px) {
    .faq-sec .faq-wrap {
        padding: 40px 42px;
    }
}

@media (min-width: 992px) and (max-width: 1230px) {
    .faq-sec .faq-wrap {
        padding: 40px 42px;
    }
}

@media (max-width: 991px) {
}

@media (min-width: 768px) and (max-width: 991px) {
    .faq-sec {
        margin: 71px 0 30px 0;
    }
    .faq-sec .faq-wrap {
        padding: 32px;
    }
    .faq-list-acc {
        margin: 57px 0 0 0;
    }
    .faq-list-acc .faq-header,
    .faq-list-acc .faq-header.active{
        padding: 10px 11px;
    }
    .faq-list-acc .faq-header .faq-title,
    .faq-list-acc .faq-header.active .faq-title {
        font-size: 20px;
        line-height: 24px;
    }
    .faq-list-acc .faq-body {
        padding: 26px 26px 47px;
    }
}

@media (min-width: 768px) {
    
}

@media (max-width: 767px) {
    .faq-sec {
        margin: 71px 0 30px 0;
    }
    .faq-sec .container{
        padding: 0;
    }
    .faq-sec .faq-wrap{
        padding: 58px 27px 81px;
        border-radius: 0;
    }
    .faq-list-acc {
        margin: 57px 0 0 0;
    }
    .faq-list-acc .faq-header,
    .faq-list-acc .faq-header.active{
        padding: 10px 11px;
    }
    .faq-list-acc .faq-header .faq-title,
    .faq-list-acc .faq-header.active .faq-title {
        font-size: 18px;
        line-height: 22px;
    }
    .faq-list-acc .faq-body {
        padding: 26px 26px 47px;
    }
}