.custom-btn{
    border: 0;
    padding: 8px 17px;
    text-transform: uppercase;
    font-weight: 400;
    background: #143e53;
    border-bottom: 6px solid #2f9620;
    border-radius: inherit;
}

.documents table tr td {
    padding: 29px;
}

.documents th {
    background: #076fa2;
    color: white;
}

.newpichartfor.emi .calculator .sliderBox{    margin-bottom: 11px;}
.newpichartfor.emi .resultBox {    min-height: 423px;}
#pie-chart{width:70%;}
.newpichartfor.emi .resultBox h3{ margin: 35% 0 10px 1px;}
.pmyaSection ul > li{color:#000;}
    @media screen and (max-width:767px) {
      
   
.newpichartfor.emi .resultBox {    min-height: auto;}
.newpichartfor.emi .resultBox h3{ margin: 0% 0 10px 1px;}
 .BannerSection.home-loan-lp {
        height:200px;
    }
}
body {
    background: #fff
}

.bg1 {
    background-color: #a39688;
    padding-top: 30px;
    padding-bottom: 30px
}

.bg2 {
    background-color: #f6f0ed;
}

.bg3 {
    background-color: #F6F0ED;
}

.bg4 {
    background-color: #c6c6c6
}

.bg5 {
    background-color: #fff5e7
}

.bg6 {
    background-color: #7c6a55
}

.bg7 {
    background-color: #dfdfdf
}

a:hover {
    color: #333
}

.SelectBox {
    padding: 5px 8px
}

.sumoStopScroll {
    overflow: hidden
}

.SumoSelect .hidden {
    display: none
}

.SumoSelect .search-txt {
    display: none;
    outline: 0
}

.SumoSelect .no-match {
    display: none;
    padding: 10px !important;
    color: #7c6a55 !important
}

.SumoSelect.open .search-txt {
    width: 100%;
    display: inline-block;
    padding: 12px 10px;
    font-size: 16px;
    color: #7c6a55;
    box-sizing: border-box;
    float: left;
    text-transform: uppercase;
    outline: 0;
    border: 0
}

.SumoSelect.open > .search > label, .SumoSelect.open > .search > span {
    visibility: hidden;
    display: none
}

.SelectClass, .SumoUnder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.SelectClass {
    z-index: 1
}

.SumoSelect .select-all > label, .SumoSelect > .CaptionCont, .SumoSelect > .optWrapper > .options li.opt label {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.SumoSelect {
    width: 100%;
    display: inline-block;
    position: relative;
    outline: 0
}

    .SumoSelect > .CaptionCont {
        position: relative;
        margin: 0
    }

        .SumoSelect > .CaptionCont > span {
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            cursor: default;
            padding: 12px 10px;
            color: #000
        }

            .SumoSelect > .CaptionCont > span.placeholder {
                color: #ccc;
                font-style: italic
            }

        .SumoSelect > .CaptionCont > label {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 30px
        }

            .SumoSelect > .CaptionCont > label > i {
                background: url(../images/new-home-page/menu-arrow.svg) no-repeat center center;
                width: 16px;
                height: 16px;
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                background-repeat: no-repeat;
                opacity: .8
            }

    .SumoSelect > .optWrapper {
        display: none;
        z-index: 1000;
        top: 32px;
        width: 100%;
        position: absolute;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #fff;
        overflow: hidden
    }

    .SumoSelect.open > .optWrapper {
        top: 50px;
        display: block
    }

        .SumoSelect.open > .optWrapper.up {
            top: auto;
            bottom: 100%;
            margin-bottom: 5px
        }

    .SumoSelect > .optWrapper ul {
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
        overflow: auto
    }

    .SumoSelect > .optWrapper > .options {
        border-radius: 2px;
        position: relative;
        max-height: 250px
    }

    .SumoSelect > .optWrapper.okCancelInMulti > .options {
        border-radius: 2px 2px 0 0
    }

    .SumoSelect > .optWrapper.selall > .options {
        border-radius: 0 0 2px 2px
    }

    .SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
        border-radius: 0
    }

    .SumoSelect > .optWrapper > .options li.group.disabled > label {
        opacity: .5
    }

    .SumoSelect > .optWrapper > .options li ul li.opt {
        padding-left: 22px
    }

    .SumoSelect > .optWrapper.multiple > .options li ul li.opt {
        padding-left: 50px
    }

    .SumoSelect > .optWrapper.isFloating > .options {
        max-height: 100%;
        box-shadow: 0 0 100px #595959
    }

    .SumoSelect > .optWrapper > .options li.opt {
        padding: 6px;
        position: relative;
        border-bottom: 1px solid #f5f5f5
    }

    .SumoSelect > .optWrapper > .options > li.opt:first-child {
        border-radius: 2px 2px 0 0
    }

    .SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
        border-radius: 0
    }

    .SumoSelect > .optWrapper > .options > li.opt:last-child {
        border-radius: 0 0 2px 2px;
        border-bottom: none
    }

    .SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
        border-radius: 0
    }

    .SumoSelect > .optWrapper > .options li.opt:hover {
        background-color: #e4e4e4
    }

    .SumoSelect .select-all.sel, .SumoSelect > .optWrapper > .options li.opt.sel {
        background-color: #a1c0e4
    }

    .SumoSelect > .optWrapper > .options li label {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        cursor: pointer
    }

    .SumoSelect > .optWrapper > .options li span {
        display: none
    }

    .SumoSelect > .optWrapper > .options li.group > label {
        cursor: default;
        padding: 8px 6px;
        font-weight: 700
    }

    .SumoSelect > .optWrapper.isFloating {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 90%;
        bottom: 0;
        margin: auto;
        max-height: 90%
    }

    .SumoSelect > .optWrapper > .options li.opt.disabled {
        background-color: inherit;
        pointer-events: none
    }

        .SumoSelect > .optWrapper > .options li.opt.disabled * {
            -moz-opacity: .5;
            -khtml-opacity: .5;
            opacity: .5
        }

    .SumoSelect.disabled {
        opacity: .7;
        cursor: not-allowed
    }

        .SumoSelect.disabled > .CaptionCont {
            border-color: #ccc;
            box-shadow: none
        }

.HeddingBox {
    width: 300px;
    margin: 10% auto 0
}

    .HeddingBox h2 {
        font-size: 48px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 32px;
        margin: 0;
        padding: 0;
        /* opacity: .15; */
    }

    .ContProfile h2, .HeddingBox .subtext {
        text-transform: uppercase
    }

    .HeddingBox .subtext {
        font-size: 22px;
        color: #fff;
        line-height: 24px
    }

.BTN1 {
    background: #fff;
    font-size: 12px;
    color: #e36e1f;
    text-transform: uppercase;
    text-align: left;
    padding: 10px 30px 10px 15px;
    position: relative;
    font-weight: 600
}

    .BTN1:before {
        content: '';
        width: 6px;
        height: 9px;
        position: absolute;
        right: 12px;
        top: 36%;
        background: url(../images/btn-arrow.png) left top no-repeat
    }

.ProfileImg {
    width: 203px;
    height: 278px
}

    .ProfileImg img {
        width: 100%
    }

.ContProfile {
    float: left;
    min-height: 160px
}

    .ContProfile h2 {
        font-size: 24px;
        color: #fff;
        line-height: 32px
    }

    .ContProfile p {
        font-size: 15px;
        color: #fff;
        padding: 0 0 10px;
        line-height: 18px
    }

html|* > svg {
    transform-origin: 50% 50% 0
}

* {
    transform-origin: 0 0 0
}

.offerSWrp {
    width: 100%;
    min-height: 570px;
    float: left;
    margin-top: -100px;
    position: relative;
    clear: both;
    overflow: hidden
}

.ScrollerVr, .offerSlideWrp, .offerSlideWrp.next, .scrollDisabled {
    position: absolute
}

.offerSlideWrp {
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    clear: both;
    top: -110%;
    margin-top: 0;
    z-index: 1;
    opacity: 1;
    transition: top 2s ease-out
}

    .offerSlideWrp.first, .offerSlideWrp.next {
        z-index: 0;
        top: 100%;
        opacity: 0
    }

    .offerSlideWrp.active {
        position: absolute;
        top: 0;
        z-index: 2;
        opacity: 1
    }

    .offerSlideWrp.unactive {
        top: -110%;
        z-index: 1;
        opacity: 1
    }

.offerSMobileWrp {
    display: none
}

.scrollDisabled {
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.floatRT {
    float: right
}

.ScrollerVr {
    right: 80px;
    bottom: 30px;
    z-index: 11;
    width: 50px;
    height: 300px;
    opacity: 1
}

    .ScrollerVr .Puntos, .ScrollerVr .Total {
        width: 100%;
        height: 100%;
        position: absolute
    }

    .ScrollerVr .Total {
        transform: rotate(90deg);
        left: 52px
    }

    .ScrollerVr .Puntos {
        top: 2px;
        right: 0
    }

        .ScrollerVr .Puntos #ElTrazado2 {
            stroke-dasharray: .1, 19.9;
            -webkit-animation: C1Trzd 8s linear infinite;
            -moz-animation: C1Trzd 8s linear infinite;
            animation: C1Trzd 8s linear infinite
        }

    .ScrollerVr .Circle {
        transform: rotate(90deg);
        position: absolute;
        top: 0;
        left: 52px !important;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 0 solid #fff
    }

        .ScrollerVr .Circle img {
            width: 100%
        }

        .ScrollerVr .Circle .btn {
            background: rgba(255, 255, 255, 0);
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 10;
            cursor: pointer;
            top: 0;
            left: 0;
            -webkit-border-radius: 100%;
            border-radius: 100%
        }

            .ScrollerVr .Circle .btn span {
                position: absolute;
                left: 0;
                top: 0;
                color: #fff
            }

.ScrollerHr {
    position: absolute;
    left: 10px;
    bottom: 0;
    z-index: 11;
    width: 300px;
    height: 50px;
    opacity: 0
}

    .ScrollerHr .Total {
        position: relative;
        width: 100%;
        height: 100%
    }

    .ScrollerHr .Puntos {
        position: absolute;
        top: 2px;
        right: 0;
        width: 100%;
        height: 100%
    }

        .ScrollerHr .Puntos #ElTrazado4 {
            stroke-dasharray: .1, 19.9;
            -webkit-animation: C1Trzd 8s linear infinite;
            -moz-animation: C1Trzd 8s linear infinite;
            animation: C1Trzd 8s linear infinite
        }

    .ScrollerHr .Circle {
        position: absolute;
        top: 0;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 0 solid #fff
    }

        .BannerSection .container img, .ScrollerHr .Circle img {
            width: 100%;
            min-height: 151px;
        }

        .ScrollerHr .Circle .btn {
            background: rgba(255, 255, 255, 0);
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 10;
            cursor: pointer;
            top: 0;
            left: 0;
            -webkit-border-radius: 100%;
            border-radius: 100%
        }

.BannerSection, .BannerSection .container {
    position: relative;
    z-index: 1;
    /* display: flex; */
    height: 100%;
}

@-webkit-keyframes C1Trzd {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: -200
    }
}

@keyframes C1Trzd {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: -200
    }
}

h1.headStyle, h2.headStyle, h3.headStyle {
    font-size: 36px;
    font-weight: bold;
    color: #1d4831;
    line-height: .75em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 18px;
    position: relative;
    padding-bottom: 10PX;
}

    h1.headStyle::after, h2.headStyle::after, h3.headStyle::after {
        content: "";
        width: 50px;
        height: 5px;
        border-radius: 5px;
        background-color: #c4d700;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

    h1.headStyle span, h2.headStyle span, h3.headStyle span {
        font-size: .5em;
        color: #333;
        display: block;
        line-height: 2em;
        opacity: 1 !important
    }

h3.headStyle {
    font-size: 30px
}

.headStyle.white span {
    color: #000
}

.BannerSection h2, .BannerSection h1, .BannerSection .h2 {
    text-transform: capitalize;
    color: #fff;
    /* font-weight: bold; */
    position: relative;
}

    .BannerSection h2:after, .BannerSection h1:after, .BannerSection .h2:after {
        width: 154px;
        height: 6px;
        position: absolute;
        left: 0;
        top: -30%;
        content: "";
        background-color: #C4D700;
    }

    .BannerSection h2 span, .BannerSection h1 span, .BannerSection .h2 span {
        font-size: 1.07em;
        display: block;
        font-weight: bold;
    }

.BannerSection p.Text {
    color: #7c6a55;
    font-size: 19px;
    font-weight: 700
}

.BannerSection .bannerText {
    height: 100%;
    display: table;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 0;
}

    .BannerSection .bannerText .textBox {
        /* display: table-cell; */
        /* vertical-align: middle; */
        min-height: 344px
    }

    .BannerSection .bannerText:before {
        width: 91px;
        height: 251px;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        background-image: url(../images/new-home-page/new-right-img.png);
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1
    }

.BannerSection:after {
    width: 50%;
    height: 100%;
    background: #1D4831 url(../images/new-home-page/new-left-img.png) left bottom no-repeat;
    background-size: 107px auto;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.BannerSection p {
    color: #fff;
    width: 80%;
}

.BannerSection.PMAY-lp {
    background: url(../images/banner/pmay.jpg) calc(100% + 100px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.overview-lp {
    background: url(../images/banner/Overview.jpg) calc(100% + 100px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.awards {
    background: url(../images/banner/Awards.jpg) calc(100% + 130px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.BOD {
    background: url(../images/banner/Management-Team.jpg) calc(100% + 200px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.aboutus {
    background: url(../images/banner/aboutus.png) calc(100% + 223px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.Leadership-team {
    background: url(../images/banner/Management-Team.jpg) calc(100% + 200px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.VM {
    background: url(../images/banner/Vision-Mision.jpg) calc(100% + 200px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.CareerapplyNow {
    background: url(../images/banner/Career-Apply.jpg) center center no-repeat;
    background-size: auto 100%
}

.BannerSection.ContactUs {
    background: url(../images/banner/contact_us.jpg) calc(100% + 200px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.EMICAL {
    background: url(../images/banner/emi-banner.jpg) calc(100% + 100px) center no-repeat;
    background-size: auto 100%;
}

.BannerSection.KnowledgeCenter {
    background: url(../images/banner/Knowledge-center.jpg) center center no-repeat;
    background-size: auto 100%
}

.BannerSection.News {
    background: url(../images/banner/news.jpg) calc(100% + 408px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.PRODUCTLP {
    background: url(../images/banner/product.jpg) center center no-repeat;
    background-size: auto 100%
}

.BannerSection.business-loan-lp {
    background: url(../images/banner/business-loan-lp.jpg) center center no-repeat;
    background-size: auto 100%
}

.BannerSection.Buyingcommercialplotorconstructioncommercial {
    background: url(../images/banner/Buyingcommercialplotorconstructioncommercial.jpg) calc(100% + 100px) center no-repeat;
    background-size: auto 100%;
}

.BannerSection.Buyinganeworresalecommercialproperty {
    background: url(../images/banner/Buyinganeworresalecommercialproperty.jpg) calc(100% + 100px) center no-repeat;
    background-size: auto 100%;
}

.BannerSection.LoanagainstProperty {
    background: url(../images/banner/LoanagainstProperty.jpg) calc(100% + 130px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.forhomeextention {
    background: url(../images/banner/LoansforHomeExtension.jpg) calc(100% + 100px) center no-repeat;
    background-size: auto 100%;
}

.BannerSection.Byinghome {
    background: url(../images/banner/applynow.jpg) calc(100% + 100px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.HomeIprovement {
    background: url(../images/banner/HomeIprovement.jpg) calc(100% + 100px) center no-repeat;
    background-size: auto 100%;
}

.BannerSection.home-loan-lp {
    background: url(../images/banner/home-landing-banner.jpg) calc(100% + 100px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.HomeCunstruction {
    background: url(../images/banner/HomeCunstruction.jpg) calc(100% + 100px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.Grihlakshami {
    background: url(../images/banner/MH-Banners-Grihlakshami.jpg) center center no-repeat;
    background-size: auto 100%
}

.BannerSection.Testimonial {
    background: url(../images/banner/Testimonial.jpg) calc(100% + 100px) no-repeat;
    background-size: auto 100%
}

.BannerSection.documentation {
    background: url(../images/banner/documentation.jpg) calc(100% + 130px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.applyNow {
    background: url(../images/banner/applynow.jpg) center center no-repeat;
    background-size: auto 100%
}

.BannerSection.Corporate-Governance {
    background: url(../images/banner/Corporate-Governance.jpg) calc(100% + 408px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.faq {
    background: url(../images/banner/faq.jpg) center center no-repeat;
    background-size: auto 100%
}

.BannerSection.Financials {
    background: url(../images/banner/Financials.jpg) calc(100% + 200px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.Interest-Rates {
    background: url(../images/banner/Interest-Rates.jpg) calc(100% + 130px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.sitemap {
    background: url(../images/banner/sitemap.jpg) calc(100% + 286px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.search {
    background: url(../images/banner/search-banner.jpg) center center no-repeat;
    background-size: auto 100%
}

.BannerSection.thankyou {
    background: url(../images/banner/thankyou-banner.jpg) center center no-repeat;
    background-size: auto 100%
}

.BannerSection.404 {
    background: url(../images/banner/404-banner.jpg) center center no-repeat;
    background-size: auto 100%
}

.BannerSection.apply_online_banner {
    background: url(../images/banner/apply_online_banner.jpg) center center no-repeat;
    background-size: auto 100%
}

.BannerSection.balance_transfer {
    background: url(../images/banner/balance_transfer.jpg) calc(100% + 130px) center no-repeat;
    background-size: auto 100%
}

.BannerSection.Insurance-Solutions {
    background: url(../images/banner/Insurance-Solutions-1.jpg) center center no-repeat;
    background-size: auto 100%
}

.BannerSection.CHR {
    background: url(../images/banner/CHR.JPG) center center no-repeat;
    background-size: auto 100%
}

.BannerSection.GI-TATA {
    background: url(../images/banner/Group-Insurance-2-Tata-AIG.JPG) center center no-repeat;
    background-size: auto 100%;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2
}

.BannerSection.GI-IciciLo {
    background: url(../images/banner/Genaral-Insurance-ICICI-Lombard.JPG) center center no-repeat;
    background-size: auto 100%;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2
}

.BannerSection.vHealth {
    background: url(../images/banner/Life-Insurance-2-vhealth.jpg) center center no-repeat;
    background-size: auto 100%;
}
.BannerSection.MediBuddy {
    background: url(../images/banner/MediBuddy-banner.jpg) center center no-repeat;
    background-size: auto 100%;
    background-position: 97%;
}

.BannerSection.prulife {
    background: url(../images/banner/Life-Insurance-1.jpg) center center no-repeat;
    background-size: auto 100%;
}

.AboutWapper .HeddingBox {
    width: auto;
    margin: 0 auto;
    text-align: center
}

    .AboutWapper .HeddingBox h2 {
        font-size: 48px;
        color: #000;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 32px;
        margin: 0;
        padding: 0;
        opacity: .15
    }

    .AboutWapper .HeddingBox .subtext {
        font-size: 22px;
        color: #000;
        text-transform: uppercase;
        line-height: 24px
    }

.AboutUsContain {
    width: 70%;
    min-height: 210px;
    margin: 0 auto 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(158, 158, 158, .4);
    -moz-box-shadow: 0 0 10px 0 rgba(158, 158, 158, .4);
    box-shadow: 0 0 10px 0 rgba(158, 158, 158, .4);
    position: relative
}

    .AboutUsContain .ImgBox {
        width: 124px;
        height: 124px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: -60px auto auto;
        border-radius: 50%
    }

.About a {
    color: #000;
    display: inline-block;
    background-color: #fff;
    text-decoration: none
}

    .About a:hover {
        color: #e36e1f
    }

.AboutUsContain .NamePosition {
    font-size: 15px;
    line-height: 17px;
    color: #e36e1f;
    padding-top: 70px;
    font-weight: 600
}

    .AboutUsContain .NamePosition span {
        font-size: 14px;
        line-height: 14px;
        color: #a8a8a8
    }

.AboutUsContain .SubjectLine {
    font-size: 22px;
    font-style: italic;
    font-weight: 600;
    color: #898989;
    padding: 10px 0;
    line-height: 30px;
    position: relative;
    width: 80%;
    margin: 0 auto
}

    .AboutUsContain .SubjectLine::after {
        content: "“";
        font-size: 58px;
        position: absolute;
        left: -20px;
        top: 19px
    }

    .AboutUsContain .SubjectLine::before {
        content: "”";
        font-size: 58px;
        position: absolute;
        right: 60px;
        bottom: -15px
    }

.AboutUsContain .imgcircle {
    width: 43px;
    height: 43px;
    position: absolute;
    right: 40%;
    top: 12px;
    border-radius: 50%;
    z-index: 1;
    display: none !important
}

.AboutWapper .slick-slider:before {
    content: "";
    background: url(../images/sliderline.png) left top;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%
}

.AboutourTeam {
    padding: 30px 0 0;
    font-size: 16px;
    color: #000;
    line-height: 18px;
    font-weight: 600;
    outline: 0
}

.AwardsWapper {
    margin-top: 0;
    padding: 30px 0 80px 0;
}

    .AwardsWapper .Awards {
        margin-top: 20px
    }

    .AwardsWapper .HeddingBox {
        width: 100%;
        text-align: left;
        margin: 0;
        padding-bottom: 20px;
    }

        .AwardsWapper .HeddingBox h2 {
            font-size: 25px;
            color: #004831;
            font-weight: bold;
            text-transform: capitalize;
            line-height: 32px;
            margin: 0;
            padding: 0;
            opacity: .8
        }

        .AwardsWapper .HeddingBox .subtext {
            font-size: 18px;
            color: #1f1f1f;
            text-transform: capitalize;
            line-height: 24px;
            font-weight: 600;
            position: relative;
            padding-bottom: 10px;
        }

    .AwardsWapper .Awards .slick-slide img {
        text-align: center;
        width: 100%;
        padding: 0 15px;
    }

    .AwardsWapper .HeddingBox::after {
        display: none;
    }

    .AwardsWapper .HeddingBox .subtext:after {
        content: "";
        width: 100%;
        height: 5px;
        border-radius: 5px;
        background-color: #c4d700;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .AwardsWapper .Awards .slick-next {
        right: 5px;
        top: 91%;
        width: 10px;
        height: 15px;
        background: url(../images/awardsslidernext.png) left top no-repeat
    }

    .AwardsWapper .Awards .slick-prev {
        left: 5px;
        top: 91%;
        width: 10px;
        height: 15px;
        background: url(../images/awardsslider-prev.png) left top no-repeat;
        z-index: 1
    }

    .AwardsWapper .extra-mar {
        margin-top: 70px
    }

.no-padding {
    padding: 0
}

.no-margin {
    margin: 0
}

.PressReleasesWapper {
    background: #f7f7f7;
    min-height: 249px;
    border-right: 1px solid #ccc
}

.PrintHeadding {
    font-size: 15px;
    color: #004831;
    padding-bottom: 4PX;
    margin-bottom: 0PX;
    position: absolute;
    top: 0;
    background: #c4d700;
    left: 0;
    padding: 5px 10px;
    font-weight: 600;
}

.PressReleasesWapper .slick-next {
    right: 15px;
    top: 80%;
    width: 22px;
    height: 22px;
    background: url(../images/arrowRT.png) left top no-repeat;
}

.col-xs-12.col-sm-6:last-child .PressReleasesWapper {
    border-right: 0px none;
}

.PressReleasesWapper .slick-prev {
    left: 15px;
    right: 15px;
    top: 80%;
    width: 22px;
    height: 22px;
    background: url(../images/arrowLT.png) left top no-repeat;
    z-index: 1
}

.PressReleasesWapper .DateWapper {
    width: 50px;
    height: 50px;
    background-color: #004831;
    float: left;
    display: block;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    color: #fff;
    line-height: 20px;
    padding: 8px 0 0;
    margin: 50px 0 13px
}

    .PressReleasesWapper .DateWapper p {
        font-size: 12px;
        color: #fff;
    }

.PressReleasesWapper .readMore {
    width: 35%;
    color: #004831;
    border-radius: 3px;
    padding: 6px 0px 10px 0;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: 14px;
    letter-spacing: .02em;
    text-align: center;
    margin: 5% auto 0 auto;
    cursor: pointer;
    text-transform: capitalize;
    display: block;
    position: relative;
    overflow: hidden;
}

    .PressReleasesWapper .readMore:after {
        content: "";
        width: 80%;
        height: 4px;
        position: absolute;
        bottom: 0;
        background-color: #C4D700;
        margin: auto;
        left: 0;
        right: 0;
    }

.pressreletext {
    padding-left: 0
}

    .pressreletext p {
        line-height: normal
    }

        .pressreletext p.t1 {
            line-height: normal;
            font-size: 12px;
            color: #7c7c7c
        }

.TipsWapper {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative
}

    .TipsWapper .CreditscoreWapper {
        background: #398765;
        padding: 0;
        color: #fff;
        text-align: left;
        box-sizing: border-box
    }

        .TipsWapper .CreditscoreWapper p.t1 {
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 600;
            text-align: left
        }

        .TipsWapper .CreditscoreWapper p.t2 {
            font-size: 15px;
            text-align: left
        }

        .TipsWapper .CreditscoreWapper h3 {
            margin: 15px 0
        }

        .TipsWapper .CreditscoreWapper .knowmore {
            background: #004831;
            font-size: 12px;
            display: inline-block;
            color: #fff;
            padding: 10px 15px;
            position: relative;
            font-weight: 600;
            text-decoration: none;
            position: relative
        }

            .TipsWapper .CreditscoreWapper .knowmore:after {
                content: "";
                width: 100%;
                height: 4px;
                position: absolute;
                left: 0;
                bottom: 0;
                background-color: #C4D700;
            }

        .TipsWapper .CreditscoreWapper .img {
            width: 100%;
            margin: 0;
            padding: 0;
        }

        .TipsWapper .CreditscoreWapper p.share-text {
            padding: 20px 0 0;
            text-align: left
        }

        .TipsWapper .CreditscoreWapper p .shareIcon {
            width: 16px;
            height: 18px;
            margin-left: 20px
        }

        .TipsWapper .CreditscoreWapper .slick-next {
            right: 10px;
            top: 88%;
            width: 22px;
            height: 22px;
            background: url(../images/tipsslidenext.png) left top no-repeat
        }

        .TipsWapper .CreditscoreWapper .slick-prev {
            left: inherit;
            right: 40px;
            top: 88%;
            width: 22px;
            height: 22px;
            background: url(../images/tipsslideprev.png) left top no-repeat;
            z-index: 1
        }

    .TipsWapper .Tipstext {
        background-color: #e36e1f;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        padding: 20px;
        box-sizing: border-box;
        line-height: 20px;
        text-transform: uppercase;
        text-align: left
    }

    .TipsWapper .HeddingBox {
        width: 100%;
        margin: 0 auto 30px;
        text-align: center;
        position: relative;
    }

        .TipsWapper .HeddingBox h2 {
            font-size: 48px;
            color: #004831;
            font-weight: bold;
            text-transform: none;
            line-height: 13px;
            margin: 0;
            padding: 0;
            /* opacity: .15; */
        }

        .TipsWapper .HeddingBox .subtext {
            font-size: 22px;
            color: #000;
            text-transform: none;
            line-height: 2em
        }

.HeddingBox::after {
    content: "";
    width: 50px;
    height: 5px;
    border-radius: 5px;
    background-color: #c4d700;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    margin: auto
}

.TipsWapper .VideoWapper {
    width: 100%;
    position: relative;
    display: block
}

    .TipsWapper .VideoWapper img {
        width: 100%
    }

    .TipsWapper .VideoWapper .BTNplay {
        width: 52px;
        height: 52px;
        position: absolute;
        margin: auto;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0
    }

.TipsWapper .slick-next {
    right: 53%;
    top: 9%;
    width: 22px;
    height: 22px;
    background: url(../images/tipsslidenext.png) left top no-repeat
}

.TipsWapper .slick-prev {
    left: 40%;
    top: 9%;
    width: 22px;
    height: 22px;
    background: url(../images/tipsslideprev.png) left top no-repeat;
    z-index: 1
}

.TipsWapper .slick-slider:before {
    content: "";
    background: 0 0
}

.HappyOwnersWapper .HeddingBox {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

    .HappyOwnersWapper .HeddingBox h2 {
        font-size: 48px;
        color: #004831;
        font-weight: bold;
        text-transform: none;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        /* opacity: .15; */
    }

    .HappyOwnersWapper .HeddingBox .subtext {
        font-size: 22px;
        color: #000;
        text-transform: none;
        line-height: 2em;
    }

.HappyOwnersWapper .ImageWapper {
    width: 114px;
    height: 114px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 17px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 17px 4px rgba(0, 0, 0, .2);
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    margin-top: 56px;
    transition: all .5s ease
}

.HappyOwnersWapper .HappyOwnersContain {
    width: 768px;
    min-height: 200px;
    margin: 0 auto 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(148, 148, 148, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(148, 148, 148, .2);
    box-shadow: 0 0 10px 0 rgba(148, 148, 148, .2);
    position: relative
}

.HappyOwnersslider {
    width: 38%;
    margin: 0 auto;
    z-index: 1;
    padding: 0;
    box-sizing: border-box;
}

    .HappyOwnersslider .slick-center .ImageWapper {
        width: 198px;
        height: 198px;
        margin: 16px -35px 0;
        position: relative;
        z-index: 1;
        transition: all .5s ease;
        border: 4px solid #c4d700;
    }

        .HappyOwnersslider .slick-center .ImageWapper img {
            width: 100%;
            height: 100%;
            transition: all .5s ease;
            border: -12px solid #000;
        }

.HappyOwnersWapper .slick-next, .HappyOwnersWapper .slick-prev {
    top: 58% !important
}

.HappyOwnersslider .slick-list {
    padding: 14px 10px !important;
    outline: 0
}

.HappyOwnersslider .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.HappyOwnersslider .slick-prev:before, .slick-next:before {
    color: #000
}

.HappyOwnersslider .slick-slide {
    margin: 0;
    min-height: 300px;
    outline: 0;
    transition: all ease-in-out .3s;
    opacity: .2
}

.HappyOwnersslider .slick-active {
    opacity: .5
}

.HappyOwnersslider .slick-slide img {
    width: 100%
}

.HappyOwnersslider .slick-current {
    opacity: 1
}

.HappyOwnerContaineBox {
    width: 70%;
    min-height: 200px;
    margin: -167px auto 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(158, 158, 158, .4);
    -moz-box-shadow: 0 0 10px 0 rgba(158, 158, 158, .4);
    box-shadow: 0 0 10px 0 rgba(158, 158, 158, .4);
    text-align: center;
    padding: 90px 20px 0;
    z-index: 0;
    position: relative
}

    .HappyOwnerContaineBox p {
        font-weight: normal;
    }

        .HappyOwnerContaineBox p.name {
            font-size: 16px;
            font-weight: 700;
            padding: 10px 0
        }

.HappyOwnersWapper .slick-slider:before {
    content: "";
    background: 0 0
}

.ui-slider-line {
    display: none !important
}

.CarrerWapper {
    padding: 0 0 40px
}

    .CarrerWapper .HeddingBox {
        width: 100%;
        text-align: center;
        margin: 20px 0
    }

        .CarrerWapper .HeddingBox h2 {
            font-size: 48px;
            color: #e99264;
            font-weight: bold;
            text-transform: uppercase;
            line-height: 32px;
            margin: 0;
            padding: 0;
            opacity: .5
        }

        .CarrerWapper .HeddingBox .subtext {
            font-size: 22px;
            color: #fff;
            text-transform: uppercase;
            line-height: 24px
        }

    .CarrerWapper .extra-mar {
        margin-top: 70px
    }

.CarrerCONT {
    position: relative;
    margin: 0
}

    .CarrerCONT .Image {
        width: 100%;
        margin: 0 0 10px;
        padding: 0;
        position: relative
    }

    .CarrerCONT img {
        width: 100%
    }

    .CarrerCONT p {
        font-size: 15px;
        color: #fff;
        line-height: 18px
    }

.Linkknowmore {
    font-size: 12px;
    color: #fff;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 10px
}

.BTNplay {
    width: 42px;
    height: 42px;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.CarrerCONT .opaningBox {
    width: 100%;
    margin: 0;
    padding: 0 0 19px;
    position: relative;
    box-sizing: border-box
}

.BTN2 {
    background: #0c8272;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    padding: 20px 30px 20px 15px;
    position: relative;
    font-weight: 600
}

    .BTN2:before {
        content: '';
        width: 6px;
        position: absolute;
        right: 12px;
        top: 43%;
        background: url(../images/btn-arrow2.png) left top no-repeat;
        background-size: 100%;
        height: 100%
    }

    .BTN2:hover {
        color: #fff
    }

.MapWapper {
    position: relative
}

    .MapWapper .container {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        height: 100%;
        top: 0
    }

    .MapWapper .MapSection {
        position: relative;
        width: 100%;
        height: 470px;
        border-top: 5px solid #c4d700;
    }

        .MapWapper .MapSection canvas {
            filter: none
        }

    .MapWapper .ContactUsFindCenter {
        width: 317px;
        min-height: 200px;
        position: relative;
        left: 0;
        top: 10%;
        z-index: 1;
        background: #7c6a55;
        padding: 20px
    }

        .MapWapper .ContactUsFindCenter .HeddingBox {
            width: 100%;
            text-align: center;
            margin: 0
        }

            .MapWapper .ContactUsFindCenter .HeddingBox h2 {
                font-size: 34px;
                color: #fff;
                font-weight: bold;
                text-transform: uppercase;
                line-height: 22px;
                margin: 0;
                padding: 0;
                opacity: .5
            }

            .MapWapper .ContactUsFindCenter .HeddingBox .subtext {
                font-size: 16px;
                color: #fff;
                text-transform: uppercase;
                line-height: 20px
            }

        .MapWapper .ContactUsFindCenter p {
            color: #fff;
            padding: 0;
            font-size: 16px
        }

    .MapWapper.bLocatorMap .ContactUsFindCenter p {
        color: #000
    }

    .MapWapper .ContactUsFindCenter .searchBox {
        margin: 10px 0;
        display: inline-block;
        background-color: #fff;
        width: 100%;
        position: relative
    }

    .MapWapper .ContactUsFindCenter .input {
        background-color: #fff;
        padding: 12px 10px;
        font-size: 18px;
        color: #7c6a55;
        box-sizing: border-box;
        float: left;
        text-transform: uppercase;
        outline: 0;
        border: 0
    }

    .MapWapper .ContactUsFindCenter .BTNSearch {
        width: 52px;
        height: 49px;
        border: 0;
        outline: 0;
        background: url(../images/searchBTN.png) left top no-repeat;
        float: right;
        position: absolute;
        right: 0;
        top: 0
    }

    .MapWapper .container .rowMapInfo {
        position: relative;
        display: inline;
        margin: 0 -15px
    }

.overlay, .popupBox {
    position: fixed;
    display: none;
    left: 0
}

.MapWapper .container .rowMapInfo .ContactUsFindCenter p {
    color: #fff
}

.overlay {
    background: rgba(0, 0, 0, .9);
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 99
}

.popupBox {
    width: 80%;
    min-height: 505px;
    top: 10%;
    right: 0;
    margin: auto;
    z-index: 100;
    background: #e36e1f;
    background-size: 100% 100%;
    box-sizing: border-box
}

    .popupBox .popupClose {
        width: 42px;
        height: 42px;
        z-index: 2;
        position: absolute;
        right: 10px;
        top: 10px;
        background: url(../images/popupCloseBTN.png) center center no-repeat;
        color: #a81d22;
        text-align: center;
        line-height: 30px;
        font-family: robotomedium;
        cursor: pointer
    }



    .popupBox h2 {
        font-size: 30px;
        color: #fff;
        text-transform: uppercase;
        margin: 0 0 40px;
        padding: 0
    }

.BTN3, .BTN3:hover {
    color: #e36e1f;
    text-decoration: none
}

.popupBox .icon {
    width: 104px;
    height: 104px;
    margin: 20px auto 10px
}

.BTN3, .BTN4 {
    font-size: 18px;
    padding: 10px 30px 10px 15px;
    font-weight: 600;
    display: inline-block;
    margin: 0 20px 10px 0;
    text-align: left;
    text-transform: uppercase
}

.popupBox .icon img {
    width: 100%
}

.BTN3:before, .BTN4:before {
    width: 6px;
    right: 12px;
    top: 43%;
    height: 100%;
    content: ''
}

.BTN3 {
    background: #fff;
    position: relative;
    cursor: pointer
}

    .BTN3:before {
        position: absolute;
        background: url(../images/btn-arrow.png) left top no-repeat;
        background-size: 100%
    }

.BTN4 {
    background: #0c8272;
    color: #fff;
    position: relative
}

    .BTN4:before {
        position: absolute;
        background: url(../images/btn-arrow2.png) left top no-repeat;
        background-size: 100%
    }

    .BTN4:hover {
        color: #fff;
        text-decoration: none
    }

.popupBox .Linkknowmore {
    font-size: 14px;
    color: #fff
}

.popupBox .input {
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 0;
    color: #fff;
    font-size: 14PX;
    height: 40px;
    line-height: 40px;
    padding: 0 10px
}

.popupBox .form-control {
    margin-top: 5px;
    margin-bottom: 5px
}

.popupBox .select option {
    color: #000
}

.select-wapper .select-Box {
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 0;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    margin: 5px 0;
    float: left;
    position: relative;
    display: block
}

.select-wapper .select-span {
    width: 100%;
    font-size: 14px;
    display: block;
    box-sizing: border-box;
    background: url(../images/dropdownarrow.png) 96% center no-repeat;
    color: #fff;
    height: 37px;
    line-height: 37px;
    padding: 0 10px
}

.select-wapper .select {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    min-height: 37px
}

.popupBox p {
    text-align: left;
    margin: 12px 0
}

.checkBoxtext {
    padding: 0 0 0 10px;
    text-align: left;
    color: #fff
}

.popupBox .checkbox {
    padding: 10px 0 0;
    float: left
}

.popupBox::-webkit-input-placeholder {
    color: #fff
}

.popupBox::-moz-placeholder {
    color: #fff
}

.popupBox:-ms-input-placeholder {
    color: #fff
}

.popupBox:-moz-placeholder {
    color: #fff
}

.SideMenuWapper {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 17
}

    .SideMenuWapper ul {
        width: 87px;
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #e36e1f
    }

.Getcall.active, .getacallBox {
    background-color: #7c6a55
}

.SideMenuWapper ul li {
    width: 87px;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #ec9d67
}

    .SideMenuWapper ul li:last-child {
        border-bottom: 0 solid #ec9d67
    }

    .SideMenuWapper ul li a {
        color: #fff;
        font-size: 10px;
        line-height: 11px;
        width: 100%;
        height: 100%;
        display: block;
        padding: 15px 0
    }

.MobileLinkBTN, .getacallBox {
    display: none;
    position: absolute
}

.SideMenuWapper ul li p {
    margin: 0;
    padding: 5px 0 0;
    font-size: 12px
}

.MobileLinkBTN {
    width: 31px;
    height: 35px;
    left: -31px;
    top: 0
}

.getacallBox {
    width: 363px;
    min-height: 110px;
    transition: background-color .5s ease;
    text-align: left;
    right: 86px;
    top: 87px;
    padding: 20px;
    box-sizing: border-box
}

    .getacallBox p {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase
    }

    .getacallBox input {
        background-color: #fff;
        font-size: 18px;
        color: #000;
        padding: 10px;
        width: 90%;
        margin: 0 0 10px
    }

    .getacallBox .BTNSubmit {
        background-color: #e36e1f;
        font-size: 18px;
        color: #fff;
        text-align: center;
        padding: 10px 20px;
        float: left;
        display: block
    }

.formBtn, .formBtn i {
    display: inline-block
}

.branch-locator p {
    color: #fff;
}

.branch-locator .filterBox {
    /* background: #e36e1f; */
    padding-top: 40px;
    padding-bottom: 10px;
}

    .branch-locator .filterBox .form-control {
        background: 0 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        border-bottom: 6px solid #004831;
        color: #fff
    }

        .branch-locator .filterBox .form-control option {
            background: #999
        }

.contactForm .formBox .form-control.icon {
    padding-left: 30px
}

.contactForm .formBox .form-control.name {
    background: url(../images/contactUs-name.png) 1px center no-repeat
}

.contactForm .formBox .form-control.email {
    background: url(../images/contactUs-email.png) 1px center no-repeat
}

.contactForm .formBox .form-control.mobile {
    background: url(../images/contactUs-mobile.png) 1px center no-repeat
}

.contactForm .formBox .form-control.city {
    background: url(../images/contactUs-city.png) 1px center no-repeat
}

.contactForm .formBox .form-control.msg {
    background: url(../images/contactUs-msg.png) 1px center no-repeat
}

.formBtn {
    font-weight: 700
}

    .formBtn i {
        margin-left: 7px;
        border-left: 7px solid #fff;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: none;
        width: 7px
    }

#DivThankyou, .applyOnlineFeature:before {
    display: none
}

.contactForm {
    margin-bottom: 50px
}

    .contactForm .formBox {
        padding: 30px;
        background: #e36e1f
    }

        .contactForm .formBox .form-control {
            background: 0 0;
            border: none;
            border-radius: 0;
            box-shadow: none;
            border-bottom: 1px solid #fff;
            color: #fff
        }

        .contactForm .formBox p {
            color: #fff;
            font-size: 16px;
            line-height: 1.2em
        }

    .contactForm .formBox, .contactForm .mapBox {
        min-height: 530px
    }

        .contactForm .mapBox iframe {
            height: 100%;
            width: calc(100%);
            position: absolute;
            left: 0
        }

    .contactForm::-webkit-input-placeholder {
        color: #fff;
        opacity: 1
    }

    .contactForm::-moz-placeholder {
        color: #fff
    }

    .contactForm:-ms-input-placeholder {
        color: #fff
    }

    .contactForm:-moz-placeholder {
        color: #fff
    }

    .contactForm .addressBox {
        width: 100%;
        display: table
    }

        .contactForm .addressBox .col1.office {
            background: url(../images/contactus-office-img.jpg) right no-repeat;
            background-size: cover
        }

        .contactForm .addressBox .col1 {
            width: 30%;
            display: table-cell;
            padding: 10px
        }

            .contactForm .addressBox .col1.box2 {
                width: 40%;
                background: #7c6a55;
                color: #fff;
                padding: 20px
            }

        .contactForm .addressBox h4 span {
        }

    .contactForm .addBox {
        background: rgba(227, 110, 31, .8);
        width: 100%;
        color: #fff;
        padding: 10px;
        box-sizing: border-box
    }

        .contactForm .addBox.compliance {
            width: calc(100% + 20px);
            background: #f2f2f2;
            padding: 20px;
            margin: 0 -10px -10px
        }

    .contactForm .orange {
        color: #e36e1f
    }

    .contactForm .green {
        color: #0c8272
    }

.applyOnline {
    background: #fff
}

    .applyOnline.newsDetails h2 {
        position: relative;
    }

        .applyOnline.newsDetails h2::before {
            content: "";
            width: 5px;
            height: 100%;
            position: absolute;
            left: -20px;
            top: 0;
            bottom: 0;
            margin: auto;
            background-color: #c4d700;
        }

        .applyOnline.newsDetails h2.headStyle:before {
            display: none;
        }

        .applyOnline.newsDetails h2.headStyle {
            padding-bottom: 20px;
        }

    .applyOnline.formBox {
        background: #fcf7ec;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .applyOnline .form-control {
        background: 0 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        border-bottom: 1px solid #949494;
        font-size: 17px;
        color: #404040;
        font-weight: 700;
        height: 40px
    }

        .applyOnline .form-control.calender {
            background: url(../images/calendar_icon.png) center right no-repeat
        }

    .applyOnline input.form-control::placeholder {
        color: rgba(51, 51, 51, .5);
        font-weight: 400
    }

    .applyOnline .form-control::-webkit-input-placeholder {
        color: #000
    }

    .applyOnline .form-control::-moz-placeholder {
        color: #000
    }

    .applyOnline .form-control:-ms-input-placeholder {
        color: #000
    }

    .applyOnline .form-control:-moz-placeholder {
        color: #000
    }

    .applyOnline .checkBox {
        float: left;
        width: 20px;
        height: 20px;
        border: 1px solid #949494;
        position: relative;
        margin-right: 15px
    }

        .applyOnline .checkBox input {
            position: absolute;
            height: 100%;
            width: 100%;
            margin: 0;
            opacity: 0
        }

        .applyOnline .checkBox.active {
            background: url(../images/checkbox-checked.png) center center no-repeat
        }

    .applyOnline p {
        font-size: 18px;
        margin-bottom: 15px
    }

    .applyOnline a {
        color: #398765
    }

    .applyOnline.Feature {
        background: #f6f0ed;
    }

.applyOnlineFeature .Box {
    text-align: center
}

    .applyOnlineFeature .Box .icon {
        margin: 2px auto 50px
    }

    .applyOnlineFeature .Box h4 {
        padding-bottom: 15px;
        border-bottom: 1px solid #d3d3d3;
        text-transform: uppercase;
        font-size: 16px;
        color: #1f1f1f;
        min-height: 50px;
        font-weight: bold;
    }

    .applyOnlineFeature .Box p {
        font-size: 14px;
        color: #7c7c7c
    }

    .applyOnlineFeature .Box .TextWapper {
        display: table;
        width: 100%
    }

    .applyOnlineFeature .Box .img {
        width: 100%
    }

    .applyOnlineFeature .Box .name {
        background: #004831;
        text-align: left;
        font-size: 12px;
        color: #fff;
        padding: 0 10px;
        text-transform: uppercase;
        display: table-cell;
        vertical-align: middle;
        height: 40px
    }

    .applyOnlineFeature .Box p.cont {
        font-size: 15px;
        color: #7c7c7c;
        text-align: left;
        line-height: 19px;
        padding: 10px 0;
        margin-bottom: 0;
        min-height: 137px
    }

.applyOnlineFeature .BtnAll-1, .applyOnlineFeature .BtnAll-2 {
    font-size: 10px;
    text-transform: uppercase;
    text-align: left;
    padding: 10px 25px 10px 15px;
    position: relative;
    border: 1px solid #0c8272;
    font-weight: 400;
    margin-top: 10px;
    float: left
}

.applyOnlineFeature .BtnAll-1 {
    color: #0c8272;
    /* background: url(../images/arrowbtn.png) 93% 50% no-repeat #fff; */
    /* margin-right: 15px; */
    margin-bottom: 20px;
    padding-right: 15px;
}

.applyOnlineFeature .BtnAll-2 {
    color: #fff;
    background: url(../images/arrowbtn2.png) 93% 50% no-repeat #0c8272
}

.branch-locator .filterBox .SumoSelect {
    width: 100%
}

    .branch-locator .filterBox .SumoSelect.open .search-txt {
        background: 0 0;
        margin: -32px 0 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        border-bottom: 1px solid #fff;
        color: #fff !important;
        padding: 0
    }

    .branch-locator .filterBox .SumoSelect > .CaptionCont > span {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        border-bottom: 3px solid #004831;
        font-size: 16px;
        padding: 6px 0;
        margin: 0;
        color: #797d8e;
        background: url(../images/new-home-page/menu-arrow.svg) 96% 50% no-repeat;
        font-weight: bold;
    }

    .branch-locator .filterBox .SumoSelect > .CaptionCont {
        padding: 0
    }

    .branch-locator .filterBox .SumoSelect.open > .optWrapper {
        top: 26px;
        display: block
    }

.branch-locator .filterBox::-webkit-input-placeholder {
    color: #fff
}

.branch-locator .filterBox::-moz-placeholder {
    color: #fff
}

.filterBox:-ms-input-placeholder {
    color: #fff
}

.branch-locator .p2 {
    color: #1d4831;
    font-size: 18px;
    font-weight: bold;
}

.branch-locator .p1 {
    color: #7a7a7a;
    font-size: 14px;
    font-weight: normal;
}

.Come-join-us {
    padding-top: 80px;
    padding-bottom: 80px;
    background: url(../images/Come-join-us.jpg) center center;
    background-size: cover
}

.formBtn, .formBtn:hover {
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    padding: 10px 30px 10px 15px;
    border: 0;
    position: relative
}

.formBtn {
    margin: 12px 0 5px;
    font-size: 14px;
    background: url(../images/btn-arrow2.png) 96% 50% no-repeat #004831;
}

    .formBtn.orange {
        background: #e36e1f
    }

    .formBtn:hover {
        /* background: url(../images/btn-arrow2.png) 118% 50% no-repeat #004831; */
    }

.aboutUS h4 {
    color: #1f1f1f;
    font-weight: 600;
}

.aboutUS p {
    color: #666b7e;
}

.EventsWapper {
    margin-top: 40px;
    margin-bottom: 40px
}

    .EventsWapper .HeddingBox {
        width: 100%;
        text-align: center;
        margin: 20px 0
    }

        .EventsWapper .HeddingBox h2 {
            font-size: 48px;
            color: #e9ddcf;
            font-weight: bold;
            text-transform: uppercase;
            line-height: 32px;
            margin: 0;
            padding: 0;
            opacity: .8
        }

        .EventsWapper .BoxName, .EventsWapper .HeddingBox .subtext {
            text-transform: uppercase
        }

        .EventsWapper .HeddingBox .subtext {
            font-size: 22px;
            color: #000;
            line-height: 24px
        }

.AwardsImg {
    position: relative
}

    .AwardsImg .AwardText {
        width: 100%;
        padding: 10px 25px;
        color: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
        background: url(../images/bgsliderpng.png);
        text-align: left;
        box-sizing: border-box;
        line-height: 17px
    }

.EventsWapper .Events .slick-slide img {
    text-align: center;
    width: 100%
}

.EventsWapper .Events .slick-next {
    right: 5px;
    top: inherit;
    bottom: 4%;
    width: 10px;
    height: 15px;
    background: url(../images/awardsslidernext.png) left top no-repeat
}

.EventsWapper .Events .slick-prev {
    left: 5px;
    top: inherit;
    bottom: 4%;
    width: 10px;
    height: 15px;
    background: url(../images/awardsslider-prev.png) left top no-repeat;
    z-index: 1
}

.EventsWapper .extra-mar {
    margin-top: 8.2%
}

.EventsWapper .employeeOfTheMonth {
    width: 100%;
    height: 259px;
    background: url(../images/emplyofmonth-bg.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    float: left
}

    .EventsWapper .employeeOfTheMonth .ContWapper {
        width: 150px;
        float: right;
        margin-right: 30px;
        color: #fff;
        text-align: center;
        margin-top: 45px
    }

        .EventsWapper .employeeOfTheMonth .ContWapper p {
            font-size: 14px;
            line-height: 12px;
            font-weight: 700;
            padding: 10px 0
        }

            .EventsWapper .employeeOfTheMonth .ContWapper p span {
                font-size: 12px;
                font-weight: 400
            }

        .EventsWapper .employeeOfTheMonth .ContWapper .BTNview {
            background: #e36e1f;
            color: #fff;
            font-size: 14px;
            text-align: center;
            padding: 5px 20px
        }

.EventsWapper .EmployeeSpeak {
    width: 100%;
    height: 259px;
    display: block;
    float: left;
    position: relative
}

.EventsWapper .BoxName {
    font-size: 17px;
    color: #1f1f1f;
    text-align: center;
    padding: 33px 0 13px
}

.EventsWapper .EmployeeSpeak img {
    width: 100%;
    height: 100%
}

.EventsWapper .EmployeeSpeak .BTNplay {
    width: 42px;
    height: 42px;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.CVFormWapper {
    width: 100%;
    min-height: 459px;
    background: url(../images/oppertunityBG.png) left top no-repeat;
    background-size: 100% 100%;
    padding: 20px 30px;
    box-sizing: border-box
}

    .CVFormWapper h2 {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        padding-top: 0;
        padding-bottom: 20px;
        margin-top: 0
    }

    .CVFormWapper .form-group {
        margin-bottom: 10px
    }

    .CVFormWapper .form-control {
        background: 0 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        border-bottom: 1px solid #949494;
        color: #fff;
        font-size: 17px
    }

        .CVFormWapper .form-control option {
            background: #fff;
            color: #000
        }

.BtnAll-1, .BtnAll-2 {
    width: max-content;
    font-size: 18px;
    /* line-height: 19px; */
    display: table-cell;
    vertical-align: middle;
    background: #006ba0;
    border-radius: 3px;
    padding: 10px 10px;
    font-style: normal;
    font-weight: bold;
    /* letter-spacing: .02em; */
    text-align: center;
    color: #fff !important;
    /* margin: 0 0 38px 10px; */
    cursor: pointer;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #c4d700;
}

.border-radius {
    border-radius: 20px;
    overflow: hidden
}

.BtnAll-1:after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #C4D700;
}

.BtnAll-2:after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #C4D700;
}

.CVFormWapper .form-control::placeholder {
    color: #fff
}

.CVFormWapper .form-control::-ms-input-placeholder {
    color: #fff
}

/*.BtnAll-1 {
    text-transform: uppercase;
    background: url(../images/btn-arrow2.png) 93% 50% no-repeat #0c8272
}

.BtnAll-2 {
    text-transform: uppercase;
    background: url(../images/btn-arrow2.png) 93% 50% no-repeat #e36e1f
}*/

.BtnAll-3, .CurrentOpeningsWpper h2 {
    color: #000;
    text-transform: uppercase
}

.BtnAll-3 {
    font-size: 14px;
    text-align: left;
    padding: 10px 30px 10px 15px;
    position: relative;
    border: 0;
    background: url(../images/btn-arrow2.png) 93% 50% no-repeat #fff
}

.CVFormWapper .btnmaargin {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 10px
}

.CurrentOpeningsWpper {
    width: 100%;
    background-color: #e5e1dd;
    min-height: 467px;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 20px
}

    .CurrentOpeningsWpper h2 {
        font-weight: 700;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0
    }

    .CurrentOpeningsWpper .OpeningBox {
        margin: 15px 0 20px;
        display: inline-block;
        float: left;
        width: 100%
    }

        .CurrentOpeningsWpper .OpeningBox p.t1 {
            font-size: 16px;
            line-height: normal
        }

        .CurrentOpeningsWpper .OpeningBox p.t2 {
            font-size: 12px;
            line-height: 12px
        }

        .CurrentOpeningsWpper .OpeningBox ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .CurrentOpeningsWpper .OpeningBox ul li {
                float: left;
                padding: 0 0 0 30px;
                width: 30%
            }

                .CurrentOpeningsWpper .OpeningBox ul li.icon1 {
                    background: url(../images/opicon1.png) left center no-repeat
                }

                .CurrentOpeningsWpper .OpeningBox ul li.icon2 {
                    background: url(../images/opicon2.png) 10px center no-repeat
                }

        .CurrentOpeningsWpper .OpeningBox .BtnAll-1 {
            font-size: 12px;
            color: #fff;
            text-transform: uppercase;
            text-align: left;
            padding: 5px 25px 5px 10px;
            position: relative;
            border: 0;
            background: url(../images/btn-arrow2.png) 93% 50% no-repeat #0c8272
        }

.management .imageGroup {
    display: block;
    padding-bottom: 15px;
    position: relative;
    overflow: hidden;
}

    .management .imageGroup.active:before {
        content: '';
        position: absolute;
        width: 32px;
        height: 20px;
        background: url(../images/pointer.png) bottom center no-repeat;
        bottom: -1px;
        border-radius: 3px;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 1
    }

    .management .imageGroup:after {
        position: absolute;
        content: "";
        height: 32px;
        width: 84px;
        -webkit-transform: rotate(-35deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        -o-transform-origin: 0 100%;
        transform-origin: 0 100%;
        background: #fff;
        left: -12px;
        top: 21px;
        border: 4px solid #004831;
    }

.management .imageBox {
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    border: 4px solid #004831;
    border-bottom: 4px solid #004831;
    position: relative;
    width: 100%;
}

    .management .imageBox img {
        display: inline-block
    }

    .management .imageBox .imgBtn {
        display: none;
        position: absolute;
        height: 33px;
        width: 33px;
        background: url(../images/manag-btn-close.png) center center no-repeat #e36e1f;
        border-radius: 50%;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -16px;
        cursor: pointer
    }

.managementTeamMember .slick-slide.slick-current.slick-active .imageGroup .imageBox {
    border: 4px solid #c4d700;
    border-bottom: 4px solid #c4d700;
}

.managementTeamMember .slick-slide.slick-current.slick-active .imageGroup:after {
    border: 4px solid #c4d700;
}

.awards .awardsBox, .vission-mission .V-M-Box {
    display: table-cell;
    float: none
}

.management .imageBox .imgBtn.active {
    background: url(../images/manag-btn-open.png) center center no-repeat #e36e1f
}

.management .contantBox {
    margin-bottom: 30px;
    padding: 22px 0 0 0;
    margin-top: 38px;
}

    .management .contantBox .maindiv {
        text-align: justify;
        padding: 20px;
        border-top: 10px solid #c4d700;
        background: #f6f0ed;
    }

    .management .contantBox p {
        font-size: 16px;
        line-height: 1.3em
    }

.management .textOrange {
    color: #1d4831;
    font-weight: 600;
}

.management h4 {
    font-size: 16px
}

.management .contantBox:before {
    content: '';
    position: absolute;
    left: 9%;
    top: -38px;
    margin: auto;
    z-index: 1;
    width: 0;
    height: 0;
    border-bottom: 60px solid #c4d700;
    border-right: 60px solid transparent;
}

.vission-mission .V-M-Box {
    background: #e5e1dd;
    text-align: left;
    padding: 0 30px 30px
}

    .vission-mission .V-M-Box .headStyle {
        text-align: left;
        margin-top: 1em;
        margin-bottom: 2em;
        font-size: 30px;
        width: auto;
        line-height: 30px;
        display: inline-block;
    }

    .vission-mission .V-M-Box.mission .headStyle {
        color: #fff;
    }

    .vission-mission .V-M-Box ul {
        margin: 0;
        padding: 0 0 0 20px
    }

    .vission-mission .V-M-Box p, .vission-mission .V-M-Box ul {
        font-size: 15px;
        width: 83%
    }

    .vission-mission .V-M-Box .icon {
        position: absolute;
        right: 20px;
        top: 20px
    }

    .vission-mission .V-M-Box.mission {
        background: #398765;
        color: #fff
    }

.vission-mission .values {
    background: #f6f6f6;
    padding: 30px;
    margin-top: 30px
}

    .vission-mission .values .services {
        padding: 20px 15px
    }

.rating .R-Box {
    display: table-cell;
    background: #e5e1dd;
    text-align: left;
    padding: 0 30px 30px 30px
}

    .rating .R-Box .headStyle {
        text-align: left;
        margin-top: 1em;
        margin-bottom: 2em;
        font-size: 30px;
        width: 80%;
        line-height: 30px
    }

    .rating .R-Box ul {
        margin: 0;
        padding: 0 0 0 20px
    }

    .rating .R-Box p, .vission-mission .R-Box ul {
        font-size: 15px
    }

    .rating .R-Box.mission {
        background: #816750;
        color: #fff
    }

    .rating .R-Box .r-boxinside {
        padding-top: 58px
    }

.rating .values {
    background: #f6f6f6;
    padding: 30px;
    margin-top: 30px
}

    .rating .values .services {
        padding: 20px 15px
    }

.awards .awardsBox.text {
    padding: 0;
    vertical-align: bottom
}

    .awards .awardsBox.text .textBox {
        padding: 20px;
        background: #f6f6f6
    }

.awards .readMore {
    padding: 10px 15px;
    background: #1d4831;
    display: inline-block;
    color: #fff;
    text-decoration: none
}

.awards .boxGroup {
    width: 100%;
    background: #fff;
    margin-bottom: 30px
}

    .awards .boxGroup .textBox:first-child {
        padding: 0;
        width: 210px
    }

    .awards .boxGroup .textBox img, .knowlageCenter .advice > img {
        width: 100%
    }

    .awards .boxGroup .textBox {
        padding: 10px 20px;
        box-sizing: border-box;
        display: table-cell;
        vertical-align: top;
        font-size: 15px
    }

        .awards .boxGroup .textBox .date {
            font-size: .8em;
            display: block;
            color: #ff6d00
        }

.overview h3 {
    color: #004831;
    font-size: 22px;
    font-weight: bold;
    text-transform: none;
}

.knowlageCenter h3 {
    color: #004831;
    font-weight: 700
}

.knowlageCenter .viewShare {
    font-size: 12px;
    color: #666;
    margin-top: 15px;
}

.knowlageCenter .k-c-Box p .knowmore, .knowlageCenter .knowmore {
    background: transparent;
    font-size: 16px;
    display: inline-block;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 4px solid #c4d700
}

.knowlageCenter .knowmore {
    color: #004831;
    padding: 10px 0px 4px 0;
    margin-left: 10px;
    margin-right: 10px;
}

.knowlageCenter .k-c-Box {
    padding-bottom: 15px
}

    .knowlageCenter .k-c-Box img {
        margin-top: 10px;
        width: 100%;
    }

    .knowlageCenter .k-c-Box p {
        color: #1f1f1f
    }

        .knowlageCenter .k-c-Box p .knowmore {
            color: #fff;
            padding: 5px 10px;
            background-color: #004831;
        }

.knowlageCenter .block {
    padding: 20px
}

    .knowlageCenter .block .imgBox {
        position: relative
    }

        .knowlageCenter .block .imgBox .name {
            position: absolute;
            left: 0;
            bottom: 0px;
            background-color: #c4d700;
            padding: 5px 10px;
            font-weight: bold;
            color: #004831;
            font-size: 16px;
        }

    .knowlageCenter .block.block2, .knowlageCenter .block.block2 .viewShare {
        color: #fff
    }

    .knowlageCenter .block .thimg {
        width: 100%;
        border-radius: 10px;
    }

.knowlageCenter .b1 {
    background: #f6f0ed;
    border-radius: 15px;
    border-top-right-radius: 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);
    margin-bottom: 30px;
}

    .knowlageCenter .b1 h4 {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .knowlageCenter .b1.white {
        background: #fff;
    }

.knowlageCenter .b2 {
    background: #e67c35
}

.knowlageCenter .b3 {
    background: #f2f2f2
}

.knowlageCenter .b4 {
    background: #7c6a55
}

.knowlageCenter .advice {
    display: table-cell;
    float: none;
    color: #fff;
    vertical-align: middle;
    padding: 0
}

    .knowlageCenter .advice.textBox {
        padding: 25px
    }

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
}

.interestrate .tableBox {
    margin-bottom: 30px;
    text-align: center
}

    .interestrate .tableBox .headBox {
        background: #004831 url(../images/head-bg.png) left center no-repeat;
        color: #fff;
        padding: 24px 0;
        margin-bottom: 0;
        background-size: auto 100%;
    }

    .interestrate .tableBox .textBox {
        background: #f2f2f2;
        padding: 20px
    }

.interestrate .valWrapper {
    margin-bottom: 20px
}

    .interestrate .valWrapper .valBox {
        background: #fff;
        padding: 20px;
        border-right: 2px solid #f2f2f2
    }

        .interestrate .valWrapper .valBox h4 {
            font-size: 18px;
            margin: 0;
            color: #5d5d5d
        }

            .interestrate .valWrapper .valBox h4 span {
                font-size: 1.4em;
                display: block;
                font-weight: bold;
            }

.testimonial .testimonialBox {
    padding: 10px 20px;
    margin-bottom: 20px;
    background: #f2f2f2
}

    .testimonial .testimonialBox.pad20 {
        padding: 10px 20px
    }

    .testimonial .testimonialBox .imgBox {
        float: left;
        padding: 10px;
        margin-right: 20px;
        border-radius: 50%
    }

        .testimonial .testimonialBox .imgBox.tMCircleBox {
            display: table-cell;
            padding: 10px 30px 10px 10px;
            float: none
        }

    .testimonial .testimonialBox .tMTextBox {
        width: auto;
        display: table-cell;
        vertical-align: middle;
        position: relative
    }

.testimonial .viewAll {
    background: #e36e1f;
    font-size: 12px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px;
    position: relative;
    font-weight: 600;
    text-decoration: none
}

.CurrentOpenings .headding, .SaleMangWapper .headding, .formWapper .headding {
    font-weight: 700;
    text-transform: uppercase
}

.testimonial .viewAll:before {
    content: '';
    width: 6px;
    position: absolute;
    right: 12px;
    top: 43%;
    background: url(../images/btn-arrow1.png) left top no-repeat;
    background-size: 100%;
    height: 100%
}

.financials .tableBox {
    margin-bottom: 30px;
    text-align: center
}

    .financials .tableBox .headBox {
        background: #e36e1f;
        color: #fff;
        padding: 5px 0;
        margin-bottom: 0;
        background: #004831 url(../images/head-bg.png) left center no-repeat;
        background-size: auto 100%;
        color: #fff;
        padding: 27px 0;
        margin-bottom: 0;
    }

        .financials .tableBox .headBox h3, .financials .tableBox .headBox h1 {
            padding: 0;
            margin: 0;
            font-size: 32px;
        }

    .financials .tableBox .textBox {
        background: #f2f2f2;
        padding: 20px
    }

    .financials .tableBox p a {
        color: #333
    }

    .financials .tableBox h3 {
        margin-top: 0
    }

.financials p.pdfLink {
    font-size: 14px;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0
}

    .financials p.pdfLink:last-child {
        border: none
    }

    .financials p.pdfLink a.pdf {
        width: 22px;
        height: 30px;
        background: url(../images/pdf-icon.png) center center no-repeat;
        margin-left: 20px;
        margin-top: -10px
    }

    .financials p.pdfLink a.iconPP {
        width: 100%;
        display: inline-block;
        background: url(../images/arrow_small.png) 98% center no-repeat
    }

.financials .box {
    background: #f2f2f2;
    padding: 20px
}

.financials .accorBox {
    border-bottom: 1px solid #e0e0e0
}

    .financials .accorBox h5 {
        font-size: 14px;
        background: url(../images/0003.png) right 0 no-repeat;
        padding: 5px 48px 5px 0
    }

    .financials .accorBox .contBox {
        padding: 10px;
        display: none
    }

    .financials .accorBox.active h5 {
        background: url(../images/0004.png) right 5px no-repeat
    }

    .financials .accorBox.active .contBox {
        display: block
    }

.financials .accorBox2 {
    border-bottom: 0px solid #e0e0e0
}

    .financials .accorBox2 h6 {
        font-size: 14px;
        background: url(../images/0003.png) right 0 no-repeat;
        padding: 5px 48px 5px 0
    }

    .financials .accorBox2 .contBox2 {
        padding:0px;
        display: none
    }

    .financials .accorBox2.active h6 {
        background: url(../images/0004.png) right 5px no-repeat
    }

    .financials .accorBox2.active .contBox2 {
        display: block
    }

.documentation .tabBox {
    padding: 20px 40px;
    display: inline-block;
    cursor: pointer
}

    .documentation .tabBox a {
        text-decoration: none
    }

    .documentation .tabBox .tabText {
        position: relative;
        padding-bottom: 10px;
        color: #333
    }

.documentation h4, .sitemap h4 {
    font-weight: bold
}

    .documentation h4, .sitemap h4 a {
        color: #004831;
        font-weight: bold
    }

.documentation .tabBox .tabText.active {
    border-bottom: 1px solid #004831;
}

    .documentation .tabBox .tabText.active:before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 10px solid #004831;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: none;
        top: 100%;
        left: 0;
        right: 0;
        margin: auto
    }

.documentation .box {
    border: 1px solid #d7d7d7;
    padding: 10px 20px;
    margin-bottom: 20px
}

    .documentation .box p {
        font-size: 16px;
        background: url(../images/001.png) 2px 17px no-repeat;
        padding: 10px 0 10px 20px;
        margin: 0;
        box-sizing: border-box;
        border-bottom: 1px solid #e2e2e2
    }

        .documentation .box p:last-child {
            border-bottom: none
        }

.sitemap h4 {
    border-bottom: 1px solid #b7afa6;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.sitemap ul {
    margin: 0 0 25px;
    padding: 0;
    list-style: none
}

    .sitemap ul > li {
        background: url(../images/sitemap-bullet1.jpg) 1px 10px no-repeat;
        padding-left: 20px
    }

        .sitemap ul > li > a {
            color: #7c6a55;
            padding: 5px 0;
            display: block;
            font-size: 16px
        }

        .sitemap ul > li > ul {
            margin: 0 0 10px;
            padding: 0
        }

            .sitemap ul > li > ul > li {
                background: url(../images/sitemap-bullet2.jpg) 1px 10px no-repeat;
                padding-left: 20px
            }

                .sitemap ul > li > ul > li > a {
                    color: #838383;
                    padding: 3px 0;
                    display: block;
                    font-size: 15px
                }

.faqs .quesBox {
    border-bottom: 1px solid #cecece
}

    .faqs .quesBox .ques {
        background: url(../images/faqs-arrow.png) right center no-repeat;
        font-size: 20px;
        clear: both;
        font-weight: bold;
        color: #1f1f1f;
        width: 100%;
        padding: 10px 30px 10px 0;
        cursor: pointer;
    }

    .faqs .quesBox .answ {
        width: 100%;
        display: none;
        padding: 0 0 10px;
        font-size: 18px;
        color: #676B7C;
    }

        .faqs .quesBox .answ p {
            font-size: 18px;
        }

    .faqs .quesBox.active .ques {
        background: url(../images/faqs-arrow-up.png) right center no-repeat
    }

    .faqs .quesBox.active .answ {
        display: block
    }

    .faqs .quesBox ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .faqs .quesBox ul li {
            background: url(../images/bredcuurmb-arrow.png) 1px 10px no-repeat;
            padding: 5px 0 5px 20px
        }

.SaleMangWapper {
    padding: 20px 0;
    display: inline-block
}

    .SaleMangWapper .headding {
        color: #e36e1f;
        font-size: 24px
    }

    .SaleMangWapper ul {
        margin: 20px 0;
        padding: 0;
        list-style: none;
        float: right
    }

        .SaleMangWapper ul li {
            float: left;
            padding: 0 0 0 30px;
            width: auto
        }

            .SaleMangWapper ul li.icon1 {
                background: url(../images/opicon1.png) left center no-repeat
            }

            .SaleMangWapper ul li.icon2 {
                background: url(../images/opicon2.png) 10px center no-repeat
            }

.formWapper .headding {
    font-size: 16px;
    color: #fff;
    padding-top: 20px
}

.formWapper.contactForm .formBox .form-control.icon {
    padding-left: 30px
}

.formWapper.contactForm .formBox .form-control.icon2 {
    padding-left: 27px;
    display: inline-block
}

    .formWapper.contactForm .formBox .form-control.icon2 option {
        padding-left: 27px
    }

.formWapper.contactForm .formBox .form-control.name {
    background: url(../images/contactUs-name.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.email {
    background: url(../images/contactUs-email.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.mobile {
    background: url(../images/contactUs-mobile.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.city {
    background: url(../images/contactUs-city.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.msg {
    background: url(../images/contactUs-msg.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.DOB {
    background: url(../images/dateofbirth.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control option {
    color: #000
}

.formWapper.contactForm .formBox .form-control.pancard {
    background: url(../images/pancard.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.adharcard {
    background: url(../images/adaharcard.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.linkprofile {
    background: url(../images/linkprofile.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.icon-SE {
    background: url(../images/icon-SE.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.icon-DepName {
    background: url(../images/icon-DepName.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.icon-selectfundation {
    background: url(../images/icon-selectfundation.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.icon-keyskill {
    background: url(../images/icon-keyskill.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.icon-educationqulification {
    background: url(../images/icon-educationqulification.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.icon-institurte {
    background: url(../images/icon-institurte.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.icon-company {
    background: url(../images/icon-company.png) 1px center no-repeat
}

.formWapper.contactForm .formBox .form-control.icon-designation {
    background: url(../images/icon-designation.png) 1px center no-repeat
}

.formWapper.contactForm {
    margin-bottom: 50px;
    background-color: #7c6a55;
    padding: 20px 30px
}

.CurrentOpenings, .CurrentOpenings hr {
    margin-top: 10px;
    margin-bottom: 10px
}

.formWapper.contactForm .formBox {
    padding: 15px;
    background-color: transparent
}

    .formWapper.contactForm .formBox .form-control {
        background: 0 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        border-bottom: 1px solid #fff;
        color: #fff
    }

.CurrentOpenings {
    width: 100%;
    padding: 20px 0;
    display: inline-block;
    background-color: #f7f7f7
}

    .CurrentOpenings .headding {
        color: #e36e1f;
        font-size: 20px
    }

    .CurrentOpenings ul {
        margin: 10px 0 20px;
        padding: 0;
        list-style: none;
        float: left
    }

        .CurrentOpenings ul li {
            float: left;
            padding: 0 0 0 30px;
            width: auto
        }

            .CurrentOpenings ul li.icon1 {
                background: url(../images/opicon1.png) left center no-repeat
            }

            .CurrentOpenings ul li.icon2 {
                background: url(../images/opicon2.png) 10px center no-repeat
            }

.KnowledgeBankWapper {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative
}

    .KnowledgeBankWapper h3.headStyle {
        margin-top: 0;
        font-size: 36px
    }

    .KnowledgeBankWapper .KnowledgeBank {
        background: #7c6a55;
        padding: 21px;
        color: #fff;
        text-align: left;
        box-sizing: border-box
    }

        .KnowledgeBankWapper .KnowledgeBank h2 {
            font-size: 28px;
            text-transform: uppercase;
            font-weight: 600;
            text-align: left;
            margin: 0 0 20px
        }

        .KnowledgeBankWapper .KnowledgeBank p.t1 {
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 600;
            text-align: left
        }

        .KnowledgeBankWapper .KnowledgeBank p.t2 {
            font-size: 14px;
            text-align: left
        }

        .KnowledgeBankWapper .KnowledgeBank p.share-text {
            padding: 20px 0 0;
            text-align: left
        }

        .KnowledgeBankWapper .KnowledgeBank p .shareIcon {
            width: 16px;
            height: 18px;
            margin-left: 20px
        }

        .KnowledgeBankWapper .KnowledgeBank .slick-next {
            right: 10px;
            top: 90%;
            width: 22px;
            height: 22px;
            background: url(../images/tipsslidenext.png) left top no-repeat
        }

        .KnowledgeBankWapper .KnowledgeBank .slick-prev {
            left: inherit;
            right: 40px;
            top: 90%;
            width: 22px;
            height: 22px;
            background: url(../images/tipsslideprev.png) left top no-repeat;
            z-index: 1
        }

    .KnowledgeBankWapper .slick-next {
        right: 53%;
        top: 9%;
        width: 22px;
        height: 22px;
        background: url(../images/tipsslidenext.png) left top no-repeat
    }

    .KnowledgeBankWapper .slick-prev {
        left: 39%;
        top: 9%;
        width: 22px;
        height: 22px;
        background: url(../images/tipsslideprev.png) left top no-repeat;
        z-index: 1
    }

    .KnowledgeBankWapper .slick-slider:before {
        content: "";
        background: 0 0
    }

    .KnowledgeBankWapper .TipsWapper {
        background: #e36e1f;
        padding: 20px
    }

        .KnowledgeBankWapper .TipsWapper .TipsBox h2 {
            font-size: 28px;
            color: #fff;
            margin-top: 0;
            margin-bottom: 20px;
            text-transform: uppercase
        }

        .KnowledgeBankWapper .TipsWapper .TipsBox p.t1 {
            color: #fff;
            margin-bottom: 17px;
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 600;
            text-align: left
        }

        .KnowledgeBankWapper .TipsWapper .TipsBox .videowapper {
            width: 100%;
            position: relative
        }

            .KnowledgeBankWapper .TipsWapper .TipsBox .videowapper img {
                width: 100%
            }

            .KnowledgeBankWapper .TipsWapper .TipsBox .videowapper .BTnplay {
                width: 52px;
                height: 52px;
                position: absolute;
                margin: auto;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0
            }

    .KnowledgeBankWapper .PressReleasesWapper {
        background: #fff;
        min-height: 292px;
        border-right: 0 solid #ccc
    }

        .KnowledgeBankWapper .PressReleasesWapper .slick-next {
            right: 10px;
            top: 30px;
            width: 22px;
            height: 22px;
            background: url(../images/mediaslidenext.png) left top no-repeat
        }

        .KnowledgeBankWapper .PressReleasesWapper .slick-prev {
            left: inherit;
            right: 40px;
            top: 30px;
            width: 22px;
            height: 22px;
            background: url(../images/mediaslideprev.png) left top no-repeat;
            z-index: 1
        }

    .KnowledgeBankWapper .headStyle.mediahe {
        margin-top: 30px;
        margin-bottom: 30px
    }

.EmiTabMenu {
    color: #fff
}

    .EmiTabMenu ul {
        width: 80%;
        margin: 0 auto;
        padding: 0;
        height: 70px;
        color: #fff;
        list-style: none;
        display: table
    }

        .EmiTabMenu ul li {
            width: 33.3%;
            display: table-cell;
            vertical-align: middle;
            cursor: pointer;
            text-align: center;
            font-size: 16px;
            color: #fff;
            font-weight: 700;
            border-right: 1px solid #fff;
            text-transform: uppercase
        }

            .EmiTabMenu ul li.TABHead {
                background: url(../images/plush.png) 85% 50% no-repeat
            }

                .EmiTabMenu ul li.TABHead.sel {
                    background: url(../images/minush.png) 85% 50% no-repeat #004831;
                }

                .EmiTabMenu ul li.TABHead.dis {
                    background: 0 0 !important
                }

            .EmiTabMenu ul li:last-child {
                border-right: 0 solid #fff
            }

            .EmiTabMenu ul li span {
                font-style: normal;
                border: 2px solid #fff;
                margin: 5px;
                font-size: 18px;
                padding: 0 6px 3px;
                font-weight: 700
            }

            .EmiTabMenu ul li a {
                color: #fff
            }

    .EmiTabMenu .TABCont {
        width: 100%;
        display: none;
        background-color: #fff;
        margin: 0 0 20px
    }

        .EmiTabMenu .TABCont.active {
            width: 100%;
            display: block
        }

        .EmiTabMenu .TABCont.dis {
            display: none !important;
            background: 0 0 !important
        }

    .EmiTabMenu table {
        background-color: #fff;
        font-size: 14px !important
    }

        .EmiTabMenu table tr th {
            background: #e46e1e;
            color: #fff;
            font-size: 20px;
            text-transform: uppercase;
            padding: 10px;
            border: 1px solid #fff
        }

    .EmiTabMenu tabletr td {
        padding: 20px;
        font-size: 18px;
        border: 1px solid #fff;
        background: #f7f7f7;
        border-bottom: 2px solid #fff
    }

    .EmiTabMenu ul.bullet2 {
        width: 95%
    }

        .EmiTabMenu ul.bullet2 li {
            width: 100%;
            border: 0;
            display: block;
            color: #000;
            font-size: 14px;
            float: left;
            text-align: left;
            background: url(../images/btn-arrow.png) left 6px no-repeat !important;
            padding-left: 20px;
            margin-top: 10px;
            margin-bottom: 10px;
            list-style: decimal;
            cursor: default
        }

    .EmiTabMenu table tr th {
        width: 33.33%
    }

    .EmiTabMenu table tr td:first-child {
        vertical-align: middle
    }

    .EmiTabMenu table tr td h2 {
        font-size: 18px;
        text-align: left;
        margin: 20px 0;
        font-weight: 700;
        color: #666
    }

    .EmiTabMenu .table-bordered > tbody > tr > td {
        vertical-align: middle;
        text-align: left;
        font-weight: 700;
        color: #000
    }

    .EmiTabMenu .salari-Box {
        width: 100%;
        min-height: 210px;
        border: 1px solid #c4d700;
        margin-bottom: 20px;
        margin-top: 20px;
        background-color: #fff
    }

        .EmiTabMenu .salari-Box .Headding {
            font-size: 20px;
            background-color: #004831;
            padding: 10px;
            text-align: left
        }

        .EmiTabMenu .salari-Box .purposeTitle {
            width: 96%;
            clear: both;
            float: left;
            margin: 20px 2% 2px
        }

        .EmiTabMenu .salari-Box h2 {
            font-size: 20px;
            color: #004831;
            margin: 0;
            font-weight: 700;
            padding: 0 0 10px;
            text-align: left;
            border-bottom: 1px solid #c4d700;
        }

        .EmiTabMenu .TABCont .text-left, .EmiTabMenu .salari-Box .Mandatory {
            font-weight: 700;
            color: #000;
            width: 96%;
            display: inline-block;
            clear: both
        }

        .EmiTabMenu .salari-Box .Mandatory {
            vertical-align: middle;
            text-align: left;
            margin: 10px 2% 20px
        }

    .EmiTabMenu .TABCont .text-left {
        margin: 0 2% 20px;
        padding: 0
    }

.NewslatterWapper {
    display: table;
    height: 70PX;
    margin-top: 10px;
    margin-bottom: 10px
}

    .NewslatterWapper p {
        display: table-cell;
        vertical-align: middle;
        font-size: 16px;
        color: #fff;
        padding-right: 20px;
        font-weight: 900
    }

    .NewslatterWapper .InputBox {
        width: 100%;
        background-color: #fff;
        display: inline-block;
        vertical-align: middle;
        padding: 5px;
        margin-top: 10px
    }

        .NewslatterWapper .InputBox .form-control {
            width: 63%;
            padding: 20px 5px 20px 2px;
            background: 0 0;
            border: none;
            border-radius: 0;
            box-shadow: none;
            border-bottom: 1px solid #fff;
            color: #000;
            float: left
        }

        .NewslatterWapper .InputBox .BtnAll-1 {
            font-size: 14px;
            color: #fff;
            text-transform: uppercase;
            text-align: left;
            padding: 10px 30px 10px 15px;
            position: relative;
            border: 0;
            background: url(../images/btn-arrow2.png) 93% 50% no-repeat #0c8272
        }

.newsWrp {
    background: url(../images/newsBg.jpg) left top;
    padding: 100px 0
}

    .newsWrp .newsBox {
        display: table-cell;
        float: none;
        padding: 0
    }

        .newsWrp .newsBox .headStyle {
            margin: 20px 0
        }

        .newsWrp .newsBox .img-responsive {
            width: 100%
        }

        .newsWrp .newsBox.text {
            padding: 0;
            vertical-align: bottom
        }

            .newsWrp .newsBox.text .textBox {
                padding: 20px;
                background: #fff
            }

                .newsWrp .newsBox.text .textBox .datewrp {
                    width: 100%;
                    clear: both;
                    float: left;
                    margin: 0 0 20px
                }

                    .newsWrp .newsBox.text .textBox .datewrp .date {
                        margin: 0;
                        padding: 15px 16px 0;
                        width: 58px;
                        height: 58px;
                        line-height: 18px;
                        border-radius: 100%;
                        background: #816750;
                        color: #fff;
                        display: inline-block;
                        font-weight: 700;
                        font-size: 24px
                    }

    .newsWrp .readMore, .newsywrp {
        background: #fff;
        padding: 0
    }

    .newsWrp .newsBox.text .textBox .datewrp .date > span {
        display: block;
        font-weight: 500;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase
    }

    .newsWrp .newsBox.text .textBox h3 {
        margin: 0 0 10px;
        padding: 0;
        line-height: 20px;
        font-size: 18px;
        color: #1f1f1f;
        font-weight: 600
    }

        .newsWrp .newsBox.text .textBox h3 > span {
            display: block;
            font-weight: 300;
            font-size: 13px;
            color: #e36e1f
        }

    .newsWrp .newsBox.text .textBox p {
        font-size: 12px;
        color: #7c7c7c
    }

    .newsWrp .newsBox.text .textBox a {
        color: #e36e1f
    }

    .newsWrp .readMore {
        display: inline-block;
        color: #000;
        text-decoration: none
    }

.newsywrp .yearNavWrp {
    width: 100%;
    clear: both;
    float: left;
    margin: 0 0 40px;
    text-align: center
}

    .newsywrp .yearNavWrp ul {
        margin: 0;
        padding: 0;
        display: inline-block;
        width: 260px
    }

        .newsywrp .yearNavWrp ul .slick-prev {
            top: 38%;
            left: 0;
            background: url(../images/arrowLT.png) left top no-repeat;
            width: 10px;
            z-index: 11
        }

        .newsywrp .yearNavWrp ul .slick-next {
            top: 38%;
            right: 0;
            background: url(../images/arrowRT.png) left top no-repeat;
            width: 10px;
            z-index: 11
        }

        .newsywrp .yearNavWrp ul li {
            float: left;
            width: 100%;
            list-style: none
        }

            .newsywrp .yearNavWrp ul li .years {
                display: block;
                font-size: 50px;
                font-weight: bold;
                color: #cfcfcf;
                text-transform: uppercase;
                line-height: 48px;
                text-align: center
            }

                .newsywrp .yearNavWrp ul li .years span {
                    font-size: 50px;
                    color: #000;
                    display: block
                }

.newsywrp .boxGroup {
    width: 100%;
    background: #f6f6f6;
    margin-bottom: 12px;
    position: relative
}

    .newsywrp .boxGroup .datewrp {
        position: absolute;
        left: 20px;
        top: 20px
    }

        .newsywrp .boxGroup .datewrp .date {
            margin: 0;
            padding: 15px 16px 0;
            width: 58px;
            height: 58px;
            line-height: 18px;
            border-radius: 100%;
            background: #816750;
            color: #fff;
            display: inline-block;
            font-weight: 700;
            font-size: 24px;
            text-align: center;
        }

            .newsywrp .boxGroup .datewrp .date > span {
                display: block;
                font-weight: 500;
                color: #fff;
                font-size: 12px;
                text-transform: uppercase
            }

    .newsywrp .boxGroup .textBox {
        padding: 19px 20px 20px 90px;
        box-sizing: border-box;
        display: table-cell;
        vertical-align: top;
        text-align: left
    }

        .newsywrp .boxGroup .textBox:first-child {
            padding: 0
        }

        .newsywrp .boxGroup .textBox h3 {
            margin: 0 0 10px;
            padding: 0;
            line-height: 22px;
            font-size: 18px;
            color: #1f1f1f;
            font-weight: 600
        }

            .newsywrp .boxGroup .textBox h3 > span {
                display: block;
                font-weight: 300;
                font-size: 13px;
                color: #004831;
            }

        .newsywrp .boxGroup .textBox p {
            font-size: 12px;
            color: #7c7c7c
        }

    .newsywrp .boxGroup .readMore {
        padding: 10px 15px;
        background: #004831;
        display: inline-block;
        color: #fff;
        text-decoration: none;
        position: relative;
        font-size: 14px;
        border-radius: 4px;
        overflow: hidden;
    }

        .newsywrp .boxGroup .readMore::after {
            content: "";
            width: 100%;
            height: 4px;
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: #C4D700;
        }


.yearsNewsSlider {
    width: 100%;
    clear: both;
    float: left;
    margin: 0;
    text-align: center
}

    .yearsNewsSlider h2 {
        font-size: 18px !important
    }

.newsDetailsWrp {
    width: auto;
    clear: both;
    background: #fff;
    padding: 50px 0
}

    .newsDetailsWrp .newsDetails a {
        text-decoration: underline;
        color: #398765;
    }

    .newsDetailsWrp .newsDetails {
        width: 100%;
        float: left;
        margin-bottom: 0;
        position: relative
    }

        .newsDetailsWrp .newsDetails .heading {
            width: 100%;
            margin: 0 0 20px;
            padding: 0 0 0px;
            position: relative;
            border-bottom: 1px solid #d7d7d7
        }

            .newsDetailsWrp .newsDetails .heading h1 {
                margin: 0;
                padding: 0;
                line-height: 30px;
                font-size: 32px;
                color: #1f1f1f;
                font-weight: bold
            }

        .newsDetailsWrp .newsDetails h2 {
            margin: 20px 0 20px 0;
            padding: 0;
            line-height: 28px;
            font-size: 28px;
            color: #1f1f1f;
            font-weight: bold;
            position: relative;
            display: inline-block;
            clear: both;
            /* width: 100%; */
        }

            .newsDetailsWrp .newsDetails h2::after {
                content: "";
                width: 5px;
                height: 100%;
                position: absolute;
                left: -20px;
                top: 0;
                bottom: 0;
                margin: auto;
                background-color: #c4d700;
            }

        .newsDetailsWrp .newsDetails h3, .newsDetailsWrp .newsDetails h4 {
            margin: 0 0 15px 0;
            padding: 0;
            line-height: 21px;
            font-size: 20px;
            color: #1f1f1f;
            font-weight: bold;
            position: relative;
            display: inline-block;
            clear: both;
            width: 100%;
        }

            .newsDetailsWrp .newsDetails h3::after {
                content: "";
                width: 5px;
                height: 100%;
                position: absolute;
                left: -20px;
                top: 0;
                bottom: 0;
                margin: auto;
                background-color: #c4d700;
            }

            .newsDetailsWrp .newsDetails h4::after {
                content: "";
                width: 5px;
                height: 100%;
                position: absolute;
                left: -20px;
                top: 0;
                bottom: 0;
                margin: auto;
                background-color: #c4d700;
            }

        .newsDetailsWrp .newsDetails .heading h1 > span {
            display: block;
            font-weight: 600;
            font-size: 18px;
            color: #e36e1f
        }

        .newsDetailsWrp .newsDetails .heading p {
            font-size: 14px;
            color: #7c7c7c;
            margin: 0;
            padding: 0
        }

        .newsDetailsWrp .newsDetails .heading .social {
            clear: both;
            float: left;
            position: absolute;
            right: 0;
            bottom: 20px
        }

.newsTabs, .newsTabs li, .newsTabs li a {
    position: relative
}

.newsDetailsWrp .newsDetails .heading .social a {
    display: inline-block;
    width: 29px;
    height: 29px;
    margin: 0 2px;
    text-decoration: none;
    background: url(../images/icon-sprite-social.png) left top no-repeat
}

    .newsDetailsWrp .newsDetails .heading .social a.fb {
        background-position: 0 0
    }

    .newsDetailsWrp .newsDetails .heading .social a.tw {
        background-position: 0 -54px
    }

    .newsDetailsWrp .newsDetails .heading .social a.gs {
        background-position: 0 -104px
    }

.newsDetailsWrp .newsDetails p {
    font-size: 18px;
    color: #676B7C;
    line-height: 1.4em;
    margin-bottom: 20px;
}

.newsDetailsWrp .newsDetails ul {
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 2px;
}

    .newsDetailsWrp .newsDetails ul li {
        font-size: 18px;
        color: #676B7C;
        line-height: 22px;
        margin-bottom: 8px;
    }

.newsDetailsWrp .newsDetails .readMore {
    padding: 4px 15px;
    background: #e36e1f;
    display: inline-block;
    color: #fff;
    text-decoration: none
}

.newsTabs li a, .newsTabs li.TABHead a {
    transition: all .5s ease;
    height: 100%;
    display: inline-block;
    color: #1f1f1f;
    line-height: 22px;
    font-size: 24px;
    width: 100%;
    text-transform: uppercase;
    outline: 0;
    text-decoration: none
}

.newsTabs {
    margin: 0;
    padding: 0 0 10px 20px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #c4d700;
    z-index: 3
}

    .newsTabs li {
        float: left;
        list-style: none;
        margin-right: 20px;
        padding-right: 20px;
        border-right: 1px solid rgba(102, 102, 102, 1)
    }

        .newsTabs li:last-child {
            margin: 0;
            padding: 0;
            border-right: 0
        }

        .newsTabs li.active a:after {
            content: url(../images/tab-arrow.png);
            position: absolute;
            left: 0;
            right: 0;
            text-align: center;
            bottom: -30px
        }

        .newsTabs li.TABHead a {
            position: relative;
            cursor: pointer
        }

        .newsTabs li.TABHead.active a:after {
            content: url(../images/tab-arrow.png);
            position: absolute;
            left: 0;
            right: 0;
            text-align: center;
            bottom: -30px
        }

.newsywrp .TABCont {
    width: 100%;
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    display: none
}

    .newsywrp .TABCont.active {
        width: 100%;
        opacity: 1;
        position: relative;
        z-index: 2;
        display: block
    }

.listHorz li {
    width: 100%;
    float: left
}

.emi .calculator {
    background: #006ba0;
    padding: 30px;
    z-index: 0;
}

    .emi .calculator .sliderBox {
        margin-bottom: 20px;
        padding-bottom: 10px
    }

        .emi .calculator .sliderBox:last-child {
            padding-bottom: 5px
        }

    .emi .calculator .controlField {
        width: 40%;
        float: right;
        position: relative;
        padding-left: 30px
    }

        .emi .calculator .controlField .icon {
            position: absolute;
            padding: 0 10px;
            left: 0;
            height: 39px;
            font-size: 16px;
            line-height: 34px;
            background: #398765;
            width: max-content;
            text-align: center;
            font-style: normal;
            color: #fff;
        }

    .emi .calculator .form-control {
        border: none;
        font-size: 16px;
        color: #333;
        border-radius: 0
    }

    .emi .calculator .labelField {
        display: table;
        width: 60%;
        float: left
    }

    .emi .calculator .form-label {
        display: table-cell;
        height: 34px;
        line-height: 15px;
        text-transform: uppercase;
        color: #fff;
        vertical-align: middle
    }

    .emi .calculator .btns {
        background: #398765;
        padding: 15px 20px;
        display: inline-block;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        float: none;
        font-size: 16px;
        margin-bottom: 15px;
        cursor: pointer
    }

        .emi .calculator .btns:first-child {
            margin-right: 10px
        }

        .emi .calculator .btns.active {
            background: #c4d700;
            color: #fff;
            position: relative
        }

            .emi .calculator .btns.active:before {
                content: '';
                background: url(../images/emi_down_arrow.png) center center no-repeat;
                width: 16px;
                height: 10px;
                left: 0;
                top: 0;
                bottom: -60px;
                right: 0;
                margin: auto;
                position: absolute
            }

.emi .resultBox {
    padding: 11px;
    border: 1px solid #E2E4E5;
    background: #F6F0ED;
    text-align: center
}

    .emi .resultBox .emiResult {
        padding: 10px 30px;
        display: inline-block;
        background: transparent;
        border: 0px solid #cfcfcf;
        margin: 20px auto
    }

        .emi .resultBox .emiResult .resultHLEC {
            font-size: 32px;
            font-weight: bold;
            color: #398765;
            margin: 0;
        }

        .emi .resultBox .emiResult .resultAmount {
            font-size: 48px;
            color: #398765;
            margin: 0;
            font-weight: bold;
        }

    .emi .resultBox .knowmore {
        background: #0c8272;
        font-size: 16px;
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        padding: 15px 30px 15px 15px;
        position: relative;
        font-weight: 600;
        text-decoration: none
    }

        .emi .resultBox .knowmore:before {
            content: '';
            width: 6px;
            position: absolute;
            right: 12px;
            top: 43%;
            background: url(../images/btn-arrow2.png) left top no-repeat;
            background-size: 100%;
            height: 100%
        }

        .emi .resultBox .knowmore.white {
            background: #fff;
            border: 1px solid #e8e8e8;
            color: #1f1f1f;
            padding: 15px
        }

            .emi .resultBox .knowmore.white:before {
                display: none
            }

.emi .calculator .sliderBox .form-group .loanAmountSlider span, .emi .calculator .sliderBox .form-group .loanAmountSlider span:active {
    outline: 0
}
span.ui-slider-label {
    color: white;
}

#ScheduleEmiPayments .modal-header {
    padding: 2px 15px 0
}

    #ScheduleEmiPayments .modal-header .close {
        opacity: .8;
        margin-top: 5px
    }

        #ScheduleEmiPayments .modal-header .close:focus {
            outline: 0
        }

#ScheduleEmiPayments .modal-dialog {
    width: 70%;
}

#ScheduleEmiPayments .table-responsive table td {
    white-space: pre-wrap
}

.rs {
    display: inline-block
}

    .rs:before {
        content: '`';
        font-family: RupeeForadian
    }

#BLText {
    height: 150px;
    overflow-y: auto
}

    #BLText .border {
        border-bottom: 1px solid #fff;
        padding: 10px 0 !important
    }

.scrollbar {
    float: left;
    height: 300px;
    width: 100%;
    overflow-y: scroll
}

.force-overflow {
    min-height: 450px
}

#wrapper {
    text-align: center;
    margin: auto
}

#style-2::-webkit-scrollbar {
    width: 12px;
    background-color: transparent
}

#BLText::-webkit-scrollbar {
    width: 10px;
    background-color: #7c6a55
}

#BLText::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #e36e1f
}

#BLText::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

.gMapInfoBox {
    display: none
}

.OurProductsWapper {
    margin: 0 0 40px
}

    .OurProductsWapper h2 {
        font-size: 24px;
        text-transform: uppercase;
        color: #000;
        padding: 10px 0;
        margin: 0;
        font-weight: 700
    }

    .OurProductsWapper p {
        font-size: 16px;
        color: #686767
    }

    .OurProductsWapper ul {
        width: 95%;
        float: left;
        margin: 0 0 15px;
        padding: 0;
        display: inline-block
    }

        .OurProductsWapper ul li {
            width: 100%;
            border: 0;
            display: block;
            color: #686767;
            font-size: 15px;
            float: left;
            text-align: left;
            background: url(../images/btn-arrow.png) left 6px no-repeat;
            padding-left: 20px;
            margin-bottom: 5px;
            list-style: decimal;
            cursor: default
        }

    .OurProductsWapper .BtnAll-1, .OurProductsWapper .BtnAll-2 {
        display: inline-block;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
        text-align: left;
        padding: 10px 30px 10px 10px;
        position: relative;
        border: 0;
    }

    .OurProductsWapper .BtnAll-1 {
        background: url(../images/btn-arrow2.png) 93% 50% no-repeat #004831;
        margin-right: 10px;
        /* margin-bottom: 10px; */
    }

    .OurProductsWapper .BtnAll-2 {
        background: url(../images/btn-arrow2.png) 93% 50% no-repeat #004831;
    }

.pmyaSection h4 {
    margin: 20px 0;
    /* font-family:HelveticaLT-Bold; */
}

    .pmyaSection h4::after {
        display: none
    }

.pmyaSection table {
    background: #f6f0ed;
}

.pmyaSection ul {
    margin: 25px 0 25px;
    padding: 0;
    list-style: none
}

    .pmyaSection ul > li {
        background: url(../images/btn-arrow.png) 1px 5px no-repeat;
        padding-left: 20px;
        color: #686767;
        margin-bottom: 10px;
        font-size: 15px
    }

.pmyaSection a {
    color: #398765;
}

.pmyaSection .note {
    padding: 15px;
    background: #fff5e7;
    margin: 15px 0
}

.chargesFees .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #fcf0e8
}

.table th {
    background: #004831 !important;
    color: #fff
}

.chargesFees .table1 {
    background: #fefff0;
}

    .chargesFees .table th, .chargesFees .table1 td {
        width: 50%
    }

    .chargesFees .table1 > tbody > tr > th {
        background: #fff;
        font-size: 18px;
    }

    .chargesFees .table1 .bg {
        background: #ebfff4;
    }

    .chargesFees .table1 > tbody > tr > td {
        font-size: 16px;
        color: #4b4b4b
    }

        .chargesFees .table1 > tbody > tr > td > .table {
            border-color: #fcf0e8;
            background: #fcf0e8
        }

            .chargesFees .table1 > tbody > tr > td > .table > tbody > tr > td {
                font-size: 16px;
                border-color: #fcf0e8;
                border-top: 1px solid #fcf0e8;
                color: #1f1f1f;
            }

.PayOnline .BtnAll-1, .PayOnline .BtnAll-2 {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    padding: 10px 30px 10px 15px;
    border: 0;
    position: relative
}

.PayOnline .BtnAll-1, .PayOnline .BtnAll-2, .searchSec ul li a {
}

.chargesFees .table {
    margin-bottom: 0
}

    .chargesFees .table br {
        display: none
    }

.PayOnline .BtnAll-1 {
    background: url(../images/btn-arrow2.png) 98% 50% no-repeat #004831;
    display: inline-block;
    /* margin-bottom: 20px; */
}

.PayOnline .BtnAll-2 {
    background: url(../images/btn-arrow2.png) 93% 50% no-repeat #004831;
}

.h1Heading, .h1Heading > h1, .table-responsive p, .tandc {
    text-align: center
}

.PayOnline .or {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px
}

.BTNPopWapper {
    margin: 15PX auto 0
}

.g-recaptcha {
    width: auto;
    margin: 0 auto
}

.searchSec .searchBox {
    border-bottom: 2px solid #7c6a55;
    padding: 5px 0;
    display: table;
    width: 100%;
    margin-bottom: 20px
}

    .searchSec .searchBox .searchBtn {
        float: right
    }

    .searchSec .searchBox .searchControl {
        width: calc(100% - 35px);
        float: left
    }

        .searchSec .searchBox .searchControl input[type=text] {
            width: 100%;
            height: 35px;
            font-size: 24px;
            color: #7c6a55;
            border: none;
            outline: 0;
            text-transform: lowercase !important
        }

.searchSec ul {
    list-style: none;
    margin: 10px 0;
    padding: 0
}

    .searchSec ul li {
        background: url(../images/search-bullet.png) 2px 2px no-repeat;
        padding-left: 20px;
        font-size: 16px;
        border-bottom: 1px solid #cecece;
        margin-bottom: 25px;
        padding-bottom: 15px
    }

        .searchSec ul li a {
            color: #1f1f1f
        }

        .searchSec ul li p {
            padding: 7px 0;
            font-size: 14px
        }

.emiLP .box {
    background: #fbfbfb;
    padding: 10px 20px 20px;
    border: 1px solid #e8e8e8;
    margin: 20px 0;
    border-left: 0
}

    .emiLP .box .img {
        width: 100%;
        margin-bottom: 15px
    }

    .emiLP .box.orange {
        background: #3d8968;
        color: #fff;
        border-left: 1px solid #e8e8e8;
        border-right: none
    }

.thankYou .headText {
    border-bottom: 2px solid #7c6a55;
    margin-bottom: 20px;
    padding-bottom: 15px
}

.select-group .selectWrap {
    position: relative;
    height: 40px;
    border-bottom: 1px solid #949494
}

    .select-group .selectWrap .selectSpan {
        height: 40px;
        width: 100%;
        line-height: 40px;
        font-size: 17px;
        font-weight: 400;
        padding: 0 25px 0 10px;
        box-sizing: border-box;
        color: rgba(51, 51, 51, .5)
    }

        .select-group .selectWrap .selectSpan.active {
            color: #404040;
            font-weight: 700
        }

    .select-group .selectWrap select {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        opacity: 0
    }

.select-group.blackA .selectWrap {
    background: url(../images/select-black-arrow.png) right center no-repeat;
    overflow: hidden
}

.select-group.whiteA .selectWrap {
    background: url(../images/select-white-arrow.png) right center no-repeat;
    overflow: hidden
}

    .select-group.whiteA .selectWrap .selectSpan {
        color: #fff
    }

.documentCont {
    display: none
}

    .documentCont.active {
        display: block
    }

.CovrageWapper {
    padding: 0;
    display: block !important
}

    .CovrageWapper .Covrage .slick-slide img {
        text-align: center;
        width: 100%
    }

    .CovrageWapper .Covrage .slick-next {
        right: 5px;
        top: inherit !important;
        bottom: 2%;
        width: 10px;
        height: 15px;
        background: url(../images/awardsslidernext.png) left top no-repeat
    }

    .CovrageWapper .Covrage .slick-prev {
        left: 5px;
        top: inherit !important;
        bottom: 2%;
        width: 10px;
        height: 15px;
        background: url(../images/awardsslider-prev.png) left top no-repeat;
        z-index: 1
    }

.loder, .loderbg {
    position: fixed;
    left: 0;
    top: 0
}

.table-responsive {
    margin-bottom: 20px;
    color: #000
}

.tandc {
    font-size: 12px !important;
    color: #7c7c7c;
    font-style: italic
}

.errormsg {
    color: red;
    font-size: 12px
}

.errormsghome {
    color: #000;
    font-size: 12px;
    display: inline-block;
    font-weight: 700
}

.loderbg {
    width: 100%;
    height: 100%;
    background: url(../images/loderbg.png) center center;
    z-index: 10000;
    display: none
}

.loder {
    width: 50px;
    height: 50px;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 10001
}

.breadcrumbWrp {
    background: 0 0;
    width: auto;
    clear: both
}

    .breadcrumbWrp .breadcrumb {
        padding: 15px 0 10px;
        list-style: none;
        background: 0 0;
        margin: 0
    }

        .breadcrumbWrp .breadcrumb li {
            font-size: 16px
        }

            .breadcrumbWrp .breadcrumb li + li:before {
                padding: 2px 4px 2px 2px;
                color: #000;
                content: " ";
                font-size: 14px;
                background: url(../images/bredcuurmb-arrow.png) left top no-repeat;
                width: 12px;
                display: inline-block;
                height: 14px;
                position: relative;
                top: 2px;
            }

            .breadcrumbWrp .breadcrumb li a {
                text-transform: capitalize;
                color: #004831;
                font-weight: bold;
                text-decoration: none
            }

.h1Heading > h1, .h1Heading > h2 {
    margin-top: 0;
    text-transform: uppercase;
    line-height: 1.2em;
}

.breadcrumbWrp .breadcrumb li a:hover {
    color: #c4d700;
}

.articalImg {
    padding: 0 20px 20px 0 !important
}

    .articalImg img {
        width: 100%
    }

.rc-anchor-normal {
    width: 240px
}

.h1Heading {
    clear: both;
    display: block;
    padding: 0 0 6px 0;
    margin-bottom: 20px;
    position: relative
}

    .h1Heading > h1 {
        font-size: 36px;
        font-weight: bold;
        color: #004831;
        margin-bottom: 0;
        text-transform: capitalize;
    }

    .h1Heading::after {
        content: "";
        width: 50px;
        height: 5px;
        border-radius: 5px;
        background-color: #c4d700;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

    .h1Heading > h2 {
        font-size: 26px;
        color: #333;
        display: block;
    }

    .h1Heading > h1 > span {
        width: 100%;
        font-weight: normal;
        color: #333;
        margin-bottom: 0;
        display: inline-block;
        font-size: 24px;
        line-height: 1.2em;
    }

.BranchDetails-main {
    position: relative;
    background: #1C4831;
    border-top: 5px solid #C4D600;
    padding-bottom: 10px;
    padding-top: 30px;
    overflow: hidden;
    margin-top: 20px;
}

    .BranchDetails-main:before {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        background: url(/images/new-home-page/left-curve.png) no-repeat center bottom;
        width: 87px;
        height: 150px;
    }

    .BranchDetails-main:after {
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        background: url(/images/new-home-page/right-curve.png) no-repeat center top;
        width: 62px;
        height: 166px;
    }

.BranchDetails ul {
    position: relative;
    /* z-index: 2;
        padding: 7% 0 0;
        margin: 0 3%;*/
    display: flex;
    padding-left: 0;
}

    .BranchDetails ul li {
        width: 17%;
        float: left;
        padding: 15px 7px 10px 7px;
        list-style: none;
        border: 2px solid #C3D600;
        border-radius: 10px;
        margin: 0 17px;
        background: none;
    }

        /*.BranchDetails ul li:first-child {
                width: 14%;
                float: left;
                padding-right: 1%;
                list-style: none;
            }

            .BranchDetails ul li:last-child {
                width: 22%;
                float: left;
                padding-right: 1%;
                list-style: none;
                padding-right: 0;
            }

            .BranchDetails ul li:nth-last-child(2) {
                width: 24%;
                float: left;
                padding-right: 1%;
                list-style: none;
            }*/

        .BranchDetails ul li .icon {
            width: 45px;
            height: 75px;
            margin-right: 0px;
            display: inline-block;
            vertical-align: top;
        }

            .BranchDetails ul li .icon img {
                width: 100%;
                height: auto;
            }

        .BranchDetails ul li .Text {
            width: calc(100% - 50px);
            /* float: left; */
            padding-left: 5%;
            display: inline-block;
        }

            .BranchDetails ul li .Text h2 {
                font-size: 24px;
                font-weight: 500;
                color: #fff;
                margin-top: 0;
                padding-top: 0;
            }
                .BranchDetails ul li .Text h2:before{display:none;}

                .BranchDetails ul li .Text p {
                    font-size: 12px;
                    font-weight: 400;
                    color: #fff;
                    line-height: 1.2em;
                    text-transform: uppercase;
                }

.tableCell table {
    background: #fefff0;
}



@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .SumoSelect > .CaptionCont > span, .branch-locator .filterBox .SumoSelect > .CaptionCont > span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        display: block
    }

    .header .subMenu ul > li {
        padding: 7px
    }

    .SumoSelect.open .search-txt {
        width: 102%;
        display: inline-block;
        height: 20px;
        line-height: 28px;
        font-size: 16px;
        color: #7c6a55;
        box-sizing: border-box;
        float: left;
        text-transform: uppercase;
        outline: 0;
        border: 0;
        padding: 0 12px
    }

    .SumoSelect > .CaptionCont > span {
        height: 40px;
        color: #000;
        line-height: 48px;
        padding: 0 12px
    }

    .SumoSelect.open > .optWrapper {
        top: 34px;
        display: block
    }

    .branch-locator .filterBox .SumoSelect > .CaptionCont > span {
        border-bottom: 1px solid #d3d3d3;
        font-size: 16px;
        line-height: 20px;
        height: 23px;
        margin: 0;
        color: #fff;
        background: url(../images/dropdownarrow.png) 96% 50% no-repeat;
        padding: 0 0 0 6px
    }

    .branch-locator .filterBox .SumoSelect.open .search-txt {
        background: 0 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        margin: -22px 0 0
    }
}

@media screen and (max-width: 1280px) {
    .BannerSection .bannerText .textBox {
        margin-left: 12%
    }
}

@media screen and (max-width: 1480px) {


    .BannerSection.home-loan-lp {
        background: url(../images/banner/home-landing-banner.jpg) calc(100% + 250px) center no-repeat;
        background-size: auto 100%;
    }

    .BannerSection.News {
        background: url(../images/banner/news.jpg) calc(100% + 586px) center no-repeat;
        background-size: auto 100%;
    }
}

@media screen and (max-width: 1200px) {
    .AboutUsContain, .HappyOwnerContaineBox {
        width: 85%
    }

    .EventsWapper .extra-mar {
        margin-top: 4.2%
    }

    .CovrageWapper {
        margin-top: 20px;
        padding: 0 15px
    }

        .CovrageWapper .Covrage .slick-next, .CovrageWapper .Covrage .slick-prev {
            top: inherit !important;
            bottom: 0
        }

    .management .contantBox:before {
        left: 15%
    }
}

@media screen and (max-width: 1024px) {
    .BannerSection .bannerText .textBox {
        margin-left: 0%
    }

    .PressReleasesWapper .slick-prev {
        /*   left: inherit;
        right: 40px*/
    }

    .AwardsWapper .Awards .slick-next, .AwardsWapper .Awards .slick-prev {
        top: inherit !important;
        bottom: 0
    }

    .HappyOwnersslider {
        width: 60%
    }
}

@media screen and (max-width: 1000px) {
    .AboutUsContain, .HappyOwnerContaineBox {
        width: 100%
    }

        .AboutUsContain .SubjectLine {
            font-size: 21px
        }

    .EventsWapper .EmployeeSpeak, .EventsWapper .employeeOfTheMonth {
        width: 292px;
        height: 259px;
        margin: 0 auto;
        float: none
    }
}

@media screen and (max-width: 990px) {
    .vission-mission .V-M-Box img {
        width: 70px
    }

    .awards .boxGroup .textBox {
        display: block;
        text-align: center;
        margin: 0 auto
    }

    .BranchDetails ul li .Text {
        width: 100%;
        padding-left: 0;
        display: inline-block;
    }

    .BranchDetails ul li .icon {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

        .BranchDetails ul li .icon img {
            width: auto;
            height: auto;
        }

    .BranchDetails ul li .Text h2 {
        font-size: 20px;
    }

        .BranchDetails ul li .Text h2:before {
            display: none
        }

    .BranchDetails-main:before {
        width: 50px;
    }

    .BranchDetails-main:after {
        width: 34px;
    }
}

@media screen and (max-width: 980px) {
    .AboutUsContain, .HappyOwnerContaineBox {
        width: 100%
    }

    .PressReleasesWapper .readMore {
        margin-bottom: 20px
    }

    .vission-mission .V-M-Box p, .vission-mission .V-M-Box ul {
        font-size: 15px;
        width: 100%
    }

    .rating .R-Box p, .rating .R-Box ul {
        font-size: 15px;
        width: 100%
    }

    .HeddingBox h2 {
        font-size: 38px
    }
}

@media screen and (max-width: 768px) {
    .articalImg img {
        display: inline-block
    }

    .ContProfile h2 {
        font-size: 16px;
        line-height: 18px
    }

    .AwardsWapper .extra-mar {
        margin-top: 20px
    }

    .slick-prev {
        left: -8px
    }

    .slick-next {
        right: -8px
    }

    .AwardsWapper {
        margin-top: 0;
        padding: 20px 0
    }

    .TipsWapper .slick-next {
        right: 3%;
        top: 15%
    }

    .TipsWapper .slick-prev {
        left: 82%;
        top: 15%
    }

    .HappyOwnersWapper .HeddingBox h2 {
        font-size: 39px
    }

    .AwardsWapper .slick-slider:before {
        content: "";
        background: 0 0
    }

    .TipsWapper .HeddingBox {
        width: 100%;
        margin: 20px 0 10px;
        text-align: center;
        position: relative;
        right: inherit;
        top: inherit;
        z-index: 1
    }

    .popupBox {
        width: 95%;
        min-height: 505px;
        position: absolute;
        padding-bottom: 20px
    }

    .SideMenuWapper ul {
        display: none
    }

    .MobileLinkBTN {
        display: inline
    }

    .contactForm .addressBox .col1, .contactForm .addressBox .col1.box2 {
        display: block;
        width: 100%
    }

        .contactForm .addressBox .col1.office {
            padding-top: 200px
        }

    .contactForm .formBox, .contactForm .mapBox {
        min-height: 350px
    }

    .contactForm .select-group.whiteA .selectWrap.selectWrap {
        border-bottom: 1px solid #fff
    }

    .AboutUsContain {
        width: 100%;
        min-height: 280px
    }

    .PressReleasesWapper {
        margin-bottom: 15px;
        border-right: none
    }

    .vission-mission .V-M-Box, .vission-mission .values {
        display: inherit;
        float: left;
        padding: 20px 15px 15px
    }

    .BannerSection h2, .BannerSection h1, .BannerSection .h2 {
        font-size: 20px
    }

    h2.headStyle, h3.headStyle {
        font-size: 30px
    }

    .awards .awardsBox {
        float: left;
        display: block
    }

    .documentation .box p:last-child {
        border-bottom: 1px solid #e2e2e2
    }

    .documentation .tabBox {
        padding: 20px 10px
    }

        .documentation .tabBox .tabText {
            font-size: 16px
        }

    .testimonial .testimonialBox {
        text-align: center
    }

        .testimonial .testimonialBox .imgBox {
            display: block;
            float: none
        }

    .knowlageCenter .advice, .newsWrp .newsBox {
        float: left;
        display: block
    }

    .interestrate .valWrapper .valBox {
        border-bottom: 2px solid #f2f2f2
    }

    .emi .calculator, .emi .resultBox {
        padding: 15px
    }

    .HeddingBox h2 {
        font-size: 38px
    }

    .EmiTabMenu ul {
        width: 100%
    }

        .EmiTabMenu ul li.TABHead {
            background: url(../images/plush.png) 94% 50% no-repeat
        }

            .EmiTabMenu ul li.TABHead.sel {
                background: url(../images/minush.png) 94% 50% no-repeat #e46e1e
            }

    .EventsWapper .Events .slick-next, .EventsWapper .Events .slick-prev {
        bottom: 1%
    }

    .CarrerCONT {
        margin: 0 0 20px
    }
}

@media screen and (max-width: 767px) {

    .BranchDetails {
        width: 100%;
        min-height: 480px;
        margin-top: 0%;
    }

        .BranchDetails ul {
            position: relative;
            z-index: 2;
            padding: 0% 0 0;
            margin: 0 15%;
            display: block;
        }

            .BranchDetails ul li {
                width: 100%;
                margin-bottom: 20px;
            }

    .BranchDetails-main:after {
        width: 32px;
    }

    .BranchDetails-main:before {
        width: 61px;
    }

    .BranchDetails ul li:first-child {
        width: 100%;
    }

    .BranchDetails ul li:last-child {
        width: 100%;
    }

    .BranchDetails ul li:nth-last-child(2) {
        width: 100%;
    }

    .ScrollerVr, .offerSlideWrp {
        display: none
    }

    .management .contantBox:before {
        left: 23%
    }

    .offerSMobile, .offerSMobileWrp {
        float: left;
        clear: both;
        overflow: hidden
    }

    .articalImg {
        padding: 0 0 20px !important;
        text-align: center
    }

    #ScheduleEmiPayments .modal-dialog {
        width: auto
    }

    #ScheduleEmiPayments .table-responsive table td {
        white-space: pre-wrap
    }

    .offerSWrp {
        margin-top: 20px;
        width: 100%;
        min-height: 309px
    }

    .ScrollerVr {
        opacity: 0
    }

    .ScrollerHr {
        opacity: 1
    }

    .offerSMobileWrp {
        width: 100%;
        height: 309px;
        margin-top: 0;
        position: relative;
        display: block
    }

    .offerSMobile, .offerSMobile.next {
        position: absolute
    }

    .offerSMobile {
        width: 100%;
        height: 100%;
        top: -110%;
        z-index: 1;
        opacity: 1;
        transition: top 2s ease-out
    }

        .offerSMobile.first, .offerSMobile.next {
            z-index: 0;
            top: 100%;
            opacity: 0
        }

        .offerSMobile.active {
            position: absolute;
            top: 0;
            z-index: 2;
            opacity: 1
        }

    .OurProductsWapper .pull-right {
        float: left !important
    }

    .HappyOwnersslider {
        width: 100%
    }

    .select-wapper .select-Box {
        margin: 5px 0 10px
    }

    .formWapper.contactForm .formBox {
        padding: 0 15px;
        background-color: transparent
    }

    .testimonial .testimonialBox .imgBox.tMCircleBox {
        float: left;
        width: 100%;
        padding: 10px
    }

    .HeddingBox {
        margin: 0 auto
    }

    .vission-mission .values .services {
        padding: 20px 0
    }

    .tableCell {
        padding: 0 15px
    }

        .tableCell .table-responsive {
            padding: 0
        }

    .h1Heading > h1 {
        font-size: 30px
    }

    .h1Heading > h2 {
        font-size: 18px
    }
}

@media screen and (max-width: 679px) {
    .BTNPopWapper {
        width: 215px;
        float: left;
        text-align: left
    }

    .BTN3, .BTN4 {
        margin: 0 0 10px;
        display: inline-block
    }

    .newsTabs li a {
        font-size: 18px;
        line-height: 16px
    }

    .EventsWapper .Events .slick-next, .EventsWapper .Events .slick-prev {
        bottom: 4%
    }

    .newsTabs li.TABHead a {
        font-size: 14px
    }
}

@media screen and (max-width: 580px) {
    .newsTabs li a {
        font-size: 15px;
        line-height: 13px
    }
}

@media screen and (max-width: 500px) {
    .NewslatterWapper .InputBox, .NewslatterWapper p {
        float: left;
        width: 100%
    }

    .awards .boxGroup {
        padding: 15px
    }

    .NewslatterWapper p {
        display: inline-block
    }

    .management .imageBox {
        width: 100%;
    }

    .management .imageBox {
        width: 100%;
    }

    .emi .calculator .controlField, .emi .calculator .labelField {
        width: 100%
    }

    .formWapper.contactForm {
        padding: 10px
    }
}

@media screen and (max-width: 480px) {
    .MapWapper .container {
        position: relative
    }

    .management .contantBox:before {
        left: 0;
        right: 0
    }

    .management .imageBox {
        width: 100%;
    }

    .HeddingBox {
        width: 100%;
        margin: 0 auto
    }

    .MapWapper .ContactUsFindCenter {
        width: 100%;
        min-height: 200px;
        position: relative;
        left: 0;
        top: 0;
        z-index: 1;
        background: #7c6a55;
        padding: 30px 20px
    }

    .AboutWapper .HeddingBox h2 {
        font-size: 35px
    }

    .HeddingBox h2 {
        font-size: 34px
    }

    .ProfileImg {
        width: 100%;
        height: auto
    }

        .ProfileImg img {
            width: 100%
        }

    .TipsWapper .slick-prev {
        left: 80%;
        top: 15%
    }

    .TipsWapper .CreditscoreWapper .slick-prev {
        left: 80%
    }

    .TipsWapper .Tipstext {
        background-color: #e36e1f;
        font-size: 16px
    }

    .AwardsWapper .HeddingBox .subtext, .CarrerWapper .HeddingBox .subtext {
        font-size: 20px
    }

    .CarrerWapper .extra-mar {
        margin-top: 20px
    }

    .CarrerWapper .HeddingBox h2 {
        font-size: 40px
    }

    .AboutUsContain .SubjectLine {
        font-size: 17px
    }

    .SideMenuWapper {
        top: 15%
    }

    .getacallBox {
        width: 248px
    }

        .BannerSection h2, .BannerSection h1, .getacallBox p, .BannerSection .h2 {
            font-size: 16px
        }

    .EmiTabMenu ul {
        width: 100%
    }

        .EmiTabMenu ul li {
            font-size: 10px;
            background-position: 50% 93% !important
        }

    .newsDetailsWrp .newsDetails .heading .social {
        width: 100%;
        position: relative;
        bottom: 0;
        margin: 10px 0 0
    }

    .newsTabs {
        padding-left: 10px;
        padding-bottom: 9px
    }

        .newsTabs li {
            margin-right: 10px;
            padding-right: 10px
        }

            .newsTabs li a {
                font-size: 13px;
                line-height: 10px
            }

    .AboutUsContain .imgcircle {
        position: absolute;
        right: 25%
    }

    .PressReleasesWapper {
        min-height: 189px
    }

        .PressReleasesWapper .DateWapper {
            margin: 34px 0 13px
        }

    .CarrerCONT {
        position: relative;
        margin: 0 0 10px
    }

    .chargesFees .table {
        width: 300px
    }

        .chargesFees .table br {
            display: block
        }

    .financials .accorBox h5 {
        font-size: 16px;
        background: url(../images/0003.png) right 0 no-repeat;
        padding: 5px 48px 5px 0
    }

    .HappyOwnersWapper .HeddingBox h2, .MapWapper .ContactUsFindCenter .HeddingBox h2, .TipsWapper .HeddingBox h2, h1.headStyle, h2.headStyle, h3.headStyle {
        font-size: 30px
    }
}

@media screen and (max-width: 479px) {
    .BannerSection .bannerText .textBox {
        display: none
    }
}

@media screen and (max-width: 380px) {
    .header .logo {
        padding: 6px 7px
    }

    .financials p.pdfLink {
        font-size: 12px
    }

    .financials .accorBox h5 {
        font-size: 14px
    }

    .popupBox h2 {
        font-size: 21px
    }

    .CurrentOpeningsWpper .OpeningBox ul li {
        float: left;
        padding: 0 0 0 30px;
        width: 45%
    }

    .ContProfile h2 {
        margin: 0
    }

    .AwardsWapper .Awards .slick-next, .AwardsWapper .Awards .slick-prev, .CovrageWapper .Covrage .slick-next, .CovrageWapper .Covrage .slick-prev {
        top: inherit !important;
        bottom: 6%
    }

    .SumoSelect {
        width: 193px
    }

    .PressReleasesWapper {
        min-height: 200px !important
    }

    .EventsWapper .Events .slick-next, .EventsWapper .Events .slick-prev {
        bottom: 5%
    }

    .contactForm .formBox {
        padding: 20px 15px
    }

    .TipsWapper .HeddingBox h2, h1.headStyle, h2.headStyle, h3.headStyle {
        font-size: 26px
    }

    .TipsWapper .HeddingBox .subtext {
        font-size: 20px
    }

    .HappyOwnersWapper .HeddingBox h2, .MapWapper .ContactUsFindCenter .HeddingBox h2 {
        font-size: 26px
    }
}

@media screen and (max-width: 360px) {
    .newsTabs {
        padding-left: 5px
    }

        .newsTabs li {
            margin-right: 6px;
            padding-right: 6px
        }

    .AboutUsContain .SubjectLine:before {
        font-size: 58px;
        position: absolute;
        right: 10px;
        bottom: -10px
    }

    .ContProfile {
        float: left;
        min-height: 260px
    }

        .ContProfile p {
            font-size: 12px
        }

    .EventsWapper .Events .slick-next, .EventsWapper .Events .slick-prev {
        bottom: 10%
    }

    .EmiTabMenu ul li.TABHead {
        padding-bottom: 10px
    }
}

@supports (-ms-accelerator:true) {
    .BannerSection .bannerText .textBox {
        min-height: 344px
    }
}

.hthanku {
    width: 100%;
    clear: both;
    display: inline-block;
    text-align: center;
    margin: 9% 0 0;
    display: none
}

    .hthanku .h1Heading {
        clear: both;
        display: block;
        padding: 0 0 4px
    }

        .hthanku .h1Heading > h1 {
            font-size: 45px;
            font-weight: bold;
            color: #fff !important
        }

        .hthanku .h1Heading > h3 {
            font-size: 26px;
            color: #fff;
            display: block;
            line-height: 1em;
            margin-top: 0;
            text-transform: uppercase;
            line-height: .8em
        }

    .hthanku p {
        text-align: center;
        color: #fff
    }

    .hthanku .ticon {
        width: 104px;
        height: 104px;
        margin: 20px auto 10px
    }

.hthanku2 {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    padding: 20% 0 0;
    background: rgba(227, 110, 31, 1);
    display: none
}

    .hthanku2 .h1Heading {
        clear: both;
        display: block;
        padding: 0 0 4px
    }

        .hthanku2 .h1Heading > h1 {
            font-size: 45px;
            font-weight: bold;
            color: #fff !important
        }

        .hthanku2 .h1Heading > h3 {
            font-size: 26px;
            color: #fff;
            display: block;
            line-height: 1em;
            margin-top: 0;
            text-transform: uppercase;
            line-height: .8em
        }

    .hthanku2 p {
        text-align: center;
        color: #fff;
        padding: 10px 20px 20px
    }

    .hthanku2 .ticon {
        width: 104px;
        height: 104px;
        margin: 20px auto 10px
    }

.loaderImg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(227, 110, 31, .6) url(../images/loader4.gif) no-repeat center center;
    display: none
}

.loaderImg2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6) url(../images/loader3.gif) no-repeat center center;
    display: none
}

.btnClose {
    display: none;
    width: 42px;
    height: 42px;
    z-index: 12;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../images/popupCloseBTN.png) center center no-repeat;
    color: #a81d22;
    text-align: center;
    line-height: 30px;
    font-family: robotomedium;
    cursor: pointer
}

.prelative {
    position: relative
}

.formBox {
    opacity: 1
}

.branch-locator .filterBox .SumoSelect.open .search-txt::placeholder {
    color: #fff !important;
    text-transform: capitalize
}

.BannerSection.IntimationStockExchange {
    background: url(../images/banner/Intimation-Stock-Exchange.jpg) no-repeat center center;
    background-size: auto 100%
}

.date {
    padding: 10px 0 !important;
}

@media screen and (max-width: 980px) {
    .hthanku {
        margin: 18% 0 0;
        display: none;
        transition: all .5s ease
    }
}

@media screen and (max-width: 767px) {
    .hthanku2 {
        padding: 9% 0 0
    }

        .hthanku2.applytk {
            padding: 20% 0 0
        }

    .anthanku .formBox {
        height: 190px !important;
        opacity: 0;
        min-height: 190px !important
    }
}

@media screen and (max-width: 680px) {
    .hthanku {
        margin: 25% 0 0;
        display: none;
        transition: all .5s ease
    }
}

@media screen and (max-width: 680px) {
    .hthanku {
        margin: 25% 0 0;
        display: none;
        transition: all .5s ease
    }
}

@media screen and (max-width: 480px) {
    .hthanku2 {
        padding: 15% 0 0
    }
}

.BannerSection .bannerText {
    display: flex;
    align-items: center;
    justify-content: center;
}



    .BannerSection .bannerText:before {
        width: 98px;
        height: 262px;
        content: "";
        position: absolute;
        right: -1px;
        top: 0;
        background-image: url(../images/new-home-page/new-right-img.png);
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1
    }



    .BannerSection .bannerText .textBox {
        min-height: 100px;
        transition: all .5s ease;
        /* display: inline-block; */
        /* margin-top: 23%; */
        width: 100%;
    }

@media screen and (max-width: 1200px) {

    .BannerSection .bannerText:before {
        width: 79px;
        height: 210px;
    }

    .BannerSection .bannerText .textBox {
        width: 86%
    }
}

@media screen and (max-width: 1100px) {


    .BannerSection .bannerText:before {
        width: 79px;
        height: 210px;
    }

    .BannerSection .bannerText .textBox {
        width: 86%
    }

    .BannerSection:after {
        background-size: 83px auto;
    }


    .BannerSection .bannerText {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 980px) {
    .BannerSection .bannerText .textBox {
        /* margin-top: 15%; */
    }
}

@media (max-width: 992px) {
    .container {
        width: 100% !important;
        /* height: 100%; */
    }

    .BannerSection h2, .BannerSection .h2 {
        font-size: 24px
    }

    .BannerSection .bannerText {
        width: 60%
    }

    .BannerSection:after {
        width: 60%
    }

    .BannerSection .bannerText .textBox {
        width: 69%
    }
}

@media screen and (max-width: 767px) {
    .BannerSection .bannerText .textBox {
        /* margin-top: 20%; */
    }

    .BannerSection .bannerText {
        width: 100%;
    }

    .BannerSection:after {
        width: 100%;
    }
}

@media screen and (max-width: 680px) {
    .BannerSection .bannerText .textBox {
        margin-top: 0% !important;
    }

    .BannerSection .bannerText a {
        margin-bottom: 0 !important;
        padding: 5px;
        font-size: 12px;
    }

    .BannerSection .bannerText:before {
        width: 47px;
        height: 125px;
    }

    .BannerSection:after {
        background-size: 59px auto;
    }
}

@media screen and (max-width: 480px) {
    .BannerSection .bannerText .textBox {
        display: block;
    }

    .BannerSection p {
        font-size: 10px !important;
    }

    .BannerSection .h2 {
        font-size: 15px !important;
    }

        .BannerSection h2:after, .BannerSection h1:after, .BannerSection .h2:after {
            top: -60%;
        }
}

.contactUS .tollFreeBox {
    background: #f5f5f5;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px
}

    .contactUS .tollFreeBox h3.tollFree {
        font-size: 25px;
        margin: 0
    }

    .contactUS .tollFreeBox .number {
        font-size: 36px;
        color: #ed7023
    }

    .contactUS .tollFreeBox .subText {
        font-size: 14px;
        display: block
    }

    .contactUS .tollFreeBox br {
        display: none
    }

.contactUS .sectionBox {
    position: relative
}

    .contactUS .sectionBox .iconsBox {
        width: 200px;
        float: left;
        padding: 10px;
        box-sizing: border-box;
        height: 100%;
        position: absolute;
        text-align: center
    }

        .contactUS .sectionBox .iconsBox:before {
            content: '';
            position: absolute;
            width: 4px;
            height: 100%;
            background: #f2f0ee;
            left: 0;
            right: 0;
            margin: auto;
            top: 0;
            z-index: 0
        }

    .contactUS .sectionBox:last-child .iconsBox:before {
        content: '';
        height: 50%
    }

    .contactUS .sectionBox .iconsBox img {
        display: inline-block;
        position: relative;
        z-index: 1
    }

    .contactUS .sectionBox .iconsBox .text {
        display: block;
        background: #fff;
        font-family: Georgia;
        font-size: 20px;
        padding: 10px 0;
        position: relative;
        z-index: 1
    }

    .contactUS .sectionBox .contactBox {
        width: calc(100% - 200px);
        float: left;
        padding: 10px 0 20px 0;
        margin-bottom: 30px;
        border-bottom: 1px solid #e1e1e1;
        margin-left: 200px
    }

    .contactUS .sectionBox h3 {
        font-size: 18px;
        padding: 7px 0;
        position: relative;
        font-weight: 700
    }

        .contactUS .sectionBox h3 .icon {
            position: relative;
            top: 0;
            left: 0;
            height: 40px;
            width: 45px;
            margin-right: 45px
        }

            .contactUS .sectionBox h3 .icon img {
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

    .contactUS .sectionBox .oText {
        color: #ed7023;
        display: block;
        font-size: 16px;
        margin-bottom: 10px
    }

    .contactUS .sectionBox .link {
        color: #27a68f;
        font-size: 16px;
        text-decoration: underline
    }

@media screen and (max-width: 480px) {
    .contactUS .sectionBox h3 {
        margin-top: 0
    }

    .contactUS .sectionBox .iconsBox {
        width: 92%;
        padding: 10px;
        height: auto
    }

        .contactUS .sectionBox .iconsBox:before {
            position: absolute;
            width: 100%;
            height: 4px;
            bottom: 0
        }

    .contactUS .sectionBox:last-child .iconsBox:before {
        content: '';
        height: 4px
    }

    .contactUS .sectionBox .iconsBox img {
        float: left
    }

    .contactUS .sectionBox .iconsBox .text {
        padding: 38px 10px;
        float: left
    }

    .contactUS .sectionBox .contactBox {
        width: 100%;
        margin-top: 132px;
        margin-left: 0;
        margin-bottom: 0
    }

    .contactUS .tollFreeBox br {
        display: block
    }
}

.KCnew-btn {
    width: auto;
    background: #004831;
    padding: 10px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #fff !important;
    margin: 0 10px 0 0px;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none !important;
    position: relative;
}

    .KCnew-btn:after {
        content: "";
        width: 100%;
        height: 4px;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: #C4D700;
    }

    .KCnew-btn:hover {
        color: #fff;
        text-decoration: underline !important;
    }

.kc-btn-wapper {
    margin-bottom: 20px;
    display: table;
    width: 100%;
}

.BannerSection.aprCAL {
    background: url(../images/banner/apr-banner.jpg) center center no-repeat;
    background-size: auto 100%;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2
}

.PL-bodySection .oval-shape-title {
    color: #e47126;
    text-align: center;
    padding-top: 40px;
    margin: 0;
    padding-bottom: 20px
}

.shadow1 {
    -webkit-box-shadow: 0 0 5px 0 #c9c9c9;
    -moz-box-shadow: 0 0 5px 0 #c9c9c9;
    box-shadow: 0 0 5px 0 #c9c9c9;
    height: 100%
}

.PL-bodySection .oval-shape-title .sub-text {
    font-size: .667em;
    font-weight: 400
}

.PL-bodySection .cardBox {
    background: #f9f9f9;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    height: auto
}

    .PL-bodySection .cardBox:hover {
        background: #3eb275;
    }

.cardText span {
    font-size: 13px;
    color: #FFEB3B;
    display: block;
    font-weight: bold;
}

.PL-bodySection .cardBox:hover .cardText span {
    color: #fff;
}

.newpichartfor.emi .calculator {
    padding: 15px 10px;
}

.newpichartfor.emi .resultBox h3 {
    padding: 0;
    margin: 50% 0 10px 0;
}

.newpichartfor.emi .resultBox .emiResult {
    margin: 0px auto 8px auto;
    padding: 10px 10px;
    display: inherit;
}

    .newpichartfor.emi .resultBox .emiResult .resultAmount {
        font-size: 26px;
    }

    .newpichartfor.emi .resultBox .emiResult .commanclass {
        font-size: 26px;
        color: #398765;
        margin: 0;
        font-weight: bold;
    }

.newpichartfor.emi .resultBox .knowmore.white {
    background: #F6F0ED;
    border: 4px solid #c4d700;
    color: #1C4831;
    padding: 15px;
    font-size: 14px;
}

.newpichartfor.emi .resultBox .emiResult h5 {
    margin-top: 0;
    margin-bottom: 5px;
}

.newpichartfor.emi .calculator .sliderBox {
    margin-bottom: 34px;
    padding: 9px;
}

.newpichartfor.emi .resultBox {
    min-height: 493px;
}

.newpichartfor.emi .calculator .btns {
    padding: 15px 9px;
    font-size: 11px;
}

    .newpichartfor.emi .calculator .btns.active:before {
        bottom: -56px
    }

#pie-chart {
    width: 90%;
    margin: auto;
}

.dispalyins {
    width: 293px;
    margin: auto;
    background: #fff;
    border: 1px solid #cfcfcf;
    padding: 15px;
}

.Principalicon {
    font-size: 14px;
    color: #000;
    /* font-weight: bold; */
    text-align: left;
    border-bottom: 1px solid #cfcfcf;
    padding: 0 0 10px 0
}

    .Principalicon i {
        width: 30px;
        height: 15px;
        float: left;
        margin-right: 10px;
        background-color: #c4d700;
        margin-top: 5px;
    }

.Interesticon {
    font-size: 14px;
    color: #000;
    /* font-weight: bold; */
    text-align: left;
    border-bottom: 1px solid #cfcfcf;
    padding: 10px 0
}

    .Interesticon i {
        width: 30px;
        height: 15px;
        float: left;
        margin-right: 10px;
        background-color: #004831;
        margin-top: 5px;
    }

.Totalicon {
    font-size: 14px;
    color: #000;
    /* font-weight: bold; */
    text-align: left;
    border-bottom: 1px solid #fff;
    padding: 10px 0 0 0
}

    .Totalicon i {
        width: 30px;
        height: 15px;
        float: left;
        margin-right: 10px;
        background-color: #fff;
        margin-top: 5px;
    }

.secondaryMenuWrapper {
    width: 100%;
    position: relative;
    clear: both;
    z-index: 1;
    margin: 0;
    padding: 0;
}

.secondaryMenu {
    background: #2A1A1F;
    min-height: 36px;
    margin-top: 0;
    position: relative;
    overflow-y: auto
}

    .secondaryMenu ul {
        width: 1008px;
        margin: 0;
        padding: 0;
    }

        .secondaryMenu ul li {
            float: left;
            list-style: none
        }

            .secondaryMenu ul li:last-child {
                margin-top: 7px;
            }

    .secondaryMenu a {
        font-size: 14px;
        height: 45px;
        color: #a9b7be !important;
        border-top: 4px solid #263238;
        border-bottom: 4px solid #263238;
        padding: 0 5px 0 5px;
        text-align: center;
        display: inline-block;
        margin-right: 25px;
        line-height: 36px;
        font-weight: 400;
        text-transform: uppercase
    }

        .secondaryMenu a.active {
            border-bottom: 4px solid #C4D700;
            color: #fff !important;
            font-weight: 500
        }

        .secondaryMenu a.active {
            border-bottom: 4px solid #C4D700;
            color: #fff !important;
            font-weight: 500
        }

        .secondaryMenu a:active, .secondaryMenu a:focus, .secondaryMenu a:hover {
            outline: 0;
            text-decoration: none;
            border-bottom: 4px solid #C4D700;
            color: #fff !important;
            font-weight: 500
        }

        .secondaryMenu a.btn {
            width: auto;
            background: #c4d700;
            border-radius: 4px;
            padding: 5px 10px;
            font-family: 'Roboto', sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 19px;
            letter-spacing: 0.02em;
            text-align: center;
            color: #2a1a1f !important;
            margin: 0 0 0 0;
            cursor: pointer;
            text-transform: uppercase;
            display: table-cell;
            vertical-align: middle;
            border: 0;
            height: 30px;
        }

            .secondaryMenu a.btn:hover {
                color: #fff;
                border: 0
            }

.newsDetailsWrp .newsDetails i {
    display: inline-block;
    width: 36px;
    height: 30px;
    margin-right: 10px;
}

.knowlageCenter .k-c-Box a {
    color: #000;
    cursor: pointer
}

    .knowlageCenter .k-c-Box a h5 {
        cursor: pointer;
        font-weight: bold;
    }

.bg-for-tandc {
    background-color: #eaeaea;
    padding: 10px;
    display: inline-block;
    margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
    .newpichartfor.emi .calculator .btns {
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {
    .newpichartfor.emi .calculator .sliderBox {
        margin-bottom: 10px;
    }

    #pie-chart {
        width: 70% !important;
        margin: auto
    }

    .newpichartfor.emi .resultBox h3 {
        margin-top: 0;
    }

    .newpichartfor.emi .resultBox {
        min-height: auto
    }

    .dispalyins {
        width: 100%;
        padding: 5px
    }

    .newsDetailsWrp .newsDetails .heading h1 {
        font-size: 24px;
    }

    .newsDetailsWrp .newsDetails h2 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .newsDetailsWrp .newsDetails p {
        margin-bottom: 20px;
        font-size: 14px;
    }

    .newsDetailsWrp .newsDetails h2, .newsDetailsWrp .newsDetails h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 380px) {
    .KCnew-btn {
        padding: 10px 7px;
        font-size: 10px;
        margin-right: 5px;
    }

    .newpichartfor.emi .calculator .btns {
        padding: 15px 5px;
        font-size: 13px;
        margin-bottom: 2px;
    }

    .newpichartfor.emi .resultBox {
        min-height: auto
    }
}

.slick-slide {
    height: auto
}

.faqs h2::after {
    display: none;
}