.page-header {
  @apply bg-primary text-white py-16  items-center relative;

  &--sliced-background {
    @apply bg-transparent;
    &::before {
      z-index: -1;
      content: '';
      @apply absolute inset-0;
      background-image: url('../resources/img/shapes/background-shape-A_green.svg');
      background-size: 100% 100%;
      background-position: center;
      background-repeat: no-repeat;

      width: 100%;
      height: 100%;
    }
  }

  &__inner {
    @apply grid grid-cols-1 gap-x-24 gap-y-20 !py-0;
    @screen lg {
      grid-template-columns: 61.8fr 38.2fr;
    }
    @screen 2xl {
      @apply !py-6;
    }
  }

  &__title {
    @apply !text-white;
  }
  &__subtitle {
    @apply text-white text-5xl;
    line-height: 1.2;
  }
  &__description {
    @apply mb-8 lg:mb-16;
  }
  &__cta {
    @apply internal-link-with-icon internal-link-with-icon--white;
  }
}