

.faqs .page-title {
    background-image: url(images/faq.png)
}

.page-title {
    width: 100%;
    padding-top: 131px;
    padding-bottom: 139px;
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 470px;
    background-color: #333c73;
    background-blend-mode: soft-light;
}



    .page-title .page-title-container {
        max-width: 1400px;
        margin: auto;
        padding-left: 8px;
    }

    .page-title h1 {
        font-family: "Raleway", sans-serif;
        font-weight: 900;
        font-size: 32px;
        line-height: 40px;
        color: #fff;
        padding-bottom: 0px;
        text-align: center;
    }



.main-content {
    padding: 100px 0;
}





.tf-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 1440px;
}

    .tf-container .row {
        margin-right: -20px;
        margin-left: -20px;
    }

        .tf-container .row > div {
            padding-left: 20px;
            padding-right: 20px;
        }



.widget-title-section {
    margin-bottom: 60px;
}

.main-title {
    font-family: "Raleway", sans-serif;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #333c73;
    padding-bottom: 0px;
    text-align: center;
}

.sub-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
    color: #3AC19B;
    position: relative;
    text-transform: uppercase;
}

.line-after::after {
    position: absolute;
    content: "";
    width: 90px;
    height: 1px;
    background-color: #EFEFEF;
    bottom: 4px;
    right: -100px;
}

.line-before::before {
    position: absolute;
    content: "";
    width: 90px;
    height: 1px;
    background-color: #EFEFEF;
    bottom: 4px;
    left: -100px;
}



.widget-faq {
    text-align: center;
}

.widget-accordion-2,
.widget-accordion-1,
.widget-accordion {
    text-align: start;
    max-width: 1400px;
    margin: auto;
}

    .widget-accordion-2 .accordion-items-2,
    .widget-accordion-1 .accordion-items-1,
    .widget-accordion .accordion-items {
        display: flex;
        gap: 20px 40px;
    }

        .widget-accordion-2 .accordion-items-2 .list-2,
        .widget-accordion-1 .accordion-items-1 .list-1,
        .widget-accordion .accordion-items .list {
            width: 100%;
        }

            .widget-accordion-2 .accordion-items-2 .list-2 .item,
            .widget-accordion-1 .accordion-items-1 .list-1 .item,
            .widget-accordion .accordion-items .list .item {
                margin-bottom: 20px;
            }

            .widget-accordion-2 .accordion-items-2 .list-2 .accordion-heading-2,
            .widget-accordion-1 .accordion-items-1 .list-1 .accordion-heading-1,
            .widget-accordion .accordion-items .list .accordion-heading {
                position: relative;
                cursor: pointer;
                padding: 20px;
                padding-right: 50px;
                background-color: #F8F8F8;
                font-family: 'Raleway', sans-serif;
                font-weight: 700;
                font-size: 16px;
                line-height: 22.5px;
                color: #4F556A;
            }

                .widget-accordion-2 .accordion-items-2 .list-2 .accordion-heading-2 span,
                .widget-accordion-1 .accordion-items-1 .list-1 .accordion-heading-1 span,
                .widget-accordion .accordion-items .list .accordion-heading span {
                    font-weight: 900;
                    color: #3AC19B;
                }

        .widget-accordion-2 .accordion-items-2 .accordion-heading-2::after,
        .widget-accordion-1 .accordion-items-1 .accordion-heading-1::after,
        .widget-accordion .accordion-items .accordion-heading::after {
            position: absolute;
            right: 20px;
            top: 20px;
            content: "+";
            font-size: 40px;
            color: #333c73;
        }



        .widget-accordion-2 .accordion-items-2 .list-2 .accordion-content-2,
        .widget-accordion-1 .accordion-items-1 .list-1 .accordion-content-1,
        .widget-accordion .accordion-items .list .accordion-content {
            display: none;
            padding: 20px;
            padding-top: 30px;
            border: 1px solid #EFEFEF;
            margin-bottom: 20px;
            font-family: 'Hind', sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 25.5px;
            color: #989CAA;
        }

        .widget-accordion-2 .accordion-items-2 .list-2 .accordion-heading-2, .widget-accordion-1 .accordion-items-1 .list-1 .accordion-heading-3, .widget-accordion .accordion-items .list .accordion-heading {
            position: relative;
            cursor: pointer;
            padding: 20px;
            padding-right: 50px;
            background-color: #F8F8F8;
            font-family: 'Raleway', sans-serif;
            font-weight: 700;
            font-size: 16px;
            line-height: 22.5px;
            color: #4F556A;
        }

        .widget-accordion-2 .accordion-items-2 .list-2 .accordion-content-2 span, .widget-accordion-1 .accordion-items-1 .list-1 .accordion-content-1 span, .widget-accordion .accordion-items .list .accordion-content span {
            font-weight: 700;
            color: #3AC19B;
        }

.accordion-para {
    border: 1px solid #EFEFEF;
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25.5px;
    color: #989CAA;
}

.accordion-heading-5 {
    position: relative;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22.5px;
    color: #4F556A;
}

@media only screen and (max-width: 600px) {
    .page-title h1 {
        font-family: "Raleway", sans-serif;
        font-weight: 900;
        font-size: 19px;
        line-height: 26px;
        color: #fff;
        padding-bottom: 25px;
        text-align: center;
    }

    .main-content {
        padding: 0px 0;
    }

    .main-title {
        width: 100%;
        margin: auto;
        font-family: 'Raleway', sans-serif;
        font-weight: 900;
        font-size: 22px;
        line-height: 26px;
        margin-top: 14%;
        color: #333c73;
        margin-bottom: 0%;
    }

    .page-title {
        width: 100%;
        padding-top: 60px;
        padding-bottom: 30px;
        position: relative;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: 100% 470px;
        background-color: #333c73;
        background-blend-mode: soft-light;
    }
}
