@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');


/* ── Page Hero ── */
.page-hero {
  background: linear-gradient(135deg, #44A7CB 0%, #2B6CB0 60%, #44A7CB 100%);
  padding: 80px 100px;
  color: white;
  text-align: center;
}
.page-hero h1 { color: white; margin-bottom: 0.75rem; }
.page-hero p { color: rgba(255,255,255,0.8); font-size: 1.1rem; margin: 0 auto; }
.breadcrumb { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 0.85rem; color: rgba(255,255,255,0.6); margin-bottom: 1.25rem; }
.breadcrumb a { color: rgba(255,255,255,0.7); }
.breadcrumb a:hover { color: white; }

@media(max-width:900px){

.page-hero{
padding:50px 20px;
}

}