/* GSTwale MuneemJi Premium V7
   IMPORTANT: This file wires the five hero images to the actual page elements. */
.hero .hero-art{
  background-image:
    linear-gradient(90deg,rgba(5,20,42,.94) 0%,rgba(5,20,42,.78) 36%,rgba(5,20,42,.18) 70%,rgba(5,20,42,.05) 100%),
    url("../images/home-hero.jpg");
  background-position:center;
  background-size:cover;
}
.page-hero{
  position:relative;
  overflow:hidden;
  color:#fff;
  background-color:#071d3a;
  background-size:cover;
  background-position:center;
  padding:86px 0;
  min-height:310px;
  display:flex;
  align-items:center;
}
.page-hero:before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(4,18,39,.96) 0%,rgba(4,18,39,.82) 42%,rgba(4,18,39,.38) 75%,rgba(4,18,39,.15) 100%);
  z-index:0;
}
.page-hero .container{position:relative;z-index:1}
.page-hero h1,.page-hero .section-lead,.page-hero .eyebrow,.page-hero .breadcrumb,
.page-hero .breadcrumb a{color:#fff}
.page-hero .eyebrow{color:#f0d36b;font-weight:800}
.page-hero h1{font-weight:800;letter-spacing:-.03em}
.page-hero .section-lead{max-width:700px;color:rgba(255,255,255,.84)}
body.page-about .page-hero{background-image:url("../images/about-hero.jpg")}
body.page-services .page-hero{background-image:url("../images/services-hero.jpg")}
body.page-pricing .page-hero{background-image:url("../images/pricing-hero.jpg")}
body.page-contact .page-hero{background-image:url("../images/contact-hero.jpg")}

/* A consistent premium navigation/header */
.navbar,.site-header,header{position:relative;z-index:20}
.brand img{object-fit:contain}
.brand strong{color:#071d3a}
.navbar .btn,.site-header .btn,header .btn{background:#c9a227!important;border-color:#c9a227!important;color:#071d3a!important}
.gwm-v7-image-note{
  display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:8px 12px;
  border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.86);font-size:.78rem
}
@media(max-width:768px){
 .page-hero{min-height:250px;padding:60px 0}
 .hero{min-height:620px}
 .hero .hero-art{background-position:center}
}