.page-header {
  @apply h-[var(--rb-page-header-min-height)] py-5 text-[var(--rb-page-header-color)] bg-[var(--rb-page-header-background-color)]
  flex flex-col items-center justify-center overflow-hidden text-center relative;
}

.page-header-background-img {
  @apply absolute inset-0 before:absolute before:inset-0 before:z-10 before:bg-[var(--rb-page-header-background-color)];
}

.page-header-background-img img {
  @apply w-full h-full object-cover;
}

.page-header-parallax .page-header-background-img {
  @apply w-full h-[130%] absolute inset-auto top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;
}

.page-header .container {
  @apply relative z-20;
}

.page-header-title {
  @apply text-40px text-[var(--rb-page-header-title-color)] font-normal uppercase;
}

.page-header-description {
  @apply mt-5;
}

.page-header .breadcrumbs {
  @apply mt-5;
}