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

@font-face {
  font-family: Geist;
  src: url('../fonts/Geist-VariableFont_wght.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

body {
  color: #fff;
  background-color: #1b1b1b;
  font-family: Geist, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Season Mix, Arial, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 116.667%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Season Mix, Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 120%;
}

h3 {
  letter-spacing: -.48px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Season Mix, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
}

p {
  color: #ffffffa3;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 144.444%;
}

a {
  color: #fff;
  text-decoration: none;
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

.while-working {
  width: 100%;
  min-height: 500px;
}

.style-guide {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.hide {
  display: none;
}

.section {
  z-index: 2;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 95%;
  max-width: 1344px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
  position: relative;
}

.container {
  z-index: 5;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.container._24-left-right {
  padding-left: 24px;
  padding-right: 24px;
}

.container._24-left-right.mobile-only {
  display: none;
}

.container.bottom-default.no-paddings {
  padding: 0;
}

.container.in-team {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
}

.container.in-top-cta {
  max-width: 766px;
  padding-left: 24px;
  padding-right: 24px;
}

.container.in-cta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 24px;
}

.container.in-cta.no-paddings {
  padding: 0;
}

.container.in-control {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
}

.main {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.left-top-hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.top-default {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 640px;
  display: flex;
}

.top-default.no-max-width {
  max-width: none;
}

.top-default._667 {
  max-width: 667px;
}

.par._16 {
  font-size: 16px;
  line-height: 150%;
}

.par.dark {
  color: #000000a3;
}

.par._14 {
  font-size: 14px;
  line-height: 142.857%;
}

.par._500 {
  font-weight: 500;
}

.pupil {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #ffffff14;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 7px 12px;
  display: flex;
}

.pupil.light {
  border-color: #00000014;
}

.text-pupil {
  text-transform: uppercase;
  font-family: Departure Mono, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
}

.dot-pupil {
  background-color: #ff4000;
  border-radius: 1px;
  width: 6px;
  height: 6px;
}

.buttons-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button {
  border: 1.5px solid #ffffff26;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 4px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 2px #06140c;
}

.button.dark {
  background-color: #1b1b1b;
  transition: background-color .3s;
  box-shadow: 0 0 0 2px #000;
}

.button.dark:hover {
  background-color: #212121;
}

.inside-button {
  z-index: 2;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 9.71px 9px 9.71px 19px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inside-button.same-size-padding {
  padding-right: 19px;
}

.inside-button.dark {
  padding-left: 9px;
  padding-right: 9px;
}

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

.text-button {
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 125%;
  position: relative;
}

.image-button {
  z-index: 3;
  width: auto;
  height: 13px;
  position: relative;
}

.image-button.second {
  height: 10px;
}

.bg-image-inside-button {
  z-index: 2;
  object-position: 0% 0%;
  background-image: linear-gradient(#309c5f, #15452a);
  border-radius: 6px;
  height: 100%;
  position: relative;
}

.bg-button {
  z-index: 1;
  pointer-events: none;
  border-radius: 6px;
  padding: 1px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.overlay-button {
  z-index: 1;
  background-image: linear-gradient(145deg, #ffffffbf, #fff0 57%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.wrapper-image-button {
  z-index: 5;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #000000a3;
  border: 1px solid #ffffff0a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
  position: relative;
}

.bg-image-button {
  z-index: 0;
  pointer-events: none;
  object-position: 0% 0%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.border-button {
  z-index: 20;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.custom-css {
  display: none;
}

.bg-pattern {
  z-index: -1;
  pointer-events: none;
  background-color: #1b1b1b;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.line-top-main-full-width-of-parent {
  z-index: 5;
  pointer-events: none;
  background-color: #2d2d2d;
  flex: none;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
  box-shadow: 0 -1.5px #000;
}

.line-top-main-full-width-of-parent:where(.w-variant-afa2fb0b-5a5a-3bdb-db85-e728363aa18d), .line-top-main-full-width-of-parent.light-2 {
  background-color: #00000026;
  box-shadow: 0 -1.5px #fff;
}

.line-top-main-full-width-of-parent.light-2.relative {
  z-index: 10;
  position: relative;
}

.line-top-main-full-width-of-parent-bottom {
  z-index: 5;
  pointer-events: none;
  background-color: #2d2d2d;
  flex: none;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
  box-shadow: 0 1.5px #000;
}

.line-top-main-full-width-of-parent-bottom:where(.w-variant-f62f2c6e-501e-9d86-34cf-195e16869fe5) {
  background-color: #00000026;
  box-shadow: 0 1.5px #fff;
}

.line-top-main-full-width-of-parent-bottom.relative {
  position: relative;
}

.line-left-main {
  z-index: 5;
  pointer-events: none;
  background-color: #2d2d2d;
  width: 1px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto -1px;
  box-shadow: -1.5px 0 #000;
}

.line-left-main:where(.w-variant-c3b72301-774d-f525-6436-0f8d96261f62) {
  background-color: #00000026;
  box-shadow: -1.5px 0 #fff;
}

.line-left-main.other-side {
  z-index: 5;
  pointer-events: none;
  left: auto;
  right: -1px;
  box-shadow: 1.5px 0 #000;
}

.line-left-main.other-side:where(.w-variant-ab0c689d-9b97-df50-154f-4caaa64977c9) {
  background-color: #00000026;
  box-shadow: 1.5px 0 #fff;
}

.hero-slider-wrapper {
  z-index: 5;
  width: 100%;
  display: flex;
  position: relative;
}

.hero-slider-list {
  flex-flow: row;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  display: flex;
}

.hero-slider-list.while-working-on-slider {
  flex-flow: column;
}

.hero-slider-item {
  z-index: 5;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #ffffff4d;
  border-radius: 12px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 224px;
  min-width: 224px;
  margin-right: 24px;
  padding: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.top-hero-slider-item {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.platform-hero-slider-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-transform: uppercase;
  background-color: #000;
  border: 1px solid #ffffff52;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 8px;
  display: flex;
}

.text-platform-hero-slider-item {
  letter-spacing: .4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 100%;
}

.image-platform-hero-slider-item {
  aspect-ratio: 1;
  flex: none;
  width: 12px;
  height: auto;
}

.right-top-hero-slider-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-right-top-hero-slider-item {
  letter-spacing: .4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 120%;
}

.text-right-top-hero-slider-item.white {
  color: #fff;
}

.text-right-top-hero-slider-item.special {
  letter-spacing: .42px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}

.text-right-top-hero-slider-item.special.grey {
  color: #ffffff7a;
}

.dot-right-top-hero-slider-item {
  aspect-ratio: 1;
  background-color: #e04a3a;
  border-radius: 100%;
  flex: none;
  width: 8px;
  height: auto;
  box-shadow: 0 0 5px #e04a3be6;
}

.middle-hero-slider-item {
  z-index: 2;
  background-color: #000;
  border: 1px solid #ffffff14;
  border-radius: 10px;
  width: 100%;
  padding: 2px;
  position: relative;
  overflow: hidden;
}

.image-middle-hero-slider-item {
  border-radius: 10px;
  overflow: hidden;
}

.bg-image-hero-slider-item {
  z-index: 0;
  pointer-events: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.bottom-hero-slider-item {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.left-bottom-hero-slider-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: auto;
  display: flex;
}

.text-left-bottom-hero-slider-item {
  text-transform: uppercase;
  font-family: Departure Mono, Arial, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

.text-left-bottom-hero-slider-item._48 {
  font-size: 48px;
}

.text-left-bottom-hero-slider-item._28 {
  letter-spacing: -1.12px;
  font-size: 28px;
}

.h3._40 {
  font-size: 40px;
  line-height: 120%;
}

.second-text-left-bottom-hero-slider-item {
  color: #ffffffa3;
  letter-spacing: .36px;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}

.second-text-left-bottom-hero-slider-item.not-margin {
  margin-bottom: 0;
}

.third-text-left-bottom-hero-slider-item {
  flex: none;
  width: 43px;
}

.image-dots {
  z-index: 100;
  flex: none;
  width: 39px;
  position: relative;
}

.image-dots.horizontal {
  width: 56px;
}

.image-dots.horizontal-52 {
  width: 52px;
}

.image-dots.horizontal-56 {
  width: 56px;
}

.image-dots.horizontal-181 {
  width: 181px;
}

.two-circles-image {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  display: flex;
}

.two-circles-image.horizontal {
  flex-flow: row;
  width: auto;
  height: 32px;
}

.two-circles-image.horizontal-36 {
  flex-flow: row;
  width: auto;
  height: 36px;
}

.two-circles-image._32 {
  width: 32px;
}

.two-circles-image._32._6-between {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

.circle-image {
  flex: none;
  width: 28px;
  height: 28px;
}

.circle-image._32 {
  width: 32px;
  height: 32px;
}

.circle-image._36 {
  width: 36px;
  height: 36px;
}

.h2._32 {
  font-size: 32px;
  line-height: 125%;
}

.tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tabs-menu {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.tab-link {
  color: #fff9;
  background-color: #1b1b1b;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 96px;
  padding: 16px;
  transition: all .3s;
  display: flex;
}

.tab-link.w--current, .tab-link.now {
  color: #fff;
  background-color: #0000;
}

.image-tab-link {
  width: 71px;
  max-width: 100%;
  height: auto;
}

.image-tab-link._105 {
  width: 105px;
}

.image-tab-link._134 {
  width: 134px;
}

.image-tab-link._64 {
  width: 64px;
}

.image-tab-link._93 {
  width: 93px;
}

.image-tab-link._69 {
  width: 69px;
}

.image-tab-link._96 {
  width: 96px;
}

.tabs-content, .tab-pane {
  width: 100%;
}

.tab-pane-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 24px;
  display: flex;
}

.tab-item {
  z-index: 5;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #ffffff29;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 1.5px #161616;
}

.top-tab-item {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 8px;
  display: flex;
  position: relative;
}

.middle-tab-item {
  z-index: 2;
  background-color: #000;
  border: 1px solid #ffffff14;
  border-radius: 10px;
  width: 100%;
  padding: 2px;
  position: relative;
}

.bottom-tab-item {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.first-text-tab-item {
  color: #ffffffa3;
  letter-spacing: .48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.image-tab-item {
  z-index: 2;
  border-radius: 12px;
  position: relative;
}

.line-left-main-special {
  z-index: 5;
  pointer-events: none;
  background-color: #2d2d2d;
  width: 1px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto -1px;
  box-shadow: -1.5px 0 #000;
}

.line-left-main-special.other-side {
  z-index: 5;
  pointer-events: none;
  left: auto;
  right: -1px;
  box-shadow: 1.5px 0 #000;
}

.line-left-main-special.visible-on-table-and-down {
  display: none;
}

.bottom-part-hero {
  width: 100%;
  padding: 24px;
  overflow: hidden;
}

.span-desktop-only {
  display: block;
}

.clipping-easy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 24px;
  display: flex;
  overflow: hidden;
}

.item-clipping-easy {
  z-index: 5;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #ffffff29;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrapper-item-clipping-easy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #1b1b1b;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 0 0 1.5px #161616;
}

.left-item-distribution {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-wrapper-clipping {
  z-index: 5;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.middle-item-clipping-easy {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #07180e;
  border: 2px solid #000;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 156px;
  padding: 8px;
  display: flex;
  position: relative;
}

.text-middle-item-clipping-easy {
  color: #ffffffa3;
  letter-spacing: .3px;
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 100%;
}

.text-middle-item-clipping-easy.not-margin {
  margin-bottom: 0;
}

.image-clipping-easy {
  z-index: 2;
  position: relative;
}

.divider {
  width: 100%;
}

.light-sections-wrapper {
  color: #000;
  background-color: #d9d9d9;
  width: 100%;
}

.wrapper-par {
  width: 100%;
  max-width: 612px;
}

.bg-pattern-white {
  z-index: -1;
  pointer-events: none;
  background-color: #d9d9d9;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.results {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 729.117px;
  padding: 80px 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.results.while-on-them-working {
  height: auto;
}

.results-wrapper, .results-list {
  width: 100%;
}

.results-item {
  background-image: linear-gradient(#dcd8d2 22%, #b6b3af);
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.left-results-item {
  z-index: 2;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 560px;
  display: flex;
  position: relative;
}

.right-results-item {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-image: linear-gradient(#424242, #2d2d2d);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 664px;
  padding: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bg-results-item {
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-bg-results-item {
  height: 100%;
}

.top-left-results-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

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

.item-grid-results-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-item-grid-results-item {
  color: #0000007a;
  letter-spacing: .42px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}

.text-item-grid-results-item.white {
  color: #fff;
}

.second-text-item-grid-results-item {
  text-transform: uppercase;
  font-family: Departure Mono, Arial, sans-serif;
  font-size: 32px;
  line-height: 100%;
}

.button-wrapper-slider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.button-wrapper-slider.hide-on-desktop {
  display: none;
}

.bg-results-item-image {
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.top-right-results-item {
  width: 100%;
}

.bottom-right-results-item {
  z-index: 2;
  background-color: #000;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bottom-bottom-right-results-item {
  background-image: linear-gradient(#424242, #2d2d2d);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px;
  display: flex;
}

.placeholder-results {
  width: calc(100% - 48px);
  position: absolute;
  inset: 24px auto auto;
}

.wrapper-placeholder-results {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.campaign {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.campaign-box {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
  position: relative;
}

.top-campaign-box {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.image-top-campaign-box {
  flex: none;
  width: 21px;
}

.text-top-campaign-box {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.text-top-campaign-box._20 {
  font-size: 20px;
  line-height: 120%;
}

.box-campaign-box {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #1b1b1b;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 3px 6px 3px 4px;
  display: flex;
  box-shadow: 0 0 0 1.5px #161616;
}

.image-box-campaign-box {
  flex: none;
  width: 54px;
}

.text-box-campaign-box {
  color: #fffc;
  font-size: 16px;
  line-height: 150%;
}

.attention {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 24px;
  display: flex;
}

.box-attention {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: #1b1b1b;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.top-box-attention {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.top-box-attention.left {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.middle-box-attention {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.circle-box-attention {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 300px;
  max-width: 100%;
  display: flex;
  position: relative;
}

.text-circle-box-attention {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  background-color: #1b1b1b;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  display: flex;
  position: relative;
}

.text-circle-box {
  letter-spacing: -1.28px;
  text-transform: uppercase;
  font-family: Departure Mono, Arial, sans-serif;
  font-size: 32px;
  line-height: 100%;
}

.first-text-circle-box {
  color: #ffffff7a;
  letter-spacing: .42px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}

.bg-image-circle-box-attention {
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-middle-box-attention {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 262px;
  display: flex;
}

.box-text-middle-box-attention {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-box-text-middle-box-attention {
  width: 20px;
}

.text-box-text-middle-box-attention {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.heading-text-box-text-middle-box-attention {
  color: #ffffff7a;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.span-heading-text-box-text-middle-box-attention {
  color: #fff;
  font-weight: 500;
  display: block;
}

.span-box-attention {
  color: #309c5f;
  font-weight: 500;
}

.span-box-attention.purple {
  color: #6c49b3;
}

.bottom-box-attention {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-image: linear-gradient(#424242, #2d2d2d);
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: auto;
  padding: 12px;
  display: flex;
  position: relative;
}

.bg-image-bottom-box-attention {
  z-index: 0;
  pointer-events: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-wrapper-bottom-box-attention {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #07180e;
  border: 2px solid #000;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px;
  display: flex;
}

.text-text-wrapper-bottom-box-attention {
  font-size: 14px;
  font-weight: 500;
  line-height: 142.857%;
}

.box-attention-right {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1b1b1b;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.cpm-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-image: linear-gradient(#424242, #2d2d2d);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
  position: relative;
}

.top-cpm-box {
  z-index: 5;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.box-top-cpm-box {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-box-top-cpm-box {
  color: #ffffff7a;
  letter-spacing: -.42px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}

.box-box-top-cpm-box {
  color: #bebebe;
  background-color: #1b1b1b;
  border: 1.5px solid #ffffff4f;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 51px;
  max-height: 51px;
  margin-bottom: 0;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  box-shadow: 0 0 0 1.5px #0003;
}

.box-box-top-cpm-box:focus {
  border-color: #15452a;
}

.box-box-top-cpm-box::placeholder {
  color: #bebebe;
}

.box-box-top-cpm-box.select {
  padding-right: 0;
}

.text-box-box-top-cpm-box {
  color: #bebebe;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

.image-box-box-top-cpm-box {
  aspect-ratio: 1;
  width: 16px;
  height: auto;
}

.bottom-cpm-box {
  z-index: 5;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #000;
  border-radius: 10px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.box-bottom-cpm-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #2d2d2d;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 204px;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.top-box-bottom-cpm-box {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.first-text-top-box-bottom-cpm-box {
  color: #ffffff7a;
  font-size: 14px;
  font-weight: 500;
  line-height: 142.857%;
}

.distribution {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 24px;
  display: flex;
}

.box-distribution {
  background-image: linear-gradient(#424242, #2d2d2d);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.top-box-distribution {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 17px 20px 17px 17px;
  display: flex;
  position: relative;
}

.left-top-box-distribution {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-top-box-distribution {
  aspect-ratio: 1;
  flex: none;
  width: 54px;
  height: auto;
}

.text-left-top-box-distribution {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.top-text-left-top-box-distribution {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-top-text-left-top-box-distribution {
  flex: none;
  width: 54px;
}

.text-top-text-left-top-box-distribution {
  color: #ffffffa3;
  font-size: 16px;
  line-height: 100%;
}

.right-top-box-distribution {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-right-top-box-distribution {
  color: #ffffff7a;
  letter-spacing: .36px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
}

.bottom-right-top-box-distribution {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-bottom-right-top-box-distribution {
  color: #00b67a;
  letter-spacing: .42px;
  text-transform: uppercase;
  text-shadow: 0 0 8px #00b67a80;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}

.text-bottom-right-top-box-distribution.orange {
  color: #ff4000;
  text-shadow: 0 0 8px #ff400080;
}

.image-bottom-right-top-box-distribution {
  width: 157px;
}

.middle-box-distribution {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  position: relative;
}

.image-middle-box-distribution {
  border: 2px solid #000;
  border-radius: 10px;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.wrapper-image-middle-box-distribution {
  border: 2px solid #000;
  border-radius: 10px;
  overflow: hidden;
}

.wrapper-middle-box-distribution {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 20px 16px;
  display: flex;
  position: relative;
}

.left-wrapper-middle-box-distribution {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.checkbox-distribution {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-checkbox-distribution {
  z-index: 2;
  flex: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.wrapper-image-checkbox-distribution {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: auto;
  display: flex;
  position: relative;
}

.image-checkbox-distribution-backdrop {
  z-index: 2;
  opacity: .7;
  filter: blur(20px);
  flex: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-left-wrapper-middle-box-distribution {
  color: #fffc;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.right-wrapper-middle-box-distribution {
  z-index: 2;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 64px;
  display: flex;
  position: relative;
}

.bottom-top-box-distribution {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
  position: relative;
}

.left-team {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 464px;
  padding: 24px;
  display: flex;
  position: relative;
}

.right-team {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 880px;
  padding: 24px;
  display: flex;
  position: relative;
}

.wrapper-par-team {
  margin-bottom: 16px;
}

.team-card {
  z-index: 5;
  background-image: linear-gradient(#f1f1f1, #ccc);
  border: 1px solid #ffffffa3;
  border-radius: 12px;
  width: 100%;
  position: relative;
  box-shadow: 0 0 0 1.5px #d9d9d9;
}

.top-team-card {
  z-index: 3;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
  position: relative;
}

.middle-top-team-card {
  z-index: 3;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
}

.image-team {
  border: 1.5px solid #0000000a;
  border-radius: 10px;
}

.bottom-top-team-card {
  z-index: 3;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  display: flex;
  position: relative;
}

.left-faq {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
  position: relative;
}

.right-faq {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 856px;
  display: flex;
  position: relative;
}

.trigger_line {
  z-index: 2;
  opacity: 1;
  background-color: #ffffff80;
  width: calc(100% - 48px);
  height: 1px;
  display: none;
  position: absolute;
  inset: auto 24px 16px;
}

.faq_trigger {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  display: flex;
  position: relative;
}

.faq_trigger.layer {
  padding: 8px 0;
}

.arrow_faq {
  z-index: 5;
  color: #00000029;
  flex: none;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.faq_answer {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq_answer.layer {
  padding-left: 0;
  padding-right: 0;
}

.faq_parent {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq_heading {
  z-index: 5;
  color: #000;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Geist, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  position: relative;
}

.faq-heading-and-letter {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq_divider {
  width: 100%;
  height: 24px;
}

.faq_divider.layer {
  height: 8px;
}

.faq-answer-and-letter {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bg-faq_parent {
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(#f1f1f1, #ccc);
  position: absolute;
  inset: 0%;
}

.cta-top-wraper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 718px;
  display: flex;
}

.bottom-cta {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-image: linear-gradient(#424242, #2d2d2d);
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 12px;
  display: flex;
  position: relative;
  box-shadow: 0 0 0 1.5px #161616;
}

.top-bottom-cta {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.box-top-bottom-cta {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #07180e;
  border: 1.5px solid #000;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 324px;
  padding: 24px;
  display: flex;
  position: relative;
}

.box-top-bottom-cta.center {
  justify-content: center;
  align-items: center;
  max-width: none;
}

.divider-box-top-bottom-cta {
  background-color: #ffffff14;
  flex: none;
  width: 100%;
  height: 1px;
}

.absolute-image-box-top-bottom-cta {
  position: absolute;
  inset: auto 0%;
}

.social-links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.social-link {
  z-index: 5;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #bebebe;
  border: 1px solid #ffffff3d;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 24px 20px 28px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bg-image-social-link {
  z-index: -1;
  pointer-events: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-social-link {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: auto;
  display: flex;
}

.text-social-link {
  font-size: 14px;
  font-weight: 600;
  line-height: 142.857%;
}

.dot-social-link {
  z-index: 5;
  background-color: #309c5f;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  position: relative;
}

.dot-social-link.second {
  z-index: 4;
  filter: blur(5px);
  position: absolute;
  inset: 0%;
}

.wrapper-dot-social-link {
  justify-content: center;
  align-items: center;
  width: 8px;
  height: 8px;
  display: flex;
  position: absolute;
  inset: auto auto 8px;
}

.bottom-bottom-cta {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.footer {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 95%;
  max-width: 1344px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
  position: relative;
}

.top-footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.top-left-footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 560px;
  display: flex;
}

.footer-logo {
  width: 166px;
}

.socials-footer {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-footer {
  aspect-ratio: 1;
  background-image: linear-gradient(#424242, #2d2d2d);
  border: 1px solid #ffffff1f;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: auto;
  display: flex;
  position: relative;
}

.social-footer:hover {
  background-image: linear-gradient(#309c5f, #15452a);
}

.image-social-footer {
  z-index: 2;
  aspect-ratio: 1;
  width: 20px;
  height: auto;
  position: relative;
}

.not-needed {
  background-color: #d00;
}

.footer-middle-part {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 0;
  display: flex;
}

.top-footer-middle-part {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.footer-link {
  color: #ffffffa3;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 16px;
  display: flex;
  position: relative;
}

.text-footer-link {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.bottom-footer-middle-part {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.footer-column {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
  position: relative;
}

.footer-link-actual {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ffffff7a;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  position: relative;
}

.text-footer-link-actual {
  font-size: 16px;
}

.view-all-link {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}

.wrapper-dot-footer {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 8px;
  height: 8px;
  display: flex;
  position: relative;
}

.dot-footer {
  z-index: 5;
  background-color: #bebebe;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  position: relative;
}

.dot-footer.second {
  z-index: 4;
  filter: blur(5px);
  position: absolute;
  inset: 0%;
}

.bottom-footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-bottom-footer {
  color: #c0c8d8;
  letter-spacing: -.28px;
  font-size: 14px;
  line-height: 142.857%;
}

.policy-links {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.policy-link {
  color: #c0c8d8;
  letter-spacing: -.28px;
  font-size: 14px;
  line-height: 142.857%;
}

.logo-footer-big {
  width: 100%;
  margin-top: 24px;
}

.menu-button {
  overflow: hidden;
}

.navbar-link {
  color: #ffffffa3;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 142.857%;
  transition: all .3s;
  display: flex;
}

.navbar-link:hover {
  color: #fff;
}

.navbar-link.w--current {
  color: gray;
  border-bottom: 1px #1f5eff;
}

.text-logo-navbar-mobile {
  color: #67594c;
  letter-spacing: -.06px;
  font-size: 10px;
  font-weight: 500;
  line-height: 120%;
  display: none;
}

.navbar-wrapper {
  pointer-events: auto;
  color: #f3f3f3;
  justify-content: flex-start;
  align-items: center;
  width: 95%;
  max-width: 1344px;
  height: 64px;
  display: flex;
  position: relative;
}

.nav_menu_wrapper {
  background-color: #1b1b1b;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.brand-logo {
  color: #202020;
  background-color: #1b1b1b;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 208px;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.nav_menu {
  height: 100%;
}

.line-brand-logo {
  background-color: #eee5dd;
  flex: none;
  width: 1px;
  height: 24px;
}

.brand-logo-image {
  flex: none;
  width: 111px;
}

.navbar-button {
  background-color: #1b1b1b;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  margin-left: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.navbar {
  z-index: 90;
  pointer-events: none;
  background-color: #1b1b1b;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: sticky;
  inset: 0 0% auto;
}

.text-logo-navbar {
  color: #67594c;
  letter-spacing: -.06px;
  font-size: 10px;
  font-weight: 500;
  line-height: 120%;
}

.left-control {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 672px;
  padding: 24px;
  display: flex;
  position: relative;
}

.right-control {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 672px;
  display: flex;
  position: relative;
}

.video-control {
  z-index: 5;
  width: 100%;
}

.dropdowns-layer {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: auto;
  display: flex;
}

.video-control-embed {
  z-index: 5;
  aspect-ratio: 1;
  width: 100%;
  position: relative;
}

.dropdown-pricing {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.toggle-dropdown-pricing {
  color: #e4e4e7;
  white-space: normal;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 0;
  display: flex;
}

.arrow-dropdown-new-new {
  flex: none;
  width: 16px;
  height: 16px;
}

.list-dropdown-pricing {
  background-color: #0000;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.list-dropdown-pricing-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.list-dropdown-pricing-wrapper.in-faq {
  padding-left: 24px;
  padding-right: 24px;
}

.divider-dropdown-pricing {
  width: 100%;
  height: 12px;
}

.toggle-dropdown-pricing-faqs {
  color: #e4e4e7;
  white-space: normal;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  display: flex;
  position: static;
}

.list-dropdown-pricing-faq {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.dropdown-faq {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.link-inside-text {
  color: #c0c8d8;
  text-underline-offset: 4px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.image-navbar-link {
  aspect-ratio: 16 / 12;
  width: 0;
  height: auto;
  transition: all .3s;
}

.clipiing-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  display: flex;
}

.clipiing-wrapper {
  width: 100%;
}

.swiper-pagination {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.swiper-pagination.left_side_dots_slider {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.code_for_slider {
  display: none;
}

.arrow_slider {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: relative;
}

.arrow_slider.reversed {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.bottom_part_main_slider {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: none;
}

.arrow {
  color: #fff;
  background-color: #1b1b1b;
  background-image: linear-gradient(#309c5f, #15452a);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  display: flex;
  position: relative;
}

.arrow.swiper-btn-prev, .arrow.swiper-btn-next {
  cursor: pointer;
}

.arrows_wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.swiper-pagination-bullet {
  background-color: #15452a;
  border-radius: 100%;
  width: 16px;
  height: 16px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #309c5f;
}

.swiper.clipiing-wrapper {
  display: none;
}

.swiper-wrapper.results-list {
  flex-flow: row;
  display: flex;
}

.swiper-wrapper.results-list.while-working-on-results {
  flex-flow: column;
}

.swiper-slide.results-item {
  flex: none;
}

.swiper-slide.results-item.second {
  color: #fff;
  background-image: linear-gradient(#424242 22%, #2d2d2d);
}

.swiper-slide.results-item.third {
  color: #fff;
  background-image: linear-gradient(#674d3a 22%, #624937);
}

.swiper-slide.results-item.fourth {
  color: #fff;
  background-image: linear-gradient(#424242 22%, #2d2d2d);
}

.bg-image-inside-button-absolute {
  z-index: 3;
  opacity: 0;
  object-position: 0% 0%;
  background-image: linear-gradient(#3ec176, #1d623c);
  border-radius: 6px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: absolute;
  inset: 0%;
}

.background-video {
  width: 100%;
  height: 400px;
}

.heading-text {
  display: inline;
}

.heading-text.first {
  display: block;
}

.image-heading {
  vertical-align: text-top;
  width: 56px;
  margin-left: 12px;
  margin-right: 12px;
}

.top-absolute-slider {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 48px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 24px;
  display: flex;
  position: relative;
}

.left-right-slider {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: 24px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 24px;
  display: flex;
  position: relative;
}

.text-top-absolute-slider {
  color: #0000007a;
  letter-spacing: .42px;
  width: 341px;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}

.text-top-absolute-slider.white {
  color: #fff;
}

.image-top-absolute-slider {
  aspect-ratio: 1;
  width: 16px;
  height: auto;
}

.image-top-absolute-slider.inverted {
  filter: invert();
}

.clipiing-list-desktop {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  display: flex;
}

.text-animation-wrapper {
  display: flex;
}

.popup {
  z-index: 9999;
  background-color: #1b1b1be6;
  justify-content: flex-end;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-actual {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  pointer-events: auto;
  background-color: #141414;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 720px;
  height: 100%;
  padding: 24px;
  display: flex;
  overflow: auto;
}

.top-popup {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.left-top-popup {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-left-top-popup {
  width: 157px;
}

.text-left-top-popup {
  color: #ffffffa3;
  letter-spacing: .42px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}

.closing-popup-image {
  cursor: pointer;
  background-color: #1b1b1b;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
  box-shadow: 0 0 0 1.5px #000;
}

.closing-popup-image-actual {
  flex: none;
  width: 13px;
  height: 13px;
}

.heading-popup {
  font-family: Season Mix, Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 125%;
}

.popup-form-box {
  width: 100%;
  height: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
}

.popup-form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.horizontal-align-form {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.field-and-label {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.label {
  color: #ffffffa3;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 116.667%;
}

.field {
  color: #fff;
  background-color: #0e0e0e;
  border: 1px solid #ffffff1f;
  border-radius: 12px;
  width: 100%;
  height: 44px;
  margin-bottom: 0;
  padding: 11px 12px;
  font-size: 14px;
  line-height: 142.857%;
}

.field:active, .field:focus, .field:focus-visible, .field[data-wf-focus-visible] {
  border-color: #ffffff1f;
}

.field::placeholder {
  color: #ffffff52;
}

.button-form-wrapper {
  width: 100%;
  margin-top: auto;
}

.popup-part {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #141414;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 720px;
  height: 100%;
  display: flex;
}

.popup-part.second {
  display: none;
}

.popup-full-width {
  z-index: 2;
  pointer-events: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  max-height: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.bg-popup {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.calendar-embed {
  width: 100%;
  margin-bottom: 0;
}

.video-clipping-easy {
  z-index: 6;
  aspect-ratio: 100 / 64;
  border-radius: 10px;
  width: 100%;
  height: auto;
}

.top-cpm-box-wrapper {
  width: 100%;
  margin-bottom: 0;
}

.top-box-attention-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.toolbox {
  z-index: 9;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #bebebe;
  cursor: pointer;
  background-color: #1b1b1b;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: 9px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 0 0 1.5px #000;
}

.text-toolbox {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}

.image-toolbox {
  width: 17px;
}

.popup-toolbox {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  opacity: 0;
  pointer-events: none;
  color: #fff;
  background-color: #3e3f3f;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 232px;
  padding: 12px;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: 41px 0% auto auto;
  transform: scale(.9);
}

.image-popup-toolbox {
  width: 15px;
  position: absolute;
  inset: -5px 47px auto auto;
}

.results-new {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 729.117px;
  padding: 80px 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.results-new.while-on-them-working {
  height: auto;
}

.bottom_part_main_slider-new-new {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: none;
}

@media screen and (max-width: 991px) {
  .container.in-team, .container.in-control {
    flex-flow: column;
  }

  .left-top-hero {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

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

  .tab-pane-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .line-left-main-special.hide-on-tablet-and-down {
    display: none;
  }

  .line-left-main-special.vertical-top-on-tablet-and-down {
    width: 100%;
    height: 1px;
    inset: 0% 0% auto;
    box-shadow: 0 -1.5px #000;
  }

  .line-left-main-special.visible-on-table-and-down {
    display: block;
  }

  .clipping-easy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .item-clipping-easy {
    margin-bottom: 20px;
  }

  .results {
    flex-flow: column;
    height: auto;
  }

  .results-item {
    flex-flow: column;
  }

  .left-results-item {
    max-width: none;
  }

  .bg-results-item {
    height: auto;
  }

  .campaign, .attention, .distribution {
    flex-flow: column;
  }

  .top-box-distribution {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .left-team, .right-team {
    max-width: none;
  }

  .top-bottom-cta {
    flex-flow: column;
  }

  .box-top-bottom-cta {
    max-width: none;
  }

  .box-top-bottom-cta.center {
    aspect-ratio: 100 / 40;
  }

  .bottom-footer-middle-part {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .lottie_file {
    pointer-events: none;
    width: 450%;
    height: 450%;
    position: absolute;
    inset: auto;
  }

  .menu-button {
    order: 1;
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .navbar-link {
    z-index: 500;
    font-size: 18px;
  }

  .navbar-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-end;
    align-items: center;
    position: relative;
  }

  .nav_menu_wrapper {
    z-index: 500;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    pointer-events: auto;
    border-radius: 0;
    flex-flow: column;
    margin-top: 5px;
    padding: 20px 16px;
    position: relative;
  }

  .menu_button_wrapper {
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: flex;
    position: relative;
  }

  .brand-logo {
    margin-right: auto;
  }

  .nav_menu {
    z-index: 999;
    background-color: #0000;
    height: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

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

  .navbar {
    margin-top: 0;
  }

  .left-control, .right-control {
    max-width: none;
  }

  .bottom_part_main_slider {
    display: flex;
  }

  .swiper.clipiing-wrapper {
    display: block;
  }

  .swiper-wrapper.clipiing-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .swiper-slide.wrapper-item-clipping-easy {
    flex: none;
    width: 306px;
    min-width: 306px;
    height: 482.789px;
  }

  .left-right-slider {
    flex-flow: column;
  }

  .clipiing-list-desktop {
    display: none;
  }

  .results-new {
    height: auto;
  }

  .bottom_part_main_slider-new-new {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .container._24-left-right.mobile-only {
    display: flex;
  }

  .buttons-wrapper.hide-mobile-only, .button.hidden-on-mobile {
    display: none;
  }

  .text-left-bottom-hero-slider-item._48._24-on-mobile {
    font-size: 24px;
  }

  .tab-pane-wrapper {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding-right: 16px;
  }

  .top-tab-item.smaller {
    padding: 4px;
  }

  .first-text-tab-item.smaller {
    letter-spacing: .42px;
    font-size: 14px;
    line-height: 142.857%;
  }

  .clipping-easy {
    flex-flow: column;
    display: flex;
  }

  .results {
    height: auto;
  }

  .button-wrapper-slider.hide-on-mobile {
    display: none;
  }

  .button-wrapper-slider.hide-on-desktop {
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
  }

  .middle-box-attention {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .circle-box-attention {
    width: 100%;
  }

  .text-middle-box-attention {
    max-width: none;
  }

  .top-cpm-box, .bottom-cpm-box, .right-team {
    flex-flow: column;
  }

  .trigger_line {
    bottom: 8px;
    left: 16px;
    right: 16px;
  }

  .faq_trigger {
    padding: 16px;
  }

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

  .faq_heading {
    letter-spacing: -.52px;
    font-size: 20.8px;
    line-height: 150%;
  }

  .faq-heading-and-letter {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .faq_divider {
    height: 24px;
  }

  .faq-answer-and-letter {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .top-footer {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .top-footer-middle-part {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bottom-footer {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .policy-links {
    order: -9999;
  }

  .menu_button_wrapper {
    width: 28px;
    height: 28px;
  }

  .brand-logo {
    padding-left: 0;
  }

  .nav_menu {
    padding-left: 24px;
    padding-right: 24px;
  }

  .navbar {
    margin-top: 0;
  }

  .text-top-absolute-slider {
    width: auto;
    padding-right: 24px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36.9231px;
  }

  h2 {
    font-size: 33.3333px;
  }

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

  .buttons-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
  }

  .inside-button {
    width: 100%;
  }

  .h3._40 {
    letter-spacing: -.369231px;
    font-size: 30.7692px;
  }

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

  .tab-link {
    min-height: 68.5714px;
  }

  .tab-pane-wrapper {
    padding: 16px;
  }

  .bottom-tab-item.special-different-mobile {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .line-left-main-special.top-on-mobile {
    width: 100%;
    height: 1px;
    inset: 0% 0% auto;
    box-shadow: 0 -1.5px #000;
  }

  .results {
    height: auto;
  }

  .left-results-item {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .grid-results-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .text-item-grid-results-item {
    letter-spacing: .381818px;
    font-size: 12.7273px;
  }

  .second-text-item-grid-results-item {
    font-size: 24px;
  }

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

  .button-wrapper-slider.hide-on-desktop {
    margin-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .top-box-distribution {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .trigger_line {
    bottom: 8px;
  }

  .faq_trigger {
    padding: 16px;
  }

  .arrow_faq {
    flex: none;
  }

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

  .faq_heading {
    font-size: 16px;
  }

  .faq_divider {
    height: 16px;
  }

  .bottom-footer-middle-part {
    flex-flow: column;
    display: flex;
  }

  .policy-links {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .navbar-link {
    font-size: 19.8px;
  }

  .navbar-link.w--current {
    color: #000;
  }

  .text-logo-navbar-mobile {
    letter-spacing: -.078px;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    display: block;
  }

  .navbar-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-radius: 20px;
  }

  .nav_menu_wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 20px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 16px;
    padding-right: 16px;
  }

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

  .line-brand-logo, .text-logo-navbar {
    display: none;
  }

  .list-dropdown-pricing-wrapper.in-faq {
    padding-left: 16px;
    padding-right: 16px;
  }

  .toggle-dropdown-pricing-faqs {
    padding: 16px;
  }

  .swiper-slide.wrapper-item-clipping-easy {
    width: 270px;
    min-width: 270px;
    height: 507.375px;
  }

  .custom-element {
    font-size: 34px;
  }

  .heading-text.first {
    display: block;
  }

  .image-heading {
    vertical-align: top;
    width: 36px;
    margin-left: 6px;
    margin-right: 6px;
  }

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

  .horizontal-align-form {
    flex-flow: column;
  }

  .top-box-attention-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .popup-toolbox {
    left: 0;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_4a558610-88a9-dd47-8f5b-885fe7fa9f94-704e84ad, #w-node-_39a96fbd-522d-de00-4ac1-93676bf1dd25-704e84ad, #w-node-c8448ef3-d532-21e5-0cb0-75020b664422-704e84ad {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_45d4ef07-0665-6a8d-7071-7a2cc0de7057-704e84ad, #w-node-_92457617-d088-3a5b-7b80-533ea1c5fd2c-704e84ad, #w-node-c5222318-359e-2d9e-5e96-b099ce7b5b50-704e84ad, #w-node-c5222318-359e-2d9e-5e96-b099ce7b5b50-d3b112fa, #w-node-c5222318-359e-2d9e-5e96-b099ce7b5b50-d7df01e7, #w-node-c5222318-359e-2d9e-5e96-b099ce7b5b50-654b3af1 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4a558610-88a9-dd47-8f5b-885fe7fa9f94-704e84ad, #w-node-_39a96fbd-522d-de00-4ac1-93676bf1dd25-704e84ad, #w-node-c8448ef3-d532-21e5-0cb0-75020b664422-704e84ad, #w-node-_45d4ef07-0665-6a8d-7071-7a2cc0de7057-704e84ad {
    grid-column: span 1 / span 1;
  }

  #w-node-_92457617-d088-3a5b-7b80-533ea1c5fd2c-704e84ad {
    grid-column: span 2 / span 2;
  }

  #w-node-c5222318-359e-2d9e-5e96-b099ce7b5b50-704e84ad, #w-node-_1eac2f2e-ac8a-ab7e-3576-7df17ac7bf32-704e84ad {
    grid-column: span 1 / span 1;
  }

  #w-node-c5222318-359e-2d9e-5e96-b099ce7b5b50-d3b112fa, #w-node-c5222318-359e-2d9e-5e96-b099ce7b5b50-d7df01e7, #w-node-c5222318-359e-2d9e-5e96-b099ce7b5b50-654b3af1 {
    grid-column: span 3 / span 3;
  }
}


@font-face {
  font-family: 'Departure Mono';
  src: url('../fonts/DepartureMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Season Mix';
  src: url('../fonts/SeasonMix-TRIAL-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}