/* Page-specific styles for solution-retail-banking-agent */
/* Add overrides here — never edit compat.css for page-specific changes */

/* compat.css's .underline sets a `margin` shorthand with no auto side
   margins, so the teal rule sat at the far left of the container while the
   heading above it was centred ("How to Get Started", "Real Impact, Real
   Stories", "Why Partner with Us"). */
.underline {
  margin-inline: auto;
}

/* The step illustrations are ~250x270 source files, but a compat heuristic
   for card hero photos was stretching them to the full card width (324px)
   and cropping to a 260px band with object-fit:cover - upscaled and
   distorted, hence the blur. Render them at their native size instead. */
.step-card > img {
  width: auto;
  max-width: 240px;
  height: auto;
  max-height: none;
  object-fit: contain;
  margin-inline: auto;
}