.info-cards {
  --overlap: clamp(69px, 6.25vw - 11px, 109px);
  position: relative;
  z-index: 5;
  padding-inline: calc(clamp(30px, 3.125vw - 20px, 40px) + clamp(0px, 6.25vw - 100px, 20px));
  margin-top: calc(-1 * var(--overlap));
}

.info-cards__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--gap-cards);
}

.info-cards__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(10px, 0.625vw + 2px, 14px);
  min-height: clamp(140px, 6.25vw + 60px, 180px);
  padding: clamp(16px, 2.5vw - 24px, 24px);
  background: var(--color-white);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
}

.info-cards__title {
  font-size: var(--fs-h4);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
}

.info-cards__text {
  max-width: none;
}

.info-cards__muted {
  color: var(--color-gray-2);
}

@media (max-width: 1024px) {
  .info-cards { padding-inline: 12px; }

  .info-cards__list {
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
  }

  .info-cards__card { grid-column: span 2; }

  .info-cards__card:nth-child(4),
  .info-cards__card:nth-child(5) { grid-column: span 3; }
}

@media (max-width: 767px) {
  .info-cards {
    --overlap: 65px;
    padding-inline: var(--page-gap);
    padding-bottom: 50px;
  }

  .info-cards__list {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .info-cards__card {
    grid-column: auto;
    min-height: 0;
    gap: 12px;
    padding: 20px;
  }

  .info-cards__card:nth-child(4),
  .info-cards__card:nth-child(5) { grid-column: auto; }

  .info-cards__text { max-width: none; }
}