/*!
 * Bootstrap Grid v5.0.0-beta3 (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)
 */
@import url("https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,400;0,700;0,900;1,400&display=swap");
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

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

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

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

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

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

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

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

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

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

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

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

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

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

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

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

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

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

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

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

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

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

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }

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

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }

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

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

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

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

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

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

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

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

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

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

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

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }

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

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }

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

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

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

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

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

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

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

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

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

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

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

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }

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

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }

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

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

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

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

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

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

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

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

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

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

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

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }

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

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }

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

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

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

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

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

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

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

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

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

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }

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

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }

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

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }

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

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

  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }

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

  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }

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

  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }

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

  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
* {
  font-family: "Epilogue", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
}

a,
button {
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  text-transform: uppercase;
}

.container {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background: transparent;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
  flex-wrap: wrap;
}

.d-grid {
  display: grid;
}

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

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

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

.hero {
  font-size: 2.5rem;
  font-weight: 900;
}

h1, .t-h1 {
  font-size: 2rem;
  line-height: 1.09;
}

h2, .t-h2 {
  line-height: 1.09;
  font-size: 1.5rem;
  font-weight: normal;
}

h3, .t-h3 {
  font-size: 1rem;
  line-height: 1.25;
  font-weight: normal;
}

.mdi {
  margin: 0 0.5rem 0 0;
}

.w-auto {
  width: auto;
}

.w-100 {
  width: 100%;
}

@media (min-width: 576px) {
  .container {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    background: transparent;
  }

  .d-sm-none {
    display: none;
  }

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

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

  .d-sm-grid {
    display: grid;
  }

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

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

  .ml-sm-auto, .m-sm-auto, .mx-sm-auto {
    margin-left: auto;
  }

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

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

  .text-sm-left {
    text-align: left;
  }

  .text-sm-right {
    text-align: right;
  }

  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .w-sm-auto {
    width: auto;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none;
  }

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

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

  .d-md-grid {
    display: grid;
  }

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

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

  .ml-md-auto, .m-md-auto, .mx-md-auto {
    margin-left: auto;
  }

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

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

  .text-md-left {
    text-align: left;
  }

  .text-md-right {
    text-align: right;
  }

  .container {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .hero {
    font-size: 4.5rem;
    font-weight: 900;
  }

  h1, .t-h1 {
    font-size: 3rem;
    font-weight: 600;
  }

  h2, .t-h2 {
    font-size: 2rem;
    font-weight: 600;
  }

  h3, .t-h3 {
    font-size: 1.5rem;
  }

  .mdi {
    margin: 0 1rem 0 0;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none;
  }

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

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

  .d-lg-grid {
    display: grid;
  }

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

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

  .ml-lg-auto, .m-lg-auto, .mx-lg-auto {
    margin-left: auto;
  }

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

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

  .text-lg-left {
    text-align: left;
  }

  .text-lg-right {
    text-align: right;
  }

  .container {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .ml-lg-3 {
    margin-left: 3rem;
  }

  .pl-lg-3 {
    padding-left: 3rem;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none;
  }

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

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

  .d-xl-grid {
    display: grid;
  }

  .mt-xl-auto, .m-xl-auto, .my-xl-auto {
    margin-top: auto;
  }

  .mb-xl-auto, .m-xl-auto, .my-xl-auto {
    margin-bottom: auto;
  }

  .ml-xl-auto, .m-xl-auto, .mx-xl-auto {
    margin-left: auto;
  }

  .mr-xl-auto, .m-xl-auto, .mx-xl-auto {
    margin-right: auto;
  }

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

  .text-xl-left {
    text-align: left;
  }

  .text-xl-right {
    text-align: right;
  }

  .container {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 1400px) {
  .d-xxl-none {
    display: none;
  }

  .d-xxl-block {
    display: block;
  }

  .d-xxl-flex {
    display: flex;
  }

  .d-xxl-grid {
    display: grid;
  }

  .mt-xxl-auto, .m-xxl-auto, .my-xxl-auto {
    margin-top: auto;
  }

  .mb-xxl-auto, .m-xxl-auto, .my-xxl-auto {
    margin-bottom: auto;
  }

  .ml-xxl-auto, .m-xxl-auto, .mx-xxl-auto {
    margin-left: auto;
  }

  .mr-xxl-auto, .m-xxl-auto, .mx-xxl-auto {
    margin-right: auto;
  }

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

  .text-xxl-left {
    text-align: left;
  }

  .text-xxl-right {
    text-align: right;
  }
}
.mt-auto, .m-auto, .my-auto {
  margin-top: auto;
}

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

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

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

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

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

.mx-6 {
  margin: auto 6rem;
}

.my-6 {
  margin: 6rem auto;
}

.my-5 {
  margin: 5rem auto;
}

.mb-9 {
  margin-bottom: 9rem;
}

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

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

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

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

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

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

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

.ml-1, .mx-1, .m-1 {
  margin-left: 1rem;
}

.mr-1, .mx-1, .m-1 {
  margin-right: 1rem;
}

.mt-1, .my-1, .m-1 {
  margin-top: 1rem;
}

.mb-1, .my-1, .m-1 {
  margin-bottom: 1rem;
}

.ml-2, .mx-2, .m-2 {
  margin-left: 2rem;
}

.mr-2, .mx-2, .m-2 {
  margin-right: 2rem;
}

.mt-2, .my-2, .m-2 {
  margin-top: 2rem;
}

.mb-2, .my-2, .m-2 {
  margin-bottom: 2rem;
}

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

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

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

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

.pl-1, .px-1, .p-1 {
  padding-left: 1rem;
}

.pr-1, .px-1, .p-1 {
  padding-right: 1rem;
}

.pt-1, .py-1, .p-1 {
  padding-top: 1rem;
}

.pb-1, .py-1, .p-1 {
  padding-bottom: 1rem;
}

.pl-2, .px-2, .p-2 {
  padding-left: 2rem;
}

.pr-2, .px-2, .p-2 {
  padding-right: 2rem;
}

.pt-2, .py-2, .p-2 {
  padding-top: 2rem;
}

.pb-2, .py-2, .p-2 {
  padding-bottom: 2rem;
}

.pl-3, .px-3, .p-3 {
  padding-left: 3rem;
}

.pr-3, .px-3, .p-3 {
  padding-right: 3rem;
}

.pt-3, .py-3, .p-3 {
  padding-top: 3rem;
}

.pb-3, .py-3, .p-3 {
  padding-bottom: 3rem;
}

.pt-5, .py-5, .p-5 {
  padding-top: 5rem;
}

.pb-5, .py-5, .p-5 {
  padding-bottom: 5rem;
}

.pl-5, .px-5, .p-5 {
  padding-left: 5rem;
}

.pr-5, .px-5, .p-5 {
  padding-right: 5rem;
}

.pt-7, .py-7, .p-7 {
  padding-top: 7rem;
}

.pb-7, .py-7, .p-7 {
  padding-bottom: 7rem;
}

.pl-7, .px-7, .p-7 {
  padding-left: 7rem;
}

.pr-7, .px-7, .p-7 {
  padding-right: 7rem;
}

.pb-9, .py-9 {
  padding-bottom: 9rem;
}

.pt-9, .py-9 {
  padding-top: 9rem;
}

.lh-1 {
  line-height: 1.5;
}

.lh-2 {
  line-height: 2.08;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

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

.fw-black {
  font-weight: 900 !important;
}

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

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

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

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

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

.border-yellow {
  border: solid 4px #f6b913;
}

.text-primary {
  color: #f6b913;
}

.yellow-site .text-primary {
  color: #f6b913;
}

.blue-site .text-primary {
  color: #47adf0;
}

.green-site .text-primary {
  color: #8cc740;
}

.pink-site .text-primary {
  color: #ed008c;
}

.orange-site .text-primary {
  color: #F26121;
}

.other-site .text-primary {
  color: #8248df;
}

.text-secondary {
  color: #2e2e2e;
}

.text-white {
  color: white;
}

.text-dark {
  color: black;
}

.text-grey {
  color: #666666;
}

.text-gray {
  color: #faf9f6;
}

.bg-green, .bg1 {
  background: #8cc740;
}

.bg-pink, .bg2 {
  background: #ed008c;
}

.bg-blue, .bg3 {
  background: #47adf0;
}

.bg-gray {
  background: #faf9f6;
}

.bg-secondary {
  background: #2e2e2e;
}
.bg-secondary .btn.btn-primary {
  color: black;
  background-color: #f6b913;
}
.bg-secondary .btn.btn-primary:hover {
  box-shadow: 9px 9px 0px -4px #2e2e2e, 9px 9px 0px 0px #f6b913;
  margin-right: 1rem;
}

.bg-primary {
  background: #f6b913;
}

.bg-yellow {
  background: #f6b913;
}

.bg-white {
  background: white;
}

.z-1 {
  z-index: 1;
}

.mdi.mdi-2x {
  font-size: 2rem;
}

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

/*! Pushy - v1.4.0 - 2020-12-28
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */
.pushy {
  padding-top: 3.55rem;
  position: fixed;
  width: 16.813rem;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: #f6b913;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}
.pushy .pushy-header {
  height: 3.55rem;
  border-bottom: 4px solid #ffffff;
  width: 100%;
  position: fixed;
  top: 0;
  display: flex;
}
.pushy .pushy-header a {
  display: contents;
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.pushy .pushy-header img {
  height: 2.3rem;
  align-self: center;
}
.pushy .pushy-link > a, .pushy ul > li > div {
  display: block;
  color: #b3b3b1;
  margin: 0 1.3rem 0 1.3rem;
  padding: 1.5rem 0 1.5rem 0;
  text-decoration: none;
  border-bottom: 0.125rem solid white;
  width: -webkit-fill-available;
  font-family: Epilogue;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  color: #ffffff;
}
.pushy ul li:last-child div, .pushy ul li:last-child a {
  border-bottom: none;
}
.pushy .btn {
  width: 100%;
  padding: 0.5rem 0.375rem 0.5rem;
  margin-bottom: 1rem;
}
.pushy .btn.btn-secondary {
  border: solid 4px #2e2e2e;
}
.pushy a:hover {
  color: #FFF;
}
.pushy ul:first-child {
  margin-top: 10px;
}
.pushy ul {
  list-style: none;
  padding: 0rem;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-16.813rem, 0, 0);
  -ms-transform: translate3d(-16.813rem, 0, 0);
  transform: translate3d(-16.813rem, 0, 0);
}

.pushy-open-left#container, .pushy-open-left.push {
  -webkit-transform: translate3d(16.813rem, 0, 0);
  -ms-transform: translate3d(16.813rem, 0, 0);
  transform: translate3d(16.813rem, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(16.813rem, 0, 0);
  -ms-transform: translate3d(16.813rem, 0, 0);
  transform: translate3d(16.813rem, 0, 0);
}

.pushy-open-right#container, .pushy-open-right.push {
  -webkit-transform: translate3d(-16.813rem, 0, 0);
  -ms-transform: translate3d(-16.813rem, 0, 0);
  transform: translate3d(-16.813rem, 0, 0);
}

.pushy-open-left.pushy,
.pushy-open-right.pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushy-open-left.pushy-content,
.pushy-open-right.pushy-content {
  visibility: visible;
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9997;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Submenu Appearance */
.pushy-submenu {
  /* Submenu Buttons */
  /* Submenu Icon */
}
.pushy-submenu > ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.pushy-submenu > ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu button {
  width: 100%;
  color: #b3b3b1;
  padding: 15px 30px;
  text-align: left;
  background: transparent;
  border: 0;
}
.pushy-submenu button:hover {
  color: #FFF;
}
.pushy-submenu > a,
.pushy-submenu > button {
  position: relative;
}
.pushy-submenu > a::after,
.pushy-submenu > button::after {
  content: "";
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../img/arrow.svg") no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed > ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open {
  /* Submenu Icon */
}
.pushy-submenu-open > ul {
  max-height: 1000px;
  visibility: visible;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
.pushy-submenu-open > a::after,
.pushy-submenu-open > button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.yellow-site .btn-up .mdi::before {
  color: #f6b913;
}
.yellow-site .nav .btn.btn-secondary:hover {
  box-shadow: 12px 7px 0px -1px #f6b913, 12px 7px 0px 3px #000000;
}
.yellow-site .nav img {
  border-color: #f6b913;
}
@media (min-width: 992px) {
  .yellow-site .nav img {
    border-bottom: 10px solid #f6b913;
  }
}
.yellow-site .nav a.btn:hover {
  box-shadow: 12px 7px 0px -1px #f6b913, 12px 7px 0px 3px #000000;
}
.yellow-site nav.pushy ul a.btn:hover {
  box-shadow: 12px 7px 0 -1px #f6b913, 12px 7px 0 3px #000000;
}
.yellow-site .newsletter .btn.btn-outline-secondary:hover,
.yellow-site .carosel .btn.btn-outline-secondary:hover {
  box-shadow: 9px 9px 0 -4px #f6b913, 9px 9px 0 0 #2e2e2e;
}
.yellow-site .sub-footer a {
  color: #f6b913;
}
.yellow-site .footer .text-section a:first-child {
  color: #f6b913;
}
.yellow-site .footer ul li a {
  color: #f6b913;
}
.yellow-site .footer ul li a:hover {
  color: #ce9908;
}
.yellow-site .bg1 {
  background-color: #8cc740;
}
.yellow-site .bg2 {
  background-color: #ed008c;
}
.yellow-site .bg3 {
  background-color: #47adf0;
}
.yellow-site .bg-primary {
  background-color: #f6b913;
}
.yellow-site .btn.btn-primary {
  background-color: #f6b913;
}
.yellow-site .btn.btn-outline-primary {
  border: solid 4px #f6b913;
  color: #f6b913;
}
.yellow-site .btn.btn-outline-primary:hover {
  background-color: #f6b913;
}
.yellow-site .pushy {
  background: #f6b913;
}
.yellow-site .pushy .btn {
  margin-left: 0;
}
.yellow-site .pushy .btn.btn-secondary:hover {
  box-shadow: 12px 7px 0px -1px #f6b913, 12px 7px 0px 3px #000000;
}

.blue-site .btn-up .mdi::before {
  color: #47adf0;
}
.blue-site .nav .btn.btn-secondary:hover {
  box-shadow: 12px 7px 0px -1px #47adf0, 12px 7px 0px 3px #000000;
}
.blue-site .nav img {
  border-color: #47adf0;
}
@media (min-width: 992px) {
  .blue-site .nav img {
    border-bottom: 10px solid #47adf0;
  }
}
.blue-site .nav a.btn:hover {
  box-shadow: 12px 7px 0px -1px #47adf0, 12px 7px 0px 3px #000000;
}
.blue-site nav.pushy ul a.btn:hover {
  box-shadow: 12px 7px 0 -1px #47adf0, 12px 7px 0 3px #000000;
}
.blue-site .newsletter .btn.btn-outline-secondary:hover,
.blue-site .carosel .btn.btn-outline-secondary:hover {
  box-shadow: 9px 9px 0 -4px #47adf0, 9px 9px 0 0 #2e2e2e;
}
.blue-site .sub-footer a {
  color: #47adf0;
}
.blue-site .footer .text-section a:first-child {
  color: #47adf0;
}
.blue-site .footer ul li a {
  color: #47adf0;
}
.blue-site .footer ul li a:hover {
  color: #1898ec;
}
.blue-site .bg1 {
  background-color: #f6b913;
}
.blue-site .bg2 {
  background-color: #ed008c;
}
.blue-site .bg3 {
  background-color: #8cc740;
}
.blue-site .bg-primary {
  background-color: #47adf0;
}
.blue-site .btn.btn-primary {
  background-color: #47adf0;
}
.blue-site .btn.btn-outline-primary {
  border: solid 4px #47adf0;
  color: #47adf0;
}
.blue-site .btn.btn-outline-primary:hover {
  background-color: #47adf0;
}
.blue-site .pushy {
  background: #47adf0;
}
.blue-site .pushy .btn {
  margin-left: 0;
}
.blue-site .pushy .btn.btn-secondary:hover {
  box-shadow: 12px 7px 0px -1px #47adf0, 12px 7px 0px 3px #000000;
}

.green-site .btn-up .mdi::before {
  color: #8cc740;
}
.green-site .nav .btn.btn-secondary:hover {
  box-shadow: 12px 7px 0px -1px #8cc740, 12px 7px 0px 3px #000000;
}
.green-site .nav img {
  border-color: #8cc740;
}
@media (min-width: 992px) {
  .green-site .nav img {
    border-bottom: 10px solid #8cc740;
  }
}
.green-site .nav a.btn:hover {
  box-shadow: 12px 7px 0px -1px #8cc740, 12px 7px 0px 3px #000000;
}
.green-site nav.pushy ul a.btn:hover {
  box-shadow: 12px 7px 0 -1px #8cc740, 12px 7px 0 3px #000000;
}
.green-site .newsletter .btn.btn-outline-secondary:hover,
.green-site .carosel .btn.btn-outline-secondary:hover {
  box-shadow: 9px 9px 0 -4px #8cc740, 9px 9px 0 0 #2e2e2e;
}
.green-site .sub-footer a {
  color: #8cc740;
}
.green-site .footer .text-section a:first-child {
  color: #8cc740;
}
.green-site .footer ul li a {
  color: #8cc740;
}
.green-site .footer ul li a:hover {
  color: #71a430;
}
.green-site .bg1 {
  background-color: #f6b913;
}
.green-site .bg2 {
  background-color: #ed008c;
}
.green-site .bg3 {
  background-color: #47adf0;
}
.green-site .bg-primary {
  background-color: #8cc740;
}
.green-site .btn.btn-primary {
  background-color: #8cc740;
}
.green-site .btn.btn-outline-primary {
  border: solid 4px #8cc740;
  color: #8cc740;
}
.green-site .btn.btn-outline-primary:hover {
  background-color: #8cc740;
}
.green-site .pushy {
  background: #8cc740;
}
.green-site .pushy .btn {
  margin-left: 0;
}
.green-site .pushy .btn.btn-secondary:hover {
  box-shadow: 12px 7px 0px -1px #8cc740, 12px 7px 0px 3px #000000;
}

.pink-site .btn-up .mdi::before {
  color: #ed008c;
}
.pink-site .nav .btn.btn-secondary:hover {
  box-shadow: 12px 7px 0px -1px #ed008c, 12px 7px 0px 3px #000000;
}
.pink-site .nav img {
  border-color: #ed008c;
}
@media (min-width: 992px) {
  .pink-site .nav img {
    border-bottom: 10px solid #ed008c;
  }
}
.pink-site .nav a.btn:hover {
  box-shadow: 12px 7px 0px -1px #ed008c, 12px 7px 0px 3px #000000;
}
.pink-site nav.pushy ul a.btn:hover {
  box-shadow: 12px 7px 0 -1px #ed008c, 12px 7px 0 3px #000000;
}
.pink-site .newsletter .btn.btn-outline-secondary:hover,
.pink-site .carosel .btn.btn-outline-secondary:hover {
  box-shadow: 9px 9px 0 -4px #ed008c, 9px 9px 0 0 #2e2e2e;
}
.pink-site .sub-footer a {
  color: #ed008c;
}
.pink-site .footer .text-section a:first-child {
  color: #ed008c;
}
.pink-site .footer ul li a {
  color: #ed008c;
}
.pink-site .footer ul li a:hover {
  color: #ba006e;
}
.pink-site .bg1 {
  background-color: #f6b913;
}
.pink-site .bg2 {
  background-color: #8cc740;
}
.pink-site .bg3 {
  background-color: #47adf0;
}
.pink-site .bg-primary {
  background-color: #ed008c;
}
.pink-site .btn.btn-primary {
  background-color: #ed008c;
}
.pink-site .btn.btn-outline-primary {
  border: solid 4px #ed008c;
  color: #ed008c;
}
.pink-site .btn.btn-outline-primary:hover {
  background-color: #ed008c;
}
.pink-site .pushy {
  background: #ed008c;
}
.pink-site .pushy .btn {
  margin-left: 0;
}
.pink-site .pushy .btn.btn-secondary:hover {
  box-shadow: 12px 7px 0px -1px #ed008c, 12px 7px 0px 3px #000000;
}

.orange-site .btn-up .mdi::before {
  color: #F26121;
}
.orange-site .nav .btn.btn-secondary:hover {
  box-shadow: 12px 7px 0px -1px #F26121, 12px 7px 0px 3px #000000;
}
.orange-site .nav img {
  border-color: #F26121;
}
@media (min-width: 992px) {
  .orange-site .nav img {
    border-bottom: 10px solid #F26121;
  }
}
.orange-site .nav a.btn:hover {
  box-shadow: 12px 7px 0px -1px #F26121, 12px 7px 0px 3px #000000;
}
.orange-site nav.pushy ul a.btn:hover {
  box-shadow: 12px 7px 0 -1px #F26121, 12px 7px 0 3px #000000;
}
.orange-site .newsletter .btn.btn-outline-secondary:hover,
.orange-site .carosel .btn.btn-outline-secondary:hover {
  box-shadow: 9px 9px 0 -4px #F26121, 9px 9px 0 0 #2e2e2e;
}
.orange-site .sub-footer a {
  color: #F26121;
}
.orange-site .footer .text-section a:first-child {
  color: #F26121;
}
.orange-site .footer ul li a {
  color: #F26121;
}
.orange-site .footer ul li a:hover {
  color: #d4490c;
}
.orange-site .bg1 {
  background-color: #f6b913;
}
.orange-site .bg2 {
  background-color: #8cc740;
}
.orange-site .bg3 {
  background-color: #47adf0;
}
.orange-site .bg-primary {
  background-color: #F26121;
}
.orange-site .btn.btn-primary {
  background-color: #F26121;
}
.orange-site .btn.btn-outline-primary {
  border: solid 4px #F26121;
  color: #F26121;
}
.orange-site .btn.btn-outline-primary:hover {
  background-color: #F26121;
}
.orange-site .pushy {
  background: #F26121;
}
.orange-site .pushy .btn {
  margin-left: 0;
}
.orange-site .pushy .btn.btn-secondary:hover {
  box-shadow: 12px 7px 0px -1px #F26121, 12px 7px 0px 3px #000000;
}

.other-site .btn-up .mdi::before {
  color: #8248df;
}
.other-site .nav .btn.btn-secondary:hover {
  box-shadow: 12px 7px 0px -1px #8248df, 12px 7px 0px 3px #000000;
}
.other-site .nav img {
  border-color: #8248df;
}
@media (min-width: 992px) {
  .other-site .nav img {
    border-bottom: 10px solid #8248df;
  }
}
.other-site .nav a.btn:hover {
  box-shadow: 12px 7px 0px -1px #8248df, 12px 7px 0px 3px #000000;
}
.other-site nav.pushy ul a.btn:hover {
  box-shadow: 12px 7px 0 -1px #8248df, 12px 7px 0 3px #000000;
}
.other-site .newsletter .btn.btn-outline-secondary:hover,
.other-site .carosel .btn.btn-outline-secondary:hover {
  box-shadow: 9px 9px 0 -4px #8248df, 9px 9px 0 0 #2e2e2e;
}
.other-site .sub-footer a {
  color: #8248df;
}
.other-site .footer .text-section a:first-child {
  color: #8248df;
}
.other-site .footer ul li a {
  color: #8248df;
}
.other-site .footer ul li a:hover {
  color: #6624d0;
}
.other-site .bg1 {
  background-color: #f6b913;
}
.other-site .bg2 {
  background-color: #8cc740;
}
.other-site .bg3 {
  background-color: #47adf0;
}
.other-site .bg-primary {
  background-color: #8248df;
}
.other-site .btn.btn-primary {
  background-color: #8248df;
}
.other-site .btn.btn-outline-primary {
  border: solid 4px #8248df;
  color: #8248df;
}
.other-site .btn.btn-outline-primary:hover {
  background-color: #8248df;
}
.other-site .pushy {
  background: #8248df;
}
.other-site .pushy .btn {
  margin-left: 0;
}
.other-site .pushy .btn.btn-secondary:hover {
  box-shadow: 12px 7px 0px -1px #8248df, 12px 7px 0px 3px #000000;
}

section {
  z-index: 10;
}

.btn-up {
  display: none;
  position: fixed;
  z-index: 1999;
  bottom: 0;
  right: 0;
}
.btn-up .mdi::before {
  border-radius: 100%;
  font-size: 3rem;
  color: #f6b913;
  background-color: #2e2e2e;
  line-height: initial;
  margin-bottom: 1rem;
}

.nav {
  font-size: 1rem;
  z-index: 8;
  font-weight: 900;
  text-align: left;
  color: #ffffff;
  border-bottom: 4px solid #ffffff;
  position: absolute;
  width: -webkit-fill-available;
  width: -moz-available;
  max-width: 100%;
}
.nav .menu-btn {
  padding: 1rem 0;
}
.nav img {
  height: 2.3rem;
  padding: 0.2rem 0.2rem 0.2rem 0.2rem;
  margin-bottom: -1rem;
  border-bottom: 10px solid #f6b913;
}
.nav ul {
  display: flex;
  list-style: none;
  align-self: flex-end;
}
.nav ul li {
  margin: 0 2rem 0 0;
}
.nav ul li a {
  color: white;
}
.nav ul li a:hover {
  color: black;
}
.nav ul li a.active {
  color: Black;
}
.nav a.btn:hover {
  color: white;
  box-shadow: 12px 7px 0px -1px #f6b913, 12px 7px 0px 3px #000000;
}
.nav .social {
  display: flex;
  padding: 0;
  margin-top: 15px;
}
.nav .social .mdi {
  font-size: 1.5rem;
}
.nav .social li {
  margin: 0;
}
.nav .social li:last-child .mdi {
  margin-right: 0;
}
.nav .user-area {
  margin-left: auto;
  color: black;
  text-transform: capitalize;
  font-weight: normal;
}
.nav .user-area a {
  font-weight: normal;
  color: black;
  text-transform: capitalize;
  margin-right: 1rem;
  text-decoration: underline;
  font-size: 0.75rem;
}
.nav .user-area a:last-child {
  border-left: 1px solid black;
  padding-left: 1rem;
  margin-right: 0;
}
.nav .user-area p {
  margin: 0 0 0.5rem 0;
}

nav .menu-btn {
  padding: 1rem;
}
nav.pushy > ul {
  display: grid;
}
nav.pushy > ul a.btn {
  display: inline-block;
  text-align: center;
  width: auto;
  box-sizing: border-box;
  margin: 0;
}
nav.pushy > ul a.btn:hover {
  box-shadow: 12px 7px 0px -1px #f6b913, 12px 7px 0px 3px #000000;
}
nav.pushy > ul > li:last-child {
  margin: 0 1.3rem;
}
nav .social {
  margin: 0 auto;
  display: flex;
}
nav .social a {
  margin: 0 0 0 1.3rem;
  border: none;
}
nav .social a:first-child {
  margin: 0;
}
nav .social a.mdi {
  font-size: 1.5rem;
}
nav .user-area {
  margin-left: auto;
  text-transform: capitalize;
}
nav .user-area p, nav .user-area a {
  color: black;
  font-weight: normal;
}
nav .user-area a {
  font-weight: normal;
  text-transform: capitalize;
  margin-right: 1rem;
  text-decoration: underline;
  font-size: 0.75rem;
}
nav .user-area a:last-child {
  border-left: 1px solid black;
  padding-left: 1rem;
  margin-right: 0;
}
nav .user-area p {
  margin: 0 0 0.5rem 0;
}
nav a.btn {
  display: inline-block;
  text-align: center;
  width: auto;
  box-sizing: border-box;
  margin: 0;
}
nav a.btn:hover {
  box-shadow: 12px 7px 0px -1px #f6b913, 12px 7px 0px 3px #000000;
}

a.active {
  color: Black;
}

.btn {
  transition: all 0.3s ease-in-out;
  padding: 0.813rem 1.375rem 0.625rem;
  font-weight: 900;
  font-family: "Epilogue", sans-serif;
  background: transparent;
  border: none;
  font-size: 1rem;
  margin-left: 1rem;
  overflow: auto;
}
.btn:first-child {
  margin-left: 0;
}
.btn:only-child {
  margin-left: 0;
}
.btn.btn-mx {
  margin-left: 1rem;
  margin-right: 1rem;
}
.btn.btn-secondary {
  color: white;
  background-color: #2e2e2e;
}
.btn.btn-secondary:hover {
  box-shadow: 12px 7px 0px -1px #faf9f6, 12px 7px 0px 3px #000000;
}
.btn.btn-outline-secondary {
  padding: 0.563rem 1.375rem 0.375rem;
  color: #2e2e2e;
  border: solid 4px #2e2e2e;
}
.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus {
  color: white;
  background-color: #2e2e2e;
}
.btn.btn-outline-secondary:focus {
  box-shadow: -4px -5px 0px -6px #2e2e2e;
  outline-color: #2e2e2e;
}
.btn.btn-outline-secondary.hover-white:hover {
  box-shadow: 9px 9px 0px -4px #faf9f6, 9px 9px 0px 0px #000000;
}
.btn.btn-outline-secondary:disabled:hover {
  background-color: transparent;
  color: #2e2e2e;
  border: solid 4px #2e2e2e;
}
.btn.btn-primary {
  color: black;
  background-color: #f6b913;
}
.btn.btn-primary:hover {
  box-shadow: 9px 9px 0px -4px #faf9f6, 9px 9px 0px 0px #000000;
}
.btn.btn-outline-primary {
  padding: 0.563rem 1.375rem 0.375rem;
  color: #f6b913;
  border: solid 4px #f6b913;
}
.btn.btn-outline-primary:hover {
  color: black;
  background-color: #f6b913;
}
.btn.btn-none {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}
.btn.btn-secondary:disabled, .btn.btn-outline-secondary:disabled, .btn.btn-primary:disabled, .btn.btn-outline-primary:disabled, .btn.btn-none:disabled {
  opacity: 0.5;
}
.btn.btn-secondary:disabled:hover, .btn.btn-outline-secondary:disabled:hover, .btn.btn-primary:disabled:hover, .btn.btn-outline-primary:disabled:hover, .btn.btn-none:disabled:hover {
  opacity: 0.3;
  box-shadow: initial;
}

.newsletter .btn.btn-outline-secondary:hover, .carosel .btn.btn-outline-secondary:hover {
  box-shadow: 9px 9px 0px -4px #f6b913, 9px 9px 0px 0px #2e2e2e;
  margin-right: 1rem;
}

.border-colors {
  height: 0.313rem;
}

.footer {
  background: #2e2e2e;
  margin-top: 0;
}
.footer img {
  width: 90%;
}
.footer ul {
  display: flex;
  list-style: none;
  align-self: flex-end;
  padding: 1rem 0;
  margin-bottom: 0;
}
.footer ul li {
  margin: 0 1rem 0 0;
  text-align: center;
}
.footer ul li:last-child {
  margin: 0;
}
.footer ul li a {
  color: #f6b913;
  font-weight: 900;
}
.footer ul li a:hover {
  color: #ce9908;
}
.footer ul li a i {
  color: white;
}
.footer ul li a i:hover {
  color: gray;
}
.footer a img {
  height: 80px;
}
.footer .row:first-child {
  flex-direction: column-reverse;
}
.footer .container:first-child .row:first-child a {
  margin: auto;
}
.footer .container:first-child .row:first-child a img {
  width: 5rem;
  margin: 0 auto 2.5rem auto;
}
.footer .container:last-child .row:last-child a img {
  width: 12rem;
  margin: 1rem 0;
}
.footer .logo {
  text-align: center;
}
.footer .logo img {
  width: 12rem;
  margin: 1rem 0;
}
.footer .logo:last-child {
  margin-top: 3rem;
}
.footer span a {
  text-decoration: none;
  text-transform: inherit;
  color: #f6b913;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: normal;
}
.footer .text-section {
  text-align: center;
  font-size: 1rem;
  line-height: 1.13;
  margin-top: 1rem;
  color: white;
  font-weight: normal;
}
.footer .text-section a {
  text-decoration: none;
  text-transform: inherit;
  color: white;
}
.footer .text-section a:first-child {
  color: #f6b913;
  font-weight: normal;
}
.footer .text-section p {
  margin-top: 0;
}

.sub-footer {
  background-color: black;
  color: white;
  text-align: center;
  padding: 2.5rem 0;
  font-size: 0.75rem;
}
.sub-footer a {
  color: #f6b913;
  text-transform: none;
}

.menu-btn {
  background: transparent;
  color: #FFF;
  text-align: center;
  cursor: pointer;
  border: 0px;
}
.menu-btn.mdi::before {
  font-size: 1.5rem;
}
.menu-btn:hover {
  opacity: 0.6;
}
.menu-btn.btn:hover {
  opacity: 1;
}

.tsparticles {
  position: absolute;
}

a.back {
  color: #cecbc1;
  font-size: 0.875rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .footer span a {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .nav img {
    height: auto;
    border-bottom: 10px solid #f6b913;
    margin-bottom: -10px;
    padding: 0.2rem;
  }
  .nav .social.d-lg-none {
    display: none;
  }

  .footer .row:first-child {
    flex-direction: initial;
  }
  .footer .container:first-child .row:first-child a img {
    margin: inherit;
  }
  .footer .container:first-child .row:first-child a {
    margin: inherit;
  }
  .footer .text-section {
    margin: 4.688rem 0 6.06rem 0;
    font-size: 1.5rem;
    line-height: 1.25;
  }
  .footer .logo img {
    width: 100%;
  }

  .banner-session {
    padding: 6rem 0;
  }
  .banner-session h1 {
    margin-bottom: 1.5rem;
  }

  .content {
    padding: 0rem 0 6rem 0;
  }
  .content a.back i {
    margin-left: -2rem;
  }
  .content a.back i.mdi {
    margin-right: 1rem;
  }

  .sub-footer {
    background-color: black;
    color: white;
    text-align: center;
    padding: 1.5rem 0;
  }
  .sub-footer small {
    font-size: 1rem;
  }
  .sub-footer a {
    color: #f6b913;
    text-transform: none;
  }
}
@media (min-width: 1200px) {
  .footer ul.social-icon li {
    margin-right: 0.5rem;
  }

  .footer .text-section {
    text-align: left;
  }

  .nav .social {
    display: flex;
  }
}
@media (min-width: 1400px) {
  .footer ul.social-icon li {
    margin-right: 0.5rem;
  }
}
.yellow-site .banner-session {
  background-color: #f6b913;
}
.yellow-site .banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #f6b913;
  background-attachment: fixed;
  background-position: top center;
}

.blue-site .banner-session {
  background-color: #47adf0;
}
.blue-site .banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #47adf0;
  background-attachment: fixed;
  background-position: top center;
}

.green-site .banner-session {
  background-color: #8cc740;
}
.green-site .banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #8cc740;
  background-attachment: fixed;
  background-position: top center;
}

.pink-site .banner-session {
  background-color: #ed008c;
}
.pink-site .banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #ed008c;
  background-attachment: fixed;
  background-position: top center;
}

.orange-site .banner-session {
  background-color: #F26121;
}
.orange-site .banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #F26121;
  background-attachment: fixed;
  background-position: top center;
}

.other-site .banner-session {
  background-color: #8248df;
}
.other-site .banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #8248df;
  background-attachment: fixed;
  background-position: top center;
}

.banner-session {
  background-color: #f6b913;
  text-align: center;
}
.banner-session .container {
  padding-top: 4rem;
  padding-bottom: 2.3rem;
}
.banner-session h1 {
  color: white;
  margin-bottom: 0;
}
.banner-session h3 {
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.banner-session h2 {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  max-width: 50rem;
  margin: 1rem auto 0 auto;
}
.banner-session .hero {
  font-size: 2rem;
}
.banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #f6b913;
  background-attachment: fixed;
  background-position: bottom center;
}

#tsparticles-banner {
  z-index: -1;
}

@media (min-width: 576px) {
  .banner-session .hero {
    font-size: 2.5rem;
  }
  .banner-session .hero .parallax {
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (min-width: 992px) {
  .banner-session {
    padding: 0;
  }
  .banner-session .container {
    padding: 6rem 0;
  }
  .banner-session .hero {
    font-size: 4rem;
    margin-bottom: 1.5rem;
  }
  .banner-session h2 {
    font-size: 2.5rem;
  }
}
.yellow-site .newsletter {
  background-color: #f6b913;
}

.blue-site .newsletter {
  background-color: #47adf0;
}

.green-site .newsletter {
  background-color: #8cc740;
}

.pink-site .newsletter {
  background-color: #ed008c;
}

.orange-site .newsletter {
  background-color: #F26121;
}

.other-site .newsletter {
  background-color: #8248df;
}

.newsletter {
  background-color: #f6b913;
  padding: 2.5rem 0;
  /* LABEL ======================================= */
  /* active state */
  /* BOTTOM BARS ================================= */
  /* Cor de fundo do autocomplete */
  /* Cor do texto do autocomplete */
  /* active state */
  /* HIGHLIGHTER ================================== */
  /* active state */
  /* ANIMATIONS ================ */
}
.newsletter p {
  color: #2e2e2e;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: normal;
}
.newsletter input::-webkit-input-placeholder {
  transition: all 0.3s ease-in-out;
}
.newsletter .input_old {
  width: 100%;
  border: none;
  padding: 10px 0;
  border-bottom: solid 0.2px white;
  transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, white 4%);
  background-repeat: no-repeat;
  color: white;
  height: 3rem;
  box-shadow: none;
}
.newsletter .input_old:focus, .newsletter .input_old:valid {
  box-shadow: none;
  outline: none;
  border-bottom: solid 0.2px white;
  background: transparent;
  font-size: 1.188rem;
}
.newsletter .input_old:focus::-webkit-input-placeholder, .newsletter .input_old:valid::-webkit-input-placeholder {
  font-size: 1.188rem;
  transform: translateY(-20px);
  visibility: visible !important;
}
.newsletter .input_old::-webkit-input-placeholder {
  color: white;
  font-size: 1.5rem;
  font-weight: 900;
}
.newsletter button {
  margin-top: 1rem;
}
.newsletter .group {
  position: relative;
  margin-top: 2rem;
}
.newsletter input {
  background-color: transparent;
  font-size: 18px;
  padding: 10px 0px 10px 0px;
  width: 100%;
  border: none;
  color: white;
  border-bottom: 4px solid white;
}
.newsletter input:focus {
  outline: none;
}
.newsletter label {
  color: white;
  font-weight: 900;
  font-size: 1.5rem;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.newsletter input:focus ~ label, .newsletter input:valid ~ label {
  top: -20px;
  font-size: 1.188rem;
}
.newsletter .bar {
  position: relative;
  display: block;
  width: 100%;
}
.newsletter .bar:before, .newsletter .bar:after {
  content: "";
  height: 5px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: white;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.newsletter input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #f6b913 inset;
}
.newsletter input:-webkit-autofill {
  -webkit-text-fill-color: white !important;
}
.newsletter input:focus ~ .bar:before, .newsletter input:focus ~ .bar:after {
  width: 100%;
}
.newsletter .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
.newsletter input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
@-webkit-keyframes inputHighlighter {
  from {
    background: transparent;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@-moz-keyframes inputHighlighter {
  from {
    background: transparent;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes inputHighlighter {
  from {
    background: transparent;
  }
  to {
    width: 0;
    background: transparent;
  }
}

#mc-embedded-subscribe {
  padding: 0.563rem 1.375rem 0.375rem;
  color: white;
  border: solid 4px #2e2e2e;
  margin-top: 1rem;
  transition: all 0.3s ease-in-out;
  font-weight: 900;
  font-family: "Epilogue", sans-serif;
  background: #2e2e2e;
  font-size: 1rem;
  overflow: auto;
  text-decoration: none;
  text-transform: uppercase;
  width: auto;
}
#mc-embedded-subscribe:hover {
  color: white;
  background-color: #2e2e2e;
}

@media (min-width: 992px) {
  .newsletter {
    padding: 4rem 0;
  }
  .newsletter p {
    font-size: 1.5rem;
  }
  .newsletter input::-webkit-input-placeholder {
    font-size: 2.188rem;
  }
  .newsletter .group {
    margin-top: 0rem;
  }
}
.yellow-site .end-section h1 {
  color: #f6b913;
}

.blue-site .end-section h1 {
  color: #47adf0;
}

.green-site .end-section h1 {
  color: #8cc740;
}

.pink-site .end-section h1 {
  color: #ed008c;
}

.orange-site .end-section h1 {
  color: #F26121;
}

.other-site .end-section h1 {
  color: #8248df;
}

.end-section {
  background-color: #2e2e2e;
  padding: 5rem 0;
  color: white;
}
.end-section .container {
  display: grid;
}
.end-section .container a {
  margin: 0 auto;
  color: white;
  text-transform: none;
}
.end-section .container a p {
  display: none;
}
.end-section h1 {
  font-size: 1.5rem;
  line-height: 1.25;
  text-transform: uppercase;
  text-align: center;
  color: #f6b913;
  font-weight: normal;
}
.end-section i {
  align-self: center;
  font-size: 2rem;
}
.end-section i.mdi {
  margin: 0 0.5rem 0 1rem;
}

@media (min-width: 992px) {
  .end-section .container a p {
    display: block;
  }
}
.yellow-site .contact iframe {
  border: solid 4px #f6b913;
}

.blue-site .contact iframe {
  border: solid 4px #47adf0;
}

.green-site .contact iframe {
  border: solid 4px #8cc740;
}

.pink-site .contact iframe {
  border: solid 4px #ed008c;
}

.orange-site .contact iframe {
  border: solid 4px #F26121;
}

.other-site .contact iframe {
  border: solid 4px #8248df;
}

.contact {
  padding: 2rem 0;
}
.contact h1 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.19;
  margin-bottom: 1rem;
}
.contact h1.title {
  font-size: 1rem;
  line-height: 1.33;
  font-weight: normal;
  margin: 0;
}
.contact iframe {
  margin: 1rem 0;
  border: solid 4px #f6b913;
}
.contact p {
  margin-top: 0;
  font-size: 1rem;
  line-height: 1.5;
}

@media (min-width: 992px) {
  .contact {
    padding: 4rem 0;
  }
  .contact h1 {
    font-size: 4rem;
    margin-bottom: 2rem;
  }
  .contact iframe {
    margin: 2rem 0;
  }
  .contact p {
    font-size: 1.5rem;
    line-height: 1.33;
  }
}
.report {
  text-align: center;
  color: #666666;
}
.report .mdi {
  font-size: 1.5rem;
  vertical-align: middle;
}