.calc-block {
  border-radius:10px;
  background:#fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  margin-bottom:20px
}

.calc-block h2 {
  font-size: 24px;
  line-height: 36px;
  font-family:Inter, sans-serif;
  font-weight:500;
  margin-bottom:5px;
  padding:15px 0 0 15px;
}

.calc-block .calculator-container {
  padding:15px;
  border-bottom:1px solid var(--main-color);
}

.calc-block .checkbox-block .html-content {
  display:flex;
  align-items: flex-start;
  margin-bottom:15px;
}

.calc-block .checkbox-block input {
  display:none;
}

.calc-block .checkbox-block .html-content:before {
  content: "";
    border-radius: 100%;
    border: 1px solid var(--main-color);
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    transition: all 250ms ease;
    top: 0px;
    margin-right: 10px;
}

.calc-block .checkbox-block .html-content.active:before {
  background-color: var(--main-color);
  box-shadow: inset 0 0 0 3px #fff;
}

.calc-block .calculator-wrapper:not(:last-child) {
  margin-bottom:15px;
}

.calc-block .calc-title {
  font-size: 16px;
  line-height: 20px;
  font-family:Inter, sans-serif;
  font-weight:300;
  margin-bottom:5px;
}

.calc-block .calculator-wrapper input {
  padding:10px 16px;
  border-radius:8px;
  width:100%;
  font-size: 12px;
  line-height: 16px;
  font-family:Inter, sans-serif;
  font-weight:400;
  border:1px solid var(--main-color);
}

.calc-block .calculator-wrapper input:focus {
  outline:none;
}

.calc-block .result-container {
  padding:15px;
}

.calc-block .result-wrapper {
  margin-bottom:15px;
  display:flex;
  justify-content:space-between;
}

.calc-block .result-text {
  font-size: 16px;
  line-height: 20px;
  font-family:Inter, sans-serif;
  font-weight: 300;
}

.calc-block .result-wrapper .count {
  font-size: 16px;
  line-height: 20px;
  font-family:Inter, sans-serif;
  font-weight:500;
}