/* =====================================================
   PRICING & PACKAGES PAGE
   Reuses the shared design system (styles.css, about.css,
   esuite.css). Only page-specific tweaks live here.
===================================================== */

/* ── "Choose the right solution" cards: image band inside the
      shared .etk-card (same treatment as the e-Portal cards) ── */
.page-pricing .etk-card-img {
  padding: 0 clamp(14px, 3vw, 20px);
  margin: 0 0 6px;
}
.page-pricing .etk-card-img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 12px;
}

.page-pricing .etk-grid--layers .etk-product-title {
  margin: 18px 0 12px;
}

.page-pricing .etk-desc {
  font-family: var(--font-sans);
  font-size: 18px;
  font-weight: 300;
  line-height: 1.55;
  color: var(--white);
  margin: 0 0 4px;
}

/* ── "Ready to transform..." section: keep the tick list block
      centred on the page while the individual items stay left-aligned ── */
.page-pricing .pricing-consult {
  text-align: center;
}
.page-pricing .pricing-cta-list {
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
}
.page-pricing .pricing-consult-action {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.trial-heading {
  font-size: 38px;
}

@media (max-width: 680px) {
  .page-pricing .etk-desc {
    font-size: 16px;
  }
}