@media (max-width: 800px) {
  .mitra-page .mitra-security {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .mitra-page .mitra-security .mitra-card,
  .mitra-page .mitra-security .mitra-card.mitra-security-active {
    grid-column: auto;
    -ms-flex-order: 0;
    order: 0;
    min-height: 0;
    padding: 24px 20px 28px;
    border-radius: 28px;
    container-type: normal;
  }

  .mitra-page .mitra-security .mitra-card .mitra-security-icon {
    width: 60px;
    height: 60px;
    margin: 0;
  }

  .mitra-page .mitra-security .mitra-card h3 {
    margin: 28px 0 16px;
    font-size: 19px;
    line-height: 1.25;
    white-space: normal;
  }

  .mitra-page .mitra-security .mitra-card p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
  }
}