.custom-select {
  appearance: none;
  /* Removes default arrow in most browsers */
  -webkit-appearance: none;
  -moz-appearance: none;

  background-color: transparent;
  border: none;
  border-bottom: 2px solid #fff;
  padding: 8px 30px 8px 0;
  /* right padding allows space for arrow */
  font-size: 16px;
  color: #fff;
  position: relative;
}

.custom-select:focus {
  outline: none;
  border-bottom-color: #05affa;
  /* Highlight on focus */
}

.custom-select option {
  color: rgba(0, 0, 0, 0.6)
    /* Highlight on focus */
}

.select-wrapper {
  position: relative;
  display: inline-block;
}

.select-wrapper::after {
  content: "▼";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #fff;
}

.section__mainInput {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 4rem;
  gap: 21px;
  flex-flow: wrap;
}


.input.input--juro>.toggle-wrapper {
  top: unset;
  margin-bottom: 10px;
}

.sizingAssumptions {
  margin-bottom: 4rem;
}

.toggle-switch input[type='checkbox']:not(:checked)+.slider {
  background-color: #B0BEC5;
}

#mainInput_and_results {
  display: flex;
}

.calculatedResults {
  width: 30%;
  display: none;
  position: sticky;
  top: 20px;
  top: 100px; 
  z-index: 1000;
  max-height: 400px;
}

.calculatedResults .mort-calc-box {
  margin-bottom: 20px;
}


@media only screen and (max-width: 640px) {
  .custom-select {
    color: #000;
    border-bottom: 2px solid #000;
  }

  .calculatorInputFields .input input {
    border-bottom: 2px solid #000;
    font-weight: 300;
    color: #000;
  }
}

@media only screen and (min-width: 521px) and (max-width: 1024px) {
  .pre-container {
    padding: 0;
  }
}

#results-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#results-wrapper .input input {
  border-bottom: 2px solid #05affa;
}

.calculatedResults>h4 {
  background-color: #05affa;
  padding: 1rem;
}

.calculatedResults .mort-calc-box {
  margin-bottom: 20px;
  flex-basis: calc(50% - 43px);
  flex-shrink: 0;
  max-width: 201px;
}

.inv_desc_wrapper {
  display: flex;
}

.inv_desc_wrapper>.calculatorInputFields {
  width: 70%;
}

.hero {
  flex-direction: column;
}

.header_wrapper {
  /*max-width: 512px;*/ 
}

@media only screen and (max-width: 980px) {
  .inv_desc_wrapper {
    flex-wrap: wrap;
  }

  .inv_desc_wrapper>.calculatorInputFields {
    width: 100%;
  }

  .calculatedResults {
    width: 100%;
    display: none;
    top: unset;
    position: unset;
    z-index: 1000;
    max-height: unset;
  }
}

@media only screen and (max-width: 640px) {
  .calculatedResults>h4 {
    padding: 0 2rem;
    margin-top: 2rem;
  }
}

.toggle-switch input {
  display: block;
}

input:focus+.slider {
  /* Your styles for the slider go here */
  outline: 2px solid #4D90FE;
  /* Example: A blue outline */
  box-shadow: 0 0 5px #4D90FE;
  /* Example: A soft blue glow */
}
.header_wrapper p {
  margin: 5px 0;
}

.header_wrapper ul {
  margin-left: 1rem;
} 
.ld-disclaimer p {
  font-style: italic;
}
.ld-disclaimer a {
  color: #4D90FE;
  font-weight: bold;
  text-decoration: underline;
}

.ld-disclaimer {
  margin-top: 2rem; 
}