.amr-info-cards {
  --amr-info-columns: 4;
  --amr-info-tablet: 2;
  --amr-info-gap: 16px;
  --amr-info-height: 160px;
  --amr-info-radius: 13px;
  --amr-info-heading: #08264d;
  --amr-info-text: #526b84;
  --amr-info-link: #0758b7;
  --amr-info-bg: #fff;
  display: grid;
  grid-template-columns: repeat(var(--amr-info-columns), minmax(0, 1fr));
  gap: var(--amr-info-gap);
  font-family: "Segoe UI", Arial, sans-serif;
}
.amr-info-cards *, .amr-info-cards *::before, .amr-info-cards *::after { box-sizing: border-box; }
.amr-info-card { position: relative; min-width: 0; min-height: var(--amr-info-height); overflow: hidden; display: flex; padding: 22px 92px 20px 22px; background: var(--amr-info-bg); border: 1px solid #e1e9f1; border-radius: var(--amr-info-radius); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.amr-info-cards--shadow .amr-info-card { box-shadow: 0 8px 24px rgba(15, 48, 84, .07); }
.amr-info-card:hover { border-color: #c7d8e8; transform: translateY(-3px); }
.amr-info-cards--shadow .amr-info-card:hover { box-shadow: 0 14px 32px rgba(15, 48, 84, .12); }
.amr-info-card__content { position: relative; z-index: 2; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.amr-info-card__title { margin: 0 0 8px; color: var(--amr-info-heading); font: 700 .98rem/1.3 "Segoe UI", Arial, sans-serif; }
.amr-info-card__description { margin: 0 0 12px; color: var(--amr-info-text); font-size: .78rem; line-height: 1.5; }
.amr-info-card__link { display: inline-flex; align-items: center; gap: 9px; margin-top: auto; color: var(--amr-info-link); text-decoration: none; font-size: .75rem; font-weight: 700; }
.amr-info-card__link span { font-size: 1.2em; transition: transform .18s ease; }
.amr-info-card__link:hover span { transform: translateX(3px); }
.amr-info-card__icon { position: absolute; right: 17px; bottom: 17px; width: 67px; height: 67px; display: grid; place-items: center; color: var(--amr-info-icon); opacity: .92; }
.amr-info-card__icon::before { content: ""; position: absolute; inset: 3px; background: currentColor; border-radius: 19px; opacity: .1; transform: rotate(-7deg); }
.amr-info-card__icon svg { position: relative; z-index: 1; width: 51px; height: 51px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.amr-info-card__icon img { position: relative; z-index: 1; width: 51px; height: 51px; object-fit: contain; }

/* Integration with the portal information position. */
.portal-info:has(.amr-info-cards) { display: block; overflow: visible; background: transparent; border: 0; box-shadow: none; }
.portal-info .moduletable:has(.amr-info-cards) { min-height: 0; padding: 0; border: 0; }
.portal-info .moduletable:has(.amr-info-cards) > h3 { display: none; }

@media (max-width: 1024px) {
  .amr-info-cards { grid-template-columns: repeat(var(--amr-info-tablet), minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .amr-info-cards { grid-template-columns: 1fr; }
  .amr-info-card { min-height: 140px; padding: 19px 82px 18px 18px; }
  .amr-info-card__icon { right: 13px; bottom: 14px; width: 58px; height: 58px; }
  .amr-info-card__icon svg { width: 44px; height: 44px; }
  .amr-info-card__icon img { width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .amr-info-card, .amr-info-card__link span { transition: none; }
}