#why-xcellhost { padding: 24px 0; }
#why-xcellhost .vg-diff { margin-top: 0; }
#why-xcellhost .vg-diffh { margin-bottom: 16px; }
#why-xcellhost .vg-diffh h2 { margin: 0; }
#why-xcellhost .eyebrow { color: #0066ff; font: 700 14px/1.5 var(--f-mono); letter-spacing: .15em; text-transform: uppercase; }
#why-xcellhost .eyebrow::before { display: none; }
#why-xcellhost .vg-diffh h3 { margin: 8px 0 0; font-size: 20px; }
#why-xcellhost .vg-diffg {
  counter-reset: vietnam-why;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 12px 16px;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(110deg, #1564d8, #103e8b);
  box-shadow: 0 18px 38px rgba(16, 62, 139, .12);
}
#why-xcellhost .vg-df {
  counter-increment: vietnam-why;
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: 20px;
  align-items: start;
  min-height: 132px;
  padding: 20px 24px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, .14);
  border-radius: 0;
  background: transparent;
  transform: none;
}
#why-xcellhost .vg-df:nth-child(3n) { border-right: 0; }
#why-xcellhost .vg-df:nth-child(-n+3) { border-bottom: 1px solid rgba(255, 255, 255, .14); }
#why-xcellhost .vg-df::after { content: counter(vietnam-why, decimal-leading-zero); position: absolute; right: 16px; bottom: 4px; color: rgba(255, 255, 255, .09); font: 800 34px/1 var(--f-disp); pointer-events: none; }
#why-xcellhost .vg-df > svg { grid-row: 1 / 3; width: 48px; height: 48px; padding: 12px; border: 1px solid rgba(172, 207, 255, .4); border-radius: 50%; background: rgba(164, 202, 255, .15); color: #acd0ff; }
#why-xcellhost .vg-df:nth-child(3n) > svg { color: #83edda; border-color: rgba(131, 237, 218, .4); background: rgba(131, 237, 218, .12); }
#why-xcellhost .vg-df b { color: #fff; font: 800 15px/1.3 var(--f-disp); text-transform: uppercase; }
#why-xcellhost .vg-df span { margin-top: 6px; color: #fff; font-size: 13px; line-height: 1.6; }
@media (max-width: 980px) {
  #why-xcellhost .vg-diffg { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #why-xcellhost .vg-df { border-right: 1px solid rgba(255, 255, 255, .14); border-bottom: 1px solid rgba(255, 255, 255, .14); }
  #why-xcellhost .vg-df:nth-child(3n) { border-right: 1px solid rgba(255, 255, 255, .14); }
  #why-xcellhost .vg-df:nth-child(2n) { border-right: 0; }
  #why-xcellhost .vg-df:nth-last-child(-n+2) { border-bottom: 0; }
}
@media (max-width: 640px) {
  #why-xcellhost .vg-diffg { grid-template-columns: minmax(0, 1fr); padding: 8px 14px; }
  #why-xcellhost .vg-df { min-height: 0; padding: 20px 10px; column-gap: 16px; }
  #why-xcellhost .vg-df:nth-child(n) { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .14); }
  #why-xcellhost .vg-df:last-child { border-bottom: 0; }
}