/* ─── Small desktop (1024px) ────────────────────────────── */
@media (min-width: 1024px) {
  .case-container,
  .case-container2,
  .case-container3 {
    justify-content: center;  /* center your cards */
    padding-left: 0;          /* drop the gutter */
    margin-top: 130px;        /* space them under the heading */
  }
}


/* ─── Medium desktop (1280px) ───────────────────────────── */
@media (min-width: 1280px) {
  .case-container,
  .case-container2,
  .case-container3 {
    justify-content: center;  /* stay centered */
    margin-top: 130px;        /* same vertical spacing */
  }
  .case-button {
    width: 440px;             /* slightly larger */
    height: 260px;
  }
}


/* ─── Ultra‑wide (1600px) ────────────────────────────────── */
@media (min-width: 1600px) {
  .case-container,
  .case-container2,
  .case-container3 {
    justify-content: center;
    margin-top: 140px;        /* a hair more space on very large screens */
  }
  .case-button {
    width: 480px;             /* your biggest size */
    height: 284px;
  }
}

@media (min-width: 768px) {
  body::before {
    display: none !important;
    content: none !important;
  }
}