.d-calculator {
 border: 1px solid #d8d7d7;
 border-radius: 20px;
 padding: 24px 4px;
 opacity: 0.78;
 margin-bottom: 20px;
}

.d-calculator .d-filed.form__row [type="range"] {
 position: relative;
 bottom: -3px;
 margin-top: -13px;
 margin-bottom: 0;
}

.d-calculator span.d-value-format {
 position: absolute;
 top: 45px;
 left: 20px;

}

.d-calculator .d-filed.form__row label {
 position: relative;
}

.d-calculator .d-filed.form__row label>span:not(.d-value-format) {
 margin-bottom: 11px;
 display: block;
}

.d-calculator .d-filed.form__row input.inputbox:focus {
 color: #232323;
}

.d-calculator .d-filed.form__row input.inputbox:focus+span.d-value-format {
 opacity: 0
}

.d-calculator .d-filed.form__row {
 position: relative;
 width: 32.1577779%;
 margin: 0;
 flex-flow: column;
 gap: 5px;
}

.d-calculator .d-fields {
 display: flex;
 flex-flow: wrap;
 gap: 15px;
 /* margin-bottom: 36px; */
 justify-content: space-between;
}

.d-calculator .calc-title {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 31px;
}

.d-calculator .calc-title h2 {
 margin: 0;
 font-family: "Inter", sans-serif;
 font-weight: 500;
 font-size: 33px;
 line-height: 129%;
 letter-spacing: 0.03em;
}

.d-calculator .calc-title .calc-result {
 font-family: "Inter", sans-serif;
 font-weight: 500;
 font-size: 32px;
 line-height: 134%;
 letter-spacing: 0.03em;
 color: #828ef9;
}

.d-calculator .d-filed.form__row input.inputbox {
 margin: 0;
 color: transparent;
 width: 100%;
}

.d-calculator span.d-value {
 display: flex;
 flex-flow: nowrap;

 justify-content: space-between;

 font-family: "Inter", sans-serif;
 font-weight: 500;
 font-size: 12px;
 line-height: 167%;
 color: #979797;
 margin-top: 5px;
}

.d-calculator .inputRange {
 appearance: none;
 width: 100%;
 height: 7px;
 border-radius: 9999px;
 background: linear-gradient(90deg, #828ef9 30%, transparent 30%);
 cursor: pointer;
}

/* Thumb: for Chrome, Safari, Edge */
.d-calculator .inputRange::-webkit-slider-thumb {
 -webkit-appearance: none;
 appearance: none;
 width: 15px;
 height: 15px;
 border-radius: 9999px;
 background: #828ef9;
 box-shadow: none;
}

/* Thumb: for Firefox */
.d-calculator .inputRange::-moz-range-thumb {
 border: none;
 width: 15px;
 height: 15px;
 border-radius: 9999px;
 background: #828ef9;
 box-shadow: none;
}

@media (max-width: 768px) {
 .d-calculator .d-filed.form__row {
  width: 100%
 }

 .d-calculator .calc-title {
  flex-flow: wrap;
 }

 .d-calculator {
  padding: 24px 5px;
 }
}
@media (max-width: 578px) {
 .d-calculator span.d-value-format{
  top: 37px;
 }
  .d-calculator .calc-title h2{
   font-size: 30px;
  }
}