@charset "UTF-8";
/*-------------------------------------------------
=  Table of Css

1.Reset
2.Print
3.Core
4.Bootstrap 4 Extension

-------------------------------------------------*/
/*!
 * Bootstrap Grid v4.6.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container,
.container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
.container-sm,
.container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
.container-sm,
.container-md,
.container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.333333%;
  }

  .offset-sm-2 {
    margin-left: 16.666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.333333%;
  }

  .offset-sm-5 {
    margin-left: 41.666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.333333%;
  }

  .offset-sm-8 {
    margin-left: 66.666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.333333%;
  }

  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.333333%;
  }

  .offset-md-2 {
    margin-left: 16.666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.333333%;
  }

  .offset-md-5 {
    margin-left: 41.666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.333333%;
  }

  .offset-md-8 {
    margin-left: 66.666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.333333%;
  }

  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.333333%;
  }

  .offset-lg-2 {
    margin-left: 16.666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.333333%;
  }

  .offset-lg-5 {
    margin-left: 41.666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.333333%;
  }

  .offset-lg-8 {
    margin-left: 66.666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.333333%;
  }

  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.333333%;
  }

  .offset-xl-2 {
    margin-left: 16.666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.333333%;
  }

  .offset-xl-5 {
    margin-left: 41.666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.333333%;
  }

  .offset-xl-8 {
    margin-left: 66.666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.333333%;
  }

  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

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

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

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

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

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

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

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

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

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

.align-items-stretch {
  align-items: stretch !important;
}

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

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

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

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

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

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

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

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

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

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

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

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

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

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

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

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

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

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

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

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

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

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

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

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

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

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

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

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

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

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

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

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

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

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

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

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

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

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

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

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

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

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

.m-1 {
  margin: 0.25rem !important;
}

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

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

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

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

.m-2 {
  margin: 0.5rem !important;
}

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

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

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

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

.m-3 {
  margin: 1rem !important;
}

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

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

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

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

.m-4 {
  margin: 1.5rem !important;
}

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

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

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

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

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

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

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

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

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

.p-0 {
  padding: 0 !important;
}

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

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

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

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

.p-1 {
  padding: 0.25rem !important;
}

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

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

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

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

.p-2 {
  padding: 0.5rem !important;
}

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

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

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

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

.p-3 {
  padding: 1rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-n1 {
  margin: -0.25rem !important;
}

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

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

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

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

.m-n2 {
  margin: -0.5rem !important;
}

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

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

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

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

.m-n3 {
  margin: -1rem !important;
}

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

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

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

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

.m-n4 {
  margin: -1.5rem !important;
}

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

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

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

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

.m-n5 {
  margin: -3rem !important;
}

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

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

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

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

.m-auto {
  margin: auto !important;
}

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

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

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

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

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .p-sm-0 {
    padding: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-sm-auto {
    margin: auto !important;
  }

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

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

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

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .p-md-0 {
    padding: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-md-n1,
.my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
.mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
.mx-md-n1 {
    margin-left: -0.25rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-md-auto {
    margin: auto !important;
  }

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

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

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

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .p-lg-0 {
    padding: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-lg-auto {
    margin: auto !important;
  }

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

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

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

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .p-xl-0 {
    padding: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-xl-auto {
    margin: auto !important;
  }

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

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

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

  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
/*!
 * Bootstrap Reboot v4.6.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #141414;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}
/*-------------------------------------------------*/
/*-------------NEUTRAL----------------------*/
/*-------------SECONDARY----------------------*/
/*-------------STYLE COLOR----------------------*/
/*-------------ASSETS----------------------*/
/*-------------ELEMENTS----------------------*/
/*-------------RESPONSIVE----------------------*/
/*-------------------------------------------------*/
/* =  1.Reset
/*-------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a:focus {
  text-decoration: none;
}

textarea {
  resize: none;
}

button {
  background: none;
  border: none;
  outline: inherit;
}

/*-------------------------------------------------*/
/* =  2.Print
/*-------------------------------------------------*/
@media print {
  *,
*::before,
*::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .badge {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
.table th {
    background-color: #fff !important;
  }

  .table-bordered th,
.table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Tusker Grotesk";
  src: url(177e9d55a9a1810305cc.woff2) format("woff2"), url(8eb65abe3415902ea86d.woff) format("woff"), url(b5368f0d459309ec7215f8ca30c55dac.svg#TuskerGrotesk-3700Bold) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Moderat Extended";
  src: url(13a9be175a693e14aa58.woff2) format("woff2"), url(95ce47ffc5e25b35b3d0.woff) format("woff"), url(e9859f79f518ce3e1069bf917bfb5b50.svg#ModeratTrial-ExtendedSemibold) format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Moderat Extended";
  src: url(5e8fc2b47d6b31da2997.woff2) format("woff2"), url(bc9ce4594fde0dfe5e23.woff) format("woff"), url(5471f8e9b66728d39cc0b2e274d0003e.svg#ModeratTrial-ExtendedBold) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*-------------------------------------------------*/
/* =  4.Core Classis (!important is necessary)
/*-------------------------------------------------*/
html {
  line-height: 1.54;
  font-size: 16px;
  color: #1D1D1B;
  font-family: "Tusker Grotesk", Helvetica, Arial, sans-serif;
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  color: #020203;
  font-family: "Tusker Grotesk", Helvetica, Arial, sans-serif;
}
body[class*=no-scroll] {
  overflow-y: hidden !important;
}

* {
  text-rendering: optimizeLegibility;
}

::selection {
  background: #E1F42A;
  color: white;
}

h1,
[class*=h1],
h2,
[class*=h2],
h3,
[class*=h3],
h4,
[class*=h4],
h5,
[class*=h5],
h6,
[class*=h6],
[class*=heading] {
  font-weight: 400;
  line-height: 1.12;
}
h1[class*=uppercase],
[class*=h1][class*=uppercase],
h2[class*=uppercase],
[class*=h2][class*=uppercase],
h3[class*=uppercase],
[class*=h3][class*=uppercase],
h4[class*=uppercase],
[class*=h4][class*=uppercase],
h5[class*=uppercase],
[class*=h5][class*=uppercase],
h6[class*=uppercase],
[class*=h6][class*=uppercase],
[class*=heading][class*=uppercase] {
  text-transform: uppercase;
}
h1 > span,
[class*=h1] > span,
h2 > span,
[class*=h2] > span,
h3 > span,
[class*=h3] > span,
h4 > span,
[class*=h4] > span,
h5 > span,
[class*=h5] > span,
h6 > span,
[class*=h6] > span,
[class*=heading] > span {
  display: block;
}
h1 em,
[class*=h1] em,
h2 em,
[class*=h2] em,
h3 em,
[class*=h3] em,
h4 em,
[class*=h4] em,
h5 em,
[class*=h5] em,
h6 em,
[class*=h6] em,
[class*=heading] em {
  color: #E1F42A;
}
h1 em[class*=alt],
[class*=h1] em[class*=alt],
h2 em[class*=alt],
[class*=h2] em[class*=alt],
h3 em[class*=alt],
[class*=h3] em[class*=alt],
h4 em[class*=alt],
[class*=h4] em[class*=alt],
h5 em[class*=alt],
[class*=h5] em[class*=alt],
h6 em[class*=alt],
[class*=h6] em[class*=alt],
[class*=heading] em[class*=alt] {
  font-family: "Moderat Extended", Helvetica, Arial, sans-serif;
}
h1 [class*=line],
[class*=h1] [class*=line],
h2 [class*=line],
[class*=h2] [class*=line],
h3 [class*=line],
[class*=h3] [class*=line],
h4 [class*=line],
[class*=h4] [class*=line],
h5 [class*=line],
[class*=h5] [class*=line],
h6 [class*=line],
[class*=h6] [class*=line],
[class*=heading] [class*=line] {
  overflow: hidden;
  white-space: pre;
}
h1 [class*=word],
[class*=h1] [class*=word],
h2 [class*=word],
[class*=h2] [class*=word],
h3 [class*=word],
[class*=h3] [class*=word],
h4 [class*=word],
[class*=h4] [class*=word],
h5 [class*=word],
[class*=h5] [class*=word],
h6 [class*=word],
[class*=h6] [class*=word],
[class*=heading] [class*=word] {
  --clip: 100%;
  overflow: hidden;
  line-height: 1.1;
  clip-path: inset(0 0 var(--clip));
  white-space: pre;
}
h1 [class*=word] [class*=char],
[class*=h1] [class*=word] [class*=char],
h2 [class*=word] [class*=char],
[class*=h2] [class*=word] [class*=char],
h3 [class*=word] [class*=char],
[class*=h3] [class*=word] [class*=char],
h4 [class*=word] [class*=char],
[class*=h4] [class*=word] [class*=char],
h5 [class*=word] [class*=char],
[class*=h5] [class*=word] [class*=char],
h6 [class*=word] [class*=char],
[class*=h6] [class*=word] [class*=char],
[class*=heading] [class*=word] [class*=char] {
  white-space: pre;
  margin-top: 2px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
[class*=display--2xl],
[class*=display--xl],
.marquee-scrolling .marquee span,
.marquee-scrolling-partners .marquee span,
[class*=display--lg],
[class*=display--md],
[class*=display--sm],
[class|=page-content][class*=case] section#content h2,
[class*=display--xs],
[class|=page-content][class*=case] section#content h3,
[class*=text--2xl],
[class|=page-content][class*=case] section#content h4,
[class*=text--xl],
[class|=page-content][class*=case] section#content blockquote,
[class|=page-content][class*=case] section#content h5,
[class|=basic-form] label,
[class*=text--lg],
[class|=page-content][class*=case] section#content h6,
[class*=text--md],
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) li,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) li,
[class|=page-content][class*=case] section#content p,
[class|=basic-form] :-ms-input-placeholder,
[class|=basic-form] ::-moz-placeholder,
[class|=basic-form] :-moz-placeholder,
[class|=basic-form] ::-webkit-input-placeholder,
[class|=basic-form] [class*=form-field],
[class*=text--sm],
[class*=text--xs],
#logo [class*=banner],
[class*=btn] span {
  opacity: 0;
  user-select: none;
}

html.font-loaded h1,
html.font-loaded h2,
html.font-loaded h3,
html.font-loaded h4,
html.font-loaded h5,
html.font-loaded h6,
html.font-loaded p,
html.font-loaded [class*=display--2xl],
html.font-loaded [class*=display--xl],
html.font-loaded .marquee-scrolling .marquee span,
.marquee-scrolling .marquee html.font-loaded span,
html.font-loaded .marquee-scrolling-partners .marquee span,
.marquee-scrolling-partners .marquee html.font-loaded span,
html.font-loaded [class*=display--lg],
html.font-loaded [class*=display--md],
html.font-loaded [class*=display--sm],
html.font-loaded [class|=page-content][class*=case] section#content h2,
[class|=page-content][class*=case] section#content html.font-loaded h2,
html.font-loaded [class*=display--xs],
html.font-loaded [class|=page-content][class*=case] section#content h3,
[class|=page-content][class*=case] section#content html.font-loaded h3,
html.font-loaded [class*=text--2xl],
html.font-loaded [class|=page-content][class*=case] section#content h4,
[class|=page-content][class*=case] section#content html.font-loaded h4,
html.font-loaded [class*=text--xl],
html.font-loaded [class|=page-content][class*=case] section#content blockquote,
[class|=page-content][class*=case] section#content html.font-loaded blockquote,
html.font-loaded [class|=page-content][class*=case] section#content h5,
[class|=page-content][class*=case] section#content html.font-loaded h5,
html.font-loaded [class|=basic-form] label,
[class|=basic-form] html.font-loaded label,
html.font-loaded [class*=text--lg],
html.font-loaded [class|=page-content][class*=case] section#content h6,
[class|=page-content][class*=case] section#content html.font-loaded h6,
html.font-loaded [class*=text--md],
html.font-loaded [class|=page-content][class*=case] section#content ul:not([class*=blocks]) li,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) html.font-loaded li,
html.font-loaded [class|=page-content][class*=case] section#content ol:not([class*=blocks]) li,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) html.font-loaded li,
html.font-loaded [class|=page-content][class*=case] section#content p,
[class|=page-content][class*=case] section#content html.font-loaded p,
html.font-loaded [class|=basic-form] :-ms-input-placeholder,
[class|=basic-form] html.font-loaded :-ms-input-placeholder,
html.font-loaded [class|=basic-form] ::-moz-placeholder,
[class|=basic-form] html.font-loaded ::-moz-placeholder,
html.font-loaded [class|=basic-form] :-moz-placeholder,
[class|=basic-form] html.font-loaded :-moz-placeholder,
html.font-loaded [class|=basic-form] ::-webkit-input-placeholder,
[class|=basic-form] html.font-loaded ::-webkit-input-placeholder,
html.font-loaded [class|=basic-form] [class*=form-field],
[class|=basic-form] html.font-loaded [class*=form-field],
html.font-loaded [class*=text--sm],
html.font-loaded [class*=text--xs],
html.font-loaded #logo [class*=banner],
html.font-loaded [class*=btn] span {
  opacity: 1;
}

[class*=display--xl], .marquee-scrolling .marquee span,
.marquee-scrolling-partners .marquee span {
  font-size: 12.75rem;
  line-height: 1.02;
}
@media (min-width: 1441px) {
  [class*=display--xl], .marquee-scrolling .marquee span,
.marquee-scrolling-partners .marquee span {
    font-size: 14.17vw;
  }
}
@media (max-width: 991px) {
  [class*=display--xl], .marquee-scrolling .marquee span,
.marquee-scrolling-partners .marquee span {
    font-size: clamp(100px, 19vw, 188px);
  }
}
@media (max-width: 991px) {
  [class*=display--xl][class*=home], .marquee-scrolling .marquee span[class*=home],
.marquee-scrolling-partners .marquee span[class*=home] {
    font-size: 18vw;
  }
}
@media screen and (max-width: 480px) {
  [class*=display--xl][class*=home], .marquee-scrolling .marquee span[class*=home],
.marquee-scrolling-partners .marquee span[class*=home] {
    font-size: 17vw;
  }
}
[class*=display--xl][class*=lh], .marquee-scrolling .marquee span[class*=lh],
.marquee-scrolling-partners .marquee span[class*=lh] {
  line-height: 0.8;
}

[class*=display--lg] {
  font-size: 6.875rem;
  line-height: 1.09;
}
@media (min-width: 1441px) {
  [class*=display--lg] {
    font-size: 7.65vw;
  }
}
@media (max-width: 991px) {
  [class*=display--lg] {
    font-size: 11.1vw;
  }
}
@media screen and (max-width: 480px) {
  [class*=display--lg] {
    font-size: 13vw;
  }
}
[class*=display--lg][class*=lh] {
  line-height: 0.8;
}

[class*=display--md] {
  font-size: 4.375rem;
  line-height: 1.09;
}
[class*=display--md][data-border=white] {
  position: relative;
  display: inline-block;
  z-index: 2;
  margin-left: 10px;
}
@media (min-width: 1441px) {
  [class*=display--md][data-border=white] {
    margin-left: 0.6944454545vw;
  }
}
@media (max-width: 1199px) {
  [class*=display--md][data-border=white] {
    margin-left: 0.6944454545vw;
  }
}
[class*=display--md][data-border=white]::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: 1px;
  background-color: #fff;
  z-index: -1;
}
@media (min-width: 1441px) {
  [class*=display--md][data-border=white]::before {
    top: -0.6944454545vw;
    left: -0.6944454545vw;
    right: -0.6944454545vw;
    bottom: 0.0694445455vw;
  }
}
@media (max-width: 1199px) {
  [class*=display--md][data-border=white]::before {
    top: -0.6944454545vw;
    left: -0.6944454545vw;
    right: -0.6944454545vw;
    bottom: 0.0694445455vw;
  }
}
@media (min-width: 1441px) {
  [class*=display--md] {
    font-size: 4.87vw;
  }
}
@media (max-width: 991px) {
  [class*=display--md] {
    font-size: 3.5rem;
  }
}
@media (max-width: 768px) {
  [class*=display--md] {
    font-size: 3rem;
  }
}
@media screen and (max-width: 576px) {
  [class*=display--md] {
    font-size: 2.625rem;
  }
}
@media screen and (max-width: 414px) {
  [class*=display--md] {
    font-size: 2.125rem;
  }
}

[class*=display--sm], [class|=page-content][class*=case] section#content h2 {
  font-size: 2.5rem;
  line-height: 1.19;
}
@media (min-width: 1441px) {
  [class*=display--sm], [class|=page-content][class*=case] section#content h2 {
    font-size: 3.06vw;
  }
}
@media screen and (max-width: 576px) {
  [class*=display--sm], [class|=page-content][class*=case] section#content h2 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 414px) {
  [class*=display--sm], [class|=page-content][class*=case] section#content h2 {
    font-size: 1.75rem;
  }
}

[class*=display--xs], [class|=page-content][class*=case] section#content h3 {
  font-size: 2.1875rem;
  line-height: 1.2;
}
@media (min-width: 1441px) {
  [class*=display--xs], [class|=page-content][class*=case] section#content h3 {
    font-size: 2.434vw;
  }
}

[class*=text--2xl], [class|=page-content][class*=case] section#content h4 {
  font-size: 2.75rem;
}

[class*=text--xl], [class|=page-content][class*=case] section#content blockquote, [class|=page-content][class*=case] section#content h5, [class|=basic-form] label {
  font-size: 2.125rem;
}
@media (max-width: 991px) {
  [class*=text--xl], [class|=page-content][class*=case] section#content blockquote, [class|=page-content][class*=case] section#content h5, [class|=basic-form] label {
    font-size: 1.75rem;
  }
}
@media (max-width: 768px) {
  [class*=text--xl], [class|=page-content][class*=case] section#content blockquote, [class|=page-content][class*=case] section#content h5, [class|=basic-form] label {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 430px) {
  [class*=text--xl], [class|=page-content][class*=case] section#content blockquote, [class|=page-content][class*=case] section#content h5, [class|=basic-form] label {
    font-size: 1.125rem;
  }
}

[class*=text--lg], [class|=page-content][class*=case] section#content h6 {
  font-size: 1.75rem;
}
@media (min-width: 1441px) {
  [class*=text--lg], [class|=page-content][class*=case] section#content h6 {
    font-size: 1.944447273vw;
  }
}

[class*=text--md], [class|=page-content][class*=case] section#content ul:not([class*=blocks]) li,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) li, [class|=page-content][class*=case] section#content p, [class|=basic-form] :-ms-input-placeholder, [class|=basic-form] ::-moz-placeholder, [class|=basic-form] :-moz-placeholder, [class|=basic-form] ::-webkit-input-placeholder, [class|=basic-form] [class*=form-field] {
  font-size: 1.5rem;
}
@media (min-width: 1441px) {
  [class*=text--md], [class|=page-content][class*=case] section#content ul:not([class*=blocks]) li,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) li, [class|=page-content][class*=case] section#content p, [class|=basic-form] :-ms-input-placeholder, [class|=basic-form] ::-moz-placeholder, [class|=basic-form] :-moz-placeholder, [class|=basic-form] ::-webkit-input-placeholder, [class|=basic-form] [class*=form-field] {
    font-size: clamp(24px, 1.666669091vw, 32px);
  }
}
@media screen and (max-width: 480px) {
  [class*=text--md], [class|=page-content][class*=case] section#content ul:not([class*=blocks]) li,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) li, [class|=page-content][class*=case] section#content p, [class|=basic-form] :-ms-input-placeholder, [class|=basic-form] ::-moz-placeholder, [class|=basic-form] :-moz-placeholder, [class|=basic-form] ::-webkit-input-placeholder, [class|=basic-form] [class*=form-field] {
    font-size: 1.25rem;
  }
}

[class*=text--sm] {
  font-size: 1.1875rem;
}
@media screen and (max-width: 480px) {
  [class*=text--sm] {
    font-size: 1rem;
  }
}

[class*=text--xs] {
  font-size: 0.875rem;
}

p {
  line-height: 1.2;
}

blockquote {
  padding-left: 2.75rem;
  border-left: 3px solid #E1F42A;
  margin: 0.75rem 0;
  max-width: 750px;
}

pre {
  background-color: #F8F8F8;
  padding: 4rem 3rem;
  white-space: normal;
}
pre code {
  font-family: monospace;
  display: block;
  color: #1D1D1B;
}
pre code + code {
  margin-top: 1rem;
}

h1[class*=uppercase],
h2[class*=uppercase],
h3[class*=uppercase],
h4[class*=uppercase],
h5[class*=uppercase],
h6[class*=uppercase],
a[class*=uppercase],
p[class*=uppercase],
strong[class*=uppercase],
b[class*=uppercase],
span[class*=uppercase],
li[class*=uppercase] {
  text-transform: uppercase;
}
h1[data-animation=heroWords] [class*=word], h1[data-animation=hero] [class*=word], h1[data-animation=split] [class*=word], h1[data-animation=heroWordsLoaded] [class*=word],
h2[data-animation=heroWords] [class*=word],
h2[data-animation=hero] [class*=word],
h2[data-animation=split] [class*=word],
h2[data-animation=heroWordsLoaded] [class*=word],
h3[data-animation=heroWords] [class*=word],
h3[data-animation=hero] [class*=word],
h3[data-animation=split] [class*=word],
h3[data-animation=heroWordsLoaded] [class*=word],
h4[data-animation=heroWords] [class*=word],
h4[data-animation=hero] [class*=word],
h4[data-animation=split] [class*=word],
h4[data-animation=heroWordsLoaded] [class*=word],
h5[data-animation=heroWords] [class*=word],
h5[data-animation=hero] [class*=word],
h5[data-animation=split] [class*=word],
h5[data-animation=heroWordsLoaded] [class*=word],
h6[data-animation=heroWords] [class*=word],
h6[data-animation=hero] [class*=word],
h6[data-animation=split] [class*=word],
h6[data-animation=heroWordsLoaded] [class*=word],
a[data-animation=heroWords] [class*=word],
a[data-animation=hero] [class*=word],
a[data-animation=split] [class*=word],
a[data-animation=heroWordsLoaded] [class*=word],
p[data-animation=heroWords] [class*=word],
p[data-animation=hero] [class*=word],
p[data-animation=split] [class*=word],
p[data-animation=heroWordsLoaded] [class*=word],
strong[data-animation=heroWords] [class*=word],
strong[data-animation=hero] [class*=word],
strong[data-animation=split] [class*=word],
strong[data-animation=heroWordsLoaded] [class*=word],
b[data-animation=heroWords] [class*=word],
b[data-animation=hero] [class*=word],
b[data-animation=split] [class*=word],
b[data-animation=heroWordsLoaded] [class*=word],
span[data-animation=heroWords] [class*=word],
span[data-animation=hero] [class*=word],
span[data-animation=split] [class*=word],
span[data-animation=heroWordsLoaded] [class*=word],
li[data-animation=heroWords] [class*=word],
li[data-animation=hero] [class*=word],
li[data-animation=split] [class*=word],
li[data-animation=heroWordsLoaded] [class*=word] {
  opacity: 0;
}

figure img {
  width: 100%;
  height: auto;
}
figure figcaption {
  text-align: center;
  color: #1D1D1B;
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.25;
}

[data-text=split] [class*=word],
[data-text=text] [class*=word] {
  opacity: 0;
}

.lazyload,
.lazyloading {
  opacity: 0;
  filter: blur(5px);
}

.lazyloaded {
  opacity: 1;
  filter: blur(0px);
  transition: opacity 300ms, filter 300ms;
}

[class|=hidden] {
  display: none !important;
}

[class*=grid] {
  display: grid;
}

[class*=ff--heading],
[class*=ffheading] {
  font-family: "Tusker Grotesk", Helvetica, Arial, sans-serif;
}

[class*=ff--par],
[class*=ffpar] {
  font-family: "Moderat Extended", Helvetica, Arial, sans-serif;
}

[class*=fcolor--neutral900] {
  color: #020203;
}

[class*=fcolor--neutral800] {
  color: #1D1D1B;
}

[class*=fcolor--dandelion] {
  color: #E1F42A;
}

[class*=fcolor--white] {
  color: #fff;
}

[class*=f300] {
  font-weight: 300 !important;
}

[class*=f400] {
  font-weight: 400 !important;
}

[class*=f500] {
  font-weight: 500 !important;
}

[class*=f600] {
  font-weight: 600 !important;
}

[class*=f700] {
  font-weight: 700 !important;
}

[class*=f900] {
  font-weight: 900 !important;
}

button:not(:disabled) {
  cursor: none;
}

dialog,
[class*=popup] {
  border: 6px solid #1D1D1B;
  border-radius: 20px;
}
@media (max-width: 1199px) {
  dialog,
[class*=popup] {
    border-width: clamp(2px, 0.4166672727vw, 6px);
  }
}
dialog button,
[class*=popup] button {
  position: fixed;
  top: 25px;
  right: 25px;
  z-index: 99;
  color: #fff;
}
dialog button i,
[class*=popup] button i {
  font-size: 35px;
}
dialog button[class*=close],
[class*=popup] button[class*=close] {
  position: absolute;
  opacity: 1;
  right: 10px;
  top: 10px;
  z-index: 9;
  background-color: #E1F42A;
  padding: 1rem;
  border-radius: 10px;
  color: #1D1D1B;
  font-family: "Moderat Extended", Helvetica, Arial, sans-serif;
  transition: 0.4s ease;
}
@media screen and (max-width: 430px) {
  dialog button[class*=close],
[class*=popup] button[class*=close] {
    padding: 0.75rem;
    font-size: 0.75rem;
  }
}
dialog[class*=video],
[class*=popup][class*=video] {
  padding: 0;
  overflow: hidden;
  width: 125vh;
}
dialog[class*=video] [class*=yt-player],
[class*=popup][class*=video] [class*=yt-player] {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}
dialog[class*=video]:after,
[class*=popup][class*=video]:after {
  content: "";
  padding-top: 56.25%;
  display: block;
}

[class*=popup] {
  position: absolute;
  bottom: 0;
  left: 85%;
  background-color: white;
  z-index: -1;
  padding: 40px 40px 40px 40px;
  opacity: 0;
  transform: scale(0.9);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) all;
  min-height: 100%;
  width: 30vw;
  min-width: 300px;
}
@media (max-width: 1199px) {
  [class*=popup] {
    width: 65vw;
  }
}
@media screen and (max-width: 480px) {
  [class*=popup] {
    padding: 30px 30px 30px 30px;
    min-width: 200px;
  }
}
@media screen and (max-width: 480px) {
  [class*=popup] [class*=content] [class*=text--sm] {
    font-size: 1rem;
  }
}
@media screen and (max-width: 430px) {
  [class*=popup] [class*=content] [class*=text--sm] {
    font-size: 0.875rem;
  }
}
[class*=popup] [class*=content] p + [class*=cta] {
  margin-top: 1.5rem;
}
[class*=popup] [class*=content] [class*=cta] {
  display: inline-flex;
  gap: 0.5rem;
}
[class*=popup] button[class*=close] {
  right: -34px;
  top: -12px;
  transform: rotate(45deg);
  border-radius: 25px;
  box-shadow: inset 0 0 0 4px #1D1D1B;
}
@media (min-width: 1441px) {
  [class*=popup] button[class*=close] {
    box-shadow: inset 0 0 0 4px #1D1D1B;
  }
}
@media (max-width: 1199px) {
  [class*=popup] button[class*=close] {
    box-shadow: inset 0 0 0 clamp(2px, 0.2777781818vw, 5px) #1D1D1B;
  }
}
@media screen and (max-width: 430px) {
  [class*=popup] button[class*=close] {
    right: -25px;
  }
}
[class*=popup][class*=active] {
  opacity: 1;
  transform: scale(1);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) all;
}
[class*=popup][class*=lightbox] {
  position: fixed;
  min-width: clamp(200px, 65vw, 1200px);
  min-height: 100px;
  max-height: calc(100vh - 100px);
  top: 50%;
  left: 50%;
  bottom: unset;
  transform: translate(-50%, -50%) scale(0.9);
  background-color: white;
  z-index: 99;
  padding: 40px 40px 40px 40px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) all;
}
@media screen and (max-height: 625px) {
  [class*=popup][class*=lightbox] {
    height: calc(100vh - 100px);
  }
}
@media (max-width: 1199px) {
  [class*=popup][class*=lightbox] {
    min-width: clamp(200px, 80vw, 1200px);
  }
}
@media (max-width: 768px) {
  [class*=popup][class*=lightbox] {
    top: 125px;
    transform: translate(-50%, 0%) scale(0.9);
    max-height: calc(100vh - 200px);
  }
}
@media screen and (max-width: 480px) {
  [class*=popup][class*=lightbox] {
    padding: 30px;
  }
}
@media screen and (max-height: 800px) and (min-width: 415px) and (max-width: 576px) {
  [class*=popup][class*=lightbox] {
    height: calc(100vh - 200px);
  }
}
@media screen and (max-width: 360px) {
  [class*=popup][class*=lightbox] {
    padding: 20px;
  }
}
@media screen and (max-height: 625px) {
  [class*=popup][class*=lightbox] [class*=content] {
    position: absolute;
    top: 40px;
    left: 40px;
    right: 40px;
    bottom: 40px;
    overflow-y: visible;
    overflow-x: hidden;
  }
}
@media screen and (max-height: 800px) and (min-width: 415px) and (max-width: 576px) {
  [class*=popup][class*=lightbox] [class*=content] {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    overflow-y: visible;
    overflow-x: hidden;
  }
}
@media screen and (max-height: 625px) and (max-width: 360px) {
  [class*=popup][class*=lightbox] [class*=content] {
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  [class*=popup][class*=lightbox] [class*=content] [class*=text--sm] {
    font-size: 1rem;
  }
}
@media screen and (max-width: 430px) {
  [class*=popup][class*=lightbox] [class*=content] [class*=text--sm] {
    font-size: 0.875rem;
  }
}
[class*=popup][class*=lightbox] [class*=content] p + [class*=cta] {
  margin-top: 1.5rem;
}
[class*=popup][class*=lightbox] [class*=content] [class*=cta] {
  display: inline-flex;
  gap: 0.5rem;
}
[class*=popup][class*=lightbox] button[class*=close] {
  right: -34px;
  top: -12px;
  transform: rotate(45deg);
}
@media screen and (max-width: 430px) {
  [class*=popup][class*=lightbox] button[class*=close] {
    right: -25px;
  }
}
[class*=popup][class*=lightbox][class*=active] {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) all;
}
@media (max-width: 768px) {
  [class*=popup][class*=lightbox][class*=active] {
    top: 125px;
    transform: translate(-50%, 0%) scale(1);
  }
}

[data-bg-round=leftright] {
  border-radius: 11vw 11vw 0 0;
  margin-top: -11vw;
}

[data-bg-round=bottom] {
  border-radius: 0 0 11vw 11vw;
}

[data-bg-round=all] {
  border-radius: 11vw;
}

[data-color=primary],
[data-color=colorone] {
  color: #E1F42A;
}

[data-color=darkgrey] {
  color: #1D1D1B;
}

[data-bg=white] {
  background-color: white;
}

[data-bg=primary],
[data-bg=colorone] {
  background-color: #E1F42A;
}

[data-bg=secondary],
[data-bg=colortwo] {
  background-color: #E1F42A;
}

[data-bg=grey] {
  background-color: #F8F8F8;
}

[data-bg=template] {
  background-color: #F4F8F1;
}

[data-bg=dark] {
  background-color: #020203;
}

[data-bg-top=white] {
  position: relative;
}
[data-bg-top=white]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 50%;
  background-color: white;
  z-index: -1;
}

[data-bg-top=primary],
[data-bg-top=colorone] {
  position: relative;
}
[data-bg-top=primary]:after,
[data-bg-top=colorone]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 50%;
  background-color: #E1F42A;
  z-index: -1;
}

[data-bg-top=grey] {
  position: relative;
}
[data-bg-top=grey]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 50%;
  background-color: #F8F8F8;
  z-index: -1;
}

[data-bg-top=template] {
  position: relative;
}
[data-bg-top=template]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 50%;
  background-color: #F4F8F1;
  z-index: -1;
}

[data-bg-top=dark] {
  position: relative;
}
[data-bg-top=dark]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 50%;
  background-color: #020203;
  z-index: -1;
}

[data-bg-bottom=white] {
  position: relative;
}
[data-bg-bottom=white]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 0;
  background-color: white;
  z-index: -1;
}

[data-bg-bottom=primary],
[data-bg-bottom=colorone] {
  position: relative;
}
[data-bg-bottom=primary]:after,
[data-bg-bottom=colorone]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 0;
  background-color: #E1F42A;
  z-index: -1;
}

[data-bg-bottom=grey] {
  position: relative;
}
[data-bg-bottom=grey]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 0;
  background-color: #F8F8F8;
  z-index: -1;
}

[data-bg-bottom=template] {
  position: relative;
}
[data-bg-bottom=template]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 0;
  background-color: #F4F8F1;
  z-index: -1;
}

[data-bg-bottom=dark] {
  position: relative;
}
[data-bg-bottom=dark]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 0;
  background-color: #020203;
  z-index: -1;
}

[data-visible=xl] {
  display: none !important;
}
@media (max-width: 1199px) {
  [data-visible=xl] {
    display: flex !important;
  }
}

[data-visible=lg] {
  display: none !important;
}
@media (max-width: 991px) {
  [data-visible=lg] {
    display: flex !important;
  }
}

[data-visible=md] {
  display: none !important;
}
@media (max-width: 768px) {
  [data-visible=md] {
    display: flex !important;
  }
}

[data-visible=sm] {
  display: none !important;
}
@media screen and (max-width: 576px) {
  [data-visible=sm] {
    display: flex !important;
  }
}

[data-visible=xs] {
  display: none !important;
}
@media screen and (max-width: 480px) {
  [data-visible=xs] {
    display: flex !important;
  }
}

@media (max-width: 1199px) {
  [data-hidden=xl] {
    display: none !important;
  }
}

@media (max-width: 991px) {
  [data-hidden=lg] {
    display: none !important;
  }
}

@media (max-width: 768px) {
  [data-hidden=md] {
    display: none !important;
  }
}

@media screen and (max-width: 576px) {
  [data-hidden=sm] {
    display: none !important;
  }
}

@media screen and (max-width: 480px) {
  [data-hidden=xs] {
    display: none !important;
  }
}

[class*=col-xs-] {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 481px) and (max-width: 577px) {
  .col-xs-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}

@media screen and (min-width: 481px) and (max-width: 577px) {
  .col-xs-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
}

@media screen and (min-width: 481px) and (max-width: 577px) {
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 481px) and (max-width: 577px) {
  .col-xs-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

@media screen and (min-width: 481px) and (max-width: 577px) {
  .col-xs-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}

@media screen and (min-width: 481px) and (max-width: 577px) {
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 481px) and (max-width: 577px) {
  .col-xs-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
}

@media screen and (min-width: 481px) and (max-width: 577px) {
  .col-xs-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}

@media screen and (min-width: 481px) and (max-width: 577px) {
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 481px) and (max-width: 577px) {
  .col-xs-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
}

@media screen and (min-width: 481px) and (max-width: 577px) {
  .col-xs-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
}

@media screen and (min-width: 481px) and (max-width: 577px) {
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  [class*=col-][data-lg-order="1"] {
    order: 1;
  }
}
@media (max-width: 991px) {
  [class*=col-][data-lg-order="2"] {
    order: 2;
  }
}
@media (max-width: 991px) {
  [class*=col-][data-lg-order="3"] {
    order: 3;
  }
}
@media (max-width: 991px) {
  [class*=col-][data-lg-order="4"] {
    order: 4;
  }
}
@media (max-width: 768px) {
  [class*=col-][data-md-order="1"] {
    order: 1;
  }
}
@media (max-width: 768px) {
  [class*=col-][data-md-order="2"] {
    order: 2;
  }
}
@media (max-width: 768px) {
  [class*=col-][data-md-order="3"] {
    order: 3;
  }
}
@media (max-width: 768px) {
  [class*=col-][data-md-order="4"] {
    order: 4;
  }
}
@media screen and (max-width: 576px) {
  [class*=col-][data-sm-order="1"] {
    order: 1;
  }
}
@media screen and (max-width: 576px) {
  [class*=col-][data-sm-order="2"] {
    order: 2;
  }
}
@media screen and (max-width: 576px) {
  [class*=col-][data-sm-order="3"] {
    order: 3;
  }
}
@media screen and (max-width: 576px) {
  [class*=col-][data-sm-order="4"] {
    order: 4;
  }
}

[data-padding=none] {
  padding: 0 !important;
}

[data-padding-top=none] {
  padding-top: 0 !important;
}

[data-padding-bottom=none] {
  padding-bottom: 0 !important;
}

[data-padding] {
  padding-top: 125px;
  padding-bottom: 125px;
}
@media screen and (max-width: 576px) {
  [data-padding] {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

[data-padding=top] {
  padding-top: 125px;
  padding-bottom: initial;
}
@media screen and (max-width: 576px) {
  [data-padding=top] {
    padding-top: 75px;
  }
}

[data-padding=bottom] {
  padding-top: initial;
  padding-bottom: 125px;
}
@media screen and (max-width: 576px) {
  [data-padding=bottom] {
    padding-bottom: 75px;
  }
}

[data-padding="2xl"] {
  padding-top: 250px;
  padding-bottom: 250px;
}
@media (min-width: 1441px) {
  [data-padding="2xl"] {
    padding-top: 17.3611vw;
    padding-bottom: 17.3611vw;
  }
}
@media screen and (max-width: 576px) {
  [data-padding="2xl"] {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 480px) {
  [data-padding="2xl"] {
    padding-top: 125px;
    padding-bottom: 125px;
  }
}

[data-padding="2xltop"] {
  padding-top: 250px;
  padding-bottom: 0;
}
@media (min-width: 1441px) {
  [data-padding="2xltop"] {
    padding-top: 17.3611vw;
  }
}
@media screen and (max-width: 576px) {
  [data-padding="2xltop"] {
    padding-top: 150px;
  }
}
@media screen and (max-width: 480px) {
  [data-padding="2xltop"] {
    padding-top: 125px;
  }
}

[data-padding="2xlbottom"] {
  padding-bottom: 250px;
  padding-top: 0;
}
@media (min-width: 1441px) {
  [data-padding="2xlbottom"] {
    padding-bottom: 17.3611vw;
  }
}
@media screen and (max-width: 576px) {
  [data-padding="2xlbottom"] {
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 480px) {
  [data-padding="2xlbottom"] {
    padding-bottom: 125px;
  }
}

[data-padding=xl] {
  padding-top: 175px;
  padding-bottom: 175px;
}
@media screen and (min-width: 1921px) and (max-width: 2569px) {
  [data-padding=xl] {
    padding-top: 9.2vw;
    padding-bottom: 9.2vw;
  }
}
@media screen and (min-width: 2570px) and (max-width: 3839px) {
  [data-padding=xl] {
    padding-top: 9.2vw;
    padding-bottom: 9.2vw;
  }
}
@media (min-width: 3840px) {
  [data-padding=xl] {
    padding-top: 9.2vw;
    padding-bottom: 9.2vw;
  }
}
@media screen and (min-width: 3840px) {
  [data-padding=xl] {
    padding-top: 9.2vw;
    padding-bottom: 9.2vw;
  }
}
@media screen and (max-width: 576px) {
  [data-padding=xl] {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 480px) {
  [data-padding=xl] {
    padding-top: 125px;
    padding-bottom: 125px;
  }
}

[data-padding=xltop] {
  padding-top: 175px;
  padding-bottom: initial;
}
@media screen and (max-width: 576px) {
  [data-padding=xltop] {
    padding-top: 150px;
  }
}
@media screen and (min-width: 1921px) and (max-width: 2569px) {
  [data-padding=xltop] {
    padding-top: 9.2vw;
  }
}
@media screen and (min-width: 2570px) and (max-width: 3839px) {
  [data-padding=xltop] {
    padding-top: 9.2vw;
  }
}
@media (min-width: 3840px) {
  [data-padding=xltop] {
    padding-top: 9.2vw;
  }
}
@media screen and (min-width: 3840px) {
  [data-padding=xltop] {
    padding-top: 9.2vw;
  }
}
@media screen and (max-width: 480px) {
  [data-padding=xltop] {
    padding-top: 125px;
  }
}

[data-padding=xlbottom] {
  padding-top: initial;
  padding-bottom: 175px;
}
@media screen and (max-width: 576px) {
  [data-padding=xlbottom] {
    padding-bottom: 150px;
  }
}
@media screen and (min-width: 1921px) and (max-width: 2569px) {
  [data-padding=xlbottom] {
    padding-bottom: 9.2vw;
  }
}
@media screen and (min-width: 2570px) and (max-width: 3839px) {
  [data-padding=xlbottom] {
    padding-bottom: 9.2vw;
  }
}
@media (min-width: 3840px) {
  [data-padding=xlbottom] {
    padding-bottom: 9.2vw;
  }
}
@media screen and (min-width: 3840px) {
  [data-padding=xlbottom] {
    padding-bottom: 9.2vw;
  }
}
@media screen and (max-width: 480px) {
  [data-padding=xlbottom] {
    padding-bottom: 125px;
  }
}

[data-padding=lg] {
  padding-top: 150px;
  padding-bottom: 150px;
}
@media screen and (max-width: 576px) {
  [data-padding=lg] {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

[data-padding=lgtop] {
  padding-top: 150px;
  padding-bottom: initial;
}
@media screen and (max-width: 576px) {
  [data-padding=lgtop] {
    padding-top: 100px;
  }
}

[data-padding=lgbottom] {
  padding-top: initial;
  padding-bottom: 150px;
}
@media screen and (max-width: 576px) {
  [data-padding=lgbottom] {
    padding-bottom: 100px;
  }
}

[data-padding=md] {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 576px) {
  [data-padding=md] {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

[data-padding=mdtop] {
  padding-top: 100px;
  padding-bottom: initial;
}
@media screen and (max-width: 576px) {
  [data-padding=mdtop] {
    padding-top: 70px;
  }
}

[data-padding=mdbottom] {
  padding-top: initial;
  padding-bottom: 100px;
}
@media screen and (max-width: 576px) {
  [data-padding=mdbottom] {
    padding-bottom: 70px;
  }
}

[data-padding=sm] {
  padding-top: 75px;
  padding-bottom: 75px;
}

[data-padding=smtop] {
  padding-top: 75px;
  padding-bottom: initial;
}

[data-padding=smbottom] {
  padding-top: initial;
  padding-bottom: 75px;
}

[data-padding=xs] {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (max-width: 480px) {
  [data-padding=xs] {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

[data-padding=xstop] {
  padding-top: 50px;
  padding-bottom: initial;
}
@media screen and (max-width: 480px) {
  [data-padding=xstop] {
    padding-top: 35px;
  }
}

[data-padding=xsbottom] {
  padding-top: initial;
  padding-bottom: 50px;
}
@media screen and (max-width: 480px) {
  [data-padding=xsbottom] {
    padding-bottom: 35px;
  }
}

[data-padding=col] {
  padding-top: 15px;
  padding-bottom: 15px;
}

[data-padding=coltop] {
  padding-top: 15px;
  padding-bottom: initial;
}

[data-padding=colbottom] {
  padding-top: initial;
  padding-bottom: 15px;
}

[data-margin=none] {
  margin: 0 !important;
}

[data-margin-top=none] {
  margin-top: 0 !important;
}

[data-margin-bottom=none] {
  margin-bottom: 0 !important;
}

[data-margin] {
  margin-top: 125px;
  margin-bottom: 125px;
}
@media screen and (max-width: 576px) {
  [data-margin] {
    margin-top: 75px;
    margin-bottom: 75px;
  }
}

[data-margin=top] {
  margin-top: 125px;
  margin-bottom: initial;
}
@media screen and (max-width: 576px) {
  [data-margin=top] {
    margin-top: 75px;
  }
}

[data-margin=bottom] {
  margin-top: initial;
  margin-bottom: 125px;
}
@media screen and (max-width: 576px) {
  [data-margin=bottom] {
    margin-bottom: 75px;
  }
}

[data-margin=xl] {
  margin-top: 175px;
  margin-bottom: 175px;
}
@media screen and (max-width: 576px) {
  [data-margin=xl] {
    margin-top: 150px;
    margin-bottom: 150px;
  }
}

[data-margin=xltop] {
  margin-top: 175px;
  margin-bottom: initial;
}
@media screen and (max-width: 576px) {
  [data-margin=xltop] {
    margin-top: 150px;
  }
}

[data-margin=xlbottom] {
  margin-top: initial;
  margin-bottom: 175px;
}
@media screen and (max-width: 576px) {
  [data-margin=xlbottom] {
    margin-bottom: 150px;
  }
}

[data-margin=lg] {
  margin-top: 150px;
  margin-bottom: 150px;
}
@media screen and (max-width: 576px) {
  [data-margin=lg] {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

[data-margin=lgtop] {
  margin-top: 150px;
  margin-bottom: initial;
}
@media screen and (max-width: 576px) {
  [data-margin=lgtop] {
    margin-top: 100px;
  }
}

[data-margin=lgbottom] {
  margin-top: initial;
  margin-bottom: 150px;
}
@media screen and (max-width: 576px) {
  [data-margin=lgbottom] {
    margin-top: 100px;
  }
}

[data-margin=md] {
  margin-top: 120px;
  margin-bottom: 120px;
}
@media screen and (max-width: 576px) {
  [data-margin=md] {
    margin-top: 70px;
    margin-bottom: 70px;
  }
}

[data-margin=mdtop] {
  margin-top: 120px;
  margin-bottom: initial;
}
@media screen and (max-width: 576px) {
  [data-margin=mdtop] {
    margin-top: 70px;
  }
}

[data-margin=mdbottom] {
  margin-top: initial;
  margin-bottom: 120px;
}
@media screen and (max-width: 576px) {
  [data-margin=mdbottom] {
    margin-bottom: 70px;
  }
}

[data-margin=sm] {
  margin-top: 70px;
  margin-bottom: 70px;
}

[data-margin=smtop] {
  margin-top: 70px;
  margin-bottom: initial;
}

[data-margin=smbottom] {
  margin-top: initial;
  margin-bottom: 70px;
}

[data-margin=xs] {
  margin-top: 50px;
  margin-bottom: 50px;
}

[data-margin=xstop] {
  margin-top: 50px;
  margin-bottom: initial;
}

[data-margin=xsbottom] {
  margin-top: initial;
  margin-bottom: 50px;
}

[data-margin=col] {
  margin-top: 15px;
  margin-bottom: 15px;
}

[data-margin=coltop] {
  margin-top: 15px;
  margin-bottom: initial;
}

[data-margin=colbottom] {
  margin-top: initial;
  margin-bottom: 15px;
}

@keyframes MoveUpInitial {
  to {
    transform: translate3d(0, -105%, 0);
  }
}
@keyframes MoveUpEnd {
  from {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes MoveUpInitialLeft {
  to {
    transform: translate3d(-105%, 0%, 0);
  }
}
@keyframes MoveUpEndLeft {
  from {
    transform: translate3d(100%, 0%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes MoveUpInitialRight {
  to {
    transform: translate3d(210%, 0%, 0);
  }
}
@keyframes MoveUpEndRight {
  from {
    transform: translate3d(-100%, 0%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
/*-------------------------------------------------*/
/* =  5.Bootstrap.css (4 beta) control new version
/*-------------------------------------------------*/
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
.d-print-block {
  display: none !important;
}

@media print {
  .d-print-block {
    display: block !important;
  }
}
.d-print-inline {
  display: none !important;
}

@media print {
  .d-print-inline {
    display: inline !important;
  }
}
.d-print-inline-block {
  display: none !important;
}

@media print {
  .d-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-items-stretch {
  align-items: stretch !important;
}

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

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

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

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

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

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

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

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

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

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

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

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

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

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

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

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

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

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

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

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

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

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

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

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

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

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

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

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

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

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

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

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

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

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

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

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

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

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

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

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

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

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

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

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

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

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

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

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

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

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

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

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

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

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

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

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

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

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

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

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

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

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

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

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

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

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}
.m-0 {
  margin: 0 !important;
}

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

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

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

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

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

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

.p-0 {
  padding: 0 !important;
}

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

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

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

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

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

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

.m-auto {
  margin: auto !important;
}

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

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

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

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

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

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

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

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

  .mr-sm-0 {
    margin-right: 0 !important;
  }

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

  .ml-sm-0 {
    margin-left: 0 !important;
  }

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

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

  .p-sm-0 {
    padding: 0 !important;
  }

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

  .pr-sm-0 {
    padding-right: 0 !important;
  }

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

  .pl-sm-0 {
    padding-left: 0 !important;
  }

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

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

  .m-sm-auto {
    margin: auto !important;
  }

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

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

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

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

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

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

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

  .mr-md-0 {
    margin-right: 0 !important;
  }

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

  .ml-md-0 {
    margin-left: 0 !important;
  }

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

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

  .p-md-0 {
    padding: 0 !important;
  }

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

  .pr-md-0 {
    padding-right: 0 !important;
  }

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

  .pl-md-0 {
    padding-left: 0 !important;
  }

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

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

  .m-md-auto {
    margin: auto !important;
  }

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

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

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

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

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

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

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

  .mr-lg-0 {
    margin-right: 0 !important;
  }

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

  .ml-lg-0 {
    margin-left: 0 !important;
  }

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

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

  .p-lg-0 {
    padding: 0 !important;
  }

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

  .pr-lg-0 {
    padding-right: 0 !important;
  }

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

  .pl-lg-0 {
    padding-left: 0 !important;
  }

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

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

  .m-lg-auto {
    margin: auto !important;
  }

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

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

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

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

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

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

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

  .mr-xl-0 {
    margin-right: 0 !important;
  }

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

  .ml-xl-0 {
    margin-left: 0 !important;
  }

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

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

  .p-xl-0 {
    padding: 0 !important;
  }

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

  .pr-xl-0 {
    padding-right: 0 !important;
  }

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

  .pl-xl-0 {
    padding-left: 0 !important;
  }

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

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

  .m-xl-auto {
    margin: auto !important;
  }

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

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

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

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

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

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

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

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

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

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

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

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

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

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

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

  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/*-------------------------------------------------*/
/* =  6.Main Navigation
/*-------------------------------------------------*/
#logo {
  z-index: 99;
  position: relative;
  transition: 0.2s ease;
  position: fixed;
  top: 36px;
  left: 50px;
}
@media (max-width: 991px) {
  #logo {
    left: 40px;
    top: 25px;
  }
}
@media (max-width: 768px) {
  #logo {
    left: 30px;
  }
}
@media screen and (max-width: 576px) {
  #logo {
    left: 25px;
  }
}
#logo svg {
  width: 8.195vw;
  max-width: 118px;
  min-width: 60px;
  height: auto;
}
#logo [class*=banner] {
  width: clamp(60px, 8.195vw, 118px);
  padding: 8px;
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  margin-top: 0.5rem;
  position: relative;
  z-index: -1;
  transition: 0.4s ease;
  border: 4px solid #1D1D1B;
}
@media (min-width: 1441px) {
  #logo [class*=banner] {
    border-width: clamp(4px, 0.2777781818vw, 5px);
  }
}
@media (max-width: 1199px) {
  #logo [class*=banner] {
    border-width: clamp(2px, 0.2777781818vw, 5px);
  }
}
@media (max-width: 991px) {
  #logo [class*=banner] {
    display: none;
  }
}
#logo [class*=banner] .top {
  flex: 0 0 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 1440px) {
  #logo [class*=banner] .top {
    gap: 1.111112727vw;
  }
}
#logo [class*=banner] .top div.day, #logo [class*=banner] .top div.number {
  position: relative;
}
#logo [class*=banner] .top div.day span, #logo [class*=banner] .top div.number span {
  font-size: 4.425rem;
  display: block;
  margin-top: 5px;
}
@media screen and (max-width: 1440px) {
  #logo [class*=banner] .top div.day span, #logo [class*=banner] .top div.number span {
    font-size: 5.138896364vw;
    margin-top: 0.3472227273vw;
  }
}
#logo [class*=banner] .top div.day::after, #logo [class*=banner] .top div.number::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 5px;
  right: -8px;
  width: 2px;
  background-color: #1D1D1B;
}
@media screen and (max-width: 1440px) {
  #logo [class*=banner] .top div.day::after, #logo [class*=banner] .top div.number::after {
    right: -0.5555563636vw;
    bottom: 0.3472227273vw;
  }
}
#logo [class*=banner] .top div.number:after {
  content: none;
}
#logo [class*=banner] .top .data {
  text-align: center;
}
#logo [class*=banner] .top .data span {
  display: block;
  font-size: 1.875rem;
}
@media screen and (max-width: 1440px) {
  #logo [class*=banner] .top .data span {
    font-size: 1.8vw;
  }
}
#logo [class*=banner] .bottom {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}
#logo [class*=banner] .bottom span {
  font-size: 0.74rem;
}
@media screen and (max-width: 1440px) {
  #logo [class*=banner] .bottom span {
    font-size: 0.78vw;
  }
}
#logo [class*=banner][class*=projects] .top {
  grid-template-columns: 1fr;
  text-align: center;
}
#logo[class*=active] [class*=banner] {
  transform: scale(0.8) translateY(-116%);
  opacity: 0 !important;
  transition: 0.4s ease;
}

header {
  position: relative;
}
header[class*=fixed] {
  position: fixed;
  top: 36px;
  right: 50px;
  z-index: 11;
}
@media (max-width: 991px) {
  header[class*=fixed] {
    right: 40px;
    top: 25px;
  }
}
@media screen and (max-width: 576px) {
  header[class*=fixed] {
    right: 25px;
  }
}
header nav.main-navigation, header nav.top-navigation {
  height: 126px;
  box-shadow: none;
  border-radius: 0;
  background-image: none;
  background-color: transparent;
  border: none;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) height;
}
@media (max-width: 991px) {
  header nav.main-navigation, header nav.top-navigation {
    height: 95px;
  }
}
@media screen and (max-width: 576px) {
  header nav.main-navigation, header nav.top-navigation {
    height: 80px;
  }
}
header nav.main-navigation #main-menu,
header nav.main-navigation #top-menu, header nav.top-navigation #main-menu,
header nav.top-navigation #top-menu {
  justify-content: flex-end;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 15;
}
header nav.main-navigation #main-menu [class|=menu-button],
header nav.main-navigation #top-menu [class|=menu-button], header nav.top-navigation #main-menu [class|=menu-button],
header nav.top-navigation #top-menu [class|=menu-button] {
  float: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 47px;
  height: 30px;
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  header nav.main-navigation #main-menu [class|=menu-button],
header nav.main-navigation #top-menu [class|=menu-button], header nav.top-navigation #main-menu [class|=menu-button],
header nav.top-navigation #top-menu [class|=menu-button] {
    width: 40px;
  }
}
header nav.main-navigation #main-menu [class|=menu-button] .bar,
header nav.main-navigation #top-menu [class|=menu-button] .bar, header nav.top-navigation #main-menu [class|=menu-button] .bar,
header nav.top-navigation #top-menu [class|=menu-button] .bar {
  background-color: #1D1D1B;
  height: 2px;
  width: 47px;
  display: block;
  right: 0;
  margin: 12px 0;
}
@media screen and (max-width: 576px) {
  header nav.main-navigation #main-menu [class|=menu-button] .bar,
header nav.main-navigation #top-menu [class|=menu-button] .bar, header nav.top-navigation #main-menu [class|=menu-button] .bar,
header nav.top-navigation #top-menu [class|=menu-button] .bar {
    width: 40px;
    margin: 8px 0;
  }
}
header nav.main-navigation #main-menu [class|=menu-button] .bar-1,
header nav.main-navigation #top-menu [class|=menu-button] .bar-1, header nav.top-navigation #main-menu [class|=menu-button] .bar-1,
header nav.top-navigation #top-menu [class|=menu-button] .bar-1 {
  transition: all 0.4s ease;
  margin-top: 0px;
}
header nav.main-navigation #main-menu [class|=menu-button] .bar-2,
header nav.main-navigation #top-menu [class|=menu-button] .bar-2, header nav.top-navigation #main-menu [class|=menu-button] .bar-2,
header nav.top-navigation #top-menu [class|=menu-button] .bar-2 {
  transform: translateX(0);
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 0.2s;
}
header nav.main-navigation #main-menu [class|=menu-button] .bar-3,
header nav.main-navigation #top-menu [class|=menu-button] .bar-3, header nav.top-navigation #main-menu [class|=menu-button] .bar-3,
header nav.top-navigation #top-menu [class|=menu-button] .bar-3 {
  transition: all 0.4s ease;
  margin-bottom: 0;
}
header nav.main-navigation #main-menu [class|=menu-button][class*=round],
header nav.main-navigation #top-menu [class|=menu-button][class*=round], header nav.top-navigation #main-menu [class|=menu-button][class*=round],
header nav.top-navigation #top-menu [class|=menu-button][class*=round] {
  border-radius: 50%;
}
header nav.main-navigation #main-menu [class|=menu-button][class*=bg],
header nav.main-navigation #top-menu [class|=menu-button][class*=bg], header nav.top-navigation #main-menu [class|=menu-button][class*=bg],
header nav.top-navigation #top-menu [class|=menu-button][class*=bg] {
  background-color: #1D1D1B;
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 414px) {
  header nav.main-navigation #main-menu [class|=menu-button][class*=bg],
header nav.main-navigation #top-menu [class|=menu-button][class*=bg], header nav.top-navigation #main-menu [class|=menu-button][class*=bg],
header nav.top-navigation #top-menu [class|=menu-button][class*=bg] {
    width: 40px;
    height: 40px;
  }
}
header nav.main-navigation #main-menu [class|=menu-button][class*=double] .bar-2,
header nav.main-navigation #top-menu [class|=menu-button][class*=double] .bar-2, header nav.top-navigation #main-menu [class|=menu-button][class*=double] .bar-2,
header nav.top-navigation #top-menu [class|=menu-button][class*=double] .bar-2 {
  display: none;
}
header nav.main-navigation #main-menu [class|=menu-button][class*=colorone] .bar, header nav.main-navigation #main-menu [class|=menu-button][class*=primary] .bar,
header nav.main-navigation #top-menu [class|=menu-button][class*=colorone] .bar,
header nav.main-navigation #top-menu [class|=menu-button][class*=primary] .bar, header nav.top-navigation #main-menu [class|=menu-button][class*=colorone] .bar, header nav.top-navigation #main-menu [class|=menu-button][class*=primary] .bar,
header nav.top-navigation #top-menu [class|=menu-button][class*=colorone] .bar,
header nav.top-navigation #top-menu [class|=menu-button][class*=primary] .bar {
  background-color: #E1F42A;
}
header nav.main-navigation #main-menu [class|=menu-button][class*=colorone][class*=bg], header nav.main-navigation #main-menu [class|=menu-button][class*=primary][class*=bg],
header nav.main-navigation #top-menu [class|=menu-button][class*=colorone][class*=bg],
header nav.main-navigation #top-menu [class|=menu-button][class*=primary][class*=bg], header nav.top-navigation #main-menu [class|=menu-button][class*=colorone][class*=bg], header nav.top-navigation #main-menu [class|=menu-button][class*=primary][class*=bg],
header nav.top-navigation #top-menu [class|=menu-button][class*=colorone][class*=bg],
header nav.top-navigation #top-menu [class|=menu-button][class*=primary][class*=bg] {
  background-color: #E1F42A;
}
header nav.main-navigation #main-menu [class|=menu-button][class*=colorone][class*=bg] .bar, header nav.main-navigation #main-menu [class|=menu-button][class*=primary][class*=bg] .bar,
header nav.main-navigation #top-menu [class|=menu-button][class*=colorone][class*=bg] .bar,
header nav.main-navigation #top-menu [class|=menu-button][class*=primary][class*=bg] .bar, header nav.top-navigation #main-menu [class|=menu-button][class*=colorone][class*=bg] .bar, header nav.top-navigation #main-menu [class|=menu-button][class*=primary][class*=bg] .bar,
header nav.top-navigation #top-menu [class|=menu-button][class*=colorone][class*=bg] .bar,
header nav.top-navigation #top-menu [class|=menu-button][class*=primary][class*=bg] .bar {
  background-color: white;
}
header nav.main-navigation #main-menu [class|=menu-button][class*=light] .bar,
header nav.main-navigation #top-menu [class|=menu-button][class*=light] .bar, header nav.top-navigation #main-menu [class|=menu-button][class*=light] .bar,
header nav.top-navigation #top-menu [class|=menu-button][class*=light] .bar {
  background-color: white;
}
header nav.main-navigation #main-menu [class|=menu-button][class*=light][class*=bg],
header nav.main-navigation #top-menu [class|=menu-button][class*=light][class*=bg], header nav.top-navigation #main-menu [class|=menu-button][class*=light][class*=bg],
header nav.top-navigation #top-menu [class|=menu-button][class*=light][class*=bg] {
  background-color: white;
}
header nav.main-navigation #main-menu [class|=menu-button][class*=light][class*=bg] .bar,
header nav.main-navigation #top-menu [class|=menu-button][class*=light][class*=bg] .bar, header nav.top-navigation #main-menu [class|=menu-button][class*=light][class*=bg] .bar,
header nav.top-navigation #top-menu [class|=menu-button][class*=light][class*=bg] .bar {
  background-color: #1D1D1B;
}
header nav.main-navigation #main-menu [class|=menu-button][class*=light][class*=colorone][class*=bg] .bar, header nav.main-navigation #main-menu [class|=menu-button][class*=light][class*=primary][class*=bg] .bar,
header nav.main-navigation #top-menu [class|=menu-button][class*=light][class*=colorone][class*=bg] .bar,
header nav.main-navigation #top-menu [class|=menu-button][class*=light][class*=primary][class*=bg] .bar, header nav.top-navigation #main-menu [class|=menu-button][class*=light][class*=colorone][class*=bg] .bar, header nav.top-navigation #main-menu [class|=menu-button][class*=light][class*=primary][class*=bg] .bar,
header nav.top-navigation #top-menu [class|=menu-button][class*=light][class*=colorone][class*=bg] .bar,
header nav.top-navigation #top-menu [class|=menu-button][class*=light][class*=primary][class*=bg] .bar {
  background-color: #E1F42A;
}
header nav.main-navigation #main-menu [class*=title],
header nav.main-navigation #top-menu [class*=title], header nav.top-navigation #main-menu [class*=title],
header nav.top-navigation #top-menu [class*=title] {
  font-size: 1.125rem;
  margin-left: 20px;
  font-weight: 500;
  overflow: hidden;
}
header nav.main-navigation #main-menu [class*=title] span,
header nav.main-navigation #top-menu [class*=title] span, header nav.top-navigation #main-menu [class*=title] span,
header nav.top-navigation #top-menu [class*=title] span {
  display: block;
  text-transform: lowercase;
  transition: 0.4s ease;
}
@media (max-width: 991px) {
  header nav.main-navigation #main-menu [class*=title],
header nav.main-navigation #top-menu [class*=title], header nav.top-navigation #main-menu [class*=title],
header nav.top-navigation #top-menu [class*=title] {
    display: none;
  }
}
header nav.main-navigation #main-menu [class*=title][class*=active] span,
header nav.main-navigation #top-menu [class*=title][class*=active] span, header nav.top-navigation #main-menu [class*=title][class*=active] span,
header nav.top-navigation #top-menu [class*=title][class*=active] span {
  transform: translateX(-101%);
  transition: 0.4s ease;
}
header nav.main-navigation #cta, header nav.top-navigation #cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header nav.main-navigation #cta [class|=btn][class*=medium], header nav.top-navigation #cta [class|=btn][class*=medium] {
  font-size: 1.125rem;
  padding: 0 20px;
}
@media (max-width: 991px) {
  header nav.main-navigation #cta [class|=btn][class*=medium], header nav.top-navigation #cta [class|=btn][class*=medium] {
    display: none;
  }
}
header nav.main-navigation #cta [class|=lang], header nav.top-navigation #cta [class|=lang] {
  margin-left: 11px;
}
header nav.main-navigation #cta [class|=lang] a, header nav.top-navigation #cta [class|=lang] a {
  font-size: 1.125rem;
  color: white;
  display: inline-block;
  transition: 0.4s ease;
}
header nav.main-navigation #cta [class|=lang] a[class*=active], header nav.top-navigation #cta [class|=lang] a[class*=active] {
  color: #1D1D1B;
}
header nav.main-navigation #cta [class|=lang] a:hover, header nav.top-navigation #cta [class|=lang] a:hover {
  opacity: 0.6;
  transition: 0.4s ease;
}
header nav.main-navigation #cta [class|=lang] a + a, header nav.top-navigation #cta [class|=lang] a + a {
  margin-left: 5px;
}
header nav.main-navigation #mobile-menu, header nav.top-navigation #mobile-menu {
  display: flex;
  justify-content: flex-end;
  text-align: right;
  align-items: center;
  opacity: 0;
  position: fixed;
  z-index: 8;
  left: 26px;
  top: 26px;
  right: 26px;
  top: 26px;
  visibility: hidden;
  transition: 0.4s ease;
}
@media screen and (max-width: 812px) and (max-height: 414px) {
  header nav.main-navigation #mobile-menu, header nav.top-navigation #mobile-menu {
    top: 105px;
  }
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap],
header nav.main-navigation #mobile-menu [class*=mobile-submenu], header nav.top-navigation #mobile-menu [class|=mobile-wrap],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] {
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 0px;
  background-color: transparent;
  transition: all 0.5s;
  overflow-y: auto;
  align-items: end;
  padding-bottom: 120px;
  padding-left: 105px;
  padding-right: 105px;
}
@media (max-width: 991px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap],
header nav.main-navigation #mobile-menu [class*=mobile-submenu], header nav.top-navigation #mobile-menu [class|=mobile-wrap],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] {
    padding-bottom: 80px;
    padding-left: 65px;
    padding-right: 65px;
  }
}
@media (max-width: 768px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap],
header nav.main-navigation #mobile-menu [class*=mobile-submenu], header nav.top-navigation #mobile-menu [class|=mobile-wrap],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] {
    align-items: start;
    padding-top: 80px;
    padding-bottom: 0px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media screen and (max-width: 576px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap],
header nav.main-navigation #mobile-menu [class*=mobile-submenu], header nav.top-navigation #mobile-menu [class|=mobile-wrap],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] {
    padding-top: 50px;
    padding-left: 35px;
    padding-right: 35px;
  }
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] button.button-close,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] button.button-close, header nav.top-navigation #mobile-menu [class|=mobile-wrap] button.button-close,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] button.button-close {
  position: absolute;
  top: 45px;
  right: 45px;
  z-index: 2;
  opacity: 0;
}
@media (max-width: 768px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] button.button-close,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] button.button-close, header nav.top-navigation #mobile-menu [class|=mobile-wrap] button.button-close,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] button.button-close {
    right: 30px;
    top: 30px;
  }
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] button.button-close svg,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] button.button-close svg, header nav.top-navigation #mobile-menu [class|=mobile-wrap] button.button-close svg,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] button.button-close svg {
  width: 100px;
  height: auto;
}
@media (max-width: 1199px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] button.button-close svg,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] button.button-close svg, header nav.top-navigation #mobile-menu [class|=mobile-wrap] button.button-close svg,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] button.button-close svg {
    width: clamp(65px, 8.341vw, 100px);
  }
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] button.button-close svg path,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] button.button-close svg path, header nav.top-navigation #mobile-menu [class|=mobile-wrap] button.button-close svg path,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] button.button-close svg path {
  fill: #fff;
}
@media (max-width: 991px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links], header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 414px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links], header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 576px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links][class*=col-12],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links][class*=col-12], header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links][class*=col-12],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links][class*=col-12] {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 992px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul {
    width: 60%;
  }
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li {
  text-align: left;
  transform: translateX(0rem);
  transition: ease 0.4s;
  color: #fff;
  line-height: 1.4;
  font-size: 7.5rem;
  font-weight: 600;
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a,
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a,
header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span {
  color: #fff;
  line-height: 1.2;
  font-size: 11.5vh;
  text-transform: uppercase;
  font-weight: 500;
  transition: ease 0.2s;
  width: 100%;
  display: block;
  cursor: none;
}
@media (max-width: 768px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a,
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a,
header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span {
    font-size: 13vw;
  }
}
@media screen and (max-width: 768px) and (max-height: 850px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a,
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a,
header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span {
    font-size: 18vw;
  }
}
@media screen and (max-width: 768px) and (max-height: 750px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a,
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a,
header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span {
    font-size: 9vh;
  }
}
@media screen and (max-width: 768px) and (max-height: 650px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a,
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a,
header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span {
    font-size: 8vh;
  }
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a:hover,
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span:hover,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a:hover,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span:hover, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a:hover,
header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span:hover,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a:hover,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span:hover {
  color: #E1F42A;
  text-decoration: none;
  transform: scaleY(1.1) skewX(-3deg);
  transition: ease 0.2s;
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a.active a,
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span.active a,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a.active a,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span.active a, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a.active a,
header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span.active a,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a.active a,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span.active a {
  color: #E1F42A;
  transition: all 0.4s;
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a span,
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span span,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a span,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span span, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a span,
header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span span,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a span,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span span {
  overflow: hidden;
  display: block;
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a span > span,
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span span > span,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a span > span,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span span > span, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li a span > span,
header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] > ul li span span > span,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li a span > span,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] > ul li span span > span {
  transform: translate3d(0, 100%, 0);
  display: block;
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social], header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
@media (max-width: 991px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social], header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] {
    position: relative;
    right: inherit;
    bottom: inherit;
  }
}
@media (max-width: 991px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul {
    text-align: left;
  }
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul li,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul li, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul li,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul li {
  opacity: 0;
}
@media (max-width: 991px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul li:not(:first-of-type),
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul li:not(:first-of-type), header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul li:not(:first-of-type),
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul li:not(:first-of-type) {
    margin-left: 2rem;
    margin-top: 2rem;
  }
}
@media (max-width: 768px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul li:not(:first-of-type),
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul li:not(:first-of-type), header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul li:not(:first-of-type),
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul li:not(:first-of-type) {
    margin-left: 1rem;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 576px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul li:not(:first-of-type),
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul li:not(:first-of-type), header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul li:not(:first-of-type),
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul li:not(:first-of-type) {
    margin-left: 0;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 576px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul li:first-of-type,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul li:first-of-type, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul li:first-of-type,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul li:first-of-type {
    margin-top: 1rem;
    margin-right: 1rem;
  }
}
@media (max-width: 991px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul li,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul li, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] ul li,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] ul li {
    display: inline-block;
  }
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] a,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] a, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] a,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] a {
  color: white;
}
@media screen and (min-width: 992px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] a[class*=display--xs],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] a[class*=display--xs], header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] a[class*=display--xs],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] a[class*=display--xs] {
    font-size: 3.11111vh;
  }
}
@media (max-width: 991px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] a[class*=display--xs],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] a[class*=display--xs], header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] a[class*=display--xs],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] a[class*=display--xs] {
    font-size: 2.4218vw;
  }
}
@media (max-width: 768px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] a[class*=display--xs],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] a[class*=display--xs], header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=main-links] [class*=social] a[class*=display--xs],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=main-links] [class*=social] a[class*=display--xs] {
    font-size: 18px;
  }
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer], header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  padding: 40px 120px;
  opacity: 0;
  color: #fff;
}
@media (max-width: 991px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer], header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] {
    padding: 40px 80px;
  }
}
@media (max-width: 768px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer], header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] {
    padding: 40px 65px;
  }
}
@media screen and (max-width: 576px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer], header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] {
    padding: 40px 35px;
  }
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer]:before, header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer]:after,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer]:before,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer]:after, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer]:before, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer]:after,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer]:before,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer]:after {
  content: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 0.2;
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer]:after,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer]:after, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer]:after,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer]:after {
  opacity: 1;
  width: 0;
  transition: 0.4s ease;
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p {
  margin-bottom: 0;
  color: #fff;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 991px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p {
    font-size: 1rem;
  }
}
@media screen and (max-height: 400px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 576px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p span,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p span, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p span,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p span {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p em svg,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p em svg, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p em svg,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p em svg {
  width: 16px;
  height: auto;
  margin: 0 5px;
}
@media screen and (max-width: 576px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p em svg,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p em svg, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p em svg,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p em svg {
    display: none;
  }
}
@media (max-width: 991px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] p,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] p {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
  }
}
@media screen and (max-height: 400px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] a,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] a, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] a,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] a {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 576px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] a,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] a, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] a,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] a {
    margin: 0 10px;
  }
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] a + a,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] a + a, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] a + a,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] a + a {
  margin-left: 20px;
}
@media screen and (max-width: 576px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] a + a,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] a + a, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] a + a,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] a + a {
    margin-left: 10px;
  }
}
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer][class*=animate]:after,
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer][class*=animate]:after, header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer][class*=animate]:after,
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer][class*=animate]:after {
  width: 100%;
  transition: 2s ease;
}
@media screen and (max-width: 576px) {
  header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] [class*=copy],
header nav.main-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] [class*=social],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] [class*=copy],
header nav.main-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] [class*=social], header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] [class*=copy],
header nav.top-navigation #mobile-menu [class|=mobile-wrap] [class*=footer] [class*=social],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] [class*=copy],
header nav.top-navigation #mobile-menu [class*=mobile-submenu] [class*=footer] [class*=social] {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
  }
}
header nav.main-navigation #mobile-menu[aria-expanded=true], header nav.top-navigation #mobile-menu[aria-expanded=true] {
  visibility: visible;
  opacity: 1;
  transition: 0.4s ease;
  transition-delay: 0s;
}
header [class|=wrap-header],
header [class|=top-header] {
  z-index: 16;
  position: relative;
}
header [class|=wrap-header][class*=container],
header [class|=top-header][class*=container] {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 768px) {
  header [class|=wrap-header][class*=container],
header [class|=top-header][class*=container] {
    padding-left: 0;
    padding-right: 0;
  }
}

#main-wrap .overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
#main-wrap [class*=overlay-path] {
  fill: #fff;
}

body[class*=page-tpl-about] #logo [class*=banner], body[class*=page-tpl-doodle] #logo [class*=banner], body[class*=single-works] #logo [class*=banner], body[class*=archive] #logo [class*=banner] {
  display: none;
}

.shape-overlays {
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

.shape-overlays.is-opened {
  pointer-events: auto;
}

.shape-overlays__path:nth-of-type(1) {
  fill: #1D1D1B;
}

.shape-overlays__path:nth-of-type(2) {
  fill: #E1F42A;
}

.shape-overlays__path:nth-of-type(3) {
  fill: #020203;
}

/*-------------------------------------------------*/
/* =  7.Template
/*-------------------------------------------------*/
:root {
  --border-radius: 40px;
  --border-radius-sm: 20px;
}
@media (min-width: 1441px) {
  :root {
    --border-radius: 2.777781818vw;
    --border-radius-sm: 1.388890909vw;
  }
}

html {
  cursor: none;
}

main {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#main-wrap {
  overflow-x: hidden;
  opacity: 0;
  will-change: opacity;
  transition: 0.4s ease;
}
@media screen and (max-width: 576px) {
  #main-wrap .container {
    padding-right: 25px;
    padding-left: 25px;
  }
}

#resize {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #020203;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  visibility: hidden;
}
#resize span {
  display: block;
}
#resize span + a {
  margin-top: 2rem;
}
#resize[class*=visible] {
  z-index: 999999999;
  visibility: visible;
}

html body::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.scrollbar {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10;
  padding: 1.6666666667vw 0;
}
@media (hover: none) {
  .scrollbar {
    display: none;
  }
}

.scrollbar .inner {
  height: 100%;
  position: relative;
}

.scrollbar .thumb {
  position: absolute;
  min-height: 3.3333333333vw;
  width: clamp(10px, 0.5555555556vw, 20px);
  right: 0.5555555556vw;
  border-radius: clamp(5px, 0.2777777778vw, 10px);
  background-color: #E1F42A;
  border: clamp(1px, 0.2vw, 4px) solid #020203;
}

#load-page {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  width: 100%;
  height: 100vh;
}
#load-page[class*=inner-page] {
  background-color: #020203;
}
#load-page[class*=inner-page] [class*=content] {
  width: 100%;
  height: 100vh;
  position: relative;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#load-page[class*=inner-page] [class*=shape-wrap] {
  position: relative;
  z-index: 10;
  margin: -5px 0 0 0;
}
#load-page[class*=inner-page] [class*=shape-wrap] svg {
  height: 100vh;
  width: 100%;
  display: block;
  fill: #020203;
}

#leave-page {
  position: fixed;
  left: 0;
  top: auto;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  width: 100%;
  height: 0%;
  background-color: #020203;
}

body.page-tpl-home #main-wrap,
body.page-tpl-home main {
  overflow: visible;
}
body.page-tpl-doodle header nav.main-navigation #logo [class*=banner], body.page-tpl-about header nav.main-navigation #logo [class*=banner], body.page-tpl-case header nav.main-navigation #logo [class*=banner], body.page-tpl-404 header nav.main-navigation #logo [class*=banner] {
  display: none;
}
body.page-tpl-doodle #main-wrap,
body.page-tpl-doodle main {
  overflow: visible;
}
body.page-tpl-doodle .scrollbar {
  display: none;
}
body.page-tpl-doodle header {
  z-index: 99999;
}
body.page-tpl-doodle .shape-overlays {
  z-index: 1000;
}
body.dark-mode {
  color: #fff;
}
body[class*=mobile] .scrollbar {
  display: none;
}

.container {
  max-width: 100%;
  padding-right: 30px;
  padding-left: 30px;
}
@media screen and (min-width: 768px) {
  .container {
    max-width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 992px) {
  .container {
    max-width: 100%;
    padding-right: 45px;
    padding-left: 45px;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    max-width: 100%;
    padding-right: 45px;
    padding-left: 45px;
  }
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

#objects-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
}
#objects-container img {
  position: absolute;
  max-height: 100vh;
}

[class*=cursor] {
  pointer-events: none;
}
@media (hover: none) {
  [class*=cursor] {
    display: none;
  }
}
[class*=cursor] [class*=cursor][class*=circle] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
}
[class*=cursor] [class*=cursor][class*=small] {
  width: 55px;
  height: auto;
}
[class*=cursor] [class*=cursor][class*=small] svg {
  width: 100%;
  height: auto;
}
[class*=cursor] [class*=cursor][class*=small] [class*=click],
[class*=cursor] [class*=cursor][class*=small] [class*=grab],
[class*=cursor] [class*=cursor][class*=small] [class*=hover] {
  display: none;
}

/** START test page **/
.gallery-wrap {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40vh auto;
  overflow: hidden;
}

.gallery-wrap--auto {
  height: auto;
}

.gallery-wrap--large {
  height: 110vh;
}

.gallery-wrap--dense {
  margin: 0;
}

.gallery {
  position: relative;
  width: 100%;
  height: 100%;
  flex: none;
}

.gallery--breakout {
  width: min-content;
}

.gallery__item {
  background-position: 50% 50%;
  background-size: cover;
  flex: none;
  border-radius: 6px;
  position: relative;
  filter: brightness(1);
}

.gallery__item-cut {
  overflow: hidden;
  display: grid;
  place-items: center;
}

.gallery__item-inner {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.caption {
  font-size: clamp(1rem, 3vw, 1.75rem);
  z-index: 101;
  color: var(--color-caption);
  font-weight: 400;
}

.gallery--row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  --size-factor: 1.25;
  --item-height: 20vh;
}

.gallery--row .gallery__item {
  width: auto;
  aspect-ratio: 2/3;
}

.gallery--row .gallery__item--s {
  height: var(--item-height);
}

.gallery--row .gallery__item--m {
  height: calc(var(--size-factor) * var(--item-height));
}

.gallery--row .gallery__item--l {
  height: calc(var(--size-factor) * 2 * var(--item-height));
}

.gallery--row .gallery__item--xl {
  z-index: 100;
  height: calc(var(--size-factor) * 3 * var(--item-height));
}

.gallery--switch.gallery--row .gallery__item--m,
.gallery--switch.gallery--row .gallery__item--l {
  height: var(--item-height);
}

.gallery--row .caption {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: -50vh;
  left: 0;
  padding: 4.5vw;
  max-width: 730px;
  opacity: 0;
}

.gallery--switch.gallery--row .caption {
  bottom: 0;
  opacity: 1;
}

.gallery--one {
  display: grid;
  place-items: center;
}

.gallery--one .gallery__item {
  width: 400%;
  height: 400%;
  filter: brightness(1) hue-rotate(90deg);
}

.gallery--switch.gallery--one .gallery__item {
  width: 100%;
  height: 100%;
  filter: brightness(0.7) hue-rotate(0deg);
}

.gallery--one .caption {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 50%;
  left: 50%;
  margin: 100vh 0 0 -50vw;
  font-size: clamp(2rem, 5vw, 3rem);
  display: grid;
  place-items: center;
}

.gallery--switch.gallery--one .caption {
  margin-top: -50vh;
}

.gallery--grid {
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: repeat(3, auto);
  row-gap: 2.5vw;
  -moz-column-gap: 3vw;
       column-gap: 3vw;
}

.gallery--grid .gallery__item {
  height: 33vh;
  width: 33vw;
}

.gallery--switch.gallery--grid {
  gap: 0;
}

.gallery--switch.gallery--grid .gallery__item {
  height: 110vh;
  width: 110vw;
  filter: brightness(0.65);
}

.gallery--grid .caption {
  position: absolute;
  width: 100vw;
  height: 100vh;
  padding: 0;
  top: 50%;
  left: 50%;
  margin-top: 50vh;
  margin-left: -50vw;
  display: grid;
  place-items: center;
  max-width: none;
  opacity: 0;
}

.gallery--switch.gallery--grid .caption {
  margin-top: -40vh;
  opacity: 1;
}

.gallery--grid .caption p {
  padding: 50vh 30vw 10vh 10vw;
}

.gallery--switch.gallery--grid .caption p {
  margin-top: 0;
}

.gallery--stack {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: center;
  justify-content: start;
  gap: 2rem;
  padding: 2rem;
  --offset: 1rem;
}

.gallery--stack .gallery__item {
  border-radius: 1.5vw;
  width: 25vw;
  height: 35vw;
  z-index: 1;
}

.gallery--stack-glass .gallery__item {
  filter: opacity(1);
}

.gallery--switch.gallery--stack .gallery__item {
  grid-area: 1/1/2/2;
}

.gallery--stack .caption {
  position: absolute;
  bottom: 0;
  left: 100vw;
  width: 100vw;
  padding: 5vw;
  color: var(--color-text-alt);
  opacity: 0;
  z-index: 0;
}

.gallery--stack .caption p {
  margin: 0;
}

.gallery--switch.gallery--stack .caption {
  left: 0;
  opacity: 1;
}

.gallery--stack-inverse .gallery__item:nth-child(5) {
  z-index: 2;
}

.gallery--stack-inverse .gallery__item:nth-child(4) {
  z-index: 3;
}

.gallery--stack-inverse .gallery__item:nth-child(3) {
  z-index: 4;
}

.gallery--stack-inverse .gallery__item:nth-child(2) {
  z-index: 5;
}

.gallery--stack-inverse .gallery__item:nth-child(1) {
  z-index: 6;
}

.gallery--switch.gallery--stack .gallery__item:nth-child(2) {
  margin-left: var(--offset);
}

.gallery--switch.gallery--stack .gallery__item:nth-child(3) {
  margin-left: calc(var(--offset) * 2);
}

.gallery--switch.gallery--stack .gallery__item:nth-child(4) {
  margin-left: calc(var(--offset) * 3);
}

.gallery--switch.gallery--stack .gallery__item:nth-child(5) {
  margin-left: calc(var(--offset) * 4);
}

.gallery--switch.gallery--stack .gallery__item:nth-child(6) {
  margin-left: calc(var(--offset) * 5);
}

.gallery--switch.gallery--stack-dark .gallery__item:nth-child(2) {
  filter: brightness(0.8);
}

.gallery--switch.gallery--stack-dark .gallery__item:nth-child(3) {
  filter: brightness(0.7);
}

.gallery--switch.gallery--stack-dark .gallery__item:nth-child(4) {
  filter: brightness(0.6);
}

.gallery--switch.gallery--stack-dark .gallery__item:nth-child(5) {
  filter: brightness(0.5);
}

.gallery--switch.gallery--stack-dark .gallery__item:nth-child(6) {
  filter: brightness(0.4);
}

.gallery--switch.gallery--stack-glass .gallery__item {
  opacity: 0.7;
}

.gallery--switch.gallery--stack-scale .gallery__item:nth-child(2) {
  transform: scale(0.98);
}

.gallery--switch.gallery--stack-scale .gallery__item:nth-child(3) {
  transform: scale(0.96);
}

.gallery--switch.gallery--stack-scale .gallery__item:nth-child(4) {
  transform: scale(0.94);
}

.gallery--switch.gallery--stack-scale .gallery__item:nth-child(5) {
  transform: scale(0.92);
}

.gallery--switch.gallery--stack-scale .gallery__item:nth-child(6) {
  transform: scale(0.9);
}

.gallery--gridtiny {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  width: 300%;
  padding: 0 2vh;
  height: min-content;
  gap: 1vh;
}

.gallery--switch.gallery--gridtiny {
  width: 100%;
  gap: 2vh;
}

.gallery--gridtiny .gallery__item {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  filter: contrast(0.8) saturate(0) brightness(0.6) opacity(1);
}

.gallery--switch.gallery--gridtiny .gallery__item {
  filter: contrast(1) saturate(1) brightness(0.8) opacity(0.8);
}

.gallery--gridtiny .caption {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 50%;
  top: 50%;
  margin: -50vh 0 0 -50vw;
  display: grid;
  place-items: center;
  font-size: clamp(2rem, 8vw, 4rem);
  opacity: 0;
}

.gallery--switch.gallery--gridtiny .caption {
  opacity: 1;
}

.gallery--switch .gallery__item--center {
  height: 100vh;
  width: 100vw;
  aspect-ratio: auto;
  filter: brightness(0.5);
}

.gallery--bento {
  display: grid;
  gap: 1vh;
  grid-template-columns: repeat(3, 32.5vw);
  grid-template-rows: repeat(4, 23vh);
  justify-content: center;
  align-content: center;
}

.gallery--switch.gallery--bento {
  grid-template-columns: repeat(3, 100vw);
  grid-template-rows: repeat(4, 49.5vh);
  gap: 15vh;
}

.gallery--bento .gallery__item:nth-child(1) {
  grid-area: 1/1/3/2;
}

.gallery--bento .gallery__item:nth-child(2) {
  grid-area: 1/2/2/3;
}

.gallery--bento .gallery__item:nth-child(3) {
  grid-area: 2/2/4/3;
}

.gallery--bento .gallery__item:nth-child(4) {
  grid-area: 1/3/3/3;
}

.gallery--bento .gallery__item:nth-child(5) {
  grid-area: 3/1/3/2;
}

.gallery--bento .gallery__item:nth-child(6) {
  grid-area: 3/3/5/4;
}

.gallery--bento .gallery__item:nth-child(7) {
  grid-area: 4/1/5/2;
}

.gallery--bento .gallery__item:nth-child(8) {
  grid-area: 4/2/5/3;
}

.gallery--bento .caption {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 50%;
  left: 50%;
  margin: 100vh 0 0 -50vw;
  font-size: clamp(2rem, 10vw, 5rem);
  display: grid;
  place-items: center;
}

.gallery--switch.gallery--bento .caption {
  margin-top: -50vh;
}

.gallery--grid10 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2vw;
}

.gallery--switch.gallery--grid10 {
  grid-template-columns: 1fr 300px 1fr;
  grid-template-rows: 1fr 60vh 1fr;
  grid-gap: 0;
}

.gallery--switch.gallery--grid10 .gallery__item {
  grid-area: 2/2/3/3;
}

.gallery--grid10 .caption {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 50%;
  left: 50%;
  margin: 100vh 0 0 -50vw;
  display: grid;
  place-items: center;
  font-size: clamp(2rem, 8vw, 6rem);
}

.gallery--switch.gallery--grid10 .caption {
  opacity: 1;
  margin-top: -50vh;
}

.horizontal-panels {
  min-height: 100vh;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.horizontal-panels.section-to-pin {
  height: 100vh;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.horizontal-panels.section-to-pin .section-pin {
  height: 100vh;
  padding: 120px 12vw 120px 12vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.horizontal-panels.section-to-pin .image-wrapper {
  width: 20vw;
  margin: 0vw 50px 0vw 50px;
  border: 2px solid #000;
  position: relative;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.51, 0.18, 0, 0.88);
  overflow: hidden;
}
.horizontal-panels.section-to-pin .image-wrapper:after {
  content: "";
  padding-bottom: 100%;
  display: block;
}
.horizontal-panels.section-to-pin .image-wrapper .image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.object {
  width: 150px;
  height: 150px;
  background-color: #000;
  border-radius: 9999px;
}

.square {
  width: 250px;
  height: 250px;
  background-color: antiquewhite;
}

.object-end {
  position: relative;
}
.object-end .layer {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50vw;
  height: 50px;
  transform: translate(-50%, -50%);
  background-color: aliceblue;
}

.stackingcard {
  border: 1px solid #000000;
  background-color: #cacaca;
  color: #020202;
  height: 20rem;
  width: 100%;
  border-radius: 3rem;
  margin: 30px 0;
  transform-origin: top center;
  padding: 5rem;
  box-sizing: border-box;
}

.comparisonSection {
  position: relative;
  padding-bottom: 56.25%;
}
.comparisonSection .comparisonImage {
  width: 100%;
  height: 100%;
}
.comparisonSection .comparisonImage img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.comparisonSection .afterImage {
  position: absolute;
  overflow: hidden;
  top: 0;
  transform: translate(100%, 0px);
}
.comparisonSection .afterImage img {
  transform: translate(-100%, 0px);
}

[class*=sticky] {
  height: 100vh;
  overflow: hidden;
}
[class*=sticky][class*=wrapper] {
  position: relative;
  z-index: 1;
  height: calc(2*100vh);
  width: 100vw;
}
[class*=sticky][class*=wrapper] .wipe-stack {
  height: 100vh;
  height: 100%;
  position: relative;
  overflow: hidden;
}
[class*=sticky][class*=wipe] {
  height: 100vh;
  width: 100%;
  position: absolute;
}
[class*=sticky][class*=wipe] img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 100%;
}
[class*=sticky][class*=wipe].item-1 {
  z-index: 2;
}
[class*=sticky][class*=wipe].item-2 {
  z-index: 3;
  clip-path: inset(0% 0px 0px);
}
[class*=sticky] [class*=wide-stack] {
  overflow: hidden;
}

/** END test page **/
[class*=element] {
  position: relative;
}
[class*=element] a.link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  cursor: none;
}

[class*=sectiontitle-element][class*=center] {
  text-align: center;
}
[class*=sectiontitle-element][class*=center][class*=content] {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 991px) {
  [class*=sectiontitle-element][class*=center][class*=content] {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1441px) {
  [class*=sectiontitle-element][class*=center][class*=content] {
    padding-left: 6.9445vw;
    padding-right: 6.9445vw;
  }
}
@media (max-width: 768px) {
  [class*=sectiontitle-element][class*=center][class*=content] {
    max-width: 90%;
  }
}
@media screen and (max-width: 576px) {
  [class*=sectiontitle-element][class*=center][class*=content] {
    max-width: 100%;
  }
}
[class*=sectiontitle-element] p + p {
  margin-top: 1.5rem;
}
[class*=sectiontitle-element] p + [class*=btn],
[class*=sectiontitle-element] p + [class*=button] {
  margin-top: 2rem;
}
@media (min-width: 1441px) {
  [class*=sectiontitle-element] p + [class*=btn],
[class*=sectiontitle-element] p + [class*=button] {
    margin-top: 2.222225455vw;
  }
}

[class*=wrapimage-element] {
  width: 100%;
  overflow: hidden;
  position: relative;
}
[class*=wrapimage-element]:after {
  content: "";
  display: block;
  padding-top: 52.5%;
}
[class*=wrapimage-element] img,
[class*=wrapimage-element] video {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[class*=wrapimage-element][class*=video]:after {
  padding-top: 56.25%;
}
[class*=wrapimage-element][class*="1610"]:after, [class*=wrapimage-element][data-ratio="1610"]:after {
  padding-top: 62.5%;
}
[class*=wrapimage-element][class*="168"]:after, [class*=wrapimage-element][data-ratio="168"]:after {
  padding-top: 50%;
}
[class*=wrapimage-element][class*="167"]:after, [class*=wrapimage-element][data-ratio="167"]:after {
  padding-top: 43.75%;
}
[class*=wrapimage-element][data-ratio="140"] img {
  height: 100%;
  width: auto;
}
[class*=wrapimage-element][data-ratio="140"]:after {
  padding-top: 140%;
}
[class*=wrapimage-element][data-ratio="146"]:after {
  padding-top: 146%;
}
[class*=wrapimage-element][data-ratio="100"]:after {
  padding-top: 100%;
}
[class*=wrapimage-element][data-ratio=video]:after {
  padding-top: 56.25%;
}
[class*=wrapimage-element][class*=bradius] {
  border-radius: var(--border-radius);
  transform: translateZ(0);
}
[class*=wrapimage-element][class*=bradius-sm] {
  border-radius: var(--border-radius-sm);
  transform: translateZ(0);
}
[class*=wrapimage-element][class*=shadow] {
  box-shadow: 0 4px 16px 0 rgba(28, 40, 51, 0.2);
  transform: translateY(0);
  transition: 0.4s ease;
}

[class|=image-element] {
  width: 100%;
  overflow: hidden;
}
[class|=image-element] img,
[class|=image-element] video {
  width: 100%;
  height: auto;
}

.marquee-container {
  display: flex;
  gap: 2rem;
  border-top: 5px solid #1D1D1B;
  border-bottom: 5px solid #1D1D1B;
  padding: 1rem;
  width: 100%;
  position: relative;
  z-index: 1;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
}
@media (max-width: 1199px) {
  .marquee-container {
    padding: 1.111112727vw;
    border-top: clamp(2px, 0.5vw, 5px) solid #1D1D1B;
    border-bottom: clamp(2px, 0.5vw, 5px) solid #1D1D1B;
  }
}
.marquee-container span {
  font-size: 2.5rem;
  color: #1D1D1B;
  text-transform: uppercase;
}
@media (min-width: 1441px) {
  .marquee-container span {
    font-size: clamp(40px, 2.777781818vw, 48px);
  }
}
@media (max-width: 1199px) {
  .marquee-container span {
    font-size: clamp(18px, 2.777781818vw, 48px);
  }
}
.marquee-container span svg {
  width: 40px;
}
@media (min-width: 1441px) {
  .marquee-container span svg {
    width: clamp(40px, 2.777781818vw, 48px);
  }
}
@media (max-width: 1199px) {
  .marquee-container span svg {
    width: clamp(18px, 2.777781818vw, 26px);
  }
}
.marquee-container span[class*=path] svg {
  width: 26px;
}
@media (min-width: 1441px) {
  .marquee-container span[class*=path] svg {
    width: clamp(26px, 1.805558182vw, 32px);
  }
}
@media (max-width: 1199px) {
  .marquee-container span[class*=path] svg {
    width: clamp(14px, 2.1vw, 25px);
  }
}
.marquee-container .marquee--inner {
  will-change: transform;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  position: relative;
  gap: 1rem;
}
@media (max-width: 1199px) {
  .marquee-container .marquee--inner {
    gap: clamp(10px, 1.111112727vw, 16px);
  }
}
.marquee-container .marquee--inner .wrapper {
  white-space: nowrap;
  position: relative;
  display: flex;
  align-items: center;
}
.marquee-container .marquee--inner .wrapper img {
  position: absolute;
  bottom: -415%;
  left: 50%;
  height: 400%;
}

[class*=card-element] {
  border: 6px solid #fff;
  background-color: #020203;
  color: white;
  height: 80vh;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  margin: 30px 0;
  transform-origin: top center;
  padding: 1.25rem;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  [class*=card-element] {
    border: clamp(2px, 0.54vw, 6px) solid #fff;
  }
}
@media screen and (max-width: 576px) {
  [class*=card-element] {
    margin: 0;
    padding: 1rem;
  }
}
@media (max-width: 1199px) {
  [class*=card-element] .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-self: start;
  }
}
[class*=card-element] .content {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 3.125rem;
  position: relative;
}
@media (max-width: 1199px) {
  [class*=card-element] .content {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 576px) {
  [class*=card-element] .content {
    padding-right: 0;
    padding-left: 0;
  }
}
[class*=card-element] .content h3 + ul,
[class*=card-element] .content h3 + p {
  padding-top: 1.875rem;
}
@media screen and (max-width: 430px) {
  [class*=card-element] .content h3 + ul,
[class*=card-element] .content h3 + p {
    padding-top: 1rem;
  }
}
@media screen and (max-width: 1439px) {
  [class*=card-element] .content h3[class*=display--md] {
    font-size: clamp(40px, 4.861118182vw, 100px);
  }
}
[class*=card-element] .content ul + p {
  padding-top: 1rem;
}
@media (min-width: 1441px) {
  [class*=card-element] .content ul + p {
    padding-top: 1.111112727vw;
  }
}
[class*=card-element] .content p {
  font-size: 1.1875rem;
}
@media (min-width: 1441px) {
  [class*=card-element] .content p[class*=text--md], [class*=card-element] .content [class|=page-content][class*=case] section#content p, [class|=page-content][class*=case] section#content [class*=card-element] .content p, [class*=card-element] .content [class|=basic-form] p:-ms-input-placeholder, [class|=basic-form] [class*=card-element] .content p:-ms-input-placeholder, [class*=card-element] .content [class|=basic-form] p::-moz-placeholder, [class|=basic-form] [class*=card-element] .content p::-moz-placeholder, [class*=card-element] .content [class|=basic-form] p:-moz-placeholder, [class|=basic-form] [class*=card-element] .content p:-moz-placeholder, [class*=card-element] .content [class|=basic-form] p::-webkit-input-placeholder, [class|=basic-form] [class*=card-element] .content p::-webkit-input-placeholder, [class*=card-element] .content [class|=basic-form] p[class*=form-field], [class|=basic-form] [class*=card-element] .content p[class*=form-field] {
    font-size: clamp(24px, 1.666669091vw, 28px);
  }
}
@media (min-width: 1441px) {
  [class*=card-element] .content p {
    font-size: clamp(19px, 1.319446364vw, 24px);
  }
}
@media screen and (max-width: 430px) {
  [class*=card-element] .content p {
    font-size: 1rem;
  }
}
[class*=card-element] .content p + a {
  margin-top: clamp(24px, 2.361114545vw, 50px);
}
@media (max-width: 1199px) {
  [class*=card-element] .content p + a {
    margin: unset;
  }
}
@media (max-width: 1199px) {
  [class*=card-element] .content p + a[class*=button-wrapper] {
    position: absolute;
    top: -1.25rem;
    right: 1.25rem;
    z-index: 1;
  }
}
@media (max-width: 1199px) {
  [class*=card-element] .content p + a[class*=button-wrapper] [class*=btn] {
    display: none;
  }
}
[class*=card-element] .image {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  [class*=card-element] .image {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 1199px) {
  [class*=card-element] .image:after {
    content: "";
    display: block;
    padding-top: 70%;
  }
}
@media screen and (max-width: 414px) {
  [class*=card-element] .image:after {
    padding-top: 85%;
  }
}
[class*=card-element] .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
[class*=card-element][class*=vertical] {
  height: auto;
}
[class*=card-element][class*=vertical] .content {
  flex: 0 0 100%;
  max-width: 100%;
  order: 2;
}
[class*=card-element][class*=vertical] .image {
  flex: 0 0 100%;
  max-width: 100%;
  order: 1;
}
[class*=card-element][class*=vertical] .image:after {
  content: "";
  display: block;
  padding-top: 65%;
}

.marquee-scrolling .marquee,
.marquee-scrolling-partners .marquee {
  display: flex;
  padding: clamp(3px, 0.3472227273vw, 25px);
  white-space: nowrap;
  color: #fff;
  justify-content: flex-end;
}
.marquee-scrolling .marquee[data-reversed=true],
.marquee-scrolling-partners .marquee[data-reversed=true] {
  justify-content: flex-start;
}
.marquee-scrolling .marquee span,
.marquee-scrolling-partners .marquee span {
  display: block;
  padding: 0;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .marquee-scrolling .marquee span,
.marquee-scrolling-partners .marquee span {
    font-size: clamp(60px, 19vw, 188px);
  }
}
.marquee-scrolling .marquee span svg,
.marquee-scrolling-partners .marquee span svg {
  width: 10vw;
}
.marquee-scrolling.light .marquee,
.marquee-scrolling-partners.light .marquee {
  color: #1D1D1B;
}

[class*=lightbox][class*=video] {
  position: fixed;
  height: 50vh;
  aspect-ratio: 16/9;
  background-color: white;
  border: 6px solid #1D1D1B;
  border-radius: 20px;
  z-index: 8;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  transition: 0.4s ease;
}
@media (max-width: 1199px) {
  [class*=lightbox][class*=video] {
    border-width: clamp(2px, 0.4166672727vw, 6px);
  }
}
@media (orientation: portrait) {
  [class*=lightbox][class*=video] {
    height: auto;
    width: 90vw;
  }
}
[class*=lightbox][class*=video] [class*=close] {
  position: absolute;
  opacity: 0;
  right: 10px;
  top: 10px;
  z-index: 9;
  background-color: #E1F42A;
  padding: 1rem;
  border-radius: 10px;
  color: #1D1D1B;
  font-family: "Moderat Extended", Helvetica, Arial, sans-serif;
  transition: 0.4s ease;
}
@media screen and (max-width: 576px) {
  [class*=lightbox][class*=video] [class*=close] {
    opacity: 1;
  }
}
@media screen and (max-width: 430px) {
  [class*=lightbox][class*=video] [class*=close] {
    padding: 0.75rem;
    font-size: 0.75rem;
  }
}
[class*=lightbox][class*=video] [class*=close][class*=active] {
  opacity: 1;
  transition: 0.4s ease;
}
[class*=lightbox][class*=video] [class*=controls] {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: unset;
  transform: translate(-50%, -50%);
  z-index: 9;
  width: clamp(50px, 15%, 15%);
  opacity: 0;
  border: 4px solid #1D1D1B;
  border-radius: 50%;
  text-align: center;
  transition: 0.4s ease;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1441px) {
  [class*=lightbox][class*=video] [class*=controls] {
    border-width: clamp(4px, 0.2777781818vw, 5px);
  }
}
@media (max-width: 1199px) {
  [class*=lightbox][class*=video] [class*=controls] {
    border-width: clamp(2px, 0.2777781818vw, 5px);
  }
}
[class*=lightbox][class*=video] [class*=controls]:after {
  content: "";
  display: block;
  padding-top: 100%;
}
[class*=lightbox][class*=video] [class*=controls][class*=active] {
  opacity: 1;
  transition: 0.4s ease;
}
[class*=lightbox][class*=video] [class*=controls] svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 45%;
  width: auto;
}
[class*=lightbox][class*=video][data-visible=false] {
  opacity: 0;
  visibility: hidden;
  height: 30vh;
  transition: 0.4s ease;
}
@media (orientation: portrait) {
  [class*=lightbox][class*=video][data-visible=false] {
    height: auto;
    width: 70vw;
  }
}
[class*=lightbox][class*=video][data-visible=true] {
  opacity: 1;
  visibility: visible;
  height: 50vh;
  transition: 0.4s ease;
}
@media (orientation: portrait) {
  [class*=lightbox][class*=video][data-visible=true] {
    height: auto;
    width: 90vw;
  }
}
[class*=lightbox][class*=video][class*=move] {
  height: clamp(100px, 20vh, 20vh);
  top: inherit;
  left: inherit;
  bottom: 50px;
  right: 50px;
  border-radius: 10px;
  border: 3px solid #1D1D1B;
  transform: none;
  transition: 0.4s ease;
}
@media (orientation: portrait) {
  [class*=lightbox][class*=video][class*=move] {
    height: auto;
    width: 50vw;
  }
}
[class*=lightbox][class*=video][class*=move] [class*=controls] {
  border-width: 3px;
}

[class*=controls] {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 800;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  [class*=controls] {
    right: 40px;
    bottom: 40px;
  }
}
@media (max-width: 768px) {
  [class*=controls] {
    right: 30px;
    bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  [class*=controls] {
    right: 25px;
    bottom: 40px;
  }
}
[class*=controls] .bg-selectors {
  padding: 20px;
  width: auto;
  border: 6px solid #1D1D1B;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
  border-radius: 100px;
  position: relative;
  z-index: 3;
}
[class*=controls] .bg-selectors [class*=selector] {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #1D1D1B;
}
[class*=controls] .bg-selectors [class*=selector][class*=white] {
  background-color: whitesmoke;
  z-index: 4;
}
[class*=controls] .bg-selectors [class*=selector][class*=black] {
  background-color: #1D1D1B;
  z-index: 3;
}
[class*=controls] .bg-selectors [class*=selector][class*=color] {
  background-color: #E1F42A;
  z-index: 2;
}
[class*=controls] .bg-selectors [class*=selector]:not(:first-of-type) {
  margin-left: -22px;
}
[class*=controls] .bg-selectors [class*=selector][class*=disable] {
  z-index: 2;
}
[class*=controls] .bg-selectors [class*=selector][class*=active] {
  z-index: 5;
}
[class*=controls] [class*=add],
[class*=controls] [class*=screenshot] {
  width: 152px;
  height: 152px;
  border-radius: 50%;
  background-color: #fff;
  border: 6px solid #1D1D1B;
  margin-left: -30px;
  position: relative;
  z-index: 1;
}
[class*=controls] [class*=add] {
  z-index: 2;
}

#take-screenshot {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50vw;
  max-width: 900px;
  padding: 3rem;
  background-color: #fff;
  border: 6px solid #020203;
  transform: translate(-50%, -20%);
  border-radius: var(--border-radius);
  z-index: 9999;
  opacity: 0;
}

[class|=quote-element] p + .meta {
  margin-top: clamp(2rem, 2vw, 100px);
}
[class|=quote-element] [class*=meta] span {
  display: block !important;
  margin-bottom: 0.5rem;
}

.filter-container {
  padding-top: 50px !important;
}
@media screen and (min-width: 1920px) {
  .filter-container {
    padding-top: 0.4vw !important;
  }
}
@media screen and (max-width: 576px) {
  .filter-container {
    padding-top: 0 !important;
  }
}
.filter-container .filtr-item {
  display: inline-block;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .filter-container .filtr-item {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .filter-container .filtr-item {
    width: 33.33%;
    width: calc(33.33%);
  }
}
.filter-container .filtr-item [class*=wrapimage-element] {
  border: 6px solid #020203;
}
@media (max-width: 1199px) {
  .filter-container .filtr-item [class*=wrapimage-element] {
    border: clamp(2px, 0.54vw, 6px) solid #020203;
  }
}
@media screen and (max-width: 576px) {
  .filter-container .filtr-item [class*=wrapimage-element] {
    margin-bottom: 3rem;
  }
}
@media (hover: none) {
  .filter-container .filtr-item [class*=wrapimage-element] {
    margin-bottom: 0;
  }
}
.filter-container .filtr-item [class*=wrapimage-element] .title {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 4;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10%;
}
@media (hover: none) {
  .filter-container .filtr-item [class*=wrapimage-element] .title {
    display: none;
  }
}
.filter-container .filtr-item [class*=wrapimage-element] .title h4 {
  overflow: hidden;
}
.filter-container .filtr-item [class*=wrapimage-element] .title h4 span {
  display: block;
  opacity: 0;
  transform: translateY(105%);
  transition: 0.4s ease;
}
.filter-container .filtr-item [class*=wrapimage-element]:before {
  content: "";
  position: absolute;
  background: #020203;
  width: 200%;
  height: 200%;
  top: 100%;
  left: 50%;
  border-radius: 100%;
  transform: translate(-50%, 0%) scale3d(1, 1, 1);
  transition: transform 0.5s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: 3;
}
@media (hover: none) {
  .filter-container .filtr-item [class*=wrapimage-element]:before {
    display: none;
  }
}
@media (hover: none) {
  .filter-container .filtr-item [class*=works-element] {
    margin-bottom: 3rem;
  }
}
@media (hover: none) and (max-width: 430px) {
  .filter-container .filtr-item [class*=works-element] {
    margin-bottom: 1.5rem;
  }
}
.filter-container .filtr-item [class*=works-element] [class*=wrapimage-element] + .title {
  display: none;
  visibility: hidden;
}
@media (hover: none) {
  .filter-container .filtr-item [class*=works-element] [class*=wrapimage-element] + .title {
    display: block;
    visibility: visible;
    margin-top: 1.5rem;
  }
}
@media (hover: none) {
  .filter-container .filtr-item [class*=works-element] [class*=wrapimage-element] + .title h4 {
    color: #1D1D1B;
    text-align: center;
  }
}
@media (hover: none) {
  .filter-container .filtr-item [class*=works-element] [class*=wrapimage-element] + .title h4 span {
    opacity: 1;
    transform: translateY(0%);
  }
}
.filter-container .filtr-item:hover [class*=wrapimage-element]:before {
  transform: translate(-50%, -75%) scale3d(1, 1, 1);
  transition: transform 1s cubic-bezier(0.1, 0, 0.3, 1);
}
.filter-container .filtr-item:hover [class*=wrapimage-element] .title h4 span {
  opacity: 1;
  transform: translateY(0%);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), opacity 0.4 ease;
  transition-delay: 0.5s;
}

[class*=menu-element] {
  display: flex;
}
[class*=menu-element] [class*=wrapper] {
  z-index: 2;
}
[class*=menu-element] [class*=wrapper] + [class*=wrapper] {
  z-index: 1;
  margin-left: -0.75vw;
}
[class*=menu-element] [class*=wrapimage-element] {
  width: clamp(104px, 7.222232727vw, 400px);
}
@media (max-width: 991px) {
  [class*=menu-element] [class*=wrapimage-element] {
    width: 10.5vw;
  }
}
@media screen and (max-width: 576px) {
  [class*=menu-element] [class*=wrapimage-element] {
    width: 10vw;
  }
}
@media screen and (min-width: 375px) and (max-width: 430px) {
  [class*=menu-element] [class*=wrapimage-element] {
    width: 45px;
  }
}
[class*=menu-element] [class*=wrapimage-element][data-ratio="100"]:after {
  padding-top: 103%;
}
[class*=menu-element] [class*=wrapimage-element] img[class*=hovered] {
  opacity: 0;
}
[class*=menu-element] [class*=header] {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
}
[class*=menu-element] [class*=header] h3 {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  [class*=menu-element] [class*=header] h3[class*=display--lg] {
    font-size: 11.1vw;
  }
}
@media screen and (min-width: 375px) and (max-width: 430px) {
  [class*=menu-element] [class*=header] h3[class*=display--lg] {
    font-size: 50px;
  }
}
[class*=menu-element] [class*=header] [class*=button-wrapper] {
  margin-bottom: 2%;
  opacity: 0;
  transform: translateY(10%);
  transition: 0.4s ease;
}
@media (max-width: 1199px) {
  [class*=menu-element] [class*=header] [class*=button-wrapper] [class*=icon] {
    width: 3.85vw;
    height: 3.85vw;
  }
}
[class*=menu-element] [class*=popup] {
  top: 80%;
  left: 0;
  bottom: inherit;
  width: 100%;
  visibility: hidden;
}
[class*=menu-element] [class*=popup].active {
  z-index: 10;
  visibility: visible;
}
[class*=menu-element] .info {
  display: none;
  visibility: hidden;
}
[class*=menu-element] .info p {
  opacity: 0;
}
[class*=menu-element] .info p + .cta {
  margin-top: 2rem;
}
[class*=menu-element] .info [class*=cta] {
  display: inline-flex;
  gap: 1rem;
  opacity: 0;
}
[class*=menu-element].fix [class*=header] {
  position: relative;
}
[class*=menu-element].fix [class*=header] [class*=button-wrapper] {
  margin-left: clamp(-19px, -1.7361136vw, -28px);
}
@media (max-width: 768px) {
  [class*=menu-element].fix [class*=header] [class*=button-wrapper] {
    margin-left: -5px;
  }
}
@media screen and (max-width: 480px) {
  [class*=menu-element].fix [class*=header] [class*=button-wrapper] {
    margin-left: 0px;
  }
}
@media (hover: none) {
  [class*=menu-element].hovered [class*=wrapimage-element] img {
    opacity: 0;
  }
}
[class*=menu-element].hovered [class*=wrapimage-element] img[class*=hovered] {
  opacity: 1;
}
[class*=menu-element].active .info {
  height: auto;
  transition: height 0.2s ease;
  margin-bottom: 2rem;
}
[class*=menu-element].active .info p {
  opacity: 1;
  transition: opacity 0.4s ease;
  transition-delay: 0.2s;
}
[class*=menu-element].active .info [class*=cta] {
  opacity: 1;
  transition: opacity 0.4s ease;
  transition-delay: 0.6s;
}
[class*=menu-element]:hover [class*=header] [class*=button-wrapper] {
  opacity: 1;
  transform: translateY(0);
  transition: 0.4s ease;
}
@media (hover: none) {
  [class*=menu-element] [class*=header] [class*=button-wrapper] {
    opacity: 1;
    transform: translateY(0);
    transition: 0.4s ease;
  }
}
[class*=menu-element]:nth-child(1) {
  z-index: 20;
}
[class*=menu-element]:nth-child(2) {
  z-index: 19;
}
[class*=menu-element]:nth-child(3) {
  z-index: 18;
}
[class*=menu-element]:nth-child(4) {
  z-index: 17;
}
[class*=menu-element]:nth-child(5) {
  z-index: 16;
}
[class*=menu-element]:nth-child(6) {
  z-index: 15;
}
[class*=menu-element]:nth-child(7) {
  z-index: 14;
}
[class*=menu-element]:nth-child(8) {
  z-index: 13;
}
[class*=menu-element]:nth-child(9) {
  z-index: 12;
}
[class*=menu-element]:nth-child(10) {
  z-index: 11;
}
[class*=menu-element]:nth-child(11) {
  z-index: 10;
}
@media screen and (max-width: 576px) {
  [class*=menu-element] + [class*=menu-element] {
    margin-top: 0.5rem;
  }
}

[class*=layer-btn-element] {
  width: clamp(75px, 11.5vw, 200px);
  transition: 0.4s ease;
  -webkit-user-select: none;
          user-select: none;
}
[class*=layer-btn-element] img {
  width: 100%;
  height: auto;
}
[class*=layer-btn-element] img.mark, [class*=layer-btn-element] img.layer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44%;
  height: auto;
  transition: 0.4s ease;
}
[class*=layer-btn-element]:hover {
  transform: scale(0.9);
  transition: 0.4s ease;
}
@media (hover: none) {
  [class*=layer-btn-element]:hover {
    transform: scale(1);
  }
}
[class*=layer-btn-element]:hover img.mark, [class*=layer-btn-element]:hover img.layer {
  width: 52%;
  transition: 0.4s ease;
}
@media (hover: none) {
  [class*=layer-btn-element]:hover img.mark, [class*=layer-btn-element]:hover img.layer {
    width: 44%;
  }
}
[class*=layer-btn-element][class*=shadow] img.image, [class*=layer-btn-element][class*=shadow] img.move {
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

/* Pagination */
:root {
  --swiper-pagination-color: #1D1D1B;
  --swiper-pagination-bullet-size: 15px;
  --swiper-pagination-bullet-width: 15px;
  --swiper-pagination-bullet-height: 15px;
  --swiper-pagination-bullet-inactive-color: #ffffff;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-duration: 0.4s;
  transition-property: all !important;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* =  7.Carousel ---*/
.swiper {
  width: 100%;
  height: 100%;
}
.swiper [class*=swiper-slide],
.swiper [class*=swiper-wrapper] {
  position: relative;
  width: 100%;
  height: 100%;
  transition-property: transform;
}
.swiper [class*=swiper-wrapper] {
  z-index: 1;
  display: flex;
  box-sizing: content-box;
  transform: translateZ(0);
}
.swiper .swiper-pagination {
  width: 100%;
  height: 40px;
  bottom: -70px;
}
.swiper[class*=slider-quote], .swiper[class*=slider-news] {
  overflow: hidden;
}
.swiper.carousel-challenges {
  padding-bottom: clamp(60px, 10vh, 120px) !important;
}
@media screen and (max-width: 480px) {
  .swiper.carousel-challenges {
    padding-bottom: 75px !important;
  }
}
.swiper[class*=slider-quote].swiper-fade .swiper-slide {
  transition-property: all !important;
}
.swiper[class*=slider-quote].swiper-fade .swiper-slide [class*=quote-element] span,
.swiper[class*=slider-quote].swiper-fade .swiper-slide [class*=quote-element] p {
  display: inline-block;
  opacity: 0;
  transform: translateX(50px) skewX(-10deg);
  transition: 1s ease;
}
@media screen and (max-width: 576px) {
  .swiper[class*=slider-quote].swiper-fade .swiper-slide [class*=quote-element] span,
.swiper[class*=slider-quote].swiper-fade .swiper-slide [class*=quote-element] p {
    transform: translateX(20px) skewX(-5deg);
  }
}
.swiper[class*=slider-quote].swiper-fade .swiper-slide.swiper-slide-active [class*=quote-element] span,
.swiper[class*=slider-quote].swiper-fade .swiper-slide.swiper-slide-active [class*=quote-element] p {
  opacity: 1;
  transform: translateX(0px) skewX(0deg);
  transition: 1s ease all;
  transition-delay: 1s;
}
.swiper[class*=slider-quote] .swiper-pagination-bullet {
  border: clamp(2px, 0.2777781818vw, 4px) solid #1D1D1B;
  cursor: none;
  width: clamp(15px, 2.013891818vw, 28px);
  height: clamp(15px, 2.013891818vw, 28px);
}
.swiper[class*=carousel-logos] .swiper-pagination-bullet, .swiper[class*=carousel-cases] .swiper-pagination-bullet, .swiper[class*=carousel-challenges] .swiper-pagination-bullet {
  border: clamp(2px, 0.2777781818vw, 4px) solid #fff;
  cursor: none;
  width: clamp(15px, 2.013891818vw, 28px);
  height: clamp(15px, 2.013891818vw, 28px);
}

[class*=nav-carousel] {
  display: flex;
}
[class*=nav-carousel] [class*=nav] {
  width: 60px;
  height: 60px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
@media screen and (max-width: 480px) {
  [class*=nav-carousel] [class*=nav] {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 414px) {
  [class*=nav-carousel] [class*=nav] {
    width: 40px;
    height: 40px;
  }
}
[class*=nav-carousel] [class*=nav] [class*=icon] {
  width: 24px;
  height: 24px;
  background-color: #020203;
  position: relative;
  cursor: pointer;
  -webkit-mask: url(1af9d210ef0461b17b59214f508cace2.svg) no-repeat 50% 50%;
          mask: url(1af9d210ef0461b17b59214f508cace2.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media screen and (max-width: 414px) {
  [class*=nav-carousel] [class*=nav] [class*=icon] {
    width: 24px;
    height: 24px;
  }
}
[class*=nav-carousel] [class*=nav][class*=right] [class*=icon], [class*=nav-carousel] [class*=nav][class*=next] [class*=icon] {
  -webkit-mask: url(2b26e42cb56090a6d3b126eb1adba781.svg) no-repeat 50% 50%;
          mask: url(2b26e42cb56090a6d3b126eb1adba781.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
          mask-size: contain;
}
[class*=nav-carousel][class*=cases], [class*=nav-carousel][class*=challenges] {
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0px;
  justify-content: center;
  gap: 2rem;
  z-index: 2;
}
[class*=nav-carousel][class*=challenges] {
  left: 50px;
  right: 50px;
  justify-content: center;
}
@media screen and (max-width: 576px) {
  [class*=nav-carousel][class*=challenges] {
    left: 25px;
    right: 25px;
  }
}
[class*=nav-carousel][class*=logos] {
  justify-content: center;
  gap: 2rem;
  z-index: 2;
}

/*-------------Buttons--------------------------*/
a:hover,
span:hover {
  text-decoration: none;
}
a[href*="/"],
span[href*="/"] {
  cursor: none;
}
a[class|=simple],
span[class|=simple] {
  font-family: "Moderat Extended", Helvetica, Arial, sans-serif;
  color: var(--primary-color);
  position: relative;
  cursor: none;
}
a[class|=simple][class*=line]:after,
span[class|=simple][class*=line]:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0em;
  left: 0;
  right: 0;
  transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  border-bottom: 3px solid currentColor;
  transform: scaleX(0);
  transform-origin: right;
}
@media screen and (max-width: 576px) {
  a[class|=simple][class*=line]:after,
span[class|=simple][class*=line]:after {
    border-width: 2px;
  }
}
@media screen and (max-width: 414px) {
  a[class|=simple][class*=line]:after,
span[class|=simple][class*=line]:after {
    border-width: 1px;
  }
}
a[class|=simple][class*=line]:hover,
span[class|=simple][class*=line]:hover {
  text-decoration: none;
}
a[class|=simple][class*=line]:hover:after,
span[class|=simple][class*=line]:hover:after {
  transition-delay: 0s;
  transform-origin: left;
  transform: scaleX(1);
}
a[class|=simple][class*=line][class*=fcolor--white]:after,
span[class|=simple][class*=line][class*=fcolor--white]:after {
  border-color: #fff;
}

[class*=btn] {
  text-transform: uppercase;
  font-family: "Moderat Extended", Helvetica, Arial, sans-serif;
  cursor: none;
}
[class*=btn]:not(:disabled) {
  cursor: none;
}
[class*=btn][class*=md] {
  font-size: 1.125rem;
  border-radius: 40px;
  padding: 16px 30px;
}
@media (min-width: 1441px) {
  [class*=btn][class*=md] {
    font-size: clamp(14px, 1.250001818vw, 24px);
  }
}
@media (max-width: 1199px) {
  [class*=btn][class*=md] {
    font-size: clamp(14px, 1.250001818vw, 24px);
    padding: clamp(12px, 1.111112727vw, 16px) clamp(24px, 2.638892727vw, 38px);
  }
}
[class*=btn][class*=lg] {
  font-size: 1.375rem;
  border-radius: 40px;
  padding: 18px 40px;
}
@media (min-width: 1441px) {
  [class*=btn][class*=lg] {
    font-size: clamp(18px, 1.52778vw, 30px);
  }
}
@media (max-width: 1199px) {
  [class*=btn][class*=lg] {
    font-size: clamp(16px, 1.52778vw, 30px);
    padding: clamp(10px, 1.2500001818vw, 18px) clamp(28px, 2.777781818vw, 40px);
  }
}
[class*=btn][class*=move] {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
  display: inline-flex;
  align-items: center;
  text-align: center;
}
[class*=btn][class*=move] [class*=inner] span:after {
  content: attr(data-text);
  position: absolute;
  display: inline-block;
  width: 100%;
  left: 120%;
  opacity: 0;
}
[class*=btn][class*=move][class*=lg] [class*=marquee] [class*=inner] {
  padding: 18px 40px;
}
[class*=btn][class*=move]:hover [class*=inner] {
  transform: translateX(0);
  animation: marquee var(--duration) linear infinite;
  animation-play-state: running;
}
[class*=btn][class*=move]:hover [class*=inner] span:after {
  opacity: 1;
}
[class*=btn][class*=secondary] {
  background-color: #E1F42A;
  color: #1D1D1B;
  box-shadow: inset 0 0 0 4px #1D1D1B;
}
@media (min-width: 1441px) {
  [class*=btn][class*=secondary] {
    box-shadow: inset 0 0 0 clamp(4px, 0.2777781818vw, 5px) #1D1D1B;
  }
}
@media (max-width: 1199px) {
  [class*=btn][class*=secondary] {
    box-shadow: inset 0 0 0 clamp(2px, 0.2777781818vw, 5px) #1D1D1B;
  }
}
[class*=btn][class*=white] {
  background-color: #fff;
  color: #1D1D1B;
}
[class*=btn][class*=white][class*=border] {
  border: 4px solid #1D1D1B;
}
@media (min-width: 1441px) {
  [class*=btn][class*=white][class*=border] {
    border-width: clamp(4px, 0.2777781818vw, 5px);
  }
}
@media (max-width: 1199px) {
  [class*=btn][class*=white][class*=border] {
    border-width: clamp(2px, 0.2777781818vw, 5px);
  }
}
[class*=btn][class*=primary] {
  background-color: #020203;
  color: #fff;
}
[class*=btn][class*=outline] {
  background-color: #fff;
  color: #1D1D1B;
  box-shadow: inset 0 0 0 4px #1D1D1B;
}
@media (min-width: 1441px) {
  [class*=btn][class*=outline] {
    box-shadow: inset 0 0 0 clamp(4px, 0.2777781818vw, 5px) #1D1D1B;
  }
}
@media (max-width: 1199px) {
  [class*=btn][class*=outline] {
    box-shadow: inset 0 0 0 clamp(2px, 0.2777781818vw, 5px) #1D1D1B;
  }
}
[class*=btn][class*=outline][class*=white] {
  background-color: transparent;
  box-shadow: inset 0 0 0 4px #fff;
  color: #fff;
}
@media (min-width: 1441px) {
  [class*=btn][class*=outline][class*=white] {
    box-shadow: inset 0 0 0 clamp(4px, 0.2777781818vw, 5px) #fff;
  }
}
@media (max-width: 1199px) {
  [class*=btn][class*=outline][class*=white] {
    box-shadow: inset 0 0 0 clamp(2px, 0.2777781818vw, 5px) #fff;
  }
}
[class*=btn][class*=outline][class*=white] [class*=inner] span {
  color: #fff;
}

[class*=button-wrapper] {
  display: inline-flex;
  cursor: none;
}
[class*=button-wrapper][class*=lg] [class*=icon] {
  height: clamp(40px, 4.027783636vw, 66px);
  width: clamp(40px, 4.027783636vw, 66px);
}
[class*=button-wrapper][class*=md] [class*=icon] {
  height: clamp(38px, 3.472227273vw, 56px);
  width: clamp(38px, 3.472227273vw, 56px);
}
[class*=button-wrapper] [class*=icon] {
  border-radius: 50px;
  background-color: #E1F42A;
  position: relative;
  box-shadow: 0 0 0 clamp(2px, 0.2777781818vw, 5px) #000;
  margin-left: clamp(-12px, -1.52778vw, -40px);
  transition: margin-left 0.4s ease;
}
[class*=button-wrapper] [class*=icon]:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  height: 40%;
  background: url(e10253ecdebc3f20aca3b57ff5bca08a.svg) no-repeat 50% 50%;
  background-position: center center;
  background-size: cover;
  transition: all 0.4s ease;
}
[class*=button-wrapper][class*=outline] [class*=icon] {
  background-color: #fff;
}
[class*=button-wrapper]:hover [class*=icon] {
  margin-left: 0px;
  transition: margin-left 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[class*=button-wrapper]:hover [class*=icon]:after {
  width: 50%;
  height: 50%;
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-120%);
  }
}
/*--------------FORM--------------*/
[class|=basic-form] h1,
[class|=basic-form] h2,
[class|=basic-form] h3,
[class|=basic-form] h4,
[class|=basic-form] h5,
[class|=basic-form] h6 {
  padding-bottom: 1.5rem;
}
[class|=basic-form] [class*=form-field] {
  outline: inherit;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0;
  width: 100%;
  margin-bottom: 25px;
  padding: 0 15px;
  font-family: "Moderat Extended", Helvetica, Arial, sans-serif;
  color: #1D1D1B;
  line-height: 40px;
  color: #1D1D1B;
  font-weight: 400;
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  white-space: pre-wrap;
  cursor: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [class|=basic-form] [class*=form-field] {
    min-height: 38px;
  }
}
@media screen and (max-width: 414px) {
  [class|=basic-form] [class*=form-field] {
    padding: 0 10px;
  }
}
[class|=basic-form] [class*=form-field]:focus {
  border-color: #1D1D1B;
}
[class|=basic-form] [class*=btn] {
  margin-bottom: 0;
  margin-top: 1rem;
  cursor: none;
  border: none;
}
@media screen and (max-width: 414px) {
  [class|=basic-form] [class*=btn] {
    width: 100%;
  }
}
[class|=basic-form] [class*=btn]:focus {
  border-color: #E1F42A;
  opacity: 0.8;
}
[class|=basic-form] [class*=btn][class*=full] {
  width: 100%;
}
[class|=basic-form][data-error=true] {
  border-color: #D0021B;
}
[class|=basic-form] textarea.form-field {
  line-height: 1.6;
  padding-top: 6px;
  height: 5rem;
}
@media screen and (max-width: 576px) {
  [class|=basic-form] textarea.form-field {
    height: 5.6rem;
  }
}
@media screen and (max-width: 414px) {
  [class|=basic-form] textarea.form-field {
    height: 5.5rem;
  }
}
[class|=basic-form] select[class*=form-field] {
  cursor: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDgzOTggMC40OTcwN0MxLjYzMjk4IC0wLjA1MTYyNDIgMi41MDE3OCAtMC4wODYzNTM2IDMuMDkwODIgMC4zOTM1NTVMMy4yMDUwOCAwLjQ5NzA3QzUuMzI0ODMgMi42MTY4MyA2LjgwNzYgNC41MjAyNCA4LjE1NjI1IDYuODEzNDhDOS41MDQ4OCA0LjUyMDMgMTAuOTg3NyAyLjYxNjc5IDEzLjEwNzQgMC40OTcwN0wxMy4yMjE3IDAuMzkzNTU1QzEzLjgxMDggLTAuMDg2MjUwNiAxNC42Nzk2IC0wLjA1MTcwNjIgMTUuMjI4NSAwLjQ5NzA3QzE1Ljc3NzQgMS4wNDU5OSAxNS44MTE5IDEuOTE0NzYgMTUuMzMyIDIuNTAzOTFMMTUuMjI4NSAyLjYxODE2QzEyLjc5NjQgNS4wNTAzMSAxMS4zMTI1IDcuMTIxMTYgOS43OTEwMiAxMC4wNjE1TDkuNTk2NjggMTAuNDQzNEM5LjQ3ODQ1IDEwLjgxNjQgOS4yMTYzNyAxMS4xNDMxIDguODM4ODcgMTEuMzMyQzguNjM2MjUgMTEuNDMzMyA4LjQyMTQ0IDExLjQ4MjYgOC4yMDg5OCAxMS40ODgzQzguMTkxNDIgMTEuNDg5MSA4LjE3Mzg3IDExLjQ4OTEgOC4xNTYyNSAxMS40ODkzQzguMTM4MyAxMS40ODkxIDguMTIwNDMgMTEuNDg5MSA4LjEwMjU0IDExLjQ4ODNDNy44OTAzMSAxMS40ODI1IDcuNjc2MDMgMTEuNDMzMiA3LjQ3MzYzIDExLjMzMkM3LjA5NTk0IDExLjE0MzEgNi44MzMwNiAxMC44MTY2IDYuNzE0ODQgMTAuNDQzNEw2LjUyMTQ4IDEwLjA2MTVDNC45OTk5NyA3LjEyMTEgMy41MTYxNyA1LjA1MDM1IDEuMDgzOTggMi42MTgxNkwwLjk4MDQ2OSAyLjUwMzkxQzAuNTAwNTMgMS45MTQ3NiAwLjUzNTAyNSAxLjA0NjAzIDEuMDgzOTggMC40OTcwN1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  background-position: 99% 50%;
  background-repeat: no-repeat;
  padding-right: 31px;
  text-overflow: ellipsis;
}
[class|=basic-form] select[class*=form-field][class*=placeholder] {
  color: #1D1D1B;
}
[class|=basic-form] .field {
  position: relative;
}
[class|=basic-form] .field .styled-checkbox {
  position: absolute;
  opacity: 0;
  z-index: 2;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
[class|=basic-form] .field .styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-size: 0.875rem;
  line-height: 18px;
  font-family: "Tusker Grotesk", Helvetica, Arial, sans-serif;
  color: #1D1D1B;
  font-weight: 400;
  padding-left: 30px;
  transition: 0.4s ease;
}
[class|=basic-form] .field .styled-checkbox + label a {
  color: #1D1D1B;
  transition: 0.4s ease;
  text-decoration: underline;
  font-weight: 500;
}
[class|=basic-form] .field .styled-checkbox + label a:hover {
  opacity: 0.4;
  transition: 0.4s ease;
}
[class|=basic-form] .field .styled-checkbox + label:focus {
  outline: none;
}
[class|=basic-form] .field .styled-checkbox + label:before {
  content: "";
  margin-right: 15px;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(29, 29, 27, 0.8);
  background: transparent;
  transition: background 0.4s ease;
  position: absolute;
  left: 0;
  top: 0;
}
[class|=basic-form] .field .styled-checkbox:hover + label:before {
  background: white;
  transition: background 0.4s ease;
}
[class|=basic-form] .field .styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
[class|=basic-form] .field .styled-checkbox:checked + label:before {
  background: white;
}
[class|=basic-form] .field .styled-checkbox:disabled + label {
  color: #020203;
  cursor: auto;
}
[class|=basic-form] .field .styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #020203;
}
[class|=basic-form] .field .styled-checkbox:checked + label:after {
  content: "";
  font-family: "feather";
  position: absolute;
  left: -2px;
  top: 0px;
  color: #1D1D1B;
  font-size: 23px;
  font-weight: 600;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [class|=basic-form] .field .styled-checkbox:checked + label:after {
    top: 2px;
  }
}
[class|=basic-form] .field .styled-checkbox.error + label:before {
  border-color: #D0021B;
}
[class|=basic-form] label {
  font-family: "Tusker Grotesk", Helvetica, Arial, sans-serif;
  color: #020203;
  display: block;
  margin-bottom: 12px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  [class|=basic-form] label {
    margin-bottom: 0px;
  }
}
[class|=basic-form] label sup {
  color: #E1F42A;
  font-weight: 600;
  top: -0.1em;
}
[class|=basic-form] ::-webkit-input-placeholder {
  font-family: "Moderat Extended", Helvetica, Arial, sans-serif;
  color: rgba(29, 29, 27, 0.8);
}
[class|=basic-form] :-moz-placeholder {
  font-family: "Moderat Extended", Helvetica, Arial, sans-serif;
  color: rgba(29, 29, 27, 0.8);
}
[class|=basic-form] ::-moz-placeholder {
  font-family: "Moderat Extended", Helvetica, Arial, sans-serif;
  color: rgba(29, 29, 27, 0.8);
}
[class|=basic-form] :-ms-input-placeholder {
  font-family: "Moderat Extended", Helvetica, Arial, sans-serif;
  color: rgba(29, 29, 27, 0.8);
}
[class|=basic-form] [class*=form-field][data-error=true] {
  border-color: #D0021B;
}
[class|=basic-form] [data-error=true] .styled-checkbox + label {
  font-size: 12px;
  font-weight: 400;
  padding-left: 30px;
}
[class|=basic-form] [data-error=true] .styled-checkbox + label:before {
  border: 1px solid #D0021B;
}
[class|=basic-form] span.error, [class|=basic-form] span.info {
  font-size: 0.875rem;
  color: #D0021B;
  font-weight: 500;
  display: block;
}
[class|=basic-form] span.error[data-active=false], [class|=basic-form] span.info[data-active=false] {
  opacity: 0;
  max-height: 0;
  transform: translateY(25px);
  visibility: hidden;
  transition: opacity 0.4s ease, transform 0.3s ease;
}
[class|=basic-form] span.error[data-active=true], [class|=basic-form] span.info[data-active=true] {
  padding: 0.5rem 0;
  margin-top: -25px;
  margin-bottom: 5px;
  opacity: 1;
  max-height: 1000px;
  transform: translateY(0px);
  visibility: visible;
  transition: opacity 0.4s ease, transform 0.3s ease;
}
[class|=basic-form] span.info {
  color: #1D1D1B;
  font-weight: 400;
}
[class|=basic-form] .input-wrapper {
  font-size: 14px;
  line-height: 1.166;
  color: #1D1D1B;
  font-weight: 400;
  min-height: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
[class|=basic-form] .input-wrapper + span.error[data-active=true] {
  margin-top: -10px;
}
[class|=basic-form] .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
[class|=basic-form] .inputfile + label {
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 20px;
  width: 100%;
}
[class|=basic-form] .inputfile + label .string {
  font-size: 14px;
  line-height: 1.4;
  color: #1D1D1B;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 70%;
  overflow: hidden;
}
[class|=basic-form] .inputfile:focus + label {
  outline: none;
}
[class|=basic-form] [class*=alert-wrap] p {
  font-size: 0.875rem;
  color: #D0021B;
  font-weight: 500;
  padding: 0.5rem 0;
  margin-bottom: 0;
}
[class|=basic-form] [class*=alert-wrap][data-active=false] {
  opacity: 0;
  max-height: 0px;
  transform: translateY(25px);
  visibility: hidden;
  transition: opacity 0.4s ease, transform 0.3s ease;
}
[class|=basic-form] [class*=alert-wrap][data-active=true] {
  opacity: 1;
  max-height: 1000px;
  transform: translateY(0px);
  visibility: visible;
  transition: opacity 0.4s ease, transform 0.3s ease;
  margin-bottom: 1.5rem;
}
[class|=basic-form] [class*=alert-wrap].success p {
  color: #417505;
  font-size: 1.125rem;
}
[class|=basic-form] [class*=loader] {
  position: absolute;
  top: 3px;
  left: 15px;
}
@media (max-width: 768px) {
  [class|=basic-form] [class*=loader] {
    top: inherit;
    bottom: 3px;
    left: inherit;
    right: 15px;
  }
}
@media screen and (max-width: 414px) {
  [class|=basic-form] [class*=loader] {
    bottom: -45px;
    left: 15px;
    right: inherit;
  }
}
[class|=basic-form] [class*=loader] .spinner {
  width: 40px;
  height: 40px;
  opacity: 0;
}
[class|=basic-form] #privacy-wrap {
  margin-bottom: 2rem;
}
[class|=basic-form] #privacy-wrap + [class*=alert-wrap][data-active=true] {
  margin-top: -1rem;
}
[class|=basic-form][class*=-row] {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
[class|=basic-form][class*=round] [class*=form-field] {
  border-radius: 4px;
}
[class|=basic-form][class*=round] .field .styled-checkbox + label:before {
  border-radius: 2px;
}
[class|=basic-form][class*=border] [class*=form-field] {
  background-color: white;
  border: 1px solid #1D1D1B;
}
[class|=basic-form][class*=border] [class*=form-field]:focus {
  border: 1px solid #1D1D1B;
}
[class|=basic-form][class*=border] [class*=form-field][data-error=true] {
  border-color: #D0021B;
}
[class|=basic-form][class*=line] [class*=form-field] {
  background-color: transparent;
  border: none;
  border-bottom: clamp(2px, 0.54vw, 4px) solid #1D1D1B;
  padding: 0;
}
[class|=basic-form][class*=line] [class*=form-field]:focus {
  border: none;
  border-bottom: clamp(2px, 0.54vw, 4px) solid #E1F42A;
}
[class|=basic-form][class*=line] [class*=form-field][data-error=true] {
  border-color: #D0021B;
}
[class|=basic-form][class*=colorone] label sup, [class|=basic-form][class*=primary] label sup {
  color: #E1F42A;
}
[class|=basic-form][class*=colorone] .field .styled-checkbox + label a, [class|=basic-form][class*=primary] .field .styled-checkbox + label a {
  color: #E1F42A;
}
[class|=basic-form][class*=colorone][class*=line] [class*=form-field], [class|=basic-form][class*=primary][class*=line] [class*=form-field] {
  border-bottom: 1px solid rgba(225, 244, 42, 0.8);
}
[class|=basic-form][class*=colorone][class*=line] [class*=form-field]:focus, [class|=basic-form][class*=primary][class*=line] [class*=form-field]:focus {
  border-bottom: 1px solid #e1f42a;
}
[class|=basic-form][class*=colorone][class*=line] [class*=form-field][data-error=true], [class|=basic-form][class*=primary][class*=line] [class*=form-field][data-error=true] {
  border-color: #D0021B;
}
[class|=basic-form][class*=-boxed] {
  margin-left: auto;
  margin-right: auto;
  border: 6px solid #020203;
  border-radius: clamp(20px, 3vw, 100px);
  padding: clamp(20px, 4vw, 120px);
  position: relative;
  background-color: #fff;
}
@media (max-width: 1199px) {
  [class|=basic-form][class*=-boxed] {
    border: clamp(2px, 0.54vw, 6px) solid #020203;
  }
}

[class|=page-header] [class*=sectiontitle-element] h1,
[class|=page-loader] [class*=sectiontitle-element] h1 {
  width: 101%;
}
[class|=page-header][class*=home],
[class|=page-loader][class*=home] {
  height: 100vh;
  padding-top: 19vh;
  overflow: visible;
}
@media (min-width: 1441px) {
  [class|=page-header][class*=home],
[class|=page-loader][class*=home] {
    min-height: 60vw;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  [class|=page-header][class*=home],
[class|=page-loader][class*=home] {
    min-height: 900px;
  }
}
@media screen and (max-width: 576px) and (max-height: 900px) {
  [class|=page-header][class*=home],
[class|=page-loader][class*=home] {
    min-height: 300px;
    max-height: 520px;
  }
}
[class|=page-header][class*=home] #world,
[class|=page-loader][class*=home] #world {
  top: 0;
  position: absolute;
}
[class|=page-header][class*=home] [class*=layer],
[class|=page-loader][class*=home] [class*=layer] {
  position: absolute;
  -webkit-user-select: none;
          user-select: none;
}
[class|=page-header][class*=home] [class*=layer][class*="1"],
[class|=page-loader][class*=home] [class*=layer][class*="1"] {
  top: 35%;
  left: 7%;
  width: clamp(90px, 15.7vw, 300px);
  z-index: 2;
}
@media (max-width: 991px) {
  [class|=page-header][class*=home] [class*=layer][class*="1"],
[class|=page-loader][class*=home] [class*=layer][class*="1"] {
    left: 2%;
    top: 28vw;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-header][class*=home] [class*=layer][class*="1"],
[class|=page-loader][class*=home] [class*=layer][class*="1"] {
    top: 32vw;
  }
}
@media screen and (max-width: 480px) {
  [class|=page-header][class*=home] [class*=layer][class*="1"],
[class|=page-loader][class*=home] [class*=layer][class*="1"] {
    top: 35vw;
  }
}
@media screen and (max-width: 414px) {
  [class|=page-header][class*=home] [class*=layer][class*="1"],
[class|=page-loader][class*=home] [class*=layer][class*="1"] {
    top: 38vw;
  }
}
[class|=page-header][class*=home] [class*=layer][class*="2"],
[class|=page-loader][class*=home] [class*=layer][class*="2"] {
  left: 16%;
  top: 33%;
  width: clamp(36px, 6.5vw, 125px);
  z-index: 1;
}
@media screen and (min-width: 1024px) and (max-width: 1600px) {
  [class|=page-header][class*=home] [class*=layer][class*="2"],
[class|=page-loader][class*=home] [class*=layer][class*="2"] {
    left: 18%;
    top: 34%;
  }
}
@media (max-width: 991px) {
  [class|=page-header][class*=home] [class*=layer][class*="2"],
[class|=page-loader][class*=home] [class*=layer][class*="2"] {
    left: 15%;
    top: 28vw;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-header][class*=home] [class*=layer][class*="2"],
[class|=page-loader][class*=home] [class*=layer][class*="2"] {
    top: 32vw;
    left: 21%;
  }
}
@media screen and (max-width: 480px) {
  [class|=page-header][class*=home] [class*=layer][class*="2"],
[class|=page-loader][class*=home] [class*=layer][class*="2"] {
    top: 35vw;
  }
}
@media screen and (max-width: 414px) {
  [class|=page-header][class*=home] [class*=layer][class*="2"],
[class|=page-loader][class*=home] [class*=layer][class*="2"] {
    top: 38vw;
  }
}
[class|=page-header][class*=home] [class*=layer][class*="3"],
[class|=page-loader][class*=home] [class*=layer][class*="3"] {
  right: 6%;
  top: 29%;
  width: clamp(36px, 6.5vw, 125px);
  z-index: 2;
}
@media (max-width: 991px) {
  [class|=page-header][class*=home] [class*=layer][class*="3"],
[class|=page-loader][class*=home] [class*=layer][class*="3"] {
    right: 0%;
    top: 24vw;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-header][class*=home] [class*=layer][class*="3"],
[class|=page-loader][class*=home] [class*=layer][class*="3"] {
    top: 29vw;
  }
}
@media screen and (max-width: 480px) {
  [class|=page-header][class*=home] [class*=layer][class*="3"],
[class|=page-loader][class*=home] [class*=layer][class*="3"] {
    top: 32vw;
  }
}
[class|=page-header][class*=home] [class*=layer][class*="4"],
[class|=page-loader][class*=home] [class*=layer][class*="4"] {
  right: 9%;
  top: 28%;
  width: clamp(81px, 15.7vw, 300px);
  z-index: 2;
}
@media (max-width: 991px) {
  [class|=page-header][class*=home] [class*=layer][class*="4"],
[class|=page-loader][class*=home] [class*=layer][class*="4"] {
    right: 3%;
    top: 24vw;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-header][class*=home] [class*=layer][class*="4"],
[class|=page-loader][class*=home] [class*=layer][class*="4"] {
    top: 29vw;
  }
}
@media screen and (max-width: 480px) {
  [class|=page-header][class*=home] [class*=layer][class*="4"],
[class|=page-loader][class*=home] [class*=layer][class*="4"] {
    top: 32vw;
  }
}
[class|=page-header][class*=home] [class*=container],
[class|=page-loader][class*=home] [class*=container] {
  position: absolute;
  top: 200px;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1439px) {
  [class|=page-header][class*=home] [class*=container],
[class|=page-loader][class*=home] [class*=container] {
    top: clamp(100px, 13.88890909vw, 200px);
  }
}
[class|=page-header][class*=home] [class*=sectiontitle-element],
[class|=page-loader][class*=home] [class*=sectiontitle-element] {
  display: inline-block;
}
[class|=page-header][class*=home] [class*=sectiontitle-element] [class*=display--xl], [class|=page-header][class*=home] [class*=sectiontitle-element] .marquee-scrolling .marquee span, .marquee-scrolling .marquee [class|=page-header][class*=home] [class*=sectiontitle-element] span,
[class|=page-header][class*=home] [class*=sectiontitle-element] .marquee-scrolling-partners .marquee span,
.marquee-scrolling-partners .marquee [class|=page-header][class*=home] [class*=sectiontitle-element] span,
[class|=page-loader][class*=home] [class*=sectiontitle-element] [class*=display--xl],
[class|=page-loader][class*=home] [class*=sectiontitle-element] .marquee-scrolling .marquee span,
.marquee-scrolling .marquee [class|=page-loader][class*=home] [class*=sectiontitle-element] span,
[class|=page-loader][class*=home] [class*=sectiontitle-element] .marquee-scrolling-partners .marquee span,
.marquee-scrolling-partners .marquee [class|=page-loader][class*=home] [class*=sectiontitle-element] span {
  line-height: 0.8;
}
[class|=page-header][class*=home] [class*=sectiontitle-element] [class*=info],
[class|=page-loader][class*=home] [class*=sectiontitle-element] [class*=info] {
  position: relative;
}
[class|=page-header][class*=home] [class*=sectiontitle-element] [class*=info] span[data-animation=heroWordsLoaded],
[class|=page-loader][class*=home] [class*=sectiontitle-element] [class*=info] span[data-animation=heroWordsLoaded] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
[class|=page-header][class*=home] [class*=sectiontitle-element] span,
[class|=page-loader][class*=home] [class*=sectiontitle-element] span {
  display: block;
  font-size: clamp(18px, 3.0556vw, 48px);
}
[class|=page-header][class*=home] [class*=layer][class*=btn],
[class|=page-loader][class*=home] [class*=layer][class*=btn] {
  -webkit-user-select: none;
          user-select: none;
  position: sticky;
  left: 100%;
  top: 80vh;
  z-index: 3;
  width: clamp(75px, 11.5vw, 200px);
  margin-right: 50px;
  margin-bottom: 50px;
  transition: 0.4s ease;
}
@media screen and (min-width: 1200px) {
  [class|=page-header][class*=home] [class*=layer][class*=btn],
[class|=page-loader][class*=home] [class*=layer][class*=btn] {
    top: calc(100vh - 11.5vw - 50px);
  }
}
@media (max-width: 991px) {
  [class|=page-header][class*=home] [class*=layer][class*=btn],
[class|=page-loader][class*=home] [class*=layer][class*=btn] {
    margin-right: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-header][class*=home] [class*=layer][class*=btn],
[class|=page-loader][class*=home] [class*=layer][class*=btn] {
    margin-right: 25px;
    margin-bottom: 25px;
  }
}
[class|=page-header][class*=home] [class*=layer][class*=btn] img,
[class|=page-loader][class*=home] [class*=layer][class*=btn] img {
  width: 100%;
  height: auto;
}
[class|=page-header][class*=home] [class*=layer][class*=btn] img.move,
[class|=page-loader][class*=home] [class*=layer][class*=btn] img.move {
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
[class|=page-header][class*=home] [class*=layer][class*=btn] img.mark,
[class|=page-loader][class*=home] [class*=layer][class*=btn] img.mark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44%;
  height: auto;
  transition: 0.4s ease;
}
[class|=page-header][class*=home] [class*=layer][class*=btn]:hover,
[class|=page-loader][class*=home] [class*=layer][class*=btn]:hover {
  transform: scale(0.9);
  transition: 0.4s ease;
}
@media (hover: none) {
  [class|=page-header][class*=home] [class*=layer][class*=btn]:hover,
[class|=page-loader][class*=home] [class*=layer][class*=btn]:hover {
    transform: scale(1);
  }
}
[class|=page-header][class*=home] [class*=layer][class*=btn]:hover img.mark,
[class|=page-loader][class*=home] [class*=layer][class*=btn]:hover img.mark {
  width: 52%;
  transition: 0.4s ease;
}
@media (hover: none) {
  [class|=page-header][class*=home] [class*=layer][class*=btn]:hover img.mark,
[class|=page-loader][class*=home] [class*=layer][class*=btn]:hover img.mark {
    width: 44%;
  }
}
[class|=page-header][class*=home][class*=doodle],
[class|=page-loader][class*=home][class*=doodle] {
  height: auto;
  padding-top: 19vh;
  overflow: visible;
}
@media (min-width: 1441px) {
  [class|=page-header][class*=home][class*=doodle],
[class|=page-loader][class*=home][class*=doodle] {
    min-height: 45vh;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  [class|=page-header][class*=home][class*=doodle],
[class|=page-loader][class*=home][class*=doodle] {
    min-height: 36vh;
  }
}
@media screen and (max-width: 576px) and (max-height: 900px) {
  [class|=page-header][class*=home][class*=doodle],
[class|=page-loader][class*=home][class*=doodle] {
    min-height: 100px;
    max-height: none;
  }
}
@media screen and (max-width: 480px) and (max-height: 900px) {
  [class|=page-header][class*=home][class*=doodle],
[class|=page-loader][class*=home][class*=doodle] {
    min-height: 22vh;
  }
}
[class|=page-header][class*=home][class*=doodle] [class*=layer][class*="1"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="1"] {
  top: 106%;
}
@media (min-width: 1441px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="1"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="1"] {
    top: 84%;
  }
}
@media (max-width: 991px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="1"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="1"] {
    top: 25vw;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="1"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="1"] {
    top: 32vw;
  }
}
@media screen and (max-width: 480px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="1"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="1"] {
    top: 32vw;
  }
}
@media screen and (max-width: 414px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="1"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="1"] {
    top: 36vw;
  }
}
[class|=page-header][class*=home][class*=doodle] [class*=layer][class*="2"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="2"] {
  top: 98%;
}
@media (min-width: 1441px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="2"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="2"] {
    top: 80%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="2"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="2"] {
    top: 98%;
  }
}
@media (max-width: 991px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="2"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="2"] {
    top: 24vw;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="2"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="2"] {
    top: 34vw;
  }
}
@media screen and (max-width: 480px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="2"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="2"] {
    top: 33vw;
  }
}
@media screen and (max-width: 414px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="2"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="2"] {
    top: 36vw;
  }
}
[class|=page-header][class*=home][class*=doodle] [class*=layer][class*="3"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="3"] {
  top: 62%;
}
@media (max-width: 991px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="3"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="3"] {
    top: 64%;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="3"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="3"] {
    top: 50%;
  }
}
[class|=page-header][class*=home][class*=doodle] [class*=layer][class*="4"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="4"] {
  top: 62%;
}
@media (max-width: 991px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="4"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="4"] {
    top: 64%;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-header][class*=home][class*=doodle] [class*=layer][class*="4"],
[class|=page-loader][class*=home][class*=doodle] [class*=layer][class*="4"] {
    top: 50%;
  }
}
[class|=page-header][class*=page],
[class|=page-loader][class*=page] {
  padding-top: 200px;
}
@media screen and (max-width: 1439px) {
  [class|=page-header][class*=page],
[class|=page-loader][class*=page] {
    padding-top: clamp(100px, 13.88890909vw, 200px);
  }
}
[class|=page-header][class*=about],
[class|=page-loader][class*=about] {
  padding-bottom: 200px;
}
@media (max-width: 1199px) {
  [class|=page-header][class*=about],
[class|=page-loader][class*=about] {
    padding-bottom: 120px;
  }
}
@media (max-width: 768px) {
  [class|=page-header][class*=about],
[class|=page-loader][class*=about] {
    padding-bottom: 75px;
  }
}
[class|=page-header][class*=about] [class*=sectiontitle-element] [class*=wrapper]:first-of-type,
[class|=page-loader][class*=about] [class*=sectiontitle-element] [class*=wrapper]:first-of-type {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1vw;
}
[class|=page-header][class*=about] [class*=sectiontitle-element] [class*=wrapper]:first-of-type h1,
[class|=page-loader][class*=about] [class*=sectiontitle-element] [class*=wrapper]:first-of-type h1 {
  width: auto;
}
@media screen and (max-width: 414px) {
  [class|=page-header][class*=about] [class*=sectiontitle-element] [class*=wrapper]:first-of-type h1[class*=display--xl],
[class|=page-loader][class*=about] [class*=sectiontitle-element] [class*=wrapper]:first-of-type h1[class*=display--xl] {
    font-size: 22vw;
  }
}
@media (max-width: 1199px) {
  [class|=page-header][class*=about] [class*=sectiontitle-element] [class*=wrapper]:nth-child(2) p,
[class|=page-loader][class*=about] [class*=sectiontitle-element] [class*=wrapper]:nth-child(2) p {
    max-width: 700px;
  }
}
[class|=page-header][class*=about] [class*=wrapimage-element],
[class|=page-loader][class*=about] [class*=wrapimage-element] {
  height: 100%;
}
@media (max-width: 1199px) {
  [class|=page-header][class*=about] [class*=wrapimage-element],
[class|=page-loader][class*=about] [class*=wrapimage-element] {
    width: 40vw;
    height: auto;
    margin-top: 2rem;
  }
}
@media (max-width: 768px) {
  [class|=page-header][class*=about] [class*=wrapimage-element],
[class|=page-loader][class*=about] [class*=wrapimage-element] {
    width: 60vw;
  }
}
@media screen and (max-width: 480px) {
  [class|=page-header][class*=about] [class*=wrapimage-element],
[class|=page-loader][class*=about] [class*=wrapimage-element] {
    width: 100%;
  }
}
[class|=page-header][class*=about] [class*=wrapimage-element] img,
[class|=page-loader][class*=about] [class*=wrapimage-element] img {
  height: 100%;
  width: auto;
}
@media (max-width: 1199px) {
  [class|=page-header][class*=about] [class*=wrapimage-element]:after,
[class|=page-loader][class*=about] [class*=wrapimage-element]:after {
    content: "";
    padding-top: 100%;
  }
}
[class|=page-header][class*=about] [class*=clouds],
[class|=page-loader][class*=about] [class*=clouds] {
  position: absolute;
  -webkit-user-select: none;
          user-select: none;
}
[class|=page-header][class*=about] [class*=clouds][class*="1"],
[class|=page-loader][class*=about] [class*=clouds][class*="1"] {
  left: 18vw;
  top: -4vw;
  width: clamp(90px, 15.7vw, 245px);
  z-index: 2;
}
[class|=page-header][class*=about] [class*=clouds][class*="2"],
[class|=page-loader][class*=about] [class*=clouds][class*="2"] {
  left: 29vw;
  top: -5vw;
  width: clamp(36px, 6.5vw, 125px);
  z-index: 1;
}
@media screen and (max-width: 480px) {
  [class|=page-header][class*=cases] [class*=sectiontitle-element] h1,
[class|=page-loader][class*=cases] [class*=sectiontitle-element] h1 {
    font-size: 15vw;
  }
}
[class|=page-header][class*=cases] [class*=clouds],
[class|=page-loader][class*=cases] [class*=clouds] {
  position: absolute;
  -webkit-user-select: none;
          user-select: none;
}
[class|=page-header][class*=cases] [class*=clouds][class*="1"],
[class|=page-loader][class*=cases] [class*=clouds][class*="1"] {
  right: 30vw;
  top: 12vw;
  width: clamp(90px, 15.7vw, 245px);
  z-index: 2;
}
@media screen and (max-width: 480px) {
  [class|=page-header][class*=cases] [class*=clouds][class*="1"],
[class|=page-loader][class*=cases] [class*=clouds][class*="1"] {
    top: 29vw;
  }
}
[class|=page-header][class*=cases] [class*=clouds][class*="2"],
[class|=page-loader][class*=cases] [class*=clouds][class*="2"] {
  right: 23vw;
  top: 36%;
  width: clamp(36px, 6.5vw, 125px);
  z-index: 1;
}
@media screen and (max-width: 480px) {
  [class|=page-header][class*=cases] [class*=clouds][class*="2"],
[class|=page-loader][class*=cases] [class*=clouds][class*="2"] {
    top: 29vw;
  }
}
[class|=page-header][class*=case],
[class|=page-loader][class*=case] {
  padding-bottom: 65px;
}
@media (min-width: 1441px) {
  [class|=page-header][class*=case],
[class|=page-loader][class*=case] {
    padding-bottom: clamp(65px, 4.513895455vw, 200px);
  }
}
[class|=page-header][class*=case] [class*=sectiontitle-element][class*=inline],
[class|=page-loader][class*=case] [class*=sectiontitle-element][class*=inline] {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  align-items: end;
  gap: 2rem;
}
@media (max-width: 991px) {
  [class|=page-header][class*=case] [class*=sectiontitle-element][class*=inline],
[class|=page-loader][class*=case] [class*=sectiontitle-element][class*=inline] {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-header][class*=case] [class*=sectiontitle-element][class*=inline],
[class|=page-loader][class*=case] [class*=sectiontitle-element][class*=inline] {
    gap: 1rem;
  }
}
[class|=page-header][class*=case] [class*=sectiontitle-element][class*=inline] p,
[class|=page-loader][class*=case] [class*=sectiontitle-element][class*=inline] p {
  padding-bottom: 10px;
}
@media (min-width: 1441px) {
  [class|=page-header][class*=case] [class*=sectiontitle-element][class*=inline] p,
[class|=page-loader][class*=case] [class*=sectiontitle-element][class*=inline] p {
    padding-bottom: 0.8vw;
  }
}
@media (min-width: 1441px) {
  [class|=page-header][class*=case] [class*=sectiontitle-element][class*=inline] p,
[class|=page-loader][class*=case] [class*=sectiontitle-element][class*=inline] p {
    font-size: clamp(28px, 1.944447273vw, 38px);
  }
}
@media (max-width: 991px) {
  [class|=page-header][class*=case] [class*=sectiontitle-element][class*=inline] p,
[class|=page-loader][class*=case] [class*=sectiontitle-element][class*=inline] p {
    font-size: clamp(18px, 2.82543vw, 28px);
  }
}
@media screen and (max-width: 576px) {
  [class|=page-header][class*=contact] [class*=sectiontitle-element] [class*=text--lg], [class|=page-header][class*=contact] [class*=sectiontitle-element] [class|=page-content][class*=case] section#content h6, [class|=page-content][class*=case] section#content [class|=page-header][class*=contact] [class*=sectiontitle-element] h6,
[class|=page-loader][class*=contact] [class*=sectiontitle-element] [class*=text--lg],
[class|=page-loader][class*=contact] [class*=sectiontitle-element] [class|=page-content][class*=case] section#content h6,
[class|=page-content][class*=case] section#content [class|=page-loader][class*=contact] [class*=sectiontitle-element] h6 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 414px) {
  [class|=page-header][class*=contact] [class*=sectiontitle-element] [class*=text--lg], [class|=page-header][class*=contact] [class*=sectiontitle-element] [class|=page-content][class*=case] section#content h6, [class|=page-content][class*=case] section#content [class|=page-header][class*=contact] [class*=sectiontitle-element] h6,
[class|=page-loader][class*=contact] [class*=sectiontitle-element] [class*=text--lg],
[class|=page-loader][class*=contact] [class*=sectiontitle-element] [class|=page-content][class*=case] section#content h6,
[class|=page-content][class*=case] section#content [class|=page-loader][class*=contact] [class*=sectiontitle-element] h6 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 360px) {
  [class|=page-header][class*=contact] [class*=sectiontitle-element] [class*=text--lg], [class|=page-header][class*=contact] [class*=sectiontitle-element] [class|=page-content][class*=case] section#content h6, [class|=page-content][class*=case] section#content [class|=page-header][class*=contact] [class*=sectiontitle-element] h6,
[class|=page-loader][class*=contact] [class*=sectiontitle-element] [class*=text--lg],
[class|=page-loader][class*=contact] [class*=sectiontitle-element] [class|=page-content][class*=case] section#content h6,
[class|=page-content][class*=case] section#content [class|=page-loader][class*=contact] [class*=sectiontitle-element] h6 {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  [class|=page-header][class*=contact] [class*=row] [class*=col-lg] + [class*=col-lg],
[class|=page-loader][class*=contact] [class*=row] [class*=col-lg] + [class*=col-lg] {
    margin-top: 50px;
    margin-bottom: 15vw;
  }
}
[class|=page-header][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) img.icon,
[class|=page-loader][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) img.icon {
  position: absolute;
  top: -6vw;
  left: 28vw;
  width: clamp(200px, 10vw, 800px);
  height: auto;
  z-index: 2;
}
@media screen and (max-width: 480px) {
  [class|=page-header][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) img.icon,
[class|=page-loader][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) img.icon {
    width: 30vw;
    top: -17vw;
  }
}
[class|=page-header][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) [class*=clouds],
[class|=page-loader][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) [class*=clouds] {
  position: absolute;
  -webkit-user-select: none;
          user-select: none;
}
[class|=page-header][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) [class*=clouds][class*="1"],
[class|=page-loader][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) [class*=clouds][class*="1"] {
  left: -15%;
  bottom: 19%;
  width: clamp(90px, 15.7vw, 245px);
  z-index: -1;
}
@media (max-width: 991px) {
  [class|=page-header][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) [class*=clouds][class*="1"],
[class|=page-loader][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) [class*=clouds][class*="1"] {
    left: 63%;
    bottom: -9%;
  }
}
[class|=page-header][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) [class*=clouds][class*="2"],
[class|=page-loader][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) [class*=clouds][class*="2"] {
  left: -3%;
  bottom: 36%;
  width: clamp(36px, 6.5vw, 125px);
  z-index: 1;
}
@media (max-width: 991px) {
  [class|=page-header][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) [class*=clouds][class*="2"],
[class|=page-loader][class*=contact] [class*=row] [class*=col-lg]:nth-child(2) [class*=clouds][class*="2"] {
    left: 82%;
    bottom: -3%;
  }
}
[class|=page-header][class*=hero],
[class|=page-loader][class*=hero] {
  position: relative;
}
[class|=page-header][class*=hero] h1,
[class|=page-loader][class*=hero] h1 {
  display: inline-block;
}
@media screen and (min-width: 992px) and (max-width: 1440px) {
  [class|=page-header][class*=hero] h1[class*=display--xl],
[class|=page-loader][class*=hero] h1[class*=display--xl] {
    font-size: 14.17vw;
  }
}
[class|=page-header][class*=hero] [class*=bg],
[class|=page-loader][class*=hero] [class*=bg] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
[class|=page-header][class*=error],
[class|=page-loader][class*=error] {
  height: var(--viewport-height);
  padding-top: 19vh;
}
[class|=page-header][class*=error] [class*=container],
[class|=page-loader][class*=error] [class*=container] {
  position: absolute;
  top: 200px;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1439px) {
  [class|=page-header][class*=error] [class*=container],
[class|=page-loader][class*=error] [class*=container] {
    top: clamp(100px, 13.88890909vw, 200px);
  }
}
[class|=page-header][class*=error] [class*=sectiontitle-element],
[class|=page-loader][class*=error] [class*=sectiontitle-element] {
  display: inline-block;
}
[class|=page-header][class*=error] [class*=sectiontitle-element] span,
[class|=page-loader][class*=error] [class*=sectiontitle-element] span {
  display: block;
  font-size: clamp(18px, 3.0556vw, 48px);
}
[class|=page-header][class*=test],
[class|=page-loader][class*=test] {
  background-color: #000;
  color: white;
  height: 100vh;
}

@media (max-width: 991px) {
  [class|=page-content] section.partners {
    padding-bottom: 0px !important;
  }
}
@media (max-width: 1199px) {
  [class|=page-content] section.partners .marquee-scrolling-partners {
    padding-top: clamp(50px, 8.680568182vw, 175px) !important;
  }
}
@media (max-width: 768px) {
  [class|=page-content] section.partners .marquee-scrolling-partners {
    padding-bottom: 0px;
  }
}
[class|=page-content] section.partners [class*=image-element] {
  text-align: center;
}
[class|=page-content] section.partners [class*=image-element] img {
  width: 60vw;
}
[class|=page-content] section#cta [class*=sectiontitle-element] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  [class|=page-content] section#cta [class*=sectiontitle-element] {
    justify-content: left;
    gap: 1rem;
  }
}
[class|=page-content] section#cta [class*=sectiontitle-element] [class*=wrapper] h2 + [class*=btn],
[class|=page-content] section#cta [class*=sectiontitle-element] [class*=wrapper] h3 + [class*=btn],
[class|=page-content] section#cta [class*=sectiontitle-element] [class*=wrapper] h4 + [class*=btn] {
  margin-top: clamp(16px, 2vw, 30px);
}
[class|=page-content] section#cta [class*=sectiontitle-element] [class*=layer-btn-element] {
  margin-bottom: 1vw;
}
@media screen and (max-width: 576px) {
  [class|=page-content] section#cta [class*=sectiontitle-element] [class*=layer-btn-element] {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  [class|=page-content] section#cta [class*=sectiontitle-element] [class*=layer-btn-element] {
    margin-bottom: -0.5vw;
  }
}
@media screen and (max-width: 430px) {
  [class|=page-content] section#cta [class*=sectiontitle-element] [class*=layer-btn-element] {
    margin-bottom: -1vw;
  }
}
@media screen and (max-width: 375px) {
  [class|=page-content] section#cta [class*=sectiontitle-element] [class*=layer-btn-element] {
    margin-bottom: -2vw;
  }
}
[class|=page-content] section#cta[class*=button] [class*=sectiontitle-element] {
  align-items: end;
  gap: 2rem;
}
@media (max-width: 991px) {
  [class|=page-content] section#cta[class*=button] [class*=sectiontitle-element] {
    gap: 1.5rem;
  }
}
@media (max-width: 768px) {
  [class|=page-content] section#cta[class*=button] [class*=sectiontitle-element] {
    gap: 1rem;
  }
}
@media screen and (max-width: 375px) {
  [class|=page-content] section#cta[class*=button] [class*=sectiontitle-element] {
    gap: 0.5rem;
  }
}
[class|=page-content] section#cta[class*=image] [class*=sectiontitle-element] img {
  width: 20.8vw;
}
[class|=page-content][class*=home] {
  position: relative;
}
[class|=page-content][class*=home] .pin-spacer {
  background-color: #020203;
  margin-top: -1px !important;
}
[class|=page-content][class*=home] section {
  overflow-x: hidden;
}
[class|=page-content][class*=home] section[class*=vh] {
  width: 100%;
  height: 100vh;
  display: flex;
}
[class|=page-content][class*=home] section#marquee {
  overflow-x: visible;
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=home] section#marquee {
    z-index: 3;
    position: relative;
  }
}
[class|=page-content][class*=home] section#intro {
  position: relative;
  overflow-x: visible;
}
@media (max-width: 768px) {
  [class|=page-content][class*=home] section#intro {
    border-radius: 0 0 11vw 11vw;
    z-index: 2;
  }
}
[class|=page-content][class*=home] section#intro [class*=layer][class*=btn] {
  position: absolute;
  left: 0;
  bottom: calc(250px - 5.75vw);
  z-index: 11;
  width: clamp(75px, 11.5vw, 200px);
  margin-left: 50px;
  margin-bottom: 50px;
  transition: 0.4s ease;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=home] section#intro [class*=layer][class*=btn] {
    bottom: calc(17.3611vw - 5.75vw);
  }
}
@media (max-width: 991px) {
  [class|=page-content][class*=home] section#intro [class*=layer][class*=btn] {
    margin-left: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=home] section#intro [class*=layer][class*=btn] {
    margin-left: 20px;
    margin-bottom: 0;
    bottom: 19px;
  }
}
[class|=page-content][class*=home] section#intro [class*=layer][class*=btn] [class*=btn] {
  position: relative;
  z-index: 2;
}
[class|=page-content][class*=home] section#intro [class*=layer][class*=btn] [class*=btn] img {
  width: 100%;
  height: auto;
}
[class|=page-content][class*=home] section#intro [class*=layer][class*=btn] [class*=btn] img.mark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44%;
  height: auto;
  transition: 0.4s ease;
}
[class|=page-content][class*=home] section#intro [class*=layer][class*=btn] [class*=popup] {
  z-index: 1;
}
[class|=page-content][class*=home] section#intro [class*=layer][class*=btn]:hover {
  transform: scale(0.9);
  transition: 0.4s ease;
}
@media (hover: none) {
  [class|=page-content][class*=home] section#intro [class*=layer][class*=btn]:hover {
    transform: scale(1);
  }
}
[class|=page-content][class*=home] section#intro [class*=layer][class*=btn]:hover img.mark {
  width: 52%;
  transition: 0.4s ease;
}
@media (hover: none) {
  [class|=page-content][class*=home] section#intro [class*=layer][class*=btn]:hover img.mark {
    width: 44%;
  }
}
[class|=page-content][class*=home] section.layers, [class|=page-content][class*=home] section.clouds {
  position: absolute;
  top: 200vh;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 3;
  overflow-x: visible;
}
[class|=page-content][class*=home] section.layers [class*=layer], [class|=page-content][class*=home] section.clouds [class*=layer] {
  position: absolute;
}
[class|=page-content][class*=home] section.layers [class*=layer][class*="1"], [class|=page-content][class*=home] section.clouds [class*=layer][class*="1"] {
  left: 26%;
  bottom: 30%;
  width: clamp(90px, 15.7vw, 305px);
  z-index: 2;
}
[class|=page-content][class*=home] section.layers [class*=layer][class*="2"], [class|=page-content][class*=home] section.clouds [class*=layer][class*="2"] {
  left: 37%;
  bottom: 35%;
  width: clamp(36px, 6.5vw, 125px);
  z-index: 1;
}
[class|=page-content][class*=home] section.layers [class*=layer][class*="3"], [class|=page-content][class*=home] section.clouds [class*=layer][class*="3"] {
  left: 56%;
  bottom: 37%;
  width: clamp(90px, 15.7vw, 305px);
  z-index: 2;
}
[class|=page-content][class*=home] section.layers [class*=layer][class*="4"], [class|=page-content][class*=home] section.clouds [class*=layer][class*="4"] {
  left: 67%;
  bottom: 38%;
  width: clamp(36px, 6.5vw, 125px);
  z-index: 1;
}
@media (max-width: 768px) {
  [class|=page-content][class*=home] section.layers {
    display: none;
  }
}
[class|=page-content][class*=home] section.clouds {
  top: 0;
  height: 100%;
}
[class|=page-content][class*=home] section.clouds [class*=layer] {
  position: absolute;
}
[class|=page-content][class*=home] section.clouds [class*=layer][class*="1"] {
  left: 16%;
  bottom: 5%;
}
@media (max-width: 768px) {
  [class|=page-content][class*=home] section.clouds [class*=layer][class*="1"] {
    left: 5%;
  }
}
[class|=page-content][class*=home] section.clouds [class*=layer][class*="2"] {
  left: 28%;
  bottom: 24%;
}
@media (max-width: 768px) {
  [class|=page-content][class*=home] section.clouds [class*=layer][class*="2"] {
    left: 16%;
  }
}
[class|=page-content][class*=home] section.clouds [class*=layer][class*="3"] {
  left: 80%;
  bottom: 47%;
}
[class|=page-content][class*=home] section.clouds [class*=layer][class*="4"] {
  left: 91%;
  bottom: 65%;
}
[class|=page-content][class*=home] section.circle-clip {
  clip-path: circle(1% at 50% 50%);
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 768px) {
  [class|=page-content][class*=home] section.circle-clip {
    display: none;
  }
}
[class|=page-content][class*=home] section.circle-clip .panel-wrapper {
  display: flex;
  flex-wrap: nowrap;
  height: 100vh;
  width: 100%;
}
[class|=page-content][class*=home] section.circle-clip .panel-wrapper .panel {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 30px;
  height: 100vh;
  width: 100%;
  background-color: #fff;
  flex: 1 0 100%;
  position: relative;
}
[class|=page-content][class*=home] section.circle-clip .panel-wrapper .panel [class*=bg] {
  width: 100%;
}
[class|=page-content][class*=home] section.circle-clip .panel-wrapper .panel [class*=bg]:after {
  padding-top: 100vh;
}
[class|=page-content][class*=home] section.circle-clip .panel-wrapper .panel [class*=bg] svg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  height: auto;
}
@media screen and (max-width: 530px) {
  [class|=page-content][class*=home] section.circle-clip .panel-wrapper .panel [class*=bg] svg {
    width: auto;
    height: 100%;
  }
}
[class|=page-content][class*=home] section.circle-clip .panel-wrapper .panel [class*=wrapimage-element]:after {
  padding-top: 100vh;
}
[class|=page-content][class*=home] section.circle-clip .panel-wrapper .panel [class*=wrapimage-element] img {
  top: 0;
  transform: translate(-50%, 0%);
  opacity: 0;
}
@media screen and (max-width: 530px) {
  [class|=page-content][class*=home] section.circle-clip .panel-wrapper .panel [class*=wrapimage-element] img {
    width: 218.5vw;
    height: auto;
  }
}
[class|=page-content][class*=home] section.circle-clip .panel-wrapper .panel [class*=wrapimage-element] img.active {
  opacity: 1;
}
[class|=page-content][class*=home] section.after-circle-clip {
  z-index: 1;
  position: relative;
  margin-top: -100vh;
}
@media (max-width: 768px) {
  [class|=page-content][class*=home] section.after-circle-clip {
    margin-top: -11vw;
  }
}
[class|=page-content][class*=home] section.after-circle-clip [class*=bg] {
  width: 100%;
}
[class|=page-content][class*=home] section.after-circle-clip [class*=bg]:after {
  padding-top: 200vh;
}
[class|=page-content][class*=home] section.after-circle-clip [class*=bg] svg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  height: auto;
}
@media screen and (max-width: 530px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=bg] svg {
    width: 218.5vw;
    height: auto;
  }
}
[class|=page-content][class*=home] section.after-circle-clip [class*=layer][class*=btn] {
  -webkit-user-select: none;
          user-select: none;
  position: absolute;
  left: 0;
  top: 102vh;
  z-index: 3;
  width: clamp(75px, 11.5vw, 200px);
  margin-left: 50px;
  margin-bottom: 50px;
  transition: 0.4s ease;
}
@media screen and (min-width: 1200px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=layer][class*=btn] {
    top: calc(102vh + 11.5vw + 50px);
  }
}
@media (max-width: 991px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=layer][class*=btn] {
    margin-left: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=layer][class*=btn] {
    top: 50vh;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=layer][class*=btn] {
    margin-left: 25px;
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 531px) and (max-width: 576px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=layer][class*=btn] {
    top: 100vh;
  }
}
[class|=page-content][class*=home] section.after-circle-clip [class*=layer][class*=btn] img {
  width: 100%;
  height: auto;
}
[class|=page-content][class*=home] section.after-circle-clip [class*=layer][class*=btn] img.mark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44%;
  height: auto;
  transition: 0.4s ease;
}
[class|=page-content][class*=home] section.after-circle-clip [class*=layer][class*=btn]:hover {
  transform: scale(0.9);
  transition: 0.4s ease;
}
@media (hover: none) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=layer][class*=btn]:hover {
    transform: scale(1);
  }
}
[class|=page-content][class*=home] section.after-circle-clip [class*=layer][class*=btn]:hover img.mark {
  width: 52%;
  transition: 0.4s ease;
}
@media (hover: none) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=layer][class*=btn]:hover img.mark {
    width: 44%;
  }
}
[class|=page-content][class*=home] section.after-circle-clip [class*=wrapimage-element]:after {
  padding-top: 200vh;
}
@media screen and (min-width: 1200px) and (min-height: 915px) and (max-height: 1600px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=wrapimage-element]:after {
    padding-top: 150vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) and (min-height: 915px) and (max-height: 1600px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=wrapimage-element]:after {
    padding-top: 163vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=wrapimage-element]:after {
    padding-top: 168vh;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) and (min-height: 915px) and (max-height: 1600px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=wrapimage-element]:after {
    padding-top: 172vw;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=wrapimage-element]:after {
    padding-top: 128vh;
  }
}
@media screen and (min-width: 531px) and (max-width: 576px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=wrapimage-element]:after {
    padding-top: 118vh;
  }
}
@media screen and (min-width: 320px) and (max-width: 460px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=wrapimage-element]:after {
    padding-top: 356vw;
  }
}
[class|=page-content][class*=home] section.after-circle-clip [class*=wrapimage-element] img {
  top: 0;
  transform: translate(-50%, 0%);
  opacity: 0;
}
@media screen and (max-width: 530px) {
  [class|=page-content][class*=home] section.after-circle-clip [class*=wrapimage-element] img {
    width: 218.5vw;
    height: auto;
  }
}
[class|=page-content][class*=home] section.after-circle-clip [class*=wrapimage-element] img.active {
  opacity: 1;
}
[class|=page-content][class*=home] section.content-circle-clip {
  position: relative;
  overflow-x: visible;
  z-index: 2;
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.content-circle-clip[data-padding=xl] {
    padding-bottom: 0;
  }
}
[class|=page-content][class*=home] section.content-circle-clip [class*=pattern] {
  position: absolute;
  right: 9%;
  top: -6.75vw;
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.content-circle-clip [class*=pattern] {
    top: -78px;
  }
}
@media screen and (min-width: 2160px) {
  [class|=page-content][class*=home] section.content-circle-clip [class*=pattern] {
    top: -145px;
  }
}
[class|=page-content][class*=home] section.content-circle-clip [class*=pattern] img {
  width: clamp(80px, 6.944454545vw, 150px);
  height: auto;
}
[class|=page-content][class*=home] section.cards-wrapper .stackingcards {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100vh;
  display: flex;
  max-width: 1600px;
  margin-left: auto !important;
  margin-right: auto !important;
  top: 0 !important;
  padding: clamp(50px, 10vh, 100px) 0;
}
@media screen and (min-width: 1200px) and (max-width: 1920px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards {
    max-width: 60vw;
  }
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards {
    max-width: 100%;
    height: auto;
  }
}
[class|=page-content][class*=home] section.cards-wrapper .stackingcards .stackingcards-container {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards .stackingcards-container {
    height: 100%;
    align-items: stretch;
  }
}
[class|=page-content][class*=home] section.cards-wrapper .stackingcards.swiper .swiper-pagination {
  bottom: 0px;
}
@media screen and (min-width: 1200px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards.swiper .swiper-pagination {
    display: none;
  }
}
[class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] {
  z-index: 1;
  height: 100%;
  margin: 0;
  overflow: hidden;
  align-items: center;
  max-height: 650px;
}
@media screen and (min-width: 1200px) and (max-width: 1600px) and (max-height: 900px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] {
    max-height: 465px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1600px) and (min-height: 901px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] {
    max-height: 500px;
  }
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] {
    max-height: unset;
    height: auto;
    display: flex;
    align-items: stretch;
  }
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] [class*=content] {
    order: 2;
  }
}
@media (max-width: 991px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] [class*=content] {
    order: 2;
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media screen and (min-width: 1200px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] [class*=image] {
    overflow: hidden;
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] [class*=image] img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1600px) and (max-height: 900px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] [class*=image] img {
    height: 100%;
    width: auto;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1600px) and (min-height: 901px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] [class*=image] img {
    height: 100%;
    width: auto;
  }
}
@media screen and (min-width: 1601px) and (max-width: 1920px) and (min-height: 575px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] [class*=image] img {
    height: 100%;
    width: auto;
  }
}
[class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] .categories li {
  font-size: 1.75rem;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] .categories li {
    font-size: clamp(24px, 1.944447273vw, 34px);
  }
}
@media screen and (max-width: 1439px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] h3[class*=display--md] {
    font-size: clamp(40px, 4.861118182vw, 100px);
  }
}
[class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] p {
  font-size: 1.1875rem;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] p {
    font-size: clamp(19px, 1.319446364vw, 24px);
  }
}
@media screen and (max-width: 430px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element] p {
    font-size: 1rem;
  }
}
[class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element]:not(.starter) {
  position: absolute;
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element]:not(.starter) {
    position: relative;
  }
}
[class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element]:first-of-type {
  z-index: 5;
}
[class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element]:nth-of-type(2) {
  z-index: 4;
}
[class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element]:nth-of-type(3) {
  z-index: 3;
}
[class|=page-content][class*=home] section.cards-wrapper .stackingcards [class*=card-element]:nth-of-type(4) {
  z-index: 2;
}
[class|=page-content][class*=home] section.cards-wrapper .stackingcards .pin-spacer {
  background-color: transparent !important;
}
[class|=page-content][class*=home] section.cards-wrapper .end-cards {
  width: 100%;
  height: 1px;
  background-color: #020203;
}
[class|=page-content][class*=home] section.marquee-title {
  overflow-x: visible;
}
@media (max-width: 768px) {
  [class|=page-content][class*=home] section.marquee-title [data-padding=smbottom] {
    padding-bottom: 30px;
  }
}
[class|=page-content][class*=home] section.marquee-title .title-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
[class|=page-content][class*=home] section.marquee-title .title-image svg {
  max-width: 60vw;
}
@media (max-width: 768px) {
  [class|=page-content][class*=home] section.marquee-title .title-image svg {
    max-width: 80vw;
  }
}
[class|=page-content][class*=home] section.marquee-scrolling {
  overflow-x: visible;
}
[class|=page-content][class*=home] section.after-stackingcards {
  z-index: 1;
  height: 100vh;
}
[class|=page-content][class*=home] section#water-bg {
  position: relative;
  min-height: 10vh;
}
[class|=page-content][class*=home] section#water-bg .pattern {
  position: absolute;
  width: 300%;
  height: 100%;
  top: 0;
  left: -100%;
  background: url(f4d2940ec13b32d18c4e6662f040461c.svg) no-repeat 50% 50%;
  background-position: top left;
  background-size: contain;
  background-repeat: repeat;
}
@media (max-width: 991px) {
  [class|=page-content][class*=home] section#water-bg .pattern {
    left: 0%;
  }
}
@media screen and (max-width: 480px) {
  [class|=page-content][class*=home] section#water-bg .pattern {
    width: 400vw;
  }
}
[class|=page-content][class*=home] section.dark-bg {
  position: relative;
}
[class|=page-content][class*=home] section.dark-bg [class*=bg] svg {
  width: 100%;
  height: auto;
}
[class|=page-content][class*=home] section.dark-bg [class*=image-element] img {
  width: 100%;
  height: auto;
}
[class|=page-content][class*=home] section.partners + .pin-spacer {
  background-color: transparent !important;
}
[class|=page-content][class*=home] section.horizontal-panels {
  height: auto;
  padding: 0;
  top: 0 !important;
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.horizontal-panels {
    background-color: #020203;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding-right: 45px;
    padding-left: 45px;
  }
}
@media (max-width: 991px) {
  [class|=page-content][class*=home] section.horizontal-panels {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (max-width: 768px) {
  [class|=page-content][class*=home] section.horizontal-panels {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=home] section.horizontal-panels {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.horizontal-panels.section-to-pin {
    height: auto;
    position: relative;
  }
}
[class|=page-content][class*=home] section.horizontal-panels.section-to-pin .section-pin {
  height: 100vh;
  padding: 0;
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.horizontal-panels.section-to-pin .section-pin {
    padding: 0;
    height: auto;
    z-index: 2;
    position: relative;
    margin-top: 20vw;
  }
}
@media (max-width: 991px) {
  [class|=page-content][class*=home] section.horizontal-panels.section-to-pin .section-pin {
    margin-top: 27vw;
  }
}
@media (max-width: 768px) {
  [class|=page-content][class*=home] section.horizontal-panels.section-to-pin .section-pin {
    margin-top: 29vw;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=home] section.horizontal-panels.section-to-pin .section-pin {
    margin-top: 30vw;
  }
}
@media screen and (max-width: 480px) {
  [class|=page-content][class*=home] section.horizontal-panels.section-to-pin .section-pin {
    margin-top: 26vw;
  }
}
@media screen and (max-width: 414px) {
  [class|=page-content][class*=home] section.horizontal-panels.section-to-pin .section-pin {
    margin-top: 29vw;
  }
}
[class|=page-content][class*=home] section.horizontal-panels.section-to-pin:after {
  content: attr(data-title);
  font-size: clamp(40px, 65vh, 600px);
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-60%);
  text-transform: uppercase;
  text-align: center;
  color: white;
  z-index: -1;
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.horizontal-panels.section-to-pin:after {
    font-size: 36vw;
    top: 4%;
    transform: none;
    z-index: 1;
  }
}
[class|=page-content][class*=home] section.horizontal-panels.section-to-pin .image-wrapper {
  width: 20vw;
  margin: 20vw 50px 0vw 50px;
  position: relative;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.51, 0.18, 0, 0.88);
  overflow: hidden;
  border: none;
}
@media screen and (min-width: 1200px) and (max-width: 1920px) and (max-height: 625px) {
  [class|=page-content][class*=home] section.horizontal-panels.section-to-pin .image-wrapper {
    width: 48vh;
    margin: 16vw 50px 0vw 50px;
  }
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.horizontal-panels.section-to-pin .image-wrapper {
    width: 25vw;
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  [class|=page-content][class*=home] section.horizontal-panels.section-to-pin .image-wrapper {
    width: 30vw;
    margin: 0;
  }
}
[class|=page-content][class*=home] section.horizontal-panels.section-to-pin .image-wrapper:after {
  content: "";
  padding-bottom: 100%;
  display: block;
}
[class|=page-content][class*=home] section.horizontal-panels.section-to-pin .image-wrapper .image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
[class|=page-content][class*=home] section.horizontal-panels.section-to-pin .image-wrapper:hover {
  transform: none;
}
[class|=page-content][class*=home] section.horizontal-panels.swiper .swiper-pagination {
  bottom: 0px;
}
@media screen and (min-width: 1200px) {
  [class|=page-content][class*=home] section.horizontal-panels.swiper .swiper-pagination {
    display: none;
  }
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.horizontal-panels + section {
    padding-top: 50px;
  }
}
[class|=page-content][class*=home] section.final-bg {
  position: relative;
  overflow-x: visible;
}
[class|=page-content][class*=home] section.final-bg [class*=layer-btn-element] {
  position: absolute;
  left: 87vw;
  top: 10vw;
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=home] section.final-bg [class*=layer-btn-element] {
    left: calc(100% - 25px);
  }
}
[class|=page-content][class*=home] section.final-bg [class*=intro] {
  position: relative;
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=home] section.final-bg [class*=intro] {
    padding-top: 125px;
  }
}
[class|=page-content][class*=home] section.final-bg [class*=intro] [class*=layer-btn-element] {
  position: sticky;
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=home] section.final-bg [class*=intro] [class*=layer-btn-element] {
    position: absolute;
    top: 0;
    left: unset;
    right: 0;
    z-index: 5;
  }
}
[class|=page-content][class*=home] section.final-bg [class*=intro] [class*=wrapimage-element] {
  margin-top: clamp(-75px, -11.5vw, -200px);
}
[class|=page-content][class*=home] section.final-bg [class*=intro] + [class*=sectiontitle-element] {
  margin-top: 4rem;
}
[class|=page-content][class*=home] section.final-bg [class*=wrapimage-element] {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=home] section.final-bg [class*=wrapimage-element] {
    max-width: 100%;
  }
}
[class|=page-content][class*=home] section.final-bg [class*=wrapimage-element]:after {
  padding-top: 177%;
}
[class|=page-content][class*=home] section.final-bg [class*=wrapimage-element] img {
  opacity: 0;
}
[class|=page-content][class*=home] section.final-bg [class*=wrapimage-element] img.active {
  opacity: 1;
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.final-bg [class*=sectiontitle-element] [class*=display--xl], [class|=page-content][class*=home] section.final-bg [class*=sectiontitle-element] .marquee-scrolling .marquee span, .marquee-scrolling .marquee [class|=page-content][class*=home] section.final-bg [class*=sectiontitle-element] span,
[class|=page-content][class*=home] section.final-bg [class*=sectiontitle-element] .marquee-scrolling-partners .marquee span,
.marquee-scrolling-partners .marquee [class|=page-content][class*=home] section.final-bg [class*=sectiontitle-element] span {
    font-size: 14vw;
  }
}
[class|=page-content][class*=home] section.final-bg [class*=sectiontitle-element] h2 + [class*=btn],
[class|=page-content][class*=home] section.final-bg [class*=sectiontitle-element] h3 + [class*=btn] {
  margin-top: 1rem;
  z-index: 5;
}
[class|=page-content][class*=home] section.menu-title, [class|=page-content][class*=about] section.menu-title {
  overflow-x: visible;
}
@media (max-width: 768px) {
  [class|=page-content][class*=home] section.menu-title [data-padding=smbottom], [class|=page-content][class*=about] section.menu-title [data-padding=smbottom] {
    padding-bottom: 30px;
  }
}
[class|=page-content][class*=home] section.menu-title .title-image, [class|=page-content][class*=about] section.menu-title .title-image {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-right: 20vw;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
  [class|=page-content][class*=home] section.menu-title .title-image, [class|=page-content][class*=about] section.menu-title .title-image {
    margin-right: 17vw;
  }
}
@media (max-width: 1199px) {
  [class|=page-content][class*=home] section.menu-title .title-image, [class|=page-content][class*=about] section.menu-title .title-image {
    margin-right: 10vw;
  }
}
@media (max-width: 768px) {
  [class|=page-content][class*=home] section.menu-title .title-image, [class|=page-content][class*=about] section.menu-title .title-image {
    margin-right: 0vw;
  }
}
[class|=page-content][class*=home] section.menu-title .title-image svg, [class|=page-content][class*=about] section.menu-title .title-image svg {
  max-width: 30vw;
}
@media (max-width: 768px) {
  [class|=page-content][class*=home] section.menu-title .title-image svg, [class|=page-content][class*=about] section.menu-title .title-image svg {
    max-width: 40vw;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=home] section.menu-title .title-image svg, [class|=page-content][class*=about] section.menu-title .title-image svg {
    max-width: 60vw;
    width: 50vw;
  }
}
[class|=page-content][class*=home] section.menu-wrap, [class|=page-content][class*=about] section.menu-wrap {
  padding-top: 10px;
  overflow-x: visible;
}
[class|=page-content][class*=home] section.menu-wrap .menu-wrapper, [class|=page-content][class*=about] section.menu-wrap .menu-wrapper {
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=home] section.menu-wrap .menu-wrapper, [class|=page-content][class*=about] section.menu-wrap .menu-wrapper {
    max-width: 100%;
  }
}
[class|=page-content][class*=about] section.partners {
  padding-bottom: calc(11vw + clamp(315px, 19vw, 1000px));
}
@media (max-width: 991px) {
  [class|=page-content][class*=about] section.partners {
    padding-bottom: calc(11vw + clamp(200px, 25vw, 1000px)) !important;
  }
}
[class|=page-content][class*=about] section.partners [class*=row] + [class*=row] {
  margin-top: clamp(50px, 4vw, 125px);
}
[class|=page-content][class*=about] section.partners .title-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
[class|=page-content][class*=about] section.partners .title-image svg {
  max-width: 60vw;
}
@media (max-width: 768px) {
  [class|=page-content][class*=about] section.partners .title-image svg {
    max-width: 80vw;
  }
}
[class|=page-content][class*=about] section.partners .swiper .swiper-pagination {
  bottom: -100px;
}
@media (max-width: 768px) {
  [class|=page-content][class*=about] section.partners .swiper .swiper-pagination {
    bottom: -70px;
  }
}
[class|=page-content][class*=about] section.partners .logos-wrapper {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 50px clamp(30px, 4vw, 200px);
}
@media (max-width: 768px) {
  [class|=page-content][class*=about] section.partners .logos-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=about] section.partners .logos-wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px clamp(30px, 4vw, 200px);
  }
}
[class|=page-content][class*=about] section.partners .logos-wrapper [class*=wrapimage-element]:after {
  padding-top: 67%;
}
[class|=page-content][class*=about] section.partners .logos-wrapper [class*=wrapimage-element] img {
  width: 100%;
  height: auto;
}
[class|=page-content][class*=about] section#testimonials {
  margin-top: -11vw;
  z-index: 3;
}
[class|=page-content][class*=about] section#testimonials .testimonials-wrapper {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  border: 6px solid #020203;
  border-radius: clamp(20px, 3vw, 100px);
  padding: clamp(70px, 7vw, 240px) clamp(20px, 4vw, 120px);
  position: relative;
  background-color: #fff;
}
@media (max-width: 1199px) {
  [class|=page-content][class*=about] section#testimonials .testimonials-wrapper {
    border: clamp(2px, 0.54vw, 6px) solid #020203;
  }
}
@media screen and (max-width: 480px) {
  [class|=page-content][class*=about] section#testimonials .testimonials-wrapper {
    padding: clamp(50px, 7vw, 240px) clamp(20px, 4vw, 120px) clamp(70px, 7vw, 240px) clamp(20px, 4vw, 120px);
  }
}
[class|=page-content][class*=about] section#testimonials .testimonials-wrapper img.icon {
  position: absolute;
  top: -13vw;
  left: clamp(20px, 4vw, 120px);
  width: 23vw;
  height: auto;
  z-index: 2;
}
@media screen and (max-width: 480px) {
  [class|=page-content][class*=about] section#testimonials .testimonials-wrapper img.icon {
    width: 30vw;
    top: -17vw;
  }
}
[class|=page-content][class*=about] section#testimonials .testimonials-wrapper img.omino-1, [class|=page-content][class*=about] section#testimonials .testimonials-wrapper img.omino-2, [class|=page-content][class*=about] section#testimonials .testimonials-wrapper img.omino-3 {
  position: absolute;
  width: 6vw;
  right: 4.5vw;
  z-index: 2;
}
[class|=page-content][class*=about] section#testimonials .testimonials-wrapper img.omino-1 {
  top: -1vw;
  width: 6vw;
}
[class|=page-content][class*=about] section#testimonials .testimonials-wrapper img.omino-2 {
  top: -13vw;
  width: 14vw;
  right: 15vw;
}
[class|=page-content][class*=about] section#testimonials .testimonials-wrapper img.omino-3 {
  width: 8vw;
  right: 11vw;
  top: -8vw;
}
[class|=page-content][class*=about] section#testimonials .testimonials-wrapper .swiper .swiper-pagination {
  bottom: 10px;
}
@media screen and (min-width: 1200px) {
  [class|=page-content][class*=about] section#testimonials .testimonials-wrapper .swiper .swiper-pagination {
    bottom: 25px;
  }
}
@media screen and (min-width: 1200px) {
  [class|=page-content][class*=case] section [class*=container].small {
    max-width: 70vw;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=case] section#intro .container[data-padding=bottom] {
    padding-bottom: 40px;
  }
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#intro [class*=sectiontitle-element] p {
    font-size: clamp(24px, 1.666669091vw, 32px);
  }
}
@media (max-width: 991px) {
  [class|=page-content][class*=case] section#intro [class*=sectiontitle-element] p {
    font-size: clamp(14px, 2.4218vw, 24px);
  }
}
[class|=page-content][class*=case] section#content h2 {
  text-transform: uppercase;
}
[class|=page-content][class*=case] section#content h3 {
  text-transform: uppercase;
}
[class|=page-content][class*=case] section#content h4 {
  text-transform: uppercase;
  font-size: 1.75rem;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#content h4 {
    font-size: 1.944447273vw;
  }
}
[class|=page-content][class*=case] section#content h5 {
  text-transform: uppercase;
  font-size: 1.5rem;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#content h5 {
    font-size: 1.666669091vw;
  }
}
[class|=page-content][class*=case] section#content h6 {
  text-transform: uppercase;
}
[class|=page-content][class*=case] section#content h2 + h2,
[class|=page-content][class*=case] section#content h2 + h3,
[class|=page-content][class*=case] section#content h2 + h4,
[class|=page-content][class*=case] section#content h2 + h5,
[class|=page-content][class*=case] section#content h2 + h6,
[class|=page-content][class*=case] section#content h2 + .player-wrapper,
[class|=page-content][class*=case] section#content h2 + blockquote,
[class|=page-content][class*=case] section#content h2 + figure,
[class|=page-content][class*=case] section#content h2 + .wp-block-image,
[class|=page-content][class*=case] section#content h3 + h2,
[class|=page-content][class*=case] section#content h3 + h3,
[class|=page-content][class*=case] section#content h3 + h4,
[class|=page-content][class*=case] section#content h3 + h5,
[class|=page-content][class*=case] section#content h3 + h6,
[class|=page-content][class*=case] section#content h3 + .player-wrapper,
[class|=page-content][class*=case] section#content h3 + blockquote,
[class|=page-content][class*=case] section#content h3 + figure,
[class|=page-content][class*=case] section#content h3 + .wp-block-image,
[class|=page-content][class*=case] section#content h4 + h2,
[class|=page-content][class*=case] section#content h4 + h3,
[class|=page-content][class*=case] section#content h4 + h4,
[class|=page-content][class*=case] section#content h4 + h5,
[class|=page-content][class*=case] section#content h4 + h6,
[class|=page-content][class*=case] section#content h4 + .player-wrapper,
[class|=page-content][class*=case] section#content h4 + blockquote,
[class|=page-content][class*=case] section#content h4 + figure,
[class|=page-content][class*=case] section#content h4 + .wp-block-image,
[class|=page-content][class*=case] section#content h5 + h2,
[class|=page-content][class*=case] section#content h5 + h3,
[class|=page-content][class*=case] section#content h5 + h4,
[class|=page-content][class*=case] section#content h5 + h5,
[class|=page-content][class*=case] section#content h5 + h6,
[class|=page-content][class*=case] section#content h5 + .player-wrapper,
[class|=page-content][class*=case] section#content h5 + blockquote,
[class|=page-content][class*=case] section#content h5 + figure,
[class|=page-content][class*=case] section#content h5 + .wp-block-image,
[class|=page-content][class*=case] section#content h6 + h2,
[class|=page-content][class*=case] section#content h6 + h3,
[class|=page-content][class*=case] section#content h6 + h4,
[class|=page-content][class*=case] section#content h6 + h5,
[class|=page-content][class*=case] section#content h6 + h6,
[class|=page-content][class*=case] section#content h6 + .player-wrapper,
[class|=page-content][class*=case] section#content h6 + blockquote,
[class|=page-content][class*=case] section#content h6 + figure,
[class|=page-content][class*=case] section#content h6 + .wp-block-image {
  margin-top: 50px;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#content h2 + h2,
[class|=page-content][class*=case] section#content h2 + h3,
[class|=page-content][class*=case] section#content h2 + h4,
[class|=page-content][class*=case] section#content h2 + h5,
[class|=page-content][class*=case] section#content h2 + h6,
[class|=page-content][class*=case] section#content h2 + .player-wrapper,
[class|=page-content][class*=case] section#content h2 + blockquote,
[class|=page-content][class*=case] section#content h2 + figure,
[class|=page-content][class*=case] section#content h2 + .wp-block-image,
[class|=page-content][class*=case] section#content h3 + h2,
[class|=page-content][class*=case] section#content h3 + h3,
[class|=page-content][class*=case] section#content h3 + h4,
[class|=page-content][class*=case] section#content h3 + h5,
[class|=page-content][class*=case] section#content h3 + h6,
[class|=page-content][class*=case] section#content h3 + .player-wrapper,
[class|=page-content][class*=case] section#content h3 + blockquote,
[class|=page-content][class*=case] section#content h3 + figure,
[class|=page-content][class*=case] section#content h3 + .wp-block-image,
[class|=page-content][class*=case] section#content h4 + h2,
[class|=page-content][class*=case] section#content h4 + h3,
[class|=page-content][class*=case] section#content h4 + h4,
[class|=page-content][class*=case] section#content h4 + h5,
[class|=page-content][class*=case] section#content h4 + h6,
[class|=page-content][class*=case] section#content h4 + .player-wrapper,
[class|=page-content][class*=case] section#content h4 + blockquote,
[class|=page-content][class*=case] section#content h4 + figure,
[class|=page-content][class*=case] section#content h4 + .wp-block-image,
[class|=page-content][class*=case] section#content h5 + h2,
[class|=page-content][class*=case] section#content h5 + h3,
[class|=page-content][class*=case] section#content h5 + h4,
[class|=page-content][class*=case] section#content h5 + h5,
[class|=page-content][class*=case] section#content h5 + h6,
[class|=page-content][class*=case] section#content h5 + .player-wrapper,
[class|=page-content][class*=case] section#content h5 + blockquote,
[class|=page-content][class*=case] section#content h5 + figure,
[class|=page-content][class*=case] section#content h5 + .wp-block-image,
[class|=page-content][class*=case] section#content h6 + h2,
[class|=page-content][class*=case] section#content h6 + h3,
[class|=page-content][class*=case] section#content h6 + h4,
[class|=page-content][class*=case] section#content h6 + h5,
[class|=page-content][class*=case] section#content h6 + h6,
[class|=page-content][class*=case] section#content h6 + .player-wrapper,
[class|=page-content][class*=case] section#content h6 + blockquote,
[class|=page-content][class*=case] section#content h6 + figure,
[class|=page-content][class*=case] section#content h6 + .wp-block-image {
    margin-top: 3.472227273vw;
  }
}
[class|=page-content][class*=case] section#content h2 + p,
[class|=page-content][class*=case] section#content h3 + p,
[class|=page-content][class*=case] section#content h4 + p,
[class|=page-content][class*=case] section#content h5 + p,
[class|=page-content][class*=case] section#content h6 + p {
  margin-top: 20px;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#content h2 + p,
[class|=page-content][class*=case] section#content h3 + p,
[class|=page-content][class*=case] section#content h4 + p,
[class|=page-content][class*=case] section#content h5 + p,
[class|=page-content][class*=case] section#content h6 + p {
    margin-top: clamp(20px, 1.388890909vw, 24px);
  }
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=case] section#content h2 + p,
[class|=page-content][class*=case] section#content h3 + p,
[class|=page-content][class*=case] section#content h4 + p,
[class|=page-content][class*=case] section#content h5 + p,
[class|=page-content][class*=case] section#content h6 + p {
    margin-top: 0px;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=case] section#content h5 + p,
[class|=page-content][class*=case] section#content h6 + p {
    margin-top: 20px;
  }
}
[class|=page-content][class*=case] section#content p {
  font-family: "Moderat Extended", Helvetica, Arial, sans-serif;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#content p {
    font-size: clamp(24px, 1.666669091vw, 32px);
  }
}
@media (max-width: 991px) {
  [class|=page-content][class*=case] section#content p {
    font-size: clamp(14px, 2.4218vw, 24px);
  }
}
[class|=page-content][class*=case] section#content p + h2,
[class|=page-content][class*=case] section#content p + h3,
[class|=page-content][class*=case] section#content p + h4,
[class|=page-content][class*=case] section#content p + h5,
[class|=page-content][class*=case] section#content p + h6,
[class|=page-content][class*=case] section#content p + .player-wrapper,
[class|=page-content][class*=case] section#content p + blockquote,
[class|=page-content][class*=case] section#content p + .wp-block-image {
  margin-top: 50px;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#content p + h2,
[class|=page-content][class*=case] section#content p + h3,
[class|=page-content][class*=case] section#content p + h4,
[class|=page-content][class*=case] section#content p + h5,
[class|=page-content][class*=case] section#content p + h6,
[class|=page-content][class*=case] section#content p + .player-wrapper,
[class|=page-content][class*=case] section#content p + blockquote,
[class|=page-content][class*=case] section#content p + .wp-block-image {
    margin-top: 3.472227273vw;
  }
}
[class|=page-content][class*=case] section#content p + p {
  margin-top: 1rem;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#content p + p {
    margin-top: clamp(16px, 1.111112727vw, 20px);
  }
}
[class|=page-content][class*=case] section#content p + ul,
[class|=page-content][class*=case] section#content p + ol {
  margin-top: 20px;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#content p + ul,
[class|=page-content][class*=case] section#content p + ol {
    margin-top: clamp(20px, 1.388890909vw, 24px);
  }
}
[class|=page-content][class*=case] section#content figure {
  border-radius: 20px;
  overflow: hidden;
}
[class|=page-content][class*=case] section#content figure + figure,
[class|=page-content][class*=case] section#content figure + h2,
[class|=page-content][class*=case] section#content figure + h3,
[class|=page-content][class*=case] section#content figure + h4,
[class|=page-content][class*=case] section#content figure + h5,
[class|=page-content][class*=case] section#content figure + h6,
[class|=page-content][class*=case] section#content figure + p,
[class|=page-content][class*=case] section#content figure + blockquote,
[class|=page-content][class*=case] section#content figure + .wp-block-image {
  margin-top: 50px;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#content figure + figure,
[class|=page-content][class*=case] section#content figure + h2,
[class|=page-content][class*=case] section#content figure + h3,
[class|=page-content][class*=case] section#content figure + h4,
[class|=page-content][class*=case] section#content figure + h5,
[class|=page-content][class*=case] section#content figure + h6,
[class|=page-content][class*=case] section#content figure + p,
[class|=page-content][class*=case] section#content figure + blockquote,
[class|=page-content][class*=case] section#content figure + .wp-block-image {
    margin-top: 3.472227273vw;
  }
}
[class|=page-content][class*=case] section#content .player-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 20px;
}
[class|=page-content][class*=case] section#content .player-wrapper .player {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
[class|=page-content][class*=case] section#content .player-wrapper + figure,
[class|=page-content][class*=case] section#content .player-wrapper + .wp-block-image {
  margin-top: 50px;
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=case] section#content .player-wrapper + figure,
[class|=page-content][class*=case] section#content .player-wrapper + .wp-block-image {
    margin-top: 20px;
  }
}
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) li,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) li {
  color: #1D1D1B;
  font-family: "Moderat Extended", Helvetica, Arial, sans-serif;
}
@media (max-width: 991px) {
  [class|=page-content][class*=case] section#content ul:not([class*=blocks]) li,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) li {
    font-size: clamp(14px, 2.4218vw, 24px);
  }
}
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) li + li,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) li + li {
  margin-top: 5px;
}
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) li:before,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) li:before {
  content: "・";
  color: #1D1D1B;
  margin-right: 0.25rem;
}
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) li:last-of-type,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) li:last-of-type {
  margin-bottom: 20px;
}
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) li b,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) li strong,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) li b,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) li strong {
  font-weight: 400;
  color: currentColor;
}
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + figure,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h2,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h3,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h4,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h5,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h6,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + .wp-block-image,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + figure,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h2,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h3,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h4,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h5,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h6,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + .wp-block-image {
  margin-top: 50px;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#content ul:not([class*=blocks]) + figure,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h2,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h3,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h4,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h5,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h6,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + .wp-block-image,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + figure,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h2,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h3,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h4,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h5,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h6,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + .wp-block-image {
    margin-top: 3.472227273vw;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=case] section#content ul:not([class*=blocks]) + figure,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h2,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h3,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h4,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h5,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + h6,
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + .wp-block-image,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + figure,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h2,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h3,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h4,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h5,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + h6,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + .wp-block-image {
    margin-top: 20px;
  }
}
[class|=page-content][class*=case] section#content ul:not([class*=blocks]) + p,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + p {
  margin-top: 20px;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#content ul:not([class*=blocks]) + p,
[class|=page-content][class*=case] section#content ol:not([class*=blocks]) + p {
    margin-top: clamp(20px, 1.388890909vw, 24px);
  }
}
[class|=page-content][class*=case] section#content ol {
  counter-reset: list-counter;
  margin-left: 9px;
}
[class|=page-content][class*=case] section#content ol li {
  counter-increment: list-counter;
}
[class|=page-content][class*=case] section#content ol li:before {
  content: counter(list-counter) ".";
}
[class|=page-content][class*=case] section#content ol li b,
[class|=page-content][class*=case] section#content ol li strong {
  font-weight: 500;
  color: currentColor;
}
[class|=page-content][class*=case] section#content ol[start] li:before {
  content: "•";
}
[class|=page-content][class*=case] section#content blockquote + figure,
[class|=page-content][class*=case] section#content blockquote + h2,
[class|=page-content][class*=case] section#content blockquote + h3,
[class|=page-content][class*=case] section#content blockquote + h4,
[class|=page-content][class*=case] section#content blockquote + h5,
[class|=page-content][class*=case] section#content blockquote + h6,
[class|=page-content][class*=case] section#content blockquote + p,
[class|=page-content][class*=case] section#content blockquote + .wp-block-image {
  margin-top: 50px;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#content blockquote + figure,
[class|=page-content][class*=case] section#content blockquote + h2,
[class|=page-content][class*=case] section#content blockquote + h3,
[class|=page-content][class*=case] section#content blockquote + h4,
[class|=page-content][class*=case] section#content blockquote + h5,
[class|=page-content][class*=case] section#content blockquote + h6,
[class|=page-content][class*=case] section#content blockquote + p,
[class|=page-content][class*=case] section#content blockquote + .wp-block-image {
    margin-top: 3.472227273vw;
  }
}
[class|=page-content][class*=case] section#content .wp-block-embed {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
[class|=page-content][class*=case] section#content .wp-block-embed + figure,
[class|=page-content][class*=case] section#content .wp-block-embed + h2,
[class|=page-content][class*=case] section#content .wp-block-embed + h3,
[class|=page-content][class*=case] section#content .wp-block-embed + h4,
[class|=page-content][class*=case] section#content .wp-block-embed + h5,
[class|=page-content][class*=case] section#content .wp-block-embed + h6,
[class|=page-content][class*=case] section#content .wp-block-embed + p,
[class|=page-content][class*=case] section#content .wp-block-embed + .wp-block-image {
  margin-top: 50px;
}
@media (min-width: 1441px) {
  [class|=page-content][class*=case] section#content .wp-block-embed + figure,
[class|=page-content][class*=case] section#content .wp-block-embed + h2,
[class|=page-content][class*=case] section#content .wp-block-embed + h3,
[class|=page-content][class*=case] section#content .wp-block-embed + h4,
[class|=page-content][class*=case] section#content .wp-block-embed + h5,
[class|=page-content][class*=case] section#content .wp-block-embed + h6,
[class|=page-content][class*=case] section#content .wp-block-embed + p,
[class|=page-content][class*=case] section#content .wp-block-embed + .wp-block-image {
    margin-top: 3.472227273vw;
  }
}
[class|=page-content][class*=case] section#content .wp-block-gallery.columns-1, [class|=page-content][class*=case] section#content .wp-block-gallery.columns-2, [class|=page-content][class*=case] section#content .wp-block-gallery.columns-3 {
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
[class|=page-content][class*=case] section.others {
  margin-top: 0;
}
[class|=page-content][class*=case] section.others .marquee-title {
  overflow-x: visible;
}
@media (max-width: 768px) {
  [class|=page-content][class*=case] section.others .marquee-title [data-padding=smbottom] {
    padding-bottom: 30px;
  }
}
[class|=page-content][class*=case] section.others .marquee-title .title-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
[class|=page-content][class*=case] section.others .marquee-title .title-image svg {
  max-width: 60vw;
}
@media (max-width: 768px) {
  [class|=page-content][class*=case] section.others .marquee-title .title-image svg {
    max-width: 80vw;
  }
}
@media screen and (max-width: 1439px) {
  [class|=page-content][class*=case] section.others [class*=container].small {
    max-width: 80vw;
  }
}
@media (max-width: 1199px) {
  [class|=page-content][class*=case] section.others [class*=container].small {
    max-width: 100%;
  }
}
[class|=page-content][class*=case] section.others [class*=image-element] {
  text-align: center;
}
[class|=page-content][class*=case] section.others [class*=image-element] img {
  max-width: 50vw;
  height: auto;
}
[class|=page-content][class*=case] section.others .stackingcards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 2rem;
}
@media (max-width: 768px) {
  [class|=page-content][class*=case] section.others .stackingcards {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 576px) {
  [class|=page-content][class*=case] section.others .stackingcards {
    gap: 30px 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  [class|=page-content][class*=case] section.others .stackingcards [class*=card-element]:first-of-type {
    grid-row: 1/2;
    grid-column: 1/2;
  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  [class|=page-content][class*=case] section.others .stackingcards [class*=card-element]:nth-child(2) {
    grid-row: 2/2;
    grid-column: 2/2;
    margin-left: -30%;
  }
}
[class|=page-content][class*=case] section.others .cta [class*=sectiontitle-element] {
  position: relative;
}
[class|=page-content][class*=case] section.others .cta [class*=sectiontitle-element] h1[class*=display--xl] {
  font-size: 11.5vw;
}
@media (max-width: 1199px) {
  [class|=page-content][class*=case] section.others .cta [class*=sectiontitle-element] h1[class*=display--xl] {
    font-size: 16vw;
  }
}
@media screen and (max-width: 350px) {
  [class|=page-content][class*=case] section.others .cta [class*=sectiontitle-element] h1[class*=display--xl] {
    font-size: 15vw;
  }
}
[class|=page-content][class*=case] section.others .cta [class*=sectiontitle-element] .icon {
  position: absolute;
  right: 0;
  bottom: 0.9vw;
}
@media (max-width: 1199px) {
  [class|=page-content][class*=case] section.others .cta [class*=sectiontitle-element] .icon {
    bottom: 1.8vw;
  }
}
[class|=page-content][class*=case] section.others .cta [class*=sectiontitle-element] .icon svg {
  height: 12vw;
  width: auto;
}
@media (max-width: 1199px) {
  [class|=page-content][class*=case] section.others .cta [class*=sectiontitle-element] .icon svg {
    height: 16vw;
  }
}
[class|=page-content][class*=case] section.others .cta [class*=sectiontitle-element] .icon a.link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
[class|=page-content][class*=doodle] img.element {
  position: absolute;
  z-index: 11;
  -webkit-user-select: none;
          user-select: none;
  cursor: none !important;
}
[class|=page-content][class*=doodle] section[class*=image] {
  width: 100%;
  height: auto;
  min-height: 20vh;
  margin-top: -2px;
  -webkit-user-select: none;
          user-select: none;
}
[class|=page-content][class*=doodle] section[class*=image][class*=end] {
  margin-bottom: -15%;
}
[class|=page-content][class*=doodle] section[class*=image] [class*=image-element] {
  position: relative;
}
[class|=page-content][class*=doodle] section[class*=image] [class*=image-element] [class*=image-element] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
}
[class|=page-content][class*=doodle] section[class*=image] [class*=image-element] [class*=image-element][class*=active] {
  opacity: 1;
}
[class|=page-content][class*=test] .pin-spacer {
  margin-bottom: 0px !important;
}
[class|=page-content][class*=test] section[class*=empty] {
  padding: 1rem;
  width: 100%;
  height: 100vh;
}
[class|=page-content][class*=test] section[class*=empty][class*=grid] {
  display: grid;
  grid-column-gap: 7vw;
  grid-row-gap: 0.5rem;
  grid-template-columns: auto auto;
}
[class|=page-content][class*=test] section[class*=empty][class*=flex] {
  display: flex;
  align-items: center;
  justify-content: center;
}

footer {
  padding-top: 90px;
  padding-bottom: 45px;
}
@media (min-width: 1441px) {
  footer {
    padding-top: 6.25vw;
    padding-bottom: 3.125vw;
  }
}
footer [class*=top-links] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 2rem;
}
@media (min-width: 1441px) {
  footer [class*=top-links] {
    gap: 2.2vw;
  }
}
footer [class*=top-links] [class*=logo] {
  height: 146px;
  width: auto;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  footer [class*=top-links] [class*=logo] {
    flex: 0 0 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 1rem;
  }
}
footer [class*=top-links] [class*=logo] .omino {
  display: none;
  position: absolute;
  width: 100%;
  bottom: 85%;
  left: 0;
}
@media (max-width: 1199px) {
  footer [class*=top-links] [class*=logo] .omino {
    display: block;
  }
}
footer [class*=top-links] [class*=logo] .omino svg {
  width: clamp(80px, 18vw, 215px);
  height: auto;
}
@media (max-width: 991px) {
  footer [class*=top-links] [class*=logo] svg {
    width: clamp(56px, 28vw, 215px);
    height: auto;
  }
}
@media (max-width: 768px) {
  footer [class*=top-links] [class*=logo] svg {
    width: clamp(56px, 14vw, 110px);
  }
}
@media (max-width: 768px) {
  footer [class*=top-links] [class*=logo] svg#desktop {
    display: none;
  }
}
footer [class*=top-links] [class*=logo] svg#mobile {
  display: none;
}
@media (max-width: 768px) {
  footer [class*=top-links] [class*=logo] svg#mobile {
    display: block;
  }
}
footer [class*=top-links] [class*=link] [class*=text--xl], footer [class*=top-links] [class*=link] [class|=basic-form] label, [class|=basic-form] footer [class*=top-links] [class*=link] label, footer [class*=top-links] [class*=link] [class|=page-content][class*=case] section#content h5, [class|=page-content][class*=case] section#content footer [class*=top-links] [class*=link] h5, footer [class*=top-links] [class*=link] [class|=page-content][class*=case] section#content blockquote, [class|=page-content][class*=case] section#content footer [class*=top-links] [class*=link] blockquote {
  margin: 5px 0;
}
@media (max-width: 768px) {
  footer [class*=top-links] [class*=link] [class*=text--xl], footer [class*=top-links] [class*=link] [class|=basic-form] label, [class|=basic-form] footer [class*=top-links] [class*=link] label, footer [class*=top-links] [class*=link] [class|=page-content][class*=case] section#content h5, [class|=page-content][class*=case] section#content footer [class*=top-links] [class*=link] h5, footer [class*=top-links] [class*=link] [class|=page-content][class*=case] section#content blockquote, [class|=page-content][class*=case] section#content footer [class*=top-links] [class*=link] blockquote {
    margin: 0.5rem 0;
  }
}
@media screen and (max-width: 480px) {
  footer [class*=top-links] [class*=link] [class*=text--xl], footer [class*=top-links] [class*=link] [class|=basic-form] label, [class|=basic-form] footer [class*=top-links] [class*=link] label, footer [class*=top-links] [class*=link] [class|=page-content][class*=case] section#content h5, [class|=page-content][class*=case] section#content footer [class*=top-links] [class*=link] h5, footer [class*=top-links] [class*=link] [class|=page-content][class*=case] section#content blockquote, [class|=page-content][class*=case] section#content footer [class*=top-links] [class*=link] blockquote {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 350px) {
  footer [class*=top-links] [class*=link] [class*=text--xl], footer [class*=top-links] [class*=link] [class|=basic-form] label, [class|=basic-form] footer [class*=top-links] [class*=link] label, footer [class*=top-links] [class*=link] [class|=page-content][class*=case] section#content h5, [class|=page-content][class*=case] section#content footer [class*=top-links] [class*=link] h5, footer [class*=top-links] [class*=link] [class|=page-content][class*=case] section#content blockquote, [class|=page-content][class*=case] section#content footer [class*=top-links] [class*=link] blockquote {
    font-size: 1rem;
  }
}
footer [class*=middle-links] {
  margin-top: 40px;
  position: relative;
}
@media (min-width: 1441px) {
  footer [class*=middle-links] {
    margin-top: 2.778vw;
  }
}
@media (max-width: 768px) {
  footer [class*=middle-links] {
    margin-top: 1rem;
  }
}
footer [class*=middle-links] a {
  cursor: none;
}
footer [class*=middle-links] .omino {
  position: absolute;
  top: -16.5vw;
  right: 17.7vw;
  z-index: 2;
}
@media (min-width: 1441px) {
  footer [class*=middle-links] .omino {
    top: -16.5vw;
    right: 18.9vw;
  }
}
@media screen and (min-width: 2560px) and (max-width: 3839px) {
  footer [class*=middle-links] .omino {
    right: 20.9vw;
  }
}
@media screen and (min-width: 3840px) {
  footer [class*=middle-links] .omino {
    top: -14.5vw;
    right: 22.9vw;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  footer [class*=middle-links] .omino {
    top: -16.5vw;
    right: 17.7vw;
  }
}
@media screen and (max-width: 1279px) {
  footer [class*=middle-links] .omino {
    top: -18.5vw;
    right: 8.7vw;
  }
}
@media (max-width: 1199px) {
  footer [class*=middle-links] .omino {
    display: none;
  }
}
footer [class*=middle-links] .omino svg {
  width: clamp(200px, 13.88890909vw, 300px);
  height: auto;
}
footer [class*=middle-links] .text {
  position: relative;
}
footer [class*=middle-links] .text svg {
  width: 100%;
  height: auto;
}
footer [class*=middle-links] .text svg#home {
  display: none;
}
footer [class*=middle-links] .text svg#contact {
  display: block;
}
footer [class*=middle-links] a {
  font-size: 25vw;
}
footer [class*=copy] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}
@media (min-width: 1441px) {
  footer [class*=copy] {
    margin-top: 0.6945vw;
  }
}
footer [class*=copy] p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 576px) {
  footer [class*=copy] p span {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
footer [class*=copy] p em svg {
  width: 16px;
  height: auto;
  margin: 0 5px;
}
@media screen and (max-width: 576px) {
  footer [class*=copy] p em svg {
    display: none;
  }
}
@media (max-width: 991px) {
  footer [class*=copy] p {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
}
@media (max-width: 991px) {
  footer [class*=copy] ul {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 1rem;
  }
}
footer [class*=copy] ul li {
  display: inline-block;
  margin: 0 0.85rem;
}
@media screen and (max-width: 414px) {
  footer [class*=copy] ul li {
    margin: 0 0.5rem;
  }
}
@media screen and (max-width: 350px) {
  footer [class*=copy] ul li {
    margin: 0 0.35rem;
  }
}
@media screen and (max-width: 414px) {
  footer [class*=copy] ul li[class*=text--sm] {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 350px) {
  footer [class*=copy] ul li[class*=text--sm] {
    font-size: 1rem;
  }
}
footer [class*=copy] ul li[class*=text--sm] [class*=simple][class*=line]:after {
  border-width: 2px;
}
@media screen and (min-width: 992px) {
  footer [class*=copy] ul li:last-child {
    margin-right: 0px;
  }
}
footer[class*=home] [class*=middle-links] .text svg#home {
  display: block;
}
footer[class*=home] [class*=middle-links] .text svg#contact {
  display: none;
}
footer[class*=home] [class*=middle-links] .omino {
  position: absolute;
  top: -16.5vw;
  right: 17.7vw;
  z-index: 2;
}
@media (min-width: 1441px) {
  footer[class*=home] [class*=middle-links] .omino {
    top: -16.5vw;
    right: 17.9vw;
  }
}
@media screen and (min-width: 2560px) and (max-width: 3839px) {
  footer[class*=home] [class*=middle-links] .omino {
    right: 19.9vw;
  }
}
@media screen and (min-width: 3840px) {
  footer[class*=home] [class*=middle-links] .omino {
    top: -14.5vw;
    right: 21.9vw;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  footer[class*=home] [class*=middle-links] .omino {
    top: -16.5vw;
    right: 16.7vw;
  }
}
@media screen and (max-width: 1279px) {
  footer[class*=home] [class*=middle-links] .omino {
    top: -16.5vw;
    right: 5.7vw;
  }
}
@media (max-width: 1199px) {
  footer[class*=home] [class*=middle-links] .omino {
    display: none;
  }
}

/*-------------------------------------------------*/