.section--savings--calculator .savingsCalculatorForm{
  background: #FFFFFF;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
  padding:80px;
}

.savingsCalculatorForm input, .savingsCalculatorForm a,.savingsCalculatorForm p ,.savingsCalculatorForm span, .savingsCalculatorForm h2, .savingsCalculatorForm h3 , .savingsCalculatorForm h4, .savingsCalculatorForm h5{
  font-family:'Muli','sans-serif';
}
.savingsCalculatorForm .section__title{
  font-weight: 900;
  font-size: 32px;
  color: #191919;
  line-height: 40px;
}
.savingsCalculatorForm .section__title span{
color:#2a72d9;
  display:block;
}
.savingsCalculatorForm .savingsCalculator--title{
  font-size: 24px;
  margin-top:32px;
  margin-bottom:100px;
  font-weight: 100;
}
.savingsCalculatorForm .info-icon{
  width:20px;
  height:20px;
  background:url('../images/savings--calculator--info.svg') no-repeat;
  background-size:cover;
  background-position: center;
  display:inline-block;
  margin-left:10px;
  position:relative;
  cursor:pointer;
  bottom:-3px;
}
.savingsCalculatorForm span.info-icon span{
  position: absolute;
  max-width: 480px;
  width: max-content;
  color: #FFF;
  background: #1772D9;
  border-radius: 16px;
  padding: 40px;
  font-size: 20px;
  z-index: 3;
  bottom: 35px;
  left: -50%;
  display: none;
  text-decoration:none;
}
.savingsCalculatorForm .info-icon:hover span{
  display: block;
}
.savingsCalculatorForm .info-icon span::before {
  left:calc(50% - 12px);
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  bottom: -5px;
  background-color: #1772D9;
  border-style: solid;
  border-width: 1px;
  border-color: #1772D9 transparent transparent #1772D9;
}
#monthly--min, #provider--price {
  width: 100%; /* Full-width */
  height:3px; /* Specified height */
  -webkit-appearance: none;
  background: #F3F3F3; /* Grey background */
  outline: none; /* Remove outline */
  border-radius:99px;
}
#monthly--min::-webkit-slider-runnable-track, #provider--price::-webkit-slider-runnable-track {

  border-radius: 25px;
}
.savingsCalculatorForm #monthly--min::-webkit-slider-thumb, .savingsCalculatorForm #provider--price::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 40px; /* Set a specific slider handle width */
  height: 40px; /* Slider handle height */
  background: url('../images/range-slider-thumb.svg') no-repeat; /* Green background */
  background-size:cover;
  background-position: center;
  cursor: pointer; /* Cursor on hover */
}
.savingsCalculatorForm .monthly--bill, .savingsCalculatorForm .provider--bill{
  display:flex;
}
.range--wrapp{
  position:relative;
  width:calc(100% - 112px);
}
.monthly--bill .plus, .provider--bill .plus{
  width:32px;
  height:32px;
  background:url('../images/Plus.svg');
  background-size:cover;
  background-position: center;
  margin-left:24px;
  margin-top: -16px;
  cursor:pointer;
}
.monthly--bill .minus, .provider--bill .minus{
  width:32px;
  height:32px;
  background:url('../images/Minus.svg');
  background-size:cover;
  background-position: center;
  margin-right:24px;
  margin-top: -16px;
  cursor:pointer;
}
#monthly--min::-moz-range-thumb, #provider--price::-moz-range-thumb {
  width: 40px; /* Set a specific slider handle width */
  height: 40px; /* Slider handle height */
  background: url('../images/range-slider-thumb.svg') no-repeat; /* Green background */
  background-size:cover;
  background-position: center;
  cursor: pointer; /* Cursor on hover */
}
.range-value{
  position: absolute;
  top: -58px;
}
.range-value span{
  width:150px;
  text-align: center;
  color: #000;
  font-size: 32px;
  display: block;
  position: absolute;
  left: 50%;
  font-weight:600;
  transform: translate(-50%, 0);
}
div.range-value > span{
  width: 180px;
}
.savingsCalculatorForm .results{
  padding-bottom:40px;
  border-bottom:1px solid #D6D6D6;
  margin-top:60px;
}
.savingsCalculatorForm .results .col{
  text-align: center;
}
.savingsCalculatorForm .results .result{
  margin-bottom:40px;
}
.savingsCalculatorForm .results .result p{
  font-weight: bold;
  font-size: 44px;
  margin-bottom:30px;
}
.savingsCalculatorForm .results > .col:nth-child(1){
  border-right:1px solid #D6D6D6;
}
.savingsCalculatorForm .results .second--result p{
  font-weight: bold;
  font-size: 24px;
  margin-bottom:10px;
}
.savingsCalculatorForm .results span{
  font-size: 18px;
}
.savingsCalculatorForm .discounted{
  color: #95A93B;
}
.savingsCalculatorForm .discounted span{
  text-decoration: line-through;
  font-size:14px;
  color: #191919;
  font-weight:600;
  margin-left: 8px;
}
.savingsCalculatorForm .calculator--information{
  padding-top:40px;
  border-top: 1px solid #D6D6D6;
  margin-top: 80px;
}
.savingsCalculatorForm .calculator--information > .col--6:nth-child(1){
  border-right:1px solid #D6D6D6;
  padding-right:68px;
}
.savingsCalculatorForm .calculator--information h4{
  font-weight: 600;
  font-size: 24px;
}
.savingsCalculatorForm .calculator--information .under--title{
  font-size:18px;
}
.savingsCalculatorForm .order .single-information{
  display: flex;
  justify-content: space-between;
  padding:10px 0;
  border-bottom:1px solid #ECECEC;
}
.savingsCalculatorForm .order .single-information:nth-last-child(2) {
  border-bottom:none;
}
.savingsCalculatorForm .order p{
 margin-bottom:0;
  font-size: 14px;
}
.savingsCalculatorForm .order .value{
  position:relative;
  min-width: 80px;
  text-align: right;
}
.savingsCalculatorForm .order .value input[type='checkbox']{
  opacity:0;
  position:relative;
  z-index:1;
  cursor:pointer;
}
.savingsCalculatorForm .order .value .checkbox-replace{
  position: absolute;
  width: 16px;
  height: 16px;
  border: 1px solid #969696;
  border-radius: 4px;
  display: block;
  top: 4px;
  right:0;
  background: #FFF;
}
.savingsCalculatorForm .order .value input[type='checkbox']:checked + .checkbox-replace{
  background:#1772D9 url('../images/checkbox-check.svg') no-repeat;
  background-size:8px;
  background-position: center;
  border-color:#1772D9;
}
.savingsCalculatorForm .order .value p{
  font-weight: 700;
}
.savingsCalculatorForm .order .info-icon{
  width:13px;
  height:13px;
  margin-left:5px;
}
.savingsCalculatorForm .order input[type='checkbox']{
  width:16px;
  height:16px;
}
.savingsCalculatorForm .order .discount .title.discounted p{
  color: #95A93B;
  font-weight:600;
}
.savingsCalculatorForm .order .discount .discount--amount{
  display:none;
}
.savingsCalculatorForm .order .discount .value p{
  color: #1772D9;
  font-weight:600;
  cursor:pointer;
}
.savingsCalculatorForm .order .discount .remove--discount, .savingsCalculatorForm .order .discount .add--discount, .savingsCalculatorForm .order .discount #discount{
  display:none;
}
.savingsCalculatorForm .order .discount #discount{
  border:none;
  height:26px;
  color: #191919;
  font-size: 14px;
  font-family:'Muli','sans-serif';
  font-weight:600;
  outline:none;
}
.savingsCalculatorForm .order .discount.add--border{
  border-bottom: 1px solid #ECECEC;
}
.savingsCalculatorForm .order .discount #discount::placeholder{
  color: #9A9A9A;
  font-size: 14px;
  font-family:'Muli','sans-serif';
  font-weight:400;
}
.savingsCalculatorForm .order .submit--wrapper{
  margin-top:18px;
  display:flex;
}
.savingsCalculatorForm .order .submit--wrapper input[type='submit']{
  background: #1772D9;
  border:none;
  color:#FFF;
  border-radius: 4px;
display:flex;
  justify-content:center;
  align-items:center;
  height:42px;
  padding:0 12px;
  font-weight:600;
  margin-right:10px;
  font-family:'Muli','sans-serif';
  font-size: 14px;
}
.savingsCalculatorForm .order .submit--wrapper a{
  background: #969696;
  border:none;
  color:#FFF;
  border-radius: 4px;
  display:flex;
  justify-content:center;
  align-items:center;
  height:42px;
  padding:0 12px;
  font-weight:600;
  font-family:'Muli','sans-serif';
  font-size: 14px;
}

.savingsCalculatorForm .recomendations{
  padding-left:68px;
}
.savingsCalculatorForm .recomendations .info-icon{
  width: 15px;
  height: 15px;
  margin-left: 2px;
  margin-bottom: -1px;
}
.savingsCalculatorForm .recomendations .col{
  margin-bottom:35px;
}
.savingsCalculatorForm .recomendations h4{
  font-weight: 600;
  font-size: 26px;
}
.savingsCalculatorForm .recomendations p{
  font-size: 18px;
}

@media(max-width:991px){
  .savingsCalculatorForm .recomendations .col--6{
    flex-basis: auto;
    max-width: 100%;
  }
  .savingsCalculatorForm .recomendations .col {
    margin-bottom: 15px;
  }
}
@media(max-width:767px){
  .savingsCalculatorForm .results > .col:nth-child(1) {
    border-right:none;
    margin-bottom: 45px;
  }
  .savingsCalculatorForm .calculator--information > .col--6:nth-child(1) {
    border-right: none;
    border-bottom: 1px solid #D6D6D6;
    padding-right: 15px;
    margin-bottom: 35px;
    padding-bottom: 40px;
  }
  .savingsCalculatorForm .recomendations{
    padding-left:15px;
  }
  .savingsCalculatorForm .recomendations .col--6 {
    flex-basis: 0;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .savingsCalculatorForm .savingsCalculator--title {
    font-size: 18px;
  }
  .savingsCalculatorForm .section__title {
    font-size: 28px;
    line-height:36px;
  }
  .savingsCalculatorForm .section__title span{
    display:inline-block;
  }
  .section--savings--calculator .savingsCalculatorForm {
    padding: 40px;
  }
  .savingsCalculatorForm .info-icon span {
    max-width: 200px;
    padding: 20px;
    font-size: 15px;
  }
}
@media(max-width: 550px) {
  .savingsCalculatorForm .calculator--information {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media(max-width:425px){
  .savingsCalculatorForm .section__title {
    font-size: 25px;
    line-height:30px;
  }
  .section--savings--calculator .savingsCalculatorForm {
    padding: 20px;
  }
}
@media(max-width:375px){
  .savingsCalculatorForm .recomendations .col--6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.mainButtonCalculator {
  display: inline-block;
  text-decoration: none;
  padding: 0 50px;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-weight: 700;
  white-space: pre;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 54px;
  border-radius: 27px;
  color: #ffffff;
  cursor: pointer;
  background: #096FDC;
  text-align: center;
  outline: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.mainButtonCalculator:hover {
  background: #0a7bf4;
  text-decoration: none;
  outline: 0;
}

.mainButtonCalculator:focus {
  outline: 0;
  text-decoration: none;
}

.progress-container {
  font-size: 14px;
  font-weight: bold;
  width: 100%;
}

.progress-container-text {
  display: flex;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: 1rem;
}

.progress-bar-background {
  height: 20px;
  border-radius: 10px;
  padding: 1px;
  border: 1px solid #096FDC;
}

.progress-bar-fill {
  height: 100%;
  background-color: #096FDC;
  border-radius: 10px;
}
.center-justify{
  justify-content: center;
}
.section .section__image{
  min-height: 200px;
}
.no-shadow{
  box-shadow: unset !important;
  -webkit-box-shadow: unset !important;
}
.pt-1{
  padding-top: 1em;
}
.pb-2{
   padding-bottom: 2em;
 }

.section-content {
  position: relative;
  z-index: 1;
  padding: 70px 70px 35px;
}

.section__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.section__bg:after {
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  inset: 0;
}

.section--parkText_imgBg .section-content * {
  color: white;
}

@media screen and (max-width: 600px) {
  .section-content {
    padding: 3.2rem;
  }
}