.calculator__wrapper {
  padding:30px 30px 30px 30px;
  font-family: 'Montserrat', sans-serif !important;
  width:100%;
 
}
.calculator__body-title {
  font-weight:700;
  font-size:36px;
  line-height:50px;  
  padding:0 30px;
  color:#fff;
}
.calculator__body-subtitle {
  font-weight:400;
  font-size:18px;
  line-height:30px;   
  margin-top:4px;
  color:#fff;
}
.calculator__btn {
  margin-top:57px
}
.calculator__btn:hover {
  background-color:#343633;
  color:#fff;
  -webkit-transition:.3s ease-in-out;
  -o-transition:.3s ease-in-out;
  transition:.3s ease-in-out;
  border:none
}
.calculator__bot {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:space-evenly;
  -ms-flex-pack:space-evenly;
  justify-content:space-evenly;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:64px
}
.calculator__input {
  text-align:center;
  height:44px;
  width:217px;
  border:1px solid #fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:329px;
  height:64px;
  border-radius:32px;
  background-color:#fff;
  font-weight:700;
  font-size:20px;
  line-height:30px;
  color:#343633;
  border-radius:32px;
  margin-top:57px
}
.calculator__input::-webkit-input-placeholder {
  opacity:.5
}
.calculator__input::-moz-placeholder {
  opacity:.5
}
.calculator__input:-ms-input-placeholder {
  opacity:.5
}
.calculator__input::-ms-input-placeholder {
  opacity:.5
}
.calculator__input::placeholder {
  opacity:.5
}
.gener__label,
.power__label,
.profit__label {
  font-weight:500;
  font-size:24px;
  line-height:28px;
  color: #fff;
}
.caclulator__power,
.calculator__gener,
.calculator__profit {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.gener__wrap,
.power__wrap,
.profit__wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  gap:8px
}
.gener__point,
.power__point,
.profit__point {
  font-weight:700;
  font-size:24px;
  line-height:40px;
 
  color:#fff;
}
#outputGenerate,
#outputKPH {
  color:#fff;
  font-weight:700;
  font-size:24px;
  line-height:40px;
}
#outputProfit {
  font-weight:700;
  font-size:24px;
  line-height:40px;
  color:#fff;
}
.caclulator__power {
  margin-bottom:16px
}
.calculator__gener,
.calculator__profit {
  margin-top:10px;
  color:#fff;
}
.calculator__btn
{
  background: #FFA800;
  border-radius: 5px;
  height: 45px;
  line-height: 45px;
  width: 100%;
  padding: 0px !important;
  font-size: 16px;
  color: #fff;
  border: 0px solid #333;
}
.slider {
  -webkit-appearance:none;
  width:100%;
  height:4px;
  border-radius:5px;
  background:#fff;
  outline:0;
  opacity:.7;
  -webkit-transition:.2s;
  -webkit-transition:opacity .2s;
  -o-transition:opacity .2s;
  transition:opacity .2s
}
 
 
@media (max-width:1200px) {
 
  .calculator__wrapper {
    padding:24px 59px 32px 59px
  }
  .calculator__body-title {
    font-size:45px;
    line-height:50px;
    color:#fff;
  }
   
}
@media (max-width:991px) {
 
  .calculator__container {
    padding:0 60px
  }
  .calculator__wrapper {
    min-height:316px;
    padding:24px 59px 32px 59px
  }
  .calculator__body-title {
    font-weight:900;
    font-size:38px;
    line-height:50px
    color:#fff;
  }
  .calculator__body-subtitle {
    font-weight:700;
    font-size:16px;
    line-height:24px;
    min-width:455px;
    margin-left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    color: #fff;
  }
  .calculator__btn img {
    width:44px;
    height:44px
  }
  .calculator__btn {
    max-width:273px;
    min-height:56px;
    font-weight:700;
    font-size:16px;
    line-height:24px
  }
  .calculator__bot {
    gap:31px
  }
  .calculator__input {
    max-width:244px;
    min-height:56px;
    font-weight:700;
    font-size:16px;
    line-height:24px
  }
  
}
 
 
 
@media (max-width:767px) {
 
  .calculator__wrapper {
    min-height:462px;
    padding:24px 22px 40px 16px
  }
  .calculator__body-title {
    font-weight:900;
    font-size:28px;
    line-height:34px;
    text-align:start;
    padding:0
  }
  .calculator__body-subtitle {
    font-weight:700;
    font-size:16px;
    line-height:24px;
    text-align:start;
    margin-left:0;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
    padding:0;
    min-width:310px;
    margin-top:8px
  }
  .calculator__btn img {
    width:32px;
    height:32px
  }
  .calculator__btn {
    margin-top:0;
    max-width:310px;
    max-height:56px;
    font-weight:700;
    font-size:16px;
    line-height:24px;
    padding:16px 6px 16px 24px
  }
  .calculator__bot {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:24px
  }
  .calculator__input {
    margin-top:64px;
    max-width:310px;
    max-height:56px;
    font-weight:700;
    font-size:16px;
    line-height:24px;
    color:#343633
  }
  
  .caclulator__power {
    margin-top:41px;
    margin-bottom:12px
  }
  .calculator__profit {
    margin-top:12px
  }
  
}
 
@media (max-width:575px) {
 
  .calculator__container {
    padding:0 24px
  }
  .calculator__wrapper {
    min-height:462px;
    padding:24px 16px 40px 16px
  }
  .calculator__body-title {
    font-weight:900;
    font-size:28px;
    line-height:34px;
    text-align:start;
    padding:0
  }
  .calculator__body-subtitle {
    font-weight:700;
    font-size:16px;
    line-height:24px;
    text-align:start;
    margin-left:0;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
    padding:0;
    min-width:310px;
    margin-top:8px
  }
  .calculator__btn img {
    width:44px;
    height:44px
  }
  .calculator__btn {
    margin-top:0;
    max-width:310px;
    max-height:56px;
    font-weight:700;
    font-size:16px;
    line-height:24px;
    padding:16px 6px 16px 24px
  }
  .calculator__bot {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:24px
  }
  .calculator__input {
    margin-top:64px;
    max-width:310px;
    max-height:56px;
    font-weight:700;
    font-size:16px;
    line-height:24px;
    color:#343633
  }
  
  .caclulator__power {
    margin-top:41px;
    margin-bottom:12px
  }
  .calculator__profit {
    margin-top:12px
  }
  .slider::-webkit-slider-thumb {
    width:16px;
    height:16px
  }
  
}