eSales Media Git repositories -GitList

Raw Blame Patch Log History
:root {
  --color-opacity: 1;
  --border-opacity: 1;
}

.header_rebsorte,
.header_lage,
.header_leseart {
  padding:3px 0 3px 21px;
  background-position:left center;
  background-repeat:no-repeat;
  margin-left:15px;
}
.header_rebsorte {
  background-image:url("/bundles/vonrotenbergweinanlieferung/images/icons/reben.svg");
}
.header_leseart {
  background-image:url("/bundles/vonrotenbergweinanlieferung/images/icons/schere.svg");
}
.header_lage {
  background-image:url("/bundles/vonrotenbergweinanlieferung/images/icons/lage.svg");
}


.t-label {
  color: #999;
  font-size: 0.8rem;
  line-height: 1.875em;
  font-weight: 500;
}

.u-row-striped > *:nth-child(even) {
  background-color: #fff6ef;
}


/* Use for spacing out elements vertically */
.row {
  flex: 1;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  display: flex;
  /* GRID */
  /* Auto align col to left in row */
  /* Auto align col to middle in row */
  /* Auto align col to right in row */
  /* Dividers for mobile layout */
  /* Base sizing where everything is 100% width */
  /* Column sizes for various viewports */
  /* Columns without the spacing */
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

.row.row--no-wrap {
  flex-wrap: nowrap;
  overflow-x: auto; /* Can be disabled to remove scroll bar */
}

.row .col {
  display: block;
  flex: 1;
  padding: 0.15rem 0.75rem;
}

.row .offset-right {
  margin-left: 0;
  margin-right: auto;
}

.row .offset-center {
  margin-left: auto;
  margin-right: auto;
}

.row .offset-left {
  margin-left: auto;
  margin-right: 0;
}

.row.divided [class^=col], .row.divided [class*=" col"] {
  box-shadow: 0 -1px 0 0 rgba(173, 181, 189, 0.5);
}

.row [class^=col-],
.row [class*=" col-"] {
  width: 100%;
  margin-left: 0;
  padding: 0 0.5rem;
}

@media screen and (min-width: 768px) {
  .row .col-1 {
    width: 8.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .row .col-2 {
    width: 16.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .row .col-3 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .row .col-4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .row .col-5 {
    width: 41.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .row .col-6 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .row .col-7 {
    width: 58.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .row .col-8 {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .row .col-9 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .row .col-10 {
    width: 83.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .row .col-11 {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .row .col-12 {
    width: 100%;
  }
}
.row .col-xs-1 {
  width: 8.3333333333%;
}

.row .col-xs-2 {
  width: 16.6666666667%;
}

.row .col-xs-3 {
  width: 25%;
}

.row .col-xs-4 {
  width: 33.3333333333%;
}

.row .col-xs-5 {
  width: 41.6666666667%;
}

.row .col-xs-6 {
  width: 50%;
}

.row .col-xs-7 {
  width: 58.3333333333%;
}

.row .col-xs-8 {
  width: 66.6666666667%;
}

.row .col-xs-9 {
  width: 75%;
}

.row .col-xs-10 {
  width: 83.3333333333%;
}

.row .col-xs-11 {
  width: 91.6666666667%;
}

.row .col-xs-12 {
  width: 100%;
}

@media screen and (min-width: 640px) {
  .row .col-sm-1 {
    width: 8.3333333333%;
  }
  .row .col-sm-2 {
    width: 16.6666666667%;
  }
  .row .col-sm-3 {
    width: 25%;
  }
  .row .col-sm-4 {
    width: 33.3333333333%;
  }
  .row .col-sm-5 {
    width: 41.6666666667%;
  }
  .row .col-sm-6 {
    width: 50%;
  }
  .row .col-sm-7 {
    width: 58.3333333333%;
  }
  .row .col-sm-8 {
    width: 66.6666666667%;
  }
  .row .col-sm-9 {
    width: 75%;
  }
  .row .col-sm-10 {
    width: 83.3333333333%;
  }
  .row .col-sm-11 {
    width: 91.6666666667%;
  }
  .row .col-sm-12 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .row .col-md-1 {
    width: 8.3333333333%;
  }
  .row .col-md-2 {
    width: 16.6666666667%;
  }
  .row .col-md-3 {
    width: 25%;
  }
  .row .col-md-4 {
    width: 33.3333333333%;
  }
  .row .col-md-5 {
    width: 41.6666666667%;
  }
  .row .col-md-6 {
    width: 50%;
  }
  .row .col-md-7 {
    width: 58.3333333333%;
  }
  .row .col-md-8 {
    width: 66.6666666667%;
  }
  .row .col-md-9 {
    width: 75%;
  }
  .row .col-md-10 {
    width: 83.3333333333%;
  }
  .row .col-md-11 {
    width: 91.6666666667%;
  }
  .row .col-md-12 {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .row .col-lg-1 {
    width: 8.3333333333%;
  }
  .row .col-lg-2 {
    width: 16.6666666667%;
  }
  .row .col-lg-3 {
    width: 25%;
  }
  .row .col-lg-4 {
    width: 33.3333333333%;
  }
  .row .col-lg-5 {
    width: 41.6666666667%;
  }
  .row .col-lg-6 {
    width: 50%;
  }
  .row .col-lg-7 {
    width: 58.3333333333%;
  }
  .row .col-lg-8 {
    width: 66.6666666667%;
  }
  .row .col-lg-9 {
    width: 75%;
  }
  .row .col-lg-10 {
    width: 83.3333333333%;
  }
  .row .col-lg-11 {
    width: 91.6666666667%;
  }
  .row .col-lg-12 {
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .row .col-xl-1 {
    width: 8.3333333333%;
  }
  .row .col-xl-2 {
    width: 16.6666666667%;
  }
  .row .col-xl-3 {
    width: 25%;
  }
  .row .col-xl-4 {
    width: 33.3333333333%;
  }
  .row .col-xl-5 {
    width: 41.6666666667%;
  }
  .row .col-xl-6 {
    width: 50%;
  }
  .row .col-xl-7 {
    width: 58.3333333333%;
  }
  .row .col-xl-8 {
    width: 66.6666666667%;
  }
  .row .col-xl-9 {
    width: 75%;
  }
  .row .col-xl-10 {
    width: 83.3333333333%;
  }
  .row .col-xl-11 {
    width: 91.6666666667%;
  }
  .row .col-xl-12 {
    width: 100%;
  }
}
@media screen and (min-width: 640px) {
  .row .offset-1 {
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: 640px) {
  .row .offset-2 {
    margin-left: 16.6666666667%;
  }
}
@media screen and (min-width: 640px) {
  .row .offset-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 640px) {
  .row .offset-4 {
    margin-left: 33.3333333333%;
  }
}
@media screen and (min-width: 640px) {
  .row .offset-5 {
    margin-left: 41.6666666667%;
  }
}
@media screen and (min-width: 640px) {
  .row .offset-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 640px) {
  .row .offset-7 {
    margin-left: 58.3333333333%;
  }
}
@media screen and (min-width: 640px) {
  .row .offset-8 {
    margin-left: 66.6666666667%;
  }
}
@media screen and (min-width: 640px) {
  .row .offset-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 640px) {
  .row .offset-10 {
    margin-left: 83.3333333333%;
  }
}
@media screen and (min-width: 640px) {
  .row .offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media screen and (min-width: 640px) {
  .row .offset-12 {
    margin-left: 100%;
  }
}
.row.no-space [class^=col-], .row.no-space [class*=" col-"] {
  padding: 0;
}

/* Margin */
.m-0 {
  margin: 0rem !important;
}

.mt-0,
.my-0 {
  margin-top: 0rem !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0rem !important;
}

.ml-0,
.mx-0 {
  margin-left: 0rem !important;
}

.mr-0,
.mx-0 {
  margin-right: 0rem !important;
}

/* Spacing */
.p-0 {
  padding: 0rem !important;
}

.pt-0,
.py-0 {
  padding-top: 0rem !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0rem !important;
}

.pl-0,
.px-0 {
  padding-left: 0rem !important;
}

.pr-0,
.px-0 {
  padding-right: 0rem !important;
}

/* Margin */
.m-1 {
  margin: 0.5rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.5rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.5rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.5rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.5rem !important;
}

/* Spacing */
.p-1 {
  padding: 0.5rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.5rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.5rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.5rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.5rem !important;
}

/* Margin */
.m-2 {
  margin: 1rem !important;
}

.mt-2,
.my-2 {
  margin-top: 1rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 1rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 1rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 1rem !important;
}

/* Spacing */
.p-2 {
  padding: 1rem !important;
}

.pt-2,
.py-2 {
  padding-top: 1rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 1rem !important;
}

.pl-2,
.px-2 {
  padding-left: 1rem !important;
}

.pr-2,
.px-2 {
  padding-right: 1rem !important;
}

/* Margin */
.m-3 {
  margin: 1.5rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1.5rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1.5rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1.5rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1.5rem !important;
}

/* Spacing */
.p-3 {
  padding: 1.5rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1.5rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1.5rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1.5rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1.5rem !important;
}

/* Margin */
.m-4 {
  margin: 2rem !important;
}

.mt-4,
.my-4 {
  margin-top: 2rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 2rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 2rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 2rem !important;
}

/* Spacing */
.p-4 {
  padding: 2rem !important;
}

.pt-4,
.py-4 {
  padding-top: 2rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 2rem !important;
}

.pl-4,
.px-4 {
  padding-left: 2rem !important;
}

.pr-4,
.px-4 {
  padding-right: 2rem !important;
}

/* Margin */
.m-5 {
  margin: 2.5rem !important;
}

.mt-5,
.my-5 {
  margin-top: 2.5rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 2.5rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 2.5rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 2.5rem !important;
}

/* Spacing */
.p-5 {
  padding: 2.5rem !important;
}

.pt-5,
.py-5 {
  padding-top: 2.5rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 2.5rem !important;
}

.pl-5,
.px-5 {
  padding-left: 2.5rem !important;
}

.pr-5,
.px-5 {
  padding-right: 2.5rem !important;
}

/* Margin */
.m-6 {
  margin: 3rem !important;
}

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

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

.ml-6,
.mx-6 {
  margin-left: 3rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 3rem !important;
}

/* Spacing */
.p-6 {
  padding: 3rem !important;
}

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

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

.pl-6,
.px-6 {
  padding-left: 3rem !important;
}

.pr-6,
.px-6 {
  padding-right: 3rem !important;
}

/* Margin */
.m-8 {
  margin: 4rem !important;
}

.mt-8,
.my-8 {
  margin-top: 4rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 4rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 4rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 4rem !important;
}

/* Spacing */
.p-8 {
  padding: 4rem !important;
}

.pt-8,
.py-8 {
  padding-top: 4rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 4rem !important;
}

.pl-8,
.px-8 {
  padding-left: 4rem !important;
}

.pr-8,
.px-8 {
  padding-right: 4rem !important;
}

/* Margin */
.m-10 {
  margin: 5rem !important;
}

.mt-10,
.my-10 {
  margin-top: 5rem !important;
}

.mb-10,
.my-10 {
  margin-bottom: 5rem !important;
}

.ml-10,
.mx-10 {
  margin-left: 5rem !important;
}

.mr-10,
.mx-10 {
  margin-right: 5rem !important;
}

/* Spacing */
.p-10 {
  padding: 5rem !important;
}

.pt-10,
.py-10 {
  padding-top: 5rem !important;
}

.pb-10,
.py-10 {
  padding-bottom: 5rem !important;
}

.pl-10,
.px-10 {
  padding-left: 5rem !important;
}

.pr-10,
.px-10 {
  padding-right: 5rem !important;
}

/* Margin */
.m-12 {
  margin: 6rem !important;
}

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

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

.ml-12,
.mx-12 {
  margin-left: 6rem !important;
}

.mr-12,
.mx-12 {
  margin-right: 6rem !important;
}

/* Spacing */
.p-12 {
  padding: 6rem !important;
}

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

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

.pl-12,
.px-12 {
  padding-left: 6rem !important;
}

.pr-12,
.px-12 {
  padding-right: 6rem !important;
}

/* Margin */
.m-16 {
  margin: 8rem !important;
}

.mt-16,
.my-16 {
  margin-top: 8rem !important;
}

.mb-16,
.my-16 {
  margin-bottom: 8rem !important;
}

.ml-16,
.mx-16 {
  margin-left: 8rem !important;
}

.mr-16,
.mx-16 {
  margin-right: 8rem !important;
}

/* Spacing */
.p-16 {
  padding: 8rem !important;
}

.pt-16,
.py-16 {
  padding-top: 8rem !important;
}

.pb-16,
.py-16 {
  padding-bottom: 8rem !important;
}

.pl-16,
.px-16 {
  padding-left: 8rem !important;
}

.pr-16,
.px-16 {
  padding-right: 8rem !important;
}

/* Margin */
.m-20 {
  margin: 10rem !important;
}

.mt-20,
.my-20 {
  margin-top: 10rem !important;
}

.mb-20,
.my-20 {
  margin-bottom: 10rem !important;
}

.ml-20,
.mx-20 {
  margin-left: 10rem !important;
}

.mr-20,
.mx-20 {
  margin-right: 10rem !important;
}

/* Spacing */
.p-20 {
  padding: 10rem !important;
}

.pt-20,
.py-20 {
  padding-top: 10rem !important;
}

.pb-20,
.py-20 {
  padding-bottom: 10rem !important;
}

.pl-20,
.px-20 {
  padding-left: 10rem !important;
}

.pr-20,
.px-20 {
  padding-right: 10rem !important;
}

/* Margin */
.m-24 {
  margin: 12rem !important;
}

.mt-24,
.my-24 {
  margin-top: 12rem !important;
}

.mb-24,
.my-24 {
  margin-bottom: 12rem !important;
}

.ml-24,
.mx-24 {
  margin-left: 12rem !important;
}

.mr-24,
.mx-24 {
  margin-right: 12rem !important;
}

/* Spacing */
.p-24 {
  padding: 12rem !important;
}

.pt-24,
.py-24 {
  padding-top: 12rem !important;
}

.pb-24,
.py-24 {
  padding-bottom: 12rem !important;
}

.pl-24,
.px-24 {
  padding-left: 12rem !important;
}

.pr-24,
.px-24 {
  padding-right: 12rem !important;
}

/* Margin */
.m-32 {
  margin: 16rem !important;
}

.mt-32,
.my-32 {
  margin-top: 16rem !important;
}

.mb-32,
.my-32 {
  margin-bottom: 16rem !important;
}

.ml-32,
.mx-32 {
  margin-left: 16rem !important;
}

.mr-32,
.mx-32 {
  margin-right: 16rem !important;
}

/* Spacing */
.p-32 {
  padding: 16rem !important;
}

.pt-32,
.py-32 {
  padding-top: 16rem !important;
}

.pb-32,
.py-32 {
  padding-bottom: 16rem !important;
}

.pl-32,
.px-32 {
  padding-left: 16rem !important;
}

.pr-32,
.px-32 {
  padding-right: 16rem !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

@media screen and (min-width: 640px) {
  /* Margin */
  .m-0-sm {
    margin: 0rem !important;
  }
  .mt-0-sm,
  .my-0-sm {
    margin-top: 0rem !important;
  }
  .mb-0-sm,
  .my-0-sm {
    margin-bottom: 0rem !important;
  }
  .ml-0-sm,
  .mx-0-sm {
    margin-left: 0rem !important;
  }
  .mr-0-sm,
  .mx-0-sm {
    margin-right: 0rem !important;
  }
  /* Spacing */
  .p-0-sm {
    padding: 0rem !important;
  }
  .pt-0-sm,
  .py-0-sm {
    padding-top: 0rem !important;
  }
  .pb-0-sm,
  .py-0-sm {
    padding-bottom: 0rem !important;
  }
  .pl-0-sm,
  .px-0-sm {
    padding-left: 0rem !important;
  }
  .pr-0-sm,
  .px-0-sm {
    padding-right: 0rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 640px) {
  /* Margin */
  .m-1-sm {
    margin: 0.5rem !important;
  }
  .mt-1-sm,
  .my-1-sm {
    margin-top: 0.5rem !important;
  }
  .mb-1-sm,
  .my-1-sm {
    margin-bottom: 0.5rem !important;
  }
  .ml-1-sm,
  .mx-1-sm {
    margin-left: 0.5rem !important;
  }
  .mr-1-sm,
  .mx-1-sm {
    margin-right: 0.5rem !important;
  }
  /* Spacing */
  .p-1-sm {
    padding: 0.5rem !important;
  }
  .pt-1-sm,
  .py-1-sm {
    padding-top: 0.5rem !important;
  }
  .pb-1-sm,
  .py-1-sm {
    padding-bottom: 0.5rem !important;
  }
  .pl-1-sm,
  .px-1-sm {
    padding-left: 0.5rem !important;
  }
  .pr-1-sm,
  .px-1-sm {
    padding-right: 0.5rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 640px) {
  /* Margin */
  .m-2-sm {
    margin: 1rem !important;
  }
  .mt-2-sm,
  .my-2-sm {
    margin-top: 1rem !important;
  }
  .mb-2-sm,
  .my-2-sm {
    margin-bottom: 1rem !important;
  }
  .ml-2-sm,
  .mx-2-sm {
    margin-left: 1rem !important;
  }
  .mr-2-sm,
  .mx-2-sm {
    margin-right: 1rem !important;
  }
  /* Spacing */
  .p-2-sm {
    padding: 1rem !important;
  }
  .pt-2-sm,
  .py-2-sm {
    padding-top: 1rem !important;
  }
  .pb-2-sm,
  .py-2-sm {
    padding-bottom: 1rem !important;
  }
  .pl-2-sm,
  .px-2-sm {
    padding-left: 1rem !important;
  }
  .pr-2-sm,
  .px-2-sm {
    padding-right: 1rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 640px) {
  /* Margin */
  .m-3-sm {
    margin: 1.5rem !important;
  }
  .mt-3-sm,
  .my-3-sm {
    margin-top: 1.5rem !important;
  }
  .mb-3-sm,
  .my-3-sm {
    margin-bottom: 1.5rem !important;
  }
  .ml-3-sm,
  .mx-3-sm {
    margin-left: 1.5rem !important;
  }
  .mr-3-sm,
  .mx-3-sm {
    margin-right: 1.5rem !important;
  }
  /* Spacing */
  .p-3-sm {
    padding: 1.5rem !important;
  }
  .pt-3-sm,
  .py-3-sm {
    padding-top: 1.5rem !important;
  }
  .pb-3-sm,
  .py-3-sm {
    padding-bottom: 1.5rem !important;
  }
  .pl-3-sm,
  .px-3-sm {
    padding-left: 1.5rem !important;
  }
  .pr-3-sm,
  .px-3-sm {
    padding-right: 1.5rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 640px) {
  /* Margin */
  .m-4-sm {
    margin: 2rem !important;
  }
  .mt-4-sm,
  .my-4-sm {
    margin-top: 2rem !important;
  }
  .mb-4-sm,
  .my-4-sm {
    margin-bottom: 2rem !important;
  }
  .ml-4-sm,
  .mx-4-sm {
    margin-left: 2rem !important;
  }
  .mr-4-sm,
  .mx-4-sm {
    margin-right: 2rem !important;
  }
  /* Spacing */
  .p-4-sm {
    padding: 2rem !important;
  }
  .pt-4-sm,
  .py-4-sm {
    padding-top: 2rem !important;
  }
  .pb-4-sm,
  .py-4-sm {
    padding-bottom: 2rem !important;
  }
  .pl-4-sm,
  .px-4-sm {
    padding-left: 2rem !important;
  }
  .pr-4-sm,
  .px-4-sm {
    padding-right: 2rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 640px) {
  /* Margin */
  .m-5-sm {
    margin: 2.5rem !important;
  }
  .mt-5-sm,
  .my-5-sm {
    margin-top: 2.5rem !important;
  }
  .mb-5-sm,
  .my-5-sm {
    margin-bottom: 2.5rem !important;
  }
  .ml-5-sm,
  .mx-5-sm {
    margin-left: 2.5rem !important;
  }
  .mr-5-sm,
  .mx-5-sm {
    margin-right: 2.5rem !important;
  }
  /* Spacing */
  .p-5-sm {
    padding: 2.5rem !important;
  }
  .pt-5-sm,
  .py-5-sm {
    padding-top: 2.5rem !important;
  }
  .pb-5-sm,
  .py-5-sm {
    padding-bottom: 2.5rem !important;
  }
  .pl-5-sm,
  .px-5-sm {
    padding-left: 2.5rem !important;
  }
  .pr-5-sm,
  .px-5-sm {
    padding-right: 2.5rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 640px) {
  /* Margin */
  .m-6-sm {
    margin: 3rem !important;
  }
  .mt-6-sm,
  .my-6-sm {
    margin-top: 3rem !important;
  }
  .mb-6-sm,
  .my-6-sm {
    margin-bottom: 3rem !important;
  }
  .ml-6-sm,
  .mx-6-sm {
    margin-left: 3rem !important;
  }
  .mr-6-sm,
  .mx-6-sm {
    margin-right: 3rem !important;
  }
  /* Spacing */
  .p-6-sm {
    padding: 3rem !important;
  }
  .pt-6-sm,
  .py-6-sm {
    padding-top: 3rem !important;
  }
  .pb-6-sm,
  .py-6-sm {
    padding-bottom: 3rem !important;
  }
  .pl-6-sm,
  .px-6-sm {
    padding-left: 3rem !important;
  }
  .pr-6-sm,
  .px-6-sm {
    padding-right: 3rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 640px) {
  /* Margin */
  .m-8-sm {
    margin: 4rem !important;
  }
  .mt-8-sm,
  .my-8-sm {
    margin-top: 4rem !important;
  }
  .mb-8-sm,
  .my-8-sm {
    margin-bottom: 4rem !important;
  }
  .ml-8-sm,
  .mx-8-sm {
    margin-left: 4rem !important;
  }
  .mr-8-sm,
  .mx-8-sm {
    margin-right: 4rem !important;
  }
  /* Spacing */
  .p-8-sm {
    padding: 4rem !important;
  }
  .pt-8-sm,
  .py-8-sm {
    padding-top: 4rem !important;
  }
  .pb-8-sm,
  .py-8-sm {
    padding-bottom: 4rem !important;
  }
  .pl-8-sm,
  .px-8-sm {
    padding-left: 4rem !important;
  }
  .pr-8-sm,
  .px-8-sm {
    padding-right: 4rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 640px) {
  /* Margin */
  .m-10-sm {
    margin: 5rem !important;
  }
  .mt-10-sm,
  .my-10-sm {
    margin-top: 5rem !important;
  }
  .mb-10-sm,
  .my-10-sm {
    margin-bottom: 5rem !important;
  }
  .ml-10-sm,
  .mx-10-sm {
    margin-left: 5rem !important;
  }
  .mr-10-sm,
  .mx-10-sm {
    margin-right: 5rem !important;
  }
  /* Spacing */
  .p-10-sm {
    padding: 5rem !important;
  }
  .pt-10-sm,
  .py-10-sm {
    padding-top: 5rem !important;
  }
  .pb-10-sm,
  .py-10-sm {
    padding-bottom: 5rem !important;
  }
  .pl-10-sm,
  .px-10-sm {
    padding-left: 5rem !important;
  }
  .pr-10-sm,
  .px-10-sm {
    padding-right: 5rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 640px) {
  /* Margin */
  .m-12-sm {
    margin: 6rem !important;
  }
  .mt-12-sm,
  .my-12-sm {
    margin-top: 6rem !important;
  }
  .mb-12-sm,
  .my-12-sm {
    margin-bottom: 6rem !important;
  }
  .ml-12-sm,
  .mx-12-sm {
    margin-left: 6rem !important;
  }
  .mr-12-sm,
  .mx-12-sm {
    margin-right: 6rem !important;
  }
  /* Spacing */
  .p-12-sm {
    padding: 6rem !important;
  }
  .pt-12-sm,
  .py-12-sm {
    padding-top: 6rem !important;
  }
  .pb-12-sm,
  .py-12-sm {
    padding-bottom: 6rem !important;
  }
  .pl-12-sm,
  .px-12-sm {
    padding-left: 6rem !important;
  }
  .pr-12-sm,
  .px-12-sm {
    padding-right: 6rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 640px) {
  /* Margin */
  .m-16-sm {
    margin: 8rem !important;
  }
  .mt-16-sm,
  .my-16-sm {
    margin-top: 8rem !important;
  }
  .mb-16-sm,
  .my-16-sm {
    margin-bottom: 8rem !important;
  }
  .ml-16-sm,
  .mx-16-sm {
    margin-left: 8rem !important;
  }
  .mr-16-sm,
  .mx-16-sm {
    margin-right: 8rem !important;
  }
  /* Spacing */
  .p-16-sm {
    padding: 8rem !important;
  }
  .pt-16-sm,
  .py-16-sm {
    padding-top: 8rem !important;
  }
  .pb-16-sm,
  .py-16-sm {
    padding-bottom: 8rem !important;
  }
  .pl-16-sm,
  .px-16-sm {
    padding-left: 8rem !important;
  }
  .pr-16-sm,
  .px-16-sm {
    padding-right: 8rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 640px) {
  /* Margin */
  .m-20-sm {
    margin: 10rem !important;
  }
  .mt-20-sm,
  .my-20-sm {
    margin-top: 10rem !important;
  }
  .mb-20-sm,
  .my-20-sm {
    margin-bottom: 10rem !important;
  }
  .ml-20-sm,
  .mx-20-sm {
    margin-left: 10rem !important;
  }
  .mr-20-sm,
  .mx-20-sm {
    margin-right: 10rem !important;
  }
  /* Spacing */
  .p-20-sm {
    padding: 10rem !important;
  }
  .pt-20-sm,
  .py-20-sm {
    padding-top: 10rem !important;
  }
  .pb-20-sm,
  .py-20-sm {
    padding-bottom: 10rem !important;
  }
  .pl-20-sm,
  .px-20-sm {
    padding-left: 10rem !important;
  }
  .pr-20-sm,
  .px-20-sm {
    padding-right: 10rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 640px) {
  /* Margin */
  .m-24-sm {
    margin: 12rem !important;
  }
  .mt-24-sm,
  .my-24-sm {
    margin-top: 12rem !important;
  }
  .mb-24-sm,
  .my-24-sm {
    margin-bottom: 12rem !important;
  }
  .ml-24-sm,
  .mx-24-sm {
    margin-left: 12rem !important;
  }
  .mr-24-sm,
  .mx-24-sm {
    margin-right: 12rem !important;
  }
  /* Spacing */
  .p-24-sm {
    padding: 12rem !important;
  }
  .pt-24-sm,
  .py-24-sm {
    padding-top: 12rem !important;
  }
  .pb-24-sm,
  .py-24-sm {
    padding-bottom: 12rem !important;
  }
  .pl-24-sm,
  .px-24-sm {
    padding-left: 12rem !important;
  }
  .pr-24-sm,
  .px-24-sm {
    padding-right: 12rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 640px) {
  /* Margin */
  .m-32-sm {
    margin: 16rem !important;
  }
  .mt-32-sm,
  .my-32-sm {
    margin-top: 16rem !important;
  }
  .mb-32-sm,
  .my-32-sm {
    margin-bottom: 16rem !important;
  }
  .ml-32-sm,
  .mx-32-sm {
    margin-left: 16rem !important;
  }
  .mr-32-sm,
  .mx-32-sm {
    margin-right: 16rem !important;
  }
  /* Spacing */
  .p-32-sm {
    padding: 16rem !important;
  }
  .pt-32-sm,
  .py-32-sm {
    padding-top: 16rem !important;
  }
  .pb-32-sm,
  .py-32-sm {
    padding-bottom: 16rem !important;
  }
  .pl-32-sm,
  .px-32-sm {
    padding-left: 16rem !important;
  }
  .pr-32-sm,
  .px-32-sm {
    padding-right: 16rem !important;
  }
  .ml-auto-sm,
  .mx-auto-sm {
    margin-left: auto !important;
  }
  .mr-auto-sm,
  .mx-auto-sm {
    margin-right: auto !important;
  }
  .mt-auto-sm,
  .my-auto-sm {
    margin-top: auto !important;
  }
  .mb-auto-sm,
  .my-auto-sm {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-0-md {
    margin: 0rem !important;
  }
  .mt-0-md,
  .my-0-md {
    margin-top: 0rem !important;
  }
  .mb-0-md,
  .my-0-md {
    margin-bottom: 0rem !important;
  }
  .ml-0-md,
  .mx-0-md {
    margin-left: 0rem !important;
  }
  .mr-0-md,
  .mx-0-md {
    margin-right: 0rem !important;
  }
  /* Spacing */
  .p-0-md {
    padding: 0rem !important;
  }
  .pt-0-md,
  .py-0-md {
    padding-top: 0rem !important;
  }
  .pb-0-md,
  .py-0-md {
    padding-bottom: 0rem !important;
  }
  .pl-0-md,
  .px-0-md {
    padding-left: 0rem !important;
  }
  .pr-0-md,
  .px-0-md {
    padding-right: 0rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-1-md {
    margin: 0.5rem !important;
  }
  .mt-1-md,
  .my-1-md {
    margin-top: 0.5rem !important;
  }
  .mb-1-md,
  .my-1-md {
    margin-bottom: 0.5rem !important;
  }
  .ml-1-md,
  .mx-1-md {
    margin-left: 0.5rem !important;
  }
  .mr-1-md,
  .mx-1-md {
    margin-right: 0.5rem !important;
  }
  /* Spacing */
  .p-1-md {
    padding: 0.5rem !important;
  }
  .pt-1-md,
  .py-1-md {
    padding-top: 0.5rem !important;
  }
  .pb-1-md,
  .py-1-md {
    padding-bottom: 0.5rem !important;
  }
  .pl-1-md,
  .px-1-md {
    padding-left: 0.5rem !important;
  }
  .pr-1-md,
  .px-1-md {
    padding-right: 0.5rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-2-md {
    margin: 1rem !important;
  }
  .mt-2-md,
  .my-2-md {
    margin-top: 1rem !important;
  }
  .mb-2-md,
  .my-2-md {
    margin-bottom: 1rem !important;
  }
  .ml-2-md,
  .mx-2-md {
    margin-left: 1rem !important;
  }
  .mr-2-md,
  .mx-2-md {
    margin-right: 1rem !important;
  }
  /* Spacing */
  .p-2-md {
    padding: 1rem !important;
  }
  .pt-2-md,
  .py-2-md {
    padding-top: 1rem !important;
  }
  .pb-2-md,
  .py-2-md {
    padding-bottom: 1rem !important;
  }
  .pl-2-md,
  .px-2-md {
    padding-left: 1rem !important;
  }
  .pr-2-md,
  .px-2-md {
    padding-right: 1rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-3-md {
    margin: 1.5rem !important;
  }
  .mt-3-md,
  .my-3-md {
    margin-top: 1.5rem !important;
  }
  .mb-3-md,
  .my-3-md {
    margin-bottom: 1.5rem !important;
  }
  .ml-3-md,
  .mx-3-md {
    margin-left: 1.5rem !important;
  }
  .mr-3-md,
  .mx-3-md {
    margin-right: 1.5rem !important;
  }
  /* Spacing */
  .p-3-md {
    padding: 1.5rem !important;
  }
  .pt-3-md,
  .py-3-md {
    padding-top: 1.5rem !important;
  }
  .pb-3-md,
  .py-3-md {
    padding-bottom: 1.5rem !important;
  }
  .pl-3-md,
  .px-3-md {
    padding-left: 1.5rem !important;
  }
  .pr-3-md,
  .px-3-md {
    padding-right: 1.5rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-4-md {
    margin: 2rem !important;
  }
  .mt-4-md,
  .my-4-md {
    margin-top: 2rem !important;
  }
  .mb-4-md,
  .my-4-md {
    margin-bottom: 2rem !important;
  }
  .ml-4-md,
  .mx-4-md {
    margin-left: 2rem !important;
  }
  .mr-4-md,
  .mx-4-md {
    margin-right: 2rem !important;
  }
  /* Spacing */
  .p-4-md {
    padding: 2rem !important;
  }
  .pt-4-md,
  .py-4-md {
    padding-top: 2rem !important;
  }
  .pb-4-md,
  .py-4-md {
    padding-bottom: 2rem !important;
  }
  .pl-4-md,
  .px-4-md {
    padding-left: 2rem !important;
  }
  .pr-4-md,
  .px-4-md {
    padding-right: 2rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-5-md {
    margin: 2.5rem !important;
  }
  .mt-5-md,
  .my-5-md {
    margin-top: 2.5rem !important;
  }
  .mb-5-md,
  .my-5-md {
    margin-bottom: 2.5rem !important;
  }
  .ml-5-md,
  .mx-5-md {
    margin-left: 2.5rem !important;
  }
  .mr-5-md,
  .mx-5-md {
    margin-right: 2.5rem !important;
  }
  /* Spacing */
  .p-5-md {
    padding: 2.5rem !important;
  }
  .pt-5-md,
  .py-5-md {
    padding-top: 2.5rem !important;
  }
  .pb-5-md,
  .py-5-md {
    padding-bottom: 2.5rem !important;
  }
  .pl-5-md,
  .px-5-md {
    padding-left: 2.5rem !important;
  }
  .pr-5-md,
  .px-5-md {
    padding-right: 2.5rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-6-md {
    margin: 3rem !important;
  }
  .mt-6-md,
  .my-6-md {
    margin-top: 3rem !important;
  }
  .mb-6-md,
  .my-6-md {
    margin-bottom: 3rem !important;
  }
  .ml-6-md,
  .mx-6-md {
    margin-left: 3rem !important;
  }
  .mr-6-md,
  .mx-6-md {
    margin-right: 3rem !important;
  }
  /* Spacing */
  .p-6-md {
    padding: 3rem !important;
  }
  .pt-6-md,
  .py-6-md {
    padding-top: 3rem !important;
  }
  .pb-6-md,
  .py-6-md {
    padding-bottom: 3rem !important;
  }
  .pl-6-md,
  .px-6-md {
    padding-left: 3rem !important;
  }
  .pr-6-md,
  .px-6-md {
    padding-right: 3rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-8-md {
    margin: 4rem !important;
  }
  .mt-8-md,
  .my-8-md {
    margin-top: 4rem !important;
  }
  .mb-8-md,
  .my-8-md {
    margin-bottom: 4rem !important;
  }
  .ml-8-md,
  .mx-8-md {
    margin-left: 4rem !important;
  }
  .mr-8-md,
  .mx-8-md {
    margin-right: 4rem !important;
  }
  /* Spacing */
  .p-8-md {
    padding: 4rem !important;
  }
  .pt-8-md,
  .py-8-md {
    padding-top: 4rem !important;
  }
  .pb-8-md,
  .py-8-md {
    padding-bottom: 4rem !important;
  }
  .pl-8-md,
  .px-8-md {
    padding-left: 4rem !important;
  }
  .pr-8-md,
  .px-8-md {
    padding-right: 4rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-10-md {
    margin: 5rem !important;
  }
  .mt-10-md,
  .my-10-md {
    margin-top: 5rem !important;
  }
  .mb-10-md,
  .my-10-md {
    margin-bottom: 5rem !important;
  }
  .ml-10-md,
  .mx-10-md {
    margin-left: 5rem !important;
  }
  .mr-10-md,
  .mx-10-md {
    margin-right: 5rem !important;
  }
  /* Spacing */
  .p-10-md {
    padding: 5rem !important;
  }
  .pt-10-md,
  .py-10-md {
    padding-top: 5rem !important;
  }
  .pb-10-md,
  .py-10-md {
    padding-bottom: 5rem !important;
  }
  .pl-10-md,
  .px-10-md {
    padding-left: 5rem !important;
  }
  .pr-10-md,
  .px-10-md {
    padding-right: 5rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-12-md {
    margin: 6rem !important;
  }
  .mt-12-md,
  .my-12-md {
    margin-top: 6rem !important;
  }
  .mb-12-md,
  .my-12-md {
    margin-bottom: 6rem !important;
  }
  .ml-12-md,
  .mx-12-md {
    margin-left: 6rem !important;
  }
  .mr-12-md,
  .mx-12-md {
    margin-right: 6rem !important;
  }
  /* Spacing */
  .p-12-md {
    padding: 6rem !important;
  }
  .pt-12-md,
  .py-12-md {
    padding-top: 6rem !important;
  }
  .pb-12-md,
  .py-12-md {
    padding-bottom: 6rem !important;
  }
  .pl-12-md,
  .px-12-md {
    padding-left: 6rem !important;
  }
  .pr-12-md,
  .px-12-md {
    padding-right: 6rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-16-md {
    margin: 8rem !important;
  }
  .mt-16-md,
  .my-16-md {
    margin-top: 8rem !important;
  }
  .mb-16-md,
  .my-16-md {
    margin-bottom: 8rem !important;
  }
  .ml-16-md,
  .mx-16-md {
    margin-left: 8rem !important;
  }
  .mr-16-md,
  .mx-16-md {
    margin-right: 8rem !important;
  }
  /* Spacing */
  .p-16-md {
    padding: 8rem !important;
  }
  .pt-16-md,
  .py-16-md {
    padding-top: 8rem !important;
  }
  .pb-16-md,
  .py-16-md {
    padding-bottom: 8rem !important;
  }
  .pl-16-md,
  .px-16-md {
    padding-left: 8rem !important;
  }
  .pr-16-md,
  .px-16-md {
    padding-right: 8rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-20-md {
    margin: 10rem !important;
  }
  .mt-20-md,
  .my-20-md {
    margin-top: 10rem !important;
  }
  .mb-20-md,
  .my-20-md {
    margin-bottom: 10rem !important;
  }
  .ml-20-md,
  .mx-20-md {
    margin-left: 10rem !important;
  }
  .mr-20-md,
  .mx-20-md {
    margin-right: 10rem !important;
  }
  /* Spacing */
  .p-20-md {
    padding: 10rem !important;
  }
  .pt-20-md,
  .py-20-md {
    padding-top: 10rem !important;
  }
  .pb-20-md,
  .py-20-md {
    padding-bottom: 10rem !important;
  }
  .pl-20-md,
  .px-20-md {
    padding-left: 10rem !important;
  }
  .pr-20-md,
  .px-20-md {
    padding-right: 10rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-24-md {
    margin: 12rem !important;
  }
  .mt-24-md,
  .my-24-md {
    margin-top: 12rem !important;
  }
  .mb-24-md,
  .my-24-md {
    margin-bottom: 12rem !important;
  }
  .ml-24-md,
  .mx-24-md {
    margin-left: 12rem !important;
  }
  .mr-24-md,
  .mx-24-md {
    margin-right: 12rem !important;
  }
  /* Spacing */
  .p-24-md {
    padding: 12rem !important;
  }
  .pt-24-md,
  .py-24-md {
    padding-top: 12rem !important;
  }
  .pb-24-md,
  .py-24-md {
    padding-bottom: 12rem !important;
  }
  .pl-24-md,
  .px-24-md {
    padding-left: 12rem !important;
  }
  .pr-24-md,
  .px-24-md {
    padding-right: 12rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  /* Margin */
  .m-32-md {
    margin: 16rem !important;
  }
  .mt-32-md,
  .my-32-md {
    margin-top: 16rem !important;
  }
  .mb-32-md,
  .my-32-md {
    margin-bottom: 16rem !important;
  }
  .ml-32-md,
  .mx-32-md {
    margin-left: 16rem !important;
  }
  .mr-32-md,
  .mx-32-md {
    margin-right: 16rem !important;
  }
  /* Spacing */
  .p-32-md {
    padding: 16rem !important;
  }
  .pt-32-md,
  .py-32-md {
    padding-top: 16rem !important;
  }
  .pb-32-md,
  .py-32-md {
    padding-bottom: 16rem !important;
  }
  .pl-32-md,
  .px-32-md {
    padding-left: 16rem !important;
  }
  .pr-32-md,
  .px-32-md {
    padding-right: 16rem !important;
  }
  .ml-auto-md,
  .mx-auto-md {
    margin-left: auto !important;
  }
  .mr-auto-md,
  .mx-auto-md {
    margin-right: auto !important;
  }
  .mt-auto-md,
  .my-auto-md {
    margin-top: auto !important;
  }
  .mb-auto-md,
  .my-auto-md {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-0-lg {
    margin: 0rem !important;
  }
  .mt-0-lg,
  .my-0-lg {
    margin-top: 0rem !important;
  }
  .mb-0-lg,
  .my-0-lg {
    margin-bottom: 0rem !important;
  }
  .ml-0-lg,
  .mx-0-lg {
    margin-left: 0rem !important;
  }
  .mr-0-lg,
  .mx-0-lg {
    margin-right: 0rem !important;
  }
  /* Spacing */
  .p-0-lg {
    padding: 0rem !important;
  }
  .pt-0-lg,
  .py-0-lg {
    padding-top: 0rem !important;
  }
  .pb-0-lg,
  .py-0-lg {
    padding-bottom: 0rem !important;
  }
  .pl-0-lg,
  .px-0-lg {
    padding-left: 0rem !important;
  }
  .pr-0-lg,
  .px-0-lg {
    padding-right: 0rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-1-lg {
    margin: 0.5rem !important;
  }
  .mt-1-lg,
  .my-1-lg {
    margin-top: 0.5rem !important;
  }
  .mb-1-lg,
  .my-1-lg {
    margin-bottom: 0.5rem !important;
  }
  .ml-1-lg,
  .mx-1-lg {
    margin-left: 0.5rem !important;
  }
  .mr-1-lg,
  .mx-1-lg {
    margin-right: 0.5rem !important;
  }
  /* Spacing */
  .p-1-lg {
    padding: 0.5rem !important;
  }
  .pt-1-lg,
  .py-1-lg {
    padding-top: 0.5rem !important;
  }
  .pb-1-lg,
  .py-1-lg {
    padding-bottom: 0.5rem !important;
  }
  .pl-1-lg,
  .px-1-lg {
    padding-left: 0.5rem !important;
  }
  .pr-1-lg,
  .px-1-lg {
    padding-right: 0.5rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-2-lg {
    margin: 1rem !important;
  }
  .mt-2-lg,
  .my-2-lg {
    margin-top: 1rem !important;
  }
  .mb-2-lg,
  .my-2-lg {
    margin-bottom: 1rem !important;
  }
  .ml-2-lg,
  .mx-2-lg {
    margin-left: 1rem !important;
  }
  .mr-2-lg,
  .mx-2-lg {
    margin-right: 1rem !important;
  }
  /* Spacing */
  .p-2-lg {
    padding: 1rem !important;
  }
  .pt-2-lg,
  .py-2-lg {
    padding-top: 1rem !important;
  }
  .pb-2-lg,
  .py-2-lg {
    padding-bottom: 1rem !important;
  }
  .pl-2-lg,
  .px-2-lg {
    padding-left: 1rem !important;
  }
  .pr-2-lg,
  .px-2-lg {
    padding-right: 1rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-3-lg {
    margin: 1.5rem !important;
  }
  .mt-3-lg,
  .my-3-lg {
    margin-top: 1.5rem !important;
  }
  .mb-3-lg,
  .my-3-lg {
    margin-bottom: 1.5rem !important;
  }
  .ml-3-lg,
  .mx-3-lg {
    margin-left: 1.5rem !important;
  }
  .mr-3-lg,
  .mx-3-lg {
    margin-right: 1.5rem !important;
  }
  /* Spacing */
  .p-3-lg {
    padding: 1.5rem !important;
  }
  .pt-3-lg,
  .py-3-lg {
    padding-top: 1.5rem !important;
  }
  .pb-3-lg,
  .py-3-lg {
    padding-bottom: 1.5rem !important;
  }
  .pl-3-lg,
  .px-3-lg {
    padding-left: 1.5rem !important;
  }
  .pr-3-lg,
  .px-3-lg {
    padding-right: 1.5rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-4-lg {
    margin: 2rem !important;
  }
  .mt-4-lg,
  .my-4-lg {
    margin-top: 2rem !important;
  }
  .mb-4-lg,
  .my-4-lg {
    margin-bottom: 2rem !important;
  }
  .ml-4-lg,
  .mx-4-lg {
    margin-left: 2rem !important;
  }
  .mr-4-lg,
  .mx-4-lg {
    margin-right: 2rem !important;
  }
  /* Spacing */
  .p-4-lg {
    padding: 2rem !important;
  }
  .pt-4-lg,
  .py-4-lg {
    padding-top: 2rem !important;
  }
  .pb-4-lg,
  .py-4-lg {
    padding-bottom: 2rem !important;
  }
  .pl-4-lg,
  .px-4-lg {
    padding-left: 2rem !important;
  }
  .pr-4-lg,
  .px-4-lg {
    padding-right: 2rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-5-lg {
    margin: 2.5rem !important;
  }
  .mt-5-lg,
  .my-5-lg {
    margin-top: 2.5rem !important;
  }
  .mb-5-lg,
  .my-5-lg {
    margin-bottom: 2.5rem !important;
  }
  .ml-5-lg,
  .mx-5-lg {
    margin-left: 2.5rem !important;
  }
  .mr-5-lg,
  .mx-5-lg {
    margin-right: 2.5rem !important;
  }
  /* Spacing */
  .p-5-lg {
    padding: 2.5rem !important;
  }
  .pt-5-lg,
  .py-5-lg {
    padding-top: 2.5rem !important;
  }
  .pb-5-lg,
  .py-5-lg {
    padding-bottom: 2.5rem !important;
  }
  .pl-5-lg,
  .px-5-lg {
    padding-left: 2.5rem !important;
  }
  .pr-5-lg,
  .px-5-lg {
    padding-right: 2.5rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-6-lg {
    margin: 3rem !important;
  }
  .mt-6-lg,
  .my-6-lg {
    margin-top: 3rem !important;
  }
  .mb-6-lg,
  .my-6-lg {
    margin-bottom: 3rem !important;
  }
  .ml-6-lg,
  .mx-6-lg {
    margin-left: 3rem !important;
  }
  .mr-6-lg,
  .mx-6-lg {
    margin-right: 3rem !important;
  }
  /* Spacing */
  .p-6-lg {
    padding: 3rem !important;
  }
  .pt-6-lg,
  .py-6-lg {
    padding-top: 3rem !important;
  }
  .pb-6-lg,
  .py-6-lg {
    padding-bottom: 3rem !important;
  }
  .pl-6-lg,
  .px-6-lg {
    padding-left: 3rem !important;
  }
  .pr-6-lg,
  .px-6-lg {
    padding-right: 3rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-8-lg {
    margin: 4rem !important;
  }
  .mt-8-lg,
  .my-8-lg {
    margin-top: 4rem !important;
  }
  .mb-8-lg,
  .my-8-lg {
    margin-bottom: 4rem !important;
  }
  .ml-8-lg,
  .mx-8-lg {
    margin-left: 4rem !important;
  }
  .mr-8-lg,
  .mx-8-lg {
    margin-right: 4rem !important;
  }
  /* Spacing */
  .p-8-lg {
    padding: 4rem !important;
  }
  .pt-8-lg,
  .py-8-lg {
    padding-top: 4rem !important;
  }
  .pb-8-lg,
  .py-8-lg {
    padding-bottom: 4rem !important;
  }
  .pl-8-lg,
  .px-8-lg {
    padding-left: 4rem !important;
  }
  .pr-8-lg,
  .px-8-lg {
    padding-right: 4rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-10-lg {
    margin: 5rem !important;
  }
  .mt-10-lg,
  .my-10-lg {
    margin-top: 5rem !important;
  }
  .mb-10-lg,
  .my-10-lg {
    margin-bottom: 5rem !important;
  }
  .ml-10-lg,
  .mx-10-lg {
    margin-left: 5rem !important;
  }
  .mr-10-lg,
  .mx-10-lg {
    margin-right: 5rem !important;
  }
  /* Spacing */
  .p-10-lg {
    padding: 5rem !important;
  }
  .pt-10-lg,
  .py-10-lg {
    padding-top: 5rem !important;
  }
  .pb-10-lg,
  .py-10-lg {
    padding-bottom: 5rem !important;
  }
  .pl-10-lg,
  .px-10-lg {
    padding-left: 5rem !important;
  }
  .pr-10-lg,
  .px-10-lg {
    padding-right: 5rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-12-lg {
    margin: 6rem !important;
  }
  .mt-12-lg,
  .my-12-lg {
    margin-top: 6rem !important;
  }
  .mb-12-lg,
  .my-12-lg {
    margin-bottom: 6rem !important;
  }
  .ml-12-lg,
  .mx-12-lg {
    margin-left: 6rem !important;
  }
  .mr-12-lg,
  .mx-12-lg {
    margin-right: 6rem !important;
  }
  /* Spacing */
  .p-12-lg {
    padding: 6rem !important;
  }
  .pt-12-lg,
  .py-12-lg {
    padding-top: 6rem !important;
  }
  .pb-12-lg,
  .py-12-lg {
    padding-bottom: 6rem !important;
  }
  .pl-12-lg,
  .px-12-lg {
    padding-left: 6rem !important;
  }
  .pr-12-lg,
  .px-12-lg {
    padding-right: 6rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-16-lg {
    margin: 8rem !important;
  }
  .mt-16-lg,
  .my-16-lg {
    margin-top: 8rem !important;
  }
  .mb-16-lg,
  .my-16-lg {
    margin-bottom: 8rem !important;
  }
  .ml-16-lg,
  .mx-16-lg {
    margin-left: 8rem !important;
  }
  .mr-16-lg,
  .mx-16-lg {
    margin-right: 8rem !important;
  }
  /* Spacing */
  .p-16-lg {
    padding: 8rem !important;
  }
  .pt-16-lg,
  .py-16-lg {
    padding-top: 8rem !important;
  }
  .pb-16-lg,
  .py-16-lg {
    padding-bottom: 8rem !important;
  }
  .pl-16-lg,
  .px-16-lg {
    padding-left: 8rem !important;
  }
  .pr-16-lg,
  .px-16-lg {
    padding-right: 8rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-20-lg {
    margin: 10rem !important;
  }
  .mt-20-lg,
  .my-20-lg {
    margin-top: 10rem !important;
  }
  .mb-20-lg,
  .my-20-lg {
    margin-bottom: 10rem !important;
  }
  .ml-20-lg,
  .mx-20-lg {
    margin-left: 10rem !important;
  }
  .mr-20-lg,
  .mx-20-lg {
    margin-right: 10rem !important;
  }
  /* Spacing */
  .p-20-lg {
    padding: 10rem !important;
  }
  .pt-20-lg,
  .py-20-lg {
    padding-top: 10rem !important;
  }
  .pb-20-lg,
  .py-20-lg {
    padding-bottom: 10rem !important;
  }
  .pl-20-lg,
  .px-20-lg {
    padding-left: 10rem !important;
  }
  .pr-20-lg,
  .px-20-lg {
    padding-right: 10rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-24-lg {
    margin: 12rem !important;
  }
  .mt-24-lg,
  .my-24-lg {
    margin-top: 12rem !important;
  }
  .mb-24-lg,
  .my-24-lg {
    margin-bottom: 12rem !important;
  }
  .ml-24-lg,
  .mx-24-lg {
    margin-left: 12rem !important;
  }
  .mr-24-lg,
  .mx-24-lg {
    margin-right: 12rem !important;
  }
  /* Spacing */
  .p-24-lg {
    padding: 12rem !important;
  }
  .pt-24-lg,
  .py-24-lg {
    padding-top: 12rem !important;
  }
  .pb-24-lg,
  .py-24-lg {
    padding-bottom: 12rem !important;
  }
  .pl-24-lg,
  .px-24-lg {
    padding-left: 12rem !important;
  }
  .pr-24-lg,
  .px-24-lg {
    padding-right: 12rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  /* Margin */
  .m-32-lg {
    margin: 16rem !important;
  }
  .mt-32-lg,
  .my-32-lg {
    margin-top: 16rem !important;
  }
  .mb-32-lg,
  .my-32-lg {
    margin-bottom: 16rem !important;
  }
  .ml-32-lg,
  .mx-32-lg {
    margin-left: 16rem !important;
  }
  .mr-32-lg,
  .mx-32-lg {
    margin-right: 16rem !important;
  }
  /* Spacing */
  .p-32-lg {
    padding: 16rem !important;
  }
  .pt-32-lg,
  .py-32-lg {
    padding-top: 16rem !important;
  }
  .pb-32-lg,
  .py-32-lg {
    padding-bottom: 16rem !important;
  }
  .pl-32-lg,
  .px-32-lg {
    padding-left: 16rem !important;
  }
  .pr-32-lg,
  .px-32-lg {
    padding-right: 16rem !important;
  }
  .ml-auto-lg,
  .mx-auto-lg {
    margin-left: auto !important;
  }
  .mr-auto-lg,
  .mx-auto-lg {
    margin-right: auto !important;
  }
  .mt-auto-lg,
  .my-auto-lg {
    margin-top: auto !important;
  }
  .mb-auto-lg,
  .my-auto-lg {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-0-xl {
    margin: 0rem !important;
  }
  .mt-0-xl,
  .my-0-xl {
    margin-top: 0rem !important;
  }
  .mb-0-xl,
  .my-0-xl {
    margin-bottom: 0rem !important;
  }
  .ml-0-xl,
  .mx-0-xl {
    margin-left: 0rem !important;
  }
  .mr-0-xl,
  .mx-0-xl {
    margin-right: 0rem !important;
  }
  /* Spacing */
  .p-0-xl {
    padding: 0rem !important;
  }
  .pt-0-xl,
  .py-0-xl {
    padding-top: 0rem !important;
  }
  .pb-0-xl,
  .py-0-xl {
    padding-bottom: 0rem !important;
  }
  .pl-0-xl,
  .px-0-xl {
    padding-left: 0rem !important;
  }
  .pr-0-xl,
  .px-0-xl {
    padding-right: 0rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-1-xl {
    margin: 0.5rem !important;
  }
  .mt-1-xl,
  .my-1-xl {
    margin-top: 0.5rem !important;
  }
  .mb-1-xl,
  .my-1-xl {
    margin-bottom: 0.5rem !important;
  }
  .ml-1-xl,
  .mx-1-xl {
    margin-left: 0.5rem !important;
  }
  .mr-1-xl,
  .mx-1-xl {
    margin-right: 0.5rem !important;
  }
  /* Spacing */
  .p-1-xl {
    padding: 0.5rem !important;
  }
  .pt-1-xl,
  .py-1-xl {
    padding-top: 0.5rem !important;
  }
  .pb-1-xl,
  .py-1-xl {
    padding-bottom: 0.5rem !important;
  }
  .pl-1-xl,
  .px-1-xl {
    padding-left: 0.5rem !important;
  }
  .pr-1-xl,
  .px-1-xl {
    padding-right: 0.5rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-2-xl {
    margin: 1rem !important;
  }
  .mt-2-xl,
  .my-2-xl {
    margin-top: 1rem !important;
  }
  .mb-2-xl,
  .my-2-xl {
    margin-bottom: 1rem !important;
  }
  .ml-2-xl,
  .mx-2-xl {
    margin-left: 1rem !important;
  }
  .mr-2-xl,
  .mx-2-xl {
    margin-right: 1rem !important;
  }
  /* Spacing */
  .p-2-xl {
    padding: 1rem !important;
  }
  .pt-2-xl,
  .py-2-xl {
    padding-top: 1rem !important;
  }
  .pb-2-xl,
  .py-2-xl {
    padding-bottom: 1rem !important;
  }
  .pl-2-xl,
  .px-2-xl {
    padding-left: 1rem !important;
  }
  .pr-2-xl,
  .px-2-xl {
    padding-right: 1rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-3-xl {
    margin: 1.5rem !important;
  }
  .mt-3-xl,
  .my-3-xl {
    margin-top: 1.5rem !important;
  }
  .mb-3-xl,
  .my-3-xl {
    margin-bottom: 1.5rem !important;
  }
  .ml-3-xl,
  .mx-3-xl {
    margin-left: 1.5rem !important;
  }
  .mr-3-xl,
  .mx-3-xl {
    margin-right: 1.5rem !important;
  }
  /* Spacing */
  .p-3-xl {
    padding: 1.5rem !important;
  }
  .pt-3-xl,
  .py-3-xl {
    padding-top: 1.5rem !important;
  }
  .pb-3-xl,
  .py-3-xl {
    padding-bottom: 1.5rem !important;
  }
  .pl-3-xl,
  .px-3-xl {
    padding-left: 1.5rem !important;
  }
  .pr-3-xl,
  .px-3-xl {
    padding-right: 1.5rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-4-xl {
    margin: 2rem !important;
  }
  .mt-4-xl,
  .my-4-xl {
    margin-top: 2rem !important;
  }
  .mb-4-xl,
  .my-4-xl {
    margin-bottom: 2rem !important;
  }
  .ml-4-xl,
  .mx-4-xl {
    margin-left: 2rem !important;
  }
  .mr-4-xl,
  .mx-4-xl {
    margin-right: 2rem !important;
  }
  /* Spacing */
  .p-4-xl {
    padding: 2rem !important;
  }
  .pt-4-xl,
  .py-4-xl {
    padding-top: 2rem !important;
  }
  .pb-4-xl,
  .py-4-xl {
    padding-bottom: 2rem !important;
  }
  .pl-4-xl,
  .px-4-xl {
    padding-left: 2rem !important;
  }
  .pr-4-xl,
  .px-4-xl {
    padding-right: 2rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-5-xl {
    margin: 2.5rem !important;
  }
  .mt-5-xl,
  .my-5-xl {
    margin-top: 2.5rem !important;
  }
  .mb-5-xl,
  .my-5-xl {
    margin-bottom: 2.5rem !important;
  }
  .ml-5-xl,
  .mx-5-xl {
    margin-left: 2.5rem !important;
  }
  .mr-5-xl,
  .mx-5-xl {
    margin-right: 2.5rem !important;
  }
  /* Spacing */
  .p-5-xl {
    padding: 2.5rem !important;
  }
  .pt-5-xl,
  .py-5-xl {
    padding-top: 2.5rem !important;
  }
  .pb-5-xl,
  .py-5-xl {
    padding-bottom: 2.5rem !important;
  }
  .pl-5-xl,
  .px-5-xl {
    padding-left: 2.5rem !important;
  }
  .pr-5-xl,
  .px-5-xl {
    padding-right: 2.5rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-6-xl {
    margin: 3rem !important;
  }
  .mt-6-xl,
  .my-6-xl {
    margin-top: 3rem !important;
  }
  .mb-6-xl,
  .my-6-xl {
    margin-bottom: 3rem !important;
  }
  .ml-6-xl,
  .mx-6-xl {
    margin-left: 3rem !important;
  }
  .mr-6-xl,
  .mx-6-xl {
    margin-right: 3rem !important;
  }
  /* Spacing */
  .p-6-xl {
    padding: 3rem !important;
  }
  .pt-6-xl,
  .py-6-xl {
    padding-top: 3rem !important;
  }
  .pb-6-xl,
  .py-6-xl {
    padding-bottom: 3rem !important;
  }
  .pl-6-xl,
  .px-6-xl {
    padding-left: 3rem !important;
  }
  .pr-6-xl,
  .px-6-xl {
    padding-right: 3rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-8-xl {
    margin: 4rem !important;
  }
  .mt-8-xl,
  .my-8-xl {
    margin-top: 4rem !important;
  }
  .mb-8-xl,
  .my-8-xl {
    margin-bottom: 4rem !important;
  }
  .ml-8-xl,
  .mx-8-xl {
    margin-left: 4rem !important;
  }
  .mr-8-xl,
  .mx-8-xl {
    margin-right: 4rem !important;
  }
  /* Spacing */
  .p-8-xl {
    padding: 4rem !important;
  }
  .pt-8-xl,
  .py-8-xl {
    padding-top: 4rem !important;
  }
  .pb-8-xl,
  .py-8-xl {
    padding-bottom: 4rem !important;
  }
  .pl-8-xl,
  .px-8-xl {
    padding-left: 4rem !important;
  }
  .pr-8-xl,
  .px-8-xl {
    padding-right: 4rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-10-xl {
    margin: 5rem !important;
  }
  .mt-10-xl,
  .my-10-xl {
    margin-top: 5rem !important;
  }
  .mb-10-xl,
  .my-10-xl {
    margin-bottom: 5rem !important;
  }
  .ml-10-xl,
  .mx-10-xl {
    margin-left: 5rem !important;
  }
  .mr-10-xl,
  .mx-10-xl {
    margin-right: 5rem !important;
  }
  /* Spacing */
  .p-10-xl {
    padding: 5rem !important;
  }
  .pt-10-xl,
  .py-10-xl {
    padding-top: 5rem !important;
  }
  .pb-10-xl,
  .py-10-xl {
    padding-bottom: 5rem !important;
  }
  .pl-10-xl,
  .px-10-xl {
    padding-left: 5rem !important;
  }
  .pr-10-xl,
  .px-10-xl {
    padding-right: 5rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-12-xl {
    margin: 6rem !important;
  }
  .mt-12-xl,
  .my-12-xl {
    margin-top: 6rem !important;
  }
  .mb-12-xl,
  .my-12-xl {
    margin-bottom: 6rem !important;
  }
  .ml-12-xl,
  .mx-12-xl {
    margin-left: 6rem !important;
  }
  .mr-12-xl,
  .mx-12-xl {
    margin-right: 6rem !important;
  }
  /* Spacing */
  .p-12-xl {
    padding: 6rem !important;
  }
  .pt-12-xl,
  .py-12-xl {
    padding-top: 6rem !important;
  }
  .pb-12-xl,
  .py-12-xl {
    padding-bottom: 6rem !important;
  }
  .pl-12-xl,
  .px-12-xl {
    padding-left: 6rem !important;
  }
  .pr-12-xl,
  .px-12-xl {
    padding-right: 6rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-16-xl {
    margin: 8rem !important;
  }
  .mt-16-xl,
  .my-16-xl {
    margin-top: 8rem !important;
  }
  .mb-16-xl,
  .my-16-xl {
    margin-bottom: 8rem !important;
  }
  .ml-16-xl,
  .mx-16-xl {
    margin-left: 8rem !important;
  }
  .mr-16-xl,
  .mx-16-xl {
    margin-right: 8rem !important;
  }
  /* Spacing */
  .p-16-xl {
    padding: 8rem !important;
  }
  .pt-16-xl,
  .py-16-xl {
    padding-top: 8rem !important;
  }
  .pb-16-xl,
  .py-16-xl {
    padding-bottom: 8rem !important;
  }
  .pl-16-xl,
  .px-16-xl {
    padding-left: 8rem !important;
  }
  .pr-16-xl,
  .px-16-xl {
    padding-right: 8rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-20-xl {
    margin: 10rem !important;
  }
  .mt-20-xl,
  .my-20-xl {
    margin-top: 10rem !important;
  }
  .mb-20-xl,
  .my-20-xl {
    margin-bottom: 10rem !important;
  }
  .ml-20-xl,
  .mx-20-xl {
    margin-left: 10rem !important;
  }
  .mr-20-xl,
  .mx-20-xl {
    margin-right: 10rem !important;
  }
  /* Spacing */
  .p-20-xl {
    padding: 10rem !important;
  }
  .pt-20-xl,
  .py-20-xl {
    padding-top: 10rem !important;
  }
  .pb-20-xl,
  .py-20-xl {
    padding-bottom: 10rem !important;
  }
  .pl-20-xl,
  .px-20-xl {
    padding-left: 10rem !important;
  }
  .pr-20-xl,
  .px-20-xl {
    padding-right: 10rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-24-xl {
    margin: 12rem !important;
  }
  .mt-24-xl,
  .my-24-xl {
    margin-top: 12rem !important;
  }
  .mb-24-xl,
  .my-24-xl {
    margin-bottom: 12rem !important;
  }
  .ml-24-xl,
  .mx-24-xl {
    margin-left: 12rem !important;
  }
  .mr-24-xl,
  .mx-24-xl {
    margin-right: 12rem !important;
  }
  /* Spacing */
  .p-24-xl {
    padding: 12rem !important;
  }
  .pt-24-xl,
  .py-24-xl {
    padding-top: 12rem !important;
  }
  .pb-24-xl,
  .py-24-xl {
    padding-bottom: 12rem !important;
  }
  .pl-24-xl,
  .px-24-xl {
    padding-left: 12rem !important;
  }
  .pr-24-xl,
  .px-24-xl {
    padding-right: 12rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  /* Margin */
  .m-32-xl {
    margin: 16rem !important;
  }
  .mt-32-xl,
  .my-32-xl {
    margin-top: 16rem !important;
  }
  .mb-32-xl,
  .my-32-xl {
    margin-bottom: 16rem !important;
  }
  .ml-32-xl,
  .mx-32-xl {
    margin-left: 16rem !important;
  }
  .mr-32-xl,
  .mx-32-xl {
    margin-right: 16rem !important;
  }
  /* Spacing */
  .p-32-xl {
    padding: 16rem !important;
  }
  .pt-32-xl,
  .py-32-xl {
    padding-top: 16rem !important;
  }
  .pb-32-xl,
  .py-32-xl {
    padding-bottom: 16rem !important;
  }
  .pl-32-xl,
  .px-32-xl {
    padding-left: 16rem !important;
  }
  .pr-32-xl,
  .px-32-xl {
    padding-right: 16rem !important;
  }
  .ml-auto-xl,
  .mx-auto-xl {
    margin-left: auto !important;
  }
  .mr-auto-xl,
  .mx-auto-xl {
    margin-right: auto !important;
  }
  .mt-auto-xl,
  .my-auto-xl {
    margin-top: auto !important;
  }
  .mb-auto-xl,
  .my-auto-xl {
    margin-bottom: auto !important;
  }
}

.u-none {
  display: none !important;
}

.u-inline {
  display: inline !important;
}

.u-inline-block {
  display: inline-block !important;
}

.u-block {
  display: block !important;
}

.u-flex {
  display: flex !important;
}

.u-inline-flex {
  display: inline-flex !important;
}

.u-table {
  display: table !important;
}

.u-table-row {
  display: table-row !important;
}

.u-table-column {
  display: table-column !important;
}

.u-table-cell {
  display: table-cell !important;
}

@media screen and (min-width: 640px) {
  .u-none-sm {
    display: none !important;
  }
}
@media screen and (min-width: 640px) {
  .u-inline-sm {
    display: inline !important;
  }
}
@media screen and (min-width: 640px) {
  .u-inline-block-sm {
    display: inline-block !important;
  }
}
@media screen and (min-width: 640px) {
  .u-block-sm {
    display: block !important;
  }
}
@media screen and (min-width: 640px) {
  .u-flex-sm {
    display: flex !important;
  }
}
@media screen and (min-width: 640px) {
  .u-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 640px) {
  .u-table-sm {
    display: table !important;
  }
}
@media screen and (min-width: 640px) {
  .u-table-row-sm {
    display: table-row !important;
  }
}
@media screen and (min-width: 640px) {
  .u-table-column-sm {
    display: table-column !important;
  }
}
@media screen and (min-width: 640px) {
  .u-table-cell-sm {
    display: table-cell !important;
  }
}
@media screen and (min-width: 768px) {
  .u-none-md {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .u-inline-md {
    display: inline !important;
  }
}
@media screen and (min-width: 768px) {
  .u-inline-block-md {
    display: inline-block !important;
  }
}
@media screen and (min-width: 768px) {
  .u-block-md {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  .u-flex-md {
    display: flex !important;
  }
}
@media screen and (min-width: 768px) {
  .u-inline-flex-md {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .u-table-md {
    display: table !important;
  }
}
@media screen and (min-width: 768px) {
  .u-table-row-md {
    display: table-row !important;
  }
}
@media screen and (min-width: 768px) {
  .u-table-column-md {
    display: table-column !important;
  }
}
@media screen and (min-width: 768px) {
  .u-table-cell-md {
    display: table-cell !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-none-lg {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-inline-lg {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-inline-block-lg {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-block-lg {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-flex-lg {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-table-lg {
    display: table !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-table-row-lg {
    display: table-row !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-table-column-lg {
    display: table-column !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-table-cell-lg {
    display: table-cell !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-none-xl {
    display: none !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-inline-xl {
    display: inline !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-inline-block-xl {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-block-xl {
    display: block !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-flex-xl {
    display: flex !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-inline-flex-xl {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-table-xl {
    display: table !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-table-row-xl {
    display: table-row !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-table-column-xl {
    display: table-column !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-table-cell-xl {
    display: table-cell !important;
  }
}
.u-flex-row {
  flex-direction: row !important;
}

.u-flex-row-reverse {
  flex-direction: row-reverse !important;
}

.u-flex-column {
  flex-direction: column !important;
}

.u-flex-column-reverse {
  flex-direction: column-reverse !important;
}

@media screen and (min-width: 640px) {
  .u-flex-row-sm {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 640px) {
  .u-flex-row-reverse-sm {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 640px) {
  .u-flex-column-sm {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 640px) {
  .u-flex-column-reverse-sm {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .u-flex-row-md {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 768px) {
  .u-flex-row-reverse-md {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .u-flex-column-md {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 768px) {
  .u-flex-column-reverse-md {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-flex-row-lg {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-flex-row-reverse-lg {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-flex-column-lg {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-flex-column-reverse-lg {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-flex-row-xl {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-flex-row-reverse-xl {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-flex-column-xl {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-flex-column-reverse-xl {
    flex-direction: column-reverse !important;
  }
}
.u-justify-flex-start {
  justify-content: flex-start !important;
}

.u-justify-center {
  justify-content: center !important;
}

.u-justify-flex-end {
  justify-content: flex-end !important;
}

.u-justify-space-between {
  justify-content: space-between !important;
}

.u-justify-space-around {
  justify-content: space-around !important;
}

.u-justify-space-evenly {
  justify-content: space-evenly !important;
}

@media screen and (min-width: 640px) {
  .u-justify-flex-start-sm {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 640px) {
  .u-justify-center-sm {
    justify-content: center !important;
  }
}
@media screen and (min-width: 640px) {
  .u-justify-flex-end-sm {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 640px) {
  .u-justify-space-between-sm {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 640px) {
  .u-justify-space-around-sm {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 640px) {
  .u-justify-space-evenly-sm {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .u-justify-flex-start-md {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .u-justify-center-md {
    justify-content: center !important;
  }
}
@media screen and (min-width: 768px) {
  .u-justify-flex-end-md {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .u-justify-space-between-md {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 768px) {
  .u-justify-space-around-md {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 768px) {
  .u-justify-space-evenly-md {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-justify-flex-start-lg {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-justify-center-lg {
    justify-content: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-justify-flex-end-lg {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-justify-space-between-lg {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-justify-space-around-lg {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-justify-space-evenly-lg {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-justify-flex-start-xl {
    justify-content: flex-start !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-justify-center-xl {
    justify-content: center !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-justify-flex-end-xl {
    justify-content: flex-end !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-justify-space-between-xl {
    justify-content: space-between !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-justify-space-around-xl {
    justify-content: space-around !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-justify-space-evenly-xl {
    justify-content: space-evenly !important;
  }
}
.u-items-stretch {
  align-items: stretch !important;
}

.u-items-flex-start {
  align-items: flex-start !important;
}

.u-items-center {
  align-items: center !important;
}

.u-items-flex-end {
  align-items: flex-end !important;
}

.u-items-baseline {
  align-items: baseline !important;
}

@media screen and (min-width: 640px) {
  .u-items-stretch-sm {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 640px) {
  .u-items-flex-start-sm {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 640px) {
  .u-items-center-sm {
    align-items: center !important;
  }
}
@media screen and (min-width: 640px) {
  .u-items-flex-end-sm {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 640px) {
  .u-items-baseline-sm {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .u-items-stretch-md {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .u-items-flex-start-md {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 768px) {
  .u-items-center-md {
    align-items: center !important;
  }
}
@media screen and (min-width: 768px) {
  .u-items-flex-end-md {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 768px) {
  .u-items-baseline-md {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-items-stretch-lg {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-items-flex-start-lg {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-items-center-lg {
    align-items: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-items-flex-end-lg {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-items-baseline-lg {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-items-stretch-xl {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-items-flex-start-xl {
    align-items: flex-start !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-items-center-xl {
    align-items: center !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-items-flex-end-xl {
    align-items: flex-end !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-items-baseline-xl {
    align-items: baseline !important;
  }
}
.u-flex-grow-0 {
  flex-grow: 0 !important;
}

.u-flex-grow-1 {
  flex-grow: 1 !important;
}

@media screen and (min-width: 640px) {
  .u-flex-grow-0-sm {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-flex-grow-1-sm {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-flex-grow-0-md {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-flex-grow-1-md {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-flex-grow-0-lg {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-flex-grow-1-lg {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-flex-grow-0-xl {
    flex-grow: 0 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-flex-grow-1-xl {
    flex-grow: 1 !important;
  }
}
.u-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.u-flex-shrink-1 {
  flex-shrink: 1 !important;
}

@media screen and (min-width: 640px) {
  .u-flex-shrink-0-sm {
    flex-shrink: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-flex-shrink-1-sm {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-flex-shrink-0-md {
    flex-shrink: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-flex-shrink-1-md {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-flex-shrink-0-lg {
    flex-shrink: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-flex-shrink-1-lg {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-flex-shrink-0-xl {
    flex-shrink: 0 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-flex-shrink-1-xl {
    flex-shrink: 1 !important;
  }
}
.u-flex-wrap {
  flex-wrap: wrap !important;
}

.u-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.u-flex-nowrap {
  flex-wrap: nowrap !important;
}

@media screen and (min-width: 640px) {
  .u-flex-wrap-sm {
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 640px) {
  .u-flex-wrap-reverse-sm {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 640px) {
  .u-flex-nowrap-sm {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 768px) {
  .u-flex-wrap-md {
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 768px) {
  .u-flex-wrap-reverse-md {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .u-flex-nowrap-md {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-flex-wrap-lg {
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-flex-wrap-reverse-lg {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-flex-nowrap-lg {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-flex-wrap-xl {
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-flex-wrap-reverse-xl {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-flex-nowrap-xl {
    flex-wrap: nowrap !important;
  }
}
.u-basis-auto {
  flex-basis: auto !important;
}

.u-basis-max-content {
  flex-basis: max-content !important;
}

.u-basis-min-content {
  flex-basis: min-content !important;
}

.u-basis-fit-content {
  flex-basis: fit-content !important;
}

.u-basis-content {
  flex-basis: content !important;
}

.u-basis-revert {
  flex-basis: revert !important;
}

.u-basis-revert-layer {
  flex-basis: revert-layer !important;
}

.u-basis-10p {
  flex-basis: 10% !important;
}

.u-basis-20p {
  flex-basis: 20% !important;
}

.u-basis-30p {
  flex-basis: 30% !important;
}

.u-basis-40p {
  flex-basis: 40% !important;
}

.u-basis-50p {
  flex-basis: 50% !important;
}

.u-basis-60p {
  flex-basis: 60% !important;
}

.u-basis-70p {
  flex-basis: 70% !important;
}

.u-basis-80p {
  flex-basis: 80% !important;
}

.u-basis-90p {
  flex-basis: 90% !important;
}

.u-basis-100p {
  flex-basis: 100% !important;
}

@media screen and (min-width: 640px) {
  .u-basis-auto-sm {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-max-content-sm {
    flex-basis: max-content !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-min-content-sm {
    flex-basis: min-content !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-fit-content-sm {
    flex-basis: fit-content !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-content-sm {
    flex-basis: content !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-revert-sm {
    flex-basis: revert !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-revert-layer-sm {
    flex-basis: revert-layer !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-10p-sm {
    flex-basis: 10% !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-20p-sm {
    flex-basis: 20% !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-30p-sm {
    flex-basis: 30% !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-40p-sm {
    flex-basis: 40% !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-50p-sm {
    flex-basis: 50% !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-60p-sm {
    flex-basis: 60% !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-70p-sm {
    flex-basis: 70% !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-80p-sm {
    flex-basis: 80% !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-90p-sm {
    flex-basis: 90% !important;
  }
}
@media screen and (min-width: 640px) {
  .u-basis-100p-sm {
    flex-basis: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-auto-md {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-max-content-md {
    flex-basis: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-min-content-md {
    flex-basis: min-content !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-fit-content-md {
    flex-basis: fit-content !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-content-md {
    flex-basis: content !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-revert-md {
    flex-basis: revert !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-revert-layer-md {
    flex-basis: revert-layer !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-10p-md {
    flex-basis: 10% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-20p-md {
    flex-basis: 20% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-30p-md {
    flex-basis: 30% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-40p-md {
    flex-basis: 40% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-50p-md {
    flex-basis: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-60p-md {
    flex-basis: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-70p-md {
    flex-basis: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-80p-md {
    flex-basis: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-90p-md {
    flex-basis: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-basis-100p-md {
    flex-basis: 100% !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-auto-lg {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-max-content-lg {
    flex-basis: max-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-min-content-lg {
    flex-basis: min-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-fit-content-lg {
    flex-basis: fit-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-content-lg {
    flex-basis: content !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-revert-lg {
    flex-basis: revert !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-revert-layer-lg {
    flex-basis: revert-layer !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-10p-lg {
    flex-basis: 10% !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-20p-lg {
    flex-basis: 20% !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-30p-lg {
    flex-basis: 30% !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-40p-lg {
    flex-basis: 40% !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-50p-lg {
    flex-basis: 50% !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-60p-lg {
    flex-basis: 60% !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-70p-lg {
    flex-basis: 70% !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-80p-lg {
    flex-basis: 80% !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-90p-lg {
    flex-basis: 90% !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-basis-100p-lg {
    flex-basis: 100% !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-auto-xl {
    flex-basis: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-max-content-xl {
    flex-basis: max-content !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-min-content-xl {
    flex-basis: min-content !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-fit-content-xl {
    flex-basis: fit-content !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-content-xl {
    flex-basis: content !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-revert-xl {
    flex-basis: revert !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-revert-layer-xl {
    flex-basis: revert-layer !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-10p-xl {
    flex-basis: 10% !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-20p-xl {
    flex-basis: 20% !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-30p-xl {
    flex-basis: 30% !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-40p-xl {
    flex-basis: 40% !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-50p-xl {
    flex-basis: 50% !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-60p-xl {
    flex-basis: 60% !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-70p-xl {
    flex-basis: 70% !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-80p-xl {
    flex-basis: 80% !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-90p-xl {
    flex-basis: 90% !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-basis-100p-xl {
    flex-basis: 100% !important;
  }
}
.u-gap-0 {
  gap: 0rem !important;
}

.u-gap-1 {
  gap: 0.5rem !important;
}

.u-gap-2 {
  gap: 1rem !important;
}

.u-gap-3 {
  gap: 1.5rem !important;
}

.u-gap-4 {
  gap: 2rem !important;
}

.u-gap-5 {
  gap: 2.5rem !important;
}

.u-gap-6 {
  gap: 3rem !important;
}

.u-gap-8 {
  gap: 4rem !important;
}

.u-gap-10 {
  gap: 5rem !important;
}

.u-gap-12 {
  gap: 6rem !important;
}

.u-gap-16 {
  gap: 8rem !important;
}

.u-gap-20 {
  gap: 10rem !important;
}

.u-gap-24 {
  gap: 12rem !important;
}

.u-gap-32 {
  gap: 16rem !important;
}


.u-text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.u-text-break {
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
}
.u-text-nobreak {
  hyphens: none;
  word-break: normal;
  word-wrap: normal;
  white-space: nowrap;
}

.u-text-justify {
  text-align: justify !important;
}

.u-text-left {
  text-align: left !important;
}

.u-text-right {
  text-align: right !important;
}

.u-text-center {
  text-align: center !important;
}

@media screen and (min-width: 640px) {
  .u-text-justify-sm {
    text-align: justify !important;
  }
}
@media screen and (min-width: 640px) {
  .u-text-left-sm {
    text-align: left !important;
  }
}
@media screen and (min-width: 640px) {
  .u-text-right-sm {
    text-align: right !important;
  }
}
@media screen and (min-width: 640px) {
  .u-text-center-sm {
    text-align: center !important;
  }
}
@media screen and (min-width: 768px) {
  .u-text-justify-md {
    text-align: justify !important;
  }
}
@media screen and (min-width: 768px) {
  .u-text-left-md {
    text-align: left !important;
  }
}
@media screen and (min-width: 768px) {
  .u-text-right-md {
    text-align: right !important;
  }
}
@media screen and (min-width: 768px) {
  .u-text-center-md {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-text-justify-lg {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-text-left-lg {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-text-right-lg {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-text-center-lg {
    text-align: center !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-text-justify-xl {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-text-left-xl {
    text-align: left !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-text-right-xl {
    text-align: right !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-text-center-xl {
    text-align: center !important;
  }
}

/* Regular text sizes */
.text-xs {
  font-size: 0.75rem !important;
  line-height: 1.5rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.75rem !important;
}

.text-md {
  font-size: 1rem !important;
  line-height: 2rem !important;
}

.text-lg {
  font-size: 1.25rem !important;
  line-height: 2.25rem !important;
}

.text-xl {
  font-size: 1.5rem !important;
  line-height: 2.25rem !important;
}

.bg-primary {
  background-color: rgba(233, 124, 26, var(--bg-opacity)) !important;
}

.text-primary {
  color: rgba(233, 124, 26, var(--color-opacity)) !important;
  border-color: rgba(233, 124, 26, var(--border-opacity));
}

.border-primary {
  border-color: rgba(233, 124, 26, var(--border-opacity)) !important;
}

.bg-success {
  background-color: rgba(13, 209, 87, var(--bg-opacity)) !important;
}

.text-success {
  color: rgba(13, 209, 87, var(--color-opacity)) !important;
  border-color: rgba(13, 209, 87, var(--border-opacity));
}

.border-success {
  border-color: rgba(13, 209, 87, var(--border-opacity)) !important;
}

.bg-warning {
  background-color: rgba(250, 182, 51, var(--bg-opacity)) !important;
}

.text-warning {
  color: rgba(250, 182, 51, var(--color-opacity)) !important;
  border-color: rgba(250, 182, 51, var(--border-opacity));
}

.border-warning {
  border-color: rgba(250, 182, 51, var(--border-opacity)) !important;
}

.bg-danger {
  background-color: rgba(251, 65, 67, var(--bg-opacity)) !important;
}

.text-danger {
  color: rgba(251, 65, 67, var(--color-opacity)) !important;
  border-color: rgba(251, 65, 67, var(--border-opacity));
}

.border-danger {
  border-color: rgba(251, 65, 67, var(--border-opacity)) !important;
}

.bg-light {
  background-color: rgba(246, 249, 252, var(--bg-opacity)) !important;
}

.text-light {
  color: rgba(246, 249, 252, var(--color-opacity)) !important;
  border-color: rgba(246, 249, 252, var(--border-opacity));
}

.border-light {
  border-color: rgba(246, 249, 252, var(--border-opacity)) !important;
}

.bg-dark {
  background-color: rgba(54, 54, 54, var(--bg-opacity)) !important;
}

.text-dark {
  color: rgba(54, 54, 54, var(--color-opacity)) !important;
  border-color: rgba(54, 54, 54, var(--border-opacity));
}

.border-dark {
  border-color: rgba(54, 54, 54, var(--border-opacity)) !important;
}

.bg-link {
  background-color: rgba(94, 92, 199, var(--bg-opacity)) !important;
}

.text-link {
  color: rgba(94, 92, 199, var(--color-opacity)) !important;
  border-color: rgba(94, 92, 199, var(--border-opacity));
}

.border-link {
  border-color: rgba(94, 92, 199, var(--border-opacity)) !important;
}

.bg-link-dark {
  background-color: rgba(70, 67, 226, var(--bg-opacity)) !important;
}

.text-link-dark {
  color: rgba(70, 67, 226, var(--color-opacity)) !important;
  border-color: rgba(70, 67, 226, var(--border-opacity));
}

.border-link-dark {
  border-color: rgba(70, 67, 226, var(--border-opacity)) !important;
}

.bg-info {
  background-color: rgba(41, 114, 250, var(--bg-opacity)) !important;
}

.text-info {
  color: rgba(41, 114, 250, var(--color-opacity)) !important;
  border-color: rgba(41, 114, 250, var(--border-opacity));
}

.border-info {
  border-color: rgba(41, 114, 250, var(--border-opacity)) !important;
}

.bg-black {
  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}

.text-black {
  color: rgba(0, 0, 0, var(--color-opacity)) !important;
  border-color: rgba(0, 0, 0, var(--border-opacity));
}

.border-black {
  border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}

.bg-white {
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}

.text-white {
  color: rgba(255, 255, 255, var(--color-opacity)) !important;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.border-white {
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.text-transparent {
  border-color: transparent !important;
  color: transparent !important;
}

.u-opacity-0 {
  opacity: 0 !important;
}

.u-opacity-10 {
  opacity: 0.1 !important;
}

.u-opacity-20 {
  opacity: 0.2 !important;
}

.u-opacity-30 {
  opacity: 0.3 !important;
}

.u-opacity-40 {
  opacity: 0.4 !important;
}

.u-opacity-50 {
  opacity: 0.5 !important;
}

.u-opacity-60 {
  opacity: 0.6 !important;
}

.u-opacity-70 {
  opacity: 0.7 !important;
}

.u-opacity-80 {
  opacity: 0.8 !important;
}

.u-opacity-90 {
  opacity: 0.9 !important;
}

.u-opacity-100 {
  opacity: 1 !important;
}

@media screen and (min-width: 640px) {
  .u-opacity-0-sm {
    opacity: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-opacity-10-sm {
    opacity: 0.1 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-opacity-20-sm {
    opacity: 0.2 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-opacity-30-sm {
    opacity: 0.3 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-opacity-40-sm {
    opacity: 0.4 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-opacity-50-sm {
    opacity: 0.5 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-opacity-60-sm {
    opacity: 0.6 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-opacity-70-sm {
    opacity: 0.7 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-opacity-80-sm {
    opacity: 0.8 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-opacity-90-sm {
    opacity: 0.9 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-opacity-100-sm {
    opacity: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-opacity-0-md {
    opacity: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-opacity-10-md {
    opacity: 0.1 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-opacity-20-md {
    opacity: 0.2 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-opacity-30-md {
    opacity: 0.3 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-opacity-40-md {
    opacity: 0.4 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-opacity-50-md {
    opacity: 0.5 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-opacity-60-md {
    opacity: 0.6 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-opacity-70-md {
    opacity: 0.7 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-opacity-80-md {
    opacity: 0.8 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-opacity-90-md {
    opacity: 0.9 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-opacity-100-md {
    opacity: 1 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-opacity-0-lg {
    opacity: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-opacity-10-lg {
    opacity: 0.1 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-opacity-20-lg {
    opacity: 0.2 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-opacity-30-lg {
    opacity: 0.3 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-opacity-40-lg {
    opacity: 0.4 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-opacity-50-lg {
    opacity: 0.5 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-opacity-60-lg {
    opacity: 0.6 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-opacity-70-lg {
    opacity: 0.7 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-opacity-80-lg {
    opacity: 0.8 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-opacity-90-lg {
    opacity: 0.9 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-opacity-100-lg {
    opacity: 1 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-opacity-0-xl {
    opacity: 0 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-opacity-10-xl {
    opacity: 0.1 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-opacity-20-xl {
    opacity: 0.2 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-opacity-30-xl {
    opacity: 0.3 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-opacity-40-xl {
    opacity: 0.4 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-opacity-50-xl {
    opacity: 0.5 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-opacity-60-xl {
    opacity: 0.6 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-opacity-70-xl {
    opacity: 0.7 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-opacity-80-xl {
    opacity: 0.8 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-opacity-90-xl {
    opacity: 0.9 !important;
  }
}
@media screen and (min-width: 1280px) {
  .u-opacity-100-xl {
    opacity: 1 !important;
  }
}
.u-bg-opacity-0 {
  --bg-opacity: 0;
}

.u-bg-opacity-10 {
  --bg-opacity: 0.1;
}

.u-bg-opacity-20 {
  --bg-opacity: 0.2;
}

.u-bg-opacity-30 {
  --bg-opacity: 0.3;
}

.u-bg-opacity-40 {
  --bg-opacity: 0.4;
}

.u-bg-opacity-50 {
  --bg-opacity: 0.5;
}

.u-bg-opacity-60 {
  --bg-opacity: 0.6;
}

.u-bg-opacity-70 {
  --bg-opacity: 0.7;
}

.u-bg-opacity-80 {
  --bg-opacity: 0.8;
}

.u-bg-opacity-90 {
  --bg-opacity: 0.9;
}

.u-bg-opacity-100 {
  --bg-opacity: 1;
}

.u-color-opacity-0 {
  --color-opacity: 0;
}

.u-color-opacity-10 {
  --color-opacity: 0.1;
}

.u-color-opacity-20 {
  --color-opacity: 0.2;
}

.u-color-opacity-30 {
  --color-opacity: 0.3;
}

.u-color-opacity-40 {
  --color-opacity: 0.4;
}

.u-color-opacity-50 {
  --color-opacity: 0.5;
}

.u-color-opacity-60 {
  --color-opacity: 0.6;
}

.u-color-opacity-70 {
  --color-opacity: 0.7;
}

.u-color-opacity-80 {
  --color-opacity: 0.8;
}

.u-color-opacity-90 {
  --color-opacity: 0.9;
}

.u-color-opacity-100 {
  --color-opacity: 1;
}

.u-border-opacity-0 {
  --border-opacity: 0;
}

.u-border-opacity-10 {
  --border-opacity: 0.1;
}

.u-border-opacity-20 {
  --border-opacity: 0.2;
}

.u-border-opacity-30 {
  --border-opacity: 0.3;
}

.u-border-opacity-40 {
  --border-opacity: 0.4;
}

.u-border-opacity-50 {
  --border-opacity: 0.5;
}

.u-border-opacity-60 {
  --border-opacity: 0.6;
}

.u-border-opacity-70 {
  --border-opacity: 0.7;
}

.u-border-opacity-80 {
  --border-opacity: 0.8;
}

.u-border-opacity-90 {
  --border-opacity: 0.9;
}

.u-border-opacity-100 {
  --border-opacity: 1;
}