/*==============================================================
*     adds 6 (6rem) & 7 (12rem) to spacing of Bootstrap 5      *
===============================================================*/

.g-6,
.gx-6 {
  --bs-gutter-x: 6rem;
}

.g-6,
.gy-6 {
  --bs-gutter-y: 6rem;
}

.m-6 {
  margin: 6rem !important;
}

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

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

.mt-6 {
  margin-top: 6rem !important;
}

.me-6 {
  margin-right: 6rem !important;
}

.mb-6 {
  margin-bottom: 6rem !important;
}

.ms-6 {
  margin-left: 6rem !important;
}

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

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

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

.pt-6 {
  padding-top: 6rem !important;
}

.pe-6 {
  padding-right: 6rem !important;
}

.pb-6 {
  padding-bottom: 6rem !important;
}

.ps-6 {
  padding-left: 6rem !important;
}

@media (min-width: 576px) {

  .g-sm-6,
  .gx-sm-6 {
    --bs-gutter-x: 6rem;
  }

  .g-sm-6,
  .gy-sm-6 {
    --bs-gutter-y: 6rem;
  }

  .m-sm-6 {
    margin: 6rem !important;
  }

  .mx-sm-6 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }

  .my-sm-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .mt-sm-6 {
    margin-top: 6rem !important;
  }

  .me-sm-6 {
    margin-right: 6rem !important;
  }

  .mb-sm-6 {
    margin-bottom: 6rem !important;
  }

  .ms-sm-6 {
    margin-left: 6rem !important;
  }

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

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

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

  .pt-sm-6 {
    padding-top: 6rem !important;
  }

  .pe-sm-6 {
    padding-right: 6rem !important;
  }

  .pb-sm-6 {
    padding-bottom: 6rem !important;
  }

  .ps-sm-6 {
    padding-left: 6rem !important;
  }
}

@media (min-width: 768px) {

  .g-md-6,
  .gx-md-6 {
    --bs-gutter-x: 6rem;
  }

  .g-md-6,
  .gy-md-6 {
    --bs-gutter-y: 6rem;
  }

  .m-md-6 {
    margin: 6rem !important;
  }

  .mx-md-6 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }

  .my-md-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .mt-md-6 {
    margin-top: 6rem !important;
  }

  .me-md-6 {
    margin-right: 6rem !important;
  }

  .mb-md-6 {
    margin-bottom: 6rem !important;
  }

  .ms-md-6 {
    margin-left: 6rem !important;
  }

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

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

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

  .pt-md-6 {
    padding-top: 6rem !important;
  }

  .pe-md-6 {
    padding-right: 6rem !important;
  }

  .pb-md-6 {
    padding-bottom: 6rem !important;
  }

  .ps-md-6 {
    padding-left: 6rem !important;
  }
}

@media (min-width: 992px) {

  .g-lg-6,
  .gx-lg-6 {
    --bs-gutter-x: 6rem;
  }

  .g-lg-6,
  .gy-lg-6 {
    --bs-gutter-y: 6rem;
  }

  .m-lg-6 {
    margin: 6rem !important;
  }

  .mx-lg-6 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }

  .my-lg-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .mt-lg-6 {
    margin-top: 6rem !important;
  }

  .me-lg-6 {
    margin-right: 6rem !important;
  }

  .mb-lg-6 {
    margin-bottom: 6rem !important;
  }

  .ms-lg-6 {
    margin-left: 6rem !important;
  }

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

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

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

  .pt-lg-6 {
    padding-top: 6rem !important;
  }

  .pe-lg-6 {
    padding-right: 6rem !important;
  }

  .pb-lg-6 {
    padding-bottom: 6rem !important;
  }

  .ps-lg-6 {
    padding-left: 6rem !important;
  }
}

@media (min-width: 1200px) {

  .g-xl-6,
  .gx-xl-6 {
    --bs-gutter-x: 6rem;
  }

  .g-xl-6,
  .gy-xl-6 {
    --bs-gutter-y: 6rem;
  }

  .m-xl-6 {
    margin: 6rem !important;
  }

  .mx-xl-6 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }

  .my-xl-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .mt-xl-6 {
    margin-top: 6rem !important;
  }

  .me-xl-6 {
    margin-right: 6rem !important;
  }

  .mb-xl-6 {
    margin-bottom: 6rem !important;
  }

  .ms-xl-6 {
    margin-left: 6rem !important;
  }

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

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

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

  .pt-xl-6 {
    padding-top: 6rem !important;
  }

  .pe-xl-6 {
    padding-right: 6rem !important;
  }

  .pb-xl-6 {
    padding-bottom: 6rem !important;
  }

  .ps-xl-6 {
    padding-left: 6rem !important;
  }
}

@media (min-width: 1400px) {

  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: 6rem;
  }

  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: 6rem;
  }

  .m-xxl-6 {
    margin: 6rem !important;
  }

  .mx-xxl-6 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }

  .my-xxl-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .mt-xxl-6 {
    margin-top: 6rem !important;
  }

  .me-xxl-6 {
    margin-right: 6rem !important;
  }

  .mb-xxl-6 {
    margin-bottom: 6rem !important;
  }

  .ms-xxl-6 {
    margin-left: 6rem !important;
  }

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

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

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

  .pt-xxl-6 {
    padding-top: 6rem !important;
  }

  .pe-xxl-6 {
    padding-right: 6rem !important;
  }

  .pb-xxl-6 {
    padding-bottom: 6rem !important;
  }

  .ps-xxl-6 {
    padding-left: 6rem !important;
  }
}

.g-7,
.gx-7 {
  --bs-gutter-x: 12rem;
}

.g-7,
.gy-7 {
  --bs-gutter-y: 12rem;
}

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

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

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

.mt-7 {
  margin-top: 12rem !important;
}

.me-7 {
  margin-right: 12rem !important;
}

.mb-7 {
  margin-bottom: 12rem !important;
}

.ms-7 {
  margin-left: 12rem !important;
}

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

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

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

.pt-7 {
  padding-top: 12rem !important;
}

.pe-7 {
  padding-right: 12rem !important;
}

.pb-7 {
  padding-bottom: 12rem !important;
}

.ps-7 {
  padding-left: 12rem !important;
}

@media (min-width: 576px) {

  .g-sm-7,
  .gx-sm-7 {
    --bs-gutter-x: 12rem;
  }

  .g-sm-7,
  .gy-sm-7 {
    --bs-gutter-y: 12rem;
  }

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

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

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

  .mt-sm-7 {
    margin-top: 12rem !important;
  }

  .me-sm-7 {
    margin-right: 12rem !important;
  }

  .mb-sm-7 {
    margin-bottom: 12rem !important;
  }

  .ms-sm-7 {
    margin-left: 12rem !important;
  }

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

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

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

  .pt-sm-7 {
    padding-top: 12rem !important;
  }

  .pe-sm-7 {
    padding-right: 12rem !important;
  }

  .pb-sm-7 {
    padding-bottom: 12rem !important;
  }

  .ps-sm-7 {
    padding-left: 12rem !important;
  }
}

@media (min-width: 768px) {

  .g-md-7,
  .gx-md-7 {
    --bs-gutter-x: 12rem;
  }

  .g-md-7,
  .gy-md-7 {
    --bs-gutter-y: 12rem;
  }

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

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

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

  .mt-md-7 {
    margin-top: 12rem !important;
  }

  .me-md-7 {
    margin-right: 12rem !important;
  }

  .mb-md-7 {
    margin-bottom: 12rem !important;
  }

  .ms-md-7 {
    margin-left: 12rem !important;
  }

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

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

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

  .pt-md-7 {
    padding-top: 12rem !important;
  }

  .pe-md-7 {
    padding-right: 12rem !important;
  }

  .pb-md-7 {
    padding-bottom: 12rem !important;
  }

  .ps-md-7 {
    padding-left: 12rem !important;
  }
}

@media (min-width: 992px) {

  .g-lg-7,
  .gx-lg-7 {
    --bs-gutter-x: 12rem;
  }

  .g-lg-7,
  .gy-lg-7 {
    --bs-gutter-y: 12rem;
  }

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

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

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

  .mt-lg-7 {
    margin-top: 12rem !important;
  }

  .me-lg-7 {
    margin-right: 12rem !important;
  }

  .mb-lg-7 {
    margin-bottom: 12rem !important;
  }

  .ms-lg-7 {
    margin-left: 12rem !important;
  }

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

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

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

  .pt-lg-7 {
    padding-top: 12rem !important;
  }

  .pe-lg-7 {
    padding-right: 12rem !important;
  }

  .pb-lg-7 {
    padding-bottom: 12rem !important;
  }

  .ps-lg-7 {
    padding-left: 12rem !important;
  }
}

@media (min-width: 1200px) {

  .g-xl-7,
  .gx-xl-7 {
    --bs-gutter-x: 12rem;
  }

  .g-xl-7,
  .gy-xl-7 {
    --bs-gutter-y: 12rem;
  }

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

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

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

  .mt-xl-7 {
    margin-top: 12rem !important;
  }

  .me-xl-7 {
    margin-right: 12rem !important;
  }

  .mb-xl-7 {
    margin-bottom: 12rem !important;
  }

  .ms-xl-7 {
    margin-left: 12rem !important;
  }

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

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

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

  .pt-xl-7 {
    padding-top: 12rem !important;
  }

  .pe-xl-7 {
    padding-right: 12rem !important;
  }

  .pb-xl-7 {
    padding-bottom: 12rem !important;
  }

  .ps-xl-7 {
    padding-left: 12rem !important;
  }
}

@media (min-width: 1400px) {

  .g-xxl-7,
  .gx-xxl-7 {
    --bs-gutter-x: 12rem;
  }

  .g-xxl-7,
  .gy-xxl-7 {
    --bs-gutter-y: 12rem;
  }

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

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

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

  .mt-xxl-7 {
    margin-top: 12rem !important;
  }

  .me-xxl-7 {
    margin-right: 12rem !important;
  }

  .mb-xxl-7 {
    margin-bottom: 12rem !important;
  }

  .ms-xxl-7 {
    margin-left: 12rem !important;
  }

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

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

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

  .pt-xxl-7 {
    padding-top: 12rem !important;
  }

  .pe-xxl-7 {
    padding-right: 12rem !important;
  }

  .pb-xxl-7 {
    padding-bottom: 12rem !important;
  }

  .ps-xxl-7 {
    padding-left: 12rem !important;
  }
}