/* Page Header Template Styling */
.page-header {
  position: relative;
  padding: 8rem 0;
  background-color: var(--dark);
  color: white;
  overflow: hidden;
  background-image: url('../img/header_2.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.page-header::before {
  content: '';
  position: absolute;
  inset: 0;
  /* A modern gradient overlay to ensure text contrast and add depth */
  background: linear-gradient(to top, rgba(15, 23, 42, 0.8) 0%, rgba(15, 23, 42, 0.4) 60%, rgba(15, 23, 42, 0.3) 100%);
  z-index: 1;
}

.page-header .container {
  position: relative;
  z-index: 2;
}

.page-title-text {
  font-family: 'Hind', sans-serif;
  letter-spacing: .05em;
  text-shadow: 0 5px 20px rgba(0,0,0,0.5);
}