:root {
  --fz-fixed-12: 12px;
  --fz-fixed-14: 14px;
  --fz-fixed-16: 16px;
  --fz-fixed-22: 22px;
  --fz-14: clamp(0.63rem, calc(0.39rem + 0.65vw), 0.88rem);
  --fz-16: clamp(.75rem, .625rem + .3125vw, 1rem);
  --fz-20: clamp(1.125rem, 1.0625rem + .1563vw, 1.25rem);
  --fz-24: clamp(1.125rem, .9375rem + .4688vw, 1.5rem);
  --fz-30: clamp(1.25rem,.9375rem + .7813vw,1.875rem);
  --fz-36: clamp(1.5rem, .935vw + 1.129rem, 2.25rem);
  --fz-50: clamp(1.875rem, 1.25rem + 1.5625vw, 3.125rem);
  --fz-70: clamp(2.25rem, 1.1875rem + 2.6563vw, 4.375rem);
  --lh-110: 1.1;
  --lh-120: 1.2;
  --lh-160: 1.6;
  --spacing-none: 0;
  --spacing-5: 5px;
  --spacing-10: 10px;
  --spacing-15: 15px;
  --spacing-20: 20px;
  --spacing-25: 25px;
  --spacing-30: 30px;
  --spacing-35: 35px;
  --spacing-40: 40px;
  --spacing-45: 45px;
  --spacing-50: 50px;
  --spacing-60: 60px;
  --spacing-70: 70px;
  --spacing-100: 100px;
  --spacing-10vh: 10vh;
  --spacing-7vh: 7vh;
  --spacing-5vh: 5vh;
  --spacing-4vh: 4vh;
}

.bg-rolex-green {
  background: #006039;
}

.color-rolex-green {
  color: #006039;
}

.bg-green {
  background: #127749;
}

.color-green {
  color: #127749;
}

.bg-ocean-green {
  background: #61BD93;
}

.color-ocean-green {
  color: #61BD93;
}

.bg-brown {
  background: #452C1E;
}

.color-brown {
  color: #452C1E;
}

.bg-black {
  background: #212121;
}

.color-black {
  color: #212121;
}

.bg-dark-grey {
  background: #767676;
}

.color-dark-grey {
  color: #767676;
}

.bg-grey {
  background: #D4D4D4;
}

.color-grey {
  color: #D4D4D4;
}

.bg-beige {
  background: #F4EFEA;
}

.color-beige {
  color: #F4EFEA;
}

.bg-light-beige {
  background: #F9F7F4;
}

.color-light-beige {
  color: #F9F7F4;
}

.bg-white {
  background: #FFFFFF;
}

.color-white {
  color: #FFFFFF;
}

.bg-rlx-gradient {
  background: linear-gradient(90deg, rgb(11, 62, 39) 0%, rgb(25, 113, 73) 100%);
}

.color-rlx-gradient {
  color: linear-gradient(90deg, rgb(11, 62, 39) 0%, rgb(25, 113, 73) 100%);
}

:root body .m-none {
  margin-top: var(--spacing-none);
  margin-bottom: var(--spacing-none);
  margin-left: var(--spacing-none);
  margin-right: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .m-lg-none {
    margin-top: var(--spacing-none) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-none {
    margin-bottom: var(--spacing-none) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-none {
    margin-left: var(--spacing-none) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-none {
    margin-right: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-none {
    margin-top: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-none {
    margin-bottom: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-none {
    margin-left: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-none {
    margin-right: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-none {
    margin-top: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-none {
    margin-bottom: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-none {
    margin-left: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-none {
    margin-right: var(--spacing-none) !important;
  }
}
:root body .mt-none {
  margin-top: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .mt-lg-none {
    margin-top: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-none {
    margin-top: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-none {
    margin-top: var(--spacing-none) !important;
  }
}
:root body .mb-none {
  margin-bottom: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .mb-lg-none {
    margin-bottom: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-none {
    margin-bottom: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-none {
    margin-bottom: var(--spacing-none) !important;
  }
}
:root body .ml-none {
  margin-left: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .ml-lg-none {
    margin-left: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-none {
    margin-left: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-none {
    margin-left: var(--spacing-none) !important;
  }
}
:root body .mr-none {
  margin-right: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .mr-lg-none {
    margin-right: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-none {
    margin-right: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-none {
    margin-right: var(--spacing-none) !important;
  }
}
:root body .mx-none {
  margin-left: var(--spacing-none);
  margin-right: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .mx-lg-none {
    margin-left: var(--spacing-none) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-none {
    margin-right: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-none {
    margin-left: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-none {
    margin-right: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-none {
    margin-left: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-none {
    margin-right: var(--spacing-none) !important;
  }
}
:root body .my-none {
  margin-top: var(--spacing-none);
  margin-bottom: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .my-lg-none {
    margin-top: var(--spacing-none) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-none {
    margin-bottom: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-none {
    margin-top: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-none {
    margin-bottom: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-none {
    margin-top: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-none {
    margin-bottom: var(--spacing-none) !important;
  }
}
:root body .m-5 {
  margin-top: var(--spacing-5);
  margin-bottom: var(--spacing-5);
  margin-left: var(--spacing-5);
  margin-right: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .m-lg-5 {
    margin-top: var(--spacing-5) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-5 {
    margin-bottom: var(--spacing-5) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-5 {
    margin-left: var(--spacing-5) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-5 {
    margin-right: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-5 {
    margin-top: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-5 {
    margin-bottom: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-5 {
    margin-left: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-5 {
    margin-right: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-5 {
    margin-top: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-5 {
    margin-bottom: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-5 {
    margin-left: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-5 {
    margin-right: var(--spacing-5) !important;
  }
}
:root body .mt-5 {
  margin-top: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .mt-lg-5 {
    margin-top: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-5 {
    margin-top: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-5 {
    margin-top: var(--spacing-5) !important;
  }
}
:root body .mb-5 {
  margin-bottom: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .mb-lg-5 {
    margin-bottom: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-5 {
    margin-bottom: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-5 {
    margin-bottom: var(--spacing-5) !important;
  }
}
:root body .ml-5 {
  margin-left: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .ml-lg-5 {
    margin-left: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-5 {
    margin-left: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-5 {
    margin-left: var(--spacing-5) !important;
  }
}
:root body .mr-5 {
  margin-right: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .mr-lg-5 {
    margin-right: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-5 {
    margin-right: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-5 {
    margin-right: var(--spacing-5) !important;
  }
}
:root body .mx-5 {
  margin-left: var(--spacing-5);
  margin-right: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .mx-lg-5 {
    margin-left: var(--spacing-5) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-5 {
    margin-right: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-5 {
    margin-left: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-5 {
    margin-right: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-5 {
    margin-left: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-5 {
    margin-right: var(--spacing-5) !important;
  }
}
:root body .my-5 {
  margin-top: var(--spacing-5);
  margin-bottom: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .my-lg-5 {
    margin-top: var(--spacing-5) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-5 {
    margin-bottom: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-5 {
    margin-top: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-5 {
    margin-bottom: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-5 {
    margin-top: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-5 {
    margin-bottom: var(--spacing-5) !important;
  }
}
:root body .m-10 {
  margin-top: var(--spacing-10);
  margin-bottom: var(--spacing-10);
  margin-left: var(--spacing-10);
  margin-right: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .m-lg-10 {
    margin-top: var(--spacing-10) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-10 {
    margin-bottom: var(--spacing-10) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-10 {
    margin-left: var(--spacing-10) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-10 {
    margin-right: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-10 {
    margin-top: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-10 {
    margin-bottom: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-10 {
    margin-left: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-10 {
    margin-right: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-10 {
    margin-top: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-10 {
    margin-bottom: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-10 {
    margin-left: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-10 {
    margin-right: var(--spacing-10) !important;
  }
}
:root body .mt-10 {
  margin-top: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .mt-lg-10 {
    margin-top: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-10 {
    margin-top: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-10 {
    margin-top: var(--spacing-10) !important;
  }
}
:root body .mb-10 {
  margin-bottom: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .mb-lg-10 {
    margin-bottom: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-10 {
    margin-bottom: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-10 {
    margin-bottom: var(--spacing-10) !important;
  }
}
:root body .ml-10 {
  margin-left: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .ml-lg-10 {
    margin-left: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-10 {
    margin-left: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-10 {
    margin-left: var(--spacing-10) !important;
  }
}
:root body .mr-10 {
  margin-right: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .mr-lg-10 {
    margin-right: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-10 {
    margin-right: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-10 {
    margin-right: var(--spacing-10) !important;
  }
}
:root body .mx-10 {
  margin-left: var(--spacing-10);
  margin-right: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .mx-lg-10 {
    margin-left: var(--spacing-10) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-10 {
    margin-right: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-10 {
    margin-left: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-10 {
    margin-right: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-10 {
    margin-left: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-10 {
    margin-right: var(--spacing-10) !important;
  }
}
:root body .my-10 {
  margin-top: var(--spacing-10);
  margin-bottom: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .my-lg-10 {
    margin-top: var(--spacing-10) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-10 {
    margin-bottom: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-10 {
    margin-top: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-10 {
    margin-bottom: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-10 {
    margin-top: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-10 {
    margin-bottom: var(--spacing-10) !important;
  }
}
:root body .m-15 {
  margin-top: var(--spacing-15);
  margin-bottom: var(--spacing-15);
  margin-left: var(--spacing-15);
  margin-right: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .m-lg-15 {
    margin-top: var(--spacing-15) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-15 {
    margin-bottom: var(--spacing-15) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-15 {
    margin-left: var(--spacing-15) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-15 {
    margin-right: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-15 {
    margin-top: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-15 {
    margin-bottom: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-15 {
    margin-left: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-15 {
    margin-right: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-15 {
    margin-top: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-15 {
    margin-bottom: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-15 {
    margin-left: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-15 {
    margin-right: var(--spacing-15) !important;
  }
}
:root body .mt-15 {
  margin-top: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .mt-lg-15 {
    margin-top: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-15 {
    margin-top: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-15 {
    margin-top: var(--spacing-15) !important;
  }
}
:root body .mb-15 {
  margin-bottom: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .mb-lg-15 {
    margin-bottom: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-15 {
    margin-bottom: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-15 {
    margin-bottom: var(--spacing-15) !important;
  }
}
:root body .ml-15 {
  margin-left: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .ml-lg-15 {
    margin-left: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-15 {
    margin-left: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-15 {
    margin-left: var(--spacing-15) !important;
  }
}
:root body .mr-15 {
  margin-right: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .mr-lg-15 {
    margin-right: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-15 {
    margin-right: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-15 {
    margin-right: var(--spacing-15) !important;
  }
}
:root body .mx-15 {
  margin-left: var(--spacing-15);
  margin-right: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .mx-lg-15 {
    margin-left: var(--spacing-15) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-15 {
    margin-right: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-15 {
    margin-left: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-15 {
    margin-right: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-15 {
    margin-left: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-15 {
    margin-right: var(--spacing-15) !important;
  }
}
:root body .my-15 {
  margin-top: var(--spacing-15);
  margin-bottom: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .my-lg-15 {
    margin-top: var(--spacing-15) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-15 {
    margin-bottom: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-15 {
    margin-top: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-15 {
    margin-bottom: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-15 {
    margin-top: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-15 {
    margin-bottom: var(--spacing-15) !important;
  }
}
:root body .m-20 {
  margin-top: var(--spacing-20);
  margin-bottom: var(--spacing-20);
  margin-left: var(--spacing-20);
  margin-right: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .m-lg-20 {
    margin-top: var(--spacing-20) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-20 {
    margin-bottom: var(--spacing-20) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-20 {
    margin-left: var(--spacing-20) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-20 {
    margin-right: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-20 {
    margin-top: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-20 {
    margin-bottom: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-20 {
    margin-left: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-20 {
    margin-right: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-20 {
    margin-top: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-20 {
    margin-bottom: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-20 {
    margin-left: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-20 {
    margin-right: var(--spacing-20) !important;
  }
}
:root body .mt-20 {
  margin-top: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .mt-lg-20 {
    margin-top: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-20 {
    margin-top: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-20 {
    margin-top: var(--spacing-20) !important;
  }
}
:root body .mb-20 {
  margin-bottom: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .mb-lg-20 {
    margin-bottom: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-20 {
    margin-bottom: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-20 {
    margin-bottom: var(--spacing-20) !important;
  }
}
:root body .ml-20 {
  margin-left: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .ml-lg-20 {
    margin-left: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-20 {
    margin-left: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-20 {
    margin-left: var(--spacing-20) !important;
  }
}
:root body .mr-20 {
  margin-right: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .mr-lg-20 {
    margin-right: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-20 {
    margin-right: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-20 {
    margin-right: var(--spacing-20) !important;
  }
}
:root body .mx-20 {
  margin-left: var(--spacing-20);
  margin-right: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .mx-lg-20 {
    margin-left: var(--spacing-20) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-20 {
    margin-right: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-20 {
    margin-left: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-20 {
    margin-right: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-20 {
    margin-left: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-20 {
    margin-right: var(--spacing-20) !important;
  }
}
:root body .my-20 {
  margin-top: var(--spacing-20);
  margin-bottom: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .my-lg-20 {
    margin-top: var(--spacing-20) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-20 {
    margin-bottom: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-20 {
    margin-top: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-20 {
    margin-bottom: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-20 {
    margin-top: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-20 {
    margin-bottom: var(--spacing-20) !important;
  }
}
:root body .m-25 {
  margin-top: var(--spacing-25);
  margin-bottom: var(--spacing-25);
  margin-left: var(--spacing-25);
  margin-right: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .m-lg-25 {
    margin-top: var(--spacing-25) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-25 {
    margin-bottom: var(--spacing-25) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-25 {
    margin-left: var(--spacing-25) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-25 {
    margin-right: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-25 {
    margin-top: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-25 {
    margin-bottom: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-25 {
    margin-left: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-25 {
    margin-right: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-25 {
    margin-top: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-25 {
    margin-bottom: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-25 {
    margin-left: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-25 {
    margin-right: var(--spacing-25) !important;
  }
}
:root body .mt-25 {
  margin-top: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .mt-lg-25 {
    margin-top: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-25 {
    margin-top: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-25 {
    margin-top: var(--spacing-25) !important;
  }
}
:root body .mb-25 {
  margin-bottom: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .mb-lg-25 {
    margin-bottom: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-25 {
    margin-bottom: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-25 {
    margin-bottom: var(--spacing-25) !important;
  }
}
:root body .ml-25 {
  margin-left: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .ml-lg-25 {
    margin-left: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-25 {
    margin-left: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-25 {
    margin-left: var(--spacing-25) !important;
  }
}
:root body .mr-25 {
  margin-right: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .mr-lg-25 {
    margin-right: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-25 {
    margin-right: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-25 {
    margin-right: var(--spacing-25) !important;
  }
}
:root body .mx-25 {
  margin-left: var(--spacing-25);
  margin-right: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .mx-lg-25 {
    margin-left: var(--spacing-25) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-25 {
    margin-right: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-25 {
    margin-left: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-25 {
    margin-right: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-25 {
    margin-left: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-25 {
    margin-right: var(--spacing-25) !important;
  }
}
:root body .my-25 {
  margin-top: var(--spacing-25);
  margin-bottom: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .my-lg-25 {
    margin-top: var(--spacing-25) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-25 {
    margin-bottom: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-25 {
    margin-top: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-25 {
    margin-bottom: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-25 {
    margin-top: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-25 {
    margin-bottom: var(--spacing-25) !important;
  }
}
:root body .m-30 {
  margin-top: var(--spacing-30);
  margin-bottom: var(--spacing-30);
  margin-left: var(--spacing-30);
  margin-right: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .m-lg-30 {
    margin-top: var(--spacing-30) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-30 {
    margin-bottom: var(--spacing-30) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-30 {
    margin-left: var(--spacing-30) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-30 {
    margin-right: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-30 {
    margin-top: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-30 {
    margin-bottom: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-30 {
    margin-left: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-30 {
    margin-right: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-30 {
    margin-top: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-30 {
    margin-bottom: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-30 {
    margin-left: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-30 {
    margin-right: var(--spacing-30) !important;
  }
}
:root body .mt-30 {
  margin-top: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .mt-lg-30 {
    margin-top: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-30 {
    margin-top: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-30 {
    margin-top: var(--spacing-30) !important;
  }
}
:root body .mb-30 {
  margin-bottom: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .mb-lg-30 {
    margin-bottom: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-30 {
    margin-bottom: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-30 {
    margin-bottom: var(--spacing-30) !important;
  }
}
:root body .ml-30 {
  margin-left: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .ml-lg-30 {
    margin-left: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-30 {
    margin-left: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-30 {
    margin-left: var(--spacing-30) !important;
  }
}
:root body .mr-30 {
  margin-right: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .mr-lg-30 {
    margin-right: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-30 {
    margin-right: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-30 {
    margin-right: var(--spacing-30) !important;
  }
}
:root body .mx-30 {
  margin-left: var(--spacing-30);
  margin-right: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .mx-lg-30 {
    margin-left: var(--spacing-30) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-30 {
    margin-right: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-30 {
    margin-left: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-30 {
    margin-right: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-30 {
    margin-left: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-30 {
    margin-right: var(--spacing-30) !important;
  }
}
:root body .my-30 {
  margin-top: var(--spacing-30);
  margin-bottom: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .my-lg-30 {
    margin-top: var(--spacing-30) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-30 {
    margin-bottom: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-30 {
    margin-top: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-30 {
    margin-bottom: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-30 {
    margin-top: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-30 {
    margin-bottom: var(--spacing-30) !important;
  }
}
:root body .m-35 {
  margin-top: var(--spacing-35);
  margin-bottom: var(--spacing-35);
  margin-left: var(--spacing-35);
  margin-right: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .m-lg-35 {
    margin-top: var(--spacing-35) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-35 {
    margin-bottom: var(--spacing-35) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-35 {
    margin-left: var(--spacing-35) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-35 {
    margin-right: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-35 {
    margin-top: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-35 {
    margin-bottom: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-35 {
    margin-left: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-35 {
    margin-right: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-35 {
    margin-top: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-35 {
    margin-bottom: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-35 {
    margin-left: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-35 {
    margin-right: var(--spacing-35) !important;
  }
}
:root body .mt-35 {
  margin-top: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .mt-lg-35 {
    margin-top: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-35 {
    margin-top: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-35 {
    margin-top: var(--spacing-35) !important;
  }
}
:root body .mb-35 {
  margin-bottom: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .mb-lg-35 {
    margin-bottom: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-35 {
    margin-bottom: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-35 {
    margin-bottom: var(--spacing-35) !important;
  }
}
:root body .ml-35 {
  margin-left: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .ml-lg-35 {
    margin-left: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-35 {
    margin-left: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-35 {
    margin-left: var(--spacing-35) !important;
  }
}
:root body .mr-35 {
  margin-right: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .mr-lg-35 {
    margin-right: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-35 {
    margin-right: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-35 {
    margin-right: var(--spacing-35) !important;
  }
}
:root body .mx-35 {
  margin-left: var(--spacing-35);
  margin-right: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .mx-lg-35 {
    margin-left: var(--spacing-35) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-35 {
    margin-right: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-35 {
    margin-left: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-35 {
    margin-right: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-35 {
    margin-left: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-35 {
    margin-right: var(--spacing-35) !important;
  }
}
:root body .my-35 {
  margin-top: var(--spacing-35);
  margin-bottom: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .my-lg-35 {
    margin-top: var(--spacing-35) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-35 {
    margin-bottom: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-35 {
    margin-top: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-35 {
    margin-bottom: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-35 {
    margin-top: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-35 {
    margin-bottom: var(--spacing-35) !important;
  }
}
:root body .m-40 {
  margin-top: var(--spacing-40);
  margin-bottom: var(--spacing-40);
  margin-left: var(--spacing-40);
  margin-right: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .m-lg-40 {
    margin-top: var(--spacing-40) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-40 {
    margin-bottom: var(--spacing-40) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-40 {
    margin-left: var(--spacing-40) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-40 {
    margin-right: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-40 {
    margin-top: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-40 {
    margin-bottom: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-40 {
    margin-left: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-40 {
    margin-right: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-40 {
    margin-top: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-40 {
    margin-bottom: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-40 {
    margin-left: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-40 {
    margin-right: var(--spacing-40) !important;
  }
}
:root body .mt-40 {
  margin-top: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .mt-lg-40 {
    margin-top: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-40 {
    margin-top: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-40 {
    margin-top: var(--spacing-40) !important;
  }
}
:root body .mb-40 {
  margin-bottom: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .mb-lg-40 {
    margin-bottom: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-40 {
    margin-bottom: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-40 {
    margin-bottom: var(--spacing-40) !important;
  }
}
:root body .ml-40 {
  margin-left: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .ml-lg-40 {
    margin-left: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-40 {
    margin-left: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-40 {
    margin-left: var(--spacing-40) !important;
  }
}
:root body .mr-40 {
  margin-right: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .mr-lg-40 {
    margin-right: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-40 {
    margin-right: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-40 {
    margin-right: var(--spacing-40) !important;
  }
}
:root body .mx-40 {
  margin-left: var(--spacing-40);
  margin-right: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .mx-lg-40 {
    margin-left: var(--spacing-40) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-40 {
    margin-right: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-40 {
    margin-left: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-40 {
    margin-right: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-40 {
    margin-left: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-40 {
    margin-right: var(--spacing-40) !important;
  }
}
:root body .my-40 {
  margin-top: var(--spacing-40);
  margin-bottom: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .my-lg-40 {
    margin-top: var(--spacing-40) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-40 {
    margin-bottom: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-40 {
    margin-top: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-40 {
    margin-bottom: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-40 {
    margin-top: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-40 {
    margin-bottom: var(--spacing-40) !important;
  }
}
:root body .m-45 {
  margin-top: var(--spacing-45);
  margin-bottom: var(--spacing-45);
  margin-left: var(--spacing-45);
  margin-right: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .m-lg-45 {
    margin-top: var(--spacing-45) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-45 {
    margin-bottom: var(--spacing-45) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-45 {
    margin-left: var(--spacing-45) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-45 {
    margin-right: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-45 {
    margin-top: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-45 {
    margin-bottom: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-45 {
    margin-left: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-45 {
    margin-right: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-45 {
    margin-top: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-45 {
    margin-bottom: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-45 {
    margin-left: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-45 {
    margin-right: var(--spacing-45) !important;
  }
}
:root body .mt-45 {
  margin-top: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .mt-lg-45 {
    margin-top: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-45 {
    margin-top: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-45 {
    margin-top: var(--spacing-45) !important;
  }
}
:root body .mb-45 {
  margin-bottom: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .mb-lg-45 {
    margin-bottom: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-45 {
    margin-bottom: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-45 {
    margin-bottom: var(--spacing-45) !important;
  }
}
:root body .ml-45 {
  margin-left: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .ml-lg-45 {
    margin-left: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-45 {
    margin-left: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-45 {
    margin-left: var(--spacing-45) !important;
  }
}
:root body .mr-45 {
  margin-right: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .mr-lg-45 {
    margin-right: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-45 {
    margin-right: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-45 {
    margin-right: var(--spacing-45) !important;
  }
}
:root body .mx-45 {
  margin-left: var(--spacing-45);
  margin-right: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .mx-lg-45 {
    margin-left: var(--spacing-45) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-45 {
    margin-right: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-45 {
    margin-left: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-45 {
    margin-right: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-45 {
    margin-left: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-45 {
    margin-right: var(--spacing-45) !important;
  }
}
:root body .my-45 {
  margin-top: var(--spacing-45);
  margin-bottom: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .my-lg-45 {
    margin-top: var(--spacing-45) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-45 {
    margin-bottom: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-45 {
    margin-top: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-45 {
    margin-bottom: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-45 {
    margin-top: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-45 {
    margin-bottom: var(--spacing-45) !important;
  }
}
:root body .m-50 {
  margin-top: var(--spacing-50);
  margin-bottom: var(--spacing-50);
  margin-left: var(--spacing-50);
  margin-right: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .m-lg-50 {
    margin-top: var(--spacing-50) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-50 {
    margin-bottom: var(--spacing-50) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-50 {
    margin-left: var(--spacing-50) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-50 {
    margin-right: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-50 {
    margin-top: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-50 {
    margin-bottom: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-50 {
    margin-left: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-50 {
    margin-right: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-50 {
    margin-top: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-50 {
    margin-bottom: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-50 {
    margin-left: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-50 {
    margin-right: var(--spacing-50) !important;
  }
}
:root body .mt-50 {
  margin-top: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .mt-lg-50 {
    margin-top: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-50 {
    margin-top: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-50 {
    margin-top: var(--spacing-50) !important;
  }
}
:root body .mb-50 {
  margin-bottom: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .mb-lg-50 {
    margin-bottom: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-50 {
    margin-bottom: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-50 {
    margin-bottom: var(--spacing-50) !important;
  }
}
:root body .ml-50 {
  margin-left: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .ml-lg-50 {
    margin-left: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-50 {
    margin-left: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-50 {
    margin-left: var(--spacing-50) !important;
  }
}
:root body .mr-50 {
  margin-right: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .mr-lg-50 {
    margin-right: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-50 {
    margin-right: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-50 {
    margin-right: var(--spacing-50) !important;
  }
}
:root body .mx-50 {
  margin-left: var(--spacing-50);
  margin-right: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .mx-lg-50 {
    margin-left: var(--spacing-50) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-50 {
    margin-right: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-50 {
    margin-left: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-50 {
    margin-right: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-50 {
    margin-left: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-50 {
    margin-right: var(--spacing-50) !important;
  }
}
:root body .my-50 {
  margin-top: var(--spacing-50);
  margin-bottom: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .my-lg-50 {
    margin-top: var(--spacing-50) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-50 {
    margin-bottom: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-50 {
    margin-top: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-50 {
    margin-bottom: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-50 {
    margin-top: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-50 {
    margin-bottom: var(--spacing-50) !important;
  }
}
:root body .m-60 {
  margin-top: var(--spacing-60);
  margin-bottom: var(--spacing-60);
  margin-left: var(--spacing-60);
  margin-right: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .m-lg-60 {
    margin-top: var(--spacing-60) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-60 {
    margin-bottom: var(--spacing-60) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-60 {
    margin-left: var(--spacing-60) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-60 {
    margin-right: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-60 {
    margin-top: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-60 {
    margin-bottom: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-60 {
    margin-left: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-60 {
    margin-right: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-60 {
    margin-top: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-60 {
    margin-bottom: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-60 {
    margin-left: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-60 {
    margin-right: var(--spacing-60) !important;
  }
}
:root body .mt-60 {
  margin-top: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .mt-lg-60 {
    margin-top: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-60 {
    margin-top: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-60 {
    margin-top: var(--spacing-60) !important;
  }
}
:root body .mb-60 {
  margin-bottom: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .mb-lg-60 {
    margin-bottom: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-60 {
    margin-bottom: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-60 {
    margin-bottom: var(--spacing-60) !important;
  }
}
:root body .ml-60 {
  margin-left: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .ml-lg-60 {
    margin-left: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-60 {
    margin-left: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-60 {
    margin-left: var(--spacing-60) !important;
  }
}
:root body .mr-60 {
  margin-right: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .mr-lg-60 {
    margin-right: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-60 {
    margin-right: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-60 {
    margin-right: var(--spacing-60) !important;
  }
}
:root body .mx-60 {
  margin-left: var(--spacing-60);
  margin-right: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .mx-lg-60 {
    margin-left: var(--spacing-60) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-60 {
    margin-right: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-60 {
    margin-left: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-60 {
    margin-right: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-60 {
    margin-left: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-60 {
    margin-right: var(--spacing-60) !important;
  }
}
:root body .my-60 {
  margin-top: var(--spacing-60);
  margin-bottom: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .my-lg-60 {
    margin-top: var(--spacing-60) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-60 {
    margin-bottom: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-60 {
    margin-top: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-60 {
    margin-bottom: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-60 {
    margin-top: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-60 {
    margin-bottom: var(--spacing-60) !important;
  }
}
:root body .m-70 {
  margin-top: var(--spacing-70);
  margin-bottom: var(--spacing-70);
  margin-left: var(--spacing-70);
  margin-right: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .m-lg-70 {
    margin-top: var(--spacing-70) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-70 {
    margin-bottom: var(--spacing-70) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-70 {
    margin-left: var(--spacing-70) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-70 {
    margin-right: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-70 {
    margin-top: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-70 {
    margin-bottom: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-70 {
    margin-left: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-70 {
    margin-right: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-70 {
    margin-top: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-70 {
    margin-bottom: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-70 {
    margin-left: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-70 {
    margin-right: var(--spacing-70) !important;
  }
}
:root body .mt-70 {
  margin-top: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .mt-lg-70 {
    margin-top: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-70 {
    margin-top: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-70 {
    margin-top: var(--spacing-70) !important;
  }
}
:root body .mb-70 {
  margin-bottom: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .mb-lg-70 {
    margin-bottom: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-70 {
    margin-bottom: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-70 {
    margin-bottom: var(--spacing-70) !important;
  }
}
:root body .ml-70 {
  margin-left: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .ml-lg-70 {
    margin-left: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-70 {
    margin-left: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-70 {
    margin-left: var(--spacing-70) !important;
  }
}
:root body .mr-70 {
  margin-right: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .mr-lg-70 {
    margin-right: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-70 {
    margin-right: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-70 {
    margin-right: var(--spacing-70) !important;
  }
}
:root body .mx-70 {
  margin-left: var(--spacing-70);
  margin-right: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .mx-lg-70 {
    margin-left: var(--spacing-70) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-70 {
    margin-right: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-70 {
    margin-left: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-70 {
    margin-right: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-70 {
    margin-left: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-70 {
    margin-right: var(--spacing-70) !important;
  }
}
:root body .my-70 {
  margin-top: var(--spacing-70);
  margin-bottom: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .my-lg-70 {
    margin-top: var(--spacing-70) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-70 {
    margin-bottom: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-70 {
    margin-top: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-70 {
    margin-bottom: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-70 {
    margin-top: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-70 {
    margin-bottom: var(--spacing-70) !important;
  }
}
:root body .m-100 {
  margin-top: var(--spacing-100);
  margin-bottom: var(--spacing-100);
  margin-left: var(--spacing-100);
  margin-right: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .m-lg-100 {
    margin-top: var(--spacing-100) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-100 {
    margin-bottom: var(--spacing-100) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-100 {
    margin-left: var(--spacing-100) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-100 {
    margin-right: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-100 {
    margin-top: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-100 {
    margin-bottom: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-100 {
    margin-left: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-100 {
    margin-right: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-100 {
    margin-top: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-100 {
    margin-bottom: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-100 {
    margin-left: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-100 {
    margin-right: var(--spacing-100) !important;
  }
}
:root body .mt-100 {
  margin-top: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .mt-lg-100 {
    margin-top: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-100 {
    margin-top: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-100 {
    margin-top: var(--spacing-100) !important;
  }
}
:root body .mb-100 {
  margin-bottom: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .mb-lg-100 {
    margin-bottom: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-100 {
    margin-bottom: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-100 {
    margin-bottom: var(--spacing-100) !important;
  }
}
:root body .ml-100 {
  margin-left: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .ml-lg-100 {
    margin-left: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-100 {
    margin-left: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-100 {
    margin-left: var(--spacing-100) !important;
  }
}
:root body .mr-100 {
  margin-right: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .mr-lg-100 {
    margin-right: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-100 {
    margin-right: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-100 {
    margin-right: var(--spacing-100) !important;
  }
}
:root body .mx-100 {
  margin-left: var(--spacing-100);
  margin-right: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .mx-lg-100 {
    margin-left: var(--spacing-100) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-100 {
    margin-right: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-100 {
    margin-left: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-100 {
    margin-right: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-100 {
    margin-left: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-100 {
    margin-right: var(--spacing-100) !important;
  }
}
:root body .my-100 {
  margin-top: var(--spacing-100);
  margin-bottom: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .my-lg-100 {
    margin-top: var(--spacing-100) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-100 {
    margin-bottom: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-100 {
    margin-top: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-100 {
    margin-bottom: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-100 {
    margin-top: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-100 {
    margin-bottom: var(--spacing-100) !important;
  }
}
:root body .m-10vh {
  margin-top: var(--spacing-10vh);
  margin-bottom: var(--spacing-10vh);
  margin-left: var(--spacing-10vh);
  margin-right: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .m-lg-10vh {
    margin-top: var(--spacing-10vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-10vh {
    margin-bottom: var(--spacing-10vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-10vh {
    margin-left: var(--spacing-10vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-10vh {
    margin-right: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-10vh {
    margin-top: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-10vh {
    margin-bottom: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-10vh {
    margin-left: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-10vh {
    margin-right: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-10vh {
    margin-top: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-10vh {
    margin-bottom: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-10vh {
    margin-left: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-10vh {
    margin-right: var(--spacing-10vh) !important;
  }
}
:root body .mt-10vh {
  margin-top: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .mt-lg-10vh {
    margin-top: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-10vh {
    margin-top: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-10vh {
    margin-top: var(--spacing-10vh) !important;
  }
}
:root body .mb-10vh {
  margin-bottom: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .mb-lg-10vh {
    margin-bottom: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-10vh {
    margin-bottom: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-10vh {
    margin-bottom: var(--spacing-10vh) !important;
  }
}
:root body .ml-10vh {
  margin-left: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .ml-lg-10vh {
    margin-left: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-10vh {
    margin-left: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-10vh {
    margin-left: var(--spacing-10vh) !important;
  }
}
:root body .mr-10vh {
  margin-right: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .mr-lg-10vh {
    margin-right: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-10vh {
    margin-right: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-10vh {
    margin-right: var(--spacing-10vh) !important;
  }
}
:root body .mx-10vh {
  margin-left: var(--spacing-10vh);
  margin-right: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .mx-lg-10vh {
    margin-left: var(--spacing-10vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-10vh {
    margin-right: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-10vh {
    margin-left: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-10vh {
    margin-right: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-10vh {
    margin-left: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-10vh {
    margin-right: var(--spacing-10vh) !important;
  }
}
:root body .my-10vh {
  margin-top: var(--spacing-10vh);
  margin-bottom: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .my-lg-10vh {
    margin-top: var(--spacing-10vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-10vh {
    margin-bottom: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-10vh {
    margin-top: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-10vh {
    margin-bottom: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-10vh {
    margin-top: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-10vh {
    margin-bottom: var(--spacing-10vh) !important;
  }
}
:root body .m-7vh {
  margin-top: var(--spacing-7vh);
  margin-bottom: var(--spacing-7vh);
  margin-left: var(--spacing-7vh);
  margin-right: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .m-lg-7vh {
    margin-top: var(--spacing-7vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-7vh {
    margin-bottom: var(--spacing-7vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-7vh {
    margin-left: var(--spacing-7vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-7vh {
    margin-right: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-7vh {
    margin-top: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-7vh {
    margin-bottom: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-7vh {
    margin-left: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-7vh {
    margin-right: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-7vh {
    margin-top: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-7vh {
    margin-bottom: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-7vh {
    margin-left: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-7vh {
    margin-right: var(--spacing-7vh) !important;
  }
}
:root body .mt-7vh {
  margin-top: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .mt-lg-7vh {
    margin-top: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-7vh {
    margin-top: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-7vh {
    margin-top: var(--spacing-7vh) !important;
  }
}
:root body .mb-7vh {
  margin-bottom: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .mb-lg-7vh {
    margin-bottom: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-7vh {
    margin-bottom: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-7vh {
    margin-bottom: var(--spacing-7vh) !important;
  }
}
:root body .ml-7vh {
  margin-left: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .ml-lg-7vh {
    margin-left: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-7vh {
    margin-left: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-7vh {
    margin-left: var(--spacing-7vh) !important;
  }
}
:root body .mr-7vh {
  margin-right: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .mr-lg-7vh {
    margin-right: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-7vh {
    margin-right: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-7vh {
    margin-right: var(--spacing-7vh) !important;
  }
}
:root body .mx-7vh {
  margin-left: var(--spacing-7vh);
  margin-right: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .mx-lg-7vh {
    margin-left: var(--spacing-7vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-7vh {
    margin-right: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-7vh {
    margin-left: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-7vh {
    margin-right: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-7vh {
    margin-left: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-7vh {
    margin-right: var(--spacing-7vh) !important;
  }
}
:root body .my-7vh {
  margin-top: var(--spacing-7vh);
  margin-bottom: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .my-lg-7vh {
    margin-top: var(--spacing-7vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-7vh {
    margin-bottom: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-7vh {
    margin-top: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-7vh {
    margin-bottom: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-7vh {
    margin-top: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-7vh {
    margin-bottom: var(--spacing-7vh) !important;
  }
}
:root body .m-5vh {
  margin-top: var(--spacing-5vh);
  margin-bottom: var(--spacing-5vh);
  margin-left: var(--spacing-5vh);
  margin-right: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .m-lg-5vh {
    margin-top: var(--spacing-5vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-5vh {
    margin-bottom: var(--spacing-5vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-5vh {
    margin-left: var(--spacing-5vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-5vh {
    margin-right: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-5vh {
    margin-top: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-5vh {
    margin-bottom: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-5vh {
    margin-left: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-5vh {
    margin-right: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-5vh {
    margin-top: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-5vh {
    margin-bottom: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-5vh {
    margin-left: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-5vh {
    margin-right: var(--spacing-5vh) !important;
  }
}
:root body .mt-5vh {
  margin-top: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .mt-lg-5vh {
    margin-top: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-5vh {
    margin-top: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-5vh {
    margin-top: var(--spacing-5vh) !important;
  }
}
:root body .mb-5vh {
  margin-bottom: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .mb-lg-5vh {
    margin-bottom: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-5vh {
    margin-bottom: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-5vh {
    margin-bottom: var(--spacing-5vh) !important;
  }
}
:root body .ml-5vh {
  margin-left: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .ml-lg-5vh {
    margin-left: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-5vh {
    margin-left: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-5vh {
    margin-left: var(--spacing-5vh) !important;
  }
}
:root body .mr-5vh {
  margin-right: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .mr-lg-5vh {
    margin-right: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-5vh {
    margin-right: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-5vh {
    margin-right: var(--spacing-5vh) !important;
  }
}
:root body .mx-5vh {
  margin-left: var(--spacing-5vh);
  margin-right: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .mx-lg-5vh {
    margin-left: var(--spacing-5vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-5vh {
    margin-right: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-5vh {
    margin-left: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-5vh {
    margin-right: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-5vh {
    margin-left: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-5vh {
    margin-right: var(--spacing-5vh) !important;
  }
}
:root body .my-5vh {
  margin-top: var(--spacing-5vh);
  margin-bottom: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .my-lg-5vh {
    margin-top: var(--spacing-5vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-5vh {
    margin-bottom: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-5vh {
    margin-top: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-5vh {
    margin-bottom: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-5vh {
    margin-top: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-5vh {
    margin-bottom: var(--spacing-5vh) !important;
  }
}
:root body .m-4vh {
  margin-top: var(--spacing-4vh);
  margin-bottom: var(--spacing-4vh);
  margin-left: var(--spacing-4vh);
  margin-right: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .m-lg-4vh {
    margin-top: var(--spacing-4vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-4vh {
    margin-bottom: var(--spacing-4vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-4vh {
    margin-left: var(--spacing-4vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .m-lg-4vh {
    margin-right: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-4vh {
    margin-top: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-4vh {
    margin-bottom: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-4vh {
    margin-left: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .m-md-4vh {
    margin-right: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-4vh {
    margin-top: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-4vh {
    margin-bottom: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-4vh {
    margin-left: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .m-sm-4vh {
    margin-right: var(--spacing-4vh) !important;
  }
}
:root body .mt-4vh {
  margin-top: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .mt-lg-4vh {
    margin-top: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mt-md-4vh {
    margin-top: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mt-sm-4vh {
    margin-top: var(--spacing-4vh) !important;
  }
}
:root body .mb-4vh {
  margin-bottom: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .mb-lg-4vh {
    margin-bottom: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mb-md-4vh {
    margin-bottom: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mb-sm-4vh {
    margin-bottom: var(--spacing-4vh) !important;
  }
}
:root body .ml-4vh {
  margin-left: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .ml-lg-4vh {
    margin-left: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .ml-md-4vh {
    margin-left: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .ml-sm-4vh {
    margin-left: var(--spacing-4vh) !important;
  }
}
:root body .mr-4vh {
  margin-right: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .mr-lg-4vh {
    margin-right: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mr-md-4vh {
    margin-right: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mr-sm-4vh {
    margin-right: var(--spacing-4vh) !important;
  }
}
:root body .mx-4vh {
  margin-left: var(--spacing-4vh);
  margin-right: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .mx-lg-4vh {
    margin-left: var(--spacing-4vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .mx-lg-4vh {
    margin-right: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-4vh {
    margin-left: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .mx-md-4vh {
    margin-right: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-4vh {
    margin-left: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .mx-sm-4vh {
    margin-right: var(--spacing-4vh) !important;
  }
}
:root body .my-4vh {
  margin-top: var(--spacing-4vh);
  margin-bottom: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .my-lg-4vh {
    margin-top: var(--spacing-4vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .my-lg-4vh {
    margin-bottom: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-4vh {
    margin-top: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .my-md-4vh {
    margin-bottom: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-4vh {
    margin-top: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .my-sm-4vh {
    margin-bottom: var(--spacing-4vh) !important;
  }
}
:root body .p-none {
  padding-top: var(--spacing-none);
  padding-bottom: var(--spacing-none);
  padding-left: var(--spacing-none);
  padding-right: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .p-lg-none {
    padding-top: var(--spacing-none) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-none {
    padding-bottom: var(--spacing-none) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-none {
    padding-left: var(--spacing-none) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-none {
    padding-right: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-none {
    padding-top: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-none {
    padding-bottom: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-none {
    padding-left: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-none {
    padding-right: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-none {
    padding-top: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-none {
    padding-bottom: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-none {
    padding-left: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-none {
    padding-right: var(--spacing-none) !important;
  }
}
:root body .pt-none {
  padding-top: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .pt-lg-none {
    padding-top: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-none {
    padding-top: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-none {
    padding-top: var(--spacing-none) !important;
  }
}
:root body .pb-none {
  padding-bottom: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .pb-lg-none {
    padding-bottom: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-none {
    padding-bottom: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-none {
    padding-bottom: var(--spacing-none) !important;
  }
}
:root body .pl-none {
  padding-left: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .pl-lg-none {
    padding-left: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-none {
    padding-left: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-none {
    padding-left: var(--spacing-none) !important;
  }
}
:root body .pr-none {
  padding-right: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .pr-lg-none {
    padding-right: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-none {
    padding-right: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-none {
    padding-right: var(--spacing-none) !important;
  }
}
:root body .px-none {
  padding-left: var(--spacing-none);
  padding-right: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .px-lg-none {
    padding-left: var(--spacing-none) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-none {
    padding-right: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-none {
    padding-left: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-none {
    padding-right: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-none {
    padding-left: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-none {
    padding-right: var(--spacing-none) !important;
  }
}
:root body .py-none {
  padding-top: var(--spacing-none);
  padding-bottom: var(--spacing-none);
}
@media (min-width: 1025px) {
  :root body .py-lg-none {
    padding-top: var(--spacing-none) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-none {
    padding-bottom: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-none {
    padding-top: var(--spacing-none) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-none {
    padding-bottom: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-none {
    padding-top: var(--spacing-none) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-none {
    padding-bottom: var(--spacing-none) !important;
  }
}
:root body .p-5 {
  padding-top: var(--spacing-5);
  padding-bottom: var(--spacing-5);
  padding-left: var(--spacing-5);
  padding-right: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .p-lg-5 {
    padding-top: var(--spacing-5) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-5 {
    padding-bottom: var(--spacing-5) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-5 {
    padding-left: var(--spacing-5) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-5 {
    padding-right: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-5 {
    padding-top: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-5 {
    padding-bottom: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-5 {
    padding-left: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-5 {
    padding-right: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-5 {
    padding-top: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-5 {
    padding-bottom: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-5 {
    padding-left: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-5 {
    padding-right: var(--spacing-5) !important;
  }
}
:root body .pt-5 {
  padding-top: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .pt-lg-5 {
    padding-top: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-5 {
    padding-top: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-5 {
    padding-top: var(--spacing-5) !important;
  }
}
:root body .pb-5 {
  padding-bottom: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .pb-lg-5 {
    padding-bottom: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-5 {
    padding-bottom: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-5 {
    padding-bottom: var(--spacing-5) !important;
  }
}
:root body .pl-5 {
  padding-left: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .pl-lg-5 {
    padding-left: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-5 {
    padding-left: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-5 {
    padding-left: var(--spacing-5) !important;
  }
}
:root body .pr-5 {
  padding-right: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .pr-lg-5 {
    padding-right: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-5 {
    padding-right: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-5 {
    padding-right: var(--spacing-5) !important;
  }
}
:root body .px-5 {
  padding-left: var(--spacing-5);
  padding-right: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .px-lg-5 {
    padding-left: var(--spacing-5) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-5 {
    padding-right: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-5 {
    padding-left: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-5 {
    padding-right: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-5 {
    padding-left: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-5 {
    padding-right: var(--spacing-5) !important;
  }
}
:root body .py-5 {
  padding-top: var(--spacing-5);
  padding-bottom: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .py-lg-5 {
    padding-top: var(--spacing-5) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-5 {
    padding-bottom: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-5 {
    padding-top: var(--spacing-5) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-5 {
    padding-bottom: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-5 {
    padding-top: var(--spacing-5) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-5 {
    padding-bottom: var(--spacing-5) !important;
  }
}
:root body .p-10 {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
  padding-left: var(--spacing-10);
  padding-right: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .p-lg-10 {
    padding-top: var(--spacing-10) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-10 {
    padding-bottom: var(--spacing-10) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-10 {
    padding-left: var(--spacing-10) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-10 {
    padding-right: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-10 {
    padding-top: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-10 {
    padding-bottom: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-10 {
    padding-left: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-10 {
    padding-right: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-10 {
    padding-top: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-10 {
    padding-bottom: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-10 {
    padding-left: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-10 {
    padding-right: var(--spacing-10) !important;
  }
}
:root body .pt-10 {
  padding-top: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .pt-lg-10 {
    padding-top: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-10 {
    padding-top: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-10 {
    padding-top: var(--spacing-10) !important;
  }
}
:root body .pb-10 {
  padding-bottom: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .pb-lg-10 {
    padding-bottom: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-10 {
    padding-bottom: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-10 {
    padding-bottom: var(--spacing-10) !important;
  }
}
:root body .pl-10 {
  padding-left: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .pl-lg-10 {
    padding-left: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-10 {
    padding-left: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-10 {
    padding-left: var(--spacing-10) !important;
  }
}
:root body .pr-10 {
  padding-right: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .pr-lg-10 {
    padding-right: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-10 {
    padding-right: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-10 {
    padding-right: var(--spacing-10) !important;
  }
}
:root body .px-10 {
  padding-left: var(--spacing-10);
  padding-right: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .px-lg-10 {
    padding-left: var(--spacing-10) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-10 {
    padding-right: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-10 {
    padding-left: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-10 {
    padding-right: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-10 {
    padding-left: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-10 {
    padding-right: var(--spacing-10) !important;
  }
}
:root body .py-10 {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .py-lg-10 {
    padding-top: var(--spacing-10) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-10 {
    padding-bottom: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-10 {
    padding-top: var(--spacing-10) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-10 {
    padding-bottom: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-10 {
    padding-top: var(--spacing-10) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-10 {
    padding-bottom: var(--spacing-10) !important;
  }
}
:root body .p-15 {
  padding-top: var(--spacing-15);
  padding-bottom: var(--spacing-15);
  padding-left: var(--spacing-15);
  padding-right: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .p-lg-15 {
    padding-top: var(--spacing-15) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-15 {
    padding-bottom: var(--spacing-15) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-15 {
    padding-left: var(--spacing-15) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-15 {
    padding-right: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-15 {
    padding-top: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-15 {
    padding-bottom: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-15 {
    padding-left: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-15 {
    padding-right: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-15 {
    padding-top: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-15 {
    padding-bottom: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-15 {
    padding-left: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-15 {
    padding-right: var(--spacing-15) !important;
  }
}
:root body .pt-15 {
  padding-top: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .pt-lg-15 {
    padding-top: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-15 {
    padding-top: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-15 {
    padding-top: var(--spacing-15) !important;
  }
}
:root body .pb-15 {
  padding-bottom: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .pb-lg-15 {
    padding-bottom: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-15 {
    padding-bottom: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-15 {
    padding-bottom: var(--spacing-15) !important;
  }
}
:root body .pl-15 {
  padding-left: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .pl-lg-15 {
    padding-left: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-15 {
    padding-left: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-15 {
    padding-left: var(--spacing-15) !important;
  }
}
:root body .pr-15 {
  padding-right: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .pr-lg-15 {
    padding-right: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-15 {
    padding-right: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-15 {
    padding-right: var(--spacing-15) !important;
  }
}
:root body .px-15 {
  padding-left: var(--spacing-15);
  padding-right: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .px-lg-15 {
    padding-left: var(--spacing-15) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-15 {
    padding-right: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-15 {
    padding-left: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-15 {
    padding-right: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-15 {
    padding-left: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-15 {
    padding-right: var(--spacing-15) !important;
  }
}
:root body .py-15 {
  padding-top: var(--spacing-15);
  padding-bottom: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .py-lg-15 {
    padding-top: var(--spacing-15) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-15 {
    padding-bottom: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-15 {
    padding-top: var(--spacing-15) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-15 {
    padding-bottom: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-15 {
    padding-top: var(--spacing-15) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-15 {
    padding-bottom: var(--spacing-15) !important;
  }
}
:root body .p-20 {
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
  padding-left: var(--spacing-20);
  padding-right: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .p-lg-20 {
    padding-top: var(--spacing-20) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-20 {
    padding-bottom: var(--spacing-20) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-20 {
    padding-left: var(--spacing-20) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-20 {
    padding-right: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-20 {
    padding-top: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-20 {
    padding-bottom: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-20 {
    padding-left: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-20 {
    padding-right: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-20 {
    padding-top: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-20 {
    padding-bottom: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-20 {
    padding-left: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-20 {
    padding-right: var(--spacing-20) !important;
  }
}
:root body .pt-20 {
  padding-top: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .pt-lg-20 {
    padding-top: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-20 {
    padding-top: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-20 {
    padding-top: var(--spacing-20) !important;
  }
}
:root body .pb-20 {
  padding-bottom: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .pb-lg-20 {
    padding-bottom: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-20 {
    padding-bottom: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-20 {
    padding-bottom: var(--spacing-20) !important;
  }
}
:root body .pl-20 {
  padding-left: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .pl-lg-20 {
    padding-left: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-20 {
    padding-left: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-20 {
    padding-left: var(--spacing-20) !important;
  }
}
:root body .pr-20 {
  padding-right: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .pr-lg-20 {
    padding-right: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-20 {
    padding-right: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-20 {
    padding-right: var(--spacing-20) !important;
  }
}
:root body .px-20 {
  padding-left: var(--spacing-20);
  padding-right: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .px-lg-20 {
    padding-left: var(--spacing-20) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-20 {
    padding-right: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-20 {
    padding-left: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-20 {
    padding-right: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-20 {
    padding-left: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-20 {
    padding-right: var(--spacing-20) !important;
  }
}
:root body .py-20 {
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .py-lg-20 {
    padding-top: var(--spacing-20) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-20 {
    padding-bottom: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-20 {
    padding-top: var(--spacing-20) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-20 {
    padding-bottom: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-20 {
    padding-top: var(--spacing-20) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-20 {
    padding-bottom: var(--spacing-20) !important;
  }
}
:root body .p-25 {
  padding-top: var(--spacing-25);
  padding-bottom: var(--spacing-25);
  padding-left: var(--spacing-25);
  padding-right: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .p-lg-25 {
    padding-top: var(--spacing-25) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-25 {
    padding-bottom: var(--spacing-25) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-25 {
    padding-left: var(--spacing-25) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-25 {
    padding-right: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-25 {
    padding-top: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-25 {
    padding-bottom: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-25 {
    padding-left: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-25 {
    padding-right: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-25 {
    padding-top: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-25 {
    padding-bottom: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-25 {
    padding-left: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-25 {
    padding-right: var(--spacing-25) !important;
  }
}
:root body .pt-25 {
  padding-top: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .pt-lg-25 {
    padding-top: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-25 {
    padding-top: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-25 {
    padding-top: var(--spacing-25) !important;
  }
}
:root body .pb-25 {
  padding-bottom: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .pb-lg-25 {
    padding-bottom: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-25 {
    padding-bottom: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-25 {
    padding-bottom: var(--spacing-25) !important;
  }
}
:root body .pl-25 {
  padding-left: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .pl-lg-25 {
    padding-left: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-25 {
    padding-left: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-25 {
    padding-left: var(--spacing-25) !important;
  }
}
:root body .pr-25 {
  padding-right: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .pr-lg-25 {
    padding-right: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-25 {
    padding-right: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-25 {
    padding-right: var(--spacing-25) !important;
  }
}
:root body .px-25 {
  padding-left: var(--spacing-25);
  padding-right: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .px-lg-25 {
    padding-left: var(--spacing-25) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-25 {
    padding-right: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-25 {
    padding-left: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-25 {
    padding-right: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-25 {
    padding-left: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-25 {
    padding-right: var(--spacing-25) !important;
  }
}
:root body .py-25 {
  padding-top: var(--spacing-25);
  padding-bottom: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .py-lg-25 {
    padding-top: var(--spacing-25) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-25 {
    padding-bottom: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-25 {
    padding-top: var(--spacing-25) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-25 {
    padding-bottom: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-25 {
    padding-top: var(--spacing-25) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-25 {
    padding-bottom: var(--spacing-25) !important;
  }
}
:root body .p-30 {
  padding-top: var(--spacing-30);
  padding-bottom: var(--spacing-30);
  padding-left: var(--spacing-30);
  padding-right: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .p-lg-30 {
    padding-top: var(--spacing-30) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-30 {
    padding-bottom: var(--spacing-30) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-30 {
    padding-left: var(--spacing-30) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-30 {
    padding-right: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-30 {
    padding-top: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-30 {
    padding-bottom: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-30 {
    padding-left: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-30 {
    padding-right: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-30 {
    padding-top: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-30 {
    padding-bottom: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-30 {
    padding-left: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-30 {
    padding-right: var(--spacing-30) !important;
  }
}
:root body .pt-30 {
  padding-top: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .pt-lg-30 {
    padding-top: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-30 {
    padding-top: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-30 {
    padding-top: var(--spacing-30) !important;
  }
}
:root body .pb-30 {
  padding-bottom: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .pb-lg-30 {
    padding-bottom: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-30 {
    padding-bottom: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-30 {
    padding-bottom: var(--spacing-30) !important;
  }
}
:root body .pl-30 {
  padding-left: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .pl-lg-30 {
    padding-left: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-30 {
    padding-left: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-30 {
    padding-left: var(--spacing-30) !important;
  }
}
:root body .pr-30 {
  padding-right: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .pr-lg-30 {
    padding-right: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-30 {
    padding-right: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-30 {
    padding-right: var(--spacing-30) !important;
  }
}
:root body .px-30 {
  padding-left: var(--spacing-30);
  padding-right: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .px-lg-30 {
    padding-left: var(--spacing-30) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-30 {
    padding-right: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-30 {
    padding-left: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-30 {
    padding-right: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-30 {
    padding-left: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-30 {
    padding-right: var(--spacing-30) !important;
  }
}
:root body .py-30 {
  padding-top: var(--spacing-30);
  padding-bottom: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .py-lg-30 {
    padding-top: var(--spacing-30) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-30 {
    padding-bottom: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-30 {
    padding-top: var(--spacing-30) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-30 {
    padding-bottom: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-30 {
    padding-top: var(--spacing-30) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-30 {
    padding-bottom: var(--spacing-30) !important;
  }
}
:root body .p-35 {
  padding-top: var(--spacing-35);
  padding-bottom: var(--spacing-35);
  padding-left: var(--spacing-35);
  padding-right: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .p-lg-35 {
    padding-top: var(--spacing-35) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-35 {
    padding-bottom: var(--spacing-35) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-35 {
    padding-left: var(--spacing-35) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-35 {
    padding-right: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-35 {
    padding-top: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-35 {
    padding-bottom: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-35 {
    padding-left: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-35 {
    padding-right: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-35 {
    padding-top: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-35 {
    padding-bottom: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-35 {
    padding-left: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-35 {
    padding-right: var(--spacing-35) !important;
  }
}
:root body .pt-35 {
  padding-top: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .pt-lg-35 {
    padding-top: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-35 {
    padding-top: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-35 {
    padding-top: var(--spacing-35) !important;
  }
}
:root body .pb-35 {
  padding-bottom: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .pb-lg-35 {
    padding-bottom: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-35 {
    padding-bottom: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-35 {
    padding-bottom: var(--spacing-35) !important;
  }
}
:root body .pl-35 {
  padding-left: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .pl-lg-35 {
    padding-left: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-35 {
    padding-left: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-35 {
    padding-left: var(--spacing-35) !important;
  }
}
:root body .pr-35 {
  padding-right: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .pr-lg-35 {
    padding-right: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-35 {
    padding-right: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-35 {
    padding-right: var(--spacing-35) !important;
  }
}
:root body .px-35 {
  padding-left: var(--spacing-35);
  padding-right: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .px-lg-35 {
    padding-left: var(--spacing-35) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-35 {
    padding-right: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-35 {
    padding-left: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-35 {
    padding-right: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-35 {
    padding-left: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-35 {
    padding-right: var(--spacing-35) !important;
  }
}
:root body .py-35 {
  padding-top: var(--spacing-35);
  padding-bottom: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .py-lg-35 {
    padding-top: var(--spacing-35) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-35 {
    padding-bottom: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-35 {
    padding-top: var(--spacing-35) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-35 {
    padding-bottom: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-35 {
    padding-top: var(--spacing-35) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-35 {
    padding-bottom: var(--spacing-35) !important;
  }
}
:root body .p-40 {
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-40);
  padding-left: var(--spacing-40);
  padding-right: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .p-lg-40 {
    padding-top: var(--spacing-40) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-40 {
    padding-bottom: var(--spacing-40) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-40 {
    padding-left: var(--spacing-40) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-40 {
    padding-right: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-40 {
    padding-top: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-40 {
    padding-bottom: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-40 {
    padding-left: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-40 {
    padding-right: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-40 {
    padding-top: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-40 {
    padding-bottom: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-40 {
    padding-left: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-40 {
    padding-right: var(--spacing-40) !important;
  }
}
:root body .pt-40 {
  padding-top: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .pt-lg-40 {
    padding-top: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-40 {
    padding-top: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-40 {
    padding-top: var(--spacing-40) !important;
  }
}
:root body .pb-40 {
  padding-bottom: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .pb-lg-40 {
    padding-bottom: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-40 {
    padding-bottom: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-40 {
    padding-bottom: var(--spacing-40) !important;
  }
}
:root body .pl-40 {
  padding-left: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .pl-lg-40 {
    padding-left: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-40 {
    padding-left: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-40 {
    padding-left: var(--spacing-40) !important;
  }
}
:root body .pr-40 {
  padding-right: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .pr-lg-40 {
    padding-right: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-40 {
    padding-right: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-40 {
    padding-right: var(--spacing-40) !important;
  }
}
:root body .px-40 {
  padding-left: var(--spacing-40);
  padding-right: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .px-lg-40 {
    padding-left: var(--spacing-40) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-40 {
    padding-right: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-40 {
    padding-left: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-40 {
    padding-right: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-40 {
    padding-left: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-40 {
    padding-right: var(--spacing-40) !important;
  }
}
:root body .py-40 {
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .py-lg-40 {
    padding-top: var(--spacing-40) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-40 {
    padding-bottom: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-40 {
    padding-top: var(--spacing-40) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-40 {
    padding-bottom: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-40 {
    padding-top: var(--spacing-40) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-40 {
    padding-bottom: var(--spacing-40) !important;
  }
}
:root body .p-45 {
  padding-top: var(--spacing-45);
  padding-bottom: var(--spacing-45);
  padding-left: var(--spacing-45);
  padding-right: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .p-lg-45 {
    padding-top: var(--spacing-45) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-45 {
    padding-bottom: var(--spacing-45) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-45 {
    padding-left: var(--spacing-45) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-45 {
    padding-right: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-45 {
    padding-top: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-45 {
    padding-bottom: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-45 {
    padding-left: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-45 {
    padding-right: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-45 {
    padding-top: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-45 {
    padding-bottom: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-45 {
    padding-left: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-45 {
    padding-right: var(--spacing-45) !important;
  }
}
:root body .pt-45 {
  padding-top: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .pt-lg-45 {
    padding-top: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-45 {
    padding-top: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-45 {
    padding-top: var(--spacing-45) !important;
  }
}
:root body .pb-45 {
  padding-bottom: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .pb-lg-45 {
    padding-bottom: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-45 {
    padding-bottom: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-45 {
    padding-bottom: var(--spacing-45) !important;
  }
}
:root body .pl-45 {
  padding-left: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .pl-lg-45 {
    padding-left: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-45 {
    padding-left: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-45 {
    padding-left: var(--spacing-45) !important;
  }
}
:root body .pr-45 {
  padding-right: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .pr-lg-45 {
    padding-right: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-45 {
    padding-right: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-45 {
    padding-right: var(--spacing-45) !important;
  }
}
:root body .px-45 {
  padding-left: var(--spacing-45);
  padding-right: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .px-lg-45 {
    padding-left: var(--spacing-45) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-45 {
    padding-right: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-45 {
    padding-left: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-45 {
    padding-right: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-45 {
    padding-left: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-45 {
    padding-right: var(--spacing-45) !important;
  }
}
:root body .py-45 {
  padding-top: var(--spacing-45);
  padding-bottom: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .py-lg-45 {
    padding-top: var(--spacing-45) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-45 {
    padding-bottom: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-45 {
    padding-top: var(--spacing-45) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-45 {
    padding-bottom: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-45 {
    padding-top: var(--spacing-45) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-45 {
    padding-bottom: var(--spacing-45) !important;
  }
}
:root body .p-50 {
  padding-top: var(--spacing-50);
  padding-bottom: var(--spacing-50);
  padding-left: var(--spacing-50);
  padding-right: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .p-lg-50 {
    padding-top: var(--spacing-50) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-50 {
    padding-bottom: var(--spacing-50) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-50 {
    padding-left: var(--spacing-50) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-50 {
    padding-right: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-50 {
    padding-top: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-50 {
    padding-bottom: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-50 {
    padding-left: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-50 {
    padding-right: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-50 {
    padding-top: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-50 {
    padding-bottom: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-50 {
    padding-left: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-50 {
    padding-right: var(--spacing-50) !important;
  }
}
:root body .pt-50 {
  padding-top: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .pt-lg-50 {
    padding-top: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-50 {
    padding-top: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-50 {
    padding-top: var(--spacing-50) !important;
  }
}
:root body .pb-50 {
  padding-bottom: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .pb-lg-50 {
    padding-bottom: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-50 {
    padding-bottom: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-50 {
    padding-bottom: var(--spacing-50) !important;
  }
}
:root body .pl-50 {
  padding-left: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .pl-lg-50 {
    padding-left: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-50 {
    padding-left: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-50 {
    padding-left: var(--spacing-50) !important;
  }
}
:root body .pr-50 {
  padding-right: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .pr-lg-50 {
    padding-right: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-50 {
    padding-right: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-50 {
    padding-right: var(--spacing-50) !important;
  }
}
:root body .px-50 {
  padding-left: var(--spacing-50);
  padding-right: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .px-lg-50 {
    padding-left: var(--spacing-50) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-50 {
    padding-right: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-50 {
    padding-left: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-50 {
    padding-right: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-50 {
    padding-left: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-50 {
    padding-right: var(--spacing-50) !important;
  }
}
:root body .py-50 {
  padding-top: var(--spacing-50);
  padding-bottom: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .py-lg-50 {
    padding-top: var(--spacing-50) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-50 {
    padding-bottom: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-50 {
    padding-top: var(--spacing-50) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-50 {
    padding-bottom: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-50 {
    padding-top: var(--spacing-50) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-50 {
    padding-bottom: var(--spacing-50) !important;
  }
}
:root body .p-60 {
  padding-top: var(--spacing-60);
  padding-bottom: var(--spacing-60);
  padding-left: var(--spacing-60);
  padding-right: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .p-lg-60 {
    padding-top: var(--spacing-60) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-60 {
    padding-bottom: var(--spacing-60) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-60 {
    padding-left: var(--spacing-60) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-60 {
    padding-right: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-60 {
    padding-top: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-60 {
    padding-bottom: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-60 {
    padding-left: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-60 {
    padding-right: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-60 {
    padding-top: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-60 {
    padding-bottom: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-60 {
    padding-left: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-60 {
    padding-right: var(--spacing-60) !important;
  }
}
:root body .pt-60 {
  padding-top: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .pt-lg-60 {
    padding-top: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-60 {
    padding-top: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-60 {
    padding-top: var(--spacing-60) !important;
  }
}
:root body .pb-60 {
  padding-bottom: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .pb-lg-60 {
    padding-bottom: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-60 {
    padding-bottom: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-60 {
    padding-bottom: var(--spacing-60) !important;
  }
}
:root body .pl-60 {
  padding-left: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .pl-lg-60 {
    padding-left: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-60 {
    padding-left: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-60 {
    padding-left: var(--spacing-60) !important;
  }
}
:root body .pr-60 {
  padding-right: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .pr-lg-60 {
    padding-right: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-60 {
    padding-right: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-60 {
    padding-right: var(--spacing-60) !important;
  }
}
:root body .px-60 {
  padding-left: var(--spacing-60);
  padding-right: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .px-lg-60 {
    padding-left: var(--spacing-60) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-60 {
    padding-right: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-60 {
    padding-left: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-60 {
    padding-right: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-60 {
    padding-left: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-60 {
    padding-right: var(--spacing-60) !important;
  }
}
:root body .py-60 {
  padding-top: var(--spacing-60);
  padding-bottom: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .py-lg-60 {
    padding-top: var(--spacing-60) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-60 {
    padding-bottom: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-60 {
    padding-top: var(--spacing-60) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-60 {
    padding-bottom: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-60 {
    padding-top: var(--spacing-60) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-60 {
    padding-bottom: var(--spacing-60) !important;
  }
}
:root body .p-70 {
  padding-top: var(--spacing-70);
  padding-bottom: var(--spacing-70);
  padding-left: var(--spacing-70);
  padding-right: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .p-lg-70 {
    padding-top: var(--spacing-70) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-70 {
    padding-bottom: var(--spacing-70) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-70 {
    padding-left: var(--spacing-70) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-70 {
    padding-right: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-70 {
    padding-top: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-70 {
    padding-bottom: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-70 {
    padding-left: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-70 {
    padding-right: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-70 {
    padding-top: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-70 {
    padding-bottom: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-70 {
    padding-left: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-70 {
    padding-right: var(--spacing-70) !important;
  }
}
:root body .pt-70 {
  padding-top: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .pt-lg-70 {
    padding-top: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-70 {
    padding-top: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-70 {
    padding-top: var(--spacing-70) !important;
  }
}
:root body .pb-70 {
  padding-bottom: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .pb-lg-70 {
    padding-bottom: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-70 {
    padding-bottom: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-70 {
    padding-bottom: var(--spacing-70) !important;
  }
}
:root body .pl-70 {
  padding-left: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .pl-lg-70 {
    padding-left: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-70 {
    padding-left: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-70 {
    padding-left: var(--spacing-70) !important;
  }
}
:root body .pr-70 {
  padding-right: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .pr-lg-70 {
    padding-right: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-70 {
    padding-right: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-70 {
    padding-right: var(--spacing-70) !important;
  }
}
:root body .px-70 {
  padding-left: var(--spacing-70);
  padding-right: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .px-lg-70 {
    padding-left: var(--spacing-70) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-70 {
    padding-right: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-70 {
    padding-left: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-70 {
    padding-right: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-70 {
    padding-left: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-70 {
    padding-right: var(--spacing-70) !important;
  }
}
:root body .py-70 {
  padding-top: var(--spacing-70);
  padding-bottom: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .py-lg-70 {
    padding-top: var(--spacing-70) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-70 {
    padding-bottom: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-70 {
    padding-top: var(--spacing-70) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-70 {
    padding-bottom: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-70 {
    padding-top: var(--spacing-70) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-70 {
    padding-bottom: var(--spacing-70) !important;
  }
}
:root body .p-100 {
  padding-top: var(--spacing-100);
  padding-bottom: var(--spacing-100);
  padding-left: var(--spacing-100);
  padding-right: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .p-lg-100 {
    padding-top: var(--spacing-100) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-100 {
    padding-bottom: var(--spacing-100) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-100 {
    padding-left: var(--spacing-100) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-100 {
    padding-right: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-100 {
    padding-top: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-100 {
    padding-bottom: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-100 {
    padding-left: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-100 {
    padding-right: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-100 {
    padding-top: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-100 {
    padding-bottom: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-100 {
    padding-left: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-100 {
    padding-right: var(--spacing-100) !important;
  }
}
:root body .pt-100 {
  padding-top: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .pt-lg-100 {
    padding-top: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-100 {
    padding-top: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-100 {
    padding-top: var(--spacing-100) !important;
  }
}
:root body .pb-100 {
  padding-bottom: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .pb-lg-100 {
    padding-bottom: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-100 {
    padding-bottom: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-100 {
    padding-bottom: var(--spacing-100) !important;
  }
}
:root body .pl-100 {
  padding-left: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .pl-lg-100 {
    padding-left: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-100 {
    padding-left: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-100 {
    padding-left: var(--spacing-100) !important;
  }
}
:root body .pr-100 {
  padding-right: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .pr-lg-100 {
    padding-right: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-100 {
    padding-right: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-100 {
    padding-right: var(--spacing-100) !important;
  }
}
:root body .px-100 {
  padding-left: var(--spacing-100);
  padding-right: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .px-lg-100 {
    padding-left: var(--spacing-100) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-100 {
    padding-right: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-100 {
    padding-left: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-100 {
    padding-right: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-100 {
    padding-left: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-100 {
    padding-right: var(--spacing-100) !important;
  }
}
:root body .py-100 {
  padding-top: var(--spacing-100);
  padding-bottom: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .py-lg-100 {
    padding-top: var(--spacing-100) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-100 {
    padding-bottom: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-100 {
    padding-top: var(--spacing-100) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-100 {
    padding-bottom: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-100 {
    padding-top: var(--spacing-100) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-100 {
    padding-bottom: var(--spacing-100) !important;
  }
}
:root body .p-10vh {
  padding-top: var(--spacing-10vh);
  padding-bottom: var(--spacing-10vh);
  padding-left: var(--spacing-10vh);
  padding-right: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .p-lg-10vh {
    padding-top: var(--spacing-10vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-10vh {
    padding-bottom: var(--spacing-10vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-10vh {
    padding-left: var(--spacing-10vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-10vh {
    padding-right: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-10vh {
    padding-top: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-10vh {
    padding-bottom: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-10vh {
    padding-left: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-10vh {
    padding-right: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-10vh {
    padding-top: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-10vh {
    padding-bottom: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-10vh {
    padding-left: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-10vh {
    padding-right: var(--spacing-10vh) !important;
  }
}
:root body .pt-10vh {
  padding-top: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .pt-lg-10vh {
    padding-top: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-10vh {
    padding-top: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-10vh {
    padding-top: var(--spacing-10vh) !important;
  }
}
:root body .pb-10vh {
  padding-bottom: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .pb-lg-10vh {
    padding-bottom: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-10vh {
    padding-bottom: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-10vh {
    padding-bottom: var(--spacing-10vh) !important;
  }
}
:root body .pl-10vh {
  padding-left: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .pl-lg-10vh {
    padding-left: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-10vh {
    padding-left: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-10vh {
    padding-left: var(--spacing-10vh) !important;
  }
}
:root body .pr-10vh {
  padding-right: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .pr-lg-10vh {
    padding-right: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-10vh {
    padding-right: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-10vh {
    padding-right: var(--spacing-10vh) !important;
  }
}
:root body .px-10vh {
  padding-left: var(--spacing-10vh);
  padding-right: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .px-lg-10vh {
    padding-left: var(--spacing-10vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-10vh {
    padding-right: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-10vh {
    padding-left: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-10vh {
    padding-right: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-10vh {
    padding-left: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-10vh {
    padding-right: var(--spacing-10vh) !important;
  }
}
:root body .py-10vh {
  padding-top: var(--spacing-10vh);
  padding-bottom: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .py-lg-10vh {
    padding-top: var(--spacing-10vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-10vh {
    padding-bottom: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-10vh {
    padding-top: var(--spacing-10vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-10vh {
    padding-bottom: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-10vh {
    padding-top: var(--spacing-10vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-10vh {
    padding-bottom: var(--spacing-10vh) !important;
  }
}
:root body .p-7vh {
  padding-top: var(--spacing-7vh);
  padding-bottom: var(--spacing-7vh);
  padding-left: var(--spacing-7vh);
  padding-right: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .p-lg-7vh {
    padding-top: var(--spacing-7vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-7vh {
    padding-bottom: var(--spacing-7vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-7vh {
    padding-left: var(--spacing-7vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-7vh {
    padding-right: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-7vh {
    padding-top: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-7vh {
    padding-bottom: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-7vh {
    padding-left: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-7vh {
    padding-right: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-7vh {
    padding-top: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-7vh {
    padding-bottom: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-7vh {
    padding-left: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-7vh {
    padding-right: var(--spacing-7vh) !important;
  }
}
:root body .pt-7vh {
  padding-top: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .pt-lg-7vh {
    padding-top: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-7vh {
    padding-top: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-7vh {
    padding-top: var(--spacing-7vh) !important;
  }
}
:root body .pb-7vh {
  padding-bottom: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .pb-lg-7vh {
    padding-bottom: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-7vh {
    padding-bottom: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-7vh {
    padding-bottom: var(--spacing-7vh) !important;
  }
}
:root body .pl-7vh {
  padding-left: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .pl-lg-7vh {
    padding-left: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-7vh {
    padding-left: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-7vh {
    padding-left: var(--spacing-7vh) !important;
  }
}
:root body .pr-7vh {
  padding-right: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .pr-lg-7vh {
    padding-right: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-7vh {
    padding-right: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-7vh {
    padding-right: var(--spacing-7vh) !important;
  }
}
:root body .px-7vh {
  padding-left: var(--spacing-7vh);
  padding-right: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .px-lg-7vh {
    padding-left: var(--spacing-7vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-7vh {
    padding-right: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-7vh {
    padding-left: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-7vh {
    padding-right: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-7vh {
    padding-left: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-7vh {
    padding-right: var(--spacing-7vh) !important;
  }
}
:root body .py-7vh {
  padding-top: var(--spacing-7vh);
  padding-bottom: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .py-lg-7vh {
    padding-top: var(--spacing-7vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-7vh {
    padding-bottom: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-7vh {
    padding-top: var(--spacing-7vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-7vh {
    padding-bottom: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-7vh {
    padding-top: var(--spacing-7vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-7vh {
    padding-bottom: var(--spacing-7vh) !important;
  }
}
:root body .p-5vh {
  padding-top: var(--spacing-5vh);
  padding-bottom: var(--spacing-5vh);
  padding-left: var(--spacing-5vh);
  padding-right: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .p-lg-5vh {
    padding-top: var(--spacing-5vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-5vh {
    padding-bottom: var(--spacing-5vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-5vh {
    padding-left: var(--spacing-5vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-5vh {
    padding-right: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-5vh {
    padding-top: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-5vh {
    padding-bottom: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-5vh {
    padding-left: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-5vh {
    padding-right: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-5vh {
    padding-top: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-5vh {
    padding-bottom: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-5vh {
    padding-left: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-5vh {
    padding-right: var(--spacing-5vh) !important;
  }
}
:root body .pt-5vh {
  padding-top: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .pt-lg-5vh {
    padding-top: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-5vh {
    padding-top: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-5vh {
    padding-top: var(--spacing-5vh) !important;
  }
}
:root body .pb-5vh {
  padding-bottom: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .pb-lg-5vh {
    padding-bottom: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-5vh {
    padding-bottom: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-5vh {
    padding-bottom: var(--spacing-5vh) !important;
  }
}
:root body .pl-5vh {
  padding-left: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .pl-lg-5vh {
    padding-left: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-5vh {
    padding-left: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-5vh {
    padding-left: var(--spacing-5vh) !important;
  }
}
:root body .pr-5vh {
  padding-right: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .pr-lg-5vh {
    padding-right: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-5vh {
    padding-right: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-5vh {
    padding-right: var(--spacing-5vh) !important;
  }
}
:root body .px-5vh {
  padding-left: var(--spacing-5vh);
  padding-right: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .px-lg-5vh {
    padding-left: var(--spacing-5vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-5vh {
    padding-right: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-5vh {
    padding-left: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-5vh {
    padding-right: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-5vh {
    padding-left: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-5vh {
    padding-right: var(--spacing-5vh) !important;
  }
}
:root body .py-5vh {
  padding-top: var(--spacing-5vh);
  padding-bottom: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .py-lg-5vh {
    padding-top: var(--spacing-5vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-5vh {
    padding-bottom: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-5vh {
    padding-top: var(--spacing-5vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-5vh {
    padding-bottom: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-5vh {
    padding-top: var(--spacing-5vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-5vh {
    padding-bottom: var(--spacing-5vh) !important;
  }
}
:root body .p-4vh {
  padding-top: var(--spacing-4vh);
  padding-bottom: var(--spacing-4vh);
  padding-left: var(--spacing-4vh);
  padding-right: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .p-lg-4vh {
    padding-top: var(--spacing-4vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-4vh {
    padding-bottom: var(--spacing-4vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-4vh {
    padding-left: var(--spacing-4vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .p-lg-4vh {
    padding-right: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-4vh {
    padding-top: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-4vh {
    padding-bottom: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-4vh {
    padding-left: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .p-md-4vh {
    padding-right: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-4vh {
    padding-top: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-4vh {
    padding-bottom: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-4vh {
    padding-left: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .p-sm-4vh {
    padding-right: var(--spacing-4vh) !important;
  }
}
:root body .pt-4vh {
  padding-top: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .pt-lg-4vh {
    padding-top: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pt-md-4vh {
    padding-top: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pt-sm-4vh {
    padding-top: var(--spacing-4vh) !important;
  }
}
:root body .pb-4vh {
  padding-bottom: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .pb-lg-4vh {
    padding-bottom: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pb-md-4vh {
    padding-bottom: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pb-sm-4vh {
    padding-bottom: var(--spacing-4vh) !important;
  }
}
:root body .pl-4vh {
  padding-left: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .pl-lg-4vh {
    padding-left: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pl-md-4vh {
    padding-left: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pl-sm-4vh {
    padding-left: var(--spacing-4vh) !important;
  }
}
:root body .pr-4vh {
  padding-right: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .pr-lg-4vh {
    padding-right: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .pr-md-4vh {
    padding-right: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .pr-sm-4vh {
    padding-right: var(--spacing-4vh) !important;
  }
}
:root body .px-4vh {
  padding-left: var(--spacing-4vh);
  padding-right: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .px-lg-4vh {
    padding-left: var(--spacing-4vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .px-lg-4vh {
    padding-right: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-4vh {
    padding-left: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .px-md-4vh {
    padding-right: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-4vh {
    padding-left: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .px-sm-4vh {
    padding-right: var(--spacing-4vh) !important;
  }
}
:root body .py-4vh {
  padding-top: var(--spacing-4vh);
  padding-bottom: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .py-lg-4vh {
    padding-top: var(--spacing-4vh) !important;
  }
}
@media (min-width: 1025px) {
  :root body .py-lg-4vh {
    padding-bottom: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-4vh {
    padding-top: var(--spacing-4vh) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .py-md-4vh {
    padding-bottom: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-4vh {
    padding-top: var(--spacing-4vh) !important;
  }
}
@media (max-width: 767px) {
  :root body .py-sm-4vh {
    padding-bottom: var(--spacing-4vh) !important;
  }
}
:root body .gap-none {
  gap: 0;
}
@media (min-width: 1025px) {
  :root body .gap-lg-none {
    gap: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-none {
    gap: 0;
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-none {
    gap: 0;
  }
}
:root body .row-gap-none {
  row-gap: 0;
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-none {
    row-gap: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-none {
    row-gap: 0;
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-none {
    row-gap: 0;
  }
}
:root body .column-gap-none {
  -moz-column-gap: 0;
       column-gap: 0;
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-none {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-none {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-none {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
:root body .gap-5 {
  gap: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .gap-lg-5 {
    gap: var(--spacing-5);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-5 {
    gap: var(--spacing-5);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-5 {
    gap: var(--spacing-5);
  }
}
:root body .row-gap-5 {
  row-gap: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-5 {
    row-gap: var(--spacing-5);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-5 {
    row-gap: var(--spacing-5);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-5 {
    row-gap: var(--spacing-5);
  }
}
:root body .column-gap-5 {
  -moz-column-gap: var(--spacing-5);
       column-gap: var(--spacing-5);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-5 {
    -moz-column-gap: var(--spacing-5);
         column-gap: var(--spacing-5);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-5 {
    -moz-column-gap: var(--spacing-5);
         column-gap: var(--spacing-5);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-5 {
    -moz-column-gap: var(--spacing-5);
         column-gap: var(--spacing-5);
  }
}
:root body .gap-10 {
  gap: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .gap-lg-10 {
    gap: var(--spacing-10);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-10 {
    gap: var(--spacing-10);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-10 {
    gap: var(--spacing-10);
  }
}
:root body .row-gap-10 {
  row-gap: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-10 {
    row-gap: var(--spacing-10);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-10 {
    row-gap: var(--spacing-10);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-10 {
    row-gap: var(--spacing-10);
  }
}
:root body .column-gap-10 {
  -moz-column-gap: var(--spacing-10);
       column-gap: var(--spacing-10);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-10 {
    -moz-column-gap: var(--spacing-10);
         column-gap: var(--spacing-10);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-10 {
    -moz-column-gap: var(--spacing-10);
         column-gap: var(--spacing-10);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-10 {
    -moz-column-gap: var(--spacing-10);
         column-gap: var(--spacing-10);
  }
}
:root body .gap-15 {
  gap: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .gap-lg-15 {
    gap: var(--spacing-15);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-15 {
    gap: var(--spacing-15);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-15 {
    gap: var(--spacing-15);
  }
}
:root body .row-gap-15 {
  row-gap: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-15 {
    row-gap: var(--spacing-15);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-15 {
    row-gap: var(--spacing-15);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-15 {
    row-gap: var(--spacing-15);
  }
}
:root body .column-gap-15 {
  -moz-column-gap: var(--spacing-15);
       column-gap: var(--spacing-15);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-15 {
    -moz-column-gap: var(--spacing-15);
         column-gap: var(--spacing-15);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-15 {
    -moz-column-gap: var(--spacing-15);
         column-gap: var(--spacing-15);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-15 {
    -moz-column-gap: var(--spacing-15);
         column-gap: var(--spacing-15);
  }
}
:root body .gap-20 {
  gap: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .gap-lg-20 {
    gap: var(--spacing-20);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-20 {
    gap: var(--spacing-20);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-20 {
    gap: var(--spacing-20);
  }
}
:root body .row-gap-20 {
  row-gap: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-20 {
    row-gap: var(--spacing-20);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-20 {
    row-gap: var(--spacing-20);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-20 {
    row-gap: var(--spacing-20);
  }
}
:root body .column-gap-20 {
  -moz-column-gap: var(--spacing-20);
       column-gap: var(--spacing-20);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-20 {
    -moz-column-gap: var(--spacing-20);
         column-gap: var(--spacing-20);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-20 {
    -moz-column-gap: var(--spacing-20);
         column-gap: var(--spacing-20);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-20 {
    -moz-column-gap: var(--spacing-20);
         column-gap: var(--spacing-20);
  }
}
:root body .gap-25 {
  gap: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .gap-lg-25 {
    gap: var(--spacing-25);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-25 {
    gap: var(--spacing-25);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-25 {
    gap: var(--spacing-25);
  }
}
:root body .row-gap-25 {
  row-gap: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-25 {
    row-gap: var(--spacing-25);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-25 {
    row-gap: var(--spacing-25);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-25 {
    row-gap: var(--spacing-25);
  }
}
:root body .column-gap-25 {
  -moz-column-gap: var(--spacing-25);
       column-gap: var(--spacing-25);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-25 {
    -moz-column-gap: var(--spacing-25);
         column-gap: var(--spacing-25);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-25 {
    -moz-column-gap: var(--spacing-25);
         column-gap: var(--spacing-25);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-25 {
    -moz-column-gap: var(--spacing-25);
         column-gap: var(--spacing-25);
  }
}
:root body .gap-30 {
  gap: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .gap-lg-30 {
    gap: var(--spacing-30);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-30 {
    gap: var(--spacing-30);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-30 {
    gap: var(--spacing-30);
  }
}
:root body .row-gap-30 {
  row-gap: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-30 {
    row-gap: var(--spacing-30);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-30 {
    row-gap: var(--spacing-30);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-30 {
    row-gap: var(--spacing-30);
  }
}
:root body .column-gap-30 {
  -moz-column-gap: var(--spacing-30);
       column-gap: var(--spacing-30);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-30 {
    -moz-column-gap: var(--spacing-30);
         column-gap: var(--spacing-30);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-30 {
    -moz-column-gap: var(--spacing-30);
         column-gap: var(--spacing-30);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-30 {
    -moz-column-gap: var(--spacing-30);
         column-gap: var(--spacing-30);
  }
}
:root body .gap-35 {
  gap: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .gap-lg-35 {
    gap: var(--spacing-35);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-35 {
    gap: var(--spacing-35);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-35 {
    gap: var(--spacing-35);
  }
}
:root body .row-gap-35 {
  row-gap: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-35 {
    row-gap: var(--spacing-35);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-35 {
    row-gap: var(--spacing-35);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-35 {
    row-gap: var(--spacing-35);
  }
}
:root body .column-gap-35 {
  -moz-column-gap: var(--spacing-35);
       column-gap: var(--spacing-35);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-35 {
    -moz-column-gap: var(--spacing-35);
         column-gap: var(--spacing-35);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-35 {
    -moz-column-gap: var(--spacing-35);
         column-gap: var(--spacing-35);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-35 {
    -moz-column-gap: var(--spacing-35);
         column-gap: var(--spacing-35);
  }
}
:root body .gap-40 {
  gap: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .gap-lg-40 {
    gap: var(--spacing-40);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-40 {
    gap: var(--spacing-40);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-40 {
    gap: var(--spacing-40);
  }
}
:root body .row-gap-40 {
  row-gap: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-40 {
    row-gap: var(--spacing-40);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-40 {
    row-gap: var(--spacing-40);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-40 {
    row-gap: var(--spacing-40);
  }
}
:root body .column-gap-40 {
  -moz-column-gap: var(--spacing-40);
       column-gap: var(--spacing-40);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-40 {
    -moz-column-gap: var(--spacing-40);
         column-gap: var(--spacing-40);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-40 {
    -moz-column-gap: var(--spacing-40);
         column-gap: var(--spacing-40);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-40 {
    -moz-column-gap: var(--spacing-40);
         column-gap: var(--spacing-40);
  }
}
:root body .gap-45 {
  gap: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .gap-lg-45 {
    gap: var(--spacing-45);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-45 {
    gap: var(--spacing-45);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-45 {
    gap: var(--spacing-45);
  }
}
:root body .row-gap-45 {
  row-gap: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-45 {
    row-gap: var(--spacing-45);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-45 {
    row-gap: var(--spacing-45);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-45 {
    row-gap: var(--spacing-45);
  }
}
:root body .column-gap-45 {
  -moz-column-gap: var(--spacing-45);
       column-gap: var(--spacing-45);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-45 {
    -moz-column-gap: var(--spacing-45);
         column-gap: var(--spacing-45);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-45 {
    -moz-column-gap: var(--spacing-45);
         column-gap: var(--spacing-45);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-45 {
    -moz-column-gap: var(--spacing-45);
         column-gap: var(--spacing-45);
  }
}
:root body .gap-50 {
  gap: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .gap-lg-50 {
    gap: var(--spacing-50);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-50 {
    gap: var(--spacing-50);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-50 {
    gap: var(--spacing-50);
  }
}
:root body .row-gap-50 {
  row-gap: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-50 {
    row-gap: var(--spacing-50);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-50 {
    row-gap: var(--spacing-50);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-50 {
    row-gap: var(--spacing-50);
  }
}
:root body .column-gap-50 {
  -moz-column-gap: var(--spacing-50);
       column-gap: var(--spacing-50);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-50 {
    -moz-column-gap: var(--spacing-50);
         column-gap: var(--spacing-50);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-50 {
    -moz-column-gap: var(--spacing-50);
         column-gap: var(--spacing-50);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-50 {
    -moz-column-gap: var(--spacing-50);
         column-gap: var(--spacing-50);
  }
}
:root body .gap-60 {
  gap: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .gap-lg-60 {
    gap: var(--spacing-60);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-60 {
    gap: var(--spacing-60);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-60 {
    gap: var(--spacing-60);
  }
}
:root body .row-gap-60 {
  row-gap: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-60 {
    row-gap: var(--spacing-60);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-60 {
    row-gap: var(--spacing-60);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-60 {
    row-gap: var(--spacing-60);
  }
}
:root body .column-gap-60 {
  -moz-column-gap: var(--spacing-60);
       column-gap: var(--spacing-60);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-60 {
    -moz-column-gap: var(--spacing-60);
         column-gap: var(--spacing-60);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-60 {
    -moz-column-gap: var(--spacing-60);
         column-gap: var(--spacing-60);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-60 {
    -moz-column-gap: var(--spacing-60);
         column-gap: var(--spacing-60);
  }
}
:root body .gap-70 {
  gap: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .gap-lg-70 {
    gap: var(--spacing-70);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-70 {
    gap: var(--spacing-70);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-70 {
    gap: var(--spacing-70);
  }
}
:root body .row-gap-70 {
  row-gap: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-70 {
    row-gap: var(--spacing-70);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-70 {
    row-gap: var(--spacing-70);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-70 {
    row-gap: var(--spacing-70);
  }
}
:root body .column-gap-70 {
  -moz-column-gap: var(--spacing-70);
       column-gap: var(--spacing-70);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-70 {
    -moz-column-gap: var(--spacing-70);
         column-gap: var(--spacing-70);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-70 {
    -moz-column-gap: var(--spacing-70);
         column-gap: var(--spacing-70);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-70 {
    -moz-column-gap: var(--spacing-70);
         column-gap: var(--spacing-70);
  }
}
:root body .gap-100 {
  gap: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .gap-lg-100 {
    gap: var(--spacing-100);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-100 {
    gap: var(--spacing-100);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-100 {
    gap: var(--spacing-100);
  }
}
:root body .row-gap-100 {
  row-gap: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-100 {
    row-gap: var(--spacing-100);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-100 {
    row-gap: var(--spacing-100);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-100 {
    row-gap: var(--spacing-100);
  }
}
:root body .column-gap-100 {
  -moz-column-gap: var(--spacing-100);
       column-gap: var(--spacing-100);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-100 {
    -moz-column-gap: var(--spacing-100);
         column-gap: var(--spacing-100);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-100 {
    -moz-column-gap: var(--spacing-100);
         column-gap: var(--spacing-100);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-100 {
    -moz-column-gap: var(--spacing-100);
         column-gap: var(--spacing-100);
  }
}
:root body .gap-10vh {
  gap: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .gap-lg-10vh {
    gap: var(--spacing-10vh);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-10vh {
    gap: var(--spacing-10vh);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-10vh {
    gap: var(--spacing-10vh);
  }
}
:root body .row-gap-10vh {
  row-gap: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-10vh {
    row-gap: var(--spacing-10vh);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-10vh {
    row-gap: var(--spacing-10vh);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-10vh {
    row-gap: var(--spacing-10vh);
  }
}
:root body .column-gap-10vh {
  -moz-column-gap: var(--spacing-10vh);
       column-gap: var(--spacing-10vh);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-10vh {
    -moz-column-gap: var(--spacing-10vh);
         column-gap: var(--spacing-10vh);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-10vh {
    -moz-column-gap: var(--spacing-10vh);
         column-gap: var(--spacing-10vh);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-10vh {
    -moz-column-gap: var(--spacing-10vh);
         column-gap: var(--spacing-10vh);
  }
}
:root body .gap-7vh {
  gap: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .gap-lg-7vh {
    gap: var(--spacing-7vh);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-7vh {
    gap: var(--spacing-7vh);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-7vh {
    gap: var(--spacing-7vh);
  }
}
:root body .row-gap-7vh {
  row-gap: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-7vh {
    row-gap: var(--spacing-7vh);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-7vh {
    row-gap: var(--spacing-7vh);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-7vh {
    row-gap: var(--spacing-7vh);
  }
}
:root body .column-gap-7vh {
  -moz-column-gap: var(--spacing-7vh);
       column-gap: var(--spacing-7vh);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-7vh {
    -moz-column-gap: var(--spacing-7vh);
         column-gap: var(--spacing-7vh);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-7vh {
    -moz-column-gap: var(--spacing-7vh);
         column-gap: var(--spacing-7vh);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-7vh {
    -moz-column-gap: var(--spacing-7vh);
         column-gap: var(--spacing-7vh);
  }
}
:root body .gap-5vh {
  gap: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .gap-lg-5vh {
    gap: var(--spacing-5vh);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-5vh {
    gap: var(--spacing-5vh);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-5vh {
    gap: var(--spacing-5vh);
  }
}
:root body .row-gap-5vh {
  row-gap: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-5vh {
    row-gap: var(--spacing-5vh);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-5vh {
    row-gap: var(--spacing-5vh);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-5vh {
    row-gap: var(--spacing-5vh);
  }
}
:root body .column-gap-5vh {
  -moz-column-gap: var(--spacing-5vh);
       column-gap: var(--spacing-5vh);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-5vh {
    -moz-column-gap: var(--spacing-5vh);
         column-gap: var(--spacing-5vh);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-5vh {
    -moz-column-gap: var(--spacing-5vh);
         column-gap: var(--spacing-5vh);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-5vh {
    -moz-column-gap: var(--spacing-5vh);
         column-gap: var(--spacing-5vh);
  }
}
:root body .gap-4vh {
  gap: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .gap-lg-4vh {
    gap: var(--spacing-4vh);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .gap-md-4vh {
    gap: var(--spacing-4vh);
  }
}
@media (max-width: 767px) {
  :root body .gap-sm-4vh {
    gap: var(--spacing-4vh);
  }
}
:root body .row-gap-4vh {
  row-gap: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .row-gap-lg-4vh {
    row-gap: var(--spacing-4vh);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .row-gap-md-4vh {
    row-gap: var(--spacing-4vh);
  }
}
@media (max-width: 767px) {
  :root body .row-gap-sm-4vh {
    row-gap: var(--spacing-4vh);
  }
}
:root body .column-gap-4vh {
  -moz-column-gap: var(--spacing-4vh);
       column-gap: var(--spacing-4vh);
}
@media (min-width: 1025px) {
  :root body .column-gap-lg-4vh {
    -moz-column-gap: var(--spacing-4vh);
         column-gap: var(--spacing-4vh);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root body .column-gap-md-4vh {
    -moz-column-gap: var(--spacing-4vh);
         column-gap: var(--spacing-4vh);
  }
}
@media (max-width: 767px) {
  :root body .column-gap-sm-4vh {
    -moz-column-gap: var(--spacing-4vh);
         column-gap: var(--spacing-4vh);
  }
}

@font-face {
  font-family: HelveticaNowText-300;
  font-style: normal;
  font-display: swap;
  src: url("fonts/HelveticaNowText-Light.woff2") format("woff2");
}
@font-face {
  font-family: HelveticaNowText-700;
  font-style: normal;
  font-display: swap;
  src: url("fonts/HelveticaNowText-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Georgia";
  font-display: swap;
  src: url("fonts/Georgia.ttf") format("truetype");
}
.helvetica-300 {
  font-family: "HelveticaNowText-300";
  font-weight: 400;
}

.helvetica-700 {
  font-family: "HelveticaNowText-700";
  font-weight: 400;
}

.georgia {
  font-family: georgia;
}

body .fz-fixed-12 {
  font-size: var(--fz-fixed-12);
  line-height: var(--lh-110);
}
body .fz-fixed-14 {
  font-size: var(--fz-fixed-14);
  line-height: var(--lh-110);
}
body .fz-fixed-16 {
  font-size: var(--fz-fixed-16);
  line-height: var(--lh-110);
}
body .fz-fixed-22 {
  font-size: var(--fz-fixed-22);
  line-height: var(--lh-160);
}
body .fz-14 {
  font-size: var(--fz-14);
  line-height: var(--lh-110);
}
body .fz-16 {
  font-size: var(--fz-16);
  line-height: var(--lh-110);
}
body .fz-20 {
  font-size: var(--fz-20);
  line-height: var(--lh-160);
}
body .fz-24 {
  font-size: var(--fz-24);
  line-height: var(--lh-120);
}
body .fz-30 {
  font-size: var(--fz-30);
  line-height: var(--lh-120);
}
body .fz-36 {
  font-size: var(--fz-36);
  line-height: var(--lh-120);
}
body .fz-50 {
  font-size: var(--fz-50);
  line-height: var(--lh-120);
}
body .fz-70 {
  font-size: var(--fz-70);
  line-height: var(--lh-110);
}
body .lh-110 {
  line-height: var(--lh-110);
}
body .lh-120 {
  line-height: var(--lh-120);
}
body .lh-160 {
  line-height: var(--lh-160);
}

body, h1, h2, h3, h4, h5, h6, p, figure {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "HelveticaNowText-700";
  font-weight: 400;
}

*, *::before, *::after {
  box-sizing: border-box;
}

.img-fluid {
  max-width: 100%;
  width: 100%;
}

.img-max-100 {
  max-width: 100%;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex > div {
  flex: 1;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.fw-normal {
  font-weight: normal;
}

.flex-start {
  justify-content: start !important;
}

.grid {
  display: grid;
  gap: 10px;
}

@media (width <= 1024px) {
  .first-tablet {
    grid-area: 1/13/1/1;
  }
}

.hr-brown {
  border: none;
  border-top: 1px solid #452C1E;
  opacity: 0.2;
}

.text-center {
  text-align: center;
}

.m-auto {
  margin: auto;
}

.w-50 {
  width: 50%;
}
@media (max-width: 767px) {
  .w-50 {
    width: 100%;
  }
}

.p-relative {
  position: relative;
}

.fig-content {
  width: -moz-fit-content;
  width: fit-content;
}

.rlx-specifications {
  -moz-columns: 2;
       columns: 2;
  -moz-column-gap: 7vw;
       column-gap: 7vw;
}
.rlx-specifications__item {
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  margin-bottom: 20px;
}

.price-ico:hover ~ .price-tooltip {
  z-index: 1;
}
.price-ico:hover ~ .price-tooltip .description {
  opacity: 1;
}

.price-tooltip {
  position: absolute;
  z-index: -1;
}
.price-tooltip .description {
  opacity: 0;
  font-size: var(--fz-fixed-14);
  background: #FFFFFF;
  padding: 15px 20px;
  border-radius: 10px;
  transition: opacity 0.3s ease;
}

.rlx-menu {
  height: 110px;
  display: flex;
  padding-left: 8vw;
  padding-right: 8vw;
  position: relative;
  border: none;
}
@media (min-width: 768px) and (max-width: 2099px) {
  .rlx-menu {
    height: 100px;
  }
}
@media (max-width: 767px) {
  .rlx-menu {
    height: 80px;
    padding-left: 7vw;
    padding-right: 7vw;
  }
}
.rlx-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.rlx-menu__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 50px;
       column-gap: 50px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .rlx-menu__container {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.rlx-menu__logo {
  line-height: 0;
}
@media (max-width: 767px) {
  .rlx-menu__logo img {
    width: 100px;
    height: 50px;
  }
}
.rlx-menu__menu {
  display: flex;
  gap: 2.5vw;
}
@media (min-width: 2100px) {
  .rlx-menu__menu {
    align-items: center;
  }
}
.rlx-menu__menu li a {
  color: #FFFFFF;
  text-decoration: none;
  line-height: 1.3;
  font-family: "HelveticaNowText-700";
  font-weight: 400;
}
.rlx-menu__menu li a:hover, .rlx-menu__menu li a.active {
  color: #61BD93;
}
@media (max-width: 2099px) {
  .rlx-menu__nav {
    display: none;
  }
}
.rlx-menu__mobile {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  gap: 10px;
  cursor: pointer;
  font-family: "HelveticaNowText-700";
  font-weight: 400;
}
@media (min-width: 2100px) {
  .rlx-menu__mobile {
    display: none;
  }
}
.rlx-menu__mobile svg {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.rlx-menu__mobile:hover {
  color: #61BD93;
}
.rlx-menu__mobile:hover svg {
  fill: #61BD93;
}
@media (max-width: 2099px) {
  .rlx-menu.show .rlx-menu__nav {
    display: flex;
    padding-top: var(--spacing-40);
    padding-bottom: var(--spacing-70);
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 2;
    background: linear-gradient(90deg, rgb(11, 62, 39) 0%, rgb(25, 113, 73) 100%);
    padding-left: 8vw;
    padding-right: 8vw;
    width: 100%;
  }
}
@media (max-width: 2099px) and (min-width: 768px) and (max-width: 2099px) {
  .rlx-menu.show .rlx-menu__nav {
    top: 100px;
  }
}
@media (max-width: 2099px) {
  .rlx-menu.show .rlx-menu__nav ul {
    flex-direction: column;
    row-gap: 35px;
    align-items: start;
  }
  .rlx-menu.show .rlx-menu__nav ul a {
    font-size: var(--fz-fixed-22);
  }
  .rlx-menu.show .rlx-menu__mobile svg {
    transform: rotate(180deg);
  }
}

.rlx-lang {
  display: flex;
  gap: 15px;
}
.rlx-lang li:not(:last-child) {
  border-right: 1px solid white;
  padding-right: var(--spacing-15);
}

.rlx-content section {
  margin-top: 10vh;
}
.rlx-content section:first-child {
  margin-top: 0;
}

.rlx-container {
  margin: auto 8%;
}
@media (max-width: 767px) {
  .rlx-container {
    margin: auto 7%;
  }
}

.rlx-container-fluid {
  margin: 0;
}

.rlx-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: 8px;
       column-gap: 8px;
}
@media (max-width: 767px) {
  .rlx-row {
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
}

.rlx-col-1 {
  grid-column: span 1;
}

.start-1 {
  grid-column-start: 1 !important;
}

.end-1 {
  grid-column-end: 1 !important;
}

.rlx-col-2 {
  grid-column: span 2;
}

.start-2 {
  grid-column-start: 2 !important;
}

.end-2 {
  grid-column-end: 2 !important;
}

.rlx-col-3 {
  grid-column: span 3;
}

.start-3 {
  grid-column-start: 3 !important;
}

.end-3 {
  grid-column-end: 3 !important;
}

.rlx-col-4 {
  grid-column: span 4;
}

.start-4 {
  grid-column-start: 4 !important;
}

.end-4 {
  grid-column-end: 4 !important;
}

.rlx-col-5 {
  grid-column: span 5;
}

.start-5 {
  grid-column-start: 5 !important;
}

.end-5 {
  grid-column-end: 5 !important;
}

.rlx-col-6 {
  grid-column: span 6;
}

.start-6 {
  grid-column-start: 6 !important;
}

.end-6 {
  grid-column-end: 6 !important;
}

.rlx-col-7 {
  grid-column: span 7;
}

.start-7 {
  grid-column-start: 7 !important;
}

.end-7 {
  grid-column-end: 7 !important;
}

.rlx-col-8 {
  grid-column: span 8;
}

.start-8 {
  grid-column-start: 8 !important;
}

.end-8 {
  grid-column-end: 8 !important;
}

.rlx-col-9 {
  grid-column: span 9;
}

.start-9 {
  grid-column-start: 9 !important;
}

.end-9 {
  grid-column-end: 9 !important;
}

.rlx-col-10 {
  grid-column: span 10;
}

.start-10 {
  grid-column-start: 10 !important;
}

.end-10 {
  grid-column-end: 10 !important;
}

.rlx-col-11 {
  grid-column: span 11;
}

.start-11 {
  grid-column-start: 11 !important;
}

.end-11 {
  grid-column-end: 11 !important;
}

.rlx-col-12 {
  grid-column: span 12;
}

.start-12 {
  grid-column-start: 12 !important;
}

.end-12 {
  grid-column-end: 12 !important;
}

@media (min-width: 1025px) {
  .rlx-col-lg-1 {
    grid-column: span 1;
  }
}

@media (min-width: 1025px) {
  .rlx-col-lg-2 {
    grid-column: span 2;
  }
}

@media (min-width: 1025px) {
  .rlx-col-lg-3 {
    grid-column: span 3;
  }
}

@media (min-width: 1025px) {
  .rlx-col-lg-4 {
    grid-column: span 4;
  }
}

@media (min-width: 1025px) {
  .rlx-col-lg-5 {
    grid-column: span 5;
  }
}

@media (min-width: 1025px) {
  .rlx-col-lg-6 {
    grid-column: span 6;
  }
}

@media (min-width: 1025px) {
  .rlx-col-lg-7 {
    grid-column: span 7;
  }
}

@media (min-width: 1025px) {
  .rlx-col-lg-8 {
    grid-column: span 8;
  }
}

@media (min-width: 1025px) {
  .rlx-col-lg-9 {
    grid-column: span 9;
  }
}

@media (min-width: 1025px) {
  .rlx-col-lg-10 {
    grid-column: span 10;
  }
}

@media (min-width: 1025px) {
  .rlx-col-lg-11 {
    grid-column: span 11;
  }
}

@media (min-width: 1025px) {
  .rlx-col-lg-12 {
    grid-column: span 12;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-col-md-1 {
    grid-column: span 1;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-col-md-2 {
    grid-column: span 2;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-col-md-3 {
    grid-column: span 3;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-col-md-4 {
    grid-column: span 4;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-col-md-5 {
    grid-column: span 5;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-col-md-6 {
    grid-column: span 6;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-col-md-7 {
    grid-column: span 7;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-col-md-8 {
    grid-column: span 8;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-col-md-9 {
    grid-column: span 9;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-col-md-10 {
    grid-column: span 10;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-col-md-11 {
    grid-column: span 11;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-col-md-12 {
    grid-column: span 12;
  }
}

@media (max-width: 767px) {
  .rlx-col-sm-1 {
    grid-column: span 1;
  }
}

@media (max-width: 767px) {
  .rlx-col-sm-2 {
    grid-column: span 2;
  }
}

@media (max-width: 767px) {
  .rlx-col-sm-3 {
    grid-column: span 3;
  }
}

@media (max-width: 767px) {
  .rlx-col-sm-4 {
    grid-column: span 4;
  }
}

@media (max-width: 767px) {
  .rlx-col-sm-5 {
    grid-column: span 5;
  }
}

@media (max-width: 767px) {
  .rlx-col-sm-6 {
    grid-column: span 6;
  }
}

@media (max-width: 767px) {
  .rlx-col-sm-7 {
    grid-column: span 7;
  }
}

@media (max-width: 767px) {
  .rlx-col-sm-8 {
    grid-column: span 8;
  }
}

@media (max-width: 767px) {
  .rlx-col-sm-9 {
    grid-column: span 9;
  }
}

@media (max-width: 767px) {
  .rlx-col-sm-10 {
    grid-column: span 10;
  }
}

@media (max-width: 767px) {
  .rlx-col-sm-11 {
    grid-column: span 11;
  }
}

@media (max-width: 767px) {
  .rlx-col-sm-12 {
    grid-column: span 12;
  }
}

.rlx-footer__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rlx-footer__logo {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .rlx-footer__logo {
    height: 120px;
  }
  .rlx-footer__logo svg {
    width: 32px;
    height: 32px;
  }
}
.rlx-footer__to-top {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  height: 80px;
}
@media (max-width: 767px) {
  .rlx-footer__to-top {
    height: 60px;
  }
}
.rlx-footer__to-top button {
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  cursor: pointer;
}
.rlx-footer__to-top button svg {
  transform: rotate(-90deg);
}
.rlx-footer__to-top button span {
  color: #FFFFFF;
  font-size: var(--fz-16);
  font-family: "HelveticaNowText-700";
  font-weight: 400;
}
.rlx-footer__to-top button:hover svg {
  fill: #61BD93;
}
.rlx-footer__to-top button:hover span {
  color: #61BD93;
}

@media (min-width: 1025px) {
  .rlx-col-form {
    grid-column: 4/span 6;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-col-form {
    grid-column: 2/span 10;
  }
}
@media (max-width: 767px) {
  .rlx-col-form {
    grid-column: span 12;
  }
}

.rlx-form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.rlx-form select,
.rlx-form option,
.rlx-form input[type=text],
.rlx-form input[type=email],
.rlx-form input[type=tel] {
  color: #212121;
  border: none;
  border-bottom: 1px solid rgba(67, 43, 30, 0.4);
  background-color: transparent;
  padding: 0;
  width: 100%;
  font-size: var(--fz-20);
  font-family: "HelveticaNowText-700";
  font-weight: 400;
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}
.rlx-form select:focus-visible, .rlx-form select:focus,
.rlx-form option:focus-visible,
.rlx-form option:focus,
.rlx-form input[type=text]:focus-visible,
.rlx-form input[type=text]:focus,
.rlx-form input[type=email]:focus-visible,
.rlx-form input[type=email]:focus,
.rlx-form input[type=tel]:focus-visible,
.rlx-form input[type=tel]:focus {
  outline-color: #127749;
  outline-width: 1px;
  outline-style: auto;
}
.rlx-form select.error ~ label,
.rlx-form option.error ~ label,
.rlx-form input[type=text].error ~ label,
.rlx-form input[type=email].error ~ label,
.rlx-form input[type=tel].error ~ label {
  color: #BE0100;
}
.rlx-form select.disabled,
.rlx-form option.disabled,
.rlx-form input[type=text].disabled,
.rlx-form input[type=email].disabled,
.rlx-form input[type=tel].disabled {
  pointer-events: none;
  border-bottom-color: rgb(118, 118, 118);
  opacity: 0.7;
}
.rlx-form select {
  background: url("../../img/icons/icon-select.svg");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.rlx-form textarea {
  padding: var(--spacing-40);
  width: 100%;
  height: 180px;
  resize: none;
  border: none;
  font-family: "HelveticaNowText-300";
  font-weight: 400;
  font-size: var(--fz-fixed-16);
  background: #FFFFFF;
}
.rlx-form textarea:focus-visible, .rlx-form textarea:focus {
  outline-color: #127749;
  outline-width: 1px;
  outline-style: auto;
}
.rlx-form label {
  color: rgba(69, 44, 30, 0.5);
  display: block;
  font-size: 13px;
  font-family: "HelveticaNowText-700";
  font-weight: 400;
}
.rlx-form .input:not(.rlx-form .input.input-in) label {
  font-size: 13px;
}
.rlx-form .input-in {
  position: relative;
}
.rlx-form .input-in input:focus ~ label {
  bottom: 100%;
  font-size: 13px;
}
.rlx-form .input-in.filled input ~ label {
  bottom: 100%;
  font-size: 13px;
}
.rlx-form .input-in label {
  position: absolute;
  bottom: 10px;
  left: 0;
  transition: all 0.3s ease-in-out;
  font-size: var(--fz-fixed-16);
}
.rlx-form .input-legal {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rlx-form .input-legal input[type=checkbox] {
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.rlx-form .input-legal input[type=checkbox]:before {
  content: "";
  background: transparent;
  border: 2px solid #127749;
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 20px;
}
.rlx-form .input-legal input[type=checkbox]:checked::before {
  background: url("../../img/icons/ico-check.svg"), #127749;
  background-position: center;
  background-repeat: no-repeat;
}
.rlx-form .input-legal input[type=checkbox].error::before {
  border: 2px solid #BE0100;
}
.rlx-form .input-legal label {
  margin-bottom: 0;
  color: #212121;
  opacity: 1;
  font-family: "HelveticaNowText-300";
  font-weight: 400;
}
.rlx-form .input-legal label a {
  font-family: "HelveticaNowText-700";
  font-weight: 400;
}
.rlx-form .col-3 {
  width: 33.33%;
}
.rlx-form .col-4 {
  width: 25%;
}
.rlx-form .col-6 {
  width: 50%;
}
.rlx-form .col-8 {
  width: 75%;
}
.rlx-form .col-9 {
  width: 66.66%;
}
.rlx-form .col-12 {
  width: 100%;
}
.rlx-form .full {
  display: flex;
  align-items: end;
  gap: 10px;
  margin-bottom: var(--spacing-50);
}
@media (max-width: 768px) {
  .rlx-form .full {
    flex-direction: column;
    gap: 50px;
  }
}
.rlx-form .full > div {
  flex-shrink: 1;
}
@media (max-width: 768px) {
  .rlx-form .full > div {
    width: 100%;
  }
}
.rlx-form .full .text {
  flex-shrink: 0;
}
.rlx-form #rlx-error--message-2, .rlx-form #rlx-error--message {
  color: #BE0100;
  font-family: "HelveticaNowText-700";
  font-weight: 400;
}
@media (max-width: 767px) {
  .rlx-form.rlx-form--watches fieldset {
    padding-left: var(--spacing-25);
    padding-right: var(--spacing-25);
  }
}
@media (max-width: 767px) {
  .rlx-form.rlx-form--watches fieldset .full {
    gap: 40px;
    margin-bottom: var(--spacing-40);
  }
}
.rlx-form.rlx-form--watches .input-in label {
  padding-left: var(--spacing-10);
  padding-right: var(--spacing-10);
  bottom: 15px;
}
.rlx-form.rlx-form--watches textarea, .rlx-form.rlx-form--watches input[type=text], .rlx-form.rlx-form--watches input[type=email], .rlx-form.rlx-form--watches input[type=tel], .rlx-form.rlx-form--watches select {
  background-color: #F9F7F4;
  background-position: calc(100% - 10px) 50%;
  padding: var(--spacing-10);
  border: none;
}
.rlx-form.rlx-form--watches textarea {
  padding: var(--spacing-40);
}

#rlx-form--thanks {
  padding-top: 10vh;
}

.rlx-breadcrumbs {
  background: linear-gradient(90deg, rgb(11, 62, 39) 0%, rgb(25, 113, 73) 100%);
  height: 30px;
}
.rlx-breadcrumbs__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
}
.rlx-breadcrumbs__item a {
  color: #FFFFFF;
  font-family: "HelveticaNowText-300";
  font-weight: 400;
  font-size: var(--fz-fixed-14);
}
.rlx-breadcrumbs__item a:hover {
  color: #61BD93;
}
.rlx-breadcrumbs__item a:hover svg path {
  fill: #61BD93;
}
@media (min-width: 767px) {
  .rlx-breadcrumbs__item:first-of-type a svg {
    display: none;
  }
}
.rlx-breadcrumbs__item:last-of-type a {
  color: #61BD93;
  pointer-events: none;
}
@media (max-width: 767px) {
  .rlx-breadcrumbs__item:not(:first-child) {
    display: none;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "HelveticaNowText-700";
  font-weight: 400;
  font-size: var(--fz-fixed-16);
  color: #212121;
}
body .rlx-hours-summary {
  position: relative;
}
body .rlx-hours-summary > p {
  cursor: pointer;
}
body .rlx-hours-summary .table-openinghours-summary {
  width: 100%;
  display: none;
  position: absolute;
  margin: var(--spacing-none);
  margin-top: var(--spacing-10);
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-40);
  padding-left: var(--spacing-50);
  padding-right: var(--spacing-50);
  background-color: #F9F7F4;
  flex-direction: column;
  row-gap: 16px;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  body .rlx-hours-summary .table-openinghours-summary {
    padding-left: var(--spacing-20);
    padding-right: var(--spacing-20);
    left: 50%;
    transform: translateX(-50%);
    width: 116.5%;
  }
}
body .rlx-hours-summary .table-openinghours-summary li {
  display: flex;
  justify-content: space-between;
}
body .rlx-hours-summary .table-openinghours-summary li span:nth-child(1) {
  font-family: "HelveticaNowText-700";
  font-weight: 400;
}
body .rlx-hours-summary .table-openinghours-summary li span:nth-child(2) {
  font-family: "HelveticaNowText-300";
  font-weight: 400;
}
body .rlx-hours-summary.active .table-openinghours-summary {
  display: flex;
}
body .rlx-content {
  background-color: #F9F7F4;
}
body p {
  font-family: "HelveticaNowText-300";
  font-weight: 400;
}
body strong {
  font-family: "HelveticaNowText-700";
  font-weight: 400;
}
body figure {
  line-height: 0;
}
body img {
  height: auto;
}
body a {
  text-decoration: none;
  color: #127749;
}

.text-button {
  font-family: "HelveticaNowText-700";
  font-weight: 400;
  font-size: var(--fz-fixed-16);
  color: #127749;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.text-button::after {
  content: url("../../img/icons/ico-text-button.svg");
  height: 16px;
  margin-left: 5px;
}
.text-button:hover {
  color: #006039;
}
.text-button--download {
  flex-direction: row-reverse;
}
.text-button--download::after {
  content: url("../../img/icons/ico-download-button.svg");
  margin-left: 0;
  margin-right: 5px;
}

.rlx-button {
  font-family: "HelveticaNowText-700";
  font-weight: 400;
  text-decoration: none;
  background-color: #127749;
  color: #FFFFFF;
  border-radius: 25px;
  min-height: 44px;
  padding-left: var(--spacing-25);
  padding-right: var(--spacing-25);
  font-size: var(--fz-fixed-14);
  display: inline-flex;
  gap: 8px;
  align-items: center;
  border: 0;
  cursor: pointer;
}
.rlx-button:hover, .rlx-button:active {
  background-color: #006039;
  color: #FFFFFF;
}

.rlx-cta {
  width: -moz-fit-content;
  width: fit-content;
}
.rlx-cta > a {
  display: flex;
  align-items: center;
  color: #452C1E;
  gap: 8px;
  font-family: "HelveticaNowText-700";
  font-weight: 400;
}
.rlx-cta > a:hover {
  color: #127749;
}
.rlx-cta > a:hover svg path, .rlx-cta > a:hover svg polygon {
  fill: #127749;
}
.rlx-cta > a:hover svg line {
  stroke: #127749;
}
.rlx-cta .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-color: #F9F7F4;
}
.rlx-cta .icon svg {
  width: 14px;
}
.rlx-cta .icon svg path, .rlx-cta .icon svg polygon {
  fill: #452C1E;
}
.rlx-cta .icon svg line {
  stroke: #452C1E;
}
.rlx-cta .text {
  font-size: var(--fz-fixed-12);
}

.rlx-ctas {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media (max-width: 767px) {
  .rlx-ctas {
    flex-direction: row;
    justify-content: center;
  }
  .rlx-ctas .text {
    display: none;
  }
}
.rlx-ctas--row {
  flex-direction: row;
  justify-content: center;
}
.rlx-ctas--grid {
  flex-direction: unset;
  flex-wrap: wrap;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .rlx-ctas--grid {
    flex-direction: column;
  }
}
.rlx-ctas--grid .rlx-cta {
  flex-basis: 45%;
}
@media (max-width: 1024px) {
  .rlx-ctas--grid .rlx-cta {
    flex-basis: auto;
  }
}

.article_text {
  max-width: 700px;
  margin: auto;
}

.rlx-introduction_text {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 1024px) {
  .rlx-introduction_text {
    row-gap: 20px;
  }
}
.rlx-introduction_text > div {
  grid-column: 1/6;
}
@media (max-width: 1024px) {
  .rlx-introduction_text > div {
    grid-column: 1/13;
  }
}
.rlx-introduction_text > div:nth-child(2) {
  grid-column: 7/span 5;
}
@media (max-width: 1024px) {
  .rlx-introduction_text > div:nth-child(2) {
    grid-column: 1/13;
  }
}
.rlx-introduction_text__title {
  color: #452C1E;
  font-size: var(--fz-50);
}
.rlx-introduction_text__text {
  font-size: var(--fz-20);
  line-height: 160%;
}

div[class*=rlx-img] figure {
  width: 100%;
}

.rlx-img-l {
  grid-column: span 12/span 12;
}

.rlx-img-m {
  grid-column: 2/span 10;
}
@media (max-width: 767px) {
  .rlx-img-m {
    grid-column: span 12;
  }
}

.rlx-img-s {
  grid-column: 4/span 6;
}
@media (max-width: 767px) {
  .rlx-img-s {
    grid-column: span 12;
  }
}

.rlx-card {
  position: relative;
}
@media (max-width: 767px) {
  .rlx-card {
    row-gap: 10vh;
  }
}
.rlx-card a:not(.text-button) {
  text-decoration: none;
  color: #212121;
}
.rlx-card__img {
  overflow: hidden;
  line-height: 0;
  text-align: center;
}
.rlx-card__img img {
  transition: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.7s;
  max-width: 100%;
}
.rlx-card__text {
  margin-top: var(--spacing-10);
  margin-right: var(--spacing-40);
  color: #452C1E;
}
.rlx-card__legend {
  font-family: "HelveticaNowText-700";
  font-weight: 400;
}
.rlx-card__heading {
  font-size: var(--fz-36);
  color: #452C1E;
}
.rlx-card__specs {
  font-family: "HelveticaNowText-300";
  font-weight: 400;
  font-weight: normal;
  font-size: var(--fz-20);
}
.rlx-card .text-button {
  color: #127749;
  font-family: "HelveticaNowText-700";
  font-weight: 400;
  margin-top: var(--spacing-5);
}
.rlx-card:hover img {
  transform: scale(1.1);
}
.rlx-card:hover .text-button {
  color: #212121;
}
.rlx-card:hover .text-button::after {
  filter: brightness(0);
}
.rlx-card--product {
  background-color: #F4EFEA;
  padding-top: 5%;
}
.rlx-card--product .rlx-card__specs {
  font-size: var(--fz-fixed-16);
}
.rlx-card--product .rlx-card__text {
  margin: 0;
  padding: 0 50px 50px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-card--product .rlx-card__text {
    padding: 0 30px 50px;
  }
}
@media (max-width: 767px) {
  .rlx-card--product .rlx-card__text {
    padding: 0 20px 30px;
  }
}
.rlx-card--product.hide {
  display: none;
}
.rlx-card--post {
  font-weight: 400;
}
.rlx-card--post img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 26vw;
}
@media (max-width: 767px) {
  .rlx-card--post img {
    height: 225px;
  }
}
.rlx-card.featured img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 20vw;
}
@media (max-width: 767px) {
  .rlx-card.featured img {
    height: 225px;
  }
}

.rlx-keep-exploring {
  position: relative;
}
.rlx-keep-exploring a {
  text-decoration: none;
  color: #452C1E;
}
.rlx-keep-exploring a:hover {
  color: #127749;
}
.rlx-keep-exploring img {
  transition: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.7s;
}
.rlx-keep-exploring__sliders {
  overflow: hidden;
  margin-bottom: var(--spacing-40);
}
.rlx-keep-exploring__item:hover img {
  transform: scale(1.1);
}
.rlx-keep-exploring__item--active a {
  color: #127749;
  cursor: default;
}
.rlx-keep-exploring__item--active:hover img {
  transform: scale(1);
}
.rlx-keep-exploring__img {
  overflow: hidden;
}
.rlx-keep-exploring__text {
  font-size: var(--fz-20);
  margin-top: var(--spacing-10);
  padding-right: var(--spacing-20);
  line-height: 1.5;
}

.rlx-slider {
  position: relative;
  z-index: 0;
}
.rlx-slider__sliders {
  overflow: hidden;
}
.rlx-slider__item {
  position: relative;
  display: grid !important;
  grid-template-columns: 8% repeat(12, 1fr) 8%;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
@media (max-width: 767px) {
  .rlx-slider__item {
    grid-template-columns: 7% repeat(6, 1fr) 7%;
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
}
.rlx-slider__img {
  grid-column: span 14;
}
@media (max-width: 767px) {
  .rlx-slider__img {
    grid-column: span 8;
  }
}
.rlx-slider__img img {
  width: 100%;
}
.rlx-slider__content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .rlx-slider__content {
    top: auto;
    transform: none;
    bottom: 70px;
  }
}
.rlx-slider__content--right {
  grid-column: 9/span 5;
}
@media (max-width: 767px) {
  .rlx-slider__content--right {
    grid-column: 2/span 6;
  }
}
.rlx-slider__content--left {
  grid-column: 2/span 5;
}
@media (max-width: 767px) {
  .rlx-slider__content--left {
    grid-column: 2/span 6;
  }
}
.rlx-slider__content .rlx-button {
  margin-top: var(--spacing-20);
}
.rlx-slider .swiper-button-prev {
  left: 4vw;
}
.rlx-slider .swiper-button-next {
  right: 4vw;
}
.rlx-slider .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
}

body .swiper-pagination {
  position: unset;
  line-height: 0;
  z-index: 1;
}
body .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 0.25rem;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
  margin: 0;
}
body .swiper-pagination .swiper-pagination-bullet-active {
  width: 50px;
  background-color: #127749;
}
body .swiper-pagination[class*="--white"] .swiper-pagination-bullet, body .swiper-pagination[class*="--black"] .swiper-pagination-bullet {
  opacity: 1;
}
body .swiper-pagination[class*="--white"].rlx-slider__pagination, body .swiper-pagination[class*="--black"].rlx-slider__pagination {
  position: absolute;
}
@media (min-width: 1025px) {
  body .swiper-pagination[class*="--white"].rlx-slider__pagination, body .swiper-pagination[class*="--black"].rlx-slider__pagination {
    bottom: 50px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body .swiper-pagination[class*="--white"].rlx-slider__pagination, body .swiper-pagination[class*="--black"].rlx-slider__pagination {
    bottom: 30px;
  }
}
@media (max-width: 767px) {
  body .swiper-pagination[class*="--white"].rlx-slider__pagination, body .swiper-pagination[class*="--black"].rlx-slider__pagination {
    bottom: 20px;
  }
}
body .swiper-pagination--white .swiper-pagination-bullet {
  background-color: #FFFFFF;
}
body .swiper-pagination--white .swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}
body .swiper-pagination--black .swiper-pagination-bullet {
  background-color: #212121;
}
body .swiper-pagination--black .swiper-pagination-bullet-active {
  background-color: #212121;
}
body .swiper-button-prev, body .swiper-button-next {
  width: auto;
  height: auto;
  z-index: 1;
}
@media (max-width: 767px) {
  body .swiper-button-prev, body .swiper-button-next {
    display: none;
  }
}
body .swiper-button-prev::after, body .swiper-button-next::after {
  content: none;
}
body .swiper-button-prev.swiper-button-disabled, body .swiper-button-next.swiper-button-disabled {
  display: none;
}
body .swiper-button-prev svg, body .swiper-button-next svg {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 100px;
  width: 44px;
}
body .swiper-button-prev svg rect, body .swiper-button-next svg rect {
  fill: #D4D4D4;
}
body .swiper-button-prev svg:hover rect, body .swiper-button-next svg:hover rect {
  fill: #767676;
}
body .swiper-button-prev--white svg rect, body .swiper-button-next--white svg rect {
  fill-opacity: 0.5;
}
body .swiper-button-prev--white svg path, body .swiper-button-next--white svg path {
  fill: #FFFFFF;
}
body .swiper-button-next {
  right: -4vw;
  transform: translate(50%, -50%);
}
body .swiper-button-prev {
  transform: rotate(180deg) translate(50%, 50%);
  left: -4vw;
}

.rlx-model-info {
  position: relative;
}
@media (min-width: 768px) {
  .rlx-model-info {
    height: calc(90vh - 140px);
  }
}
.rlx-model-info__img {
  height: inherit;
}
.rlx-model-info__img figure {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  height: inherit;
}
.rlx-model-info__img figure img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.rlx-model-info__text {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .rlx-model-info__text {
    grid-column: 1/span 4;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (min-width: 1025px) {
  .rlx-box-text {
    grid-column: 4/span 6;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .rlx-box-text {
    grid-column: 3/span 8;
  }
}
@media (max-width: 767px) {
  .rlx-box-text {
    grid-column: span 12;
  }
}
.rlx-box-text--availability {
  text-align: center;
  padding-top: var(--spacing-100);
  padding-bottom: var(--spacing-100);
}
@media (max-width: 767px) {
  .rlx-box-text--availability {
    padding-top: var(--spacing-60);
    padding-bottom: var(--spacing-60);
  }
}
@media screen and (max-width: 767px) {
  .rlx-box-text .rolex-retailer-plaque {
    max-width: 200px;
    width: 40%;
  }
}

.rlx-video {
  grid-column: span 12;
}
.rlx-video__iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

@media (min-width: 1025px) {
  .rlx-products {
    position: relative;
    left: 16.5%;
  }
}
.rlx-products_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
@media (max-width: 767px) {
  .rlx-products_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
}

.rlx-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 1;
  transition: opacity 0.4s;
}

.rlx-loader-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0.8;
  z-index: 1;
}

.rlx-loader-spinner {
  position: absolute;
  background: transparent url("../../img/global/spinner.gif") no-repeat 50%;
  background-size: 40px;
  width: 100%;
  height: 100%;
  top: -50px;
  left: -25px;
  z-index: 2;
}

.map_contact > div {
  height: 700px !important;
  position: relative !important;
}
@media (max-width: 767px) {
  .map_contact > div {
    height: 400px !important;
  }
}
.map_contact > div .gm-style .gmnoprint.gm-style-mtc-bbw {
  display: none;
}
.map_contact > div .gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
  top: 0;
  bottom: unset;
}
.map_contact > div .gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > button {
  display: none;
}
.map_contact > div .gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > .gmnoprint {
  top: 10px !important;
}
.map_contact > div .gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > .gmnoprint > div {
  background: none !important;
  box-shadow: none !important;
}
.map_contact > div .gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > .gmnoprint > div > div {
  height: 10px !important;
  background-color: transparent !important;
}
.map_contact > div .gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > .gmnoprint > div button {
  border-radius: 100%;
  background: #452C1E !important;
  width: 30px !important;
  height: 30px !important;
}
.map_contact > div .gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > .gmnoprint > div button:hover {
  background: #127749 !important;
}
.map_contact > div .gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > .gmnoprint > div button img {
  filter: brightness(10);
  width: 10px !important;
}
.map_contact > div .gm-style div > button {
  display: none;
}

@media (max-width: 767px) {
  .rlx-container-map__map {
    grid-row: 2/2;
  }
}
.rlx-container-map__details {
  display: flex;
  align-items: center;
}
.rlx-container-map__details .details {
  margin-left: 10%;
  margin-right: 10%;
  flex: 1;
}
@media (max-width: 767px) {
  .rlx-container-map__details .details {
    margin-top: var(--spacing-40);
    margin-bottom: var(--spacing-40);
    margin-left: 7%;
    margin-right: 7%;
  }
}

.container-map_contact .rlx-locator {
  position: relative;
  overflow: hidden;
}
.container-map_contact .rlx-locator__tabs {
  margin-bottom: var(--spacing-30);
  display: flex;
  gap: 40px;
}
.container-map_contact .rlx-locator__item {
  display: flex;
  align-items: center;
  height: 20px;
  cursor: pointer;
  font-size: var(--fz-fixed-14);
  font-family: "HelveticaNowText-700";
  font-weight: 400;
}
.container-map_contact .rlx-locator__item.active span, .container-map_contact .rlx-locator__item:hover span {
  color: #006039;
  position: relative;
}
.container-map_contact .rlx-locator__item.active span::after, .container-map_contact .rlx-locator__item:hover span::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  background: #006039;
  right: -14px;
}
.container-map_contact .rlx-locator__store {
  width: 100%;
  max-width: 410px;
  height: 100%;
  background: #FFFFFF;
  position: absolute;
  top: 50px;
  transform: translateX(-410px);
  transition: transform 225ms ease-in-out;
}
.container-map_contact .rlx-locator__store .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 767px) {
  .container-map_contact .rlx-locator__store {
    max-width: 100%;
    transform: translateX(-100%);
    bottom: 0;
    top: unset;
    height: auto;
  }
  .container-map_contact .rlx-locator__store .img {
    display: none;
  }
}
.container-map_contact .rlx-locator__store .img {
  overflow: hidden;
  height: 300px;
}
.container-map_contact .rlx-locator__store .rlx-wrapper {
  position: relative;
}
@media (min-width: 768px) {
  .container-map_contact .rlx-locator__store .rlx-wrapper {
    height: 400px;
    overflow: auto;
  }
}
.container-map_contact .rlx-locator__store .rlx-wrapper .rlx-wrapper__inner {
  padding: 40px 15%;
}
.container-map_contact .rlx-locator__store .rlx-wrapper .rlx-wrapper__inner .t-close {
  position: absolute;
  top: 20px;
  right: 20px;
  border: none;
  background: none;
  font-size: 18px;
  line-height: 0;
  cursor: pointer;
  padding: 0;
}
.container-map_contact .rlx-locator__map > div {
  height: 700px !important;
  position: relative !important;
}
@media (max-width: 767px) {
  .container-map_contact .rlx-locator__map > div {
    height: 75vh !important;
  }
}
.container-map_contact .rlx-locator__grid {
  display: none;
}
.container-map_contact .rlx-locator__grid ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.container-map_contact .rlx-locator__grid ul li.item-list {
  background-color: #FFFFFF;
  width: 100%;
}
.container-map_contact .rlx-locator__grid ul li.item-list .item-list__inner {
  width: 80%;
  margin: auto;
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-40);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.container-map_contact .rlx-locator__grid ul li.item-list .item-list__inner .iconos {
  flex-direction: row;
  justify-content: center;
}

.rlx-showrooms > section .rlx-cta .icon {
  background-color: #F4EFEA;
}
.rlx-showrooms > section:nth-child(odd) {
  background-color: #F4EFEA;
  padding-top: var(--spacing-10vh);
  padding-bottom: var(--spacing-10vh);
}
.rlx-showrooms > section:nth-child(odd) .rlx-cta .icon {
  background-color: #F9F7F4;
}/*# sourceMappingURL=style.css.map */