
/* emi-calculetor */
.emi-calculetor {
  padding-top: 60px;
}

#emipaymentsummary span, #emipaymentsummary .fa  {color: #63606f;}
#emitotalamount p, #emipaymentsummary p.other-bg {color: #212121;}

.emi-loan,fieldset{margin-bottom:30px}
.radio-progress-adv{display:flex;flex-wrap:nowrap;padding-top:1rem;gap:.25rem}
.radio-progress-adv .form-check{flex:1;padding-left:0}
.form-check span,.form-group span{color:#ab0100;font-size:14px}
.bar-contant h6,fieldset h5{font-size:18px;color:#081f2e}
.form-check-label{font-size:16px;margin-top:0;margin-right:16px}
#emipaymentsummary{position:relative}.senior-wrap{position:inherit;bottom:0;left:0}
#emipaymentsummary .footer{margin:0;padding:0}
.radio-progress-adv .form-check:not(:first-child) .form-check-label::after{position:absolute;background-color:var(--primary);border-radius:.125rem;
  top:-.5rem;display:block;content:"";height:.5rem;width:100%;left:0;transform:translateX(-52.5%);background:#960100}
.em-sum-algn{align-items:center}
  .radio-progress-adv .form-check-input{position:absolute;left:-5000px}
  .radio-progress-adv .form-check-input:checked+.form-check-label{font-weight:700}
  .radio-progress-adv .form-check-label{width:100%;text-align:center;cursor:pointer;user-select:none;font-size:16px}
.text-aline{display:flex;align-items:center;justify-content:space-between;padding:0 50px}
.audio-progress{height:6px;width:100%;background-color:silver;overflow:hidden}
.audio-progress .bar{height:100%;background-color:#ab0101}
#audio-progress-handle{display:block;position:absolute;z-index:1;margin-top:-7px;margin-left:-11px;width:20px;height:20px;border:4px solid #ab0101;
  border-top-color:#ab0101;border-right-color:#ab0101;transform:rotate(45deg);border-radius:100%;background-color:#fff;box-shadow:0 1px 6px rgba(0,0,0,.2);cursor:pointer}
.pr-bar{padding:20px 45px}.bar-contant{display:flex;justify-content:space-between;margin-top:15px}
.text-aline h4{font-size:16px!important;padding:0!important}
.text-aline h3{color:#081f2e;font-size:16px;padding:6px 30px;border:1px solid #000}
fieldset h5{font-weight:600;padding-left:55px}:root{--primary-hue:283deg;--primary:hsl(var(--primary-hue), 38%, 42%);--S:38%;--L0:42%;--L1:calc(var(--L0) + 7%);
    --L-1:calc(var(--L0) - 7%);--L-2:calc(var(--L0) - 10%);--L-3:calc(var(--L0) - 13%)}
.radio-progress-adv .form-check--checked~.form-check .form-check-label::after{background-color:rgba(0,0,0,.2)}
.emi-calculetor .container{border:1px solid #eee;border-radius:8px}
.emi-calculetor .container h4{color:#081f2e;font-size:30px;font-weight:700;padding-left:50px;padding-top:30px}
.contant-card-text ul li,.emi-loan h6{font-weight:400}
.emi-calculetor .container p{color:#081f2e;font-size:16px;font-weight:400;padding-left:50px}.emi-loan h6{color:#747474;font-size:16px}
.emi-loan h5{font-size:20px;font-weight:600;color:#000;border-bottom:1px solid #747474;padding-bottom:10px;padding-right:30px}
.emi-loan{padding:0 30px}div.chart-details p::before{bottom:auto;top:3px}
.emi-btn .btn-primary{background:#a00;color:#fff;font-size:14px;font-weight:800;text-decoration:none;transition:.5s;padding:15px 25px;border-radius:10px;border:none}
.emi-btn .btn-primary:hover img{margin-left:5px;transition:.5s}
.emi-btn{padding:30px}.loadmask,.loadmask-msg,.loadmask-msg div,ul.loanproduct-nav{display:none!important}
.emicalculatorcontainer{border:none!important;padding:0}
.emi-container{border:1px solid #cccccc75;border-radius:8px}
#emipaymentsummary #emitotalamount p,#emipaymentsummary p.other-bg,.emi-wrapper h4{text-align:left}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:#cd181e!important;border:1px solid #cd181e!important}
.ui-widget-header{background:#cd181e!important}#emicalculatorinnerformwrapper{border:none!important}
.details .form-control{border-radius:5px!important;position:relative;max-width:160px;top:-12px;margin-left:0!important}
.details h6{margin-right:6px}.b-calc{border:1px solid #ccc;padding:30px}.online-emi .details{margin-left:50%}
#emicalculatorinnerform{border-bottom:none!important}
.emicalculatorcontainer .control-label{text-align:left!important;color:#000!important;font-size:17px!important;font-weight:100}
.form-control{color:#000;}.details-t .form-control{top:-10px;border-radius:5px!important;position:relative;max-width:160px;border-color:#6e6e6e;background-color:transparent}
.marker{font-size:13px;white-space:nowrap}.flex-contr{flex-basis:content}
#emipaymentsummary h4{font-size:15px;color:#555;margin-top:.3rem;padding-left:0;text-align:left;font-weight:100}
.align-ok{display:flex;justify-content:end}.align-ok h6{padding-top:3px;padding-right:5px}
#emipaymentsummary .fa{margin-left:12px}
#emipaymentsummary .emi-amount-p{font-size:12px;display:block;text-align:right;color:#63606f;font-weight:500}
#emipaymentsummary p{text-align:right;margin-bottom:0!important;font-weight:700}
.emi-wrapper p{font-weight:100;font-size:15px}
#emipaymentsummary,#emipiechart{padding-top:0}
.emi-wrapper .know-more{color:#00000096;font-weight:100;font-size:13px}
.emi-wrapper .know-more a{color:#cd181e;margin-left:7px}


#emipaymentsummary {min-height:0px;}
#emipaymentsummary p {min-height:0px;line-height: 1;}
.light div .align-ok h6 { color: #212529;}
.light div .marker {color: #333;}
.light div .tick {color: #ccc;}
/*.light .emicalculatorform .details .form-control {
  color: #434c4e !important;
  border-color: #6e6e6e !important;
}
.light div .emicalculatorform  h6 {color: #212529;}
.light .emicalculatorform .details .form-control::placeholder {color: #434c4e !important;}
.light .emicalculatorform input::placeholder {color:#434c4e !important;}

.light .emicalculatorform label.col.control-label {
  color: #434c4e;
  border-color: #6e6e6e !important;line-height: 2;
}*/

.emicalculatorform .details-t .form-control {
  border-color: #6e6e6e ;
    background-color: transparent ;
}
.emi-wrp-left {
  background: #fbf5e7;
}


.loan-details-box .col-lg-9.padd-box-2 {background-color: #fbf5e7;}
.tab-content>.tab-pane {line-height: 0;}


@media (max-width:700px) { 
.online-emi .details {
    margin-left: 30%;
}

.details .form-control {}

}

@media (max-width:991px) { 
  #emipaymentsummary .emi-amount-p {text-align: center;}
  #emipaymentsummary p {text-align: center;}
  .mob-no {display: none;}
  #emipaymentsummary div.footer {padding-bottom: 30px !important;}
  .emi-amnt {font-size: 18px;}

}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
.online-emi .tab-content iframe {
    height:489px !important;
  }

  .page-emi-wrap .loan-img-bg {display: none;}
  .page-emi-wrap .emi-wrp-left.col-lg-9 {width: 100%;border-radius: 22px;}
  .page-emi-wrap .em-sum-algn {display: block;}

  .page-emi-wrap #emipaymentsummary #emitotalamount p,.page-emi-wrap #emipaymentsummary p.other-bg, 
  .page-emi-wrap .emi-wrapper h4 {
    text-align: center;
   }
   .page-emi-wrap #emipaymentsummary p {display: inline-block;}
 .page-emi-wrap .em-sum-algn .col-lg-4 {width: 100%;}
  .page-emi-wrap .em-sum-algn .col-lg-5 {width: 100%;}
  .page-emi-wrap .chart-details {display: block;}
  .page-emi-wrap #emipaymentsummary p {text-align: center;}
  .page-emi-wrap .col-lg-3 {width: 100%;}
  .page-emi-wrap #emipaymentsummary .emi-amount-p {text-align: center;display: block;}

  .page-emi-wrap #emipaymentsummary p.other-bg {margin: 12px 0 !important;}

  .page-emi-wrap .emi-calulator {padding: 20px;border-radius: 22px;}
  .page-emi-wrap  #emicalculatorinnerform {
        border-bottom: 1px solid #ccc;
        padding: 10px 20px;
    }

  .page-emi-wrap #emipaymentsummary div.footer {
        padding-bottom: 30px !important;
    }


}


@media (min-width:1200px) { 
  .online-emi .tab-content iframe {
    height:400px !important;
  }
  .emi-wrp-left {
    border-top-right-radius: 22px;
     border-bottom-right-radius: 22px;
}



}


@media (min-width:992px) { 
  
  .bg-cal {justify-content: space-between;}
  .bg-cal .left-emi {width:30%;}
  .bg-cal .right-emi {width:69.6%;}

  #emipaymentsummary .footer.mrgin-gp {margin: 24px 0;}


}


@media (min-width:1400px) { 
  
.online-emi .tab-content iframe {
    height:436px !important;
  }

}