body{
    margin: 0;
    padding: 0;
}
.active{
    color: #0055ff !important;
}
.loan-icon{
    max-width: 40px;
}

.cust-banner
{
    max-width: 385px;
}
.banner-bg-two-new{
    min-height: 560px;
    padding: 40px 0 50px;
}
.new-menu{
    flex-grow: 0;
    margin: 0 0 0 auto;
}
.new-row{
    --bs-gutter-x:0px;
}
.show-b-web{
    border-right: 2px solid #dee2e6;
}
/* apply-form */
.no{
    --bs-gutter-x: 0;
}
.img-new-l{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/loan/form-img-3.png);
}
.img-new-l img{
    width: 100%;
}
.parents-form{
    height: 100%;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    border: 0px solid #B3CCFF;
    border-radius: 0px;
    padding: 35px 40px 50px;
    background:#ecf2ff;
    padding-right: 40px;
}

.botm{
    margin-bottom: 27px !important;
}
new-text-input  label{
    font-size: 14px !important;
    color: #314d8b !important;
}
.new-text-input input{
    border: 0 !important;
    border-bottom: 1px solid #c0c0c0 !important;
    background: #ffffff !important;
    border-radius: 0 !important;
    padding: 12px 0px !important;
}
.new-text-input input::placeholder{
    color: #979797 !important;
    font-size: 14px !important;
}
.new-text-input input:focus{
    border-bottom: 1px solid #0055ff !important;
    color: #0055ff;
}

.new-text-input label{
    color: #41537a !important;
    font-weight: 600;
}
.drop-option{
    border: 0 !important;
    border-bottom: 1px solid #c0c0c0 !important;
    background: #ffffff !important;
    border-radius: 0 !important;
    padding: 12px 0px !important;
    width: 100%;
    font-size: 14px !important;
}

.drop-option:focus-visible{
    outline: unset;
}
.new-loans{
    padding-left: 65px;
    padding-top: 45px;
    height: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/banner/h2_banner_bg.jpg);


}
.main-parents{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.img-icon-apply{
    padding-right: 30px;
}
.img-icon-apply img{
    max-width: 60px;
}

.only-adj-radio{
    display: flex;
    align-items: center;
}
  .new-adjust-radio{
    width: 5% !important;
    /* opacity: 0; */
    top: 0px;
    display: inline-block !important;
    position: relative;
    /* padding: 15px !important; */
    height: 40px !important;
  }
 .new-colr{
    color: #687799 !important;
 }


 .only-100{
    height: 100vh;
 }
/* end apply-form */



/* range-slider */
/*
Colors
Blue: #3498db
Green: #64c832
Orange: #ff9600
Red: #3498db
Grey: #93a8a9
*/

.pi-calculator-wrapper {
    padding-top: 30px;
    border: 1px solid #93a8a9;
    margin-bottom: 30px;
}

.content-wrapper {
    display: block;
    max-width: 500px;
    margin: auto;
}

.pi-calculator-title .title {
    color: #3498db;
    font-size: 24px;
    font-weight:700;
    text-align: center;
    margin-bottom: 10px;
}

.pi-damages label {
    font-size: 16px;
    font-weight: normal;
    color: #41537a !important;
}
.pi-damages span {
    float: right;
}
.pi-damages input {
    border: 1px solid #e0e0e0 ;
    background-color: #ecf2ff;
    width: 115px;
}


.label1, .label2, .label3, .label4 {
    /* color:#222; */
    font-size: 16px;
}

.loan-apply{
    max-width: 20px;
    margin-right: 10px;
}

.parents-f{
    text-align: center;
    background: var(--tg-white);
    border: 1px solid #DDE5F6;
    border-radius: 10px;
    text-align: center;
    padding: 35px 20px 35px;
    margin-bottom: 30px;
    transition: .3s linear;
}
.icon-round{
    background: #0055ff;
    display: inline-block;
    border-radius: 100px;
    padding: 20px;
    margin-bottom: 25px;
}
.icon-round img{
    max-width: 45px;
}
.parents-f h2{
    font-size: 16px;
}
.parents-f p{
    font-size: 14px;
}
/* ====
Range Slider
================*/
.rangeslider,
.rangeslider__fill {
    display:block;
    border-radius:10px;
}

.rangeslider {
	position:relative;
    margin: 10px auto;
}
.rangeslider:after{
    top:50%;
    left:0;
    right:0;
    content:'';
    width:100%;
    height:7px;
    margin-top:-2.5px;
    border-radius:5px;
    position:absolute;
    background:#0055ff29;
    box-shadow: 0px 1px 3px #a7d8ff;
}

.rangeslider--horizontal{
    width:100%;
    height:28px;
}

.rangeslider--vertical{
    width:5px;
    min-height:150px;
    max-height:100%;
}
.rangeslider--disabled{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity:0.4;
}

.rangeslider__fill{
    position:absolute;
    background:#0055ff;
}
.rangeslider--horizontal .rangeslider__fill{
    top:0;
    height:100%;
}
.rangeslider--vertical .rangeslider__fill{
    bottom:0;
    width:100%;
}

.rangeslider__handle{
    top:50%;
    width:28px;
    height:28px;
    cursor:pointer;
    margin-top:-14px;
    background:white;
    position:absolute;
    background:#0055ff;
    border: 3px solid #fff;
    border-radius:50% !important;
    display:inline-block;
}
.rangeslider__handle:active{
    background:#4b87ff;
}

.rangeslider__fill,
.rangeslider__handle{
    z-index:1;
}
.rangeslider--horizontal .rangeslider__fill{
    top:50%;
    height:7px;
    margin-top:-2.5px;
}


/* =====
Calculate Settlement Button
========*/
#calculate-settlement {
    display: block;
    padding: 10px;
    font-size: 22px;
    margin: 20px auto 30px;
    background: #ff9600;
    border-radius: 15% !important;
}

/* =====
Calculate Settlement Result
========*/
#EstimateResult {
    border-top: 2px solid #222;
}

#EstimateResult h4 {
    font-weight: normal;
    text-align: center;
}

#EstimateResult .worth-between {
    font-size: 20px;
}

#EstimateResult label#sum {
    color: #3498db;
}

#EstimateResult label#low, 
#EstimateResult label#high {
    font-size: 24px;
    color: #3498db;
}

/* end-range-slider */
.bg-section{
    background-color: #ecf2ff;
}

/* calculotor */
.home-l-parents{
     background: #fff;
    padding: 25px;
    box-shadow: 1px 1px 12px #cfcfcfb8;
    border-radius: 20px;
    border: 2px solid #c3c3c36b;
}

.heading-cal{
    margin-bottom: 30px;
}
.heading-cal p{
    font-size: 14px;
}
.cal-input{
    width: 100%;
}
.two-text{
    display: flex;
    justify-content: space-between;
}
.new-age{
    width: 60px;
}
.cust-tex-w{
    width: 70%;
}
.new-bottom{
    margin-bottom: 45px;
}
.w-auto{
    width: auto;
}

.new-tB{
    color: #afafaf;
}

.nav-pills .new-tB.active{
    background-color: #0055ff;
}
/* calculotor end */

.canvasjs-chart-credit{
    display: none;
}
.new-chart-table{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #d2d2d2ee;
    padding: 10px;
    margin-bottom: 15px;
}
.new-chart-table label{
    font-size: 15px;
}
.new-chart-table label b{
    color: #222;
    font-weight: 800;
}
.chart-down{
    margin-bottom: 70px;
}
#chartdiv {
    width: 100%;
    height: 340px;
  }
  

/* data-table */
div.container { 
    max-width: 1200px ;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    margin-right: 0.5em;
    display: inline-block;
    color: rgba(0, 0, 0, 0.5);
    content: "►";
}

.new-m{
    margin-left: 6px;
}


.equal-btn{
    margin-bottom: 40px;
    display: inline-block;
}
.no-active-btn{
    color: #adadad;
    padding: 15px 20px;
}
.btn-cal-active{
    padding: 15px 20px;
    background: #0055ff;
    color: #fff;
    border-radius: 5px;
}
.btn-cal-active:hover{
    color: #fff;
}
.adjust-top{
    border-top: 1px solid #ceddfc;
    padding-top: 120px;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #dde8ff !important;
}
table.dataTable tbody tr {
    background-color: #ecf2ff !important;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td{
    border-top: 1px solid #d5dbff !important;
}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
    background-color: #dde8ff !important;
}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{
    background-color: #ecf2ff !important;
}
table.dataTable thead th, table.dataTable thead td{
    border-bottom: 1px solid #6d9eff !important;
}
table.dataTable.no-footer{
    border-bottom: 1px solid #6d9eff !important;

}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
    line-height: 12px !important;
}

.home-l-bg{
    background-image: url(../img/points/home-lon-bg.jpg) !important;
    background-attachment:unset !important;
}
.business-l-bg{
    background-image: url(../img/points/Business-lon-bg.jpg) !important;
    background-attachment:unset !important;
}
.car-l-bg{
    background-image: url(../img/points/Car-lon-bg.jpg) !important;
    background-attachment:unset !important;
}
.personal-l-bg{
    background-image: url(../img/points/personal-lon-bg.jpg) !important;
    background-attachment:unset !important;
}
.loan-against-l-bg{
    background-image: url(../img/points/loan-against-lon-bg.jpg) !important;
    background-attachment:unset !important;
}

.balance-transfer-bg{
    background-image: url(../img/points/balance-transfer-bg.jpg) !important;
    background-attachment:unset !important;
}

.loan-l-bg{
    background-image: url(../img/points/loan-lon-bg.jpg) !important;
    background-attachment:unset !important;
}

.new-width{
    max-width: 30px;
}
.font-s{
    font-size: 16px !important;
}



/* otp */
/* .otp-field {
    flex-direction: row;
    column-gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .otp-field input {
    height: 45px;
    width: 50px !important;
    border-radius: 6px;
    outline: none;
    font-size: 1.125rem;
    text-align: center;
    border: 1px solid #86a4c3;
    flex: 0 auto !important;
  }
  .otp-field input:focus {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .otp-field input::-webkit-inner-spin-button,
  .otp-field input::-webkit-outer-spin-button {
    display: none;
  }
  
  .resend {
    font-size: 12px;
  }
  .resend-otp{
      text-align: start;
  }
  .otp-resend-two{
    margin-bottom: 50px;
  } */
  /* endotp */
  
.verify-no{
    border-radius: 30px;
    letter-spacing: 0.02em;
    padding: 19px 25px;
    line-height: 12px;
    border: 0;
  }

  .step {
    display: none;
  }  

.thanks-popup{
    min-height: 180px;
    text-align: center;
}
.thanks-popup h1{
    font-size: 70px;
    color: #4fa452;
    margin-bottom: 25px;
}
.thanks-popup h1 i{
    border: 2px dashed #4fa4527d;
    border-radius: 100%;
    padding: 8px;
}
.thanks-popup h4{
    font-weight: 600;
    font-size: 25px;
    color: #2e2e2e;
}
/* end   */



/* login new */

.image-section {
    width: 100%;
    position: relative;
  }
  .image-wrapper {
    width: 100%;
    height: 100%;
  }
  .image-wrapper img {
    object-fit: cover;
    height: 89vh;
    width: 100%;
  }
  
  .content-container {
    background-color: hsla(0, 0%, 100%, 0.3);
    backdrop-filter: blur(30px);
    padding: 2rem;
    width: 80%;
    color: var(--text-dark);
    border-radius: 4px;
    border: 1px solid hsl(0 100% 100% / 0.3);
  
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .content-container h1 {
    font-weight: 600;
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }
  .content-container span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .otp-field {
    flex-direction: row;
    column-gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .otp-field input {
    height: 45px;
    width: 42px;
    border-radius: 6px;
    outline: none;
    font-size: 1.125rem;
    text-align: center;
    border: 1px solid #ddd;
  }
  .otp-field input:focus {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .otp-field input::-webkit-inner-spin-button,
  .otp-field input::-webkit-outer-spin-button {
    display: none;
  }
  

/* end */

.small-p{
    font-size: 15px;
}


/* bidding */
    .soft-bg{
        background-color: rgba(23,92,255,.2);
        border-radius: 10px;
    }
    .soft-bg-02{
        background-color: rgba(255,107,53,.2);
        border-radius: 10px;
    }
    .soft-bg-03{
        background-color: rgba(116,181,27,.2);
        border-radius: 10px;
    }
    /* .cursor-font{
        font-family: "Dancing Script", cursive;
        font-size: 35px;

    } */
/* end */

/* chart */

.new-map-add{
    max-width: 350px;
    margin: auto;
}
/* end chart */



/* fixed-deposite */

.deposite-img{
    max-width:580px;
}
.stap-icon{
    max-width: 40px;
}
.features-item-four:hover .features-icon-four .stap-icon {
    transform: rotateY(180deg);
}
.title-custom{
    font-size: 16px;
    font-weight: 600;
}
.stap-p p{
    font-size: 14px;
}

.title-benifit{
    font-size: 18px;
}
.benifit-p p{
    font-size: 14px;
}
.features-item-three:hover .features-content-three .title-benifit{
    color: #fff;
}

.testimonail-con-custom p{
    font-size: 18px;    
}
.custom-size-accordian{
    font-size: 17px !important;
    font-weight: 700 !important;
}
.custom-bottom-pading{
    padding-top: 90px;
    padding-bottom: 150px;
}
.custom-future{
    margin-bottom: 65px;
}
.row-border-side::after{
    content: '';
    position: absolute;
    border: 1px dashed #a9c5ff;
    width: 1px;
    height: 80%;
    left: 55px;
    z-index: -1;
}
.form-hero-first{
    margin: 0;
    padding: 20px 15px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #D5DAE4;
}
.select-custom{
    width: 100%;
    border: 1px solid #D5DAE4;
    border-radius: 4px;
    background: var(--tg-white);
    color: var(--tg-secondary-color);
    font-weight: 500;
    font-size: 13px;
    padding: 14px 18px;
    height: 50px;
    display: block;
}
.new-pading{
padding-top: 20px;
}
.custom-btn{
    user-select: none;
    -moz-user-select: none;
    background: var(--tg-primary-color) none repeat scroll 0 0;
    border: medium none;
    border-radius: 30px;
    color: var(--tg-white);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    margin-bottom: 0;
    padding: 18px 18px 18px 22px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    border: 0;
    position: relative;
    z-index: 1;
}
.custom-btn:hover{
    background: var(--tg-secondary-color);
    color: #ffffff;
}
/*end fixed-deposite */


/* blog */

.blog-heading-top{
    margin-top: 85px;
}
.limit-heading{
    display: block; /* or inline-block */
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 4.5em;
    line-height: 1.5em;
}
.limit-heading a{
    font-size: 20px;
}
.top-black-h{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 4.5em;
    line-height: 1.5em;
}
.blog-p-hide{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.details-data h4{
    font-size: 17px !important;
    font-weight: 600;
    margin-bottom: 4px !important;
}
.details-data p{
    margin-bottom: 25px !important;
}
/* end blog */


/* hero-section-circle */
.banner-content-two .title{
    font-size: 30px;
}
.men-img{
    position: relative;
    /* bottom: -80px; */
    max-width: 320px;
    z-index: 9999;
}
.circle-slider{
    max-width: 670px;
    right: 325px !important;
    z-index: 999 !important;
}
.round-half-curcle{
    position: relative;
}
.round-half-curcle img{
    width: 100%;
}
.new-hero-main{
    /* bottom: -45px; */
}
.main-alider-botom{
   position: absolute;
    bottom: 0px;
    /* top: 0; */
    left: 0;
    right: 0;
    margin: auto;
    max-width: 330px;
    width: 100%;
    z-index: 9999;
}
/* end */

.badge-top-b{
    position: absolute;
    top: 0px;
    right: 0px;
    background: #dc3545;
    border-bottom-left-radius: 8px;
}
.badge-top-b .badge{
    color: #fff;
}
.new-design-loan-form{
    background: #fff;
    margin: 10px;
    box-shadow: 1px 1px 12px #cfcfcfb8;
    border-radius: 20px;
    border: 2px solid #c3c3c36b;
}
.ind-women{
    max-width: 330px;
}

.login-headder{
    color: black;
    cursor: pointer;
    background: #bad1ff;
    padding: 13px 20px !important;
    border-radius: 40px;
}
.apply-loan-header{
    color: rgb(255, 255, 255) !important;
    cursor: pointer;
    background: #0056ff;
    padding: 13px 20px !important;
    border-radius: 40px;
}


/* responsive */
@media (max-width: 2560px) {
    /* .banner-shape-wrap img:nth-child(3) {
        right: 630px;
        bottom: 0;
        z-index: -2;
    } */
}
@media (max-width: 1500px) {
    .banner-shape-wrap img:nth-child(3) {
        max-width: 670px;
        right: 100px !important;
    }
}
@media screen and (max-width:1440px) {
    .custom-size{
        font-size: 29px !important;
    }
    
}
@media screen and (max-width:1024px) {
    .custom-size {
        font-size: 20px !important;
    }
    .banner-shape-wrap img:nth-child(3) {
        width: 520px !important;
        right: 0px !important;
    }
    /* .banner-area-two .banner-img img {
        max-width: 260px !important;
        right: 105px;
        bottom: -110px;
    } */
    .header-style-two .navbar-wrap ul li a{
            margin: 0px 5px;
    }
    .header-style-two .navbar-wrap ul {
        margin: 0 0 0 10px;
    }
        .banner-bg-two {
        min-height: 520px;
    }
    .cust-banner{
        max-width: 265px;
    }
}

@media screen and (max-width:991px) {
    /* .banner-area-two .banner-img img {
        max-width: 260px !important;
        right: 0;
        bottom: -10px;
    } */
    .banner-shape-wrap img:nth-child(3) {
        width: 450px !important;
        right: 0px !important;
        left: 0;
        margin: auto;
    }
}
@media screen and (max-width:768px) {
    .show-b-web{
        border-right: 0px solid #dee2e6;
    }
    .new-pading{
        padding-top: 20px !important;
        padding-bottom: 50px !important;
    }
    /* .banner-shape-wrap img:nth-child(3) {
        width: 450px !important;
        right: 160px !important;
    } */
    /* .banner-area-two .banner-img img {
        max-width: 220px !important;
        right: 15px !important;
        bottom: 0px !important;
    } */
    .banner-content-two {
        text-align: center;
        margin-bottom: 20px !important;
    }
    .login-headder{
        margin: 5px 10px;
    }
    .apply-loan-header{
        margin: 5px 10px;
    }
    .circle-slider {
        max-width: 500px;
    }
}
@media screen and (max-width:430px) {
    .banner-shape-wrap img:nth-child(3) {
        display: block !important;
        width: 100% !important;
        right: 0px !important;
    }
    .overview-content .content-bottom .list-wrap{
        /* justify-content: center; */
        margin-bottom: 10px;
    }
    .overview-content .content-bottom .list-wrap li .icon{
        font-size: 30px;
        margin-right: 15px;
    }
    .overview-content .content-bottom .list-wrap li{
        min-width: auto;
        width: 100%;
        padding: 18px 10px 18px 15px;
    }
    .overview-content .content-bottom .list-wrap li .content .count{
        font-size: 25px;
    }
    .overview-content .content-bottom .list-wrap li .icon::after{
        right: -8px;
    }
    .overview-content .content-bottom .list-wrap li .content p{
        font-size: 12px;
    }
    .logo img{
        max-height: 40px;
    }
    .menu-area .mobile-nav-toggler{
        font-size: 20px;
    }
    .menu-area{
        padding: 10px 10px !important;
    }
    .image-wrapper img{
        height: 45vh;
    }
    .updown-form{
        flex-wrap: wrap-reverse;
    }
    .comment-respond {
        padding: 25px 25px 50px !important;
    }
    .parents-form{
        height: auto;
    }
    .content-container h1 {
        font-weight: 600;
        font-size: 2rem;
        margin-bottom: 0rem;
    }
    .new-loans{
        padding-left: 0;
    }
    .heder-top-wrap{
        display: none;
    }
    /* .new-add-menu{
        padding: 25px 10px !important;
    } */
    .menu-bar{
        margin-top: 0px !important;
    }
    .two-text{
        display: block;
    }
    .equal-btn{
        width: 32%;
        margin-bottom: 10px;
        /* flex: none; */
        /* display: block; */
        /* margin-right: 10px; */
    }
    .equal-btn a{
        width: 100%;
        display:block;
        text-align: start;
        font-size: 12px;
        border: 1px solid #eee;
        border-radius: 5px;
        font-size: 11px;
        padding: 10px 8px;
    }
    .all-parents-cal{
        display: flex;
        justify-content: space-between;
    }
    .no-active-btn{
        padding: 10px 15px;
    }
    .adjust-top{
        padding-top: 80px !important;
        padding-bottom: 10px !important;
    }
    .custom-bottom-pading {
        padding-top: 0px;
        padding-bottom: 30px;
    }
    .row-border-side::after{
        content: '';
        position: absolute;
        opacity: 0;
    }
    .login-headder{
        margin: 5px 10px;
    }
    .apply-loan-header{
        margin: 5px 10px;
    }
    .banner-content-two .title{
        font-size: 19px;
    }
    .cust-banner {
        max-width: 215px;
    }
   
    .btn-cal-active{
        padding: 10px 10px;
    }
.reverse{
    flex-wrap: wrap-reverse;
}

}

@media screen and (max-width:375px) {
    .overview-content .content-bottom .list-wrap li{
        padding: 10px 5px 10px 8px;
    }
    .overview-content .content-bottom .list-wrap li .content p{
        font-size: 10px;
    }
    .overview-content .content-bottom .list-wrap li .icon::before{
        width: 30px;
        height: 30px;
        background: var(--tg-lavender);
        left: -5px;
        top: -12px;
    }
}