.ap-checkout {
  width: calc(100% - 2rem);
  max-width: 70.625rem;
  margin: 0 auto;
}

.ap-checkout__header {
  margin: 0 auto 3.5rem;
  padding-top: 5rem;
  text-align: center;
}

.ap-checkout__title {
  margin: 0;
  font-family: var(--ap-font-family-bold);
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 1.06;
  letter-spacing: -0.07rem;
  color: var(--ap-teal-dark);
}

.ap-checkout__subtitle {
  margin: 0.5rem 0 0;
  font-family: var(--ap-font-family-medium);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: -0.03375rem;
  color: var(--ap-teal-dark);
}

.ap-checkout > qp-checkout-wrapper {
  display: block;
  width: 100%;
  max-width: 74.625rem;
  margin: 0 auto 11.5rem;
}

.ap-checkout qp-checkout-wrapper input {
  scroll-margin-top: calc(var(--qp-nav-height, 4.5rem) + 1rem);
}

@media (max-width: 48rem) {
  .ap-checkout__title {
    font-size: 1.75rem;
    line-height: 1.1;
    letter-spacing: -0.0375rem;
  }

  .ap-checkout__subtitle {
    font-size: 1.125rem;
    letter-spacing: -0.0175rem;
  }

  .ap-checkout__header {
    padding-top: 6.25rem;
    margin-bottom: 2rem;
  }

  .ap-checkout > qp-checkout-wrapper {
    margin-bottom: 7.75rem;
  }
}