.hero__container.background-image-section.hero-home {
  background-image: url(./../../assets/img/hero-image.jpg);
  background-position: 0 -60vw;
}
@media (max-width: 1199px) {
  .hero__container.background-image-section.hero-home {
    background-position: 0 -55vw;
  }
}   
@media (max-width: 992px) {
  .hero__container.background-image-section.hero-home {
    background-position: 0 -50vw;
  }
}   
@media (max-width: 768px) {
  .hero__container.background-image-section.hero-home {
    background-position: 0 -30vw;
  }
}
@media (max-width: 576px) {
  .hero__container.background-image-section.hero-home {
    background-position: 0 -10vw;
  }
}

.hero__container.background-image-section.hero-menu {
  background-image: url(./../../assets/img/menu.jpg);
}

.hero__container.background-image-section.hero-about {
  background-image: url(./../../assets/img/seafood-spread.jpg);
}

.hero__container.background-image-section.hero-education {
  background-image: url(./../../assets/img/education.jpg);
}

.hero__container.background-image-section.hero-contact {
  background-image: url(./../../assets/img/contact.jpg);
}

.hero__container.background-image-section.hero-oceanpearl {
  background-image: url(./../../assets/img/oceanpearl-2.jpg);
}

.hero-content {
  z-index: 2;
  background-color: white;
  padding: 0 1.5rem;
}

.hero-heading {
  font-size: 3.5rem;
  margin: var(--spacing-xl);
}

.hero-content p {
  font-size: 1.2rem;
  margin-bottom: var(--spacing-md);
}

/* Hero Content */
.hero__content {
  background-color: white;
  color: var(--text-dark);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}



/* Hero Content Modifiers */
.hero__content--menu {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
}

.hero__content--about {
  background-color: rgba(255, 255, 255, 0.95);
}

/* General page heading that was previously .hero-heading */
.page-main-heading {
  text-align: center; /* Added for better default presentation */
}