:root {
  --forest-green: #508835;
  --white: white;
  --black: black;
  --dark-green: #002100;
}

.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-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@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 {
  color: #333;
  background-color: #000;
  font-family: Satoshi, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--forest-green);
  text-decoration: underline;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.section.hero-image {
  width: 100%;
  height: 400vw;
  max-width: 100%;
  background-color: #fdc300;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section.partners {
  height: 20vh;
  background-color: #22201d;
  display: none;
  position: relative;
}

.section.manifesto {
  z-index: 1;
  display: none;
  position: relative;
}

.section.team {
  display: none;
  position: relative;
}

.section.footer {
  z-index: 10;
  background-color: #fdc300;
  position: relative;
}

.section.footer.works {
  background-color: #22201d;
}

.section.terms {
  z-index: 1;
  position: relative;
}

.section.projects {
  z-index: 10;
  background-color: var(--white);
  position: relative;
}

.section.htext, .section.ani1, .section.ani2 {
  display: none;
}

.section.about {
  z-index: 10;
  height: 80vh;
  background-color: #22201d;
  border-radius: 65px 65px 0 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.section.about._2 {
  z-index: 10;
  height: 100vh;
  background-color: #22201d;
  position: -webkit-sticky;
  position: sticky;
}

.section.cta {
  z-index: 12;
  height: 70vh;
  background-color: #fdc300;
  position: relative;
}

.section.height {
  z-index: 10;
  background-color: #fdc300;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  display: none;
  position: relative;
}

.section.about {
  z-index: 10;
  background-color: var(--white);
  position: relative;
}

.font-box {
  width: 120px;
  height: 120px;
  background-color: #424242;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.styleguide-row {
  border-bottom: 1px solid rgba(255, 255, 255, .36);
  align-items: center;
  padding: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.styleguie-tipography {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.title-h1 {
  z-index: 3;
  color: #22201d;
  text-align: left;
  letter-spacing: -3px;
  flex: none;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16vw;
  font-weight: 800;
  line-height: 1.2;
  display: flex;
  position: relative;
}

.title-h1.mobile-flex {
  display: none;
}

.font-wrapper {
  width: 307px;
  height: auto;
  background-color: #2b2b2b;
  border: 1px solid #3a3a3a;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  display: flex;
}

.forest-green {
  background-color: var(--forest-green);
}

.page-wrapper {
  overflow: visible;
}

.vertical-font-box {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 20px;
  line-height: 1;
  display: flex;
}

.container {
  z-index: 1;
  max-width: 1560px;
  grid-row-gap: 150px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding: 150px 100px;
  display: flex;
  position: relative;
}

.container.hero {
  z-index: 3;
  width: 100%;
  height: 100vh;
  max-width: 100%;
  grid-row-gap: 50px;
  text-align: center;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.container.projects {
  grid-row-gap: 100px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.container.partners {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: static;
}

.container.partners.copy {
  max-width: 100%;
  position: fixed;
  top: 50%;
  bottom: 50%;
  left: 50%;
  right: 50%;
}

.container.partners.fixed {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  opacity: 0;
  position: fixed;
}

.container.manifesto {
  grid-row-gap: 50px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.container.marquee {
  max-width: 100%;
  padding: 0 0 100px;
  overflow: hidden;
}

.container.about-image {
  max-width: none;
  padding: 0;
}

.container.about {
  grid-row-gap: 50px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 75px;
  display: flex;
}

.container.about.contact {
  background-color: #fdc300;
}

.container.about.cta {
  z-index: 0;
  position: static;
}

.container.about.containcta {
  padding-top: 220px;
}

.container.image-reel {
  height: 95vh;
  max-width: 100%;
  flex-flow: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.container.footer {
  max-width: 100vw;
  background-color: #22201d;
  border-top-left-radius: 65px;
  border-top-right-radius: 65px;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 40px;
}

.container.footer.projects {
  border-radius: 0;
}

.container.terms {
  justify-content: center;
  align-items: center;
  padding-top: 250px;
}

.paragraph-16px {
  color: rgba(255, 255, 255, .4);
  font-weight: 400;
  line-height: 1.5;
}

.title-h3 {
  color: #868686;
  letter-spacing: -2px;
  font-size: 65px;
  font-weight: 300;
  line-height: 1.2;
}

.black {
  background-color: var(--black);
}

.title-h6 {
  color: #fff;
  letter-spacing: -1px;
  font-family: Poppins, sans-serif;
  font-size: 33px;
  font-weight: 300;
  line-height: 1.4;
  display: none;
}

.title-h6.dark {
  color: #22201d;
}

.paragraph-14px {
  color: rgba(255, 255, 255, .33);
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.paragraph-14px.bottom-footer {
  display: none;
}

.paragraph-14px.info-1 {
  color: var(--white);
  font-weight: 200;
}

.paragraph-14px.copyright {
  margin-left: 40px;
}

.dark-green {
  background-color: var(--dark-green);
}

.title-h4 {
  color: #fff;
  letter-spacing: -2px;
  font-family: Poppins, sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 1.3;
}

.title-h4.bottom-footer {
  display: none;
}

.title-h5 {
  color: #fff;
  letter-spacing: -1px;
  font-family: Poppins, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.5;
}

.satoshi-regular {
  color: #fff;
  font-weight: 400;
  line-height: 1.4;
}

.title-h2 {
  color: #fff;
  letter-spacing: -3px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 85px;
  font-weight: 300;
  line-height: 1.1;
}

.satoshi-medium {
  color: #fff;
  font-weight: 500;
  line-height: 1.4;
}

.white {
  background-color: var(--white);
}

.satoshi-bold {
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
}

.display {
  color: #fff;
  letter-spacing: -10px;
  white-space: nowrap;
  font-family: Inter, sans-serif;
  font-size: 200px;
  font-weight: 300;
  line-height: 1.4;
}

.bg-dark {
  background-color: #1f1f1f;
}

.nav-menu {
  grid-column-gap: 150px;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 30px;
  display: none;
}

.nav-link-wrapper {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.navbar {
  max-width: 300px;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-left: 100px;
  padding-right: 100px;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.navigation-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.logo-svg {
  display: block;
}

.nav-link {
  grid-column-gap: 10px;
  opacity: .4;
  color: #fff;
  letter-spacing: .5px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.nav-link:hover, .nav-link.w--current {
  opacity: 1;
}

.social-link-wrapper {
  border-left: 1px solid #e2e2e2;
  align-items: baseline;
  padding-left: 15px;
  display: flex;
}

.social-link {
  color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding: 0 15px;
  font-size: 14px;
  line-height: 1;
  transition: all .35s;
}

.social-link:hover {
  color: #b9b9b9;
}

.nav-link-arrow {
  width: 11px;
}

.cookie-bar {
  z-index: 10;
  grid-column-gap: 20px;
  color: rgba(255, 255, 255, .7);
  background-color: rgba(3, 3, 3, .4);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  display: none;
  position: fixed;
  top: auto;
  bottom: 7%;
}

.cookie-bar-text {
  width: 170px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.cookie-button {
  cursor: pointer;
  background-color: #373737;
  border-radius: 60px;
  padding: 14px 40px;
  transition: all .3s;
}

.cookie-button:hover {
  background-color: #559238;
}

.cookie-close-button {
  width: 18px;
  opacity: 1;
  cursor: pointer;
}

.subheading {
  grid-column-gap: 10px;
  color: #fff;
  font-weight: 500;
  display: flex;
}

.subheading.footer {
  display: none;
}

.subheading-arrow {
  width: 11px;
  display: none;
}

.paragraph-12px {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.project-grid {
  grid-column-gap: 50px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.project-column {
  grid-column-gap: 0px;
  grid-row-gap: 100px;
  grid-template-columns: 1fr;
  margin-top: 15vh;
}

.project-column.top-margin-40 {
  grid-auto-flow: row;
  margin-top: -30vh;
}

.project-column.about {
  margin-top: 0;
}

.project-card {
  grid-row-gap: 30px;
  cursor: pointer;
  flex-direction: column;
  display: flex;
}

.project-title {
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.project-title._1 {
  text-align: right;
  flex-direction: column-reverse;
}

.title {
  color: #22201d;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.title.big {
  width: 40vw;
  color: rgba(255, 255, 255, .14);
  padding-left: 40px;
  display: none;
}

.category {
  opacity: .5;
  color: #22201d;
  font-family: Poppins, sans-serif;
  font-size: 12px;
}

.category._1 {
  display: none;
}

.cursor-wrapper {
  z-index: 100;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cursor-circle {
  width: 150px;
  height: 150px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, .92);
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.project-cursor-text {
  font-weight: 500;
}

.cursor-wrapper-embed {
  display: none;
}

.partners-text-wrapper {
  width: 710px;
  text-align: center;
}

.partners-green-shape {
  display: none;
  position: absolute;
  top: -31%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.manifesto-text-wrapper {
  width: 750px;
}

.feature-grid {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
  margin-top: 100px;
}

.feature-card {
  border-top: 1px solid rgba(255, 255, 255, .3);
  justify-content: space-between;
  align-items: center;
  padding-top: 130px;
  padding-bottom: 130px;
  padding-left: 50px;
  display: flex;
  position: relative;
}

.feature-image {
  width: 100%;
}

.feature-text-wrapper {
  width: 500px;
}

.feature-subheading {
  grid-column-gap: 10px;
  color: rgba(255, 255, 255, .73);
  font-size: 14px;
  font-weight: 400;
  display: flex;
  position: absolute;
  top: 25px;
  bottom: auto;
  left: 0%;
  right: auto;
}

.feature-subheading-arrow {
  width: 10px;
  opacity: .79;
}

.feature-number {
  color: rgba(255, 255, 255, .66);
  margin-right: 30px;
  font-size: 16px;
}

.green-shape-right {
  position: absolute;
  top: auto;
  bottom: -14%;
  left: auto;
  right: 0%;
}

.italic {
  font-style: italic;
}

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

.about-text-wrapper {
  width: 516px;
}

.about-text-wrapper.sub, .about-text-wrapper.mobile {
  display: none;
}

.about-heading-wrapper {
  z-index: 99;
  grid-row-gap: 50px;
  flex-direction: column;
  display: flex;
}

.about-image-wrapper {
  width: 100%;
  height: 700px;
}

.about-cursor-text {
  font-weight: 500;
}

.reel-grid {
  grid-column-gap: 70px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 690px 690px 690px;
  grid-auto-columns: 1fr;
  display: grid;
}

.reel-image {
  width: 100%;
  height: 550px;
  object-fit: cover;
}

.image-reel-wrapper {
  width: 100%;
  height: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 70px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: center;
  transform: rotate(45deg);
}

.team-text-wrapper {
  width: 700px;
}

.icon-wrapper {
  position: relative;
}

.profile-details {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: -35px;
  display: flex;
  position: relative;
}

.vertical {
  width: 30px;
  height: 1px;
  background-color: #c0ff58;
  transform: rotate(90deg);
}

.horizontal {
  width: 30px;
  height: 1px;
  background-color: #c0ff58;
}

.team-social-link {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.team-social-link:hover {
  opacity: .44;
}

.team-image {
  width: 100%;
}

.team-description {
  width: auto;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 35px;
  margin-bottom: 15px;
  display: flex;
  position: relative;
  top: auto;
  bottom: 0%;
  left: auto;
}

.profile-wrapper {
  width: 700px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.details-holder {
  grid-column-gap: 0px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.team-grid {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 100px;
  flex-direction: column;
  grid-template: "."
  / 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  display: grid;
}

.team-profile-socials {
  grid-column-gap: 15px;
  flex-direction: row;
  display: flex;
}

.circle-button {
  width: 70px;
  height: 70px;
  grid-row-gap: 0px;
  border: 1px solid #fff;
  border-radius: 50%;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-shape {
  position: absolute;
  top: -12%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.padding-button {
  margin-top: -20px;
  margin-left: -20px;
  padding: 20px;
}

.image-wrapper {
  width: 370px;
  max-width: 370px;
  min-width: 370px;
  grid-row-gap: 10px;
  color: #fff;
  flex-direction: column;
  font-size: 12px;
  display: flex;
}

.grid {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 19px;
  grid-template: ". ."
                 "Area Area"
                 / 320px 1fr;
  justify-content: space-between;
  align-items: start;
  justify-items: end;
}

.footer-column {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.footer-column.follow, .footer-column.section {
  display: none;
}

.mail-link {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  text-decoration: none;
}

.mail-link.bottom-footer {
  display: none;
}

.footer-text {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.footer-text:hover {
  opacity: 1;
}

.footer-text.opacity-50 {
  opacity: .5;
}

.footer-text.opacity-50.w--current {
  opacity: 1;
}

.footer-text-wrapper {
  width: 260px;
}

.footer-social-wrapper {
  grid-column-gap: 10px;
  color: #fff;
  font-family: Poppins, sans-serif;
  text-decoration: none;
  display: flex;
}

.footer-social-link {
  color: rgba(255, 255, 255, .48);
  text-decoration: none;
}

.footer-inner {
  width: 90%;
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 2fr 2fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: end;
  margin-right: 40px;
  display: grid;
}

.footer-shape {
  z-index: 0;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.footer-copyright {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.back-top {
  width: 60px;
  height: 60px;
  background-color: #38342f;
  border: 1px rgba(255, 255, 255, .2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.back-top:hover {
  background-color: #fdc300;
}

.back-top.w--current:hover {
  background-color: #fdc300;
  border-color: #fdc300;
}

.back-top-arrow {
  width: 15px;
  transform: rotate(-90deg);
}

.button-wrapper {
  grid-column-gap: 20px;
  color: #fff;
  align-items: center;
  margin-bottom: 12px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button-wrapper.round {
  background-color: #22201d;
  border: 2px solid #22201d;
  border-radius: 15px;
  align-self: flex-end;
  padding: 20px 60px;
  transition: background-color .5s, border-color .5s, border-radius .5s, color .5s;
}

.button-wrapper.round:hover {
  color: #22201d;
  background-color: #fdc300;
  border: 2px solid #22201d;
}

.button-wrapper.round.light {
  width: 43%;
  border: 1px solid #fdc300;
  border-radius: 50px;
}

.button-wrapper.round.light.big {
  width: 40vw;
  border-color: var(--white);
  cursor: default;
  border-radius: 50px;
  justify-content: center;
  align-self: auto;
  margin-top: 0;
  margin-bottom: -20px;
}

.button-wrapper.round.light.big:hover {
  color: var(--white);
  background-color: #22201d;
}

.button-wrapper.round.projects {
  border-radius: 50px;
  align-self: center;
  transition: border-color .5s, color .5s, background-color .5s;
}

.button-wrapper.round.projects:hover {
  color: #22201d;
  background-color: #fdc300;
  border-style: solid;
  border-color: #fdc300;
}

.button-wrapper.round.create {
  border-radius: 50px;
}

.button-wrapper.demo, .button-wrapper.logo {
  display: none;
}

.circle-small {
  width: 14px;
  height: 14px;
  border: 1px solid var(--forest-green);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: visible;
}

.circle-small.round {
  border-color: #22201d;
  display: none;
}

.circle-abosulte {
  width: 40px;
  height: 40px;
  background-image: linear-gradient(to right, var(--dark-green), var(--forest-green));
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.circle-abosulte.round {
  background-image: none;
}

.arrow {
  width: 13px;
}

.arrow.round._2.big {
  display: none;
}

.hero-paragraph {
  color: #22201d;
  font-family: Poppins, sans-serif;
  font-size: 40px;
}

.button-text {
  font-family: Poppins, sans-serif;
}

.button-text.big {
  font-size: 20px;
}

.mobile-menu-green-shape {
  display: none;
  position: absolute;
  top: -31%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.menu-mail-wrapper {
  display: none;
}

.mail-arrow {
  width: 11px;
}

.feature-image-wrapper {
  width: 20%;
}

.feature-text {
  color: #fff;
  letter-spacing: -1px;
  font-size: 33px;
  font-weight: 300;
  line-height: 1.4;
}

.team-title {
  width: 160px;
  color: #fff;
  letter-spacing: -2px;
  font-size: 50px;
  font-weight: 300;
  line-height: 1.3;
}

.terms-wrapper {
  width: 850px;
  grid-row-gap: 50px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.terms-title-wrapper {
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.terms-body h2 {
  color: #fff;
  margin-bottom: 20px;
  font-weight: 300;
}

.terms-body p {
  color: #5a5a5a;
}

.terms-body figcaption {
  color: #d6d6d6;
}

.terms-green-shape {
  z-index: -1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 80%;
  grid-row-gap: 80px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block {
  color: #22201d;
  font-family: Poppins, sans-serif;
  font-size: 7vh;
}

.text-block.projects {
  color: var(--white);
}

.text-block.about {
  color: var(--white);
  padding-bottom: 40px;
}

.text-block.vision {
  color: var(--white);
  font-size: 5vh;
}

.body {
  background-color: #fdc300;
}

.text-block-2 {
  font-family: Poppins, sans-serif;
}

.text-block-3 {
  font-family: Poppins, sans-serif;
  font-size: 10vh;
}

.height {
  height: 10vh;
  background-color: #22201d;
  border-radius: 0 0 65px 65px;
  position: relative;
}

.background {
  background-image: url('../images/Avatar-1.png');
  background-position: 0 0;
  background-size: cover;
}

.bg-circle-1 {
  z-index: 1;
  width: 70vh;
  height: 70vh;
  opacity: .69;
  filter: blur(60px);
  background-color: #d1a100;
  border-radius: 50%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.bg-circle-2 {
  z-index: 2;
  width: 75vh;
  height: 75vh;
  opacity: .8;
  filter: blur(50px);
  background-color: #ffdd6d;
  border-radius: 50%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.bg-circle-3 {
  z-index: 2;
  width: 70vh;
  height: 70vh;
  opacity: .74;
  filter: blur(50px);
  background-color: #ffdd6d;
  border-radius: 50%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.bg-circle-4 {
  z-index: 2;
  width: 65vh;
  height: 65vh;
  opacity: .5;
  filter: blur(50px);
  background-color: #d1a100;
  border-radius: 50%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.bg-circle-5 {
  z-index: 2;
  width: 70vh;
  height: 70vh;
  opacity: .4;
  filter: blur(50px);
  background-color: #d1a100;
  border-radius: 50%;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: 20%;
  right: auto;
}

.text-rotation-wrapper {
  z-index: 3;
  align-self: flex-start;
  display: flex;
  position: relative;
}

.vertical-scroll-wrapper {
  width: 16rem;
  position: relative;
  overflow: hidden;
}

.track-vertical {
  flex-direction: column;
  padding-left: 15px;
  display: flex;
  position: absolute;
}

.track-vertical.mid {
  align-items: center;
}

.rotating-text {
  width: 20vw;
  color: #22201d;
  font-family: Poppins, sans-serif;
  font-size: 40px;
  font-weight: 800;
}

.rotating-text._1 {
  width: auto;
  min-width: 50vw;
  text-align: left;
}

.rotating-text._1.logo {
  color: #fdc300;
}

.rotating-text._2 {
  width: auto;
  min-width: 50vw;
  text-align: left;
}

.rotating-text._2.logo {
  color: #fdc300;
}

.rotating-text._3 {
  width: auto;
  min-width: 50vw;
  text-align: left;
}

.rotating-text._3.logo {
  color: #fdc300;
}

.rotating-text._4 {
  width: auto;
  min-width: 50vw;
  text-align: left;
}

.rotating-text._4.logo {
  color: #fdc300;
}

.rotating-text._5 {
  width: 10rem;
}

.rotating-text._5.logo {
  color: #fdc300;
}

.rotating-text._6 {
  width: 24rem;
}

.rotating-text._6.logo {
  color: #fdc300;
}

.rotating-text._7 {
  width: 16.5rem;
}

.rotating-text._7.logo {
  color: #fdc300;
}

.client-logo-rotation-wrapper {
  align-self: auto;
  display: flex;
}

.vertical-logo-scroll-wrapper {
  width: 20vw;
  position: relative;
  overflow: visible;
}

.vertical-logo-scroll-wrapper.logo {
  width: 13vw;
  height: 12vh;
  margin-left: 20px;
  margin-right: 20px;
  overflow: hidden;
}

.transition-wrapper {
  flex: none;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.small-dot {
  z-index: 3;
  width: 3vw;
  height: 3vw;
  min-height: 3vw;
  min-width: 3vw;
  background-color: #22201d;
  border-radius: 50%;
  align-self: center;
  position: relative;
  top: 10%;
  bottom: auto;
  right: auto;
}

.circle-wrapper {
  margin-left: 2rem;
}

.div-block-copy {
  z-index: 4;
  justify-content: center;
  align-items: center;
  margin-left: 2rem;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 50%;
  right: 50%;
}

.fixed-transition {
  z-index: 5;
  width: 3vw;
  height: 3vw;
  background-color: #22201d;
  border-radius: 50%;
  position: fixed;
  top: 44%;
  bottom: 55%;
  left: 50%;
  right: 50%;
}

.expand-circle {
  z-index: 5;
  width: 5vw;
  height: 5vw;
  background-color: #22201d;
  position: fixed;
  top: 50%;
  bottom: 50%;
  left: 50%;
  right: 50%;
}

.expanding-circle {
  z-index: 5;
  width: 3vw;
  height: 3vw;
  opacity: 0;
  background-color: #22201d;
  border-radius: 50%;
  position: fixed;
  top: 45%;
  bottom: 50%;
  left: 50%;
  right: 50%;
  overflow: visible;
}

.container-fixed {
  z-index: 1;
  max-width: 1560px;
  grid-row-gap: 150px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding: 150px 100px;
  display: flex;
  position: relative;
}

.container-fixed.hero {
  z-index: 3;
  width: 100%;
  height: 100vh;
  max-width: 100%;
  grid-row-gap: 50px;
  text-align: center;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.container-fixed.projects {
  grid-row-gap: 100px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.container-fixed.partners {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.container-fixed.partners.copy {
  max-width: 100%;
  position: fixed;
  top: 50%;
  bottom: 50%;
  left: 50%;
  right: 50%;
}

.container-fixed.partners.fixed {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  opacity: 0;
  display: flex;
  position: fixed;
}

.container-fixed.manifesto {
  grid-row-gap: 50px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.container-fixed.marquee {
  max-width: 100%;
  padding: 0 0 100px;
  overflow: hidden;
}

.container-fixed.about-image {
  max-width: none;
  padding: 0;
}

.container-fixed.about {
  grid-row-gap: 50px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.container-fixed.image-reel {
  height: 95vh;
  max-width: 100%;
  flex-flow: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.container-fixed.footer {
  background-color: #22201d;
  border-top-left-radius: 65px;
  border-top-right-radius: 65px;
  justify-content: center;
  align-items: center;
  padding-bottom: 50px;
}

.container-fixed.terms {
  justify-content: center;
  align-items: center;
  padding-top: 250px;
}

.preloader {
  z-index: 99;
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  overflow: hidden;
}

.top-overlay {
  width: 100vw;
  height: 60vh;
  background-color: #22201d;
}

.bottom-overlay {
  width: 100vw;
  height: 40vh;
  background-color: #22201d;
}

.overlay-logo {
  position: fixed;
}

.image-2 {
  display: none;
}

.menu-button-2 {
  z-index: 50;
  width: 75px;
  height: 75px;
  background-color: #22201d;
  border-radius: 30%;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  margin-right: 25px;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.grid-2 {
  height: 50vh;
  max-height: 100vh;
  max-width: 90vw;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .5fr;
  align-items: start;
  justify-items: start;
}

.close-menu {
  z-index: 51;
  width: 75px;
  height: 75px;
  background-color: #fff;
  border-radius: 50%;
  margin-top: 25px;
  margin-right: 25px;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.tagline {
  transform-origin: 0 0;
  white-space: nowrap;
  font-size: 18px;
  display: none;
  position: absolute;
  transform: translate(0, 310px)rotate(-90deg);
}

.menu-wrapper {
  z-index: 51;
  color: #fff;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.nav-link-2 {
  color: #fff;
  font-size: 7vw;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.nav-link-2:hover {
  color: #64fff7;
}

.nav-link-2.small {
  text-align: right;
  text-transform: uppercase;
  margin-top: 32px;
  font-size: 18px;
  font-weight: 400;
}

.nav-link-2.small._2 {
  text-align: left;
  text-transform: none;
  margin-top: 0;
  padding-bottom: 15px;
  font-size: 15px;
  font-weight: 600;
}

.nav-link-2.small._2:hover {
  color: var(--white);
}

.nav-link-wrapper-2 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.text-block-4 {
  color: #fdc300;
}

.full-menu {
  z-index: 51;
  background-color: #22201d;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.menu-grid {
  height: 90vh;
  max-width: 100vw;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .5fr .5fr;
  align-items: start;
  justify-items: start;
  font-family: Poppins, sans-serif;
}

.full-nav-link-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.full-nav-link {
  color: var(--white);
}

.big-nav-link {
  color: #fff;
  font-size: 7vw;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.big-nav-link:hover {
  color: #64fff7;
}

.big-nav-link.small {
  text-align: right;
  text-transform: uppercase;
  margin-top: 32px;
  font-size: 18px;
  font-weight: 400;
}

.big-nav-link._1 {
  padding-bottom: 5vh;
  font-size: 6vw;
  font-weight: 500;
}

.big-nav-link._1:hover {
  color: #fdc300;
}

.big-nav-link._2 {
  padding-bottom: 5vh;
  font-size: 6vw;
  font-weight: 500;
}

.big-nav-link._2:hover {
  color: #fdc300;
}

.big-nav-link._3 {
  padding-bottom: 5vh;
  font-size: 6vw;
  font-weight: 500;
}

.big-nav-link._3:hover {
  color: #fdc300;
}

.big-nav-link._4 {
  padding-bottom: 5vh;
  font-size: 6vw;
  font-weight: 500;
}

.big-nav-link._4:hover {
  color: #fdc300;
}

.full-nav-info {
  margin-bottom: 5vh;
}

.paragraph {
  color: var(--white);
  text-align: left;
  font-size: 12px;
  font-weight: 200;
}

.info-1, .image-3 {
  padding-bottom: 40px;
}

.closing-menu {
  width: 60px;
  height: 40px;
  background-color: #fdc300;
  border-radius: 15px;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-top: 30px;
  margin-right: 40px;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.open-menu {
  z-index: 50;
  width: 60px;
  height: 40px;
  background-color: #22201d;
  border-radius: 15px;
  justify-content: center;
  margin-top: 30px;
  margin-right: 40px;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.text-block-5 {
  max-width: 50vw;
  color: #22201d;
  align-self: flex-end;
  font-family: Poppins, sans-serif;
  font-size: 10vh;
}

.menu-text {
  color: #fdc300;
  text-align: center;
  cursor: pointer;
  align-self: center;
  margin-left: 10px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  display: none;
}

.image-4 {
  margin-left: 40px;
}

.hamburger {
  width: 15px;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.line {
  width: 10px;
  height: 2px;
  background-color: #fdc300;
  margin-bottom: 5px;
}

.line._1 {
  width: 15px;
  height: 1px;
  margin-bottom: 2px;
}

.line._2 {
  width: 15px;
  height: 1px;
  margin-top: 2px;
  margin-bottom: 0;
}

.nav-logo {
  z-index: 49;
  margin-top: 30px;
  margin-left: 40px;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.logo-image {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.logo-wrapper {
  width: 100px;
  position: relative;
}

.menu-logo-text-ham {
  z-index: 51;
  width: 60px;
  height: 40px;
  cursor: pointer;
  background-color: #22201d;
  border-radius: 15px;
  justify-content: center;
  margin-top: 30px;
  margin-right: 40px;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.cross {
  width: 15px;
  height: 1px;
  background-color: #22201d;
  margin-bottom: 2px;
}

.cross._2 {
  margin-top: 2px;
  margin-bottom: 0;
}

.closing-text {
  color: #fdc300;
  text-align: center;
  cursor: pointer;
  align-self: center;
  margin-left: 10px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
}

.closing-hamburger {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-2 {
  background-color: #22201d;
}

.image-grid-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.project-list-grid {
  grid-row-gap: 16px;
  grid-template-rows: 300px 300px 300px;
  grid-template-columns: 300px 300px 300px;
}

.subheading-projects {
  padding-top: 100px;
}

.project-list-paragraph {
  width: 95%;
  color: var(--white);
  padding-top: 40px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 200;
}

.image-5 {
  padding-bottom: 40px;
}

.about-us-image {
  width: 100%;
  height: 50vh;
  max-width: 940px;
  background-image: url('../images/id_2.png');
  background-position: 50% 0;
  background-size: cover;
}

.about-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mv-line {
  width: 100%;
  height: 1px;
  background-color: #fdc300;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
}

.mv-grid {
  width: 940px;
  grid-column-gap: 39px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.mv-grid.contact {
  grid-template-columns: 1fr 1fr 1fr;
}

.mission-vision-wrapper {
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
  display: flex;
}

.mv-paragraph {
  color: var(--white);
  padding-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 200;
}

.collaborate-wrapper {
  justify-content: flex-end;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.link {
  color: #fdc300;
  font-family: Poppins, sans-serif;
  font-size: 7vh;
  font-weight: 300;
  text-decoration: none;
}

.image-6 {
  margin-left: 20px;
}

.form-block {
  flex: 1;
}

.field-label {
  color: #fdc300;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.text-field {
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-bottom: 1px solid #fdc300;
}

.submit-button {
  color: #fdc300;
  background-color: #22201d;
  border: 1px solid #fdc300;
  border-radius: 15px;
  margin-top: 20px;
  padding: 10px 20px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  transition: background-color .2s, color .2s;
}

.submit-button:hover {
  color: #22201d;
  background-color: #fdc300;
}

.contact-grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr;
  grid-auto-flow: row;
}

.contact-info-wrapper {
  background-color: rgba(255, 255, 255, .05);
  padding: 40px;
}

.contact-form-wrapper, .form-block-2, .form-block-3 {
  background-color: var(--white);
}

.form-block-4 {
  background-color: var(--white);
  padding: 60px 40px;
}

.form {
  background-color: var(--white);
  padding: 60px 60px 60px 40px;
}

.form-email {
  color: #22201d;
  background-color: #e7e7e7;
  border: 2px solid #e7e7e7;
  border-radius: 10px;
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  transition: border-color .2s;
}

.form-email:hover, .form-email:focus {
  border-color: #fdc300;
}

.form-email::-ms-input-placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 16px;
}

.form-email::placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 16px;
}

.form-subject {
  color: #22201d;
  background-color: #e7e7e7;
  border: 2px solid #e7e7e7;
  border-radius: 10px;
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  transition: border-color .2s;
}

.form-subject:hover, .form-subject:focus {
  border-color: #fdc300;
}

.form-subject::-ms-input-placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 16px;
}

.form-subject::placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 16px;
}

.form-message {
  background-color: #e7e7e7;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 120px;
  padding-left: 20px;
  font-family: Poppins, sans-serif;
}

.form-message::-ms-input-placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 16px;
}

.form-message::placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 16px;
}

.form-name {
  color: #22201d;
  background-color: #e7e7e7;
  border: 2px solid #e7e7e7;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  transition: border-color .2s;
}

.form-name:hover {
  border: 2px solid #fdc300;
}

.form-name:focus {
  border-color: #fdc300;
}

.form-name::-ms-input-placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 16px;
}

.form-name::placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 16px;
}

.text-field-2 {
  font-size: 15px;
}

.text-field-3 {
  font-size: 14px;
}

.text-field-4, .text-field-5 {
  font-size: 13px;
}

.text-field-6 {
  color: #22201d;
  border: 2px solid #e7e7e7;
  padding-left: 30px;
  font-size: 16px;
  transition: border-color .2s;
  display: none;
}

.text-field-6:hover, .text-field-6:focus {
  border-color: #fdc300;
}

.message-label {
  color: #22201d;
  padding-top: 20px;
  padding-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
}

.submit-button-2 {
  background-color: #22201d;
  border-radius: 20px;
  margin-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Poppins, sans-serif;
  transition: background-color .2s, color .2s;
}

.submit-button-2:hover {
  color: #22201d;
  background-color: #fdc300;
}

.info-header {
  color: #fdc300;
  font-family: Poppins, sans-serif;
  font-size: 23px;
  font-weight: 500;
}

.info-locate {
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.info-locate:hover {
  opacity: 1;
}

.info-locate.opacity-50 {
  opacity: .5;
}

.info-locate.opacity-50.w--current {
  opacity: 1;
}

.info-contact {
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.info-contact:hover {
  opacity: 1;
}

.info-contact.opacity-50 {
  opacity: .5;
}

.info-contact.opacity-50.w--current {
  opacity: 1;
}

.info-flex {
  flex-direction: column;
  display: flex;
}

.social-media {
  color: #fff;
  margin-top: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.social-media:hover {
  opacity: 1;
}

.social-media.opacity-50 {
  opacity: .5;
}

.social-media.opacity-50.w--current {
  opacity: 1;
}

.error-message {
  color: #22201d;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 40px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.success-message {
  color: #22201d;
  background-color: rgba(0, 0, 0, 0);
  padding: 50% 0%;
}

.text-block-6 {
  color: #22201d;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.menu-ham-others {
  z-index: 51;
  width: 60px;
  height: 40px;
  cursor: pointer;
  background-color: #fdc300;
  border-radius: 15px;
  justify-content: center;
  margin-top: 30px;
  margin-right: 40px;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.line-others {
  width: 10px;
  height: 2px;
  background-color: #fdc300;
  margin-bottom: 5px;
}

.line-others._1 {
  width: 15px;
  height: 1px;
  margin-bottom: 2px;
}

.line-others._2 {
  width: 15px;
  height: 1px;
  margin-top: 2px;
  margin-bottom: 0;
}

.line-others._1-others {
  width: 15px;
  height: 1px;
  background-color: #22201d;
  margin-bottom: 2px;
}

.line-copy {
  width: 10px;
  height: 2px;
  background-color: #fdc300;
  margin-bottom: 5px;
}

.line-copy._1 {
  width: 15px;
  height: 1px;
  margin-bottom: 2px;
}

.line-copy._2, .line-copy._2-others {
  width: 15px;
  height: 1px;
  margin-top: 2px;
  margin-bottom: 0;
}

.line-others-2 {
  width: 10px;
  height: 2px;
  background-color: #fdc300;
  margin-bottom: 5px;
}

.line-others-2._1 {
  width: 15px;
  height: 1px;
  margin-bottom: 2px;
}

.line-others-2._2 {
  width: 15px;
  height: 1px;
  margin-top: 2px;
  margin-bottom: 0;
}

.line-others-2._2-others {
  width: 15px;
  height: 1px;
  background-color: #22201d;
  margin-top: 2px;
  margin-bottom: 0;
}

.menu-text-others {
  color: #22201d;
  text-align: center;
  cursor: pointer;
  align-self: center;
  margin-left: 10px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  display: none;
}

.subtext {
  color: #22201d;
  font-family: Poppins, sans-serif;
  font-size: 7vh;
}

.subtext.projects {
  color: var(--white);
}

.subtext.about {
  color: var(--white);
  padding-bottom: 40px;
}

.subtext.vision {
  color: var(--white);
  font-size: 5vh;
}

.subtext.project-list {
  color: var(--white);
  font-size: 20px;
  font-weight: 500;
}

.subtext.project-list.sub {
  height: auto;
}

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

.project-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-7 {
  width: 33%;
  flex: 0 auto;
  padding-left: 5px;
  padding-right: 5px;
}

.lightbox-link {
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.project-image-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.project-image-grid {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  padding-top: 40px;
}

.image-grid-fixed {
  width: 500px;
  height: 210px;
  object-fit: cover;
}

.lightbox-link-hover {
  position: relative;
  overflow: hidden;
}

.hover-text {
  width: 250px;
  color: var(--white);
  padding-left: 10px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.hover-text.works {
  z-index: 2;
  margin-bottom: 20px;
  padding-left: 20px;
}

.logo-rotate-wrapper {
  height: 12vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.rotate-logo-image._2 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.rotate-logo-image._3 {
  transition: opacity .2s;
  position: absolute;
}

.rotate-logo-image._3:hover {
  opacity: 0;
}

.rotate-logo-image._1 {
  opacity: 0;
  transition: opacity .2s;
}

.rotate-logo-image._1:hover {
  opacity: 1;
}

.text-block-2-about {
  text-align: center;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.text-span {
  color: #fdc300;
  font-weight: 600;
}

.title-about {
  color: #fff;
  letter-spacing: -1px;
  font-family: Poppins, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.5;
}

.partners-text-wrapper-copy {
  width: 710px;
  text-align: center;
  width: 710px;
  text-align: center;
}

.about-us-text-wrapper {
  width: 820px;
  text-align: center;
}

.subheading-about {
  width: 820px;
  grid-column-gap: 10px;
  opacity: .3;
  color: #fff;
  margin-bottom: -40px;
  font-weight: 500;
  display: block;
}

.subheading-about.footer {
  display: none;
}

.subheading-project {
  grid-column-gap: 10px;
  color: #fff;
  flex-direction: column;
  font-weight: 500;
  display: flex;
}

.subheading-project.footer {
  display: none;
}

.category-project-text {
  width: 500px;
  opacity: 1;
  color: #22201d;
  margin-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.social-media-icon {
  margin-right: 30px;
}

.mv-image {
  filter: grayscale();
}

.mv-move-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.mv-transition {
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.tn1 {
  color: var(--white);
  padding-right: 20px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 200;
  display: inline-block;
}

.text-block-8 {
  display: inline-block;
}

.mv-line-transition {
  width: 100px;
  height: 1px;
  background-color: var(--white);
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
}

.tn2 {
  color: var(--white);
  padding-left: 20px;
  padding-right: 20px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 200;
  display: inline-block;
}

.vision-wrapper {
  width: 100%;
  position: static;
}

.mission-wrapper, .v2-wrapper {
  width: 100%;
  display: none;
  position: static;
}

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

.collab-arrow {
  margin-left: 20px;
}

.paragraph-14px-form {
  color: rgba(255, 255, 255, .33);
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.paragraph-14px-form.bottom-footer {
  display: none;
}

.paragraph-14px-form.info-1 {
  color: var(--white);
  font-weight: 200;
}

.paragraph-14px-form.copyright {
  margin-left: 40px;
}

.paragraph-14px-form.info-1-form {
  color: var(--white);
  font-weight: 200;
  display: inline-block;
}

.info-wrapper {
  display: flex;
}

.icon {
  padding-right: 10px;
}

.paragraph-14px-contact {
  color: rgba(255, 255, 255, .33);
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.paragraph-14px-contact.bottom-footer {
  display: none;
}

.paragraph-14px-contact.info-1 {
  color: var(--white);
  font-weight: 200;
}

.paragraph-14px-contact.copyright {
  margin-left: 40px;
}

.paragraph-14px-contact.info-1-contact {
  color: var(--white);
  font-weight: 200;
}

.projects-text {
  opacity: .3;
  color: var(--white);
  margin-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
}

.project-list {
  height: 300px;
  position: relative;
}

.project-image-list {
  height: 300px;
}

.button-project-list {
  grid-column-gap: 20px;
  color: #fff;
  align-items: center;
  margin-bottom: 12px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button-project-list.round {
  background-color: #22201d;
  border: 2px solid #22201d;
  border-radius: 15px;
  align-self: flex-end;
  padding: 20px 60px;
  transition: background-color .5s, border-color .5s, border-radius .5s, color .5s;
}

.button-project-list.round:hover {
  color: #22201d;
  background-color: #fdc300;
  border: 2px solid #22201d;
}

.button-project-list.round.light {
  width: 43%;
  border: 1px solid #fdc300;
  border-radius: 50px;
}

.button-project-list.round.light.big {
  width: 40vw;
  border-color: var(--white);
  cursor: default;
  border-radius: 50px;
  justify-content: center;
  align-self: auto;
  margin-top: 0;
  margin-bottom: -20px;
}

.button-project-list.round.light.big:hover {
  color: var(--white);
  background-color: #22201d;
}

.button-project-list.round.projects {
  border-radius: 50px;
  align-self: center;
  transition: border-color .5s, color .5s, background-color .5s;
}

.button-project-list.round.projects:hover {
  color: #22201d;
  background-color: #fdc300;
  border-style: solid;
  border-color: #fdc300;
}

.button-project-list.round.create {
  border-radius: 50px;
}

.button-project-list.demo, .button-project-list.logo {
  display: none;
}

.button-project-list.round-project-btn {
  background-color: #22201d;
  border: 2px solid #22201d;
  border-radius: 15px;
  align-self: flex-end;
  padding: 20px 60px;
  transition: background-color .5s, border-color .5s, border-radius .5s, color .5s;
}

.button-project-list.round-project-btn:hover {
  color: #22201d;
  background-color: #fdc300;
  border: 2px solid #22201d;
}

.button-project-list.round-project-btn.light {
  width: 43%;
  border: 1px solid #fdc300;
  border-radius: 50px;
}

.button-project-list.round-project-btn.light.big {
  width: 40vw;
  border-color: var(--white);
  cursor: default;
  border-radius: 50px;
  justify-content: center;
  align-self: auto;
  margin-top: 0;
  margin-bottom: -20px;
}

.button-project-list.round-project-btn.light.big:hover {
  color: var(--white);
  background-color: #22201d;
}

.button-project-list.round-project-btn.projects {
  border-radius: 50px;
  align-self: center;
  transition: border-color .5s, color .5s, background-color .5s;
}

.button-project-list.round-project-btn.projects:hover {
  color: #22201d;
  background-color: #fdc300;
  border-style: solid;
  border-color: #fdc300;
}

.button-project-list.round-project-btn.create {
  border-radius: 50px;
}

.button-project-list.round-project-btn.light-project-btn {
  border: 1px solid #fdc300;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  margin-top: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.button-project-list.round-project-btn.light-project-btn.big {
  width: 40vw;
  border-color: var(--white);
  cursor: default;
  border-radius: 50px;
  justify-content: center;
  align-self: auto;
  margin-top: 0;
  margin-bottom: -20px;
}

.button-project-list.round-project-btn.light-project-btn.big:hover {
  color: var(--white);
  background-color: #22201d;
}

.arrow-project {
  width: 13px;
}

.arrow-project.round._2.big, .arrow-project.round-project._2.big {
  display: none;
}

.arrow-project.round-project._2-project {
  transform: rotate(90deg);
}

.arrow-project.round-project._2-project.big {
  display: none;
}

.button-text-project {
  padding-bottom: 10px;
  font-family: Poppins, sans-serif;
}

.button-text-project.big {
  font-size: 20px;
}

.back-btn {
  grid-column-gap: 20px;
  color: #fff;
  align-items: center;
  margin-bottom: 12px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.back-btn.round {
  background-color: #22201d;
  border: 2px solid #22201d;
  border-radius: 15px;
  align-self: flex-end;
  padding: 20px 60px;
  transition: background-color .5s, border-color .5s, border-radius .5s, color .5s;
}

.back-btn.round:hover {
  color: #22201d;
  background-color: #fdc300;
  border: 2px solid #22201d;
}

.back-btn.round.light {
  width: 43%;
  border: 1px solid #fdc300;
  border-radius: 50px;
}

.back-btn.round.light.big {
  width: 40vw;
  border-color: var(--white);
  cursor: default;
  border-radius: 50px;
  justify-content: center;
  align-self: auto;
  margin-top: 0;
  margin-bottom: -20px;
}

.back-btn.round.light.big:hover {
  color: var(--white);
  background-color: #22201d;
}

.back-btn.round.projects {
  border-radius: 50px;
  align-self: center;
  transition: border-color .5s, color .5s, background-color .5s;
}

.back-btn.round.projects:hover {
  color: #22201d;
  background-color: #fdc300;
  border-style: solid;
  border-color: #fdc300;
}

.back-btn.round.create {
  border-radius: 50px;
}

.back-btn.demo, .back-btn.logo {
  display: none;
}

.back-btn.back {
  background-color: #22201d;
  border: 2px solid #22201d;
  border-radius: 15px;
  align-self: flex-end;
  padding: 20px 60px;
  transition: background-color .5s, border-color .5s, border-radius .5s, color .5s;
}

.back-btn.back:hover {
  color: #22201d;
  background-color: #fdc300;
  border: 2px solid #22201d;
}

.back-btn.back.light {
  width: 43%;
  border: 1px solid #fdc300;
  border-radius: 50px;
}

.back-btn.back.light.big {
  width: 40vw;
  border-color: var(--white);
  cursor: default;
  border-radius: 50px;
  justify-content: center;
  align-self: auto;
  margin-top: 0;
  margin-bottom: -20px;
}

.back-btn.back.light.big:hover {
  color: var(--white);
  background-color: #22201d;
}

.back-btn.back.projects {
  border-radius: 50px;
  align-self: center;
  transition: border-color .5s, color .5s, background-color .5s;
}

.back-btn.back.projects:hover {
  color: #22201d;
  background-color: #fdc300;
  border-style: solid;
  border-color: #fdc300;
}

.back-btn.back.create {
  border-radius: 50px;
}

.back-btn.back.light-back-btn {
  width: 50px;
  height: 30px;
  border: 1px solid #fdc300;
  border-radius: 50px;
  padding: 0;
  display: inline-block;
}

.back-btn.back.light-back-btn.big {
  width: 40vw;
  border-color: var(--white);
  cursor: default;
  border-radius: 50px;
  justify-content: center;
  align-self: auto;
  margin-top: 0;
  margin-bottom: -20px;
}

.back-btn.back.light-back-btn.big:hover {
  color: var(--white);
  background-color: #22201d;
}

.back-button {
  width: 40px;
  height: 40px;
  background-color: #38342f;
  border: 1px rgba(255, 255, 255, .2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-left: -60px;
  transition: all .2s;
  display: flex;
}

.back-button:hover {
  background-color: #fdc300;
}

.back-button.w--current:hover {
  background-color: #fdc300;
  border-color: #fdc300;
}

.back-page-arrow {
  width: 15px;
  transform: rotate(-180deg);
}

.link-block {
  text-decoration: none;
}

.back-page-button {
  width: 60px;
  height: 60px;
  background-color: #38342f;
  border: 1px rgba(255, 255, 255, .2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.back-page-button:hover {
  background-color: #fdc300;
}

.back-page-button.w--current:hover {
  background-color: #fdc300;
  border-color: #fdc300;
}

.back-arrow {
  width: 15px;
  transform: rotate(180deg);
}

.section-2 {
  padding-top: 140px;
}

.image-10 {
  filter: grayscale();
}

.overflow-hidden-box {
  overflow: hidden;
}

.title-overlay {
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 60%, #000);
  position: absolute;
}

.div-block, .project-link {
  overflow: hidden;
}

.wht-rotate-logo-image {
  position: absolute;
}

.wht-rotate-logo-image._2 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.wht-rotate-logo-image._3 {
  transition: opacity .2s;
  position: static;
}

.wht-rotate-logo-image._3:hover {
  opacity: 0;
}

.wht-rotate-logo-image._1 {
  opacity: 0;
  transition: opacity .2s;
}

.wht-rotate-logo-image._1:hover {
  opacity: 1;
}

.rotate-logo-image-copy._2 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.rotate-logo-image-copy._3 {
  transition: opacity .2s;
  position: absolute;
}

.rotate-logo-image-copy._3:hover {
  opacity: 0;
}

.rotate-logo-image-copy._1 {
  opacity: 0;
  transition: opacity .2s;
}

.rotate-logo-image-copy._1:hover {
  opacity: 1;
}

.project-list-grid-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 300px 300px 300px;
  grid-template-columns: 300px 300px 300px;
  grid-auto-columns: 1fr;
  padding-top: 16px;
  display: none;
}

.project-list-grid-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 300px;
  grid-template-columns: 300px 300px 300px;
  grid-auto-columns: 1fr;
  padding-top: 16px;
  display: none;
}

.bg {
  height: 100vh;
  background-color: #22201d;
}

.collaborate-wrapper-list {
  justify-content: flex-end;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.project-image-grid-36 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  padding-top: 40px;
}

.project-list-paragraph-hidden {
  width: 95%;
  color: var(--white);
  padding-top: 40px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 200;
  display: none;
}

.bold-text, .bold-text-2 {
  font-weight: 500;
}

.link-block-2 {
  position: relative;
}

.social-yellow {
  margin-right: 30px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.social-yellow.contact {
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.textarea {
  color: #22201d;
  background-color: #e7e7e7;
  border: 2px solid #e7e7e7;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 120px;
  padding-left: 30px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: border-color .2s;
}

.textarea:hover, .textarea:focus {
  border-color: #fdc300;
}

.textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .2);
}

.textarea::placeholder {
  color: rgba(0, 0, 0, .2);
}

@media screen and (max-width: 991px) {
  .section.about._2 {
    height: 120vh;
  }

  .styleguie-tipography {
    grid-template-columns: 1fr 1fr;
  }

  .title-h1 {
    font-size: 80px;
  }

  .font-wrapper {
    height: auto;
  }

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

  .container.about {
    flex-direction: column;
  }

  .container.about.cta {
    padding-top: 75px;
  }

  .container.about.containcta {
    align-items: center;
    padding-top: 75px;
  }

  .title-h3 {
    font-size: 50px;
  }

  .title-h6 {
    font-size: 30px;
  }

  .title-h4 {
    font-size: 45px;
  }

  .title-h5 {
    font-size: 30px;
  }

  .title-h2 {
    font-size: 75px;
  }

  .display {
    font-size: 130px;
  }

  .nav-menu {
    z-index: 0;
    width: 100%;
    height: 100vh;
    grid-column-gap: 0px;
    background-color: var(--black);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    padding-top: 190px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .nav-link-wrapper {
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
    padding: 50px 100px;
    display: flex;
  }

  .logo {
    z-index: 10;
  }

  .menu-button {
    z-index: 10;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .navigation-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .nav-link {
    font-size: 40px;
    line-height: 1.5;
  }

  .social-link-wrapper {
    border-left-style: none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 85px;
  }

  .social-link {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-arrow {
    display: none;
  }

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

  .project-column {
    margin-top: 0;
  }

  .project-column.top-margin-40 {
    margin-top: 10vh;
  }

  .project-card {
    opacity: 1;
    transition: all .2s;
  }

  .project-card:hover {
    opacity: 1;
  }

  .title {
    text-align: left;
  }

  .partners-text-wrapper {
    width: 540px;
  }

  .manifesto-text-wrapper {
    width: 600px;
  }

  .feature-card {
    grid-row-gap: 100px;
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-top: 120px;
    padding-bottom: 110px;
    padding-left: 0;
  }

  .feature-image {
    width: 40%;
  }

  .feature-text-wrapper {
    width: 90%;
  }

  .feature-subheading {
    font-size: 20px;
    top: 50px;
  }

  .feature-number, .about-text-wrapper {
    display: none;
  }

  .about-text-wrapper.mobile {
    width: 85vw;
    display: flex;
  }

  .team-text-wrapper {
    width: auto;
  }

  .profile-details {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-left: -80px;
  }

  .vertical, .horizontal {
    width: 25px;
  }

  .team-social-link {
    color: #fff;
    font-weight: 500;
  }

  .team-image {
    width: 100%;
  }

  .team-description {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 0;
  }

  .profile-wrapper {
    width: 100%;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    align-self: auto;
    align-items: center;
  }

  .details-holder {
    display: flex;
  }

  .team-grid {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 100px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .team-profile-socials {
    font-size: 16px;
  }

  .circle-button {
    width: 60px;
    height: 60px;
  }

  .grid {
    flex-direction: column;
    grid-template-columns: auto 1fr;
    display: flex;
  }

  .footer-column {
    width: 50%;
  }

  .footer-inner {
    width: 100%;
    grid-template-columns: auto 1fr 1fr;
    margin-right: 0;
    display: flex;
  }

  .footer-copyright {
    width: 100%;
  }

  .button-wrapper {
    margin-left: 15px;
  }

  .button-wrapper.round.light {
    width: 100%;
    justify-content: center;
    margin-left: 0;
  }

  .button-wrapper.round.light.big {
    width: 85vw;
    margin-left: 0;
  }

  .button-wrapper.round.create {
    align-self: flex-start;
    margin-left: 0;
  }

  .hero-paragraph {
    font-size: 30px;
  }

  .lottie-animation {
    width: 60px;
  }

  .button-text.mobile {
    font-size: 20px;
  }

  .mobile-menu-green-shape {
    z-index: -1;
    display: none;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .menu-mail-wrapper {
    grid-column-gap: 20px;
    align-items: baseline;
    margin-top: 60px;
    display: flex;
  }

  .mail-arrow {
    display: block;
  }

  .feature-image-wrapper {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .feature-text {
    color: #6b6b6b;
    font-size: 32px;
  }

  .team-title {
    width: auto;
    font-size: 45px;
  }

  .vertical-scroll-wrapper {
    width: 20rem;
  }

  .track-vertical {
    padding-left: 10px;
  }

  .rotating-text._1, .rotating-text._2, .rotating-text._3, .rotating-text._4 {
    font-size: 30px;
  }

  .vertical-logo-scroll-wrapper.logo {
    width: 25vw;
  }

  .container-fixed {
    padding-left: 50px;
    padding-right: 50px;
  }

  .container-fixed.partners.fixed {
    opacity: 0;
    display: flex;
  }

  .container-fixed.about {
    flex-direction: column;
  }

  .full-menu {
    display: none;
  }

  .menu-grid {
    grid-template-columns: .25fr 1.5fr .25fr;
  }

  .full-nav-link-wrapper {
    justify-content: center;
  }

  .text-block-5 {
    max-width: 90vw;
    font-size: 10vh;
  }

  .image-4 {
    margin-left: 0;
  }

  .project-list-grid {
    grid-template-columns: 300px 300px;
  }

  .title-about {
    font-size: 30px;
  }

  .partners-text-wrapper-copy {
    width: 540px;
    width: 540px;
  }

  .about-us-text-wrapper {
    width: 540px;
  }

  .button-project-list, .back-btn {
    margin-left: 15px;
  }

  .project-list-grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: 300px 300px 300px;
    grid-template-columns: 300px 300px;
    grid-auto-columns: 1fr;
    display: none;
  }

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

@media screen and (max-width: 767px) {
  .styleguide-row {
    padding-left: 30px;
    padding-right: 30px;
  }

  .styleguie-tipography {
    grid-template-columns: 1fr;
  }

  .title-h1 {
    font-size: 65px;
  }

  .font-wrapper {
    width: auto;
  }

  .container.team {
    padding-bottom: 50px;
  }

  .title-h3 {
    font-size: 45px;
  }

  .title-h4 {
    letter-spacing: -2px;
    font-size: 35px;
  }

  .title-h2 {
    font-size: 55px;
  }

  .display {
    font-size: 14vw;
  }

  .nav-link-wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }

  .logo {
    padding-left: 0;
  }

  .navbar {
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .social-link-wrapper {
    padding-left: 35px;
  }

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

  .partners-text-wrapper {
    width: 530px;
  }

  .profile-details {
    margin-left: 0;
  }

  .team-social-link {
    color: #fff;
  }

  .profile-wrapper {
    width: 80%;
    grid-column-gap: 50px;
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: flex-start;
  }

  .profile-wrapper.first {
    grid-row-gap: 0px;
  }

  .team-grid {
    width: 100%;
    grid-row-gap: 100px;
    justify-content: flex-start;
  }

  .team-profile-socials {
    font-size: 16px;
  }

  .footer-column {
    width: auto;
  }

  .footer-inner {
    grid-column-gap: 80px;
    justify-content: space-between;
  }

  .team-number {
    display: none;
  }

  .team-title {
    letter-spacing: -2px;
    font-size: 50px;
  }

  .container-fixed.team {
    padding-bottom: 50px;
  }

  .partners-text-wrapper-copy {
    width: 530px;
    width: 530px;
  }

  .about-us-text-wrapper {
    width: 530px;
  }
}

@media screen and (max-width: 479px) {
  .section.hero-image {
    height: 180vw;
  }

  .section.partners {
    z-index: 3;
    display: block;
  }

  .section.partners.mobile {
    height: auto;
    padding-top: 20px;
    padding-bottom: 60px;
  }

  .section.about._2 {
    height: 100vh;
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    position: -webkit-sticky;
    position: sticky;
  }

  .styleguie-tipography {
    grid-template-columns: 1fr;
  }

  .title-h1 {
    max-width: 100vw;
    font-size: 4.8rem;
    display: none;
  }

  .title-h1.mobile-flex {
    font-size: 4rem;
    display: flex;
  }

  .font-wrapper {
    width: 280px;
  }

  .page-wrapper {
    overflow: hidden;
  }

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

  .container.hero {
    padding-top: 0;
  }

  .container.manifesto {
    grid-row-gap: 0px;
  }

  .container.about {
    align-items: center;
    padding-top: 75px;
  }

  .container.about.containcta {
    padding-top: 150px;
  }

  .container.footer {
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
  }

  .title-h3 {
    letter-spacing: -2px;
    font-size: 40px;
  }

  .paragraph-14px.copyright {
    margin-left: 0;
  }

  .title-h5 {
    font-size: 30px;
  }

  .title-h2 {
    font-size: 45px;
  }

  .display {
    letter-spacing: -5px;
    font-size: 100px;
  }

  .nav-menu {
    display: flex;
  }

  .nav-link-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .navbar {
    padding-left: 20px;
    padding-right: 10px;
  }

  .social-link-wrapper {
    padding-left: 5px;
  }

  .cookie-bar {
    grid-row-gap: 20px;
    text-align: center;
    flex-direction: column;
    margin-left: 20px;
    margin-right: 20px;
  }

  .cookie-bar-text {
    width: 80%;
  }

  .project-column {
    margin-top: 0;
  }

  .project-column.top-margin-40 {
    margin-top: 12vh;
  }

  .project-card {
    opacity: 1;
  }

  .title {
    text-align: left;
    font-size: 25px;
  }

  .category {
    font-size: 14px;
  }

  .partners-text-wrapper, .manifesto-text-wrapper {
    width: auto;
  }

  .feature-image {
    width: 70%;
  }

  .feature-text-wrapper {
    width: 100%;
  }

  .about-text-wrapper {
    width: auto;
    display: none;
  }

  .about-text-wrapper.mobile {
    width: auto;
    display: block;
  }

  .reel-grid.first {
    grid-column-gap: 20px;
    grid-template-columns: 300px 300px 300px;
  }

  .reel-grid.second {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 300px 300px 300px;
  }

  .reel-grid.third {
    grid-column-gap: 20px;
    grid-template-columns: 300px 300px 300px;
  }

  .reel-image {
    height: 300px;
  }

  .image-reel-wrapper {
    grid-row-gap: 20px;
  }

  .profile-details {
    grid-row-gap: 10px;
    margin-top: 0;
    margin-left: 0;
  }

  .team-description {
    margin-top: 0;
  }

  .profile-wrapper {
    width: 100%;
    grid-column-gap: 50px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .details-holder {
    flex-direction: column;
  }

  .team-grid {
    grid-row-gap: 70px;
  }

  .team-profile-socials {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    font-size: 16px;
  }

  .image-wrapper {
    width: auto;
    max-width: none;
    min-width: auto;
  }

  .grid {
    grid-row-gap: 70px;
  }

  .footer-column {
    width: 210px;
  }

  .footer-column.info {
    width: 230px;
  }

  .footer-inner {
    grid-column-gap: 80px;
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    justify-items: start;
    margin-right: 0;
    display: grid;
  }

  .footer-copyright {
    grid-row-gap: 50px;
    flex-direction: column;
  }

  .button-wrapper.round.light {
    width: 100%;
    justify-content: center;
    margin-left: 0;
  }

  .button-wrapper.round.light.big {
    width: 80vw;
    margin-left: 0;
  }

  .button-wrapper.round.create {
    width: 100%;
    justify-content: center;
    align-self: center;
    margin-left: 0;
  }

  .hero-paragraph {
    width: 33%;
    font-size: 14px;
  }

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

  .button-text.big {
    min-width: 200px;
    text-align: center;
    font-size: 16px;
  }

  .button-text.big.mobile {
    min-width: 200px;
  }

  .button-text.mobile {
    min-width: 80px;
    font-size: 16px;
  }

  .feature-text {
    font-size: 25px;
  }

  .terms-wrapper {
    width: auto;
  }

  .text-block, .text-block-3 {
    font-size: 4.8vh;
  }

  .height {
    height: 7vh;
    border-bottom-right-radius: 45px;
    border-bottom-left-radius: 45px;
  }

  .vertical-scroll-wrapper {
    font-size: 16px;
  }

  .track-vertical {
    padding-left: 0;
  }

  .rotating-text._1, .rotating-text._2, .rotating-text._3, .rotating-text._4 {
    font-size: 14px;
  }

  .client-logo-rotation-wrapper.mobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
  }

  .vertical-logo-scroll-wrapper.logo.mobile {
    width: 60vw;
    height: 10vh;
    margin-bottom: 40px;
  }

  .transition-wrapper {
    margin-top: 0;
  }

  .transition-wrapper.about {
    margin-top: 220px;
  }

  .small-dot {
    display: none;
  }

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

  .container-fixed.partners.fixed {
    display: none;
  }

  .container-fixed.manifesto {
    grid-row-gap: 0px;
  }

  .preloader, .full-menu {
    display: none;
  }

  .menu-grid {
    grid-template-columns: .25fr 1fr;
  }

  .space {
    display: none;
  }

  .full-nav-link-wrapper {
    justify-content: center;
  }

  .big-nav-link._1 {
    min-width: 90vw;
    font-size: 14vw;
  }

  .big-nav-link._1.w--current {
    min-width: 300px;
    font-size: 14vw;
  }

  .big-nav-link._2, .big-nav-link._3, .big-nav-link._4 {
    font-size: 14vw;
  }

  .full-nav-info {
    display: none;
  }

  .closing-menu {
    margin-top: 20px;
  }

  .open-menu {
    margin-top: 20px;
    margin-right: 40px;
  }

  .text-block-5 {
    max-width: 90vw;
    text-align: center;
    font-size: 4.8vh;
  }

  .image-4 {
    margin-left: 0;
  }

  .nav-logo {
    margin-left: 20px;
  }

  .menu-logo-text-ham {
    margin-top: 20px;
    margin-right: 40px;
  }

  .body-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .project-list-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
  }

  .project-list-paragraph {
    text-align: center;
  }

  .mv-grid {
    grid-template-columns: 1.5fr;
  }

  .collaborate-wrapper {
    margin-top: 100px;
    padding-top: 0;
  }

  .link {
    font-size: 4vh;
  }

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

  .menu-ham-others {
    margin-top: 20px;
  }

  .project-image-grid {
    grid-template-columns: 1fr;
  }

  .text-block-2-about.mobile {
    text-align: center;
  }

  .title-about {
    font-size: 30px;
  }

  .title-about.mobile {
    margin-top: 0;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 25px;
  }

  .partners-text-wrapper-copy {
    width: auto;
    width: auto;
  }

  .about-us-text-wrapper {
    width: auto;
  }

  .subheading-about.mobile {
    width: auto;
    margin-top: 60px;
    margin-bottom: 0;
  }

  .category-project-text {
    width: 400px;
    font-size: 16px;
  }

  .mv-transition {
    overflow: hidden;
  }

  .collab-button {
    padding-right: 10px;
  }

  .projects-text {
    font-size: 14px;
  }

  .project-list {
    height: auto;
  }

  .project-image-list {
    width: auto;
    height: auto;
  }

  .project-list-grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
    grid-auto-columns: 1fr;
    display: none;
  }

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

  .bg {
    height: 100vh;
  }

  .collaborate-wrapper-list {
    padding-top: 100px;
  }

  .project-image-grid-36 {
    grid-template-columns: 1fr;
  }

  .project-list-paragraph-hidden {
    text-align: center;
  }
}

#w-node-_722f1284-e053-0c2a-30c9-53b3f4ea0c8c-d93e5bd3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_722f1284-e053-0c2a-30c9-53b3f4ea0c8d-d93e5bd3 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_722f1284-e053-0c2a-30c9-53b3f4ea0c96-d93e5bd3 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_9b2f14b3-ea43-c01a-6377-bb8da84b0726-d93e5bd3, #w-node-f8a9a1da-8cd5-954f-6fa2-3fb7af94db96-d93e5bd3, #w-node-_5823ed96-c5b2-0eb9-bd57-420ef50e131c-d93e5bd3, #w-node-c9a9aadb-e112-1c3f-d398-cde413ca6b13-d93e5bd3, #w-node-_82692a27-a8f7-ee1a-4ba1-c66b01f504a5-d93e5bd3, #w-node-_82692a27-a8f7-ee1a-4ba1-c66b01f504ac-d93e5bd3, #w-node-_82692a27-a8f7-ee1a-4ba1-c66b01f504b3-d93e5bd3, #w-node-_2caabd2a-cd43-5de4-edf5-427ac2f9cee1-d93e5bd3, #w-node-_8812e5b8-b482-f7e4-0328-8658f1a5a6ca-d93e5bd3, #w-node-_6dfba392-e938-1f51-1ca7-36083d9af702-d93e5bd3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_93fb1c67-51ef-ed0d-fb7f-84c94b6b5353-d93e5bd3 {
  justify-self: end;
}

#w-node-_3de85233-66ba-bc16-88bc-665ec869a349-d93e5bd3 {
  justify-self: start;
}

#w-node-_3525e853-b110-f543-2c68-65ebefb57b52-efb57b4f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_3525e853-b110-f543-2c68-65ebefb57b5e-efb57b4f {
  align-self: end;
}

#w-node-_3525e853-b110-f543-2c68-65ebefb57b5f-efb57b4f, #w-node-dbf7dee3-cf13-ef7a-4bad-fa2467fb3c2c-efb57b4f, #w-node-_5878277e-2601-58d8-5a33-1341ac965fcc-efb57b4f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_3525e853-b110-f543-2c68-65ebefb57b84-efb57b4f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-e341c526-cc74-2551-3db1-b4cb4e8398b7-d93e5bd8, #w-node-e341c526-cc74-2551-3db1-b4cb4e8398c0-d93e5bd8, #w-node-e341c526-cc74-2551-3db1-b4cb4e8398c9-d93e5bd8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
  justify-self: start;
}

#w-node-_9dd3e3e9-1405-4a9d-cc5f-7aa87b735055-eb4dbd17 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9dd3e3e9-1405-4a9d-cc5f-7aa87b735056-eb4dbd17 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_9dd3e3e9-1405-4a9d-cc5f-7aa87b73505f-eb4dbd17 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_23d903ca-6d86-b213-f80b-3368760df1f3-eb4dbd17, #w-node-d020b585-1d36-35e5-0854-133ab41e9358-eb4dbd17, #w-node-ec05fe98-a8b5-4aea-e304-bf2bbaad24a1-eb4dbd17, #w-node-ec05fe98-a8b5-4aea-e304-bf2bbaad24a2-eb4dbd17, #w-node-_93aac840-e219-a22c-e5a7-1cb6aa18424b-eb4dbd17, #w-node-_93aac840-e219-a22c-e5a7-1cb6aa18424c-eb4dbd17, #w-node-_7a19fe7d-b090-6f83-16c9-5b4fdba2a9f4-eb4dbd17, #w-node-_7a19fe7d-b090-6f83-16c9-5b4fdba2a9f5-eb4dbd17, #w-node-d68f23c1-dc46-839d-f861-9641df189aed-eb4dbd17, #w-node-d68f23c1-dc46-839d-f861-9641df189aee-eb4dbd17, #w-node-_01e64f43-7227-0d60-a96b-3fb6b9448324-eb4dbd17, #w-node-_01e64f43-7227-0d60-a96b-3fb6b9448325-eb4dbd17, #w-node-_870512ab-b9f1-f611-e56f-c25e5071a06d-eb4dbd17, #w-node-_870512ab-b9f1-f611-e56f-c25e5071a06e-eb4dbd17, #w-node-_00f220a6-99ed-0361-b1fc-7958b71c2330-eb4dbd17, #w-node-_00f220a6-99ed-0361-b1fc-7958b71c2331-eb4dbd17, #w-node-acde3aa6-9a88-491f-e2ab-fd361cf74b2f-eb4dbd17, #w-node-acde3aa6-9a88-491f-e2ab-fd361cf74b30-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfa9-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfaa-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfaf-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfb0-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfb5-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfb6-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfbb-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfbc-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfc1-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfc2-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfc7-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfc8-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfcd-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfce-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfd3-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfd4-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfd9-eb4dbd17, #w-node-_2e44e229-82d6-262b-f58d-2b4f8ec7cfda-eb4dbd17, #w-node-a69650da-9d4a-c15f-0ccf-20e11709b1d6-eb4dbd17, #w-node-a69650da-9d4a-c15f-0ccf-20e11709b1d7-eb4dbd17 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-eb4dbd17 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-eb4dbd17 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-eb4dbd17, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-eb4dbd17, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-eb4dbd17 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-eb4dbd17 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-a035a1c5-11a4-2abc-9173-f149b872c585-22f781c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a035a1c5-11a4-2abc-9173-f149b872c586-22f781c5 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-a035a1c5-11a4-2abc-9173-f149b872c58f-22f781c5 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_3d7bff32-dfbe-5c66-27b3-31fff8621eb3-22f781c5, #w-node-_5bc0fecf-df5b-466e-4644-d607bbc55ca1-22f781c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-22f781c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-22f781c5 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-22f781c5, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-22f781c5, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-22f781c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-22f781c5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-f56407aa-0195-b42e-ae89-878fcf50d1b2-aadece3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f56407aa-0195-b42e-ae89-878fcf50d1b3-aadece3c {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-f56407aa-0195-b42e-ae89-878fcf50d1bc-aadece3c {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_0e15efa4-05cc-0b22-489b-7d7c711b1e03-aadece3c, #w-node-_3a4d5910-cde6-0892-e0dd-400f64aa3117-aadece3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-aadece3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-aadece3c {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-aadece3c, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-aadece3c, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-aadece3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-aadece3c {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-d7942084-0086-98fe-e5eb-934f3fe25412-d45ceb31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d7942084-0086-98fe-e5eb-934f3fe25413-d45ceb31 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-d7942084-0086-98fe-e5eb-934f3fe2541c-d45ceb31 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-d45ceb31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-d45ceb31 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-d45ceb31, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-d45ceb31, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-d45ceb31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-d45ceb31 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_05e17e4e-efff-45df-4ea9-cfb1640c8e95-6fd4dcf8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05e17e4e-efff-45df-4ea9-cfb1640c8e96-6fd4dcf8 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_05e17e4e-efff-45df-4ea9-cfb1640c8e9f-6fd4dcf8 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-6fd4dcf8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-6fd4dcf8 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-6fd4dcf8, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-6fd4dcf8, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-6fd4dcf8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-6fd4dcf8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_1454deb8-c8d9-bb94-fc16-16eff3fe4d41-2fe30f23 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1454deb8-c8d9-bb94-fc16-16eff3fe4d42-2fe30f23 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_1454deb8-c8d9-bb94-fc16-16eff3fe4d4b-2fe30f23 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-2fe30f23 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-2fe30f23 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-2fe30f23, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-2fe30f23, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-2fe30f23 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-2fe30f23 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-a6356938-f8dd-526f-cd0d-1af29bb41d3c-76a9c428 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a6356938-f8dd-526f-cd0d-1af29bb41d3d-76a9c428 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-a6356938-f8dd-526f-cd0d-1af29bb41d46-76a9c428 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-76a9c428 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-76a9c428 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-76a9c428, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-76a9c428, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-76a9c428 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-76a9c428 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-baee86f6-0eeb-cb18-6140-3cdb9fec530b-ca537398 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-baee86f6-0eeb-cb18-6140-3cdb9fec530c-ca537398 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-baee86f6-0eeb-cb18-6140-3cdb9fec5315-ca537398 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-ca537398 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-ca537398 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-ca537398, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-ca537398, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-ca537398 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-ca537398 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-fa7c551f-103f-c210-b96b-b6ab43066aff-7083c2a2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fa7c551f-103f-c210-b96b-b6ab43066b00-7083c2a2 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-fa7c551f-103f-c210-b96b-b6ab43066b09-7083c2a2 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-7083c2a2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-7083c2a2 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-7083c2a2, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-7083c2a2, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-7083c2a2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-7083c2a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_8589daa8-aef7-ff74-a891-89155702d821-d28be48a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8589daa8-aef7-ff74-a891-89155702d822-d28be48a {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_8589daa8-aef7-ff74-a891-89155702d82b-d28be48a {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-d28be48a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-d28be48a {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-d28be48a, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-d28be48a, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-d28be48a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-d28be48a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_1aa11075-bbe1-202e-f40d-71bad9025f81-ed46d134 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1aa11075-bbe1-202e-f40d-71bad9025f82-ed46d134 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_1aa11075-bbe1-202e-f40d-71bad9025f8b-ed46d134 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-ed46d134 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-ed46d134 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-ed46d134, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-ed46d134, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-ed46d134 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-ed46d134 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-c807e25e-f417-3b51-917a-f6965f66e01b-be6ddb24 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c807e25e-f417-3b51-917a-f6965f66e01c-be6ddb24 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-c807e25e-f417-3b51-917a-f6965f66e025-be6ddb24 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-be6ddb24 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-be6ddb24 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-be6ddb24, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-be6ddb24, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-be6ddb24 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-be6ddb24 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-ab689e81-ba79-6c4d-898c-2fb8fc985233-bb4b4a02 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ab689e81-ba79-6c4d-898c-2fb8fc985234-bb4b4a02 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-ab689e81-ba79-6c4d-898c-2fb8fc98523d-bb4b4a02 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-bb4b4a02 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-bb4b4a02 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-bb4b4a02, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-bb4b4a02, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-bb4b4a02 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-bb4b4a02 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-c6dd1f99-7934-6ca8-24b6-2dbf201072d3-e7d1dc9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6dd1f99-7934-6ca8-24b6-2dbf201072d4-e7d1dc9a {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-c6dd1f99-7934-6ca8-24b6-2dbf201072dd-e7d1dc9a {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-e7d1dc9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-e7d1dc9a {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-e7d1dc9a, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-e7d1dc9a, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-e7d1dc9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-e7d1dc9a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-d96d6e86-a6bb-89ad-e3f7-e637412b6902-982f771f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d96d6e86-a6bb-89ad-e3f7-e637412b6903-982f771f {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-d96d6e86-a6bb-89ad-e3f7-e637412b690c-982f771f {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-982f771f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-982f771f {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-982f771f, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-982f771f, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-982f771f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-982f771f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_5d5e3888-51a8-fa11-66f0-610f30712c54-b9a14186 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5d5e3888-51a8-fa11-66f0-610f30712c55-b9a14186 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_5d5e3888-51a8-fa11-66f0-610f30712c5e-b9a14186 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-b9a14186 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-b9a14186 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-b9a14186, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-b9a14186, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-b9a14186 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-b9a14186 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_6eb77e64-43fd-cb62-f1e7-07bba5674bab-8a7a9628 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6eb77e64-43fd-cb62-f1e7-07bba5674bac-8a7a9628 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_6eb77e64-43fd-cb62-f1e7-07bba5674bb5-8a7a9628 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-8a7a9628 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-8a7a9628 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-8a7a9628, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-8a7a9628, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-8a7a9628 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-8a7a9628 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_30305e8e-f215-59ae-bb61-86f29a92c4d8-43ba5c41 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30305e8e-f215-59ae-bb61-86f29a92c4d9-43ba5c41 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_30305e8e-f215-59ae-bb61-86f29a92c4e2-43ba5c41 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-43ba5c41 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-43ba5c41 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-43ba5c41, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-43ba5c41, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-43ba5c41 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-43ba5c41 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_1a55eb9e-a026-8b0c-75dc-67e275edc01e-d7fe163b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1a55eb9e-a026-8b0c-75dc-67e275edc01f-d7fe163b {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_1a55eb9e-a026-8b0c-75dc-67e275edc028-d7fe163b {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-d7fe163b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-d7fe163b {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-d7fe163b, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-d7fe163b, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-d7fe163b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-d7fe163b {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-c41110be-010b-1bb4-b4c4-dc0fb7b66056-18070538 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c41110be-010b-1bb4-b4c4-dc0fb7b66057-18070538 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-c41110be-010b-1bb4-b4c4-dc0fb7b66060-18070538 {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-18070538 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-18070538 {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-18070538, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-18070538, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-18070538 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-18070538 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_780f6b8f-3eb2-222e-b90f-941ddfb09957-7db7f2bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_780f6b8f-3eb2-222e-b90f-941ddfb09958-7db7f2bb {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_780f6b8f-3eb2-222e-b90f-941ddfb09961-7db7f2bb {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-7db7f2bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-7db7f2bb {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-7db7f2bb, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-7db7f2bb, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-7db7f2bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-7db7f2bb {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-f24146e8-2702-f5b9-b7e7-44237488c320-3b58ed3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f24146e8-2702-f5b9-b7e7-44237488c321-3b58ed3c {
  grid-area: 1 / 2 / 2 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-f24146e8-2702-f5b9-b7e7-44237488c32a-3b58ed3c {
  grid-area: 1 / 4 / 2 / 5;
  align-self: end;
  justify-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abef-3b58ed3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfc-3b58ed3c {
  align-self: end;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183abfd-3b58ed3c, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac06-3b58ed3c, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac0d-3b58ed3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-3b58ed3c {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-_722f1284-e053-0c2a-30c9-53b3f4ea0c96-d93e5bd3 {
    align-self: center;
    justify-self: start;
  }

  #w-node-_3525e853-b110-f543-2c68-65ebefb57b84-efb57b4f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-_9dd3e3e9-1405-4a9d-cc5f-7aa87b73505f-eb4dbd17 {
    align-self: center;
  }

  #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-eb4dbd17 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-a035a1c5-11a4-2abc-9173-f149b872c58f-22f781c5 {
    align-self: center;
  }

  #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-22f781c5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-f56407aa-0195-b42e-ae89-878fcf50d1bc-aadece3c {
    align-self: center;
  }

  #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-aadece3c {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-d7942084-0086-98fe-e5eb-934f3fe2541c-d45ceb31 {
    align-self: center;
  }

  #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-d45ceb31, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-6fd4dcf8, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-2fe30f23, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-76a9c428, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-ca537398, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-7083c2a2, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-d28be48a, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-ed46d134, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-be6ddb24, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-bb4b4a02, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-e7d1dc9a, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-982f771f, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-b9a14186, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-8a7a9628, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-43ba5c41, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-d7fe163b, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-18070538, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-7db7f2bb, #w-node-_7971b9ef-3232-50ca-bf03-2298f183ac31-3b58ed3c {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }
}


@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}