:root {
  --typo: #3a3a3a;
  --orange: #f35428;
  --background: #f9f8f6;
  --spacer-regular: 1.5rem;
  --spacer-large: 6rem;
  --spacer-medium: 2rem;
  --spacer-small: 1.3rem;
  --spacer-xlarge: 7.5rem;
  --spacer-xsmall: .5rem;
  --spacer-smal: 1rem;
  --white: white;
  --black-shadow: black;
  --red: #ff7668;
  --purple: #ba5fff;
  --blue: #1dbfff;
  --green: #1dd085;
  --light-orange: #f3542833;
  --light-red: #ff766833;
  --light-purple: #ba5fff33;
  --light-blue: #1dbfff33;
  --light-green: #1dd08533;
  --radius: .5rem;
  --big-radius: 4.3rem;
  --shopify: #95bf47;
  --webflow: #146ef5;
  --paragraph-regular-mobile: 1rem;
  --paragraph-regular: 1.375rem;
  --paragraph-small: 1rem;
  --paragraph-medium: 1.5rem;
  --paragraph-large: 2rem;
}

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

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: var(--typo);
  font-family: Brockmann Webfont, sans-serif;
  font-size: 1rem;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 6rem;
  font-weight: 500;
  line-height: 1;
}

h2 {
  letter-spacing: -.075rem;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 5rem;
  font-weight: 500;
  line-height: 1;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1;
}

h4 {
  letter-spacing: -.1rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
}

h5 {
  letter-spacing: -.03rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2.4rem;
  overflow: hidden;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-bottom: 10px;
  font-size: 1.62rem;
  font-weight: 400;
  line-height: 1.3;
}

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

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

.page-wrap {
  background-color: var(--background);
  min-height: 100vh;
}

.container {
  width: 100%;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section {
  z-index: 2;
  position: relative;
}

.section.show-mobile {
  display: none;
}

.spacer {
  width: .3rem;
  display: block;
}

.spacer._4rem {
  height: 4rem;
}

.spacer.regular {
  height: var(--spacer-regular);
}

.spacer.large {
  height: var(--spacer-large);
}

.spacer._12-5rem {
  height: 12.5rem;
}

.spacer.big {
  width: .6rem;
}

.spacer.medium {
  height: var(--spacer-medium);
}

.spacer.small {
  height: var(--spacer-small);
}

.spacer.x-large {
  height: var(--spacer-xlarge);
}

.spacer.x-small {
  height: var(--spacer-xsmall);
}

.spacer.xlarge {
  height: var(--spacer-xlarge);
}

.spacer.spacer-xxsmall {
  height: var(--spacer-smal);
}

.spacer._1rem {
  height: 1rem;
}

.spacer.hero {
  height: var(--spacer-xlarge);
}

.hero-heading {
  perspective: 1174px;
  perspective-origin: 100%;
  transform-origin: 100%;
  letter-spacing: -.09rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17.5rem;
  font-weight: 500;
  line-height: 1.4;
  transform: perspective(1028px);
}

.hero-heading.second {
  font-size: 13vw;
  line-height: 1;
}

.heading {
  font-weight: 600;
}

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

.color-wrapper {
  background-color: var(--white);
  padding: 1rem;
}

.color-wrapper.shadow {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--white);
  box-shadow: 8px 7px 0 0 var(--black-shadow);
  flex-direction: column;
  display: flex;
}

.shadow {
  box-shadow: 4px 4px 0 0 var(--typo);
}

.colore-shape {
  height: 9.5rem;
}

.colore-shape.red {
  background-color: var(--red);
}

.colore-shape.purple {
  background-color: var(--purple);
}

.colore-shape.blue {
  background-color: var(--blue);
}

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

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

.colore-shape.gray {
  background-color: var(--typo);
}

.colore-shape.background {
  background-color: var(--background);
}

.colore-shape.white {
  border: 1px solid var(--background);
}

.colore-shape.light-orange {
  background-color: var(--light-orange);
}

.colore-shape.light-red {
  background-color: var(--light-red);
}

.colore-shape.light-purple {
  background-color: var(--light-purple);
}

.colore-shape.light-blue {
  background-color: var(--light-blue);
}

.colore-shape.light-green {
  background-color: var(--light-green);
}

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

.text-weight-medium {
  background-color: #0000;
  font-weight: 500;
}

.text-weight--normal {
  font-weight: 400;
}

.text-weight-semibold {
  background-color: #0000;
  font-weight: 600;
}

.text-weight-bold {
  background-color: #0000;
  font-weight: 700;
}

.brand {
  z-index: 999;
  color: var(--typo);
  width: 6.998rem;
  height: 3.121rem;
  margin-right: auto;
  padding-left: 0;
  position: fixed;
  inset: 40px auto auto 5%;
  overflow: hidden;
}

.brand.w--current {
  z-index: 99;
}

.brand.footer, .brand.footer.w--current {
  border-top-style: none;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.primary-button {
  background-color: var(--orange);
  border-radius: 8px;
  padding: 18px 14px;
  line-height: 1;
}

.primary-button.shadow {
  box-shadow: 4px 4px 0 0 var(--typo);
  font-size: 16px;
  transition: transform .3s cubic-bezier(.68, -.55, .265, 1.55), box-shadow .3s cubic-bezier(.68, -.55, .265, 1.55);
}

.primary-button.shadow:hover {
  box-shadow: 0 0 0 0 var(--typo);
  transform: translate(4px, 4px);
}

.primary-button.is-red {
  background-color: var(--red);
}

.primary-button.is-blue {
  background-color: var(--blue);
}

.primary-button.is-purple {
  background-color: var(--purple);
}

.primary-button.is-green {
  background-color: var(--green);
}

.primary-button.is-purplr-light {
  background-color: var(--light-purple);
  color: var(--typo);
  font-weight: 500;
}

.main-link {
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.main-link.is-lightpurple {
  color: var(--typo);
  background-color: #3898ec00;
}

.main-link.is-lightpurple.w--current {
  background-color: var(--light-purple);
  color: var(--typo);
}

.main-link.is-lightpurple.current {
  background-color: var(--light-purple);
}

.main-link.is-lightgreen {
  color: var(--typo);
  background-color: #3898ec00;
}

.main-link.is-lightgreen.w--current {
  background-color: var(--light-purple);
  color: var(--typo);
}

.main-link.is-lightgreen.current {
  background-color: var(--light-green);
}

.main-link.is-lightblue {
  color: var(--typo);
  background-color: #3898ec00;
}

.main-link.is-lightblue.w--current {
  background-color: var(--light-purple);
  color: var(--typo);
}

.main-link.is-lightblue.current {
  background-color: var(--light-blue);
}

.main-link.is-lightred {
  color: var(--typo);
  background-color: #3898ec00;
}

.main-link.is-lightred.w--current {
  background-color: var(--light-purple);
  color: var(--typo);
}

.main-link.is-lightred.current {
  background-color: var(--light-red);
}

.main-link.is-lightorange {
  color: var(--typo);
  background-color: #3898ec00;
}

.main-link.is-lightorange.w--current {
  background-color: var(--light-purple);
  color: var(--typo);
}

.main-link.is-lightorange.current {
  background-color: var(--light-orange);
}

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

.row.align-bottom {
  justify-content: space-between;
  align-items: flex-end;
}

.row.footer-align {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
}

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

.row.space-around {
  justify-content: space-around;
}

.row.space-around.min-height {
  align-items: flex-end;
  height: 89px;
}

.row.space-around.min-height.top {
  align-items: flex-start;
  padding-left: 8.8rem;
  padding-right: 8.8rem;
}

.row.space-around.top {
  padding-left: 8.6rem;
  padding-right: 8.6rem;
}

.row._0 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.row.link {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--typo);
  text-decoration: none;
}

.row.link.absolute {
  color: var(--purple);
  text-decoration: none;
  position: absolute;
  bottom: -100%;
}

.row.link.absolute.white, .row.link.white {
  color: var(--white);
}

.row.mobile-center {
  font-size: .875rem;
}

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

._7columns-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 26rem 26rem 26rem 26rem 26rem 26rem 26rem;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-right: -100vw;
  padding-left: 0;
  display: grid;
}

._7columns-grid.second {
  grid-template-columns: 26rem 26rem 26rem 26rem 26rem;
}

.card {
  border: 1px solid var(--typo);
  border-radius: var(--radius);
  background-color: var(--white);
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 5rem 2rem;
  display: flex;
}

.card.sticky {
  width: 32%;
  position: sticky;
  top: 20.1vh;
}

.card.sticky.align-center {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.card.sticky.align-right {
  margin-left: auto;
}

.text-size-small {
  letter-spacing: -.03rem;
  margin-bottom: 0;
  font-size: 16px;
}

.text-size-small.text-weight-medium {
  letter-spacing: 0;
}

.text-size-small._2 {
  font-size: 18px;
}

.text-size-normal {
  font-size: 1rem;
}

.text-size-normal.min-height {
  height: 3.6rem;
}

.text-size-medium {
  letter-spacing: -.08rem;
  -webkit-text-stroke-width: 0rem;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
}

.text-size-medium.accordion {
  max-width: 391px;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.text-size-large {
  font-size: 2rem;
  line-height: 1.3;
  overflow: hidden;
}

.position-relative {
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.text-color-red {
  color: var(--red);
  text-decoration: none;
}

.text-color-purple {
  color: var(--purple);
}

.text-color-purple.underline {
  text-decoration: underline;
}

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

.line.light {
  background-color: #fff3;
  height: 1px;
  margin-top: 0;
  overflow: hidden;
}

.max-width {
  max-width: 40rem;
}

.progressive-line {
  background-color: #fff3;
  border-radius: 20px;
  align-items: center;
  height: 1px;
  display: flex;
  overflow: hidden;
}

.progressive-bar-color {
  background-color: var(--purple);
  width: 0%;
  height: 100%;
}

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

.sticky-block {
  clear: right;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sticky-block.bento {
  height: auto;
  top: -44vh;
}

.how-we-work-line {
  background-color: var(--white);
  border-radius: 20px;
  width: 1px;
  height: 61px;
}

.how-we-work-block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--white);
  color: var(--typo);
  text-align: left;
  border-radius: 1rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 13.188em;
  padding: 1.43em 2.1em;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.menu-button {
  background-color: var(--light-red);
  border-radius: 10px;
  width: 46px;
  height: 46px;
}

.menu-button.shadow {
  background-color: var(--light-purple);
  background-image: linear-gradient(to bottom, var(--light-purple), var(--light-purple)), linear-gradient(to bottom, var(--white), var(--white));
  margin-left: auto;
  padding: 18px 14px;
  transition: transform .3s, background-color .3s, box-shadow .3s;
}

.menu-button.shadow:hover {
  box-shadow: none;
  transform: translate(3px, 3px);
}

.menu-button.shadow.w--open {
  z-index: 2;
  box-shadow: none;
  background-image: none;
  margin-left: auto;
}

.menu-button.shadow.w--open:hover {
  transform: none;
}

.line-menu {
  background-color: var(--black-shadow);
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 2px;
  display: flex;
}

.line-menu.bottom {
  background-color: var(--black-shadow);
  margin-top: 6px;
}

.content-menu {
  grid-column-gap: .25rem;
  perspective: 1211px;
  color: var(--white);
  border-radius: .5rem;
  flex-direction: column;
  align-items: flex-end;
  width: 20rem;
  height: auto;
  margin-left: auto;
  padding: 4.5rem 1.37rem 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: perspective(1248px);
}

.main-ilnk {
  color: var(--white);
}

.main-ilnk.text-color-black {
  color: var(--typo);
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.main-ilnk.text-color-white {
  color: var(--white);
  font-size: 16px;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.backgrround-purple {
  z-index: 0;
  background-color: var(--purple);
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.backgrround-purple-light {
  z-index: -1;
  background-color: var(--light-purple);
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.menu {
  z-index: 999;
  margin-left: auto;
  margin-right: 0;
  position: fixed;
  inset: 40px 5% auto auto;
}

.menu-list {
  display: none;
  inset: 0% 0% auto auto;
}

.menu-list.w--open {
  background-color: #ddd0;
}

.text-size-regular {
  font-size: 1.375rem;
}

.text-size-regular.mobile {
  line-height: 1.3;
}

.image {
  width: 69%;
}

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

.horizontal-height {
  height: 400dvh;
}

.horizontal-height.background-black.radius {
  z-index: 1;
  border-top-left-radius: var(--big-radius);
  border-top-right-radius: var(--big-radius);
  color: var(--white);
  position: relative;
}

.horizontal-height.site-maintainance {
  height: 300dvh;
}

.sticky-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100dvh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.mover {
  width: auto;
  margin-right: 0;
  padding-left: 5%;
  padding-right: 5%;
}

.loop-text-container {
  background-color: var(--red);
  color: var(--white);
  width: 100%;
  display: flex;
  overflow: hidden;
}

.loop-text-container.image {
  z-index: -1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ff766800;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.loop-text-container.image.align-right {
  justify-content: flex-end;
  overflow: hidden;
}

.scrolling-text {
  white-space: nowrap;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 12.5rem;
  line-height: 1.2;
}

.container-small {
  z-index: 1;
  align-self: center;
  width: 100%;
  max-width: 1280px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

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

.content-grid {
  border: 1px solid var(--typo);
  background-color: var(--white);
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding: 4rem 4.9em 4rem 4rem;
  display: flex;
  position: relative;
}

.content-grid.small {
  justify-content: space-between;
  padding: 2.813rem 2.213rem;
}

.content-grid.padding-small {
  text-align: left;
  padding: 3.25rem 2.37rem;
}

.content-grid.padding-small.align-center {
  text-align: left;
  align-items: center;
  padding-left: 1.91rem;
  padding-right: 1.91rem;
}

.content-grid.padding-small.align-center.relax {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.content-grid.padding-small.min-height {
  height: 213px;
  padding: 1.57rem;
}

.strikethrough {
  text-decoration: line-through;
}

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

.column._0 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.column.margin-bottom {
  border-top: 1px #000;
}

.column.maintainance {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.slider {
  background-color: #ddd0;
  width: 100%;
  height: 100%;
}

.hide {
  display: none;
}

.slide {
  height: 100%;
}

.content-slide {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: .875rem;
  display: flex;
  position: relative;
}

.brand-slide {
  height: 37px;
}

.link-block.absolute {
  position: absolute;
  inset: auto 0% 0% auto;
}

.link-block.absolute.text-size-small {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #3a3a3a;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.right-arrow {
  justify-content: flex-end;
  width: 26px;
  display: flex;
  inset: 0% 0% auto auto;
}

.left-arrow {
  align-items: flex-start;
  width: 20px;
  display: flex;
  inset: 0% 12% auto auto;
}

.icon {
  width: 24px;
  height: 24px;
}

.line-scroll {
  background-color: #e6e6e6;
  border-radius: 20px;
  width: 2px;
  height: 20vh;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.text-style-h3 {
  font-size: 4rem;
  line-height: 1;
}

.accordion {
  padding-top: 3.5rem;
  padding-bottom: 0;
  overflow: hidden;
}

.content-accordion {
  max-width: 391px;
  margin-left: auto;
  overflow: hidden;
}

.container-images {
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  flex: none;
  padding-left: 1.5vh;
  padding-right: 1.5vh;
  display: flex;
  overflow: hidden;
}

.main-image {
  flex: none;
  height: 100%;
  overflow: hidden;
}

._2columns-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  overflow: hidden;
}

.footer {
  border-top: 1px solid #e6e6e6;
  padding-top: 6rem;
  padding-bottom: 6rem;
  overflow: hidden;
}

.white-line {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

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

._3columns-grid.form {
  grid-column-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr;
}

._3columns-grid.bento {
  grid-column-gap: 4rem;
  grid-row-gap: 1.22rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 328px;
}

._3columns-grid.footer {
  grid-column-gap: 84px;
  border-top-style: none;
  grid-template-columns: 191px 191px 259px;
  padding-top: 0;
  padding-bottom: 0;
}

.text-size-xsmall {
  letter-spacing: 0;
  font-size: 12px;
  line-height: 13px;
}

.eclipse {
  position: absolute;
  inset: 7% 7% auto auto;
}

.text-span {
  perspective: 1101px;
  perspective-origin: 100%;
  transform-origin: 100%;
  text-decoration: none;
  display: inline-block;
  transform: perspective(1193px);
}

.text-span.big {
  font-size: 2rem;
  line-height: 1.2;
}

.line-link {
  background-color: var(--purple);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
}

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

.columns {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.webflow-form-block {
  flex-direction: column;
  flex: none;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.webflow-form {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.webflow-slider {
  background-color: #ddd0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: static;
}

.webflow-mask {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.content-slider {
  background-color: var(--background);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.content-slider.webflow {
  padding-top: 10px;
  padding-bottom: 10px;
}

.content-block {
  border: 1px solid var(--typo);
  border-radius: 8px;
  padding: 4.5rem 4rem;
}

.content-block.shadow {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.content-block.shadow.background-purple-light {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--light-purple);
  flex-direction: row;
  height: auto;
  position: static;
}

.button {
  color: var(--typo);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 16px 8px 0;
  padding: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button.shadow.webflow {
  color: var(--white);
  text-align: center;
  background-color: #146ef5;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  transition: box-shadow .3s;
}

.button.shadow.webflow:hover {
  box-shadow: none;
}

.button.shadow.shopify {
  color: var(--white);
  text-align: center;
  background-color: #95bf47;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  transition: box-shadow .3s;
}

.button.shadow.shopify:hover {
  box-shadow: none;
}

.tag {
  background-color: var(--typo);
  color: var(--white);
  border: 1px #000;
  border-radius: 20px;
  align-items: center;
  height: 25px;
  padding: 10px;
  font-size: 10px;
  display: flex;
  position: relative;
}

.tag.shopify {
  background-color: var(--shopify);
  position: absolute;
}

.tag.webflow {
  z-index: 2;
  background-color: var(--webflow);
  position: absolute;
}

.paragraph-xsmall {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  position: relative;
}

.max-width-buttons {
  width: 100%;
  max-width: 750px;
}

.radio-button {
  cursor: pointer;
  background-color: #e6e6e6;
  border-style: none;
  border-radius: 0%;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.radio-button.w--redirected-checked {
  background-color: var(--light-purple);
}

.radio-button-label {
  z-index: 1;
  position: relative;
}

.radio {
  cursor: pointer;
  border-style: none;
  border-radius: 8px;
  flex: none;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.radio.w--redirected-checked {
  border: 2px solid var(--black-shadow);
  background-color: #3898ec00;
  background-image: none;
}

.radio.w--redirected-focus {
  box-shadow: 0 0 0 1px var(--typo);
}

.text-field {
  border: 1px solid var(--typo);
  background-color: var(--white);
  border-radius: 8px;
  min-height: 60px;
  margin-bottom: 17px;
  padding: .875rem;
  font-size: 1.2rem;
}

.text-field:focus {
  border-color: var(--purple);
}

.textarea {
  border: 1px solid var(--typo);
  border-radius: 8px;
  min-height: 109px;
  margin-bottom: 14px;
  padding: .875rem;
  font-size: 1.2rem;
}

.textarea:focus {
  border-color: var(--purple);
}

.right-arrow {
  background-color: var(--light-purple);
  border-radius: 8px;
  width: 48px;
  height: 46px;
  inset: auto 50% 0% auto;
  transform: translate(50%);
}

.right-arrow.shadow {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  padding: 0 12px;
  transition: box-shadow .3s;
  display: flex;
  position: absolute;
  inset: auto 50% 0% auto;
  transform: translate(56px);
}

.right-arrow.shadow:hover {
  box-shadow: none;
}

.left-arrow {
  background-color: var(--light-purple);
  border-radius: 8px;
  width: 48px;
  height: 46px;
  inset: auto auto 0% 50%;
  transform: translate(-150%);
}

.left-arrow.shadow {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 60px;
  margin-right: 15px;
  padding: 0 12px;
  transition: box-shadow .3s;
  display: flex;
  position: absolute;
  top: auto;
  left: 50%;
  right: auto;
  transform: translate(-56px);
}

.left-arrow.shadow:hover {
  box-shadow: none;
}

.icon-arrow {
  width: 18px;
}

.progressive-bar {
  z-index: 3;
  background-color: #fff3;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 624px;
  height: 3px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  bottom: 125px;
  overflow: hidden;
}

.progressive-bar._2 {
  background-color: var(--light-purple);
  justify-content: flex-start;
}

.radio-field {
  background-color: var(--white);
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  width: 315px;
  max-width: 315px;
  padding: 2rem 1.2rem;
  display: flex;
  position: relative;
}

.checkbox-button {
  background-color: var(--white);
  cursor: pointer;
  border-style: none;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.checkbox-button.w--redirected-checked {
  background-color: var(--light-purple);
  background-image: none;
  border-radius: 8px;
}

.checkbox-label {
  position: relative;
}

.quote {
  font-size: 14px;
  font-weight: 500;
}

.udesly-input-wrapper {
  border-radius: 8px;
  justify-content: center;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.udesly-increment-decrement-buttons {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #e6e6e6;
  border: 1px #000;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  height: 60px;
  display: flex;
}

.udesly-decrement-button {
  color: var(--typo);
  background-color: #17171700;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 12px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color .25s ease-out;
  display: flex;
}

.udesly-decrement-button:hover {
  background-color: var(--light-purple);
}

.udesly-input-field {
  border-style: solid;
  border-width: 0 3px 0 0;
  border-color: black var(--white) black black;
  text-align: center;
  background-color: #e6e6e6;
  border-radius: 8px 0 0 8px;
  width: 66px;
  height: 100%;
  min-height: 48px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 12px;
  display: block;
}

.udesly-increment-button {
  color: var(--typo);
  background-color: #17171700;
  border: 1px #000;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 12px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color .25s ease-out;
  display: flex;
}

.udesly-increment-button:hover {
  background-color: var(--light-purple);
}

.udesly-code-snippet {
  display: none;
}

.link {
  color: var(--purple);
  text-decoration: none;
}

.heading-style-h5 {
  letter-spacing: -.03rem;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: 400;
}

.wrapper.form-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
}

._4columns-grid {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 377px) 1fr 1fr 1fr;
}

.maintainance-block {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--typo);
  background-color: var(--white);
  border-radius: 8px;
  align-items: center;
  height: 74px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.maintainance-block.background-gray {
  background-color: var(--typo);
  color: var(--white);
  justify-content: space-between;
}

.text-size-xxsmall {
  font-size: 10px;
}

.accordion-faq {
  background-color: #fbfbfb26;
  border-radius: 20px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  position: static;
}

.accordion-faq.faq {
  border: 1px solid var(--typo);
  color: #2c2c2c;
  background-color: #fbfbfb;
  border-radius: 8px;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 0;
  overflow: hidden;
  box-shadow: 0 2px 20px -7px #d5d5d5;
}

.icon-dropdown {
  color: #9b9b9b;
  margin-left: 10px;
  margin-right: 20px;
  font-size: .9rem;
  bottom: -3px;
}

.dropdown-toggle-about {
  border: 1px none var(--typo);
  color: var(--typo);
  background-color: #fff;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 33px 26px;
  font-size: 1.1429rem;
  font-weight: 400;
  display: flex;
}

.faq-content {
  position: static;
}

.faq-content.w--open {
  background-color: #fff;
  padding-bottom: 0;
  padding-left: 26px;
  padding-right: 4rem;
  overflow: hidden;
}

.icon-dropdown {
  margin-right: 0;
}

.success-message {
  background-color: var(--green);
  border-radius: 8px;
  width: 505px;
  margin-top: 46vh;
  margin-left: auto;
  margin-right: auto;
}

.success-message.shadow {
  background-color: var(--white);
  color: var(--green);
  border: 1px solid #000;
  font-size: 1.2rem;
}

.hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.handwriting {
  justify-content: center;
  align-items: flex-end;
  width: 12.3rem;
  display: flex;
  transform: rotate(-5.27deg);
}

.handwriting.absolute {
  width: 205px;
  height: 150px;
  position: absolute;
  inset: auto -1% -1% auto;
}

.handwriting.center {
  transform: translate(79px, 25px)rotate(-5.27deg);
}

.handwriting.align-right {
  width: 15.5rem;
  margin-bottom: -28px;
  margin-left: auto;
  transform: translate(-187px)rotate(-15deg);
}

.handwriting.figma {
  width: 16rem;
  margin-bottom: 97px;
  position: absolute;
  left: -31px;
  transform: rotate(-5.27deg);
}

.button-container {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  justify-content: center;
  align-self: stretch;
  display: flex;
}

.button-big {
  background-color: #fff;
  border: 1px solid #3a3a3a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 18.75rem;
  height: 80px;
  display: flex;
}

.button-big.shadow {
  perspective: 1119px;
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  transition: box-shadow .3s;
  transform: perspective(1174px);
}

.button-big.shadow:hover {
  box-shadow: none;
  transform: perspective(1174px);
}

.button-big.webflow {
  background-image: url('../images/Webflow_logo_2023-1_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 159px 26px;
  background-attachment: scroll;
}

.button-big.webflow.shadow {
  background-image: url('../images/Webflow_logo_2023-1.svg');
}

.button-big.shopify {
  background-image: url('../images/Shopify_logo_2018-1_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 129px 40px;
}

.button-big.shopify.shadow {
  background-image: url('../images/Shopify_logo_2018-1.svg');
}

.button-big.smootify.shadow {
  background-image: url('../images/New-Logo-Black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 160px;
}

.paragraph-regular {
  font-size: var(--paragraph-regular);
}

.paragraph-regular.max-width.align-right {
  margin-bottom: 0;
  margin-left: auto;
}

.paragraph-medium {
  font-size: var(--paragraph-medium);
  letter-spacing: -.052rem;
}

.clients-left-arrow {
  align-items: flex-start;
  width: 20px;
  display: flex;
  inset: 2% 12% auto auto;
}

.slide-2 {
  height: 100%;
}

.clients-right-arrow {
  justify-content: flex-end;
  width: 26px;
  display: flex;
  inset: 2% 0% auto auto;
}

.big-head {
  letter-spacing: -.172rem;
  font-size: 7.5rem;
  line-height: .9;
}

.big-head.vw {
  font-size: 7rem;
}

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

.full-height {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.scrolling-images-wrapper {
  z-index: 0;
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: 0%;
}

.filter {
  background-color: #ff7668d9;
  position: absolute;
  inset: 0%;
}

.paragraph-large {
  font-size: var(--paragraph-large);
  letter-spacing: -.06rem;
  font-weight: 400;
}

.color-line-2 {
  background-color: #ff7668;
  width: 100%;
  height: 100%;
}

.webflow-background {
  background-color: #146ef51a;
}

.shopify-background {
  background-color: #95bf471a;
}

.paragraph-small {
  font-size: var(--paragraph-small);
}

.lottie-animation {
  width: 100%;
  height: 262px;
}

.lottie-animation._2 {
  width: auto;
}

.lottie-animation._2._3 {
  height: 260px;
  transform: scale(.9)translate(0, -7px);
}

.lottie-animation.big {
  height: 334px;
}

.lottie-animation.relax {
  width: 131%;
  height: 259px;
}

.lottie-animation.small {
  width: 230px;
  height: 262px;
}

.lottie-animation.loader {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  perspective: 1046px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 50px;
  display: flex;
  transform: perspective(1083px);
}

.figma-image {
  width: 25px;
}

.webflow-image {
  width: 44px;
}

.arrow {
  width: 20px;
}

.background-bar {
  display: none;
}

.grid-2-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  overflow: hidden;
}

.grid-2-col.max-width {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  max-width: 990px;
  padding-top: 5px;
  padding-bottom: 10px;
}

.grid-2-col.form {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: stretch;
}

.radio-button-2 {
  cursor: pointer;
  background-color: #e6e6e6;
  border-style: none;
  border-radius: 0%;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.radio-button-2.w--redirected-checked {
  background-color: #ba5fff33;
}

.shopify-select {
  border: 1px solid #000;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 16px 8px 16px 16px;
  display: flex;
}

.button-2 {
  color: #3a3a3a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 16px 8px 0;
  padding: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button-2.small {
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-size-smal {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
}

.tag-2 {
  color: #fff;
  background-color: #3a3a3a;
  border: 1px #000;
  border-radius: 20px;
  align-items: center;
  height: 25px;
  padding: 10px;
  font-size: 10px;
  display: flex;
  position: relative;
}

.tag-2.backgrround-purple-light {
  z-index: 0;
  color: #ba5fff;
  background-color: #ba5fff33;
  justify-content: center;
  align-self: center;
  width: auto;
  right: auto;
}

.text-rich-text {
  font-size: 1rem;
}

.text-rich-text p {
  font-size: var(--paragraph-regular-mobile);
  margin-bottom: 10px;
}

.text-rich-text h1 {
  margin-bottom: 20px;
  font-size: 2.5rem;
}

.text-rich-text ol {
  font-size: 1rem;
  font-weight: 500;
  line-height: 28px;
}

.text-rich-text h5 {
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: 600;
}

.horizontal-padding {
  padding-left: 1.91rem;
  padding-right: 1.91rem;
}

.menu-bar {
  height: 60px;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.wrap-loader {
  z-index: 99999999;
  background-color: var(--white);
  opacity: 0;
  pointer-events: none;
  perspective: 1119px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
  transform: perspective(1064px);
}

._9columns-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 26rem 26rem 26rem 26rem 26rem 26rem 26rem 26rem 26rem;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-right: -100vw;
  padding-left: 0;
  display: grid;
}

._9columns-grid.second {
  grid-template-columns: 26rem 26rem 26rem 26rem 26rem;
}

.rich-text-block {
  font-size: .7rem;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.text-rich-text-2, .text-rich-text-3 {
  line-height: 3;
  display: block;
}

.fs-cc-prefs2_submit {
  background-color: var(--black-shadow);
  text-align: center;
  margin-top: 12px;
  padding: 12px 20px;
  font-weight: 700;
}

.fs-cc-prefs2_submit:hover {
  color: #fdfcf4;
}

.fs-cc-prefs2_form-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_checkbox-field {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  padding: 2px;
  display: flex;
  position: relative;
}

.fs-cc-preferences2_close-icon {
  color: #fff;
  width: 24px;
  height: 24px;
}

.fs-cc-prefs2_component {
  z-index: 997;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 32px;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-prefs2_close {
  background-color: var(--purple);
  color: #fff;
  cursor: pointer;
  padding: 12px;
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  inset: 0 0 auto auto;
  box-shadow: -1px 1px 4px #3333331a;
}

.fs-cc-banner2_buttons-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.fs-cc-banner2_component {
  z-index: 999;
  background-color: var(--background);
  color: #fff;
  border: 1px dashed #d6d6d6;
  border-radius: .3rem;
  width: 450px;
  padding: 30px;
  display: none;
  position: fixed;
  inset: auto 2% 2% auto;
}

.fs-cc-prefs2_content {
  color: #000;
  background-color: #fff;
  height: 100%;
  padding: 40px 32px;
}

.fs-cc-prefs2_option {
  border-bottom: 1px solid #c0c0c04d;
  padding-top: 16px;
  padding-bottom: 16px;
}

.fs-cc-manager2_component {
  z-index: 999;
  border: 1px dashed #d6d6d6;
  display: none;
  position: fixed;
  inset: auto auto 20px 20px;
}

.fs-cc-prefs2_label {
  color: var(--black-shadow);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 32px;
  font-size: 16px;
  font-weight: 700;
}

.fs-cc-prefs2_title {
  color: var(--black-shadow);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-prefs2_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.fs-cc-prefs2_form {
  color: #fff;
  background-color: #333;
  width: 100%;
  max-width: 400px;
  max-height: 85vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs2_checkbox {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border-width: 2px;
  border-color: #201515;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_checkbox.w--redirected-checked {
  background-color: #ff6d2f;
  background-size: auto;
  border-color: #fdfcf4;
}

.fs-cc-prefs2_overlay {
  z-index: -1;
  background-color: var(--background);
  opacity: .75;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_checkbox-label {
  display: none;
}

.fs-cc-banner2_container {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.fs-cc-prefs2_button {
  border: 1px solid var(--green);
  background-color: var(--green);
  color: var(--white);
  text-align: center;
  padding: 12px 20px;
  font-weight: 700;
}

.fs-cc-prefs2_button:hover {
  border-color: var(--black-shadow);
  background-color: var(--black-shadow);
  color: #fdfcf4;
}

.fs-cc-prefs2_button.fs-cc-button-alt {
  border-color: var(--black-shadow);
  color: var(--black-shadow);
  background-color: #fff;
  margin-bottom: 12px;
}

.fs-cc-banner2_text {
  color: var(--black-shadow);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.fs-cc-banner2_button {
  background-color: var(--green);
  color: #fdfcf4;
  text-align: center;
  text-transform: none;
  border-radius: .3rem;
  flex: 1;
  min-width: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 0;
  font-weight: 700;
}

.fs-cc-banner2_button:hover {
  opacity: .7;
  color: #fdfcf4;
}

.fs-cc-banner2_button.fs-cc-button-alt {
  background-color: var(--black-shadow);
  color: #fdfcf4;
  border-radius: .3rem;
  min-width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.fs-cc-banner2_text-link {
  color: var(--purple);
  border-bottom: 2px solid #fff;
  font-weight: 700;
  text-decoration: underline;
}

.required-label {
  color: var(--red);
  font-size: .85rem;
  font-weight: 700;
}

.fs-cc-prefs2_space-small {
  margin-bottom: 12px;
}

.fs-cc-manager2_button {
  color: var(--purple);
  cursor: pointer;
  background-color: #fff;
  border-radius: .3rem;
  flex-direction: column;
  width: 48px;
  padding: 8px;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager2_button:hover {
  color: #201515;
}

.fs-cc-prefs2_buttons-wrapper {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 16px;
  display: flex;
}

.fs-cc-prefs2_submit-2 {
  text-align: center;
  background-color: #201515;
  margin-top: 12px;
  padding: 12px 20px;
  font-weight: 700;
}

.fs-cc-prefs2_submit-2:hover {
  color: #fdfcf4;
}

.fs-cc-prefs2_close-2 {
  color: #fff;
  cursor: pointer;
  background-color: #ff6d2f;
  padding: 12px;
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  inset: 0 0 auto auto;
  box-shadow: -1px 1px 4px #3333331a;
}

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

.fs-cc-banner2_component-2 {
  z-index: 999;
  color: #fff;
  background-color: #fdfcf4;
  border: 1px dashed #d6d6d6;
  border-radius: .3rem;
  width: 450px;
  padding: 30px;
  display: none;
  position: fixed;
  inset: auto 2% 2% auto;
}

.fs-cc-prefs2_label-2 {
  color: #201515;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 32px;
  font-size: 16px;
  font-weight: 700;
}

.button-3 {
  border: 1px solid var(--purple);
  background-color: var(--purple);
  color: #fdfcf4;
  letter-spacing: -.02rem;
  border-radius: .3rem;
  padding: .8rem 1.1rem;
  font-weight: 500;
  transition: all .2s;
}

.button-3:hover {
  color: #fdfcf4;
  box-shadow: 4px 4px 1px #201515;
}

._404-label {
  z-index: -1;
  color: var(--light-purple);
  font-size: 35vw;
  position: absolute;
}

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

.fs-cc-prefs2_title-2 {
  color: #010440;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-prefs2_overlay-2 {
  z-index: -1;
  opacity: .75;
  background-color: #ff6d2f;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_button-2 {
  color: #ff6d2f;
  text-align: center;
  background-color: #faf4da;
  border: 1px solid #ff6d2f;
  padding: 12px 20px;
  font-weight: 700;
}

.fs-cc-prefs2_button-2:hover {
  color: #fdfcf4;
  background-color: #ff6d2f;
}

.fs-cc-prefs2_button-2.fs-cc-button-alt {
  color: #201515;
  background-color: #fff;
  border-color: #201515;
  margin-bottom: 12px;
}

.fs-cc-banner2_text-2 {
  color: #201515;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.fs-cc-banner2_button-2 {
  color: #fdfcf4;
  text-align: center;
  text-transform: none;
  background-color: #ff6d2f;
  border-radius: .3rem;
  flex: 1;
  min-width: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 0;
  font-weight: 700;
}

.fs-cc-banner2_button-2:hover {
  opacity: .7;
  color: #fdfcf4;
}

.fs-cc-banner2_button-2.fs-cc-button-alt {
  color: #fdfcf4;
  background-color: #201515;
  border-radius: .3rem;
  min-width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.fs-cc-banner2_text-link-2 {
  color: #ff6d2f;
  border-bottom: 2px solid #fff;
  font-weight: 700;
  text-decoration: underline;
}

.required-label-2 {
  color: #ff6d2f;
  font-size: .85rem;
  font-weight: 700;
}

.fs-cc-manager2_button-2 {
  color: #ff6d2f;
  cursor: pointer;
  background-color: #fff;
  border-radius: .3rem;
  flex-direction: column;
  width: 48px;
  padding: 8px;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager2_button-2:hover {
  color: #201515;
}

.heading-4 {
  margin-top: 0;
  margin-bottom: 0;
}

._404-heading {
  font-size: 2ch;
}

.error-message {
  background-color: var(--red);
  border-radius: 8px;
  width: 505px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.error-message.shadow {
  background-color: var(--white);
  color: var(--red);
  border: 1px solid #000;
  width: 571px;
  padding: 20px;
  font-size: 1.2rem;
}

.text-block {
  text-align: center;
  line-height: 1.2;
}

.cookie-bar-wrapper {
  z-index: 500;
  background-color: var(--black-shadow);
  border: 1px solid #1b1b1b;
  border-radius: .2rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 415px;
  height: 50px;
  padding: 0 1rem;
  font-size: .7rem;
  display: flex;
  position: fixed;
  inset: auto 0% 25px 50%;
  transform: translate(-50%);
}

.cookie-bar-text {
  color: #f9faf7;
  letter-spacing: -.03rem;
  margin-bottom: 0;
  margin-right: 4px;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.2;
}

.cookie-link {
  color: #fff;
  font-size: .8rem;
  text-decoration: underline;
}

.cookie-link:hover {
  color: #c5c5c5;
}

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

.mini-button {
  background-color: #8351ff;
  border-radius: 0;
  margin-right: 0;
  padding: 6px 15px;
  font-size: 16px;
  font-weight: 400;
  transition: background-color .4s ease-in-out;
}

.mini-button:hover {
  color: #fff;
  background-color: #6f39f7;
}

.mini-button.cookie {
  letter-spacing: -.03rem;
  text-transform: capitalize;
  background-color: #1b1b1b;
  border-radius: .5rem;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
}

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

@media screen and (max-width: 991px) {
  h2 {
    font-size: 3.5rem;
  }

  h4 {
    font-size: 2rem;
  }

  h5 {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }

  .section.show-mobile {
    display: block;
  }

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

  .spacer.large {
    height: var(--spacer-large);
  }

  .spacer.spacer-xxsmall {
    height: var(--spacer-xsmall);
  }

  .spacer.hero {
    height: var(--spacer-large);
  }

  .hero-heading {
    font-size: 28vw;
  }

  .hero-heading.second {
    font-size: 20vw;
    line-height: .8;
  }

  .row.align-between {
    flex-direction: column;
  }

  .row.space-around.min-height.top.is-mobile-vertical {
    align-items: flex-start;
    height: auto;
    padding-left: 0;
    padding-right: 21px;
  }

  .row.space-around.min-height.is-mobile-vertical {
    flex: none;
    height: auto;
    padding-left: 21px;
  }

  .row.space-around.top.is-mobile-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .row.space-around.is-mobile-vertical {
    flex-direction: column;
  }

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

  .text-size-medium {
    font-size: 24px;
  }

  .text-size-medium.accordion {
    width: 391px;
  }

  .text-size-large {
    font-size: 1.5rem;
  }

  .position-relative {
    align-items: center;
  }

  .progressive-line {
    align-items: flex-start;
    width: 3px;
    height: 100%;
  }

  .progressive-bar-color {
    width: 100%;
  }

  .sticky-block {
    width: 100%;
    height: auto;
    position: static;
    overflow: visible;
  }

  .sticky-block.align-center {
    padding-top: 100px;
  }

  .how-we-work-line {
    width: 61px;
    height: 3px;
    margin-left: 0%;
  }

  .block-timeline {
    display: flex;
  }

  .how-we-work-block {
    width: 13.188rem;
    margin-left: 0;
  }

  .menu-button.shadow:hover {
    box-shadow: 4px 4px 0 0 var(--typo);
    transform: none;
  }

  .menu-button.shadow.w--open {
    box-shadow: none;
  }

  .main-ilnk.text-color-black {
    text-decoration: none;
  }

  .horizontal-height {
    padding-top: 0;
    padding-bottom: 6rem;
  }

  .horizontal-height.background-black.radius {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: auto;
  }

  .sticky-wrapper {
    height: auto;
    transition: opacity .2s;
    top: 23.4dvh;
  }

  .mover {
    margin-left: 0;
  }

  .scrolling-text {
    font-size: 8rem;
  }

  .container-small.is-mobile-flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .content-grid {
    padding: 6.2rem 3em 2.7rem 2.5rem;
  }

  .content-grid.small {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .slide, .slide.webflow {
    padding-top: 0;
    padding-bottom: 0;
  }

  .line-scroll.hide-mobile {
    display: none;
  }

  ._2columns-grid {
    grid-column-gap: 1.5rem;
  }

  ._3columns-grid.form, ._3columns-grid.bento {
    grid-template-columns: 1fr 1fr;
  }

  .line-link, .line-link.white-line {
    display: none;
  }

  .webflow-form-block {
    justify-content: center;
    min-height: 100dvh;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .content-slider {
    height: auto;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .content-slider.webflow {
    justify-content: flex-start;
    height: 100%;
  }

  .content-block.shadow {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .content-block.shadow.background-purple-light {
    background-color: var(--background);
    box-shadow: none;
    border-style: none;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    padding-left: 0;
  }

  .content-block.shadow.second.is-mobile, .content-block.shadow.is-mobile-shadow0 {
    box-shadow: 4px 4px 0 0 var(--typo);
    border-style: solid;
    padding: 2rem;
  }

  .right-arrow.shadow {
    margin-bottom: 21px;
    transition: none;
    position: fixed;
    bottom: 15px;
    right: 54px;
    transform: none;
  }

  .right-arrow.shadow:hover {
    box-shadow: 4px 4px 0 0 var(--typo);
  }

  .left-arrow.shadow {
    margin-bottom: 21px;
    transition: none;
    position: fixed;
    bottom: 15px;
    left: auto;
    right: 108px;
    transform: none;
  }

  .left-arrow.shadow:hover {
    box-shadow: 4px 4px 0 0 var(--typo);
  }

  .progressive-bar._2 {
    width: 67%;
    max-width: none;
    margin-bottom: 21px;
    position: fixed;
    bottom: 36.5px;
    left: 58px;
  }

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

  .handwriting {
    width: 24vw;
  }

  .handwriting.absolute {
    width: 25vw;
  }

  .handwriting.align-right {
    margin-left: auto;
    transform: translate(-23%)rotate(-15deg);
  }

  .handwriting.figma {
    width: 22vw;
    top: -1%;
    left: -3%;
  }

  .button-big.smootify.shadow {
    background-size: 150px;
  }

  .paragraph-regular {
    font-size: var(--paragraph-regular-mobile);
  }

  .paragraph-regular.max-width.align-right {
    font-size: var(--paragraph-regular);
  }

  .big-head {
    font-size: 7rem;
  }

  .big-head.vw {
    font-size: 10vw;
  }

  .full-height.is-mobile-auto {
    height: auto;
    min-height: 100vh;
  }

  .paragraph-large {
    font-size: var(--paragraph-medium);
  }

  .background-bar {
    border-radius: var(--radius);
    background-color: var(--white);
    opacity: .9;
    width: 90%;
    height: 76px;
    display: block;
    position: fixed;
    bottom: 21px;
  }

  .grid-2-col {
    grid-column-gap: 1.5rem;
  }

  .text-rich-text p {
    font-size: var(--paragraph-regular-mobile);
  }

  .menu-bar {
    z-index: 3;
    background-color: var(--background);
    opacity: .9;
    pointer-events: none;
    height: 120px;
    display: block;
  }

  .wrap-loader {
    display: flex;
  }

  .fs-cc-banner2_buttons-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .fs-cc-banner2_button {
    margin-left: 0;
    margin-right: 0;
  }

  ._404-label {
    font-size: 45vw;
  }

  .fs-cc-banner2_button-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .cookie-bar-wrapper {
    background-color: #141414;
    bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 2.3rem;
  }

  .spacer.x-large {
    height: 4rem;
  }

  .spacer.large {
    height: var(--spacer-medium);
  }

  .spacer._12-5rem {
    height: 8rem;
  }

  .hero-heading {
    font-size: 29vw;
  }

  .hero-heading.second {
    line-height: 1.4;
  }

  .row.align-bottom {
    align-items: center;
  }

  .row.align-between {
    flex-direction: column;
  }

  .row.space-around.min-height.top.is-mobile-vertical, .row.space-around.min-height.is-mobile-vertical {
    width: 5vw;
  }

  .text-size-medium {
    font-size: 20px;
  }

  .text-size-medium.accordion {
    max-width: 350px;
    margin-bottom: 0;
    font-size: 1.3rem;
  }

  .how-we-work-block {
    width: 40vw;
  }

  .container-small {
    padding-left: 5%;
    padding-right: 5%;
  }

  .content-grid {
    padding-top: 3.7rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .content-grid.small {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .line-scroll.hide-mobile {
    display: none;
  }

  .text-style-h3 {
    font-size: 3rem;
  }

  .content-accordion {
    max-width: 350px;
    padding-top: 16px;
  }

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

  ._3columns-grid {
    grid-column-gap: 44px;
    grid-template-columns: auto auto auto;
  }

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

  ._3columns-grid.bento {
    grid-column-gap: 1.22rem;
  }

  ._3columns-grid.footer {
    grid-row-gap: 63px;
    grid-template-columns: 1fr 1fr;
  }

  .webflow-mask {
    padding-left: 0;
    padding-right: 0;
  }

  .content-block.shadow {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .content-block.shadow.background-purple-light {
    display: inline-block;
  }

  .content-block.shadow.second.is-mobile, .content-block.shadow.is-mobile-shadow0 {
    box-shadow: 4px 4px 0 0 var(--typo);
    border-style: solid;
  }

  .right-arrow.shadow, .left-arrow.shadow {
    position: fixed;
  }

  .progressive-bar._2 {
    width: 51%;
  }

  .quote {
    text-align: left;
  }

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

  .faq-content.w--open {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .hero {
    height: auto;
  }

  .handwriting.center {
    width: 7.7rem;
    transform: translate(43px, 11px)rotate(-9deg);
  }

  .handwriting.align-right {
    width: 22vw;
    margin-bottom: -14px;
    transform: translate(-11vw)rotate(-15deg);
  }

  .handwriting.figma {
    width: 20vw;
    margin-bottom: 0;
    inset: 0% auto auto -3%;
    transform: translate(11px, 16px)rotate(-5.27deg);
  }

  .button-container {
    flex-flow: wrap;
  }

  .button-big.shadow {
    height: 67px;
  }

  .button-big.smootify.shadow {
    background-size: 150px;
  }

  .paragraph-regular.max-width.align-right {
    font-size: var(--paragraph-regular-mobile);
  }

  .big-head {
    font-size: 10vw;
  }

  .full-height {
    height: auto;
  }

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

  .fs-cc-banner2_buttons-wrapper {
    justify-content: space-between;
    margin-top: 12px;
  }

  .fs-cc-prefs2_title {
    font-size: 20px;
  }

  .fs-cc-banner2_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-banner2_button {
    margin-left: 0;
    margin-right: 8px;
  }

  .fs-cc-banner2_button.fs-cc-button-alt {
    padding-left: 0;
    padding-right: 0;
  }

  .fs-cc-banner2_text-link {
    margin-right: 8px;
  }

  .fs-cc-prefs2_title-2 {
    font-size: 20px;
  }

  .fs-cc-banner2_button-2 {
    margin-left: 0;
    margin-right: 8px;
  }

  .fs-cc-banner2_button-2.fs-cc-button-alt {
    padding-left: 0;
    padding-right: 0;
  }

  .fs-cc-banner2_text-link-2 {
    margin-right: 8px;
  }

  .cookie-bar-wrapper {
    background-color: #141414;
    bottom: 10px;
  }

  .cookie-bar-text {
    line-height: 1.4;
  }
}

@media screen and (max-width: 479px) {
  h4 {
    letter-spacing: -.05rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 1.1;
  }

  h5 {
    font-size: 1.3rem;
  }

  .container.webflow {
    max-width: 100%;
  }

  .spacer {
    width: .2rem;
  }

  .spacer.x-large {
    height: 3rem;
  }

  .spacer.large {
    height: var(--spacer-medium);
  }

  .spacer.medium.hide-mobile {
    display: none;
  }

  .spacer.xlarge {
    height: 3rem;
  }

  .spacer.hero {
    height: var(--spacer-large);
  }

  .hero-heading {
    font-size: 30vw;
    line-height: 1.4;
  }

  .brand {
    width: 6.1rem;
    top: 20px;
  }

  .brand.w--current {
    z-index: 99;
    padding-left: 0;
    left: 1rem;
  }

  .brand.footer.w--current {
    padding-left: 0;
  }

  .row {
    flex-direction: column;
    display: block;
  }

  .row.align-bottom, .row.footer-align {
    flex-direction: row;
    display: flex;
  }

  .row.align-between {
    grid-column-gap: 3.25rem;
    grid-row-gap: 3.25rem;
  }

  .row.is-mobile {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    display: flex;
  }

  .row.space-around.min-height.top.is-mobile-vertical {
    justify-content: space-around;
    display: flex;
  }

  .row.space-around.min-height.is-mobile-vertical, .row.space-around.top.is-mobile-vertical {
    display: flex;
  }

  .row.space-around.is-mobile-vertical {
    grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
    display: flex;
  }

  .row.is-mobile-gap, .row.link {
    flex-direction: row;
    display: flex;
  }

  .row.mobile-center {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  ._7columns-grid {
    grid-template-columns: 90vw 90vw 90vw 90vw 90vw 90vw 90vw;
  }

  ._7columns-grid.second {
    grid-template-columns: 90vw 90vw 90vw 90vw 90vw;
  }

  .card {
    padding: 3rem 1rem 3.8rem;
  }

  .text-size-small.text-weight-medium, .text-size-normal.min-height {
    font-size: 14px;
  }

  .text-size-medium {
    letter-spacing: 0;
    font-size: 1.1rem;
  }

  .text-size-medium.accordion {
    max-width: 71vw;
    font-size: 1.2rem;
  }

  .text-size-large {
    font-size: 1.3rem;
  }

  .position-relative {
    align-items: center;
  }

  .text-color-purple {
    display: inline-block;
  }

  .max-width {
    font-size: 16px;
  }

  .progressive-line {
    width: 1px;
    height: 100%;
  }

  .sticky-block.align-center {
    padding-top: 0;
  }

  .how-we-work-line {
    width: 5vw;
    height: 1px;
  }

  .how-we-work-block {
    text-align: left;
    width: 40vw;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .main-ilnk.text-color-black {
    font-size: .75rem;
  }

  .menu {
    z-index: 99999;
    top: 21px;
  }

  .text-size-regular.mobile {
    font-size: 1.2rem;
    line-height: 1.3;
  }

  .horizontal-height {
    height: 400vh;
    padding-top: 0;
    padding-bottom: 3rem;
  }

  .horizontal-height.background-black.radius {
    border-top-left-radius: var(--spacer-medium);
    border-top-right-radius: var(--spacer-medium);
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sticky-wrapper {
    top: 25.8dvh;
  }

  .scrolling-text {
    font-size: 6.6rem;
  }

  .container-small {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .content-grid {
    padding: 3.1rem 1rem 2rem;
  }

  .content-grid.small {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .content-grid.padding-small, .content-grid.padding-small.align-center {
    padding: 2rem 1rem;
  }

  .content-grid.padding-small.align-center.relax {
    padding-top: 1rem;
  }

  .content-grid.padding-small.min-height {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .column {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

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

  .slide {
    height: auto;
  }

  .brand-slide {
    height: 35px;
  }

  .line-scroll {
    height: 15vh;
    display: block;
    bottom: 0;
    left: auto;
  }

  .text-style-h3 {
    font-size: 2.5rem;
  }

  .content-accordion {
    max-width: 71vw;
  }

  .footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  ._3columns-grid {
    grid-row-gap: 3rem;
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr;
  }

  ._3columns-grid.form {
    grid-row-gap: 1rem;
    align-self: center;
    justify-items: center;
    width: 100%;
  }

  ._3columns-grid.footer {
    grid-column-gap: 11px;
  }

  .eclipse {
    margin-right: 1rem;
    right: 0%;
  }

  .text-span._1 {
    letter-spacing: -.02rem;
  }

  .text-span._7 {
    letter-spacing: 0;
  }

  .webflow-form-block {
    justify-content: flex-start;
    height: auto;
    min-height: 100dvh;
    margin-bottom: 0;
    padding: 100px 0;
  }

  .webflow-form {
    justify-content: flex-start;
    margin-bottom: 20px;
  }

  .webflow-slider {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .webflow-mask {
    height: auto;
    padding-left: 0%;
    padding-right: 0%;
  }

  .content-slider {
    grid-column-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .content-slider.webflow {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .content-block.shadow {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .content-block.shadow.background-purple-light {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    display: flex;
  }

  .content-block.shadow.second {
    justify-content: flex-start;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: auto;
  }

  .content-block.shadow.second.is-mobile, .content-block.shadow.is-mobile-shadow0 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .button {
    margin-top: 8px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 11px 10px;
  }

  .button.shadow.webflow, .button.shadow.shopify {
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
  }

  .radio {
    align-self: center;
  }

  .right-arrow.shadow {
    background-image: linear-gradient(to bottom, var(--light-purple), var(--light-purple)), linear-gradient(to bottom, var(--white), var(--white));
    width: 46px;
    margin-top: auto;
    margin-bottom: 21px;
    bottom: 15px;
    right: 35px;
  }

  .left-arrow.shadow {
    background-image: linear-gradient(to bottom, var(--light-purple), var(--light-purple)), linear-gradient(to bottom, var(--white), var(--white));
    width: 46px;
    margin-bottom: 21px;
    bottom: 15px;
    right: 86px;
  }

  .progressive-bar {
    width: 80%;
    max-width: none;
    height: 3px;
    bottom: 91px;
  }

  .progressive-bar._2 {
    z-index: 9999;
    width: 45%;
    margin-bottom: 21px;
    margin-left: 5%;
    position: fixed;
    bottom: 36.5px;
    left: 15px;
  }

  .radio-field {
    width: 100%;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }

  .quote {
    text-align: left;
    align-self: flex-start;
    width: 90%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .udesly-input-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .heading-style-h5 {
    letter-spacing: 0;
    font-size: 1.3rem;
  }

  .wrapper {
    height: 64vh;
    padding-bottom: 24px;
    overflow: auto;
  }

  .wrapper.form-wrapper {
    height: auto;
    padding-bottom: 10px;
    padding-right: 2px;
    overflow: visible;
  }

  ._4columns-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

  .accordion-faq.faq {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .dropdown-toggle-about {
    white-space: normal;
    flex-direction: row;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .faq-content.w--open {
    flex-direction: column;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .success-message.shadow {
    width: 100%;
  }

  .button-wrapper {
    flex-flow: column;
    align-items: stretch;
    display: block;
  }

  .hero {
    font-size: var(--paragraph-regular-mobile);
    height: auto;
  }

  .handwriting.center {
    transform: translate(25px, 16px)rotate(-5.27deg);
  }

  .handwriting.align-right {
    width: 29vw;
    margin-bottom: -25px;
    transform: translate(-2px)rotate(-15deg);
  }

  .handwriting.figma {
    width: 27vw;
    margin-bottom: -33px;
    transform: translate(-20px, 7px)rotate(-18deg);
  }

  .button-big {
    height: 60px;
  }

  .button-big.shadow {
    background-size: auto 16px;
    width: 43vw;
    height: 52px;
  }

  .button-big.webflow.shadow {
    width: 100%;
    max-width: none;
  }

  .button-big.shopify.shadow {
    background-size: auto 26px;
    width: 100%;
    max-width: none;
  }

  .button-big.smootify.shadow {
    background-size: 100px;
    width: 100%;
    max-width: none;
  }

  .paragraph-regular.max-width {
    font-size: var(--paragraph-small);
  }

  .paragraph-regular.max-width.align-right, .paragraph-medium {
    font-size: var(--paragraph-regular-mobile);
  }

  .slide-2 {
    height: auto;
  }

  .big-head {
    font-size: 14vw;
  }

  .full-height.is-mobile-auto {
    justify-content: flex-start;
  }

  .paragraph-large {
    font-size: var(--paragraph-regular);
  }

  .lottie-animation.big {
    height: 228px;
  }

  .lottie-animation.relax {
    width: 100%;
    height: 199px;
  }

  .background-bar {
    z-index: 9;
    border-radius: var(--radius);
    background-color: var(--white);
    opacity: .9;
    width: 90%;
    height: 76px;
    bottom: 21px;
  }

  .grid-2-col.max-width {
    flex: none;
    grid-template-rows: auto auto auto auto auto auto auto;
    height: auto;
    margin-top: 1rem;
  }

  .shopify-select {
    padding-left: 8px;
  }

  .button-2 {
    margin-top: 8px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 11px 10px;
  }

  .text-rich-text {
    font-size: .9rem;
  }

  .text-rich-text p {
    font-size: var(--paragraph-small);
  }

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

  .text-span-3 {
    opacity: 0;
    line-height: 0;
    display: block;
  }

  .menu-bar {
    height: 93px;
  }

  ._9columns-grid {
    grid-template-columns: 90vw 90vw 90vw 90vw 90vw 90vw 90vw 90vw 90vw;
  }

  ._9columns-grid.second {
    grid-template-columns: 90vw 90vw 90vw 90vw 90vw;
  }

  .fs-cc-prefs2_submit {
    margin-top: 8px;
  }

  .fs-cc-prefs2_component {
    padding: 24px;
  }

  .fs-cc-prefs2_close {
    padding: 8px;
  }

  .fs-cc-banner2_buttons-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: space-between;
  }

  .fs-cc-banner2_component {
    border-radius: 0;
    width: 100%;
    bottom: 0%;
    right: 0%;
  }

  .fs-cc-prefs2_content {
    padding: 24px;
  }

  .fs-cc-prefs2_label {
    font-size: 14px;
  }

  .fs-cc-prefs2_title {
    font-size: 18px;
  }

  .fs-cc-prefs2_button.fs-cc-button-alt {
    margin-bottom: 8px;
  }

  .fs-cc-banner2_button {
    margin-right: 0;
  }

  .fs-cc-banner2_button.fs-cc-button-alt {
    padding-left: 0;
    padding-right: 0;
  }

  .fs-cc-prefs2_submit-2 {
    margin-top: 8px;
  }

  .fs-cc-prefs2_close-2 {
    padding: 8px;
  }

  .fs-cc-banner2_component-2 {
    border-radius: 0;
    width: 100%;
    bottom: 0%;
    right: 0%;
  }

  .fs-cc-prefs2_label-2 {
    font-size: 14px;
  }

  .fs-cc-prefs2_title-2 {
    font-size: 18px;
  }

  .fs-cc-prefs2_button-2.fs-cc-button-alt {
    margin-bottom: 8px;
  }

  .fs-cc-banner2_button-2 {
    margin-right: 0;
  }

  .fs-cc-banner2_button-2.fs-cc-button-alt {
    padding-left: 0;
    padding-right: 0;
  }

  .cookie-bar-wrapper {
    z-index: 500;
    background-color: #141414;
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
    max-width: 180px;
    height: auto;
    padding: 15px;
    display: flex;
    bottom: 1rem;
    left: 1rem;
    transform: none;
  }

  .cookie-bar-text {
    text-align: left;
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 12px;
  }

  .cookie-link {
    font-size: 12px;
  }

  .mini-button.cookie {
    background-color: #222;
  }
}

#w-node-_40bc7d01-6362-4086-24d2-1bbd873347ba-de357cb9, #w-node-cbd7161c-7bec-ca0c-bca6-3e68d75721cf-de357cb9, #w-node-_3caf5e91-b34d-4416-6f09-1f7d3908be22-de357cb9, #w-node-f34023fd-2d43-4bd6-ca55-3dbf38f54a8f-de357cb9, #w-node-f24790aa-d8bc-f77b-3e8c-99ba98babd8b-de357cb9, #w-node-cd91d857-cd72-7f3e-58e4-c18ba4ad43a5-de357cb9, #w-node-b3871f50-2945-a6c3-51f7-ac37257e7d9c-de357cb9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_46db87a1-a01d-cf7e-bf88-c97f4cc040f0-de357cb9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_187bc3e4-f715-83e6-c346-d3ff16d1115b-de357cb9 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_812bd5f9-1f9d-8051-2090-21eb31670181-de357cb9 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_5a83be22-e4f1-8cbb-eff3-1bab20e9cf1c-20e9cf13, #w-node-_5a83be22-e4f1-8cbb-eff3-1bab20e9cf94-20e9cf13, #w-node-_5a83be22-e4f1-8cbb-eff3-1bab20e9d00c-20e9cf13, #w-node-beb0d6c3-de97-8dc5-c8af-11e3e9cc00ca-e9cc00ca {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a1f2444-fc4c-7d3e-cd60-c876ba50a946-ba50a946 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-fb3d5066-3e08-0b69-aaaf-f219db5713cf-db5713cf, #w-node-_2d50de34-d41e-801f-ed72-c2590b2dcdee-0b2dcdee, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29b5-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29bb-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29c1-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29c7-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29cd-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29d3-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29d9-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29df-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29e5-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29eb-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29ed-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29f3-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29f9-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f29ff-de357cc2, #w-node-_2028f411-f4f6-dd76-8864-cd6b066f2a05-de357cc2, #w-node-_0506e564-6d96-4fb9-4a04-e18a9136e932-de357cc4, #w-node-_0506e564-6d96-4fb9-4a04-e18a9136e940-de357cc4, #w-node-_0506e564-6d96-4fb9-4a04-e18a9136e94e-de357cc4, #w-node-_0506e564-6d96-4fb9-4a04-e18a9136e95d-de357cc4, #w-node-_79d73959-db78-ead3-4c91-aa85cb297c69-de357cc4, #w-node-e01ac1e4-0f2e-5189-4144-89e6014a48f9-de357cc4, #w-node-_5b8c48d0-7677-11ad-6427-96867261a3ba-de357cc4, #w-node-_74bb9bb9-ccc2-e6ea-4d4e-0931b264a09e-de357cc4, #w-node-_74bb9bb9-ccc2-e6ea-4d4e-0931b264a0a8-de357cc4, #w-node-_79d73959-db78-ead3-4c91-aa85cb297c69-de357cc7, #w-node-e01ac1e4-0f2e-5189-4144-89e6014a48f9-de357cc7, #w-node-_5b8c48d0-7677-11ad-6427-96867261a3ba-de357cc7, #w-node-_79d73959-db78-ead3-4c91-aa85cb297c69-c6e86663, #w-node-e01ac1e4-0f2e-5189-4144-89e6014a48f9-c6e86663, #w-node-_5b8c48d0-7677-11ad-6427-96867261a3ba-c6e86663, #w-node-_74bb9bb9-ccc2-e6ea-4d4e-0931b264a09e-c6e86663, #w-node-_74bb9bb9-ccc2-e6ea-4d4e-0931b264a0a8-c6e86663 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_46db87a1-a01d-cf7e-bf88-c97f4cc040f0-de357cb9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_812bd5f9-1f9d-8051-2090-21eb31670181-de357cb9 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_5a1f2444-fc4c-7d3e-cd60-c876ba50a946-ba50a946 {
    grid-area: span 3 / span 1 / span 3 / span 1;
    align-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_5a83be22-e4f1-8cbb-eff3-1bab20e9d00c-20e9cf13 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_5a83be22-e4f1-8cbb-eff3-1bab20e9d00c-20e9cf13 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Brockmann Webfont';
  src: url('../fonts/brockmann-bolditalic-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Brockmann Webfont';
  src: url('../fonts/brockmann-semibolditalic-webfont.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Brockmann Webfont';
  src: url('../fonts/brockmann-medium-webfont.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brockmann Webfont';
  src: url('../fonts/brockmann-bold-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brockmann Webfont';
  src: url('../fonts/brockmann-semibold-webfont.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brockmann Webfont';
  src: url('../fonts/brockmann-mediumitalic-webfont.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Brockmann Webfont';
  src: url('../fonts/brockmann-regular-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brockmann Webfont';
  src: url('../fonts/brockmann-regularitalic-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inkfree';
  src: url('../fonts/Inkfree.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}