@media (max-width: 800px) {
  .mitra-steps-section > h2 {
    font-size: clamp(19px, 4.6vw, 28px);
    line-height: 1.2;
    text-align: center;
  }

  .mitra-steps-section > .mitra-section-lead {
    margin: 16px auto 0;
    font-size: clamp(13px, 3.1vw, 16px);
    line-height: 1.7;
    text-align: center;
  }

  .mitra-steps-section .mitra-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px 10px;
    max-width: 520px;
    margin: 20px auto 0;
  }

  .mitra-steps-section .mitra-steps .mitra-step-card,
  .mitra-steps-section .mitra-steps .mitra-step-card:last-child {
    grid-column: span 2;
    width: 100%;
    min-width: 0;
    min-height: 0;
    aspect-ratio: 1;
    padding: 36% 11.5% 12%;
    justify-content: flex-end;
  }

  .mitra-steps-section .mitra-steps .mitra-step-card:last-child {
    grid-column: 2 / span 2;
  }

  .mitra-steps-section .mitra-steps .mitra-step-card h3 {
    margin: 0 0 4px;
    font-size: clamp(13px, 3.6vw, 19px);
    line-height: 1.15;
    white-space: normal;
    color: #fff;
  }

  .mitra-steps-section .mitra-steps .mitra-step-card p {
    font-size: clamp(11px, 3vw, 16px);
    line-height: 1.45;
    color: #eee5ff;
  }

  .mitra-steps-section .mitra-steps .mitra-step-card .mitra-icon {
    font-size: clamp(24px, 6.5vw, 34px);
  }
}