@import url('./common.css');

/* ===== SERVICES PAGE HERO SECTION ===== */

.page-hero{
  background: linear-gradient(135deg,#062f2b,#0c5a4f);
   padding: 60px 0 70px; /* top padding reduced */
}

/* eyebrow label (Services) */
.page-hero .eyebrow{
  color: rgba(255,255,255,0.75);
}

/* main heading */
.page-hero .section-title{
  color: white;
}

/* description text */
.page-hero .section-text{
  color: rgba(255,255,255,0.85);
}

/* breadcrumb */
.page-hero .breadcrumbs{
  margin-top: 18px;
  color: rgba(255,255,255,0.75);
}

.page-hero .breadcrumbs a{
  color: rgba(255,255,255,0.9);
}

.page-hero .breadcrumbs i{
  color: rgba(255,255,255,0.5);
}

.page-hero .breadcrumbs span{
  color: white;
}