body{font-family:Arial, sans-serif;margin:0;padding:0;background:#f8f9fa;}
.container{margin-top:50px;}
.calc_WrapSEC{background:#fff;border-radius:12px;box-shadow:0 6px 12px rgba(0,0,0,0.1);}
.contsec{margin-top:20px;}
h2{text-align:left;margin-bottom:20px;}
label{font-weight:bold;display:block;margin-top:12px;}
input[type=number]{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:8px;border:0px solid #ccc !important;padding:10px !important;font-size:16px !important;background:inherit !important;}
.output{font-size:24px;text-align:center;margin-top:15px;font-weight:bold;}
canvas{max-width:300px;margin:auto;display:block;}
.legend{display:flex;justify-content:space-around;margin-top:20px;}
.legend div{text-align:center;}
.calc-section{border-top:none;padding:20px 0px 0px 0px;}
.calc-section.frstinput{margin-bottom:25px;}
.noborder{border:0px;}
.calc-section label{font-weight:600;display:block;margin-bottom:8px;font-size:15px;}
.input-group{display:flex;align-items:center;border:1px solid #28a745;border-radius:6px;padding:5px 10px;margin-top:5px;margin-bottom:10px;}
.input-group span{color:#28a745;font-weight:bold;margin:0 5px;}
.input-group input{border:none;outline:none;width:100%;font-size:16px;text-align:center;}
.range-labels{display:flex;justify-content:space-between;font-size:13px;margin-top:16px;color:#555;}
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="number"]{width:100% !important;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.calc_WrapSEC{border:1px solid #76d882;border-radius:10px;}
.calc_SEC{display:flex;flex-flow:row;background:linear-gradient(to bottom, #ffffff 0%, #fefffe 0%, #fefffe 0%, #fbfffd 100%);}
.input-panel, .result-panel{flex:1;padding:30px;}
.input-panel{border-right:1px solid #76d882;}
.input-fields{display:flex;align-items:center;border:1px solid #76d882;border-radius:6px;padding:0px 8px;max-width:100px;background-color:#f6fff8;}
.symbol{padding-right:10px;font-size:18px;font-weight:500;color:#2a394e;}
.input-container{display:flex !important;justify-content:flex-end;width:100%;align-items:center;}
.title{font-weight:500;font-size:16px;line-height:26px;}
.fake-input-container{width:40%;}
.sip-inner-box{text-align:center;display:flex;justify-content:space-between;padding-bottom:10px;align-items:center;}
.input-fields input{border:none;outline:none;font-size:18px;line-height:30px;font-weight:600;width:100%;padding:0px;text-align:center;background:transparent;}
input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:5px;background:#e0e0e0;outline:none;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#28a745;cursor:pointer;border:none;margin-top:0px;}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#28a745;cursor:pointer;border:none;}
.formSec{width:100%;}
.frmbtn{margin-top:5%;width:90%;}
.form-signin .form-control{font-size:12px;padding:6px 10px 6px 26px;color:rgba(75, 84, 93, 1) !important;border-radius:5px;border-color:#d3d3d3;height:50px;}
.input-tag{align-items:center;width:100%;}
span.input-img{position:absolute;top:3px;left:18px;}
.input-tag.mob{position:relative;}
.input-tag.mob input{padding-left:60px;}
#registration_form{padding:8px 0;bottom:0px;z-index:9999;margin-bottom:-3px;background:transparent;display:flex;flex-flow:row;justify-content:center;align-items:center;box-shadow:0px 2px 6px 0px #cacaca;padding:16px 0px;}
.bg-gradient{background-image:linear-gradient(to right, #18839e, #289e5e) !important;}
.fixedElement .frmbtn{background:#4cb78c;background:linear-gradient(0deg, #23978a, #4cb78c);color:#fff;padding:4px 16px;display:flex;justify-content:center;align-items:center;font-weight:500;border-radius:10px;margin:0px;outline:none;height:50px;}
@media(max-width:768px){
.calc_SEC{display:flex;flex-flow:column;border-top:1px solid #76d882;padding:0px 15px;}
.input-panel{border-bottom:1px solid #76d882;border-right:0px;}
.calc_WrapSEC{border-radius:0px;border-top:0px;}
.fld{padding:0px !important;}
#registration_form{flex-flow:column;padding:15px;}
#registration_form .fld img{width:100%;}
.input-panel, .result-panel{padding-left:0px !important;padding-right:0px !important;}
}
@media(max-width:425px){
.form-signin .form-control{min-width:302px;}
.fixedElement .frmbtn{min-width:300px;}
}
@media(max-width:425px){
.title{font-size:14px;}
.opening-statement p{font-size:15px;}
.result-value{font-size:33px;}
.result-label{font-size:12px;}
.result-amounts .result-value{font-size:20px; line-height:35px;}
}