.news-heading-box {
  @apply container
  bg-primary 
  text-white
   mx-auto
   py-12
   px-8
   rounded-3xl
   mt-8
   relative
   flex
   flex-nowrap
   justify-between;
  .post-infos-capsule {
    @apply mt-4;
  }
  &__type {
    @apply uppercase font-medium text-xl tracking-widest;
  }
  &__title {
    @apply font-bold text-4xl   pt-4 max-w-xl;
    line-height: 1.2;
  }
  &__page-icon {
    @apply mx-auto w-28 absolute top-0 left-1/2;
    transform: translate(-50%, -50%);
  }

  &__content {
    flex-shrink: 1;
    flex-grow: 2;
  }

  &__thumbnail {
    @apply w-80 h-56 object-cover rounded-3xl;

    flex-shrink: 2;
  }
}