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

.m-7 { margin: 5rem !important; }

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

.mx-7 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my-7 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.p-6 { padding: 4rem !important; }

.pt-6 { padding-top: 4rem !important; }
.pb-6 { padding-bottom: 4rem !important; }
.ps-6 { padding-left: 4rem !important; }
.pe-6 { padding-right: 4rem !important; }

.px-6 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.p-7 { padding: 5rem !important; }

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

.px-7 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.gap-6 { gap: 4rem !important; }
.gap-7 { gap: 5rem !important; }

/* =========================
   BREAKPOINTS
========================= */

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .mt-sm-7 { margin-top: 5rem !important; }
  .mb-sm-7 { margin-bottom: 5rem !important; }
  .ms-sm-7 { margin-left: 5rem !important; }
  .me-sm-7 { margin-right: 5rem !important; }
  .mx-sm-7 { margin-left: 5rem !important; margin-right: 5rem !important; }
  .my-sm-7 { margin-top: 5rem !important; margin-bottom: 5rem !important; }

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

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

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

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

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

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

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

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

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