/* A 3:4 frame matches the supplied portrait, so it fills the composition without side panels. */
.contain {
  max-width: 1360px;
  padding-left: 28px;
  padding-right: 28px;
}

.home-photo {
  width: auto;
  max-width: 100%;
  aspect-ratio: 3 / 4;
  justify-self: center;
}

.home-photo::before {
  display: none;
}

.home-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: transparent;
}

/* Hero identity is intentionally prominent and easy to scan. */
.hero-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 48px;
  color: var(--ink);
}

.hero-meta strong {
  font: 600 28px/1 Newsreader, Georgia, serif;
  letter-spacing: -0.035em;
}

.hero-meta span {
  font: 700 14px/1.35 'DM Sans', Arial, sans-serif;
}

.hero-meta em {
  font: 700 13px/1.35 'DM Mono', monospace;
  color: var(--orange);
  font-style: normal;
}

.hero .actions .button.light {
  background: var(--orange);
  border-color: var(--orange);
  color: #fff;
}

.hero .actions .button.light:hover {
  background: var(--rose);
  border-color: var(--rose);
}

.service > a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 15px;
  bottom: 12px;
  border-radius: 22px;
  background: #fff;
  color: var(--deep);
  font-weight: 700;
  transition: transform .2s, background .2s;
}

.service > a:hover {
  background: var(--green);
  transform: translateY(-2px);
}

.service.training > a {
  color: var(--orange);
}

/* Supplied capability icons, set into soft logo-derived colour badges. */
.capability-icon-cards .card {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  min-height: 215px;
  padding: 24px;
}

.capability-icon-cards .icon-badge {
  width: 86px;
  height: 86px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e3f1ff;
}

.capability-icon-cards .card:nth-child(2) .icon-badge { background: #e3f5e8; }
.capability-icon-cards .card:nth-child(3) .icon-badge { background: #fff0e6; }
.capability-icon-cards .card:nth-child(4) .icon-badge { background: #ece9ff; }
.capability-icon-cards .card:nth-child(5) .icon-badge { background: #ffe8ed; }
.capability-icon-cards .card:nth-child(6) .icon-badge { background: #e0f5fb; }

.capability-icon-cards .icon-badge img {
  width: 58px;
  height: 58px;
  object-fit: contain;
  mix-blend-mode: multiply;
  filter: none;
}

.capability-icon-cards .card-content b {
  display: block;
  margin: 0 0 9px;
  color: var(--orange);
}

.capability-icon-cards .card-content h3 {
  margin: 0 0 8px;
  font-size: 23px;
}

.capability-icon-cards .card-content p {
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

/* Keep the training section layout, but present its four capabilities as cards. */
.training-band .list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  align-content: start;
  border: 0;
}

.training-band .list-item {
  min-height: 150px;
  padding: 22px;
  border: 0;
  border-radius: 10px;
  background: rgba(255, 253, 250, .78);
}

.training-band .list-item h3 {
  margin: 0 0 8px;
  font-size: 21px;
  line-height: 1.1;
}

.training-band .training-icon-cards .list-item {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-height: 205px;
  padding: 24px;
}

.training-icon-cards .training-icon {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: #e2f0ff;
}

.training-icon-cards .list-item:nth-child(2) .training-icon { background: #eee7ff; }
.training-icon-cards .list-item:nth-child(3) .training-icon { background: #ffece1; }
.training-icon-cards .list-item:nth-child(4) .training-icon { background: #e1f4e4; }

.training-icon-cards .training-icon img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.training-icon-cards .list-item h3 {
  margin: 0 0 8px;
  font-size: 20px;
}

/* Refined industry cards: clearer hierarchy without the heavy boxed-grid effect. */
.industry-grid {
  gap: 14px;
}

.industry {
  position: relative;
  min-height: 132px;
  padding: 19px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .035));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
  font-size: 16px;
  line-height: 1.22;
  transition: transform .2s, background .2s;
}

.industry:hover {
  transform: translateY(-3px);
  background: linear-gradient(145deg, rgba(117, 191, 50, .21), rgba(255, 255, 255, .07));
}

.industry small {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #b6df86;
}

.industry small::after {
  content: '';
  width: 25px;
  height: 1px;
  background: currentColor;
}

/* Supplied industry icons are presented in compact, coordinated round badges. */
.industry {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  grid-template-rows: 18px minmax(0, 1fr);
  align-items: center;
  gap: 9px 13px;
  min-height: 156px;
}

.industry small {
  grid-column: 1 / -1;
}

.industry-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #26637e;
}

.industry:nth-child(3n+2) .industry-icon { background: #527a66; }
.industry:nth-child(3n+3) .industry-icon { background: #946143; }

.industry-icon img {
  width: 43px;
  height: 43px;
  object-fit: contain;
}

.industry-title {
  font: 600 16px/1.18 Newsreader, Georgia, serif;
}

/* A spacious editorial tile treatment for the 16 industry verticals. */
.industry-grid {
  gap: 12px;
  grid-auto-rows: 144px;
}

.industry {
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  min-height: 164px;
  gap: 12px;
  padding: 18px;
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 8px 18px rgba(0,0,0,.07);
}

.industry small {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
}

.industry-icon {
  grid-column: 2;
  grid-row: 1;
  width: 54px;
  height: 54px;
  align-self: start;
  overflow: hidden;
}

.industry-icon img {
  width: 38px;
  height: 38px;
  transform-origin: center;
}

/* Optical size normalisation for source icons with different transparent padding. */
.industry:nth-child(1) .industry-icon img { transform: scale(.88); }
.industry:nth-child(2) .industry-icon img { transform: scale(.98); }
.industry:nth-child(3) .industry-icon img { transform: scale(.92); }
.industry:nth-child(4) .industry-icon img { transform: scale(1.12); }
.industry:nth-child(5) .industry-icon img { transform: scale(.86); }
.industry:nth-child(6) .industry-icon img { transform: scale(.92); }
.industry:nth-child(7) .industry-icon img { transform: scale(1.02); }
.industry:nth-child(8) .industry-icon img { transform: scale(.90); }
.industry:nth-child(9) .industry-icon img { transform: scale(.90); }
.industry:nth-child(10) .industry-icon img { transform: scale(1.02); }
.industry:nth-child(11) .industry-icon img { transform: scale(.86); }
.industry:nth-child(12) .industry-icon img { transform: scale(.90); }
.industry:nth-child(13) .industry-icon img { transform: scale(.90); }
.industry:nth-child(14) .industry-icon img { transform: scale(.82); }
.industry:nth-child(15) .industry-icon img { transform: scale(1.14); }
.industry:nth-child(16) .industry-icon img { transform: scale(.90); }

.industry-title {
  grid-column: 1 / -1;
  grid-row: 2;
  align-self: end;
  max-width: 92%;
  font-size: 17px;
  line-height: 1.14;
}

/* Light, vibrant card palette for the dark Industry section. */
.industry {
  background: #edf7fb;
  box-shadow: 0 12px 24px rgba(0, 0, 0, .12);
}

.industry:nth-child(3n+2) { background: #eff8ec; }
.industry:nth-child(3n+3) { background: #fff1e9; }

.industry:hover {
  background: #e0f3fc;
  transform: translateY(-4px);
}

.industry:nth-child(3n+2):hover { background: #e0f2da; }
.industry:nth-child(3n+3):hover { background: #ffe4d2; }

.industry small {
  color: var(--blue);
}

.industry:nth-child(3n+2) small { color: #4a993b; }
.industry:nth-child(3n+3) small { color: var(--orange); }

.industry-title { color: var(--deep); }

.industry-icon { background: var(--blue); }
.industry:nth-child(3n+2) .industry-icon { background: #5b9b50; }
.industry:nth-child(3n+3) .industry-icon { background: #df7d43; }

/* Final polish: tonal depth, restrained accent rails and elevated icon badges. */
.industry {
  overflow: hidden;
  border-top: 3px solid #148cc5;
  height: 144px;
  min-height: 144px;
  background: radial-gradient(circle at 100% 0, rgba(20, 140, 197, .12), transparent 42%), #edf7fb;
  box-shadow: 0 11px 24px rgba(0, 0, 0, .13), inset 0 0 0 1px rgba(20, 52, 74, .06);
}

.industry:nth-child(3n+2) {
  border-top-color: #5b9b50;
  background: radial-gradient(circle at 100% 0, rgba(91, 155, 80, .14), transparent 42%), #eff8ec;
}

.industry:nth-child(3n+3) {
  border-top-color: #df7d43;
  background: radial-gradient(circle at 100% 0, rgba(223, 125, 67, .15), transparent 42%), #fff1e9;
}

.industry-icon {
  border: 3px solid rgba(255, 255, 255, .78);
  box-shadow: 0 7px 15px rgba(24, 52, 74, .18);
}

.industry-title {
  font-size: 18px;
  letter-spacing: -.015em;
}

/* Platform cards replace the previous technology list. */
.technology-head {
  margin-bottom: 36px;
}

.technology-platforms {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

.platform-card {
  min-height: 222px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 20px 14px;
  border: 1px solid #e3ddd3;
  border-radius: 12px;
  background: #fffdfa;
  box-shadow: 0 9px 24px rgba(24, 52, 74, .035);
  transition: transform .2s, box-shadow .2s;
}

.platform-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 28px rgba(24, 52, 74, .10);
}

.platform-card img {
  width: 88px;
  height: 88px;
  object-fit: contain;
}

.platform-card h3 {
  margin: 0;
  text-align: center;
  font: 500 19px/1.05 Newsreader, Georgia, serif;
}
.platform-card:nth-child(2) h3,
.platform-card:nth-child(4) h3,
.platform-card:nth-child(5) h3 { font-size: 19px; }

.education { background: #fffdfa; }
.education-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.education-card { min-height: 214px; padding: 18px; border: 1px solid #e3ddd3; border-radius: 12px; background: #fffdfa; color: #18344a; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-shadow: 0 9px 22px rgba(24, 52, 74, .04); }
.education-card:nth-child(2),.education-card:nth-child(3) { background: #fffdfa; }
.education-card img { width: 135px; height: 105px; object-fit: contain; mix-blend-mode: normal; filter: brightness(0) saturate(100%) invert(16%) sepia(27%) saturate(1294%) hue-rotate(165deg) brightness(87%) contrast(91%); }
.education-card h3 { margin: 9px 0 3px; font: 600 24px Newsreader, Georgia, serif; }
.education-card p { margin: 0; color: #607488; font: 500 10px 'DM Mono', monospace; }
@media (max-width: 760px) { .education-grid { grid-template-columns: 1fr; }.education-card { min-height: 205px; }.education-card img { width: 125px; height: 96px; } }

.cert-logo-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
.cert-logo-card { height: 174px; padding: 14px; border: 1px solid #e3ddd3; background: #fffdfa; display: grid; place-items: center; }
.cert-logo-card img { width: 100%; height: 142px; object-fit: contain; }
.cert-logo-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cert-logo-grid--three .cert-logo-card { width: calc(50% - 6px); justify-self: center; }
.cert-logo-grid--three .cert-logo-card:nth-child(3) img { width: 78%; height: 108px; }
@media (max-width: 760px) { .cert-logo-grid { grid-template-columns: repeat(2, 1fr); }.cert-logo-card { height: 145px; }.cert-logo-card img { height: 115px; }.cert-logo-grid--three .cert-logo-card { width: 100%; } }

/* Customer marks use a clean logo-only presentation. */
.customer-logo-grid {
  margin-top: 38px;
}

.customer-logo-grid .customer {
  height: 150px;
  padding: 26px;
  border-radius: 14px;
  border-color: #d9d1c5;
  background: #fffdfa;
  box-shadow: 0 8px 20px rgba(24, 52, 74, .045);
}

.customer-logo-grid .customer img {
  width: 100%;
  height: 62px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.customer-more {
  margin: 28px 0 0;
}

@media (max-width: 760px) {
  .contain {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .hero-meta strong { font-size: 24px; }

  .capability-icon-cards .card {
    grid-template-columns: 1fr;
    gap: 13px;
    min-height: 205px;
  }

  .capability-icon-cards .icon-badge {
    width: 66px;
    height: 66px;
  }

  .capability-icon-cards .icon-badge img {
    width: 43px;
    height: 43px;
  }

  .capability-icon-cards .card-content h3 { font-size: 19px; }

  .training-band .list { gap: 10px; }

  .training-band .list-item {
    min-height: 145px;
    padding: 17px;
  }

  .training-band .list-item h3 { font-size: 18px; }

  .training-band .training-icon-cards .list-item {
    grid-template-columns: 1fr;
    gap: 12px;
    min-height: 215px;
    padding: 18px;
  }

  .training-icon-cards .training-icon {
    width: 64px;
    height: 64px;
  }

  .training-icon-cards .training-icon img {
    width: 43px;
    height: 43px;
  }

  .industry-grid { gap: 10px; }

  .industry-grid { grid-auto-rows: auto; }

  .industry {
    min-height: 108px;
    padding: 14px;
    font-size: 12px;
  }

  .industry {
    grid-template-columns: 1fr;
    grid-template-rows: 16px 54px auto;
    gap: 7px;
    min-height: 164px;
  }

  .industry small { grid-column: auto; }

  .industry-icon {
    width: 52px;
    height: 52px;
  }

  .industry-icon img {
    width: 36px;
    height: 36px;
  }

  .industry-title { font-size: 13px; }

  .industry {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    min-height: 142px;
    gap: 8px;
    padding: 13px;
  }

  .industry small { grid-column: 1; grid-row: 1; }

  .industry-icon {
    grid-column: 2;
    grid-row: 1;
    width: 45px;
    height: 45px;
  }

  .industry-icon img { width: 31px; height: 31px; }

  .industry-title {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: end;
    max-width: 100%;
    font-size: 12px;
  }

  .technology-platforms {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .platform-card {
    min-height: 170px;
    gap: 15px;
    padding: 15px 9px;
  }

  .platform-card img {
    width: 64px;
    height: 64px;
  }

  .platform-card h3 { font-size: 18px; }

  .customer-logo-grid .customer {
    height: 112px;
    padding: 18px;
  }

  .customer-logo-grid .customer img { height: 54px; }

}

.capability-icon-cards .card-content > b { display: none; }
.industry-more { margin: 30px 0 0; text-align: center; }
.industry-more .button.light { color: #fff; border-color: rgba(255, 255, 255, .65); }

.education .section-head .copy,
.section:has(.certs) .section-head .copy { align-self: start; margin-top: 48px; }
@media (max-width: 760px) {
  .education .section-head .copy,
  .section:has(.certs) .section-head .copy { margin-top: 0; }
}

.metrics { background: transparent; padding: 0 0 56px; color: var(--ink); }
.metrics .metric-grid {
  overflow: hidden;
  border-radius: 32px;
  background: linear-gradient(135deg, #f7fcf1 0%, #e4f7db 55%, #eff9e9 100%);
  box-shadow: 0 10px 22px rgba(45, 107, 36, .10);
}
.metrics .metric {
  min-height: 164px;
  padding: 23px 28px;
  display: grid;
  grid-template-columns: 104px 1fr;
  gap: 20px;
  align-items: center;
  border-color: rgba(75, 137, 65, .25);
}
.metric-icon { width: 92px; height: 92px; border-radius: 50%; display: grid; place-items: center; background: #4da933; box-shadow: 0 10px 20px rgba(48, 133, 36, .24); }
.metric-icon img { width: 56px; height: 56px; object-fit: contain; filter: brightness(0) invert(1); }
.metrics .metric strong { font-size: clamp(38px, 3.35vw, 58px); line-height: .9; letter-spacing: -.05em; }
.metrics .metric h3 { margin: 5px 0 8px; font: 600 18px/1.1 Newsreader, Georgia, serif; }
.metrics .metric p { margin: 0; color: #607488; font-size: 12px; line-height: 1.55; }
@media (max-width: 760px) {
  .metrics { padding-bottom: 35px; }
  .metrics .metric-grid { border-radius: 20px; }
  .metrics .metric { grid-template-columns: 73px 1fr; min-height: 0; padding: 20px; gap: 14px; border-bottom: 1px solid rgba(75, 137, 65, .25); }
  .metrics .metric:last-child { border-bottom: 0; }
  .metric-icon { width: 64px; height: 64px; }
  .metric-icon img { width: 38px; height: 38px; }
}

.metrics { padding: 0; }
.metrics .metric-grid {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0 clamp(20px, 5vw, 90px);
  border-radius: 0;
  background: #dff3d4;
  box-shadow: none;
}
.metrics .metric { min-height: 132px; padding: 18px 23px; grid-template-columns: 78px 1fr; gap: 15px; }
.metric-icon { width: 66px; height: 66px; background: #5bab38; box-shadow: 0 7px 14px rgba(48, 133, 36, .18); }
.metric-icon img { width: 40px; height: 40px; }
.metrics .metric strong { font-size: clamp(32px, 2.7vw, 46px); }
.metrics .metric h3 { margin: 3px 0 5px; font-size: 15px; }
.metrics .metric p { font-size: 11px; line-height: 1.42; }
@media (max-width: 760px) {
  .metrics .metric-grid { padding: 0 20px; }
  .metrics .metric { grid-template-columns: 66px 1fr; padding: 17px 0; }
  .metric-icon { width: 58px; height: 58px; }
  .metric-icon img { width: 35px; height: 35px; }
}

.about .timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0;
  margin-top: 104px;
  padding-top: 0;
}
.about .timeline::before {
  content: '';
  position: absolute;
  z-index: 0;
  left: 2.4%;
  right: 2.4%;
  top: 91px;
  height: 74px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 58 C75 5 125 5 200 58 S325 111 400 58 S525 5 600 58 S725 111 800 58 S925 5 1000 58 S1125 111 1200 58' fill='none' stroke='%23dce6e5' stroke-width='15' stroke-linecap='round'/%3E%3Cpath d='M0 58 C75 5 125 5 200 58 S325 111 400 58 S525 5 600 58 S725 111 800 58 S925 5 1000 58 S1125 111 1200 58' fill='none' stroke='%23188fc8' stroke-width='15' stroke-linecap='round' stroke-dasharray='210 990'/%3E%3Cpath d='M0 58 C75 5 125 5 200 58 S325 111 400 58 S525 5 600 58 S725 111 800 58 S925 5 1000 58 S1125 111 1200 58' fill='none' stroke='%23ff7212' stroke-width='15' stroke-linecap='round' stroke-dasharray='210 990' stroke-dashoffset='-210'/%3E%3Cpath d='M0 58 C75 5 125 5 200 58 S325 111 400 58 S525 5 600 58 S725 111 800 58 S925 5 1000 58 S1125 111 1200 58' fill='none' stroke='%234aac37' stroke-width='15' stroke-linecap='round' stroke-dasharray='210 990' stroke-dashoffset='-420'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.about .step {
  position: relative;
  z-index: 1;
  min-height: 318px;
  padding: 197px 14px 0;
  text-align: center;
  border: 0;
  background: radial-gradient(circle at 50% 52px, #315d7d 0 52px, transparent 53px);
}
.about .step::before {
  content: '';
  position: absolute;
  top: 24px;
  left: 50%;
  width: 56px;
  height: 56px;
  transform: translateX(-50%);
  border-radius: 0;
  background: transparent url('assets/images/icons/consulting/data-analytics.png') center/56px no-repeat;
  box-shadow: none;
  filter: brightness(0) invert(1);
}
.about .step::after { content: ''; position: absolute; top: 106px; left: 50%; width: 5px; height: 37px; transform: translateX(-50%); background: radial-gradient(circle, #087fbd 2px, transparent 3px) center top/5px 10px repeat-y; }
.about .step b { position: absolute; top: 135px; left: 50%; width: 73px; height: 73px; transform: translateX(-50%); display: grid; place-items: center; border: 6px solid #fff; border-radius: 50%; background: #18344a; color: #fff; font: 500 25px Newsreader, Georgia, serif; box-shadow: 0 8px 18px rgba(24, 52, 74, .18); }
.about .step h3 { margin: 25px 0 8px; font-size: 28px; line-height: 1; }
.about .step p { max-width: 176px; margin: 0 auto; font-size: 14px; line-height: 1.45; }
.about .step:nth-child(2)::before { background-image: url('assets/images/icons/consulting/networking-security.png'); }
.about .step:nth-child(3)::before { background-image: url('assets/images/icons/consulting/cloud-platforms.png'); }
.about .step:nth-child(4)::before { background-image: url('assets/images/icons/training/core/hands-on-labs.png'); }
.about .step:nth-child(5)::before { background-image: url('assets/images/icons/training/core/instructor-led-training.png'); }
.about .step:nth-child(6)::before { background-image: url('assets/images/icons/consulting/it-infrastructure.png'); }
.about .step:nth-child(2)::after { background-image: radial-gradient(circle, #ff6005 2px, transparent 3px); }.about .step:nth-child(3)::after { background-image: radial-gradient(circle, #75bf32 2px, transparent 3px); }.about .step:nth-child(4)::after { background-image: radial-gradient(circle, #087fbd 2px, transparent 3px); }.about .step:nth-child(5)::after { background-image: radial-gradient(circle, #ff6005 2px, transparent 3px); }.about .step:nth-child(6)::after { background-image: radial-gradient(circle, #18344a 2px, transparent 3px); }
.about .step:nth-child(2) b { background: #ff6005; }.about .step:nth-child(3) b { background: #75bf32; }.about .step:nth-child(4) b { background: #087fbd; }.about .step:nth-child(5) b { background: #ff6005; }.about .step:nth-child(6) b { background: #18344a; }
.about .timeline::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 130' preserveAspectRatio='none'%3E%3Cpath d='M0 58 C66 58 66 8 120 8 C174 8 174 58 240 58' fill='none' stroke='%23087fbd' stroke-width='15' stroke-linecap='round'/%3E%3Cpath d='M240 58 C306 58 306 108 360 108 C414 108 414 58 480 58' fill='none' stroke='%23ff6005' stroke-width='15' stroke-linecap='round'/%3E%3Cpath d='M480 58 C546 58 546 8 600 8 C654 8 654 58 720 58' fill='none' stroke='%2375bf32' stroke-width='15' stroke-linecap='round'/%3E%3Cpath d='M720 58 C786 58 786 108 840 108 C894 108 894 58 960 58' fill='none' stroke='%23087fbd' stroke-width='15' stroke-linecap='round'/%3E%3Cpath d='M960 58 C1026 58 1026 8 1080 8 C1134 8 1134 58 1200 58' fill='none' stroke='%23ff6005' stroke-width='15' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
@media (max-width: 760px) {
  .about .timeline { grid-template-columns: 1fr 1fr; gap: 22px 8px; margin-top: 50px; }
  .about .timeline::before { display: none; }
  .about .step { min-height: 248px; padding: 154px 8px 0; background: radial-gradient(circle at 50% 40px, #315d7d 0 40px, transparent 41px); }
  .about .step::before { top: 20px; width: 40px; height: 40px; background-size: 40px; }
  .about .step::after { top: 82px; height: 25px; }
  .about .step b { top: 104px; width: 58px; height: 58px; font-size: 20px; border-width: 4px; }
  .about .step h3 { font-size: 22px; margin-top: 15px; }
  .about .step p { font-size: 12px; }
}

.section:has(.service-pair) .section-head .copy,
.section:has(.capability-icon-cards) .section-head .copy,
.section:has(.industry-grid) .section-head .copy,
.technology-head .copy {
  align-self: start;
  margin-top: 48px;
}

@media (max-width: 760px) {
  .section:has(.service-pair) .section-head .copy,
  .section:has(.capability-icon-cards) .section-head .copy,
  .section:has(.industry-grid) .section-head .copy,
  .technology-head .copy { margin-top: 0; }
}

/* Contact details */
.contact-details { display:grid; gap:12px; margin-top:30px; }
.contact .contact-detail { display:inline-flex; align-items:center; gap:12px; width:max-content; max-width:100%; margin:0; font:500 18px Newsreader, Georgia, serif; }
.contact-icon { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--ink); color:var(--ink); }
.contact-icon svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.contact .contact-detail:hover { color:var(--orange); }
.contact .contact-detail:hover .contact-icon { border-color:var(--orange); }

@media (max-width:760px) { .contact .contact-detail { font-size:16px; } }

.footer .footer-linkedin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 13px;
  margin-top: 4px;
  border: 1px solid rgba(255,255,255,.45);
  color: #fff;
  font: 500 11px 'DM Mono', monospace;
  letter-spacing: .03em;
}
.footer .footer-linkedin:hover { color: #b7df8c; }
.footer .footer-linkedin svg { width:16px; height:16px; fill:currentColor; }
.footer img { width:76px; height:76px; object-fit:contain; object-position:left top; filter:none; mix-blend-mode:normal; }
.footer .copyright { position:relative; text-align:left; }
.footer .footer-role { position:absolute; right:0; color:#9aafb8; font:500 10px 'DM Mono', monospace; }
@media (max-width:760px) { .footer .footer-role { position:static; display:block; margin-top:8px; } }

/* Dark foundation gives the orange CTA emphasis the same clarity as elsewhere. */
.cta { background: var(--deep); }
.cta .overline { color: #b7df8c; }
.cta .copy { color: #d3e0e4; }

@media (min-width: 761px) and (max-width: 1024px) {
  .contain { padding-left:30px; padding-right:30px; }
  .navlinks { gap:14px; font-size:11px; }
  .nav > .button { padding:11px 13px; font-size:10px; }
  .hero-grid { grid-template-columns:1.08fr .92fr; min-height:570px; }
  .home-photo { height:510px; }
  .section { padding:86px 0; }
  .section-head { gap:38px; }
  .technology-platforms { grid-template-columns:repeat(3, 1fr); }
  .platform-card { min-height:205px; }
  .industry-grid { grid-template-columns:repeat(2, 1fr); }
  .cert-logo-grid { grid-template-columns:repeat(3, 1fr); }
  .cert-logo-grid--three { grid-template-columns:repeat(3, 1fr); }
  .education-card { min-height:205px; }
}
/* Footer location */
.footer .footer-location {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 13px;
  margin: 4px 0 0 8px;
  border: 1px solid rgba(255,255,255,.45);
  color: #fff;
  font: 500 11px 'DM Mono', monospace;
  letter-spacing: .03em;
}
.footer .footer-location svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 560px) { .footer .footer-location { margin-left: 0; margin-top: 8px; } }
/* Footer location alignment */
.footer .footer-linkedin,
.footer .footer-location { vertical-align: top; }
/* Footer corner location */
.footer .footer-top { position: relative; }
.footer .footer-top > .footer-location {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}
@media (max-width: 760px) {
  .footer .footer-top > .footer-location { position: static; margin-top: 8px; }
}
/* Homepage section button hover colors */
.home-consulting-more:hover { background: var(--orange); border-color: var(--orange); color: #fff; }
.home-industries-more:hover { background: var(--orange); border-color: var(--orange); color: #fff; }
.home-organizations-more:hover { background: var(--blue); border-color: var(--blue); color: #fff; }
/* Homepage consulting service link hover */
.home-explore-consulting:hover { background: #345740; color: #fff; }
/* Homepage conversation link hover */
.cta .choice a:hover { color: var(--orange); }
.hero-explore-consulting:hover { background: var(--blue); border-color: var(--blue); color: #fff; }

.home-explore-training:hover { background: var(--blue); color: #fff; }

.service.training a.home-explore-training:hover { background: var(--blue); color: #fff; border-color: var(--blue); }

/* Exact 48px vertical rhythm for the selected Home page sections. */
.home-page main > section:nth-of-type(2),
.home-page main > section:nth-of-type(3),
.home-page main > section:nth-of-type(4),
.home-page main > section:nth-of-type(5),
.home-page main > section:nth-of-type(6),
.home-page main > section:nth-of-type(7),
.home-page main > section:nth-of-type(9),
.home-page main > section:nth-of-type(10),
.home-page main > section:nth-of-type(11),
.home-page main > section:nth-of-type(13) {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.home-page main > section:nth-of-type(12) > .section {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

/* WebP-first background icons with PNG fallbacks. */
.about .step::before {
  background-image: image-set(
    url('assets/images/icons/consulting/data-analytics.webp') type('image/webp'),
    url('assets/images/icons/consulting/data-analytics.png') type('image/png')
  );
}
.about .step:nth-child(2)::before { background-image: image-set(url('assets/images/icons/consulting/networking-security.webp') type('image/webp'), url('assets/images/icons/consulting/networking-security.png') type('image/png')); }
.about .step:nth-child(3)::before { background-image: image-set(url('assets/images/icons/consulting/cloud-platforms.webp') type('image/webp'), url('assets/images/icons/consulting/cloud-platforms.png') type('image/png')); }
.about .step:nth-child(4)::before { background-image: image-set(url('assets/images/icons/training/core/hands-on-labs.webp') type('image/webp'), url('assets/images/icons/training/core/hands-on-labs.png') type('image/png')); }
.about .step:nth-child(5)::before { background-image: image-set(url('assets/images/icons/training/core/instructor-led-training.webp') type('image/webp'), url('assets/images/icons/training/core/instructor-led-training.png') type('image/png')); }
.about .step:nth-child(6)::before { background-image: image-set(url('assets/images/icons/consulting/it-infrastructure.webp') type('image/webp'), url('assets/images/icons/consulting/it-infrastructure.png') type('image/png')); }

/* Align About Ahmad timeline heading sizes with Consulting Expertise cards. */
.about .step h3 {
  font-size: 23px;
}
@media (max-width: 760px) {
  .about .step h3 {
    font-size: 19px;
  }
}

/* Keep every Consulting Expertise icon precisely centered in its circle. */
.capability-icon-cards .icon-badge {
  place-items: center !important;
}
.capability-icon-cards .icon-badge .webp-picture {
  width: 100%;
  height: 100%;
  display: grid !important;
  place-items: center !important;
}
.capability-icon-cards .icon-badge img {
  display: block;
  margin: 0 !important;
  align-self: center;
  justify-self: center;
}

/* Optical centering for the Consulting Expertise icon artwork. */
.capability-icon-cards .icon-badge img {
  transform: translateY(-3px);
}

/* Absolute centering keeps all badge artwork on the exact circle center. */
.capability-icon-cards .icon-badge {
  position: relative;
}
.capability-icon-cards .icon-badge .webp-picture {
  position: absolute;
  inset: 0;
}
.capability-icon-cards .icon-badge img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}

/* Exact centering for Corporate IT Training card icon artwork. */
.training-icon-cards .training-icon {
  position: relative;
  place-items: center !important;
}
.training-icon-cards .training-icon .webp-picture {
  position: absolute;
  inset: 0;
  display: grid !important;
  place-items: center !important;
}
.training-icon-cards .training-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}

/* Exact centering for Industry Verticals icon artwork, preserving optical scales. */
.industry-icon {
  position: relative;
  place-items: center !important;
}
.industry-icon .webp-picture {
  position: absolute;
  inset: 0;
  display: grid !important;
  place-items: center !important;
}
.industry-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}
.industry:nth-child(1) .industry-icon img { transform: translate(-50%, -50%) scale(.88) !important; }
.industry:nth-child(2) .industry-icon img { transform: translate(-50%, -50%) scale(.98) !important; }
.industry:nth-child(3) .industry-icon img { transform: translate(-50%, -50%) scale(.92) !important; }
.industry:nth-child(4) .industry-icon img { transform: translate(-50%, -50%) scale(1.12) !important; }
.industry:nth-child(5) .industry-icon img { transform: translate(-50%, -50%) scale(.86) !important; }
.industry:nth-child(6) .industry-icon img { transform: translate(-50%, -50%) scale(.92) !important; }
.industry:nth-child(7) .industry-icon img { transform: translate(-50%, -50%) scale(1.02) !important; }
.industry:nth-child(8) .industry-icon img { transform: translate(-50%, -50%) scale(.90) !important; }
.industry:nth-child(9) .industry-icon img { transform: translate(-50%, -50%) scale(.90) !important; }
.industry:nth-child(10) .industry-icon img { transform: translate(-50%, -50%) scale(1.02) !important; }
.industry:nth-child(11) .industry-icon img { transform: translate(-50%, -50%) scale(.86) !important; }
.industry:nth-child(12) .industry-icon img { transform: translate(-50%, -50%) scale(.90) !important; }
.industry:nth-child(13) .industry-icon img { transform: translate(-50%, -50%) scale(.90) !important; }
.industry:nth-child(14) .industry-icon img { transform: translate(-50%, -50%) scale(.82) !important; }
.industry:nth-child(15) .industry-icon img { transform: translate(-50%, -50%) scale(1.14) !important; }
.industry:nth-child(16) .industry-icon img { transform: translate(-50%, -50%) scale(.90) !important; }

/* Exact centering for Home achievement icon artwork. */
.metric-icon {
  position: relative;
  place-items: center !important;
}
.metric-icon .webp-picture {
  position: absolute;
  inset: 0;
  display: grid !important;
  place-items: center !important;
}
.metric-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}

/* Mobile Two Core Areas: keep each Explore action below its description. */
@media (max-width: 760px) {
  .service-pair .service {
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .service-pair .service > a {
    position: static;
    align-self: flex-start;
    margin-top: 16px;
    bottom: auto;
  }
}

/* About Ahmad connected process cards. */
.about .timeline.about-process-cards {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 32px;
  position: relative;
  margin-top: 66px;
  padding: 0;
}

.about .timeline.about-process-cards::before {
  display: none;
}

.about .about-process-cards .process-card {
  --card-color: #087fbd;
  --card-tint: #e2f4fb;
  position: relative;
  display: flex;
  min-height: 232px;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 18px 13px 16px;
  overflow: visible;
  border: 1px solid color-mix(in srgb, var(--card-color) 36%, #fff);
  border-radius: 14px;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 9px 18px rgba(24, 52, 74, .10);
  text-align: center;
}

.about .about-process-cards .process-card:nth-child(2) { --card-color: #ff6005; --card-tint: #fff0e7; }
.about .about-process-cards .process-card:nth-child(3) { --card-color: #68b92e; --card-tint: #edf8e6; }
.about .about-process-cards .process-card:nth-child(4) { --card-color: #087fbd; --card-tint: #e2f4fb; }
.about .about-process-cards .process-card:nth-child(5) { --card-color: #ff6005; --card-tint: #fff0e7; }
.about .about-process-cards .process-card:nth-child(6) { --card-color: #183d5a; --card-tint: #e8eff4; }

.about .about-process-cards .process-card:not(:last-child)::after {
  content: '→';
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 100%;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  transform: translateY(-50%);
  border: 3px solid var(--card-color);
  border-radius: 50%;
  background: #fff;
  color: var(--card-color);
  box-shadow: 0 5px 12px color-mix(in srgb, var(--card-color) 28%, transparent);
  font: 800 20px/1 Arial, sans-serif;
}

.about .about-process-cards .process-card::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 100%;
  width: 32px;
  height: 4px;
  transform: translateY(-50%);
  border-radius: 999px;
  background: color-mix(in srgb, var(--card-color) 42%, #fff);
}

.about .about-process-cards .process-card:last-child::before {
  display: none;
}

.about .about-process-cards .process-card-icon {
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  margin-bottom: 22px;
  border: 1px solid color-mix(in srgb, var(--card-color) 28%, #fff);
  border-radius: 50%;
  background: var(--card-tint);
  box-shadow: inset 0 0 0 6px rgba(255,255,255,.48), 0 7px 14px color-mix(in srgb, var(--card-color) 16%, transparent);
}

.about .about-process-cards .process-card-icon img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  filter: invert(21%) sepia(40%) saturate(1093%) hue-rotate(159deg) brightness(86%) contrast(88%);
}

.about .about-process-cards .process-card h3 {
  margin: 0 0 9px;
  color: var(--ink);
  font: 600 25px/1.08 Newsreader, Georgia, serif;
  line-height: 1.12;
}

.about .about-process-cards .process-card p {
  max-width: 170px;
  margin: 0;
  color: #607687;
  font-size: 13px;
  line-height: 1.55;
}

@media (max-width: 1050px) {
  .about .timeline.about-process-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 32px;
  }

  .about .about-process-cards .process-card:nth-child(3)::after,
  .about .about-process-cards .process-card:nth-child(3)::before {
    display: none;
  }
}

@media (max-width: 760px) {
  .about .timeline.about-process-cards {
    grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 44px;
  }

  .about .about-process-cards .process-card {
    min-height: 0;
    padding: 20px 24px;
  }

  .about .about-process-cards .process-card:nth-child(3)::after,
  .about .about-process-cards .process-card:nth-child(3)::before {
    display: block;
  }

  .about .about-process-cards .process-card:not(:last-child)::after {
    top: auto;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }

  .about .about-process-cards .process-card::before {
    top: auto;
    bottom: -32px;
    left: 50%;
    width: 1px;
    height: 32px;
    transform: translateX(-50%);
  }

  .about .about-process-cards .process-card-icon {
    width: 62px;
    height: 62px;
    margin-bottom: 20px;
  }

  .about .about-process-cards .process-card-icon img {
    width: 36px;
    height: 36px;
  }

  .about .about-process-cards .process-card-number {
    margin-bottom: 7px;
  }

  .about .about-process-cards .process-card h3 {
    font-size: 25px;
  }

  .about .about-process-cards .process-card p {
    max-width: 270px;
    font-size: 13px;
  }
}
/* About Ahmad card visual refinement. */
.about .about-process-cards .process-card {
  isolation: isolate;
  border: 1px solid color-mix(in srgb, var(--card-color) 32%, #fff);
  border-top: 4px solid var(--card-color);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255,255,255,.96), var(--card-tint));
  box-shadow: 0 14px 28px rgba(24, 52, 74, .10), inset 0 1px 0 rgba(255,255,255,.9);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.about .about-process-cards .process-card-icon {
  position: relative;
  z-index: 1;
  border: 2px solid color-mix(in srgb, var(--card-color) 42%, #fff);
  background: #fff;
  box-shadow: 0 9px 18px color-mix(in srgb, var(--card-color) 22%, transparent), inset 0 0 0 6px var(--card-tint);
}

.about .about-process-cards .process-card-icon::before {
  content: '';
  position: absolute;
  inset: 6px;
  border: 1px solid color-mix(in srgb, var(--card-color) 30%, #fff);
  border-radius: 50%;
}

.about .about-process-cards .process-card-icon img {
  position: relative;
  z-index: 1;
}

.about .about-process-cards .process-card h3 {
  position: relative;
  padding-bottom: 11px;
}

.about .about-process-cards .process-card h3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 32px;
  height: 3px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: var(--card-color);
}

.about .about-process-cards .process-card p {
  margin-top: 2px;
}

@media (hover: hover) {
  .about .about-process-cards .process-card:hover {
    transform: translateY(-7px);
    border-color: var(--card-color);
    box-shadow: 0 20px 34px color-mix(in srgb, var(--card-color) 18%, transparent), inset 0 1px 0 rgba(255,255,255,.92);
  }

  .about .about-process-cards .process-card:hover .process-card-icon {
    box-shadow: 0 12px 22px color-mix(in srgb, var(--card-color) 31%, transparent), inset 0 0 0 6px var(--card-tint);
  }
}

@media (max-width: 760px) {
  .about .about-process-cards .process-card {
    border-radius: 16px;
  }
}
/* IT Consulting Expertise designer card refinement. */
.capability-icon-cards .card {
  --expertise-color: #087fbd;
  --expertise-tint: #e3f1ff;
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--expertise-color) 24%, #fff);
  border-left: 4px solid var(--expertise-color);
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), var(--expertise-tint));
  box-shadow: 0 10px 22px rgba(24, 52, 74, .08), inset 0 1px 0 rgba(255,255,255,.9);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.capability-icon-cards .card:nth-child(2) { --expertise-color: #4d9d52; --expertise-tint: #e3f5e8; }
.capability-icon-cards .card:nth-child(3) { --expertise-color: #e9823c; --expertise-tint: #fff0e6; }
.capability-icon-cards .card:nth-child(4) { --expertise-color: #7965b5; --expertise-tint: #ece9ff; }
.capability-icon-cards .card:nth-child(5) { --expertise-color: #ca647a; --expertise-tint: #ffe8ed; }
.capability-icon-cards .card:nth-child(6) { --expertise-color: #087fbd; --expertise-tint: #e0f5fb; }

.capability-icon-cards .card::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 68px;
  height: 68px;
  border-radius: 0 0 0 68px;
  background: color-mix(in srgb, var(--expertise-color) 10%, transparent);
}

.capability-icon-cards .icon-badge {
  position: relative;
  z-index: 1;
  border: 2px solid color-mix(in srgb, var(--expertise-color) 35%, #fff);
  background: #fff !important;
  box-shadow: 0 9px 17px color-mix(in srgb, var(--expertise-color) 19%, transparent), inset 0 0 0 7px var(--expertise-tint);
}

.capability-icon-cards .icon-badge::before {
  content: '';
  position: absolute;
  inset: 7px;
  border: 1px solid color-mix(in srgb, var(--expertise-color) 25%, #fff);
  border-radius: 50%;
}

.capability-icon-cards .icon-badge img {
  z-index: 1;
}

.capability-icon-cards .card-content {
  position: relative;
  z-index: 1;
}

.capability-icon-cards .card-content h3 {
  position: relative;
  padding-bottom: 10px;
}

.capability-icon-cards .card-content h3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 34px;
  height: 3px;
  border-radius: 999px;
  background: var(--expertise-color);
}

.capability-icon-cards .card-content p {
  margin-top: 3px;
}

@media (hover: hover) {
  .capability-icon-cards .card:hover {
    transform: translateY(-6px);
    border-color: var(--expertise-color);
    box-shadow: 0 18px 30px color-mix(in srgb, var(--expertise-color) 16%, transparent), inset 0 1px 0 rgba(255,255,255,.92);
  }
}

@media (max-width: 760px) {
  .capability-icon-cards .card {
    border-radius: 14px;
  }
}
/* Corporate IT Training designer card refinement. */
.training-band .training-icon-cards .list-item {
  --training-card-color: #087fbd;
  --training-card-tint: #e2f0ff;
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--training-card-color) 24%, #fff);
  border-top: 4px solid var(--training-card-color);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(255,255,255,.94), var(--training-card-tint));
  box-shadow: 0 10px 22px rgba(24, 52, 74, .08), inset 0 1px 0 rgba(255,255,255,.92);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.training-band .training-icon-cards .list-item:nth-child(2) { --training-card-color: #7c65bd; --training-card-tint: #eee7ff; }
.training-band .training-icon-cards .list-item:nth-child(3) { --training-card-color: #e9823c; --training-card-tint: #ffece1; }
.training-band .training-icon-cards .list-item:nth-child(4) { --training-card-color: #4d9d52; --training-card-tint: #e1f4e4; }

.training-band .training-icon-cards .list-item::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 72px;
  height: 72px;
  border-radius: 0 0 0 72px;
  background: color-mix(in srgb, var(--training-card-color) 10%, transparent);
}

.training-icon-cards .training-icon {
  position: relative;
  z-index: 1;
  border: 2px solid color-mix(in srgb, var(--training-card-color) 35%, #fff);
  background: #fff !important;
  box-shadow: 0 9px 17px color-mix(in srgb, var(--training-card-color) 19%, transparent), inset 0 0 0 7px var(--training-card-tint);
}

.training-icon-cards .training-icon::before {
  content: '';
  position: absolute;
  inset: 7px;
  border: 1px solid color-mix(in srgb, var(--training-card-color) 25%, #fff);
  border-radius: 50%;
}

.training-icon-cards .training-icon img {
  position: relative;
  z-index: 1;
}

.training-band .training-icon-cards .list-item > div {
  position: relative;
  z-index: 1;
}

.training-icon-cards .list-item h3 {
  position: relative;
  padding-bottom: 10px;
}

.training-icon-cards .list-item h3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 34px;
  height: 3px;
  border-radius: 999px;
  background: var(--training-card-color);
}

.training-icon-cards .list-item p {
  margin-top: 3px;
}

@media (hover: hover) {
  .training-band .training-icon-cards .list-item:hover {
    transform: translateY(-6px);
    border-color: var(--training-card-color);
    box-shadow: 0 18px 30px color-mix(in srgb, var(--training-card-color) 16%, transparent), inset 0 1px 0 rgba(255,255,255,.92);
  }
}

@media (max-width: 760px) {
  .training-band .training-icon-cards .list-item {
    border-radius: 14px;
  }
}
/* Final centering for Corporate IT Training card icons. */
.training-icon-cards .training-icon {
  position: relative;
  display: grid;
  place-items: center;
}

.training-icon-cards .training-icon .webp-picture {
  position: absolute !important;
  inset: 0;
  display: grid !important;
  place-items: center !important;
}

.training-icon-cards .training-icon .webp-picture img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 2;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}
/* Final white-circle centering for IT Consulting Expertise icons. */
.capability-icon-cards .icon-badge {
  position: relative;
  display: grid;
  place-items: center;
  background: #fff !important;
}

.capability-icon-cards .icon-badge .webp-picture {
  position: absolute !important;
  inset: 0;
  display: grid !important;
  place-items: center !important;
}

.capability-icon-cards .icon-badge .webp-picture img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 2;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}
/* Keep the Data & Analytics artwork within its white circle. */
.capability-icon-cards .card:nth-child(4) .icon-badge .webp-picture img {
  width: 46px !important;
  height: 46px !important;
}

@media (max-width: 760px) {
  .capability-icon-cards .card:nth-child(4) .icon-badge .webp-picture img {
    width: 38px !important;
    height: 38px !important;
  }
}
/* Keep the Hands-On Labs artwork within its white circle. */
.training-icon-cards .list-item:nth-child(3) .training-icon .webp-picture img {
  width: 42px !important;
  height: 42px !important;
}

@media (max-width: 760px) {
  .training-icon-cards .list-item:nth-child(3) .training-icon .webp-picture img {
    width: 36px !important;
    height: 36px !important;
  }
}
/* Keep the Instructor-Led Training artwork within its white circle. */
.training-icon-cards .list-item:nth-child(1) .training-icon .webp-picture img {
  width: 42px !important;
  height: 42px !important;
}

@media (max-width: 760px) {
  .training-icon-cards .list-item:nth-child(1) .training-icon .webp-picture img {
    width: 36px !important;
    height: 36px !important;
  }
}
/* Exact centering for the Customized Corporate Programs artwork. */
.training-icon-cards .list-item:nth-child(2) .training-icon .webp-picture img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}
/* Align About Ahmad copy with its title. */
@media (min-width: 761px) {
  .about .section-head {
    align-items: start;
  }

  .about .section-head > div:last-child {
    padding-top: 26px;
  }

  .about .section-head > div:last-child .copy:first-child {
    margin-top: 0;
  }
}
/* Keep About Ahmad connector circles above adjacent cards. */
.about .about-process-cards .process-card {
  isolation: auto;
}

.about .about-process-cards .process-card:not(:last-child)::after {
  z-index: 10;
}

.about .about-process-cards .process-card::before {
  z-index: 9;
}
/* Homepage footer: dark brown with high-contrast white content. */
body.home-page .footer{background:#49362d!important;color:#fff!important}body.home-page .footer p,body.home-page .footer a,body.home-page .footer span,body.home-page .footer .copyright,body.home-page .footer .footer-location{color:#fff!important}body.home-page .footer .footer-linkedin{border-color:rgba(255,255,255,.72)!important;color:#fff!important}body.home-page .footer .footer-linkedin:hover{background:#f1d4ae!important;border-color:#f1d4ae!important;color:#49362d!important}body.home-page .footer .footer-linkedin:hover span{color:#49362d!important}body.home-page .footer .copyright{border-top-color:rgba(255,255,255,.28)!important}

/* Light-brown surface for IT Consulting Expertise — text colors intentionally unchanged. */
body.home-page main>section:nth-of-type(3){background:#ead7c2!important}body.home-page main>section:nth-of-type(3) .capability-icon-cards .card{background:linear-gradient(135deg,#fffdf9,#f4e5d3)!important;border-color:#d9bfa3!important;box-shadow:0 8px 18px rgba(92,62,43,.06)!important}body.home-page main>section:nth-of-type(3) .capability-icon-cards .icon-badge{background:#fffdf9!important}

/* Light-brown surface for Corporate IT Training — text colors intentionally unchanged. */
body.home-page main>section:nth-of-type(4){background:#f1e2d2!important}body.home-page main>section:nth-of-type(4) .training-icon-cards .list-item{background:#fffaf5!important;border-color:#dec4a7!important;box-shadow:0 8px 18px rgba(92,62,43,.05)!important}body.home-page main>section:nth-of-type(4) .training-icon{background:#f7ecdf!important;border-color:#d8b99a!important}

/* Consistent white footer typography across every page. */
.footer,.footer p,.footer a,.footer span,.footer .copyright,.footer .footer-location{color:#fff!important}.footer .footer-linkedin{color:#fff!important;border-color:rgba(255,255,255,.72)!important}

/* Lighter Corporate IT Training section surface. */
body.home-page main>section:nth-of-type(4){background:#fbf0e5!important}body.home-page main>section:nth-of-type(4) .training-icon-cards .list-item{background:#fffdf9!important;border-color:#ead4bd!important}body.home-page main>section:nth-of-type(4) .training-icon{background:#fdf5ec!important;border-color:#e7cbb0!important}

/* Soft beige palette for Industry Verticals We Serve. */
body.home-page main>section:nth-of-type(6){background:#e9ddcf!important;color:#49362d!important}body.home-page main>section:nth-of-type(6) .title,body.home-page main>section:nth-of-type(6) h2,body.home-page main>section:nth-of-type(6) h3,body.home-page main>section:nth-of-type(6) .industry-title{color:#49362d!important}body.home-page main>section:nth-of-type(6) .title i,body.home-page main>section:nth-of-type(6) .overline,body.home-page main>section:nth-of-type(6) .industry small{color:#9b643c!important}body.home-page main>section:nth-of-type(6) .copy{color:#6e5647!important}body.home-page main>section:nth-of-type(6) .industry{background:#fffdfa!important;border-color:#cfb69c!important;color:#49362d!important}body.home-page main>section:nth-of-type(6) .industry-icon{background:#f7eee5!important;border-color:#dbc7b2!important}

/* Restore the original light text treatment for Industry Verticals. */
body.home-page main>section:nth-of-type(6) .title,body.home-page main>section:nth-of-type(6) h2,body.home-page main>section:nth-of-type(6) h3,body.home-page main>section:nth-of-type(6) .industry-title{color:#fff!important}body.home-page main>section:nth-of-type(6) .title i,body.home-page main>section:nth-of-type(6) .overline,body.home-page main>section:nth-of-type(6) .industry small{color:#f1d4ae!important}body.home-page main>section:nth-of-type(6) .copy{color:#f3dfcb!important}body.home-page main>section:nth-of-type(6) .industry{background:#6b4a38!important;border-color:#b88f6e!important;color:#fff!important}

/* Match Industry Verticals heading text colors to the supplied reference. */
body.home-page main>section:nth-of-type(6) .section-head .title{color:#18344a!important}body.home-page main>section:nth-of-type(6) .section-head .title i{color:#ff6005!important}body.home-page main>section:nth-of-type(6) .section-head .overline{color:#087fbd!important}body.home-page main>section:nth-of-type(6) .section-head .copy{color:#647584!important}

/* Refined cream-beige palette for IT Consulting Expertise — text colors unchanged. */
body.home-page main>section:nth-of-type(3){background:#f2e4d5!important}body.home-page main>section:nth-of-type(3) .capability-icon-cards .card{background:linear-gradient(135deg,#fffefa,#f7eadc)!important;border-color:#dfc5a8!important;box-shadow:0 8px 18px rgba(92,62,43,.05)!important}body.home-page main>section:nth-of-type(3) .capability-icon-cards .icon-badge{background:#fffefa!important}

/* Warm cream palette for About Ahmad — text colors intentionally unchanged. */
body.home-page main>section.about{background:#ede1d2!important}body.home-page main>section.about .about-process-cards .process-card{background:#fffdf9!important;border-color:#d9bfa3!important;box-shadow:0 8px 18px rgba(92,62,43,.05)!important}body.home-page main>section.about .about-process-cards .process-card-icon{background:#f5e8da!important;border-color:#dfc5aa!important}

/* Warm brown palette for Start a conversation — text colors intentionally unchanged. */
body.home-page main>section.cta{background:#704b39!important}body.home-page main>section.cta .choice{border-top-color:rgba(255,255,255,.4)!important}body.home-page main>section.cta .choice a{border-bottom-color:rgba(255,255,255,.4)!important}

/* Richer warm-brown tone for Start a conversation. */
body.home-page main>section.cta{background:#874936!important}

/* Achievement strip matched to the Start a conversation warm brown. */
body.home-page .metrics,body.home-page main>section.metrics{background:#874936!important;color:#fff!important}body.home-page .metrics .metric{border-color:rgba(255,255,255,.25)!important}body.home-page .metrics .metric strong,body.home-page .metrics .metric h3{color:#fff!important}body.home-page .metrics .metric p{color:#f3dfcb!important}body.home-page .metric-icon{background:#f1d4ae!important;box-shadow:0 7px 14px rgba(56,30,20,.2)!important}body.home-page .metric-icon img{filter:none!important}

/* Inner full-width achievement band background. */
body.home-page .metrics .metric-grid{background:#874936!important;box-shadow:none!important}

/* Distinct camel-tan surface for Start a conversation — text colors unchanged. */
body.home-page main>section.cta{background:#9a6249!important}

/* Lighter blush-beige tone for Start a conversation — text colors unchanged. */
body.home-page main>section.cta{background:#c98f73!important}

/* Very light warm ivory-blush for Start a conversation — text colors unchanged. */
body.home-page main>section.cta{background:#f1d9c6!important}

/* Warm cream-ivory tone for Start a conversation — text colors unchanged. */
body.home-page main>section.cta{background:#f7e8da!important}

/* Start a conversation typography aligned with About Ahmad; retain the orange 'what's next.' accent. */
body.home-page main>section.cta .title{color:#18344a!important}body.home-page main>section.cta .title i{color:#ff6005!important}body.home-page main>section.cta .overline{color:#087fbd!important}body.home-page main>section.cta .copy{color:#647584!important}body.home-page main>section.cta .choice a{color:#18344a!important}body.home-page main>section.cta .choice{border-top-color:#d7b99b!important}body.home-page main>section.cta .choice a{border-bottom-color:#d7b99b!important}

/* Near-ivory warm-white surface for Start a conversation. */
body.home-page main>section.cta{background:#fdf5ed!important}

/* Orange consulting-card label and emphasis. */
body.home-page .service:not(.training) .tag,body.home-page .service:not(.training) h3 i{color:#ff6005!important}

/* White IT Consulting label; preserve the orange Modernize emphasis. */
body.home-page .service:not(.training) .tag{color:#fff!important}

/* White Modernize emphasis in the IT Consulting card. */
body.home-page .service:not(.training) h3 i{color:#fff!important}

/* White emphasis and copy in the Corporate IT Training card. */
body.home-page .service.training h3 i,body.home-page .service.training p,body.home-page .service.training a{color:#fff!important}

/* Match Corporate IT Training card copy and button text to IT Consulting. */
body.home-page .service.training h3 i{color:#fff!important}body.home-page .service.training p{color:#cad8dd!important}body.home-page .service.training a{color:#18344a!important}

/* Homepage hero button hover colors. */
body.home-page .hero-explore-consulting:hover{background:#ff6005!important;border-color:#ff6005!important;color:#fff!important}body.home-page .hero .hero-explore-consulting:hover{background:#ff6005!important;border-color:#ff6005!important}body.home-page .hero .button.light[href='training.html']:hover{background:#17354a!important;border-color:#17354a!important;color:#fff!important}

/* White Corporate IT Training description text. */
body.home-page .service.training p{color:#fff!important}

/* Core-area card button hover colors. */
body.home-page .service:not(.training) a.home-explore-consulting:hover{background:#ff6005!important;border-color:#ff6005!important;color:#fff!important}body.home-page .service.training a.home-explore-training:hover{background:#17354a!important;border-color:#17354a!important;color:#fff!important}

/* Simple uniform warm cards for IT Consulting Expertise. */
body.home-page main>section:nth-of-type(3) .capability-icon-cards .card,body.home-page main>section:nth-of-type(3) .capability-icon-cards .card:nth-child(n){background:#f8f4ed!important;border:1px solid #dcc7af!important;border-left:1px solid #dcc7af!important;box-shadow:none!important}body.home-page main>section:nth-of-type(3) .capability-icon-cards .card::after{display:none!important}

/* Unified warm-brown icon and line accents for IT Consulting Expertise. */
body.home-page main>section:nth-of-type(3) .capability-icon-cards .card:nth-child(n){--expertise-color:#9b643c!important;--expertise-tint:#f4e5d3!important}body.home-page main>section:nth-of-type(3) .capability-icon-cards .icon-badge{border-color:#d4b18e!important;box-shadow:inset 0 0 0 7px #f4e5d3!important}body.home-page main>section:nth-of-type(3) .capability-icon-cards .card-content h3::after{background:#9b643c!important}

/* Simple uniform warm cards for Corporate IT Training. */
body.home-page main>section:nth-of-type(4) .training-icon-cards .list-item,body.home-page main>section:nth-of-type(4) .training-icon-cards .list-item:nth-child(n){--training-card-color:#9b643c!important;--training-card-tint:#f4e5d3!important;background:#f8f4ed!important;border:1px solid #dcc7af!important;border-top:1px solid #dcc7af!important;box-shadow:none!important}body.home-page main>section:nth-of-type(4) .training-icon-cards .list-item::after{display:none!important}body.home-page main>section:nth-of-type(4) .training-icon-cards .training-icon{border-color:#d4b18e!important;box-shadow:inset 0 0 0 7px #f4e5d3!important}body.home-page main>section:nth-of-type(4) .training-icon-cards .list-item h3::after{background:#9b643c!important}

/* Lighter warm-ivory surfaces for Corporate IT Training cards. */
body.home-page main>section:nth-of-type(4) .training-icon-cards .list-item,body.home-page main>section:nth-of-type(4) .training-icon-cards .list-item:nth-child(n){background:#fff8f0!important;border-color:#e4cbb0!important}body.home-page main>section:nth-of-type(4) .training-icon-cards .training-icon{background:#fffaf5!important}

/* More readable Corporate IT Training card typography. */
body.home-page main>section:nth-of-type(4) .training-icon-cards .list-item h3{font-size:23px!important;line-height:1.14!important}body.home-page main>section:nth-of-type(4) .training-icon-cards .list-item p{font-size:14px!important;line-height:1.55!important}@media(max-width:760px){body.home-page main>section:nth-of-type(4) .training-icon-cards .list-item h3{font-size:21px!important}body.home-page main>section:nth-of-type(4) .training-icon-cards .list-item p{font-size:13px!important}}

/* Readable light warm cards for Industry Verticals. */
body.home-page main>section:nth-of-type(6) .industry{background:#fff8f0!important;border-color:#dec4a7!important;box-shadow:none!important}body.home-page main>section:nth-of-type(6) .industry .industry-title{color:#18344a!important}body.home-page main>section:nth-of-type(6) .industry small{color:#647584!important}body.home-page main>section:nth-of-type(6) .industry-icon,body.home-page main>section:nth-of-type(6) .industry:nth-child(n) .industry-icon{background:#9b643c!important;border:1px solid #805037!important}

/* Industry cards aligned to the clean left-icon corporate-card layout. */
body.home-page main>section:nth-of-type(6) .industry-grid{grid-auto-rows:164px!important;gap:14px!important}body.home-page main>section:nth-of-type(6) .industry{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;grid-template-rows:1fr!important;gap:18px!important;align-items:center!important;padding:22px!important;border-radius:16px!important}body.home-page main>section:nth-of-type(6) .industry-icon{grid-column:1!important;grid-row:1!important;position:relative!important;align-self:center!important;width:58px!important;height:58px!important}body.home-page main>section:nth-of-type(6) .industry-title{grid-column:2!important;grid-row:1!important;align-self:center!important;font-size:17px!important;line-height:1.2!important}body.home-page main>section:nth-of-type(6) .industry small{display:none!important}@media(max-width:760px){body.home-page main>section:nth-of-type(6) .industry-grid{grid-auto-rows:auto!important}body.home-page main>section:nth-of-type(6) .industry{min-height:128px!important;grid-template-columns:58px minmax(0,1fr)!important;gap:14px!important;padding:18px!important}body.home-page main>section:nth-of-type(6) .industry-icon{width:52px!important;height:52px!important}body.home-page main>section:nth-of-type(6) .industry-title{font-size:15px!important}}

/* High-contrast Industry Verticals call-to-action. */
body.home-page main>section:nth-of-type(6) .home-industries-more{background:#9b643c!important;border-color:#9b643c!important;color:#fff!important}body.home-page main>section:nth-of-type(6) .home-industries-more:hover{background:#704331!important;border-color:#704331!important;color:#fff!important}

/* Unified achievement icon treatment. */
body.home-page .metric-icon{background:#6f3f2b!important;border:1px solid rgba(255,239,216,.48)!important;box-shadow:0 5px 12px rgba(56,30,20,.22)!important}body.home-page .metric-icon img{filter:brightness(0) invert(1)!important}

/* Subtle transparent achievement icon circles. */
body.home-page .metric-icon{background:transparent!important;border-color:rgba(255,239,216,.55)!important;box-shadow:none!important}

/* Clearly visible warm terracotta achievement icon circles. */
body.home-page .metric-icon{background:#c06f4e!important;border-color:#f7e1c7!important;box-shadow:0 5px 12px rgba(56,30,20,.2)!important}body.home-page .metric-icon img{filter:brightness(0) invert(1)!important}

/* Simple unified warm cards for the About Ahmad process. */
body.home-page .about .about-process-cards .process-card,body.home-page .about .about-process-cards .process-card:nth-child(n){--card-color:#9b643c!important;--card-tint:#f4e5d3!important;background:#f8f4ed!important;border-color:#dcc7af!important;box-shadow:none!important}body.home-page .about .about-process-cards .process-card::before{background:#f4e5d3!important}body.home-page .about .about-process-cards .process-card-icon{background:#fffaf5!important;border-color:#d4b18e!important;box-shadow:inset 0 0 0 7px #f4e5d3!important}body.home-page .about .about-process-cards .process-card h3::after{background:#9b643c!important}body.home-page .about .about-process-cards .process-card:not(:last-child)::after{color:#9b643c!important}

/* Start a conversation choice-link hover color. */
body.home-page main>section.cta .choice a:hover{color:#ff6005!important}

/* Warm-ivory contact form surfaces. */
body.home-page .contact .form{background:#fffaf5!important}body.home-page .contact .form input,body.home-page .contact .form select,body.home-page .contact .form textarea{background:#fff8f0!important;border-bottom-color:#d9bfa3!important}

/* Softer warm-brown homepage footer. */
body.home-page .footer{background:#6b4e3e!important}

/* Lighter warm-ivory contact form. */
body.home-page .contact .form{background:#fffefa!important}body.home-page .contact .form input,body.home-page .contact .form select,body.home-page .contact .form textarea{background:#fffdf9!important}

/* Lighter medium warm-brown homepage footer. */
body.home-page .footer{background:#876653!important}

/* Distinct warm-beige contact form panel. */
body.home-page .contact .form{background:#f3e2d2!important;border:1px solid #e1c4a8!important;padding:20px!important}body.home-page .contact .form input,body.home-page .contact .form select,body.home-page .contact .form textarea{background:#fffdf9!important}

/* Homepage footer background. */
body.home-page .footer{background:#D6B588!important}

/* Rounded certification logo-card borders. */
body.home-page .cert-logo-card{border-radius:14px!important;overflow:hidden!important}

/* Dark footer for clear white-text contrast. */
body.home-page .footer{background:#5b4032!important}

/* Organizations and Industries button hover colors. */
body.home-page .home-organizations-more:hover{background:#ff6005!important;border-color:#ff6005!important;color:#fff!important}body.home-page .home-industries-more:hover{background:#17354a!important;border-color:#17354a!important;color:#fff!important}

/* Force navy hover on the Industry Verticals call-to-action. */
body.home-page main>section:nth-of-type(6) .industry-more a.home-industries-more:hover{background-color:#17354A!important;border-color:#17354A!important;color:#fff!important}

/* Larger Google Cloud Authorized Trainer logo within its existing card. */
body.home-page .cert-logo-grid--three .cert-logo-card:nth-child(3) img{width:94%!important;height:132px!important}

/* Give the Ericsson mark stronger presence in the homepage organization card. */
body.home-page .customer-logo-grid .customer:first-child img {
  height: 88px !important;
  max-width: 96%;
}
@media (max-width: 760px) {
  body.home-page .customer-logo-grid .customer:first-child img { height: 68px !important; }
}

/* Vertically align the Professional Credentials supporting copy with its heading. */
body.home-page .section:has(.cert-logo-grid) .section-head .copy{align-self:center!important}
@media(max-width:760px){body.home-page .section:has(.cert-logo-grid) .section-head .copy{align-self:start!important}}


/* Ten-card Technology Expertise grid: five cards per row. */
body.home-page .technology-platforms{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:760px){body.home-page .technology-platforms{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* Larger Technology Expertise platform logos. */
body.home-page .technology-platforms .platform-card img{width:112px!important;height:112px!important}
body.home-page .technology-platforms .platform-card-system-design img{width:96px!important;height:96px!important;object-fit:contain}
body.home-page .technology-platforms .platform-card-data-center img{width:94px!important;height:94px!important;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:760px){body.home-page .technology-platforms .platform-card img{width:82px!important;height:82px!important}body.home-page .technology-platforms .platform-card-system-design img,body.home-page .technology-platforms .platform-card-data-center img{width:76px!important;height:76px!important}}