/* 
<div>
  <input type="checkbox" class="check-with-label" id="partner" />
  <label class="label-for-check" for="partner" name="partner">[BOX]</label>
</div>
*/
.check-with-label:checked + .label-for-check {
  background-color: aquamarine;
}

.container {
  max-width: 650px;
}

.policy-calculator {
  /* background-color: rgb(195, 237, 243); */
  padding: 1rem;
}

.policy-calculator .invalid-feedback {
  display: none;
  color: red;
}
.policy-calculator input.is-invalid ~ .invalid-feedback {
  display: block;
}

.policy-calculator label {
  display: block;
  margin-bottom: 6px;
}

.policy-calculator label.question {
  font-weight: 600;
}

.policy-calculator span.required {
  color: red;
}

.btn-alt:hover,
.btn-alt {
  background-color: #ef7f1a;
  border-color: #ef7f1a;
  color: white;
}

.btn-alt:hover {
  opacity: 0.9;
}

footer {
  background-color: #ddd;
}