/* V11 — rebuilt supplementary services section */
.related-services-premium{
  position:relative;
  overflow:hidden;
  padding:112px 0 124px;
  background:
    radial-gradient(circle at 86% 8%,rgba(71,167,203,.10),transparent 31%),
    radial-gradient(circle at 7% 92%,rgba(166,205,92,.10),transparent 30%),
    linear-gradient(180deg,#fbfcf9 0%,#f5f8f4 100%);
  border-top:1px solid #e1e9df;
  border-bottom:1px solid #e0e8df;
}
.related-services-premium::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#b8d86d 0%,#7bc7bb 48%,#5fb4df 100%);
}
.related-services-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);
  gap:clamp(45px,7vw,110px);
  align-items:end;
  margin-bottom:52px;
}
.related-services-head h2{
  margin:0;
  font-size:clamp(46px,4.5vw,66px);
  line-height:1.02;
  letter-spacing:-.055em;
  color:#173b38;
}
.related-services-intro{
  max-width:570px;
  justify-self:end;
  padding-bottom:5px;
}
.related-services-intro p{
  margin:0 0 18px;
  color:#596d66;
  font-size:16px;
  line-height:1.85;
}
.related-services-intro>span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:linear-gradient(110deg,#eef5df,#e7f2f3);
  border:1px solid #d5e4d4;
  color:#3c6458;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
}
.related-services-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}
.related-service-card{
  display:grid;
  grid-template-rows:340px 1fr;
  min-height:690px;
  overflow:hidden;
  border-radius:30px;
  border:1px solid transparent;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,#b9d974 0%,#88cec0 48%,#69b9df 100%) border-box;
  box-shadow:0 22px 55px rgba(16,53,55,.10);
  transition:transform .32s ease,box-shadow .32s ease;
}
.related-service-card:hover{
  transform:translateY(-5px);
  box-shadow:0 30px 72px rgba(16,53,55,.15);
}
.related-service-photo{
  height:340px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.related-service-photo>img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
}
.related-service-photo>figcaption{
  left:20px!important;
  bottom:20px!important;
  background:rgba(9,35,39,.63)!important;
  backdrop-filter:blur(10px);
}
.related-service-body{
  display:flex;
  flex-direction:column;
  padding:30px 32px 34px;
}
.related-service-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
  color:#4a7163;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}
.related-service-meta span:first-child{
  display:grid;
  place-items:center;
  width:42px;height:42px;
  border-radius:14px;
  background:linear-gradient(135deg,#e5f0cc,#dcf0ef);
  border:1px solid #d1e2d3;
  color:#22574c;
  font-size:12px;
}
.related-service-body h3{
  margin:0 0 14px;
  font-size:clamp(28px,2.6vw,38px);
  color:#173c39;
  letter-spacing:-.045em;
}
.related-service-body>p{
  margin:0 0 22px;
  color:#566b63;
  font-size:14px;
  line-height:1.85;
  max-width:600px;
}
.related-service-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:26px;
}
.related-service-tags span{
  padding:8px 11px;
  border-radius:999px;
  background:linear-gradient(110deg,#f0f5e8,#eaf3f4);
  border:1px solid #d8e5d8;
  color:#3e6157;
  font-size:10px;
  font-weight:700;
}
.related-service-link{
  margin-top:auto;
  align-self:flex-start;
  color:#1c5c51;
}

/* Make sure intended V8–V10 layers are actually active in this release. */
@media(max-width:900px){
  .related-services-premium{padding:82px 0 94px}
  .related-services-head{grid-template-columns:1fr;gap:24px;margin-bottom:36px}
  .related-services-intro{justify-self:start;max-width:680px}
  .related-services-grid{grid-template-columns:1fr;gap:24px}
  .related-service-card{grid-template-columns:minmax(260px,.8fr) 1fr;grid-template-rows:1fr;min-height:390px}
  .related-service-photo{height:100%!important;min-height:390px!important}
}
@media(max-width:650px){
  .related-services-premium{padding:66px 0 78px}
  .related-services-head h2{font-size:39px}
  .related-services-intro p{font-size:14px}
  .related-services-intro>span{font-size:9px;line-height:1.4;border-radius:14px}
  .related-service-card{display:flex;flex-direction:column;min-height:0;border-radius:23px}
  .related-service-photo{height:245px!important;min-height:245px!important}
  .related-service-body{padding:24px}
  .related-service-body h3{font-size:28px}
  .related-service-body>p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .related-service-card{transition:none!important}
  .related-service-card:hover{transform:none!important}
}