.text-white > .calculator .calculatorHead .calculatorSmall,
.text-white > .calculator .calculatorHead h2,
.text-white > .calculator .calculatorHead p,
.text-white > .calculator .calculatorFieldLabel,
.text-white > .calculator .calculatorResultValue { color:var(--light-font-color); }

.text-body-alt > .calculator .calculatorHead .calculatorSmall,
.text-body-alt > .calculator .calculatorHead h2,
.text-body-alt > .calculator .calculatorHead p,
.text-body-alt > .calculator .calculatorFieldLabel,
.text-body-alt > .calculator .calculatorResultValue { color:var(--light-font-color2); }

.calculatorHead{max-width:800px; margin:0 auto 40px; text-align:center;}
.calculatorSmall{display:block;color:var(--black-clr);opacity:.4;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:15px;}
.calculatorHead h2{color:var(--head-font-color);font-size:var(--fs-30);font-weight:400;padding:0;}
.calculatorHead h2:not(:last-child){padding-bottom:15px;}
.calculatorHead p{color:var(--body-font-color);opacity:.75;font-size:16px;text-align:center;}
.calculatorHead p:last-child{padding-bottom:0;}

.calculatorForm{background:var(--black-clr);border-radius:30px;padding:30px;}
.calculatorBody{align-items:center;row-gap:30px;}

.calculatorField{margin-bottom:30px;}
.calculatorField:last-child{margin-bottom:0;}
.calculatorFieldLabel{display:block;color:var(--light-font-color);font-size:16px;margin-bottom:10px;}

.calculatorSliderRow{padding:0 5px;margin-bottom:15px;}
.calculatorRange{
	-webkit-appearance:none;appearance:none;
	width:100%;height:2px;background:rgba(255,255,255,0.3);
	outline:none;cursor:pointer;
}
.calculatorRange::-webkit-slider-thumb{
	-webkit-appearance:none;appearance:none;
	width:22px;height:22px;border-radius:50%;
	background:var(--main-clr);border:2px solid #fff;cursor:pointer;
}
.calculatorRange::-moz-range-thumb{
	width:22px;height:22px;border-radius:50%;
	background:var(--main-clr);border:2px solid #fff;cursor:pointer;
}
.calculatorRange::-moz-range-track{background:rgba(255,255,255,0.3);height:2px;border:none;}
.calculatorRange::-webkit-slider-runnable-track{background:transparent;}

.calculatorInputRow{display:flex;align-items:center;justify-content:center;gap:10px;}
.calculatorInputBox{
	position:relative;display:flex;
	padding:0 35px 0 15px;
	border-radius:20px;overflow:hidden;
	border:2px solid #fff;
}
.calculatorInputBox input{
	-moz-appearance:textfield;
	background:transparent;border:none;outline:none;box-shadow:none;
	min-width:30px;min-height:50px;text-align:center;
	color:#fff;font-size:16px;font-weight:400;
}
.calculatorInputBox input::-webkit-inner-spin-button,
.calculatorInputBox input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.calculatorArrows{
	position:absolute;top:0;right:0;bottom:0;left:auto;
	width:30px;display:flex;flex-direction:column;
}
.calculatorArrow{
	flex:1;display:flex;align-items:center;justify-content:center;
	background:transparent;border:none;color:#fff;cursor:pointer;padding:0;
}
.calculatorArrow i{font-size:16px;}
.calculatorUnit{color:#fff;line-height:1;}

.calculatorResultsWrap{text-align:center;}
.calculatorResultField{margin-bottom:20px;}
.calculatorResultField .calculatorFieldLabel{margin-bottom:5px;}
.calculatorResultValue{display:block;color:#fff;font-weight:700;line-height:1;font-size:48px;}
.calculatorResultField-meaning{margin-bottom:30px;}
.calculatorResultField-meaning .calculatorResultValue{font-size:20px;}

.calculatorSubmit{margin-top:10px;}
.calculatorBtn{
	display:inline-flex;align-items:center;gap:10px;
	padding:14px 28px;border-radius:100px;
	background:var(--main-clr);color:#fff;
	font-size:var(--fs-16);font-weight:500;
	text-transform:capitalize;letter-spacing:1px;
	transition:0.3s;
}
.calculatorBtn:hover{background:var(--hover-color);color:#fff;}
.calculatorBtn i{font-size:16px;}

@media(min-width:992px){
	.calculatorForm{padding:50px;}
	.calculatorHead h2{font-size:var(--fs-36);}
	.calculatorInputRow{justify-content:flex-start;}
}