@font-face {
  font-family: Roobert;
  src: url('../fonts/Roobert-Light.woff2') format("woff2"), url('../fonts/Roobert-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert;
  src: url('../fonts/Roobert-MediumItalic.woff2') format("woff2"), url('../fonts/Roobert-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roobert;
  src: url('../fonts/Roobert-LightItalic.woff2') format("woff2"), url('../fonts/Roobert-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roobert;
  src: url('../fonts/Roobert-Bold.woff2') format("woff2"), url('../fonts/Roobert-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert;
  src: url('../fonts/Roobert-Medium.woff2') format("woff2"), url('../fonts/Roobert-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert;
  src: url('../fonts/Roobert-BoldItalic.woff2') format("woff2"), url('../fonts/Roobert-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roobert;
  src: url('../fonts/Roobert-HeavyItalic.woff2') format("woff2"), url('../fonts/Roobert-HeavyItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roobert;
  src: url('../fonts/Roobert-RegularItalic.woff2') format("woff2"), url('../fonts/Roobert-RegularItalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roobert;
  src: url('../fonts/Roobert-SemiBold.woff2') format("woff2"), url('../fonts/Roobert-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Roobert;
  src: url('../fonts/Roobert-Heavy.woff2') format("woff2"), url('../fonts/Roobert-Heavy.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roobert;
  src: url('../fonts/Roobert-SemiBoldItalic.woff2') format("woff2"), url('../fonts/Roobert-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

:root {
  --talodon-white: white;
  --talodon-black: #101010;
  --talodon-light-grey: #7e7e7e;
  --talodon-off-white: #e6e6e6;
  --talodon-dark-grey: #222;
  --lighter-grey: #a6a6a6;
  --talodon-grey: #5c5c5c;
  --talodon-green: #144430;
  --talodon-light-green: #00ffa3;
  --off-grey: #ccc;
  --grey-96: #f5f5f5;
  --talodon-dark-red: #310012;
  --talodon-light-red: #ff005c;
  --talodon-dark-green: #002115;
  --white: white;
  --black: black;
  --talodon-dark-blue: #00232e;
  --talodon-light-blue: #00c2ff;
}

.nav-main {
  z-index: 10;
  background-color: var(--talodon-white);
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 220px;
  padding: 50px 40px 40px;
  display: flex;
  position: absolute;
}

.nav-main.dark {
  background-color: var(--talodon-black);
  color: var(--talodon-white);
}

.nav-main.dark.grey {
  background-color: var(--talodon-light-grey);
}

.nav-main.bl {
  background-color: var(--talodon-black);
  color: var(--talodon-white);
}

.nav-main.gr {
  background-color: var(--talodon-light-grey);
  color: var(--talodon-white);
}

.nav-main.gr.dr-gr {
  background-color: var(--talodon-dark-grey);
}

.nav-logo {
  width: 160px;
}

.nav-logo.large {
  width: 260px;
}

.body {
  background-color: var(--talodon-white);
  color: var(--talodon-black);
  font-family: Roobert, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 140%;
}

.nav-right {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 48vw;
  display: grid;
}

.nav-btn {
  border-top: 1px solid var(--talodon-off-white);
  color: var(--talodon-black);
  cursor: pointer;
  justify-content: space-between;
  padding-top: 7px;
  text-decoration: none;
  display: flex;
}

.nav-btn.dark {
  border-top-color: var(--talodon-dark-grey);
  color: var(--talodon-white);
}

.nav-btn.dark.grey {
  border-top-color: var(--lighter-grey);
}

.nav-btn-txt {
  z-index: 9;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  height: 24px;
  display: flex;
  overflow: hidden;
}

.nav-btn-arrow {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

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

.quick-contact {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  align-items: flex-start;
  margin-left: 0;
  margin-right: auto;
  display: none;
}

.quick-btn {
  color: var(--talodon-light-grey);
  text-decoration: none;
}

.home-hero {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  color: var(--talodon-white);
  background-color: var(--talodon-black);
  flex-flow: column;
  justify-content: space-between;
  padding: 270px 40px 50px;
  display: flex;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.home-hero.footer {
  height: 90vh;
  padding-top: 50px;
}

.home-hero.img {
  height: auto;
  padding-top: 80px;
}

.home-hero.img.website {
  background-color: var(--talodon-black);
}

.home-hero-top {
  justify-content: space-between;
  display: flex;
}

.home-hero-top.v2 {
  border-top: 1px solid var(--talodon-dark-grey);
  margin-bottom: 80px;
  padding-top: 160px;
  padding-bottom: 160px;
  position: relative;
}

.home-hero-top.website {
  z-index: 3;
  position: relative;
}

.home-hero-big-text {
  width: 48vw;
  min-width: 48vw;
  color: var(--talodon-white);
  letter-spacing: -.03em;
  margin-left: auto;
  padding-right: 2vw;
  font-size: 6vw;
  font-weight: 500;
  line-height: 100%;
}

.home-hero-big-text.white-text {
  color: var(--talodon-black);
}

.home-hero-big-text.v2 {
  font-size: 17px;
}

.big-white-txt.b {
  color: var(--talodon-black);
}

.big-white-txt.v2 {
  font-size: 6vw;
  line-height: 100%;
}

.home-hero-btm {
  justify-content: space-between;
  margin-top: auto;
  display: flex;
}

.home-hero-btm.new {
  margin-top: 270px;
}

.home-hero-btm.new.website {
  z-index: 2;
  position: relative;
}

.home-hero-btm-left {
  width: 30vw;
  max-width: 360px;
  font-size: 24px;
  line-height: 100%;
}

.home-hero-btm-right {
  justify-content: space-between;
  align-items: flex-end;
  width: 48vw;
  margin-left: auto;
  display: flex;
}

.scroll {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-end;
  display: flex;
}

.scroll.white {
  color: var(--talodon-white);
}

.scroll-line {
  width: 2px;
  height: 20px;
  overflow: hidden;
}

.scrolling-line {
  background-color: var(--talodon-white);
  width: 2px;
  height: 20px;
}

.scrolling-line.b, .scrolling-line.black {
  background-color: var(--talodon-black);
}

.hero-cta {
  width: 100%;
  padding-right: 40px;
  display: flex;
}

.hero-cta-btn {
  border-top: 1px solid var(--talodon-off-white);
  cursor: pointer;
  justify-content: space-between;
  width: 18vw;
  margin-top: 100px;
  margin-left: 16vw;
  padding-top: 7px;
  display: flex;
}

.home-section-1 {
  background-color: var(--talodon-white);
  padding: 200px 40px;
}

.home-section-1.dark {
  background-color: var(--talodon-black);
  color: var(--talodon-white);
}

.home-section-1.casestudy {
  padding-top: 120px;
}

.hero-parallax-img {
  z-index: -1;
  background-color: var(--talodon-black);
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/667ad148b6c6a7b8fdab6a54_darker-copy.webp');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: none !important;
}

.hero-parallax-img.footer {
  background-image: linear-gradient(#0000, #0000), url('../images/turbo.webp');
  height: 120vh;
}

.hero-parallax-img.new {
  background-color: var(--talodon-black);
  background-image: none;
}

.hero-parallax-img.newimg {
  background-image: linear-gradient(#00000029, #00000029), url('../images/llll.webp');
  background-position: 0 0, 50%;
  height: 120%;
}

.hero-parallax-img.newimg._1 {
  background-image: linear-gradient(#0000, #0000), url('../images/667e905ba22838248a8ec359_turbo.webp');
  background-position: 0 0, 50% 100%;
}

.hero-parallax-img.newimg._2 {
  background-image: linear-gradient(#0000004a, #0000004a), url('../images/669a3e3d7e1b287433a67e62_sam-balye-t0nojyPGbok-unsplash-1.webp');
  background-position: 0 0, 50%;
}

.hero-parallax-img.newimg._3 {
  background-image: linear-gradient(#00000040, #00000040), url('../images/ren-ran-oU2ruea3OzM-unsplash-2.webp');
}

.hero-parallax-img.newimg._4 {
  background-image: linear-gradient(to bottom, var(--talodon-black), var(--talodon-black));
}

.hero-parallax-img.newimg._5 {
  background-image: linear-gradient(90deg, #0000, #0000004d), linear-gradient(#0003, #0003), url('../images/669bc282b6167a3f1abb837f_daniel-wirtz-AXfDvKOawZQ-unsplash.webp');
  background-position: 0 0, 0 0, 50% 70%;
  background-size: auto, auto, cover;
}

.hero-parallax-img.newimg._6 {
  background-image: linear-gradient(#0000001c, #0000001c), url('../images/michael-seh-S66mTqg0nM8-unsplash.webp');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.hero-parallax-img.newimg._7 {
  background-image: linear-gradient(90deg, #0000, #0000004a), linear-gradient(#00000029, #00000029), url('../images/llll.webp');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.hero-parallax-img.newimg._8 {
  background-image: linear-gradient(#0000001f, #0000001f), url('../images/669c474452341ca68cb19dec_mmm.webp');
  background-size: auto, cover;
}

.hero-parallax-img.newimg._9 {
  background-image: linear-gradient(90deg, #0000, #00000063), url('../images/nicholas-peloso-YmxQqOePOjc-unsplash-2.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.hero-parallax-img.newimg._21 {
  z-index: 0;
  object-fit: cover;
  background-image: linear-gradient(#00000021, #00000021), url('../images/Hero-6.webp');
}

.big-text {
  letter-spacing: -.04em;
  max-width: 70vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 6vw;
  line-height: 100%;
}

.section-1-split-section {
  justify-content: space-between;
  margin-top: 100px;
  display: flex;
}

.s1-split-left {
  margin-left: auto;
  margin-right: 160px;
}

.s1-split-right {
  width: 48vw;
}

.paragraph-limit-1 {
  max-width: 400px;
  color: var(--talodon-light-grey);
}

.services-btns {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-flow: column;
  width: 30vw;
  max-width: 400px;
  margin-top: 60px;
  display: flex;
}

.home-section-2 {
  background-color: var(--talodon-off-white);
  padding: 60px 40px 200px;
}

.home-section-2.white {
  background-color: var(--talodon-white);
}

.home-section-2.white.new {
  padding-bottom: 60px;
}

.btn-2 {
  color: var(--talodon-black);
  cursor: pointer;
  justify-content: space-between;
  padding-top: 10px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.btn-2.post {
  width: 18vw;
}

.btn-2.dark {
  width: 18vw;
  color: var(--talodon-white);
}

.btn-2.dark-2 {
  width: 18vw;
  max-width: 18vw;
  color: var(--talodon-white);
  text-decoration: none;
}

.btn-2.dark-2.v2 {
  margin-top: 60px;
}

.btn-2-line {
  width: 100%;
  height: 2px;
  position: absolute;
  inset: 0% 0% auto;
}

.btn-line-1 {
  background-color: var(--talodon-off-white);
  transform-origin: 100%;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.btn-line-1.white {
  background-color: var(--talodon-white);
}

.btn-line-1.white.b {
  background-color: var(--talodon-off-white);
}

.btn-line-1.dark {
  background-color: var(--talodon-grey);
}

.btn-line-1.dark.green {
  background-color: var(--talodon-green);
}

.btn-line-1.dark.grey {
  background-color: var(--lighter-grey);
}

.btn-line-2 {
  background-color: var(--talodon-black);
  transform-origin: 0%;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.btn-line-2.white {
  background-color: var(--talodon-white);
}

.btn-line-2.white.b {
  background-color: var(--talodon-black);
}

.btn-line-2.dark {
  background-color: var(--talodon-white);
}

.btn-line-2.dark.green {
  background-color: var(--talodon-light-green);
}

.arrow-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -14px;
}

.btn-1 {
  cursor: pointer;
  justify-content: space-between;
  width: 18vw;
  height: 40px;
  padding-top: 10px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.btn-1.submit {
  background-color: #f9fbfd00;
  font-size: 18px;
}

.btn-1.sub {
  color: var(--talodon-white);
  margin-top: 40px;
  font-size: 17px;
}

.btn-1.form {
  margin-top: 40px;
}

.btn-1.form.c-sub {
  margin-top: 60px;
}

.btn-1.w {
  color: var(--talodon-white);
}

.top-copy {
  border-bottom: 1px solid var(--off-grey);
  justify-content: space-between;
  padding-bottom: 20px;
  display: flex;
}

.top-copy.light {
  border-bottom-color: var(--talodon-off-white);
}

.top-copy.light.post {
  margin-top: 100px;
}

.top-copy.dark {
  border-bottom-color: var(--talodon-dark-grey);
}

.top-copy.dark.grey {
  border-bottom-color: var(--talodon-grey);
}

.top-copy.white {
  border-bottom-color: var(--lighter-grey);
}

.top-copy.white.terms-border {
  border-bottom-color: #363636;
}

.top-copy-left {
  position: relative;
  inset: 0% auto auto 0%;
}

.top-copy-right {
  width: 48vw;
  color: var(--lighter-grey);
  justify-content: space-between;
  display: flex;
}

.top-copy-right.dark {
  color: var(--talodon-grey);
}

.top-copy-right.black {
  color: var(--talodon-black);
  margin-left: auto;
}

.medium-text {
  letter-spacing: -.04em;
  width: 48vw;
  margin: 60px 0 100px auto;
  font-size: 2vw;
  line-height: 100%;
}

.medium-text.how-top {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 3.9vw;
  display: flex;
}

.medium-text.how-top.n {
  font-size: 5vw;
}

.medium-text.hid {
  display: none;
}

.medium-text.contact-text {
  width: auto;
  margin-top: 0;
  margin-bottom: 20px;
}

.product-rows {
  color: var(--talodon-black);
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 60px;
  padding-bottom: 30px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.product-rows.new {
  cursor: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.product-rows.new.hide-this {
  display: none;
}

.row-left {
  padding-right: 40px;
  display: flex;
}

.row-right {
  justify-content: space-between;
  width: 48vw;
  display: flex;
}

.text-block {
  width: 15vw;
}

.light-text {
  max-width: 300px;
  color: var(--talodon-light-grey);
}

.light-text.num {
  width: 3vw;
  min-width: 3vw;
  color: var(--talodon-white);
}

.light-text.num.key {
  color: var(--talodon-black);
}

.light-text.how-step {
  max-width: 500px;
}

.light-text.how-step.title {
  max-width: 400px;
  color: var(--talodon-white);
}

.light-text.how-step.title.key {
  color: var(--talodon-black);
}

.light-text.white {
  max-width: 450px;
  color: var(--talodon-off-white);
  font-size: 24px;
  line-height: 120%;
}

.light-text.white.termsand {
  color: var(--talodon-off-white);
  text-decoration: none;
}

.light-text.white.termsand.slighltys {
  font-size: 20px;
  line-height: 130%;
}

.light-text.white.slighltlysmaller {
  max-width: 600px;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
}

.row-right-text {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  height: 6vw;
  padding-top: 1vw;
  display: flex;
  overflow: hidden;
  transform: translate(0, 13px);
}

.rrt1 {
  letter-spacing: -.04em;
  font-size: 4vw;
  line-height: 100%;
}

.rrt1.n {
  color: var(--talodon-white);
  font-size: 3vw;
}

.right-arrow {
  width: 3vw;
  min-width: 3vw;
  height: 3vw;
  min-height: 3vw;
  margin-top: 1.4vw;
  display: flex;
  overflow: hidden;
  transform: translate(0, 13px);
}

.right-arrow.white {
  width: 2vw;
  min-width: 2vw;
  height: 2vw;
  min-height: 2vw;
  margin-top: 0;
  transform: none;
}

.right-arrow.new {
  margin-top: -1.4vw;
}

.arrow-1 {
  width: 100%;
  height: 100%;
  margin-left: -100%;
}

.arrow-22 {
  width: 100%;
  height: 100%;
}

.arrow-22.how, .arrow-22.hidden {
  opacity: 0;
}

.rrt2 {
  letter-spacing: -.04em;
  font-size: 4vw;
  line-height: 100%;
}

.rrt2.n {
  font-size: 3vw;
}

.limited-p {
  letter-spacing: -.03em;
  max-width: 24vw;
  line-height: 110%;
}

.limited-p.title {
  max-width: none;
  font-size: 3.2vw;
}

.limited-p.animate-in-2s {
  line-height: 110%;
}

.product-line {
  background-color: var(--off-grey);
  transform-origin: 100%;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.product-line.how {
  background-color: var(--talodon-dark-grey);
  inset: 0% 0% auto;
}

.product-line.white {
  background-color: var(--lighter-grey);
}

.product-line.white.terms-line {
  background-color: #363636;
}

.product-line-active {
  background-color: var(--talodon-black);
  transform-origin: 0%;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.product-line-active.how {
  background-color: var(--talodon-white);
  inset: 0% 0% auto;
}

.product-line-active.white {
  background-color: var(--talodon-white);
}

.home-section-3 {
  background-color: var(--talodon-white);
  padding: 60px 40px 200px;
}

.stats {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 100%;
  margin-top: 120px;
  padding-top: 70px;
  padding-left: 80px;
  padding-right: 80px;
  display: grid;
}

.stat {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  max-width: 400px;
  display: flex;
}

.big-num {
  text-align: center;
  letter-spacing: -.06em;
  font-size: 9vw;
  line-height: 120%;
}

.stat-line {
  background-color: var(--talodon-off-white);
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.stat-desc {
  max-width: 340px;
  color: var(--lighter-grey);
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}

.footer {
  overflow: hidden;
}

.r1._1 {
  margin-top: 60px;
}

.active-r {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.active-left {
  flex-flow: column;
  height: 1.1em;
  margin-bottom: -.1em;
  display: flex;
  overflow: hidden;
}

.active-left-box {
  flex-flow: column;
  display: flex;
}

.home-section-4 {
  background-color: var(--talodon-black);
  color: var(--talodon-white);
  padding: 60px 40px 80px;
}

.home-section-4.grey {
  background-color: var(--talodon-dark-grey);
}

.home-section-4.hiw.cs {
  padding-top: 40px;
  padding-bottom: 80px;
}

.how-it-works {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 70px;
  display: flex;
}

.how-it-works.test-width {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

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

.how-arrow {
  width: 1.8vw;
  height: 1.8vw;
  margin-left: 10px;
  display: flex;
  overflow: hidden;
}

.how-title {
  color: var(--talodon-white);
  font-size: 2.4vw;
  line-height: 100%;
}

.how-num {
  width: 7vw;
  color: var(--talodon-grey);
}

.how-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.bullet {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: flex-start;
  display: flex;
}

.plus {
  width: 15px;
  transform: translate(0, 4px);
}

.how-subtitle {
  max-width: 400px;
  color: var(--talodon-white);
  margin-bottom: 20px;
  font-size: 20px;
}

.how-row {
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 100px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.learn-more {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.learn-arrow {
  width: 16px;
  height: 16px;
  display: none;
  transform: translate(0, 3px);
}

.white-text {
  max-width: 300px;
  color: var(--talodon-off-white);
}

.how-icon {
  height: 100%;
  margin-right: 1.5vw;
}

.h1-1 {
  width: 48vw;
  min-width: 48vw;
}

.big-w-text {
  color: var(--talodon-white);
  text-align: left;
  letter-spacing: -.02em;
  font-size: 6vw;
  line-height: 100%;
}

.big-w-text.b {
  color: var(--talodon-black);
}

.contact-img {
  z-index: -1;
  background-color: var(--talodon-black);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.contact-img.footer {
  background-image: linear-gradient(#0000, #0000), url('../images/turbo.webp');
  height: 120vh;
}

.contact-btns {
  flex-flow: column;
  width: 100%;
  padding-right: 40px;
  display: flex;
}

.text-field {
  background-color: var(--talodon-dark-grey);
  height: 60px;
  color: var(--talodon-white);
  border: 0 solid #000;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-size: 18px;
}

.text-field._3 {
  padding-top: 30px;
  padding-bottom: 120px;
}

.text-field._3.b {
  max-width: 100%;
  min-height: 60px;
}

.text-field.b {
  border-width: 1px;
  border-color: var(--talodon-off-white);
  background-color: var(--talodon-white);
  color: var(--talodon-black);
  font-size: 17px;
}

.text-field.b.half {
  width: 50%;
  font-size: 17px;
}

.text-field.b.message {
  min-height: 140px;
}

.text-field.b.hidden-info {
  opacity: 0;
  height: 0;
  margin-bottom: 0;
  padding: 0;
}

.text-block-2 {
  height: 20px;
  color: var(--talodon-white);
  letter-spacing: 0;
  margin-top: -26px;
}

.form-block {
  width: 600px;
  max-width: 100%;
}

.contact-hero {
  background-color: var(--talodon-black);
  min-height: 100vh;
  color: var(--talodon-white);
  flex-flow: column;
  justify-content: space-between;
  padding: 330px 40px 50px;
  position: relative;
}

.contact-hero.footer {
  height: 90vh;
  padding-top: 50px;
}

.contact-hero.light {
  background-color: var(--talodon-white);
  color: var(--talodon-black);
  padding-top: 300px;
  display: block;
}

.submit-overlay {
  z-index: 5;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.nav-btn-txt-copy {
  z-index: 9;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  height: 24px;
  display: flex;
  overflow: hidden;
}

.form-btn {
  z-index: 11;
  background-color: #3898ec00;
  position: absolute;
  inset: 0%;
}

.success-message {
  background-color: var(--grey-96);
}

.error-message {
  background-color: var(--talodon-dark-red);
  color: var(--talodon-light-red);
  padding: 15px;
}

.wwt-hero {
  color: var(--talodon-black);
  flex-flow: column;
  justify-content: space-between;
  padding: 330px 40px 50px;
  display: flex;
  position: relative;
}

.wwt-hero.footer {
  height: 90vh;
  padding-top: 50px;
}

.grid-of-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.content {
  background-color: var(--talodon-dark-grey);
  width: 100%;
  height: 100%;
  color: var(--talodon-white);
  cursor: pointer;
  padding-bottom: 40px;
  text-decoration: none;
}

.content.mobile {
  display: none;
}

.filters {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.filters.stacked {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  margin-top: 20px;
}

.filter-active {
  color: var(--talodon-black);
}

.filter-btn {
  color: var(--lighter-grey);
  cursor: pointer;
  text-decoration: none;
}

.filter-btn.stacked {
  margin-right: auto;
}

.text-block-3 {
  color: var(--lighter-grey);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 10px;
  padding-left: 12px;
  font-size: 12px;
}

.collection-item {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.collection-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.text-block-4 {
  padding-left: 12px;
  padding-right: 12px;
}

.text-block-4.tn {
  margin-top: 10px;
  font-size: 20px;
}

.content-line {
  background-color: var(--talodon-white);
  transform-origin: 0%;
  width: auto;
  height: 1px;
}

.image-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.post-hero {
  width: 48vw;
  min-width: 48vw;
  color: var(--talodon-black);
  letter-spacing: -.02em;
  margin-left: auto;
  padding-right: 2vw;
  font-size: 6vw;
  font-weight: 500;
  line-height: 100%;
}

.post-paragraph {
  letter-spacing: -.02em;
  width: 30vw;
  max-width: 360px;
  margin-top: 40px;
  font-size: 24px;
  line-height: 110%;
}

.rich-text {
  letter-spacing: -.02em;
  max-width: 800px;
  margin-top: 60px;
  font-size: 20px;
  line-height: 150%;
}

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

.post-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.post-img {
  height: 40vw;
  margin-top: 27px;
  overflow: hidden;
}

.post-copy {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 100px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.how-block {
  max-width: 100%;
  display: flex;
}

.left-how {
  border: 1px solid var(--talodon-dark-grey);
  background-color: var(--talodon-black);
  width: 100%;
  color: var(--talodon-white);
  cursor: pointer;
  margin-right: 40px;
  padding: 40px 40px 80px;
  text-decoration: none;
}

.left-how.v2 {
  border-color: var(--talodon-grey);
  background-color: var(--talodon-dark-grey);
  padding-bottom: 40px;
}

.left-how.case {
  cursor: default;
}

.right-how {
  border: 1px solid var(--talodon-dark-grey);
  background-color: var(--talodon-black);
  min-width: 50%;
  color: var(--talodon-white);
  cursor: pointer;
  padding: 40px 40px 80px;
  text-decoration: none;
}

.right-how.v2 {
  border-color: var(--talodon-grey);
  background-color: var(--talodon-dark-grey);
  padding-bottom: 40px;
}

.right-how.case {
  cursor: default;
}

.right-how.how-page {
  margin-bottom: auto;
}

.top-how {
  justify-content: space-between;
  display: flex;
}

.how-block-title {
  border-bottom: 1px solid var(--talodon-grey);
  margin-top: 20px;
  padding-top: 8vw;
  padding-bottom: 40px;
}

.how-block-title.v2 {
  border-bottom-width: 0;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.how-block-title.n {
  padding-top: 0;
}

.how-block-title.n.key {
  border-bottom-color: var(--off-grey);
}

.how-par {
  max-width: 350px;
  color: var(--talodon-light-grey);
  margin-top: 20px;
}

.how-steps {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  margin-top: 80px;
  display: flex;
}

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

.icon1 {
  width: 3vw;
}

.icon2 {
  width: 4.6vw;
}

.footer-2 {
  background-color: var(--talodon-dark-green);
  color: var(--talodon-white);
  padding: 120px 40px 40px;
}

.footer-row-1 {
  border-bottom: 1px solid var(--lighter-grey);
  padding-bottom: 40px;
}

.footer-row-2 {
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.footer-logo {
  width: 300px;
  margin-right: auto;
}

.footer-links {
  grid-column-gap: 7vw;
  grid-row-gap: 7vw;
  width: 48vw;
  margin-left: auto;
  display: flex;
}

.footer-links-group {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.footer-link {
  color: var(--lighter-grey);
  text-decoration: none;
}

.footer-links-title {
  margin-bottom: 20px;
}

.footer-btn-section {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-flow: column;
  width: 30vw;
  max-width: 400px;
  display: flex;
}

.footer-row-3 {
  justify-content: space-between;
  margin-top: 100px;
  display: flex;
}

.footer-btm {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.copyright {
  color: var(--lighter-grey);
}

.default-hero {
  background-color: var(--talodon-black);
  color: var(--talodon-white);
  flex-flow: column;
  justify-content: space-between;
  padding: 330px 40px 50px;
  display: flex;
  position: relative;
}

.default-hero.footer {
  height: 90vh;
  padding-top: 50px;
}

.default-hero.grey {
  background-color: var(--talodon-light-grey);
}

.default-hero.grey.terms {
  background-color: var(--talodon-dark-grey);
}

.default-hero.white {
  background-color: var(--talodon-white);
  color: var(--talodon-black);
}

.footer-3 {
  background-color: var(--talodon-light-grey);
  color: var(--talodon-white);
  padding: 120px 40px 40px;
}

.solutions-1 {
  background-color: var(--talodon-light-grey);
  color: var(--talodon-white);
  padding: 60px 40px;
}

.solution-2 {
  background-color: var(--talodon-light-grey);
  color: var(--talodon-white);
  padding: 60px 40px 200px;
}

.little-num {
  width: 4vw;
  color: var(--talodon-white);
  margin-top: auto;
}

.new-row {
  justify-content: flex-end;
  align-items: center;
  width: 48vw;
  margin-left: auto;
  display: flex;
}

.new-row-title {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  height: 6vw;
  padding-top: 1vw;
  display: flex;
  overflow: hidden;
  transform: translate(0, 13px);
}

.new-row-title.termsandconditions {
  flex-flow: column;
  align-items: flex-start;
  overflow: visible;
}

.r-top {
  align-items: flex-start;
  width: 100%;
  margin-bottom: 40px;
  display: flex;
}

.row-m {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 45px;
  display: flex;
}

.row-element {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: space-between;
  width: 48vw;
  margin-left: auto;
  padding-top: 1.4vw;
  display: flex;
}

.sol-cta {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.page-code {
  display: block;
}

.small-title {
  letter-spacing: -.02em;
  max-width: 550px;
  margin-top: 40px;
  font-size: 30px;
  line-height: 120%;
}

.small-title.v2 {
  font-size: 25px;
  font-weight: 400;
}

.hide {
  opacity: 0;
}

.img-cover {
  background-color: var(--talodon-black);
  transform-origin: 50% 100%;
  max-width: 100%;
  transform-style: preserve-3d;
  position: absolute;
  inset: 0 0% 0%;
  transform: scale3d(1, 0, 1);
}

.parallax-container {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-2 {
  background-color: var(--talodon-white);
  width: 100%;
  height: 280px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bullet-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.spacer {
  margin-left: 3vw;
  padding-left: 20px;
}

.left-img {
  background-image: url('../images/sam-balye-t0nojyPGbok-unsplash-1.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 40vw;
  height: auto;
  position: absolute;
  inset: 40px auto 0 0%;
  overflow: hidden;
}

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

.image-3.website {
  object-position: 72% 50%;
}

.contact-block {
  padding-top: 80px;
}

.contact-title-row {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.ctr-left {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 60px;
  display: flex;
  position: relative;
}

.ctr-right {
  align-items: center;
  min-width: 48vw;
  display: flex;
}

.ctr-title {
  letter-spacing: -.02em;
  font-size: 30px;
  line-height: 120%;
}

.ctr-num {
  color: var(--lighter-grey);
  margin-left: auto;
}

.contact-section {
  justify-content: flex-end;
  margin-bottom: 60px;
  display: flex;
}

.cs-right {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: wrap;
  align-items: center;
  width: 48vw;
  display: flex;
}

.type-selectors {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--talodon-off-white);
  cursor: pointer;
  align-items: center;
  padding: 15px 20px;
  display: flex;
  position: relative;
}

.contact-icon {
  z-index: 2;
  width: 20px;
  height: 100%;
  position: relative;
}

.contact-icon._2 {
  width: 30px;
}

.contact-icon.firsticon.whataspp-icon {
  width: 18px;
  transform: translate(0, 2px);
}

.check {
  border: 1px solid var(--talodon-black);
  background-color: var(--talodon-black);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.round-selector {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--talodon-white);
  cursor: pointer;
  border-radius: 100px;
  align-items: center;
  padding: 15px 22px 15px 16px;
  display: flex;
}

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

.hover-fix {
  z-index: 0;
  background-color: #10101000;
  position: absolute;
  inset: 0%;
}

.text-block-5 {
  z-index: 3;
  pointer-events: none;
  position: relative;
}

.form-2 {
  flex-flow: wrap;
  display: flex;
}

.first-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.text-block-6 {
  pointer-events: none;
}

.left-contact {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.mobile-nav-btn {
  display: none;
}

.body-2 {
  background-color: #d1d1d1;
}

.mob-nav {
  display: none;
}

.mob-nav.open {
  display: flex !important;
}

.mobile-nav-btn {
  cursor: pointer;
}

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

.testimonials {
  background-color: var(--talodon-dark-green);
  color: var(--talodon-off-white);
  padding: 60px 40px 0;
}

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

.testimonials.white.new {
  padding-bottom: 60px;
}

.testimonials-counter {
  width: 48vw;
  color: var(--lighter-grey);
  justify-content: flex-end;
  display: flex;
}

.testimonials-counter.dark {
  color: var(--talodon-grey);
}

.testimonials-counter.black {
  color: var(--talodon-black);
  margin-left: auto;
}

.testimonials-line {
  background-color: var(--talodon-light-green);
  transform-origin: 0%;
  width: 100%;
  height: 1px;
  transform-style: preserve-3d;
  margin-bottom: -1px;
  position: absolute;
  inset: auto 0% 0%;
  transform: scale3d(0, 1, 1);
}

.top-testimonials {
  border-bottom: 1px solid var(--talodon-green);
  justify-content: space-between;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.top-testimonials.light {
  border-bottom-color: var(--talodon-off-white);
}

.top-testimonials.light.post {
  margin-top: 100px;
}

.top-testimonials.dark {
  border-bottom-color: var(--talodon-dark-grey);
}

.top-testimonials.dark.grey {
  border-bottom-color: var(--talodon-grey);
}

.top-testimonials.white {
  border-bottom-color: var(--lighter-grey);
}

.counter {
  color: var(--talodon-off-white);
}

.testimonials-title {
  letter-spacing: -.04em;
  width: auto;
  max-width: 200px;
  margin: 0 0 100px;
  font-size: 30px;
  line-height: 100%;
}

.testimonials-title.how-top {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 3.9vw;
  display: flex;
}

.testimonials-title.how-top.n {
  font-size: 5vw;
}

.testimonials-title.hid {
  display: none;
}

.testimonials-title.contact-text {
  width: auto;
  margin-top: 0;
  margin-bottom: 80px;
}

.text-block-9 {
  display: flex;
}

.div-block-4 {
  justify-content: space-between;
  margin-top: 160px;
  padding-left: 160px;
  padding-right: 0;
  display: flex;
}

.div-block-4.xxl {
  padding-bottom: 100px;
}

.div-block-5 {
  width: 48vw;
  height: 450px;
}

.author {
  margin-bottom: 10px;
  font-size: 20px;
}

.quote {
  max-width: 600px;
  color: var(--talodon-off-white);
  letter-spacing: -.02em;
  margin-bottom: 40px;
  font-size: 30px;
  line-height: 120%;
}

.text-block-10 {
  color: var(--talodon-light-green);
  font-size: 17px;
}

.image-5 {
  object-fit: cover;
  object-position: 50% 30%;
  width: 100%;
  height: 100%;
}

.graphic {
  object-fit: contain;
  object-position: 50% 20%;
  width: 100%;
  height: 100%;
}

.text-block-11 {
  max-width: 70vw;
}

.location {
  margin-top: 60px;
}

.loc {
  color: var(--lighter-grey);
}

.text-block-12 {
  line-height: 110%;
}

.project-details-section {
  margin-bottom: 20px;
}

.pd-title {
  color: var(--talodon-light-grey);
}

.pd-main {
  color: var(--lighter-grey);
}

.content-section.research, .content-section.case, .content-section.insights {
  display: none;
}

.solution-3 {
  background-color: var(--talodon-dark-grey);
  color: var(--talodon-white);
  padding: 60px 40px 200px;
}

.whatsapp {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--talodon-off-white);
  background-color: var(--white);
  width: 182px;
  color: var(--talodon-black);
  cursor: pointer;
  align-items: center;
  margin-bottom: 10px;
  padding: 15px 30px 15px 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-block-90 {
  z-index: 3;
  pointer-events: auto;
  position: relative;
}

.google-calendar {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--talodon-off-white);
  background-color: var(--white);
  color: var(--talodon-black);
  cursor: pointer;
  align-items: center;
  margin-bottom: 80px;
  padding: 15px 30px 15px 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.quote-combined {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.quote-img {
  border: 1px solid var(--talodon-green);
  border-radius: 200px;
  width: 56px;
  height: 56px;
}

.link {
  color: var(--talodon-off-white);
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .nav-main {
    height: auto;
    padding-top: 40px;
  }

  .nav-main.bl {
    background-color: var(--talodon-black);
    color: var(--talodon-off-white);
  }

  .nav-main.gr {
    background-color: var(--talodon-light-grey);
    color: var(--talodon-white);
  }

  .nav-logo.large {
    width: 200px;
  }

  .nav-right {
    display: none;
  }

  .top-nav.m {
    z-index: 100;
    background-color: var(--talodon-black);
    width: 100%;
    position: sticky;
    top: 0;
  }

  .home-hero {
    height: auto;
    padding-top: 120px;
  }

  .home-hero-top.v2 {
    flex-flow: column;
    padding-top: 80px;
    padding-bottom: 0;
  }

  .home-hero-big-text {
    width: 100%;
  }

  .home-hero-big-text.main {
    width: 100%;
    font-size: 10vw;
  }

  .home-hero-btm {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    align-items: flex-start;
    margin-top: 80px;
  }

  .home-hero-btm.new {
    margin-top: 220px;
  }

  .home-hero-btm-left, .home-hero-btm-right {
    width: 100%;
  }

  .hero-cta, .hero-cta.main {
    display: none;
  }

  .home-section-2 {
    padding-top: 40px;
    padding-bottom: 120px;
  }

  .btn-2.dark-2 {
    width: 220px;
    max-width: none;
  }

  .btn-1.form.c-sub {
    width: 200px;
  }

  .btn-1.w, .top-copy.dark.hiw, .top-copy-right.black {
    display: none;
  }

  .top-copy-right.wwt {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: auto;
  }

  .medium-text {
    width: 100%;
    margin-left: 0;
    font-size: 24px;
  }

  .product-rows {
    flex-flow: column;
    align-items: flex-start;
  }

  .row-right {
    order: -1;
    width: 100%;
    margin-bottom: 20px;
  }

  .text-block {
    display: none;
  }

  .right-arrow {
    margin-left: auto;
  }

  .limited-p {
    max-width: 300px;
  }

  .limited-p.title {
    font-size: 30px;
  }

  .home-section-3 {
    padding-top: 40px;
  }

  .stats {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    align-items: flex-start;
    margin-top: 0;
    padding-left: 20%;
    display: flex;
  }

  .big-num {
    text-align: left;
    font-size: 12vw;
  }

  .home-section-4.hiw {
    padding-top: 40px;
  }

  .how-row-left {
    order: -1;
    margin-bottom: 40px;
  }

  .how-title {
    font-size: 32px;
  }

  .how-num {
    display: none;
  }

  .how-row {
    flex-flow: column;
    padding-bottom: 40px;
  }

  .form-block {
    width: 100%;
  }

  .collection-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .how-block {
    flex-flow: column;
  }

  .footer-row-2 {
    grid-column-gap: 160px;
    grid-row-gap: 160px;
    flex-flow: column;
  }

  .footer-links {
    width: 100%;
    margin-left: 0;
  }

  .left-img {
    width: 100%;
    position: relative;
  }

  .ctr-left {
    display: none;
  }

  .contact-section {
    justify-content: flex-start;
  }

  .cs-right {
    width: auto;
  }

  .mobile-nav-btn {
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 40px;
    display: flex;
    position: relative;
  }

  .nav-bar-1 {
    background-color: var(--talodon-black);
    transform-origin: 100%;
    width: 30px;
    height: 2px;
    margin-top: -10px;
    margin-left: 10px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
  }

  .nav-bar-1.x {
    background-color: var(--talodon-white);
    width: 34px;
    margin-top: 0;
    margin-left: 0;
    transform: rotate(45deg);
  }

  .nav-bar-1.wh {
    background-color: var(--talodon-white);
  }

  .nav-bar-2 {
    background-color: var(--talodon-black);
    transform-origin: 0%;
    width: 30px;
    height: 2px;
    margin-top: 10px;
    margin-left: -10px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
  }

  .nav-bar-2.x {
    background-color: var(--talodon-white);
    width: 34px;
    margin-top: 0;
    margin-left: 0;
    transform: rotate(-45deg);
  }

  .nav-bar-2.wh {
    background-color: var(--talodon-white);
  }

  .mob-nav {
    z-index: 99;
    background-color: var(--talodon-black);
    padding: 40px 40px 100px;
    display: none;
    position: fixed;
    inset: 0%;
    overflow: scroll;
  }

  .nav-btn-mob {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .nbm {
    background-color: var(--talodon-dark-grey);
    width: 48vw;
    color: var(--talodon-white);
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    padding: 20px;
    text-decoration: none;
    display: flex;
  }

  .nav-btns-m {
    border-top: 1px solid var(--talodon-dark-grey);
    padding-top: 20px;
    padding-bottom: 40px;
    position: relative;
  }

  .nbmt {
    width: 48vw;
    color: var(--talodon-white);
    letter-spacing: -.02em;
    justify-content: space-between;
    margin-left: auto;
    padding: 20px 20px 20px 0;
    font-size: 5vw;
    text-decoration: none;
    display: flex;
  }

  .nav-title {
    color: var(--talodon-grey);
    position: absolute;
    inset: 20px auto auto 0%;
  }

  .image-4 {
    width: 15px;
    height: 15px;
  }

  .nav-bar-3 {
    background-color: var(--talodon-white);
    transform-origin: 50%;
    width: 30px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
  }

  .nav-bar-3.x {
    background-color: var(--talodon-white);
    width: 34px;
    margin-top: 0;
    margin-left: 0;
    transform: rotate(45deg);
  }

  .text-block-7 {
    display: none;
  }

  .text-block-8 {
    margin-left: auto;
  }

  .testimonials {
    padding-top: 40px;
    padding-bottom: 120px;
  }

  .testimonials-counter.black {
    display: none;
  }

  .testimonials-counter.wwt {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: auto;
  }

  .top-testimonials.dark.hiw {
    display: none;
  }

  .counter {
    display: block;
  }

  .testimonials-title {
    width: 100%;
    margin-left: 0;
    font-size: 24px;
  }

  .div-block-4 {
    padding-left: 40px;
  }

  .div-block-5 {
    min-width: 48vw;
  }

  .quote {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .big-white-txt {
    font-size: 50px;
    line-height: 99%;
  }

  .home-section-1 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section-1-split-section {
    flex-flow: column;
    align-items: flex-start;
    margin-top: 80px;
  }

  .s1-split-left {
    margin-bottom: 20px;
    margin-left: 40px;
    margin-right: auto;
  }

  .s1-split-left.pd {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    display: flex;
  }

  .s1-split-right {
    width: 100%;
    margin-left: 0;
    padding: 0 40px;
  }

  .paragraph-limit-1 {
    max-width: 600px;
  }

  .services-btns {
    width: 180px;
  }

  .btn-1.form.c-sub {
    width: 200px;
  }

  .top-copy.wwt {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .stats {
    padding-left: 80px;
  }

  .home-section-4.hiw {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .how-it-works.test-width {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content.mobile {
    display: none;
  }

  .collection-list, .collection-list.one-row {
    grid-template-columns: 1fr 1fr;
  }

  .post-hero {
    width: 100%;
    padding-right: 0;
  }

  .post-paragraph {
    width: 100%;
  }

  .how-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .icon1 {
    width: 30px;
  }

  .icon2 {
    width: 40px;
  }

  .footer-links {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .footer-row-3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .nbmt {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .top-testimonials.wwt {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .div-block-4 {
    flex-flow: column;
    padding-left: 0;
  }

  .div-block-5 {
    width: 100%;
    min-width: 100%;
    height: auto;
  }

  .quote {
    max-width: 100%;
    font-size: 30px;
  }
}

@media screen and (max-width: 479px) {
  .nav-main {
    padding: 25px 20px;
  }

  .nav-logo {
    align-items: center;
    width: 120px;
    display: flex;
  }

  .nav-logo.large {
    width: 140px;
  }

  .home-hero {
    height: auto;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-hero.img {
    padding-top: 40px;
  }

  .home-hero-top.v2 {
    padding-top: 10px;
  }

  .home-hero-big-text.v2 {
    margin-top: 100px;
  }

  .home-hero-big-text.main {
    font-size: 12vw;
  }

  .home-hero-big-text.text-limiter {
    max-width: 240px;
    margin-left: 0;
  }

  .big-white-txt {
    font-size: 30px;
    line-height: 101%;
  }

  .big-white-txt._1 {
    font-size: 40px;
  }

  .big-white-txt.v2 {
    font-size: 30px;
  }

  .big-white-txt.bigger {
    font-size: 40px;
  }

  .home-hero-btm {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    align-items: flex-start;
    margin-top: 80px;
  }

  .home-hero-btm.new {
    margin-top: 140px;
  }

  .home-hero-btm.main {
    margin-top: 160px;
  }

  .home-hero-btm-left {
    width: 100%;
    max-width: 100%;
    font-size: 18px;
  }

  .home-hero-btm-right {
    width: 100%;
  }

  .home-section-1 {
    padding: 80px 20px;
  }

  .home-section-1.casestudy {
    padding-top: 10px;
  }

  .big-text {
    margin-left: 0;
    font-size: 24px;
  }

  .s1-split-left {
    margin-left: 0;
  }

  .s1-split-left.pd {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .s1-split-right {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .services-btns {
    width: 100%;
    margin-left: auto;
  }

  .home-section-2 {
    padding: 20px 20px 80px;
  }

  .btn-2.dark {
    display: none;
  }

  .btn-2.dark-2, .btn-1.form.c-sub {
    width: 100%;
  }

  .top-copy, .top-copy.dark {
    padding-bottom: 10px;
  }

  .top-copy-left.grey {
    color: var(--lighter-grey);
    font-size: 14px;
  }

  .top-copy-left.grey.test {
    color: var(--talodon-off-white);
  }

  .top-copy-left.wwt {
    display: none;
  }

  .top-copy-right {
    width: auto;
    display: none;
  }

  .top-copy-right.wwt {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
  }

  .medium-text {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
  }

  .medium-text.how-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .medium-text.how-top.n {
    display: none;
  }

  .product-rows {
    padding-top: 10px;
    padding-bottom: 5px;
  }

  .row-left {
    margin-left: 40px;
    padding-right: 20px;
    display: none;
  }

  .light-text.white {
    font-size: 18px;
  }

  .light-text.white.termsand.slighltys {
    margin-top: 10px;
    margin-bottom: 60px;
  }

  .row-right-text {
    height: 30px;
    font-size: 24px;
  }

  .rrt1 {
    font-size: 24px;
  }

  .rrt1.n {
    font-size: 30px;
  }

  .right-arrow {
    display: none;
  }

  .rrt2 {
    font-size: 24px;
  }

  .limited-p {
    max-width: 220px;
  }

  .limited-p.title {
    line-height: 101%;
  }

  .home-section-3 {
    padding: 20px 20px 80px;
  }

  .stats {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .stat {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    height: 100%;
    position: relative;
  }

  .big-num {
    text-align: left;
    width: 2030vw;
    min-width: 20vw;
    max-width: 20vw;
    margin-left: 0;
    font-size: 35px;
  }

  .stat-line {
    width: 1px;
    height: 100%;
    min-height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    display: none;
  }

  .stat-desc {
    border-left: 1px solid var(--talodon-off-white);
    padding-left: 20px;
    font-size: 15px;
  }

  .r1 {
    margin-top: 0;
  }

  .r1._1 {
    margin-top: 20px;
  }

  .active-left {
    height: 1em;
    margin-bottom: 0;
    font-size: 40px;
    overflow: visible;
  }

  .active-left-box {
    height: auto;
  }

  .home-section-4 {
    padding: 20px 20px 40px;
  }

  .how-it-works.test-width {
    padding: 0;
  }

  .how-row-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-items: flex-start;
  }

  .how-title {
    font-size: 24px;
  }

  .how-subtitle {
    padding-right: 20px;
    font-size: 17px;
  }

  .text-field.b.half {
    font-size: 17px;
  }

  .wwt-hero {
    padding-top: 150px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-of-content {
    margin-top: 40px;
  }

  .content {
    display: none;
  }

  .content.mobile {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: flex;
  }

  .content.wwt {
    display: block;
  }

  .filters.wwt {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .filter-active.filter-btn.wwt {
    order: -1;
    display: block;
  }

  .collection-list {
    grid-template-columns: 1fr;
  }

  .collection-list.one-row {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr;
  }

  .image-container.mob {
    width: 40%;
    min-width: 40%;
  }

  .post-copy, .left-how {
    padding-left: 20px;
    padding-right: 20px;
  }

  .left-how.how-page {
    padding-top: 0;
    padding-bottom: 60px;
  }

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

  .right-how.how-page {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .icon2 {
    width: 45px;
  }

  .footer-row-1 {
    border-bottom-width: 0;
  }

  .footer-row-2 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-btn-section {
    width: 100%;
  }

  .footer-row-3, .footer-btm {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .default-hero {
    padding-top: 200px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-3 {
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .little-num {
    display: none;
  }

  .new-row-title {
    height: auto;
    overflow: visible;
  }

  .r-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .row-element {
    width: 100%;
  }

  .small-title {
    font-size: 18px;
  }

  .small-title.v2 {
    font-size: 17px;
    line-height: 130%;
  }

  .spacer {
    margin-left: 0;
    padding-left: 0;
  }

  .left-img {
    order: -1;
    height: 250px;
    overflow: hidden;
  }

  .contact-block {
    padding-top: 20px;
  }

  .type-selectors {
    width: 100%;
    margin-right: 20px;
  }

  .contact-icon.firsticon {
    margin-left: 5px;
    margin-right: 5px;
  }

  .nav-bar-1.x {
    width: 30px;
  }

  .nav-bar-1.w {
    background-color: var(--talodon-white);
  }

  .nav-bar-2.x {
    width: 30px;
  }

  .nav-bar-2.w {
    background-color: var(--talodon-white);
  }

  .mob-nav {
    padding: 25px 20px 20px;
    display: none;
  }

  .nbm {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nbm.navv {
    width: 55vw;
  }

  .nbmt {
    width: 55vw;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 7vw;
  }

  .nav-title.m {
    transform: translate(0, 7px);
  }

  .nav-bar-3.x {
    width: 30px;
  }

  .testimonials {
    padding: 20px 20px 80px;
  }

  .testimonials-counter {
    width: auto;
    display: block;
  }

  .testimonials-counter.wwt {
    flex-flow: column;
    display: flex;
  }

  .top-testimonials, .top-testimonials.dark {
    padding-bottom: 10px;
  }

  .counter {
    font-size: 14px;
    display: block;
  }

  .testimonials-title {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
  }

  .testimonials-title.how-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .div-block-4, .div-block-5 {
    margin-top: 40px;
  }

  .author {
    margin-bottom: 0;
    font-size: 14px;
  }

  .quote {
    font-size: 18px;
  }

  .text-block-10 {
    font-size: 14px;
  }

  .solution-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .whatsapp, .google-calendar {
    width: 100%;
    margin-right: 20px;
  }

  .quote-img {
    width: 50px;
    height: 50px;
  }
}


@font-face {
  font-family: 'Roobert';
  src: url('../fonts/Roobert-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert';
  src: url('../fonts/Roobert-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert';
  src: url('../fonts/Roobert-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert';
  src: url('../fonts/Roobert-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert';
  src: url('../fonts/Roobert-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert';
  src: url('../fonts/Roobert-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert';
  src: url('../fonts/Roobert-HeavyItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert';
  src: url('../fonts/Roobert-RegularItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert';
  src: url('../fonts/Roobert-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert';
  src: url('../fonts/Roobert-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert';
  src: url('../fonts/Roobert-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roobert';
  src: url('../fonts/Roobert-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}