.venco_calculator_gas .calculator_cont {
  background-color: #fff;
  border-radius: 25px;
  box-shadow: 4px 7px 20px -7px grey;
  color: #00662f !important;
  border-color: lightgrey !important;
  padding: 35px 30px;
  max-width: 1340px;
  margin: auto;
}

.venco_calculator_gas .container.heading {
  text-align: center;
  margin-bottom: 32px;
}

.venco_calculator_gas .container.heading .subheading {
  font-size: 32px;
  font-weight: 400;
  color: #000;
  display: block;
  line-height: 1.1;
  margin-bottom: 20px;
  text-transform: none;
}

.venco_calculator_gas h1,
.venco_calculator_gas h2,
.venco_calculator_gas h3,
.venco_calculator_gas h4 {
  color: #00662f !important;
  text-transform: none !important;
}
span#CurrencyIcon_gas4 {
    font-size: 1.8rem;
    line-height: 1.4;
    color: #000;
}

.venco_calculator_gas .currency_switch_venco input {
  visibility: hidden;
  width: 0px;
  height: 0px;
  transition: 3s;
}

.venco_calculator_gas button.btn_venco {
  color: #fff;
  background: #00662f;
  border-radius: 65px;
  padding: 15px 18px;
  width: 100%;
  margin: 0px;
  border: none;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: 3s;
}

.venco_calculator_gas button.btn_venco:hover {
  background: rgba(0, 102, 47, 0.8)
}

.venco_calculator_gas input {
  border: 1px solid lightgrey;
  border-radius: 50px;
  padding: 24px 17px;
  width: calc(100% - 30px);
  height: 45px;
  font-size: 18px;
}

.venco_calculator_gas input::focus-visible {
  border: solid #0076c0 1px !important;
}

.venco_calculator_gas input::placeholder {
  color: #999 !important;
}

.venco_calculator_gas .col-md-4 {
  text-align: center;
  width: 100%;
  max-width: 30%;
}

.venco_calculator_gas .calculator_cont label {
  width: 100%;
}

.venco_calculator_gas .col-md-8 {
  max-width: 60%;
  width: 100%;
}

.venco_calculator_gas .row {
  display: flex;
  flex-wrap: wrap;
  gap: 10%
}

.venco_calculator_gas .mt-3 {
  margin-top: 30px;
}


.venco_calculator_gas .b-switch {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 60px;
  padding-right: 5px;
  background-color: #f1f1f1;
  border-radius: 65px;
  overflow: hidden;
}

.venco_calculator_gas .b-switch label.active {
  color: #00662f;
}

.venco_calculator_gas .b-switch input[type="radio"] {
  position: absolute;
  left: -9999px;
}

.venco_calculator_gas .b-switch label {
  position: relative;
  z-index: 2;
  float: left;
  width: 33.33%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  color: grey;
  font-size: 26px;
}

.venco_calculator_gas .switch-slider2 {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  width: 33.33%;
  height: 50px;
  background-color: #fff;
  border-radius: 70px;
  transition: transform 0.6s ease-in-out;
  z-index: 1;
  box-shadow: 1px -2px 17px -15px;
  border: 1px solid lightgrey;
}

.venco_calculator_gas #euro1:checked~.switch-slider2 {
  transform: translateX(0%);
}

.venco_calculator_gas #pound1:checked~.switch-slider2 {
  transform: translateX(96%);
}

.venco_calculator_gas #dollar1:checked~.switch-slider2 {
  transform: translateX(194%);
}

.venco_calculator_gas .heading h3 {
  font-weight: 400;
  margin-top: 0px;
  line-height: 1;
}

.venco_calculator_gas .result_venco_calulator {
  border-radius: 45px;

}

.venco_calculator_gas .result_venco_calulator label {
  font-size: 20px;
  font-weight: 600;
  text-transform: none;

}

.venco_calculator_gas #yearlyExtraIncome_gas,
#paybackPeriod_gas {
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 1;
  color: #000;
}

.venco_calculator_gas .yearly_extra_note {
  margin-bottom: 0rem;
  width: 100%;
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}

.container_venco_result {
  margin-top: 50px;
  box-shadow: 0px 60px 150px rgba(0, 0, 0, 0.06), 0px 21.901px 54.7525px rgba(0, 0, 0, 0.0413989), 0px 10.6325px 26.5813px rgba(0, 0, 0, 0.0333774), 0px 5.21226px 13.0307px rgba(0, 0, 0, 0.0266226), 0px 2.06094px 5.15234px rgba(0, 0, 0, 0.0186011);
  background: #fff;
  border-radius: 45px;
}

.venco_calculator_gas #paybackPeriod_gas {
  margin-bottom: 2rem;
}

.venco_calculator_gas .venco_result_text {
  padding: 35px 10px;
  padding-bottom: 0;
  display: flex;
  place-content: center;
  flex-wrap: wrap;
}

.venco_calculator_gas .request_btn {
  padding: 15px 30px !important;
}

.venco_calculator_gas .venco_calc_input_container label {
  display: block;
  padding: 21px 0px 6px 15px;
  font-size: 19px;
  font-weight: 600;
}

.venco_calculator_gas .venco_calc_reminder_text {
  color: gray;
  padding: 0px 15px;
}

.venco_calc_reminder_text p {
  font-size: 16px;
}

.venco_calculator_gas .inputfield_email_venco {
  position: relative;
}

.venco_calculator_gas .venco_email_result_btn {
  position: absolute;
  top: 0;
  max-width: 30%;
  right: -13px;
  height: 100%;
  max-height: 50px;
}

.venco_calculator_gas .content_results_venco_email label {
  display: block;
  padding: 0px 0px 6px 15px;
  font-size: 20px;
  font-weight: 600;
}

.venco_calc_reminder_text {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#confirmationMessageGas {
  text-align: center;
  font-size: 25px;
  margin-top: 7px;
  font-weight: 600;
  color: #000;
}

/* Tablet */
@media only screen and (min-width: 600px) and (max-width: 1024px) {
  .venco_calculator_gas .col-md-8 {
    max-width: 49%;
  }

  .venco_calculator_gas .col-md-4 {
    text-align: center;
    width: 100%;
    max-width: 40%;
  }

  .venco_calculator_gas .container.heading .subheading {
    font-size: 1.2rem;
    color: #00662f;
    display: block;
    line-height: 1.1;
    margin-bottom: 20px;
  }

  .venco_calculator_gas .b-switch label {
    position: relative;
    z-index: 2;
    float: left;
    width: 33.33%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
    transition: all 1.6s ease-in-out;
    color: grey;
    font-size: 20px;
  }

  .venco_calculator_gas #yearlyExtraIncome_gas,
  #paybackPeriod_gas, {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1;
  }
}

@media only screen and (max-width: 600px) {
  .venco_calculator_gas .container.heading .subheading {
    color: #00662f;
    font-size: 18px !important;
    line-height: 1;
    display: block;
  }

  #confirmationMessageGas {
    text-align: center;
    font-size: 18px;
    margin-top: 7px;
  }

  .venco_calculator_gas .col-md-8 {
    max-width: 100% !important;
    ;
  }

  .venco_calculator_gas .col-md-4 {
    max-width: 100% !important;
    margin-top: 2rem;
    text-align: center;
    width: 100%;
  }

  .venco_calculator_gas .heading h3 {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1;
    margin-top: 0;
  }

  .venco_calculator_gas .b-switch label {
    color: grey;
    cursor: pointer;
    float: left;
    font-size: 17px !important;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    transition: all .3s ease-in-out;
    width: 33.33%;
    z-index: 2;
  }

  .venco_calculator_gas .calculator_cont {
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 4px 7px 20px -7px grey;
    color: #00662f !important;
    border-color: lightgrey !important;
    padding: 15px;
    max-width: 90% !important;
    margin: auto;
    padding: 15px;
  }

  .venco_calculator_gas #yearlyExtraIncome_gas,
  #paybackPeriod_gas {
    font-size: 1.5rem;
  }

  .venco_calculator_gas .result_venco_calulator label {
    font-size: 18px !important;
  }

  .venco_calculator_gas .container.mt-3 {
    padding: 0px !important;
  }

  .venco_calculator_gas .venco_email_result_btn {
    right: 0px;
  }