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

@font-face {
  font-family: Futurapt Demi;
  src: url('../fonts/FuturaPT-Demi.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --lectura: Inter, sans-serif;
  --white: white;
  --rubik: Rubik, sans-serif;
  --black: black;
  --dark-grey: #acacac;
  --fp-01: #384a51;
  --fp-02: #ec7c30;
  --bg-original: #19191d;
  --stroke: #272727;
  --gold: #f8d347;
  --mono: "Roboto Mono", sans-serif;
}

.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;
}

body {
  font-family: var(--lectura);
  color: var(--white);
  background-color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1em;
}

h2 {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 3em;
  font-weight: 300;
  line-height: 1em;
}

h3 {
  font-family: var(--rubik);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 300;
  line-height: 1em;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 2.8em;
  font-weight: 800;
  line-height: 1em;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 1.2em;
  font-weight: 800;
  line-height: 1.3em;
  text-decoration: underline;
}

p {
  color: var(--white);
  text-align: left;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.6em;
}

a {
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.section {
  padding-top: 12em;
  position: relative;
}

.section.main-screen {
  height: 700vh;
  padding-top: 0;
  display: block;
  position: relative;
}

.section.hero {
  z-index: 2;
  padding-top: 10em;
  overflow: hidden;
}

.section.margin-top-90 {
  padding-top: 7.5em;
}

.section.media {
  overflow: hidden;
}

.section.possibilities {
  height: 300vh;
  margin-bottom: -10em;
}

.section.footer {
  padding-bottom: 4em;
}

.section.horizontal-scroll {
  height: 700vh;
  padding-top: 0;
}

.section._404 {
  flex: 1;
  padding-top: 12em;
}

.section.hide, .section.mobile {
  display: none;
}

.hero-sticky {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.content-wrap {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-text {
  width: 100%;
  position: relative;
  box-shadow: inset 0 2px 5px 5px #000, 0 2px 5px 50em #000;
}

.zoom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40vw;
  display: flex;
  position: relative;
}

.bg-video {
  filter: brightness(50%);
  object-fit: cover;
  border-radius: 1.33em;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.bg-video.is-mobile {
  display: none;
}

.bg-video-wrapper {
  perspective: 120em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.sticky-headings-layout {
  perspective: 40em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.sticky-heading-wrapper {
  opacity: 0;
  perspective: 10em;
  flex-direction: column;
  align-items: center;
  width: 90vw;
  padding-left: 5.63em;
  padding-right: 5.63em;
  display: flex;
  position: relative;
}

.sticky-heading-wrapper.is-2, .sticky-heading-wrapper.is-3 {
  display: flex;
  position: absolute;
}

.sticky-heading {
  width: 100%;
}

.dots {
  opacity: .32;
  background-image: url('../images/5f86093fb5bf4f4cc87b0d03_4pix_15f86093fb5bf4f4cc87b0d03_4pix.png');
  background-position: 0 0;
  background-size: 2px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.dots.video {
  z-index: 2;
  opacity: .5;
}

.hero-paragraph-wrapper {
  text-align: center;
  width: 40em;
  margin-top: -1.33em;
  position: relative;
}

.scroll-lottie-wrapper {
  z-index: 11;
  background-color: var(--black);
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  padding: 13px;
  display: flex;
  position: absolute;
  inset: auto auto 7%;
  overflow: hidden;
}

.scroll-lottie {
  width: 2.5em;
}

.link-wrapper {
  margin-top: 4px;
  position: relative;
  overflow: hidden;
}

.link-wrapper.margin-left {
  margin-left: 7.8em;
}

.link-wrapper.no-margin {
  margin-top: 0;
}

.link-wrapper.dropdown {
  color: var(--dark-grey);
  margin-top: 0;
  transition: color .2s;
}

.link-wrapper.dropdown:hover {
  color: var(--white);
}

.styles {
  display: none;
}

.container {
  z-index: 1;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5em;
  padding-right: 5em;
  position: relative;
}

.container.is-grey {
  border-radius: 2.5em;
  flex-direction: column;
  align-items: center;
  margin-left: 7.5em;
  margin-right: 7.5em;
  padding-top: 8.33em;
  padding-left: 7.5em;
  padding-right: 7.5em;
  display: flex;
}

.container.is-grey.top {
  z-index: 2;
}

.container.is-grey.bottom {
  padding-bottom: 8.33em;
}

.container.is-grey.linea-de-tiempo {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 8.33em;
  padding-left: 0;
  padding-right: 0;
}

.container.full-width {
  padding-top: 7.5em;
  padding-left: 0;
  padding-right: 0;
}

.container.allign-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.paragraph-container {
  z-index: 2;
  position: relative;
}

.paragraph-container.team {
  max-width: 85%;
  margin-top: 0;
  margin-left: 0;
}

.paragraph-container.text-center {
  text-align: center;
  max-width: 40em;
}

.service-picture-wrapper {
  z-index: 2;
  border-radius: .83em;
  padding-top: 14em;
  padding-bottom: 14em;
  position: relative;
  overflow: hidden;
}

.heading-container {
  position: relative;
}

.heading-container.text-center {
  text-align: center;
  width: auto;
}

.small-paragraph {
  color: var(--dark-grey);
  font-size: 1.17em;
  line-height: 1.2em;
}

.small-paragraph.w--current {
  color: var(--dark-grey);
}

.small-paragraph.is-white {
  color: var(--white);
}

.benefit-item {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  align-items: center;
  overflow: hidden;
}

.video-preview-wrapper {
  z-index: 2;
  cursor: pointer;
  border-radius: .83em;
  flex: none;
  width: 100%;
  padding-top: 14em;
  padding-bottom: 14em;
  position: relative;
  overflow: hidden;
}

.videos-layout {
  margin-top: 4em;
  overflow: hidden;
}

.golden-bg {
  background-image: linear-gradient(to right, #fdbb05 35%, #ffdd72 50%, #f8d347 65%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.button {
  background-color: var(--fp-01);
  font-family: var(--rubik);
  color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  border: 1px #000;
  border-radius: 1em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.33em 1.67em;
  font-size: .8em;
  font-weight: 700;
  line-height: 1.6em;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button.back-button, .button.next-button {
  border-radius: 50%;
  width: 4em;
  height: 4em;
  padding: 0;
}

.button.brief {
  background-color: #27272c;
  display: flex;
}

.button.naranja {
  background-color: var(--fp-02);
}

.button-text {
  z-index: 2;
  font-size: 1.4em;
  line-height: 1.3em;
}

.button-text-wrapper {
  z-index: 2;
  grid-column-gap: 1.33em;
  grid-row-gap: 1.33em;
  display: flex;
  position: relative;
}

.content-wrapper {
  position: relative;
}

.hero-paragraph {
  color: var(--white);
  font-size: 1em;
  font-weight: 300;
  line-height: 1.6em;
}

.heading-wrapper {
  z-index: 1;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.heading-wrapper.allign-center {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-popup-close-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.two-col-wrapper {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.two-col-wrapper.hero {
  margin-top: 5.33em;
  margin-bottom: 4em;
}

.team-column {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.team-column.is-1 {
  justify-content: center;
}

.team-wrapper {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 50em;
  display: grid;
  overflow: hidden;
}

.team-photos-wrapper {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  flex-direction: column;
  display: flex;
  transform: translate(0);
}

.team-photos-wrapper.right {
  transform: translate(0, -50%);
}

.team-member-photo {
  object-fit: cover;
  border-radius: .83em;
  width: 100%;
  height: 23.33em;
}

.team-photos-column {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  flex-direction: column;
  display: flex;
}

.team-gradinet.top {
  background-image: linear-gradient(#000, #0000);
  width: 100%;
  height: 10em;
  position: absolute;
  inset: 0% 0% auto;
}

.team-gradinet.bottom {
  background-image: linear-gradient(360deg, #000, #0000);
  width: 100%;
  height: 10em;
  position: absolute;
  inset: auto 0% 0%;
}

.founders-photo-wrapper {
  z-index: 2;
  border-radius: 1.67em;
  width: 100%;
  margin-top: 5.33em;
  padding-top: 22em;
  padding-bottom: 22em;
  position: relative;
  overflow: hidden;
}

.founders-image {
  filter: brightness(90%);
  object-fit: cover;
  border-radius: .63em;
  width: 100%;
  height: 110%;
  position: absolute;
  inset: -10% 0% 0%;
}

.sticky-wrapper {
  height: 400vh;
  position: relative;
}

.slider-image-wrapper {
  z-index: 1;
  border-radius: 1.33em;
  width: 100%;
  height: 30em;
  position: relative;
  overflow: hidden;
}

.slider-image {
  filter: brightness(80%);
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slider-text-wrapper {
  z-index: 2;
  grid-column-gap: 1.33em;
  grid-row-gap: 1.33em;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-left: 2.5em;
  padding-right: 2.5em;
  display: flex;
  position: absolute;
  inset: auto 0% 5vh;
}

.slider-item {
  flex: none;
  width: 70em;
  height: 65vh;
  position: relative;
}

.slider-item:last-child {
  border-right-style: none;
}

.slider-paragraph-wrapper {
  width: 65%;
}

.slider-description {
  color: var(--white);
  font-size: 1.33em;
}

.reviews-slider {
  background-color: #0000;
  width: 100%;
  height: 100%;
  margin-top: 5.33em;
}

.reviews-slider-mask {
  width: 100%;
  height: 100%;
}

.reviews-slider-arrow {
  display: none;
}

.reviews-slide-item {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.reviews-slide-item.t {
  justify-content: space-between;
  align-items: center;
  height: auto;
}

.reviews-slider_img-container {
  border-radius: .83em;
  flex: none;
  width: 57.5em;
  max-width: 70vw;
  height: 33.33em;
  position: relative;
  overflow: hidden;
}

.reviews-slide-wrapper, .reviews-slide-list {
  width: 100%;
  height: 100%;
}

.reviews-slider-img-content {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;
}

.reviews-slider-text-container {
  z-index: 9;
  background-color: var(--bg-original);
  border-radius: .83em;
  flex-direction: column;
  justify-content: space-between;
  min-width: 32vw;
  max-width: none;
  padding: 2.5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.reviews-slider-text-container.facu {
  z-index: 1;
  background-color: var(--fp-02);
  justify-content: center;
  align-items: center;
  min-width: auto;
  display: flex;
  position: relative;
}

.review-slider-buttons-wrapper {
  grid-column-gap: 1.33em;
  grid-row-gap: 1.33em;
  justify-content: flex-end;
  display: flex;
}

.next-button {
  cursor: pointer;
  background-color: #19191d;
  border-radius: .5em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .7em 3em;
  display: flex;
}

.next-button:active {
  transform: scale(.95);
}

.cursor-wrapper {
  z-index: 300;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  transition: opacity .2s;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cursor-dot {
  color: #0000;
  background-color: #fff;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .8em;
  height: .8em;
  transition: color .2s, filter .3s, height .3s, width .3s;
  display: flex;
}

.cursor-text {
  white-space: nowrap;
  font-size: 1.17em;
}

.cursor-play-icon {
  width: 1.17em;
  margin-top: 5px;
  display: none;
}

.quote-svg {
  flex: none;
  width: 28px;
}

.back-button {
  cursor: pointer;
  background-color: #19191d;
  border-radius: .5em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .7em 3em;
  display: flex;
}

.back-button:active {
  transform: scale(.95);
}

.team-marqee-list {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  flex-direction: column;
  display: flex;
}

.faq-wrapper {
  width: 70vw;
  margin-top: 5.33em;
  overflow: hidden;
}

.faq-line {
  color: var(--dark-grey);
  transition: color .3s;
  position: relative;
  overflow: hidden;
}

.faq-line:hover {
  color: #fff;
}

.faq-question {
  cursor: pointer;
  border-top: 1px solid #fff3;
  justify-content: space-between;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq-question.first {
  border-top-style: none;
}

.faq-answer {
  overflow: hidden;
}

.faq-question-text {
  z-index: 2;
  color: #fff;
  letter-spacing: -.05em;
  font-family: Rubik, sans-serif;
  font-size: 1.6em;
  font-weight: 800;
}

.faq-open-icon {
  z-index: 2;
  width: 1.67em;
  height: 1.67em;
}

.faq-trigger-top {
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 0% 0% auto;
}

.faq-trigger-bottom {
  width: 100%;
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.faq-answer-text-wrapper {
  max-width: 90%;
  padding-bottom: 2em;
  position: relative;
}

.plyr_embed {
  width: 100%;
  height: 100%;
}

.button-span {
  z-index: 1;
  background-color: #fff;
  border-radius: 50%;
  width: 0%;
  height: 0%;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.benefits-section {
  width: 100%;
  height: 600vh;
  position: relative;
}

.phone-wrapper {
  z-index: 2;
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 0;
  display: grid;
  position: relative;
}

.phone-wrapper-column {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.phone-wrapper-column.text {
  justify-content: center;
  align-items: flex-start;
}

.grey-container-overlay {
  z-index: -1;
  background-color: #19191d;
  border-radius: 2.5em;
  position: absolute;
  inset: 0%;
}

.grey-container-overlay.top {
  border-bottom-right-radius: 2.5em;
  border-bottom-left-radius: 2.5px;
}

.grey-container-overlay.top.all {
  border-bottom-left-radius: 2.5em;
}

.grey-container-overlay.bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.grey-container-overlay.center {
  border-radius: 0;
  margin-left: 7.5em;
  margin-right: 7.5em;
}

.h2-large {
  font-size: 5.33em;
}

.founders-photo-section {
  width: 100%;
  position: relative;
}

.founders-quote-wrapper {
  z-index: 2;
  grid-column-gap: 13em;
  grid-row-gap: 13em;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2em 4em 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.founders-quote-wrapper.mobile {
  display: none;
}

.quote-text-wrapper {
  grid-column-gap: 1.33em;
  grid-row-gap: 1.33em;
  flex-direction: column;
  display: flex;
}

.navbar-component {
  z-index: 99;
  background-color: #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1em 7.5em;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-logo-wrapper {
  z-index: 2;
  display: none;
  position: relative;
}

.navbar-links-wrapper {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 18.5em;
  display: flex;
}

.nav-logo {
  z-index: 2;
  width: 2em;
  position: relative;
}

.nav-link {
  font-size: 1em;
  line-height: 1;
}

.link-underline {
  background-color: var(--white);
  width: 100%;
  height: 1px;
  margin-top: 4px;
  transform: translate(-101%);
}

.main-nav-links {
  grid-column-gap: 2.67em;
  grid-row-gap: 2.67em;
  align-items: center;
  display: flex;
}

.bread-crumbs-wrapper {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  display: flex;
}

.hero-heading-wrapper {
  margin-top: 2.67em;
  margin-left: -.42em;
  overflow: hidden;
}

.separation-line {
  background-color: var(--stroke);
  width: 100%;
  height: 1px;
}

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

.stages-column.left {
  grid-column-gap: 6em;
  grid-row-gap: 6em;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 4em;
  display: flex;
}

.grey-card {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  background-image: linear-gradient(to top, #000, #19191d);
  border-radius: .83em;
  flex-direction: column;
  padding: 2.5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grey-card.stage {
  border: 2px solid var(--stroke);
  background-color: #000;
  background-image: none;
  flex-direction: column;
  justify-content: space-between;
  height: 24em;
  display: flex;
}

.founder-image-wrapper {
  z-index: 2;
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  cursor: pointer;
  border-radius: .83em;
  flex-direction: column;
  height: 35em;
  padding: 2.5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.column._404-left {
  grid-column-gap: 1.33em;
  grid-row-gap: 1.33em;
  flex-direction: column;
  display: flex;
}

.column._404-right {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.planka-team-photo-wrapper {
  z-index: 2;
  border-radius: 1.33em;
  margin-top: 5.33em;
  margin-left: 14.17em;
  padding-top: 20em;
  padding-bottom: 20em;
  position: relative;
  overflow: hidden;
}

.team-item {
  border-top: 1px solid var(--stroke);
}

.is-grey-text {
  color: #ffffff80;
}

.is-yellow-text {
  color: var(--gold);
}

.form-input {
  color: #fff;
  background-color: #0000;
  border-top: 0 solid #000;
  border-bottom: 1px solid #393939;
  border-left: 0 solid #000;
  border-right: 0 #000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 2em 0;
  font-size: 1.1em;
}

.form-input::placeholder {
  color: var(--white);
}

.form-input.brief {
  font-family: var(--rubik);
  padding: 1.5em 0;
  font-size: 1em;
  font-weight: 300;
}

.form-input.brief::placeholder {
  color: var(--white);
}

.h1-large {
  font-size: 13.33em;
}

.projects-item {
  border-top: 1px solid var(--stroke);
}

.projects-item:first-child {
  border-top-style: solid;
}

.projects-item:last-child {
  border-bottom: 1px solid var(--stroke);
}

.project-image-wrapper {
  z-index: 2;
  border-radius: .83em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 12em;
  padding-bottom: 12em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-details-wrapper {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  flex-direction: column;
  display: flex;
}

.project-description-line {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  align-items: flex-start;
  display: flex;
}

.learn-more-link-wrapper {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  align-items: flex-end;
  display: flex;
}

.learn-more-arrow {
  flex: none;
  width: .9em;
}

.circle-button {
  z-index: 2;
  color: #fff;
  background-color: #19191d;
  border-style: none;
  border-radius: 50%;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 13em;
  height: 13em;
  margin-left: 0;
  margin-right: 0;
  padding: 1.33em 1.67em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.year-icon {
  width: 1.33em;
  margin-bottom: 3px;
}

.project-video-embed-wrapper {
  border-radius: 1.33em;
  width: 100%;
  margin-top: 2.67em;
  overflow: hidden;
}

.project-video-embed {
  width: 100%;
  height: 100%;
}

.project-main-image-wrapper {
  border-radius: 1.33em;
  width: 100%;
  margin-top: 2.67em;
  padding-top: 25em;
  padding-bottom: 25em;
  position: relative;
  overflow: hidden;
}

.project-main-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.project-case-rich-text {
  color: var(--white);
}

.project-case-rich-text p {
  color: var(--white);
  font-size: 1.33em;
  line-height: 1.4em;
}

.project-case-rich-text ul {
  margin-bottom: 0;
  padding-left: 3em;
  font-size: 1.33em;
  line-height: 1.4em;
}

.project-case-rich-text h2 {
  font-size: 2.33em;
  line-height: 1em;
}

.project-case-info {
  grid-column-gap: 5.33em;
  grid-row-gap: 5.33em;
  flex-direction: column;
  display: flex;
}

.project-case-images-list {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  display: flex;
}

.project-case-images-item {
  flex: 1;
  min-width: 30%;
  max-width: 100%;
}

.project-case-image-wrapper {
  border-radius: .5em;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

.splitter-component {
  cursor: pointer;
  border-radius: .83em;
  flex: 1;
  min-width: 33%;
  position: relative;
  overflow: hidden;
}

.splitter-before {
  width: 100%;
  position: static;
  inset: 0%;
}

.splitter-after {
  z-index: 2;
  width: 70%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.splitter-handle-component {
  z-index: 2;
  width: 2px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 30%;
}

.splitter-handle-wrapper {
  flex-direction: column;
  align-items: center;
  height: 100%;
  display: flex;
}

.splitter-handle-line {
  background-color: #fff;
  flex: 1;
  width: 2px;
}

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

.splitter-image.is-after {
  width: auto;
  min-width: 42em;
  max-width: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.splitter_handle-circle {
  grid-column-gap: .42em;
  grid-row-gap: .42em;
  border: 2px solid #fff;
  border-radius: 50%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  display: flex;
}

.arrow-image {
  width: .6em;
}

.social-buttons-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: flex;
}

.social-circle-button {
  background-color: #383838;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5.33em;
  height: 5.33em;
  display: flex;
  position: relative;
}

.social-circle-button-icon {
  z-index: 2;
  width: 2.5em;
  position: relative;
}

.social-circle-button-icon.youtube, .social-circle-button-icon.insta {
  transform: translate(-1px, 2px);
}

.social-circle-button-icon.telegram {
  transform: translate(-2px, 3px);
}

.slider-main_component {
  margin-top: 0;
  position: relative;
}

.swiper.is-slider-main {
  overflow: visible;
}

.swiper-wrapper.is-slider-main {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.swiper-wrapper.is-projects-slider {
  align-items: center;
  display: flex;
}

.swiper-slide.is-slider-main {
  flex: none;
  width: 50%;
}

.swiper-slide.is-projects-slider {
  flex: none;
  width: 60%;
}

.slider-main_button-wrapper {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.slider-main_button-wrapper.left {
  inset: 0% auto 0% 20.5em;
}

.slider-main_button-wrapper.left.is-projects-slider {
  left: 15.5em;
}

.slider-main_button-wrapper.right {
  inset: 0% 20.5em 0% auto;
}

.slider-main_button-wrapper.right.is-projects-slider {
  right: 15.5em;
}

.slider-main-button {
  background-color: #383838;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  display: flex;
  position: relative;
}

.slider-main-button:active {
  transform: scale(.9);
}

.button-arrow-icon {
  z-index: 2;
  width: .75em;
  margin-top: 5px;
  margin-right: 3px;
  position: relative;
}

.button-arrow-icon.right {
  margin-top: 0;
  margin-bottom: 6px;
  margin-right: 0;
  transform: rotate(180deg);
}

.social-circle-button-fill {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale(0);
}

.social-circle-button-fill.youtube {
  background-color: red;
}

.social-circle-button-fill.instagram {
  background-image: linear-gradient(202deg, #6050cb, #cd3aa2 42%, #e94969 55%, #ffc852);
}

.social-circle-button-fill.telegram {
  background-color: #08c;
}

.pagination {
  font-size: 40%;
  inset: auto 0% 0%;
}

.loop-marquee-logo-wrapper {
  perspective: 40em;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  overflow: hidden;
}

.slider-button-fill {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale(0);
}

.reviews-text-holder {
  max-width: 40vw;
  padding-bottom: 2em;
}

.video-preview-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-heading {
  line-height: 1.1em;
}

.succes-message-text {
  font-family: Tildasans, sans-serif;
  font-size: 2.67em;
  font-weight: 400;
  line-height: 1em;
}

.succes-message-text.is-smaller {
  font-size: 2.5em;
  line-height: 1em;
}

.popup-window-close-bg {
  z-index: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 2.5em;
  padding-right: 2.5em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.popup-window_close-icon {
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  display: flex;
  position: relative;
}

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

.hamburger-lottie {
  z-index: 2;
  filter: invert();
  width: 3em;
  display: none;
  position: relative;
}

.team-member-photo-wrapper {
  position: relative;
}

.play-button-icon {
  width: 1.17em;
  margin-top: 5px;
  display: none;
}

.transition {
  z-index: 200;
  width: 100%;
  min-height: 100svh;
  display: none;
  position: fixed;
  inset: 0%;
}

.transition-content {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.transition-div {
  background-color: #000;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.transition-trigger {
  display: none;
}

.project-case-comparison-images {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  display: flex;
}

.brief-dropdown {
  color: #fff;
  border-bottom: 1px solid #393939;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.brief-dropdown-toggle {
  color: var(--white);
  justify-content: space-between;
  padding: 1.1em 0;
  font-size: 1.5em;
  display: flex;
}

.brief-dropdown-icon {
  color: var(--dark-grey);
  margin-right: 0;
}

.brief-dropdown-list {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #0006;
  border-radius: .83em;
  inset: 90% auto auto 0%;
}

.brief-dropdown-link {
  color: #ffffff80;
  margin-left: 1.5em;
  margin-right: 1.5em;
  padding: 1.3em 0;
  font-size: 1.5em;
}

.select-field {
  display: none;
}

.footer-wrapper {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-column {
  grid-column-gap: 3.5em;
  grid-row-gap: 3.5em;
  flex-direction: column;
  display: flex;
}

.footer-column-top {
  grid-column-gap: 2.67em;
  grid-row-gap: 2.67em;
  flex-direction: column;
  display: flex;
}

.social-icon-wrapper {
  background-color: var(--fp-01);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.3em;
  height: 3.3em;
  display: flex;
  position: relative;
}

.social-icons-wrapper {
  grid-column-gap: .67em;
  grid-row-gap: .67em;
  align-items: center;
  display: flex;
}

.footer-underline {
  background-color: #fff3;
  width: 100%;
  height: 1px;
  margin-top: 2em;
  margin-bottom: 2em;
}

.developed-wrapper {
  grid-column-gap: .33em;
  grid-row-gap: .33em;
  display: flex;
}

.footer-mail {
  color: #fff;
  text-transform: uppercase;
  font-size: 3.55em;
  line-height: 1em;
  text-decoration: none;
  transition: color .2s;
}

.footer-mail:hover {
  color: #fff;
}

.footer-mail.letter-wrap {
  font-family: var(--rubik);
  font-size: 1.8em;
  font-weight: 300;
}

.space-between-wrapper {
  grid-column-gap: .33em;
  grid-row-gap: .33em;
  justify-content: space-between;
  display: flex;
}

.space-between-wrapper.mobile {
  display: none;
}

.underline {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.footer-social-icon {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.33em;
  display: flex;
  position: relative;
}

.footer-social-icon.tg {
  margin-left: -4px;
}

.footer-social-icon.insta {
  width: 1.5em;
  margin-left: -1px;
  position: relative;
}

.footer-social-icon.wa {
  width: 1.7em;
  margin-top: -2px;
}

.footer-icon-fill {
  background-color: #7f2525;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale(0);
}

.footer-icon-fill.dzen {
  background-color: #fff;
}

.footer-icon-fill.insta {
  background-color: #0000;
  background-image: linear-gradient(#624fcc, #cc3aa2 35%, #f44f54 65%, #ffc852);
}

.footer-icon-fill.telegram {
  background-color: #08c;
}

.footer-icon-fill.tiktok {
  background-color: #000;
}

.footer-icon-fill.tiktok-copy {
  background-color: #42f648;
}

.footer-icon-fill.youtube {
  background-color: #f11a1a;
}

.footer-icon-fill.facebook {
  background-color: #4447e5;
}

.link-span {
  text-decoration: underline;
}

.contact-us-card {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  border: 2px solid #fff3;
  border-radius: 1.33em;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  padding: 5.33em 4em;
  display: grid;
  position: relative;
}

.contact-us-card-column {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.contact-us-card-form-wrapper {
  background-color: #0000;
  margin-bottom: 0;
}

.contact-us-card-form {
  grid-column-gap: 1.33em;
  grid-row-gap: 1.33em;
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  display: flex;
}

.contact-us-card-bg {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  max-width: none;
  max-height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.privacy-text {
  color: var(--fp-01);
  text-align: right;
  letter-spacing: .15em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 400;
  line-height: 1.2em;
}

.privacy-text.w--current {
  color: #ffffff80;
}

.contact-us-card-succes-wrapper {
  text-align: left;
  background-color: #0000;
  padding: .7em 0 0;
}

.horizontal-scroll_sticky {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  padding-left: 7.5em;
  padding-right: 7.5em;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.horizontal-scroll-benefit-card {
  grid-column-gap: 5.33em;
  grid-row-gap: 5.33em;
  background-color: #19191d;
  border-radius: 1.33em;
  flex: none;
  align-items: center;
  width: 55em;
  padding: 3.5em;
  display: flex;
}

.horizontal-scroll-wrapper {
  grid-column-gap: 7.5em;
  grid-row-gap: 7.5em;
  flex: none;
  align-items: flex-start;
  padding-right: 25em;
  display: flex;
}

.founders-quote-bg {
  background-image: linear-gradient(to top, #000, #0000);
  width: 100%;
  height: 11em;
  position: absolute;
  inset: auto 0% 0%;
}

.abstract-bg {
  width: 100%;
  position: absolute;
  inset: 0%;
}

.abstract-bg.full-height {
  height: 100%;
}

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

.link-wrapper_text {
  grid-column-gap: .67em;
  grid-row-gap: .67em;
  align-items: flex-end;
  display: flex;
}

._404-wrapper {
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.bread-crumbs-text {
  color: var(--white);
  font-size: 1.17em;
  line-height: 1.2em;
}

.bread-crumbs-text.w--current {
  color: var(--dark-grey);
}

.bread-crumbs-slash {
  color: var(--white);
  font-size: 1.17em;
  line-height: 1.2em;
}

.bread-crumbs-slash.w--current {
  color: var(--dark-grey);
}

.about-video-wrapper {
  perspective: 120em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 41.67em;
  margin-top: 3.5em;
  display: flex;
  position: relative;
}

.founder-popup_close-bg {
  z-index: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 2.5em;
  padding-right: 2.5em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.founder-popup_close-icon {
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  display: flex;
  position: relative;
}

.stages-wrapper {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: flex;
  position: relative;
}

.stages-heading-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  flex: 1;
  max-width: none;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.stages-timeline-column {
  padding-top: 1em;
  display: none;
}

.stages-timeline-wrapper {
  grid-column-gap: 3.33em;
  grid-row-gap: 3.33em;
  display: flex;
}

.stages-description-wrapper {
  z-index: 2;
  flex-direction: column;
  display: flex;
  position: relative;
}

.stages-description-wrapper.last {
  align-items: center;
}

.stages-subheadings-wrapper {
  flex-direction: column;
  margin-left: 2.5px;
  display: flex;
}

.stages-subheading-block {
  grid-column-gap: 1.33em;
  grid-row-gap: 1.33em;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.stages-blocks-wrapper {
  grid-column-gap: 7.5em;
  grid-row-gap: 7.5em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.h2-smaller {
  font-size: 2em;
}

.stages-timeline_bullet {
  background-color: #fff;
  border-radius: 50%;
  width: 1.17em;
  height: 1.17em;
}

.stages-timeline_bullet.is-yellow {
  background-color: var(--fp-02);
}

.stages-timeline_bullet.small {
  z-index: 2;
  background-color: #0000;
  flex: none;
  width: .83em;
  height: .83em;
  position: relative;
}

.stages_stage-wrapper {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  flex-direction: row;
  align-items: flex-start;
  min-height: 7em;
  display: flex;
}

.stages_stage-wrapper.subheading {
  grid-column-gap: 3.33em;
  grid-row-gap: 3.33em;
  align-items: flex-start;
  margin-top: -.2em;
}

.stages_stage-wrapper.subheading.none {
  display: none;
}

.stages_stage-wrapper.last {
  flex-direction: column;
  align-items: center;
  margin-left: 2.8em;
}

.stages-line-fill {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.stage-card {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  background-image: linear-gradient(315deg, #000, #19191d);
  border-radius: 1.33em;
  flex-flow: column;
  width: 100%;
  padding: 3.5em 7.17em;
  display: flex;
  overflow: hidden;
}

._3d-space {
  perspective: 40em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.dropdown-arrow {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .67em;
  margin-top: 2px;
  display: flex;
}

.link-arrow-wrapper {
  grid-column-gap: .67em;
  grid-row-gap: .67em;
  cursor: pointer;
  align-items: center;
  display: flex;
}

.dropdown-wrapper {
  z-index: 6;
  grid-column-gap: 1.33em;
  grid-row-gap: 1.33em;
  transform-origin: 0 0;
  background-color: #131313;
  border-radius: .5em;
  flex-direction: column;
  margin-top: 1.33em;
  margin-left: -1.33em;
  padding: 1.33em;
  display: none;
  position: absolute;
}

.dropdown-link-wrapper {
  white-space: nowrap;
  position: relative;
}

.stages-line {
  background-color: var(--stroke);
  width: 2px;
  height: 27vh;
  position: relative;
}

.stages-line.shoter {
  height: 18vh;
}

.stages-line.second {
  height: 25vh;
}

.stage-bullet-wrapper {
  flex-direction: column;
  flex: none;
  align-items: center;
  display: flex;
}

._3d-video-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 23.75em;
  height: 23.75em;
  display: flex;
  overflow: hidden;
}

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

._3d-video.is-larger {
  width: 120%;
  height: 120%;
}

.horizontal-scroll-item {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  width: 85vw;
  margin-top: 2.67em;
  margin-bottom: 2.67em;
  display: grid;
}

.horizontal-scroll-item.solo-slider-sticky {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  min-height: 30vh;
  padding-right: 2em;
}

._3d-item-description {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  display: flex;
}

._3d-item-heading {
  font-family: var(--rubik);
  font-size: 3em;
}

._3d-item-left-column {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  align-items: flex-start;
  display: flex;
}

._3d-item-left-column.relative {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}

.horizontal-scroll-flex {
  margin-top: 7.5em;
  display: flex;
}

.prevnext-source-list {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.prevnext-source-content-wrapper {
  border-radius: .83em;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 25em;
  padding: 2.67em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.prevnext-source-image {
  filter: brightness(60%);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.prevnext-source-description-wrapper {
  z-index: 2;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.prevnext-wrapper {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.prevnext-item, .prevnext-insert-case {
  grid-column-gap: 1.67em;
  grid-row-gap: 1.67em;
  flex-direction: column;
  display: flex;
}

.prevnext-case-heading {
  font-size: 2em;
}

.phone-mockup {
  width: 110%;
  max-width: none;
  height: 105%;
  position: absolute;
  inset: -2% 0% 0% -5%;
}

.phone-mockup-layout {
  width: 20.5em;
  height: 41.25em;
  position: relative;
}

.phone-mockup-inner {
  object-fit: cover;
  border-radius: 4em;
  width: 100%;
  height: 100%;
}

.phone-mockup-inner.is-mobile {
  display: none;
}

.chelka {
  width: 10em;
  height: 3em;
  position: absolute;
  inset: 0% auto auto 5em;
}

.next-arrow {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.4em;
  margin-top: .4em;
  display: flex;
}

.project-case-text-wrapper {
  flex-direction: column;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.project-case-part-wrapper {
  align-items: flex-start;
  margin-top: 5.33em;
  display: flex;
}

.project-case-number {
  color: var(--dark-grey);
  font-family: Tildasans, sans-serif;
  font-size: 2.33em;
  line-height: 1em;
}

.contact-button {
  z-index: 99;
  cursor: pointer;
  background-color: #383838;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.17em;
  height: 3.17em;
  display: flex;
  position: relative;
}

.contact-button.main {
  background-color: #f8d347;
  width: 3.67em;
  height: 3.67em;
}

.projects-slider {
  margin-top: 5.33em;
  position: relative;
}

.projects-slider_content {
  position: relative;
}

.slider-image-wrapper-2 {
  z-index: 1;
  border-radius: 1.33em;
  width: 100%;
  height: 30em;
  position: relative;
  overflow: hidden;
}

.main-video-wrapper {
  perspective: 120em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 41.67em;
  margin-top: 3.5em;
  display: flex;
  position: relative;
}

.scroll-trigger {
  display: none;
}

.h2-light {
  font-size: 2.5em;
}

.h2-light.l {
  text-align: left;
}

.h2-lbold {
  font-family: var(--rubik);
  letter-spacing: -.05em;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 800;
  line-height: 1em;
}

.h2-lbold.l {
  text-align: left;
}

.flex-container-title {
  color: var(--fp-02);
  flex-flow: column;
  display: flex;
}

.upper {
  font-family: var(--mono);
  letter-spacing: .075em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 500;
  line-height: 100%;
}

.upper.numeros {
  font-size: .6em;
}

.upper.footer {
  color: var(--white);
  letter-spacing: .1em;
  font-size: 10px;
  font-weight: 300;
}

.container-p-de-texto {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

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

.p.smaller {
  font-size: 13px;
}

.flex-title-section {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  display: flex;
}

.flex-title-section.l {
  align-items: flex-start;
}

.numero {
  font-family: var(--mono);
  color: var(--fp-01);
  letter-spacing: -.1em;
  font-size: 2em;
  font-weight: 100;
}

.img-container {
  border-radius: 1em;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

.h3-sections {
  font-family: var(--rubik);
  font-size: 2em;
  font-weight: 800;
}

.icon {
  max-width: 64px;
}

.flexbox-vertical-inner-obra {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.container-tag {
  background-color: var(--bg-original);
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
}

.container-title-y-data {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.h3-light {
  color: var(--white);
  text-transform: uppercase;
}

.h3-slider {
  font-family: var(--rubik);
  color: var(--white);
  letter-spacing: -.05em;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 800;
  line-height: 1em;
}

.is-magnetic.wsp-btn {
  z-index: 9;
  width: 64px;
  position: fixed;
  inset: auto 10px 10px auto;
}

.is-magnetic.logo {
  z-index: 9999;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 2% auto auto 1.5%;
}

.is-magnetic.menu-hambur {
  z-index: 9;
  position: fixed;
  inset: 1% 1% auto auto;
}

.hambur {
  z-index: 9;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.icon-svg {
  color: #282b28;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.image-btn {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
}

.over {
  z-index: 1;
  opacity: 0;
  background-color: #080808a6;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .6s cubic-bezier(.39, .575, .565, 1);
  display: flex;
  position: absolute;
}

.over:hover {
  opacity: 1;
}

.posi {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.noise-all {
  z-index: 8;
  opacity: .03;
  pointer-events: none;
  background-image: url('../images/Grain_overlay.gif');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.menu-top-enlaces {
  z-index: 9;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  padding-top: 15px;
  display: flex;
  position: absolute;
  inset: .5% 90px auto auto;
}

.top-link {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #080808;
  background-color: #fff;
  border-radius: 50px;
  align-items: center;
  padding: 15px 20px;
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.top-link.responsive {
  display: none;
}

.top-link.sin-bg {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--white);
  background-color: #0000;
  padding: 0;
}

.svg-flow {
  width: 12px;
}

.path-gdxnp {
  color: #000;
}

.text-inner-btn-top {
  letter-spacing: .01em;
  text-transform: uppercase;
  color: inherit;
  font-size: 10px;
  font-weight: 700;
}

.text-inner-btn-top.footyer {
  text-transform: none;
}

.path-i6fhz, .path-cmyoe {
  color: #000;
}

.fixed-menu-big {
  z-index: 9998;
  background-color: #1c1c1c;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-style: normal;
  display: none;
  position: fixed;
  inset: 0%;
}

.container-menu-big {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  color: #080808;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 4em 5em;
  display: grid;
}

.container-menu-big-txt {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 3%;
  padding-bottom: 3%;
  padding-right: 4em;
  font-style: normal;
  display: flex;
}

.container-frase-menu-big {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.brand-image {
  width: 200px;
}

.tag-de-menu {
  font-family: var(--rubik);
  color: var(--fp-02);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5em;
  font-weight: 800;
  line-height: 95%;
}

.p-bajada-menu {
  color: #fff;
  font-size: .9em;
  font-weight: 400;
  line-height: 140%;
}

.ficha-del-menu {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  background-color: var(--fp-01);
  border-radius: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-height: auto;
  padding: 1.2em;
  display: flex;
}

.adress-inner {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.adress-footer {
  font-family: var(--rubik);
  color: var(--white);
  font-size: 1em;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.container-menu-links {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.container-links-de-menu-top {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  font-family: var(--rubik);
  color: var(--white);
  letter-spacing: -.05em;
  text-transform: uppercase;
  flex-direction: column;
  align-items: flex-start;
  font-size: 3.5em;
  font-weight: 800;
  line-height: 90%;
  display: flex;
}

.bg-behind-button {
  background-color: #222;
  padding: 10px 28px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.bg-behind-button.invert {
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
  line-height: 90%;
  transition: all .6s cubic-bezier(.39, .575, .565, 1);
}

.bg-behind-button.invert:hover, .bg-behind-button.invert.w--current {
  color: #ff9640;
}

.wrapper-2 {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.primary-button-text-2 {
  text-decoration: none;
}

.primary-button-text-2.absolute {
  position: absolute;
}

.box-2 {
  z-index: 9;
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.box-2.fixed {
  background-color: #0000;
}

.hambur-menu {
  position: relative;
}

.cerrar-icon {
  display: none;
}

.dentro-del-btn {
  z-index: 9999;
  background-color: #25d366;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 21%;
  display: flex;
}

.section-2 {
  background-color: #ecd8c2;
  padding: 0 5vw 5vh;
  position: relative;
  overflow: hidden;
}

.section-2.scrolling {
  background-color: #0000;
  padding: 9% 0 0;
  overflow: visible;
}

.container-2 {
  flex-direction: column;
  flex: 0 auto;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.container-2.full-width {
  border-color: #03f;
  max-width: none;
}

.inner-container {
  padding-bottom: 30vh;
  position: sticky;
}

.wrap-sticky-section {
  flex-direction: column;
  height: 400vh;
  display: flex;
  position: relative;
}

.sticky-section {
  position: sticky;
  top: 0;
}

.grid-sticky-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 15vh auto auto auto auto auto auto auto auto 15vh;
  grid-template-columns: 10vw 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 10vw;
  min-height: 100vh;
  position: relative;
  top: 0;
  overflow: hidden;
}

.img-grid-04 {
  z-index: 1;
  background-color: #0000;
  background-image: none;
  background-size: auto;
  border-radius: 1em;
  max-width: 550px;
  max-height: 45vh;
  position: relative;
  overflow: hidden;
}

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

.img-grid-03 {
  z-index: 1;
  background-color: #0000;
  background-image: none;
  background-size: auto;
  border-radius: 1em;
  position: relative;
  overflow: hidden;
}

.img-grid-02 {
  z-index: 1;
  background-color: #0000;
  background-image: none;
  background-size: auto;
  border-radius: 1em;
  max-width: 550px;
  position: relative;
  overflow: hidden;
}

.img-grid-01 {
  z-index: 1;
  background-color: #0000;
  background-image: none;
  background-size: auto;
  border-radius: 1em;
  width: 100%;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.wrap-middle-heading {
  z-index: 0;
  position: relative;
}

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

.div-block-10, .div-block-11 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.form-container {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-12 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-13 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-14 {
  clear: right;
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-left: 40%;
  display: flex;
  position: static;
  inset: 0% 0% auto auto;
}

.div-block-18 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.credit-left {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.credit-right-2 {
  font-size: 110%;
  font-weight: 700;
}

.um-credit-3 {
  float: right;
  text-align: right;
  text-transform: uppercase;
  color: inherit;
  flex: 1;
  font-size: 10px;
  font-weight: 300;
}

.cuadrado-3 {
  color: var(--fp-02);
  font-weight: 700;
}

.um-link-3 {
  background-color: #0000;
  font-weight: 600;
  text-decoration: none;
  transition: all .5s cubic-bezier(.645, .045, .355, 1);
}

.um-link-3:hover {
  border: 1px solid var(--fp-02);
  color: var(--fp-02);
  -webkit-text-stroke-color: var(--fp-02);
  text-decoration: none;
}

.p.linea-temporal {
  color: var(--white);
  font-family: Rubik, sans-serif;
  font-weight: 300;
}

.final {
  font-family: var(--rubik);
  color: var(--fp-02);
  text-align: left;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 300;
  line-height: 1em;
}

.container-p-de-texto-copy {
  margin-left: auto;
  margin-right: auto;
  padding-right: 40%;
}

.ikonik-rt3xsg {
  color: #ec7c30;
  width: 18px;
  height: 16px;
}

.bajada-de-encabezado {
  color: #b4b4b4;
  text-align: center;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 120%;
}

.is-magnetic-2 {
  color: inherit;
}

.title-responsive {
  display: none;
}

.container-sllider-hero {
  z-index: 1;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30vh;
  margin-top: 0;
  transition: all .8s cubic-bezier(.39, .575, .565, 1);
  display: grid;
  position: absolute;
  inset: auto 0% -4%;
}

.marquee {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  overflow: hidden;
}

.marquee_track {
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.marquee_list, .marquee_flex {
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.marquee_item {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex: none;
  height: 100%;
  margin-right: 0;
  display: flex;
}

.all-hero-works {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  display: flex;
}

.all-hero-works.facu {
  z-index: 1;
  justify-content: center;
  align-items: center;
  min-width: auto;
  display: flex;
  position: relative;
}

.work-hero {
  border-radius: .5em;
  width: 15vw;
  height: 100%;
  transition: all .6s cubic-bezier(.39, .575, .565, 1);
  overflow: hidden;
}

.work-hero:hover {
  box-shadow: 0 2px 5px 2px #16161536;
}

.work-100 {
  transform: scale3d(1none, 1none, 1none);
  object-fit: cover;
  transform-style: preserve-3d;
  width: 100%;
  max-width: none;
  height: 100%;
}

.facu {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  overflow: hidden;
}

.facu_track {
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.facu_list, .facu_flex {
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.facu_item {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex: none;
  height: 100%;
  margin-right: 2em;
  display: flex;
}

.div-block-20 {
  z-index: 9;
  width: 100%;
  height: 100vh;
  position: relative;
}

@media screen and (min-width: 1440px) {
  .section.media {
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8em;
    padding-right: 8em;
    display: flex;
  }

  .container {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
  }

  .container.is-grey.top {
    margin-left: auto;
    margin-right: auto;
  }

  .faq-wrapper {
    width: 60vw;
  }

  .footer-wrapper {
    grid-template-columns: .5fr 1fr;
  }

  .footer-mail.letter-wrap {
    font-size: 2.5em;
  }

  .contact-us-card {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .horizontal-scroll-item.solo-slider-sticky {
    min-height: 20vh;
  }

  ._3d-item-description {
    justify-content: flex-end;
    align-items: flex-start;
    padding-right: 4em;
  }

  ._3d-item-left-column.relative {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .h2-light {
    font-size: 3.2em;
  }

  .h2-lbold {
    font-size: 3.8em;
  }

  .numero {
    font-size: 4em;
  }

  .h3-sections {
    font-size: 2.8em;
  }

  .icon {
    max-width: 84px;
  }

  .is-magnetic.menu-hambur {
    cursor: pointer;
  }

  .posi {
    max-width: 35vw;
  }

  .container-menu-big {
    padding-left: 8em;
    padding-right: 8em;
  }

  .brand-image {
    width: 240px;
  }

  .inner-container {
    padding-bottom: 10vh;
  }

  .div-block-9 {
    padding-right: 2em;
  }

  .form-container {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .container-p-de-texto-copy {
    padding-right: 20%;
  }

  .container-sllider-hero {
    bottom: -4%;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 1.5vw;
  }

  h3 {
    font-size: 2.6em;
  }

  h4 {
    font-size: 2.2em;
  }

  h5 {
    font-size: 1.9em;
  }

  p {
    font-size: 1.8em;
  }

  .section.main-screen {
    height: auto;
  }

  .section.possibilities {
    height: auto;
    margin-bottom: 0;
  }

  .section.horizontal-scroll {
    height: auto;
    margin-top: 7.5em;
  }

  .section.mobile {
    display: none;
  }

  .hero-sticky {
    height: auto;
    min-height: 100dvh;
    position: relative;
  }

  .zoom {
    width: 60vw;
  }

  .bg-video.is-desktop {
    display: none;
  }

  .bg-video.is-mobile {
    display: block;
  }

  .bg-video-wrapper.is-mobile {
    height: 40em;
    position: static;
  }

  .sticky-headings-layout {
    display: none;
  }

  .sticky-heading {
    width: 130%;
    max-width: none;
  }

  .hero-paragraph-wrapper {
    width: 60%;
    margin-top: 0;
  }

  .scroll-lottie {
    width: 3em;
  }

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

  .link-wrapper.margin-left {
    margin-left: 0;
  }

  .link-wrapper.dropdown {
    color: var(--white);
  }

  .container {
    padding-bottom: 4em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .container.is-grey {
    margin-left: 2em;
    margin-right: 2em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .container.is-grey.linea-de-tiempo {
    margin-left: 0;
    margin-right: 0;
    padding-left: 2em;
    padding-right: 2em;
  }

  .paragraph-container {
    align-items: flex-end;
    display: flex;
  }

  .paragraph-container.team {
    max-width: 100%;
  }

  .paragraph-container.text-center {
    max-width: 70%;
  }

  .service-picture-wrapper {
    padding-top: 18em;
    padding-bottom: 18em;
  }

  .heading-container.text-center {
    width: auto;
  }

  .heading-container.para-el-resitkcuy {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .small-paragraph {
    font-size: 1.4em;
  }

  .small-paragraph.hide-tab {
    display: none;
  }

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

  .button {
    font-size: 1.7vw;
  }

  .button.back-button, .button.next-button {
    background-color: #0000;
    border-radius: 0%;
    height: 100%;
  }

  .hero-paragraph {
    font-size: 1.5em;
  }

  .two-col-wrapper.one-col-tab {
    grid-column-gap: 3.5em;
    grid-row-gap: 3.5em;
    grid-template-columns: 1fr;
  }

  .team-member-photo {
    height: 16em;
  }

  .founders-photo-wrapper {
    border-radius: .83em;
    padding-top: 17em;
    padding-bottom: 17em;
  }

  .sticky-wrapper {
    width: 100%;
    height: auto;
  }

  .slider-image-wrapper {
    border-radius: .83em;
    height: auto;
    padding-top: 17em;
    padding-bottom: 17em;
  }

  .slider-image {
    width: 100%;
    max-width: 100%;
    height: 110%;
    inset: -10% 0% 0%;
  }

  .slider-text-wrapper {
    bottom: 2.5em;
  }

  .slider-item {
    width: 100%;
    height: auto;
  }

  .slider-paragraph-wrapper {
    width: 70%;
  }

  .slider-description {
    font-size: 1.8em;
  }

  .reviews-slider-arrow.left, .reviews-slider-arrow.right {
    display: flex;
  }

  .reviews-slide-item {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-direction: column;
    align-items: center;
  }

  .reviews-slide-item.t {
    align-items: stretch;
  }

  .reviews-slider_img-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    max-width: none;
    height: 40vh;
  }

  .reviews-slider-text-container {
    width: 100%;
    min-width: auto;
  }

  .reviews-slider-text-container.facu {
    border-radius: 0 0 1em 1em;
  }

  .review-slider-buttons-wrapper {
    justify-content: center;
    display: none;
  }

  .cursor-wrapper {
    display: none;
  }

  .quote-svg {
    width: 1.5em;
  }

  .faq-wrapper {
    width: 100%;
    max-width: none;
    padding-left: 5em;
    padding-right: 5em;
  }

  .faq-question-text {
    font-size: 1.8em;
  }

  .faq-answer-text-wrapper {
    max-width: 90%;
  }

  .plyr_embed {
    object-fit: cover;
  }

  .phone-wrapper {
    margin-bottom: 0;
  }

  .grey-container-overlay.center {
    margin-left: 2em;
    margin-right: 2em;
  }

  .founders-photo-section {
    height: auto;
  }

  .founders-quote-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .slider-heading {
    font-size: 2.8em;
  }

  .navbar-component {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    padding: 0;
  }

  .navbar-logo-wrapper {
    background-color: #000;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 0;
    padding-left: 2em;
    padding-right: 0;
    display: flex;
  }

  .navbar-links-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    background-color: #000;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 100vh;
    margin-left: 0;
    padding: 10em 2em;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: auto;
    transform: translate(0, -101%);
  }

  .nav-logo {
    width: 4em;
  }

  .nav-link {
    font-size: 2.5em;
  }

  .link-underline {
    display: none;
  }

  .main-nav-links {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-direction: column;
    align-items: flex-start;
  }

  .separation-line.white {
    background-color: var(--fp-02);
    position: absolute;
    inset: auto 0% 0%;
  }

  .grey-card {
    grid-column-gap: 3.5em;
    grid-row-gap: 3.5em;
  }

  .grey-card.stage {
    height: auto;
    min-height: 20em;
  }

  .founder-image-wrapper {
    justify-content: space-between;
    height: 40em;
  }

  .planka-team-photo-wrapper {
    border-radius: .83em;
    margin-left: 0;
  }

  .form-input, .form-input.brief {
    font-size: 1.4em;
  }

  .projects-item {
    flex-direction: column;
    justify-content: space-between;
  }

  .projects-item:first-child {
    border-top-style: solid;
  }

  .projects-item:last-child {
    border-bottom-style: none;
  }

  .project-image-wrapper {
    order: -1;
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .project-details-wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .project-description-line {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-direction: column;
    align-items: flex-start;
  }

  .project-description-line.horizontal-tab {
    flex-direction: row;
  }

  .year-icon {
    margin-top: 3px;
    margin-bottom: 0;
  }

  .project-video-embed-wrapper {
    border-radius: .83em;
  }

  .project-case-rich-text p {
    font-size: 1.8em;
  }

  .project-case-rich-text ul {
    padding-left: 3em;
    font-size: 1.8em;
  }

  .project-case-rich-text h2 {
    font-size: 2.6em;
  }

  .project-case-images-item {
    min-width: 40%;
  }

  .social-circle-button-icon.youtube, .social-circle-button-icon.insta {
    transform: translate(0, 2px);
  }

  .swiper-wrapper.is-projects-slider {
    grid-column-gap: 1.67em;
    grid-row-gap: 1.67em;
    flex-direction: column;
  }

  .swiper-slide.is-slider-main {
    width: 80%;
  }

  .swiper-slide.is-projects-slider {
    width: 100%;
  }

  .slider-main_button-wrapper, .pagination {
    display: none;
  }

  .reviews-text-holder {
    width: 100%;
    max-width: none;
    margin-left: 0;
    padding-bottom: 0;
  }

  .hero-heading.is-smaller-tab {
    font-size: 7em;
  }

  .popup-window-close-bg {
    padding-top: 2em;
    padding-right: 2em;
  }

  .quote-text {
    font-size: 1.4em;
  }

  .quote-heading {
    font-size: 2em;
  }

  .hamburger-lottie {
    width: 2em;
    display: block;
  }

  .hamburger-wrapper {
    padding: 2em;
    overflow: hidden;
  }

  .play-button-wrapper {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #fff3;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 5.33em;
    height: 5.33em;
    display: flex;
    position: absolute;
  }

  .play-button-icon {
    margin-left: 3px;
    display: block;
  }

  .brief-dropdown {
    font-size: 1.7vw;
  }

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

  .footer-column-top {
    grid-column-gap: 2.25em;
    grid-row-gap: 2.25em;
  }

  .social-icon-wrapper {
    font-size: 1.8vw;
  }

  .social-icon-wrapper.dzen {
    color: #000;
  }

  .social-icons-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .footer-mail.letter-wrap {
    font-size: 3.3em;
  }

  .space-between-wrapper.mobile {
    display: flex;
  }

  .space-between-wrapper.desktop {
    display: none;
  }

  .footer-social-icon.tg {
    margin-left: -3px;
  }

  .footer-icon-fill {
    transform: scale(1);
  }

  .contact-us-card {
    grid-column-gap: 4.5em;
    grid-row-gap: 4.5em;
    text-align: center;
    grid-template-columns: 1fr;
    padding: 4em 2.67em;
  }

  .contact-us-card-succes-wrapper {
    text-align: center;
    max-width: 100%;
    padding-top: 0;
  }

  .horizontal-scroll_sticky {
    height: auto;
    padding-left: 2em;
    padding-right: 2em;
  }

  .horizontal-scroll-benefit-card {
    width: 100%;
  }

  .horizontal-scroll-wrapper {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding-right: 0;
  }

  .abstract-bg {
    display: none;
  }

  .abstract-bg.full-height {
    display: block;
  }

  .bread-crumbs-text, .bread-crumbs-slash {
    font-size: 1.4em;
  }

  .founder-popup_close-bg {
    padding-top: 2em;
    padding-right: 2em;
  }

  .stages-heading-wrapper {
    max-width: 100%;
    padding-right: 3em;
  }

  .stages-timeline-column {
    padding-top: 0;
  }

  .stages-timeline-wrapper {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
  }

  .stages-subheading-block {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .h2-smaller {
    font-size: 2em;
    line-height: 1.2em;
  }

  .stages_stage-wrapper.subheading {
    min-height: 20em;
  }

  .stages_stage-wrapper.last {
    margin-left: 3em;
  }

  .stage-card {
    padding-left: 4em;
    padding-right: 4em;
  }

  .link-arrow-wrapper {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
  }

  .dropdown-wrapper {
    background-color: #0000;
    width: 100%;
    margin-top: 1em;
    margin-left: 0;
    position: static;
  }

  .stages-line, .stages-line.larger {
    height: 20em;
  }

  .horizontal-scroll-item {
    grid-column-gap: 3.33em;
    grid-row-gap: 3.33em;
    width: 100%;
  }

  .horizontal-scroll-item.solo-slider-sticky {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
    min-height: auto;
    margin-top: 0;
    padding-left: 2em;
  }

  ._3d-item-description {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  ._3d-item-left-column.relative {
    position: relative;
  }

  .horizontal-scroll-flex {
    flex-direction: column;
    width: 100%;
  }

  .horizontal-scroll-item-wrapper {
    position: relative;
  }

  .prevnext-case-heading {
    font-size: 2em;
  }

  .phone-mockup-inner.is-desktop {
    display: none;
  }

  .phone-mockup-inner.is-mobile {
    display: block;
  }

  .project-case-text-wrapper {
    max-width: 100%;
  }

  .project-case-part-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-direction: column;
  }

  .project-case-number {
    font-size: 2em;
  }

  .projects-slider {
    padding-left: 2em;
    padding-right: 2em;
  }

  .slider-image-wrapper-2 {
    border-radius: .83em;
    height: 34em;
  }

  .h2-light {
    font-size: 2.8em;
  }

  .h2-lbold {
    font-size: 4em;
  }

  .p {
    font-size: 1.2em;
  }

  .numero {
    font-size: 3em;
  }

  .img-container {
    border-top-left-radius: 0;
    max-height: 25vh;
  }

  .h3-sections {
    font-size: 2.8em;
    line-height: 1em;
  }

  .number-container-sticky {
    background-color: var(--black);
    border-bottom-right-radius: 1em;
    padding: 0 1.8em 1.8em 0;
    position: absolute;
  }

  .is-magnetic.logo {
    position: absolute;
  }

  .posi {
    border-radius: 0;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    inset: auto auto 0% 0%;
  }

  .i {
    font-size: 60%;
  }

  .menu-top-enlaces {
    display: none;
  }

  .container-menu-big {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.25fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: center;
    padding-left: 4em;
    padding-right: 1em;
    display: grid;
  }

  .container-menu-big-txt {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0%;
    padding-right: 0;
  }

  .tag-de-menu {
    font-size: 3em;
  }

  .p-bajada-menu {
    font-size: 1em;
  }

  .container-menu-links {
    justify-content: space-between;
    align-items: stretch;
  }

  .container-links-de-menu-top {
    grid-column-gap: .2em;
    grid-row-gap: .2em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .dentro-del-btn {
    bottom: 1.5%;
  }

  .section-2 {
    padding-bottom: 0;
  }

  .inner-container {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .wrap-sticky-section {
    height: 200vh;
  }

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

  .wrap-middle-heading {
    z-index: 1;
    background-color: var(--black);
    border-radius: 1em;
    padding: 2em;
  }

  .container-center-txt-banner {
    padding-left: 6%;
    padding-right: 6%;
  }

  .container-center-txt-banner.del-institucional {
    padding-left: 0%;
    padding-right: 0%;
  }

  .div-block-10 {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: row;
    justify-content: flex-start;
  }

  .div-block-11 {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .um-credit-3 {
    float: none;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 6px;
  }

  .final {
    font-size: 3em;
  }

  .heading {
    font-size: 4em;
  }

  .bajada-de-encabezado {
    font-size: 20px;
    line-height: 30px;
  }

  .marquee {
    bottom: -2%;
  }

  .marquee_item {
    width: auto;
    height: 20vh;
    margin-right: 3vw;
  }

  .all-hero-works.facu {
    border-radius: 0 0 1em 1em;
  }

  .work-hero {
    width: 25vw;
  }

  .facu {
    bottom: -2%;
  }

  .facu_item {
    width: auto;
    height: 20vh;
    margin-right: 3vw;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 2vw;
  }

  .section.larger-margin-top {
    padding-top: 18em;
  }

  .content-wrap {
    z-index: 2;
    margin-top: 0;
    position: relative;
  }

  .zoom {
    width: 70vw;
    display: none;
  }

  .bg-video.is-desktop.test {
    height: 100vh;
    display: block;
  }

  .bg-video-wrapper.responsive {
    z-index: 1;
  }

  .sticky-headings-layout {
    z-index: 3;
  }

  .hero-paragraph-wrapper {
    width: 70%;
  }

  .scroll-lottie-wrapper {
    display: flex;
  }

  .container.is-grey.bottom, .container.is-grey.linea-de-tiempo {
    padding-top: 5em;
    padding-bottom: 8.33em;
  }

  .paragraph-container.text-center {
    max-width: 100%;
  }

  .service-picture-wrapper {
    padding-top: 15em;
    padding-bottom: 15em;
  }

  .video-preview-wrapper {
    padding-top: 10.9em;
    padding-bottom: 10.9em;
  }

  .golden-bg {
    z-index: 2;
    display: none;
  }

  .button {
    font-size: 2.3vw;
  }

  .two-col-wrapper {
    grid-column-gap: 3.5em;
    grid-row-gap: 3.5em;
    grid-template-columns: 1fr;
  }

  .two-col-wrapper._404 {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .team-column.is-1 {
    text-align: center;
    align-items: center;
    margin-top: 3em;
  }

  .team-member-photo {
    height: 24em;
  }

  .founders-photo-wrapper {
    padding-top: 14em;
    padding-bottom: 14em;
  }

  .slider-image-wrapper {
    padding-top: 19em;
    padding-bottom: 19em;
  }

  .slider-paragraph-wrapper {
    width: 100%;
  }

  .quote-svg {
    width: 1em;
  }

  .faq-answer-text-wrapper {
    max-width: 100%;
  }

  .phone-wrapper {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    grid-template-columns: 1fr;
  }

  .phone-wrapper-column.text {
    text-align: center;
    align-items: center;
  }

  .h2-large {
    font-size: 4em;
  }

  .founders-quote-wrapper {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
  }

  .nav-logo {
    width: 3.5em;
  }

  .grey-card.stage {
    min-height: 22em;
  }

  .founder-image-wrapper {
    height: 35em;
  }

  .planka-team-photo-wrapper {
    padding-top: 15em;
    padding-bottom: 15em;
  }

  .project-image-wrapper {
    padding-top: 14em;
    padding-bottom: 14em;
  }

  .project-description-line.horizontal-tab {
    flex-direction: column;
  }

  .project-description-line.horizontal-tab.year {
    flex-direction: row;
  }

  .learn-more-arrow {
    width: 1em;
  }

  .project-case-rich-text ul {
    padding-left: 2em;
  }

  .social-buttons-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .reviews-text-holder {
    width: 100%;
  }

  .hero-heading.is-smaller-tab {
    font-size: 5em;
  }

  .brief-dropdown {
    font-size: 2.2vw;
  }

  .social-icon-wrapper {
    font-size: 2.5vw;
  }

  .footer-mail {
    font-size: 3.3em;
  }

  .horizontal-scroll-benefit-card {
    grid-column-gap: 3.25em;
    grid-row-gap: 3.25em;
    text-align: center;
    flex-direction: column;
    padding-left: 2.67em;
    padding-right: 2.67em;
  }

  .horizontal-scroll-wrapper {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .about-video-wrapper {
    height: 50em;
  }

  .stages-wrapper {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    grid-template-columns: 1fr;
  }

  .stages-heading-wrapper {
    max-width: 100%;
    padding-bottom: 0;
    position: static;
  }

  .stages-timeline-column {
    display: none;
  }

  .stages-description-wrapper.last {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .h2-smaller {
    font-size: 3.5em;
  }

  .stages-timeline_bullet.is-yellow.last {
    display: none;
  }

  .stages_stage-wrapper.last {
    flex-direction: row;
    margin-left: 0;
  }

  .stage-card {
    padding-left: 2.67em;
    padding-right: 2.67em;
  }

  ._3d-video-wrapper {
    align-self: center;
  }

  .horizontal-scroll-item {
    grid-template-columns: 1fr;
  }

  ._3d-item-left-column {
    flex-direction: column;
  }

  ._3d-item-left-column.relative {
    display: none;
  }

  .prevnext-source-content-wrapper {
    height: 24em;
  }

  .project-case-part-wrapper {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .slider-image-wrapper-2 {
    height: 30em;
  }

  .main-video-wrapper {
    height: 50em;
  }

  .over {
    justify-content: center;
    align-items: flex-start;
    padding-top: 15%;
  }

  .fixed-menu-big {
    align-items: flex-end;
    height: 100vh;
    padding-bottom: 6%;
  }

  .container-menu-big {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-direction: column;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-left: 4em;
    display: flex;
  }

  .container-menu-big-txt, .container-frase-menu-big {
    display: none;
  }

  .container-links-de-menu-top {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
  }

  .box-2 {
    padding: 5px;
  }

  .dentro-del-btn {
    width: 48px;
    bottom: 10px;
    right: 8px;
  }

  .credit-left {
    display: block;
    transform: translate(0, 15px);
  }

  .um-credit-3 {
    margin-top: 4%;
    margin-bottom: 4%;
  }

  .final {
    text-align: left;
  }

  .bajada-de-encabezado {
    font-size: 16px;
    line-height: 26px;
  }

  .div-block-19 {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: column;
    display: flex;
  }

  .title-responsive {
    font-family: var(--rubik);
    color: var(--fp-02);
    text-align: center;
    letter-spacing: -.05em;
    text-transform: uppercase;
    font-size: 7em;
    font-weight: 900;
    line-height: 90%;
    display: block;
  }

  .text-span {
    font-size: 50%;
  }

  .container-sllider-hero {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    display: none;
  }

  .marquee_item {
    width: auto;
    height: 15vh;
    margin-right: 4vw;
  }

  .all-hero-works {
    align-items: center;
  }

  .work-hero {
    width: 33vw;
  }

  .facu_item {
    width: auto;
    height: 15vh;
    margin-right: 4vw;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 2.5vw;
  }

  h2 {
    font-size: 3.5em;
  }

  h3 {
    font-size: 2.7em;
  }

  h5 {
    font-size: 2.1em;
  }

  p {
    font-size: 1.8em;
  }

  .section {
    padding-top: 12em;
  }

  .section.horizontal-scroll {
    margin-top: 0;
  }

  .hero-sticky {
    height: 100dvh;
  }

  .content-wrap {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-top: 4em;
  }

  .hero-text {
    box-shadow: inset 0 2px 5px 5px #000, 0 2px 5px 100em #000;
  }

  .zoom {
    width: 90vw;
  }

  .bg-video-wrapper.is-mobile {
    height: 50em;
  }

  .sticky-heading {
    width: 150%;
  }

  .hero-paragraph-wrapper {
    width: 80%;
  }

  .container.is-grey {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .container.is-grey.top {
    padding-top: 5em;
  }

  .container.is-grey.linea-de-tiempo {
    padding-bottom: 2em;
  }

  .service-picture-wrapper {
    padding-top: 20em;
    padding-bottom: 20em;
  }

  .heading-container.para-el-resitkcuy {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .small-paragraph {
    font-size: 1.6em;
  }

  .video-preview-wrapper {
    padding-top: 9em;
    padding-bottom: 9em;
  }

  .button {
    text-align: center;
    width: 100%;
    font-size: 3.3vw;
    display: flex;
  }

  .hero-paragraph {
    font-size: 2em;
    font-weight: 200;
  }

  .two-col-wrapper {
    grid-template-columns: 1fr;
  }

  .team-wrapper {
    height: 41em;
  }

  .team-member-photo {
    height: 22em;
  }

  .founders-photo-wrapper {
    padding-top: 11em;
    padding-bottom: 11em;
  }

  .slider-image-wrapper {
    padding-top: 22em;
    padding-bottom: 22em;
  }

  .reviews-slider {
    height: auto;
  }

  .reviews-slider-mask {
    height: auto;
    padding-bottom: 0;
  }

  .reviews-slide {
    height: auto;
  }

  .reviews-slider-arrow.left {
    height: 45vh;
    display: block;
    inset: 0% auto auto 0%;
  }

  .reviews-slider-arrow.right {
    height: 45vh;
    display: block;
    inset: 0% 0% auto auto;
  }

  .reviews-slide-item.t {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    justify-content: flex-start;
    height: auto;
  }

  .reviews-slider_img-container {
    height: 45vh;
  }

  .reviews-slide-wrapper, .reviews-slide-list {
    height: auto;
  }

  .faq-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    padding-left: .5em;
    padding-right: .5em;
    display: flex;
  }

  .faq-question-text {
    padding-right: 2em;
    font-size: 2em;
    line-height: 1.2em;
  }

  .plyr_embed {
    object-fit: cover;
  }

  .grey-container-overlay.top.all {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .grey-container-overlay.center {
    margin-left: 0;
    margin-right: 0;
  }

  .founders-quote-wrapper {
    grid-column-gap: 1.75em;
    grid-row-gap: 1.75em;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .founders-quote-wrapper.mobile {
    display: flex;
    position: static;
  }

  .separation-line.white {
    width: 90%;
    max-width: 90%;
    left: 2em;
    right: 2em;
  }

  .founder-image-wrapper {
    justify-content: space-between;
    height: 40em;
  }

  .planka-team-photo-wrapper {
    padding-top: 12em;
    padding-bottom: 12em;
  }

  .form-input {
    padding-top: 1.8em;
    padding-bottom: 1.8em;
    font-size: 1.6em;
  }

  .form-input.brief {
    font-size: 1.8em;
  }

  .project-image-wrapper {
    padding-top: 12em;
    padding-bottom: 12em;
  }

  .project-case-rich-text h2 {
    font-size: 2.7em;
  }

  .project-case-images-item, .splitter-component {
    min-width: 50%;
  }

  .social-circle-button {
    width: 6.5em;
    height: 6.5em;
  }

  .social-circle-button-icon {
    width: 2.8em;
  }

  .button-arrow-icon {
    margin-top: 0;
  }

  .button-arrow-icon.right {
    margin-bottom: 3px;
  }

  .pagination {
    inset: auto 0% 0%;
  }

  .quote-heading {
    font-size: 2.2em;
  }

  .hamburger-lottie {
    width: 2.5em;
  }

  .play-button-icon {
    margin-top: 3px;
    margin-left: 2px;
  }

  .brief-dropdown {
    font-size: 3vw;
  }

  .social-icon-wrapper {
    font-size: 3.5vw;
  }

  .social-icons-wrapper {
    justify-content: space-between;
    width: 100%;
  }

  .footer-mail {
    font-size: 2.5em;
  }

  .footer-mail.letter-wrap {
    letter-spacing: -.05em;
    font-size: 1.8em;
    font-weight: 800;
  }

  .space-between-wrapper.mobile {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
    flex-direction: column;
  }

  .contact-us-card {
    padding-left: 2em;
    padding-right: 2em;
  }

  .contact-us-card-column {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
  }

  .privacy-text {
    text-align: left;
    font-size: 8px;
  }

  .horizontal-scroll_sticky {
    position: relative;
  }

  .horizontal-scroll-benefit-card {
    padding-left: 2em;
    padding-right: 2em;
  }

  .horizontal-scroll-wrapper {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
  }

  .founders-quote-bg {
    display: none;
  }

  .bread-crumbs-text, .bread-crumbs-slash {
    font-size: 1.6em;
  }

  .stages-heading-wrapper {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    padding-right: 0;
  }

  .h2-smaller {
    font-size: 2em;
  }

  .stages-timeline_bullet.is-yellow.last {
    width: 60px;
  }

  .stages_stage-wrapper.last {
    grid-column-gap: 2.9em;
    grid-row-gap: 2.9em;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 20em;
    margin-top: 0;
  }

  .dropdown-arrow {
    width: 1em;
  }

  ._3d-video-wrapper {
    width: 30em;
    height: 30em;
  }

  ._3d-item-description {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    display: flex;
  }

  ._3d-item-left-column.relative {
    min-height: 35vh;
  }

  .prevnext-case-heading {
    font-size: 2.3em;
  }

  .slider-image-wrapper-2 {
    height: 42em;
  }

  .h2-light {
    font-size: 3em;
  }

  .h2-lbold {
    font-size: 4.5em;
    line-height: .9em;
  }

  .upper.numeros {
    font-size: 1em;
  }

  .container-p-de-texto {
    max-width: none;
    padding-left: 1em;
    padding-right: 1em;
  }

  .p {
    font-size: 1.6em;
  }

  .p.smaller {
    font-size: 1.4em;
  }

  .numero {
    font-size: 3em;
    font-weight: 200;
  }

  .img-container {
    max-height: none;
  }

  .icon {
    max-width: 80%;
  }

  .number-container-sticky {
    padding-bottom: 1em;
    padding-right: 1em;
  }

  .h3-light, .h3-slider {
    font-size: 3.2em;
  }

  .is-magnetic.logo {
    background-color: var(--white);
    border-bottom-right-radius: 2em;
    padding: 6% 6% 6% 3%;
    top: 0%;
    left: 0%;
  }

  .is-magnetic.menu-hambur {
    top: 1%;
    right: 1%;
  }

  .over {
    opacity: 1;
    background-color: #08080840;
    justify-content: center;
    align-items: center;
    padding-top: 0%;
  }

  .posi {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    position: static;
    inset: auto auto 0% 0%;
  }

  .i {
    background-color: var(--bg-original);
    font-family: var(--rubik);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    margin-left: 3px;
    padding: 16px;
    font-size: 3vw;
    display: flex;
  }

  .i.r {
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-left: 0;
    margin-right: 3px;
    inset: 0% 0% 0% auto;
  }

  .fixed-menu-big {
    align-items: center;
    padding-bottom: 0%;
    overflow: hidden;
  }

  .container-menu-big {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: .5fr .5fr;
    grid-template-columns: 100%;
    grid-auto-columns: 1fr;
    place-content: space-between center;
    align-items: flex-start;
    height: auto;
    padding: 180px 6% 10vh;
    display: flex;
  }

  .container-menu-big-txt {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    display: none;
  }

  .container-menu-links {
    justify-content: flex-start;
    align-items: stretch;
    min-height: 80vh;
  }

  .container-links-de-menu-top {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: column;
    justify-content: flex-end;
    padding-left: 0%;
    display: flex;
  }

  .box-2.fixed {
    z-index: 9999999;
  }

  .dentro-del-btn {
    width: 64px;
    bottom: 10px;
    right: 10px;
  }

  .inner-container {
    padding: 10vh 2em;
  }

  .wrap-sticky-section {
    height: auto;
  }

  .grid-sticky-section {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-content: center;
    min-height: auto;
    overflow: visible;
  }

  .img-grid-04 {
    max-height: 20vh;
  }

  .img-grid-03 {
    width: 100%;
    height: 100%;
    max-height: 20vh;
  }

  .img-grid-02 {
    width: auto;
    max-height: 20vh;
  }

  .img-grid-01 {
    width: auto;
    max-width: none;
    height: 20vh;
    max-height: 20vh;
    margin-left: 0;
  }

  .wrap-middle-heading {
    z-index: 2;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .div-block-10 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
  }

  .div-block-11 {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .form-container {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
    flex-flow: column;
    display: flex;
  }

  .div-block-12 {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: column;
  }

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

  .div-block-14 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0%;
  }

  .div-block-18 {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .credit-right-2 {
    margin-top: 1%;
  }

  .final {
    text-align: left;
    margin-top: 10%;
    font-size: 2.5em;
  }

  .container-p-de-texto-copy {
    padding-right: 0%;
  }

  .bajada-de-encabezado.r {
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-left: 0;
    margin-right: 3px;
    inset: 0% 0% 0% auto;
  }

  .div-block-19 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
  }

  .title-responsive {
    text-align: center;
    font-size: 8em;
    line-height: 70%;
  }

  .text-span {
    color: var(--gold);
    font-size: 55%;
  }

  .container-sllider-hero {
    height: 40vh;
  }

  .marquee {
    bottom: -8%;
  }

  .marquee_item {
    width: auto;
    height: 100%;
    margin-right: 6vw;
  }

  .all-hero-works {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
  }

  .work-hero {
    width: 65vw;
    height: 100%;
  }

  .work-hero:hover {
    box-shadow: none;
  }

  .facu {
    bottom: -8%;
  }

  .facu_item {
    width: auto;
    height: auto;
    margin-right: 6vw;
  }
}

#w-node-_1ce184df-7631-6784-4173-241fe5985815-3f5aecc0, #w-node-_6d639872-3bfb-0380-8bf8-2060804e2616-804e2613, #w-node-_6d639872-3bfb-0380-8bf8-2060804e2636-804e2613 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_14494192-9df2-ff3f-037b-7eba32a27610-3f5aecf7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-ecaf4b81-b819-94cc-7a74-0dd716ba6800-3f5aecf7, #w-node-_23a7e04c-ce20-82e3-cd99-53237bfa0492-3f5aecf7, #w-node-e0eecfe5-be21-5880-349d-b6fb727a8d38-727a8d35, #w-node-e0eecfe5-be21-5880-349d-b6fb727a8d3f-727a8d35, #contact-submit-fake.w-node-e0eecfe5-be21-5880-349d-b6fb727a8d4d-727a8d35, #w-node-e0eecfe5-be21-5880-349d-b6fb727a8d5f-727a8d35, #w-node-c703b454-fa27-8899-4002-124332866d6a-c3a3c3e1, #w-node-_2d514e7e-a8ba-eb0f-5070-08e2ffc9ee42-c3a3c3e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b444c322-b248-1028-f5b7-58fbdf81bd23-c3a3c3e1 {
  grid-area: 7 / 7 / 11 / 10;
}

#w-node-b444c322-b248-1028-f5b7-58fbdf81bd25-c3a3c3e1 {
  grid-area: 7 / 1 / 11 / 3;
}

#w-node-b444c322-b248-1028-f5b7-58fbdf81bd27-c3a3c3e1 {
  grid-area: 2 / 8 / 7 / 11;
}

#w-node-b444c322-b248-1028-f5b7-58fbdf81bd29-c3a3c3e1 {
  grid-area: 1 / 1 / 6 / 5;
}

#w-node-b444c322-b248-1028-f5b7-58fbdf81bd2b-c3a3c3e1 {
  grid-area: 2 / 4 / 10 / 8;
  place-self: center;
}

#w-node-e5776146-fc4e-4746-9ab7-05f4efb00c75-c3a3c3e1, #w-node-e5776146-fc4e-4746-9ab7-05f4efb00c7c-c3a3c3e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_50ee6bfc-7f3a-d274-68ce-6d778cb72545-c3a3c3e1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-cc365d51-2972-f669-d28a-9d347f4e42c2-c3a3c3e1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_64514d63-51a5-fbb7-5da0-f1483c768cd9-c3a3c3e1, #w-node-_64514d63-51a5-fbb7-5da0-f1483c768cee-c3a3c3e1, #w-node-_52f2fe26-3e59-fe7f-37d5-ccd99a1d148d-c3a3c3e1, #w-node-_52f2fe26-3e59-fe7f-37d5-ccd99a1d14ad-c3a3c3e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a105ad05-d11f-c666-05eb-334c9c037b00-9c037afd {
  grid-column-start: span 1.67;
  grid-column-end: span 1.67;
  grid-row: span 1 / span 1;
}

#w-node-a105ad05-d11f-c666-05eb-334c9c037b06-9c037afd, #w-node-_11ed035f-58de-95e0-9260-123352ac7a72-52ac7a60 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-a105ad05-d11f-c666-05eb-334c9c037b06-9c037afd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_6d639872-3bfb-0380-8bf8-2060804e2616-804e2613, #w-node-_14494192-9df2-ff3f-037b-7eba32a27610-3f5aecf7, #w-node-feec70ad-b8c9-70ea-243d-f65e7cbcd487-3f5aecf7 {
    order: 9999;
  }

  #w-node-c703b454-fa27-8899-4002-124332866d53-c3a3c3e1, #w-node-c703b454-fa27-8899-4002-124332866d6a-c3a3c3e1 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-b444c322-b248-1028-f5b7-58fbdf81bd23-c3a3c3e1 {
    grid-area: 4 / 4 / 7 / 7;
  }

  #w-node-b444c322-b248-1028-f5b7-58fbdf81bd25-c3a3c3e1 {
    grid-row: 4 / 7;
  }

  #w-node-b444c322-b248-1028-f5b7-58fbdf81bd27-c3a3c3e1 {
    grid-column: 4 / 7;
    grid-row-end: 5;
  }

  #w-node-b444c322-b248-1028-f5b7-58fbdf81bd29-c3a3c3e1 {
    grid-row-end: 4;
  }

  #w-node-b444c322-b248-1028-f5b7-58fbdf81bd2b-c3a3c3e1 {
    grid-column: 2 / 6;
    grid-row-end: 6;
  }

  #w-node-_52f2fe26-3e59-fe7f-37d5-ccd99a1d148d-c3a3c3e1 {
    order: 9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c703b454-fa27-8899-4002-124332866d53-c3a3c3e1 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_64514d63-51a5-fbb7-5da0-f1483c768cd7-c3a3c3e1 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c703b454-fa27-8899-4002-124332866d53-c3a3c3e1 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c703b454-fa27-8899-4002-124332866d6a-c3a3c3e1 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b444c322-b248-1028-f5b7-58fbdf81bd23-c3a3c3e1 {
    grid-area: 6 / 2 / 9 / 4;
  }

  #w-node-b444c322-b248-1028-f5b7-58fbdf81bd25-c3a3c3e1 {
    grid-row: 5 / 8;
  }

  #w-node-b444c322-b248-1028-f5b7-58fbdf81bd27-c3a3c3e1 {
    grid-column: 2 / 4;
    grid-row-end: 4;
  }

  #w-node-b444c322-b248-1028-f5b7-58fbdf81bd29-c3a3c3e1 {
    grid-row-end: 3;
    grid-column-end: 3;
    justify-self: start;
  }

  #w-node-b444c322-b248-1028-f5b7-58fbdf81bd2b-c3a3c3e1 {
    grid-area: 4 / 1 / 5 / 4;
  }

  #w-node-_00f51550-fa44-e18b-1260-dce80b7af1ae-c3a3c3e1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #Consulta.w-node-_1ddbf5c9-a569-d924-01d5-512f2470ef42-c3a3c3e1 {
    grid-area: 1 / 1 / 2 / 2;
  }
}


@font-face {
  font-family: 'Tildasans';
  src: url('../fonts/TildaSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futurapt Demi';
  src: url('../fonts/FuturaPT-Demi.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}