/* social font icon*/
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?dlpzzq');
    src: url('../fonts/icomoon.eot?dlpzzq#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?dlpzzq') format('truetype'),
    url('../fonts/icomoon.woff?dlpzzq') format('woff'),
    url('../fonts/icomoon.svg?dlpzzq#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
    content: "\e900";
    color: #5d83a3;
}

.icon-instragram:before {
    content: "\e901";
    color: #5d83a3;
}

.icon-printarest:before {
    content: "\e902";
    color: #5d83a3;
}

.icon-tweeter:before {
    content: "\e903";
    color: #5d83a3;
}

/* end social font icon */


.pageTitle {
    font-size: 48px;
    font-weight: 600;
    padding-top: 85px;
}


.breadcrumbArea .breadcrumb {
    padding-bottom: 110px;
}

.breadcrumb-item a {
    font-size: 16px;
    line-height: 26px;
    color: #5D83A3;
    text-decoration: none;
}

.breadcrumb-item.active {
    font-size: 16px;
    line-height: 26px;
    color: #044072;
}

.section {
    padding: 60px 0px;
}

#breadcrumb {
    background-image: url(../img/breadcrumb_bg.png);
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
}

#breadcrumb .breadcrumb-row {
    --height: 480px;
    min-height: var(--height);
    height: 80vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sectionTitle {
    font-family: 'Poppins';
    font-size: 32px;
    font-size: 32px;
    font-weight: 700;
    line-height: calc(100% + 10px);
}

#graph .sectionTitle {
    padding-top: 35px;
}

#ourStory {
    padding-top: 60px;
}

#ourStory p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
}

#ourStory .firstPara {
    font-size: 18px;
    line-height: 30px;
    color: #044072;
}

.ourServicesBtn {
    background: #34C872;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    padding: 14px 32px;
}

.ourServicesBtn:hover {
    color: #FFFFFF;
}

.agencyTitle {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    color: #1D2D5F;
}

.agencyNum {
    color: #34C872;
}

.graphText {
    padding-top: 45px;
}

.graphList {
    margin-top: 40px;
}

.graphList li {
    margin-bottom: 16px;
    color: var(--theme-gray);
}


.agencyBox {
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
    height: 72px;
}

.agencyBox:hover {

    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.08);
}

#countSection {
    background: #E9F9F0;
    padding: 100px 0;
}

.countBox {
    text-align: center;
}

.countBox .box {
    text-align: center;
}


.countNum {
    font-family: "Poppins";
    font-weight: 500;
    font-size: 40px;
    line-height: 32px;
    text-align: center;
    color: #044072;
    padding-top: 40px;
}

.countLabel {
    font-family: "Poppins";
    font-size: 18px;
    line-height: 32px;
    padding-top: 15px;
}


#frequent_ask {
    background: #e9f9f0;
    padding: 100px 0px;
    position: relative;
    overflow: hidden;
}

#frequent_ask .frequent_bg1 {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100px;
    height: 100px;
    background-image: url(../img/Rectangle.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#frequent_ask .frequent_bg2 {
    top: 30px;
    right: -15px;
    width: 120px;
    height: 120px;
    position: absolute;
    background-image: url(../img/Rectangle2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#frequent_ask .frequent_bg3 {
    right: -15px;
    bottom: 20px;
    width: 140px;
    height: 140px;
    position: absolute;
    background-image: url(../img/Rectangle3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#frequent_ask .frequent_title {
    font-size: 30px;
    color: #044072;
    text-align: center;
    font-weight: bolder;
}

#frequent_ask .des {
    text-align: center;
    color: #80a0b6;
    padding: 15px 215px;
}

#frequent_ask .accordian_content {
    padding-top: 70px;
}

.faq-list li.faq-list-item {
    padding: 25px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 4px solid transparent;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    margin-top: -1px
}

.faq-list li.faq-list-item .faq-title {
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600
}

.faq-list li.faq-list-item .faq-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: calc(100% + 10px);
    color: var(--theme-gray)
}

.faq-list li.faq-list-item:last-child {
    border-bottom: 0
}

.faq-list li.faq-list-item.open {
    background-color: #fff;
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-left-color: var(--theme-green)
}

.section-padding {
    padding: 100px 0px;
}


@media (max-width: 992px) {
    #frequent_ask .des {
        padding: 15px 100px;
    }

    .owl-nav > button.owl-prev {
        left: -30px
    }

    .owl-nav > button.owl-next {
        right: -30px
    }

    .header .navbar {
        padding-top: 0px;
        background: #FFFFFF;
    }

    ul.navbar-nav {
        background: #fff;
    }

    #breadcrumb .breadcrumb-row {
        --height: 350px;
        min-height: var(--height);
        height: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 767px) {
    #frequent_ask .des {
        padding: 15px;
    }

    .owl-nav > button.owl-prev {
        left: -18px
    }

    .owl-nav > button.owl-next {
        right: -18px
    }

    .pageTitle {
        font-size: 28px;
    }

    .sectionTitle {
        font-size: 28px;
    }

    .mobilePBottom {
        padding-bottom: 20px;
    }

    .breadcrumbArea .breadcrumb {
        padding-bottom: 0px;
    }
}















