.CourseApplicationForm .AppFormResult {
  gap: 0;
}

.CourseApplicationForm .AppFormResult-form .AppForm-label {
  margin-bottom: var(--spaceSm);
  font-size: 0.875rem;
  font-weight: 400;
}

.CourseApplicationForm .AppFormResult .AppAlert {
  margin: 3.5rem 0 0 0;
}

.CourseApplicationForm div.AppForm form {
  gap: 0;
}

.CourseApplicationForm .AppForm form, .CourseApplicationForm .AppForm-group, .CourseApplicationForm .CourseApplicationFormAttendeesAndPrices {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spaceRg);
  justify-content: center;
}

@media (min-width: 64.01rem) {
  .CourseApplicationForm .AppForm form, .CourseApplicationForm .AppForm-group, .CourseApplicationForm .CourseApplicationFormAttendeesAndPrices {
    gap: 1.875rem;
  }
}

.CourseApplicationForm .CourseApplicationFormAttendeesAndPrices {
  justify-content: left;
}

.CourseApplicationForm .AppForm-col {
  width: calc(100% / 1);
}

@media (min-width: 36.01rem) {
  .CourseApplicationForm .AppForm-col {
    width: calc(100% / 2 - calc(var(--spaceRg) / 2));
  }
}

@media (min-width: 64.01rem) {
  .CourseApplicationForm .AppForm-col {
    width: calc(100% / 4 - calc(1.875rem / 4 * 3));
  }
}

.CourseApplicationForm .AppForm-col:first-of-type {
  width: 100%;
}

.CourseApplicationForm .AppForm-col:last-of-type .ButtonBase {
  width: max-content;
  font-size: var(--textXs);
}

.CourseApplicationForm .AppForm-col:has(button) {
  margin-top: var(--spaceLg);
  width: 100%;
}

.CourseApplicationForm-billing {
  margin-top: 3.5rem;
  padding: 1.875rem;
  border-radius: var(--textMd) 0;
  border: 1px solid var(--colorOutlines);
}

@media (min-width: 64.01rem) {
  .CourseApplicationForm-billing {
    padding: 2.5rem 3.75rem 3.5rem;
  }
}

.CourseApplicationForm-billingHeading {
  margin-bottom: var(--spaceRg);
  font-size: var(--textRg);
  font-weight: 700;
  color: var(--colorBrand);
}

/*# sourceMappingURL=course-application-form.min.css.map */