/* INFLOUNO - 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  Inflouno design
   4  components -- vanilla replacements for the Webflow runtime
      and its twenty IX3 interactions

   Fonts: assets/fonts/fonts.css -- Inter Display, Libre Caslon
   Condensed, Rubik and Instrument Serif, all self-hosted woff2, all
   SIL OFL 1.1. The export shipped the first two as 28 raw .ttf files
   (6.8 MB, loaded on every page) and pulled the last two from Google
   at runtime through webfont.js. No family is substituted -- only
   re-cut and served locally -- so every `--font-family--*` in :root
   below still names exactly what the design named. */

/* ======================================================================
   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;
}
.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[data-rt-type="image"] {
  display: table;
}
.richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}
.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%;
}

.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 collapse breakpoint, the box
   a background video fills -- and dropping them without restating that
   layout is how a converted template ships a nav bar that never collapses
   or a hero video with no height.

   Everything below is transcribed from `css/components.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 -- which matters most
   for `[data-bg-video] { height: 500px }`, a value two of the three videos
   override and the third depends on.

   Nothing here is new design. The one addition is a focus ring on the menu
   button, because the export's `.w-nav-button:focus { outline: 0 }` removed
   the only indicator a keyboard user had -- and in the export the control
   was a <div>, so it could not be focused at all.
   ====================================================================== */

/* ---- the navbar ---------------------------------------------------- */
/* `.w-nav`. The background is the design's; what is load-bearing here is
   the stacking context every page's sticky header sits in, and the
   positioning context the mobile panel's `top: 100%` resolves against. */
.navbar {
  position: relative;
  z-index: 1000;
}

/* `.w-nav:before/:after`. A clearfix for a float layout this design does not
   use -- but it is two real boxes at the start and end of the bar's flow,
   and removing them is exactly the kind of "obviously dead" deletion that
   moves a header by a pixel. Transcribed verbatim, grid placement and all. */
.navbar::before,
.navbar::after {
  content: " ";
  display: table;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.navbar::after {
  clear: both;
}

/* `.w-nav-menu`. `float` is inert inside `.nav-containter`'s flex row; the
   `position` is not, and neither is the collapse rule further down. */
.nav-menu {
  position: relative;
  float: right;
}

/* `.w-nav-button`. THE `display: none` IS THE WHOLE DESKTOP HEADER. The
   design sheet gives `.menu` a size, a background and `display: flex`, but
   only inside `@media (max-width: 991px)` -- so above that breakpoint the
   hamburger is hidden by this rule and by nothing else. */
.menu {
  position: relative;
  float: right;
  display: none;
  padding: 18px;
  font-size: 24px;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* The other half of `data-collapse="medium"` -- `.nav-menu { display: none }`
   below 992px -- IS NOT HERE, and neither is `.menu { display: block }`. Both
   would lose: the design sheet re-declares `display` on both selectors, and a
   media query adds no specificity, so a later top-level rule wins at every
   width the query covers.

   `.menu` needs nothing (the design's own `display: flex` at that breakpoint
   is exactly the right value), and `.nav-menu`'s collapse is in
   components.hand.css, which is emitted after the design. audit_cascade
   fails the build if either comes back here. */

/* ---- background video ---------------------------------------------- */
/* `.w-background-video` and its `> video`. The three wrappers carry three
   different design classes -- `.background-video` on the home hero,
   `.about-hero-image` and `.about-image-with-glow` on the about page -- so
   transform.py marks all three `data-bg-video` and the geometry keys on that.

   `height: 500px` is not filler. `.background-video` and
   `.about-image-with-glow` both set their own height and override it;
   `.about-hero-image` sets one only below 992px, so above that breakpoint
   this is the about hero's entire height. */
[data-bg-video] {
  position: relative;
  height: 500px;
  overflow: hidden;
  color: #fff;
}

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

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

/* `.w-background-video--control`. The design's `.pause-button` gives the
   button its size and its `inset`; the framework gave it the `position`
   that makes an inset mean anything, and the reset that keeps a <button>
   from painting its own chrome over the video. */
.pause-button {
  position: absolute;
  right: 1em;
  bottom: 1em;
  padding: 0;
  background-color: transparent;
}

/* ---- retagged elements --------------------------------------------- */
/* Every `<a>` this build turns into a `<button>` -- the pricing tabs -- and
   every `<div>` it turns into one -- the menu, the FAQ rows, the video
   controls -- crosses the UA's form-control reset.
   `font: inherit` does NOT carry `letter-spacing`, `word-spacing` or
   `text-transform`, and all three are inherited properties this design sets
   on ancestors, so all three are restored explicitly. */
button {
  font: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: inherit;
  color: inherit;
}

/* ...and `<a>` -> `<button>` also stops the element matching the design's own
   bare `a` rule. `.link-button` restates it, wrapped in `:where()` so it
   scores 0 and loses to a design class exactly as the type selector it
   stands in for did. Score it any higher and it FLIPS the cascade: an
   earlier conversion threw a slider arrow across the page that way. */
:where(.link-button) {
  color: var(--_colors---text-color--secondary-100);
  text-decoration: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

/* ---- focus ---------------------------------------------------------- */
/* The export set `outline: 0` on the nav button and the tab links. Both are
   real controls here, so both get a ring -- on `:focus-visible` only, which
   is the state a pointer press does not enter. */
.menu:focus-visible,
.link-button:focus-visible,
.faq-question-wrapper:focus-visible,
.pause-button: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: #080808;
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
}

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

/* ---- screen-reader-only ---------------------------------------------- */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ======================================================================
   3. Inflouno design
   ====================================================================== */
:root {
  --_colors---text-color--primary-100: white;
  --font-family--inter-display: "Inter Display", Arial, sans-serif;
  --_colors---text-color--secondary-100: black;
  --_typography---text-line-size--default: 1.125rem;
  --_typography---text-line-height--default: 150%;
  --font-weight--regular: 400;
  --_typography---text-letter-spacing--default: 0rem;
  --font-family--libre-caslon-condensed: "Libre Caslon Condensed", Arial, sans-serif;
  --_typography---heading-font-size--h1: 3.875rem;
  --_typography---heading-line-height--h1: 113%;
  --_typography---heading-letter-spacing--h1: -.116rem;
  --_typography---heading-font-size--h2: 3.25rem;
  --_typography---heading-line-height--h2: 116%;
  --_typography---heading-letter-spacing--h2: 0rem;
  --_typography---heading-font-size--h3: 2.25rem;
  --_typography---heading-line-height--h3: 117%;
  --_typography---heading-letter-spacing--h3: 0rem;
  --_typography---heading-font-size--h4: 1.75rem;
  --_typography---heading-line-height--h4: 122%;
  --_typography---heading-letter-spacing--h4: 0rem;
  --_typography---heading-font-size--h5: 1.5rem;
  --_typography---heading-line-height--h5: 140%;
  --font-weight--medium: 500;
  --_typography---heading-letter-spacing--h5: 0rem;
  --_typography---heading-font-size--h6: 1.25rem;
  --_typography---heading-line-height--h6: 150%;
  --_typography---heading-letter-spacing--h6: 0rem;
  --_sizes---default-size--width: 100%;
  --_sizes---default-size--height: 100%;
  --_colors---text-color--primary-200: #f9f9f9;
  --_sizes---spacing--spacing-big: 2.5rem;
  --_sizes---spacing--spacing-medium: 1.25rem;
  --_sizes---container--max-width-large: 85rem;
  --_sizes---container--max-width-regular: 80rem;
  --_sizes---spacing--spacing-colossal: 7.5rem;
  --_sizes---spacing--spacing-jambo: 5rem;
  --_sizes---spacing--spacing-biggest: 4.5rem;
  --_colors---text-color--light-100: #757575;
  --_sizes---spacing--spacing-regular: 1.5rem;
  --_sizes---spacing--spacing-small: 1rem;
  --_sizes---spacing--spacing-xxsmall: .75rem;
  --_colors---text-color--brand-100: #f336f7;
  --_colors---text-color--brand-200: #fd5206;
  --font-family--rubik: Rubik, sans-serif;
  --_typography---text-line-size--small: .875rem;
  --_typography---text-line-height--small: 100%;
  --_typography---text-letter-spacing--large: .035rem;
  --_sizes---spacing--spacing-normal: 2rem;
  --_typography---text-letter-spacing--medium: -.02rem;
  --_typography---text-line-height--large: 156%;
  --_colors---text-color--light-200: #6c7376;
  --_typography---text-line-size--medium: 1rem;
  --_colors---text-color--light-300: #707679;
  --_sizes---spacing--spacing-bigger: 3.75rem;
  --font-family--instrument-serif: "Instrument Serif", sans-serif;
  --_colors---text-color--border-100: #0000000d;
  --_sizes---spacing--bordar-redius--redius-circle: 100%;
  --_sizes---spacing--bordar-redius--redius-small: 1rem;
  --_sizes---spacing--spacing-large: 2.25rem;
  --_sizes---spacing--bordar-redius--redius-regular: 1.5rem;
  --_sizes---spacing--spacing-xsmall: .5rem;
  --_sizes---spacing--spacing-tiny: .25rem;
  --_typography---text-line-size--large: 1.5rem;
  --_sizes---spacing--bordar-redius--redius-xxsmall: .375rem;
  --_sizes---spacing--spacing-massive: 6.5rem;
  --_sizes---spacing--bordar-redius--redius-pill: 5rem;
  --_typography---text-line-height--medium: 140%;
  --_sizes---spacing--bordar-redius--redius-xsmall: .5rem;
  --_colors---text-color--border-200: #e9e9e9;
  --_colors---text-color--transparent: transparent;
  --_colors---text-color--brand-300: #0072ce;
  --_colors---text-color--brand-400: #f20000;
  --font-weight--thin: 100;
  --font-weight--extra-light: 200;
  --_sizes---container--max-width-small: 66.25rem;
  --font-weight--light: 300;
  --font-weight--semi-bold: 600;
  --font-weight--bold: 700;
  --font-weight--extra-bold: 800;
  --font-weight--heavy: 900;
  --_sizes---spacing--bordar-redius--redius-tiny: .25rem;
  --_sizes---spacing--bordar-redius--redius-medium: 1.25rem;
  --_sizes---spacing--bordar-redius--redius-large: 1.875rem;
  --_sizes---spacing--bordar-redius--redius-big: 2rem;
  --_sizes---spacing--bordar-redius--redius-soft: 3.75rem;
  --_typography---text-letter-spacing--small: -.116rem;
}
body {
  background-color: var(--_colors---text-color--primary-100);
  font-family: var(--font-family--inter-display);
  color: var(--_colors---text-color--secondary-100);
  font-size: var(--_typography---text-line-size--default);
  line-height: var(--_typography---text-line-height--default);
  font-weight: var(--font-weight--regular);
  letter-spacing: var(--_typography---text-letter-spacing--default);
  --_sizes---default-size--width: 100%;
  --_sizes---default-size--height: 100%;
  --_sizes---spacing--spacing-big: 2.5rem;
  --_sizes---spacing--spacing-medium: 1.25rem;
  --_sizes---container--max-width-large: 85rem;
  --_sizes---container--max-width-regular: 80rem;
  --_sizes---spacing--spacing-colossal: 7.5rem;
  --_sizes---spacing--spacing-jambo: 5rem;
  --_sizes---spacing--spacing-biggest: 4.5rem;
  --_sizes---spacing--spacing-regular: 1.5rem;
  --_sizes---spacing--spacing-small: 1rem;
  --_sizes---spacing--spacing-xxsmall: .75rem;
  --_sizes---spacing--spacing-normal: 2rem;
  --_sizes---spacing--spacing-bigger: 3.75rem;
  --_sizes---spacing--bordar-redius--redius-circle: 100%;
  --_sizes---spacing--bordar-redius--redius-small: 1rem;
  --_sizes---spacing--spacing-large: 2.25rem;
  --_sizes---spacing--bordar-redius--redius-regular: 1.5rem;
  --_sizes---spacing--spacing-xsmall: .5rem;
  --_sizes---spacing--spacing-tiny: .25rem;
  --_sizes---spacing--bordar-redius--redius-xxsmall: .375rem;
  --_sizes---spacing--spacing-massive: 6.5rem;
  --_sizes---spacing--bordar-redius--redius-pill: 5rem;
  --_sizes---spacing--bordar-redius--redius-xsmall: .5rem;
  --_sizes---container--max-width-small: 66.25rem;
  --_sizes---spacing--bordar-redius--redius-tiny: .25rem;
  --_sizes---spacing--bordar-redius--redius-medium: 1.25rem;
  --_sizes---spacing--bordar-redius--redius-large: 1.875rem;
  --_sizes---spacing--bordar-redius--redius-big: 2rem;
  --_sizes---spacing--bordar-redius--redius-soft: 3.75rem;
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  font-family: var(--font-family--libre-caslon-condensed);
  color: var(--_colors---text-color--secondary-100);
  font-size: var(--_typography---heading-font-size--h1);
  line-height: var(--_typography---heading-line-height--h1);
  font-weight: var(--font-weight--regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
  margin-top: 0;
  margin-bottom: 0;
}
h2:where(:not([class*="heading-scale-"])), :where(.heading-scale-2) {
  font-family: var(--font-family--libre-caslon-condensed);
  font-size: var(--_typography---heading-font-size--h2);
  line-height: var(--_typography---heading-line-height--h2);
  font-weight: var(--font-weight--regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
  margin-top: 0;
  margin-bottom: 0;
}
h3:where(:not([class*="heading-scale-"])), :where(.heading-scale-3) {
  font-family: var(--font-family--libre-caslon-condensed);
  font-size: var(--_typography---heading-font-size--h3);
  line-height: var(--_typography---heading-line-height--h3);
  font-weight: var(--font-weight--regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h3);
  margin-top: 0;
  margin-bottom: 0;
}
h4:where(:not([class*="heading-scale-"])), :where(.heading-scale-4) {
  font-family: var(--font-family--libre-caslon-condensed);
  font-size: var(--_typography---heading-font-size--h4);
  line-height: var(--_typography---heading-line-height--h4);
  font-weight: var(--font-weight--regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
  margin-top: 0;
  margin-bottom: 0;
}
h5:where(:not([class*="heading-scale-"])), :where(.heading-scale-5) {
  font-size: var(--_typography---heading-font-size--h5);
  line-height: var(--_typography---heading-line-height--h5);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h5);
  margin-top: 0;
  margin-bottom: 0;
}
h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-6) {
  font-size: var(--_typography---heading-font-size--h6);
  line-height: var(--_typography---heading-line-height--h6);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---heading-letter-spacing--h6);
  margin-top: 0;
  margin-bottom: 0;
}
p {
  font-family: var(--font-family--inter-display);
  color: var(--_colors---text-color--secondary-100);
  font-size: var(--_typography---text-line-size--default);
  line-height: var(--_typography---text-line-height--default);
  font-weight: var(--font-weight--regular);
  letter-spacing: var(--_typography---text-letter-spacing--default);
  margin-top: 0;
  margin-bottom: 0;
}
a {
  color: var(--_colors---text-color--secondary-100);
  text-decoration: none;
}
img {
  width: var(--_sizes---default-size--width);
  height: var(--_sizes---default-size--height);
  max-height: var(--_sizes---default-size--height);
  max-width: var(--_sizes---default-size--width);
  object-fit: cover;
}
label {
  margin-bottom: 0;
  font-weight: 700;
  display: block;
}
.page-wrapper {
  overflow: clip;
}
.section.bg-gray {
  background-color: var(--_colors---text-color--primary-200);
}
.padding-global {
  width: 100%;
  height: 100%;
  padding-right: var(--_sizes---spacing--spacing-big);
  padding-left: var(--_sizes---spacing--spacing-big);
  margin-left: auto;
  margin-right: auto;
}
.container-large {
  width: var(--_sizes---default-size--width);
  height: var(--_sizes---default-size--height);
  max-width: var(--_sizes---container--max-width-large);
  margin-left: auto;
  margin-right: auto;
}
.container-large.nav-containter {
  max-width: var(--_sizes---container--max-width-regular);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.container-large.nav-containter.nav-container {
  padding-right: var(--_sizes---spacing--spacing-big);
  padding-left: var(--_sizes---spacing--spacing-big);
}
.container-large.footer-container {
  max-width: 90rem;
}
.padding-section-large {
  width: 100%;
  height: 100%;
  padding-top: var(--_sizes---spacing--spacing-colossal);
  padding-bottom: var(--_sizes---spacing--spacing-colossal);
  grid-column-gap: var(--_sizes---spacing--spacing-jambo);
  grid-row-gap: var(--_sizes---spacing--spacing-jambo);
  flex-flow: column;
  justify-content: center;
  display: flex;
}
.padding-section-large.section-wrapper-large {
  grid-column-gap: var(--_sizes---spacing--spacing-colossal);
  grid-row-gap: var(--_sizes---spacing--spacing-colossal);
}
.padding-section-large.bottom-one {
  grid-column-gap: 9.438rem;
  grid-row-gap: 9.438rem;
  padding-bottom: 0;
}
.padding-section-large.gap-medium {
  grid-column-gap: var(--_sizes---spacing--spacing-biggest);
  grid-row-gap: var(--_sizes---spacing--spacing-biggest);
}
.padding-section-large.max-width {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}
.padding-section-large.gap-large {
  padding-bottom: var(--_sizes---spacing--spacing-big);
  grid-column-gap: var(--_sizes---spacing--spacing-colossal);
  grid-row-gap: var(--_sizes---spacing--spacing-colossal);
}
.padding-section-large.gap-medium {
  padding-bottom: var(--_sizes---spacing--spacing-big);
  grid-column-gap: var(--_sizes---spacing--spacing-jambo);
  grid-row-gap: var(--_sizes---spacing--spacing-jambo);
}
.instruction-short-details {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  display: flex;
}
.line-divider {
  background-color: #0404041a;
  width: 100%;
  height: .06rem;
}
.instructions-title-wrapp {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.box-wrapp {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.instructions-color-box {
  background-color: #040404;
  border-radius: .25rem;
  width: 5rem;
  height: 5rem;
}
.instructions-short-details {
  color: var(--_colors---text-color--light-100);
}
.instruction-details {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.instruction-sub-titile {
  text-transform: uppercase;
}
.license-wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.license-wrapper.instruction {
  grid-column-gap: var(--_sizes---spacing--spacing-jambo);
  grid-row-gap: var(--_sizes---spacing--spacing-jambo);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .5fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}
.instructions-details-wrapp {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.instruction-text-wrapp {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.instructions-wrapper {
  padding-top: var(--_sizes---spacing--spacing-regular);
}
.banner-inner-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 29.5625rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.banner-inner-wrapper.instructions-inner-wrapp {
  top: var(--_sizes---spacing--spacing-regular);
  justify-content: center;
  align-items: flex-start;
  max-width: 28rem;
  height: auto;
  margin: 0;
  position: sticky;
}
.utility-page-wrap {
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-right: var(--_sizes---spacing--spacing-small);
  padding-left: var(--_sizes---spacing--spacing-small);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.utility-page-wrap.pw {
  height: 90vh;
}
.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  margin-bottom: 0;
  display: flex;
}
.utility-page-content.pw {
  width: var(--_sizes---default-size--width);
  max-width: 28rem;
}
.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}
.section-heading-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.section-heading-wrapper.hero-gap {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
}
.section-heading-wrapper.influno-heading {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.section-heading-wrapper.mission-heading {
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.section-heading-wrapper.case-heading {
  max-width: 38rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.section-heading-wrapper.testimonial-car-heading {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 21rem;
}
.section-heading-wrapper.news-heading {
  width: var(--_sizes---default-size--width);
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
  position: static;
}
.section-heading-wrapper.about-hero-gap {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 34.5rem;
}
.section-heading-wrapper.alight-left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}
.section-heading-wrapper.alight-left.award-heading {
  width: var(--_sizes---default-size--width);
  max-width: 53rem;
}
.section-heading-wrapper.license {
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
}
.section-heading-wrapper.comparison-header {
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}
.section-tag {
  background-image: linear-gradient(180deg, var(--_colors---text-color--brand-100), var(--_colors---text-color--brand-200));
  font-family: var(--font-family--rubik);
  font-size: var(--_typography---text-line-size--small);
  line-height: var(--_typography---text-line-height--small);
  letter-spacing: var(--_typography---text-letter-spacing--large);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.styleguide-wrapper, .styleguide-typography-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-jambo);
  grid-row-gap: var(--_sizes---spacing--spacing-jambo);
  flex-flow: column;
  display: flex;
}
.styleguide-typography-list {
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  flex-flow: column;
  display: flex;
}
.typography {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  display: flex;
}
.typography-details {
  grid-column-gap: var(--_sizes---spacing--spacing-jambo);
  grid-row-gap: var(--_sizes---spacing--spacing-jambo);
  color: var(--_colors---text-color--light-100);
  flex-flow: wrap;
  display: flex;
}
.typography-details_text {
  letter-spacing: var(--_typography---text-letter-spacing--medium);
}
.nav-link {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #707679;
  font-size: var(--_typography---text-line-size--small);
  line-height: var(--_typography---text-line-height--large);
  text-shadow: 0 1.14rem #080808;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  overflow: clip;
}
.nav-link[aria-current="page"], .nav-link.is-active {
  color: var(--_colors---text-color--secondary-100);
}
.brand-link {
  width: 8.4rem;
}
.tab-menus {
  display: none;
}
.pages-items {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.dropdown-header {
  flex: none;
}
.nav-pages {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}
.navbar {
  background-color: var(--_colors---text-color--primary-100);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.nav-items {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  width: 100%;
  display: flex;
}
.primary-button {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border: 1px solid var(--_colors---text-color--secondary-100);
  background-color: var(--_colors---text-color--secondary-100);
  filter: drop-shadow(0 .84px .5px #00000021) drop-shadow(0 1.99px 1.19px #00000021) drop-shadow(0 3.63px 2.18px #00000021) drop-shadow(0 6.04px 3.62px #00000021) drop-shadow(0 9.75px 5.85px #00000021) drop-shadow(0 15.96px 9.57px #00000021) drop-shadow(0 27.48px 16.49px #00000021) drop-shadow(0 50px 30px #00000021);
  color: var(--_colors---text-color--primary-100);
  letter-spacing: 0;
  border-radius: 5.125rem;
  justify-content: center;
  align-items: center;
  padding: .938rem 2.25rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}
.nav-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}
.heading-style-h1 {
  font-family: var(--font-family--libre-caslon-condensed);
  font-size: var(--_typography---heading-font-size--h1);
  line-height: var(--_typography---heading-line-height--h1);
  font-weight: var(--font-weight--regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h1);
}
.heading-style-h1.italic {
  padding-right: .3rem;
  font-style: italic;
}
.heading-style-h1.price-text {
  line-height: var(--_typography---text-line-height--small);
}
.heading-style-h1.pw-title {
  margin-bottom: var(--_sizes---spacing--spacing-regular);
}
.heading-style-h2 {
  font-family: var(--font-family--libre-caslon-condensed);
  font-size: var(--_typography---heading-font-size--h2);
  line-height: var(--_typography---heading-line-height--h2);
  font-weight: var(--font-weight--regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h2);
}
.heading-style-h2.italic {
  padding-right: .3rem;
  font-style: italic;
}
.heading-style-h2.white {
  color: var(--_colors---text-color--primary-100);
}
.heading-style-h3 {
  font-family: var(--font-family--libre-caslon-condensed);
  font-size: var(--_typography---heading-font-size--h3);
  line-height: var(--_typography---heading-line-height--h3);
  font-weight: var(--font-weight--regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h3);
}
.heading-style-h3.italic {
  font-style: italic;
}
.heading-style-h4 {
  font-family: var(--font-family--libre-caslon-condensed);
  color: var(--_colors---text-color--secondary-100);
  font-size: var(--_typography---heading-font-size--h4);
  line-height: var(--_typography---heading-line-height--h4);
  font-weight: var(--font-weight--regular);
  letter-spacing: var(--_typography---heading-letter-spacing--h4);
}
.text-size-regular {
  font-family: var(--font-family--inter-display);
  letter-spacing: var(--_typography---text-letter-spacing--medium);
}
.text-size-regular.color-gray {
  color: var(--_colors---text-color--light-200);
}
.text-size-regular.color-gray.max-width {
  max-width: 30rem;
}
.text-size-regular.color-gray.about-hero-text-max-width {
  max-width: 28rem;
  letter-spacing: var(--_typography---text-letter-spacing--default);
}
.text-size-regular.pricing-card-tag {
  font-weight: var(--font-weight--medium);
  padding-left: 2rem;
}
.text-size-small {
  font-family: var(--font-family--libre-caslon-condensed);
  font-size: var(--_typography---text-line-size--medium);
  letter-spacing: var(--_typography---text-letter-spacing--medium);
}
.text-size-small.medium {
  font-family: var(--font-family--inter-display);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---text-letter-spacing--medium);
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.text-size-small.medium.gray-text {
  color: var(--_colors---text-color--light-200);
}
.text-size-small.medium.negative-margin {
  color: var(--_colors---text-color--light-300);
}
.text-size-small.medium.spacing {
  letter-spacing: var(--_typography---text-letter-spacing--default);
}
.text-size-small.medium.marquee-heading {
  width: var(--_sizes---default-size--width);
  flex: none;
  max-width: 11.563rem;
}
.text-size-small.regular {
  font-family: var(--font-family--inter-display);
  color: var(--_colors---text-color--light-200);
}
.button-text {
  font-size: var(--_typography---text-line-size--medium);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---text-letter-spacing--medium);
  text-shadow: 0 -1.4rem 0 var(--_colors---text-color--secondary-100);
  flex: none;
}
.button-text.global {
  overflow: clip;
}
.tag {
  font-family: var(--font-family--rubik);
  font-size: var(--_typography---text-line-size--small);
  letter-spacing: var(--_typography---text-letter-spacing--medium);
  text-transform: uppercase;
}
.tag.section-tag {
  color: var(--_colors---text-color--light-200);
  line-height: var(--_typography---text-line-height--default);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}
.tag.section-tag.red {
  background-image: linear-gradient(180deg, var(--_colors---text-color--brand-100), var(--_colors---text-color--brand-200));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.tag.light-color {
  color: var(--_colors---text-color--light-200);
}
.tag.light-color.lower-case {
  text-transform: none;
}
.tag.white-color {
  z-index: 1;
  color: var(--_colors---text-color--primary-100);
  position: relative;
}
.styleguide-color-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-bigger);
  grid-row-gap: var(--_sizes---spacing--spacing-bigger);
  flex-flow: column;
  display: flex;
}
.styleguide-color-box-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.color-box {
  height: 6.25rem;
  font-family: var(--font-family--instrument-serif);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.color-box.black {
  background-color: var(--_colors---text-color--secondary-100);
  color: var(--_colors---text-color--primary-100);
  font-size: var(--_typography---text-line-size--medium);
}
.color-box.white {
  border: 1px solid var(--_colors---text-color--border-100);
  background-color: var(--_colors---text-color--primary-100);
  color: var(--_colors---text-color--secondary-100);
}
.color-box.gradiant {
  background-image: linear-gradient(180deg, var(--_colors---text-color--brand-100), var(--_colors---text-color--brand-200));
  color: var(--_colors---text-color--primary-100);
}
.color-box.gray {
  background-color: var(--_colors---text-color--light-200);
  color: var(--_colors---text-color--primary-100);
}
.color-box.bg-gray {
  background-color: var(--_colors---text-color--primary-200);
}
.color-box.black-opa-5 {
  background-color: var(--_colors---text-color--border-100);
}
.styleguide-buttons-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-jambo);
  grid-row-gap: var(--_sizes---spacing--spacing-jambo);
  flex-flow: column;
  display: flex;
}
.styleguide-buttons {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.button-dot {
  border-radius: var(--_sizes---spacing--bordar-redius--redius-circle);
  background-color: var(--_colors---text-color--secondary-100);
  width: .375rem;
  height: .375rem;
}
.button-dot.gradiant {
  background-image: linear-gradient(180deg, var(--_colors---text-color--brand-100), var(--_colors---text-color--brand-200));
}
.read-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--_colors---text-color--secondary-100);
  border-bottom: 1px solid #0000001a;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: .25rem;
  padding-right: .25rem;
  text-decoration: none;
  display: flex;
  position: relative;
}
.footer-padding {
  padding: var(--_sizes---spacing--spacing-jambo) var(--_sizes---spacing--spacing-normal) var(--_sizes---spacing--spacing-normal);
}
.footer-wrapper {
  width: var(--_sizes---default-size--width);
  height: var(--_sizes---default-size--height);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  display: flex;
}
.footer-cta-wrapper {
  width: var(--_sizes---default-size--width);
  max-width: 28.563rem;
  padding: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  background-color: var(--_colors---text-color--secondary-100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.footer-cta-details-wrapper {
  flex-flow: column;
  display: flex;
}
.footer-cta-details-text {
  font-family: var(--font-family--instrument-serif);
  color: var(--_colors---text-color--primary-100);
  font-size: var(--_typography---heading-font-size--h4);
  line-height: var(--_typography---text-line-height--default);
}
.gray-text {
  color: var(--_colors---text-color--light-300);
}
.footer-cta-links {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  margin-top: 7.125rem;
  display: flex;
}
.footer-link {
  color: var(--_colors---text-color--light-200);
  font-size: var(--_typography---text-line-size--medium);
  letter-spacing: var(--_typography---text-letter-spacing--medium);
  cursor: pointer;
  text-decoration: none;
  transition: all .4s;
}
.footer-link:hover, .footer-link[aria-current="page"], .footer-link.is-active {
  color: var(--_colors---text-color--secondary-100);
}
.footer-link.hover-reverse:hover {
  color: var(--_colors---text-color--primary-100);
}
.sign {
  color: #707679;
}
.arrow-svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--_colors---text-color--secondary-100);
  flex: none;
}
.footer-inner-wrapper {
  width: var(--_sizes---default-size--width);
  padding: var(--_sizes---spacing--spacing-bigger) var(--_sizes---spacing--spacing-bigger) var(--_sizes---spacing--spacing-normal);
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  background-color: var(--_colors---text-color--primary-200);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.footer-inner-links-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.footer-inner-linksheader {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  flex: none;
  display: flex;
}
.footer-inner-linksheader.max-weight {
  width: var(--_sizes---default-size--width);
  max-width: 12.5rem;
}
.footer-link-header {
  color: var(--_colors---text-color--secondary-100);
  font-size: var(--_typography---text-line-size--medium);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---text-letter-spacing--medium);
  text-decoration: none;
}
.footer-inner-links {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.socials-wrapper {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  align-self: flex-start;
  display: flex;
}
.social {
  cursor: pointer;
  flex: none;
  width: 1.75rem;
  transition: all .4s;
}
.social:hover {
  transform: scale(1.1);
}
.footer-down-wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}
.copywrite-text {
  font-size: var(--_typography---text-line-size--medium);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---text-letter-spacing--medium);
}
.footer-logo {
  width: var(--_sizes---default-size--width);
  max-width: 20rem;
}
.hero-icon-marquee-wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  max-width: 13.875rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: .438rem;
  padding-bottom: .438rem;
  display: flex;
  position: relative;
  overflow: clip;
}
.hero-icon-marquee {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.hero-icon-marquee_shadow_left {
  width: 2.25px;
  height: var(--_sizes---default-size--height);
  background-image: linear-gradient(90deg, var(--_colors---text-color--primary-100), transparent);
  min-width: 2.25rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}
.hero-icon-marquee_shadow_right {
  width: 2.25px;
  height: var(--_sizes---default-size--height);
  background-image: linear-gradient(-90deg, var(--_colors---text-color--primary-100), transparent);
  min-width: 2.25rem;
  position: absolute;
  inset: 0% 0% 0% auto;
}
.heading-gradiant {
  color: var(--_colors---text-color--light-200);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  padding-left: .25rem;
  padding-right: .3rem;
}
.hero-button-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: center;
  align-items: center;
  display: flex;
}
.hero-scrolling-wrapper {
  position: relative;
}
.hero-scrolling-images_wrapper {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  display: flex;
  overflow: clip;
}
.hero-scrolling-images {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.hero-scrolling-floating_wrapper {
  z-index: 1;
  justify-content: center;
  align-items: flex-end;
  margin-top: -25.375rem;
  display: flex;
  position: relative;
}
.hero-scrolling-floating_video-wrapper {
  width: var(--_sizes---default-size--width);
  max-width: 28.375rem;
  height: 41.9375rem;
  padding-top: var(--_sizes---spacing--spacing-medium);
  padding-right: var(--_sizes---spacing--spacing-medium);
  padding-left: var(--_sizes---spacing--spacing-medium);
  background-image: url('../images/iphone-16-color-2-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4.45944rem 4.45944rem 0 0;
  position: relative;
  overflow: clip;
}
.hero-scrolling-bg_blur {
  z-index: 1;
  width: var(--_sizes---default-size--width);
  background-image: linear-gradient(180deg, transparent, var(--_colors---text-color--primary-100));
  pointer-events: none;
  height: 24.063rem;
  position: absolute;
  inset: auto 0% 0%;
}
.padding-section-small {
  width: 100%;
  height: 100%;
  padding-top: var(--_sizes---spacing--spacing-bigger);
  padding-bottom: var(--_sizes---spacing--spacing-bigger);
  grid-column-gap: var(--_sizes---spacing--spacing-jambo);
  grid-row-gap: var(--_sizes---spacing--spacing-jambo);
  flex-flow: column;
  justify-content: center;
  display: flex;
}
.padding-section-small.gap-meium {
  grid-column-gap: var(--_sizes---spacing--spacing-bigger);
  grid-row-gap: var(--_sizes---spacing--spacing-bigger);
}
.padding-section-small.marquee-padding {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  overflow: clip;
}
.padding-section-medium {
  width: 100%;
  height: 100%;
  padding-top: var(--_sizes---spacing--spacing-jambo);
  padding-bottom: var(--_sizes---spacing--spacing-jambo);
  grid-column-gap: var(--_sizes---spacing--spacing-biggest);
  grid-row-gap: var(--_sizes---spacing--spacing-biggest);
  flex-flow: column;
  justify-content: center;
  display: flex;
}
.step-cards-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.step-card {
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---text-color--primary-200);
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 26rem;
  padding-top: 1.875rem;
  padding-bottom: 2rem;
  display: flex;
}
.card-tag_wrapper {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  background-color: var(--_colors---text-color--primary-100);
  border-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  padding: .375rem .875rem;
  display: flex;
}
.card-tag_wrapper.bg-gray {
  background-color: var(--_colors---text-color--primary-200);
}
.step-card-texts_wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 20rem;
  display: flex;
}
.heading-icon {
  pointer-events: none;
  width: 5.1rem;
  height: auto;
  position: absolute;
  inset: auto 37.5% -2% auto;
}
.heading-icon.two {
  width: 3.7rem;
  bottom: 28%;
  left: 38.5%;
  right: auto;
}
.heading-icon.three {
  width: 3.3rem;
  top: 18%;
  bottom: auto;
  right: 17%;
}
.about-section-image_wrapper.about-section-image {
  border-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  justify-content: center;
  align-items: center;
  height: 40rem;
  display: flex;
}
.about-section-details_wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.mission-card {
  width: var(--_sizes---default-size--width);
  max-width: 60rem;
  padding-top: var(--_sizes---spacing--spacing-jambo);
  padding-bottom: var(--_sizes---spacing--spacing-jambo);
  grid-column-gap: var(--_sizes---spacing--spacing-bigger);
  grid-row-gap: var(--_sizes---spacing--spacing-bigger);
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---text-color--primary-200);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.mission-card.padding-bottom {
  padding-bottom: 13.75rem;
  position: relative;
  overflow: hidden;
}
.mission-card-innercard_wrapper {
  width: var(--_sizes---default-size--width);
  max-width: 30.313rem;
  padding: var(--_sizes---spacing--spacing-big) var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  border: 5px solid var(--_colors---text-color--primary-100);
  border-radius: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  transform: rotate(1.21deg);
  box-shadow: 0 2.41px 4.35px #0000000f, 0 6.38px 11.49px #00000029;
}
.rocker-icon-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---text-color--secondary-100);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---text-color--secondary-100);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---text-color--secondary-100);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---text-color--secondary-100);
  background-color: var(--_colors---text-color--secondary-100);
  color: var(--_colors---text-color--primary-100);
  letter-spacing: 0;
  border-radius: 5.125rem;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  text-decoration: none;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: flex;
  box-shadow: inset 0 0 22.103px 1.812px #ffffff26, 0 .928px .557px -.345px #00000021, 0 2.2px 1.32px -.691px #00000021, 0 4.013px 2.408px -1.036px #00000021, 0 6.671px 4.003px -1.381px #00000021, 0 10.773px 6.464px -1.727px #00000021, 0 17.634px 10.581px -2.072px #00000021, 0 30.365px 18.219px -2.417px #00000021, 0 55.257px 33.154px -2.763px #00000021;
}
.rocker-icon-wrapper.margin-top {
  margin-top: -1.875rem;
}
.mission-card-innercard_textwrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  display: flex;
}
.mission-card-icon {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  width: 3.76673rem;
  height: auto;
  position: absolute;
  top: 0;
  right: 3.375rem;
}
.stats-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-colossal);
  grid-row-gap: var(--_sizes---spacing--spacing-colossal);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.stats-wrapper.grid-four {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 67.5rem;
  margin-left: auto;
  margin-right: auto;
}
.stats-wrapper.spacing-small {
  margin-top: var(--_sizes---spacing--spacing-small);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
}
.stats {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.case-cards-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.case-card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---text-color--primary-200);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 2rem;
  text-decoration: none;
  display: flex;
}
.case-card.small {
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.case-card-image {
  z-index: 5;
  border-radius: var(--_sizes---spacing--spacing-regular);
  background-color: var(--_colors---text-color--primary-100);
  padding: .313rem;
  position: relative;
  overflow: clip;
  transform: rotate(1.21deg);
  box-shadow: 0 10.77px 50.46px #00000021, 0 17.63px 50.58px #00000021, 0 30.77px 18.22px #00000021, 0 55.26px 33.15px #00000021, 0 2.48px 4.35px #0000000f, 0 6.38px 11.49px #00000029;
}
.case-card-image._02 {
  z-index: 4;
  position: absolute;
  inset: 0%;
}
.case-card-image._03 {
  z-index: 3;
  position: absolute;
  inset: 0%;
}
.case-card-details {
  z-index: 20;
  width: var(--_sizes---default-size--width);
  justify-content: space-between;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}
.case-card-details.background {
  border: 1px solid var(--_colors---text-color--border-100);
  background-color: var(--_colors---text-color--primary-100);
  border-radius: .625rem;
  padding: 1.25rem;
}
.case-card-stats_wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  display: flex;
}
.case-card-stat_wrapper {
  padding: var(--_sizes---spacing--spacing-xsmall) var(--_sizes---spacing--spacing-small);
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  border-radius: var(--_sizes---spacing--spacing-regular);
  background-color: var(--_colors---text-color--primary-100);
  justify-content: center;
  align-items: center;
  display: flex;
}
.case-card-blur_image {
  z-index: 18;
  width: var(--_sizes---default-size--width);
  -webkit-backdrop-filter: blur(34px);
  backdrop-filter: blur(34px);
  pointer-events: none;
  height: 12rem;
  position: absolute;
  inset: auto 0% 0%;
}
.testimonial-card {
  width: var(--_sizes---default-size--width);
  height: 44.188rem;
  padding-right: var(--_sizes---spacing--spacing-bigger);
  grid-column-gap: var(--_sizes---spacing--spacing-bigger);
  grid-row-gap: var(--_sizes---spacing--spacing-bigger);
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---text-color--secondary-100);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  overflow: clip;
}
.textimonial-card-left_part_wrapper {
  height: 100%;
  padding-top: var(--_sizes---spacing--spacing-bigger);
  padding-bottom: var(--_sizes---spacing--spacing-jambo);
  padding-left: var(--_sizes---spacing--spacing-bigger);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}
.ratings-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 14.563rem;
  margin-top: auto;
  padding-left: .8rem;
  padding-right: .8rem;
  display: flex;
}
.ratings-inner_wrapper {
  width: var(--_sizes---default-size--width);
  color: #707679;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
.white {
  color: var(--_colors---text-color--primary-100);
}
.testimonial-sliding-cardss {
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  flex-flow: column;
  display: flex;
}
.testimonial-sliding-card {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.testimonial-sliding-card-details {
  width: var(--_sizes---default-size--width);
  padding: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  color: var(--_colors---text-color--primary-200);
  background-color: #ffffff12;
  border-radius: 1.25rem 1.25rem 1.25rem .25px;
  flex-flow: column;
  display: flex;
}
.testimonial-card-comment_text {
  font-family: var(--font-family--instrument-serif);
  color: var(--_colors---text-color--primary-100);
  font-size: var(--_typography---text-line-size--large);
  line-height: var(--_typography---text-line-height--default);
}
.testimonial-sliding-card-commenter_wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.testimonial-sliding-cardss-wrapper {
  width: var(--_sizes---default-size--width);
  height: var(--_sizes---default-size--height);
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  flex-flow: column;
  justify-content: flex-start;
  max-width: 37.5rem;
  display: flex;
  position: relative;
  overflow: clip;
}
.testimonial-sliding-animation-cards {
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  flex-flow: column;
  display: flex;
}
.testimonial-sliding-card-bg-up {
  width: var(--_sizes---default-size--width);
  pointer-events: none;
  background-image: linear-gradient(#000, #0000);
  height: 16rem;
  position: absolute;
  inset: 0% 0% auto;
}
.testimonial-sliding-card-bg-down {
  width: var(--_sizes---default-size--width);
  pointer-events: none;
  background-image: linear-gradient(0deg, #000, #0000);
  height: 18rem;
  position: absolute;
  inset: auto 0% 0%;
}
.pricing-cards-outer-wrapper {
  position: relative;
}
.pricing-cards-outer-wrapper.overflow {
  overflow: auto;
}
.team-cards-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}
.team-card {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  display: flex;
}
.team-image {
  width: var(--_sizes---default-size--width);
  height: var(--_sizes---default-size--height);
  border-radius: var(--_sizes---spacing--spacing-small);
}
.team-card-details {
  padding: var(--_sizes---spacing--spacing-medium);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---text-color--primary-200);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.team-card-texts {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  display: flex;
}
.team-social-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  display: flex;
}
.team-social {
  width: var(--_sizes---spacing--spacing-medium);
  color: var(--_colors---text-color--light-300);
  transition: all .4s;
}
.team-social:hover {
  color: var(--_colors---text-color--secondary-100);
  transform: scale(1.1);
}
.why-card {
  width: var(--_sizes---default-size--width);
  padding-top: var(--_sizes---spacing--spacing-bigger);
  padding-bottom: var(--_sizes---spacing--spacing-bigger);
  grid-column-gap: var(--_sizes---spacing--spacing-biggest);
  grid-row-gap: var(--_sizes---spacing--spacing-biggest);
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---text-color--primary-200);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.why-card-para {
  width: var(--_sizes---default-size--width);
  max-width: 31.25rem;
  padding-right: var(--_sizes---spacing--spacing-small);
  padding-left: var(--_sizes---spacing--spacing-small);
  text-align: center;
}
.why-card-lists-wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  flex-flow: column;
  max-width: 44.125rem;
  display: flex;
}
.why-card-list-inner-wrapper {
  grid-column-gap: 6.063rem;
  grid-row-gap: 6.063rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}
.why-card-list-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  display: flex;
}
.why-card-list-details-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: center;
  align-items: center;
  display: flex;
}
.why-card-list-divider-line {
  background-image: linear-gradient(90deg, transparent, var(--_colors---text-color--secondary-100) 46%, white);
  opacity: .1;
  height: .063rem;
}
.faq-card {
  width: var(--_sizes---default-size--width);
  max-width: 60rem;
  padding: var(--_sizes---spacing--spacing-big) var(--_sizes---spacing--spacing-normal) var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---text-color--primary-200);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.faq-wrapper {
  padding-top: var(--_sizes---spacing--spacing-xsmall);
  padding-bottom: var(--_sizes---spacing--spacing-xxsmall);
  cursor: pointer;
  border-bottom: 1px solid #00000026;
}
.faq-question-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.faq-question {
  font-size: var(--_typography---text-line-size--default);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--_typography---text-letter-spacing--medium);
}
.faq-icon {
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
}
.faq-answer-wrapper {
  padding-top: var(--_sizes---spacing--spacing-xxsmall);
  overflow: clip;
}
.cta-card {
  width: var(--_sizes---default-size--width);
  height: 44.188rem;
  padding-bottom: var(--_sizes---spacing--spacing-jambo);
  grid-column-gap: var(--_sizes---spacing--spacing-bigger);
  grid-row-gap: var(--_sizes---spacing--spacing-bigger);
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--spacing-small);
  background-color: var(--_colors---text-color--secondary-100);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: relative;
  overflow: hidden;
}
.cta-card-details_wrapper {
  z-index: 5;
  width: var(--_sizes---default-size--width);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  display: flex;
  position: relative;
}
.cta-card-details-texts_wrapper {
  margin-top: var(--_sizes---spacing--spacing-xsmall);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.cta-card-photo-scrolling_wrapper {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.cta-card-photo_wrapper {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  border-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  flex-flow: column;
  flex: none;
  width: 8.875rem;
  display: flex;
  overflow: hidden;
}
.cta-card-photo_wrapper.down {
  margin-top: 2.938rem;
}
.cta-card-photo_wrapper.downer {
  margin-top: 4.5rem;
}
.cta-card-photos-wrapper {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-flow: column;
  flex: none;
  display: flex;
}
.cta-card-photos-wrapper.downer {
  margin-top: 4.5rem;
}
.cta-card-photos {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  display: flex;
  position: absolute;
  inset: 2.25rem 0% auto;
  overflow: clip;
}
.cta-card-blur-image-right {
  pointer-events: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}
.cta-card-blur-image-left {
  pointer-events: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}
.cta-card-blur-image-bottom {
  pointer-events: none;
  position: absolute;
  inset: auto 0% 0% auto;
}
.news-cards-outer_wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  border-radius: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  max-width: 65rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.news-card {
  padding: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-jambo);
  grid-row-gap: var(--_sizes---spacing--spacing-jambo);
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  background-color: var(--_colors---text-color--primary-200);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}
.news-card.feature {
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  border-style: none;
}
.news-card.padding {
  width: var(--_sizes---default-size--width);
  height: var(--_sizes---default-size--height);
  padding: var(--_sizes---spacing--spacing-xxsmall);
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  justify-content: flex-start;
}
.news-card-details {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  display: flex;
}
.news-card-tag_date_wrapper {
  width: var(--_sizes---default-size--width);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.news-card-texts_wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.news-card-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.news-feature-card-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}
.news-feature-card {
  padding-top: var(--_sizes---spacing--spacing-xxsmall);
  padding-bottom: var(--_sizes---spacing--spacing-xxsmall);
  padding-left: var(--_sizes---spacing--spacing-xxsmall);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  background-color: var(--_colors---text-color--primary-200);
  text-decoration: none;
  display: flex;
}
.news-card-image {
  width: var(--_sizes---default-size--width);
  border-radius: .375rem;
  height: 18rem;
}
.news-card-image.full {
  height: var(--_sizes---default-size--height);
}
.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.about-hero-texts {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.about-hero-image-wrapper {
  width: var(--_sizes---default-size--width);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  max-width: 35.625rem;
  overflow: clip;
}
.about-hero-heading {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.about-image-with-glow {
  width: var(--_sizes---default-size--width);
  height: var(--_sizes---default-size--height);
  border-top-style: solid;
  border-top-width: 7px;
  border-top-color: var(--_colors---text-color--primary-100);
  border-right-style: solid;
  border-right-width: 7px;
  border-right-color: var(--_colors---text-color--primary-100);
  border-bottom-style: solid;
  border-bottom-width: 7px;
  border-bottom-color: var(--_colors---text-color--primary-100);
  border-left-style: solid;
  border-left-width: 7px;
  border-left-color: var(--_colors---text-color--primary-100);
  border-top-left-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  border-top-right-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  border-bottom-left-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  border-bottom-right-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  justify-content: center;
  align-items: center;
  box-shadow: 0 10.773px 56.46px -1.727px #00000021, 0 17.634px 50.58px -2.072px #00000021, 0 30.365px 18.219px -2.417px #00000021, 0 55.257px 33.154px -2.763px #00000021, 0 2.415px 4.346px #0000000f, 0 6.383px 11.489px #00000029;
}
.about-logos-heading-wrapper {
  margin-top: var(--_sizes---spacing--spacing-xsmall);
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.about-logos-wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}
.about-logo-wrapper {
  width: var(--_sizes---default-size--width);
  background-color: #f7f7f7;
  border-radius: .611rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 11.25rem;
  display: flex;
}
.about-logo-inner_wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.mission-card-bottom-stat-wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 48.438rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% .15rem;
}
.mission-card-stat-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  transform: rotate(0);
}
.mission-card-stat-wrapper._1 {
  bottom: 13px;
  right: 40px;
  transform: rotate(-12.07deg);
}
.mission-card-stat-wrapper._2 {
  position: relative;
  bottom: 10px;
  right: 7px;
  transform: rotate(-3deg);
}
.mission-card-stat-wrapper._3 {
  bottom: 3px;
  transform: rotate(9.91deg);
}
.mission-card-stat-wrapper._5 {
  position: relative;
  bottom: 23px;
  transform: rotate(20deg);
}
.mission-card-stat-wrapper._6 {
  position: relative;
  bottom: 18px;
  transform: rotate(-12.72deg);
}
.mission-card-stat-wrapper._4 {
  bottom: 4px;
}
.mission-card-stat-text {
  background-color: var(--_colors---text-color--primary-100);
  font-size: var(--_typography---text-line-size--medium);
  border-radius: 1.625rem;
  padding: .6rem 1.125rem;
  box-shadow: 0 6.45px 30.15px #0000000a;
}
.mission-card-stat_inner_wrapper {
  justify-content: center;
  display: flex;
}
.award-section-details {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.award-section-texts_wrapper {
  width: var(--_sizes---default-size--width);
  max-width: 45.438rem;
}
.award-section-texts {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  border-bottom: 1px solid #e9e9e9;
  grid-template-rows: auto;
  grid-template-columns: .5fr 2fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  padding-top: 2rem;
  padding-bottom: 2rem;
  transition: all .4s;
  display: grid;
}
.award-section-images_wrapper {
  border-radius: .75rem;
  flex: none;
  width: 16.688rem;
  height: 17.438rem;
  position: relative;
  overflow: clip;
}
.award-section-image-1 {
  z-index: 4;
  width: var(--_sizes---default-size--width);
  position: absolute;
  inset: 0%;
}
.award-section-image-1.for-mobile {
  display: none;
}
.award-section-image-2 {
  z-index: 3;
  width: var(--_sizes---default-size--width);
  position: absolute;
  inset: 0%;
}
.award-section-image-2.for-mobile {
  display: none;
}
.award-section-image-3 {
  z-index: 2;
  width: var(--_sizes---default-size--width);
  position: absolute;
  inset: 0%;
}
.award-section-image-3.for-mobile {
  display: none;
}
.award-section-image-4 {
  z-index: 1;
  width: var(--_sizes---default-size--width);
  position: absolute;
  inset: 0%;
}
.award-section-image-4.for-mobile {
  display: none;
}
.footer-link-text {
  color: #707679;
  font-size: var(--_typography---text-line-size--medium);
  letter-spacing: var(--_typography---text-letter-spacing--medium);
  text-decoration: none;
  transition: all .4s;
}
.animated-div {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-bigger);
  grid-row-gap: var(--_sizes---spacing--spacing-bigger);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.award-animation-div {
  width: var(--_sizes---default-size--width);
}
.case-card-image-wrapper {
  width: var(--_sizes---default-size--width);
  max-width: 20.8125rem;
  position: relative;
}
.case-card-button-wrapper {
  z-index: 50;
  position: absolute;
}
.news-card-inner-wrapper {
  width: var(--_sizes---default-size--width);
  height: var(--_sizes---default-size--height);
  padding: var(--_sizes---spacing--spacing-medium);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.comparison-table-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  min-width: 68.875rem;
  display: flex;
}
.comparison-table-feature_wrapper {
  width: var(--_sizes---default-size--width);
  max-width: 23.625rem;
  margin-bottom: var(--_sizes---spacing--spacing-large);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  display: flex;
}
.comparison-table-feature_list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .25rem;
}
.comparison-table-feature {
  padding-top: var(--_sizes---spacing--spacing-small);
  padding-bottom: var(--_sizes---spacing--spacing-medium);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.comparison-table-line_divider {
  background-color: var(--_colors---text-color--border-100);
  width: 100%;
  height: .06rem;
}
.comparison-table-line_divider.white {
  background-color: var(--_colors---text-color--primary-100);
}
.comparison-table-card_wrapper {
  width: var(--_sizes---default-size--width);
  max-width: 21.5rem;
  padding: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  flex-flow: column;
  display: flex;
}
.comparison-table-card_wrapper.bg-white {
  background-color: var(--_colors---text-color--primary-100);
}
.comparison-table-card-button_wrapper {
  margin-bottom: var(--_sizes---spacing--spacing-small);
}
.comparison-table-cards_wrapper {
  width: var(--_sizes---default-size--width);
  justify-content: flex-end;
  display: flex;
}
.contact-wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}
.contact-left_part_wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-jambo);
  grid-row-gap: var(--_sizes---spacing--spacing-jambo);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 26.75rem;
  display: flex;
}
.contact-ratings-card-wrapper {
  width: var(--_sizes---default-size--width);
  padding: var(--_sizes---spacing--spacing-big) var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-bigger);
  grid-row-gap: var(--_sizes---spacing--spacing-bigger);
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  background-color: var(--_colors---text-color--primary-200);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.star-text-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.contacit-rating-inner_wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  display: flex;
}
.contact-form-wrapper {
  width: var(--_sizes---default-size--width);
  max-width: 41.375rem;
  padding: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  background-color: var(--_colors---text-color--primary-200);
  flex-flow: column;
  display: flex;
}
.form-field-wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.text-field {
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-xxsmall);
  background-color: var(--_colors---text-color--primary-100);
  min-height: 3.375rem;
  font-size: var(--_typography---text-line-size--medium);
  letter-spacing: var(--_typography---text-letter-spacing--medium);
}
.text-field:focus {
  border-color: var(--_colors---text-color--secondary-100);
}
.text-field.text-area {
  min-height: var(--_sizes---spacing--spacing-massive);
}
.form {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.form-fields-wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  display: flex;
}
.background-video {
  z-index: 1;
  width: var(--_sizes---default-size--width);
  height: var(--_sizes---default-size--height);
  border-radius: 3.26138rem 3.26138rem 0 0;
}
.pause-button {
  width: 2rem;
  height: 2rem;
  inset: 2rem 2rem auto auto;
}
.pause-button._01 {
  inset: auto 2rem 2rem auto;
}
.marquee-animation {
  grid-column-gap: var(--_sizes---spacing--spacing-bigger);
  grid-row-gap: var(--_sizes---spacing--spacing-bigger);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
  overflow: clip;
}
.marquee-items {
  grid-column-gap: var(--_sizes---spacing--spacing-bigger);
  grid-row-gap: var(--_sizes---spacing--spacing-bigger);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}
.marquee-icon {
  width: 9.30619rem;
  height: auto;
}
.marquee-icon._01 {
  width: 9.70506rem;
}
.marquee-icon._02 {
  width: 7rem;
}
.marquee-icon._03 {
  width: 8.7rem;
}
.base-button {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-pill);
  background-color: var(--_colors---text-color--secondary-100);
  color: var(--_colors---text-color--primary-100);
  font-size: var(--_typography---text-line-size--medium);
  line-height: var(--_typography---text-line-height--medium);
  font-weight: var(--font-weight--medium);
  text-align: center;
  letter-spacing: var(--_typography---text-letter-spacing--medium);
  justify-content: center;
  align-items: center;
  padding: 1rem 2.25rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}
.base-button:where(.button-secondary) {
  background-color: var(--_colors---text-color--primary-100);
  color: var(--_colors---text-color--secondary-100);
  border: 1px solid #0003;
}
.base-button:where(.button-white) {
  background-color: var(--_colors---text-color--primary-100);
  color: var(--_colors---text-color--secondary-100);
  box-shadow: none;
  border: 1px solid #0003;
}
.base-button:where(.button-brand) {
  background-color: #000;
  background-image: linear-gradient(180deg, var(--_colors---text-color--brand-100), var(--_colors---text-color--brand-200));
}
.base-button:where(.button-nav) {
  padding: .5rem 1rem .5rem .5rem;
}
.base-button:hover {
  box-shadow: inset 0 0 20px 1.64px #ffffff26, 0 .84px .504px -.312px #00000021, 0 1.99px 1.194px -.625px #00000021, 0 3.631px 2.178px -.937px #00000021, 0 6.036px 3.622px -1.25px #00000021, 0 9.748px 5.849px -1.562px #00000021, 0 15.957px 9.574px -1.875px #00000021, 0 27.476px 16.486px -2.187px #00000021, 0 50px 30px -2.5px #00000021;
}
.base-button.case-card {
  background-color: var(--_colors---text-color--primary-100);
  color: var(--_colors---text-color--secondary-100);
  box-shadow: none;
  border: 1px solid #0003;
}
.primary-button-wrap {
  flex: none;
  height: 1.4rem;
  overflow: clip;
}
.primary-button-text {
  text-shadow: 0 -1.4rem 0 var(--_colors---text-color--primary-100);
}
.primary-button-text:where(.button-secondary), .primary-button-text:where(.button-white), .primary-button-text.black {
  text-shadow: 0 -1.4rem 0 var(--_colors---text-color--secondary-100);
}
.base-button-icon {
  width: 1.25rem;
}
.base-button-icon:where(.button-secondary), .base-button-icon:where(.button-with-dot) {
  width: .375rem;
}
.base-button-icon:where(.button-white) {
  width: .375rem;
  display: none;
}
.base-button-icon:where(.button-without-icon) {
  display: none;
}
.base-button-icon:where(.button-nav) {
  width: 2rem;
  height: auto;
}
.base-button-icon.case-card {
  width: .375rem;
  display: none;
}
.hero-scrolling-image-wrapper {
  border-radius: 1.5rem;
  position: relative;
  overflow: clip;
}
.hero-scrolling-image-texts_wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: flex-start;
  align-items: flex-end;
  min-height: 8.438rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}
.hero-scrolling-image-icon {
  z-index: 1;
  width: 1.25rem;
  height: auto;
  margin-bottom: .35rem;
  position: relative;
}
.hero-scrolling-image-icon._01 {
  margin: 0;
}
.hero-scrolling-image-bg {
  width: var(--_sizes---default-size--width);
  height: var(--_sizes---default-size--height);
  opacity: .5;
  pointer-events: none;
  background-image: linear-gradient(0deg, #887a68, #887a6800);
  position: absolute;
  inset: 0%;
}
.marquee-left-gradiant {
  z-index: 1;
  width: var(--_sizes---default-size--width);
  background-image: linear-gradient(90deg, var(--_colors---text-color--primary-100), #fff0);
  max-width: 23.125rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}
.marquee-right-gradiant {
  z-index: 1;
  width: var(--_sizes---default-size--width);
  background-image: linear-gradient(270deg, var(--_colors---text-color--primary-100), #fff0);
  max-width: 23.125rem;
  position: absolute;
  inset: 0% 0% 0% auto;
}
.marquee-animation-wrapper {
  width: 100%;
  position: relative;
  overflow: clip;
}
.pricing-cards-wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}
.pricing-card-wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  border: 2px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  background-color: var(--_colors---text-color--primary-200);
  flex-flow: column;
  padding: 1rem .125rem .125rem;
  display: flex;
}
.pricing-card-wrapper.brand-color {
  background-image: linear-gradient(114deg, var(--_colors---text-color--brand-100), var(--_colors---text-color--brand-200));
}
.pricing-card {
  padding: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  background-color: var(--_colors---text-color--primary-100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.pricing-heading-wrapper {
  margin-bottom: var(--_sizes---spacing--spacing-xsmall);
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  flex-flow: column;
  display: flex;
}
.price-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.price-button-wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  flex-flow: column;
  display: flex;
}
.pricing-lists-wrapper {
  width: var(--_sizes---default-size--width);
  margin-top: var(--_sizes---spacing--spacing-small);
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  display: flex;
}
.pricing-list-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.pricing-tag-image {
  width: 3.44rem;
  height: auto;
  position: absolute;
  top: 0;
  right: 3.125rem;
}
.tabs-content {
  margin-top: var(--_sizes---spacing--spacing-big);
}
.tabs-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}
.tab-link {
  padding-right: var(--_sizes---spacing--spacing-small);
  padding-left: var(--_sizes---spacing--spacing-small);
  color: var(--_colors---text-color--light-300);
  background-color: #0000;
}
.tab-link[aria-current="page"], .tab-link.is-active {
  color: var(--_colors---text-color--secondary-100);
  background-color: #0000;
}
.tab-link.yearly-tab {
  padding-left: 2.5rem;
}
.tab-link.monthly, .tab-link.monthly[aria-current="page"], .tab-link.monthly.is-active {
  padding-right: 2.5rem;
}
.pricing-tab-wrapper {
  position: relative;
}
.pricing-toggle-wrapper {
  justify-content: center;
  align-items: center;
  height: 2.813rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}
.pricing-toggle {
  border: 1px solid #0000001a;
  border-radius: 2.5rem;
  justify-content: flex-start;
  align-items: center;
  width: 3rem;
  height: 1.75rem;
  margin-left: .875rem;
  padding: .25rem;
  display: flex;
}
.toggle-box {
  background-color: var(--_colors---text-color--secondary-100);
  border-radius: 2.5rem;
  width: 1.25rem;
  height: 1.25rem;
  box-shadow: 0 4px 4px #00000040;
}
.hero-video_tag_wrapper {
  z-index: 5;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #ffffff26;
  border: 1px solid #ffffff29;
  border-radius: 2.75rem;
  justify-content: flex-start;
  align-items: center;
  padding: .313rem .87rem .313rem .313rem;
  display: flex;
  position: absolute;
  inset: 3.125rem auto auto 2.75rem;
}
.hero-video_tag_text_wrapper {
  grid-column-gap: .43rem;
  grid-row-gap: .43rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.hero-video_tag_image {
  border-top-left-radius: var(--_sizes---spacing--bordar-redius--redius-circle);
  border-top-right-radius: var(--_sizes---spacing--bordar-redius--redius-circle);
  border-bottom-left-radius: var(--_sizes---spacing--bordar-redius--redius-circle);
  border-bottom-right-radius: var(--_sizes---spacing--bordar-redius--redius-circle);
  width: 2.12rem;
  height: auto;
  box-shadow: 0 .894px .537px -.333px #00000021, 0 2.12px 1.272px -.666px #00000021, 0 3.867px 2.32px -.998px #00000021, 0 6.428px 3.857px -1.331px #00000021, 0 10.381px 6.229px -1.664px #00000021, 0 16.993px 10.196px -1.997px #00000021, 0 29.26px 17.556px -2.33px #00000021, 0 53.247px 31.948px -2.662px #00000021;
}
.team-image-wrapper {
  width: var(--_sizes---default-size--width);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  overflow: clip;
}
.case-details-hero_wrapper {
  position: relative;
}
.case-details_image {
  border-top-left-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  border-top-right-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  border-bottom-left-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  border-bottom-right-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  box-shadow: 0 10.773px 56.46px -1.727px #00000021, 0 17.634px 50.58px -2.072px #00000021, 0 30.365px 18.219px -2.417px #00000021, 0 55.257px 33.154px -2.763px #00000021, 0 2.415px 4.346px #0000000f, 0 6.383px 11.489px #00000029;
}
.case-details-hero_texts_wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  max-width: 30rem;
  display: flex;
  position: absolute;
  inset: auto auto 3rem 3rem;
}
.case-details-items_wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.case-details-items {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  max-width: 42rem;
  display: flex;
}
.case-details-items.spacing {
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
}
.case-details-item {
  border-bottom: 1px solid #e9e9e9;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 1.125rem;
  display: flex;
}
.case-details-texts {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  max-width: 38rem;
  display: flex;
}
.collection-item {
  width: var(--_sizes---default-size--width);
  height: var(--_sizes---default-size--height);
}
.news-card-image-wrapper {
  width: var(--_sizes---default-size--width);
  border-radius: .375rem;
  height: 18rem;
  overflow: clip;
}
.news-card-image-wrapper.full {
  height: var(--_sizes---default-size--height);
}
.blog-details-heading_wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  display: flex;
}
.blog-details-header_wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.tag-wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
  display: flex;
}
.blog-details-image_wrapper {
  border-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  position: relative;
  overflow: clip;
}
.blog-details-tag {
  padding: var(--_sizes---spacing--spacing-xsmall) var(--_sizes---spacing--spacing-small);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-xsmall);
  background-color: var(--_colors---text-color--primary-200);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 1.25rem 1.25rem auto auto;
}
.blog-details-tag_image {
  width: 1.25rem;
  height: auto;
}
.blog-details-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}
.blog-details {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  display: flex;
}
.blog-details-lists {
  margin-top: var(--_sizes---spacing--spacing-xsmall);
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  display: flex;
}
.blog-details-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-details-list_icon {
  width: 1.5rem;
  height: auto;
}
.quote-wrapper {
  margin-top: var(--_sizes---spacing--spacing-small);
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  display: flex;
}
.quote-line {
  background-image: linear-gradient(180deg, var(--_colors---text-color--brand-100), var(--_colors---text-color--brand-200));
  flex: none;
  width: .125rem;
}
.utility-card {
  width: var(--_sizes---default-size--width);
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  border-top-style: solid;
  border-top-width: 5px;
  border-top-color: var(--_colors---text-color--primary-100);
  border-right-style: solid;
  border-right-width: 5px;
  border-right-color: var(--_colors---text-color--primary-100);
  border-bottom-style: solid;
  border-bottom-width: 5px;
  border-bottom-color: var(--_colors---text-color--primary-100);
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: var(--_colors---text-color--primary-100);
  border-top-left-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  border-top-right-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  border-bottom-left-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  border-bottom-right-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  background-color: var(--_colors---text-color--primary-200);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 38.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2.813rem;
  display: flex;
  transform: rotate(3.45deg);
  box-shadow: 0 2.415px 4.346px #0000000f, 0 6.383px 11.489px #00000029;
}
.utility-card-details {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-normal);
  grid-row-gap: var(--_sizes---spacing--spacing-normal);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 27.938rem;
  display: flex;
}
.utility-card-heading {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  text-align: center;
  flex-flow: column;
  display: flex;
}
.utility-content-wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-big);
  grid-row-gap: var(--_sizes---spacing--spacing-big);
  flex-flow: column;
  max-width: 43.75rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.utility-content {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  display: flex;
}
.para-link {
  color: var(--_colors---text-color--light-300);
  transition: all .4s;
}
.para-link:hover {
  text-decoration: underline;
}
.utility-list {
  margin-top: var(--_sizes---spacing--spacing-xsmall);
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  display: flex;
}
.list {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  color: var(--_colors---text-color--light-300);
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}
.changelog-card {
  width: var(--_sizes---default-size--width);
  max-width: 41.5rem;
  padding: var(--_sizes---spacing--spacing-normal);
  grid-column-gap: 2.625rem;
  grid-row-gap: 2.625rem;
  border: 1px solid var(--_colors---text-color--border-100);
  border-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  background-color: var(--_colors---text-color--primary-200);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.changelog-card_content_wrapper {
  grid-column-gap: var(--_sizes---spacing--spacing-small);
  grid-row-gap: var(--_sizes---spacing--spacing-small);
  flex-flow: column;
  display: flex;
}
.changelog-card_lists {
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  display: flex;
}
.changelog-card_list {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.feature-dot-image {
  width: .5rem;
  height: auto;
}
.license-link-wrapper {
  width: var(--_sizes---default-size--width);
  max-width: 9.5rem;
  padding-top: var(--_sizes---spacing--spacing-big);
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 0;
}
.license-items_wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-regular);
  grid-row-gap: var(--_sizes---spacing--spacing-regular);
  flex-flow: column;
  display: flex;
}
.license-link {
  padding-bottom: var(--_sizes---spacing--spacing-medium);
  border-bottom: 1px solid var(--_colors---text-color--border-200);
  color: var(--_colors---text-color--light-200);
}
.license-link[aria-current="page"], .license-link.is-active {
  border-bottom-color: var(--_colors---text-color--secondary-100);
  color: var(--_colors---text-color--secondary-100);
}
.license-items {
  padding-top: var(--_sizes---spacing--spacing-big);
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  flex-flow: column;
  display: flex;
}
.license-items_image_wrapper {
  width: var(--_sizes---default-size--width);
  grid-column-gap: var(--_sizes---spacing--spacing-medium);
  grid-row-gap: var(--_sizes---spacing--spacing-medium);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}
.license-image {
  border-radius: var(--_sizes---spacing--bordar-redius--redius-small);
}
.license-items_texts {
  grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
  grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  flex-flow: column;
  display: flex;
}
.text-black {
  color: var(--_colors---text-color--secondary-100);
}
.license-items-card {
  background-color: var(--_colors---text-color--primary-200);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  min-height: 17.5rem;
  display: flex;
}
.license-items-card.small {
  min-height: 15.625rem;
}
.license-items-image {
  width: 15rem;
  height: auto;
}
.license-items-image._02 {
  width: 9.3rem;
}
.trusted-logo {
  width: 2.9rem;
  height: auto;
}
.trusted-logo.negative-margin {
  margin-left: -1.1rem;
}
.about-hero-image {
  border-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
  justify-content: center;
  align-items: center;
  display: flex;
}
.success-message {
  background-color: var(--_colors---text-color--primary-100);
  border-radius: 2rem;
}
.case-card-images {
  width: var(--_sizes---default-size--width);
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 3.125rem;
  display: flex;
  overflow: clip;
}
.case-image {
  border-radius: var(--_sizes---spacing--bordar-redius--redius-regular);
}
.about-logo {
  width: 6rem;
  height: auto;
}
.about-logo.small {
  width: 7.8rem;
}
.case-collection {
  position: relative;
}
.read-link_underline {
  background-color: var(--_colors---text-color--secondary-100);
  height: .063rem;
  position: absolute;
  inset: auto 0% 0%;
}
.read-link_svg_wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 1.25rem;
  display: flex;
  overflow: clip;
}
.read-link_svgs {
  flex-flow: column;
  display: flex;
}
.step-card-image {
  width: 5rem;
  height: auto;
}
.check-icon {
  width: 1.25rem;
  height: auto;
}
.pw-field-label {
  display: none;
}
.error-message {
  margin-top: var(--_sizes---spacing--spacing-normal);
  background-color: var(--_colors---text-color--transparent);
  color: var(--_colors---text-color--brand-200);
  padding: 0;
}
.select-field {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---text-color--border-100);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---text-color--border-100);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---text-color--border-100);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---text-color--border-100);
  border-top-left-radius: var(--_sizes---spacing--bordar-redius--redius-xxsmall);
  border-top-right-radius: var(--_sizes---spacing--bordar-redius--redius-xxsmall);
  border-bottom-left-radius: var(--_sizes---spacing--bordar-redius--redius-xxsmall);
  border-bottom-right-radius: var(--_sizes---spacing--bordar-redius--redius-xxsmall);
  background-color: var(--_colors---text-color--primary-100);
  min-height: 3.375rem;
  font-size: var(--_typography---text-line-size--medium);
  letter-spacing: var(--_typography---text-letter-spacing--medium);
  appearance: none;
  background-image: url('../images/arrow-down-01.webp');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: 1.5rem;
}
.select-field:focus {
  border-color: var(--_colors---text-color--secondary-100);
}
.home-results {
  margin-left: auto;
  margin-right: auto;
}
.misison-card-box {
  border-top-left-radius: var(--_sizes---spacing--bordar-redius--redius-circle);
  border-top-right-radius: var(--_sizes---spacing--bordar-redius--redius-circle);
  border-bottom-left-radius: var(--_sizes---spacing--bordar-redius--redius-circle);
  border-bottom-right-radius: var(--_sizes---spacing--bordar-redius--redius-circle);
  background-color: var(--_colors---text-color--primary-100);
  justify-content: center;
  align-items: center;
  width: 3.08994rem;
  min-width: 3.08994rem;
  height: 3.08994rem;
  min-height: 3.08994rem;
  display: flex;
  box-shadow: 0 .557px 19.42px -.329px #0000000a, 0 38.172px 19.945px -.657px #0000000a;
}
.misison-card-box.tiktok, .misison-card-box._02, .misison-card-box._04 {
  box-shadow: 0 .557px 19.42px -.329px #0000000a, 0 38.172px 19.945px -.657px #0000000a;
}
.misison-card-icon {
  border-top-left-radius: var(--_sizes---spacing--bordar-redius--redius-circle);
  border-top-right-radius: var(--_sizes---spacing--bordar-redius--redius-circle);
  border-bottom-left-radius: var(--_sizes---spacing--bordar-redius--redius-circle);
  border-bottom-right-radius: var(--_sizes---spacing--bordar-redius--redius-circle);
  background-color: var(--_colors---text-color--brand-300);
  width: 1.9rem;
  height: auto;
  box-shadow: 0 .359px .359px #0072ce05, 0 1.09px 1.09px #0072ce0f, 0 2.881px 2.881px #0072ce29, 0 9.028px 9.028px #0072ce80, inset 0 .388px .388px -.537px #ffffff40, inset 0 1.476px 1.476px -1.075px #ffffff40, inset 0 6.449px 6.449px -1.612px #ffffff40;
}
.misison-card-icon._02 {
  background-color: var(--_colors---text-color--secondary-100);
  box-shadow: 0 .514px .925px #00000005, 0 1.558px 2.804px #0000000f, 0 4.117px 7.411px #00000029, 0 12.902px 23.223px #00000080, inset 0 .385px .385px #ffffff03, inset 0 1.168px 1.168px #ffffff08, inset 0 3.088px 3.088px #ffffff14, inset 0 9.676px 9.676px #ffffff40;
}
.misison-card-icon._03 {
  background-color: var(--_colors---text-color--brand-200);
  box-shadow: 0 .371px .371px #fe603705, 0 1.126px 1.126px #fe60370f, 0 2.977px 2.977px #fe603729, 0 9.328px 9.328px #fe603780, inset 0 .401px .401px -.555px #ffffff40, inset 0 1.525px 1.525px -1.111px #ffffff40, inset 0 6.663px 6.663px -1.666px #ffffff40;
}
.misison-card-icon._04 {
  background-color: var(--_colors---text-color--brand-400);
  box-shadow: 0 .277px .277px #f2000005, 0 .839px .839px #f200000f, 0 2.219px 2.219px #f2000029, 0 6.952px 6.952px #f200004d, inset 0 .299px .299px -.414px #ffffff40, inset 0 1.136px 1.136px -.828px #ffffff40, inset 0 4.966px 4.966px -1.242px #ffffff40;
}
.case-icon {
  width: 1.125rem;
  height: auto;
}
.pricing-icon {
  width: 1.5rem;
  height: auto;
}
.mission-icon {
  width: 4rem;
  height: auto;
}
.ratings-leaf {
  width: 1.541rem;
  height: auto;
}
.ratings-stars {
  width: 5.85581rem;
  height: auto;
}
.footer-icon {
  width: 3.75rem;
  height: auto;
}
.compare-icon {
  width: 1.5rem;
  height: auto;
}@media screen and (max-width: 991px) {

  body {
    --_typography---text-line-size--default: 1.125rem;
    --_typography---text-line-height--default: 150%;
    --_typography---text-letter-spacing--default: 0rem;
    --_typography---heading-font-size--h1: 3rem;
    --_typography---heading-line-height--h1: 113%;
    --_typography---heading-letter-spacing--h1: -.116rem;
    --_typography---heading-font-size--h2: 2.5rem;
    --_typography---heading-line-height--h2: 116%;
    --_typography---heading-letter-spacing--h2: 0rem;
    --_typography---heading-font-size--h3: 2rem;
    --_typography---heading-line-height--h3: 117%;
    --_typography---heading-letter-spacing--h3: 0rem;
    --_typography---heading-font-size--h4: 1.75rem;
    --_typography---heading-line-height--h4: 122%;
    --_typography---heading-letter-spacing--h4: 0rem;
    --_typography---heading-font-size--h5: 1.5rem;
    --_typography---heading-line-height--h5: 140%;
    --_typography---heading-letter-spacing--h5: 0rem;
    --_typography---heading-font-size--h6: 1.25rem;
    --_typography---heading-line-height--h6: 150%;
    --_typography---heading-letter-spacing--h6: 0rem;
    --_typography---text-line-size--small: .875rem;
    --_typography---text-line-height--small: 100%;
    --_typography---text-letter-spacing--large: .035rem;
    --_typography---text-letter-spacing--medium: -.02rem;
    --_typography---text-line-height--large: 156%;
    --_typography---text-line-size--medium: 1rem;
    --_typography---text-line-size--large: 1.25rem;
    --_typography---text-line-height--medium: 140%;
    --_typography---text-letter-spacing--small: -.116rem;
    --_sizes---default-size--width: 100%;
    --_sizes---default-size--height: 100%;
    --_sizes---spacing--spacing-big: 2.5rem;
    --_sizes---spacing--spacing-medium: 1.25rem;
    --_sizes---container--max-width-large: 85rem;
    --_sizes---container--max-width-regular: 80rem;
    --_sizes---spacing--spacing-colossal: 6rem;
    --_sizes---spacing--spacing-jambo: 4rem;
    --_sizes---spacing--spacing-biggest: 3rem;
    --_sizes---spacing--spacing-regular: 1.5rem;
    --_sizes---spacing--spacing-small: 1rem;
    --_sizes---spacing--spacing-xxsmall: .75rem;
    --_sizes---spacing--spacing-normal: 2rem;
    --_sizes---spacing--spacing-bigger: 3rem;
    --_sizes---spacing--bordar-redius--redius-circle: 100%;
    --_sizes---spacing--bordar-redius--redius-small: 1rem;
    --_sizes---spacing--spacing-large: 2.25rem;
    --_sizes---spacing--bordar-redius--redius-regular: 1.5rem;
    --_sizes---spacing--spacing-xsmall: .5rem;
    --_sizes---spacing--spacing-tiny: .25rem;
    --_sizes---spacing--bordar-redius--redius-xxsmall: .375rem;
    --_sizes---spacing--spacing-massive: 5rem;
    --_sizes---spacing--bordar-redius--redius-pill: 5rem;
    --_sizes---spacing--bordar-redius--redius-xsmall: .5rem;
    --_sizes---container--max-width-small: 66.25rem;
    --_sizes---spacing--bordar-redius--redius-tiny: .25rem;
    --_sizes---spacing--bordar-redius--redius-medium: 1.25rem;
    --_sizes---spacing--bordar-redius--redius-large: 1.875rem;
    --_sizes---spacing--bordar-redius--redius-big: 2rem;
    --_sizes---spacing--bordar-redius--redius-soft: 3.75rem;
  }
  .padding-global {
    padding-right: var(--_sizes---spacing--spacing-medium);
    padding-left: var(--_sizes---spacing--spacing-medium);
  }
  .container-large.nav-containter.nav-container {
    padding-left: 0;
    padding-right: 0;
  }
  .padding-section-large.bottom-one {
    grid-column-gap: 9rem;
    grid-row-gap: 9rem;
  }
  .license-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }
  .license-wrapper.instruction {
    grid-column-gap: var(--_sizes---spacing--spacing-big);
    grid-row-gap: var(--_sizes---spacing--spacing-big);
  }
  .instructions-details-wrapp {
    max-width: none;
  }
  .utility-page-wrap.pw {
    height: 42rem;
  }
  .section-heading-wrapper.influno-heading {
    max-width: 45.5rem;
  }
  .section-heading-wrapper.mission-heading {
    max-width: 26rem;
  }
  .section-heading-wrapper.case-heading {
    max-width: 30rem;
  }
  .section-heading-wrapper.testimonial-car-heading {
    max-width: none;
  }
  .section-heading-wrapper.news-heading {
    max-width: 30rem;
  }
  .section-heading-wrapper.about-hero-gap {
    max-width: 26rem;
  }
  .section-heading-wrapper.alight-left.award-heading {
    max-width: 40rem;
  }
  .section-heading-wrapper.license {
    max-width: 38rem;
  }
  .section-heading-wrapper.ctat {
    max-width: 29rem;
  }
  .typography-details {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }
  .hamburger-lines {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }
  .nav-link.for-desktop {
    display: none;
  }
  .menu {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    width: 1.3rem;
    height: 1.3rem;
    padding: 0;
    display: flex;
  }
  .menu.is-open {
    background-color: #fff0;
  }
  .tab-menus {
    grid-column-gap: 4.5rem;
    grid-row-gap: 2.5rem;
    background-color: #fff;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr .75fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem 1.5rem 2.5rem;
    display: grid;
    position: relative;
    overflow: clip;
    box-shadow: 0 2px 5px #0003;
  }
  .pages-items {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .dropdown-header {
    color: #484848;
    text-align: left;
    border-bottom: 1px solid #ececec;
    width: 100%;
    padding-bottom: .5rem;
    font-weight: 600;
  }
  .nav-pages {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
  .nav-buttons {
    display: none;
  }
  .navbar {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .hamburger-line {
    background-color: #080808;
    width: 100%;
    height: 2px;
    min-height: 2px;
    padding: 0;
  }
  .hamburger-line.middle {
    margin-top: .4rem;
    margin-bottom: .4rem;
  }
  .nav-items {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }
  .nav-menu {
    background-color: #fff0;
    border-radius: 0;
    padding: 0;
  }
  .heading-style-h1.audiences {
    font-size: var(--_typography---heading-font-size--h2);
    line-height: var(--_typography---heading-line-height--h2);
    letter-spacing: var(--_typography---heading-letter-spacing--h2);
  }
  .heading-style-h4.award-name {
    order: 9999;
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
  }
  .text-size-small.medium.award-no {
    display: none;
  }
  .styleguide-color-box-wrapper {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .styleguide-buttons {
    flex-flow: wrap;
  }
  .footer-wrapper {
    flex-flow: column;
  }
  .footer-cta-wrapper {
    max-width: none;
  }
  .footer-cta-details-text.gray-text {
    max-width: 26rem;
  }
  .footer-cta-links {
    margin-top: 2rem;
  }
  .footer-inner-wrapper {
    padding-right: var(--_sizes---spacing--spacing-normal);
    padding-left: var(--_sizes---spacing--spacing-normal);
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }
  .footer-down-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
  .footer-logo {
    max-width: 20rem;
  }
  .hero-scrolling-images {
    justify-content: flex-start;
    align-items: center;
  }
  .hero-scrolling-floating_wrapper {
    margin-top: -20rem;
  }
  .hero-scrolling-floating_video-wrapper {
    max-width: 20rem;
    height: 30rem;
    padding-top: var(--_sizes---spacing--spacing-small);
    padding-right: var(--_sizes---spacing--spacing-small);
    padding-left: var(--_sizes---spacing--spacing-small);
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
  }
  .hero-scrolling-bg_blur {
    height: 16rem;
  }
  .step-cards-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .heading-icon {
    width: 3.75rem;
    right: 38%;
  }
  .heading-icon.two {
    width: 3rem;
  }
  .heading-icon.three {
    width: 2.5rem;
  }
  .about-section-image_wrapper.about-section-image {
    height: 30rem;
  }
  .mission-card.padding-bottom {
    padding-bottom: 10rem;
  }
  .mission-card-innercard_wrapper {
    transform: none;
  }
  .stats-wrapper.spacing-small {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }
  .case-card {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-top: 0;
  }
  .case-card-details {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .testimonial-card {
    height: 40rem;
    padding-right: var(--_sizes---spacing--spacing-small);
  }
  .textimonial-card-left_part_wrapper {
    padding-left: var(--_sizes---spacing--spacing-small);
  }
  .team-cards-wrapper {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .faq-question {
    font-size: var(--_typography---text-line-size--large);
    line-height: var(--_typography---text-line-height--large);
  }
  .cta-card {
    height: 48rem;
  }
  .cta-card-photo_wrapper {
    width: 7rem;
  }
  .news-card.feature {
    padding: var(--_sizes---spacing--spacing-tiny) var(--_sizes---spacing--spacing-small) var(--_sizes---spacing--spacing-tiny) var(--_sizes---spacing--spacing-tiny);
  }
  .hero-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
  }
  .about-logo-wrapper {
    height: 9rem;
  }
  .about-logo-inner_wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  .about-logo-inner_wrapper.hide-on-mobile {
    display: none;
  }
  .mission-card-stat-text {
    padding: .5rem 1rem;
  }
  .award-section-texts_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: none;
    display: grid;
  }
  .award-section-texts {
    width: var(--_sizes---default-size--width);
    text-align: center;
    border-bottom-style: none;
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }
  .award-section-images_wrapper {
    display: none;
  }
  .award-section-image-1 {
    position: static;
  }
  .award-section-image-1.for-mobile {
    border-radius: 1rem;
    height: 25rem;
    display: block;
  }
  .award-section-image-2 {
    position: static;
  }
  .award-section-image-2.for-mobile {
    border-radius: 1rem;
    height: 25rem;
    display: block;
  }
  .award-section-image-3 {
    position: static;
  }
  .award-section-image-3.for-mobile {
    border-radius: 1rem;
    height: 25rem;
    display: block;
  }
  .award-section-image-4 {
    position: static;
  }
  .award-section-image-4.for-mobile {
    border-radius: 1rem;
    height: 25rem;
    display: block;
  }
  .case-card-image-wrapper {
    max-width: 14rem;
  }
  .contact-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-bigger);
    grid-row-gap: var(--_sizes---spacing--spacing-bigger);
    flex-flow: column;
  }
  .contact-left_part_wrapper {
    max-width: none;
  }
  .contacit-rating-inner_wrapper {
    max-width: 42rem;
  }
  .contact-form-wrapper {
    max-width: none;
  }
  .background-video {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
  }
  .pause-button {
    top: 1rem;
    right: 1rem;
  }
  .pause-button._01 {
    bottom: 1.5rem;
    right: 1.5rem;
  }
  .base-button.case-card {
    padding: .9rem 1.8rem;
  }
  .hero-scrolling-image-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 18rem;
  }
  .hero-scrolling-image-texts_wrapper {
    min-height: auto;
  }
  .marquee-left-gradiant, .marquee-right-gradiant {
    max-width: 10rem;
  }
  .pricing-tag-image {
    width: 2.75rem;
  }
  .hero-video_tag_wrapper {
    grid-column-gap: .1rem;
    grid-row-gap: .1rem;
    padding: .15rem;
    top: 2rem;
    left: 1.5rem;
  }
  .hero-video_tag_text_wrapper {
    grid-column-gap: .1rem;
    grid-row-gap: .1rem;
  }
  .case-details-items {
    max-width: 34rem;
  }
  .license-items {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
  }
  .license-items_image_wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .case-card-images {
    width: var(--_sizes---default-size--width);
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 3.125rem;
    display: flex;
    overflow: clip;
  }
  .about-logo {
    width: 5.4rem;
  }
  .mission-icon {
    width: 3rem;
  }}
@media screen and (max-width: 767px) {

  body {
    --_typography---text-line-size--default: 1rem;
    --_typography---text-line-height--default: 150%;
    --_typography---text-letter-spacing--default: 0rem;
    --_typography---heading-font-size--h1: 2.6rem;
    --_typography---heading-line-height--h1: 113%;
    --_typography---heading-letter-spacing--h1: -.1rem;
    --_typography---heading-font-size--h2: 2rem;
    --_typography---heading-line-height--h2: 116%;
    --_typography---heading-letter-spacing--h2: 0rem;
    --_typography---heading-font-size--h3: 1.75rem;
    --_typography---heading-line-height--h3: 117%;
    --_typography---heading-letter-spacing--h3: 0rem;
    --_typography---heading-font-size--h4: 1.5rem;
    --_typography---heading-line-height--h4: 122%;
    --_typography---heading-letter-spacing--h4: 0rem;
    --_typography---heading-font-size--h5: 1.25rem;
    --_typography---heading-line-height--h5: 140%;
    --_typography---heading-letter-spacing--h5: 0rem;
    --_typography---heading-font-size--h6: 1rem;
    --_typography---heading-line-height--h6: 150%;
    --_typography---heading-letter-spacing--h6: 0rem;
    --_typography---text-line-size--small: .875rem;
    --_typography---text-line-height--small: 100%;
    --_typography---text-letter-spacing--large: .035rem;
    --_typography---text-letter-spacing--medium: -.02rem;
    --_typography---text-line-height--large: 156%;
    --_typography---text-line-size--medium: 1rem;
    --_typography---text-line-size--large: 1.125rem;
    --_typography---text-line-height--medium: 140%;
    --_typography---text-letter-spacing--small: -.116rem;
    --_sizes---default-size--width: 100%;
    --_sizes---default-size--height: 100%;
    --_sizes---spacing--spacing-big: 2rem;
    --_sizes---spacing--spacing-medium: 1rem;
    --_sizes---container--max-width-large: 85rem;
    --_sizes---container--max-width-regular: 80rem;
    --_sizes---spacing--spacing-colossal: 3.5rem;
    --_sizes---spacing--spacing-jambo: 3.5rem;
    --_sizes---spacing--spacing-biggest: 2.5rem;
    --_sizes---spacing--spacing-regular: 1rem;
    --_sizes---spacing--spacing-small: 1rem;
    --_sizes---spacing--spacing-xxsmall: .625rem;
    --_sizes---spacing--spacing-normal: 1.5rem;
    --_sizes---spacing--spacing-bigger: 2.5rem;
    --_sizes---spacing--bordar-redius--redius-circle: 100%;
    --_sizes---spacing--bordar-redius--redius-small: 1rem;
    --_sizes---spacing--spacing-large: 2rem;
    --_sizes---spacing--bordar-redius--redius-regular: 1.5rem;
    --_sizes---spacing--spacing-xsmall: .5rem;
    --_sizes---spacing--spacing-tiny: .25rem;
    --_sizes---spacing--bordar-redius--redius-xxsmall: .375rem;
    --_sizes---spacing--spacing-massive: 3.75rem;
    --_sizes---spacing--bordar-redius--redius-pill: 5rem;
    --_sizes---spacing--bordar-redius--redius-xsmall: .5rem;
    --_sizes---container--max-width-small: 66.25rem;
    --_sizes---spacing--bordar-redius--redius-tiny: .25rem;
    --_sizes---spacing--bordar-redius--redius-medium: 1.25rem;
    --_sizes---spacing--bordar-redius--redius-large: 1.875rem;
    --_sizes---spacing--bordar-redius--redius-big: 2rem;
    --_sizes---spacing--bordar-redius--redius-soft: 3.75rem;
  }
  .padding-section-large.bottom-one {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }
  .padding-section-large.max-width {
    grid-column-gap: var(--_sizes---spacing--spacing-big);
    grid-row-gap: var(--_sizes---spacing--spacing-big);
  }
  .license-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }
  .license-wrapper.instruction {
    grid-template-columns: minmax(0, 1fr);
    align-items: flex-start;
  }
  .banner-inner-wrapper.instructions-inner-wrapp {
    max-width: 26rem;
    margin: 0;
    position: static;
  }
  .utility-page-wrap.pw {
    height: 36rem;
  }
  .section-heading-wrapper.influno-heading {
    max-width: 28rem;
  }
  .section-heading-wrapper.mission-heading {
    max-width: 22rem;
  }
  .section-heading-wrapper.case-heading {
    max-width: 24rem;
    position: sticky;
    top: 1rem;
  }
  .section-heading-wrapper.testimonial-car-heading {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }
  .section-heading-wrapper.news-heading {
    background-color: var(--_colors---text-color--primary-100);
    max-width: 24rem;
  }
  .section-heading-wrapper.about-hero-gap {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
  }
  .section-heading-wrapper.alight-left.award-heading {
    max-width: 30rem;
  }
  .section-heading-wrapper.sticky-on-mobile {
    background-color: var(--_colors---text-color--primary-100);
    position: sticky;
    top: 1rem;
  }
  .section-heading-wrapper.license {
    max-width: 36rem;
  }
  .section-heading-wrapper.ctat {
    max-width: 26rem;
  }
  .styleguide-typography-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }
  .typography-details {
    grid-row-gap: var(--_sizes---spacing--spacing-small);
  }
  .nav-items {
    grid-column-gap: 2.75rem;
    grid-row-gap: 2.75rem;
  }
  .primary-button {
    padding: .6rem 1.75rem;
  }
  .heading-style-h4.award-name {
    max-width: 16rem;
  }
  .text-size-small.medium.marquee-heading {
    max-width: none;
  }
  .styleguide-color-box-wrapper {
    flex-flow: column;
  }
  .footer-cta-details-text.gray-text {
    max-width: 22rem;
  }
  .footer-cta-links {
    margin-top: 1rem;
  }
  .footer-inner-wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .footer-inner-links-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }
  .footer-down-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  .footer-logo {
    max-width: 13rem;
  }
  .hero-scrolling-floating_wrapper {
    margin-top: -17rem;
  }
  .hero-scrolling-floating_video-wrapper {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    align-self: flex-end;
    height: 25rem;
  }
  .hero-scrolling-bg_blur {
    height: 12rem;
  }
  .padding-section-small.marquee-padding {
    grid-column-gap: var(--_sizes---spacing--spacing-large);
    grid-row-gap: var(--_sizes---spacing--spacing-large);
    text-align: center;
    flex-flow: column;
  }
  .padding-section-medium {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .step-cards-wrapper {
    grid-template-columns: 1fr;
    position: relative;
  }
  .step-card {
    height: 20rem;
    position: sticky;
    top: 7rem;
  }
  .heading-icon {
    width: 2.5rem;
    bottom: 0%;
    right: 34.5%;
  }
  .heading-icon.two {
    width: 2rem;
    bottom: 23%;
    left: 22%;
  }
  .heading-icon.three {
    width: 2rem;
    top: 39%;
    left: 33%;
    right: auto;
  }
  .about-section-image_wrapper.about-section-image {
    height: 26rem;
  }
  .about-section-details_wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
  }
  .mission-card.padding-bottom {
    padding-bottom: 8rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .rocker-icon-wrapper {
    padding: .75rem;
    box-shadow: inset 0 0 22.103px 1.812px #ffffff26, 0 .928px .557px -.345px #00000021, 0 2.2px 1.32px -.691px #00000021, 0 4.013px 2.408px -1.036px #00000021, 0 6.671px 4.003px -1.381px #00000021, 0 10.773px 6.464px -1.727px #00000021, 0 17.634px 10.581px -2.072px #00000021, 0 30.365px 18.219px -2.417px #00000021, 0 55.257px 33.154px -2.763px #00000021;
  }
  .mission-card-innercard_textwrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  }
  .mission-card-icon {
    width: 3rem;
    right: 1.5rem;
  }
  .stats-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
    flex-flow: wrap;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .stats {
    justify-content: flex-start;
    align-items: center;
  }
  .case-cards-wrapper {
    grid-template-columns: 1fr;
    position: relative;
  }
  .case-card-image {
    border-radius: var(--_sizes---spacing--spacing-normal);
  }
  .testimonial-card {
    height: auto;
    padding-right: var(--_sizes---spacing--spacing-small);
    padding-bottom: var(--_sizes---spacing--spacing-small);
    padding-left: var(--_sizes---spacing--spacing-small);
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
    flex-flow: column;
    align-items: stretch;
  }
  .textimonial-card-left_part_wrapper {
    padding-top: var(--_sizes---spacing--spacing-large);
    padding-right: var(--_sizes---spacing--spacing-bigger);
    padding-bottom: var(--_sizes---spacing--spacing-large);
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
    align-items: center;
  }
  .testimonial-sliding-cardss-wrapper {
    max-width: none;
    max-height: 35rem;
  }
  .testimonial-sliding-card-bg-up, .testimonial-sliding-card-bg-down {
    height: 10rem;
  }
  .why-card-para {
    max-width: 23rem;
  }
  .why-card-lists-wrapper {
    padding-bottom: var(--_sizes---spacing--spacing-small);
    overflow: auto;
  }
  .why-card-list-inner-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    min-width: 40rem;
  }
  .why-card-list-wrapper {
    min-width: 40rem;
  }
  .faq-card {
    padding-top: var(--_sizes---spacing--spacing-normal);
  }
  .faq-question-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
  .faq-question {
    font-size: var(--_typography---heading-font-size--h5);
  }
  .cta-card {
    height: 40rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .cta-card-details_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    max-width: 30rem;
  }
  .cta-card-photo-scrolling_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }
  .cta-card-photo_wrapper {
    width: 6rem;
  }
  .cta-card-photos-wrapper, .cta-card-photos-wrapper.downer {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }
  .cta-card-photos {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    top: 1rem;
  }
  .news-card-wrapper {
    grid-template-columns: 1fr;
  }
  .news-feature-card {
    padding-right: var(--_sizes---spacing--spacing-xxsmall);
    flex-flow: column;
  }
  .news-card-image, .news-card-image.full {
    height: 20rem;
  }
  .hero-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-big);
    grid-row-gap: var(--_sizes---spacing--spacing-big);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .about-hero-image-wrapper {
    max-width: none;
  }
  .about-logo-wrapper {
    height: 7rem;
  }
  .about-logo-inner_wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .mission-card-stat-wrapper {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
  }
  .mission-card-stat-text {
    font-size: var(--_typography---text-line-size--small);
    border-radius: .5rem;
    padding: .2rem .3rem;
  }
  .award-section-texts_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    max-width: none;
  }
  .award-section-texts {
    grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .award-section-image-1.for-mobile, .award-section-image-2.for-mobile, .award-section-image-3.for-mobile, .award-section-image-4.for-mobile {
    height: 18rem;
  }
  .case-card-image-wrapper {
    max-width: 18rem;
  }
  .comparison-table-wrapper {
    min-width: 50rem;
  }
  .comparison-table-feature_wrapper, .comparison-table-card_wrapper {
    max-width: 16rem;
  }
  .contact-wrapper {
    flex-flow: column;
    align-items: stretch;
    height: auto;
    padding-right: 0;
  }
  .contact-left_part_wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-large);
    grid-row-gap: var(--_sizes---spacing--spacing-large);
  }
  .contacit-rating-inner_wrapper {
    max-width: 36rem;
  }
  .form-fields-wrapper {
    flex-flow: column;
  }
  .background-video {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
  .base-button, .base-button:where(.button-with-dot) {
    padding: .75rem 1.5rem;
  }
  .base-button.case-card {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .hero-scrolling-image-wrapper {
    border-radius: 1rem;
    height: 16rem;
  }
  .hero-scrolling-image-texts_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: .5rem;
  }
  .marquee-left-gradiant, .marquee-right-gradiant {
    max-width: 5rem;
  }
  .pricing-cards-wrapper {
    grid-template-columns: 1fr;
    max-width: 35rem;
  }
  .pricing-card {
    grid-column-gap: var(--_sizes---spacing--spacing-small);
    grid-row-gap: var(--_sizes---spacing--spacing-small);
  }
  .pricing-heading-wrapper {
    margin-top: var(--_sizes---spacing--spacing-small);
  }
  .case-details-hero_wrapper {
    height: 16rem;
  }
  .case-details_image {
    border-radius: .875rem;
  }
  .case-details-hero_texts_wrapper {
    max-width: 20rem;
    bottom: 1rem;
    left: 1rem;
  }
  .case-details-items_wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
    flex-flow: column;
  }
  .case-details-items {
    max-width: none;
  }
  .blog-details-image_wrapper {
    height: 22rem;
  }
  .blog-details-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }
  .blog-details-list {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .blog-details-image {
    width: var(--_sizes---default-size--width);
    height: var(--_sizes---default-size--height);
  }
  .utility-card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    transform: none;
  }
  .utility-card-details {
    max-width: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .license-link-wrapper {
    max-width: none;
    padding-top: var(--_sizes---spacing--spacing-medium);
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: var(--_colors---text-color--primary-100);
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }
  .license-link {
    padding: var(--_sizes---spacing--spacing-medium);
  }
  .license-items {
    padding-top: var(--_sizes---spacing--spacing-normal);
  }
  .license-image {
    height: 15rem;
  }
  .license-items-card {
    min-height: 15rem;
  }
  .about-hero-image {
    width: var(--_sizes---default-size--width);
    border-radius: var(--_sizes---spacing--bordar-redius--redius-small);
    object-position: 50% 0%;
    height: 20rem;
  }
  .about-logo.small {
    width: 7.2rem;
  }
  .case-collection {
    position: sticky;
    top: 9rem;
  }
  .select-field {
    background-size: 1.3rem;
  }
  .misison-card-box {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
  }
  .misison-card-icon {
    width: 1.5rem;
  }
  .ratings-stars {
    width: 5rem;
  }}
@media screen and (max-width: 479px) {

  body {
    --_typography---text-line-size--default: 1rem;
    --_typography---text-line-height--default: 150%;
    --_typography---text-letter-spacing--default: 0rem;
    --_typography---heading-font-size--h1: 2.6rem;
    --_typography---heading-line-height--h1: 113%;
    --_typography---heading-letter-spacing--h1: -.1rem;
    --_typography---heading-font-size--h2: 2rem;
    --_typography---heading-line-height--h2: 116%;
    --_typography---heading-letter-spacing--h2: 0rem;
    --_typography---heading-font-size--h3: 1.75rem;
    --_typography---heading-line-height--h3: 117%;
    --_typography---heading-letter-spacing--h3: 0rem;
    --_typography---heading-font-size--h4: 1.5rem;
    --_typography---heading-line-height--h4: 122%;
    --_typography---heading-letter-spacing--h4: 0rem;
    --_typography---heading-font-size--h5: 1.25rem;
    --_typography---heading-line-height--h5: 140%;
    --_typography---heading-letter-spacing--h5: 0rem;
    --_typography---heading-font-size--h6: 1rem;
    --_typography---heading-line-height--h6: 150%;
    --_typography---heading-letter-spacing--h6: 0rem;
    --_typography---text-line-size--small: .875rem;
    --_typography---text-line-height--small: 100%;
    --_typography---text-letter-spacing--large: 0rem;
    --_typography---text-letter-spacing--medium: 0rem;
    --_typography---text-line-height--large: 156%;
    --_typography---text-line-size--medium: 1rem;
    --_typography---text-line-size--large: 1.125rem;
    --_typography---text-line-height--medium: 140%;
    --_typography---text-letter-spacing--small: 0rem;
    --_sizes---default-size--width: 100%;
    --_sizes---default-size--height: 100%;
    --_sizes---spacing--spacing-big: 2rem;
    --_sizes---spacing--spacing-medium: 1rem;
    --_sizes---container--max-width-large: 85rem;
    --_sizes---container--max-width-regular: 80rem;
    --_sizes---spacing--spacing-colossal: 3rem;
    --_sizes---spacing--spacing-jambo: 3rem;
    --_sizes---spacing--spacing-biggest: 2.5rem;
    --_sizes---spacing--spacing-regular: 1rem;
    --_sizes---spacing--spacing-small: 1rem;
    --_sizes---spacing--spacing-xxsmall: .625rem;
    --_sizes---spacing--spacing-normal: 1.25rem;
    --_sizes---spacing--spacing-bigger: 2.5rem;
    --_sizes---spacing--bordar-redius--redius-circle: 100%;
    --_sizes---spacing--bordar-redius--redius-small: 1rem;
    --_sizes---spacing--spacing-large: 2rem;
    --_sizes---spacing--bordar-redius--redius-regular: 1.5rem;
    --_sizes---spacing--spacing-xsmall: .5rem;
    --_sizes---spacing--spacing-tiny: .25rem;
    --_sizes---spacing--bordar-redius--redius-xxsmall: .375rem;
    --_sizes---spacing--spacing-massive: 3.75rem;
    --_sizes---spacing--bordar-redius--redius-pill: 5rem;
    --_sizes---spacing--bordar-redius--redius-xsmall: .5rem;
    --_sizes---container--max-width-small: 66.25rem;
    --_sizes---spacing--bordar-redius--redius-tiny: .25rem;
    --_sizes---spacing--bordar-redius--redius-medium: 1.25rem;
    --_sizes---spacing--bordar-redius--redius-large: 1.875rem;
    --_sizes---spacing--bordar-redius--redius-big: 2rem;
    --_sizes---spacing--bordar-redius--redius-soft: 3.75rem;
  }
  .padding-section-large.bottom-one {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }
  .instructions-color-box {
    width: 4rem;
    height: 4rem;
  }
  .utility-page-wrap.pw {
    height: 28rem;
  }
  .section-heading-wrapper.hero-gap {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .section-heading-wrapper.influno-heading {
    max-width: 21.5rem;
  }
  .section-heading-wrapper.mission-heading {
    max-width: 22rem;
  }
  .section-heading-wrapper.alight-left.award-heading {
    max-width: 25rem;
  }
  .section-heading-wrapper.sticky-on-mobile.how-it-works-heading {
    width: var(--_sizes---default-size--width);
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
  }
  .section-heading-wrapper.team-heading {
    max-width: 19rem;
    margin-left: auto;
    margin-right: auto;
    position: sticky;
    top: 1rem;
  }
  .section-heading-wrapper.differenct-heading {
    max-width: 23rem;
    margin-left: auto;
    margin-right: auto;
  }
  .section-heading-wrapper.changelog-header {
    width: var(--_sizes---default-size--width);
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
  }
  .styleguide-typography-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }
  .tab-menus {
    grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
    flex-flow: column;
    grid-template-columns: 1fr;
  }
  .pages-items {
    width: 100%;
  }
  .heading-style-h1.audiences, .heading-style-h2.license-title {
    max-width: 21rem;
  }
  .tag.light-color.hide-on-mobile {
    display: none;
  }
  .styleguide-color-box-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-xxsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xxsmall);
  }
  .footer-padding {
    padding-right: var(--_sizes---spacing--spacing-small);
    padding-left: var(--_sizes---spacing--spacing-small);
  }
  .footer-link.hover-reverse:hover {
    color: var(--_colors---text-color--primary-100);
  }
  .footer-inner-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .footer-inner-links-wrapper {
    grid-template-columns: 1.75fr 1fr;
  }
  .socials-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .footer-logo {
    max-width: 10rem;
  }
  .hero-button-wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-regular);
    grid-row-gap: var(--_sizes---spacing--spacing-regular);
    flex-flow: column;
  }
  .hero-scrolling-images_wrapper, .hero-scrolling-images {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
  .hero-scrolling-floating_wrapper {
    margin-top: -12rem;
  }
  .hero-scrolling-floating_video-wrapper {
    max-width: 16rem;
    height: 20rem;
    padding-top: var(--_sizes---spacing--spacing-xxsmall);
    padding-right: var(--_sizes---spacing--spacing-xxsmall);
    padding-left: var(--_sizes---spacing--spacing-xxsmall);
  }
  .hero-scrolling-bg_blur {
    height: 10rem;
  }
  .padding-section-small.marquee-padding {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
  }
  .step-card {
    top: 9rem;
  }
  .heading-icon {
    right: 44%;
  }
  .heading-icon.two {
    bottom: 35%;
    left: 48%;
  }
  .heading-icon.three {
    top: 33%;
    left: 34%;
  }
  .about-section-image_wrapper.about-section-image {
    height: 18rem;
  }
  .mission-card.padding-bottom {
    padding-bottom: 7rem;
  }
  .mission-card-innercard_wrapper {
    padding: var(--_sizes---spacing--spacing-regular);
  }
  .mission-card-icon {
    width: 2.5rem;
  }
  .stats-wrapper.grid-four {
    grid-column-gap: var(--_sizes---spacing--spacing-normal);
    grid-row-gap: var(--_sizes---spacing--spacing-normal);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  .case-card.small {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .case-card-details {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }
  .testimonial-sliding-card-commenter_wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-tiny);
    grid-row-gap: var(--_sizes---spacing--spacing-tiny);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .team-cards-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
  .team-card {
    position: sticky;
    top: 9rem;
  }
  .why-card-para {
    padding-right: var(--_sizes---spacing--spacing-xxsmall);
    padding-left: var(--_sizes---spacing--spacing-xxsmall);
  }
  .why-card-lists-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 42rem;
  }
  .why-card-list-inner-wrapper, .why-card-list-wrapper {
    min-width: 41rem;
  }
  .cta-card {
    height: 36rem;
  }
  .cta-card-photo_wrapper {
    width: 5rem;
  }
  .news-card-image, .news-card-image.full {
    height: 16rem;
  }
  .about-logo-wrapper {
    height: 6rem;
  }
  .mission-card-stat-wrapper._1 {
    right: 0;
  }
  .mission-card-stat-wrapper._3 {
    left: -3px;
  }
  .mission-card-stat-wrapper._7 {
    right: 43px;
  }
  .mission-card-stat-wrapper._4 {
    left: 41px;
  }
  .mission-card-stat-text {
    border-radius: .2rem;
    padding: .1rem .3rem;
  }
  .mission-card-stat_inner_wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }
  .award-section-texts_wrapper {
    flex-flow: column;
    display: flex;
    position: relative;
  }
  .award-section-texts {
    background-color: var(--_colors---text-color--primary-100);
    flex-flow: column;
    grid-template-columns: .5fr;
    justify-items: center;
    display: flex;
    position: sticky;
    top: 1rem;
  }
  .award-section-image-4.for-mobile {
    height: 16rem;
  }
  .case-card-image-wrapper {
    max-width: 11rem;
  }
  .pause-button {
    top: 1.5rem;
    right: .5rem;
  }
  .marquee-left-gradiant, .marquee-right-gradiant {
    max-width: 4rem;
  }
  .pricing-tag-image {
    width: 2.25rem;
  }
  .blog-details-header_wrapper {
    grid-column-gap: var(--_sizes---spacing--spacing-xsmall);
    grid-row-gap: var(--_sizes---spacing--spacing-xsmall);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .blog-details-image_wrapper {
    height: 18rem;
  }
  .license-items_image_wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
  .license-image {
    height: 16rem;
  }
  .license-items-card {
    min-height: 16rem;
  }
  .license-items-image {
    width: 11rem;
  }
  .license-items-image._02 {
    width: 6.1rem;
  }
  .about-hero-image {
    height: 16rem;
  }
  .case-image {
    border-radius: var(--_sizes---spacing--bordar-redius--redius-small);
  }
  .about-logo {
    width: 4.2rem;
  }
  .about-logo.small {
    width: 5.3rem;
  }
  .mission-icon {
    width: 2.5rem;
  }
  .compare-icon {
    width: 1.25rem;
  }}

#node-_99d42df5-b963-cd0c-b162-70aef4896ccd-cbf02493 {
  justify-self: end;
}
#node-_9ccc0400-3e32-2074-5e59-bacab3b3cbe9-cbf02493 {
  justify-self: start;
}
#node-_4686a0e1-f6a8-f07b-3a60-c74635d8a6c5-cbf02493 {
  justify-self: end;
}
#node-_958e70f1-4ad6-f2fc-0a6f-11f217e34a30-cbf02493 {
  justify-self: start;
}
#node-ed619812-d811-9cf7-41bd-0e8e2e4e54e4-cbf02493 {
  justify-self: end;
}
#node-ed619812-d811-9cf7-41bd-0e8e2e4e54e8-cbf02493 {
  justify-self: start;
}
#node-c9036378-8fbc-b9e6-4bbc-fa72c52291c5-cbf02493 {
  justify-self: end;
}
#node-c9036378-8fbc-b9e6-4bbc-fa72c52291c9-cbf02493 {
  justify-self: start;
}
#node-_358c47d1-ed07-9db3-d46c-02e108e58a99-cbf02493 {
  justify-self: end;
}
#node-_358c47d1-ed07-9db3-d46c-02e108e58a9d-cbf02493 {
  justify-self: start;
}
#node-a5d49867-373d-61cf-aae3-e800577166ce-cbf02493 {
  justify-self: end;
}
#node-a5d49867-373d-61cf-aae3-e800577166d2-cbf02493 {
  justify-self: start;
}
#node-b5ab72a8-5a80-2d93-62e1-7295fc6e7223-43adef8e, #node-a065ff49-d6a8-8d39-35c3-471ce6a4d05c-43adef8e, #node-_39fc2792-81de-6f12-c214-2ac5e939d443-43adef8e, #node-f42d0ec6-8153-375c-77f8-20095ecfbc80-43adef8e {
  justify-self: end;
}

/* ======================================================================
   4. Components -- vanilla replacements for the Webflow runtime
      and for all twenty of its IX3 interactions
   ======================================================================

   Every rule below is transcribed from `ix3_map.json`, which build_ix3_map.py
   resolves out of the `register([interactions],[timelines])` payload in the
   export's bundle. `audit_scrubs.py` and `audit_motion.py` read the same
   file and check this sheet against it, so a value changed here without
   changing the payload's reading of it fails the build.

   Three conventions the audits depend on:

     * a reveal's REST state is written `:not(.is-revealed):not(.is-shown)`.
       main.js adds `.is-revealed` when the element enters the viewport and
       swaps it for `.is-shown` when the animation ends, so the element then
       falls back to its OWN rest values rather than to whatever the reveal
       pinned. That matters here: `.mission-card-stat-wrapper._1` through
       `._7` each carry their own design `transform: rotate(...)`, between
       -12.72deg and 20deg, and a reveal that ended on `transform: none`
       would flatten all seven.
     * for the same reason every animation that layers on top of a design
       transform moves the element with the INDEPENDENT `translate` and
       `scale` properties rather than with `transform`. They compose in front
       of `transform`, in the order `translate rotate scale transform`, which
       is also the order GSAP writes its own matrix in -- so a rotation the
       design set and a translation the interaction sets end up in the same
       relationship they had on the published site.
     * everything that hides something is gated on `.js`, the class the one
       inline script in <head> sets. With scripting off the page is fully
       visible rather than blank.

   GSAP's own defaults fill the gaps the payload leaves: a tween with no
   `duration` runs 0.5s, and a tween with no `ease` uses `power1.out`, which
   is quadratic ease-out -- `cubic-bezier(0.25, 0.46, 0.45, 0.94)`. The one
   named ease in the payload is index 17 of the runtime's own ease table,
   which is `bounce.out`, and the one `ease: 0` is `none`, i.e. linear.
   ====================================================================== */

:root {
  /* GSAP's default tween ease, as a bezier. */
  --ix-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* GSAP's default tween duration. */
  --ix-duration: 0.5s;
}

/* The inserted <main>. `.main-wrapper` and `.page-wrapper` both style their
   children directly, so the landmark has to be invisible to layout. */
main {
  display: contents;
}

/* ----------------------------------------------------------------------
   Reveals -- i-df9db566 (`[data="items"]`) and i-e0670754
   (`[data="single-item"]`)
   ----------------------------------------------------------------------
   Both are ScrollTrigger interactions with `start: "top 80%"`, `enter:
   "play"` and nothing on leave or enter-back: they play once, when the
   element's top passes 80% of the viewport height, and never reverse.
   main.js drives that with one IntersectionObserver plus a layout-position
   sweep (see main.js for why an observer alone is not enough).

     items        every CHILD of the marked element, from y 3.5rem and
                  opacity 0, staggered 0.15s each.
     single-item  the element itself, from y 4rem and opacity 0, after a
                  0.25s hold (the payload's `position: 0.25`).
   -------------------------------------------------------------------- */
.js [data-reveal="items"]:not(.is-revealed):not(.is-shown) > *,
.js [data-reveal="single-item"]:not(.is-revealed):not(.is-shown) {
  opacity: 0;
}

.js [data-reveal="items"]:not(.is-revealed):not(.is-shown) > * {
  translate: 0 3.5rem;
}

.js [data-reveal="single-item"]:not(.is-revealed):not(.is-shown) {
  translate: 0 4rem;
}

.js [data-reveal="items"].is-revealed > * {
  animation: reveal-rise var(--ix-duration) var(--ix-ease) both;
  animation-delay: calc(var(--reveal-index, 0) * 0.15s);
}

.js [data-reveal="single-item"].is-revealed {
  animation: reveal-rise var(--ix-duration) var(--ix-ease) 0.25s both;
}@keyframes reveal-rise {

  from {
    opacity: 0;
    translate: 0 var(--reveal-from, 3.5rem);
  }

  to {
    opacity: 1;
    translate: 0 0;
  }}


.js [data-reveal="single-item"].is-revealed {
  --reveal-from: 4rem;
}

/* THE FINISHED STATE, RESTATED. main.js swaps `.is-revealed` for `.is-shown`
   when the group's last animation ends, and an end state that lived only in
   the keyframes would go with it -- which is exactly how an earlier
   conversion shipped a hero that faded in and then vanished a second later.
   `translate: none` and not `transform: none`: the seven mission pills each
   carry their own design rotation, in `transform`, that must survive. */
.js [data-reveal="items"].is-shown > *,
.js [data-reveal="single-item"].is-shown,
.js .mission-card-stat_inner_wrapper.is-shown .mission-card-stat-wrapper {
  opacity: 1;
  translate: none;
}

/* ----------------------------------------------------------------------
   The mission stat pills -- i-7b5022b3 and i-fffbfc76
   ----------------------------------------------------------------------
   Two ScrollTrigger interactions, one per `.mission-card-stat_inner_wrapper`
   on the about page, both dropping `.mission-card-stat-wrapper` in from
   y -8rem at opacity 0 on `bounce.out`. They differ only in timing, and the
   two groups are told apart by the numbered pill each contains:

     the first  (`._1 ._2 ._3`)      0.3s hold, then 0.3s between pills
     the second (`._4` ... `._7`)    no hold,   then 0.5s between pills

   `bounce.out` has no bezier -- it is a piecewise quadratic -- so the
   keyframes below sample Robert Penner's curve, the one GSAP implements,
   at twenty-one stops. -8rem is the payload's own figure.
   -------------------------------------------------------------------- */
.js .mission-card-stat_inner_wrapper:not(.is-revealed):not(.is-shown)
  .mission-card-stat-wrapper {
  opacity: 0;
  translate: 0 -8rem;
}

.js .mission-card-stat_inner_wrapper.is-revealed .mission-card-stat-wrapper {
  animation: stat-drop 1s linear both;
  animation-delay: calc(var(--stat-hold, 0s)
                        + var(--reveal-index, 0) * var(--stat-stagger, 0.5s));
}

.js .mission-card-stat_inner_wrapper:has(.mission-card-stat-wrapper._1) {
  --stat-hold: 0.3s;
  --stat-stagger: 0.3s;
}@keyframes stat-drop {

  0% { opacity: 0; translate: 0 -8rem; }
  5% { opacity: 1; translate: 0 -7.849rem; }
  10% { translate: 0 -7.395rem; }
  15% { translate: 0 -6.639rem; }
  20% { translate: 0 -5.58rem; }
  25% { translate: 0 -4.219rem; }
  30% { translate: 0 -2.555rem; }
  36% { translate: 0 -0.159rem; }
  40% { translate: 0 -0.72rem; }
  45% { translate: 0 -1.449rem; }
  50% { translate: 0 -1.875rem; }
  55% { translate: 0 -1.999rem; }
  60% { translate: 0 -1.82rem; }
  65% { translate: 0 -1.339rem; }
  70% { translate: 0 -0.555rem; }
  75% { translate: 0 -0.219rem; }
  80% { translate: 0 -0.48rem; }
  85% { translate: 0 -0.439rem; }
  90% { translate: 0 -0.095rem; }
  95% { translate: 0 -0.124rem; }
  100% { opacity: 1; translate: 0 0; }}


/* ----------------------------------------------------------------------
   The testimonial column -- i-91e19051
   ----------------------------------------------------------------------
   A ScrollTrigger `play` on `.testimonial-sliding-cardss-wrapper` that
   slides `.testimonial-sliding-animation-cards` from y 0% to -60% over
   FIFTEEN SECONDS, linear, once. It is a slow drift rather than a loop --
   `leave`, `enterBack` and `leaveBack` are all "none" -- and it ends there,
   which is what the published site does. The wrapper's own gradient masks
   top and bottom are what make the ends of the run read as intentional.
   -------------------------------------------------------------------- */
.js .testimonial-sliding-cardss-wrapper.is-revealed
  .testimonial-sliding-animation-cards,
.js .testimonial-sliding-cardss-wrapper.is-shown
  .testimonial-sliding-animation-cards {
  animation: testimonial-drift 15s linear both;
}@keyframes testimonial-drift {

  from { translate: 0 0; }
  to { translate: 0 -60%; }}


/* ----------------------------------------------------------------------
   The nav link roll -- i-dbbefd56
   ----------------------------------------------------------------------
   Hovering a `[nav-link]` lifts its text 1.14rem, one character at a time,
   0.02s apart, over 0.4s; leaving reverses it at 1.5x speed, which is where
   the 0.267s and the 0.0133s below come from.

   THE SECOND COPY OF THE WORD IS A TEXT SHADOW. The design gives
   `.nav-link` `text-shadow: 0 1.14rem #080808` and `overflow: clip`, so a
   near-black duplicate sits exactly one lift below the label; raising the
   real text by 1.14rem slides that duplicate into its place. main.js wraps
   each character in a `.split-char` so the stagger has something to stagger.
   -------------------------------------------------------------------- */
.split-char {
  display: inline-block;
  transition: translate 0.267s var(--ix-ease);
  transition-delay: calc((var(--split-count, 1) - 1 - var(--split-index, 0))
                         * 0.0133s);
}

[data-nav-link]:hover .split-char,
[data-nav-link]:focus-visible .split-char {
  translate: 0 -1.14rem;
  transition-duration: 0.4s;
  transition-delay: calc(var(--split-index, 0) * 0.02s);
}

/* ----------------------------------------------------------------------
   The button label roll -- i-683fc0ca and i-f3908fe1
   ----------------------------------------------------------------------
   The same trick twice more.

     `[primary-button]`  hovering slides `[primary-button-text]` DOWN by
                         100% over 0.2s, and `.primary-button-text`'s
                         `text-shadow: 0 -1.4rem` copy takes its place;
                         `.primary-button-wrap` is the 1.4rem clip.
     `.read-link`        hovering slides `.button-text` and the stacked
                         `.read-link_svgs` DOWN by 1.4rem over 0.2s and
                         grows `.read-link_underline` from 0 to 6.637rem.
   -------------------------------------------------------------------- */
[data-button-text] {
  transition: translate 0.16s var(--ix-ease);
}

[data-button]:hover [data-button-text],
[data-button]:focus-visible [data-button-text] {
  translate: 0 100%;
  transition-duration: 0.2s;
}

.read-link .button-text,
.read-link .read-link_svgs {
  transition: translate 0.2s var(--ix-ease);
}

.read-link:hover .button-text,
.read-link:hover .read-link_svgs,
a:hover .read-link .button-text,
a:hover .read-link .read-link_svgs,
a:focus-visible .read-link .button-text,
a:focus-visible .read-link .read-link_svgs {
  translate: 0 1.4rem;
}

/* The underline's rest width is the interaction's own "from" value, so it is
   written here rather than left to the design sheet -- which gives the
   element `inset: auto 0% 0%` and would otherwise stretch it full width. */
.js .read-link_underline {
  width: 0;
  transition: width 0.2s var(--ix-ease);
}

.js .read-link:hover .read-link_underline,
.js a:hover .read-link .read-link_underline,
.js a:focus-visible .read-link .read-link_underline {
  width: 6.637rem;
}

/* ----------------------------------------------------------------------
   Card hovers -- i-a842066f, i-82f6ec27, i-6ac50f85
   ----------------------------------------------------------------------
   `.team-card` scales `.team-image` to 1.05 over 0.3s; `.news-card` and
   `.news-feature-card` do the same to `.news-card-image`. Each image sits
   in a wrapper with `overflow: clip`, so the growth is a crop rather than a
   spill.
   -------------------------------------------------------------------- */
.team-image,
.news-card-image {
  transition: scale 0.3s var(--ix-ease);
}

.team-card:hover .team-image,
.news-card:hover .news-card-image,
.news-feature-card:hover .news-card-image,
a.news-card:focus-visible .news-card-image,
a.news-feature-card:focus-visible .news-card-image {
  scale: 1.05;
}

/* ----------------------------------------------------------------------
   The case-study card -- i-6387ef0f
   ----------------------------------------------------------------------
   Four tweens on one hover, each starting at its own offset into the
   half-second the payload leaves at GSAP's default:

     0.0s  `.case-card-button-wrapper`  opacity 0% -> 100%
     0.1s  `.case-card-image._01`       x -5rem, rotation -6deg
     0.2s  `.case-card-image._03`       x 2.5rem, rotation 10.56deg,
                                        opacity 0% -> 100%
     0.3s  `.case-card-image._02`       opacity 0% -> 100%

   The three images are the ONE case where `transform` is written rather
   than `translate`: `.case-card-image` carries a design `transform:
   rotate(1.21deg)` and the interaction sets an ABSOLUTE rotation, not an
   additional one -- so the whole transform is replaced, in GSAP's own
   translate-then-rotate order. Getting that order backwards clipped every
   button arrow on an earlier conversion to 46% of itself.
   -------------------------------------------------------------------- */
.js .case-card-button-wrapper,
.js .case-card-image._02,
.js .case-card-image._03 {
  opacity: 0;
}

.case-card-button-wrapper {
  transition: opacity var(--ix-duration) var(--ix-ease);
}

.case-card-image._01 {
  transition: transform var(--ix-duration) var(--ix-ease) 0.1s;
}

.case-card-image._03 {
  transition: transform var(--ix-duration) var(--ix-ease) 0.2s,
              opacity var(--ix-duration) var(--ix-ease) 0.2s;
}

.case-card-image._02 {
  transition: opacity var(--ix-duration) var(--ix-ease) 0.3s;
}

.case-card:hover .case-card-button-wrapper,
.case-card:hover .case-card-image._02,
.case-card:hover .case-card-image._03 {
  opacity: 1;
}

.case-card:hover .case-card-image._01 {
  transform: translateX(-5rem) rotate(-6deg);
}

.case-card:hover .case-card-image._03 {
  transform: translateX(2.5rem) rotate(10.56deg);
}

/* ----------------------------------------------------------------------
   The award rows -- i-5415cd4c, i-872467c3, i-f6cb395c, i-1b4b627b
   ----------------------------------------------------------------------
   Four hovers, one per `.award-section-texts` row, each fading its own
   photograph in and tinting the row's bottom border. Desktop only: all four
   carry `conditionalPlayback: dont-animate` for `tiny`, `small` and
   `medium`, and below 992px the photo stack is `display: none` and each row
   shows a `.for-mobile` copy of its image instead.

   THE PUBLISHED SITE SHOWS AN EMPTY BOX AT REST. Each interaction also
   carries a "fade the other three out" action whose selector is written
   `award-section-image-2.award-section-image-3.award-section-image-4` -- one
   compound selector, and no element carries all three classes -- so it
   matches nothing (build_ix3_map.py prints all four as DEAD). With every
   image starting at opacity 0 and only the hovered row's rising, the
   267x279 panel beside the list is blank until a pointer arrives, and blank
   again the moment it leaves.

   That is a bug, not a design: `.award-section-image-1` has the top
   z-index of the four and belongs to the first row. So the first image is
   the REST state here, each row's hover cross-fades to its own, and leaving
   the list returns to the first. `:has()` on the list is what lets one
   row's hover suppress the default, and every yield rule is written
   `:has(.award-section-texts:hover)` so that hovering a row can never be
   beaten by the resting rule -- `:has()` carries its argument's
   specificity, which is exactly how an earlier conversion made hovering an
   open card close it.
   -------------------------------------------------------------------- */
@media screen and (min-width: 992px) {
  .js .award-section-images_wrapper > img {
    opacity: 0;
    transition: opacity var(--ix-duration) var(--ix-ease);
  }

  /* The rest state: row one's photograph. */
  .js .award-section-images_wrapper > .award-section-image-1 {
    opacity: 1;
  }

  /* ...which yields as soon as any row is hovered. */
  .js .award-section-details:has(.award-section-texts:hover)
    .award-section-images_wrapper > .award-section-image-1 {
    opacity: 0;
  }

  .js .award-section-details:has(
      .award-section-texts:nth-of-type(1):hover)
    .award-section-images_wrapper > .award-section-image-1,
  .js .award-section-details:has(
      .award-section-texts:nth-of-type(2):hover)
    .award-section-images_wrapper > .award-section-image-2,
  .js .award-section-details:has(
      .award-section-texts:nth-of-type(3):hover)
    .award-section-images_wrapper > .award-section-image-3,
  .js .award-section-details:has(
      .award-section-texts:nth-of-type(4):hover)
    .award-section-images_wrapper > .award-section-image-4 {
    opacity: 1;
  }

  /* ...and the row's own border, the one `wf:style` tween in the payload:
     `borderColor: var(--_colors---text-color--secondary-100)`. */
  .award-section-texts {
    transition: border-color var(--ix-duration) var(--ix-ease);
  }

  .award-section-texts:hover {
    border-bottom-color: var(--_colors---text-color--secondary-100);
  }
}

/* ----------------------------------------------------------------------
   The hamburger -- i-2965398f
   ----------------------------------------------------------------------
   A click on `.menu` folds the three `.hamburger-line` divs into a cross:
   the top line moves down 8px and turns 45deg, the bottom moves up 8.5px
   and turns -45deg, both over 0.4s, and the middle fades over 0.2s.
   Clicking again reverses it at 1.25x speed, which is the 0.32s and 0.16s
   below.

   `transform` rather than `translate`, and translate-then-rotate, because
   that is the order GSAP composes its own matrix in -- and rotating first
   would swing the line about a different point.
   -------------------------------------------------------------------- */
.hamburger-line {
  transition: transform 0.32s var(--ix-ease), opacity 0.16s var(--ix-ease);
}

.navbar[data-nav-open] .hamburger-line {
  transition-duration: 0.4s, 0.2s;
}

.navbar[data-nav-open] .hamburger-line.top {
  transform: translateY(8px) rotate(45deg);
}

.navbar[data-nav-open] .hamburger-line.bottom {
  transform: translateY(-8.5px) rotate(-45deg);
}

.navbar[data-nav-open] .hamburger-line.middle {
  opacity: 0;
}

/* ----------------------------------------------------------------------
   The mobile nav panel
   ----------------------------------------------------------------------
   Webflow's runtime moved `.nav-menu` into an overlay it appended to the
   `.w-nav` element and gave it `[data-nav-menu-open]`, whose geometry was
   `display: block; position: absolute; top: 100%; left: 0; right: 0`. Here
   the menu stays where it is and the same geometry is applied in place --
   `top: 100%` OF THE BAR, which is what `.navbar { position: relative }` in
   framework.hand.css makes it resolve against. Measuring it against the
   padded inner wrapper instead is how a previous conversion dropped its
   panel 20px too low.

   The design sheet already dresses the open panel: below 992px it shows
   `.tab-menus` as a two-column grid on white, hides `.nav-link.for-desktop`
   and hides `.nav-buttons`. Only the box itself is missing.
   -------------------------------------------------------------------- */
@media screen and (max-width: 991px) {
  /* THE COLLAPSE ITSELF, and it has to be in THIS sheet. Webflow's own
     `.w-nav[data-collapse='medium'] .w-nav-menu { display: none }` is one of
     the runtime rules build_css drops, and restating it in
     framework.hand.css does not work: the design sheet declares `.nav-menu
     { display: flex }` at the top level, a media query adds no specificity,
     and the later rule wins at every width the query covers. Written there
     first, it left the whole Pages panel open inside the header on every
     page below 992px -- and the parity harness pins that panel closed on
     both sides, so a 108-of-108 pixel-identical sweep could not see it.
     audit_cascade now can. */
  .nav-menu {
    display: none;
  }

  .navbar[data-nav-open] .nav-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    overflow: visible;
    min-width: 200px;
    max-height: calc(100dvh - 100%);
    overflow-y: auto;
    background: var(--_colors---text-color--primary-100);
    box-shadow: 0 24px 48px -24px #00000026;
  }
}

/* ----------------------------------------------------------------------
   The pricing period switch -- i-6f72f7be and i-a12e7a47
   ----------------------------------------------------------------------
   Clicking the Monthly tab slides `.toggle-box` to x 0%, clicking Yearly to
   x 100%. The knob is not inside the tab list -- it sits in
   `.pricing-toggle`, a sibling ABOVE the tab set -- so the state is read
   from the tab list through `:has()` on their common ancestor.
   -------------------------------------------------------------------- */
.toggle-box {
  transition: translate var(--ix-duration) var(--ix-ease);
}

.pricing-tab-wrapper:has(.tabset-link.yearly-tab.is-active) .toggle-box {
  translate: 100% 0;
}

/* ----------------------------------------------------------------------
   The tab panes
   ----------------------------------------------------------------------
   Webflow's `.w-tab-pane { display: none }` and `.w--tab-active { display:
   block }` survive the rename as `.tabset-pane` and `.tabset-pane.is-active`
   in section 2, so all that is left is the link's own resting state -- the
   design styles the selected tab through `.w--current`, which build_css
   emits both as `[aria-current="page"]` (for nav links) and as `.is-active`
   (for tabs). main.js moves `.is-active` and keeps `aria-selected` with it.
   -------------------------------------------------------------------- */
.tabset-link {
  cursor: pointer;
}

/* ----------------------------------------------------------------------
   The FAQ rows -- i-d9b9f6b3
   ----------------------------------------------------------------------
   A click on `.faq-wrapper` opens `.faq-answer-wrapper` from height 0 to
   auto and opacity 0 to 100 over 0.3s LINEAR (`ease: 0` in the payload),
   and turns `.faq-icon` from 0 to 45deg -- the plus becoming a cross.

   `height: auto` does not animate, so the panel is a one-row grid whose
   track goes from `minmax(0, 0fr)` to `1fr`. `0fr` ALONE DOES NOT COLLAPSE
   IT: without the `minmax(0, ...)` the track still reserves the content's
   min-content height, which is how an earlier conversion shipped an
   accordion that never fully closed.

   The design's own `padding-top` on the panel is moved to an inner wrapper
   the grid can crush -- otherwise a closed row is still 0.5rem tall.
   -------------------------------------------------------------------- */
.js .faq-answer-wrapper {
  display: grid;
  grid-template-rows: minmax(0, 0fr);
  padding-top: 0;
  opacity: 0;
  transition: grid-template-rows 0.3s linear, opacity 0.3s linear,
              padding-top 0.3s linear;
}

.js .faq-answer-wrapper > * {
  min-height: 0;
  overflow: clip;
}

.js .faq-wrapper:has([aria-expanded="true"]) .faq-answer-wrapper {
  grid-template-rows: minmax(0, 1fr);
  padding-top: var(--_sizes---spacing--spacing-xxsmall);
  opacity: 1;
}

.faq-question-wrapper {
  width: 100%;
  padding: 0;
  text-align: left;
  background: none;
  border: 0;
  cursor: pointer;
}

/* The heading only exists so the row has one; it must not become a box. */
.faq-heading {
  display: contents;
}

.faq-icon {
  transition: rotate 0.3s linear;
}

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

/* ----------------------------------------------------------------------
   The four marquees
   ----------------------------------------------------------------------
   THESE ARE NOT IN THE IX3 PAYLOAD. They are driven by a hand-written GSAP
   block the export ships inline in every page's <body>, which
   `dump_custom.py` extracts and `audit_custom.py` checks this sheet
   against. Its `initMarquee(selector, duration, direction)` is called five
   times:

     .hero-scrolling-images              30s  rtl   2 copies, home hero
     .marquee-items                      30s  rtl   4 copies, client logos
     .hero-icon-marquee                  20s  rtl   5 copies, social icons
     .cta-card-photo-scrolling_wrapper   30s  rtl   2 copies, footer CTA
     .countries-marquee-left             40s  ltr   NO COPIES ANYWHERE

   Each call tweens every match from x:0 to x:-w with
   `modifiers: x => x % w`, where w is `marqueeItems[0].scrollWidth` -- one
   copy's width. Because every copy of every marquee is byte-identical
   markup (`check_marquee.py`), that is exactly what `translate: -100%`
   does per element, and the copies stay in step.

   ONE THING IS DELIBERATELY NOT REPRODUCED. `scrollWidth` excludes the
   flex gap BETWEEN the copies, so the published site's loop resets one gap
   short and the strip visibly jumps once per cycle -- every 20 to 30
   seconds, on four marquees. The travel here is one full PERIOD, the copy
   plus the gap that follows it, which is the distance that actually lands
   the pattern back on itself. `--marquee-gap` is the track's own gap token,
   so it stays correct at every breakpoint the design changes it at.
   -------------------------------------------------------------------- */
.js .hero-scrolling-images,
.js .marquee-items,
.js .hero-icon-marquee,
.js .cta-card-photo-scrolling_wrapper {
  animation: marquee-rtl var(--marquee-duration, 30s) linear infinite;
  will-change: transform;
}

.js .hero-scrolling-images {
  --marquee-gap: 1.125rem;
}

.js .marquee-items {
  --marquee-gap: var(--_sizes---spacing--spacing-bigger);
}

.js .hero-icon-marquee {
  --marquee-duration: 20s;
  --marquee-gap: 1.75rem;
}

.js .cta-card-photo-scrolling_wrapper {
  --marquee-gap: 0.875rem;
}@media screen and (max-width: 767px) {

  .js .cta-card-photo-scrolling_wrapper {
    --marquee-gap: 0.5rem;
  }}
@media screen and (max-width: 479px) {

  .js .hero-scrolling-images {
    --marquee-gap: 1rem;
  }}


/* Pausing under the pointer is not in the source. It is here because these
   are four strips of clickable cards and photographs, and a strip that
   keeps moving while you try to read one is the reason people dislike
   marquees. */
.js .hero-scrolling-images_wrapper:hover .hero-scrolling-images,
.js .marquee-animation-wrapper:hover .marquee-items,
.js .hero-icon-marquee-wrapper:hover .hero-icon-marquee,
.js .cta-card-photos:hover .cta-card-photo-scrolling_wrapper {
  animation-play-state: paused;
}@keyframes marquee-rtl {

  from { translate: 0 0; }
  to { translate: calc(-100% - var(--marquee-gap, 0px)) 0; }}


/* ----------------------------------------------------------------------
   The counters
   ----------------------------------------------------------------------
   Also from the export's inline GSAP block: every `.cc-integer` counts up
   from 0 to the number already printed inside it, over three seconds,
   snapped to whole numbers, once, when its top passes 90% of the viewport.
   The block also drives `.cc-coma` -- the same thing with thousands
   separators -- which matches no element in this export.

   The markup keeps the decoration outside the span (`00<span
   class="cc-integer">6</span>+`), so only the digits move. main.js writes
   the value; all this needs to do is stop the number reflowing its row
   while it counts.
   -------------------------------------------------------------------- */
.cc-integer {
  display: inline-block;
  font-variant-numeric: tabular-nums;
}

/* ----------------------------------------------------------------------
   The background videos
   ----------------------------------------------------------------------
   Webflow's control swapped two <img> elements, one of them `hidden`. Here
   the button carries both glyphs as inline SVG and `aria-pressed` decides
   which one shows -- pressed means paused, so the play triangle appears.
   -------------------------------------------------------------------- */
.pause-button {
  display: grid;
  place-items: center;
  border: 0;
  cursor: pointer;
  color: #fff;
}

.pause-button > svg {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
}

.pause-button[aria-pressed="false"] .play-button-icon,
.pause-button[aria-pressed="true"] .pause-button-icon {
  display: none;
}

/* ----------------------------------------------------------------------
   Forms
   ----------------------------------------------------------------------
   Both demo forms answer in the page. The success and error blocks ship
   `hidden` and main.js removes the attribute; `[hidden]` needs restating
   because the design gives these blocks a `display`, and a class-level
   `display` beats the UA's `[hidden] { display: none }`.
   -------------------------------------------------------------------- */
[hidden] {
  display: none !important;
}

/* ----------------------------------------------------------------------
   Reduced motion
   ----------------------------------------------------------------------
   Everything above is decoration. A visitor who has asked for less of it
   gets the end state immediately and keeps every hover, which is still the
   information the hover carries -- and the three autoplaying videos are
   paused by main.js rather than by CSS, which cannot reach them.
   -------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .js [data-reveal="items"]:not(.is-revealed):not(.is-shown) > *,
  .js [data-reveal="single-item"]:not(.is-revealed):not(.is-shown),
  .js .mission-card-stat_inner_wrapper:not(.is-revealed):not(.is-shown)
    .mission-card-stat-wrapper {
    opacity: 1;
    translate: none;
  }

  .js .marquee-animation,
  .js .testimonial-sliding-cardss-wrapper.is-revealed
    .testimonial-sliding-animation-cards,
  .js .testimonial-sliding-cardss-wrapper.is-shown
    .testimonial-sliding-animation-cards,
  .js [data-reveal="items"].is-revealed > *,
  .js [data-reveal="single-item"].is-revealed,
  .js .mission-card-stat_inner_wrapper.is-revealed .mission-card-stat-wrapper {
    animation: none;
  }

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
  }
}