.heading-box {
  @apply container
  bg-primary 
  text-white
  mx-auto
  py-12
  rounded-3xl
  pt-20
  px-8
  mt-8
  relative;
  &__title {
    @apply font-bold text-4xl   pt-4 max-w-3xl;
    line-height: 1.2;
  }
  &__subtitle {
    @apply uppercase font-medium text-xl tracking-widest;
  }
}

.heading-box--classic {
  @apply text-center;
  &__description {
    @apply font-bold text-4xl mx-auto pt-4 max-w-lg mx-auto;
    line-height: 1.2;
  }
  &__page-icon {
    @apply mx-auto w-28 absolute top-0 left-1/2;
    transform: translate(-50%, -50%);
  }
  .cta--secondary {
    @apply mt-8;
  }
}