.titles {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-x2);
  margin-top: var(--Spacing-x3);
}

.dateOfBirth {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x1);
  width: 100%;
  background-color: var(--Main-Brand-WarmWhite);
  padding: var(--Spacing-x2) var(--Spacing-x3);
}

.dateOfBirthLink {
  display: flex;
  align-items: center;
  gap: var(--Spacing-x-half);
}

.dateOfBirthDescription {
  color: var(--UI-Text-High-contrast);
}

.termsAndConditions {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x2);
}

.termsDescription {
  margin-left: calc(var(--Spacing-x4) + var(--Spacing-x-half));
}

.ctaContainer {
  display: flex;
  justify-content: center;
  padding: var(--Spacing-x3) var(--Spacing-x3) 0;
  width: calc(100% + var(--Spacing-x3) + var(--Spacing-x3));
  border-top: 1px solid var(--Base-Border-Subtle);
}

.ctaButton {
  max-width: 350px;
}

.form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-x3);
  text-align: left;
}
