.steps {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.step {
  flex: 1;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
  color: #333;
}

.step.active {
  background-color: var(--bright-green);
  border-bottom-color: #e0e0e0;
  color: var(--white);
  font-weight: 600;
}

.form-control.is-invalid,
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
  border-color: #ff4d6d;
  box-shadow: 0 0 0 0.2rem rgba(255, 77, 109, 0.15);
}

.form-control.is-invalid:focus,
input.is-invalid:focus,
select.is-invalid:focus,
textarea.is-invalid:focus {
  border-color: #ff4d6d;
  box-shadow: 0 0 0 0.35rem rgba(255, 77, 109, 0.2);
}