/* Custom spacing classes (rem-based for consistency) */
.mt-6 { margin-top: 4rem !important; }   /* 64px */
.mt-7 { margin-top: 5rem !important; }   /* 80px */
.mt-8 { margin-top: 6rem !important; }   /* 96px */
.mt-9 { margin-top: 7rem !important; }   /* 112px */
.mt-10 { margin-top: 8rem !important; }  /* 128px */

.mb-6 { margin-bottom: 4rem !important; }
.mb-7 { margin-bottom: 5rem !important; }
.mb-8 { margin-bottom: 6rem !important; }
.mb-9 { margin-bottom: 7rem !important; }
.mb-10 { margin-bottom: 8rem !important; }

.ms-6 { margin-left: 4rem !important; }
.ms-7 { margin-left: 5rem !important; }
.ms-8 { margin-left: 6rem !important; }
.ms-9 { margin-left: 7rem !important; }
.ms-10 { margin-left: 8rem !important; }

.me-6 { margin-right: 4rem !important; }
.me-7 { margin-right: 5rem !important; }
.me-8 { margin-right: 6rem !important; }
.me-9 { margin-right: 7rem !important; }
.me-10 { margin-right: 8rem !important; }

.mx-6 { margin-left: 4rem !important; margin-right: 4rem !important; }
.mx-7 { margin-left: 5rem !important; margin-right: 5rem !important; }
.mx-8 { margin-left: 6rem !important; margin-right: 6rem !important; }
.mx-9 { margin-left: 7rem !important; margin-right: 7rem !important; }
.mx-10 { margin-left: 8rem !important; margin-right: 8rem !important; }

.my-6 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.my-7 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
.my-8 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
.my-9 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
.my-10 { margin-top: 8rem !important; margin-bottom: 8rem !important; }



/* Large screen margin utilities (only apply ≥992px) */
@media (min-width: 992px) {
  .mt-lg-6 { margin-top: 4rem !important; }   /* 64px */
  .mt-lg-7 { margin-top: 5rem !important; }   /* 80px */
  .mt-lg-8 { margin-top: 6rem !important; }   /* 96px */
  .mt-lg-9 { margin-top: 7rem !important; }   /* 112px */
  .mt-lg-10 { margin-top: 8rem !important; }  /* 128px */

  .mb-lg-6 { margin-bottom: 4rem !important; }
  .mb-lg-7 { margin-bottom: 5rem !important; }
  .mb-lg-8 { margin-bottom: 6rem !important; }
  .mb-lg-9 { margin-bottom: 7rem !important; }
  .mb-lg-10 { margin-bottom: 8rem !important; }

  .ms-lg-6 { margin-left: 4rem !important; }
  .ms-lg-7 { margin-left: 5rem !important; }
  .ms-lg-8 { margin-left: 6rem !important; }
  .ms-lg-9 { margin-left: 7rem !important; }
  .ms-lg-10 { margin-left: 8rem !important; }

  .me-lg-6 { margin-right: 4rem !important; }
  .me-lg-7 { margin-right: 5rem !important; }
  .me-lg-8 { margin-right: 6rem !important; }
  .me-lg-9 { margin-right: 7rem !important; }
  .me-lg-10 { margin-right: 8rem !important; }

  .mx-lg-6 { margin-left: 4rem !important; margin-right: 4rem !important; }
  .mx-lg-7 { margin-left: 5rem !important; margin-right: 5rem !important; }
  .mx-lg-8 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .mx-lg-9 { margin-left: 7rem !important; margin-right: 7rem !important; }
  .mx-lg-10 { margin-left: 8rem !important; margin-right: 8rem !important; }

  .my-lg-6 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .my-lg-7 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .my-lg-8 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .my-lg-9 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .my-lg-10 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
}