/* Only the website-production card in the seven service directories. */
.services-independent .web-service-card {
  overflow:hidden;
  background:#fff;
  border-color:#cad9e8;
  color:#102f4b;
}
.web-service-card::before {content:'';position:absolute;inset:0 0 auto;height:4px;background:#246ccc;}
.web-service-card h2 {font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.65;}
.web-service-card .solution-summary {margin-top:10px;}
.web-service-price {
  min-width:0;
  margin-top:26px;
  padding:26px;
  border-radius:8px;
  background:#ffc15a;
  color:#102f4b;
}
.web-service-price .web-service-price-lead {
  margin:0;
  font-size:clamp(1.125rem,1.6vw,1.35rem);
  font-weight:700;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.web-service-price .web-service-amount {display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:16px 0 14px;}
.web-service-amount > strong {
  font-family:var(--latin);
  font-size:clamp(2.65rem,8vw,5rem);
  font-weight:800;
  line-height:1.1;
  letter-spacing:-.045em;
  font-variant-numeric:lining-nums tabular-nums;
  white-space:nowrap;
}
.web-service-price-units {display:flex;flex-wrap:wrap;gap:4px 8px;min-width:0;font-size:1.125rem;font-weight:700;line-height:1.6;}
.web-service-price-units > span {white-space:nowrap;}
.web-service-price .web-service-tax {margin:0;font-size:.875rem;line-height:1.75;overflow-wrap:anywhere;}
.web-service-card .solution-action {align-items:center;justify-content:space-between;gap:16px;padding-top:24px;color:#102f4b;}
.web-service-action-label {font-size:1rem;font-weight:600;line-height:1.7;overflow-wrap:anywhere;}
.web-service-card .solution-arrow {background:#102f4b;border-color:#102f4b;color:#fff;}
.services-independent .web-service-card:hover {background:#fff;border-color:#246ccc;}
.web-service-card:hover .solution-arrow {background:#246ccc;border-color:#246ccc;color:#fff;}
.web-service-card:focus-visible {outline:3px solid #246ccc;outline-offset:-5px;}
html[lang="my"] .web-service-price :is(p,.web-service-price-units) {line-height:1.85;letter-spacing:normal;}
/* Two columns are tightest just above the directory's 700px stack point. */
@media(min-width:701px) and (max-width:1000px) {
  .web-service-amount > strong {font-size:clamp(2.5rem,5vw,3.5rem);}
  .web-service-price {padding:20px;}
}
@media(max-width:700px) {
  .services-independent .web-service-card {padding:24px;}
  .web-service-price {padding:22px;margin-top:24px;}
}
@media(max-width:360px) {
  .services-independent .web-service-card {padding:20px;}
  .web-service-price {padding:16px;}
}