﻿
*{
    padding: 0px;
    margin: 0;
    box-sizing: border-box;

}
:root{
  --svc-gold:#ffdb00;
  --svc-gold-dark:#ffdb00;
  --svc-black:#0b0b0c;
  --svc-black-soft:#141414;
  --svc-gray-bg:#f6f6f7;
  --svc-gray-border:#e7e7ea;
  --svc-text-dark:#14161a;
  --svc-text-body:#5b6472;
  --svc-text-onDark:#c7c9cf;
  --svc-radius-lg:20px;
  --svc-radius-md:14px;
  --svc-radius-sm:10px;
  --svc-shadow:0 10px 30px rgba(15,15,20,.06);
  --svc-container:1200px;
  --svc-font-head:'Poppins', 'Segoe UI', sans-serif;
  --svc-font-body:'Inter', 'Segoe UI', sans-serif;

  --corp-gold: var(--svc-gold);
  --corp-gold-dark: var(--svc-gold-dark);
  --corp-black: var(--svc-black);
  --corp-black-soft: var(--svc-black-soft);
  --corp-gray-bg: var(--svc-gray-bg);
  --corp-gray-border: var(--svc-gray-border);
  --corp-text-dark: var(--svc-text-dark);
  --corp-text-body: var(--svc-text-body);
  --corp-text-onDark: var(--svc-text-onDark);
  --corp-radius-lg: var(--svc-radius-lg);
  --corp-radius-md: var(--svc-radius-md);
  --corp-radius-sm: var(--svc-radius-sm);
  --corp-shadow: var(--svc-shadow);
  --corp-container: var(--svc-container);
  --corp-font-head: 'Montserrat', 'Segoe UI', sans-serif;
  --corp-font-body: 'Inter', 'Segoe UI', sans-serif;
}

.svc-hero,
.corp-hero,
.local-hero,
.school-hero,
.station-hero,
.wedding-hero,
.access-hero,
.services-hero,
.parcel-hero{
  position:relative !important;
  min-height:600px !important;
  display:flex !important;
  align-items:flex-end !important;
  overflow:hidden !important;
  border-radius:0 !important;
}

.svc-hero__media,
.corp-hero__media,
.local-hero__media,
.school-hero__media,
.station-hero__media,
.wedding-hero__media,
.access-hero__media,
.services-hero__media,
.parcel-hero__media{
  position:absolute !important;
  inset:0 !important;
}

.svc-hero__img,
.corp-hero__img,
.local-hero__img,
.school-hero__img,
.station-hero__img,
.wedding-hero__img,
.access-hero__img,
.services-hero__img,
.parcel-hero__img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.svc-hero__scrim,
.corp-hero__scrim,
.local-hero__scrim,
.school-hero__scrim,
.station-hero__scrim,
.wedding-hero__scrim,
.access-hero__scrim,
.services-hero__scrim,
.parcel-hero__scrim{
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(100deg, rgba(3,5,8,.96) 4%, rgba(3,5,8,.86) 45%, rgba(3,5,8,.56) 78%, rgba(3,5,8,.34) 100%) !important;
}

.svc-hero__content,
.corp-hero__content,
.local-hero__content,
.school-hero__content,
.station-hero__content,
.wedding-hero__content,
.access-hero__content,
.services-hero__content,
.parcel-hero__content{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:1280px !important;
  margin:0 auto !important;
  padding:110px 24px 132px !important;
}

.svc-breadcrumb,
.corp-breadcrumb,
.local-breadcrumb,
.school-breadcrumb,
.station-breadcrumb,
.wedding-breadcrumb,
.access-breadcrumb,
.services-breadcrumb,
.parcel-breadcrumb{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:12.5px !important;
  color:#c9c9cd !important;
  margin-bottom:32px !important;
}

.svc-breadcrumb a,
.corp-breadcrumb a,
.local-breadcrumb a,
.school-breadcrumb a,
.station-breadcrumb a,
.wedding-breadcrumb a,
.access-breadcrumb a,
.services-breadcrumb a,
.parcel-breadcrumb a{
  color:#c9c9cd !important;
}

.svc-breadcrumb__current,
.corp-breadcrumb__current,
.local-breadcrumb__current,
.school-breadcrumb__current,
.station-breadcrumb__current,
.wedding-breadcrumb__current,
.access-breadcrumb__current,
.services-breadcrumb__current,
.parcel-breadcrumb__current{
  color:#8f9096 !important;
}

.svc-hero__title,
.corp-hero__title,
.local-hero__title,
.school-hero__title,
.station-hero__title,
.wedding-hero__title,
.access-hero__title,
.services-hero__title,
.parcel-hero__title{
  font-family:var(--svc-font-head) !important;
  font-size:clamp(40px, 4.7vw, 72px) !important;
  font-weight:600 !important;
  color:#fff !important;
  line-height:1.05 !important;
  letter-spacing:-.02em !important;
  margin:0 0 28px !important;
  max-width:920px !important;
}

.svc-hero__subtitle,
.corp-hero__subtitle,
.local-hero__subtitle,
.school-hero__subtitle,
.station-hero__subtitle,
.wedding-hero__subtitle,
.access-hero__subtitle,
.services-hero__subtitle,
.parcel-hero__subtitle{
  font-size:clamp(17px, 1.35vw, 22px) !important;
  line-height:1.55 !important;
  color:#d3d4d9 !important;
  max-width:720px !important;
  margin:0 0 30px !important;
}

.svc-hero__tags,
.corp-hero__tags,
.local-hero__tags,
.school-hero__tags,
.station-hero__tags,
.wedding-hero__tags,
.access-hero__tags,
.services-hero__tags,
.parcel-hero__tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px 22px !important;
}

.svc-hero__tags li,
.corp-hero__tags li,
.local-hero__tags li,
.school-hero__tags li,
.station-hero__tags li,
.wedding-hero__tags li,
.access-hero__tags li,
.services-hero__tags li,
.parcel-hero__tags li{
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  color:#e7e7ea !important;
  position:relative !important;
  padding-left:16px !important;
  list-style:none !important;
}

.svc-hero__tags li::before,
.corp-hero__tags li::before,
.local-hero__tags li::before,
.school-hero__tags li::before,
.station-hero__tags li::before,
.wedding-hero__tags li::before,
.access-hero__tags li::before,
.services-hero__tags li::before,
.parcel-hero__tags li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:var(--svc-gold) !important;
  transform:translateY(-50%) !important;
}

@media (max-width: 760px){
  .svc-hero,
  .corp-hero,
  .local-hero,
  .school-hero,
  .station-hero,
  .wedding-hero,
  .access-hero,
  .services-hero,
  .parcel-hero{
    min-height:520px !important;
  }

  .svc-hero__content,
  .corp-hero__content,
  .local-hero__content,
  .school-hero__content,
  .station-hero__content,
  .wedding-hero__content,
  .access-hero__content,
  .services-hero__content,
  .parcel-hero__content{
    padding-top:96px !important;
    padding-bottom:64px !important;
  }

  .svc-hero__title,
  .corp-hero__title,
  .local-hero__title,
  .school-hero__title,
  .station-hero__title,
  .wedding-hero__title,
  .access-hero__title,
  .services-hero__title,
  .parcel-hero__title{
    font-size:clamp(32px, 10vw, 46px) !important;
    margin-bottom:18px !important;
  }

  .svc-hero__subtitle,
  .corp-hero__subtitle,
  .local-hero__subtitle,
  .school-hero__subtitle,
  .station-hero__subtitle,
  .wedding-hero__subtitle,
  .access-hero__subtitle,
  .services-hero__subtitle,
  .parcel-hero__subtitle{
    font-size:17px !important;
    margin-bottom:20px !important;
  }
}

