body {
  margin: 0px;
  height: 100vH;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 577px) {
  body {
    background-image: url("assets/background.png");
  }
}

@media (max-width: 576px) {
  body {
    background-image: url("assets/background-mobile.png");
  }
}

.container {
  display: -ms-grid;
  display: grid;
  width: 100%;
  margin: 0 auto;
  -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 0.5em;
}

.glassmorphism {
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.flex-this-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex-this-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.flex-this-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.w-400 {
  max-width: 400px;
}

.w-600 {
  max-width: 600px;
}

.w-800 {
  max-width: 800px;
}

.w-1000 {
  max-width: 1000px;
}

.w-1200 {
  max-width: 1200px;
}

.w-1440 {
  max-width: 1440px;
}

.radius-15 {
  border-radius: 15px;
}

.radius-20 {
  border-radius: 20px;
}

.radius-25 {
  border-radius: 25px;
}

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

@media (max-width: 566px) {
  .col-xs-1 {
    grid-column: span 1;
  }
}

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

@media (max-width: 992px) {
  .col-md-1 {
    grid-column: span 1;
  }
}

@media (max-width: 1200px) {
  .col-lg-1 {
    grid-column: span 1;
  }
}

@media (max-width: 1400px) {
  .col-xl-1 {
    grid-column: span 1;
  }
}

@media (min-width: 1401px) {
  .col-xxl-1 {
    grid-column: span 1;
  }
}

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

@media (max-width: 566px) {
  .col-xs-2 {
    grid-column: span 2;
  }
}

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

@media (max-width: 992px) {
  .col-md-2 {
    grid-column: span 2;
  }
}

@media (max-width: 1200px) {
  .col-lg-2 {
    grid-column: span 2;
  }
}

@media (max-width: 1400px) {
  .col-xl-2 {
    grid-column: span 2;
  }
}

@media (min-width: 1401px) {
  .col-xxl-2 {
    grid-column: span 2;
  }
}

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

@media (max-width: 566px) {
  .col-xs-3 {
    grid-column: span 3;
  }
}

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

@media (max-width: 992px) {
  .col-md-3 {
    grid-column: span 3;
  }
}

@media (max-width: 1200px) {
  .col-lg-3 {
    grid-column: span 3;
  }
}

@media (max-width: 1400px) {
  .col-xl-3 {
    grid-column: span 3;
  }
}

@media (min-width: 1401px) {
  .col-xxl-3 {
    grid-column: span 3;
  }
}

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

@media (max-width: 566px) {
  .col-xs-4 {
    grid-column: span 4;
  }
}

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

@media (max-width: 992px) {
  .col-md-4 {
    grid-column: span 4;
  }
}

@media (max-width: 1200px) {
  .col-lg-4 {
    grid-column: span 4;
  }
}

@media (max-width: 1400px) {
  .col-xl-4 {
    grid-column: span 4;
  }
}

@media (min-width: 1401px) {
  .col-xxl-4 {
    grid-column: span 4;
  }
}

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

@media (max-width: 566px) {
  .col-xs-5 {
    grid-column: span 5;
  }
}

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

@media (max-width: 992px) {
  .col-md-5 {
    grid-column: span 5;
  }
}

@media (max-width: 1200px) {
  .col-lg-5 {
    grid-column: span 5;
  }
}

@media (max-width: 1400px) {
  .col-xl-5 {
    grid-column: span 5;
  }
}

@media (min-width: 1401px) {
  .col-xxl-5 {
    grid-column: span 5;
  }
}

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

@media (max-width: 566px) {
  .col-xs-6 {
    grid-column: span 6;
  }
}

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

@media (max-width: 992px) {
  .col-md-6 {
    grid-column: span 6;
  }
}

@media (max-width: 1200px) {
  .col-lg-6 {
    grid-column: span 6;
  }
}

@media (max-width: 1400px) {
  .col-xl-6 {
    grid-column: span 6;
  }
}

@media (min-width: 1401px) {
  .col-xxl-6 {
    grid-column: span 6;
  }
}

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

@media (max-width: 566px) {
  .col-xs-7 {
    grid-column: span 7;
  }
}

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

@media (max-width: 992px) {
  .col-md-7 {
    grid-column: span 7;
  }
}

@media (max-width: 1200px) {
  .col-lg-7 {
    grid-column: span 7;
  }
}

@media (max-width: 1400px) {
  .col-xl-7 {
    grid-column: span 7;
  }
}

@media (min-width: 1401px) {
  .col-xxl-7 {
    grid-column: span 7;
  }
}

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

@media (max-width: 566px) {
  .col-xs-8 {
    grid-column: span 8;
  }
}

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

@media (max-width: 992px) {
  .col-md-8 {
    grid-column: span 8;
  }
}

@media (max-width: 1200px) {
  .col-lg-8 {
    grid-column: span 8;
  }
}

@media (max-width: 1400px) {
  .col-xl-8 {
    grid-column: span 8;
  }
}

@media (min-width: 1401px) {
  .col-xxl-8 {
    grid-column: span 8;
  }
}

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

@media (max-width: 566px) {
  .col-xs-9 {
    grid-column: span 9;
  }
}

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

@media (max-width: 992px) {
  .col-md-9 {
    grid-column: span 9;
  }
}

@media (max-width: 1200px) {
  .col-lg-9 {
    grid-column: span 9;
  }
}

@media (max-width: 1400px) {
  .col-xl-9 {
    grid-column: span 9;
  }
}

@media (min-width: 1401px) {
  .col-xxl-9 {
    grid-column: span 9;
  }
}

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

@media (max-width: 566px) {
  .col-xs-10 {
    grid-column: span 10;
  }
}

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

@media (max-width: 992px) {
  .col-md-10 {
    grid-column: span 10;
  }
}

@media (max-width: 1200px) {
  .col-lg-10 {
    grid-column: span 10;
  }
}

@media (max-width: 1400px) {
  .col-xl-10 {
    grid-column: span 10;
  }
}

@media (min-width: 1401px) {
  .col-xxl-10 {
    grid-column: span 10;
  }
}

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

@media (max-width: 566px) {
  .col-xs-11 {
    grid-column: span 11;
  }
}

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

@media (max-width: 992px) {
  .col-md-11 {
    grid-column: span 11;
  }
}

@media (max-width: 1200px) {
  .col-lg-11 {
    grid-column: span 11;
  }
}

@media (max-width: 1400px) {
  .col-xl-11 {
    grid-column: span 11;
  }
}

@media (min-width: 1401px) {
  .col-xxl-11 {
    grid-column: span 11;
  }
}

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

@media (max-width: 566px) {
  .col-xs-12 {
    grid-column: span 12;
  }
}

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

@media (max-width: 992px) {
  .col-md-12 {
    grid-column: span 12;
  }
}

@media (max-width: 1200px) {
  .col-lg-12 {
    grid-column: span 12;
  }
}

@media (max-width: 1400px) {
  .col-xl-12 {
    grid-column: span 12;
  }
}

@media (min-width: 1401px) {
  .col-xxl-12 {
    grid-column: span 12;
  }
}

.m-1 {
  margin: 1em;
}

.mt-1 {
  margin-top: 1em;
}

.mb-1 {
  margin-bottom: 1em;
}

.mr-1 {
  margin-right: 1em;
}

.ml-1 {
  margin-left: 1em;
}

.my-1 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.mx-1 {
  margin-right: 1em;
  margin-left: 1em;
}

/* Padding */
.p-1 {
  padding: 1em;
}

.pt-1 {
  padding-top: 1em;
}

.pb-1 {
  padding-bottom: 1em;
}

.pr-1 {
  padding-right: 1em;
}

.pl-1 {
  padding-left: 1em;
}

.py-1 {
  padding-top: 1em;
  padding-bottom: 1em;
}

.px-1 {
  padding-right: 1em;
  padding-left: 1em;
}

@media (max-width: 566px) {
  /* Margin */
  .m-xs-1 {
    margin: 1em;
  }
  .mt-xs-1 {
    margin-top: 1em;
  }
  .mb-xs-1 {
    margin-bottom: 1em;
  }
  .mr-xs-1 {
    margin-right: 1em;
  }
  .ml-xs-1 {
    margin-left: 1em;
  }
  .my-xs-1 {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .mx-xs-1 {
    margin-right: 1em;
    margin-left: 1em;
  }
  /* Padding */
  .p-xs-1 {
    padding: 1em;
  }
  .pt-xs-1 {
    padding-top: 1em;
  }
  .pb-xs-1 {
    padding-bottom: 1em;
  }
  .pr-xs-1 {
    padding-right: 1em;
  }
  .pl-xs-1 {
    padding-left: 1em;
  }
  .py-xs-1 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .px-xs-1 {
    padding-right: 1em;
    padding-left: 1em;
  }
}

@media (max-width: 768px) {
  .m-sm-1 {
    margin: 1em;
  }
  .mt-sm-1 {
    margin-top: 1em;
  }
  .mb-sm-1 {
    margin-bottom: 1em;
  }
  .mr-sm-1 {
    margin-right: 1em;
  }
  .ml-sm-1 {
    margin-left: 1em;
  }
  .my-sm-1 {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .mx-sm-1 {
    margin-right: 1em;
    margin-left: 1em;
  }
  /* Padding */
  .p-sm-1 {
    padding: 1em;
  }
  .pt-sm-1 {
    padding-top: 1em;
  }
  .pb-sm-1 {
    padding-bottom: 1em;
  }
  .pr-sm-1 {
    padding-right: 1em;
  }
  .pl-sm-1 {
    padding-left: 1em;
  }
  .py-sm-1 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .px-sm-1 {
    padding-right: 1em;
    padding-left: 1em;
  }
}

@media (max-width: 992px) {
  .m-md-1 {
    margin: 1em;
  }
  .mt-md-1 {
    margin-top: 1em;
  }
  .mb-md-1 {
    margin-bottom: 1em;
  }
  .mr-md-1 {
    margin-right: 1em;
  }
  .ml-md-1 {
    margin-left: 1em;
  }
  .my-md-1 {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .mx-md-1 {
    margin-right: 1em;
    margin-left: 1em;
  }
  /* Padding */
  .p-md-1 {
    padding: 1em;
  }
  .pt-md-1 {
    padding-top: 1em;
  }
  .pb-md-1 {
    padding-bottom: 1em;
  }
  .pr-md-1 {
    padding-right: 1em;
  }
  .pl-md-1 {
    padding-left: 1em;
  }
  .py-md-1 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .px-md-1 {
    padding-right: 1em;
    padding-left: 1em;
  }
}

@media (max-width: 1200px) {
  .m-lg-1 {
    margin: 1em;
  }
  .mt-lg-1 {
    margin-top: 1em;
  }
  .mb-lg-1 {
    margin-bottom: 1em;
  }
  .mr-lg-1 {
    margin-right: 1em;
  }
  .ml-lg-1 {
    margin-left: 1em;
  }
  .my-lg-1 {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .mx-lg-1 {
    margin-right: 1em;
    margin-left: 1em;
  }
  /* Padding */
  .p-lg-1 {
    padding: 1em;
  }
  .pt-lg-1 {
    padding-top: 1em;
  }
  .pb-lg-1 {
    padding-bottom: 1em;
  }
  .pr-lg-1 {
    padding-right: 1em;
  }
  .pl-lg-1 {
    padding-left: 1em;
  }
  .py-lg-1 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .px-lg-1 {
    padding-right: 1em;
    padding-left: 1em;
  }
}

@media (max-width: 1400px) {
  .m-xl-1 {
    margin: 1em;
  }
  .mt-xl-1 {
    margin-top: 1em;
  }
  .mb-xl-1 {
    margin-bottom: 1em;
  }
  .mr-xl-1 {
    margin-right: 1em;
  }
  .ml-xl-1 {
    margin-left: 1em;
  }
  .my-xl-1 {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .mx-xl-1 {
    margin-right: 1em;
    margin-left: 1em;
  }
  /* Padding */
  .p-xl-1 {
    padding: 1em;
  }
  .pt-xl-1 {
    padding-top: 1em;
  }
  .pb-xl-1 {
    padding-bottom: 1em;
  }
  .pr-xl-1 {
    padding-right: 1em;
  }
  .pl-xl-1 {
    padding-left: 1em;
  }
  .py-xl-1 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .px-xl-1 {
    padding-right: 1em;
    padding-left: 1em;
  }
}

@media (min-width: 1401px) {
  .m-xxl-1 {
    margin: 1em;
  }
  .mt-xxl-1 {
    margin-top: 1em;
  }
  .mb-xxl-1 {
    margin-bottom: 1em;
  }
  .mr-xxl-1 {
    margin-right: 1em;
  }
  .ml-xxl-1 {
    margin-left: 1em;
  }
  .my-xxl-1 {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .mx-xxl-1 {
    margin-right: 1em;
    margin-left: 1em;
  }
  /* Padding */
  .p-xxl-1 {
    padding: 1em;
  }
  .pt-xxl-1 {
    padding-top: 1em;
  }
  .pb-xxl-1 {
    padding-bottom: 1em;
  }
  .pr-xxl-1 {
    padding-right: 1em;
  }
  .pl-xxl-1 {
    padding-left: 1em;
  }
  .py-xxl-1 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .px-xxl-1 {
    padding-right: 1em;
    padding-left: 1em;
  }
}

.m-2 {
  margin: 2em;
}

.mt-2 {
  margin-top: 2em;
}

.mb-2 {
  margin-bottom: 2em;
}

.mr-2 {
  margin-right: 2em;
}

.ml-2 {
  margin-left: 2em;
}

.my-2 {
  margin-top: 2em;
  margin-bottom: 2em;
}

.mx-2 {
  margin-right: 2em;
  margin-left: 2em;
}

/* Padding */
.p-2 {
  padding: 2em;
}

.pt-2 {
  padding-top: 2em;
}

.pb-2 {
  padding-bottom: 2em;
}

.pr-2 {
  padding-right: 2em;
}

.pl-2 {
  padding-left: 2em;
}

.py-2 {
  padding-top: 2em;
  padding-bottom: 2em;
}

.px-2 {
  padding-right: 2em;
  padding-left: 2em;
}

@media (max-width: 566px) {
  /* Margin */
  .m-xs-2 {
    margin: 2em;
  }
  .mt-xs-2 {
    margin-top: 2em;
  }
  .mb-xs-2 {
    margin-bottom: 2em;
  }
  .mr-xs-2 {
    margin-right: 2em;
  }
  .ml-xs-2 {
    margin-left: 2em;
  }
  .my-xs-2 {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .mx-xs-2 {
    margin-right: 2em;
    margin-left: 2em;
  }
  /* Padding */
  .p-xs-2 {
    padding: 2em;
  }
  .pt-xs-2 {
    padding-top: 2em;
  }
  .pb-xs-2 {
    padding-bottom: 2em;
  }
  .pr-xs-2 {
    padding-right: 2em;
  }
  .pl-xs-2 {
    padding-left: 2em;
  }
  .py-xs-2 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .px-xs-2 {
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media (max-width: 768px) {
  .m-sm-2 {
    margin: 2em;
  }
  .mt-sm-2 {
    margin-top: 2em;
  }
  .mb-sm-2 {
    margin-bottom: 2em;
  }
  .mr-sm-2 {
    margin-right: 2em;
  }
  .ml-sm-2 {
    margin-left: 2em;
  }
  .my-sm-2 {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .mx-sm-2 {
    margin-right: 2em;
    margin-left: 2em;
  }
  /* Padding */
  .p-sm-2 {
    padding: 2em;
  }
  .pt-sm-2 {
    padding-top: 2em;
  }
  .pb-sm-2 {
    padding-bottom: 2em;
  }
  .pr-sm-2 {
    padding-right: 2em;
  }
  .pl-sm-2 {
    padding-left: 2em;
  }
  .py-sm-2 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .px-sm-2 {
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media (max-width: 992px) {
  .m-md-2 {
    margin: 2em;
  }
  .mt-md-2 {
    margin-top: 2em;
  }
  .mb-md-2 {
    margin-bottom: 2em;
  }
  .mr-md-2 {
    margin-right: 2em;
  }
  .ml-md-2 {
    margin-left: 2em;
  }
  .my-md-2 {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .mx-md-2 {
    margin-right: 2em;
    margin-left: 2em;
  }
  /* Padding */
  .p-md-2 {
    padding: 2em;
  }
  .pt-md-2 {
    padding-top: 2em;
  }
  .pb-md-2 {
    padding-bottom: 2em;
  }
  .pr-md-2 {
    padding-right: 2em;
  }
  .pl-md-2 {
    padding-left: 2em;
  }
  .py-md-2 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .px-md-2 {
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media (max-width: 1200px) {
  .m-lg-2 {
    margin: 2em;
  }
  .mt-lg-2 {
    margin-top: 2em;
  }
  .mb-lg-2 {
    margin-bottom: 2em;
  }
  .mr-lg-2 {
    margin-right: 2em;
  }
  .ml-lg-2 {
    margin-left: 2em;
  }
  .my-lg-2 {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .mx-lg-2 {
    margin-right: 2em;
    margin-left: 2em;
  }
  /* Padding */
  .p-lg-2 {
    padding: 2em;
  }
  .pt-lg-2 {
    padding-top: 2em;
  }
  .pb-lg-2 {
    padding-bottom: 2em;
  }
  .pr-lg-2 {
    padding-right: 2em;
  }
  .pl-lg-2 {
    padding-left: 2em;
  }
  .py-lg-2 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .px-lg-2 {
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media (max-width: 1400px) {
  .m-xl-2 {
    margin: 2em;
  }
  .mt-xl-2 {
    margin-top: 2em;
  }
  .mb-xl-2 {
    margin-bottom: 2em;
  }
  .mr-xl-2 {
    margin-right: 2em;
  }
  .ml-xl-2 {
    margin-left: 2em;
  }
  .my-xl-2 {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .mx-xl-2 {
    margin-right: 2em;
    margin-left: 2em;
  }
  /* Padding */
  .p-xl-2 {
    padding: 2em;
  }
  .pt-xl-2 {
    padding-top: 2em;
  }
  .pb-xl-2 {
    padding-bottom: 2em;
  }
  .pr-xl-2 {
    padding-right: 2em;
  }
  .pl-xl-2 {
    padding-left: 2em;
  }
  .py-xl-2 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .px-xl-2 {
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media (min-width: 1401px) {
  .m-xxl-2 {
    margin: 2em;
  }
  .mt-xxl-2 {
    margin-top: 2em;
  }
  .mb-xxl-2 {
    margin-bottom: 2em;
  }
  .mr-xxl-2 {
    margin-right: 2em;
  }
  .ml-xxl-2 {
    margin-left: 2em;
  }
  .my-xxl-2 {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .mx-xxl-2 {
    margin-right: 2em;
    margin-left: 2em;
  }
  /* Padding */
  .p-xxl-2 {
    padding: 2em;
  }
  .pt-xxl-2 {
    padding-top: 2em;
  }
  .pb-xxl-2 {
    padding-bottom: 2em;
  }
  .pr-xxl-2 {
    padding-right: 2em;
  }
  .pl-xxl-2 {
    padding-left: 2em;
  }
  .py-xxl-2 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .px-xxl-2 {
    padding-right: 2em;
    padding-left: 2em;
  }
}

.m-3 {
  margin: 3em;
}

.mt-3 {
  margin-top: 3em;
}

.mb-3 {
  margin-bottom: 3em;
}

.mr-3 {
  margin-right: 3em;
}

.ml-3 {
  margin-left: 3em;
}

.my-3 {
  margin-top: 3em;
  margin-bottom: 3em;
}

.mx-3 {
  margin-right: 3em;
  margin-left: 3em;
}

/* Padding */
.p-3 {
  padding: 3em;
}

.pt-3 {
  padding-top: 3em;
}

.pb-3 {
  padding-bottom: 3em;
}

.pr-3 {
  padding-right: 3em;
}

.pl-3 {
  padding-left: 3em;
}

.py-3 {
  padding-top: 3em;
  padding-bottom: 3em;
}

.px-3 {
  padding-right: 3em;
  padding-left: 3em;
}

@media (max-width: 566px) {
  /* Margin */
  .m-xs-3 {
    margin: 3em;
  }
  .mt-xs-3 {
    margin-top: 3em;
  }
  .mb-xs-3 {
    margin-bottom: 3em;
  }
  .mr-xs-3 {
    margin-right: 3em;
  }
  .ml-xs-3 {
    margin-left: 3em;
  }
  .my-xs-3 {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .mx-xs-3 {
    margin-right: 3em;
    margin-left: 3em;
  }
  /* Padding */
  .p-xs-3 {
    padding: 3em;
  }
  .pt-xs-3 {
    padding-top: 3em;
  }
  .pb-xs-3 {
    padding-bottom: 3em;
  }
  .pr-xs-3 {
    padding-right: 3em;
  }
  .pl-xs-3 {
    padding-left: 3em;
  }
  .py-xs-3 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .px-xs-3 {
    padding-right: 3em;
    padding-left: 3em;
  }
}

@media (max-width: 768px) {
  .m-sm-3 {
    margin: 3em;
  }
  .mt-sm-3 {
    margin-top: 3em;
  }
  .mb-sm-3 {
    margin-bottom: 3em;
  }
  .mr-sm-3 {
    margin-right: 3em;
  }
  .ml-sm-3 {
    margin-left: 3em;
  }
  .my-sm-3 {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .mx-sm-3 {
    margin-right: 3em;
    margin-left: 3em;
  }
  /* Padding */
  .p-sm-3 {
    padding: 3em;
  }
  .pt-sm-3 {
    padding-top: 3em;
  }
  .pb-sm-3 {
    padding-bottom: 3em;
  }
  .pr-sm-3 {
    padding-right: 3em;
  }
  .pl-sm-3 {
    padding-left: 3em;
  }
  .py-sm-3 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .px-sm-3 {
    padding-right: 3em;
    padding-left: 3em;
  }
}

@media (max-width: 992px) {
  .m-md-3 {
    margin: 3em;
  }
  .mt-md-3 {
    margin-top: 3em;
  }
  .mb-md-3 {
    margin-bottom: 3em;
  }
  .mr-md-3 {
    margin-right: 3em;
  }
  .ml-md-3 {
    margin-left: 3em;
  }
  .my-md-3 {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .mx-md-3 {
    margin-right: 3em;
    margin-left: 3em;
  }
  /* Padding */
  .p-md-3 {
    padding: 3em;
  }
  .pt-md-3 {
    padding-top: 3em;
  }
  .pb-md-3 {
    padding-bottom: 3em;
  }
  .pr-md-3 {
    padding-right: 3em;
  }
  .pl-md-3 {
    padding-left: 3em;
  }
  .py-md-3 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .px-md-3 {
    padding-right: 3em;
    padding-left: 3em;
  }
}

@media (max-width: 1200px) {
  .m-lg-3 {
    margin: 3em;
  }
  .mt-lg-3 {
    margin-top: 3em;
  }
  .mb-lg-3 {
    margin-bottom: 3em;
  }
  .mr-lg-3 {
    margin-right: 3em;
  }
  .ml-lg-3 {
    margin-left: 3em;
  }
  .my-lg-3 {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .mx-lg-3 {
    margin-right: 3em;
    margin-left: 3em;
  }
  /* Padding */
  .p-lg-3 {
    padding: 3em;
  }
  .pt-lg-3 {
    padding-top: 3em;
  }
  .pb-lg-3 {
    padding-bottom: 3em;
  }
  .pr-lg-3 {
    padding-right: 3em;
  }
  .pl-lg-3 {
    padding-left: 3em;
  }
  .py-lg-3 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .px-lg-3 {
    padding-right: 3em;
    padding-left: 3em;
  }
}

@media (max-width: 1400px) {
  .m-xl-3 {
    margin: 3em;
  }
  .mt-xl-3 {
    margin-top: 3em;
  }
  .mb-xl-3 {
    margin-bottom: 3em;
  }
  .mr-xl-3 {
    margin-right: 3em;
  }
  .ml-xl-3 {
    margin-left: 3em;
  }
  .my-xl-3 {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .mx-xl-3 {
    margin-right: 3em;
    margin-left: 3em;
  }
  /* Padding */
  .p-xl-3 {
    padding: 3em;
  }
  .pt-xl-3 {
    padding-top: 3em;
  }
  .pb-xl-3 {
    padding-bottom: 3em;
  }
  .pr-xl-3 {
    padding-right: 3em;
  }
  .pl-xl-3 {
    padding-left: 3em;
  }
  .py-xl-3 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .px-xl-3 {
    padding-right: 3em;
    padding-left: 3em;
  }
}

@media (min-width: 1401px) {
  .m-xxl-3 {
    margin: 3em;
  }
  .mt-xxl-3 {
    margin-top: 3em;
  }
  .mb-xxl-3 {
    margin-bottom: 3em;
  }
  .mr-xxl-3 {
    margin-right: 3em;
  }
  .ml-xxl-3 {
    margin-left: 3em;
  }
  .my-xxl-3 {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .mx-xxl-3 {
    margin-right: 3em;
    margin-left: 3em;
  }
  /* Padding */
  .p-xxl-3 {
    padding: 3em;
  }
  .pt-xxl-3 {
    padding-top: 3em;
  }
  .pb-xxl-3 {
    padding-bottom: 3em;
  }
  .pr-xxl-3 {
    padding-right: 3em;
  }
  .pl-xxl-3 {
    padding-left: 3em;
  }
  .py-xxl-3 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .px-xxl-3 {
    padding-right: 3em;
    padding-left: 3em;
  }
}

.m-4 {
  margin: 4em;
}

.mt-4 {
  margin-top: 4em;
}

.mb-4 {
  margin-bottom: 4em;
}

.mr-4 {
  margin-right: 4em;
}

.ml-4 {
  margin-left: 4em;
}

.my-4 {
  margin-top: 4em;
  margin-bottom: 4em;
}

.mx-4 {
  margin-right: 4em;
  margin-left: 4em;
}

/* Padding */
.p-4 {
  padding: 4em;
}

.pt-4 {
  padding-top: 4em;
}

.pb-4 {
  padding-bottom: 4em;
}

.pr-4 {
  padding-right: 4em;
}

.pl-4 {
  padding-left: 4em;
}

.py-4 {
  padding-top: 4em;
  padding-bottom: 4em;
}

.px-4 {
  padding-right: 4em;
  padding-left: 4em;
}

@media (max-width: 566px) {
  /* Margin */
  .m-xs-4 {
    margin: 4em;
  }
  .mt-xs-4 {
    margin-top: 4em;
  }
  .mb-xs-4 {
    margin-bottom: 4em;
  }
  .mr-xs-4 {
    margin-right: 4em;
  }
  .ml-xs-4 {
    margin-left: 4em;
  }
  .my-xs-4 {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .mx-xs-4 {
    margin-right: 4em;
    margin-left: 4em;
  }
  /* Padding */
  .p-xs-4 {
    padding: 4em;
  }
  .pt-xs-4 {
    padding-top: 4em;
  }
  .pb-xs-4 {
    padding-bottom: 4em;
  }
  .pr-xs-4 {
    padding-right: 4em;
  }
  .pl-xs-4 {
    padding-left: 4em;
  }
  .py-xs-4 {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .px-xs-4 {
    padding-right: 4em;
    padding-left: 4em;
  }
}

@media (max-width: 768px) {
  .m-sm-4 {
    margin: 4em;
  }
  .mt-sm-4 {
    margin-top: 4em;
  }
  .mb-sm-4 {
    margin-bottom: 4em;
  }
  .mr-sm-4 {
    margin-right: 4em;
  }
  .ml-sm-4 {
    margin-left: 4em;
  }
  .my-sm-4 {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .mx-sm-4 {
    margin-right: 4em;
    margin-left: 4em;
  }
  /* Padding */
  .p-sm-4 {
    padding: 4em;
  }
  .pt-sm-4 {
    padding-top: 4em;
  }
  .pb-sm-4 {
    padding-bottom: 4em;
  }
  .pr-sm-4 {
    padding-right: 4em;
  }
  .pl-sm-4 {
    padding-left: 4em;
  }
  .py-sm-4 {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .px-sm-4 {
    padding-right: 4em;
    padding-left: 4em;
  }
}

@media (max-width: 992px) {
  .m-md-4 {
    margin: 4em;
  }
  .mt-md-4 {
    margin-top: 4em;
  }
  .mb-md-4 {
    margin-bottom: 4em;
  }
  .mr-md-4 {
    margin-right: 4em;
  }
  .ml-md-4 {
    margin-left: 4em;
  }
  .my-md-4 {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .mx-md-4 {
    margin-right: 4em;
    margin-left: 4em;
  }
  /* Padding */
  .p-md-4 {
    padding: 4em;
  }
  .pt-md-4 {
    padding-top: 4em;
  }
  .pb-md-4 {
    padding-bottom: 4em;
  }
  .pr-md-4 {
    padding-right: 4em;
  }
  .pl-md-4 {
    padding-left: 4em;
  }
  .py-md-4 {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .px-md-4 {
    padding-right: 4em;
    padding-left: 4em;
  }
}

@media (max-width: 1200px) {
  .m-lg-4 {
    margin: 4em;
  }
  .mt-lg-4 {
    margin-top: 4em;
  }
  .mb-lg-4 {
    margin-bottom: 4em;
  }
  .mr-lg-4 {
    margin-right: 4em;
  }
  .ml-lg-4 {
    margin-left: 4em;
  }
  .my-lg-4 {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .mx-lg-4 {
    margin-right: 4em;
    margin-left: 4em;
  }
  /* Padding */
  .p-lg-4 {
    padding: 4em;
  }
  .pt-lg-4 {
    padding-top: 4em;
  }
  .pb-lg-4 {
    padding-bottom: 4em;
  }
  .pr-lg-4 {
    padding-right: 4em;
  }
  .pl-lg-4 {
    padding-left: 4em;
  }
  .py-lg-4 {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .px-lg-4 {
    padding-right: 4em;
    padding-left: 4em;
  }
}

@media (max-width: 1400px) {
  .m-xl-4 {
    margin: 4em;
  }
  .mt-xl-4 {
    margin-top: 4em;
  }
  .mb-xl-4 {
    margin-bottom: 4em;
  }
  .mr-xl-4 {
    margin-right: 4em;
  }
  .ml-xl-4 {
    margin-left: 4em;
  }
  .my-xl-4 {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .mx-xl-4 {
    margin-right: 4em;
    margin-left: 4em;
  }
  /* Padding */
  .p-xl-4 {
    padding: 4em;
  }
  .pt-xl-4 {
    padding-top: 4em;
  }
  .pb-xl-4 {
    padding-bottom: 4em;
  }
  .pr-xl-4 {
    padding-right: 4em;
  }
  .pl-xl-4 {
    padding-left: 4em;
  }
  .py-xl-4 {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .px-xl-4 {
    padding-right: 4em;
    padding-left: 4em;
  }
}

@media (min-width: 1401px) {
  .m-xxl-4 {
    margin: 4em;
  }
  .mt-xxl-4 {
    margin-top: 4em;
  }
  .mb-xxl-4 {
    margin-bottom: 4em;
  }
  .mr-xxl-4 {
    margin-right: 4em;
  }
  .ml-xxl-4 {
    margin-left: 4em;
  }
  .my-xxl-4 {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .mx-xxl-4 {
    margin-right: 4em;
    margin-left: 4em;
  }
  /* Padding */
  .p-xxl-4 {
    padding: 4em;
  }
  .pt-xxl-4 {
    padding-top: 4em;
  }
  .pb-xxl-4 {
    padding-bottom: 4em;
  }
  .pr-xxl-4 {
    padding-right: 4em;
  }
  .pl-xxl-4 {
    padding-left: 4em;
  }
  .py-xxl-4 {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .px-xxl-4 {
    padding-right: 4em;
    padding-left: 4em;
  }
}

.m-5 {
  margin: 5em;
}

.mt-5 {
  margin-top: 5em;
}

.mb-5 {
  margin-bottom: 5em;
}

.mr-5 {
  margin-right: 5em;
}

.ml-5 {
  margin-left: 5em;
}

.my-5 {
  margin-top: 5em;
  margin-bottom: 5em;
}

.mx-5 {
  margin-right: 5em;
  margin-left: 5em;
}

/* Padding */
.p-5 {
  padding: 5em;
}

.pt-5 {
  padding-top: 5em;
}

.pb-5 {
  padding-bottom: 5em;
}

.pr-5 {
  padding-right: 5em;
}

.pl-5 {
  padding-left: 5em;
}

.py-5 {
  padding-top: 5em;
  padding-bottom: 5em;
}

.px-5 {
  padding-right: 5em;
  padding-left: 5em;
}

@media (max-width: 566px) {
  /* Margin */
  .m-xs-5 {
    margin: 5em;
  }
  .mt-xs-5 {
    margin-top: 5em;
  }
  .mb-xs-5 {
    margin-bottom: 5em;
  }
  .mr-xs-5 {
    margin-right: 5em;
  }
  .ml-xs-5 {
    margin-left: 5em;
  }
  .my-xs-5 {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .mx-xs-5 {
    margin-right: 5em;
    margin-left: 5em;
  }
  /* Padding */
  .p-xs-5 {
    padding: 5em;
  }
  .pt-xs-5 {
    padding-top: 5em;
  }
  .pb-xs-5 {
    padding-bottom: 5em;
  }
  .pr-xs-5 {
    padding-right: 5em;
  }
  .pl-xs-5 {
    padding-left: 5em;
  }
  .py-xs-5 {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .px-xs-5 {
    padding-right: 5em;
    padding-left: 5em;
  }
}

@media (max-width: 768px) {
  .m-sm-5 {
    margin: 5em;
  }
  .mt-sm-5 {
    margin-top: 5em;
  }
  .mb-sm-5 {
    margin-bottom: 5em;
  }
  .mr-sm-5 {
    margin-right: 5em;
  }
  .ml-sm-5 {
    margin-left: 5em;
  }
  .my-sm-5 {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .mx-sm-5 {
    margin-right: 5em;
    margin-left: 5em;
  }
  /* Padding */
  .p-sm-5 {
    padding: 5em;
  }
  .pt-sm-5 {
    padding-top: 5em;
  }
  .pb-sm-5 {
    padding-bottom: 5em;
  }
  .pr-sm-5 {
    padding-right: 5em;
  }
  .pl-sm-5 {
    padding-left: 5em;
  }
  .py-sm-5 {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .px-sm-5 {
    padding-right: 5em;
    padding-left: 5em;
  }
}

@media (max-width: 992px) {
  .m-md-5 {
    margin: 5em;
  }
  .mt-md-5 {
    margin-top: 5em;
  }
  .mb-md-5 {
    margin-bottom: 5em;
  }
  .mr-md-5 {
    margin-right: 5em;
  }
  .ml-md-5 {
    margin-left: 5em;
  }
  .my-md-5 {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .mx-md-5 {
    margin-right: 5em;
    margin-left: 5em;
  }
  /* Padding */
  .p-md-5 {
    padding: 5em;
  }
  .pt-md-5 {
    padding-top: 5em;
  }
  .pb-md-5 {
    padding-bottom: 5em;
  }
  .pr-md-5 {
    padding-right: 5em;
  }
  .pl-md-5 {
    padding-left: 5em;
  }
  .py-md-5 {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .px-md-5 {
    padding-right: 5em;
    padding-left: 5em;
  }
}

@media (max-width: 1200px) {
  .m-lg-5 {
    margin: 5em;
  }
  .mt-lg-5 {
    margin-top: 5em;
  }
  .mb-lg-5 {
    margin-bottom: 5em;
  }
  .mr-lg-5 {
    margin-right: 5em;
  }
  .ml-lg-5 {
    margin-left: 5em;
  }
  .my-lg-5 {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .mx-lg-5 {
    margin-right: 5em;
    margin-left: 5em;
  }
  /* Padding */
  .p-lg-5 {
    padding: 5em;
  }
  .pt-lg-5 {
    padding-top: 5em;
  }
  .pb-lg-5 {
    padding-bottom: 5em;
  }
  .pr-lg-5 {
    padding-right: 5em;
  }
  .pl-lg-5 {
    padding-left: 5em;
  }
  .py-lg-5 {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .px-lg-5 {
    padding-right: 5em;
    padding-left: 5em;
  }
}

@media (max-width: 1400px) {
  .m-xl-5 {
    margin: 5em;
  }
  .mt-xl-5 {
    margin-top: 5em;
  }
  .mb-xl-5 {
    margin-bottom: 5em;
  }
  .mr-xl-5 {
    margin-right: 5em;
  }
  .ml-xl-5 {
    margin-left: 5em;
  }
  .my-xl-5 {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .mx-xl-5 {
    margin-right: 5em;
    margin-left: 5em;
  }
  /* Padding */
  .p-xl-5 {
    padding: 5em;
  }
  .pt-xl-5 {
    padding-top: 5em;
  }
  .pb-xl-5 {
    padding-bottom: 5em;
  }
  .pr-xl-5 {
    padding-right: 5em;
  }
  .pl-xl-5 {
    padding-left: 5em;
  }
  .py-xl-5 {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .px-xl-5 {
    padding-right: 5em;
    padding-left: 5em;
  }
}

@media (min-width: 1401px) {
  .m-xxl-5 {
    margin: 5em;
  }
  .mt-xxl-5 {
    margin-top: 5em;
  }
  .mb-xxl-5 {
    margin-bottom: 5em;
  }
  .mr-xxl-5 {
    margin-right: 5em;
  }
  .ml-xxl-5 {
    margin-left: 5em;
  }
  .my-xxl-5 {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .mx-xxl-5 {
    margin-right: 5em;
    margin-left: 5em;
  }
  /* Padding */
  .p-xxl-5 {
    padding: 5em;
  }
  .pt-xxl-5 {
    padding-top: 5em;
  }
  .pb-xxl-5 {
    padding-bottom: 5em;
  }
  .pr-xxl-5 {
    padding-right: 5em;
  }
  .pl-xxl-5 {
    padding-left: 5em;
  }
  .py-xxl-5 {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .px-xxl-5 {
    padding-right: 5em;
    padding-left: 5em;
  }
}

.m-6 {
  margin: 6em;
}

.mt-6 {
  margin-top: 6em;
}

.mb-6 {
  margin-bottom: 6em;
}

.mr-6 {
  margin-right: 6em;
}

.ml-6 {
  margin-left: 6em;
}

.my-6 {
  margin-top: 6em;
  margin-bottom: 6em;
}

.mx-6 {
  margin-right: 6em;
  margin-left: 6em;
}

/* Padding */
.p-6 {
  padding: 6em;
}

.pt-6 {
  padding-top: 6em;
}

.pb-6 {
  padding-bottom: 6em;
}

.pr-6 {
  padding-right: 6em;
}

.pl-6 {
  padding-left: 6em;
}

.py-6 {
  padding-top: 6em;
  padding-bottom: 6em;
}

.px-6 {
  padding-right: 6em;
  padding-left: 6em;
}

@media (max-width: 566px) {
  /* Margin */
  .m-xs-6 {
    margin: 6em;
  }
  .mt-xs-6 {
    margin-top: 6em;
  }
  .mb-xs-6 {
    margin-bottom: 6em;
  }
  .mr-xs-6 {
    margin-right: 6em;
  }
  .ml-xs-6 {
    margin-left: 6em;
  }
  .my-xs-6 {
    margin-top: 6em;
    margin-bottom: 6em;
  }
  .mx-xs-6 {
    margin-right: 6em;
    margin-left: 6em;
  }
  /* Padding */
  .p-xs-6 {
    padding: 6em;
  }
  .pt-xs-6 {
    padding-top: 6em;
  }
  .pb-xs-6 {
    padding-bottom: 6em;
  }
  .pr-xs-6 {
    padding-right: 6em;
  }
  .pl-xs-6 {
    padding-left: 6em;
  }
  .py-xs-6 {
    padding-top: 6em;
    padding-bottom: 6em;
  }
  .px-xs-6 {
    padding-right: 6em;
    padding-left: 6em;
  }
}

@media (max-width: 768px) {
  .m-sm-6 {
    margin: 6em;
  }
  .mt-sm-6 {
    margin-top: 6em;
  }
  .mb-sm-6 {
    margin-bottom: 6em;
  }
  .mr-sm-6 {
    margin-right: 6em;
  }
  .ml-sm-6 {
    margin-left: 6em;
  }
  .my-sm-6 {
    margin-top: 6em;
    margin-bottom: 6em;
  }
  .mx-sm-6 {
    margin-right: 6em;
    margin-left: 6em;
  }
  /* Padding */
  .p-sm-6 {
    padding: 6em;
  }
  .pt-sm-6 {
    padding-top: 6em;
  }
  .pb-sm-6 {
    padding-bottom: 6em;
  }
  .pr-sm-6 {
    padding-right: 6em;
  }
  .pl-sm-6 {
    padding-left: 6em;
  }
  .py-sm-6 {
    padding-top: 6em;
    padding-bottom: 6em;
  }
  .px-sm-6 {
    padding-right: 6em;
    padding-left: 6em;
  }
}

@media (max-width: 992px) {
  .m-md-6 {
    margin: 6em;
  }
  .mt-md-6 {
    margin-top: 6em;
  }
  .mb-md-6 {
    margin-bottom: 6em;
  }
  .mr-md-6 {
    margin-right: 6em;
  }
  .ml-md-6 {
    margin-left: 6em;
  }
  .my-md-6 {
    margin-top: 6em;
    margin-bottom: 6em;
  }
  .mx-md-6 {
    margin-right: 6em;
    margin-left: 6em;
  }
  /* Padding */
  .p-md-6 {
    padding: 6em;
  }
  .pt-md-6 {
    padding-top: 6em;
  }
  .pb-md-6 {
    padding-bottom: 6em;
  }
  .pr-md-6 {
    padding-right: 6em;
  }
  .pl-md-6 {
    padding-left: 6em;
  }
  .py-md-6 {
    padding-top: 6em;
    padding-bottom: 6em;
  }
  .px-md-6 {
    padding-right: 6em;
    padding-left: 6em;
  }
}

@media (max-width: 1200px) {
  .m-lg-6 {
    margin: 6em;
  }
  .mt-lg-6 {
    margin-top: 6em;
  }
  .mb-lg-6 {
    margin-bottom: 6em;
  }
  .mr-lg-6 {
    margin-right: 6em;
  }
  .ml-lg-6 {
    margin-left: 6em;
  }
  .my-lg-6 {
    margin-top: 6em;
    margin-bottom: 6em;
  }
  .mx-lg-6 {
    margin-right: 6em;
    margin-left: 6em;
  }
  /* Padding */
  .p-lg-6 {
    padding: 6em;
  }
  .pt-lg-6 {
    padding-top: 6em;
  }
  .pb-lg-6 {
    padding-bottom: 6em;
  }
  .pr-lg-6 {
    padding-right: 6em;
  }
  .pl-lg-6 {
    padding-left: 6em;
  }
  .py-lg-6 {
    padding-top: 6em;
    padding-bottom: 6em;
  }
  .px-lg-6 {
    padding-right: 6em;
    padding-left: 6em;
  }
}

@media (max-width: 1400px) {
  .m-xl-6 {
    margin: 6em;
  }
  .mt-xl-6 {
    margin-top: 6em;
  }
  .mb-xl-6 {
    margin-bottom: 6em;
  }
  .mr-xl-6 {
    margin-right: 6em;
  }
  .ml-xl-6 {
    margin-left: 6em;
  }
  .my-xl-6 {
    margin-top: 6em;
    margin-bottom: 6em;
  }
  .mx-xl-6 {
    margin-right: 6em;
    margin-left: 6em;
  }
  /* Padding */
  .p-xl-6 {
    padding: 6em;
  }
  .pt-xl-6 {
    padding-top: 6em;
  }
  .pb-xl-6 {
    padding-bottom: 6em;
  }
  .pr-xl-6 {
    padding-right: 6em;
  }
  .pl-xl-6 {
    padding-left: 6em;
  }
  .py-xl-6 {
    padding-top: 6em;
    padding-bottom: 6em;
  }
  .px-xl-6 {
    padding-right: 6em;
    padding-left: 6em;
  }
}

@media (min-width: 1401px) {
  .m-xxl-6 {
    margin: 6em;
  }
  .mt-xxl-6 {
    margin-top: 6em;
  }
  .mb-xxl-6 {
    margin-bottom: 6em;
  }
  .mr-xxl-6 {
    margin-right: 6em;
  }
  .ml-xxl-6 {
    margin-left: 6em;
  }
  .my-xxl-6 {
    margin-top: 6em;
    margin-bottom: 6em;
  }
  .mx-xxl-6 {
    margin-right: 6em;
    margin-left: 6em;
  }
  /* Padding */
  .p-xxl-6 {
    padding: 6em;
  }
  .pt-xxl-6 {
    padding-top: 6em;
  }
  .pb-xxl-6 {
    padding-bottom: 6em;
  }
  .pr-xxl-6 {
    padding-right: 6em;
  }
  .pl-xxl-6 {
    padding-left: 6em;
  }
  .py-xxl-6 {
    padding-top: 6em;
    padding-bottom: 6em;
  }
  .px-xxl-6 {
    padding-right: 6em;
    padding-left: 6em;
  }
}

/* Colors */
.primary {
  color: #16B798;
}

.muted {
  color: #fafafa;
}

.white {
  color: white;
}

.black {
  color: black;
}

.dark-grey {
  color: #e5e5e5;
}

.gray {
  color: #ccc;
}

/* Background */
.bg-gradient {
  background: -webkit-gradient(linear, left top, right top, from(#d6372e), to(#ddd42c));
  background: linear-gradient(90deg, #d6372e 0%, #ddd42c 100%);
}

.bg-primary {
  background-color: #16B798;
}

.bg-muted {
  background-color: #fafafa;
}

.bg-white {
  background-color: white;
}

.bg-black {
  background-color: black;
}

.bg-dark-grey {
  background-color: #e5e5e5;
}

.bg-gray {
  background-color: #ccc;
}

.center {
  text-align: center;
}

:root {
  font-family: 'Poppins', sans-serif;
}

.extra-small {
  font-size: x-small;
}

.small {
  font-size: small;
}

.medium {
  font-size: medium;
}

.large {
  font-size: large;
}

.extra-large {
  font-size: x-large;
}

.light {
  font-weight: lighter;
}

.regular {
  font-weight: normal;
}

.bold {
  font-weight: bold;
}

nav ul {
  list-style-type: none;
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
  padding: 0px;
}

.section.top-bottom-padding-small {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section.padding-none {
  padding-top: 0px;
  padding-bottom: 0px;
}

.section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
  padding-bottom: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tab-icons-mobile {
  display: none;
}

.blur {
  -webkit-filter: blur(4px);
          filter: blur(4px);
}

img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}

.clickable:hover {
  cursor: pointer;
}

.tab-glow {
  position: absolute;
  left: 10%;
  top: auto;
  right: auto;
  bottom: -125%;
  width: 30%;
}

.tab-container {
  position: relative;
  z-index: 998;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.tab-side-lines {
  width: 90vw;
  max-width: 1440px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.tab-middle-container {
  position: relative;
  width: 90vw;
  max-width: 1440px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.tab-logos-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-tabs-middle {
  width: 100%;
}

.tab-logo {
  height: 45%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/*# sourceMappingURL=style.css.map */