.choose-mbr-type-container {
  max-width: 30em;
  margin: auto;
  margin-top: 5em;
  margin-bottom: 10em;
  background-color: #eeeeee;
  border-radius: 0.5em;
  padding: 1em;
}
.choose-mbr-type-container .choose-mbr-type-header {
  margin-bottom: 2em;
}
.choose-mbr-type-container .choose-mbr-type-header h3 {
  margin: 0.25em 0em;
}
.choose-mbr-type-container .choose-mbr-type-header h4 {
  margin-top: 0em;
}
.choose-mbr-type-container .mbr-info-display {
  font-size: 1.35em;
  font-weight: 700;
  border-radius: 0.25em;
  background-color: #f4f4f4;
  padding: 0.5em;
  text-align: center;
}
.choose-mbr-type-container .mbr-form-buttons {
  margin-bottom: 2em;
}
.choose-mbr-type-container .mbr-form-buttons .mbr-form-action {
  width: 100%;
  border-radius: 0.25em;
  border: none;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 1.25em;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.15em 0.75em;
  margin: 0.5em 0em;
}
.choose-mbr-type-container .mbr-form-buttons .mbr-form-action.professional {
  background-color: #1f335b;
}
.choose-mbr-type-container .mbr-form-buttons .mbr-form-action.professional:hover {
  background-color: rgb(40.8590163934, 67.2196721311, 119.9409836066);
}
.choose-mbr-type-container .mbr-form-buttons .mbr-form-action.ecp {
  background-color: #00aaa6;
}
.choose-mbr-type-container .mbr-form-buttons .mbr-form-action.ecp:hover {
  background-color: rgb(0, 204, 199.2);
}
.choose-mbr-type-container .mbr-form-buttons .mbr-form-action.student {
  background-color: #cc6822;
}
.choose-mbr-type-container .mbr-form-buttons .mbr-form-action.student:hover {
  background-color: rgb(220.0285714286, 117.1714285714, 45.1714285714);
}
.choose-mbr-type-container .mbr-form-buttons .mbr-form-action.k12 {
  background-color: #8dc640;
}
.choose-mbr-type-container .mbr-form-buttons .mbr-form-action.k12:hover {
  background-color: rgb(152.4, 203.7, 83.1);
}
.choose-mbr-type-container .mbr-form-buttons .mbr-form-action.affiliate {
  background-color: #4D1979;
}
.choose-mbr-type-container .mbr-form-buttons .mbr-form-action.affiliate:hover {
  background-color: rgb(96.197260274, 31.2328767123, 151.1671232877);
}
.choose-mbr-type-container .mbr-form-buttons .mbr-form-action.primary {
  background-color: #00584A;
}
.choose-mbr-type-container .mbr-form-buttons .mbr-form-action.primary:hover {
  background-color: rgb(0, 130.2, 109.4863636364);
}

.progress-steps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4em;
  font-size: 0.9em;
  padding: 0em 0.75em;
}
.progress-steps .progress-step {
  color: #999999;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.progress-steps .progress-step.complete {
  color: #00584A;
}
.progress-steps .progress-step.complete .step-number {
  border-color: #00584A;
  background-color: #00584A;
  color: #ffffff;
}
.progress-steps .progress-step .step-number {
  border: 2px solid #999999;
  border-radius: 100%;
  width: 2em;
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.progress-steps .progress-step .step-description {
  position: absolute;
  top: 3em;
  font-size: 0.75em;
  text-align: center;
  line-height: 1.1;
}
.progress-steps .progress-connector {
  border: 2px solid #999999;
  height: 0px;
  width: 100%;
}
.progress-steps .progress-connector.complete {
  border-color: #00584A;
}