/* Custom Margin Classes */
.ms-6 { margin-left: 6rem !important; }
.me-6 { margin-right: 6rem !important; }
.mt-6 { margin-top: 6rem !important; }
.mb-6 { margin-bottom: 6rem !important; }
.mx-6 { margin-left: 6rem !important; margin-right: 6rem !important; }
.my-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
.m-6  { margin: 6rem !important; }

.ms-7 { margin-left: 7rem !important; }
.me-7 { margin-right: 7rem !important; }
.mt-7 { margin-top: 7rem !important; }
.mb-7 { margin-bottom: 7rem !important; }
.mx-7 { margin-left: 7rem !important; margin-right: 7rem !important; }
.my-7 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
.m-7  { margin: 7rem !important; }

.ms-8 { margin-left: 8rem !important; }
.me-8 { margin-right: 8rem !important; }
.mt-8 { margin-top: 8rem !important; }
.mb-8 { margin-bottom: 8rem !important; }
.mx-8 { margin-left: 8rem !important; margin-right: 8rem !important; }
.my-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
.m-8  { margin: 8rem !important; }

/* Custom Padding Classes */
.ps-6 { padding-left: 6rem !important; }
.pe-6 { padding-right: 6rem !important; }
.pt-6 { padding-top: 6rem !important; }
.pb-6 { padding-bottom: 6rem !important; }
.px-6 { padding-left: 6rem !important; padding-right: 6rem !important; }
.py-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.p-6  { padding: 6rem !important; }

.ps-7 { padding-left: 7rem !important; }
.pe-7 { padding-right: 7rem !important; }
.pt-7 { padding-top: 7rem !important; }
.pb-7 { padding-bottom: 7rem !important; }
.px-7 { padding-left: 7rem !important; padding-right: 7rem !important; }
.py-7 { padding-top: 7rem !important; padding-bottom: 7rem !important; }
.p-7  { padding: 7rem !important; }

.ps-8 { padding-left: 8rem !important; }
.pe-8 { padding-right: 8rem !important; }
.pt-8 { padding-top: 8rem !important; }
.pb-8 { padding-bottom: 8rem !important; }
.px-8 { padding-left: 8rem !important; padding-right: 8rem !important; }
.py-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; }
.p-8  { padding: 8rem !important; }

/* Custom Margin Classes for Breakpoints */
@media (min-width: 576px) {
  .ms-sm-6 { margin-left: 6rem !important; }
  .me-sm-6 { margin-right: 6rem !important; }
  .mt-sm-6 { margin-top: 6rem !important; }
  .mb-sm-6 { margin-bottom: 6rem !important; }
  .mx-sm-6 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-sm-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .m-sm-6  { margin: 6rem !important; }

  .ms-sm-7 { margin-left: 7rem !important; }
  .me-sm-7 { margin-right: 7rem !important; }
  .mt-sm-7 { margin-top: 7rem !important; }
  .mb-sm-7 { margin-bottom: 7rem !important; }
  .mx-sm-7 { margin-left: 7rem !important; margin-right: 7rem !important; }
  .my-sm-7 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .m-sm-7  { margin: 7rem !important; }

  .ms-sm-8 { margin-left: 8rem !important; }
  .me-sm-8 { margin-right: 8rem !important; }
  .mt-sm-8 { margin-top: 8rem !important; }
  .mb-sm-8 { margin-bottom: 8rem !important; }
  .mx-sm-8 { margin-left: 8rem !important; margin-right: 8rem !important; }
  .my-sm-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .m-sm-8  { margin: 8rem !important; }

  .ps-sm-6 { padding-left: 6rem !important; }
  .pe-sm-6 { padding-right: 6rem !important; }
  .pt-sm-6 { padding-top: 6rem !important; }
  .pb-sm-6 { padding-bottom: 6rem !important; }
  .px-sm-6 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-sm-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
  .p-sm-6  { padding: 6rem !important; }

  .ps-sm-7 { padding-left: 7rem !important; }
  .pe-sm-7 { padding-right: 7rem !important; }
  .pt-sm-7 { padding-top: 7rem !important; }
  .pb-sm-7 { padding-bottom: 7rem !important; }
  .px-sm-7 { padding-left: 7rem !important; padding-right: 7rem !important; }
  .py-sm-7 { padding-top: 7rem !important; padding-bottom: 7rem !important; }
  .p-sm-7  { padding: 7rem !important; }

  .ps-sm-8 { padding-left: 8rem !important; }
  .pe-sm-8 { padding-right: 8rem !important; }
  .pt-sm-8 { padding-top: 8rem !important; }
  .pb-sm-8 { padding-bottom: 8rem !important; }
  .px-sm-8 { padding-left: 8rem !important; padding-right: 8rem !important; }
  .py-sm-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; }
  .p-sm-8  { padding: 8rem !important; }
}

@media (min-width: 768px) {
  .ms-md-6 { margin-left: 6rem !important; }
  .me-md-6 { margin-right: 6rem !important; }
  .mt-md-6 { margin-top: 6rem !important; }
  .mb-md-6 { margin-bottom: 6rem !important; }
  .mx-md-6 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-md-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .m-md-6  { margin: 6rem !important; }

  .ms-md-7 { margin-left: 7rem !important; }
  .me-md-7 { margin-right: 7rem !important; }
  .mt-md-7 { margin-top: 7rem !important; }
  .mb-md-7 { margin-bottom: 7rem !important; }
  .mx-md-7 { margin-left: 7rem !important; margin-right: 7rem !important; }
  .my-md-7 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .m-md-7  { margin: 7rem !important; }

  .ms-md-8 { margin-left: 8rem !important; }
  .me-md-8 { margin-right: 8rem !important; }
  .mt-md-8 { margin-top: 8rem !important; }
  .mb-md-8 { margin-bottom: 8rem !important; }
  .mx-md-8 { margin-left: 8rem !important; margin-right: 8rem !important; }
  .my-md-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .m-md-8  { margin: 8rem !important; }

  .ps-md-6 { padding-left: 6rem !important; }
  .pe-md-6 { padding-right: 6rem !important; }
  .pt-md-6 { padding-top: 6rem !important; }
  .pb-md-6 { padding-bottom: 6rem !important; }
  .px-md-6 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-md-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
  .p-md-6  { padding: 6rem !important; }

  .ps-md-7 { padding-left: 7rem !important; }
  .pe-md-7 { padding-right: 7rem !important; }
  .pt-md-7 { padding-top: 7rem !important; }
  .pb-md-7 { padding-bottom: 7rem !important; }
  .px-md-7 { padding-left: 7rem !important; padding-right: 7rem !important; }
  .py-md-7 { padding-top: 7rem !important; padding-bottom: 7rem !important; }
  .p-md-7  { padding: 7rem !important; }

  .ps-md-8 { padding-left: 8rem !important; }
  .pe-md-8 { padding-right: 8rem !important; }
  .pt-md-8 { padding-top: 8rem !important; }
  .pb-md-8 { padding-bottom: 8rem !important; }
  .px-md-8 { padding-left: 8rem !important; padding-right: 8rem !important; }
  .py-md-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; }
  .p-md-8  { padding: 8rem !important; }
}

@media (min-width: 992px) {
  .ms-lg-6 { margin-left: 6rem !important; }
  .me-lg-6 { margin-right: 6rem !important; }
  .mt-lg-6 { margin-top: 6rem !important; }
  .mb-lg-6 { margin-bottom: 6rem !important; }
  .mx-lg-6 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-lg-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .m-lg-6  { margin: 6rem !important; }

  .ms-lg-7 { margin-left: 7rem !important; }
  .me-lg-7 { margin-right: 7rem !important; }
  .mt-lg-7 { margin-top: 7rem !important; }
  .mb-lg-7 { margin-bottom: 7rem !important; }
  .mx-lg-7 { margin-left: 7rem !important; margin-right: 7rem !important; }
  .my-lg-7 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .m-lg-7  { margin: 7rem !important; }

  .ms-lg-8 { margin-left: 8rem !important; }
  .me-lg-8 { margin-right: 8rem !important; }
  .mt-lg-8 { margin-top: 8rem !important; }
  .mb-lg-8 { margin-bottom: 8rem !important; }
  .mx-lg-8 { margin-left: 8rem !important; margin-right: 8rem !important; }
  .my-lg-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .m-lg-8  { margin: 8rem !important; }

  .ps-lg-6 { padding-left: 6rem !important; }
  .pe-lg-6 { padding-right: 6rem !important; }
  .pt-lg-6 { padding-top: 6rem !important; }
  .pb-lg-6 { padding-bottom: 6rem !important; }
  .px-lg-6 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-lg-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
  .p-lg-6  { padding: 6rem !important; }

  .ps-lg-7 { padding-left: 7rem !important; }
  .pe-lg-7 { padding-right: 7rem !important; }
  .pt-lg-7 { padding-top: 7rem !important; }
  .pb-lg-7 { padding-bottom: 7rem !important; }
  .px-lg-7 { padding-left: 7rem !important; padding-right: 7rem !important; }
  .py-lg-7 { padding-top: 7rem !important; padding-bottom: 7rem !important; }
  .p-lg-7  { padding: 7rem !important; }

  .ps-lg-8 { padding-left: 8rem !important; }
  .pe-lg-8 { padding-right: 8rem !important; }
  .pt-lg-8 { padding-top: 8rem !important; }
  .pb-lg-8 { padding-bottom: 8rem !important; }
  .px-lg-8 { padding-left: 8rem !important; padding-right: 8rem !important; }
  .py-lg-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; }
  .p-lg-8  { padding: 8rem !important; }
}

@media (min-width: 1200px) {
  .ms-xl-6 { margin-left: 6rem !important; }
  .me-xl-6 { margin-right: 6rem !important; }
  .mt-xl-6 { margin-top: 6rem !important; }
  .mb-xl-6 { margin-bottom: 6rem !important; }
  .mx-xl-6 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-xl-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .m-xl-6  { margin: 6rem !important; }

  .ms-xl-7 { margin-left: 7rem !important; }
  .me-xl-7 { margin-right: 7rem !important; }
  .mt-xl-7 { margin-top: 7rem !important; }
  .mb-xl-7 { margin-bottom: 7rem !important; }
  .mx-xl-7 { margin-left: 7rem !important; margin-right: 7rem !important; }
  .my-xl-7 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .m-xl-7  { margin: 7rem !important; }

  .ms-xl-8 { margin-left: 8rem !important; }
  .me-xl-8 { margin-right: 8rem !important; }
  .mt-xl-8 { margin-top: 8rem !important; }
  .mb-xl-8 { margin-bottom: 8rem !important; }
  .mx-xl-8 { margin-left: 8rem !important; margin-right: 8rem !important; }
  .my-xl-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .m-xl-8  { margin: 8rem !important; }

  .ps-xl-6 { padding-left: 6rem !important; }
  .pe-xl-6 { padding-right: 6rem !important; }
  .pt-xl-6 { padding-top: 6rem !important; }
  .pb-xl-6 { padding-bottom: 6rem !important; }
  .px-xl-6 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-xl-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
  .p-xl-6  { padding: 6rem !important; }

  .ps-xl-7 { padding-left: 7rem !important; }
  .pe-xl-7 { padding-right: 7rem !important; }
  .pt-xl-7 { padding-top: 7rem !important; }
  .pb-xl-7 { padding-bottom: 7rem !important; }
  .px-xl-7 { padding-left: 7rem !important; padding-right: 7rem !important; }
  .py-xl-7 { padding-top: 7rem !important; padding-bottom: 7rem !important; }
  .p-xl-7  { padding: 7rem !important; }

  .ps-xl-8 { padding-left: 8rem !important; }
  .pe-xl-8 { padding-right: 8rem !important; }
  .pt-xl-8 { padding-top: 8rem !important; }
  .pb-xl-8 { padding-bottom: 8rem !important; }
  .px-xl-8 { padding-left: 8rem !important; padding-right: 8rem !important; }
  .py-xl-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; }
  .p-xl-8  { padding: 8rem !important; }
}

@media (min-width: 1400px) {
  .ms-xxl-6 { margin-left: 6rem !important; }
  .me-xxl-6 { margin-right: 6rem !important; }
  .mt-xxl-6 { margin-top: 6rem !important; }
  .mb-xxl-6 { margin-bottom: 6rem !important; }
  .mx-xxl-6 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-xxl-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .m-xxl-6  { margin: 6rem !important; }

  .ms-xxl-7 { margin-left: 7rem !important; }
  .me-xxl-7 { margin-right: 7rem !important; }
  .mt-xxl-7 { margin-top: 7rem !important; }
  .mb-xxl-7 { margin-bottom: 7rem !important; }
  .mx-xxl-7 { margin-left: 7rem !important; margin-right: 7rem !important; }
  .my-xxl-7 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .m-xxl-7  { margin: 7rem !important; }

  .ms-xxl-8 { margin-left: 8rem !important; }
  .me-xxl-8 { margin-right: 8rem !important; }
  .mt-xxl-8 { margin-top: 8rem !important; }
  .mb-xxl-8 { margin-bottom: 8rem !important; }
  .mx-xxl-8 { margin-left: 8rem !important; margin-right: 8rem !important; }
  .my-xxl-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .m-xxl-8  { margin: 8rem !important; }

  .ps-xxl-6 { padding-left: 6rem !important; }
  .pe-xxl-6 { padding-right: 6rem !important; }
  .pt-xxl-6 { padding-top: 6rem !important; }
  .pb-xxl-6 { padding-bottom: 6rem !important; }
  .px-xxl-6 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-xxl-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
  .p-xxl-6  { padding: 6rem !important; }

  .ps-xxl-7 { padding-left: 7rem !important; }
  .pe-xxl-7 { padding-right: 7rem !important; }
  .pt-xxl-7 { padding-top: 7rem !important; }
  .pb-xxl-7 { padding-bottom: 7rem !important; }
  .px-xxl-7 { padding-left: 7rem !important; padding-right: 7rem !important; }
  .py-xxl-7 { padding-top: 7rem !important; padding-bottom: 7rem !important; }
  .p-xxl-7  { padding: 7rem !important; }

  .ps-xxl-8 { padding-left: 8rem !important; }
  .pe-xxl-8 { padding-right: 8rem !important; }
  .pt-xxl-8 { padding-top: 8rem !important; }
  .pb-xxl-8 { padding-bottom: 8rem !important; }
  .px-xxl-8 { padding-left: 8rem !important; padding-right: 8rem !important; }
  .py-xxl-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; }
  .p-xxl-8  { padding: 8rem !important; }
}