/* ============================================================
   BASE (mobile-first — 360px)
   ============================================================ */

.legal-text-wrapper {
  display: flex;
  padding: var(--size-space-16, 16px) var(--360-575-page-margin, 16px)
    var(--size-space-500, 40px) var(--360-575-page-margin, 16px);
  flex-direction: column;
  align-items: center;
  gap: var(--size-space-500, 40px);
}

.legal-text {
  display: flex;
  padding: var(--size-space-0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--size-space-0, 0);
  align-self: stretch;
  color: var(--Color-Content-General-2, rgba(71, 71, 71, 0.8));
  text-align: center;
  font-feature-settings:
    "liga" off,
    "clig" off;
}

/* ============================================================
   576px
   ============================================================ */
@media (min-width: 576px) {
  .legal-text-wrapper {
    padding: var(--size-space-16, 16px) var(--576-767-page-margin, 42px)
      var(--size-space-500, 40px) var(--576-767-page-margin, 42px);
  }
}

/* ============================================================
   768px
   ============================================================ */
@media (min-width: 768px) {
  .legal-text-wrapper {
    padding: var(--size-space-16, 16px) var(--768-991-page-margin, 48px)
      var(--size-space-500, 40px) var(--768-991-page-margin, 48px);
  }
}

/* ============================================================
   992px
   ============================================================ */
@media (min-width: 992px) {
  .legal-text-wrapper {
    padding: var(--size-space-16, 16px) var(--992-1199-page-margin, 82px)
      var(--size-space-500, 40px) var(--992-1199-page-margin, 82px);
    gap: var(--size-space-500, 40px);
  }
}

/* ============================================================
   1200px
   ============================================================ */
@media (min-width: 1200px) {
  .legal-text-wrapper {
    padding: var(--size-space-16, 16px) var(--1200-1399-page-margin, 102px)
      var(--size-space-500, 40px) var(--1200-1399-page-margin, 102px);
    gap: var(--size-space-500, 40px);
  }
}

/* ============================================================
   1920px
   ============================================================ */
@media (min-width: 1920px) {
  .legal-text-wrapper {
    padding: var(--size-space-16, 16px) var(--14001920-page-margin, 324px)
      var(--size-space-500, 40px) var(--14001920-page-margin, 324px);
    gap: var(--size-space-500, 40px);
  }
}