.emi-section-1 {
    background: #f6f6f7;
    padding: 4em 14px;
    border-radius: 10px;
}
.banner-content h2 span {
    color: #fb4848;
}
.emi-calculator p {
    margin-bottom: 0;
    float: left;
    font-weight: 600;
}
.label-value span {
    font-size: 12px;
}
.indicator-chart p {
    float: initial;
}
.chart-detail h4 {
    font-size: 18px;
    font-weight: 600;
    color: #112233;
}
.chart-detail small {
    font-size: 12px;
}
.kw-icon {
    width: 45px;
    height: 45px;
    text-align: center;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}
.kw-icon img {
    width: 75%;
}
.emi-section-1 h4 {
    font-size: 18px;
}
.emi-section-2 input {
    width: 25%;
    font-size: 14px;
    text-align: right;
    border: none;
}
.emi-calculator input:focus-visible{
    outline: initial;
}  

.emi-section-1 h2 {
    color: #2EAFCF;
    font-weight: 600;
}
.emi-section-1 h2 span {
    font-size: 14px;
}
.emi-section-3 {
    position: relative;
}
.emi-section-3::after {
    content: "";
    width: 180px;
    height: 180px;
    background: #f1f1f1;
    position: absolute;
    top: 21.5%;
    left: 28%;
    border-radius: 50%;
    z-index: -1;
}

/* noUI slider css */
/* .noUi-base, .noUi-connects {
    background: #d8d8d8;
    border-radius: 20px;
} */
.noUi-horizontal {
    height: 8px !important;
}
.noUi-horizontal .noUi-handle {
    width: 15px !important;
    height: 15px !important;
    right: -12px !important;
    top: -4px !important;
}
.noUi-handle {
    border: none !important;
    border-radius: 50% !important;
    background: #057792 !important;
	box-shadow: none !important;
}
.noUi-handle:after, .noUi-handle:before {
    content: initial !important;
}
.noUi-connect {
    background: #057792 !important;
}
.noUi-target {
    background: #ececec !important;
    border-radius: 4px;
    border: none !important;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

/* toggle switch css */

.has-toggle-input label, .has-toggle-input.radio label {
    display: block;
    float: left;
    padding: 10px;
    margin: -1px;
    cursor: pointer;
    font-size: 12px;
    width: 51%;
    overflow: hidden;
    min-height: 40px;
    border-radius: 20px;
    text-align: center;
}
.has-toggle-input label.active {
    background: #057792;
    color: white;
    font-weight: bolder;
    border: 1px solid #057792;
}
    .kw-switch p {
    float: initial;
}
.kw-switch .form-check {
    padding-left: initial;
    border: 1px solid #ddd;
    display: flex;
    border-radius: 20px;
    margin: 10px 0;
}

#trade-in .modal-header {	
    display: block;	
    color: #333;	
}	
#trade-in button.btn-close {	
    position: absolute;	
    top: -1px;	
    right: -1px;	
    background: #fb4848;	
    opacity: 1;	
    z-index: 0;	
    color: #fff;	
    padding: 6px;	
    margin: 0;	
    line-height: 0;	
    border-radius: 0;	
    border-top-right-radius: 17px;	
}	
#trade-in .modal-content {	
    border-radius: 20px;	
    padding: 25px;	
    border: 1px solid #fff;	
}	
.trade-img {	
    padding: 20px 0;	
}

.kw-red-btn:focus {	
    box-shadow: none;	
    color: #fff;	
    background-color: #f27474;	
    border-color: #f27474;	
}

 input#instal-type-no, input#instal-type-yes, input#emischeme-no, input#emischeme-yes {
    display: block !important;
    opacity: 0;
    width: 20px;
} 


.kw-emi-calc {
    min-height: calc(100vh - 45px);
}
@media screen and (max-device-width: 768px) and (orientation: portrait) {
    .emi-section-1 {
        padding: 1em 14px;
    }
}