/* section {
    padding: 50px 0;
} */
.bg-light-blue {

}
.inner-title {
    color: #000000;
    text-align: left;
    letter-spacing: -0.5px;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px 0;
}
.green-text {
    color: #00836C;
}
.left-menu.desktop {
    display: block;
}
.left-menu.mobile {
    display: none;
}

.border-radius-8px {
    border-radius: 8px;
}
/* .left-menu {
    position: fixed;
    width: 270px;
} */


.left-menu ul li a {
    color: #666666;
}

a.left-menu-a.active {
    background: #00836C;
    border: 1px solid #00836C;
    border-radius: 4px;
    opacity: 1;
    color: #FFFFFF;
}
a.left-menu-a:hover {
    background-color: #307360;
    color: #307360;
}
/* a.left-menu-a.active:before {
    border: solid #FFFFFF;
    border-width: 0 1.5px 1.5px 0;
    padding: 3px;
} */

.para {
    font-size: 16px;
    font-family: Calibri, arial;
    color: #666666;
    line-height: 22px;
    margin: 0 0 20px 0;
}

.home-loan-overview .btn-orange {
   
    font-weight: 600;
    font-size: 14px;
    /* align-items: center;
    vertical-align: middle;
    display: flex;
    justify-content: center; */
}

.home-loan-overview .home-loan-banner {
    position: relative;
    margin: 0 0 30px 0;
}


.desktop-img {
    display: block;
}
.mobile-img {
    display: none;
}

.home-loan-overview .home-banner-caption {
    position: absolute;
    top: 50%;
    width: 50%;
    transform: translateY(-50%);
    padding: 0 40px;
}

.home-loan-overview .home-banner-caption h1 {
    text-align: left;
    font-size: 30px;
    letter-spacing: -0.7px;
    color: #000000;
    opacity: 1;
    font-weight: 600;
}

.home-loan-overview .home-banner-caption .green-text {
    text-align: left;
    letter-spacing: 0px;
    color: #00836C;
    opacity: 1;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    background: url(../assets/images/icons/right-arrow-green.svg) no-repeat;
    display: inline-block;
    background-position: 100% 65%;
    background-size: 6px;
    transition: 0.3s all linear;
    padding: 0 15px 0 0;
}

.home-loan-overview .home-banner-caption .btn-group {
    margin: 15px 0;
}

.home-loan-overview .home-banner-caption a.btn {
    width: 180px;
    font-size: 13px;
    border-radius: 3px !important;
    font-weight: 600;
    height: 40px;
}
.home-loan-overview .home-banner-caption a.btn:hover {
    /* background-color: #307360; */
    color: #fff;
}

.home-loan-overview .home-banner-caption a.btn:first-child {
    margin-right: 10px;
    border: none;
}
.home-loan-overview .home-banner-caption a.btn:first-child:hover {
    background-color: #307360;
}
.table-structure {
    table-layout: fixed;
}
.table-structure table th:first-child {
    width: 40%;
}
.table-structure table th:last-child {
    width: 60%;
}
.table-structure table td {
    border: 1px solid #EFEFEF;
}
.table-structure table td {
    font-size: 14px;
    color: #000000;
    line-height: 18px;
    font-weight: 600;
    padding-left: 25px;
}

.table-structure table th {
    text-align: left;
    letter-spacing: -0.36px;
    color: #000000 !important;
    opacity: 1;
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    padding-left: 25px;
}
.cardFees p {
    margin-bottom: 30px;
}

.mt-0 {
    margin-top: 0;
}
.font-bold {
    font-weight: 600;
}

/* .home-loan-overview .overview-list {
    display: flex;
    flex-wrap: wrap;
} */
.home-loan-overview .home-loan-overview-list {
    background: #F9F9F9;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    opacity: 1;
    display: flex;
    padding: 15px 15px;
    vertical-align: middle;
    align-items: center;
    width: 100%;
    min-height: 90px;
    margin: 0 0 30px 0;
}
.home-loan-overview .home-loan-overview-list svg {
    width: 39px !important;
    height: 41px !important;
}

.home-loan-overview .home-loan-overview-list p {
    text-align: left;
    letter-spacing: -0.36px;
    color: #000000;
    opacity: 1;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    padding: 0 0 0 15px;
    font-family: Calibri, arial;
}

.home-loan-overview .overview-special-offers {
    background: #4FA9A7;
    padding: 20px 30px;
    display: flex;
    color: #FFFFFF;
    justify-content: space-between;
}

.home-loan-overview .overview-special-offers .special-offers {
    width: 70%;
}

.home-loan-overview .overview-special-offers img {
    width: 20%;
}

.home-loan-overview .overview-special-offers span {
    font-size: 12px;
    letter-spacing: -0.24px;
    font-weight: 600;
}

.home-loan-overview .special-offers-title {
    font-size: 16px;
    font-weight: 600;
}

.home-loan-overview .special-offers h4 {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 20px 0;
    font-weight: 600;
}

.home-loan-overview .special-offers .offers-tnc {
    text-align: left;
    letter-spacing: -0.2px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 10px;
    font-style: italic;
}

/* .home-loan-facility,
.home-loan-advantage,
.home-loan-eligibility,
.board-of-direct,
.home-loan-features,
.homeloan-payment,
.how-to-apply,
.how-to-apply-banner,
.homeloan-faq {
    padding: 30px 0 0;
} */

.home-loan-facility .board-of-direct-slider {}

.home-loan-facility .link-card {
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    opacity: 1;
    margin: 0;
}

.home-loan-facility .link-card figcaption {
    font-size: 16px;
    font-family: Calibri, arial;
    color: #000000;
    line-height: 20px;
}

.home-loan-facility .link-card {
    display: flex !important;
}
.home-loan-facility .link-card figure {
    cursor: default;
}

.home-loan-facility .link-card:not(:last-child) {
    margin-right: 20px;
}

/* .home-loan-facility .link-card:nth-child(4) {
    margin-right: 0px;
} */
.home-loan-facility .link-card img {
    margin: 0 auto;
}

.home-loan-features .home-loan-takeover.loan-takeover-bg {
    background: #FFAA0A;
   /*  height: 259px; */
}



.home-loan-features .home-loan-takeover.loan-maximum-bg {
    background: #4FA9A7;
    margin: 30px 0 0 0;
    /* height: 211px; */
}

.home-loan-features .home-loan-takeover.loan-maxloan-bg {
    background: #00AFBE;
    /* height: 500px; */
}
.floating-features{
    height: 116%;
}
.home-loan-features .home-loan-takeover {
    color: #fff;
    padding: 20px 25px;
}
#leave-site-disclaimer-popup .modal-dialog{
    transform: translate(0, 100px);
}
.home-loan-features .home-loan-takeover p {
    text-align: left;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -0.36px;
    color: #FFFFFF;
    opacity: 1;
    margin: 0 0 15px 0;
    font-weight: 600;
}

.home-loan-features .home-loan-takeover span {
    text-align: left;
    letter-spacing: -0.14px;
    color: #FFFFFF;
    opacity: 0.7;
    font-size: 14px;
    line-height: 18px;
    margin: 15px 0 0 0;
    display: block;
    font-family: Calibri, arial;
}

.home-loan-features .home-loan-takeover li {
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
    color: #FFFFFF;
    opacity: 1;
    position: relative;
    padding: 0 0 0 25px;
    margin: 10px 0 0px 0;
    font-family: Calibri, arial;
}

.home-loan-features .home-loan-takeover li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    background: url('../assets/images/icons/tick-white.svg') no-repeat;
    width: 15px;
    height: 15px;
}

.home-loan-features .home-loan-takeover li span {
    margin: 0;
    display: initial;
    color: #fff;
    opacity: 1;
    font-weight: 600;
}

.home-loan-features .home-loan-takeover .max-loan-amount {
    border: 1px solid rgba(239, 239, 239, 0.3);
    padding: 15px;
    margin-top: 14px;
}

.home-loan-features .home-loan-takeover .max-loan-amount p.max-loan-amount-title {
    text-align: left;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: -0.4px;
    color: #FFFFFF;
    opacity: 1;
    margin: 0;
}

.home-loan-features .home-loan-takeover .max-loan-amount p.max-loan-amount-para {
    text-align: left;
    letter-spacing: -0.16px;
    color: #FFFFFF;
    opacity: 0.7;
    font-size: 14px;
    line-height: 22px;
    font-family: Calibri, arial;
    font-weight: normal;
}


.homeloan-faq a.btn.btn-orange {
    width: 150px;
    margin: 15px 0 0 0;
}
.home-loan-advantage a{
    width: auto;
}
.home-loan-advantage .advantage-list li {
    text-align: left;
    letter-spacing: -0.18px;
    color: #666666;
    opacity: 1;
    font-size: 16px;
    line-height: 22px;
    position: relative;
    padding: 0 0 0 30px;
    margin: 0 0 15px 0;
    font-family: Calibri, arial;
}

.home-loan-advantage .advantage-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    background: url(../assets/images/icons/tick-green.svg) no-repeat;
    width: 17px;
    height: 17px;
    background-size: 100%;
}

.home-loan-eligibility {}

.home-loan-eligibility .card {
    border-radius: 1px;
    border: none;
}

.home-loan-eligibility .card img {
    border-radius: 8px 8px 0 0;
}

.home-loan-eligibility .card-body {
    background: #F9F9F9;
    border-radius: 0 0 8px 8px;
}

.home-loan-eligibility .card .card-title {
    text-align: left;
    letter-spacing: -0.36px;
    color: #444444;
    opacity: 1;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}

.home-loan-eligibility .card-body li {
    text-align: left;
    letter-spacing: -0.16px;
    color: #808080;
    opacity: 1;
    font-size: 16px;
    position: relative;
    padding: 0 0 0 28px;
    margin: 0 0 7px 0;
    font-family: Calibri, arial;
}

.home-loan-eligibility .card-body li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    background: url('../assets/images/icons/tick-grey.svg') no-repeat;
    width: 15px;
    height: 15px;
}

.home-loan-eligibility .card-body li span {
    text-align: left;
    letter-spacing: -0.16px;
    color: #808080;
    opacity: 1;
    font-size: 16px;
    position: relative;
    padding: 0;
    margin: 0 0 7px 0;
    font-family: Calibri, arial;
    font-weight: 600;
}

.home-loan-eligibility .overview-special-offers {
    padding: 20px 30px;
    color: #FFFFFF;
    position: relative;
    background: url('../assets/images/home-loan/home-loan-help-banner.png') no-repeat;
    height: 300px;
    width: 100%;
    margin: 30px 0 0 0;
}

.home-loan-eligibility .special-offers {
    width: 50%;
    position: absolute;
    top: 50%;
    width: 40%;
    transform: translateY(-50%);
}

.home-loan-eligibility .special-offers-title {
    text-align: left;
    letter-spacing: -0.36px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 18px;
    line-height: 35px;
    margin: 0;
    font-weight: 600;
}

.home-loan-eligibility .special-offers h4 {
    text-align: left;
    letter-spacing: -0.5px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
}

.home-loan-eligibility .special-offers a {
    font-size: 14px;
    width: 210px;
    margin: 20px 0 0 0;
}

.documentation {
    background: #F9F9F9;
    margin: 30px 0 0 0;
    padding: 25px 30px;
}
.documentation .documentaion-section {
    background: #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    padding: 20px;
    margin: 0px 0 30px 0;
    min-height: 111px;
}

.documentation .documentaion-section h5 {
    text-align: left;
    letter-spacing: -0.32px;
    color: #444444;
    opacity: 1;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.documentation .documentaion-section p {
    text-align: left;
    letter-spacing: -0.16px;
    color: #808080;
    opacity: 1;
    font-size: 14px;
    margin: 0;
    line-height: 22px;
    font-family: Calibri, arial;
}

.documentation .disclaimer {
    text-align: left;
    letter-spacing: -0.14px;
    color: #444444;
    opacity: 0.7;
    font-size: 14px;
    margin: 0;
    font-family: Calibri, arial;
}

.idbi-dd {
    border: 1px solid #EFEFEF;
    border-radius: 3px;
    position: relative;
}

.idbi-dd::after {
    content: '';
    background: url(../assets/images/icons/down-arrow-grey.svg) no-repeat;
    width: 11px;
    height: 7px;
    position: absolute;
    right: 1rem;

    border: transparent;
    transition: 0.3s all Linear;
}
.idbi-dd.active::after {
    transform: rotate(
180deg
);
    transition: 0.3s all Linear;
}
.idbi-dd span {
    font-size: 12px;
    font-weight: 600;
}

.documentation .green-a {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    justify-content: flex-end;
}
.documentation .green-a:hover,
.home-loan-overview .home-banner-caption .green-text:hover {
    color: #307360;
}

.documentation .green-a span {
    margin: 0 10px 0 0;
}

.how-to-apply p {
    font-size: 14px;
    margin: 0;
}

.how-to-apply .statue-grid h6 {
    line-height: initial;
    margin: 0 0 10px 0;
    min-height: auto;
    font-size: 16px;
    font-weight: 600;
}

.how-to-apply .statue-grid p {
    color: #808080;
    font-size: 16px;
    font-family: Calibri, arial;
    line-height: 22px;
}
.text-blue {
    color: #20B9C6 !important;
    font-weight: bold;
    font-family: Calibri, arial;
}
.contact-us .statue-grid {
    margin-bottom: 20px;
}

.how-to-apply .statues-head.hta-head p {
    font-size: 18px;
    font-family: Calibri, arial;
}

.how-to-apply .board-direct-bottom.hta-bottom {
    margin: 30px 0;
}

.how-to-apply .board-direct-bottom .btn.btn-orange.view-all.git {
    width: 164px;
}

.svg-a.green-a {
    text-align: left;
    letter-spacing: 0px;
    color: #00836C;
    opacity: 1;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
  
    display: inline-block;
  
    transition: 0.3s all linear;
    padding: 0 13px 0 0;
}

.arrow-side{
  background: url(../assets/images/icons/right-arrow-green.svg) no-repeat;
    background-position: 100% 65%;
    background-size: 5px;
}


/**popup start**/
.tab-pane {
    padding: 25px 0;
}
.modal-header{
    border-bottom: none;
}
.modal-header h5{
    font-weight: 600;
}
.calculator-model{
    padding: 5px 35px;
}
.calculator-model .nav-tabs{
    border-bottom: 1px #ccc solid;
}
.calculator-model .nav-tabs .nav-link{
    border:none;
    font-size: 14px;
    text-align: left;
    flex: inherit;
    padding: 5px 0px;
    margin-right: 30px;
    color: #444444;
    opacity: 0.7;
    font-weight: 600;
}
.calculator-model .nav-tabs .nav-link.active, .calculator-model .nav-tabs .nav-link:hover{
    border-bottom: 4px #00836C solid;
    opacity: 1;
}

.calculator-model label {
    font-size: 12px;
    color: #666666;
    text-align: left;
}
.calculator-model .form-control {
    border: 1px solid #EFEFEF;
    border-radius: 4px;
    background: #fff;
}
.calculator-model .form-check-label, .calculator-model .terms {
    font-size: 14px;
}
.calculator-model .terms a{
    color: #00836C;
}
button.submit{
    padding: 8px 20px;
}
.form-check {
    margin-top: 10px;
}
.type-of-employment {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
        margin: 10px 0;
}
.type-of-employment p {margin-bottom: 0;font-size: 12px;margin-right: 10px;}

.type-of-employment span {
    border: 1px #ccc solid;
    border-radius: 4px;
    margin: 0 5px;
    color: #444444;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
}
.close {
    color: #444444;
    opacity: 0.5;
}
.close:hover{
    color: #444444;
    opacity: 0.5 !important;
}
.close span {
    font-size: 40px;
    font-weight: normal;
    opacity: 1;
}
p.terms {
    margin-bottom: 30px;
}
.date span{
    position: absolute;
    right: 8px;
    z-index: 9999;
    top: 6px;
}


.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation)>.custom-select:not(:last-child), .input-group:not(.has-validation)>.form-control:not(:last-child){
    border-radius: 4px;
}
.modal-content{
    border: none;
}
/**popup End**/

.how-to-apply .board-direct-bottom.hta-bottom.mr-b-50{
    margin-bottom: 50px;
}
p.terms {
    margin-top: 20px;
    color: #444444;
    opacity: 0.7;
}
 .apply-online .quick-links-card {
      background-image: none;
  }
  .apply-online .list-group {
   display: block;
  }
  .apply-online .list-group-links a {
   width: 32.34%;
   margin: 0 0 12px 5px;
  }
   .how-to-apply.download-forms .svg-a.green-a{
     background-image: none;
     position: absolute;
     bottom: 20px;
      }
   .download-forms .statue-box {
      display: block;
     }
  .download-forms .statue-grid {
         margin-left: 27px;
         float: left;
         height: 252px;
         width: 31.2%;
         margin-right: 0;
         position: relative;
             margin-bottom: 20px;
     }
     .download-forms .statue-grid:nth-child(1), .download-forms .statue-grid:nth-child(4), .download-forms .statue-grid:nth-child(7) {
       margin-left: 0;
     }
     .apply-banner .btn-group a {
        width: 100px;

    }

    .customer-services .statue-grid {
        width: calc(97.5% / 2);
    }
    .customer-services .digital-banking {
        background-color: transparent;
        padding: 0;
        position: relative;
    }
    .customer-services .servies-cards {
        margin: 0;
        background: #F9F9F9;
        padding: 10px;
        width: 84%;
        border-radius: 8px;
    }

 
    .customer-services .we-offer-title {
        text-align: left;
        font-weight: 600;
        letter-spacing: -0.32px;
        color: #000000;
        opacity: 1;
        font-size: 18px;
        margin: 10px 0;
    }
    .customer-services .we-offer-para {
        text-align: left;
        letter-spacing: 0px;
        color: #787878;
        opacity: 1;
        font-family: Calibri, arial;
        line-height: 24px;
        font-size: 18px;
        margin: 0 0 15px 0;
    }
    .customer-services .servies-card:hover img {
        filter: brightness(0) invert(1)!important;
    }
    .customer-education .classification-accord .card-body p.accordion-para {
        color: #787878;
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }
    .accordion-title {
        font-family: calibri,sans-serif;
        color: #000000;
    }
    .customer-education .rights-section {
        background: #F9F9F9;
        padding: 25px 30px 0;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .customer-education .rights-section li {
        background: #FFFFFF;
        border-radius: 8px;
        opacity: 1;
        width: 31%;
        margin: 0 0 30px 0;
        padding: 20px;
        display: flex;
        text-align: left;
        letter-spacing: 0px;
        color: #00836C;
        opacity: 1;
    }
    .customer-education .rights-section li p {
        padding: 0 0 0 15px;
    }
    .customer-care-service {

        background-size: 100%;
        width: 100%;
        position: relative;
        display: flex;
        justify-content: flex-end;
    }
    .customer-care-service .cusomer-care-service-section {
        width: 50%;
        padding: 30px 20px 0 0;
    }
    .customer-care-service .cusomer-care-service-section h5 {
        margin: 0 0 10px 0;
    }
    .customer-care-service .cusomer-care-service-section p {
        color: #666666;
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 15px 0;
    }
    .customer-care-service .cusomer-care-service-section li {
        position: relative;
        padding: 0 0 0 15px;
    }
    .customer-care-service .cusomer-care-service-section li:before {
        content: "";
        width: 0;
        height: 0;
        border-top: 3px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 5px solid #4fa9a7;
        position: absolute;
        left: 0;
        margin-top: 6px;
    }
    .customer-care-service .cusomer-care-service-section li a {
        color: #000000;
        text-align: left;
        letter-spacing: -0.32px;
        color: #000000;
        opacity: 1;
        font-weight: 600;
        font-size: 14px;
    }
    .customer-care .man-with-lap {
        position: absolute;
        left: 0;
        width: 35%;
        height: 100%;
        top: 0;
    }
    .customer-care .customer-phone-banking .man-with-lap {
        right: 0;
        left: auto;
    }
    .customer-care .customer-locateus .man-with-lap {
        width: 50%;
        right: 0;
        left: auto;
    }
    .customer-care .customer-locateus .man-with-lap img {
        width: auto;
    }
    .customer-care .man-with-lap img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        object-position: top;
    }
    .customer-care .servies-card {
        width: 121px;
    }
    .customer-care .servies-card span {
        font-size: 13px;
    }
    .customer-care .home-loan-takeover span {
        margin: 0px 10px 0 0;
    }

    /* start 404 css */
    .img_logo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top:8%;
       }
       .abc img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top:2%;
       }
       .text p{
         display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top:2%;
        text-align: center;
        font-size: 21px;
          font-weight: 600;
       }
       .btn_fir {
         text-align: center;

       }
    /* end 404 css */
    .pay-online-pg .how-to-apply .statue-grid p.pay-now-color-para{
        color: #00AFBE;
    font-size: 16px;
    font-family: Calibri, arial;
    line-height: 22px;
    margin: 10px 0;
      }
      .pay-online-pg .pay-online-para-div{
             height: 46%;
      }
     .pay-online-pg ul.pay-bill-ul li:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #4fa9a7;
    position: absolute;
      margin-left: -18px;
    margin-top: 6px;
 }
 .pay-online-pg ul.pay-bill-ul{
   padding-left: 0;
 }
 .pay-online-pg ul.pay-bill-ul li{
  list-style-type: none;
    padding: 3px 15px 3px 40px;
    font-size: 14px;
    color: #444444;
 opacity: 1;
    cursor: pointer;
   padding-left: 20px;
 }
 .pay-online-pg .pay-online-para-div p{
    color: #444444;
 opacity: 1;
 }
 .pay-online-pg .btn-white{
       background-color: #fff;
    border: 1px solid #e16733;
    color: #e16733;
   width: 134px;
 }
 .pay-online-pg  .statue-grid{
    padding: 30px 25px 65px 25px;
 }
    .pay-online-pg  .pay-online-para-div span{
          color: #00AFBE;
    font-size: 12px;
    margin-left: 4px;
     }
     .digital-banking.customer-locateus {
        padding: 30px 0;
     }
     .digital-banking.customer-locateus .calculator-model .nav-tabs {
        flex-wrap: initial;
        justify-content: space-between;
     }
     .digital-banking.customer-locateus .calculator-model .nav-tabs .nav-link {
        margin: 0;
     }
     .digital-banking.customer-locateus .calculator-model .nav-tabs .nav-link.active,
     .digital-banking.customer-locateus .calculator-model .nav-tabs .nav-link:hover {
        background: transparent;
     }
     .select-state .idbi-dd,
     .select-district .idbi-dd {
        border: 1px solid #EFEFEF;
        border-radius: 3px;
        position: relative;
        width: 100%;
        max-width: 100%;
    }
    .select-state {
        position: relative;
        z-index: 2;
    }
    .select-district {
        margin: 15px 0;
    }
    .enhance-customer .svg-a.green-a {
        margin: 15px 0;
        display: flex;

    }
    .enhance-customer .coc-banner .svg-a.green-a span {
        padding: 0 25px 0 0;
    }
    .enhance-customer .coc-banner .svg-a.green-a img {
        width: 18px;
        height: auto;
    }

    .payment-on ul {
        flex-wrap: wrap;
        justify-content: flex-start;
     }

     .payment-on ul li {
        width: 18%;
        margin: 8px;
     }

     .link-card {
        margin: 0;
     }

   .type-of-cards .home-loan-overview-list {
    display: block;
    padding: 15px;
}
.type-of-cards .home-loan-overview-list img{
 width: 100%;
 box-shadow: 1px 11px 13px -2px rgb(0 0 0 / 32%);
 -webkit-box-shadow: 1px 11px 13px -2px rgb(0 0 0 / 32%);
 -moz-box-shadow: 1px 11px 13px -2px rgba(0,0,0,0.32);
 margin-bottom: 30px;
}
.home-loan-overview.type-of-cards .btn-orange {
  width: 115px;
  margin-right: 10px;
}
.credit-card-offers .card-body span{
 display: block;
 font-style: italic;
 margin: 10px 0;
}
.credit-card-offers .btn-orange{
 margin-top: 50px;
}
.home-loan-eligibility.credit-card-offers .card .card-title {
  font-size: 16px;
}
.card-table th {
  width: 50%;
}
.documents{
    height: 40px;
 }
 .deposit-calculator .nav-tabs .nav-item.show .nav-link, .deposit-calculator .nav-tabs .nav-link.active {
    border: 1px #00836C solid;
    border-radius: 4px;
    color: #00836C;
}
.deposit-calculator .nav-tabs {
    border-bottom: none;
}
.deposit-calculator .nav-item {
    border: 1px #EFEFEF solid;
    border-radius: 4px;
    color: #000000;
    margin: 0 8px;
    font-weight: 500;
    font-size: 16px;
}
.deposit-calculator .btn-group .btn{
   margin-right: 15px;
}
.deposit-calculator .svg-a.green-a{
   padding: 10px;
   background: #00836c;
   color: #fff;
   font-size: 14px;
   font-weight: 500;
   margin-right: 20px;
   border-radius: 4px;
}
.deposit-calculator .btn-group{
   margin-bottom: 35px;
}
.deposit-calculator .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 14px;
}

.deposit-calculator .form-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 14px;
}

.deposit-calculator .form-group input::-ms-input-placeholder { /* Microsoft Edge */
  font-size: 14px;
}    .table.forex-table th{
    background: #EFEFEF;
  }
  .table.forex-table td {
    border: 1px #EFEFEF solid;
    text-align: left;
 }
 .forex-table thead tr th {
    padding: 5px 5px;
    border: 1px #e4e4e4 solid;
    font-size: 14px;
 }
 .service-charges .statue-grid{
    width: 100%;
    margin-bottom: 20px;
 }

 .home-loan-advantage .advantage-list .advantage-idbi li {
    padding: 0;
 }
 .home-loan-advantage .advantage-list .advantage-idbi li::before {
    background: none;
}
.environmental-services p a{
 color: #00836c;
}
.indus-expert-list {
    flex-wrap: wrap;
}
.indus-expert-list li {
    color: #666666;
    font-size: 16px;
    font-family: Calibri, arial;
    border: 1px solid #EFEFEF;
    border-radius: 4px;
    padding: 10px 20px;
    margin: 0 10px 10px 0;
}

/*karishma Css start*/

nav.primary-header li.mega-dropdown.list-inline-item.active {
    background-color: #00725e;
    padding: 12px 5px;
}

.calculator-model sub {
    color: red;
    font-size: 12px;
}

.mb-10
{
margin-bottom: 20px;
}

main.education-loan section.home-loan-overview a {
   
    /* font-size: 16px; */
    font-family: Calibri, arial;
}
.not-found-pg{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    }
    .not-found-pg .btn_fir {
    text-align: center;
    margin: 10px 0;
}
  .phone-banking-pg .home-loan-features .home-loan-takeover .phone-icon li::before {
         content: '';
         position: absolute;
         left: 0;
         top: 2px;
         background: url(../assets/images/icons/phone-icon.svg) no-repeat;
         width: 15px;
         height: 15px;
         }
         .phone-banking-pg .home-loan-features .home-loan-takeover hr{
         margin-top: 8px;
         margin-bottom: 3px;
         border-top: 1px solid rgba(255, 255, 255, 0.4);
         }
         .phone-banking-pg .home-loan-features .home-loan-takeover .phone-banking-number-para{
         letter-spacing: -0.16px;
         color: #FFFFFF;
         opacity: 0.9;
         font-size: 15px;
         font-weight: 500;
         height: 45px;
         }
         .phone-banking-pg .home-loan-features .home-loan-takeover.loan-maxloan-bg {
         background: #00AFBE;
         /*height: 96%;*/
         }
         .phone-banking-pg  .home-loan-features .home-loan-takeover.loan-takeover-bg {
         height: auto;
         margin-top: 23px;
         }
         .phone-banking-pg .home-loan-features .home-loan-takeover li span{
         font-size: 13px;
         }
         .phone-banking-pg .home-loan-features .home-loan-takeover {
             padding: 20px 46px 10px 25px;
         }
         .phone-banking-pg .statue-grid{
         width: calc(100% / 2);
         }
         .phone-banking-pg .company-profile-cont.mb-20{
         margin-bottom: 20px
         }
         .phone-banking-pg .statue-grid h6{
         padding:0 100px 0 0;
         }
         .phone-banking-pg .self-services-div {
         width: 100%;
         display: flex;
         }
         .phone-banking-pg .self-service-sec{
         border-radius: 8px;
         width: calc(100% / 5);
         margin-right: 15px;
         padding: 10px 16px;
         background: #fff;
         }
         .phone-banking-pg .self-service-sec svg{
         width: 16px;
         height: 16px;
         }
         .phone-banking-pg .self-service-sec span{
         letter-spacing: 0px;
         color: #00836C;
         opacity: 1;
         margin-left: 6px;
         font-size: 12px;
         font-weight: 600;
         }
         .phone-banking-pg .self-service-sec.self-mrg{
         margin-bottom: 15px;
         }
         .phone-banking-pg .phone-banking-agent-bg {
         background: #f9f9f9;
         border-radius: 10px;
         margin-left: 15px;
         }
         .phone-banking-pg .servies-cards{
         margin: 28px 0;
         }
         .phone-banking-pg .escalation-div .we-offer-title{
           text-align: left;
            font-weight: 600;
            letter-spacing: -0.32px;
            color: #000000;
            opacity: 1;
            font-size: 18px;
            margin: 15px 0;
         }
         .phone-banking-pg .escalation-div p.we-offer-para{
            margin: 15px 0;
         }
         .phone-banking-pg  .servies-card
            {
            padding: 25px 12px 20px;
             }
         .phone-banking-pg .servies-card .a{
            fill: transparent;
         }
         .phone-banking-pg .servies-card:hover  .b{
            fill: #fff;
         }
         .right-bank-customer .lang-div 
      {
      padding: 10px 16px;
    background: #fff;
    border-radius: 8px;
    margin-top: 20px;

      }
      .right-bank-customer .lang-div svg {
       width: 16px;
       height: 16px;
      }
      .right-bank-customer .lang-div span {
       letter-spacing: 0px;
       color: #00836C;
       opacity: 1;
       margin-left: 6px;
       font-size: 12px;
       font-weight: 600;
      }
      .right-bank-customer .company-profile-cont {
      padding: 15px 30px 30px 30px;
      }
      .pension-pg .green-clr{
      color: #00836C;
      font-weight: 500;
      font-size: 16px;
   }
   .pension-pg .pen-fnt-weight{
    font-weight: 600;
   }
   .pension-pg .statue-grid{
    padding: 30px 25px 61px 25px;
   }
   .phone-banking-pg h5.inner-title{
    font-size: 16px;
   }
/*karishma Css end*/

/* start media queries */

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1200px) {
    .apply-online .list-group-links a {
        width: 48%;
}
}

@media only screen and (max-width: 991px) {
    .home-loan-overview .home-banner-caption {
        width: 50%;
    }
    .home-loan-features .home-loan-takeover.loan-maxloan-bg {
        margin: 30px 0 0 0;
    }

}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

}


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

    .list-group.list-group-links {
        display: initial;
    }
    .list-group.list-group-links a {
        margin: 0 12px 12px 0;
        padding: 10px 42px;
    }
    .breadcrum-sec:before {
        top: 58px;
    }
    .left-menu-bottom {
        display: none;
    }
    .home-loan-overview .home-banner-caption {
        width: 50%;
        padding: 0 20px;
    }
    .home-loan-overview .home-banner-caption h1 {
        font-size: 18px;
    }
    .home-loan-features .home-loan-takeover.loan-maxloan-bg {
        margin: 30px 0 0 0;
    }
    .home-loan-eligibility .overview-special-offers {
        background-size: 100%;
        height: 159px;
    }
    .home-loan-eligibility .special-offers h4 {
        font-size: 18px;
        line-height: 20px;
    }
    .home-loan-eligibility .special-offers-title {
        font-size: 15px;
        line-height: 28px;
    }
    .home-loan-eligibility .special-offers a {
        font-size: 13px;
        width: auto;
        margin: 5px 0 0 0;
    }
    .home-loan-overview .overview-special-offers .special-offers-img {
        width: 50%;
    }
    .home-loan-overview .overview-special-offers {
        align-items: center;
    }
    .home-loan-facility .link-card {
        padding: 15px;
        min-height: 200px;
        align-items: flex-start;
    }
    .home-loan-features .home-loan-takeover .max-loan-amount p.max-loan-amount-para {
        line-height: initial;
        margin: 0;
    }
    .home-loan-features .home-loan-takeover .max-loan-amount p.max-loan-amount-title {
        line-height: initial;
    }
    .home-loan-eligibility .card {
        height: 100%;
    }
    .documentation .green-a {
        justify-content: flex-start;
        margin: 15px 0 0 0;
    }
    .code-of-conduct.how-to-apply .coc-banner img {
        height: 75%;
        position: relative;
    }
    .code-of-conduct.how-to-apply .coc-banner-cont {
        width: 58%;
        transform: translate(0, -45%);
        position: absolute;
        left: auto;
        top: 50%;
        right: 0;
        padding: 20px;
    }
    .how-to-apply-banner .coc-banner-cont h2 {
        font-size: 20px;
        margin: 0 0 10px 0;
        line-height: normal;
    }
    .coc-banner.how-to-apply-banner {
        height: auto;
    }
    .how-to-apply-banner .coc-banner-cont h6 {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .apply-online .list-group.list-group-links a {
      width: 47.34%;
     padding: 10px 30px;
}
.ml-md-10
{
margin-left: 20px !important;
}
.apply-now .download-forms .statue-grid {
    width: 47.2%;
        margin-left: 0px;
}
.apply-now .statue-box {
    display: table;
 
}
}

@media only screen and (max-width: 767px) {
    .payment-on ul li {
        width: 45%;
    }
    .customer-care .customer-phone-banking .man-with-lap {
        position: relative;
        width: 100%;
    }
    .customer-care-service .cusomer-care-service-section {
        width: 100%;
        padding: 0px 20px 75% 0;
    }
    .bg-person {
        margin: 50px 0 0 0;
    }
    .customer-care .man-with-lap {
        position: relative;
        width: 100%;
    }
    .customer-care .servies-card {
        width: 46%;
    }
    .customer-care .customer-locateus .man-with-lap {
        width: 100%;
    }
    .digital-banking.customer-locateus {
        padding: 0;
    }
    .customer-education .rights-section li {
        width: 100%;
    }
    .customer-education .rights-section li:last-child {
        margin-bottom: 0;
    }
    .home-loan-features .home-loan-takeover {
        margin:0 0 15px 0;
    }
    .home-loan-features .home-loan-takeover.loan-maximum-bg {
        margin: 0 0 15px 0;
    }
    .inner-banner-caption h1 br {
        display: none;
    }
    .loan-card.card .card-body {
        padding: 10px 18px;
    }
    .breadcrum-sec {
        position: relative;
    }
    .breadcrum-sec::before {
        content: none;
        background: #f9f9f9;
        width: 100%;
        position: absolute;
        top: 0;
        left: -10%;
    }
    .breadcrum-sec::after {
        content: '';
        background: #f9f9f9;
        width: 100%;
        position: absolute;
        top: 0;
        /* right: -10%; */
        height: 100%;
        z-index: -1;
    }
    .inner-banner {
        height: auto;
    }
    .inner-banner-caption {
    top: 20px;
    width: 100% !important;
    text-align: center;
    padding: 0 20px;
    transform: translateY(0);
    }
    .inner-banner-caption h1 {
        font-size: 25px;
          text-align: center;
    }
    .home-loan-eligibility .special-offers h4 {
        font-size: 22px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }
    .left-menu-bottom {
        display: none;
    }
    .home-loan-overview.p-0,
    .board-of-direct.home-loan-facility,
    .home-loan-features {
        padding: 0 0px !important;
    }
    .mobile-img {
        border-radius: 1px;
    }
    .home-loan-features .home-loan-takeover.loan-maxloan-bg {
        margin: 0;
    }
    /* .breadcrum-sec {
        padding: 5px 15px;
    } */
    /* main .custom-container {
        padding: 0;
    } */
    .documentation .green-a {
        justify-content: flex-start;
    }
    /* .left-menu.desktop {
        display: none;
    }
    .left-menu.mobile {
        display: block;
    } */
    .left-menu.mobile .login-btns {
        background: #4FA9A7;
    }
    .left-menu.mobile .login-btns button {
        color: #fff;
        width: 100%;
        text-align: left;
    }
    .left-menu.mobile .login-btns .dropdown-menu {
        width: 100%;
    }
    .left-menu.mobile .login-btns .dropdown-menu .dropdown-item {
        padding-left: 15px;
    }
    .no-padding-mobile {
        padding: 0;
    }
    .desktop-img {
        display: none;
    }
    .mobile-img {
        display: block;
    }
    .home-loan-overview .home-loan-banner {
        position: relative;
        margin: 0 0 30px 0;
        display: flex;
        flex-direction: row-reverse;
    }
    .home-loan-overview .home-banner-caption {
        position: absolute;
        top: 0;
        width: auto;
        transform: translateY(0%);
        padding: 0 20px;
        left: 0;
        right: 0;
        padding-top: 30px;
    }
  
    .home-loan-overview .home-banner-caption h1 {
        text-align: center;
    }
    .home-loan-overview .home-banner-caption .btn-group {
        width: 100%;
    }
    .home-loan-overview .home-banner-caption p {
        text-align: center;
    }
    .home-loan-overview .home-loan-overview-list {
        margin: 0 0 15px 0;
    }
    .home-loan-overview .overview-special-offers {
        flex-wrap: wrap;
    }
    .home-loan-overview .overview-special-offers .special-offers {
        width: 100%;
    }
    /* .home-loan-features .home-loan-takeover.loan-maximum-bg {
        margin: 15px 0;
    } */
    .home-loan-eligibility .col-md-6 .card {
        margin: 0 0 15px 0;
    }
    .home-loan-eligibility .col-md-6:last-child .card {
        margin: 15px 0 0px 0;
    }
    .home-loan-eligibility .special-offers {
        width: auto;
        top: 0;
        transform: initial;
        left: 0;
        right: 0;
        padding: 30px;
    }
    .media-corner-head {
        flex-wrap: wrap;
    }
    .documentation .idbi-dd {
        max-width: 100%;
        width: 100%;
    }
    .documentation .documentaion-section {
        margin: 0 0 15px 0;
    }
    .documentation {
        border: 1px solid #EFEFEF;
        margin: 30px 0px;
        padding: 20px;
    }
    .documentation .disclaimer {
        margin: 0 0 20px 0;
    }
    .statue-box.hta-box {
        flex-wrap: wrap;
    }
    .statue-grid.hta-grid {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .board-direct-bottom.hta-bottom {
        flex-wrap: wrap;
    }
    .how-to-apply .board-direct-bottom.hta-bottom {
        margin: 15px 0 0 0;
    }
    .how-to-apply .board-direct-bottom .btn.btn-orange.view-all.git {
        margin: 0 0 15px 0;
    }

    .home-loan-facility,
    .home-loan-advantage,
    .home-loan-eligibility,
    .board-of-direct,
    .home-loan-features,
    .homeloan-payment,
    .how-to-apply,
    .how-to-apply-banner,
    .homeloan-faq {
        margin: 40px 0 0 0;
        padding: 0 0px;
    }
    .home-loan-eligibility .overview-special-offers {
        padding: 20px 30px;
        color: #FFFFFF;
        position: relative;
        background: url(../assets/images/home-loan/responsive/home-loan-help-banner-nobile.png) no-repeat;
        height: 500px;
        width: 100%;
        margin: 30px 0 0 0;
        background-size: 100% 500px;
    }
    .home-loan-facility .slider.board-of-direct-slider .slick-list {
        padding-right: 60px;
        }
        .code-of-conduct.how-to-apply .coc-banner-cont {
        width: auto;
        transform: translate(0, 0%);
        margin-right: 0;
        position: absolute;
        left: 0;
        top: 0;
        padding: 20px;
    }
    .code-of-conduct.how-to-apply {
        padding: 0;
    }
    .coc-banner.how-to-apply-banner {
        height: auto;
        padding: 0;
    }
    .coc-banner img {
        width: 100%;
        object-fit: cover;
        position: relative;
        z-index: -1;
        height: auto;
    }
    .home-loan-overview .home-banner-caption a.btn {
        align-items: center;
        justify-content: center;
        display: flex;
    }
}



@media only screen and (max-width: 767px) {
    .type-of-employment {
        display: block;
    }
    .type-of-employment span {
    margin: 5px 10px;
    display: inline-block;
    }
    .apply-online .list-group-links a {
        width: 100%;
    }

    main.home-loan-hindi .how-to-apply .board-direct-bottom .btn.btn-orange.view-all.git {
    margin: 0 0 10px 0px;
    margin-right: 15px;
}
.home-loan-facility .board-of-direct-slider .slick-arrow {
    display: none !important;
}
.apply-online .list-group.list-group-links a {
    width: 100%;
    padding: 10px 30px;
    margin-right: 0;
    margin-left: 0;
}
.ml-md-10 {
    margin-left: 0px !important;
}
.not-found-pg .btn_fir .mr-2{
    margin-bottom: 20px;
}
 .phone-banking-pg .self-services-div {
         display: block;
         }
         .phone-banking-pg .self-service-sec {
         width: calc(100% / 1);
         }
         .phone-banking-pg .self-service-sec.self-mrg-mb{
         margin-bottom: 15px;
         }
.phone-banking-pg .home-loan-features .home-loan-takeover.loan-maxloan-bg {
    margin-bottom: 12px;
}
.phone-banking-pg .home-loan-features .home-loan-takeover.loan-takeover-bg {
    margin-top: 5px;
}
}