/* Shared by the Solutions pages (sol-cx, sol-efficiency, sol-enablement).
   Page-specific only -- the hero, buttons, sections and cards come from sapling-ds.css. */

.sol-hero-visual img {
  max-width: 100%;
  height: auto;
}

.sol-tool-row {
  padding: 2.5rem 0;
}
.sol-tool-row:not(:last-child) {
  border-bottom: 1px solid var(--ds-line);
}
.sol-tool-row img {
  max-width: 100%;
  max-height: 160px;
  height: auto;
}
.sol-tool-row h3 {
  margin-top: 0;
}

.sol-testimonial-photo {
  display: block;
  margin: 0 auto 1.25rem;
  border-radius: var(--ds-radius-panel);
  max-width: 100%;
  height: auto;
}
.sol-testimonial-logo {
  max-width: 160px;
  height: auto;
}
.sol-testimonial blockquote {
  font-size: 1.15rem;
  line-height: 1.6;
  color: var(--ds-ink);
}
.sol-testimonial .blockquote-footer {
  color: var(--ds-ink-soft);
  font-style: normal;
  background: transparent;
}

.sol-related-card,
.sol-related-card:hover {
  color: inherit;
  text-decoration: none;
}
.sol-related-arrow {
  font-size: 0.8em;
  color: var(--ds-ink-soft);
  transition: transform var(--transition-fast);
}
.sol-related-card:hover .sol-related-arrow {
  transform: translateX(3px);
}