/* ========================================
   INNER PAGE HERO BACKGROUND ADJUSTMENTS
   ======================================== */

/* Crop the hero background to show only the top gradient portion */
.inner-hero {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  padding: 120px 0 80px;
  min-height: 350px;
  /* Crop effect - only show top portion of the background */
  background-position: center -100px !important;
}

/* Ensure text is visible on the gradient background */
.inner-hero .inner-main-heading h1 {
  color: #ffffff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.inner-hero .breadcrumbs-pages ul li {
  color: #ffffff;
}

.inner-hero .breadcrumbs-pages ul li a {
  color: #ffffff;
  opacity: 0.9;
}

.inner-hero .breadcrumbs-pages ul li a:hover {
  opacity: 1;
  color: #b8ff57;
}

.inner-hero .breadcrumbs-pages ul li.angle i {
  color: #ffffff;
  opacity: 0.7;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .inner-hero {
    padding: 100px 0 60px;
    min-height: 300px;
    background-position: center -50px !important;
  }
}

@media (max-width: 767px) {
  .inner-hero {
    padding: 80px 0 50px;
    min-height: 250px;
    background-position: center -30px !important;
  }
}