@font-face {
  font-family: The Seasons;
  src: url('../fonts/Fontspring-DEMO-theseasons-bd.otf') format("opentype"), url('../fonts/Fontspring-DEMO-theseasons-lt.otf') format("opentype"), url('../fonts/Fontspring-DEMO-theseasons-reg.otf') format("opentype"), url('../fonts/Fontspring-DEMO-theseasons-bdit.otf') format("opentype"), url('../fonts/Fontspring-DEMO-theseasons-ltit.otf') format("opentype"), url('../fonts/Fontspring-DEMO-theseasons-it.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphie;
  src: url('../fonts/Graphie-Bold.otf') format("opentype"), url('../fonts/Graphie-ExtraBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphie;
  src: url('../fonts/Graphie-BoldItalic.otf') format("opentype"), url('../fonts/Graphie-ExtraBoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphie;
  src: url('../fonts/Graphie-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphie Book;
  src: url('../fonts/Graphie-Book.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphie;
  src: url('../fonts/Graphie-ExtraLightItalic.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphie;
  src: url('../fonts/Graphie-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphie;
  src: url('../fonts/Graphie-BookItalic.otf') format("opentype"), url('../fonts/Graphie-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphie;
  src: url('../fonts/Graphie-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphie;
  src: url('../fonts/Graphie-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphie;
  src: url('../fonts/Graphie-SemiBoldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphie;
  src: url('../fonts/Graphie-ThinItalic.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphie;
  src: url('../fonts/Graphie-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphie;
  src: url('../fonts/Graphie-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --background--warm\<deleted\|variable-4e5ab8b8-1383-7933-5ae1-bbbc8e84df53\>: #f4f3f1;
  --contrast--primary-black: #262626;
  --font-title: "Kaisei Opti", sans-serif;
  --brand--primary-dark: #001e3a;
  --brand--neutral-100: #e4e2d2;
  --contrast--primary\<deleted\|variable-df7e9b5f-2b74-9061-df52-5b90ed6d6636\>: #fff;
  --font-paragraph: Graphie, Arial, sans-serif;
  --brand--primary: #003f62;
  --outline--primary-black-0-40: #26262666;
  --brand--neutral-300: #bab8a4;
  --outline--primary-0-40: #fff6;
  --outline--primary-0-20: #fff3;
  --outline--opacity-0: #fff0;
  --outline--outline\<deleted\|variable-bfb5c06e-d667-30a0-80b5-2be41f673a50\>: #2f2f5b66;
  --brand--neutral-500-alt: #898072;
  --brand--neutral-500: #898072;
  --outline--primary-black-0-20: #26262633;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--background--warm\<deleted\|variable-4e5ab8b8-1383-7933-5ae1-bbbc8e84df53\>);
  color: var(--contrast--primary-black);
  font-family: Epilogue, sans-serif;
  font-size: 1.125rem;
  line-height: 150%;
  text-decoration: none;
}

h1 {
  font-family: var(--font-title);
  color: var(--brand--primary-dark);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.5rem;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 125%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 135%;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--contrast--primary-black);
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-left: 2rem;
}

li {
  margin-bottom: 1rem;
}

label {
  margin-bottom: 0;
}

figure {
  margin-bottom: 10px;
}

.navbar {
  z-index: 150;
  background-color: var(--brand--neutral-100);
}

.container-3 {
  -webkit-text-stroke-color: #262626;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
}

.container-3.map {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.navbar-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.menu-button {
  background-color: var(--contrast--primary\<deleted\|variable-df7e9b5f-2b74-9061-df52-5b90ed6d6636\>);
  padding: 1rem;
  transition: background-color .25s;
}

.menu-button:hover {
  background-color: var(--background--warm\<deleted\|variable-4e5ab8b8-1383-7933-5ae1-bbbc8e84df53\>);
}

.menu-button.w--open {
  background-color: var(--contrast--primary\<deleted\|variable-df7e9b5f-2b74-9061-df52-5b90ed6d6636\>);
}

.menu-button.w--open:hover {
  background-color: var(--background--warm\<deleted\|variable-4e5ab8b8-1383-7933-5ae1-bbbc8e84df53\>);
}

.brand.w--current {
  z-index: 100;
  padding-left: 0;
}

.navbar-logo {
  width: 200px;
}

.fixed-top {
  z-index: 900;
  position: fixed;
  inset: 0% 0% auto;
}

.section {
  -webkit-text-stroke-color: #262626;
}

.section.full-screen {
  width: 100%;
  height: 100svh;
  position: relative;
  overflow: hidden;
}

.section.none {
  display: none;
}

.section._70-screen {
  z-index: 1;
  width: 100%;
  height: 70svh;
  position: relative;
  overflow: hidden;
}

.section.blue {
  background-color: #0000;
  background-image: url('../images/fundos.jpg');
  background-position: 50%;
  background-size: cover;
}

.banner-gradient {
  z-index: 90;
  background-image: linear-gradient(270deg, #080c1000, #080c10cc);
  min-height: 100px;
  position: absolute;
  inset: 0%;
}

.position-absolute-bottom {
  z-index: 100;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.padding-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.padding-6.bottom-3 {
  padding-bottom: 3rem;
}

.padding-6.top-3 {
  padding-top: 3rem;
}

.banner-flex {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr .5fr 2fr;
  place-items: center;
  width: 100%;
  height: 100%;
  margin-top: 76.6875px;
  display: flex;
}

.banner-flex.blog {
  grid-template-columns: 2fr 1fr;
}

.color-text-primary {
  font-family: var(--font-title);
  color: var(--brand--neutral-100);
}

.color-text-primary.h1 {
  font-size: 3rem;
}

.padding-0-5 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.paragraph {
  font-family: var(--font-paragraph);
  color: var(--brand--neutral-100);
  text-decoration: none;
}

.paragraph.color-text-primary {
  font-family: var(--font-paragraph);
  color: var(--brand--neutral-100);
  font-weight: 400;
}

.paragraph.blue {
  width: 100%;
  color: var(--brand--primary-dark);
}

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

.paragraph.blue.center.max-width {
  width: auto;
  max-width: 400px;
}

.paragraph.blue.max-width {
  width: 400px;
}

.paragraph.blue.max-width-700 {
  text-align: center;
}

.paragraph.max-width-700 {
  max-width: 700px;
}

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

.menu-item-link {
  font-family: var(--font-paragraph);
  text-decoration: none;
}

.menu-item-link:hover {
  color: var(--brand--primary-dark);
}

.action {
  color: var(--contrast--primary\<deleted\|variable-df7e9b5f-2b74-9061-df52-5b90ed6d6636\>);
}

.action.color-text-primary-black {
  font-family: var(--font-paragraph);
  color: var(--brand--primary);
}

.action.color-text-primary-black:hover {
  color: var(--brand--primary-dark);
}

.action.color-text-primary-black.footer {
  text-transform: none;
}

.action.color-text-primary-black.footer:hover {
  color: var(--brand--primary-dark);
}

.sticky-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
}

.sticky-wrapper {
  position: relative;
}

.sticky-wrapper.margin-top-6 {
  margin-top: 6rem;
}

.sticky-wrapper.padding-left-2-5 {
  padding-left: 2.5rem;
}

.sticky-image {
  object-fit: cover;
  width: 100%;
  position: sticky;
  top: 10rem;
}

.sticky-image._2, .sticky-image._3 {
  margin-top: 1.5rem;
}

.sticky-description-wrapper {
  position: sticky;
  top: 10rem;
}

.margin-top-1 {
  margin-top: 1rem;
}

.margin-top-1:where(.w-variant-94159afc-13c2-b23d-7bfb-a2cb4db18059) {
  text-align: center;
}

.margin-top-2 {
  font-family: var(--font-title);
  color: var(--brand--primary-dark);
  margin-top: 2rem;
}

.button-wrapper {
  z-index: 10;
  border: 1px solid var(--outline--primary-black-0-40);
  padding: .88rem 1.5rem .62rem;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-wrapper:hover {
  color: #fff;
}

.button-wrapper.secondary {
  background-color: var(--brand--primary);
  font-family: var(--font-paragraph);
  color: var(--brand--neutral-100);
  border-style: none;
  padding-right: 1.5rem;
  line-height: 133%;
  transition: background-color .25s;
  display: inline-block;
}

.button-wrapper.secondary:hover {
  background-color: var(--brand--primary-dark);
  border-style: none;
}

.button-wrapper.secondary.none-desktop {
  display: none;
}

.button-wrapper.background-primary {
  background-color: var(--brand--neutral-100);
  color: var(--brand--primary-dark);
  border-style: none;
  transition: all .3s;
}

.button-wrapper.background-primary:hover {
  background-color: var(--brand--neutral-300);
}

.button-wrapper.white {
  border-color: var(--brand--neutral-100);
  transition: all .4s;
}

.button-wrapper.white:hover {
  border-color: var(--brand--primary);
  background-color: var(--brand--primary);
}

.button-wrapper.third {
  border-style: solid;
  border-color: var(--brand--primary-dark);
  background-color: var(--brand--neutral-100);
  font-family: var(--font-paragraph);
  color: var(--brand--primary-dark);
  padding-right: 1.5rem;
  line-height: 133%;
  transition: background-color .25s;
  display: inline-block;
}

.button-wrapper.third:hover {
  background-color: var(--brand--primary);
  color: #fff;
  border-style: none;
}

.button-wrapper.third.none-desktop {
  display: none;
}

.gap-0-5-horizontal {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.arrow-right.sm {
  width: 32px;
  height: 32px;
}

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

.margin-top-4.center {
  text-align: center;
}

.three-columns {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.card-wrapper {
  position: relative;
}

.padding-3-full {
  padding: 3rem;
}

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

.grid-template-columns {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
}

.cover-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 150px;
}

.cover-image.width-25 {
  max-width: 25rem;
}

.cover-image.width-30 {
  max-width: 30rem;
}

.cover-image.min-h20 {
  min-height: 20rem;
}

.cover-image.h-400 {
  object-fit: cover;
  height: 400px;
  min-height: 0;
}

.description-wrapper:where(.w-variant-94159afc-13c2-b23d-7bfb-a2cb4db18059) {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.grid-template-inverse {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
}

.overflow-hidden {
  width: 100%;
  overflow: hidden;
}

.overflow-hidden._2 {
  width: auto;
}

.marquee-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-bottom-train {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.info-card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--outline--primary-0-40);
  color: var(--brand--primary-dark);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem;
  text-decoration: none;
  transition: box-shadow .25s;
  display: flex;
}

.info-card:hover {
  box-shadow: 0 16px 32px #29252440;
}

.paragraph-secondary {
  font-family: var(--font-paragraph);
  color: var(--brand--primary-dark);
  font-size: 1rem;
}

.position-absolute-full {
  position: absolute;
  inset: 0%;
}

.cta-center-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.max-w-41-25 {
  width: 100%;
  max-width: 41.25rem;
}

.submit-button {
  background-color: var(--contrast--primary\<deleted\|variable-df7e9b5f-2b74-9061-df52-5b90ed6d6636\>);
  color: var(--contrast--primary-black);
  padding: 1.38rem 2rem 1.13rem;
  line-height: 1.5rem;
  transition: background-color .25s;
}

.submit-button:hover {
  background-color: var(--contrast--primary-black);
  color: var(--contrast--primary\<deleted\|variable-df7e9b5f-2b74-9061-df52-5b90ed6d6636\>);
}

.submit-button.full-width {
  width: 100%;
}

.cta-field {
  border: 1px solid var(--outline--primary-0-40);
  background-color: var(--outline--primary-0-20);
  min-height: 4rem;
  color: var(--contrast--primary\<deleted\|variable-df7e9b5f-2b74-9061-df52-5b90ed6d6636\>);
  margin-bottom: 0;
  padding: 1.25rem 1rem 1.06rem;
  font-family: Epilogue, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.cta-field:focus {
  border-color: var(--contrast--primary\<deleted\|variable-df7e9b5f-2b74-9061-df52-5b90ed6d6636\>);
}

.cta-field::placeholder {
  color: var(--contrast--primary\<deleted\|variable-df7e9b5f-2b74-9061-df52-5b90ed6d6636\>);
  font-family: Epilogue, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.quatre-olumns {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.padding-1-25 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.footer-center {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: flex;
}

.gap-2-horizontal {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
}

.footer-link {
  color: var(--contrast--primary-black);
  text-decoration: none;
}

.footer-icon {
  width: 32px;
  transition: all .25s;
}

.footer-icon:hover {
  transform: translate(0, -4px);
}

.margin-top-1-5 {
  margin-top: 1.5rem;
}

.back-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--brand--primary-dark);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  transition: background-color .25s;
  position: relative;
}

.gap-3-horizontal {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
}

.toc-item {
  border: 1px solid var(--outline--primary-black-0-40);
  background-color: var(--outline--opacity-0);
  color: var(--contrast--primary-black);
  padding: .88rem 1.5rem .62rem;
  transition: all .25s;
}

.toc-item:hover {
  border-color: var(--outline--outline\<deleted\|variable-bfb5c06e-d667-30a0-80b5-2be41f673a50\>);
  color: var(--brand--primary);
}

.toc-item.w--current {
  border-color: var(--brand--primary);
  background-color: var(--brand--primary);
  color: var(--contrast--primary\<deleted\|variable-df7e9b5f-2b74-9061-df52-5b90ed6d6636\>);
}

.padding-top-6 {
  padding-top: 6rem;
}

.category-wrapper {
  text-decoration: none;
}

.main-image {
  z-index: 80;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.main-image.mobile {
  display: none;
}

.case-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-item-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-top: 1px solid var(--outline--primary-black-0-40);
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-menu {
  background-color: var(--background--warm\<deleted\|variable-4e5ab8b8-1383-7933-5ae1-bbbc8e84df53\>);
  text-align: left;
  width: 100%;
  height: 100svh;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.nav-menu-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 6rem;
}

.nav-link {
  color: var(--contrast--primary-black);
  text-decoration: none;
}

.navbar-logo-hide, .close-icon {
  display: none;
}

.gap-2-social-icons {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
}

.utility-page-wrap {
  background-image: url('../images/banheira_1.avif');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  position: relative;
}

.utility-page-wrap._404 {
  background-color: var(--brand--neutral-100);
  -webkit-text-stroke-color: #262626;
  background-image: none;
}

.utility-page-content {
  z-index: 100;
  text-align: center;
  flex-direction: column;
  width: 30rem;
  display: flex;
  position: relative;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.arrow-block {
  z-index: 5;
  background-image: url('../images/arrow_right_alt_24dp_5F6368_FILL0_wght200_GRAD0_opsz24-2-5.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 3rem 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 4rem;
  height: 4rem;
  padding: .5rem;
  transition: all .25s;
  position: relative;
}

.arrow-block:hover {
  background-image: url('../images/arrow_right_alt_24dp_5F6368_FILL0_wght200_GRAD0_opsz24-2-5.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 3rem 3rem;
}

.button-background-hover {
  z-index: 2;
  background-color: var(--contrast--primary-black);
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.button-background-hover.color-brand-light {
  background-color: var(--brand--primary);
}

.position-relative {
  z-index: 10;
  position: relative;
}

.arrow-layout-none {
  display: none;
}

.hover-arrow {
  width: 2rem;
  height: 2rem;
}

.hover-arrow.size-3 {
  width: 3rem;
  height: 3rem;
}

.fade-in-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.padding-right-4-5 {
  padding-right: 4.5rem;
}

.padding-left-4-5 {
  padding-left: 4.5rem;
}

.toc-item-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.link-block {
  display: block;
}

.padding-bottom-6 {
  padding-bottom: 6rem;
}

.topics-wrapper {
  background-color: var(--contrast--primary-black);
  color: var(--contrast--primary-black);
  text-decoration: none;
  position: relative;
}

.footer-logo {
  width: 100px;
}

.whatsapp-icon {
  z-index: 999;
  width: 64px;
  position: fixed;
  inset: auto 5% 5% auto;
}

.heading {
  font-family: var(--font-title);
  color: var(--brand--primary-dark);
}

.heading.h2 {
  font-size: 2.5rem;
}

.heading.neutral {
  color: var(--brand--neutral-100);
}

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

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

.heading.small {
  font-size: 24px;
}

.heading-2 {
  font-family: var(--font-title);
}

.bold-text {
  font-family: var(--font-paragraph);
  font-weight: 400;
}

.heading-3 {
  font-family: var(--font-title);
}

.heading-footer {
  font-family: var(--font-title);
  color: var(--brand--primary-dark);
}

.input {
  border: .5px solid var(--brand--primary);
  background-color: #0000;
  min-height: 48px;
}

.input:focus {
  color: var(--brand--primary-dark);
  background-color: #f4f3f1;
}

.input:lang(en) {
  border-color: var(--brand--primary-dark);
  color: var(--brand--primary-dark);
}

.form {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.form-input {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--brand--primary-dark);
  flex-flow: column;
  display: flex;
}

.form-input:active, .form-input:lang(en) {
  color: #262626;
}

.grid-input {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.select {
  border: 1px solid var(--brand--primary-dark);
  background-color: #0000;
  min-height: 48px;
}

.select:focus {
  border-color: var(--brand--primary-dark);
}

.select:focus-visible, .select[data-wf-focus-visible] {
  border-style: solid;
  border-color: var(--brand--primary-dark);
}

.success-message-2 {
  background-color: #fff;
}

.map {
  background-color: #0000;
  width: 100%;
}

.grid-2-columns {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1.75fr;
}

.grid-2-columns:where(.w-variant-94159afc-13c2-b23d-7bfb-a2cb4db18059) {
  grid-template-columns: 2fr;
  justify-items: center;
}

.padding-left-1 {
  padding-left: 1rem;
}

.padding-bottom-4 {
  font-family: var(--font-title);
  color: var(--brand--primary-dark);
  padding-bottom: 4rem;
}

.desktop-none {
  display: none;
}

.text-secondary {
  font-family: var(--font-paragraph);
  color: var(--contrast--primary\<deleted\|variable-df7e9b5f-2b74-9061-df52-5b90ed6d6636\>);
  font-size: 1rem;
  font-weight: 400;
}

.testimonial-card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 1px solid var(--brand--neutral-300);
  background-color: var(--outline--primary-0-40);
  width: 600px;
  height: 300px;
  color: var(--brand--primary-dark);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem;
  transition: none;
  display: flex;
}

.field-label, .heading-6 {
  font-family: var(--font-paragraph);
}

.rich-text-block {
  font-family: var(--font-paragraph);
  color: var(--brand--primary-dark);
}

.icon-image {
  width: 64px;
}

.card-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px none var(--brand--neutral-100);
  font-family: var(--font-paragraph);
  color: var(--brand--primary-dark);
  text-align: center;
  flex-flow: row;
  align-items: center;
  padding: 1rem;
  transition: box-shadow .25s;
  display: flex;
}

.text-card-item {
  color: var(--brand--neutral-100);
  text-align: left;
}

.star-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.body {
  background-color: var(--brand--neutral-100);
}

.progress-image-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  display: grid;
}

.gallery-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.tab-link {
  background-color: #0000;
  border-bottom: 2px solid #0000;
  padding: 5px 0;
  transition: border-color .2s;
}

.tab-link:hover {
  color: #202020;
  border-bottom-color: #aaa;
}

.tab-link.w--current {
  border-bottom: 2px solid var(--brand--primary-dark);
  background-color: #0000;
}

.progress-details-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  display: flex;
}

.error-message-2 {
  color: #ee5f5f;
  background-color: #f9f9f9;
}

.progress-image-1 {
  object-fit: contain;
  width: 100%;
  max-width: 312px;
  position: relative;
}

.gallery-image {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  transition: transform .3s;
}

.gallery-image:hover {
  transform: scale(1.05);
}

.gallery-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
}

.unit-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 48px;
  display: flex;
  position: relative;
}

.contact-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.register-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: #f9f9f9;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 96px;
  padding-bottom: 96px;
  padding-left: 24px;
  display: flex;
}

.form-2 {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-2.none {
  display: none;
}

.right-arrow-2 {
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  transition: transform .2s;
  display: flex;
  inset: 0% 0% auto auto;
}

.right-arrow-2:hover {
  transform: translate(4px);
}

.success-message-3 {
  color: #202020;
  background-color: #f9f9f9;
}

.contact-card {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1px solid var(--brand--neutral-100);
  min-height: 90px;
  font-family: var(--font-paragraph);
  color: var(--brand--neutral-100);
  flex-direction: column;
  justify-content: center;
  padding: 18px 24px;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, color .2s;
  display: flex;
}

.contact-card:hover {
  background-color: var(--brand--neutral-100);
  color: var(--brand--primary);
  border-color: #2b2b2b;
  text-decoration: none;
}

.section-heading {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.section-heading.center {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
}

.register-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  height: 100%;
  display: grid;
}

.progress-image-2 {
  object-fit: contain;
  width: 100%;
  max-width: 312px;
  margin-top: 180px;
  margin-left: -24px;
  position: relative;
}

.paragraph-large {
  max-width: 700px;
  font-family: var(--font-paragraph);
  color: var(--brand--neutral-100);
  font-size: 1.125rem;
  line-height: 150%;
}

.concept-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: #f9f9f9;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 808px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.register-image {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
}

.hide {
  display: none;
}

.container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1272px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.unit-type-heading {
  font-family: var(--font-title);
  color: var(--brand--primary-dark);
  margin-right: 144px;
}

.contact-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.facilities-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--brand--primary);
  flex-direction: column;
  align-items: flex-start;
  padding: 36px 22px;
  display: flex;
}

.facilities-card.neutral {
  border-color: var(--brand--neutral-100);
}

.facilities-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  display: flex;
}

.form-heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.button {
  border: 1px solid var(--brand--primary);
  min-width: 184px;
  color: var(--brand--primary);
  text-align: center;
  background-color: #0000;
  justify-content: center;
  padding: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: border-color .2s, background-color .2s;
  display: flex;
}

.button:where(.w-variant-6728d0b8-dcbf-2377-7090-6662b92ba447) {
  border-color: var(--brand--neutral-100);
  color: var(--brand--neutral-100);
}

.button:hover {
  border-color: var(--brand--primary);
  background-color: var(--brand--primary);
  color: var(--brand--neutral-100);
}

.button:hover:where(.w-variant-6728d0b8-dcbf-2377-7090-6662b92ba447) {
  border-color: var(--brand--primary);
}

.slider {
  background-color: #0000;
  width: 100%;
  height: auto;
  position: static;
}

.progress-heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.facilities-card-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.unit-details {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  border: 1px solid var(--brand--neutral-300);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 52px 24px;
  display: flex;
}

.lightbox-link-2 {
  width: 100%;
  overflow: hidden;
  transform: translate(0);
}

.left-arrow-2 {
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  transition: transform .2s;
  display: flex;
  inset: 0% 64px auto auto;
}

.left-arrow-2:hover {
  transform: translate(-4px);
}

.unit-type-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-progress-content {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.video-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: #f9f9f9;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.tabs-menu-2 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  justify-content: center;
  margin-bottom: 40px;
  display: flex;
}

.unit-type-image {
  object-fit: cover;
  height: 100%;
}

.text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--brand--primary-dark);
  color: var(--brand--primary);
  background-color: #0000;
  border-radius: 0;
  padding-bottom: 14px;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  font-weight: 400;
  transition: border-color .2s;
}

.text-field:hover, .text-field:focus {
  border-bottom-color: #f9f9f9;
}

.text-field::placeholder {
  color: var(--brand--primary);
}

.facilities-icon {
  width: 40px;
}

.section-lp {
  color: var(--brand--primary-dark);
  -webkit-text-stroke-color: #262626;
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative;
}

.section-lp.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section-lp.no-padding.black {
  height: 100vh;
}

.section-lp.blue {
  background-color: #202020;
  background-image: url('../images/fundos.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.section-lp.none {
  display: none;
}

.map-content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.center {
  justify-content: center;
  display: flex;
}

.flex-button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.flex-button.vertical {
  flex-flow: column;
  align-items: flex-start;
}

.mask-2 {
  height: 100%;
}

.text-block {
  font-family: var(--font-paragraph);
  color: var(--brand--primary-dark);
}

.project-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.project-card-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-card {
  background-color: var(--brand--primary);
  color: #2b2b2b;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.project-card:hover {
  background-color: var(--brand--primary-dark);
  color: #f9f9f9;
}

.project-image-wrap {
  transition: filter .2s;
}

.project-image-wrap:hover {
  filter: brightness(110%);
}

.project-text-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.text-small {
  font-family: var(--font-paragraph);
  color: var(--brand--neutral-100);
  font-size: 13.5px;
}

.text-block-2 {
  font-family: var(--font-title);
  color: var(--brand--neutral-100);
}

.hero {
  width: 100%;
}

.position-absolute-bottom-card {
  z-index: 100;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.grid-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.stars-image {
  width: 200px;
}

.heading-7 {
  color: var(--brand--neutral-500-alt);
}

.grid-4-column {
  grid-column-gap: 1.5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.max-width-500 {
  max-width: 500px;
}

.grid-3-columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._404 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.faq-item {
  background-color: #0000;
  border: 1px #212121;
  border-radius: 25px;
  margin-bottom: 25px;
}

.faq-answer-inner {
  padding: 25px 20px 20px 0;
  overflow: visible;
}

.faq-title {
  color: var(--brand--primary-dark);
  letter-spacing: .04em;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
}

.plus {
  background-color: var(--brand--primary);
  border-radius: 20px;
  width: 2px;
  height: 38%;
  position: absolute;
}

.minus {
  background-color: var(--brand--primary);
  border-radius: 20px;
  width: 38%;
  height: 2px;
  position: absolute;
}

.sum-icon {
  color: #253322;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-left: 60px;
  display: flex;
  position: relative;
}

.faq-question {
  border-style: none none solid;
  border-width: 0 0 1px;
  border-color: black black var(--brand--primary);
  width: 100%;
  font-family: var(--font-title);
  color: var(--brand--primary);
  text-transform: none;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  padding: 0 12px 25px 0;
  font-size: 2.125rem;
  text-decoration: none;
  display: flex;
}

.faq-answer {
  height: auto;
  overflow: hidden;
}

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

.social-icon {
  width: 32px;
  height: 32px;
}

.heading-card {
  font-family: var(--font-title);
  color: var(--brand--primary);
  text-transform: uppercase;
}

.card-restaurant-text {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.card-restaurant {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 2rem;
  display: grid;
}

.restaurant-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.div-block-6 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.check-icon {
  width: 32px;
  height: 32px;
}

.block-quote {
  border-left-color: var(--brand--primary-dark);
}

.subtitle-card {
  font-family: Graphie, Arial, sans-serif;
}

.heading-blue {
  font-family: var(--font-title);
  color: var(--brand--primary-dark);
}

.div-block-7 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.div-block-9 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.image-330 {
  object-fit: cover;
  height: 330px;
}

.toc-item-mobile {
  border: 1px solid var(--outline--primary-black-0-40);
  background-color: var(--outline--opacity-0);
  color: var(--contrast--primary-black);
  padding: .88rem 1.5rem .62rem;
  transition: all .25s;
}

.toc-item-mobile:hover {
  border-color: var(--outline--outline\<deleted\|variable-bfb5c06e-d667-30a0-80b5-2be41f673a50\>);
  color: var(--brand--primary);
}

.toc-item-mobile.w--current {
  border-color: var(--brand--primary);
  background-color: var(--brand--primary);
  color: var(--contrast--primary\<deleted\|variable-df7e9b5f-2b74-9061-df52-5b90ed6d6636\>);
}

@media screen and (min-width: 1920px) {
  .mask-2 {
    height: 100%;
  }

  .div-block-3 {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .navbar-grid {
    grid-template-columns: 1fr auto;
  }

  .menu-button {
    background-color: var(--brand--neutral-100);
    color: var(--brand--primary-dark);
  }

  .menu-button:hover, .menu-button:focus-visible, .menu-button[data-wf-focus-visible], .menu-button.w--open {
    background-color: var(--brand--neutral-100);
  }

  .banner-flex {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .banner-flex.blog {
    grid-template-columns: 1fr;
  }

  .paragraph.blue.center.max-width {
    max-width: 600px;
  }

  .menu-item-wrapper.tablet-none {
    display: none;
  }

  .sticky-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 2fr;
  }

  .sticky-wrapper.padding-left-2-5 {
    padding-left: 0;
  }

  .sticky-image._1, .sticky-image._2, .sticky-image._3 {
    position: relative;
    top: 0;
  }

  .button-wrapper.secondary.none-desktop {
    display: block;
  }

  .button-wrapper.secondary.none-desktop.margin-top-1 {
    text-align: center;
    width: 199px;
  }

  .button-wrapper.secondary.none-mobile {
    display: none;
  }

  .button-wrapper.third.none-desktop {
    display: block;
  }

  .button-wrapper.third.none-desktop.margin-top-1 {
    text-align: center;
    width: 199px;
  }

  .button-wrapper.third.none-mobile {
    display: none;
  }

  .three-columns {
    grid-template-columns: 1fr;
  }

  .grid-template-columns {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 2fr;
  }

  .cover-image.width-25 {
    width: 25rem;
  }

  .cover-image.width-30 {
    width: 30rem;
  }

  .grid-template-inverse {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .overflow-hidden {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .marquee-wrapper, .marquee-bottom-train {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .quatre-olumns {
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .footer-center {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .gap-2-horizontal {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .padding-top-6 {
    padding-top: 3rem;
  }

  .case-list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .case-list.grid-gap-1 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .nav-menu {
    background-color: var(--brand--neutral-100);
    color: var(--brand--primary-dark);
  }

  .nav-menu-grid {
    flex-flow: column;
    display: flex;
  }

  .nav-item-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    display: flex;
  }

  .navbar-logo-hide {
    width: 200px;
  }

  .menu-item-text {
    color: var(--brand--primary);
  }

  .padding-right-4-5 {
    padding-right: 0;
  }

  .padding-left-4-5 {
    padding-left: 0;
  }

  .tablet-layout-none {
    display: none;
  }

  .toc-item-block {
    flex-flow: wrap;
  }

  .link-block {
    display: block;
  }

  .grid-2-columns {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .padding-left-1 {
    padding-left: 0;
  }

  .desktop-none {
    display: block;
  }

  .tablet-none {
    display: none;
  }

  .gallery-content, .progress-details-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .progress-image-1 {
    right: -12px;
  }

  .gallery-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .unit-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .contact-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .register-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: none;
    padding: 72px 24px;
  }

  .register-container {
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .progress-image-2 {
    margin-top: 140px;
    margin-left: -12px;
  }

  .concept-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .register-image {
    max-height: 56vw;
  }

  .contact-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .facilities-card {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .facilities-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .form-heading {
    min-width: 100%;
  }

  .facilities-card-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .unit-type-wrap {
    flex-flow: column;
    grid-template-columns: 1.5fr;
    width: 100%;
    display: flex;
  }

  .project-progress-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .video-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .unit-type-image {
    width: 100%;
  }

  .section-lp {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-lp.no-padding.black {
    height: auto;
  }

  .mask-2 {
    height: 100%;
  }

  .project-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .project-card-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-4-column {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-7 {
    justify-content: flex-start;
  }

  .image-330 {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 3rem;
    line-height: 120%;
  }

  h2 {
    font-size: 2.25rem;
    line-height: 122%;
  }

  h3 {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 128%;
  }

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

  .banner-gradient {
    width: 100%;
  }

  .padding-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .banner-flex {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    grid-template-columns: auto;
  }

  .sticky-grid {
    grid-template-columns: 1fr;
  }

  .sticky-wrapper.margin-top-6 {
    margin-top: 4rem;
    display: block;
  }

  .gap-0-5-horizontal {
    justify-content: flex-start;
    width: 100%;
  }

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

  .card-wrapper {
    width: 100%;
  }

  .padding-3-full {
    padding: 2rem;
  }

  .cover-image.min-h20 {
    min-height: auto;
  }

  .info-card {
    padding: 1.5rem;
  }

  .footer-center {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .toc-item {
    flex: none;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .main-image.mobile {
    display: block;
  }

  .main-image.desktop {
    display: none;
  }

  .case-list.grid-gap-1 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .hover-case {
    display: none;
  }

  .nav-menu {
    overflow: auto;
  }

  .nav-menu-grid {
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .nav-item-wrapper {
    padding-top: 1.12rem;
    padding-bottom: .88rem;
  }

  .nav-link {
    justify-content: space-between;
    display: flex;
  }

  .menu-item-text {
    font-weight: 600;
    line-height: 150%;
  }

  .utility-page-wrap {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .fade-in-heading {
    width: 100%;
  }

  .hover-arrow {
    display: none;
  }

  .toc-item-block {
    flex-flow: column;
  }

  .padding-bottom-6 {
    padding-bottom: 4rem;
  }

  .gallery-content, .progress-details-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .gallery-grid {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: 45vw 45vw;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 45vw;
  }

  .unit-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .contact-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .register-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 64px 20px;
  }

  .form-2 {
    grid-column-gap: 24px;
  }

  .right-arrow-2 {
    inset: auto 0 0 76px;
  }

  .register-container {
    grid-template-rows: auto;
  }

  .progress-image-2 {
    margin-top: 130px;
  }

  .paragraph-large {
    font-size: 20px;
  }

  .concept-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .register-image {
    max-height: 70vw;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .unit-type-heading {
    margin-right: 0;
  }

  .contact-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .facilities-card {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .facilities-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .slider {
    padding-bottom: 88px;
  }

  .facilities-card-wrap {
    grid-template-columns: 1fr;
  }

  .left-arrow-2 {
    inset: auto 76px 0 0;
  }

  .video-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .text-field {
    font-size: 16px;
  }

  .section-lp {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section-lp.blue {
    height: 100%;
    position: static;
  }

  .project-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .project-card-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
  }

  .grid-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .grid-4-column {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .card-restaurant-text:where(.w-variant-f51f0fba-0388-346b-43cb-ada9d6a22882) {
    order: -9999;
  }

  .card-restaurant {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .div-block-7 {
    flex-flow: column;
    align-items: flex-start;
  }

  .toc-item-mobile {
    flex: none;
    justify-content: center;
    width: 100%;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .menu-button.w--open {
    background-color: var(--brand--neutral-100);
  }

  .brand {
    padding-left: 0;
  }

  .color-text-primary.h1 {
    font-size: 2.25rem;
  }

  .margin-top-2 {
    width: 100%;
    margin-top: 1.5rem;
  }

  .button-wrapper.secondary, .button-wrapper.third {
    width: 100%;
  }

  .gap-0-5-horizontal {
    width: auto;
  }

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

  .quatre-olumns {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .footer-icon {
    width: 2rem;
  }

  .nav-menu-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .fade-in-button {
    width: 100%;
  }

  .heading, .heading.neutral {
    font-size: 1.5rem;
  }

  .gallery-grid {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: 45vw 45vw;
  }

  .contact-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .register-content {
    flex-flow: column;
    padding: 32px 0;
  }

  .form-2 {
    grid-template-columns: 1fr;
  }

  .progress-image-2 {
    margin-top: 100px;
  }

  .register-image {
    max-height: 80vw;
  }

  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .facilities-card {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .form-heading {
    align-items: flex-start;
    width: 100%;
  }

  .button {
    width: 100%;
  }

  .flex-button {
    align-items: center;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .sum-icon {
    margin-left: 40px;
  }

  .div-block-7, .div-block-8 {
    width: 100%;
  }
}

#w-node-e94d12da-97c9-fa58-8240-139dd2264325-d2264322 {
  justify-self: start;
}

#w-node-e94d12da-97c9-fa58-8240-139dd226436a-d2264322 {
  justify-self: end;
}

#w-node-_7e33f6d7-cbb8-c90a-04c3-0a072f1d8012-923aa69c {
  place-self: end;
}

#w-node-_7e33f6d7-cbb8-c90a-04c3-0a072f1d8013-923aa69c {
  align-self: end;
}

#w-node-_535a7b29-ebd5-a7e2-c625-9c83c8f95afb-c8f95afa:where(.w-variant-f51f0fba-0388-346b-43cb-ada9d6a22882) {
  order: -9999;
}

#w-node-_51a3ec93-667a-eefa-0686-22ac5d0d30a9-e44bc252, #w-node-_51a3ec93-667a-eefa-0686-22ac5d0d30af-e44bc252, #w-node-_51a3ec93-667a-eefa-0686-22ac5d0d30b5-e44bc252, #w-node-_51a3ec93-667a-eefa-0686-22ac5d0d30bb-e44bc252, #w-node-_51a3ec93-667a-eefa-0686-22ac5d0d30c1-e44bc252, #w-node-_51a3ec93-667a-eefa-0686-22ac5d0d30c8-e44bc252 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d6c33385-0d3c-d2d0-53a0-c0bf2b107198-6c9baba6 {
  align-self: center;
}

#w-node-_3596c9a6-8219-0309-fd55-140d48caec1c-43caaec1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3596c9a6-8219-0309-fd55-140d48caec1e-43caaec1, #w-node-_3596c9a6-8219-0309-fd55-140d48caec26-43caaec1 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_3596c9a6-8219-0309-fd55-140d48caec2c-43caaec1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3596c9a6-8219-0309-fd55-140d48caec98-43caaec1, #w-node-_3596c9a6-8219-0309-fd55-140d48caec9e-43caaec1, #w-node-_3596c9a6-8219-0309-fd55-140d48caeca4-43caaec1, #w-node-d6440e50-eaf0-e609-7c9c-abd008bd657c-43caaec1, #w-node-c02139cf-537c-e0e6-f2f8-7355edb82e53-43caaec1, #w-node-_63aac8b7-c484-a1ec-dc43-9fc3f619d8f3-43caaec1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3596c9a6-8219-0309-fd55-140d48caed0f-43caaec1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_3596c9a6-8219-0309-fd55-140d48caed13-43caaec1, #w-node-_3596c9a6-8219-0309-fd55-140d48caed15-43caaec1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3596c9a6-8219-0309-fd55-140d48caed1b-43caaec1 {
  justify-self: start;
}

#w-node-_3596c9a6-8219-0309-fd55-140d48caed32-43caaec1, #w-node-_4acbb140-d6b6-6de4-e7cc-9b44bae851dd-43caaec1, #w-node-_4acbb140-d6b6-6de4-e7cc-9b44bae851e0-43caaec1, #w-node-fe6da576-4128-59bf-d459-78a1ee46d22e-ee46d22d, #w-node-fe6da576-4128-59bf-d459-78a1ee46d22f-ee46d22d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6379945e-b1a2-fc65-1443-86602ce1e239-c76a0d5f {
  align-self: center;
}

#w-node-_268aa966-ce2d-afd1-f428-b8f7c76a0d8b-c76a0d5f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_268aa966-ce2d-afd1-f428-b8f7c76a0d8d-c76a0d5f, #w-node-_268aa966-ce2d-afd1-f428-b8f7c76a0d95-c76a0d5f {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_268aa966-ce2d-afd1-f428-b8f7c76a0d9b-c76a0d5f, #w-node-a1eb0bcb-b2ad-f45c-89a0-51876aeba115-c76a0d5f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a1eb0bcb-b2ad-f45c-89a0-51876aeba117-c76a0d5f, #w-node-a1eb0bcb-b2ad-f45c-89a0-51876aeba11f-c76a0d5f {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-a1eb0bcb-b2ad-f45c-89a0-51876aeba125-c76a0d5f, #w-node-_71d5831f-48db-f51f-f0e4-fd9eb78dcc8a-c76a0d5f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_71d5831f-48db-f51f-f0e4-fd9eb78dcc8c-c76a0d5f, #w-node-_71d5831f-48db-f51f-f0e4-fd9eb78dcc94-c76a0d5f {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_71d5831f-48db-f51f-f0e4-fd9eb78dcc9a-c76a0d5f, #w-node-e3437fc5-cfb9-5650-efb1-24ade3f36edd-c76a0d5f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e3437fc5-cfb9-5650-efb1-24ade3f36edf-c76a0d5f, #w-node-e3437fc5-cfb9-5650-efb1-24ade3f36ee7-c76a0d5f {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-e3437fc5-cfb9-5650-efb1-24ade3f36eed-c76a0d5f, #w-node-eebe2541-48e2-98a5-2498-e2c8ae6535ca-c76a0d5f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-eebe2541-48e2-98a5-2498-e2c8ae6535cc-c76a0d5f, #w-node-eebe2541-48e2-98a5-2498-e2c8ae6535d4-c76a0d5f {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-eebe2541-48e2-98a5-2498-e2c8ae6535da-c76a0d5f, #w-node-a52e1397-bb89-9d82-f439-605610b43829-c76a0d5f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a52e1397-bb89-9d82-f439-605610b4382b-c76a0d5f, #w-node-a52e1397-bb89-9d82-f439-605610b43833-c76a0d5f {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-a52e1397-bb89-9d82-f439-605610b43839-c76a0d5f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_16c43506-db99-161f-fef1-8a567fc1b298-7fc1b28a, #w-node-d6c33385-0d3c-d2d0-53a0-c0bf2b1071aa-6c9baba6 {
    order: -9999;
  }

  #w-node-_3596c9a6-8219-0309-fd55-140d48caed32-43caaec1 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4acbb140-d6b6-6de4-e7cc-9b44bae851dd-43caaec1 {
    justify-self: center;
  }

  #w-node-_6379945e-b1a2-fc65-1443-86602ce1e239-c76a0d5f, #w-node-_6379945e-b1a2-fc65-1443-86602ce1e253-c76a0d5f {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_3596c9a6-8219-0309-fd55-140d48caec1c-43caaec1, #w-node-_3596c9a6-8219-0309-fd55-140d48caec1e-43caaec1, #w-node-_3596c9a6-8219-0309-fd55-140d48caec26-43caaec1, #w-node-_3596c9a6-8219-0309-fd55-140d48caec2c-43caaec1, #w-node-_268aa966-ce2d-afd1-f428-b8f7c76a0d8b-c76a0d5f, #w-node-_268aa966-ce2d-afd1-f428-b8f7c76a0d8d-c76a0d5f, #w-node-_268aa966-ce2d-afd1-f428-b8f7c76a0d95-c76a0d5f, #w-node-_268aa966-ce2d-afd1-f428-b8f7c76a0d9b-c76a0d5f, #w-node-a1eb0bcb-b2ad-f45c-89a0-51876aeba115-c76a0d5f, #w-node-a1eb0bcb-b2ad-f45c-89a0-51876aeba117-c76a0d5f, #w-node-a1eb0bcb-b2ad-f45c-89a0-51876aeba11f-c76a0d5f, #w-node-a1eb0bcb-b2ad-f45c-89a0-51876aeba125-c76a0d5f, #w-node-_71d5831f-48db-f51f-f0e4-fd9eb78dcc8a-c76a0d5f, #w-node-_71d5831f-48db-f51f-f0e4-fd9eb78dcc8c-c76a0d5f, #w-node-_71d5831f-48db-f51f-f0e4-fd9eb78dcc94-c76a0d5f, #w-node-_71d5831f-48db-f51f-f0e4-fd9eb78dcc9a-c76a0d5f, #w-node-e3437fc5-cfb9-5650-efb1-24ade3f36edd-c76a0d5f, #w-node-e3437fc5-cfb9-5650-efb1-24ade3f36edf-c76a0d5f, #w-node-e3437fc5-cfb9-5650-efb1-24ade3f36ee7-c76a0d5f, #w-node-e3437fc5-cfb9-5650-efb1-24ade3f36eed-c76a0d5f, #w-node-eebe2541-48e2-98a5-2498-e2c8ae6535ca-c76a0d5f, #w-node-eebe2541-48e2-98a5-2498-e2c8ae6535cc-c76a0d5f, #w-node-eebe2541-48e2-98a5-2498-e2c8ae6535d4-c76a0d5f, #w-node-eebe2541-48e2-98a5-2498-e2c8ae6535da-c76a0d5f, #w-node-a52e1397-bb89-9d82-f439-605610b43829-c76a0d5f, #w-node-a52e1397-bb89-9d82-f439-605610b4382b-c76a0d5f, #w-node-a52e1397-bb89-9d82-f439-605610b43833-c76a0d5f, #w-node-a52e1397-bb89-9d82-f439-605610b43839-c76a0d5f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3596c9a6-8219-0309-fd55-140d48caed32-43caaec1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'The Seasons';
  src: url('../fonts/Fontspring-DEMO-theseasons-bd.otf') format('opentype'), url('../fonts/Fontspring-DEMO-theseasons-lt.otf') format('opentype'), url('../fonts/Fontspring-DEMO-theseasons-reg.otf') format('opentype'), url('../fonts/Fontspring-DEMO-theseasons-bdit.otf') format('opentype'), url('../fonts/Fontspring-DEMO-theseasons-ltit.otf') format('opentype'), url('../fonts/Fontspring-DEMO-theseasons-it.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphie';
  src: url('../fonts/Graphie-Bold.otf') format('opentype'), url('../fonts/Graphie-ExtraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphie';
  src: url('../fonts/Graphie-BoldItalic.otf') format('opentype'), url('../fonts/Graphie-ExtraBoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphie';
  src: url('../fonts/Graphie-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphie Book';
  src: url('../fonts/Graphie-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphie';
  src: url('../fonts/Graphie-ExtraLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphie';
  src: url('../fonts/Graphie-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphie';
  src: url('../fonts/Graphie-BookItalic.otf') format('opentype'), url('../fonts/Graphie-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphie';
  src: url('../fonts/Graphie-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphie';
  src: url('../fonts/Graphie-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphie';
  src: url('../fonts/Graphie-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphie';
  src: url('../fonts/Graphie-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphie';
  src: url('../fonts/Graphie-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphie';
  src: url('../fonts/Graphie-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}