.elementor-200 .elementor-element.elementor-element-8355ba4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-200 .elementor-element.elementor-element-d78f596{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:00px 40px;--row-gap:00px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-200 .elementor-element.elementor-element-462c9af{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-200 .elementor-element.elementor-element-462c9af{--width:100%;}}@media(max-width:767px){.elementor-200 .elementor-element.elementor-element-d78f596{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS *//* our-services-advanced.css | Our Services landing page */

/* ── Intro section ────────────────────────────────────────────────────────── */

.svc-intro {
  background: var(--navy);
  padding: 80px 0 88px;
}

.svc-intro__inner {
  max-width: 780px;
}

.svc-intro .section-label {
  color: var(--mint);
  background: rgba(255,255,255,0.1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 50px;
  margin-bottom: 28px;
}

.svc-intro__title {
  font-family: var(--font-serif);
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  color: var(--white);
  line-height: 1.12;
  margin: 0 0 28px;
}

.svc-intro__title em {
  font-style: italic;
  color: var(--mint);
}

.svc-intro__lead {
  font-size: 1.2rem;
  color: rgba(255,255,255,0.82);
  line-height: 1.7;
  margin: 0 0 14px;
}

.svc-intro__body {
  font-size: 1.05rem;
  color: rgba(255,255,255,0.62);
  line-height: 1.75;
  margin: 0;
}

/* ── Service grid ─────────────────────────────────────────────────────────── */

.svc-grid-section {
  background: var(--offwhite);
  padding: 72px 0 88px;
}

.svc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* ── Service card ─────────────────────────────────────────────────────────── */

.svc-card {
  /* Inherits journey-card styles from global CSS.
     journey-card already provides gradient border, flex column, hover shadow. */
}

.svc-card__image {
  height: 220px;
  overflow: hidden;
  flex-shrink: 0;
}

.svc-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.svc-card:hover .svc-card__image img {
  transform: scale(1.04);
}

/* Orange uppercase label — matches homepage card style */
.svc-card__label {
  display: block;
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--orange);
  margin-bottom: 8px;
}

.svc-card__text {
  font-size: 0.925rem;
  color: var(--text-mid);
  line-height: 1.65;
  margin: 10px 0 0;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 900px) {
  .svc-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .svc-intro { padding: 56px 0 64px; }
  .svc-grid-section { padding: 52px 0 64px; }
  .svc-card__image { height: 200px; }
}

@media (max-width: 540px) {
  .svc-grid { grid-template-columns: 1fr; gap: 20px; }
}/* End custom CSS */