.calculater {
    padding: 100px 0px;
    overflow: hidden;
    color: #374651;
  }

  .cacl-innerSection {
    margin-top: 100px;
  }

  .custom-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  .calculator-heading {
    letter-spacing: -2.4px;
    font-size: 60px;
    font-weight: 600;
    line-height: 1.13;
  }

  .total-heading {
    font-size: 46px;
    font-weight: 600;
  }

  .text-span-20 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(12deg, #a28292, #c2996c);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .calculater input:focus {
    outline: none !important;
    box-shadow: none !important;
  }

  .calculater input[type=number] {
    border: 1px solid #9db7b0;
    border-radius: 4px;
  }

  .calculater input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    background: #eaecf0;
    border-radius: 5px;
    padding: 4px 0;
  }

  .calculater input[type=range]::-moz-range-track {
    background: #eaecf0;
    border-radius: 5px;
  }


/* Track */
.calculater input[type=range]::-webkit-slider-runnable-track {
  height: 6px;
}

.calculater input[type=range]::-moz-range-track {
  height: 6px;
}

/* Thumb */
.calculater input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  background: #eaecf0;
  border-radius: 50%;
  border: 1px solid #9db7b0;
  cursor: pointer;

  /* PERFECT vertical centering */
  margin-top: -4.5px; /* (thumb - track) / 2 = (15 - 6) / 2 */
}

.calculater input[type=range]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background: #eaecf0;
  border-radius: 50%;
  border: 1px solid #9db7b0;
  cursor: pointer;
}


  .calculater input[type=range]:focus {
    outline: none !important;
  }

  .calculater .form-range {
    padding: 5px !important;
  }

  .calcBtn {
    padding: 15px 30px;
    border-radius: 50px;
    background: linear-gradient(to right, #a7868c, #c0986e);
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
  }

  .divider {
    border: 1px solid #eaecf0;
  }

  .divY {
    margin: 100px 0px;
  }

  .total {
    background: url('img/image-2603.png') no-repeat center center / cover;
    width: 100%;
    max-width: 600px;
    padding: 80px;
    text-align: center;
    display: block;
    margin: 0px auto;
  }

  .icons {
    width: 50px;
  }

  @media screen and (max-width: 1200px) {
    .calculater {
      padding: 100px 15px;
    }
  }

  @media screen and (max-width: 767px) {
    .calculator-heading {
      font-size: 3rem;
    }

    .inline {
      display: none;
    }
  }