/* ========================================
   PAGE BANNER
   ======================================== */
.page-banner {
  position: relative;
  overflow: hidden;
  background-color: var(--ifa-dark-800);
}

.page-banner-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.page-banner-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.page-banner-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.3) 100%
  );
}

.page-banner-content {
  position: relative;
  z-index: 3;
  padding: 60px 20px;
}

.page-banner-title {
  color: var(--ifa-white);
  font-size: 57px;
  font-weight: 500;
  margin-bottom: 0;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
  .page-banner-title {
    font-size: 36px;
  }
}