.heading-box {
  @apply container
  bg-primary 
  text-white
   text-center
   mx-auto
   py-12
   rounded-2xl
   pt-20
   mt-8
   relative;

  /* max-w-screen-2xl 
  px-8 mx-auto

  
  relative 
  pt-20; */
  &__title {
    @apply uppercase font-medium text-xl tracking-widest;
  }
  &__description {
    @apply font-bold text-4xl max-w-screen-md mx-auto pt-4 max-w-md mx-auto;
    line-height: 1.2;
  }
  &__page-icon {
    @apply mx-auto w-28 absolute top-0 left-1/2;
    transform: translate(-50%, -50%);
  }
}