#invest_calculator {
  color: #fff;
}
.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.align-start {
  align-items: start;
}
.flex-col {
  flex-direction: column;
}
.gap-20 {
  gap: 20px;
}
.col-lg-12 {
  width: 100%;
}
.col-lg-6 {
  width: 50%;
}
.col-lg-7 {
  width: 60%;
}
.col-lg-5 {
  width: 40%;
}
.col-lg-4 {
  width: 33.3%;
}
#invest_calculator h2 {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  margin: 0;
}
#invest_calculator p {
  font-size: 20px;
  margin: 0;
  line-height: 1.2em;
}
#invest_calculator p.small,
#invest_calculator label {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
}
.mt-50 {
  margin-top: 50px;
}
.mb-50 {
  margin-bottom: 50px;
}
#invest_calculator input[type="range"] {
  width: 80%;
  cursor: pointer;
  -webkit-appearance: none;
  overflow: hidden;
  border-radius: 20px;
  height: 15px;
  margin-top: 17px;
}
#invest_calculator input[type="range"]::-webkit-slider-runnable-track {
  background: #fff;
  height: 4px;
}
#invest_calculator input[type="range"]::-moz-range-track {
  background: #fff;
  height: 4px;
}
#invest_calculator input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: -6px;
  background-color: #fff;
  border: 2px solid #00fbd6 !important;
  border-radius: 50px;
  height: 17px;
  width: 17px;
  box-shadow: -407px 0 0 400px #00fbd6;
}
#invest_calculator input[type="range"]:focus {
  outline: none;
}
#invest_calculator input[type="range"]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  appearance: none;
  color: #00fbd6;
}
#invest_calculator input[type="range"]#risk_level::-webkit-slider-thumb {
  box-shadow: none !important;
}
#invest_calculator input#risk_level::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, #00fbd6, #ffae35);
  padding: 10px 0;
}
#invest_calculator input[type="range"]#risk_level::-webkit-slider-thumb {
  margin-top: -8px;
}
#invest_calculator .input-group {
  margin-bottom: 50px;
}
#invest_calculator .input-group p {
  font-size: 30px;
  font-weight: 700;
}
#invest_calculator label[for="risk_level"] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
}
#invest_calculator label[for="risk_level"] p {
  color: #fff;
}
#invest_calculator p#total,
#invest_calculator p#portfolio_return,
#invest_calculator p#total_invested,
#invest_calculator p#annual_interest {
  font-size: 30px;
  font-weight: 700;
  margin: 10px 0;
}
p.risk-level:after {
  content: "%";
}
#calc_graph {
  margin-top: 50px;
  margin-left: -20px;
}
.results-wrapper {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.jet-menu-item #invest_calculator p#total,
.jet-menu-item #invest_calculator p#portfolio_return,
.jet-menu-item #invest_calculator p#total_invested,
.jet-menu-item #invest_calculator p#annual_interest,
.jet-menu-item #invest_calculator p.small,
.jet-menu-item #invest_calculator label,
.jet-menu-item #invest_calculator h2,
.jet-menu-item #invest_calculator .input-group p,
.jet-menu-item #invest_calculator p {
  font-size: 9px;
}
.jet-menu-item #invest_calculator .input-group,
.jet-menu-item #invest_calculator .input-group p,
.jet-menu-item #calc_graph,
.jet-menu-item .mb-50,
.jet-menu-item .mt-50 {
  margin: 0 !important;
}
.jet-menu-item .gap-20 {
  gap: 0;
}
@media (max-width: 1000px) {
  #invest_calculator {
    flex-direction: column;
  }
  .col-sm-12 {
    width: 100%;
  }
  .settings {
    margin-top: 20px;
    padding: 0 20px;
  }
  #invest_calculator input[type="range"] {
    width: 100%;
  }
  #invest_calculator .input-group {
    margin-bottom: 20px;
  }
  #calc_result {
    padding: 0 20px;
  }
}