/* RELAB - consolidated stylesheet (hand-cleaned Webflow export).
   1  reset (normalize)
   2  base framework -- the load-bearing rules, renamed .wf-
   2b widget geometry the dropped runtime rules used to provide
   3  Relab design
   4  components -- vanilla replacements for the Webflow runtime,
      its IX3 interactions and the designer's custom code

   Fonts: assets/fonts/fonts.css -- Hanken Grotesk, Averia Sans Libre,
   Inter Tight and Geist, all self-hosted woff2, all SIL OFL 1.1. */

/* ======================================================================
   1. Reset (normalize)
   ====================================================================== */
html {
  font-family: sans-serif;
  
  -ms-text-size-adjust: 100%;
  
  -webkit-text-size-adjust: 100%;
  
}
body {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  
  vertical-align: baseline;
  
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button, input, optgroup, select, textarea {
  color: inherit;
  
  font: inherit;
  
  margin: 0;
  
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  
  cursor: pointer;
  
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'], input[type='radio'] {
  box-sizing: border-box;
  
  padding: 0;
  
}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: none;
  
}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  
  padding: 0;
  
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}

/* ======================================================================
   2. Base framework (runtime-only rules dropped; the rest kept as .wf-)
   ====================================================================== */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}
.inline-block {
  max-width: 100%;
  display: inline-block;
}
.wf-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898EC;
  color: white;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}
input.wf-button {
  -webkit-appearance: button;
}
h1:where(:not([class*="heading-scale-"])), h2:where(:not([class*="heading-scale-"])), h3:where(:not([class*="heading-scale-"])), h4:where(:not([class*="heading-scale-"])), h5:where(:not([class*="heading-scale-"])), h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-1), :where(.heading-scale-2), :where(.heading-scale-3), :where(.heading-scale-4), :where(.heading-scale-5), :where(.heading-scale-6) {
  font-weight: bold;
  margin-bottom: 10px;
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}
h2:where(:not([class*="heading-scale-"])), :where(.heading-scale-2) {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}
h3:where(:not([class*="heading-scale-"])), :where(.heading-scale-3) {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}
h4:where(:not([class*="heading-scale-"])), :where(.heading-scale-4) {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}
h5:where(:not([class*="heading-scale-"])), :where(.heading-scale-5) {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-6) {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}
p {
  margin-top: 0;
  margin-bottom: 10px;
}
blockquote {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
  font-size: 18px;
  line-height: 22px;
}
figure {
  margin: 0;
  margin-bottom: 10px;
}
figcaption {
  margin-top: 5px;
  text-align: center;
}
ul, ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.embed:before, .embed:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.embed:after {
  clear: both;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
button, [type='button'], [type='reset'] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}
.wf-form {
  margin: 0 0 15px;
}
.wf-form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: #dddddd;
}
.wf-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede;
}
label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.wf-input, .wf-select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.wf-input::placeholder, .wf-select::placeholder {
  color: #999;
}
.wf-input:focus, .wf-select:focus {
  border-color: #3898EC;
  outline: 0;
}
.wf-input[disabled], .wf-select[disabled], .wf-input[readonly], .wf-select[readonly], fieldset[disabled] .wf-input, fieldset[disabled] .wf-select {
  cursor: not-allowed;
}.wf-input[readonly], .wf-select[readonly] {
  background-color: #eeeeee;
}

textarea.wf-input, textarea.wf-select {
  height: auto;
}
.wf-select {
  background-color: #f3f3f3;
}
.wf-select[multiple] {
  height: auto;
}
.wf-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}
.wf-container:before, .wf-container:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.wf-container:after {
  clear: both;
}@media screen and (max-width: 991px) {

  .wf-container {
    max-width: 728px;
  }}
@media screen and (max-width: 479px) {

  .wf-container {
    max-width: none;
  }}

.richtext:before, .richtext:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.richtext:after {
  clear: both;
}
.richtext[contenteditable="true"]:before, .richtext[contenteditable="true"]:after {
  white-space: initial;
}
.richtext ol, .richtext ul {
  overflow: hidden;
}.richtext figure[data-rt-type="video"] > div:after {
  content: '';
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.richtext figure {
  position: relative;
  max-width: 60%;
}
.richtext figure > div:before {
  cursor: default!important;
}
.richtext figure img {
  width: 100%;
}
.richtext figure div {
  
  font-size: 0px;
  color: transparent;
}
.richtext figure.wf-richtext-figure-type-image, .richtext figure[data-rt-type="image"] {
  display: table;
}
.richtext figure.wf-richtext-figure-type-image > div, .richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}
.richtext figure.wf-richtext-figure-type-image > figcaption, .richtext figure[data-rt-type="image"] > figcaption {
  display: table-caption;
  caption-side: bottom;
}.richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}
.richtext figure[data-rt-type="video"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.richtext figure.wf-richtext-align-fullwidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.richtext figure.wf-richtext-align-fullwidth > div {
  display: inline-block;
  
  padding-bottom: inherit;
}
.richtext figure.wf-richtext-align-fullwidth > figcaption {
  display: block;
}
.tabset {
  position: relative;
}
.tabset:before, .tabset:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.tabset:after {
  clear: both;
}
.tabset-menu {
  position: relative;
}
.tabset-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 9px 30px;
  text-align: left;
  cursor: pointer;
  color: #222222;
  background-color: #dddddd;
}
.tabset-link[aria-current="page"], .tabset-link.is-active {
  background-color: #C8C8C8;
}
.tabset-link:focus {
  outline: 0;
}
.tabset-content {
  position: relative;
  display: block;
  overflow: hidden;
}
.tabset-pane {
  position: relative;
  display: none;
}
.tabset-pane.is-active {
  display: block;
}@media screen and (max-width: 479px) {

  .tabset-link {
    display: block;
  }}
@keyframes spin {

  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }}


/* ======================================================================
   2b. Widget geometry, re-keyed on this design's own classes
   ======================================================================

   build_css drops every framework rule that existed only so the Webflow
   runtime could drive it. Some of those rules were also carrying real
   LAYOUT -- the navbar's stacking context, the slider's strip of inline
   slides, the box a background video fills -- and dropping them without
   restating that layout is how a converted template ships a slider whose
   slides stack vertically or a video with no height.

   Everything below is transcribed from `css/webflow.css`, against the class
   or hook the element still carries after the rename. It is emitted BETWEEN
   the framework and the design sheet, so the design keeps overriding it in
   exactly the order it did before -- `.services-slider { height: auto }`
   beats the widget's `height: 300px` here just as it beat `.w-slider`.
   Every selector scores (0,1,0), the same as the widget class it replaces.
   ====================================================================== */

/* ---- the navbar ---------------------------------------------------- */
/* `.w-nav`: the stacking context the header sits in, and the clearfix the
   floated brand needs. The background is overridden by the design. */
.navbar {
  position: relative;
  background: #dddddd;
  z-index: 1000;
}

.navbar::before,
.navbar::after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.navbar::after {
  clear: both;
}

/* `.w-nav-brand`. */
.nav-logo-link {
  position: relative;
  float: left;
  text-decoration: none;
  color: #333333;
}@media screen and (max-width: 767px) {

  .nav-logo-link {
    padding-left: 10px;
  }}


/* ---- sliders -------------------------------------------------------- */
/* `.w-slider`, `.w-slider-mask`, `.w-slide` and the two arrows. Slides are
   a strip of inline-blocks in a `nowrap` mask; main.js moves each slide by
   its own `transform`, as Webflow's runtime does. */
[data-slider] {
  position: relative;
  height: 300px;
  text-align: center;
  background: #dddddd;
  clear: both;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[data-slider-track] {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  left: 0;
  right: 0;
  height: 100%;
  white-space: nowrap;
}

[data-slide] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: left;
}

[data-slider-left],
[data-slider-right] {
  position: absolute;
  width: 80px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  overflow: hidden;
  color: white;
  font-size: 40px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}

[data-slider-left] {
  z-index: 3;
  right: auto;
}

[data-slider-right] {
  z-index: 4;
  left: auto;
}

/* ---- the background video ------------------------------------------- */
/* `.w-background-video` and its control. */
[data-bg-video] {
  position: relative;
  overflow: hidden;
  height: 500px;
  color: white;
}

[data-bg-video] > video {
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  right: -100%;
  bottom: -100%;
  top: -100%;
  left: -100%;
  object-fit: cover;
  z-index: -100;
}

[data-bg-video] > video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

[data-video-toggle] {
  position: absolute;
  bottom: 1em;
  right: 1em;
  background-color: transparent;
  padding: 0;
}

[data-video-toggle] > [hidden] {
  display: none !important;
}

/* ---- controls that used to be <div>s and <a>s ------------------------ */
/* The menu button, the slider arrows, the tab links and the FAQ row heads
   were a <div> or an <a> in the export and are real <button>s here. That
   crosses the UA's form-control reset, which (a) gives the control a
   border, a grey fill and `padding: 1px 6px`, (b) centres its text, and
   (c) drops the inherited `letter-spacing`, `word-spacing` and
   `text-transform` -- `font: inherit` carries none of the three.

   Each of those is undone here and nothing else, inside `:where()` so the
   rule scores 0 and every design class still wins exactly as it did
   against the <div> or <a> it replaces. `display: block` is what a <div>
   was; the design sets its own display wherever it wants another. */
:where(.menu-button, .faq-item-head, .tabset-link,
       [data-slider-left], [data-slider-right]) {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: inherit;
  text-align: inherit;
  color: inherit;
  cursor: pointer;
}

/* The tab links were <a>s: they took the bare `a` rule's colour and had
   no underline to lose. */
:where(.tabset-link) {
  color: inherit;
  text-decoration: none;
}

/* A <button> never stretches to its container, whatever its `display`: its
   `width: auto` is its own content size. The FAQ row head is a `display:
   flex; justify-content: space-between` row that spread the question and
   the plus icon across the whole card as a <div>; as a <button> it would
   shrink to the text and put the icon beside it. */
.faq-item-head {
  width: 100%;
}

/* ---- focus ---------------------------------------------------------- */
/* Every control above is now reachable from a keyboard, so each gets a
   ring -- on `:focus-visible` only, the state a pointer press does not
   enter. */
.menu-button:focus-visible,
.faq-item-head:focus-visible,
.tabset-link:focus-visible,
[data-slider-left]:focus-visible,
[data-slider-right]:focus-visible,
[data-video-toggle]:focus-visible,
.skip-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* ---- the skip link --------------------------------------------------- */
/* Off-screen until focused. The one piece of chrome this build adds. */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 2000;
  padding: 0.75rem 1.25rem;
  background: #010004;
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
}

.skip-link:focus {
  left: 0.5rem;
  top: 0.5rem;
}

/* ======================================================================
   3. Relab design
   ====================================================================== */
:root {
  --color--body: #eee;
  --_typography---font-family--body-font: "Hanken Grotesk", sans-serif;
  --color--black: #000;
  --_typography---text-default--font-size: 16px;
  --_typography---text-default--line-height: 1.25em;
  --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---font-family--headding-font: "Averia Sans Libre", sans-serif;
  --_typography---h1--font-size: clamp(60px, 7.5cqw, 112px);
  --_typography---h1--line-height: .86em;
  --_typography---h1--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---h1--letter-spacing: var(--_typography---letter-spacing--larges);
  --_responsive---none: 0px;
  --_typography---h2--font-size: clamp(48px, 5.5cqw, 88px);
  --_typography---h2--line-height: 1em;
  --_typography---h2--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---h2--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---h3--font-size: clamp(42px, 5cqw, 72px);
  --_typography---h3--line-height: 1em;
  --_typography---h3--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---h3--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---h4--font-size: clamp(34px, 4.2cqw, 56px);
  --_typography---h4--line-height: 1em;
  --_typography---h4--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---h4--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---h5--font-size: clamp(26px, 2.5cqw, 32px);
  --_typography---h5--line-height: 1.4em;
  --_typography---h5--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---h5--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---h6--font-size: 24px;
  --_typography---h6--line-height: 1.25em;
  --_typography---h6--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---h6--letter-spacing: var(--_typography---letter-spacing--large);
  --accent-color--accent-1: #575757;
  --color--white: white;
  --_responsive---full-size: 100%;
  --_typography---tag-label-text--line-height: 1.2em;
  --_typography---font-weight--regular: 400;
  --_typography---tag-label-text--letter-spacing: var(--_typography---letter-spacing--none);
  --_responsive---container--padding-x: 40px;
  --_responsive---section-padding--xlarge: 140px;
  --_responsive---element-spacing--spacing-1x: 4px;
  --_responsive---element-spacing--spacing-17x: 40px;
  --_responsive---element-spacing--spacing-27x: 80px;
  --_responsive---container--full-size-container: 100%;
  --_responsive---container--max-width: 1472px;
  --accent-color--accent-2: #f2f2f2;
  --_typography---font-weight--medium: 500;
  --_typography---text-medium--font-size: 18px;
  --_typography---text-medium--line-height: 1.33em;
  --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--default);
  --rgb--rgb-8: #000000b3;
  --_typography---font-weight--semi-bold: 600;
  --rgb--rgb-10: #00000080;
  --_typography---font-weight--bold: 700;
  --rgb--rgb-5: #ffffffb3;
  --_typography---font-family--four-font: Geist, sans-serif;
  --_responsive---element-spacing--spacing-12x: 24px;
  --_responsive---section-padding--large: 120px;
  --_responsive---element-spacing--spacing-30x: 100px;
  --_responsive---border-radius--radius-12x: 32px;
  --rgb--rgb-17: #fff0;
  --rgb--rgb-18: #fff6;
  --_responsive---element-spacing--spacing-15x: 32px;
  --_responsive---14-px: 14px;
  --_responsive---element-spacing--spacing-7x: 12px;
  --_responsive---border-radius--radius-3x: 8px;
  --color--charcoal-black: #1d1d1d;
  --color--dark-gray: #404040;
  --color--medium-gray: #a0a0a0;
  --color--silver-gray: #bfbfbf;
  --color--platinum: #e6e6e6;
  --color--off-white: #fafafb;
  --_responsive---element-spacing--spacing-3x: 6px;
  --_responsive---element-spacing--spacing-19x: 48px;
  --_responsive---element-spacing--spacing-14x: 30px;
  --_typography---text-large--font-size: 20px;
  --_typography---text-large--line-height: .7em;
  --_typography---text-large--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---text-large--letter-spacing: var(--_typography---letter-spacing--larges);
  --color--dim-gray: #575757;
  --color--transparent: #0000;
  --_responsive---border-radius--round: 100%;
  --_responsive---element-spacing--spacing-5x: 10px;
  --_responsive---element-spacing--spacing-4x: 8px;
  --_responsive---border-radius--radius-18x: 100px;
  --rgb--rgb-2: #f6f6f666;
  --rgb--rgb-1: #fff9;
  --_responsive---element-spacing--spacing-10x: 18px;
  --_responsive---element-spacing--spacing-8x: 14px;
  --_responsive---section-padding--default: 60px;
  --_responsive---border-radius--radius-11x: 30px;
  --_responsive---element-spacing--spacing-22x: 60px;
  --_responsive---element-spacing--spacing-9x: 16px;
  --_responsive---element-spacing--spacing-23x: 64px;
  --_typography---button-text--font-weight: var(--_typography---font-weight--medium);
  --_typography---button-text--letter-spacing: var(--_typography---letter-spacing--none);
  --_responsive---element-spacing--spacing-16x: 36px;
  --rgb--rgb-4: #00000005;
  --rgb--rgb-3: #0000000d;
  --rgb--rgb-13: #ffffff1f;
  --_responsive---element-spacing--spacing-2x: 5px;
  --_responsive---element-spacing--spacing-6x: 11px;
  --_typography---font-family--third-font: "Inter Tight", sans-serif;
  --_typography---text-small--font-size: 14px;
  --_typography---text-small--line-height: 1.29em;
  --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--default);
  --_responsive---border-radius--radius-7x: 16px;
  --_responsive---element-spacing--spacing-11x: 20px;
  --_responsive---border-radius--radius-4x: 10px;
  --ececec: #ececec;
  --_responsive---font-size--f90: 90px;
  --_responsive---border-radius--pill: 500px;
  --_responsive---section-padding--medium: 80px;
  --_responsive---border-radius--radius-6x: 14px;
  --_responsive---home-v3-reel-video-radius: 10px;
  --black-30: #0000004d;
  --_responsive---border-radius--radius-5x: 12px;
  --_responsive---about-v2-hero-video-radius: 32px;
  --_responsive---element-spacing--spacing-28x: 90px;
  --_responsive---border-radius--radius-2x: 6px;
  --accent-color--accent-6: #ff7f00;
  --accent-color--accent-5: #ef8c23;
  --_responsive---border-radius--radius-14x: 48px;
  --accent-color--accent-3: #1b1b1b;
  --_responsive---border-radius--radius-13x: 40px;
  --_responsive---element-spacing--spacing-25x: 70px;
  --rgb--rgb-6: #0000001a;
  --_responsive---element-spacing--spacing-20x: 50px;
  --_responsive---element-spacing--spacing-33x: 140px;
  --_responsive---element-spacing--spacing-34x: 160px;
  --_responsive---element-spacing--spacing-35x: 184px;
  --_responsive---border-radius--radius-8x: 18px;
  --accent-color--accent-4: #efc623;
  --_typography---display-two--font-size: clamp(52px, 7.3cqw, 90px);
  --_typography---display-two--line-height: 1.2em;
  --_typography---display-two--font-weight: var(--_typography---font-weight--bold);
  --_typography---display-two--letter-spacing: var(--_typography---letter-spacing--larges);
  --rgb--rgb-9: #1119;
  --_typography---letter-spacing--larges-big: -.08em;
  --_typography---display-one--font-size: clamp(100px, 12.3cqw, 180px);
  --_typography---display-one--line-height: 1em;
  --_typography---display-one--font-weight: var(--_typography---font-weight--bold);
  --_typography---display-one--letter-spacing: var(--_typography---letter-spacing--default);
  --_responsive---border-radius--radius-9x: 20px;
  --_responsive---border-radius--radius-15x: 60px;
  --_responsive---border-radius--radius-10x: 24px;
  --_responsive---element-spacing--spacing-18x: 44px;
  --accent-color--accent-11: #bafc31;
  --accent-color--accent-12: #31fceb;
  --accent-color--accent-10: #ffd829;
  --_responsive---border-radius--radius-16x: 76px;
  --rgb--rgb-11: #00000040;
  --accent-color--accent-7: #fbfbfc;
  --accent-color--accent-8: #dbdde8;
  --rgb--rgb-12: #00000026;
  --_responsive---element-spacing--spacing-21x: 56px;
  --_responsive---element-spacing--spacing-31x: 115px;
  --_responsive---element-spacing--spacing-32x: 120px;
  --_responsive---element-spacing--spacing-24x: 68px;
  --accent-color--accent-14: #e5e5e5;
  --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
  --_responsive---font-size--f36: 36px;
  --_typography---letter-spacing--large: -.04em;
  --_typography---display-five--font-size: 36px;
  --_typography---display-five--line-height: 1.2em;
  --_typography---display-five--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---display-five--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---display-three--font-size: 64px;
  --_typography---display-three--line-height: 1em;
  --_typography---display-three--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---display-three--letter-spacing: var(--_typography---letter-spacing--larges);
  --rgb--rgb-15: #0000000f;
  --_typography---display-four--font-size: clamp(366px, 30.3cqw, 485px);
  --_typography---display-four--line-height: 1.2em;
  --_typography---display-four--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---display-four--letter-spacing: var(--_typography---letter-spacing--larges);
  --_responsive---element-spacing--spacing-29x: 96px;
  --_typography---display-six--font-size: 8px;
  --_typography---display-six--line-height: 1.15em;
  --_typography---display-six--font-weight: var(--_typography---font-weight--regular);
  --_responsive---element-spacing--spacing-13x: 28px;
  --_responsive---element-spacing--spacing-36x: 248px;
  --_typography---display-seven--font-size: clamp(165px, 16.5cqw, 265px);
  --_typography---display-seven--line-height: 1em;
  --_typography---display-seven--font-weight: var(--_typography---font-weight--medium);
  --_typography---display-seven--letter-spacing: var(--_typography---letter-spacing--larges);
  --_responsive---border-radius--radius-17x: 90px;
  --rgb--rgb-16: #ffffff4d;
  --accent-color--accent-15: #353535;
  --accent-color--accent-16: #343434;
  --accent-color--accent-17: #fb8626;
  --accent-color--accent-18: #adfa0a;
  --accent-color--accent-19: #ffd830;
  --_responsive---section-padding--xxlarge: 190px;
  --_responsive---element-spacing--spacing-26x: 76px;
  --accent-color--accent-13: #aeaeae;
  --_responsive---border-radius--radius-1x: 4px;
  --_typography---display-six--letter-spacing: var(--_typography---letter-spacing--none);
  --accent-color--accent-9: #151515;
  --rgb--rgb-7: #ffce0040;
  --rgb--rgb-14: #6f6f6fb3;
  --color--soft-gray: #f2f2f2;
  --_typography---text-extra-small--font-size: 12px;
  --_typography---text-extra-small--line-height: 1.3em;
  --_typography---text-extra-small--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---text-extra-small--font-weight: var(--_typography---font-weight--regular);
  --_typography---tag-label-text--font-size: 14px;
  --_typography---tag-label-text--font-weight: var(--_typography---font-weight--regular);
  --_typography---button-text--font-size: 16px;
  --_typography---button-text--line-height: 1.35em;
  --_typography---font-weight--light: 300;
  --_typography---letter-spacing--none: 0em;
  --_typography---letter-spacing--tiny: .01em;
  --_typography---letter-spacing--small: -.01em;
  --_typography---letter-spacing--default: -.02em;
  --_typography---letter-spacing--medium: -.03em;
  --_typography---letter-spacing--larges: -.06em;
}
.wf-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}@media screen and (max-width: 991px) {

  .wf-layout-blockcontainer {
    max-width: 728px;
  }}
@media screen and (max-width: 767px) {

  .wf-layout-blockcontainer {
    max-width: none;
  }}

body {
  background-color: var(--color--body);
  font-family: var(--_typography---font-family--body-font);
  color: var(--color--black);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
  --_responsive---none: 0px;
  --_responsive---full-size: 100%;
  --_responsive---container--padding-x: 40px;
  --_responsive---section-padding--xlarge: 140px;
  --_responsive---element-spacing--spacing-1x: 4px;
  --_responsive---element-spacing--spacing-17x: 40px;
  --_responsive---element-spacing--spacing-27x: 80px;
  --_responsive---container--full-size-container: 100%;
  --_responsive---container--max-width: 1472px;
  --_responsive---element-spacing--spacing-12x: 24px;
  --_responsive---section-padding--large: 120px;
  --_responsive---element-spacing--spacing-30x: 100px;
  --_responsive---border-radius--radius-12x: 32px;
  --_responsive---element-spacing--spacing-15x: 32px;
  --_responsive---14-px: 14px;
  --_responsive---element-spacing--spacing-7x: 12px;
  --_responsive---border-radius--radius-3x: 8px;
  --_responsive---element-spacing--spacing-3x: 6px;
  --_responsive---element-spacing--spacing-19x: 48px;
  --_responsive---element-spacing--spacing-14x: 30px;
  --_responsive---border-radius--round: 100%;
  --_responsive---element-spacing--spacing-5x: 10px;
  --_responsive---element-spacing--spacing-4x: 8px;
  --_responsive---border-radius--radius-18x: 100px;
  --_responsive---element-spacing--spacing-10x: 18px;
  --_responsive---element-spacing--spacing-8x: 14px;
  --_responsive---section-padding--default: 60px;
  --_responsive---border-radius--radius-11x: 30px;
  --_responsive---element-spacing--spacing-22x: 60px;
  --_responsive---element-spacing--spacing-9x: 16px;
  --_responsive---element-spacing--spacing-23x: 64px;
  --_responsive---element-spacing--spacing-16x: 36px;
  --_responsive---element-spacing--spacing-2x: 5px;
  --_responsive---element-spacing--spacing-6x: 11px;
  --_responsive---border-radius--radius-7x: 16px;
  --_responsive---element-spacing--spacing-11x: 20px;
  --_responsive---border-radius--radius-4x: 10px;
  --_responsive---font-size--f90: 90px;
  --_responsive---border-radius--pill: 500px;
  --_responsive---section-padding--medium: 80px;
  --_responsive---border-radius--radius-6x: 14px;
  --_responsive---home-v3-reel-video-radius: 10px;
  --_responsive---border-radius--radius-5x: 12px;
  --_responsive---about-v2-hero-video-radius: 32px;
  --_responsive---element-spacing--spacing-28x: 90px;
  --_responsive---border-radius--radius-2x: 6px;
  --_responsive---border-radius--radius-14x: 48px;
  --_responsive---border-radius--radius-13x: 40px;
  --_responsive---element-spacing--spacing-25x: 70px;
  --_responsive---element-spacing--spacing-20x: 50px;
  --_responsive---element-spacing--spacing-33x: 140px;
  --_responsive---element-spacing--spacing-34x: 160px;
  --_responsive---element-spacing--spacing-35x: 184px;
  --_responsive---border-radius--radius-8x: 18px;
  --_responsive---border-radius--radius-9x: 20px;
  --_responsive---border-radius--radius-15x: 60px;
  --_responsive---border-radius--radius-10x: 24px;
  --_responsive---element-spacing--spacing-18x: 44px;
  --_responsive---border-radius--radius-16x: 76px;
  --_responsive---element-spacing--spacing-21x: 56px;
  --_responsive---element-spacing--spacing-31x: 115px;
  --_responsive---element-spacing--spacing-32x: 120px;
  --_responsive---element-spacing--spacing-24x: 68px;
  --_responsive---font-size--f36: 36px;
  --_responsive---element-spacing--spacing-29x: 96px;
  --_responsive---element-spacing--spacing-13x: 28px;
  --_responsive---element-spacing--spacing-36x: 248px;
  --_responsive---border-radius--radius-17x: 90px;
  --_responsive---section-padding--xxlarge: 190px;
  --_responsive---element-spacing--spacing-26x: 76px;
  --_responsive---border-radius--radius-1x: 4px;
  --color--body: #eee;
  --color--black: #000;
  --accent-color--accent-1: #575757;
  --color--white: white;
  --accent-color--accent-2: #f2f2f2;
  --rgb--rgb-8: #000000b3;
  --rgb--rgb-10: #00000080;
  --rgb--rgb-5: #ffffffb3;
  --rgb--rgb-17: #fff0;
  --rgb--rgb-18: #fff6;
  --color--charcoal-black: #1d1d1d;
  --color--dark-gray: #404040;
  --color--medium-gray: #a0a0a0;
  --color--silver-gray: #bfbfbf;
  --color--platinum: #e6e6e6;
  --color--off-white: #fafafb;
  --color--dim-gray: #575757;
  --color--transparent: #0000;
  --rgb--rgb-2: #f6f6f666;
  --rgb--rgb-1: #fff9;
  --rgb--rgb-4: #00000005;
  --rgb--rgb-3: #0000000d;
  --rgb--rgb-13: #ffffff1f;
  --ececec: #ececec;
  --black-30: #0000004d;
  --accent-color--accent-6: #ff7f00;
  --accent-color--accent-5: #ef8c23;
  --accent-color--accent-3: #1b1b1b;
  --rgb--rgb-6: #0000001a;
  --accent-color--accent-4: #efc623;
  --rgb--rgb-9: #1119;
  --accent-color--accent-11: #bafc31;
  --accent-color--accent-12: #31fceb;
  --accent-color--accent-10: #ffd829;
  --rgb--rgb-11: #00000040;
  --accent-color--accent-7: #fbfbfc;
  --accent-color--accent-8: #dbdde8;
  --rgb--rgb-12: #00000026;
  --accent-color--accent-14: #e5e5e5;
  --rgb--rgb-15: #0000000f;
  --rgb--rgb-16: #ffffff4d;
  --accent-color--accent-15: #353535;
  --accent-color--accent-16: #343434;
  --accent-color--accent-17: #fb8626;
  --accent-color--accent-18: #adfa0a;
  --accent-color--accent-19: #ffd830;
  --accent-color--accent-13: #aeaeae;
  --accent-color--accent-9: #151515;
  --rgb--rgb-7: #ffce0040;
  --rgb--rgb-14: #6f6f6fb3;
  --color--soft-gray: #f2f2f2;
  --_typography---font-family--body-font: "Hanken Grotesk", sans-serif;
  --_typography---text-default--font-size: 16px;
  --_typography---text-default--line-height: 1.25em;
  --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---font-family--headding-font: "Averia Sans Libre", sans-serif;
  --_typography---h1--font-size: clamp(60px, 7.5cqw, 112px);
  --_typography---h1--line-height: .86em;
  --_typography---h1--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---h1--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---h2--font-size: clamp(48px, 5.5cqw, 88px);
  --_typography---h2--line-height: 1em;
  --_typography---h2--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---h2--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---h3--font-size: clamp(42px, 5cqw, 72px);
  --_typography---h3--line-height: 1em;
  --_typography---h3--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---h3--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---h4--font-size: clamp(34px, 4.2cqw, 56px);
  --_typography---h4--line-height: 1em;
  --_typography---h4--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---h4--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---h5--font-size: clamp(26px, 2.5cqw, 32px);
  --_typography---h5--line-height: 1.4em;
  --_typography---h5--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---h5--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---h6--font-size: 24px;
  --_typography---h6--line-height: 1.25em;
  --_typography---h6--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---h6--letter-spacing: var(--_typography---letter-spacing--large);
  --_typography---tag-label-text--line-height: 1.2em;
  --_typography---font-weight--regular: 400;
  --_typography---tag-label-text--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---font-weight--medium: 500;
  --_typography---text-medium--font-size: 18px;
  --_typography---text-medium--line-height: 1.33em;
  --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---font-weight--semi-bold: 600;
  --_typography---font-weight--bold: 700;
  --_typography---font-family--four-font: Geist, sans-serif;
  --_typography---text-large--font-size: 20px;
  --_typography---text-large--line-height: .7em;
  --_typography---text-large--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---text-large--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---button-text--font-weight: var(--_typography---font-weight--medium);
  --_typography---button-text--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---font-family--third-font: "Inter Tight", sans-serif;
  --_typography---text-small--font-size: 14px;
  --_typography---text-small--line-height: 1.29em;
  --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---display-two--font-size: clamp(52px, 7.3cqw, 90px);
  --_typography---display-two--line-height: 1.2em;
  --_typography---display-two--font-weight: var(--_typography---font-weight--bold);
  --_typography---display-two--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---letter-spacing--larges-big: -.08em;
  --_typography---display-one--font-size: clamp(100px, 12.3cqw, 180px);
  --_typography---display-one--line-height: 1em;
  --_typography---display-one--font-weight: var(--_typography---font-weight--bold);
  --_typography---display-one--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
  --_typography---letter-spacing--large: -.04em;
  --_typography---display-five--font-size: 36px;
  --_typography---display-five--line-height: 1.2em;
  --_typography---display-five--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---display-five--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---display-three--font-size: 64px;
  --_typography---display-three--line-height: 1em;
  --_typography---display-three--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---display-three--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---display-four--font-size: clamp(366px, 30.3cqw, 485px);
  --_typography---display-four--line-height: 1.2em;
  --_typography---display-four--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---display-four--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---display-six--font-size: 8px;
  --_typography---display-six--line-height: 1.15em;
  --_typography---display-six--font-weight: var(--_typography---font-weight--regular);
  --_typography---display-seven--font-size: clamp(165px, 16.5cqw, 265px);
  --_typography---display-seven--line-height: 1em;
  --_typography---display-seven--font-weight: var(--_typography---font-weight--medium);
  --_typography---display-seven--letter-spacing: var(--_typography---letter-spacing--larges);
  --_typography---display-six--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---text-extra-small--font-size: 12px;
  --_typography---text-extra-small--line-height: 1.3em;
  --_typography---text-extra-small--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---text-extra-small--font-weight: var(--_typography---font-weight--regular);
  --_typography---tag-label-text--font-size: 14px;
  --_typography---tag-label-text--font-weight: var(--_typography---font-weight--regular);
  --_typography---button-text--font-size: 16px;
  --_typography---button-text--line-height: 1.35em;
  --_typography---font-weight--light: 300;
  --_typography---letter-spacing--none: 0em;
  --_typography---letter-spacing--tiny: .01em;
  --_typography---letter-spacing--small: -.01em;
  --_typography---letter-spacing--default: -.02em;
  --_typography---letter-spacing--medium: -.03em;
  --_typography---letter-spacing--larges: -.06em;
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}
h2:where(:not([class*="heading-scale-"])), :where(.heading-scale-2) {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
}
h3:where(:not([class*="heading-scale-"])), :where(.heading-scale-3) {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
}
h4:where(:not([class*="heading-scale-"])), :where(.heading-scale-4) {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
}
h5:where(:not([class*="heading-scale-"])), :where(.heading-scale-5) {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
}
h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-6) {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
}
p {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  color: var(--accent-color--accent-1);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
a {
  color: var(--color--white);
  text-decoration: none;
}
ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}
img {
  max-width: var(--_responsive---full-size);
  display: block;
}
label {
  line-height: var(--_typography---tag-label-text--line-height);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---tag-label-text--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}
strong {
  font-weight: bold;
}
figure {
  margin-bottom: 10px;
}
.utility-page-wrap {
  height: 100vh;
  padding-right: var(--_responsive---container--padding-x);
  padding-left: var(--_responsive---container--padding-x);
  justify-content: center;
  align-items: center;
  display: flex;
}
.utility-page-wrap.section-spping {
  padding-top: var(--_responsive---section-padding--xlarge);
}
.utility-page-content {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 516px;
  display: flex;
}
.utility-page-form-password {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-direction: column;
  align-items: stretch;
  display: flex;
}
.container {
  width: var(--_responsive---container--full-size-container);
  max-width: var(--_responsive---container--max-width);
  padding-right: var(--_responsive---container--padding-x);
  padding-left: var(--_responsive---container--padding-x);
  margin-left: auto;
  margin-right: auto;
}
.heading-02 {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
}
.heading-03 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
}
.heading-04 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
}
.heading-04.text-button {
  z-index: 10;
  color: var(--accent-color--accent-2);
  font-weight: var(--_typography---font-weight--medium);
  position: relative;
  overflow: hidden;
}
.heading-05 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
}
.heading-06 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
}
.text-medium {
  color: var(--color--black);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
}
.text-medium:where(.text-title-box-style-three) {
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
.text-medium.rbg8 {
  color: var(--rgb--rgb-8);
}
.text-medium.blod-meddle {
  font-weight: var(--_typography---font-weight--semi-bold);
}
.text-medium.rbg10 {
  color: var(--rgb--rgb-10);
}
.text-medium.bold {
  font-weight: var(--_typography---font-weight--bold);
}
.text-default {
  color: var(--color--black);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
.text-default.white.rgb5, .text-default.rgb-5 {
  color: var(--rgb--rgb-5);
}
.text-default.rgb-8, .text-default.rbg8 {
  color: var(--rgb--rgb-8);
}
.text-default.black {
  color: var(--color--black);
}
.text-default.black.opact {
  opacity: .8;
}
.text-default.rbg5 {
  color: var(--rgb--rgb-5);
}
.text-default.blold-meddle {
  font-weight: var(--_typography---font-weight--semi-bold);
}
.text-default.opactiy-70 {
  opacity: .7;
}
.text-default.font-three {
  font-family: var(--_typography---font-family--four-font);
}
.text-default.font-three.meddel-blod {
  font-weight: var(--_typography---font-weight--medium);
}
.text-default.rbg10 {
  color: var(--rgb--rgb-10);
}
.text-default.opactey {
  opacity: .8;
}
.text-default.rgb10 {
  color: var(--rgb--rgb-10);
}
.style-guide {
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
}
.style-guide-wrap {
  padding: var(--_responsive---section-padding--large) var(--_responsive---container--padding-x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-30x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-30x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-12x);
  background-image: linear-gradient(180deg, var(--color--white), var(--rgb--rgb-17));
  box-shadow: inset 0 0 64px 0 var(--rgb--rgb-18);
  flex-flow: column;
  display: flex;
}
.color-block-wrap {
  flex-flow: column;
  display: flex;
}
.color-block-inner-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.color-block {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  height: 120px;
  display: flex;
}
.color-block-inner {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  padding: var(--_responsive---element-spacing--spacing-7x);
  border-radius: var(--_responsive---border-radius--radius-3x);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.color-block-inner.black {
  background-color: var(--color--black);
  justify-content: flex-start;
  align-items: flex-end;
}
.color-block-inner.two {
  background-color: var(--color--charcoal-black);
}
.color-block-inner.three {
  background-color: var(--color--dark-gray);
}
.color-block-inner.four {
  background-color: var(--accent-color--accent-1);
}
.color-block-inner.five {
  background-color: var(--color--medium-gray);
}
.color-block-inner.six {
  background-color: var(--color--silver-gray);
}
.color-block-inner.seven {
  background-color: var(--color--platinum);
  border: 1px solid #000;
}
.color-block-inner.eight {
  border: 1px solid var(--color--black);
  background-color: var(--accent-color--accent-2);
}
.color-block-inner.nine {
  border: 1px solid var(--color--black);
  background-color: var(--color--off-white);
}
.color-block-inner.ten {
  border: 1px solid var(--color--black);
  background-color: var(--color--white);
}
.color-block-info {
  grid-column-gap: var(--_responsive---element-spacing--spacing-3x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-3x);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}
.color-block-main-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  flex-flow: column;
  display: flex;
}
.typography-box-inner-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.text-block {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  display: flex;
}
.text-large {
  font-family: var(--_typography---font-family--four-font);
  font-size: var(--_typography---text-large--font-size);
  line-height: var(--_typography---text-large--line-height);
  font-weight: var(--_typography---text-large--font-weight);
  letter-spacing: var(--_typography---text-large--letter-spacing);
}
.text-large.gary {
  color: var(--color--dim-gray);
}
.header-section {
  z-index: 800;
  position: relative;
}
.navbar {
  z-index: 800;
  width: var(--_responsive---full-size);
  background-color: var(--color--transparent);
  position: absolute;
}
.nav-logo-link {
  width: var(--_responsive---full-size);
  color: #fff;
  max-width: 105px;
  padding-left: 0;
  display: flex;
}
.menu-button {
  display: none;
}
.nav-inner {
  margin-top: var(--_responsive---element-spacing--spacing-5x);
  padding: var(--_responsive---element-spacing--spacing-4x) var(--_responsive---element-spacing--spacing-4x) var(--_responsive---element-spacing--spacing-4x) var(--_responsive---element-spacing--spacing-15x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--rgb--rgb-2);
  box-shadow: inset 0 0 64px 0 var(--rgb--rgb-1);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.utility-content-block {
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 848px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}
.utility-list-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}
.utility-section {
  padding-top: var(--_responsive---section-padding--default);
  padding-bottom: var(--_responsive---section-padding--large);
}
.terms-link {
  color: #000;
  font-weight: 500;
  transition: color .3s;
}
.terms-link:hover {
  color: #e77b2a;
}
.utility-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  border-top: 1px solid var(--accent-color--accent-1);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 44px;
  text-decoration: none;
  display: flex;
}
.instruction-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
}
.utility-content-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.accordion-item {
  z-index: 1;
  background-color: #f8f8f8;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.accordion-item-title-icon {
  width: 1rem;
}
.accordion-item-body-wrapper {
  z-index: 9;
  position: relative;
  overflow: hidden;
}
.heading-01 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
}
.heading-01.dfyg5et {
  z-index: 20;
  mix-blend-mode: exclusion;
  line-height: 1.2em;
  position: relative;
}
.nav-menu-wrap {
  z-index: 778;
  width: var(--_responsive---full-size);
  height: 100vh;
  padding: var(--_responsive---element-spacing--spacing-12x);
  perspective: 100vh;
  justify-content: flex-end;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}
.menu-wrapper {
  min-width: 710px;
  padding: var(--_responsive---element-spacing--spacing-14x);
  border-radius: var(--_responsive---border-radius--radius-11x);
  background-color: var(--color--white);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.style-color-warp {
  grid-column-gap: var(--_responsive---element-spacing--spacing-22x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-22x);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.color-name-wrap {
  width: var(--_responsive---full-size);
  flex-flow: column;
}
.style-header-texts-wrap {
  padding-top: var(--_responsive---element-spacing--spacing-7x);
  padding-right: var(--_responsive---element-spacing--spacing-9x);
  padding-bottom: var(--_responsive---element-spacing--spacing-7x);
  border-radius: var(--_responsive---border-radius--radius-3x);
  background-color: var(--rgb--rgb-1);
  display: flex;
}
.style-all-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-23x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-23x);
  flex-flow: column;
  display: flex;
}
.style-header-name-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  text-align: center;
  flex-flow: column;
  max-width: 490px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.section {
  padding-top: var(--_responsive---element-spacing--spacing-30x);
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
}
.text-button-normal-text {
  z-index: 10;
  position: relative;
}
.text-button-hover-text {
  z-index: 20;
  position: absolute;
  inset: 100% auto auto 0%;
}
.menu-one {
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  flex-flow: column;
  display: flex;
}
.text-button {
  font-family: var(--_typography---font-family--body-font);
  color: var(--color--black);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---button-text--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
  width: fit-content;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.text-button:where(.text-button-style-two) {
  color: var(--color--black);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
}
.menu-dectlies-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-22x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-22x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.menu-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.icon {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  object-fit: contain;
  display: block;
  overflow: visible;
}
.icon.icon-button-icon {
  padding: var(--_responsive---element-spacing--spacing-5x);
}
.button {
  z-index: 50;
  padding: var(--_responsive---element-spacing--spacing-1x) var(--_responsive---element-spacing--spacing-1x) var(--_responsive---element-spacing--spacing-1x) var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--white);
  box-shadow: 0 12px 8px 0 var(--rgb--rgb-4), 0 4px 12px 0 var(--rgb--rgb-3);
  font-family: var(--_typography---font-family--body-font);
  color: var(--color--black);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---text-large--font-weight);
  text-align: center;
  letter-spacing: var(--_typography---text-medium--letter-spacing);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}
.button:where(.button-style-two) {
  background-color: var(--rgb--rgb-13);
  box-shadow: none;
  -webkit-backdrop-filter: blur(44px);
  backdrop-filter: blur(44px);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
.button:where(.button-style-three) {
  background-color: var(--color--black);
}
.button-normal-text {
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
}
.button-normal-text:where(.button-style-two) {
  color: var(--color--white);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
.button-normal-text:where(.button-style-three) {
  color: var(--color--white);
}
.button-normal-text:where(.button-style-four) {
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
.button-text-wrap {
  z-index: 20;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.section-label {
  max-width: var(--_responsive---full-size);
  padding-top: var(--_responsive---element-spacing--spacing-2x);
  padding-right: var(--_responsive---element-spacing--spacing-6x);
  padding-bottom: var(--_responsive---element-spacing--spacing-2x);
  padding-left: var(--_responsive---element-spacing--spacing-6x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--black);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--black);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--black);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--black);
  border-top-left-radius: var(--_responsive---border-radius--radius-18x);
  border-top-right-radius: var(--_responsive---border-radius--radius-18x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-18x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-18x);
  font-family: var(--_typography---font-family--third-font);
  color: var(--color--transparent);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---text-large--font-weight);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  display: flex;
}
.section-label:where(.section-label-style-one) {
  border-color: var(--color--white);
}
.icon-button {
  z-index: 50;
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--color--black);
  width: 42px;
  height: 42px;
  display: block;
  position: relative;
  overflow: hidden;
}
.text-small {
  font-size: var(--_typography---text-small--font-size);
  line-height: var(--_typography---text-small--line-height);
  font-weight: var(--_typography---text-small--font-weight);
  letter-spacing: var(--_typography---text-small--letter-spacing);
}
.cover-size-banner {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  object-fit: cover;
}
.weight-medium {
  font-weight: var(--_typography---font-weight--medium);
}
.faq-item-icon {
  flex: none;
  width: 16px;
  height: 16px;
}
.faq-item-head {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  justify-content: space-between;
  display: flex;
}
.faq-item-body {
  padding-top: var(--_responsive---element-spacing--spacing-7x);
}
.faq-item {
  padding: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---border-radius--radius-7x);
  background-color: var(--color--white);
  cursor: pointer;
}
.faq-toggle-content {
  height: auto;
  display: block;
  overflow: hidden;
}
.footer-section {
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
}
.text-deep-gray {
  color: var(--color--dim-gray);
}
.text-deep-gray.text-one-wrap {
  width: var(--_responsive---full-size);
  max-width: 400px;
}
.box-one-wrapper {
  z-index: 10;
  min-height: 336px;
  padding: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-30x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-30x);
  border-radius: var(--_responsive---border-radius--radius-4x);
  background-color: var(--color--white);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}
.box-two-wrapper {
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  border-bottom: 1px solid var(--ececec);
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}
.box-three-wrapper {
  left: auto;
  top: var(--_responsive---element-spacing--spacing-12x);
  right: var(--_responsive---element-spacing--spacing-12x);
  z-index: -10;
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--rgb--rgb-1);
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: auto;
}
.box-four-wrapper {
  padding-top: var(--_responsive---element-spacing--spacing-8x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  border-top: 1px solid var(--ececec);
  flex-flow: column;
  display: flex;
}
.pricing-v2-tab-switch-dot {
  aspect-ratio: 1;
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--color--white);
  width: 50%;
}
.pricing-v2-tab-switch {
  width: var(--_responsive---full-size);
  max-width: 52px;
  padding: var(--_responsive---font-size--f90);
  border: 1px solid var(--color--silver-gray);
  border-radius: var(--_responsive---border-radius--pill);
  background-color: var(--rgb--rgb-1);
  cursor: pointer;
}
.box-five-wrapper {
  z-index: 5;
  padding-top: var(--_responsive---element-spacing--spacing-5x);
  padding-bottom: var(--_responsive---element-spacing--spacing-5x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  border-bottom: 1px solid var(--color--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  position: relative;
}
.box-five-wrapper:hover {
  z-index: 10;
}
.box-six-wrapper {
  width: var(--_responsive---full-size);
  aspect-ratio: 230 / 252;
  border-radius: var(--_responsive---border-radius--radius-4x);
  pointer-events: none;
  max-width: 230px;
  position: absolute;
  right: 0;
  overflow: hidden;
}
.section-27 {
  height: 400vh;
  padding-top: var(--_responsive---section-padding--medium);
  padding-bottom: var(--_responsive---section-padding--medium);
}
.box-seven-wrapper {
  width: var(--_responsive---full-size);
  position: absolute;
}
.work-v3-card-banner-wrap {
  z-index: 10;
  width: var(--_responsive---full-size);
  aspect-ratio: 642 / 460;
  border-radius: var(--_responsive---border-radius--radius-4x);
  position: relative;
  overflow: hidden;
}
.work-v3-card-overlay {
  z-index: 20;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  perspective: 600px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.work-v3-card-banner-btn {
  padding: var(--_responsive---element-spacing--spacing-5x) var(--_responsive---element-spacing--spacing-8x);
  border-radius: var(--_responsive---border-radius--pill);
  background-color: var(--accent-color--accent-2);
  transform-origin: 50% 100%;
}
.box-eight-wrapper {
  padding: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---border-radius--radius-6x);
  background-color: var(--rgb--rgb-1);
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 25vh;
}
.box-nine-wrapper {
  width: var(--_responsive---full-size);
  aspect-ratio: 106 / 112;
  border-radius: var(--_responsive---border-radius--radius-3x);
  overflow: hidden;
}
.box-ten-wrapper {
  z-index: 20;
  width: var(--_responsive---full-size);
  max-width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  display: flex;
  position: absolute;
  overflow: hidden;
}
.section-31 {
  background-color: var(--rgb--rgb-1);
  height: 250vh;
  min-height: max-content;
}
.box-eleven-wrapper {
  width: auto;
  height: auto;
  margin: auto;
  padding: 0;
}
.video-play-btn {
  z-index: 40;
  width: 40px;
  height: 40px;
  padding: var(--_responsive---element-spacing--spacing-7x);
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--color--white);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.box-twelve-wrapper {
  z-index: 30;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  pointer-events: none;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.text-box-one-wrapper {
  z-index: 20;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---home-v3-reel-video-radius);
  margin: auto;
  position: relative;
  overflow: hidden;
}
.video-overlay {
  z-index: 30;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  background-color: var(--black-30);
  position: absolute;
  inset: 0% auto auto 0%;
}
.text-box-two-wrapper {
  z-index: 10;
  text-align: center;
  position: absolute;
}
.section-33 {
  z-index: 100;
  height: 400vh;
  min-height: max-content;
  position: relative;
}
.text-box-three-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  padding-right: var(--_responsive---container--padding-x);
  padding-left: var(--_responsive---container--padding-x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: max-content;
  display: grid;
}
.text-box-four-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-5x);
  overflow: hidden;
}
.text-box-five-wrapper {
  z-index: 5;
  padding-top: var(--_responsive---element-spacing--spacing-12x);
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  border-bottom: 1px solid var(--color--white);
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  position: relative;
}
.text-box-five-wrapper:hover {
  z-index: 10;
}
.text-box-six-wrapper {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-4x);
  pointer-events: none;
  max-width: 330px;
  position: absolute;
  left: 30%;
  overflow: hidden;
}
.link-block-8 {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.hover-text {
  z-index: 10;
  position: absolute;
  inset: 0% auto auto 0%;
}
.image-12 {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
}
.image-12.hover-icon {
  position: absolute;
  inset: 0% auto auto 0%;
}
.text-box-seven-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-30x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-30x);
  flex-flow: column;
  max-width: 642px;
  margin-left: auto;
  display: flex;
}
.text-box-eight-wrapper {
  width: var(--_responsive---full-size);
  padding: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  border-radius: var(--_responsive---border-radius--radius-6x);
  background-color: var(--rgb--rgb-1);
  flex-flow: column;
  display: flex;
}
.text-box-nine-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  flex-flow: column;
  max-width: 424px;
  display: flex;
}
.text-box-ten-wrapper {
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 100px;
}
.text-box-ten-wrapper.item-two {
  top: 186px;
}
.text-box-ten-wrapper.item-three {
  top: 272px;
}
.text-box-ten-wrapper.item-four {
  top: 358px;
}
.text-box-ten-wrapper.item-five {
  top: 444px;
}
.box-teams-one-wrapper {
  z-index: 30;
  width: var(--_responsive---full-size);
  padding-bottom: var(--_responsive---element-spacing--spacing-3x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-22x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-22x);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: absolute;
  inset: auto auto 0% 0%;
}
.section-43 {
  height: 250vh;
  padding-top: var(--_responsive---section-padding--large);
  padding-bottom: var(--_responsive---section-padding--default);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--silver-gray);
  min-height: max-content;
  display: flex;
}
.box-teams-two-wrapper {
  z-index: 20;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---about-v2-hero-video-radius);
  transform-origin: 0 0;
  position: relative;
  overflow: hidden;
  transform: scale(.3);
}
.box-teams-three-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-28x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-28x);
  grid-template-rows: auto;
  grid-template-columns: 60px 1fr;
  grid-auto-columns: 1fr;
  max-width: 712px;
  display: grid;
}
.box-teams-four-wrapper {
  height: var(--_responsive---full-size);
  border-left: 1px dashed #404040;
}
.text-block-5 {
  aspect-ratio: 1;
  border: 1px solid var(--color--silver-gray);
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--accent-color--accent-2);
  justify-content: center;
  align-items: center;
  width: 60px;
  display: flex;
  position: absolute;
  left: -150px;
}
.box-teams-five-wrapper {
  padding-top: var(--_responsive---element-spacing--spacing-12x);
  padding-right: var(--_responsive---element-spacing--spacing-12x);
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  border-bottom: 1px solid var(--color--silver-gray);
  grid-template-rows: auto;
  grid-template-columns: 1fr 80px 1.2fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}
.box-teams-six-wrapper {
  aspect-ratio: 230 / 140;
  border-radius: var(--_responsive---border-radius--radius-2x);
  max-width: 230px;
  overflow: hidden;
}
.button-hover-text {
  font-weight: var(--_typography---font-weight--semi-bold);
  position: absolute;
  top: 100%;
}
.button-hover-text:where(.button-style-two) {
  color: var(--color--white);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
.button-hover-text:where(.button-style-three) {
  color: var(--color--white);
}
.button-hover-text:where(.button-style-four) {
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
.nav-link {
  color: var(--color--black);
  transition: all .3s;
}
.nav-link:hover, .nav-link:active {
  color: var(--accent-color--accent-6);
}
.nav-link[aria-current="page"], .nav-link.is-active {
  color: var(--accent-color--accent-5);
}
.nav-manus-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.button-icon-box {
  width: 40px;
  height: 40px;
  padding: var(--_responsive---element-spacing--spacing-8x);
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--black);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.button-icon-box:where(.button-style-two) {
  background-color: var(--color--white);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}
.button-icon-box:where(.button-style-three) {
  background-color: var(--color--white);
}
.button-icon:where(.button-style-two) {
  transform: rotate(0);
}
.style-wrapper {
  padding-top: var(--_responsive---section-padding--medium);
  padding-bottom: var(--_responsive---section-padding--medium);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---border-radius--radius-14x);
  background-color: var(--accent-color--accent-3);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.h1 {
  font-family: var(--_typography---font-family--body-font);
  color: var(--color--black);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
}
.text-block-name {
  font-family: var(--_typography---font-family--body-font);
  color: var(--color--black);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---text-large--font-weight);
  text-transform: capitalize;
}
.text-block-name:where(.section-label-style-one) {
  color: var(--color--white);
  text-transform: capitalize;
}
.style-labble-text-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.white {
  color: var(--color--white);
}
.style-name-header {
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h1--font-weight);
}
.text-name-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 592px;
  display: flex;
}
.text-style-wrap {
  width: var(--_responsive---full-size);
  max-width: 430px;
}
.button-style-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.cta-wrapper {
  padding: var(--_responsive---element-spacing--spacing-17x) var(--_responsive---container--padding-x) var(--_responsive---section-padding--medium);
  border-top-left-radius: var(--_responsive---border-radius--radius-13x);
  border-top-right-radius: var(--_responsive---border-radius--radius-13x);
  background-color: var(--color--white);
}
.cta-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.4fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.cta-text-wrapper {
  min-height: 550px;
  padding: var(--_responsive---element-spacing--spacing-17x) var(--_responsive---element-spacing--spacing-17x) var(--_responsive---border-radius--radius-13x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-25x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-25x);
  border-radius: var(--_responsive---border-radius--radius-12x);
  background-color: var(--color--black);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.h5 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
}
.h5.white {
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
}
.h5.opactiy-10 {
  opacity: .2;
}
.cta-text-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  max-width: 340px;
  display: flex;
}
.cta-text-button-wrap {
  width: var(--_responsive---full-size);
}
.cta-image-wrap {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-12x);
  overflow: hidden;
}
.all-image {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
}
.footer-wrapper {
  padding: var(--_responsive---element-spacing--spacing-12x) var(--_responsive---container--padding-x) var(--_responsive---section-padding--medium);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-13x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-13x);
  background-color: var(--color--white);
}
.footer-top-text-wrapper {
  padding-bottom: var(--_responsive---element-spacing--spacing-17x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}
.footer-top-text-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 550px;
  display: flex;
}
.h3 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
}
.h4 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
}
.h4.white {
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
}
.h4.gaya {
  color: var(--color--platinum);
}
.footer-icon-link-wrapper {
  padding-top: var(--_responsive---element-spacing--spacing-17x);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 2px solid var(--rgb--rgb-6);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.footer-social-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-20x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-20x);
  flex-flow: column;
  max-width: 300px;
  display: flex;
}
.footer-social-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.emal-text-field {
  width: var(--_responsive---full-size);
  height: 56px;
  padding: var(--_responsive---element-spacing--spacing-11x) 52px var(--_responsive---element-spacing--spacing-11x) var(--_responsive---element-spacing--spacing-11x);
  border-radius: var(--_responsive---border-radius--radius-18x);
  border: 1px solid #00000026;
  margin-bottom: 0;
  transition: all .4s;
}
.emal-text-field:hover, .emal-text-field:focus {
  border-color: var(--accent-color--accent-5);
}
.submit-button-wrapper {
  border-radius: var(--_responsive---border-radius--round);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
  inset: 8% 1% 0% auto;
}
.submit-button {
  z-index: 100;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  opacity: 0;
  padding: 0;
  position: absolute;
  inset: 0%;
}
.emal-field-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-7x);
  position: relative;
}
.text-name-link {
  padding: var(--_responsive---element-spacing--spacing-3x) var(--_responsive---element-spacing--spacing-7x);
  border: 1px solid var(--color--black);
  border-radius: var(--_responsive---border-radius--pill);
  text-align: center;
}
.link-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-3x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-3x);
  flex-flow: column;
  display: flex;
}
.link-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.footer-link-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1.8fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.hero-section {
  padding-top: var(--_responsive---element-spacing--spacing-33x);
  position: relative;
}
.hero-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}
.hero-bg-image-wrap {
  z-index: -1;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  pointer-events: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}
.agency-hero-text-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  flex-flow: column;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.agency-hero-fast-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  justify-content: center;
  align-items: center;
  display: flex;
}
.agency-hero-image-wrap {
  width: 7.5%;
}
.agency-hero-image-wrap.two {
  width: 10%;
}
.agency-hero-image-wrap.one {
  transform-origin: 100% 100%;
}
.agency-hero-secend-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}
.agency-hero-text-image-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: max-content;
  display: flex;
}
.decorated-title {
  padding-right: var(--_responsive---element-spacing--spacing-15x);
  padding-left: var(--_responsive---element-spacing--spacing-15x);
  border-top-left-radius: var(--_responsive---border-radius--radius-8x);
  border-top-right-radius: var(--_responsive---border-radius--radius-8x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-8x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-8x);
  box-shadow: inset 0 0 24px 0 var(--accent-color--accent-4), inset 0 0 24px 0 var(--accent-color--accent-5), 0 4px 24px 0 #f7772b59;
  color: var(--color--white);
  background-image: linear-gradient(167deg, #ff7f00, #f55c36);
  border: 3.3px solid #ffce0096;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.display-text-two {
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---display-two--font-size);
  line-height: var(--_typography---display-two--line-height);
  font-weight: var(--_typography---display-two--font-weight);
  letter-spacing: var(--_typography---display-two--letter-spacing);
  text-transform: uppercase;
}
.agency-dectlies-wrap {
  text-align: center;
  max-width: 524px;
  margin-left: auto;
  margin-right: auto;
}
.decorated-title-style-wrap {
  padding-top: var(--_responsive---element-spacing--spacing-4x);
  padding-right: var(--_responsive---element-spacing--spacing-12x);
  padding-bottom: var(--_responsive---element-spacing--spacing-4x);
  padding-left: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  border-top-left-radius: var(--_responsive---border-radius--radius-18x);
  border-top-right-radius: var(--_responsive---border-radius--radius-18x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-18x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--off-white);
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin-top: -22px;
  margin-left: auto;
  display: flex;
  transform: translate(45%, 10px)rotate(5.5deg);
}
.decorated-title-style-wrap.style-text-two {
  transform: translate(-70px, 6px)rotate(5.5deg);
}
.decorated-title-style-image-wrap {
  width: 24px;
  height: 24px;
  transform: rotate(6.04deg);
}
.spen-style {
  color: var(--rgb--rgb-9);
}
.hero-intro-section {
  z-index: 10;
  padding-top: 16vw;
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
  position: relative;
}
.hero-intro-wrapper {
  padding: var(--_responsive---element-spacing--spacing-17x) var(--_responsive---container--padding-x) var(--_responsive---element-spacing--spacing-16x);
  border-radius: var(--_responsive---border-radius--radius-14x);
  background-image: linear-gradient(180deg, var(--color--white), var(--color--transparent));
  box-shadow: none;
  position: relative;
}
.hero-intro-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}
.hero-intro-left-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.hero-intro-right-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.hero-intro-text {
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_responsive---font-size--f90);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---font-weight--bold);
  letter-spacing: var(--_typography---letter-spacing--larges-big);
}
.hero-intro-text.display-01 {
  font-size: var(--_typography---display-one--font-size);
  line-height: var(--_typography---display-one--line-height);
  font-weight: var(--_typography---display-one--font-weight);
  letter-spacing: var(--_typography---display-one--letter-spacing);
}
.hero-intro-line {
  background-color: #00000040;
  width: 106px;
  height: 2px;
  transform: rotate(90deg);
}
.agency-hero-dectlies-box {
  width: var(--_responsive---full-size);
  max-width: 150px;
}
.hero-intro-right-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-3x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-3x);
  border-radius: var(--_responsive---border-radius--radius-9x);
  background-image: linear-gradient(120deg, #fbfbfc, #dbdde8);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.social-icon-wrap {
  width: 64px;
  overflow: hidden;
}
.hero-intro-left-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.hero-intro-meddle-wrap {
  margin-top: -144px;
  position: relative;
}
.hero-intro-meddle-image-wrap {
  position: absolute;
  inset: 0%;
}
.hero-intro-meddle-left-icon {
  z-index: 20;
  width: 206px;
  height: 206px;
  position: absolute;
  inset: -28% auto auto -30%;
}
.hero-intro-meddle-right-icon {
  width: 150px;
  height: 150px;
  position: absolute;
  inset: auto 0% -21% auto;
}
.hero-intro-meddle-love-box {
  z-index: 55;
  padding: var(--_responsive---element-spacing--spacing-3x) var(--_responsive---element-spacing--spacing-5x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-3x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-3x);
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--color--white);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 31% -12% auto auto;
}
.love-icon {
  width: 10px;
  height: 10px;
}
.hero-intro-card-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-17x);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.hero-intro-card-box {
  padding: var(--_responsive---element-spacing--spacing-11x) var(--_responsive---element-spacing--spacing-8x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  border: 2px solid var(--color--transparent);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
  cursor: pointer;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  transition: border .2s ease-in-out;
  display: flex;
}
.hero-intro-card-box:hover {
  border-color: var(--color--black);
}
.hero-intro-card-image-wrap {
  flex: none;
  width: 70px;
  height: 70px;
}
.hero-intro-card-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  flex-flow: column;
  display: flex;
}
.hero-intro-card-social-wrap {
  width: 48px;
}
.h6 {
  font-family: var(--_typography---font-family--body-font);
  color: var(--color--black);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--font-size);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
}
.hero-intro-card-icon-text-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.hero-intro-card-social-box {
  padding: var(--_responsive---element-spacing--spacing-3x);
  border-radius: var(--_responsive---border-radius--radius-8x);
  background-color: var(--color--platinum);
}
.hero-intro-card-social-icon {
  padding: var(--_responsive---element-spacing--spacing-4x);
  border-radius: var(--_responsive---border-radius--radius-8x);
  background-color: var(--color--black);
}
.single-image-wrap {
  padding: var(--_responsive---element-spacing--spacing-15x);
  position: absolute;
  inset: 0%;
}
.contain-size-image {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  object-fit: contain;
  overflow: visible;
}
.contain-size-image.hero-circle-anim {
  transform: rotate(-90deg);
}
.cover-size-image {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  object-fit: cover;
}
.our-creators-section {
  height: 250vh;
  position: relative;
}
.our-creators-bg-image-wrap {
  z-index: -1;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-14x);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}
.our-creators-text-wrap {
  width: var(--_responsive---full-size);
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
.h2 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
}
.h2.center {
  text-align: center;
}
.redal-text-wrap {
  background-image: radial-gradient(circle farthest-corner at 60% 80%, var(--color--transparent), var(--color--black) 39%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.redal-text-wrap.our-read {
  width: var(--_responsive---full-size);
  max-width: 350px;
}
.our-creators-box {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.our-creators-box.flex-round {
  justify-content: flex-end;
  align-items: flex-end;
}
.our-creators-item-box {
  padding: var(--_responsive---element-spacing--spacing-5x) var(--_responsive---element-spacing--spacing-11x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--white);
  border: 1px solid #00000026;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}
.our-creators-item-box.minis {
  inset: auto -36px -16px auto;
}
.our-creators-item-box.left-box-card {
  inset: -6% auto auto -60px;
}
.our-creators-item-box.textoy-box {
  inset: auto 0% -16px auto;
}
.our-creators-image-wrap {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-10x);
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 200px;
  display: flex;
  overflow: hidden;
}
.our-creators-image-wrap.image-three {
  max-width: 320px;
}
.box-two {
  z-index: 6;
  position: relative;
}
.box-one {
  z-index: 4;
  position: relative;
}
.box-three {
  z-index: 5;
  position: relative;
}
.box-four {
  z-index: 8;
  position: relative;
}
.selider-section {
  padding-top: var(--_responsive---section-padding--large);
  padding-bottom: var(--_responsive---section-padding--large);
  overflow: hidden;
}
.creators-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-11x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}
.slide-creators-wrapper {
  width: var(--_responsive---full-size);
  height: 500px;
  padding: var(--_responsive---element-spacing--spacing-15x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-12x);
  background-image: linear-gradient(180deg, var(--color--white), #fff0);
  box-shadow: inset 0 0 64px #fff6;
}
.slide-creators-wrap {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  display: flex;
}
.slide-creators-text-wrapper {
  height: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.slide-creators-text-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 284px;
  display: flex;
}
.slide-creators-text-wrap.card-three {
  max-width: 330px;
}
.slide-creators-text-wrap.no-with {
  max-width: none;
}
.slide-creators-contain-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.slide-creators-text-dectlies-button-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.slide-creators-text-dectlies-wrap {
  width: var(--_responsive---full-size);
}
.slide-creators-image-wrap {
  width: 330px;
  height: 430px;
  padding: var(--_responsive---element-spacing--spacing-18x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--accent-color--accent-11);
  position: relative;
  overflow: hidden;
}
.slide-creators-image-wrap.card-three {
  background-color: var(--accent-color--accent-12);
}
.slide-creators-image-wrap.card-one {
  background-color: var(--accent-color--accent-10);
  overflow: visible;
}
.slide-creators-image-wrap.coll-bg-image {
  background-color: var(--color--transparent);
  width: 478px;
}
.slide-creators-image-bg-wrap {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-10x);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}
.slide-creators-image-priend-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.slide-creators-image-left-wrap {
  z-index: 20;
  width: fit-content;
  height: 112px;
  position: absolute;
  inset: -4% auto auto -12%;
}
.slide-creators-image-left-wrap.slide-image-left-three {
  inset: 0% -20% auto auto;
}
.slide-creators-image-left-wrap.three-icon-one-wrap {
  inset: 0% -10% auto auto;
}
.slide-creators-image-text-wrap {
  z-index: 20;
  padding-top: var(--_responsive---element-spacing--spacing-5x);
  padding-right: var(--_responsive---element-spacing--spacing-11x);
  padding-bottom: var(--_responsive---element-spacing--spacing-5x);
  padding-left: var(--_responsive---element-spacing--spacing-11x);
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-top-left-radius: var(--_responsive---border-radius--radius-16x);
  border-top-right-radius: var(--_responsive---border-radius--radius-16x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-16x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-16x);
  font-family: var(--_typography---font-family--four-font);
  background-image: linear-gradient(90deg, #a9f900, #cfff69);
  justify-content: center;
  align-items: center;
  height: min-content;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}
.slide-creators-image-text-wrap.card-text-one {
  top: -6%;
  right: 0%;
  transform: rotate(7deg);
}
.slide-creators-image-text-wrap.card-text-one.two-boxs {
  inset: auto auto -2% -2%;
}
.slide-creators-image-text-wrap.card-text-one.three-boxs {
  background-image: linear-gradient(90deg, var(--accent-color--accent-6), var(--accent-color--accent-6));
  inset: auto 0% 0% auto;
}
.slide-creators-image-text-wrap.card-text-one.flex {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
}
.slide-creators-image-text-wrap.card-text-one.flex.two-boxs {
  width: fit-content;
}
.slide-creators-image-text-wrap.card-text-two {
  width: auto;
  inset: auto auto -4% -2%;
  transform: rotate(15deg);
}
.slide-creators-image-text-wrap.card-text-three {
  background-color: #fb8626;
  background-image: none;
  inset: auto 0% 0% auto;
  transform: rotate(-11deg);
}
.slide-creators-image-priend-wrap {
  border-radius: var(--_responsive---border-radius--radius-9x);
  background-color: var(--color--white);
  position: absolute;
  inset: 0%;
  overflow: hidden;
  box-shadow: 6px 6px 12px #0000001a;
}
.slide-creators-image-love-wrap {
  z-index: 20;
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  border-top-left-radius: var(--_responsive---border-radius--radius-12x);
  border-top-right-radius: var(--_responsive---border-radius--radius-12x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-12x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-12x);
  background-color: var(--color--white);
  justify-content: center;
  align-items: center;
  height: min-content;
  padding: 4px 6px 3px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}
.slide-creators-image-love-wrap.love-text-one {
  top: 55%;
  left: 0%;
}
.slide-creators-image-love-wrap.love-text-one.lov-two-boxs {
  inset: 10% -8% auto auto;
}
.slide-creators-image-love-wrap.love-text-one.lov-three-wrap {
  inset: 14% auto auto -8%;
}
.slide-creators-image-love-wrap.love-text-two {
  width: auto;
  inset: 7% -12% auto auto;
}
.slide-creators-image-love-wrap.love-text-three {
  width: auto;
  top: 10%;
  left: -8%;
}
.slide-creators-image-right-wrap {
  z-index: 20;
  width: 84px;
  height: 84px;
  position: absolute;
  inset: auto -10% -10% auto;
}
.slide-creators-image-right-wrap.slide-image-two {
  bottom: 0%;
  right: -10%;
}
.slide-creators-image-right-wrap.slide-image-right-three {
  inset: auto auto -4% -8%;
}
.slide-creators-image-right-wrap.two-icon-wrap {
  bottom: 0%;
}
.slide-creators-image-right-wrap.three-icon-twowrap {
  inset: auto auto 0% -7%;
}
.services-slide {
  margin-right: 12px;
}
.services-slider {
  height: auto;
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  background-color: var(--color--transparent);
}
.left-arrow {
  width: 114px;
  padding: var(--_responsive---element-spacing--spacing-5x) var(--_responsive---element-spacing--spacing-11x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--white);
  border: 1px solid #00000026;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  inset: -22% 14% auto auto;
}
.right-arrow {
  width: 114px;
  padding: var(--_responsive---element-spacing--spacing-5x) var(--_responsive---element-spacing--spacing-11x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--white);
  border: 1px solid #00000026;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  inset: -22% 0% auto auto;
}
.icon-wrap {
  width: 24px;
}
.services-mask {
  width: var(--_responsive---full-size);
  max-width: 788px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}
.opactiy {
  opacity: .7;
}
.meet-section {
  padding-bottom: var(--_responsive---section-padding--large);
  overflow: hidden;
}
.meet-header-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.meet-creators-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  margin-top: var(--_responsive---element-spacing--spacing-28x);
}
.meet-creators-wrap {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
}
.meet-creators-fast-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 564px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}
.meet-creators-meddle-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  margin-top: var(--_responsive---element-spacing--spacing-7x);
  margin-bottom: var(--_responsive---element-spacing--spacing-7x);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}
.meet-creators-one-left-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.meet-creators-box {
  border: 1px dashed var(--rgb--rgb-11);
  border-radius: var(--_responsive---border-radius--radius-12x);
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
  position: relative;
}
.meet-creators-box.overflow {
  overflow: hidden;
}
.meet-creators-meddle-one-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
}
.meet-creators-meddle-two-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  position: relative;
}
.meet-creators-meddle-three-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.meet-creators-three-right-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.meet-creators-last-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 564px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}
.meet-creators-bg-image-wrap {
  z-index: -1;
  position: absolute;
  inset: 0%;
}
.meet-creators-image-wrapper {
  border-radius: var(--_responsive---border-radius--radius-12x);
  background-image: linear-gradient(141.54deg, var(--accent-color--accent-7) 7.37%, var(--accent-color--accent-8) 92.32%);
  width: 120px;
  height: 120px;
}
.meet-creators-dolled-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.background-video {
  width: var(--_responsive---full-size);
}
.background-video-wrap {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-12x);
  overflow: hidden;
}
.background-video-left-icon-wrap {
  width: 150px;
  height: 148px;
  position: absolute;
  inset: -10% auto auto -46%;
}
.background-video-right-icon-wrap {
  width: 150px;
  height: 148px;
  position: absolute;
  inset: auto -30% -10% auto;
}
.play-pause-button {
  left: var(--_responsive---element-spacing--spacing-9x);
  right: auto;
  bottom: var(--_responsive---element-spacing--spacing-9x);
  width: 46px;
  height: 46px;
  padding: var(--_responsive---element-spacing--spacing-7x);
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--color--black);
}
.text-title-box {
  padding-top: var(--_responsive---element-spacing--spacing-5x);
  padding-right: var(--_responsive---element-spacing--spacing-11x);
  padding-bottom: var(--_responsive---element-spacing--spacing-5x);
  padding-left: var(--_responsive---element-spacing--spacing-11x);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--rgb--rgb-12);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--rgb--rgb-12);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--rgb--rgb-12);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--rgb--rgb-12);
  border-top-left-radius: var(--_responsive---border-radius--radius-18x);
  border-top-right-radius: var(--_responsive---border-radius--radius-18x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-18x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: fit-content;
  display: flex;
}
.text-title-box:where(.text-title-box-style-two) {
  padding-top: var(--_responsive---element-spacing--spacing-1x);
  padding-right: var(--_responsive---element-spacing--spacing-7x);
  padding-bottom: var(--_responsive---element-spacing--spacing-1x);
  padding-left: var(--_responsive---element-spacing--spacing-7x);
  width: fit-content;
}
.text-title-box:where(.text-title-box-style-three) {
  padding: var(--_responsive---element-spacing--spacing-3x) var(--_responsive---element-spacing--spacing-5x);
}
.text-title-box.meet-text-one {
  position: absolute;
  inset: auto -22% 30% auto;
  transform: translate(40px);
}
.text-title-box.meet-text-one.paddes {
  padding: var(--_responsive---element-spacing--spacing-5x) var(--_responsive---element-spacing--spacing-11x);
}
.text-title-box.meet-text-two {
  position: absolute;
  inset: auto auto 30% -76%;
}
.text-title-box.meet-text-two.paddes {
  padding: var(--_responsive---element-spacing--spacing-5x) var(--_responsive---element-spacing--spacing-11x);
}
.text-title-box.meet-text-three {
  position: absolute;
  inset: auto -10% 30% auto;
  transform: translate(40px);
}
.text-title-box.meet-text-three.paddes {
  padding: var(--_responsive---element-spacing--spacing-5x) var(--_responsive---element-spacing--spacing-11x);
}
.text-title-box.item-two {
  justify-content: center;
  align-items: center;
  transform: translate(0, 12px)rotate(10deg);
}
.text-title-box.item-three {
  justify-content: center;
  align-items: center;
  width: 138px;
  display: flex;
  transform: translate(-30px)rotate(-4deg);
}
.text-title-box.item-four {
  transform: rotate(22deg);
}
.text-title-box.item-five {
  transform: translate(-33px, -16px)rotate(-15deg);
}
.text-title-box.item-three {
  width: fit-content;
}
.featured-work-section {
  overflow: hidden;
}
.featured-work-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}
.featured-work-card-box {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border: 1.2px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-13x);
  background-color: var(--color--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.featured-work-card-box.case-studies-card-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}
.featured-work-header-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.featured-work-header-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.featured-work-header-text-icon-wrap {
  padding: var(--_responsive---element-spacing--spacing-5x);
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--color--black);
}
.featured-work-header-text-name {
  width: var(--_responsive---full-size);
  max-width: 340px;
}
.featured-work-header-text-name.no-with, .featured-work-header-text-name.cms-card-wrap {
  max-width: none;
}
.featured-work-header-text-dectlies {
  width: var(--_responsive---full-size);
}
.featured-work-card-text-box {
  padding: var(--_responsive---element-spacing--spacing-15x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  display: flex;
}
.featured-work-card-text-box.text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}
.featured-work-card-image-box {
  border-radius: var(--_responsive---border-radius--radius-13x);
  position: relative;
  overflow: hidden;
}
.featured-work-card-image-wrap {
  border-radius: var(--_responsive---border-radius--radius-13x);
  overflow: hidden;
}
.featured-work-card-button-wrap {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  padding: var(--_responsive---element-spacing--spacing-15x);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}
.capabilities-section {
  padding-top: var(--_responsive---section-padding--large);
  padding-bottom: var(--_responsive---section-padding--large);
  overflow: hidden;
}
.capabilities-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 650px;
  display: flex;
}
.our-work-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.our-work-fast-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.our-work-image-text-wrapper {
  width: var(--_responsive---full-size);
  border: 1px solid var(--color--medium-gray);
  border-radius: var(--_responsive---border-radius--radius-12x);
  max-width: 510px;
  position: relative;
  overflow: hidden;
}
.our-work-image-wrap {
  border-radius: var(--_responsive---border-radius--radius-12x);
  overflow: hidden;
}
.our-work-text-wrap {
  z-index: 20;
  padding: var(--_responsive---element-spacing--spacing-17x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}
.our-work-image-bg-wrap {
  background-image: linear-gradient(180deg, var(--color--transparent), var(--color--black));
  position: absolute;
  inset: 0%;
}
.our-work-grdden-image-text-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  max-width: 510px;
  position: relative;
  overflow: hidden;
}
.our-work-grdden-image-wrap {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-12x);
  pointer-events: none;
  position: absolute;
  overflow: hidden;
}
.our-work-grdden-text-wrapper {
  padding: var(--_responsive---element-spacing--spacing-17x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.text-tab {
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
}
.item-wrapper {
  width: var(--_responsive---full-size);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.item-wrapper.last {
  transform: translate(0, -7px);
}
.our-work-last-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}
.our-process-section {
  overflow: hidden;
}
.our-process-wrapper {
  width: var(--_responsive---full-size);
  min-height: 772px;
  padding: var(--_responsive---container--padding-x);
  border-radius: var(--_responsive---border-radius--radius-14x);
  background-color: var(--accent-color--accent-3);
  display: flex;
}
.our-process-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
}
.our-process-text-box {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}
.our-process-image-text-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-end;
  display: flex;
  position: absolute;
}
.our-process-header-text-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 404px;
  display: flex;
}
.our-process-text-dectlirs-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  max-width: 480px;
  display: flex;
}
.our-process-image-text-box {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-12x);
  position: relative;
  overflow: hidden;
}
.our-process-image-text-box.process-card-one {
  margin-top: var(--_responsive---element-spacing--spacing-22x);
}
.our-process-image-text-box.process-card-one.process-card-with {
  max-width: 430px;
  height: 510px;
  min-height: auto;
}
.our-process-image-text-box.process-card-two {
  margin-top: var(--_responsive---element-spacing--spacing-32x);
}
.our-process-image-text-box.process-card-two.process-card-with, .our-process-image-text-box.process-card-three.process-card-with {
  max-width: 430px;
  height: 510px;
}
.our-process-namber-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.our-process-text-wrapper {
  z-index: 20;
  padding: var(--_responsive---element-spacing--spacing-15x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  border-radius: var(--_responsive---border-radius--radius-12x);
  background-color: var(--color--white);
  flex-flow: column;
  display: flex;
  position: relative;
}
.our-process-text-dectlies-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  flex-flow: column;
  display: flex;
}
.our-process-image-wrap {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  position: absolute;
  inset: 0%;
}
.perigon-button-wrap {
  width: 114px;
  height: 44px;
  padding: var(--_responsive---element-spacing--spacing-5x) var(--_responsive---element-spacing--spacing-11x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  border: 1px solid var(--rgb--rgb-12);
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--white);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  top: auto;
  left: 0;
  right: auto;
}
.perigon-button-wrap.next {
  left: 126px;
}
.our-clients-section {
  padding-top: var(--_responsive---section-padding--large);
  padding-bottom: var(--_responsive---section-padding--large);
  overflow: hidden;
}
.our-partners-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}
.our-partners-text-wrap {
  max-width: 465px;
}
.featured-brands-wrapper {
  width: var(--_responsive---full-size);
  margin-top: var(--_responsive---element-spacing--spacing-23x);
}
.tabs {
  width: var(--_responsive---full-size);
  flex-flow: row;
  display: flex;
}
.tabs-menu {
  margin-right: var(--_responsive---element-spacing--spacing-14x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.featured-brands-tex-image-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  display: flex;
}
.featured-brands-image-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.tab-pane {
  width: var(--_responsive---full-size);
}
.featured-brands-image-box {
  padding: var(--_responsive---element-spacing--spacing-17x);
  border-radius: var(--_responsive---border-radius--radius-9x);
  background-color: var(--accent-color--accent-14);
  justify-content: center;
  align-items: center;
  display: flex;
}
.featured-brands-tex-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  max-width: 300px;
  display: flex;
}
.featured-brands-autor-image-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.featured-brands-autor-image-wrap {
  width: 40px;
  height: 40px;
}
.blold-meddle {
  font-weight: var(--_typography---font-weight--semi-bold);
}
.tab-link {
  padding: var(--_responsive---element-spacing--spacing-3x) var(--_responsive---element-spacing--spacing-7x);
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--white);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---text-medium--font-weight);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
  justify-content: center;
  align-items: center;
  display: flex;
}
.tab-link[aria-current="page"], .tab-link.is-active {
  background-color: var(--color--black);
  color: var(--color--white);
}
.tabs-content {
  width: var(--_responsive---full-size);
  max-width: 927px;
  margin-left: auto;
}
.brands-section {
  overflow: hidden;
}
.our-projects-wrapper {
  position: relative;
}
.our-projects-wrap {
  z-index: 4;
  position: relative;
}
.our-projects-text-wrap {
  padding-top: var(--_responsive---element-spacing--spacing-19x);
  padding-bottom: var(--_responsive---element-spacing--spacing-19x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.our-projects-name-text {
  font-family: var(--_typography---font-family--headding-font);
  color: var(--color--white);
  font-size: var(--_responsive---font-size--f36);
  line-height: var(--_typography---letter-spacing--large);
  font-weight: var(--_typography---font-weight--bold);
}
.our-projects-name-text.display-five {
  font-size: var(--_typography---display-five--font-size);
  line-height: var(--_typography---display-five--line-height);
  font-weight: var(--_typography---display-five--font-weight);
  letter-spacing: var(--_typography---display-five--letter-spacing);
}
.display-02 {
  font-size: var(--_typography---display-three--font-size);
  line-height: var(--_typography---display-three--line-height);
  font-weight: var(--_typography---display-three--font-weight);
}
.display-02.white {
  letter-spacing: var(--_typography---display-three--letter-spacing);
}
.our-projects-text-declies-wrap {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
.our-projects-text-button-wrap {
  margin-top: var(--_responsive---element-spacing--spacing-9x);
}
.worked-section {
  margin-right: var(--_responsive---element-spacing--spacing-12x);
  margin-left: var(--_responsive---element-spacing--spacing-12x);
  padding-top: var(--_responsive---section-padding--large);
  padding-bottom: var(--_responsive---section-padding--large);
  overflow: hidden;
}
.worked-text-name-wrap {
  width: var(--_responsive---full-size);
  max-width: 1392px;
  padding-right: var(--_responsive---container--padding-x);
  padding-left: var(--_responsive---container--padding-x);
  margin-left: auto;
  margin-right: auto;
}
.big-text {
  color: var(--rgb--rgb-15);
  font-size: var(--_typography---display-four--font-size);
  line-height: var(--_typography---display-four--line-height);
  font-weight: var(--_typography---display-four--font-weight);
  letter-spacing: var(--_typography---display-four--letter-spacing);
}
.big-text-wrap {
  z-index: -1;
  width: var(--_responsive---full-size);
  max-width: 1392px;
  padding-right: var(--_responsive---container--padding-x);
  padding-left: var(--_responsive---container--padding-x);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 20% 0% 0%;
}
.worked-image-text-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
}
.worked-image-wrapper {
  width: var(--_responsive---full-size);
  margin-top: var(--_responsive---element-spacing--spacing-16x);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.worked-image-box {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-12x);
  max-width: 330px;
  overflow: hidden;
}
.worked-image-box.worked-image-one {
  transform: translate(0, 130px);
}
.worked-image-box.worked-image-three {
  transform: translate(0, 250px);
}
.worked-image-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.worked-text-dectlies-wrap {
  width: var(--_responsive---full-size);
  max-width: 448px;
  margin-top: 266px;
  margin-left: var(--_responsive---element-spacing--spacing-34x);
}
.pricing-section {
  overflow: hidden;
}
.campaign-packages-header-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.our-packages-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.our-packages-text-wrapper {
  padding: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-image: linear-gradient(180deg, var(--color--white), var(--rgb--rgb-17));
  box-shadow: inset 0 0 64px 0 var(--rgb--rgb-18);
  justify-content: space-between;
  align-items: flex-start;
}
.our-packages-text-namber-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.plans-pricing-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-9x);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.plans-pricing-item-wrapper {
  padding: var(--_responsive---element-spacing--spacing-15x) var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-image: linear-gradient(180deg, var(--color--white), #fff0);
  flex-flow: column;
  display: flex;
}
.plans-pricing-item-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  display: flex;
}
.plans-pricing-item-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.plans-pricing-item-icon-wrap {
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--white);
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}
.our-clients-say-section {
  padding-top: var(--_responsive---section-padding--large);
  padding-bottom: var(--_responsive---section-padding--large);
  overflow: hidden;
}
.our-clients-say-icon-wrap {
  width: 160px;
  height: 160px;
  margin-left: auto;
  margin-right: auto;
}
.loved-by-creators-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  display: flex;
}
.loved-by-creators-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-11x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  justify-content: center;
  align-items: center;
  display: flex;
}
.loved-by-creators-button-wrap {
  width: 104px;
  height: 56px;
}
.client-stories-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
}
.client-stories-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}
.client-stories-card-box {
  padding: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  border-radius: var(--_responsive---border-radius--radius-9x);
  background-image: linear-gradient(154.71deg, var(--color--white), #fff0);
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}
.client-stories-card-box.client-stories-box-two {
  margin-top: var(--_responsive---element-spacing--spacing-19x);
}
.client-stories-card-box.client-stories-box-three, .client-stories-card-box.client-stories-box-six {
  margin-top: var(--_responsive---element-spacing--spacing-29x);
}
.client-stories-card-box.client-stories-box-seven {
  margin-top: var(--_responsive---element-spacing--spacing-19x);
}
.client-stories-autor-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.client-stories-autore-image-wrap {
  border-radius: var(--_responsive---border-radius--radius-5x);
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.opactiy-text {
  opacity: .7;
}
.insights-ideas-section {
  padding-bottom: var(--_responsive---section-padding--large);
  overflow: hidden;
}
.insights-ideas-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}
.insights-ideas-left-wrapper {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.insights-ideas-right-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  display: flex;
}
.insights-ideas-left-text-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 350px;
  display: flex;
}
.insights-ideas-right-card-box {
  width: var(--_responsive---full-size);
  padding: var(--_responsive---element-spacing--spacing-7x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-image: linear-gradient(154.87deg, var(--color--white), #fff0);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: grid;
  overflow: hidden;
}
.insights-ideas-right-card-box-text-wrap {
  padding: var(--_responsive---element-spacing--spacing-9x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-34x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-34x);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.insights-ideas-right-card-image-wrap {
  border-radius: var(--_responsive---border-radius--radius-7x);
  overflow: hidden;
}
.insights-ideas-right-card-text-name-wrap {
  width: var(--_responsive---full-size);
  max-width: 260px;
}
.insights-ideas-right-card-text-name-wrap.no-with {
  max-width: none;
}
.hero-intro-card-image-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.meet-header-dectlies-wrap {
  width: var(--_responsive---full-size);
  max-width: 280px;
}
.about-hero-wrapper {
  position: relative;
}
.about-hero-image-wrap {
  position: absolute;
}
.about-hero-image-wrap.about-hero-image-one {
  width: 58px;
  height: 58px;
  inset: -20% auto auto 26%;
}
.about-hero-image-wrap.about-hero-image-two {
  width: 110px;
  height: 110px;
  position: static;
  inset: -8% 11% auto auto;
}
.about-hero-image-wrap.about-hero-image-three {
  width: 143px;
  height: 143px;
  position: static;
  inset: auto auto 56% 5%;
}
.about-hero-image-wrap.about-hero-image-four {
  width: 80px;
  height: 80px;
  inset: auto 5% 10% auto;
}
.about-hero-image-wrap.about-hero-image-five {
  width: 100px;
  height: 100px;
  margin-top: 60px;
  margin-left: -40px;
  position: static;
  inset: 0% 2% auto auto;
}
.about-hero-image-wrap.about-hero-image-six {
  z-index: 2;
  width: 94px;
  height: 94px;
  margin-top: -34px;
  margin-right: 44px;
  position: relative;
  inset: auto auto 0% 0%;
}
.text-creats-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.display-six {
  font-family: var(--_typography---font-family--third-font);
  font-size: var(--_typography---display-six--font-size);
  line-height: var(--_typography---display-six--line-height);
  font-weight: var(--_typography---display-six--font-weight);
}
.display-one {
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---display-one--font-size);
  line-height: var(--_typography---display-one--line-height);
  font-weight: var(--_typography---display-one--font-weight);
  letter-spacing: var(--_typography---display-two--letter-spacing);
}
.our-creators-all-box {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  padding-top: var(--_responsive---section-padding--large);
  padding-bottom: var(--_responsive---section-padding--large);
  position: relative;
  overflow: hidden;
}
.our-creators-sticky {
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}
.crad-all-box {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-23x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-23x);
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.about-hero-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.about-hero-header-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-hero-text-dectlies-wrap {
  width: var(--_responsive---full-size);
  max-width: 446px;
}
.center {
  text-align: center;
}
.about-hero-header-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.about-hero-section {
  padding-top: var(--_responsive---element-spacing--spacing-36x);
  padding-bottom: var(--_responsive---section-padding--large);
}
.our-values-section {
  position: relative;
  overflow: hidden;
}
.our-values-wrapper {
  padding: var(--_responsive---section-padding--large) var(--_responsive---container--padding-x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-14x);
  background-image: linear-gradient(180deg, var(--color--white), #fff0);
  overflow: hidden;
  box-shadow: inset 0 0 64px #fff6;
}
.our-values-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}
.our-values-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  display: flex;
}
.our-values-image-wrap {
  pointer-events: none;
  box-shadow: inset 0 0 92px #fff6;
}
.our-values-card-image-box {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  padding: var(--_responsive---element-spacing--spacing-17x) var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---border-radius--radius-14x);
  background-image: url('../images/3.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.our-values-card-image-box.card-image-box-one {
  background-image: url('../images/2.avif');
}
.our-values-card-image-box.card-image-box-two {
  background-image: url('../images/1.avif');
}
.our-values-card-image-text-box {
  padding: var(--_responsive---element-spacing--spacing-5x) var(--_responsive---element-spacing--spacing-15x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  border-radius: var(--_responsive---border-radius--radius-12x);
  background-color: var(--color--white);
  pointer-events: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.our-team-section {
  padding-top: var(--_responsive---section-padding--large);
}
.our-team-text-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-11x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 500px;
  display: flex;
}
.our-team-image-text-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.4fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}
.our-team-image-carkel-wrapper, .our-team-carkel-image-wrap {
  position: relative;
}
.our-team-member-image-wrap {
  width: 50px;
  height: 50px;
  position: absolute;
}
.our-team-member-image-wrap.our-team-member-one {
  inset: 1% auto auto 35%;
}
.our-team-member-image-wrap.our-team-member-two {
  inset: 32% auto auto 80%;
}
.our-team-member-image-wrap.our-team-member-three {
  inset: 20% auto auto 44%;
}
.our-team-image-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.our-team-image-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.our-team-image-text-name-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.our-team-image-wrap {
  border-radius: var(--_responsive---border-radius--radius-12x);
  overflow: hidden;
}
.bg-grdden-wrap {
  width: var(--_responsive---full-size);
  background-image: linear-gradient(180deg, var(--color--transparent), var(--color--body));
  pointer-events: none;
  position: absolute;
  inset: 0%;
}
.process-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: flex-end stretch;
  display: flex;
}
.process-left-text-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 510px;
  display: flex;
}
.process-right-text-wrap {
  width: var(--_responsive---full-size);
  max-width: 510px;
}
.process-card-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.clients-wrapper {
  position: relative;
}
.clients-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.clients-text-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.clients-text-dectlies-wrap {
  width: var(--_responsive---full-size);
  max-width: 406px;
  margin-top: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.clients-autor-text-image-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.clients-autor-image-wrap {
  width: 40px;
  height: 40px;
}
.clients-autor-text-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.display-seven {
  font-size: var(--_typography---display-seven--font-size);
  line-height: var(--_typography---display-seven--line-height);
  font-weight: var(--_typography---display-seven--font-weight);
  letter-spacing: var(--_typography---display-seven--letter-spacing);
}
.opacty-down {
  opacity: .5;
}
.clients-carkel-image-box {
  border-top-style: solid;
  border-top-width: .9px;
  border-top-color: var(--color--medium-gray);
  border-right-style: solid;
  border-right-width: .9px;
  border-right-color: var(--color--medium-gray);
  border-bottom-style: solid;
  border-bottom-width: .9px;
  border-bottom-color: var(--color--medium-gray);
  border-left-style: solid;
  border-left-width: .9px;
  border-left-color: var(--color--medium-gray);
  border-top-left-radius: var(--_responsive---border-radius--radius-17x);
  border-top-right-radius: var(--_responsive---border-radius--radius-17x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-17x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-17x);
  -webkit-text-stroke-color: var(--rgb--rgb-16);
  fill: #f2f2f21a;
  background-color: #f2f2f21a;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  box-shadow: inset 0 0 46px #fff3;
}
.clients-carkel-image-box.clients-carkel-image-one {
  width: 120px;
  height: 120px;
  padding: var(--_responsive---element-spacing--spacing-19x) var(--_responsive---element-spacing--spacing-12x);
  border-color: var(--accent-color--accent-1);
  inset: 0% auto auto 120px;
}
.clients-carkel-image-box.clients-carkel-image-two {
  width: 120px;
  height: 120px;
  padding: var(--_responsive---element-spacing--spacing-19x) var(--_responsive---element-spacing--spacing-12x);
  border-color: var(--accent-color--accent-1);
  inset: 0% 100px auto auto;
}
.clients-carkel-image-box.clients-carkel-image-three {
  width: 80px;
  height: 80px;
  padding: var(--_responsive---element-spacing--spacing-12x) var(--_responsive---element-spacing--spacing-11x);
  border-color: var(--accent-color--accent-1);
  inset: 150px auto auto 30px;
}
.clients-carkel-image-box.clients-carkel-image-four {
  width: 120px;
  height: 120px;
  padding: var(--_responsive---element-spacing--spacing-17x) var(--_responsive---element-spacing--spacing-15x);
  border-color: var(--accent-color--accent-1);
  inset: auto 24px 150px auto;
}
.clients-carkel-image-box.clients-carkel-image-five {
  width: 120px;
  height: 120px;
  padding: var(--_responsive---element-spacing--spacing-19x) var(--_responsive---element-spacing--spacing-12x);
  border-color: var(--accent-color--accent-1);
  inset: auto auto 0% 24px;
}
.clients-carkel-image-box.clients-carkel-image-six {
  width: 64px;
  height: 64px;
  padding: var(--_responsive---element-spacing--spacing-11x);
  border-color: var(--accent-color--accent-1);
  inset: auto 100px 0% auto;
}
.our-influencers-section {
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
}
.our-influencers-image-text-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.our-influencers-image-text-box {
  width: var(--_responsive---full-size);
  height: 280px;
  padding: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---border-radius--radius-10x);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}
.our-influencers-image-text-box.image-one-box {
  background-image: url('../images/image-19285.avif');
}
.our-influencers-autor-box {
  z-index: 7;
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.our-influencers-image-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.our-influencers-autor-image-wrap {
  width: 40px;
  height: 40px;
}
.our-influencers-text-labal-wrap {
  z-index: 8;
  align-self: flex-end;
  position: relative;
}
.our-influencers-grdden-box {
  z-index: 6;
  background-image: linear-gradient(180deg, var(--color--transparent), #000000e6 68%);
  pointer-events: none;
  position: absolute;
  inset: 0%;
}
.our-influencers-text-image-labal-wrap {
  padding: var(--_responsive---element-spacing--spacing-4x) var(--_responsive---element-spacing--spacing-9x);
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--white);
  border: 1px solid #00000026;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.our-influencers-join-wrapper {
  width: var(--_responsive---full-size);
  height: 280px;
  padding: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---element-spacing--spacing-12x);
  background-color: var(--accent-color--accent-15);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.our-influencers-join-icon-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.our-influencers-join-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.image-box {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}
.about-flex-one-part {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: -13% 0% auto auto;
}
.about-flex-twopart {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 30% 0%;
}
.our-services-section {
  padding-top: var(--_responsive---section-padding--xlarge);
}
.our-services-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-11x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.our-services-item-wrapper {
  width: var(--_responsive---full-size);
  max-width: 1030px;
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.services-collection-list-wrapper {
  width: var(--_responsive---full-size);
}
.faq-section {
  padding-top: var(--_responsive---section-padding--large);
  padding-bottom: var(--_responsive---section-padding--large);
}
.faq-wrapper {
  padding: var(--_responsive---section-padding--medium) var(--_responsive---container--padding-x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-14x);
  background-image: linear-gradient(#ffffff80, #fff0);
  box-shadow: inset 0 0 64px #fff6;
}
.faq-text-item-wrapper {
  padding-right: var(--_responsive---element-spacing--spacing-25x);
  padding-left: var(--_responsive---element-spacing--spacing-25x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}
.faq-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  display: grid;
}
.faq-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-11x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}
.faq-dectlies-button-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.faq-item-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  display: flex;
}
.faq-icon-box-wrap {
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--black);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}
.ours-services-header-text-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-11x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 804px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.ours-services-dectlies-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  padding: var(--_responsive---section-padding--large) var(--_responsive---container--padding-x);
  border-radius: var(--_responsive---border-radius--radius-14x);
  background-color: var(--accent-color--accent-3);
}
.ours-services-dectlies-top-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}
.ours-services-dectlies-top-left-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 510px;
  display: flex;
}
.display-three {
  font-size: var(--_typography---display-three--font-size);
  line-height: var(--_typography---display-three--line-height);
  font-weight: var(--_typography---display-three--font-weight);
  letter-spacing: var(--_typography---display-three--letter-spacing);
}
.ours-services-dectlies-card-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.ours-services-dectlies-card-box {
  width: var(--_responsive---full-size);
  height: 348px;
  padding: var(--_responsive---element-spacing--spacing-15x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  border-radius: var(--_responsive---border-radius--radius-12x);
  background-color: var(--accent-color--accent-16);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}
.ours-services-dectlies-card-text-icon-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.ours-services-dectlies-card-icon-wrap {
  width: 64px;
  height: 64px;
  padding: var(--_responsive---element-spacing--spacing-9x);
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: #ffffff1a;
}
.ours-services-dectlies-card-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.services-slide-section {
  padding: var(--_responsive---section-padding--large) var(--_responsive---container--padding-x) var(--_responsive---element-spacing--spacing-22x);
  overflow: hidden;
}
.services-slide-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.services-slide-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.services-slide-card-box {
  padding: var(--_responsive---element-spacing--spacing-19x) var(--_responsive---element-spacing--spacing-23x);
  border-radius: var(--_responsive---border-radius--radius-18x);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}
.services-slide-card-box.color-box-one {
  background-color: var(--accent-color--accent-17);
}
.services-slide-card-box.color-box-two {
  background-color: var(--accent-color--accent-18);
}
.services-slide-card-box.color-box-three {
  background-color: var(--accent-color--accent-19);
}
.services-slide-text-wrapper {
  width: var(--_responsive---full-size);
  max-width: 1392px;
  margin-top: var(--_responsive---section-padding--medium);
  padding-right: var(--_responsive---container--padding-x);
  padding-left: var(--_responsive---container--padding-x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}
.services-slide-right-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.display-five {
  font-size: var(--_typography---display-five--font-size);
  line-height: var(--_typography---display-five--line-height);
  font-weight: var(--_typography---display-five--font-weight);
  letter-spacing: var(--_typography---display-five--letter-spacing);
}
.services-slide-text-name {
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---h5--letter-spacing);
}
.ours-services-section {
  padding-top: var(--_responsive---section-padding--large);
}
.case-studies-section {
  padding-top: var(--_responsive---section-padding--xlarge);
}
.case-studies-text-image-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  display: grid;
}
.case-studies-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.case-studies-card-wrapper {
  width: var(--_responsive---full-size);
  padding-top: var(--_responsive---element-spacing--spacing-23x);
  position: relative;
}
.featured-work-name-dectlies-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  flex-flow: column;
  display: flex;
}
.services-collection-list {
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.featured-collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.study-info-section {
  padding-top: var(--_responsive---section-padding--xlarge);
}
.study-info-header-wrapper {
  width: var(--_responsive---full-size);
  padding-bottom: var(--_responsive---element-spacing--spacing-23x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.study-info-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.study-info-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.study-info-dectlies-box {
  padding: var(--_responsive---element-spacing--spacing-9x) var(--_responsive---element-spacing--spacing-15x) var(--_responsive---element-spacing--spacing-9x) var(--_responsive---element-spacing--spacing-9x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-image: linear-gradient(180deg, var(--color--white), #fff0);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: inset 0 0 64px #fff6;
}
.study-info-dectlies-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.study-info-image-box {
  width: 64px;
  height: 64px;
  padding: var(--_responsive---element-spacing--spacing-9x);
  border-radius: var(--_responsive---border-radius--radius-7x);
  background-color: #eaeaea;
  flex: none;
}
.study-info-dectlies-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.study-info-image-wrap {
  margin-top: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---border-radius--radius-13x);
  overflow: hidden;
}
.case-detail-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-22x);
  padding: var(--_responsive---element-spacing--spacing-30x) var(--_responsive---container--padding-x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-14x);
  background-image: linear-gradient(180deg, var(--color--white), #fff0);
}
.case-detail-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.our-talent-section {
  padding-top: var(--_responsive---section-padding--large);
  padding-bottom: var(--_responsive---element-spacing--spacing-22x);
}
.our-talent-wrapper {
  width: var(--_responsive---full-size);
}
.our-talent-image-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.our-talent-image-box {
  border-radius: var(--_responsive---border-radius--radius-10x);
  overflow: hidden;
}
.our-talent-image-box.color-one-box {
  background-color: var(--accent-color--accent-17);
}
.our-talent-image-box.color-two-box {
  background-color: var(--accent-color--accent-19);
}
.our-talent-image-box.color-three-box {
  background-color: var(--accent-color--accent-18);
}
.our-talent-image-box.color-four-box {
  background-color: #32f7eb;
}
.our-talent-text-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.our-talent-text-dectlies-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  flex-flow: column;
  max-width: 614px;
  display: flex;
}
.our-talent-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.our-talent-text-box-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.our-talent-card-image-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-32x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}
.our-talent-card-image-wrap {
  border-radius: var(--_responsive---border-radius--radius-10x);
  overflow: hidden;
}
.featured-creators-section {
  padding-top: var(--_responsive---section-padding--large);
  padding-bottom: var(--_responsive---section-padding--large);
}
.featured-creators-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  flex-flow: column;
  display: flex;
}
.featured-creators-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.featured-creators-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-11x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.services-dect-collection-list, .cas-studies-decti-collection-lists {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.blog-section {
  padding-top: var(--_responsive---section-padding--xlarge);
  padding-bottom: var(--_responsive---section-padding--large);
}
.blog-wrapper {
  width: var(--_responsive---full-size);
}
.blog-text-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-11x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 988px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.blog-card-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
}
.blog-collection-list {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  display: flex;
}
.collection-list-blog {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.blog-text-item-box {
  padding-top: var(--_responsive---element-spacing--spacing-4x);
  padding-right: var(--_responsive---element-spacing--spacing-9x);
  padding-bottom: var(--_responsive---element-spacing--spacing-4x);
  padding-left: var(--_responsive---element-spacing--spacing-9x);
  border-top-left-radius: var(--_responsive---border-radius--radius-18x);
  border-top-right-radius: var(--_responsive---border-radius--radius-18x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-18x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--white);
  text-align: center;
  border: 1px solid #00000026;
  width: fit-content;
}
.blog-detail-section {
  padding-top: var(--_responsive---element-spacing--spacing-30x);
}
.blog-detail-header-image-wrap {
  border-radius: var(--_responsive---border-radius--radius-14x);
  overflow: hidden;
}
.blog-detail-wrap {
  width: var(--_responsive---full-size);
  max-width: 822px;
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  margin-left: auto;
  margin-right: auto;
}
.blog-detail-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  display: flex;
}
.blog-detail-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.blog-detail-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-detail-autor-box {
  padding: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-12x);
  background-image: linear-gradient(180deg, var(--color--white), #fff0);
  justify-content: space-between;
  align-items: center;
  display: flex;
  box-shadow: inset 0 0 64px #fff6;
}
.blog-detail-autor-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-detail-autor-image-wrap {
  border-radius: var(--_responsive---border-radius--radius-5x);
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.blog-detail-autor-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.blog-detail-social-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-3x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-3x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-detail-social-box {
  padding: var(--_responsive---element-spacing--spacing-7x);
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--white);
}
.rich-text-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-9x);
}
.blog-detail-rich {
  border-radius: var(--_responsive---border-radius--radius-9x);
}
.blog-detail-rich h5:where(:not([class*="heading-scale-"])), .blog-detail-rich :where(.heading-scale-5) {
  margin-top: var(--_responsive---element-spacing--spacing-19x);
}
.blog-detail-rich h6:where(:not([class*="heading-scale-"])), .blog-detail-rich :where(.heading-scale-6) {
  margin-top: var(--_responsive---element-spacing--spacing-19x);
  margin-bottom: var(--_responsive---element-spacing--spacing-9x);
}
.blog-detail-rich p {
  margin-top: var(--_responsive---element-spacing--spacing-4x);
}
.blog-detail-rich strong {
  color: var(--color--black);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---text-large--font-weight);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
}
.blog-detail-rich figure {
  margin-top: var(--_responsive---element-spacing--spacing-19x);
  margin-bottom: var(--_responsive---none);
  border-radius: var(--_responsive---border-radius--radius-9x);
  overflow: hidden;
}
.blog-decti-collection-list {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.pricing-plans-section {
  padding-top: var(--_responsive---section-padding--xlarge);
  padding-bottom: var(--_responsive---section-padding--large);
}
.pricing-plans-wrapper {
  width: var(--_responsive---full-size);
}
.pricing-plans-header-text-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.pricing-plans-card-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  min-width: 800px;
  display: flex;
  overflow: hidden;
}
.pricing-plans-item-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.no-item {
  width: auto;
}
.pricing-plans-dectlies-box {
  padding-top: var(--_responsive---element-spacing--spacing-12x);
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  border-bottom: 1px solid #00000026;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.pricing-plans-dectlies-box.no-border {
  border-bottom-style: none;
  border-bottom-color: var(--color--transparent);
}
.pricing-image {
  object-fit: contain;
}
.contact-section {
  padding-top: var(--_responsive---section-padding--xlarge);
  padding-bottom: var(--_responsive---section-padding--medium);
  overflow: hidden;
}
.contact-wrapper {
  width: var(--_responsive---full-size);
  max-width: 1032px;
  margin-left: auto;
  margin-right: auto;
}
.contact-header-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-11x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.contact-form-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1.8fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.contact-form-wrap {
  padding: var(--_responsive---element-spacing--spacing-11x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-9x);
  background-image: linear-gradient(179.92deg, var(--color--white), #fff0);
}
.contact-form-image-wrap {
  border-radius: var(--_responsive---border-radius--radius-9x);
  border: 4px solid #ffffff80;
  overflow: hidden;
}
.from-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  display: flex;
}
.text-field {
  width: var(--_responsive---full-size);
  height: auto;
  margin-bottom: var(--_responsive---none);
  padding-top: var(--_responsive---element-spacing--spacing-5x);
  padding-right: var(--_responsive---element-spacing--spacing-9x);
  padding-bottom: var(--_responsive---element-spacing--spacing-5x);
  padding-left: var(--_responsive---element-spacing--spacing-9x);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--transparent);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--transparent);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--transparent);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--transparent);
  border-top-left-radius: var(--_responsive---border-radius--radius-3x);
  border-top-right-radius: var(--_responsive---border-radius--radius-3x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-3x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-3x);
  background-color: var(--color--white);
  color: var(--rgb--rgb-10);
  appearance: none;
  outline: none;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
}
.text-field:hover {
  border: 1px solid var(--color--transparent);
}
.text-field:focus {
  border: 1px solid var(--accent-color--accent-5);
}
.from-box-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.text-area {
  min-height: 120px;
  margin-bottom: var(--_responsive---none);
  padding-top: var(--_responsive---element-spacing--spacing-5x);
  padding-right: var(--_responsive---element-spacing--spacing-9x);
  padding-bottom: var(--_responsive---element-spacing--spacing-5x);
  padding-left: var(--_responsive---element-spacing--spacing-9x);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--transparent);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--transparent);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--transparent);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--transparent);
  border-top-left-radius: var(--_responsive---border-radius--radius-3x);
  border-top-right-radius: var(--_responsive---border-radius--radius-3x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-3x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-3x);
  background-color: var(--color--white);
  color: var(--rgb--rgb-10);
  resize: none;
  outline: none;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
}
.text-area:hover {
  border: 1px solid var(--color--transparent);
}
.text-area:focus {
  border: 1px solid var(--accent-color--accent-5);
}
.form {
  grid-column-gap: var(--_responsive---element-spacing--spacing-11x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  flex-flow: column;
  display: flex;
}
.submit-wrapper {
  width: 150px;
  height: 50px;
  padding: var(--_responsive---element-spacing--spacing-1x) var(--_responsive---element-spacing--spacing-1x) var(--_responsive---element-spacing--spacing-1x) var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--color--white);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  box-shadow: 0 12px 8px #00000005, 0 4px 12px #0000000d;
}
.contact-form-icon-text-wrapper {
  width: var(--_responsive---full-size);
  max-width: 822px;
  margin-top: var(--_responsive---element-spacing--spacing-19x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}
.contact-form-icon-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.contact-form-icon-box {
  width: 52px;
  height: auto;
  padding: var(--_responsive---element-spacing--spacing-8x);
  border: .71px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--accent-color--accent-2);
  overflow: hidden;
}
.contact-form-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  display: flex;
}
.content-name {
  color: var(--rgb--rgb-8);
  font-weight: var(--_typography---font-weight--medium);
  transition: all .3s;
}
.content-name:hover {
  color: var(--accent-color--accent-5);
}
.content-name.center.no-hover:hover {
  color: var(--rgb--rgb-8);
}
.submit-icon-wrap {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
  inset: 4% 2% 0% auto;
}
.image-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.four-gro-smaill-image {
  width: 32px;
  height: 32px;
}
.four-gro-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.four-gro-text-button-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 372px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.password-image-box {
  padding-top: var(--_responsive---element-spacing--spacing-15x);
  padding-right: var(--_responsive---element-spacing--spacing-15x);
  padding-bottom: var(--_responsive---element-spacing--spacing-15x);
  padding-left: var(--_responsive---element-spacing--spacing-15x);
  border-top-style: solid;
  border-top-width: .71px;
  border-top-color: var(--color--white);
  border-right-style: solid;
  border-right-width: .71px;
  border-right-color: var(--color--white);
  border-bottom-style: solid;
  border-bottom-width: .71px;
  border-bottom-color: var(--color--white);
  border-left-style: solid;
  border-left-width: .71px;
  border-left-color: var(--color--white);
  border-top-left-radius: var(--_responsive---border-radius--radius-18x);
  border-top-right-radius: var(--_responsive---border-radius--radius-18x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-18x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-18x);
  background-color: var(--accent-color--accent-2);
  width: fit-content;
}
.lock-image {
  width: 56px;
}
.submit-button-icon-wrapper {
  position: absolute;
  inset: 0%;
}
.text-felid-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  flex-flow: column;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.submit-button-two {
  border-radius: var(--_responsive---border-radius--pill);
  background-color: var(--color--black);
  align-self: center;
}
.password-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.password-header-text-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 625px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.license-wrapper {
  padding: var(--_responsive---section-padding--large) var(--_responsive---element-spacing--spacing-12x) var(--_responsive---element-spacing--spacing-26x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-12x);
  background-image: linear-gradient(180deg, var(--color--white), #fff0);
  box-shadow: inset 0 0 64px #fff6;
}
.license-text-image-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-32x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-32x);
  flex-flow: column;
  display: flex;
}
.license-text-image-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.license-text-image-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.license-text-wrap {
  width: var(--_responsive---full-size);
  max-width: 410px;
}
.license-image-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.link-two {
  color: var(--color--black);
  text-decoration: underline;
}
.license-image {
  border-radius: var(--_responsive---border-radius--radius-12x);
  overflow: hidden;
}
.license-image-box {
  border-radius: var(--_responsive---border-radius--radius-14x);
  background-color: var(--color--white);
  padding: 133px 104px;
}
.license-image-box.secend {
  padding: 110px 200px;
}
.changelog-section {
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
}
.changelog-wrapper {
  padding: var(--_responsive---section-padding--large) var(--_responsive---element-spacing--spacing-12x) var(--_responsive---element-spacing--spacing-26x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-32x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-32x);
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--radius-12x);
  background-image: linear-gradient(180deg, var(--color--white), #fff0);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: inset 0 0 64px #fff6;
}
.changelog-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.changelog-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.slider-box-wrap {
  background-color: var(--color--transparent);
  pointer-events: none;
  height: auto;
}
.about-slider-mask {
  width: var(--_responsive---full-size);
  max-width: 614px;
  height: 780px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}
.slide-two {
  margin-right: 10px;
}
.slider-box-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
}
.process-slider {
  z-index: 10;
  width: var(--_responsive---full-size);
  background-color: var(--color--transparent);
  height: auto;
}
.process-slider-mask {
  z-index: 50;
  width: var(--_responsive---full-size);
  max-width: 510px;
  height: 510px;
  margin-left: auto;
}
.box-teams-seven-wrapper {
  z-index: 8;
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-12x);
  background-color: var(--accent-color--accent-13);
  max-width: 480px;
  height: 500px;
  margin-top: -20px;
  position: absolute;
  inset: 0% 14px 0% auto;
}
.box-teams-eight-wrapper {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-12x);
  background-color: #6f6f6fb3;
  max-width: 450px;
  margin-top: -44px;
  position: absolute;
  inset: 0% 28px 0% auto;
}
.style-text-font {
  color: var(--accent-color--accent-1);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---text-medium--font-weight);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
}
.works-award-with-team-section {
  padding: var(--_responsive---section-padding--default) var(--_responsive---container--padding-x) var(--_responsive---section-padding--large);
}
.main-contents {
  width: var(--_responsive---full-size);
  max-width: 1392px;
  padding-top: var(--_responsive---section-padding--large);
  padding-bottom: var(--_responsive---section-padding--large);
  grid-column-gap: var(--_responsive---element-spacing--spacing-32x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-32x);
  border-radius: var(--_responsive---border-radius--radius-14x);
  background-color: var(--accent-color--accent-3);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.message {
  border-radius: var(--_responsive---border-radius--radius-9x);
  background-color: var(--accent-color--accent-5);
  text-align: center;
}
.card-slider-text-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 510px;
  grid-auto-columns: 1fr;
  display: grid;
}
.box-teams-nine-wrapper {
  height: 44px;
}
.text-dectli-wrap {
  width: var(--_responsive---full-size);
  max-width: 1392px;
  padding-right: var(--_responsive---container--padding-x);
  padding-left: var(--_responsive---container--padding-x);
  margin-left: auto;
  margin-right: auto;
}
.text-footer-header-wrap {
  font-size: var(--_typography---display-three--font-size);
  line-height: var(--_typography---display-three--line-height);
  font-weight: var(--_typography---display-three--font-weight);
  letter-spacing: var(--_typography---display-three--letter-spacing);
}
.icon-image-wrap {
  object-fit: cover;
}
.our-projects-bg-wrap {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-14x);
  pointer-events: none;
  background-image: url('../images/frame-2147262441.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  position: absolute;
  inset: 0%;
}
.header-six {
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
}
.text-dectlies-card {
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---text-medium--font-weight);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
}
.text-dectlies-card.rbg5 {
  color: var(--rgb--rgb-5);
}
.text-ces-wrap {
  width: var(--_responsive---full-size);
  max-width: 405px;
}
.form-block {
  margin-bottom: var(--_responsive---none);
}
.pricing-plans-priend-wrapper {
  width: var(--_responsive---full-size);
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  overflow: auto;
}
.bg-image-right-wrap {
  width: var(--_responsive---full-size);
  pointer-events: none;
  max-width: 246px;
  position: absolute;
  inset: 0% 0% auto auto;
}
.bg-image-left-wrap {
  width: var(--_responsive---full-size);
  pointer-events: none;
  max-width: 246px;
  position: absolute;
  inset: auto auto -30% 0%;
}
.bg-image {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  object-fit: cover;
}
.bg-image-wrap {
  left: auto;
  top: var(--_responsive---element-spacing--spacing-17x);
  right: var(--_responsive---element-spacing--spacing-17x);
  pointer-events: none;
  position: absolute;
  bottom: auto;
}
.case-studie-collection-item {
  position: sticky;
  top: 6vh;
}
.display-none {
  display: none;
}
.four-gro-images {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  object-fit: cover;
}@media screen and (min-width: 1280px) {

  .cta-wrap {
    grid-template-columns: 1fr 2fr;
  }
  .footer-top-text-wrapper {
    width: var(--_responsive---full-size);
    justify-content: space-between;
  }
  .decorated-title-style-wrap.style-text-two {
    transform: translate(-120px, 6px)rotate(5.5deg);
  }
  .decorated-title-style-image-wrap {
    overflow: hidden;
  }
  .hero-intro-section {
    padding-top: 240px;
  }
  .hero-intro-meddle-wrap {
    margin-top: -230px;
  }
  .hero-intro-meddle-left-icon {
    top: -14%;
    left: -15%;
  }
  .hero-intro-meddle-right-icon {
    bottom: 0%;
    right: -14%;
  }
  .hero-intro-meddle-love-box {
    top: 28%;
    right: 0%;
  }
  .hero-intro-card-social-wrap {
    width: 56px;
    height: 56px;
  }
  .hero-intro-card-social-box {
    padding: var(--_responsive---element-spacing--spacing-4x);
  }
  .box-three, .box-four {
    margin-top: 100px;
  }
  .left-arrow {
    right: 10%;
  }
  .meet-creators-wrapper {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
  .meet-creators-meddle-wrapper {
    width: var(--_responsive---full-size);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  .meet-creators-box {
    width: 180px;
    height: 180px;
  }
  .background-video {
    height: var(--_responsive---full-size);
  }
  .background-video-wrap {
    width: var(--_responsive---full-size);
    height: var(--_responsive---full-size);
  }
  .background-video-left-icon-wrap {
    left: -28%;
  }
  .background-video-right-icon-wrap {
    right: -20%;
  }
  .text-title-box.item-one {
    transform: translate(30px);
  }
  .text-title-box.item-three {
    transform: translate(0, -7px)rotate(-4deg);
  }
  .text-title-box.item-four {
    transform: translate(30px, -2px)rotate(22deg);
  }
  .text-title-box.item-five {
    transform: translate(-33px)rotate(-15deg);
  }
  .capabilities-text-wrapper {
    max-width: 764px;
  }
  .item-wrapper {
    width: var(--_responsive---full-size);
    justify-content: space-between;
  }
  .item-wrapper.last {
    transform: translate(0, -22px);
  }
  .our-process-header-text-wrap {
    max-width: 510px;
  }
  .our-process-text-dectlirs-wrap {
    display: flex;
  }
  .our-process-image-text-box {
    max-width: 510px;
  }
  .our-process-image-text-box.process-card-one, .our-process-image-text-box.process-card-two, .our-process-image-text-box.process-card-three {
    max-width: 405px;
  }
  .our-partners-text-wrap {
    max-width: 554px;
  }
  .big-text {
    line-height: var(--_typography---display-four--line-height);
  }
  .campaign-packages-header-wrap {
    max-width: 550px;
  }
  .loved-by-creators-wrapper {
    width: var(--_responsive---full-size);
    max-width: 1038px;
    margin-left: auto;
    margin-right: auto;
  }
  .insights-ideas-right-card-box-text-wrap {
    padding: var(--_responsive---element-spacing--spacing-9x);
    grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  }
  .about-hero-image-wrap.about-hero-image-one {
    top: -10%;
    left: 12%;
  }
  .about-hero-image-wrap.about-hero-image-two {
    top: -9%;
    right: 11%;
  }
  .about-hero-image-wrap.about-hero-image-three {
    bottom: 53%;
    left: 5%;
  }
  .about-hero-image-wrap.about-hero-image-four {
    bottom: 10%;
    right: 10%;
  }
  .about-hero-image-wrap.about-hero-image-five {
    width: 133px;
    height: 133px;
    margin-top: 50px;
    margin-left: -37px;
  }
  .about-hero-image-wrap.about-hero-image-six {
    bottom: 45%;
  }
  .our-creators-sticky {
    justify-content: center;
    align-items: center;
  }
  .our-values-text-wrapper {
    grid-template-columns: 1.6fr 1fr;
  }
  .our-values-image-wrap {
    width: var(--_responsive---full-size);
    max-width: 317px;
  }
  .our-values-card-image-text-box {
    padding: var(--_responsive---element-spacing--spacing-12x);
    flex: none;
  }
  .our-team-section {
    overflow: hidden;
  }
  .our-team-image-carkel-wrapper {
    height: 580px;
  }
  .our-team-member-image-wrap {
    width: 80px;
    height: 80px;
  }
  .process-card-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }
  .clients-carkel-image-box.clients-carkel-image-one {
    left: 180px;
  }
  .clients-carkel-image-box.clients-carkel-image-two {
    width: 180px;
    height: 180px;
    padding: var(--_responsive---element-spacing--spacing-24x) var(--_responsive---element-spacing--spacing-14x);
    top: 20px;
  }
  .clients-carkel-image-box.clients-carkel-image-three {
    left: 80px;
  }
  .clients-carkel-image-box.clients-carkel-image-four {
    right: 80px;
  }
  .clients-carkel-image-box.clients-carkel-image-five {
    bottom: 100px;
    left: 80px;
  }
  .clients-carkel-image-box.clients-carkel-image-six {
    bottom: 20px;
    right: 150px;
  }
  .about-flex-one-part {
    top: 0%;
  }
  .featured-work-name-dectlies-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
    flex-flow: column;
    display: flex;
  }
  .study-info-header-wrapper {
    align-items: end;
  }
  .license-image-box.secend {
    padding: 110px 300px;
  }}
@media screen and (min-width: 1440px) {

  .agency-hero-text-wrap {
    max-width: 950px;
  }
  .box-two {
    transform: translate(-270%, 100%);
  }
  .box-one {
    transform: translate(250%, 127%);
  }
  .box-three {
    transform: translate(152%, -128%);
  }
  .box-four {
    transform: translate(-360px, -160%);
  }}
@media screen and (max-width: 991px) {

  body {
    --_responsive---none: 0px;
    --_responsive---full-size: 100%;
    --_responsive---container--padding-x: 24px;
    --_responsive---section-padding--xlarge: 120px;
    --_responsive---element-spacing--spacing-1x: 4px;
    --_responsive---element-spacing--spacing-17x: 36px;
    --_responsive---element-spacing--spacing-27x: 60px;
    --_responsive---container--full-size-container: 100%;
    --_responsive---container--max-width: 1472px;
    --_responsive---element-spacing--spacing-12x: 20px;
    --_responsive---section-padding--large: 110px;
    --_responsive---element-spacing--spacing-30x: 60px;
    --_responsive---border-radius--radius-12x: 30px;
    --_responsive---element-spacing--spacing-15x: 28px;
    --_responsive---14-px: 14px;
    --_responsive---element-spacing--spacing-7x: 12px;
    --_responsive---border-radius--radius-3x: 8px;
    --_responsive---element-spacing--spacing-3x: 6px;
    --_responsive---element-spacing--spacing-19x: 40px;
    --_responsive---element-spacing--spacing-14x: 24px;
    --_responsive---border-radius--round: 100%;
    --_responsive---element-spacing--spacing-5x: 10px;
    --_responsive---element-spacing--spacing-4x: 8px;
    --_responsive---border-radius--radius-18x: 90px;
    --_responsive---element-spacing--spacing-10x: 18px;
    --_responsive---element-spacing--spacing-8x: 14px;
    --_responsive---section-padding--default: 60px;
    --_responsive---border-radius--radius-11x: 26px;
    --_responsive---element-spacing--spacing-22x: 48px;
    --_responsive---element-spacing--spacing-9x: 16px;
    --_responsive---element-spacing--spacing-23x: 52px;
    --_responsive---element-spacing--spacing-16x: 32px;
    --_responsive---element-spacing--spacing-2x: 5px;
    --_responsive---element-spacing--spacing-6x: 11px;
    --_responsive---border-radius--radius-7x: 12px;
    --_responsive---element-spacing--spacing-11x: 20px;
    --_responsive---border-radius--radius-4x: 8px;
    --_responsive---font-size--f90: 70px;
    --_responsive---border-radius--pill: 500px;
    --_responsive---section-padding--medium: 80px;
    --_responsive---border-radius--radius-6x: 14px;
    --_responsive---home-v3-reel-video-radius: 10px;
    --_responsive---border-radius--radius-5x: 8px;
    --_responsive---about-v2-hero-video-radius: 32px;
    --_responsive---element-spacing--spacing-28x: 60px;
    --_responsive---border-radius--radius-2x: 6px;
    --_responsive---border-radius--radius-14x: 34px;
    --_responsive---border-radius--radius-13x: 32px;
    --_responsive---element-spacing--spacing-25x: 52px;
    --_responsive---element-spacing--spacing-20x: 44px;
    --_responsive---element-spacing--spacing-33x: 90px;
    --_responsive---element-spacing--spacing-34x: 120px;
    --_responsive---element-spacing--spacing-35x: 144px;
    --_responsive---border-radius--radius-8x: 16px;
    --_responsive---border-radius--radius-9x: 16px;
    --_responsive---border-radius--radius-15x: 58px;
    --_responsive---border-radius--radius-10x: 18px;
    --_responsive---element-spacing--spacing-18x: 40px;
    --_responsive---border-radius--radius-16x: 70px;
    --_responsive---element-spacing--spacing-21x: 48px;
    --_responsive---element-spacing--spacing-31x: 100px;
    --_responsive---element-spacing--spacing-32x: 80px;
    --_responsive---element-spacing--spacing-24x: 52px;
    --_responsive---font-size--f36: 28px;
    --_responsive---element-spacing--spacing-29x: 66px;
    --_responsive---element-spacing--spacing-13x: 24px;
    --_responsive---element-spacing--spacing-36x: 180px;
    --_responsive---border-radius--radius-17x: 80px;
    --_responsive---section-padding--xxlarge: 120px;
    --_responsive---element-spacing--spacing-26x: 52px;
    --_responsive---border-radius--radius-1x: 4px;
    --_typography---font-family--body-font: "Hanken Grotesk", sans-serif;
    --_typography---text-default--font-size: 16px;
    --_typography---text-default--line-height: 1.25em;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---font-family--headding-font: "Averia Sans Libre", sans-serif;
    --_typography---h1--font-size: 70px;
    --_typography---h1--line-height: .86em;
    --_typography---h1--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h1--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h2--font-size: 48px;
    --_typography---h2--line-height: 1em;
    --_typography---h2--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h2--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h3--font-size: 42px;
    --_typography---h3--line-height: 1em;
    --_typography---h3--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h3--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h4--font-size: 34px;
    --_typography---h4--line-height: 1em;
    --_typography---h4--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h4--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h5--font-size: 26px;
    --_typography---h5--line-height: 1.4em;
    --_typography---h5--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h5--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h6--font-size: 20px;
    --_typography---h6--line-height: 1.25em;
    --_typography---h6--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h6--letter-spacing: var(--_typography---letter-spacing--large);
    --_typography---tag-label-text--line-height: 1.2em;
    --_typography---font-weight--regular: 400;
    --_typography---tag-label-text--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-weight--medium: 500;
    --_typography---text-medium--font-size: 18px;
    --_typography---text-medium--line-height: 1.33em;
    --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
    --_typography---font-family--four-font: Geist, sans-serif;
    --_typography---text-large--font-size: 18px;
    --_typography---text-large--line-height: .7em;
    --_typography---text-large--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---text-large--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---button-text--font-weight: var(--_typography---font-weight--medium);
    --_typography---button-text--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-family--third-font: "Inter Tight", sans-serif;
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1.29em;
    --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---display-two--font-size: 52px;
    --_typography---display-two--line-height: 1.2em;
    --_typography---display-two--font-weight: var(--_typography---font-weight--bold);
    --_typography---display-two--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---letter-spacing--larges-big: -.08em;
    --_typography---display-one--font-size: 100px;
    --_typography---display-one--line-height: 1em;
    --_typography---display-one--font-weight: var(--_typography---font-weight--bold);
    --_typography---display-one--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
    --_typography---letter-spacing--large: -.04em;
    --_typography---display-five--font-size: 30px;
    --_typography---display-five--line-height: 1.2em;
    --_typography---display-five--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---display-five--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---display-three--font-size: 48px;
    --_typography---display-three--line-height: 1em;
    --_typography---display-three--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---display-three--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---display-four--font-size: 366px;
    --_typography---display-four--line-height: 1.2em;
    --_typography---display-four--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---display-four--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---display-six--font-size: 6.17px;
    --_typography---display-six--line-height: 1.15em;
    --_typography---display-six--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-seven--font-size: 165px;
    --_typography---display-seven--line-height: 1em;
    --_typography---display-seven--font-weight: var(--_typography---font-weight--medium);
    --_typography---display-seven--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---display-six--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-extra-small--font-size: 12px;
    --_typography---text-extra-small--line-height: 1.3em;
    --_typography---text-extra-small--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-extra-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---tag-label-text--font-size: 14px;
    --_typography---tag-label-text--font-weight: var(--_typography---font-weight--regular);
    --_typography---button-text--font-size: 16px;
    --_typography---button-text--line-height: 1.35em;
    --_typography---font-weight--light: 300;
    --_typography---letter-spacing--none: 0em;
    --_typography---letter-spacing--tiny: .01em;
    --_typography---letter-spacing--small: -.01em;
    --_typography---letter-spacing--default: -.02em;
    --_typography---letter-spacing--medium: -.03em;
    --_typography---letter-spacing--larges: -.06em;
  }
  .utility-page-wrap.section-spping {
    padding-top: var(--_responsive---element-spacing--spacing-1x);
  }
  .hamburger-line-middle {
    background-color: var(--color--black);
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }
  .hamburger-line-top, .hamburger-line-bottom {
    background-color: var(--color--black);
    border-radius: 16px;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }
  .menu-button {
    cursor: pointer;
    padding: 0;
    display: block;
  }
  .menu-button.is-open {
    background-color: #0000;
  }
  .hamburger {
    border-radius: var(--_responsive---border-radius--round);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    display: flex;
  }
  .nav-inner {
    padding-right: var(--_responsive---element-spacing--spacing-10x);
  }
  .utility-content-wrap {
    grid-row-gap: 32px;
  }
  .nav-menu-wrap {
    padding-right: var(--_responsive---container--padding-x);
    padding-left: var(--_responsive---container--padding-x);
    display: none;
    position: absolute;
    top: 90%;
  }
  .menu-wrapper {
    width: var(--_responsive---full-size);
    min-width: var(--_responsive---full-size);
    grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
    border-top-left-radius: var(--_responsive---border-radius--radius-11x);
    border-top-right-radius: var(--_responsive---border-radius--radius-11x);
    background-color: var(--color--white);
    justify-content: space-between;
    align-items: flex-start;
  }
  .menu-one {
    grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  }
  .menu-dectlies-wrap {
    grid-template-columns: 1fr 1fr;
  }
  .menu-wrap {
    width: var(--_responsive---full-size);
    grid-template-columns: 1fr;
  }
  .nav-button-wrap, .nav-manus-wrapper {
    display: none;
  }
  .cta-wrap {
    grid-template-columns: 1fr;
  }
  .cta-text-wrapper {
    min-height: auto;
  }
  .footer-top-text-wrap {
    justify-content: center;
    align-items: flex-end;
  }
  .footer-link-wrapper {
    grid-template-columns: 1.8fr 1fr;
  }
  .hero-section {
    padding-top: var(--_responsive---element-spacing--spacing-34x);
  }
  .agency-hero-text-wrap {
    justify-content: flex-start;
    align-items: center;
    max-width: 600px;
  }
  .agency-hero-image-wrap, .agency-hero-image-wrap.two {
    width: 44px;
  }
  .decorated-title {
    padding-right: var(--_responsive---element-spacing--spacing-12x);
    padding-left: var(--_responsive---element-spacing--spacing-12x);
  }
  .hero-intro-section {
    padding-top: var(--_responsive---section-padding--medium);
    overflow: hidden;
  }
  .hero-intro-wrap {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: space-between;
    place-items: center;
  }
  .hero-intro-left-wrapper {
    justify-content: flex-start;
    align-items: center;
  }
  .hero-intro-line {
    display: none;
  }
  .agency-hero-dectlies-box {
    text-align: center;
    max-width: 200px;
  }
  .social-icon-wrap {
    width: 46px;
  }
  .hero-intro-left-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
    flex-flow: column;
  }
  .hero-intro-meddle-wrap {
    width: 500px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .hero-intro-meddle-left-icon {
    top: -6%;
    left: -20%;
  }
  .hero-intro-meddle-right-icon {
    bottom: 0%;
  }
  .hero-intro-meddle-love-box {
    top: 28%;
    right: 0%;
  }
  .hero-intro-card-wrapper {
    margin-top: var(--_responsive---element-spacing--spacing-16x);
    grid-template-columns: 1fr;
  }
  .hero-intro-card-social-icon {
    padding: var(--_responsive---element-spacing--spacing-3x);
  }
  .our-creators-section {
    height: auto;
  }
  .our-creators-item-box.minis {
    right: 0;
  }
  .slide-creators-wrapper {
    height: auto;
  }
  .slide-creators-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    display: grid;
  }
  .slide-creators-image-wrap.coll-bg-image {
    width: var(--_responsive---full-size);
  }
  .slide-creators-image-left-wrap {
    left: -17%;
  }
  .slide-creators-image-left-wrap.three-icon-one-wrap {
    right: -10%;
  }
  .slide-creators-image-love-wrap.love-text-one.lov-two-boxs {
    right: -5%;
  }
  .slide-creators-image-love-wrap.love-text-one.lov-three-wrap {
    left: -5%;
  }
  .slide-creators-image-right-wrap {
    bottom: 0%;
    right: -9%;
  }
  .slide-creators-image-right-wrap.two-icon-wrap {
    right: -3%;
  }
  .slide-creators-image-right-wrap.three-icon-twowrap {
    left: -10%;
  }
  .left-arrow {
    right: 17%;
  }
  .meet-creators-wrapper {
    margin-top: var(--_responsive---border-radius--radius-14x);
  }
  .meet-creators-meddle-wrapper {
    flex-flow: column;
  }
  .meet-creators-one-left-wrapper, .meet-creators-three-right-wrapper {
    justify-content: center;
    align-items: center;
  }
  .background-video-left-icon-wrap {
    left: 0%;
  }
  .background-video-right-icon-wrap {
    right: 0%;
  }
  .featured-work-wrap {
    grid-template-columns: 1fr 1fr;
  }
  .featured-work-card-box {
    justify-content: space-between;
    align-items: flex-start;
  }
  .featured-work-card-text-box {
    width: var(--_responsive---full-size);
  }
  .item-wrapper.fast-items {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }
  .our-process-wrapper {
    padding-top: var(--_responsive---element-spacing--spacing-21x);
    padding-bottom: var(--_responsive---element-spacing--spacing-31x);
  }
  .our-process-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-34x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-34x);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
  .our-process-text-box {
    grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  }
  .our-process-image-text-wrapper {
    position: static;
  }
  .our-process-image-text-box {
    max-width: none;
  }
  .our-process-image-text-box.process-card-one.process-card-with, .our-process-image-text-box.process-card-two {
    margin-top: var(--_responsive---element-spacing--spacing-1x);
  }
  .perigon-button-wrap {
    bottom: -60px;
  }
  .perigon-button-wrap.next {
    left: auto;
    right: 0;
  }
  .featured-brands-image-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .worked-section {
    padding-bottom: var(--_responsive---element-spacing--spacing-23x);
  }
  .worked-text-dectlies-wrap {
    margin-top: 200px;
  }
  .our-packages-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .client-stories-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  .insights-ideas-wrap {
    flex-flow: wrap;
    grid-template-columns: 1fr;
  }
  .insights-ideas-left-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  }
  .insights-ideas-right-wrapper {
    width: var(--_responsive---full-size);
  }
  .insights-ideas-right-card-box {
    max-width: none;
  }
  .about-hero-image-wrap.about-hero-image-one {
    width: 40px;
    height: 40px;
  }
  .about-hero-image-wrap.about-hero-image-two {
    width: 80px;
    height: 80px;
  }
  .about-hero-image-wrap.about-hero-image-three {
    width: 110px;
    height: 110px;
    left: 2%;
  }
  .about-hero-image-wrap.about-hero-image-four {
    width: 60px;
    height: 60px;
  }
  .about-hero-image-wrap.about-hero-image-five {
    width: 80px;
    height: 80px;
  }
  .about-hero-image-wrap.about-hero-image-six {
    width: 70px;
    height: 70px;
  }
  .our-creators-all-box {
    padding-right: var(--_responsive---element-spacing--spacing-17x);
    padding-left: var(--_responsive---element-spacing--spacing-17x);
  }
  .our-values-card-image-box.card-image-box-two {
    max-width: 550px;
  }
  .our-team-image-text-wrapper {
    grid-template-columns: 1fr;
  }
  .our-team-carkel-image-wrap {
    width: var(--_responsive---full-size);
  }
  .process-card-wrapper {
    grid-template-columns: 1fr;
  }
  .process-card-wrapper.about-proces-card {
    grid-template-columns: 1fr 1fr;
  }
  .clients-carkel-image-box.clients-carkel-image-one {
    width: 100px;
    height: 100px;
    left: 40px;
  }
  .clients-carkel-image-box.clients-carkel-image-two {
    width: 100px;
    height: 100px;
    right: 40px;
  }
  .clients-carkel-image-box.clients-carkel-image-three {
    width: 60px;
    height: 60px;
  }
  .clients-carkel-image-box.clients-carkel-image-four {
    width: 100px;
    height: 100px;
    bottom: 80px;
  }
  .clients-carkel-image-box.clients-carkel-image-five {
    width: 100px;
    height: 100px;
  }
  .our-influencers-image-text-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
  .faq-section {
    padding-top: var(--_responsive---element-spacing--spacing-11x);
  }
  .faq-text-item-wrapper {
    grid-template-columns: 1fr;
  }
  .ours-services-dectlies-card-box {
    grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  }
  .services-slide-text-wrapper {
    grid-template-columns: 1fr;
  }
  .case-studies-section {
    padding-top: var(--_responsive---section-padding--large);
  }
  .case-studies-text-image-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  .featured-work-name-dectlies-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-3x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-3x);
    flex-flow: column;
    display: flex;
  }
  .featured-collection-list {
    grid-template-columns: 1fr 1fr;
  }
  .study-info-header-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
    grid-template-columns: 1fr;
  }
  .our-talent-text-wrapper {
    margin-top: var(--_responsive---element-spacing--spacing-14x);
    grid-template-columns: 1fr;
  }
  .collection-list-blog, .blog-decti-collection-list {
    grid-template-columns: 1fr;
  }
  .pricing-plans-item-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .license-text-image-box {
    flex-flow: column;
  }
  .license-image-wrap {
    grid-template-columns: 1fr 1fr;
  }
  .about-slider-mask {
    max-width: 550px;
    height: 680px;
  }
  .process-slider-mask {
    max-width: var(--_responsive---full-size);
  }
  .box-teams-seven-wrapper {
    max-width: 96%;
    right: 50%;
    transform: translate(50%);
  }
  .box-teams-eight-wrapper {
    max-width: 92%;
    right: 50%;
    transform: translate(50%);
  }
  .main-contents {
    border-radius: var(--_responsive---border-radius--radius-14x);
  }
  .box-teams-nine-wrapper, .bg-image-right-wrap, .bg-image-left-wrap, .bg-image-wrap {
    display: none;
  }}
@media screen and (max-width: 767px) {

  body {
    --_responsive---none: 0px;
    --_responsive---full-size: 100%;
    --_responsive---container--padding-x: 16px;
    --_responsive---section-padding--xlarge: 100px;
    --_responsive---element-spacing--spacing-1x: 4px;
    --_responsive---element-spacing--spacing-17x: 24px;
    --_responsive---element-spacing--spacing-27x: 48px;
    --_responsive---container--full-size-container: 100%;
    --_responsive---container--max-width: 1472px;
    --_responsive---element-spacing--spacing-12x: 16px;
    --_responsive---section-padding--large: 80px;
    --_responsive---element-spacing--spacing-30x: 60px;
    --_responsive---border-radius--radius-12x: 28px;
    --_responsive---element-spacing--spacing-15x: 24px;
    --_responsive---14-px: 14px;
    --_responsive---element-spacing--spacing-7x: 12px;
    --_responsive---border-radius--radius-3x: 4px;
    --_responsive---element-spacing--spacing-3x: 6px;
    --_responsive---element-spacing--spacing-19x: 36px;
    --_responsive---element-spacing--spacing-14x: 20px;
    --_responsive---border-radius--round: 100%;
    --_responsive---element-spacing--spacing-5x: 10px;
    --_responsive---element-spacing--spacing-4x: 8px;
    --_responsive---border-radius--radius-18x: 80px;
    --_responsive---element-spacing--spacing-10x: 18px;
    --_responsive---element-spacing--spacing-8x: 12px;
    --_responsive---section-padding--default: 40px;
    --_responsive---border-radius--radius-11x: 24px;
    --_responsive---element-spacing--spacing-22x: 40px;
    --_responsive---element-spacing--spacing-9x: 12px;
    --_responsive---element-spacing--spacing-23x: 30px;
    --_responsive---element-spacing--spacing-16x: 24px;
    --_responsive---element-spacing--spacing-2x: 5px;
    --_responsive---element-spacing--spacing-6x: 11px;
    --_responsive---border-radius--radius-7x: 8px;
    --_responsive---element-spacing--spacing-11x: 16px;
    --_responsive---border-radius--radius-4x: 6px;
    --_responsive---font-size--f90: 50px;
    --_responsive---border-radius--pill: 500px;
    --_responsive---section-padding--medium: 60px;
    --_responsive---border-radius--radius-6x: 14px;
    --_responsive---home-v3-reel-video-radius: 10px;
    --_responsive---border-radius--radius-5x: 6px;
    --_responsive---about-v2-hero-video-radius: 32px;
    --_responsive---element-spacing--spacing-28x: 48px;
    --_responsive---border-radius--radius-2x: 4px;
    --_responsive---border-radius--radius-14x: 32px;
    --_responsive---border-radius--radius-13x: 26px;
    --_responsive---element-spacing--spacing-25x: 44px;
    --_responsive---element-spacing--spacing-20x: 40px;
    --_responsive---element-spacing--spacing-33x: 60px;
    --_responsive---element-spacing--spacing-34x: 80px;
    --_responsive---element-spacing--spacing-35x: 130px;
    --_responsive---border-radius--radius-8x: 12px;
    --_responsive---border-radius--radius-9x: 14px;
    --_responsive---border-radius--radius-15x: 54px;
    --_responsive---border-radius--radius-10x: 16px;
    --_responsive---element-spacing--spacing-18x: 36px;
    --_responsive---border-radius--radius-16x: 64px;
    --_responsive---element-spacing--spacing-21x: 40px;
    --_responsive---element-spacing--spacing-31x: 90px;
    --_responsive---element-spacing--spacing-32x: 60px;
    --_responsive---element-spacing--spacing-24x: 44px;
    --_responsive---font-size--f36: 24px;
    --_responsive---element-spacing--spacing-29x: 50px;
    --_responsive---element-spacing--spacing-13x: 20px;
    --_responsive---element-spacing--spacing-36x: 146px;
    --_responsive---border-radius--radius-17x: 76px;
    --_responsive---section-padding--xxlarge: 100px;
    --_responsive---element-spacing--spacing-26x: 48px;
    --_responsive---border-radius--radius-1x: 4px;
    --_typography---font-family--body-font: "Hanken Grotesk", sans-serif;
    --_typography---text-default--font-size: 15px;
    --_typography---text-default--line-height: 1.25em;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---font-family--headding-font: "Averia Sans Libre", sans-serif;
    --_typography---h1--font-size: 54px;
    --_typography---h1--line-height: .86em;
    --_typography---h1--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h1--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h2--font-size: 40px;
    --_typography---h2--line-height: 1em;
    --_typography---h2--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h2--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h3--font-size: 36px;
    --_typography---h3--line-height: 1em;
    --_typography---h3--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h3--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h4--font-size: 30px;
    --_typography---h4--line-height: 1em;
    --_typography---h4--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h4--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h5--font-size: 22px;
    --_typography---h5--line-height: 1.4em;
    --_typography---h5--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h5--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h6--font-size: 18px;
    --_typography---h6--line-height: 1.25em;
    --_typography---h6--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h6--letter-spacing: var(--_typography---letter-spacing--large);
    --_typography---tag-label-text--line-height: 1.2em;
    --_typography---font-weight--regular: 400;
    --_typography---tag-label-text--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-weight--medium: 500;
    --_typography---text-medium--font-size: 16px;
    --_typography---text-medium--line-height: 1.33em;
    --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
    --_typography---font-family--four-font: Geist, sans-serif;
    --_typography---text-large--font-size: 17px;
    --_typography---text-large--line-height: .7em;
    --_typography---text-large--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---text-large--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---button-text--font-weight: var(--_typography---font-weight--medium);
    --_typography---button-text--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-family--third-font: "Inter Tight", sans-serif;
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1.29em;
    --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---display-two--font-size: 46px;
    --_typography---display-two--line-height: 1.2em;
    --_typography---display-two--font-weight: var(--_typography---font-weight--bold);
    --_typography---display-two--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---letter-spacing--larges-big: -.08em;
    --_typography---display-one--font-size: 64px;
    --_typography---display-one--line-height: 1em;
    --_typography---display-one--font-weight: var(--_typography---font-weight--bold);
    --_typography---display-one--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
    --_typography---letter-spacing--large: -.04em;
    --_typography---display-five--font-size: 24px;
    --_typography---display-five--line-height: 1.2em;
    --_typography---display-five--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---display-five--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---display-three--font-size: 36px;
    --_typography---display-three--line-height: 1em;
    --_typography---display-three--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---display-three--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---display-four--font-size: 54px;
    --_typography---display-four--line-height: 1.2em;
    --_typography---display-four--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---display-four--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---display-six--font-size: 6.17px;
    --_typography---display-six--line-height: 1.15em;
    --_typography---display-six--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-seven--font-size: 70px;
    --_typography---display-seven--line-height: 1em;
    --_typography---display-seven--font-weight: var(--_typography---font-weight--medium);
    --_typography---display-seven--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---display-six--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-extra-small--font-size: 12px;
    --_typography---text-extra-small--line-height: 1.3em;
    --_typography---text-extra-small--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-extra-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---tag-label-text--font-size: 13px;
    --_typography---tag-label-text--font-weight: var(--_typography---font-weight--regular);
    --_typography---button-text--font-size: 16px;
    --_typography---button-text--line-height: 1.35em;
    --_typography---font-weight--light: 300;
    --_typography---letter-spacing--none: 0em;
    --_typography---letter-spacing--tiny: .01em;
    --_typography---letter-spacing--small: -.01em;
    --_typography---letter-spacing--default: -.02em;
    --_typography---letter-spacing--medium: -.03em;
    --_typography---letter-spacing--larges: -.06em;
  }
  .color-block-inner-wrap {
    grid-template-columns: 1fr 1fr;
  }
  .color-block {
    grid-column-gap: var(--_responsive---14-px);
    grid-row-gap: var(--_responsive---14-px);
  }
  .color-block-inner {
    height: 130px;
  }
  .hamburger {
    width: 44px;
    height: 44px;
  }
  .nav-inner {
    padding-right: var(--_responsive---element-spacing--spacing-8x);
  }
  .utility-content-wrap {
    grid-row-gap: 24px;
  }
  .section {
    padding-top: var(--_responsive---section-padding--xlarge);
  }
  .text-button {
    font-size: var(--_typography---text-medium--font-size);
    line-height: var(--_typography---text-default--line-height);
    letter-spacing: var(--_typography---button-text--letter-spacing);
  }
  .menu-dectlies-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-16x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-16x);
  }
  .footer-top-text-wrapper, .footer-icon-link-wrapper {
    grid-template-columns: 1fr;
  }
  .footer-link-wrapper {
    grid-template-columns: 1.8fr 1fr;
  }
  .hero-section {
    padding-top: var(--_responsive---element-spacing--spacing-35x);
  }
  .agency-hero-text-wrap {
    max-width: 500px;
  }
  .agency-hero-image-wrap, .agency-hero-image-wrap.two {
    width: 34px;
  }
  .agency-dectlies-wrap {
    max-width: 480px;
  }
  .decorated-title-style-wrap {
    padding-top: var(--_responsive---element-spacing--spacing-3x);
    padding-bottom: var(--_responsive---element-spacing--spacing-3x);
    grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
    margin-top: -12px;
  }
  .decorated-title-style-image-wrap {
    width: 18px;
    height: 18px;
  }
  .hero-intro-meddle-wrap {
    width: auto;
  }
  .hero-intro-meddle-left-icon {
    width: 150px;
    height: 150px;
    left: 0%;
  }
  .hero-intro-meddle-right-icon {
    width: 100px;
    height: 100px;
  }
  .hero-intro-card-wrapper {
    margin-top: var(--_responsive---element-spacing--spacing-19x);
    grid-template-columns: 1fr;
  }
  .hero-intro-card-image-wrap {
    width: 60px;
    height: 60px;
  }
  .hero-intro-card-social-wrap {
    width: 44px;
  }
  .our-creators-section {
    overflow: hidden;
  }
  .redal-text-wrap.our-read {
    width: auto;
  }
  .our-creators-item-box {
    padding: var(--_responsive---element-spacing--spacing-3x) var(--_responsive---element-spacing--spacing-9x);
    transform: translate(0);
  }
  .our-creators-item-box.minis {
    padding: var(--_responsive---element-spacing--spacing-3x) var(--_responsive---element-spacing--spacing-9x);
  }
  .our-creators-item-box.left-box-card {
    top: -2%;
    left: 0;
  }
  .our-creators-image-wrap, .our-creators-image-wrap.image-three {
    max-width: none;
  }
  .creators-text-wrap {
    height: 150px;
  }
  .slide-creators-wrapper {
    height: auto;
  }
  .slide-creators-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: center start;
    display: grid;
  }
  .slide-creators-text-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  }
  .slide-creators-image-wrapper {
    width: var(--_responsive---full-size);
  }
  .slide-creators-image-wrap {
    width: auto;
  }
  .slide-creators-image-wrap.card-one {
    width: var(--_responsive---full-size);
  }
  .slide-creators-image-wrap.coll-bg-image {
    width: var(--_responsive---full-size);
    height: 350px;
    padding: var(--_responsive---element-spacing--spacing-18x);
  }
  .slide-creators-image-priend-wrapper {
    overflow: visible;
  }
  .slide-creators-image-left-wrap {
    width: 100px;
    height: 100px;
    left: -11%;
  }
  .slide-creators-image-left-wrap.slide-image-left-three {
    right: -13%;
  }
  .slide-creators-image-left-wrap.three-icon-one-wrap {
    right: -10%;
  }
  .slide-creators-image-text-wrap.card-text-one {
    top: 0%;
  }
  .slide-creators-image-text-wrap.card-text-one.flex {
    top: 2%;
    right: 9%;
  }
  .slide-creators-image-text-wrap.card-text-one.flex.two-boxs {
    inset: auto auto 4% 10%;
  }
  .slide-creators-image-text-wrap.card-text-one.flex.three-boxs {
    inset: auto 0% 0% auto;
  }
  .slide-creators-image-priend-wrap {
    width: var(--_responsive---full-size);
    height: var(--_responsive---full-size);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .slide-creators-image-love-wrap.love-text-one {
    left: 0%;
  }
  .slide-creators-image-love-wrap.love-text-one.lov-two-boxs {
    right: 0%;
  }
  .slide-creators-image-love-wrap.love-text-one.lov-three-wrap {
    left: 2%;
  }
  .slide-creators-image-right-wrap {
    bottom: 0%;
    right: -8%;
  }
  .slide-creators-image-right-wrap.three-icon-twowrap {
    left: -10%;
  }
  .left-arrow {
    width: auto;
    padding: var(--_responsive---element-spacing--spacing-3x) var(--_responsive---element-spacing--spacing-9x);
    justify-content: center;
    align-items: center;
    inset: -10% auto auto 0%;
  }
  .right-arrow {
    width: auto;
    padding: var(--_responsive---element-spacing--spacing-3x) var(--_responsive---element-spacing--spacing-9x);
    justify-content: center;
    align-items: center;
    top: -10%;
  }
  .services-mask {
    max-width: none;
  }
  .meet-creators-fast-wrap {
    grid-template-columns: 1fr 1fr;
    place-items: center;
    display: none;
  }
  .meet-creators-box.none, .meet-creators-meddle-one-wrapper, .meet-creators-meddle-three-wrapper, .meet-creators-last-wrapper {
    display: none;
  }
  .meet-creators-last-wrap {
    grid-template-columns: 1fr 1fr;
    place-items: center;
  }
  .background-video-left-icon-wrap {
    display: none;
  }
  .text-title-box {
    padding: var(--_responsive---element-spacing--spacing-3x) var(--_responsive---element-spacing--spacing-9x);
  }
  .text-title-box.item-one {
    transform: translate(-28px);
  }
  .text-title-box.item-one.two-one {
    transform: translate(40px);
  }
  .text-title-box.item-three {
    width: 102px;
  }
  .text-title-box.item-three.two-three {
    transform: translate(0)rotate(-4deg);
  }
  .text-title-box.item-four {
    transform: translate(22px, -15px)rotate(22deg);
  }
  .text-title-box.item-four.two-four {
    transform: translate(-22px, -15px)rotate(22deg);
  }
  .text-title-box.item-five.two-five {
    transform: translate(0)rotate(-15deg);
  }
  .text-title-box.item-three {
    transform: translate(0, 20px)rotate(-4deg);
  }
  .featured-work-wrap, .featured-work-card-box.case-studies-card-box {
    grid-template-columns: 1fr;
  }
  .featured-work-card-text-box.text-box {
    grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  }
  .our-work-fast-wrapper {
    flex-flow: wrap;
  }
  .our-work-grdden-text-wrapper {
    padding-right: var(--_responsive---element-spacing--spacing-27x);
    padding-left: var(--_responsive---element-spacing--spacing-27x);
  }
  .our-work-last-wrapper {
    flex-flow: wrap;
  }
  .our-process-wrapper {
    padding-right: var(--_responsive---element-spacing--spacing-14x);
    padding-left: var(--_responsive---element-spacing--spacing-14x);
  }
  .our-process-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-7x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-7x);
    flex-flow: wrap;
  }
  .our-process-text-box {
    width: var(--_responsive---full-size);
    grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
    justify-content: flex-start;
    align-items: stretch;
  }
  .our-process-image-text-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .our-clients-section {
    padding-top: var(--_responsive---element-spacing--spacing-23x);
    padding-bottom: var(--_responsive---element-spacing--spacing-24x);
  }
  .our-partners-text-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-16x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-16x);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }
  .our-partners-text-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .tabs {
    flex-flow: column;
  }
  .tabs-menu {
    flex-flow: row;
  }
  .featured-brands-image-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .tabs-content {
    margin-top: var(--_responsive---element-spacing--spacing-19x);
    margin-left: var(--_responsive---none);
  }
  .worked-image-box {
    max-width: 250px;
  }
  .worked-text-dectlies-wrap {
    margin-top: 164px;
    margin-left: var(--_responsive---none);
  }
  .campaign-packages-header-wrap {
    max-width: none;
  }
  .our-packages-wrapper {
    grid-template-columns: 1fr;
  }
  .our-clients-say-icon-wrap {
    width: 120px;
    height: 120px;
  }
  .loved-by-creators-button-wrap {
    width: 70px;
  }
  .client-stories-card-box.client-stories-box-two, .client-stories-card-box.client-stories-box-three, .client-stories-card-box.client-stories-box-six, .client-stories-card-box.client-stories-box-seven {
    margin-top: var(--_responsive---none);
  }
  .insights-ideas-wrap {
    flex-flow: column;
  }
  .insights-ideas-left-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-16x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-16x);
  }
  .insights-ideas-right-card-box {
    grid-template-columns: 1fr;
  }
  .insights-ideas-right-card-box-text-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  }
  .about-hero-image-wrap.about-hero-image-one {
    left: 7%;
  }
  .about-hero-image-wrap.about-hero-image-two {
    width: 60px;
    height: 60px;
  }
  .about-hero-image-wrap.about-hero-image-three {
    width: 80px;
    height: 80px;
  }
  .about-hero-image-wrap.about-hero-image-four {
    width: 50px;
    height: 50px;
    inset: 0% 2% auto auto;
  }
  .about-hero-image-wrap.about-hero-image-five {
    width: 60px;
    height: 60px;
    margin-top: 43px;
  }
  .text-creats-wrap {
    grid-template-columns: 2fr;
  }
  .our-creators-sticky {
    height: auto;
  }
  .crad-all-box {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    place-items: center;
  }
  .about-hero-text-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-13x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-13x);
  }
  .our-values-text-wrapper {
    grid-template-columns: 2fr;
  }
  .our-values-image-wrapper {
    display: none;
  }
  .our-team-image-text-wrap {
    grid-template-columns: 1fr;
  }
  .our-team-image-text-box {
    grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  }
  .process-text-wrapper {
    flex-flow: wrap;
    grid-template-columns: 1fr;
  }
  .process-card-wrapper.about-proces-card {
    margin-top: var(--_responsive---element-spacing--spacing-17x);
    grid-template-columns: 1fr;
  }
  .clients-text-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  }
  .clients-carkel-image-box.clients-carkel-image-one {
    width: 50px;
    height: 50px;
    padding-top: var(--_responsive---element-spacing--spacing-13x);
    padding-bottom: var(--_responsive---element-spacing--spacing-13x);
    display: none;
    left: 24px;
  }
  .clients-carkel-image-box.clients-carkel-image-two {
    width: 60px;
    height: 60px;
    padding-top: var(--_responsive---element-spacing--spacing-11x);
    padding-bottom: var(--_responsive---element-spacing--spacing-11x);
    display: none;
    right: 24px;
  }
  .clients-carkel-image-box.clients-carkel-image-three {
    width: 40px;
    height: 40px;
    padding: var(--_responsive---element-spacing--spacing-7x);
    display: none;
    top: 74px;
  }
  .clients-carkel-image-box.clients-carkel-image-four {
    width: 60px;
    height: 60px;
    padding: var(--_responsive---element-spacing--spacing-11x) var(--_responsive---element-spacing--spacing-12x);
    display: none;
    bottom: 20px;
  }
  .clients-carkel-image-box.clients-carkel-image-five {
    width: 60px;
    height: 60px;
    padding-top: var(--_responsive---element-spacing--spacing-11x);
    padding-bottom: var(--_responsive---element-spacing--spacing-11x);
    display: none;
  }
  .clients-carkel-image-box.clients-carkel-image-six {
    width: 40px;
    height: 40px;
    display: none;
  }
  .our-influencers-image-text-wrapper {
    grid-template-columns: 1fr;
  }
  .our-influencers-image-text-box {
    height: 200px;
    max-width: var(--_responsive---full-size);
  }
  .our-influencers-join-wrapper {
    height: 200px;
  }
  .about-flex-one-part {
    display: none;
  }
  .about-flex-twopart {
    display: none;
    bottom: 42%;
  }
  .our-services-section {
    padding-top: var(--_responsive---section-padding--xlarge);
  }
  .faq-text-item-wrapper {
    padding-right: var(--_responsive---none);
    padding-left: var(--_responsive---none);
  }
  .ours-services-dectlies-top-wrapper {
    grid-template-columns: 1.5fr;
  }
  .ours-services-dectlies-card-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
  .ours-services-dectlies-card-box {
    height: 250px;
  }
  .ours-services-dectlies-card-icon-wrap {
    width: 60px;
    height: 60px;
    padding: var(--_responsive---element-spacing--spacing-13x);
  }
  .services-slide-text-wrapper {
    grid-template-columns: 1fr;
  }
  .ours-services-section, .case-studies-section {
    padding-top: var(--_responsive---section-padding--xlarge);
  }
  .case-studies-text-image-wrapper {
    grid-template-columns: 3fr;
  }
  .featured-work-name-dectlies-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-13x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-13x);
  }
  .featured-collection-list {
    grid-template-columns: 1fr;
  }
  .study-info-dectlies-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
  .case-detail-text-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-template-columns: 1fr;
  }
  .our-talent-image-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .no-text {
    display: none;
  }
  .our-talent-text-box {
    justify-content: flex-start;
    align-items: center;
  }
  .featured-creators-text-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-template-columns: 2fr;
  }
  .services-dect-collection-list {
    grid-template-columns: 1fr;
  }
  .blog-section {
    padding-top: var(--_responsive---section-padding--xxlarge);
  }
  .blog-text-wrapper {
    max-width: none;
  }
  .blog-detail-section {
    padding-top: var(--_responsive---section-padding--xlarge);
  }
  .pricing-plans-section {
    padding-top: var(--_responsive---element-spacing--spacing-31x);
  }
  .contact-form-wrapper {
    grid-template-columns: 1.8fr;
  }
  .contact-form-icon-text-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .license-image-box.secend {
    padding: 100px 120px;
  }
  .about-slider-mask {
    max-width: 400px;
    height: 500px;
  }
  .box-teams-seven-wrapper {
    max-width: 400px;
    display: none;
  }
  .box-teams-eight-wrapper {
    max-width: 380px;
    display: none;
  }
  .main-contents {
    padding-top: var(--_responsive---element-spacing--spacing-25x);
    padding-bottom: var(--_responsive---element-spacing--spacing-23x);
  }
  .card-slider-text-wrapper {
    grid-template: "."
                   "Area"
                   / 1fr;
    max-height: 250px;
  }
  .footer-from-buttom-wrap {
    align-self: flex-start;
  }}
@media screen and (max-width: 479px) {

  body {
    --_responsive---none: 0px;
    --_responsive---full-size: 100%;
    --_responsive---container--padding-x: 12px;
    --_responsive---section-padding--xlarge: 90px;
    --_responsive---element-spacing--spacing-1x: 4px;
    --_responsive---element-spacing--spacing-17x: 24px;
    --_responsive---element-spacing--spacing-27x: 40px;
    --_responsive---container--full-size-container: 100%;
    --_responsive---container--max-width: 1472px;
    --_responsive---element-spacing--spacing-12x: 16px;
    --_responsive---section-padding--large: 80px;
    --_responsive---element-spacing--spacing-30x: 50px;
    --_responsive---border-radius--radius-12x: 24px;
    --_responsive---element-spacing--spacing-15x: 24px;
    --_responsive---14-px: 14px;
    --_responsive---element-spacing--spacing-7x: 12px;
    --_responsive---border-radius--radius-3x: 4px;
    --_responsive---element-spacing--spacing-3x: 6px;
    --_responsive---element-spacing--spacing-19x: 32px;
    --_responsive---element-spacing--spacing-14x: 20px;
    --_responsive---border-radius--round: 100%;
    --_responsive---element-spacing--spacing-5x: 10px;
    --_responsive---element-spacing--spacing-4x: 8px;
    --_responsive---border-radius--radius-18x: 70px;
    --_responsive---element-spacing--spacing-10x: 18px;
    --_responsive---element-spacing--spacing-8x: 14px;
    --_responsive---section-padding--default: 50px;
    --_responsive---border-radius--radius-11x: 20px;
    --_responsive---element-spacing--spacing-22x: 36px;
    --_responsive---element-spacing--spacing-9x: 12px;
    --_responsive---element-spacing--spacing-23x: 36px;
    --_responsive---element-spacing--spacing-16x: 24px;
    --_responsive---element-spacing--spacing-2x: 5px;
    --_responsive---element-spacing--spacing-6x: 11px;
    --_responsive---border-radius--radius-7x: 8px;
    --_responsive---element-spacing--spacing-11x: 16px;
    --_responsive---border-radius--radius-4x: 6px;
    --_responsive---font-size--f90: 30px;
    --_responsive---border-radius--pill: 500px;
    --_responsive---section-padding--medium: 60px;
    --_responsive---border-radius--radius-6x: 14px;
    --_responsive---home-v3-reel-video-radius: 10px;
    --_responsive---border-radius--radius-5x: 6px;
    --_responsive---about-v2-hero-video-radius: 32px;
    --_responsive---element-spacing--spacing-28x: 40px;
    --_responsive---border-radius--radius-2x: 4px;
    --_responsive---border-radius--radius-14x: 26px;
    --_responsive---border-radius--radius-13x: 20px;
    --_responsive---element-spacing--spacing-25x: 40px;
    --_responsive---element-spacing--spacing-20x: 36px;
    --_responsive---element-spacing--spacing-33x: 30px;
    --_responsive---element-spacing--spacing-34x: 110px;
    --_responsive---element-spacing--spacing-35x: 40px;
    --_responsive---border-radius--radius-8x: 10px;
    --_responsive---border-radius--radius-9x: 12px;
    --_responsive---border-radius--radius-15x: 40px;
    --_responsive---border-radius--radius-10x: 14px;
    --_responsive---element-spacing--spacing-18x: 32px;
    --_responsive---border-radius--radius-16x: 60px;
    --_responsive---element-spacing--spacing-21x: 36px;
    --_responsive---element-spacing--spacing-31x: 80px;
    --_responsive---element-spacing--spacing-32x: 60px;
    --_responsive---element-spacing--spacing-24x: 40px;
    --_responsive---font-size--f36: 18px;
    --_responsive---element-spacing--spacing-29x: 40px;
    --_responsive---element-spacing--spacing-13x: 20px;
    --_responsive---element-spacing--spacing-36x: 120px;
    --_responsive---border-radius--radius-17x: 70px;
    --_responsive---section-padding--xxlarge: 100px;
    --_responsive---element-spacing--spacing-26x: 40px;
    --_responsive---border-radius--radius-1x: 4px;
    --_typography---font-family--body-font: "Hanken Grotesk", sans-serif;
    --_typography---text-default--font-size: 15px;
    --_typography---text-default--line-height: 1.25em;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---font-family--headding-font: "Averia Sans Libre", sans-serif;
    --_typography---h1--font-size: 44px;
    --_typography---h1--line-height: .86em;
    --_typography---h1--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h1--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h2--font-size: 36px;
    --_typography---h2--line-height: 1em;
    --_typography---h2--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h2--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h3--font-size: 34px;
    --_typography---h3--line-height: 1em;
    --_typography---h3--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h3--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h4--font-size: 28px;
    --_typography---h4--line-height: 1em;
    --_typography---h4--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h4--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h5--font-size: 20px;
    --_typography---h5--line-height: 1.4em;
    --_typography---h5--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h5--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---h6--font-size: 18px;
    --_typography---h6--line-height: 1.25em;
    --_typography---h6--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---h6--letter-spacing: var(--_typography---letter-spacing--large);
    --_typography---tag-label-text--line-height: 1.2em;
    --_typography---font-weight--regular: 400;
    --_typography---tag-label-text--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-weight--medium: 500;
    --_typography---text-medium--font-size: 16px;
    --_typography---text-medium--line-height: 1.33em;
    --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
    --_typography---font-family--four-font: Geist, sans-serif;
    --_typography---text-large--font-size: 17px;
    --_typography---text-large--line-height: .7em;
    --_typography---text-large--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---text-large--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---button-text--font-weight: var(--_typography---font-weight--medium);
    --_typography---button-text--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-family--third-font: "Inter Tight", sans-serif;
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1.29em;
    --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---display-two--font-size: 32px;
    --_typography---display-two--line-height: 1.2em;
    --_typography---display-two--font-weight: var(--_typography---font-weight--bold);
    --_typography---display-two--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---letter-spacing--larges-big: -.08em;
    --_typography---display-one--font-size: 40px;
    --_typography---display-one--line-height: 1em;
    --_typography---display-one--font-weight: var(--_typography---font-weight--bold);
    --_typography---display-one--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
    --_typography---letter-spacing--large: -.04em;
    --_typography---display-five--font-size: 18px;
    --_typography---display-five--line-height: 1.2em;
    --_typography---display-five--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---display-five--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---display-three--font-size: 24px;
    --_typography---display-three--line-height: 1em;
    --_typography---display-three--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---display-three--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---display-four--font-size: 40px;
    --_typography---display-four--line-height: 1.2em;
    --_typography---display-four--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---display-four--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---display-six--font-size: 6.17px;
    --_typography---display-six--line-height: 1.15em;
    --_typography---display-six--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-seven--font-size: 44px;
    --_typography---display-seven--line-height: 1em;
    --_typography---display-seven--font-weight: var(--_typography---font-weight--medium);
    --_typography---display-seven--letter-spacing: var(--_typography---letter-spacing--larges);
    --_typography---display-six--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-extra-small--font-size: 12px;
    --_typography---text-extra-small--line-height: 1.3em;
    --_typography---text-extra-small--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-extra-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---tag-label-text--font-size: 12px;
    --_typography---tag-label-text--font-weight: var(--_typography---font-weight--regular);
    --_typography---button-text--font-size: 16px;
    --_typography---button-text--line-height: 1.35em;
    --_typography---font-weight--light: 300;
    --_typography---letter-spacing--none: 0em;
    --_typography---letter-spacing--tiny: .01em;
    --_typography---letter-spacing--small: -.01em;
    --_typography---letter-spacing--default: -.02em;
    --_typography---letter-spacing--medium: -.03em;
    --_typography---letter-spacing--larges: -.06em;
  }
  .utility-page-wrap {
    height: 70vh;
  }
  .style-guide-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  }
  .color-block-inner-wrap {
    width: var(--_responsive---full-size);
    grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
    grid-template-columns: 1fr;
  }
  .color-block-inner {
    height: 120px;
  }
  .typography-box-inner-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  }
  .hamburger {
    width: 36px;
    height: 36px;
  }
  .menu-dectlies-wrap {
    grid-template-columns: 1fr 1.32fr;
  }
  .section-43 {
    padding-top: 0;
  }
  .footer-top-text-wrapper {
    flex-flow: wrap;
    grid-template-columns: 1fr;
    justify-content: space-between;
    align-items: center;
  }
  .footer-top-text-wrap {
    justify-content: center;
    align-items: flex-start;
  }
  .footer-link-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-auto-columns: 1fr;
  }
  .hero-section {
    padding-top: var(--_responsive---element-spacing--spacing-34x);
  }
  .agency-hero-image-wrap, .agency-hero-image-wrap.two {
    width: 30px;
  }
  .agency-hero-secend-wrapper {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-end;
  }
  .agency-dectlies-wrap {
    max-width: 360px;
  }
  .decorated-title-style-wrap {
    display: none;
  }
  .hero-intro-left-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
    justify-content: flex-start;
    align-items: center;
  }
  .hero-intro-line {
    display: none;
  }
  .agency-hero-dectlies-box {
    width: var(--_responsive---full-size);
    text-align: center;
  }
  .hero-intro-left-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  .hero-intro-meddle-left-icon {
    width: 100px;
    height: 100px;
    left: -8%;
  }
  .hero-intro-meddle-right-icon {
    width: 80px;
    height: 80px;
  }
  .hero-intro-card-image-wrap {
    width: 50px;
    height: 50px;
  }
  .hero-intro-card-text-wrap {
    justify-content: center;
    align-items: center;
  }
  .hero-intro-card-social-wrap {
    width: 40px;
  }
  .h6.center {
    text-align: center;
  }
  .redal-text-wrap.our-read {
    align-self: flex-start;
  }
  .slide-creators-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  }
  .slide-creators-text-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  }
  .slide-creators-image-wrapper {
    width: var(--_responsive---full-size);
  }
  .slide-creators-image-wrap {
    height: 350px;
  }
  .slide-creators-image-left-wrap {
    top: 0%;
  }
  .slide-creators-image-left-wrap.three-icon-one-wrap {
    top: 0%;
    right: -12%;
  }
  .slide-creators-image-text-wrap {
    width: auto;
  }
  .slide-creators-image-text-wrap.card-text-one.flex {
    top: -6%;
    right: 0%;
  }
  .slide-creators-image-text-wrap.card-text-one.flex.two-boxs {
    bottom: 0%;
    left: 0%;
  }
  .slide-creators-image-text-wrap.card-text-one.flex.three-boxs {
    bottom: 0%;
    right: 0%;
  }
  .slide-creators-image-love-wrap.love-text-one.lov-two-boxs {
    top: 20%;
    right: 3%;
  }
  .slide-creators-image-love-wrap.love-text-one.lov-three-wrap {
    top: 22%;
  }
  .slide-creators-image-right-wrap {
    bottom: 10%;
  }
  .slide-creators-image-right-wrap.two-icon-wrap {
    bottom: 0%;
    right: -9%;
  }
  .slide-creators-image-right-wrap.three-icon-twowrap {
    bottom: 6%;
    left: -10%;
  }
  .right-arrow {
    right: 0%;
  }
  .meet-creators-fast-wrap {
    grid-template-columns: 1fr 1fr;
    max-width: none;
  }
  .meet-creators-last-wrap, .meet-creators-dolled-wrap {
    grid-template-columns: 1fr 1fr;
  }
  .text-title-box.meet-text-two {
    left: -36%;
  }
  .text-title-box.item-three {
    transform: translate(0)rotate(-4deg);
  }
  .featured-work-card-text-box {
    grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  }
  .featured-work-card-text-box.text-box {
    grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  }
  .capabilities-text-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  }
  .our-work-wrapper {
    margin-top: var(--_responsive---element-spacing--spacing-16x);
  }
  .our-process-wrapper {
    min-height: 864px;
  }
  .our-process-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-11x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  }
  .our-process-text-box {
    grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  }
  .our-process-image-text-wrapper {
    margin-top: var(--_responsive---element-spacing--spacing-9x);
  }
  .our-partners-text-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .our-partners-text-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  }
  .worked-text-dectlies-wrap {
    margin-top: 170px;
  }
  .our-clients-say-icon-wrap {
    width: 100px;
    height: 100px;
  }
  .client-stories-wrap {
    grid-template-columns: 1fr;
  }
  .hero-intro-card-image-text-wrap {
    justify-content: center;
    align-items: center;
  }
  .about-hero-image-wrap.about-hero-image-one, .about-hero-image-wrap.about-hero-image-four {
    display: none;
  }
  .about-hero-text-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  }
  .about-hero-section {
    padding-top: var(--_responsive---section-padding--xlarge);
  }
  .our-values-text-wrapper {
    grid-template-columns: 2fr;
  }
  .our-values-image-wrapper {
    display: none;
  }
  .our-team-image-text-wrap {
    grid-template-columns: 1fr;
  }
  .clients-text-dectlies-wrap {
    margin-top: var(--_responsive---element-spacing--spacing-1x);
  }
  .clients-carkel-image-box.clients-carkel-image-three {
    display: none;
    top: 111px;
    left: 16px;
  }
  .clients-carkel-image-box.clients-carkel-image-four {
    bottom: 38px;
  }
  .clients-carkel-image-box.clients-carkel-image-six {
    display: none;
    right: 60px;
  }
  .our-influencers-image-text-wrapper {
    grid-template-columns: 1fr;
  }
  .our-influencers-join-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  }
  .about-flex-one-part {
    display: none;
  }
  .our-services-section {
    padding-top: var(--_responsive---element-spacing--spacing-34x);
  }
  .faq-icon-box-wrap {
    flex: none;
  }
  .case-studies-text-image-wrapper {
    grid-template-columns: 2fr;
  }
  .study-info-dectlies-wrapper {
    grid-template-columns: 1fr;
  }
  .our-talent-image-wrapper, .our-talent-text-box-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .our-talent-card-image-wrapper, .cas-studies-decti-collection-lists {
    grid-template-columns: 1fr;
  }
  .blog-section {
    padding-top: var(--_responsive---element-spacing--spacing-34x);
  }
  .blog-card-wrapper {
    margin-top: var(--_responsive---element-spacing--spacing-16x);
  }
  .blog-detail-autor-box {
    flex-flow: wrap;
  }
  .pricing-plans-item-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .pricing-plans-dectlies-wrapper {
    width: var(--_responsive---full-size);
  }
  .from-box-wrapper, .contact-form-icon-text-wrapper {
    grid-template-columns: 1fr;
  }
  .password-image-box {
    padding: var(--_responsive---element-spacing--spacing-18x);
  }
  .license-image-wrap {
    grid-template-columns: 1fr;
  }
  .license-image-box {
    padding: 100px 80px;
  }
  .license-image-box.secend {
    padding: 70px 100px;
  }
  .box-teams-seven-wrapper {
    max-width: 280px;
  }
  .box-teams-eight-wrapper {
    max-width: 250px;
    left: 7%;
  }
  .card-slider-text-wrapper {
    max-height: 200px;
  }}

#node-_76f638c2-031c-84b3-0753-06f4b7309c79-3a890071, #node-_94dcc96f-70de-ca3e-178c-5287b6060a6e-3a890071 {
  justify-self: end;
}
#node-_94dcc96f-70de-ca3e-178c-5287b6060a77-3a890071 {
  justify-self: start;
}
#node-_0df2c024-e646-50fc-5db9-6d2db8fe391c-3a890071 {
  place-self: stretch;
}
#node-_99642ba7-df66-fd82-db9b-49bf6d41990f-3a890075, #node-e02517b2-3dd0-27a6-f2e2-b51b0ee6b418-3a890075, #node-e02517b2-3dd0-27a6-f2e2-b51b0ee6b41b-3a890075, #node-e02517b2-3dd0-27a6-f2e2-b51b0ee6b41c-3a890075, #node-e02517b2-3dd0-27a6-f2e2-b51b0ee6b41d-3a890075, #node-fd693b72-7f09-9c67-4ce2-f22b266df60b-3a890075, #node-fd693b72-7f09-9c67-4ce2-f22b266df60e-3a890075, #node-fd693b72-7f09-9c67-4ce2-f22b266df611-3a890075, #node-fd693b72-7f09-9c67-4ce2-f22b266df614-3a890075, #node-_95b126ba-f8fb-6d24-250e-dbcd64034b07-3a890075, #node-_95b126ba-f8fb-6d24-250e-dbcd64034b0a-3a890075, #node-_95b126ba-f8fb-6d24-250e-dbcd64034b0d-3a890075, #node-_95b126ba-f8fb-6d24-250e-dbcd64034b10-3a890075, #node-a61e6ba8-bb98-5fab-bc3c-1c42ef0d567e-3a890075, #node-a61e6ba8-bb98-5fab-bc3c-1c42ef0d5681-3a890075, #node-a61e6ba8-bb98-5fab-bc3c-1c42ef0d5684-3a890075, #node-a61e6ba8-bb98-5fab-bc3c-1c42ef0d5687-3a890075, #node-_9a2db955-649c-c783-a25e-89d82360100c-3a890075, #node-_9a2db955-649c-c783-a25e-89d82360100f-3a890075, #node-_9a2db955-649c-c783-a25e-89d823601012-3a890075, #node-_9a2db955-649c-c783-a25e-89d823601015-3a890075, #node-_79181545-11ff-e856-840f-13d871f88ba9-3a890075, #node-_79181545-11ff-e856-840f-13d871f88bac-3a890075, #node-_79181545-11ff-e856-840f-13d871f88baf-3a890075, #node-_79181545-11ff-e856-840f-13d871f88bb2-3a890075, #node-_6e538662-6af1-5638-8597-549196e30520-3a890075, #node-_6e538662-6af1-5638-8597-549196e30523-3a890075, #node-_6e538662-6af1-5638-8597-549196e30526-3a890075, #node-_6e538662-6af1-5638-8597-549196e30529-3a890075, #node-ce7e9dc8-6601-1faa-494f-c01f3289c5b2-3a890075, #node-ce7e9dc8-6601-1faa-494f-c01f3289c5b5-3a890075, #node-f5708985-4d37-d628-c798-6d354ecf93d9-3a890075, #node-bb6f7268-0edd-3611-a0e6-8cab9914a2ae-3a890075 {
  align-self: center;
}
#node-b8d122ea-e261-f78d-3c17-3aef6e1e139e-3a890076 {
  justify-self: start;
}
#node-e9d58148-473f-05f9-a8c3-61315bb96930-3a890076 {
  place-self: center;
}
#node-bc284ac0-0a56-ba37-8f9b-16cb6e82ba35-3a890076 {
  justify-self: end;
}
#node-_209c068c-786d-0a2c-fb5f-e0110c065c46-3a89007d {
  place-self: auto;
}
#node-a11a11c3-a43d-80d8-cd6c-9fcf0af2daf3-3a89007d, #node-e4c4f1c5-f086-271c-b31c-0e30c1ddc864-3a89007d, #node-b0a7bf29-ab3d-671b-d6c5-4113b1c15c43-3a890088 {
  align-self: end;
}
#node-_33ef359c-df84-2463-d113-f1cf232916d5-3a890088 {
  place-self: center;
}
#node-dcd6488d-77bd-21da-b9f6-6767b3beae8a-3a890088 {
  justify-self: end;
}
#node-_4afcec64-189f-2c43-2a40-0b284f841630-3e96b503 {
  align-self: center;
}
#node-_68fac7f5-6c78-ec7c-17d9-546fbcca282a-3e96b503 {
  place-self: auto;
}
#node-_68fac7f5-6c78-ec7c-17d9-546fbcca282f-3e96b503, #node-_33c920ed-7789-f70d-49b5-f21cda7ab814-3e96b503 {
  align-self: end;
}
#node-aa4ca1e6-9414-2f0e-fd91-f979de09e93f-0bf70660 {
  align-self: auto;
}
#node-_38ddf7a8-98d0-e746-438c-ef12e9f84b6a-0bf70660 {
  justify-self: end;
}
#node-_57ff5480-7acf-c0b2-c530-92cc2ec222b0-0bf70660, #node-f7773938-22ca-2235-3bfa-a5d85a34d1be-af7797be {
  place-self: end;
}@media screen and (min-width: 1280px) {

  #node-_0ac9d32d-ab13-a64b-86b5-dd1a2c63e57d-3a890088 {
    justify-self: end;
  }}
@media screen and (max-width: 991px) {

  #node-_60d8db18-c147-845d-080a-ad69259b9794-3a890071 {
    order: 9999;
  }
  #node-_76f638c2-031c-84b3-0753-06f4b7309c79-3a890071 {
    order: 9999;
    justify-self: center;
  }
  #node-_94dcc96f-70de-ca3e-178c-5287b6060a65-3a890071, #node-_94dcc96f-70de-ca3e-178c-5287b6060a6e-3a890071 {
    place-self: center;
  }
  #node-_61536114-f853-7b8f-27e5-49cf2f79f3f8-9a1acfa1, #node-_259398c3-6102-f7be-2530-bc9388d4b43e-9a1acfa1 {
    place-self: auto;
  }}
@media screen and (max-width: 767px) {

  #node-_94dcc96f-70de-ca3e-178c-5287b6060a6e-3a890071, #node-_94dcc96f-70de-ca3e-178c-5287b6060a77-3a890071 {
    justify-self: center;
  }
  #node-_6ca6d7b4-4f3d-39bb-3623-536092c536fc-92c536d4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  #node-bc284ac0-0a56-ba37-8f9b-16cb6e82ba35-3a890076 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }
  #node-_57ff5480-7acf-c0b2-c530-92cc2ec222b0-0bf70660, #node-f7773938-22ca-2235-3bfa-a5d85a34d1be-af7797be {
    justify-self: start;
  }}
@media screen and (max-width: 479px) {

  #node-b8d122ea-e261-f78d-3c17-3aef6e1e139e-3a890076 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: auto;
  }
  #node-e9d58148-473f-05f9-a8c3-61315bb96930-3a890076 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: center;
  }
  #node-bc284ac0-0a56-ba37-8f9b-16cb6e82ba35-3a890076 {
    justify-self: auto;
  }}


/* ======================================================================
   4. Components -- vanilla replacements for the Webflow runtime
   ======================================================================

   Everything the export's runtime did -- its IX3 interactions, its IX2
   slider cards, the designer's inline custom-code block and Webflow's own
   widgets -- is re-authored here and in assets/js/main.js. Every duration,
   delay, distance and curve below is transcribed from the export's payload
   (`register([...interactions], [...timelines])` in js/webflow.js), not
   estimated.

   How the payload's numbers map onto CSS:

     * IX3 stores its eases as an index into GSAP's own table. The ones this
       template uses resolve to the curves in :root below; an action with no
       ease is GSAP's default, power1.out, and one with no duration runs
       GSAP's default 0.5s.
     * "reverseFlipEase" (every hover here) plays the timeline backwards with
       the curve flipped so the way back looks like the way out -- which is
       exactly what a CSS transition does when its state is removed.
     * Scroll reveals play once, at ScrollTrigger's `top 92%`; main.js adds
       `.is-revealed` to the TRIGGER and the CSS animates it or its items.

   Every rest state that hides something is gated on `:where(.js)`, set by
   the one-line script in each page's <head>, so a visitor without
   scripting sees the finished page rather than a blank one.

   Two conventions from earlier conversions run through the sheet:

     * A REVEAL IS AN ANIMATION, NEVER A TRANSITION, and its keyframes name
       only a `from`. An element's `transition` belongs to its hovers; a
       reveal that wrote one would replace them. And with no `to` keyframe,
       an animation ends on the element's own computed value, so nothing
       here has to repeat a design value -- or can contradict one.
     * MOTION USES `translate`, `rotate` AND `scale`, not `transform`. The
       individual properties compose with whatever `transform` the design
       already gives an element. The two exceptions -- the swaying price
       cards and the dropping tag chips -- are marked where they occur:
       GSAP REPLACES the transform component it animates, and on those
       elements the design has one, so the replacement is reproduced.
   ====================================================================== */

:root {
  /* GSAP's curves, as cubic-beziers. Index -> name is IX3's own table. */
  --ease-power1-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);   /* 2, default */
  --ease-power1-in: cubic-bezier(0.55, 0.085, 0.68, 0.53);   /* 1 */
  --ease-power2-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-power2-in-out: cubic-bezier(0.645, 0.045, 0.355, 1); /* 6 */
  --ease-expo-in: cubic-bezier(0.95, 0.05, 0.795, 0.035);    /* 25 */
  --ease-back-out: cubic-bezier(0.175, 0.885, 0.32, 1.275);  /* back.out(1.7) */
}

/* ---- structure this build inserts ------------------------------------ */
/* `<main>` and the FAQ's `<h3>` are wrappers the export did not have. Both
   are `display: contents`, so every flex and grid parent still sees the
   same children it saw before and nothing moves. */
main,
.faq-heading {
  display: contents;
}

.faq-heading {
  margin: 0;
  font: inherit;
}

/* `hidden` is a UA `display: none`, which ANY design class that sets a
   display beats. Form states and the video's idle glyph rely on it. */
[hidden] {
  display: none !important;
}

/* ----------------------------------------------------------------------
   Split text
   ----------------------------------------------------------------------
   Both button components roll their label a character at a time, which is
   GSAP's SplitText in the export. main.js wraps each word in `.split-word`
   and each character in `.split-char`; a word never breaks, because every
   inline-block character is a line-break opportunity of its own. */
.split-word {
  display: inline-block;
  white-space: nowrap;
}

.split-char {
  display: inline-block;
}

/* ----------------------------------------------------------------------
   Text links (`.text-button`) -- IX3 i-00a50fa3
   ----------------------------------------------------------------------
   Every nav, menu and footer link: both copies of the label rise one line
   (`y: -100%`) in 0.36s after a 0.07s hold, the resting copy shrinking to
   40% and the incoming one growing from it. All characters move together;
   the split is there because each one scales about its OWN centre. */
.text-button .split-char {
  transition: translate 0.36s var(--ease-power1-out),
              scale 0.36s var(--ease-power1-out);
}

.text-button-hover-text .split-char {
  scale: 0.4;
}

.text-button:hover .split-char,
.text-button:focus-visible .split-char {
  translate: 0 -100%;
  transition-delay: 0.07s;
}

.text-button:hover .text-button-normal-text .split-char,
.text-button:focus-visible .text-button-normal-text .split-char {
  scale: 0.4;
}

.text-button:hover .text-button-hover-text .split-char,
.text-button:focus-visible .text-button-hover-text .split-char {
  scale: 1;
}

/* ----------------------------------------------------------------------
   Buttons (`.button`) -- IX3 i-34e05c93, scoped to the button component
   ----------------------------------------------------------------------
   The label rolls up from below one character at a time (0.25s each,
   0.018s apart, first to last); leaving drops it back in from ABOVE, last
   character first. Measured on the published page: the payload writes two
   tweens on the same characters and the later one wins in each direction.
   main.js sets `--i` / `--n` on the characters and toggles the two states,
   so each hover restarts the roll. The arrow turns 45deg; on leave it waits
   for the characters, because the reversed timeline reaches its tween only
   after their stagger has played out. */
.button .split-char {
  animation-duration: 0.25s;
  animation-timing-function: var(--ease-power1-out);
}

.button.is-rolling-in .button-normal-text .split-char {
  animation-name: roll-from-below;
  animation-delay: calc(var(--i, 0) * 18ms);
}

.button.is-rolling-out .button-normal-text .split-char {
  animation-name: roll-from-above;
  animation-delay: calc((var(--n, 1) - 1 - var(--i, 0)) * 18ms);
}@keyframes roll-from-below {

  from { translate: 0 100%; }}
@keyframes roll-from-above {

  from { translate: 0 -100%; }}


.button [data-button-icon] {
  transition: rotate 0.25s var(--ease-power1-out)
              calc((var(--n, 1) - 1) * 18ms);
}

.button:hover [data-button-icon],
.button:focus-visible [data-button-icon] {
  transition-delay: 0s;
}

.button:hover [data-button-icon="one"],
.button:focus-visible [data-button-icon="one"] {
  rotate: 45deg;
}

.button:hover [data-button-icon="two"],
.button:focus-visible [data-button-icon="two"] {
  rotate: -45deg;
}

/* ----------------------------------------------------------------------
   Icon buttons follow the pointer -- IX3 i-fef9e431 (see main.js)
   ---------------------------------------------------------------------- */
[data-magnet] .icon-button-icon {
  translate: var(--magnet-x, 0) var(--magnet-y, 0);
}

/* ----------------------------------------------------------------------
   Hover zooms
   ---------------------------------------------------------------------- */
/* Image cards: the picture grows to 115% -- IX3 i-230919d6. */
[data-card-zoom-target] {
  transition: scale 0.6s var(--ease-power1-out);
}

[data-card-zoom]:hover [data-card-zoom-target] {
  scale: 1.15;
}

/* The hero's social icons shrink to 80% -- IX3 i-07015591. */
[data-hover-shrink-target] {
  transition: scale 0.6s var(--ease-power1-out);
}

[data-hover-shrink]:hover [data-hover-shrink-target],
[data-hover-shrink]:focus-visible [data-hover-shrink-target] {
  scale: 0.8;
}

/* About page, first influencer photo -- IX3 i-ad79e2e9. The payload gives
   it a hover-IN trigger and no hover-out, so it grows to 120% the first
   time a pointer reaches it and stays there; main.js adds the class. */
.our-influencers-image-text-box.image-one-box {
  transition: scale 0.5s var(--ease-power1-out);
}

.our-influencers-image-text-box.image-one-box.is-zoomed {
  scale: 1.2;
}

/* Slider arrows press in and spring back on every click -- IX3 i-8181fa36:
   `scale: 0.9`, 0.2s, yoyo once, after 0.11s, expo.in. main.js restarts it. */
[data-press].is-pressed {
  animation: press 0.4s var(--ease-expo-in) 0.11s;
}@keyframes press {

  50% { scale: 0.9; }}


/* ----------------------------------------------------------------------
   Scroll reveals -- IX3, all at ScrollTrigger's `top 92%`, played once
   ---------------------------------------------------------------------- */
/* `[fade-up]` -- i-372c70f6: the element rises 60px as it fades in, 0.45s
   after a 0.1s hold. */
:where(.js) [data-fade-up]:not(.is-revealed) {
  opacity: 0;
  translate: 0 60px;
}

:where(.js) [data-fade-up].is-revealed {
  animation: fade-up 0.45s var(--ease-power1-out) 0.1s backwards;
}@keyframes fade-up {

  from { opacity: 0; translate: 0 60px; }}


/* `[fade]` -- i-179b06d0: opacity only, 0.45s, power1.in. */
:where(.js) [data-fade]:not(.is-revealed) {
  opacity: 0;
}

:where(.js) [data-fade].is-revealed {
  animation: fade-in 0.45s var(--ease-power1-in) backwards;
}@keyframes fade-in {

  from { opacity: 0; }}


/* `[group-fade-up-parent]` -- i-5b0b31d1: the items inside rise 60px,
   0.45s each, 0.18s apart after a 0.1s hold. */
:where(.js) [data-stagger]:not(.is-revealed) [data-stagger-item] {
  opacity: 0;
  translate: 0 60px;
}

:where(.js) [data-stagger].is-revealed [data-stagger-item] {
  animation: fade-up 0.45s var(--ease-power1-out) backwards;
  animation-delay: calc(0.1s + var(--i, 0) * 0.18s);
}

/* `[group-fedup-move-priend]` -- i-6994eb39: the items inside rise 100px,
   0.5s each, 0.1s apart after a 0.1s hold. An item with no such parent is
   reached by no interaction, and stays put. */
:where(.js) [data-rise]:not(.is-revealed) [data-rise-item] {
  opacity: 0;
  translate: 0 100px;
}

:where(.js) [data-rise].is-revealed [data-rise-item] {
  animation: rise 0.5s var(--ease-power1-out) backwards;
  animation-delay: calc(0.1s + var(--i, 0) * 0.1s);
}@keyframes rise {

  from { opacity: 0; translate: 0 100px; }}


/* `[group-fedup-phone-priend]` -- i-612af6c6: the creators cards rise
   100px, 0.7s each, 0.3s apart, as soon as the section's top clears the
   bottom of the screen -- and ONLY BELOW 992px (`dont-animate` on the
   `main` breakpoint). Above it the scrub below positions them instead. */
@media screen and (max-width: 991px) {
  :where(.js) [data-phones]:not(.is-revealed) [data-phones-item] {
    translate: 0 100px;
  }

  :where(.js) [data-phones].is-revealed [data-phones-item] {
    animation: phone-rise 0.7s var(--ease-power1-out) backwards;
    animation-delay: calc(var(--i, 0) * 0.3s);
  }
}@keyframes phone-rise {

  from { translate: 0 100px; }}


/* `[origin-fade-up-priend]` -- i-7963fecb: the item grows out of its top
   right corner, 0.51s. */
:where(.js) [data-grow-item] {
  transform-origin: 100% 0%;
}

:where(.js) [data-grow]:not(.is-revealed) [data-grow-item] {
  opacity: 0;
  scale: 0;
}

:where(.js) [data-grow].is-revealed [data-grow-item] {
  animation: grow 0.51s var(--ease-power1-out) backwards;
}@keyframes grow {

  from { opacity: 0; scale: 0; }}


/* The instructions page's sections -- IX2's `slideInBottom` preset: 100px
   up and in over a second on outQuart, 50ms after the section's top enters
   the screen. */
:where(.js) [data-slide-in]:not(.is-revealed) {
  opacity: 0;
  translate: 0 100px;
}

:where(.js) [data-slide-in].is-revealed {
  animation: slide-in 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s backwards;
}@keyframes slide-in {

  from { opacity: 0; translate: 0 100px; }}


/* `[move-scroll-card-box]` -- i-80217074: the tag chips drop into place.
   Driven from main.js, because the chips carry design transforms (a nudge
   and a tilt each) whose Y component GSAP REPLACES rather than adds to. */

/* ----------------------------------------------------------------------
   Load sequences -- IX3 `wf:load`, one per page that has one
   ----------------------------------------------------------------------
   main.js adds `.is-loaded` to <html> on the window's `load` event, which
   is when IX3 plays these. Each page's sequence is scoped by the
   `data-page` attribute on its <body>. */
@keyframes load-rise {
  from { opacity: 0; translate: 0 50px; }
}@keyframes load-fade {

  from { opacity: 0; }}
@keyframes load-pop {

  from { opacity: 0; scale: 0.5; }}
@keyframes load-grow {

  from { opacity: 0; scale: 0; }}
@keyframes load-slide-left {

  from { opacity: 0; translate: -50px 0; }}
@keyframes load-slide-right {

  from { opacity: 0; translate: 50px 0; }}


/* Home -- i-4f6ebce5. */
:where(.js:not(.is-loaded)) [data-page="index"] :is(.agency-hero-text-wrap,
    .agency-dectlies-wrap, .hero-intro-section) {
  opacity: 0;
  translate: 0 50px;
}

:where(.js:not(.is-loaded)) [data-page="index"] :is(.hero-intro-meddle-left-icon,
    .hero-intro-meddle-right-icon) > img {
  opacity: 0;
  scale: 0.5;
}

:where(.js:not(.is-loaded)) [data-page="index"] :is(.bg-image-left-wrap,
    .bg-image-right-wrap) {
  opacity: 0;
  scale: 0;
}

[data-page="index"] .bg-image-left-wrap {
  transform-origin: 0% 100%;
}

[data-page="index"] .bg-image-right-wrap {
  transform-origin: 100% 0%;
}

:where(.is-loaded) [data-page="index"] .agency-hero-text-wrap {
  animation: load-rise 0.45s var(--ease-power1-out) 0.07s backwards;
}

:where(.is-loaded) [data-page="index"] .agency-dectlies-wrap {
  animation: load-rise 0.45s var(--ease-power1-out) 0.16s backwards;
}

:where(.is-loaded) [data-page="index"] .hero-intro-section {
  animation: load-rise 0.45s var(--ease-power1-out) 0.26s backwards;
}

:where(.is-loaded) [data-page="index"] :is(.hero-intro-meddle-left-icon,
    .hero-intro-meddle-right-icon) > img {
  animation: load-pop 0.4s var(--ease-back-out) 0.36s backwards;
}

:where(.is-loaded) [data-page="index"] :is(.bg-image-left-wrap,
    .bg-image-right-wrap) {
  animation: load-grow 0.51s var(--ease-power1-out) backwards;
}

/* About -- i-45400cdc. */
:where(.js:not(.is-loaded)) [data-page="about"] :is(.h1.hero-text-one,
    .h1.hero-text-two, .decorated-title-text-wrap,
    .about-hero-text-dectlies-wrap, .our-values-wrapper) {
  opacity: 0;
  translate: 0 50px;
}

:where(.js:not(.is-loaded)) [data-page="about"] :is(
    .about-hero-image-wrap.about-hero-image-one, .about-flex-one-part,
    .about-flex-twopart, .about-hero-image-wrap.about-hero-image-four) {
  opacity: 0;
}

:where(.is-loaded) [data-page="about"] .h1.hero-text-one {
  animation: load-rise 0.45s var(--ease-power1-out) 0.05s backwards;
}

:where(.is-loaded) [data-page="about"] .h1.hero-text-two {
  animation: load-rise 0.45s var(--ease-power1-out) 0.15s backwards;
}

:where(.is-loaded) [data-page="about"] .decorated-title-text-wrap {
  animation: load-rise 0.45s var(--ease-power1-out) 0.28s backwards;
}

:where(.is-loaded) [data-page="about"] .about-hero-text-dectlies-wrap {
  animation: load-rise 0.45s var(--ease-power1-out) 0.38s backwards;
}

:where(.is-loaded) [data-page="about"] .about-hero-image-wrap.about-hero-image-one {
  animation: load-fade 0.24s var(--ease-power1-in) 0.52s backwards;
}

:where(.is-loaded) [data-page="about"] .about-flex-one-part {
  animation: load-fade 0.24s var(--ease-power1-in) 0.62s backwards;
}

:where(.is-loaded) [data-page="about"] .about-flex-twopart {
  animation: load-fade 0.24s var(--ease-power1-in) 0.72s backwards;
}

:where(.is-loaded) [data-page="about"] .about-hero-image-wrap.about-hero-image-four {
  animation: load-fade 0.24s var(--ease-power1-in) 0.83s backwards;
}

:where(.is-loaded) [data-page="about"] .our-values-wrapper {
  animation: load-rise 0.4s var(--ease-power1-out) 0.87s backwards;
}

/* Contact -- i-86584b63: the form slides in from the left and the photo
   from the right, 0.5s each. */
:where(.js:not(.is-loaded)) [data-page="contact"] .contact-form-wrap {
  opacity: 0;
  translate: -50px 0;
}

:where(.js:not(.is-loaded)) [data-page="contact"] .contact-form-image-wrap {
  opacity: 0;
  translate: 50px 0;
}

:where(.is-loaded) [data-page="contact"] .contact-form-wrap {
  animation: load-slide-left 0.5s var(--ease-power1-out) 0.48s backwards;
}

:where(.is-loaded) [data-page="contact"] .contact-form-image-wrap {
  animation: load-slide-right 0.5s var(--ease-power1-out) 0.49s backwards;
}

/* ----------------------------------------------------------------------
   Ambient loops -- IX3 `wf:load` timelines with `repeat: -1`
   ----------------------------------------------------------------------
   A looping IX3 timeline repeats as ONE unit: every action in it waits for
   the longest to finish. The four decorations in i-828746a1 therefore
   share its 8.82s period (the heartbeat's five 1.8s beats) even though the
   float and the sway are done by 7.9s -- which is why they rest between
   laps. Each segment is its own tween, so each keyframe carries the
   segment's own curve. */

/* Floating decorations: 40px down and back (`[data-float="down"]`), or up
   and back (`"up"`). */
[data-float] {
  animation: float-down 8.82s infinite;
}

[data-float="up"] {
  animation-name: float-up;
}@keyframes float-down {

  0%     { translate: 0 0;    animation-timing-function: var(--ease-power1-out); }
  44.22% { translate: 0 40px; animation-timing-function: var(--ease-power1-out); }
  89.57%, 100% { translate: 0 0; }}
@keyframes float-up {

  0%     { translate: 0 0;     animation-timing-function: var(--ease-power1-out); }
  44.22% { translate: 0 -40px; animation-timing-function: var(--ease-power1-out); }
  89.57%, 100% { translate: 0 0; }}


/* The "love" badge beats five times per lap and snaps back to 80% as the
   lap restarts -- the published page does the same. */
[data-heartbeat] {
  animation: heartbeat 8.82s var(--ease-power1-out) infinite;
}@keyframes heartbeat {

  0%     { scale: 0.8; }
  19.61% { scale: 1; }
  39.68% { scale: 0.8; }
  59.64% { scale: 1; }
  79.59% { scale: 0.8; }
  100%   { scale: 1; }}


/* The stat cards on the service slides sway between 7deg and upright.
   GSAP REPLACES THE ROTATION IT ANIMATES, and each card has its own design
   tilt (7deg, 15deg, -11deg) -- so on the published page all three sway
   the same 7deg -> 0 -> 7deg and the design tilt never shows. `transform`
   is animated here, not `rotate`, so this replaces it the same way. */
[data-sway] {
  animation: sway 8.82s var(--ease-power1-out) infinite;
}@keyframes sway {

  0%     { transform: rotate(7deg); }
  44.22% { transform: rotate(0deg); }
  89.57%, 100% { transform: rotate(7deg); }}


/* Section-label dots fade and shrink away and back -- i-f827d08f. */
[data-pulse] {
  animation: pulse 4s infinite;
}@keyframes pulse {

  0%   { opacity: 1; scale: 1;   animation-timing-function: var(--ease-power1-in); }
  50%  { opacity: 0; scale: 0.5; animation-timing-function: var(--ease-power1-out); }
  100% { opacity: 1; scale: 1; }}


/* The about page's two breathing badges, in opposite phase --
   i-77456e03 / i-8df5c621: 3s each way, 5.99s a lap. */
[data-breathe="in"] {
  animation: breathe-in 5.99s var(--ease-power1-out) infinite;
}

[data-breathe="out"] {
  animation: breathe-out 5.99s var(--ease-power1-out) infinite;
}@keyframes breathe-in {

  0%     { scale: 0.7; }
  49.92% { scale: 1; }
  100%   { scale: 0.7; }}
@keyframes breathe-out {

  0%     { scale: 1; }
  49.92% { scale: 0.7; }
  100%   { scale: 1; }}


/* Home hero -- i-b3689748: the waving hand tilts 20deg and back, the
   second sticker bobs 20px, 5.9s a lap. */
[data-page="index"] .agency-hero-image-wrap.one {
  animation: hero-tilt 5.9s var(--ease-power1-out) infinite;
}

[data-page="index"] .agency-hero-image-wrap.two {
  animation: hero-bob 5.9s var(--ease-power1-out) infinite;
}@keyframes hero-tilt {

  0%     { rotate: 0deg; }
  49.15% { rotate: 20deg; }
  100%   { rotate: 0deg; }}
@keyframes hero-bob {

  0%     { translate: 0 0; }
  49.15% { translate: 0 -20px; }
  100%   { translate: 0 0; }}


/* The ring behind the hero portrait turns once every 4s -- i-b24a6ed3. */
[data-page="index"] .hero-intro-meddle-bg-image {
  animation: ring-turn 4s var(--ease-power2-in-out) infinite;
}@keyframes ring-turn {

  from { rotate: -360deg; }
  to   { rotate: 0deg; }}


/* i-09ce63a3: 80% -> 110% -> 80%, 2.99s a lap. */
[data-zoom-pulse] {
  animation: zoom-pulse 2.99s var(--ease-power1-out) infinite;
}@keyframes zoom-pulse {

  0%     { scale: 0.8; }
  49.83% { scale: 1.1; }
  100%   { scale: 0.8; }}


/* i-fe0da1ce: 40px to the right and back, 6.01s a lap. */
[data-drift] {
  animation: drift 6.01s var(--ease-power1-out) infinite;
}@keyframes drift {

  0%     { translate: 0 0; }
  49.92% { translate: 40px 0; }
  100%   { translate: 0 0; }}


/* The photo strip -- i-a76c4835: each copy travels its own width in 18s. */
[data-marquee] {
  animation: marquee 18s linear infinite;
}@keyframes marquee {

  to { translate: -100% 0; }}


/* ----------------------------------------------------------------------
   Home: the creators scrub -- IX3 i-edb34fd9, 992px and up
   ----------------------------------------------------------------------
   The section is a 250vh runway with a sticky stage. As it scrolls from
   `top top` to `bottom bottom`, main.js writes the (smoothed) progress to
   `--p` and the four cards travel in from the corners on power1.out.
   GSAP writes these as the element's WHOLE translate and replaces the
   design's own 1440px offsets, so `transform` is written here too. */
@media screen and (min-width: 992px) {
  .our-creators-section :is(.box-one, .box-two, .box-three, .box-four) {
    --e: calc(1 - (1 - var(--p, 0)) * (1 - var(--p, 0)));
  }

  :where(.js) .our-creators-section .box-one {
    transform: translate(calc(500px - 400px * var(--e)),
                         calc(200px - 200px * var(--e)));
  }

  :where(.js) .our-creators-section .box-two {
    transform: translate(calc(-500px + 400px * var(--e)),
                         calc(200px - 200px * var(--e)));
  }

  :where(.js) .our-creators-section .box-three {
    transform: translate(calc(450px - 250px * var(--e)),
                         calc(-200px + 200px * var(--e)));
  }

  :where(.js) .our-creators-section .box-four {
    transform: translate(calc(-500px + 300px * var(--e)),
                         calc(-150px + 150px * var(--e)));
  }
}

/* ----------------------------------------------------------------------
   Home: the hero portrait cards -- the designer's inline custom-code block
   ----------------------------------------------------------------------
   Three creator cards under the hero; clicking one cross-fades the
   portrait above to that creator (main.js). These three rules are the ones
   the block injected into the page itself. */
.hero-intro-card-box {
  cursor: pointer;
}

.hero-intro-card-box.is-active {
  border-color: #000 !important;
}

.single-image-wrap.is-tab-hidden {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ----------------------------------------------------------------------
   About: the values slider's cards -- IX2 "Slider Item In / Out"
   ----------------------------------------------------------------------
   The card on the current slide is full size; the others wait at 80% and
   30% opacity. 0.3s either way, linear (IX2's empty easing). */
:where(.js) [data-slide] .our-values-card-image-box {
  scale: 0.8;
  opacity: 0.3;
  transition: scale 0.3s linear, opacity 0.3s linear;
}

:where(.js) [data-slide].is-active .our-values-card-image-box {
  scale: 1;
  opacity: 1;
}

/* ----------------------------------------------------------------------
   FAQ -- IX3 i-e07f66d1
   ----------------------------------------------------------------------
   The answer opens from 0 to its natural height and the plus turns 225deg
   into a cross, 0.35s. main.js animates the height (it has to measure it)
   and leaves the panel at `height: auto` once open. */
:where(.js) .faq-toggle-content {
  height: 0;
}

:where(.js) .faq-item.is-open .faq-toggle-content {
  height: auto;
}

.faq-item-icon {
  transition: rotate 0.35s var(--ease-power1-out);
}

[aria-expanded="true"] .faq-item-icon {
  rotate: 225deg;
}

/* ----------------------------------------------------------------------
   Mobile menu -- IX3 i-c8a0a373
   ----------------------------------------------------------------------
   Below 992px the hamburger folds into a cross (0.5s, power1.in) and THEN
   the menu card rises 50px into view (0.5s, power1.out). Closing plays it
   backwards: the card first, then the cross. main.js puts `.is-open` on
   the header (the panel is displayed) and `.is-closing` while it runs
   out, and removes both after the full second. */
.header-section.is-open .nav-menu-wrap {
  display: block;
}

.hamburger-line-top,
.hamburger-line-middle,
.hamburger-line-bottom {
  transition: translate 0.5s var(--ease-power1-in),
              rotate 0.5s var(--ease-power1-in),
              opacity 0.5s var(--ease-power1-in);
}

.header-section.is-closing :is(.hamburger-line-top, .hamburger-line-middle,
    .hamburger-line-bottom) {
  transition-delay: 0.5s;
}

.header-section.is-open:not(.is-closing) .hamburger-line-top {
  translate: 0 6px;
  rotate: 45deg;
}

.header-section.is-open:not(.is-closing) .hamburger-line-middle {
  opacity: 0;
}

.header-section.is-open:not(.is-closing) .hamburger-line-bottom {
  translate: 0 -10px;
  rotate: -45deg;
}

.header-section.is-open .menu-wrapper {
  animation: menu-in 0.5s var(--ease-power1-out) 0.5s backwards;
}

.header-section.is-closing .menu-wrapper {
  animation: menu-out 0.5s var(--ease-power1-out) forwards;
}@keyframes menu-in {

  from { opacity: 0; translate: 0 50px; }}
@keyframes menu-out {

  to { opacity: 0; translate: 0 50px; }}


/* ----------------------------------------------------------------------
   Reduced motion
   ----------------------------------------------------------------------
   A visitor who has asked for less motion gets every element in its
   finished place and no ambient loops. main.js also skips the scrub, the
   smooth scroll and the character splits, and pauses the video. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0s !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0s !important;
  }

  :where(.js) :is([data-fade-up], [data-fade], [data-slide-in], [data-stagger-item],
      [data-rise-item], [data-phones-item], [data-grow-item]) {
    opacity: 1 !important;
    translate: none !important;
    scale: none !important;
  }
}