/* MINUX - 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  Minux design
   4  components -- vanilla replacements for the Webflow runtime,
      its IX3 interactions and the designer's custom code

   Fonts: assets/fonts/fonts.css -- Poppins, B612 Mono, Inter and
   Mea Culpa, all self-hosted woff2, all SIL OFL 1.1. */

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

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

.wf-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}
.wf-container:before, .wf-container:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.wf-container:after {
  clear: both;
}@media screen and (max-width: 991px) {

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

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

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

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

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

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

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


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

   build_css drops every framework rule that existed only so the Webflow
   runtime could drive it. Some of those rules were also carrying real
   LAYOUT -- the navbar's floats and stacking, its mobile menu overlay, the
   slider's strip of inline slides, the dot strips, the pagination row --
   and dropping them without restating that layout is how a converted
   template ships a navbar whose menu never opens or a slider whose slides
   stack.

   Everything below is transcribed from `css/webflow.css`, against the class
   or hook the element still carries after the rename. It is emitted BETWEEN
   the framework and the design sheet, so the design keeps overriding it in
   exactly the order it did before -- `.nav`'s transparent background beats
   the widget's `#dddddd` here just as it beat `.w-nav`. Every selector
   scores what the widget class it replaces scored.
   ====================================================================== */

/* ---- navbar ---------------------------------------------------------- */
/* `.w-nav`, `.w-nav-brand`, `.w-nav-menu` and `.w-nav-button`, on the
   header's own classes. The navbar collapses below 992px
   (`data-collapse="medium"`). */
.nav {
  position: relative;
  background: #dddddd;
  z-index: 1000;
}

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

.nav::after {
  clear: both;
}

.nav-logo-link {
  position: relative;
  float: left;
  text-decoration: none;
  color: #333333;
}

.nav-offcanvas {
  position: relative;
  float: right;
}

.menu-button {
  position: relative;
  float: right;
  padding: 18px;
  font-size: 24px;
  display: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}

/* `.w-nav-button.w--open`: the widget's grey, which scored (0,2,0) and so
   beat the design's white `.menu-button` while the menu was open -- the
   published button IS grey while open. */
.menu-button.is-open {
  background-color: #c8c8c8;
  color: white;
}

/* The mobile menu's overlay. Webflow built it at runtime: below 992px it
   MOVED the <nav> into a `.w-nav-overlay` under the bar and slid it down
   from behind the bar. Here the overlay is in the markup, round the
   <nav>, and above 991px it is `display: contents` -- no box at all -- so
   the desktop header lays out exactly as the export's did. */
.nav-overlay {
  display: contents;
}@media screen and (max-width: 991px) {

  /* `.w-nav[data-collapse="medium"] .w-nav-menu { display: none }` has no
     rule here: the closed menu is inside the overlay, and the overlay is
     `display: none` until the menu opens. */
  .menu-button {
    display: block;
  }

  /* `.w-nav-overlay`, hung on the navbar's outer box: it starts at the
     bar's bottom edge and main.js sets its height, as the runtime did, to
     the rest of the document. */
  .nav-overlay {
    position: absolute;
    overflow: hidden;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
  }

  .nav.is-open .nav-overlay,
  .nav.is-closing .nav-overlay {
    display: block;
  }

  /* `[data-nav-menu-open]` in the framework: the menu while it is open,
     which main.js marks `data-menu-open`. An ATTRIBUTE is the point -- it
     scores (0,1,0) and sits before the design sheet, so the design's
     transparent `.nav-offcanvas` still wins over the widget's grey,
     exactly as it did live, while `display: block !important` beats the
     design's `display: none`, as it did live too. */
  [data-menu-open] {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #c8c8c8;
    text-align: center;
    overflow: visible;
    min-width: 200px;
  }

  .nav-overlay [data-menu-open] {
    top: 0;
  }}
@media screen and (max-width: 767px) {

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


/* ---- the mega menu's chevron ----------------------------------------- */
/* `.w-icon-dropdown-toggle` was an EMPTY <div> that drew its chevron
   through `::before` in Webflow's own icon webfont, which does not ship.
   transform.py puts the font's own outline into the element as an inline
   SVG; the design's `.nav-dropdown-icon` still sizes the box (14px) and
   the glyph fills it, as the 1em glyph filled the widget's 1em box. */
.nav-dropdown-icon .dropdown-chevron {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

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

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

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

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

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

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

/* `.w-slider-nav`: the dot strip. The runtime created one `.w-slider-dot`
   per slide at load; transform.py writes them into the markup as real
   <button>s. `.w-round` rounds them and `.w-slider-nav-invert` gives the
   dark dots; `data-nav-spacing` became the `--dot-gap` each strip
   declares. */
[data-slider-dots] {
  position: absolute;
  z-index: 2;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding-top: 10px;
  height: 40px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[data-slider-dots].is-inverted {
  color: #fff;
}

.slider-dot {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  margin: 0 var(--dot-gap, 3px) 0.5em;
  border-radius: 100%;
  transition: background-color 100ms, color 100ms;
}

.slider-dot.is-active {
  background-color: #fff;
}

[data-slider-dots].is-inverted > .slider-dot {
  background-color: rgba(34, 34, 34, 0.4);
}

[data-slider-dots].is-inverted > .slider-dot.is-active {
  background-color: #222;
}

.slider-dot:focus {
  outline: none;
  box-shadow: 0px 0px 0px 2px #fff;
}

.slider-dot:focus.is-active {
  box-shadow: none;
}

/* The live-region label Webflow appended to every mask: visually hidden,
   read by assistive technology when a slide changes. */
.slider-status {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* ---- pagination ------------------------------------------------------ */
/* `.w-pagination-wrapper`, `.w-pagination-previous` and `.w-pagination-next`
   on the blog list. The design's `.pagination-btn-wrap` restyles each
   control as a 40px disc; what the widget gave the row is kept here. */
[data-pagination] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

[data-page-prev],
[data-page-next] {
  display: inline-block;
  color: #333333;
  font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  background-color: #fafafa;
  border: 1px solid #cccccc;
  border-radius: 2px;
}

/* ---- forms ---------------------------------------------------------- */
/* `.w-form-done` and `.w-form-fail` are `display: none` in the framework,
   and the runtime showed them with an inline `display: block`. `hidden`
   is what main.js toggles now, so a state that is not hidden is shown. */
.form-success:not([hidden]),
.form-error:not([hidden]) {
  display: block;
}

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

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

/* The mega menu's head held its two labels as <div>s inside an <a>; as
   <span>s inside the <button> they would be inline boxes, 6px shorter
   than the block boxes they were. */
.dropdown-head .text-button-normal-text,
.dropdown-head .text-button-hover-text {
  display: block;
}

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

/* A <button> never stretches to its container, whatever its `display`: its
   `width: auto` is its own content size. The FAQ row head is a flex row
   that spread the question and the plus across the whole row as a <div>;
   as a <button> it would shrink to the text. The billing toggle is a grid
   that filled its header the same way. */
.faq-item-head,
.pricing-card-tagar-box {
  width: 100%;
}

/* The FAQ question's heading wrapper is there for the document outline
   only; it must not become a box between the row and its button. Nor may
   it change what the button INHERITS: `display: contents` removes the box
   but not the element, and an <h3> would otherwise hand its own size,
   weight and line height down to the question. */
.faq-heading {
  display: contents;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
}

/* ---- focus ---------------------------------------------------------- */
/* Every control above is now reachable from a keyboard, so each gets a
   ring -- on `:focus-visible` only, the state a pointer press does not
   enter. */
.menu-button:focus-visible,
.dropdown-head:focus-visible,
.tabset-link:focus-visible,
.faq-item-head:focus-visible,
.pricing-card-tagar-box:focus-visible,
[data-slider-left]:focus-visible,
[data-slider-right]:focus-visible,
[data-page-prev]:focus-visible,
[data-page-next]: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: #ffffff;
  color: #000000;
  font-size: 1rem;
  text-decoration: none;
}

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

/* ======================================================================
   3. Finos design
   ====================================================================== */
:root {
  --color--body: #f5f7fa;
  --_typography---font-family--body-font: "Inter Tight", sans-serif;
  --color--black: #000;
  --_typography---text-default--font-size: 16px;
  --_typography---text-default--line-height: 1.2em;
  --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---font-family--headding-font: "Inter Tight", sans-serif;
  --_typography---h1--font-size: clamp(60px, 6.5cqw, 96px);
  --_typography---h1--line-height: 1em;
  --_typography---h1--font-weight: var(--_typography---font-weight--medium);
  --_typography---h1--letter-spacing: var(--_typography---letter-spacing--large);
  --_responsive---none: 0px;
  --_typography---h2--font-size: clamp(50px, 5.7cqw, 64px);
  --_typography---h2--line-height: 1em;
  --_typography---h2--font-weight: var(--_typography---font-weight--medium);
  --_typography---h2--letter-spacing: var(--_typography---letter-spacing--medium);
  --_typography---h3--font-size: clamp(40px, 4.8cqw, 48px);
  --_typography---h3--line-height: 1em;
  --_typography---h3--font-weight: var(--_typography---font-weight--medium);
  --_typography---h3--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h4--font-size: clamp(32px, 4cqw, 40px);
  --_typography---h4--line-height: 1em;
  --_typography---h4--font-weight: var(--_typography---font-weight--medium);
  --_typography---h4--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h5--font-size: clamp(28px, 2.6cqw, 32px);
  --_typography---h5--line-height: 1em;
  --_typography---h5--font-weight: var(--_typography---font-weight--medium);
  --_typography---h5--letter-spacing: var(--_typography---letter-spacing--tiny);
  --_typography---h6--font-size: clamp(22px, 1.5cqw, 24px);
  --_typography---h6--line-height: 1em;
  --_typography---h6--font-weight: var(--_typography---font-weight--medium);
  --_typography---h6--letter-spacing: var(--_typography---letter-spacing--tiny);
  --color--accent-1: #1d1d1d;
  --color--white: white;
  --_responsive---full-size: 100%;
  --_typography---tag-label-text--line-height: 1em;
  --_typography---font-weight--regular: 400;
  --_typography---tag-label-text--letter-spacing: var(--_typography---letter-spacing--none);
  --_responsive---section-padding--xxlarge: 200px;
  --_responsive---section-padding--xxmediumlarge: 170px;
  --_responsive---section-padding--default: 60px;
  --_responsive---section-padding--large: 120px;
  --_responsive---element-spacing--spacing-19x: 48px;
  --_responsive---element-spacing--spacing-17x: 40px;
  --_responsive---border-radius--radius-10x: 24px;
  --_responsive---container--full-size-container: 100%;
  --_responsive---container--max-width: 1440px;
  --_responsive---container--padding-x: 40px;
  --color--accent-2: #404040;
  --_typography---font-weight--medium: 500;
  --_typography---text-medium--font-size: 18px;
  --_typography---text-medium--line-height: 1.2em;
  --_typography---text-medium--font-weight: var(--_typography---font-weight--medium);
  --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--none);
  --rgb--rgb-1: #000000b3;
  --accent--accent-5: #0a0d0f;
  --accent--accent-10: #111820;
  --rgb--rgb-2: #0009;
  --rgb--rgb-34: #0000009e;
  --_responsive---section-padding--medium: 80px;
  --_responsive---element-spacing--spacing-23x: 64px;
  --rgb--rgb-3: #0003;
  --_responsive---element-spacing--spacing-15x: 32px;
  --_responsive---element-spacing--spacing-12x: 24px;
  --_responsive---14-px: 14px;
  --_responsive---element-spacing--spacing-8x: 16px;
  --rgb--rgb-4: #0000001a;
  --rgb--rgb-5: #ffffffb3;
  --rgb--rgb-6: #ffffff80;
  --rgb--rgb-7: #fff3;
  --accent--accent-15: #f46a44;
  --accent--accent-21: #ecf5fb;
  --_responsive---element-spacing--spacing-14x: 30px;
  --_responsive---element-spacing--spacing-4x: 8px;
  --_typography---text-large--font-size: 20px;
  --_typography---text-large--line-height: 1.2em;
  --_typography---text-large--font-weight: var(--_typography---font-weight--medium);
  --_typography---text-large--letter-spacing: var(--_typography---letter-spacing--none);
  --_responsive---element-spacing--spacing-5x: 10px;
  --_responsive---element-spacing--spacing-3x: 6px;
  --_responsive---border-radius--radius-15x: 100px;
  --rgb--rgb-9: #0000000a;
  --_typography---button-text--font-size: 16px;
  --_typography---button-text--line-height: 1.2em;
  --_typography---button-text--font-weight: var(--_typography---font-weight--medium);
  --_typography---button-text--letter-spacing: var(--_typography---letter-spacing--none);
  --rgb--rgb-33: #090c15db;
  --_responsive---element-spacing--spacing-6x: 12px;
  --_responsive---border-radius--round: 100%;
  --color--accent-3: #575757;
  --_typography---text-small--font-size: 14px;
  --_typography---text-small--line-height: 1em;
  --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--none);
  --accent--accent-6: #242b33;
  --_responsive---element-spacing--spacing-16x: 36px;
  --_responsive---element-spacing--spacing-10x: 20px;
  --rgb--rgb-25: #0d172214;
  --color--transparent: #0000;
  --color--e6e6e6: #e6e6e6;
  --_responsive---element-spacing--spacing-30x: 100px;
  --_responsive---border-radius--radius-5x: 10px;
  --ececec: #ececec;
  --_responsive---element-spacing--spacing-7x: 14px;
  --_responsive---element-spacing--spacing-1x: 4px;
  --accent--accent-1: #3c3c3c;
  --_responsive---border-radius--radius-1x: 500px;
  --_responsive---border-radius--radius-7x: 14px;
  --_responsive---border-radius--radius-4x: 8px;
  --_responsive---home-v3-reel-video-radius: 10px;
  --black-30: #0000004d;
  --_responsive---border-radius--radius-6x: 12px;
  --_responsive---element-spacing--spacing-22x: 60px;
  --_responsive---about-v2-hero-video-radius: 32px;
  --_responsive---element-spacing--spacing-28x: 90px;
  --_responsive---border-radius--radius-3x: 6px;
  --accent--accent-8: #cdcdcd;
  --_responsive---element-spacing--spacing-32x: 160px;
  --_responsive---element-spacing--spacing-20x: 50px;
  --_responsive---border-radius--radius-14x: 64px;
  --accent--accent-4: #dbe3f6;
  --_responsive---border-radius--radius-13x: 48px;
  --_typography---text-extra-small--font-size: 12px;
  --_typography---tag-label-text--font-weight: var(--_typography---font-weight--regular);
  --_responsive---border-radius--radius-12x: 32px;
  --_responsive---element-spacing--spacing-27x: 80px;
  --rgb--rgb-10: #00000026;
  --_responsive---element-spacing--spacing-25x: 70px;
  --_responsive---element-spacing--spacing-11x: 22px;
  --rgb--rgb-11: #ffffffeb;
  --rgb--rgb-13: #17212b1a;
  --accent--accent-7: #fdfefe;
  --rgb--rgb-12: #14141a2e;
  --rgb--rgb-14: #ffffffc7;
  --_responsive---border-radius--radius-9x: 20px;
  --rgb--rgb-15: #2f2f2ff5;
  --rgb--rgb-16: #000000fa;
  --accent--accent-9: #f7f9fb;
  --rgb--rgb-17: #fff0;
  --rgb--rgb-18: #ffffffb8;
  --rgb--rgb-19: #17212b59;
  --_responsive---border-radius--radius-8x: 16px;
  --_typography---text-extra-small--font-weight: var(--_typography---font-weight--regular);
  --rgb--rgb-21: #fffffff0;
  --accent--accent-12: #f1f5f8;
  --rgb--rgb-22: #f7927600;
  --rgb--rgb-23: #f79276b3;
  --accent--accent-2: #1c1c1c;
  --accent--accent-13: #151515;
  --accent--accent-3: #555;
  --rgb--rgb-26: #0d17229e;
  --accent--accent-14: #e9f8ef;
  --rgb--rgb-27: #f7927626;
  --accent--accent-16: #16854a;
  --rgb--rgb-28: #0d1722d1;
  --rgb--rgb-8: #ffffff1a;
  --accent--accent-17: #0d1722;
  --rgb--rgb-29: #0d17226b;
  --rgb--rgb-30: #090c1514;
  --rgb--rgb-31: #ffffffdb;
  --rgb--rgb-32: #ffffff6b;
  --_responsive---element-spacing--spacing-21x: 56px;
  --rgb--rgb-35: #00000008;
  --accent--accent-19: #ff7154;
  --accent--accent-22: #202020;
  --_typography---text-extra-small--line-height: 1.3em;
  --_responsive---element-spacing--spacing-9x: 18px;
  --_responsive---element-spacing--spacing-13x: 28px;
  --_responsive---element-spacing--spacing-29x: 96px;
  --accent--accent-20: #666;
  --_responsive---element-spacing--spacing-18x: 44px;
  --_responsive---element-spacing--spacing-24x: 68px;
  --_responsive---element-spacing--spacing-26x: 76px;
  --_responsive---element-spacing--spacing-31x: 120px;
  --_responsive---border-radius--radius-2x: 4px;
  --_responsive---border-radius--radius-11x: 30px;
  --_responsive---section-padding--xlarge: 140px;
  --_typography---display-01--font-size: clamp(180px, 18cqw, 400px);
  --_typography---display-01--line-height: 1em;
  --_typography---display-01--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---display-01--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---display-02--font-size: clamp(150px, 14cqw, 246px);
  --_typography---display-02--line-height: 1.2em;
  --_typography---display-02--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---display-02--font-weight: var(--_typography---font-weight--regular);
  --_typography---display-03--font-size: clamp(56px, 6.3cqw, 120px);
  --_typography---display-03--line-height: 1em;
  --_typography---display-03--letter-spacing: var(--_typography---letter-spacing--xxl);
  --_typography---display-03--font-weight: var(--_typography---font-weight--regular);
  --accent--accent-11: #17212b;
  --accent--accent-18: #ec5a4f;
  --rgb--rgb-20: #00000026;
  --rgb--rgb-24: #0d16206b;
  --rgb--rgb-36: #202020f5;
  --rgb--rgb-37: #000000fa;
  --_typography---text-extra-small--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---tag-label-text--font-size: 14px;
  --_typography---font-family--second-family: Manrope, sans-serif;
  --_typography---font-family--third-family: Inter, sans-serif;
  --_typography---font-family--font-3: "Plus Jakarta Sans", sans-serif;
  --_typography---font-family--font-4: "Roboto Mono", sans-serif;
  --_typography---font-family--font-5: Poppins, sans-serif;
  --_typography---font-weight--light: 300;
  --_typography---font-weight--semi-bold: 600;
  --_typography---font-weight--bold: 700;
  --_typography---letter-spacing--none: 0em;
  --_typography---letter-spacing--tiny: .01em;
  --_typography---letter-spacing--small: -.01em;
  --_typography---letter-spacing--default: -.02em;
  --_typography---letter-spacing--medium: -.03em;
  --_typography---letter-spacing--large: -.04em;
  --_typography---letter-spacing--xl: -.05em;
  --_typography---letter-spacing--xxl: -.06em;
}
.wf-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}@media screen and (max-width: 991px) {

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

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

body {
  background-color: var(--color--body);
  font-family: var(--_typography---font-family--body-font);
  color: var(--color--black);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
  --_responsive---none: 0px;
  --_responsive---full-size: 100%;
  --_responsive---section-padding--xxlarge: 200px;
  --_responsive---section-padding--xxmediumlarge: 170px;
  --_responsive---section-padding--default: 60px;
  --_responsive---section-padding--large: 120px;
  --_responsive---element-spacing--spacing-19x: 48px;
  --_responsive---element-spacing--spacing-17x: 40px;
  --_responsive---border-radius--radius-10x: 24px;
  --_responsive---container--full-size-container: 100%;
  --_responsive---container--max-width: 1440px;
  --_responsive---container--padding-x: 40px;
  --_responsive---section-padding--medium: 80px;
  --_responsive---element-spacing--spacing-23x: 64px;
  --_responsive---element-spacing--spacing-15x: 32px;
  --_responsive---element-spacing--spacing-12x: 24px;
  --_responsive---14-px: 14px;
  --_responsive---element-spacing--spacing-8x: 16px;
  --_responsive---element-spacing--spacing-14x: 30px;
  --_responsive---element-spacing--spacing-4x: 8px;
  --_responsive---element-spacing--spacing-5x: 10px;
  --_responsive---element-spacing--spacing-3x: 6px;
  --_responsive---border-radius--radius-15x: 100px;
  --_responsive---element-spacing--spacing-6x: 12px;
  --_responsive---border-radius--round: 100%;
  --_responsive---element-spacing--spacing-16x: 36px;
  --_responsive---element-spacing--spacing-10x: 20px;
  --_responsive---element-spacing--spacing-30x: 100px;
  --_responsive---border-radius--radius-5x: 10px;
  --_responsive---element-spacing--spacing-7x: 14px;
  --_responsive---element-spacing--spacing-1x: 4px;
  --_responsive---border-radius--radius-1x: 500px;
  --_responsive---border-radius--radius-7x: 14px;
  --_responsive---border-radius--radius-4x: 8px;
  --_responsive---home-v3-reel-video-radius: 10px;
  --_responsive---border-radius--radius-6x: 12px;
  --_responsive---element-spacing--spacing-22x: 60px;
  --_responsive---about-v2-hero-video-radius: 32px;
  --_responsive---element-spacing--spacing-28x: 90px;
  --_responsive---border-radius--radius-3x: 6px;
  --_responsive---element-spacing--spacing-32x: 160px;
  --_responsive---element-spacing--spacing-20x: 50px;
  --_responsive---border-radius--radius-14x: 64px;
  --_responsive---border-radius--radius-13x: 48px;
  --_responsive---border-radius--radius-12x: 32px;
  --_responsive---element-spacing--spacing-27x: 80px;
  --_responsive---element-spacing--spacing-25x: 70px;
  --_responsive---element-spacing--spacing-11x: 22px;
  --_responsive---border-radius--radius-9x: 20px;
  --_responsive---border-radius--radius-8x: 16px;
  --_responsive---element-spacing--spacing-21x: 56px;
  --_responsive---element-spacing--spacing-9x: 18px;
  --_responsive---element-spacing--spacing-13x: 28px;
  --_responsive---element-spacing--spacing-29x: 96px;
  --_responsive---element-spacing--spacing-18x: 44px;
  --_responsive---element-spacing--spacing-24x: 68px;
  --_responsive---element-spacing--spacing-26x: 76px;
  --_responsive---element-spacing--spacing-31x: 120px;
  --_responsive---border-radius--radius-2x: 4px;
  --_responsive---border-radius--radius-11x: 30px;
  --_responsive---section-padding--xlarge: 140px;
  --color--body: #f5f7fa;
  --color--black: #000;
  --color--accent-1: #1d1d1d;
  --color--white: white;
  --color--accent-2: #404040;
  --rgb--rgb-1: #000000b3;
  --accent--accent-5: #0a0d0f;
  --accent--accent-10: #111820;
  --rgb--rgb-2: #0009;
  --rgb--rgb-34: #0000009e;
  --rgb--rgb-3: #0003;
  --rgb--rgb-4: #0000001a;
  --rgb--rgb-5: #ffffffb3;
  --rgb--rgb-6: #ffffff80;
  --rgb--rgb-7: #fff3;
  --accent--accent-15: #f46a44;
  --accent--accent-21: #ecf5fb;
  --rgb--rgb-9: #0000000a;
  --rgb--rgb-33: #090c15db;
  --color--accent-3: #575757;
  --accent--accent-6: #242b33;
  --rgb--rgb-25: #0d172214;
  --color--transparent: #0000;
  --color--e6e6e6: #e6e6e6;
  --ececec: #ececec;
  --accent--accent-1: #3c3c3c;
  --black-30: #0000004d;
  --accent--accent-8: #cdcdcd;
  --accent--accent-4: #dbe3f6;
  --rgb--rgb-10: #00000026;
  --rgb--rgb-11: #ffffffeb;
  --rgb--rgb-13: #17212b1a;
  --accent--accent-7: #fdfefe;
  --rgb--rgb-12: #14141a2e;
  --rgb--rgb-14: #ffffffc7;
  --rgb--rgb-15: #2f2f2ff5;
  --rgb--rgb-16: #000000fa;
  --accent--accent-9: #f7f9fb;
  --rgb--rgb-17: #fff0;
  --rgb--rgb-18: #ffffffb8;
  --rgb--rgb-19: #17212b59;
  --rgb--rgb-21: #fffffff0;
  --accent--accent-12: #f1f5f8;
  --rgb--rgb-22: #f7927600;
  --rgb--rgb-23: #f79276b3;
  --accent--accent-2: #1c1c1c;
  --accent--accent-13: #151515;
  --accent--accent-3: #555;
  --rgb--rgb-26: #0d17229e;
  --accent--accent-14: #e9f8ef;
  --rgb--rgb-27: #f7927626;
  --accent--accent-16: #16854a;
  --rgb--rgb-28: #0d1722d1;
  --rgb--rgb-8: #ffffff1a;
  --accent--accent-17: #0d1722;
  --rgb--rgb-29: #0d17226b;
  --rgb--rgb-30: #090c1514;
  --rgb--rgb-31: #ffffffdb;
  --rgb--rgb-32: #ffffff6b;
  --rgb--rgb-35: #00000008;
  --accent--accent-19: #ff7154;
  --accent--accent-22: #202020;
  --accent--accent-20: #666;
  --accent--accent-11: #17212b;
  --accent--accent-18: #ec5a4f;
  --rgb--rgb-20: #00000026;
  --rgb--rgb-24: #0d16206b;
  --rgb--rgb-36: #202020f5;
  --rgb--rgb-37: #000000fa;
  --_typography---font-family--body-font: "Inter Tight", sans-serif;
  --_typography---text-default--font-size: 16px;
  --_typography---text-default--line-height: 1.2em;
  --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---font-family--headding-font: "Inter Tight", sans-serif;
  --_typography---h1--font-size: clamp(60px, 6.5cqw, 96px);
  --_typography---h1--line-height: 1em;
  --_typography---h1--font-weight: var(--_typography---font-weight--medium);
  --_typography---h1--letter-spacing: var(--_typography---letter-spacing--large);
  --_typography---h2--font-size: clamp(50px, 5.7cqw, 64px);
  --_typography---h2--line-height: 1em;
  --_typography---h2--font-weight: var(--_typography---font-weight--medium);
  --_typography---h2--letter-spacing: var(--_typography---letter-spacing--medium);
  --_typography---h3--font-size: clamp(40px, 4.8cqw, 48px);
  --_typography---h3--line-height: 1em;
  --_typography---h3--font-weight: var(--_typography---font-weight--medium);
  --_typography---h3--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h4--font-size: clamp(32px, 4cqw, 40px);
  --_typography---h4--line-height: 1em;
  --_typography---h4--font-weight: var(--_typography---font-weight--medium);
  --_typography---h4--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h5--font-size: clamp(28px, 2.6cqw, 32px);
  --_typography---h5--line-height: 1em;
  --_typography---h5--font-weight: var(--_typography---font-weight--medium);
  --_typography---h5--letter-spacing: var(--_typography---letter-spacing--tiny);
  --_typography---h6--font-size: clamp(22px, 1.5cqw, 24px);
  --_typography---h6--line-height: 1em;
  --_typography---h6--font-weight: var(--_typography---font-weight--medium);
  --_typography---h6--letter-spacing: var(--_typography---letter-spacing--tiny);
  --_typography---tag-label-text--line-height: 1em;
  --_typography---font-weight--regular: 400;
  --_typography---tag-label-text--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---font-weight--medium: 500;
  --_typography---text-medium--font-size: 18px;
  --_typography---text-medium--line-height: 1.2em;
  --_typography---text-medium--font-weight: var(--_typography---font-weight--medium);
  --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---text-large--font-size: 20px;
  --_typography---text-large--line-height: 1.2em;
  --_typography---text-large--font-weight: var(--_typography---font-weight--medium);
  --_typography---text-large--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---button-text--font-size: 16px;
  --_typography---button-text--line-height: 1.2em;
  --_typography---button-text--font-weight: var(--_typography---font-weight--medium);
  --_typography---button-text--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---text-small--font-size: 14px;
  --_typography---text-small--line-height: 1em;
  --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---text-extra-small--font-size: 12px;
  --_typography---tag-label-text--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-extra-small--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-extra-small--line-height: 1.3em;
  --_typography---display-01--font-size: clamp(180px, 18cqw, 400px);
  --_typography---display-01--line-height: 1em;
  --_typography---display-01--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---display-01--font-weight: var(--_typography---font-weight--semi-bold);
  --_typography---display-02--font-size: clamp(150px, 14cqw, 246px);
  --_typography---display-02--line-height: 1.2em;
  --_typography---display-02--letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---display-02--font-weight: var(--_typography---font-weight--regular);
  --_typography---display-03--font-size: clamp(56px, 6.3cqw, 120px);
  --_typography---display-03--line-height: 1em;
  --_typography---display-03--letter-spacing: var(--_typography---letter-spacing--xxl);
  --_typography---display-03--font-weight: var(--_typography---font-weight--regular);
  --_typography---text-extra-small--letter-spacing: var(--_typography---letter-spacing--none);
  --_typography---tag-label-text--font-size: 14px;
  --_typography---font-family--second-family: Manrope, sans-serif;
  --_typography---font-family--third-family: Inter, sans-serif;
  --_typography---font-family--font-3: "Plus Jakarta Sans", sans-serif;
  --_typography---font-family--font-4: "Roboto Mono", sans-serif;
  --_typography---font-family--font-5: Poppins, sans-serif;
  --_typography---font-weight--light: 300;
  --_typography---font-weight--semi-bold: 600;
  --_typography---font-weight--bold: 700;
  --_typography---letter-spacing--none: 0em;
  --_typography---letter-spacing--tiny: .01em;
  --_typography---letter-spacing--small: -.01em;
  --_typography---letter-spacing--default: -.02em;
  --_typography---letter-spacing--medium: -.03em;
  --_typography---letter-spacing--large: -.04em;
  --_typography---letter-spacing--xl: -.05em;
  --_typography---letter-spacing--xxl: -.06em;
  overflow: hidden;
}
h1:where(:not([class*="heading-scale-"])), :where(.heading-scale-1) {
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}
h2:where(:not([class*="heading-scale-"])), :where(.heading-scale-2) {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
}
h3:where(:not([class*="heading-scale-"])), :where(.heading-scale-3) {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
}
h4:where(:not([class*="heading-scale-"])), :where(.heading-scale-4) {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
}
h5:where(:not([class*="heading-scale-"])), :where(.heading-scale-5) {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
}
h6:where(:not([class*="heading-scale-"])), :where(.heading-scale-6) {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
}
p {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  color: var(--color--accent-1);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
a {
  color: var(--color--white);
  text-decoration: none;
}
ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}
img {
  max-width: var(--_responsive---full-size);
  display: block;
}
label {
  line-height: var(--_typography---tag-label-text--line-height);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---tag-label-text--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}
strong {
  font-weight: bold;
}
figure {
  margin-bottom: 10px;
}
.utility-page-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  position: relative;
}
.utility-page-wrap.password-box {
  height: 120vh;
  padding-top: var(--_responsive---section-padding--xxlarge);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
}
.utility-page-content {
  width: 316px;
  height: auto;
  padding: var(--_responsive---element-spacing--spacing-19x) var(--_responsive---element-spacing--spacing-17x);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
  text-align: center;
  flex-direction: column;
  display: flex;
}
.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}
.container {
  width: var(--_responsive---container--full-size-container);
  max-width: var(--_responsive---container--max-width);
  padding-right: var(--_responsive---container--padding-x);
  padding-left: var(--_responsive---container--padding-x);
  margin-left: auto;
  margin-right: auto;
}
.heading-02 {
  margin-top: var(--_responsive---none);
  margin-bottom: var(--_responsive---none);
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
}
.heading-03 {
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
}
.heading-04 {
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
}
.heading-04.text-button {
  z-index: 10;
  color: var(--color--accent-2);
  font-weight: var(--_typography---font-weight--medium);
  position: relative;
  overflow: hidden;
}
.heading-05 {
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
}
.heading-06 {
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
}
.text-medium {
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---text-medium--font-weight);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
}
.text-default {
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
.text-default:where(.tag-button-light) {
  color: var(--color--white);
}
.text-default.rgb5 {
  color: var(--rgb--rgb-1);
}
.text-default.accent5 {
  color: var(--accent--accent-5);
}
.text-default.accent5.meddel-blod {
  font-weight: var(--_typography---text-medium--font-weight);
}
.text-default.white.opacti-meddem {
  opacity: .8;
}
.text-default.accent10 {
  color: var(--accent--accent-10);
}
.text-default.rgb1 {
  color: var(--rgb--rgb-1);
}
.text-default.color-rgb {
  color: var(--rgb--rgb-2);
}
.text-default.color-rgb.one {
  position: absolute;
  inset: 0%;
}
.text-default.rgb2 {
  color: var(--rgb--rgb-2);
}
.text-default.rgb34 {
  color: var(--rgb--rgb-34);
}
.text-default.opacts {
  opacity: .5;
}
.text-default.witat {
  font-weight: var(--_typography---text-medium--font-weight);
}
.style-guide {
  padding-top: var(--_responsive---section-padding--medium);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
}
.style-guide-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  flex-flow: column;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.color-block-inner-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-23x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-23x);
  border-left: 1px solid var(--rgb--rgb-3);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 126px;
  display: flex;
}
.color-block {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.color-block-inner {
  height: 120px;
  padding: var(--_responsive---element-spacing--spacing-8x);
  border-width: 1px;
  border-color: var(--rgb--rgb-3);
  border-radius: var(--_responsive---border-radius--radius-10x);
  justify-content: center;
  align-items: center;
  display: flex;
}
.color-block-inner.bg-black {
  background-color: var(--color--black);
}
.color-block-inner.bg-lite-text {
  background-color: var(--rgb--rgb-1);
}
.color-block-inner.bg-lite-text-tre {
  background-color: var(--rgb--rgb-2);
}
.color-block-inner.bg-dark {
  background-color: var(--rgb--rgb-3);
}
.color-block-inner.bg-dark-stroke {
  background-color: var(--rgb--rgb-4);
}
.color-block-inner.bg-white {
  background-color: var(--color--white);
  border: 1px solid #dfdfdf;
}
.color-block-inner.bg-lite-white {
  border-style: solid;
  border-color: var(--rgb--rgb-3);
  background-color: var(--rgb--rgb-5);
}
.color-block-inner.bg-lite-text-white-tre {
  border-style: solid;
  border-color: var(--rgb--rgb-3);
  background-color: var(--rgb--rgb-6);
}
.color-block-inner.bg-white-dark {
  border-style: solid;
  border-color: var(--rgb--rgb-3);
  background-color: var(--rgb--rgb-7);
}
.color-block-inner.bg-accent {
  background-color: var(--accent--accent-15);
}
.color-block-inner.bg-lite-accent {
  border-style: solid;
  border-color: var(--rgb--rgb-3);
  background-color: var(--accent--accent-21);
}
.style-content {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  align-items: stretch;
  display: flex;
}
.text-block {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  display: flex;
}
.text-large {
  color: var(--color--black);
  font-size: var(--_typography---text-large--font-size);
  line-height: var(--_typography---text-large--line-height);
  font-weight: var(--_typography---text-large--font-weight);
  letter-spacing: var(--_typography---text-large--letter-spacing);
  transition: all .3s;
}
.text-large.hover-link:hover {
  color: var(--accent--accent-15);
}
.header-section {
  width: var(--_responsive---full-size);
  position: relative;
}
.utility-content-block {
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 848px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}
.text-dark {
  color: var(--color--accent-2);
}
.heading-7 {
  letter-spacing: 0;
  font-size: 24px;
  line-height: 24px;
}
.text-lg-2 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.32em;
}
.utility-list-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}
.text-larges {
  letter-spacing: 0;
  font-size: 20px;
  line-height: 1.5em;
}
.utility-section {
  padding-top: var(--_responsive---section-padding--medium);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
}
.terms-link {
  color: #000;
  font-weight: 500;
  transition: color .3s;
}
.terms-link:hover {
  color: #e77b2a;
}
.utility-text-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 44px;
  text-decoration: none;
  display: flex;
}
.instruction-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
}
.utility-content-wrap {
  grid-row-gap: 44px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.utility-title-block {
  grid-row-gap: 32px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 625px;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.utility-title-block.is-instruction {
  max-width: 544px;
  margin-bottom: var(--_responsive---section-padding--medium);
}
.accordion-item {
  z-index: 1;
  background-color: #f8f8f8;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.accordion-item-title-icon {
  width: 1rem;
}
.accordion-item-body-wrapper {
  z-index: 9;
  position: relative;
  overflow: hidden;
}
.heading-01 {
  font-family: var(--_typography---font-family--headding-font);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
}
.heading-01.dfyg5et {
  z-index: 20;
  mix-blend-mode: exclusion;
  line-height: 1.2em;
  position: relative;
}
.text-button-normal-text {
  z-index: 10;
  position: relative;
}
.text-button-hover-text {
  z-index: 20;
  position: absolute;
  inset: 100% auto auto 0%;
}
.text-button {
  color: var(--color--black);
  width: fit-content;
  position: relative;
  overflow: hidden;
}
.text-button:where(.nav-text-button) {
  color: var(--color--black);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
.icon {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  object-fit: contain;
  display: block;
  overflow: visible;
}
.icon.icon-button-icon {
  padding: var(--_responsive---element-spacing--spacing-5x);
}
.button {
  z-index: 50;
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--rgb--rgb-4);
  box-shadow: -1px -1px 1px 0 var(--rgb--rgb-9), 1px 1px 5px 0 var(--color--white);
  font-family: var(--_typography---font-family--body-font);
  color: var(--color--white);
  font-size: var(--_typography---button-text--font-size);
  line-height: var(--_typography---button-text--line-height);
  font-weight: var(--_typography---button-text--font-weight);
  text-align: center;
  letter-spacing: var(--_typography---button-text--letter-spacing);
  white-space: nowrap;
  padding: 2px;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}
.button:where(.button-light) {
  box-shadow: none;
}
.button-normal-text:where(.button-light) {
  color: var(--color--black);
}
.button-normal-text.rgb33 {
  color: var(--rgb--rgb-33);
  font-weight: var(--_typography---text-medium--font-weight);
}
.button-text-wrap {
  z-index: 30;
  pointer-events: none;
  position: relative;
  overflow: hidden;
}
.section-label {
  max-width: var(--_responsive---full-size);
  padding-top: var(--_responsive---element-spacing--spacing-4x);
  padding-right: var(--_responsive---element-spacing--spacing-6x);
  padding-bottom: var(--_responsive---element-spacing--spacing-4x);
  padding-left: var(--_responsive---element-spacing--spacing-6x);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--rgb--rgb-3);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--rgb--rgb-3);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--rgb--rgb-3);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--rgb--rgb-3);
  border-top-left-radius: var(--_responsive---border-radius--radius-15x);
  border-top-right-radius: var(--_responsive---border-radius--radius-15x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-15x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-15x);
  text-transform: uppercase;
  width: fit-content;
}
.icon-button {
  z-index: 50;
  border: 1px solid var(--color--white);
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--color--black);
  width: 42px;
  height: 42px;
  display: block;
  position: relative;
  overflow: hidden;
}
.text-small {
  font-size: var(--_typography---text-small--font-size);
  line-height: var(--_typography---text-small--line-height);
  font-weight: var(--_typography---text-small--font-weight);
  letter-spacing: var(--_typography---text-small--letter-spacing);
}
.text-small.accent6 {
  color: var(--accent--accent-6);
}
.text-small.accent6.opacti-nomal {
  opacity: .7;
}
.cover-size-banner {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  object-fit: cover;
}
.weight-medium {
  font-weight: var(--_typography---font-weight--medium);
}
.faq-item-icon {
  flex: none;
  width: 16px;
  height: 16px;
}
.faq-item-head {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  justify-content: space-between;
  display: flex;
}
.faq-item-body {
  max-width: 478px;
  padding-top: var(--_responsive---element-spacing--spacing-16x);
}.faq-item-body.style-two-41, .faq-item-body.style-two-50, .faq-item-body.style-two-59, .faq-item-body.style-two-68 {
  max-width: none;
}

.faq-item {
  padding-top: var(--_responsive---element-spacing--spacing-10x);
  padding-bottom: var(--_responsive---element-spacing--spacing-10x);
  border-bottom: 1px solid var(--rgb--rgb-25);
  cursor: pointer;
}.faq-item.financial-benefits-faq {
  padding-top: var(--_responsive---element-spacing--spacing-8x);
  padding-bottom: var(--_responsive---element-spacing--spacing-8x);
  border-bottom: 1px solid var(--rgb--rgb-7);
  background-color: var(--color--transparent);
}

.faq-toggle-content {
  height: auto;
  display: block;
  overflow: hidden;
}
.text-deep-gray {
  color: var(--color--e6e6e6);
}
.text-deep-gray.seydgh664 {
  width: var(--_responsive---full-size);
  max-width: 400px;
}
.stepseader-one {
  z-index: 10;
  min-height: 336px;
  padding: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-30x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-30x);
  border-radius: var(--_responsive---border-radius--radius-5x);
  background-color: var(--color--white);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}
.stepseader-two {
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  border-bottom: 1px solid var(--ececec);
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}
.stepseader-three {
  left: auto;
  top: var(--_responsive---element-spacing--spacing-12x);
  right: var(--_responsive---element-spacing--spacing-12x);
  z-index: -10;
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--color--accent-3);
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: auto;
}
.stepseader-four {
  padding-top: var(--_responsive---element-spacing--spacing-7x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  border-top: 1px solid var(--ececec);
  flex-flow: column;
  display: flex;
}
.pricing-v2-tab-switch-dot {
  aspect-ratio: 1;
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--color--white);
  width: 50%;
}
.pricing-v2-tab-switch {
  width: var(--_responsive---full-size);
  max-width: 52px;
  padding: var(--_responsive---element-spacing--spacing-1x);
  border: 1px solid var(--accent--accent-1);
  border-radius: var(--_responsive---border-radius--radius-1x);
  background-color: var(--color--accent-3);
  cursor: pointer;
}
.stepsheader-wrap {
  z-index: 5;
  padding-top: var(--_responsive---element-spacing--spacing-5x);
  padding-bottom: var(--_responsive---element-spacing--spacing-5x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  border-bottom: 1px solid var(--color--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  position: relative;
}
.stepsheader-wrap:hover {
  z-index: 10;
}
.stepseader-five {
  width: var(--_responsive---full-size);
  aspect-ratio: 230 / 252;
  border-radius: var(--_responsive---border-radius--radius-5x);
  pointer-events: none;
  max-width: 230px;
  position: absolute;
  right: 0;
  overflow: hidden;
}
.section {
  height: 400vh;
  padding-top: var(--_responsive---section-padding--medium);
  padding-bottom: var(--_responsive---section-padding--medium);
}
.stepseader-six {
  width: var(--_responsive---full-size);
  position: absolute;
}
.work-v3-card-banner-wrap {
  z-index: 10;
  width: var(--_responsive---full-size);
  aspect-ratio: 642 / 460;
  border-radius: var(--_responsive---border-radius--radius-5x);
  position: relative;
  overflow: hidden;
}
.work-v3-card-overlay {
  z-index: 20;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  perspective: 600px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.work-v3-card-banner-btn {
  padding: var(--_responsive---element-spacing--spacing-5x) var(--_responsive---element-spacing--spacing-7x);
  border-radius: var(--_responsive---border-radius--radius-1x);
  background-color: var(--color--accent-2);
  transform-origin: 50% 100%;
}
.stepseader-seven {
  padding: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---border-radius--radius-7x);
  background-color: var(--color--accent-3);
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 25vh;
}
.stepseader-eight {
  width: var(--_responsive---full-size);
  aspect-ratio: 106 / 112;
  border-radius: var(--_responsive---border-radius--radius-4x);
  overflow: hidden;
}
.div-block-201 {
  z-index: 20;
  width: var(--_responsive---full-size);
  max-width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  display: flex;
  position: absolute;
  overflow: hidden;
}
.section-one {
  background-color: var(--color--accent-3);
  height: 250vh;
  min-height: max-content;
}
.stepseader-nine {
  width: auto;
  height: auto;
  margin: auto;
  padding: 0;
}
.video-play-btn {
  z-index: 40;
  width: 40px;
  height: 40px;
  padding: var(--_responsive---element-spacing--spacing-6x);
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--color--white);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.stepsead-one {
  z-index: 30;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  pointer-events: none;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.stepsead-two {
  z-index: 20;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---home-v3-reel-video-radius);
  margin: auto;
  position: relative;
  overflow: hidden;
}
.video-overlay {
  z-index: 30;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  background-color: var(--black-30);
  position: absolute;
  inset: 0% auto auto 0%;
}
.stepsead-three {
  z-index: 10;
  text-align: center;
  position: absolute;
}
.section-two {
  z-index: 100;
  height: 400vh;
  min-height: max-content;
  position: relative;
}
.stepsead-four {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  padding-right: var(--_responsive---container--padding-x);
  padding-left: var(--_responsive---container--padding-x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: max-content;
  display: grid;
}
.stepsead-five {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-6x);
  overflow: hidden;
}
.stepsead-six {
  z-index: 5;
  padding-top: var(--_responsive---element-spacing--spacing-12x);
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  border-bottom: 1px solid var(--color--white);
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  position: relative;
}
.stepsead-six:hover {
  z-index: 10;
}
.stepsead-seven {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-5x);
  pointer-events: none;
  max-width: 330px;
  position: absolute;
  left: 30%;
  overflow: hidden;
}
.link-block-one {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.hover-text {
  z-index: 10;
  position: absolute;
  inset: 0% auto auto 0%;
}
.imagees {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
}
.imagees.hover-icon {
  position: absolute;
  inset: 0% auto auto 0%;
}
.stepsead-nine {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-30x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-30x);
  flex-flow: column;
  max-width: 642px;
  margin-left: auto;
  display: flex;
}
.steprtan-one {
  width: var(--_responsive---full-size);
  padding: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  border-radius: var(--_responsive---border-radius--radius-7x);
  background-color: var(--color--accent-3);
  flex-flow: column;
  display: flex;
}
.steprtan-two {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  flex-flow: column;
  max-width: 424px;
  display: flex;
}
.steprtan-three {
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 100px;
}
.steprtan-three.item-two {
  top: 186px;
}
.steprtan-three.item-three {
  top: 272px;
}
.steprtan-three.item-four {
  top: 358px;
}
.steprtan-three.item-five {
  top: 444px;
}
.steprtan-four {
  z-index: 30;
  width: var(--_responsive---full-size);
  padding-bottom: var(--_responsive---element-spacing--spacing-3x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-22x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-22x);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: absolute;
  inset: auto auto 0% 0%;
}
.section-five {
  height: 250vh;
  padding-top: var(--_responsive---section-padding--large);
  padding-bottom: var(--_responsive---section-padding--default);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--accent--accent-1);
  min-height: max-content;
  display: flex;
}
.steprtan-five {
  z-index: 20;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---about-v2-hero-video-radius);
  transform-origin: 0 0;
  position: relative;
  overflow: hidden;
  transform: scale(.3);
}
.steprtan-six {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-28x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-28x);
  grid-template-rows: auto;
  grid-template-columns: 60px 1fr;
  grid-auto-columns: 1fr;
  max-width: 712px;
  display: grid;
}
.steprtan-seven {
  height: var(--_responsive---full-size);
  border-left: 1px dashed #404040;
}
.text-block-one {
  aspect-ratio: 1;
  border: 1px solid var(--accent--accent-1);
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--color--accent-2);
  justify-content: center;
  align-items: center;
  width: 60px;
  display: flex;
  position: absolute;
  left: -150px;
}
.steprtan-eight {
  padding-top: var(--_responsive---element-spacing--spacing-12x);
  padding-right: var(--_responsive---element-spacing--spacing-12x);
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  border-bottom: 1px solid var(--accent--accent-1);
  grid-template-rows: auto;
  grid-template-columns: 1fr 80px 1.2fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}
.budgeting-one {
  aspect-ratio: 230 / 140;
  border-radius: var(--_responsive---border-radius--radius-3x);
  max-width: 230px;
  overflow: hidden;
}
.button-hover-text {
  position: absolute;
  top: 100%;
}
.button-hover-text:where(.button-light) {
  color: var(--color--black);
}
.button-hover-text.rgb33 {
  color: var(--rgb--rgb-33);
  font-weight: var(--_typography---text-medium--font-weight);
}
.button-wrapper {
  padding: var(--_responsive---element-spacing--spacing-6x) var(--_responsive---element-spacing--spacing-15x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--accent--accent-1);
  justify-content: center;
  align-items: center;
  display: flex;
}
.button-wrapper:where(.button-light) {
  background-color: var(--accent--accent-8);
}
.desktop-hidden, .hamburger-trigger-wrap {
  display: none;
}
.style-content-with-tag {
  padding-bottom: var(--_responsive---element-spacing--spacing-19x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-32x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-32x);
  border-bottom: 1px solid var(--rgb--rgb-3);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}
.nav {
  z-index: 888;
  width: var(--_responsive---full-size);
  background-color: var(--color--transparent);
  position: absolute;
}
.text-uppercase {
  color: var(--rgb--rgb-2);
  text-transform: uppercase;
}
.text-uppercase.black {
  color: var(--color--black);
}
.text-uppercase.black:where(.tag-button-light) {
  color: var(--color--white);
}
.hr-lines {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  background-image: url('../images/frame-2147262380.svg');
  background-position: 0 0;
  background-size: cover;
}
.nav-inner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: static;
}
.nav-menu {
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  justify-content: center;
  align-items: center;
  display: flex;
}
.nav-btn-inner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  display: flex;
}
.nav-dropdown {
  position: static;
}
.nav-dropdown-icon {
  width: 14px;
  height: 14px;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav-offcanvas {
  position: static;
}
.nav-wrap {
  z-index: 1;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
}
.nav-dropdown-toggle-content {
  background-color: #0000;
  width: 100%;
  padding-top: 12px;
  display: none;
  position: absolute;
  left: 0;
}
.nav-dropdown-toggle-content.is-open {
  max-width: 100%;
}
.nav-dropdown-toggle-content.megamenu {
  z-index: 20;
  padding-top: var(--_responsive---element-spacing--spacing-14x);
  z-index: 20;
  width: min-content;
  display: none;
  left: 125%;
  overflow: hidden;
  transform: translate(-125%);
}
.nav-menu-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: space-between;
  align-items: center;
  max-width: 700px;
  display: flex;
  position: relative;
}
.bg-image-wrap {
  z-index: -1;
  border-bottom-left-radius: var(--_responsive---border-radius--radius-14x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-14x);
  pointer-events: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}
.hero-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---element-spacing--spacing-17x);
  position: relative;
}
.hero-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: flex-start;
  align-items: flex-start;
}
.hero-labal-with-image-wrapper {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.image-with-pra-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.hero-smail-image-wrap {
  border: 2px solid var(--accent--accent-4);
  border-radius: var(--_responsive---border-radius--radius-15x);
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.hero-smail-image-wrap.smail-image-two, .hero-smail-image-wrap.smail-image-three {
  margin-left: -10px;
}
.image-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.h1 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
}
.hero-left-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.4fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  max-width: 788px;
  display: grid;
}
.hero-header-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.phone-box {
  z-index: 10;
  width: var(--_responsive---full-size);
  max-width: 482px;
  position: relative;
  overflow: hidden;
}
.phone-box.cta-phone {
  min-height: 764px;
}
.phone-box.features-hero-phone-wrapper {
  margin-left: auto;
  margin-right: auto;
}
.hero-phone-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  pointer-events: none;
  overflow: hidden;
}
.hero-phone-wrapper.cta-phone-wrap {
  padding-top: 20px;
}
.phone-decti-image {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-13x);
  object-fit: cover;
  overflow: hidden;
}
.phone-decti-image-wrap {
  z-index: 10;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}
.card-hero-wrapper {
  z-index: 20;
  width: var(--_responsive---full-size);
  max-width: 294px;
  position: absolute;
  inset: 22% 0% 0% 50%;
  overflow: hidden;
  transform: translate(-50%);
}
.card-hero-wrapper.cta-phone-card {
  max-width: 280px;
  inset: 22% auto auto 50%;
  transform: translate(-50%);
}
.card-hero-wrapper.features-hero-phone-card {
  max-width: 280px;
}
.card-hero-wrapper.features-phone-max-with {
  max-width: 239px;
}
.tag-label-text {
  font-size: var(--_typography---text-extra-small--font-size);
  line-height: var(--_typography---tag-label-text--line-height);
  font-weight: var(--_typography---tag-label-text--font-weight);
}
.h3 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
}
.h3.opac-two {
  opacity: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}
.hero-card-wrapper {
  z-index: -3;
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-width: 540px;
  display: grid;
}
.hero-card-wrapper.cta-card {
  min-width: 450px;
}
.hero-card-wrapper.features-hero-card-wrap, .hero-card-wrapper.features-visa-card {
  min-width: 510px;
}
.hero-card-box {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-6x);
  overflow: hidden;
}
.card-hero-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.hero-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-3x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-3x);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.hero-buttom-box {
  width: var(--_responsive---full-size);
  height: 448px;
  padding: var(--_responsive---element-spacing--spacing-15x);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--_responsive---border-radius--radius-12x);
  background-color: var(--color--white);
  box-shadow: 6px 4px 2px 0 var(--color--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -250px;
  display: grid;
  position: relative;
}
.hero-buttom-right-box {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--rgb--rgb-6);
  box-shadow: inset 0 0 5px 0 var(--color--white);
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  overflow: hidden;
}
.hero-buttom-left-box {
  z-index: 55;
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.text-wrap {
  z-index: 55;
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.icon-box {
  width: 80px;
  height: 80px;
}
.h6 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
}
.pra-with-dectli-wrap {
  padding-top: var(--_responsive---element-spacing--spacing-17x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-32x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-32x);
  border-top: 1px dashed var(--rgb--rgb-10);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.text-pra-wrap {
  width: var(--_responsive---full-size);
  max-width: 230px;
}
.card-slider-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
}
.card-slider-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}
.icon-wrap {
  width: 24px;
  height: 24px;
}
.contain-size-images {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  object-fit: contain;
}
.text-with-pra-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.pra-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.choose-title-wrap {
  width: var(--_responsive---full-size);
  max-width: 578px;
}
.choose-title-wrap.titel-max-with {
  max-width: 500px;
}
.sub-wrapper-v1 {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.sub-wrapper-v1.sub-wrapper-v1-max-with {
  max-width: 1150px;
}
.sub-wrapper-v1.buttom {
  justify-content: space-between;
  align-items: flex-end;
}
.sub-wrapper-v1.works-v1-max-with {
  grid-column-gap: var(--_responsive---element-spacing--spacing-30x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-30x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: grid;
}
.card-slider-slide-nav {
  pointer-events: auto;
  color: var(--color--black);
  font-size: 12px;
  inset: 24px 24px auto auto;
}
.display-none {
  display: none;
}
.card-slider {
  background-color: var(--color--transparent);
  pointer-events: none;
  height: auto;
  overflow: hidden;
}
.card-slider-images-box {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-10x);
  max-width: 420px;
  overflow: hidden;
}
.card-slider-text-dect-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 780px;
  display: grid;
}
.card-slider-text-wrapper {
  padding: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
  box-shadow: 6px 6px 25px 0 var(--color--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.4fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}
.card-slider-text-dect-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-25x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-25x);
  flex-flow: column;
  display: flex;
}
.card-slider-header-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-11x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-11x);
  flex-flow: column;
  display: flex;
}
.card-slider-button-wrap {
  pointer-events: auto;
}
.sub-wrapper-v2 {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.sub-wrapper-v2.v2-max-with {
  width: var(--_responsive---full-size);
  max-width: 538px;
  margin-left: auto;
  margin-right: auto;
}
.sub-wrapper-v2.v2-max-with.spping {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
}
.sub-wrapper-v2.about-v2-max-with {
  width: var(--_responsive---full-size);
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.sub-wrapper-v2.our-mission-story-max {
  width: var(--_responsive---full-size);
  max-width: 576px;
  margin-left: auto;
  margin-right: auto;
}
.sub-wrapper-v2.financial-v2-max-with {
  width: var(--_responsive---full-size);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.sub-wrapper-v2.finos-fits-v2-max-with {
  width: var(--_responsive---full-size);
  max-width: 555px;
  margin-left: auto;
  margin-right: auto;
}
.h2 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
}
.h2.center {
  text-align: center;
}
.h2.white {
  color: var(--color--white);
}
.dectlies-wrap {
  margin-top: var(--_responsive---element-spacing--spacing-4x);
}
.dectlies-wrap.spping-none {
  margin-top: var(--_responsive---none);
}
.center {
  text-align: center;
}
.clear-view-card-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-27x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.clear-view-card-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.clear-view-card-images-wrap {
  border-radius: var(--_responsive---border-radius--radius-10x);
  overflow: hidden;
}
.clear-view-card-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.clear-view-card-images-box {
  position: relative;
}
.clear-view-icon-wrap {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
.round-wrapper {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--rgb--rgb-11);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  inset: auto 12% 23px auto;
}
.line-one {
  background-color: var(--color--black);
  border-radius: 1px;
  width: 2px;
  height: 6px;
}
.line-two {
  background-color: var(--color--black);
  border-radius: 1px;
  width: 2px;
  height: 12px;
}
.line-three {
  background-color: var(--color--black);
  border-radius: 1px;
  width: 2px;
  height: 6px;
}
.works-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
}
.works-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-16x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-16x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.sub-wrapper-v3 {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  display: flex;
}
.sub-wrapper-v3.v3-max-with {
  width: var(--_responsive---full-size);
  max-width: 560px;
  position: sticky;
  top: 100px;
  overflow: hidden;
}
.sub-wrapper-v3.clear-max-with {
  width: var(--_responsive---full-size);
  max-width: 674px;
}
.sub-wrapper-v3.insight-max-with {
  width: var(--_responsive---full-size);
  max-width: 580px;
}
.sub-wrapper-v3.faq-max-with {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  max-width: 500px;
}
.sub-wrapper-v3.cta-max-with {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
}
.text-tag-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.prag-with-butn-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-23x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-23x);
  flex-flow: column;
  display: flex;
}
.prag-with-butn-wrap.v3-prag-max-with {
  width: var(--_responsive---full-size);
  max-width: 445px;
}
.butn-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.works-card-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 16fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  display: grid;
  position: sticky;
  top: 100px;
  overflow: hidden;
}
.works-number-card-box {
  padding: var(--_responsive---element-spacing--spacing-10x) var(--_responsive---element-spacing--spacing-4x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-16x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-16x);
  border-radius: var(--_responsive---border-radius--radius-6x);
  background-color: var(--color--white);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.works-dectlies-card-box {
  width: var(--_responsive---full-size);
  padding: var(--_responsive---element-spacing--spacing-10x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-30x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-30x);
  border-radius: var(--_responsive---border-radius--radius-6x);
  background-color: var(--color--white);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}
.works-number-card-images-wrap {
  width: 12px;
  height: 10px;
}
.works-dectlies-icon-box {
  width: 32px;
  height: 32px;
}
.works-dectlies-card-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.works-card-box {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: column;
  max-width: 630px;
  display: flex;
}
.choose-section {
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
}
.choose-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.choose-card-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.choose-card-one-box {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  max-height: 620px;
  padding: var(--_responsive---element-spacing--spacing-19x) var(--_responsive---element-spacing--spacing-23x) var(--_responsive---element-spacing--spacing-22x) var(--_responsive---element-spacing--spacing-19x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-20x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-20x);
  border: 1px solid var(--rgb--rgb-13);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--accent--accent-7);
  flex-flow: column;
  display: flex;
}
.choose-tag-text-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  max-width: 464px;
  display: flex;
}
.h4 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
}
.choose-card-box {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.choose-box-show-card {
  border-radius: var(--_responsive---border-radius--radius-5x);
  background-color: var(--color--white);
  min-width: 326px;
  height: 230px;
  box-shadow: 0 20px 40px 0 var(--rgb--rgb-12);
  overflow: hidden;
}
.choose-box-show-card.secend-card {
  align-self: flex-end;
  transform: translate(0, -120px);
}
.choose-card-two-box {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  max-height: 620px;
  padding: var(--_responsive---element-spacing--spacing-19x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  border: 1px solid var(--rgb--rgb-13);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--rgb--rgb-14);
  background-image: url('../images/image-130_1.avif');
  background-position: 100% 70%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-flow: column;
  display: flex;
}
.choose-card-two-image-wrap {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-9x);
  background-color: var(--color--white);
  max-width: 270px;
  height: 304px;
  box-shadow: 0 16px 31px 0 var(--rgb--rgb-12);
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.choose-card-phone-box {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-image: linear-gradient(226.83deg, var(--rgb--rgb-15), var(--rgb--rgb-16));
  height: 630px;
  position: relative;
  overflow: hidden;
}
.choose-bg-image-wrap {
  border-radius: var(--_responsive---border-radius--radius-10x);
  pointer-events: none;
  background-image: url('../images/money-moves.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}
.choose-card-phone-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  padding: var(--_responsive---element-spacing--spacing-27x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.choose-card-phone-left-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  flex-flow: column;
  max-width: 628px;
  display: flex;
}
.choose-card-phone-left-prag-with-btn {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-28x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-28x);
  flex-flow: column;
  justify-content: space-between;
  max-width: 452px;
  display: flex;
}
.white {
  color: var(--color--white);
}
.opacti-nomal {
  opacity: .7;
}
.btn-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.choose-card-phone-right-wrap {
  margin-top: -30px;
  margin-right: -70px;
}
.product-feature-section {
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
  position: relative;
  overflow: hidden;
}
.backround-grdden-wrap {
  z-index: -1;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  background-image: linear-gradient(180deg, var(--accent--accent-9), var(--rgb--rgb-17));
  pointer-events: none;
  position: absolute;
  inset: 0%;
}
.product-feature-bg-images-wrap {
  z-index: -1;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  pointer-events: none;
  border-radius: 300px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}
.product-feature-phone-with-slide-wrap {
  width: var(--_responsive---full-size);
  max-width: 870px;
  margin-top: var(--_responsive---element-spacing--spacing-27x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-16x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-16x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}
.product-feature-slider {
  background-color: var(--color--transparent);
  height: auto;
}
.product-feature-card-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  display: flex;
}
.product-feature-card-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.primary-left-butn-wrap {
  width: 20px;
  height: 20px;
  padding: var(--_responsive---element-spacing--spacing-1x);
  border: .5px solid var(--color--black);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--black);
  inset: 0% auto auto 0%;
}
.primary-right-butn-wrap {
  width: 20px;
  height: 20px;
  padding: var(--_responsive---element-spacing--spacing-1x);
  border: .5px solid var(--rgb--rgb-13);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--rgb--rgb-18);
  inset: auto auto 0 0%;
}
.primary-slide-btn-wrap {
  border: .5px solid var(--rgb--rgb-19);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--rgb--rgb-18);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 120px;
  font-size: 8px;
  display: flex;
  top: 0;
  left: 0%;
  right: auto;
}
.product-feature-slider-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-23x);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.product-feature-mask {
  width: var(--_responsive---full-size);
  max-width: 320px;
  margin-left: 50px;
}
.financial-insights-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
}
.financial-insights-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  position: relative;
}
.performance-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-14x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.financial-insights-card-wrapper {
  width: var(--_responsive---full-size);
  margin-top: var(--_responsive---element-spacing--spacing-27x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.financial-insights-single-card-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 16fr;
  grid-auto-columns: 1fr;
  height: 300px;
  display: grid;
}
.financial-insights-line-card-wrap {
  padding: var(--_responsive---element-spacing--spacing-10x) var(--_responsive---element-spacing--spacing-4x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-16x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-16x);
  border-radius: var(--_responsive---border-radius--radius-8x);
  background-color: var(--color--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.financial-insights-dectlies-card-wrap {
  padding: var(--_responsive---element-spacing--spacing-10x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-16x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-16x);
  border-radius: var(--_responsive---border-radius--radius-9x);
  background-color: var(--color--white);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}
.financial-insights-text-icon-card-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.financial-insights-text-with-dect-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.financial-insights-text-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.financial-insights-dectlies-wrap {
  color: var(--rgb--rgb-1);
  font-size: var(--_typography---text-large--font-size);
  line-height: var(--_typography---text-large--line-height);
  font-weight: var(--_typography---text-extra-small--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
.testimonials-section {
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-14x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-14x);
  background-color: var(--color--body);
  overflow: hidden;
}
.testimonials-slider {
  width: var(--_responsive---full-size);
  background-color: var(--color--transparent);
  height: auto;
  position: relative;
}
.testimonials-mask {
  width: var(--_responsive---full-size);
  height: 465px;
  position: relative;
  overflow: hidden;
}
.testimonials-slide {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.testimonials-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-28x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-28x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.testimonials-slide-images-wrap {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-10x);
  max-width: 330px;
  position: relative;
  overflow: hidden;
}
.testimonials-slide-item-wrap {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  padding: var(--_responsive---element-spacing--spacing-17x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  border: 1px solid var(--rgb--rgb-4);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--rgb--rgb-21);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.testimonials-slide-item-header-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  display: flex;
}
.testimonials-slide-item-icon-wrap {
  width: 24px;
  height: 24px;
}
.h5 {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
}
.testimonials-slide-item-dect-wrap {
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  border-bottom: .5px solid #00000040;
  flex-flow: column;
  display: flex;
}
.testimonials-slide-item-dect-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.testimonials-slide-text-box {
  padding: var(--_responsive---element-spacing--spacing-1x) var(--_responsive---element-spacing--spacing-6x);
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--accent--accent-12);
  justify-content: center;
  align-items: center;
  display: flex;
}
.testimonials-slide-images-grdden {
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-image: linear-gradient(180deg, var(--rgb--rgb-22) 50.11%, var(--rgb--rgb-23));
  pointer-events: none;
  position: absolute;
  inset: 0%;
}
.testimonials-slide-images-with-icon-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.testimonials-smail-imges-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-3x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-3x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.testimonials-smail-imges-box {
  width: 40px;
  height: 40px;
}
.testimonials-smail-imges-box.two-images, .testimonials-smail-imges-box.three-images {
  opacity: .5;
}
.testimonials-slide-icon-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 40px;
  display: flex;
}
.slide-butn-wrap {
  width: 40px;
  height: 40px;
  padding: var(--_responsive---element-spacing--spacing-5x);
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--accent--accent-12);
  inset: auto 131px 42px auto;
}
.slide-butn-wrap.bak-black {
  background-color: var(--accent--accent-2);
  right: 42px;
}
.slide-nav {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  justify-content: center;
  align-items: center;
  display: flex;
}
.slide-namber-cound-wrap {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}
.testimonials-slide-text-images-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  flex-flow: column;
  display: flex;
}
.key-benefits-section {
  min-height: 1525px;
  margin-top: -60px;
  padding-top: 224px;
  padding-bottom: 224px;
  position: relative;
  overflow: hidden;
}
.key-benefits-background-color {
  z-index: -1;
  background-image: linear-gradient(180deg, var(--accent--accent-13) 74%, var(--accent--accent-13));
  pointer-events: none;
  position: absolute;
  inset: 0%;
}
.key-benefits-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  display: flex;
}
.key-benefits-v1-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  display: flex;
}
.key-benefits-v1-wrap.key-benefits-max-with {
  width: var(--_responsive---full-size);
  max-width: 674px;
}
.key-benefits-slider {
  width: var(--_responsive---full-size);
  background-color: var(--color--transparent);
  pointer-events: none;
  height: auto;
}
.key-benefits-mask {
  width: var(--_responsive---full-size);
  max-width: 560px;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}
.key-benefits-slide {
  margin-right: 12px;
}
.key-benefits-card-slider-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  flex-flow: column;
  display: flex;
}
.key-benefits-card-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  display: flex;
}
.key-benefits-card-images-wrap {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-10x);
  max-width: 400px;
  margin-top: -164px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.key-benefits-card-images-wrap.key-benefits-card-images-one {
  background-color: var(--rgb--rgb-21);
  box-shadow: 0 16px 32px 0 #0f141a29, 0 21px 42px 0 var(--rgb--rgb-12);
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
}
.key-benefits-card-images-wrap.key-benefits-card-images-two {
  box-shadow: 0 20px 40px #0d121a42;
}
.key-benefits-card-images-wrap.key-benefits-card-images-three {
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  background-color: #f5f5f7f2;
  box-shadow: 0 16px 32px #0f141a29;
}
.key-benefits-card-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  display: flex;
}
.key-benefits-card-images-bg-wrap {
  border-radius: var(--_responsive---border-radius--radius-10x);
  overflow: hidden;
}
.namber-text-wrap {
  opacity: .48;
  color: var(--color--white);
  font-size: var(--_typography---text-extra-small--font-size);
  line-height: var(--_typography---text-small--line-height);
  font-weight: var(--_typography---text-medium--font-weight);
}
.dectlies-text {
  opacity: .68;
  color: var(--color--white);
}
.key-benefits-slide-nav {
  width: 112px;
  height: auto;
  padding: var(--_responsive---element-spacing--spacing-4x) var(--_responsive---element-spacing--spacing-12x) var(--_responsive---element-spacing--spacing-1x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--accent--accent-4);
  pointer-events: auto;
  color: var(--color--white);
  font-size: 10px;
  font-weight: var(--_typography---text-medium--font-weight);
  justify-content: center;
  align-items: center;
  display: flex;
  inset: auto 0% -90px;
}
.process-progess {
  width: var(--_responsive---full-size);
  background-color: var(--accent--accent-3);
  height: 2px;
  overflow: hidden;
}
.process-progess-anim {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  background-color: var(--color--white);
}
.pricing-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  border-radius: var(--_responsive---border-radius--radius-14x);
  background-color: var(--accent--accent-9);
  margin-top: -64px;
}
.pricing-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  display: flex;
}
.pricing-card-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  max-width: 1130px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.pricing-card-box {
  padding: var(--_responsive---element-spacing--spacing-8x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border: 1px solid var(--rgb--rgb-25);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}
.pricing-card-text-box {
  padding: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-20x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-20x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.pricing-card-header-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  display: flex;
}
.pricing-card-tagar-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  border: 1px solid var(--rgb--rgb-25);
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--color--white);
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}
.tagar-box {
  width: var(--_responsive---full-size);
  max-width: 243px;
  height: 36px;
  padding-top: var(--_responsive---element-spacing--spacing-4x);
  padding-bottom: var(--_responsive---element-spacing--spacing-4x);
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--accent--accent-12);
  cursor: pointer;
  position: absolute;
  inset: 0% auto auto 0%;
}
.tagar-text {
  padding: var(--_responsive---element-spacing--spacing-4x);
  color: var(--rgb--rgb-26);
  font-weight: var(--_typography---text-medium--font-weight);
}
.tagar-text.center {
  z-index: 5;
  position: relative;
}
.pricing-card-header-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.pricing-card-fast-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.pricing-text-name {
  font-weight: var(--_typography---text-medium--font-weight);
}
.plan-box {
  padding-top: var(--_responsive---element-spacing--spacing-3x);
  padding-right: var(--_responsive---element-spacing--spacing-6x);
  padding-bottom: var(--_responsive---element-spacing--spacing-3x);
  padding-left: var(--_responsive---element-spacing--spacing-6x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  border-top-left-radius: var(--_responsive---border-radius--radius-15x);
  border-top-right-radius: var(--_responsive---border-radius--radius-15x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-15x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--accent--accent-14);
  justify-content: center;
  align-items: center;
  width: fit-content;
  display: flex;
}
.plan-box.bg-color {
  background-color: var(--rgb--rgb-27);
}
.plan-round {
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--accent--accent-16);
  width: 7px;
  height: 7px;
}
.plan-round.bg-color {
  background-color: var(--accent--accent-15);
  color: var(--accent--accent-2);
}
.plan-text {
  color: var(--accent--accent-16);
  font-weight: var(--_typography---text-medium--font-weight);
}
.plan-text.color {
  color: var(--accent--accent-15);
}
.pricing-card-secent-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.pricing-box {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: relative;
}
.pricing-box.max-with-box {
  width: 80px;
}
.plan-pricing-box {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}
.plan-pricing-text-one {
  color: var(--rgb--rgb-2);
  font-size: var(--_typography---text-small--font-size);
  font-weight: var(--_typography---text-medium--font-weight);
}
.plan-pricing-text-two {
  font-size: var(--_typography---text-small--font-size);
  font-weight: var(--_typography---text-medium--font-weight);
}
.plan-pricing-text-two.opac-two {
  opacity: 0;
  position: absolute;
  inset: 0%;
}
.pricing-card-item-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.pricing-card-item-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.item-icon-box {
  width: 20px;
  height: 20px;
  padding: var(--_responsive---element-spacing--spacing-1x);
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--accent--accent-12);
}
.pricing-card-item-name {
  font-weight: var(--_typography---text-medium--font-weight);
}
.pricing-card-item-text-icon-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  flex-flow: column;
  display: flex;
}
.pricing-card-text-btn-box {
  padding-top: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  border-top: 2px dashed var(--rgb--rgb-25);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}
.pricing-card-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.text-buttom-wrap {
  color: var(--rgb--rgb-26);
  font-size: var(--_typography---text-extra-small--font-size);
  line-height: var(--_typography---text-small--line-height);
  font-weight: var(--_typography---text-medium--font-weight);
}
.button-text-name {
  color: var(--rgb--rgb-28);
}
.pricing-card-text-images-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.pricing-card-images-wrap {
  border-radius: var(--_responsive---border-radius--radius-10x);
  box-shadow: inset 0 4px 0 0 var(--rgb--rgb-7), inset 0 -4px 0 0 var(--rgb--rgb-8);
  overflow: hidden;
}
.pricing-card-text-icon-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.pricing-card-text {
  color: var(--rgb--rgb-1);
  font-size: var(--_typography---text-small--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-extra-small--font-weight);
}
.line-pricing {
  background-color: #00000040;
  width: 1px;
  height: 12px;
}
.pricing-card-text-icon-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.pricing-ching-box {
  position: relative;
}
.faq-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  border-top-left-radius: var(--_responsive---border-radius--radius-14x);
  border-top-right-radius: var(--_responsive---border-radius--radius-14x);
}
.faq-section.faq-color {
  padding-bottom: var(--_responsive---element-spacing--spacing-4x);
  background-image: linear-gradient(180deg, var(--color--white), var(--color--body));
}
.faq-section.faq-color.contact-faq {
  padding-bottom: var(--_responsive---section-padding--medium);
}
.faq-section.faq-color.into-faq {
  padding-bottom: var(--_responsive---section-padding--default);
}
.faq-section.faq-color.blog-faq {
  padding-bottom: var(--_responsive---section-padding--medium);
}
.faq-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-16x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-16x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.faq-item-icon-wrap {
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--color--black);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}.faq-item-icon-wrap.style-two, .faq-item-icon-wrap.style-two, .faq-item-icon-wrap.style-two, .faq-item-icon-wrap.style-two {
  background-color: var(--rgb--rgb-7);
}

.faq-text-qussen {
  color: var(--accent--accent-17);
  font-size: var(--_typography---text-large--font-size);
  line-height: var(--_typography---text-large--line-height);
  font-weight: var(--_typography---text-large--font-weight);
}.faq-text-qussen.style-two, .faq-text-qussen.style-two, .faq-text-qussen.style-two, .faq-text-qussen.style-two {
  color: var(--color--white);
}

.faq-text-nubber-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.faq-namber {
  color: var(--rgb--rgb-29);
  font-size: var(--_typography---text-large--font-size);
  line-height: var(--_typography---text-large--line-height);
  font-weight: var(--_typography---text-large--font-weight);
}.faq-namber.style-two-36, .faq-namber.style-two-45, .faq-namber.style-two-54, .faq-namber.style-two-63 {
  display: none;
}

.blog-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---element-spacing--spacing-19x);
}
.blog-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  display: flex;
}
.blog-card-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}
.blog-card-box {
  z-index: 20;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border: 1px solid var(--rgb--rgb-30);
  border-radius: var(--_responsive---border-radius--radius-6x);
  background-color: var(--rgb--rgb-31);
  position: relative;
  overflow: hidden;
}
.blog-card-images-wrap {
  overflow: hidden;
}
.blog-card-text-btn-wrap {
  padding: var(--_responsive---element-spacing--spacing-10x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  background-color: var(--rgb--rgb-32);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.blog-card-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.blog-card-text-category-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.category-name {
  color: var(--accent--accent-13);
}
.blog-button-wrap {
  z-index: 50;
  position: relative;
}
.secondly-button {
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.secondly-icon-wrap {
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.button-hover-icon {
  position: absolute;
  inset: 0% auto auto -100%;
}
.cta-section {
  padding-top: var(--_responsive---section-padding--xxlarge);
  padding-bottom: 290px;
  position: relative;
}
.cta-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
}
.bg-grdden-wrap {
  background-image: linear-gradient(174.74deg, var(--accent--accent-9) 4.12%, #fefeff21 14.66%, #f5f9fc3d 77.24%, #f4f8fc);
  pointer-events: none;
  position: absolute;
  inset: 0%;
}
.cta-left-wrap {
  z-index: 55;
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: space-between;
  max-width: 400px;
  display: flex;
  position: relative;
}
.cta-meddle-wrap {
  width: var(--_responsive---full-size);
  display: none;
}
.cta-right-wrap {
  z-index: 55;
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  justify-content: space-between;
  max-width: 350px;
  display: flex;
  position: relative;
}
.cta-left-icon-wrap {
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
  width: fit-content;
}
.cta-left-text-wrap {
  width: var(--_responsive---full-size);
  max-width: 220px;
  padding-top: var(--_responsive---element-spacing--spacing-8x);
}
.cta-right-text-wrap, .cta-right-text-dect-with-btn-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.cta-right-text-dect-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-3x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-3x);
  flex-flow: column;
  display: flex;
}
.cta-right-text-dect-box {
  padding: var(--_responsive---element-spacing--spacing-5x) var(--_responsive---element-spacing--spacing-6x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  border-radius: var(--_responsive---border-radius--radius-4x);
  background-color: var(--rgb--rgb-35);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.round-box {
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--accent--accent-19);
  width: 6px;
  height: 6px;
}
.cta-line-wrap {
  border-top: 1px dashed var(--rgb--rgb-29);
}
.cta-bg-image-wrap {
  z-index: -1;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  pointer-events: none;
  position: absolute;
  inset: 0%;
}
.cta-box {
  z-index: 40;
  width: var(--_responsive---full-size);
  height: 540px;
  padding-right: var(--_responsive---element-spacing--spacing-10x);
  padding-left: var(--_responsive---element-spacing--spacing-10x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---element-spacing--spacing-15x);
  background-image: url('../images/split-stage.avif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}
.footer-section {
  padding-top: var(--_responsive---section-padding--medium);
  padding-bottom: var(--_responsive---element-spacing--spacing-17x);
  border-top-left-radius: var(--_responsive---border-radius--radius-14x);
  border-top-right-radius: var(--_responsive---border-radius--radius-14x);
  background-image: linear-gradient(226.83deg, var(--accent--accent-22), var(--color--black));
  margin-top: -40px;
  position: relative;
}
.footer-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-30x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-30x);
  flex-flow: column;
  display: flex;
}
.footer-logo-with-email-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}
.footer-logo {
  width: fit-content;
}
.email-text-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  min-width: 330px;
  display: flex;
}
.email-text {
  color: var(--color--white);
}
.email-from {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.submit-button {
  padding: var(--_responsive---element-spacing--spacing-6x) var(--_responsive---element-spacing--spacing-15x);
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--color--white);
  color: var(--color--black);
  line-height: var(--_typography---text-extra-small--line-height);
  transition: all .3s;
}
.submit-button:hover {
  background-color: var(--accent--accent-15);
  color: var(--color--white);
}
.email-text-fleld {
  height: auto;
  padding: var(--_responsive---element-spacing--spacing-6x) var(--_responsive---element-spacing--spacing-12x);
  border: 1px solid var(--rgb--rgb-7);
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--color--transparent);
  color: var(--rgb--rgb-6);
  margin-bottom: 0;
  transition: all .3s;
}
.email-text-fleld:focus {
  border-color: var(--accent--accent-15);
}
.email-from-block {
  margin-bottom: var(--_responsive---none);
}
.footer-text-with-link-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.footer-text-wrap {
  width: var(--_responsive---full-size);
  max-width: 315px;
}
.footer-link-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-32x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-32x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.footer-link-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  display: flex;
}
.footer-link-text-wrap {
  color: #ffffff7a;
  font-weight: var(--_typography---text-medium--font-weight);
}
.footer-link-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-9x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-9x);
  flex-flow: column;
  display: flex;
}
.link {
  color: var(--rgb--rgb-14);
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
}
.link:hover, .link:active, .link[aria-current="page"], .link.is-active {
  color: var(--color--white);
}
.footer-sosal-with-text-wrap {
  padding-top: var(--_responsive---element-spacing--spacing-17x);
  padding-bottom: var(--_responsive---element-spacing--spacing-17x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-top: 1px solid #ffffff40;
  border-bottom: 1px solid #ffffff40;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  display: flex;
}
.footer-sosal-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.footer-text-link-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  max-width: 550px;
  display: grid;
}
.footer-text-from-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  flex-flow: column;
  display: flex;
}
.footer-text-from-link-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  flex-flow: column;
  display: flex;
}
.footer-buttom-text {
  color: #ffffff7a;
  font-weight: var(--_typography---text-medium--font-weight);
}
.footer-buttom-text-wrap {
  margin-top: var(--_responsive---element-spacing--spacing-17x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.time {
  color: var(--accent--accent-14);
}
.button-box-show {
  z-index: 20;
  width: var(--_responsive---full-size);
  aspect-ratio: 1;
  background-image: linear-gradient(180deg, #5556, #5556 40%, var(--accent--accent-2) 72%);
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(1.25)rotate(12deg);
}
.button-box-show:where(.button-light) {
  background-image: linear-gradient(180deg, var(--accent--accent-8), var(--accent--accent-8) 40%, var(--color--white) 70%);
}
.button-box-show:hover {
  box-shadow: inset 0 -9px 8px 0 var(--accent--accent-3);
  transform: translate(-50%, -50%)scale(1.25)rotate(170deg);
}
.button-box-show:hover:where(.button-light) {
  background-image: linear-gradient(180deg, var(--accent--accent-8), var(--accent--accent-8) 40%, var(--color--white) 70%);
}
.about-hero-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
  position: relative;
}
.about-hero-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.about-hero-icon-box {
  pointer-events: none;
  position: absolute;
  inset: 0%;
}
.about-hero-icon-wrap {
  position: relative;
}
.about-hero-icon-wrapper {
  width: fit-content;
  position: relative;
}
.about-hero-text-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.about-hero-text-dect-wrap {
  width: var(--_responsive---full-size);
  max-width: 344px;
}
.financial-benefits-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
}
.financial-benefits-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  display: flex;
}
.financial-benefits-card-wrapper {
  border: 1px solid var(--rgb--rgb-13);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-image: linear-gradient(226.83deg, var(--rgb--rgb-15), var(--rgb--rgb-16) 94.41%);
  position: relative;
  overflow: hidden;
}
.financial-benefits-card-grid-wrap {
  z-index: 10;
  padding: var(--_responsive---element-spacing--spacing-27x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
  position: relative;
}
.financial-benefits-card-text-wrap {
  padding-right: var(--_responsive---element-spacing--spacing-17x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-25x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-25x);
  flex-flow: column;
  display: flex;
}
.financial-benefits-card-faq-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}.paragraph.opacti-nomal.style-two, .paragraph.opacti-nomal.style-two, .paragraph.opacti-nomal.style-two, .paragraph.opacti-nomal.style-two {
  color: var(--color--white);
  -webkit-text-stroke-color: #1d1d1d;
}

.financial-benefits-card-images-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  padding-left: var(--_responsive---element-spacing--spacing-17x);
}
.financial-benefits-card-images-wrap {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-10x);
  max-width: 525px;
  height: 540px;
  overflow: hidden;
}
.how-it-works-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
}
.how-it-works-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  display: flex;
}
.how-it-works-grid-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.how-it-works-card-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  display: flex;
}
.how-it-works-card-line-box {
  padding: var(--_responsive---element-spacing--spacing-4x) var(--_responsive---element-spacing--spacing-15x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---border-radius--radius-6x);
  background-color: var(--color--white);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.how-it-works-card-item-box {
  padding: var(--_responsive---element-spacing--spacing-15x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  border-radius: var(--_responsive---border-radius--radius-6x);
  background-color: var(--color--white);
  flex-flow: column;
  display: flex;
}
.how-it-works-card-text-with-icon-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.how-it-works-card-icon-wrap {
  width: fit-content;
}
.how-it-works-card-list-item-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  display: flex;
}
.how-it-works-card-list-item-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.how-it-works-card-list-item-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.key-features-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
}
.key-features-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.key-features-text-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  max-width: 573px;
  display: flex;
}
.key-features-text-dect-wrap {
  width: var(--_responsive---full-size);
  max-width: 416px;
}
.features-with-benefits-wrapper {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  margin-top: var(--_responsive---element-spacing--spacing-27x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
.features-with-benefits-round-box {
  width: var(--_responsive---full-size);
  height: 650px;
  margin-left: -100px;
  position: relative;
}
.features-round-icon-box {
  height: var(--_responsive---full-size);
  justify-content: center;
  align-items: center;
  width: fit-content;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.features-round-world-images-box {
  width: 550px;
  margin-left: -182px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
.features-round-world-line-box {
  width: var(--_responsive---full-size);
  max-width: 270px;
  position: absolute;
  inset: 170px 0% auto 520px;
}
.features-round-world-line-box.world-line-one {
  display: block;
  left: 566px;
}
.features-round-world-line-box.world-line-two {
  display: block;
  top: 350px;
  left: 597px;
}
.features-round-world-line-box.world-line-three {
  display: block;
  top: 543px;
  left: 463px;
}
.features-with-benefits-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-16x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-16x);
  flex-flow: column;
  justify-content: space-between;
  padding-left: 0;
  display: flex;
}
.benefits-text-box {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  max-width: 330px;
  display: flex;
}
.benefits-text-box.benefits-text-box-one {
  margin-top: 84px;
}
.benefits-text-box.benefits-text-box-two {
  margin-left: 120px;
}
.benefits-conter-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.benefits-conter-text-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.benefits-conter-text-plaz-wrap {
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}
.benefits-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.global-partners-section {
  z-index: 20;
  padding-bottom: var(--_responsive---element-spacing--spacing-17x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-14x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-14x);
  background-color: var(--accent--accent-9);
  position: relative;
  overflow: hidden;
}
.global-partners-tag-btn-wrap {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.global-partners-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-17x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.global-partners-card-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.global-partners-card-box {
  padding: var(--_responsive---element-spacing--spacing-14x) var(--_responsive---element-spacing--spacing-17x);
  border: 1px solid var(--rgb--rgb-3);
  border-radius: var(--_responsive---border-radius--radius-8x);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}
.global-partners-card-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.our-story-section {
  margin-top: -64px;
  padding-top: 276px;
  padding-bottom: 276px;
  position: relative;
}
.our-story-bg-images-wrap {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}
.our-story-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.our-story-text-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  display: flex;
}
.our-story-tag-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}
.our-story-text-dect-wrap {
  width: var(--_responsive---full-size);
  max-width: 452px;
  margin-left: auto;
  margin-right: auto;
}
.team-members-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
  border-top-left-radius: var(--_responsive---border-radius--radius-14x);
  border-top-right-radius: var(--_responsive---border-radius--radius-14x);
  background-image: linear-gradient(180deg, var(--color--white) 5.58%, #fff0);
  margin-top: -64px;
}
.team-members-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  display: flex;
}
.team-members-card-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.team-members-card-box {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  padding-top: var(--_responsive---element-spacing--spacing-5x);
  padding-right: var(--_responsive---element-spacing--spacing-5x);
  padding-left: var(--_responsive---element-spacing--spacing-5x);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
}
.team-members-card-images-wrap {
  border-radius: var(--_responsive---border-radius--radius-9x);
  background-color: var(--color--body);
}
.team-members-card-text-wrapper {
  padding: var(--_responsive---element-spacing--spacing-12x) var(--_responsive---element-spacing--spacing-7x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.team-members-card-text-header {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.team-members-card-social-wrap {
  padding: var(--_responsive---element-spacing--spacing-4x) var(--_responsive---element-spacing--spacing-8x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  border: 1px solid var(--rgb--rgb-3);
  border-radius: var(--_responsive---border-radius--radius-15x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.team-members-social-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
.social-images {
  object-fit: contain;
}
.social-images-two {
  object-fit: contain;
  position: absolute;
  inset: 100% auto auto 0%;
}
.team-members-card-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  flex-flow: column;
  display: flex;
}
.team-members-contact-box {
  padding: var(--_responsive---element-spacing--spacing-17x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-image: linear-gradient(226.83deg, #2f2f2ff5, #000000fa 97.85%);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.team-members-contact-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  display: flex;
}
.team-members-contact-name-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.round-card {
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--color--white);
  width: 16px;
  height: 16px;
}
.our-mission-section {
  padding-bottom: var(--_responsive---element-spacing--spacing-17x);
}
.our-mission-wrap {
  position: sticky;
  top: 50px;
}
.our-mission-dect-wrap {
  width: var(--_responsive---full-size);
  max-width: 396px;
}
.our-mission-wrapper {
  height: 300vh;
  position: relative;
}
.our-mission-card-wrapper {
  margin-top: var(--_responsive---element-spacing--spacing-27x);
}
.our-mission-card-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-22x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-22x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.our-mission-card-box {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-13x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-13x);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 320px;
  display: flex;
}
.our-mission-card-box.our-mission-card-box-one {
  justify-content: flex-end;
  height: 380px;
}
.our-mission-card-box.our-mission-card-box-two {
  justify-content: center;
  height: 380px;
}
.our-mission-card-box.our-mission-card-box-three {
  justify-content: flex-start;
  height: 380px;
}
.our-mission-card-text-header {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.our-mission-card-text-header.finos-fits-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}
.our-mission-card-icon-box {
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}
.our-mission-card-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  display: flex;
}
.our-mission-card-line {
  background-color: var(--rgb--rgb-3);
  width: 1px;
  height: 380px;
}
.our-mission-carkel-image-wrapper {
  height: 294px;
  margin-top: var(--_responsive---element-spacing--spacing-19x);
  padding-top: var(--_responsive---element-spacing--spacing-19x);
  position: relative;
  overflow: hidden;
}
.our-mission-carkel-image-wrap {
  z-index: 22;
  width: var(--_responsive---full-size);
  max-width: 818px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.our-mission-carkel-image-grdden {
  z-index: 44;
  background-image: linear-gradient(180deg, var(--color--transparent), var(--color--body));
  pointer-events: none;
  margin-bottom: -4px;
  position: absolute;
  inset: 0%;
}
.icon-images {
  object-fit: contain;
}
.features-hero-section {
  height: 820px;
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  position: relative;
  overflow: hidden;
}
.features-bg-images-wrap {
  z-index: -1;
  pointer-events: none;
  border-bottom-right-radius: 300px;
  border-bottom-left-radius: 300px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}
.features-hero-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.features-hero-text-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.features-hero-text-dect-wrap {
  width: var(--_responsive---full-size);
  max-width: 498px;
}
.features-hero-phone-wrap {
  width: var(--_responsive---full-size);
  margin-top: var(--_responsive---element-spacing--spacing-13x);
}
.financial-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
}
.financial-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  display: flex;
}
.financial-card-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.financial-card-box {
  padding: var(--_responsive---element-spacing--spacing-19x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  border: 1px solid var(--rgb--rgb-4);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}
.financial-card-left-box {
  z-index: 4;
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-29x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-29x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 530px;
  display: flex;
  position: relative;
}
.financial-card-left-header {
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  display: flex;
}
.financial-card-text-dect-with-item-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  display: flex;
}
.financial-card-item-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  display: flex;
}
.financial-card-right-box {
  width: var(--_responsive---full-size);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 652px;
  display: flex;
}
.financial-card-images-box {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-6x);
  background-color: var(--color--white);
  max-width: 326px;
  height: 252px;
  overflow: hidden;
  box-shadow: 0 22px 45px #14141a2e;
}
.financial-card-images-box.financial-card-images-two-box {
  align-self: flex-end;
  margin-top: -174px;
  transform: translate(0, 80px);
}
.choose-card-two-image-two-wrap {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-9x);
  background-color: var(--color--white);
  max-width: 450px;
  height: 504px;
  box-shadow: 0 16px 31px 0 var(--rgb--rgb-12);
  overflow: hidden;
}
.financial-card-bg-images-wrap {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}
.financial-card-bg-images-wrap.z-index {
  z-index: 1;
}
.financial-card-two-box {
  padding: var(--_responsive---element-spacing--spacing-19x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  border: 1px solid var(--rgb--rgb-4);
  border-radius: var(--_responsive---border-radius--radius-10x);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
.financial-card-three-box {
  width: var(--_responsive---full-size);
  height: 600px;
  padding: var(--_responsive---element-spacing--spacing-19x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  border: 1px solid var(--rgb--rgb-13);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-image: linear-gradient(226.83deg, var(--rgb--rgb-15), var(--rgb--rgb-16) 94.33%);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
.financial-card-right-images-box {
  width: var(--_responsive---full-size);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 250px;
  margin-right: -70px;
  display: flex;
  overflow: hidden;
}
.financial-card-right-two-images-box {
  width: var(--_responsive---full-size);
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}
.finos-fits-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
}
.finos-fits-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  display: flex;
}
.finos-fits-dect-wrap {
  width: var(--_responsive---full-size);
  max-width: 396px;
}
.finos-fits-line-wrap {
  background-color: var(--rgb--rgb-3);
  width: 1px;
  height: 264px;
}
.benefits-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
}
.benefits-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  display: flex;
}
.benefits-card-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center start;
  display: grid;
}
.benefits-card-text-box {
  padding-right: var(--_responsive---element-spacing--spacing-27x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.benefits-card-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.benefits-card-text-dect-wrap {
  margin-top: var(--_responsive---element-spacing--spacing-4x);
}
.benefits-card-images-box {
  position: relative;
}
.benefits-card-images-wrap {
  border-radius: var(--_responsive---border-radius--radius-10x);
  overflow: hidden;
}
.benefits-card-images-wrapper {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-9x);
  max-width: 420px;
  position: absolute;
  inset: auto auto 100px -80px;
  overflow: hidden;
}
.benefits-card-images-two-wrap {
  border-radius: var(--_responsive---border-radius--radius-9x);
  max-width: 400px;
  position: absolute;
  inset: auto -80px 100px auto;
  overflow: hidden;
}
.benefits-card-text-two-box {
  padding-left: var(--_responsive---element-spacing--spacing-27x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.benefits-card-text-two-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.int-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---element-spacing--spacing-20x);
  background-color: #f5f7fa;
}
.int-container {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  display: flex;
}
.int-hero {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}
.int-tag {
  padding: var(--_responsive---element-spacing--spacing-4x) var(--_responsive---element-spacing--spacing-6x);
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 100px;
  font-size: 12px;
}
.int-title {
  letter-spacing: -.04em;
  max-width: 900px;
}
.int-desc {
  opacity: .7;
  color: #1d1d1d;
  max-width: 448px;
  font-size: 16px;
  line-height: 1.3;
}
.int-list-slot {
  width: 100%;
}
.blog-hero-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
}
.blog-hero-header-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-23x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-23x);
  flex-flow: column;
  display: flex;
}
.blog-hero-header-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}
.blog-hero-header-left-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.blog-tag-wrap {
  padding: var(--_responsive---element-spacing--spacing-4x) var(--_responsive---element-spacing--spacing-6x);
  border: 1px solid var(--rgb--rgb-3);
  border-radius: var(--_responsive---border-radius--radius-15x);
  justify-content: center;
  align-items: center;
  display: flex;
}
.blog-tag-text {
  font-weight: var(--_typography---text-medium--font-weight);
  text-transform: uppercase;
}
.blog-hero-header-right-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  max-width: 416px;
  display: flex;
}
.blog-hero-header-card-wrapper {
  z-index: 20;
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}
.blog-hero-header-card-text-wrapper {
  padding: var(--_responsive---element-spacing--spacing-15x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.blog-hero-header-card-images-wrap {
  border-radius: var(--_responsive---border-radius--radius-10x);
  overflow: hidden;
}
.blog-hero-header-text-top-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.blog-hero-header-text-top-wrap.top {
  margin-top: var(--_responsive---element-spacing--spacing-8x);
}
.blog-hero-text-top-left-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-roud-wrap {
  border-radius: var(--_responsive---border-radius--radius-15x);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}
.blog-roud-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  flex-flow: column;
  display: flex;
}
.blog-roud-name-text {
  font-weight: var(--_typography---text-medium--font-weight);
}
.blog-roud-names-text {
  font-size: var(--_typography---text-small--font-size);
  font-weight: var(--_typography---text-medium--font-weight);
}
.text-default-text {
  color: var(--rgb--rgb-2);
  font-size: var(--_typography---text-small--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-medium--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
.text-default-text:where(.tag-button-light) {
  color: var(--color--white);
}
.blog-hero-header-text-meddle-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  max-width: 560px;
  display: flex;
}
.blog-hero-header-text-btn-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-link {
  z-index: 40;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  border-color: #ccc;
  position: absolute;
  inset: 0% auto auto 0%;
}
.blog-collection-list-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.tab-blog-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---element-spacing--spacing-17x);
}
.blog-tabs {
  margin-top: -63px;
}
.blog-tabs-content {
  width: var(--_responsive---full-size);
  height: auto;
  padding-top: var(--_responsive---element-spacing--spacing-20x);
}
.blog-tabs-menu {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}
.tab-link {
  padding: var(--_responsive---element-spacing--spacing-6x) var(--_responsive---element-spacing--spacing-15x);
  border-radius: var(--_responsive---border-radius--radius-15x);
  color: var(--color--black);
  background-color: #ffffffad;
  border: 1px solid #00000024;
}
.tab-link[aria-current="page"], .tab-link.is-active {
  background-color: var(--color--black);
  color: var(--color--white);
}
.tab-blog-collection-list {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.tab-blog-wrap {
  padding-top: var(--_responsive---element-spacing--spacing-6x);
  padding-bottom: var(--_responsive---element-spacing--spacing-14x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  border-bottom: 1px solid var(--rgb--rgb-10);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.empty-box {
  width: auto;
  height: auto;
}
.blog-title {
  font-weight: var(--_typography---text-medium--font-weight);
}
.pagination {
  margin-top: var(--_responsive---element-spacing--spacing-15x);
}
.pagination-btn-wrap {
  width: 40px;
  height: 40px;
  padding: var(--_responsive---element-spacing--spacing-4x);
  border-color: var(--rgb--rgb-4);
  border-radius: var(--_responsive---border-radius--round);
  background-color: var(--color--black);
  justify-content: center;
  align-items: center;
  display: flex;
}
.int-grid {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}
.int-card {
  padding: var(--_responsive---element-spacing--spacing-17x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  border-radius: var(--_responsive---border-radius--radius-9x);
  background-color: var(--color--white);
  color: #0c0c0c;
  border: 1px solid #0000000f;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}
.int-logo {
  width: 56px;
  height: 56px;
}
.int-logo-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.int-card-title {
  font-size: 18px;
  font-weight: 500;
}
.int-card-desc {
  opacity: .65;
  color: var(--rgb--rgb-1);
}
.intd-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---section-padding--default);
  background-color: #f5f7fa;
}
.intd-container {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  display: flex;
}
.intd-head {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  text-align: center;
  flex-direction: column;
  align-self: center;
  align-items: center;
  margin-top: -42px;
  display: flex;
}
.intd-title {
  margin: 0;
}
.intd-logos {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}
.intd-body {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  max-width: 902px;
  margin: 0 auto;
  display: flex;
}
.intd-lead {
  color: var(--color--black);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
  margin-left: 0;
  margin-right: 0;
}
.blog-dectail-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
}
.blog-dectail-header-wrapper {
  padding-bottom: var(--_responsive---element-spacing--spacing-19x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-bottom: 1px solid var(--rgb--rgb-4);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}
.back-btn-wrapper {
  padding-top: var(--_responsive---element-spacing--spacing-5x);
  padding-right: var(--_responsive---element-spacing--spacing-12x);
  padding-bottom: var(--_responsive---element-spacing--spacing-5x);
  padding-left: var(--_responsive---element-spacing--spacing-6x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  border-top-left-radius: var(--_responsive---border-radius--radius-15x);
  border-top-right-radius: var(--_responsive---border-radius--radius-15x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-15x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--color--white);
  color: var(--color--black);
  font-weight: var(--_typography---text-medium--font-weight);
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: flex;
}
.back-btn-wrapper:hover {
  background-color: var(--accent--accent-8);
}
.blog-dectail-header-left-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  max-width: 600px;
  display: flex;
}
.blog-dectail-header-right-wrap {
  width: var(--_responsive---full-size);
  max-width: 433px;
}
.blog-dectail-header-images-wrap {
  margin-top: var(--_responsive---element-spacing--spacing-19x);
  border-radius: var(--_responsive---border-radius--radius-12x);
  overflow: hidden;
}
.blog-dectail-text-box {
  margin-top: var(--_responsive---element-spacing--spacing-27x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.blog-dectail-item-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-23x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-23x);
  flex-flow: column;
  max-width: 216px;
  display: flex;
  position: sticky;
  top: 25px;
}
.blog-dectail-item-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  display: flex;
}
.blog-dectail-item-box {
  border-left: 3px solid var(--color--transparent);
  color: var(--rgb--rgb-2);
  font-size: var(--_typography---text-small--font-size);
  padding-left: 10px;
  transition: all .3s cubic-bezier(.23, 1, .32, 1);
}
.blog-dectail-item-box:hover {
  color: var(--accent--accent-15);
}
.blog-dectail-item-box:active {
  color: var(--color--black);
  font-weight: var(--_typography---text-large--font-weight);
}
.blog-dectail-item-box[aria-current="page"], .blog-dectail-item-box.is-active {
  border-left-color: var(--accent--accent-15);
  color: var(--color--black);
}
.blog-dectail-item-social-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  flex-flow: column;
  display: flex;
}
.blog-dectail-item-social-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-dectail-rich-wrapper {
  max-width: 674px;
  margin-right: auto;
  position: sticky;
  top: 25px;
}
.blog-dectail-rich-one h6:where(:not([class*="heading-scale-"])), .blog-dectail-rich-one :where(.heading-scale-6) {
  margin-bottom: var(--_responsive---element-spacing--spacing-12x);
}
.blog-dectail-rich-one p {
  margin-bottom: var(--_responsive---element-spacing--spacing-15x);
  color: var(--rgb--rgb-1);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
}
.blog-dectail-rich-one strong {
  color: var(--color--black);
  font-weight: 500;
}
.blog-dectail-rich-one figure {
  margin-bottom: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---border-radius--radius-10x);
  overflow: hidden;
}
.blog-dectail-rich-two h6:where(:not([class*="heading-scale-"])), .blog-dectail-rich-two :where(.heading-scale-6) {
  margin-bottom: var(--_responsive---element-spacing--spacing-12x);
}
.blog-dectail-rich-two p {
  margin-top: var(--_responsive---element-spacing--spacing-4x);
  margin-bottom: var(--_responsive---element-spacing--spacing-12x);
  color: var(--rgb--rgb-1);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
}
.blog-dectail-rich-two strong {
  color: var(--color--black);
  font-weight: 500;
}
.blog-dectail-rich-two figure {
  margin-bottom: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---border-radius--radius-10x);
  overflow: hidden;
}
.blog-dectail-rich-three h6:where(:not([class*="heading-scale-"])), .blog-dectail-rich-three :where(.heading-scale-6) {
  margin-bottom: var(--_responsive---element-spacing--spacing-12x);
}
.blog-dectail-rich-three p {
  margin-bottom: var(--_responsive---element-spacing--spacing-12x);
  color: var(--rgb--rgb-1);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
}
.blog-dectail-rich-three strong {
  color: var(--color--black);
  font-weight: 500;
}
.blog-dectail-rich-four h6:where(:not([class*="heading-scale-"])), .blog-dectail-rich-four :where(.heading-scale-6) {
  margin-bottom: var(--_responsive---element-spacing--spacing-12x);
}
.blog-dectail-rich-four p {
  color: var(--rgb--rgb-1);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
}
.blog-post-section {
  padding-bottom: var(--_responsive---section-padding--large);
}
.blog-post-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-27x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-27x);
  flex-flow: column;
  display: flex;
}
.blog-post-herder-wrpper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}
.blog-post-herder-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  display: flex;
}
.blog-post-tag-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.tag-imagws {
  width: 24px;
}
.int-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.x-images {
  object-fit: contain;
}
.intd-rich-text h6:where(:not([class*="heading-scale-"])), .intd-rich-text :where(.heading-scale-6) {
  margin-bottom: var(--_responsive---element-spacing--spacing-12x);
}
.intd-rich-text p {
  margin-top: var(--_responsive---element-spacing--spacing-4x);
  margin-bottom: var(--_responsive---element-spacing--spacing-4x);
  color: var(--rgb--rgb-1);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
}
.intd-rich-text strong {
  margin-top: var(--_responsive---element-spacing--spacing-12x);
  margin-bottom: var(--_responsive---element-spacing--spacing-4x);
  color: var(--color--black);
  font-size: var(--_typography---text-medium--font-size);
  font-weight: 500;
  display: block;
}
.inted-logo-wrap {
  width: 77px;
  height: 80px;
}
.header-intrd-wrap {
  justify-content: center;
  align-items: flex-start;
}
.hero-pricing-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
  position: relative;
}
.hero-pricing-wrapper {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.tag-btn-wrap {
  padding-top: var(--_responsive---element-spacing--spacing-4x);
  padding-right: var(--_responsive---element-spacing--spacing-6x);
  padding-bottom: var(--_responsive---element-spacing--spacing-4x);
  padding-left: var(--_responsive---element-spacing--spacing-6x);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--rgb--rgb-3);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--rgb--rgb-3);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--rgb--rgb-3);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--rgb--rgb-3);
  border-top-left-radius: var(--_responsive---border-radius--radius-15x);
  border-top-right-radius: var(--_responsive---border-radius--radius-15x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-15x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-15x);
  width: fit-content;
}
.tag-btn-text {
  font-weight: var(--_typography---text-medium--font-weight);
  text-transform: uppercase;
}
.hero-pricing-text-dect-wrap {
  width: var(--_responsive---full-size);
  max-width: 488px;
}
.pricing-card-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---element-spacing--spacing-19x);
}
.pricing-card-dectlies-images-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center end;
  display: flex;
}
.pricing-card-dectlies-images-wrap {
  border-radius: var(--_responsive---border-radius--radius-10x);
  max-width: 500px;
  height: 323px;
  overflow: hidden;
}
.pricing-dectlies-item-box {
  padding-top: var(--_responsive---element-spacing--spacing-12x);
  padding-bottom: var(--_responsive---element-spacing--spacing-12x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-bottom: 1px solid var(--rgb--rgb-3);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.pricing-dectlies-item-box.fast-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-bottom-style: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr 1.5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}
.pricing-name-text {
  color: var(--rgb--rgb-2);
  font-weight: var(--_typography---text-medium--font-weight);
}
.contact-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
}
.contact-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-23x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-23x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.contact-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.contact-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
  flex-flow: column;
  display: flex;
}
.contact-texts-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.contact-text-dect-wrap {
  width: var(--_responsive---full-size);
  max-width: 488px;
}
.contact-location-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  flex-flow: column;
  display: flex;
}
.contact-location-item-box {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  justify-content: flex-start;
  align-items: center;
  max-width: 328px;
  display: flex;
}
.contact-location-icon-box {
  width: 48px;
  height: 48px;
  padding: var(--_responsive---element-spacing--spacing-6x);
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-image: linear-gradient(180deg, var(--color--black), var(--accent--accent-20));
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}
.contact-location-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  display: flex;
}
.contact-from-box {
  padding: var(--_responsive---element-spacing--spacing-17x);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
}
.contact-form-block {
  width: var(--_responsive---full-size);
  margin-bottom: var(--_responsive---none);
}
.text-fleld-box {
  height: auto;
  margin-bottom: var(--_responsive---none);
  padding: var(--_responsive---element-spacing--spacing-6x) var(--_responsive---element-spacing--spacing-12x);
  border: 1px solid var(--rgb--rgb-4);
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--color--transparent);
  color: var(--rgb--rgb-2);
  transition: all .3s;
}
.text-fleld-box:focus {
  border-color: var(--accent--accent-15);
}
.contact-text-name {
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-medium--font-weight);
  letter-spacing: var(--_typography---text-default--letter-spacing);
}
.contact-fliex {
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.contact-fliex-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-4x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-4x);
  flex-flow: column;
  display: flex;
}
.text-area-box {
  min-height: 240px;
  margin-bottom: var(--_responsive---none);
  padding-top: var(--_responsive---element-spacing--spacing-6x);
  padding-right: var(--_responsive---element-spacing--spacing-12x);
  padding-bottom: var(--_responsive---element-spacing--spacing-6x);
  padding-left: var(--_responsive---element-spacing--spacing-12x);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--rgb--rgb-4);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--rgb--rgb-4);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--rgb--rgb-4);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--rgb--rgb-4);
  border-top-left-radius: var(--_responsive---border-radius--radius-10x);
  border-top-right-radius: var(--_responsive---border-radius--radius-10x);
  border-bottom-left-radius: var(--_responsive---border-radius--radius-10x);
  border-bottom-right-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--transparent);
  color: var(--rgb--rgb-2);
  resize: vertical;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease;
}
.text-area-box:focus {
  border-color: var(--accent--accent-15);
}
.contact-btn-box {
  width: var(--_responsive---full-size);
  max-width: 120px;
  height: 47px;
  position: relative;
}
.contact-btn-wrap {
  z-index: 20;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.submit-button-wrap {
  z-index: 30;
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  background-color: var(--color--transparent);
  opacity: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}
.contact-from {
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  display: flex;
}
.contact-success-message {
  border-radius: var(--_responsive---border-radius--radius-6x);
  background-color: var(--accent--accent-15);
}
.utility-hero-section {
  padding-top: var(--_responsive---section-padding--xxmediumlarge);
}
.utility-hero-wrapper {
  padding: var(--_responsive---element-spacing--spacing-27x) var(--_responsive---element-spacing--spacing-19x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border: 1px solid var(--rgb--rgb-4);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
  flex-flow: column;
  display: flex;
}
.utility-hero-wrapper.licene-wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
}
.color-block-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
  flex-flow: column;
  display: flex;
}
.style-content-tag-wrap {
  height: var(--_responsive---full-size);
}
.color-block-inner-fast-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.color-block-inner-fast-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.name-text {
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
}
.style-content-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-23x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-23x);
  border-left: 1px solid var(--rgb--rgb-3);
  flex-flow: column;
  padding-left: 126px;
  display: flex;
}
.font-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  display: flex;
}
.font-name {
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
}
.font-dect {
  color: #0e1013b3;
  font-size: var(--_typography---text-large--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
}
.body-four {
  font-size: var(--_typography---text-small--font-size);
  font-weight: var(--_typography---text-large--font-weight);
}
.body-three {
  font-weight: var(--_typography---text-medium--font-weight);
}
.body-two {
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---text-medium--font-weight);
}
.body-one {
  font-size: var(--_typography---text-large--font-size);
  line-height: var(--_typography---text-large--line-height);
  font-weight: var(--_typography---text-large--font-weight);
}
.style-button-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  border-left: 1px solid var(--rgb--rgb-3);
  justify-content: flex-start;
  align-items: center;
  padding-left: 126px;
  display: flex;
}
.utility-page-line {
  width: var(--_responsive---full-size);
  margin-top: var(--_responsive---element-spacing--spacing-17x);
  margin-bottom: var(--_responsive---element-spacing--spacing-17x);
  border: 1px dashed #00000040;
}
.utility-page-dect-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.four-gro-section {
  padding-top: var(--_responsive---section-padding--medium);
  position: relative;
}
.four-gro-bg-images {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}
.password-text-wrap {
  margin-bottom: var(--_responsive---element-spacing--spacing-6x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  flex-flow: column;
  display: flex;
}
.password-submit-btn-wrap {
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-image: linear-gradient(226deg, var(--color--black), var(--accent--accent-6));
}
.password-icon-with-text-wrap {
  margin-bottom: var(--_responsive---element-spacing--spacing-23x);
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.password-icon {
  width: 77px;
}
.licene-text-wrap {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  flex-flow: column;
  display: flex;
}
.licene-text-dect-wrap {
  width: var(--_responsive---full-size);
  max-width: 327px;
}
.license-section {
  padding-top: var(--_responsive---section-padding--medium);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
}
.license-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  flex-flow: column;
  display: flex;
}
.license-item-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 3.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.license-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-left: 1px solid var(--rgb--rgb-4);
  flex-flow: column;
  padding-left: 126px;
  display: flex;
}
.license-text-wrap {
  width: var(--_responsive---full-size);
  max-width: 448px;
}
.license-card-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.license-card-images-wrap {
  border-radius: var(--_responsive---border-radius--radius-10x);
}
.license-card-no-item {
  border: 1px solid var(--rgb--rgb-4);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
}
.license-line-box {
  width: var(--_responsive---full-size);
  border-bottom: 1px solid var(--rgb--rgb-4);
}
.font-images-wrap {
  width: var(--_responsive---full-size);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
  justify-content: center;
  align-items: center;
  height: 300px;
  display: flex;
}
.font-images {
  width: 400px;
}
.font-icon-images {
  width: 120px;
}
.font-icon-images-wrap {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
  border-radius: var(--_responsive---border-radius--radius-10x);
  background-color: var(--color--white);
  justify-content: center;
  align-items: center;
  height: 300px;
  display: flex;
}
.font-link {
  color: var(--color--black);
  text-decoration: underline;
}
.lummi-link {
  color: var(--color--black);
}
.changelog-section {
  padding-top: var(--_responsive---section-padding--medium);
  padding-bottom: var(--_responsive---section-padding--xxmediumlarge);
}
.changelog-wrapper {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 3.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.changelog-tag-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.changelog-text-box {
  grid-column-gap: var(--_responsive---element-spacing--spacing-8x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-8x);
  border-left: 1px solid var(--rgb--rgb-4);
  flex-flow: column;
  padding-left: 126px;
  display: flex;
}
.group-round-images {
  width: 24px;
  height: 24px;
}
.dectlies-sab-three {
  width: var(--_responsive---full-size);
  max-width: 510px;
}
.conter-namber {
  font-family: var(--_typography---font-family--body-font);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
}
.back-to-top-link {
  color: #ffffff7a;
}
.performance-images-wrap {
  margin-top: -250px;
}
.tagar-two-box {
  width: var(--_responsive---full-size);
  max-width: 243px;
  height: 36px;
  padding-top: var(--_responsive---element-spacing--spacing-4x);
  padding-bottom: var(--_responsive---element-spacing--spacing-4x);
  border-radius: var(--_responsive---border-radius--radius-15x);
  background-color: var(--accent--accent-12);
  cursor: pointer;
  position: absolute;
  inset: 0% auto auto 0%;
}
.category-name-line, .category-name-lines {
  color: var(--rgb--rgb-2);
}
.dropdown-menu-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}
.nav-dropdown-menu-inner {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.nav-dropdown-list-title {
  color: #000000b3;
  letter-spacing: 0;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 500;
  line-height: 0;
}
.nav-link {
  color: #000;
  letter-spacing: -.04em;
  border-radius: 8px;
  padding: 0;
  font-size: 16px;
  line-height: 160%;
  text-decoration: none;
  transition: all .2s linear;
}
.nav-link[aria-current="page"], .nav-link.is-active {
  color: #fff;
}
.nav-link.dropdown-head {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.nav-link.dropdown-head.megamenu {
  cursor: pointer;
  width: 100%;
}
.nav-dropdown-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}
.nav-dropdown-menu.megamenu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 140px;
}
.nav-dropdown-menu-arcive-first {
  width: var(--_responsive---full-size);
  height: var(--_responsive---full-size);
  padding: var(--_responsive---element-spacing--spacing-12x) var(--_responsive---element-spacing--spacing-15x);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--color--white);
  border: 1px solid #ffffffb3;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
}
.nav-dropdown-menu-arcive {
  width: var(--_responsive---full-size);
  grid-column-gap: var(--_responsive---element-spacing--spacing-5x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-5x);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1.8fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.nav-dropdown-menu-inner-twos {
  grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
  grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  max-width: 80px;
  display: flex;
}@media screen and (min-width: 1280px) {

  .utility-page-wrap.password-box {
    padding-bottom: var(--_responsive---section-padding--default);
  }
  .phone-box.phone-margin {
    margin-top: -40px;
  }
  .phone-box.cta-phone {
    max-width: 482px;
  }
  .card-hero-wrapper.cta-phone-card {
    max-width: 294px;
  }
  .card-hero-wrapper.features-phone-max-with {
    max-width: 280px;
  }
  .hero-card-wrapper.cta-card {
    min-width: 540px;
  }
  .hero-buttom-box {
    margin-top: -274px;
  }
  .card-slider-text-dect-wrap {
    grid-template-columns: 1.5fr 1fr;
  }
  .round-wrapper {
    bottom: 30px;
  }
  .choose-card-phone-left-prag-with-btn {
    grid-column-gap: var(--_responsive---element-spacing--spacing-32x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-32x);
  }
  .cta-left-wrap {
    max-width: 450px;
  }
  .cta-meddle-wrap {
    margin-left: -30px;
    display: block;
  }
  .cta-right-wrap {
    max-width: 300px;
  }
  .cta-box {
    padding-right: var(--_responsive---element-spacing--spacing-19x);
    padding-left: var(--_responsive---element-spacing--spacing-19x);
  }
  .about-hero-text-wrapper {
    max-width: 800px;
  }
  .features-with-benefits-wrapper {
    grid-template-columns: 1.5fr 1fr;
  }
  .features-with-benefits-round-box {
    height: 878px;
    margin-left: -500px;
  }
  .features-round-icon-box {
    margin-left: 300px;
  }
  .features-round-world-images-box {
    width: 750px;
    margin-left: 100px;
  }
  .features-round-world-line-box.world-line-one {
    display: block;
    top: 264px;
    left: 88%;
  }
  .features-round-world-line-box.world-line-two {
    display: block;
    top: 470px;
    left: 90%;
  }
  .features-round-world-line-box.world-line-three {
    display: block;
    top: 690px;
    left: 83%;
  }
  .team-members-card-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .features-hero-text-wrap {
    max-width: 800px;
  }
  .hero-pricing-wrapper {
    max-width: 1100px;
  }
  .font-images {
    width: 600px;
  }}
@media screen and (min-width: 1440px) {

  .phone-box.phone-margin {
    transform: translate(60px);
  }
  .card-slider-text-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
    grid-template-rows: auto;
    grid-template-columns: 1fr 2.4fr;
    grid-auto-columns: 1fr;
    display: flex;
  }
  .features-with-benefits-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-30x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-30x);
    grid-template-columns: 1fr 1fr;
  }
  .features-with-benefits-round-box {
    max-width: 900px;
    margin-left: -50px;
  }
  .features-round-icon-box {
    margin-left: -70px;
  }
  .features-round-world-images-box {
    margin-left: -80px;
  }
  .features-round-world-line-box.world-line-one {
    top: 250px;
    left: 84%;
  }
  .features-round-world-line-box.world-line-two {
    top: 470px;
    left: 87%;
  }
  .features-round-world-line-box.world-line-three {
    top: 694px;
    left: 76%;
  }
  .our-mission-carkel-image-wrapper {
    margin-top: var(--_responsive---element-spacing--spacing-27x);
  }
  .financial-card-right-box {
    max-width: 590px;
    height: auto;
  }}
@media screen and (max-width: 991px) {

  body {
    --_responsive---none: 0px;
    --_responsive---full-size: 100%;
    --_responsive---section-padding--xxlarge: 120px;
    --_responsive---section-padding--xxmediumlarge: 110px;
    --_responsive---section-padding--default: 60px;
    --_responsive---section-padding--large: 100px;
    --_responsive---element-spacing--spacing-19x: 40px;
    --_responsive---element-spacing--spacing-17x: 36px;
    --_responsive---border-radius--radius-10x: 16px;
    --_responsive---container--full-size-container: 100%;
    --_responsive---container--max-width: 1440px;
    --_responsive---container--padding-x: 24px;
    --_responsive---section-padding--medium: 80px;
    --_responsive---element-spacing--spacing-23x: 52px;
    --_responsive---element-spacing--spacing-15x: 28px;
    --_responsive---element-spacing--spacing-12x: 20px;
    --_responsive---14-px: 14px;
    --_responsive---element-spacing--spacing-8x: 16px;
    --_responsive---element-spacing--spacing-14x: 24px;
    --_responsive---element-spacing--spacing-4x: 8px;
    --_responsive---element-spacing--spacing-5x: 10px;
    --_responsive---element-spacing--spacing-3x: 6px;
    --_responsive---border-radius--radius-15x: 90px;
    --_responsive---element-spacing--spacing-6x: 12px;
    --_responsive---border-radius--round: 100%;
    --_responsive---element-spacing--spacing-16x: 32px;
    --_responsive---element-spacing--spacing-10x: 20px;
    --_responsive---element-spacing--spacing-30x: 60px;
    --_responsive---border-radius--radius-5x: 8px;
    --_responsive---element-spacing--spacing-7x: 14px;
    --_responsive---element-spacing--spacing-1x: 4px;
    --_responsive---border-radius--radius-1x: 500px;
    --_responsive---border-radius--radius-7x: 14px;
    --_responsive---border-radius--radius-4x: 8px;
    --_responsive---home-v3-reel-video-radius: 10px;
    --_responsive---border-radius--radius-6x: 8px;
    --_responsive---element-spacing--spacing-22x: 48px;
    --_responsive---about-v2-hero-video-radius: 32px;
    --_responsive---element-spacing--spacing-28x: 60px;
    --_responsive---border-radius--radius-3x: 6px;
    --_responsive---element-spacing--spacing-32x: 120px;
    --_responsive---element-spacing--spacing-20x: 44px;
    --_responsive---border-radius--radius-14x: 54px;
    --_responsive---border-radius--radius-13x: 24px;
    --_responsive---border-radius--radius-12x: 24px;
    --_responsive---element-spacing--spacing-27x: 60px;
    --_responsive---element-spacing--spacing-25x: 52px;
    --_responsive---element-spacing--spacing-11x: 22px;
    --_responsive---border-radius--radius-9x: 16px;
    --_responsive---border-radius--radius-8x: 12px;
    --_responsive---element-spacing--spacing-21x: 48px;
    --_responsive---element-spacing--spacing-9x: 18px;
    --_responsive---element-spacing--spacing-13x: 24px;
    --_responsive---element-spacing--spacing-29x: 64px;
    --_responsive---element-spacing--spacing-18x: 40px;
    --_responsive---element-spacing--spacing-24x: 52px;
    --_responsive---element-spacing--spacing-26x: 52px;
    --_responsive---element-spacing--spacing-31x: 80px;
    --_responsive---border-radius--radius-2x: 4px;
    --_responsive---border-radius--radius-11x: 24px;
    --_responsive---section-padding--xlarge: 100px;
    --_typography---font-family--body-font: "Inter Tight", sans-serif;
    --_typography---text-default--font-size: 16px;
    --_typography---text-default--line-height: 1.2em;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-family--headding-font: "Inter Tight", sans-serif;
    --_typography---h1--font-size: 60px;
    --_typography---h1--line-height: 1em;
    --_typography---h1--font-weight: var(--_typography---font-weight--medium);
    --_typography---h1--letter-spacing: var(--_typography---letter-spacing--large);
    --_typography---h2--font-size: 50px;
    --_typography---h2--line-height: 1em;
    --_typography---h2--font-weight: var(--_typography---font-weight--medium);
    --_typography---h2--letter-spacing: var(--_typography---letter-spacing--medium);
    --_typography---h3--font-size: 40px;
    --_typography---h3--line-height: 1em;
    --_typography---h3--font-weight: var(--_typography---font-weight--medium);
    --_typography---h3--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h4--font-size: 32px;
    --_typography---h4--line-height: 1em;
    --_typography---h4--font-weight: var(--_typography---font-weight--medium);
    --_typography---h4--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h5--font-size: 28px;
    --_typography---h5--line-height: 1em;
    --_typography---h5--font-weight: var(--_typography---font-weight--medium);
    --_typography---h5--letter-spacing: var(--_typography---letter-spacing--tiny);
    --_typography---h6--font-size: 22px;
    --_typography---h6--line-height: 1em;
    --_typography---h6--font-weight: var(--_typography---font-weight--medium);
    --_typography---h6--letter-spacing: var(--_typography---letter-spacing--tiny);
    --_typography---tag-label-text--line-height: 1em;
    --_typography---font-weight--regular: 400;
    --_typography---tag-label-text--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-weight--medium: 500;
    --_typography---text-medium--font-size: 18px;
    --_typography---text-medium--line-height: 1.2em;
    --_typography---text-medium--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-large--font-size: 18px;
    --_typography---text-large--line-height: 1.2em;
    --_typography---text-large--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-large--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---button-text--font-size: 16px;
    --_typography---button-text--line-height: 1.2em;
    --_typography---button-text--font-weight: var(--_typography---font-weight--medium);
    --_typography---button-text--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1em;
    --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-extra-small--font-size: 12px;
    --_typography---tag-label-text--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-extra-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-extra-small--line-height: 1.3em;
    --_typography---display-01--font-size: 180px;
    --_typography---display-01--line-height: 1em;
    --_typography---display-01--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---display-01--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---display-02--font-size: 150px;
    --_typography---display-02--line-height: 1.2em;
    --_typography---display-02--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---display-02--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-03--font-size: 56px;
    --_typography---display-03--line-height: 1em;
    --_typography---display-03--letter-spacing: var(--_typography---letter-spacing--xxl);
    --_typography---display-03--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-extra-small--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---tag-label-text--font-size: 14px;
    --_typography---font-family--second-family: Manrope, sans-serif;
    --_typography---font-family--third-family: Inter, sans-serif;
    --_typography---font-family--font-3: "Plus Jakarta Sans", sans-serif;
    --_typography---font-family--font-4: "Roboto Mono", sans-serif;
    --_typography---font-family--font-5: Poppins, sans-serif;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
    --_typography---letter-spacing--none: 0em;
    --_typography---letter-spacing--tiny: .01em;
    --_typography---letter-spacing--small: -.01em;
    --_typography---letter-spacing--default: -.02em;
    --_typography---letter-spacing--medium: -.03em;
    --_typography---letter-spacing--large: -.04em;
    --_typography---letter-spacing--xl: -.05em;
    --_typography---letter-spacing--xxl: -.06em;
  }
  .color-block-inner-wrap {
    padding-left: 100px;
  }
  .color-block-inner {
    height: 150px;
  }
  .text-lg-2 {
    font-size: 18px;
  }
  .utility-section {
    padding-top: var(--_responsive---section-padding--default);
    padding-bottom: var(--_responsive---section-padding--default);
  }
  .utility-content-wrap {
    grid-row-gap: 32px;
  }
  .hamburger-trigger {
    z-index: 1;
    width: var(--_responsive---full-size);
    height: var(--_responsive---full-size);
    padding: var(--_responsive---element-spacing--spacing-5x);
    grid-column-gap: var(--_responsive---element-spacing--spacing-1x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-1x);
    background-color: var(--color--transparent);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .hamburger-trigger.is-open {
    background-color: #0000;
  }
  .desktop-hidden {
    margin-top: 40px;
    display: flex;
  }
  .hamburger-trigger-wrap {
    background-color: var(--color--transparent);
    flex: none;
    display: block;
  }
  .style-content-with-tag {
    grid-column-gap: var(--_responsive---element-spacing--spacing-20x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-20x);
  }
  .nav-menu-with-btn {
    padding: var(--_responsive---element-spacing--spacing-12x);
    background-color: var(--color--white);
    border-radius: 8px;
  }
  .nav-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .nav-menu-inner {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #0000;
    flex-flow: column;
    width: 100%;
    max-height: 68vh;
    display: block;
    overflow: auto;
  }
  .nav-btn-inner {
    align-self: auto;
    margin-left: auto;
    margin-right: 0;
    display: none;
  }
  .nav-dropdown {
    width: 100%;
    margin: 0;
  }
  .nav-dropdown.megamenu {
    position: relative;
  }
  .nav-dropdown-icon.megamenu {
    right: 2px;
  }
  .nav-logo-link {
    width: 170px;
  }
  .nav-offcanvas {
    width: var(--_responsive---full-size);
    padding-top: 4px;
    padding-right: var(--_responsive---element-spacing--spacing-15x);
    padding-left: var(--_responsive---element-spacing--spacing-15x);
    background-color: var(--color--transparent);
    margin-left: auto;
    margin-right: auto;
    position: absolute;
  }
  .nav-dropdown-toggle-content {
    width: 100%;
  }
  .nav-dropdown-toggle-content.is-open {
    position: relative;
  }
  .nav-dropdown-toggle-content.megamenu {
    min-width: 100%;
    padding-top: 0;
    display: block;
    position: relative;
    left: auto;
    transform: translate(0%);
    width: 100% !important;
  }
  .nav-menu-wrapper {
    max-width: none;
  }
  .hero-section {
    overflow: hidden;
  }
  .hero-labal-with-image-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-10x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-10x);
  }
  .phone-box.phone-margin {
    max-width: 400px;
    transform: translate(16px);
  }
  .phone-box.features-phone-box {
    max-width: none;
  }
  .card-hero-wrapper {
    max-width: 240px;
  }
  .card-hero-wrapper.secend-phone {
    max-width: 210px;
  }
  .card-hero-wrapper.features-phone-max-with {
    max-width: 400px;
  }
  .hero-card-wrapper {
    min-width: 350px;
  }
  .hero-card-wrapper.secend-card {
    min-width: 300px;
  }
  .hero-card-wrapper.features-visa-card {
    min-width: 630px;
  }
  .hero-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .hero-buttom-box {
    margin-top: -370px;
  }
  .icon-wrap {
    width: 20px;
    height: 20px;
  }
  .sub-wrapper-v1.works-v1-max-with {
    grid-column-gap: var(--_responsive---element-spacing--spacing-16x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-16x);
    grid-template-columns: 1fr;
  }
  .card-slider-slide-nav {
    inset: auto auto 40px 24px;
  }
  .card-slider-images-box {
    max-width: none;
  }
  .card-slider-text-dect-wrap {
    grid-template-columns: 2fr;
  }
  .card-slider-text-wrapper {
    width: var(--_responsive---full-size);
    flex-flow: column;
  }
  .clear-view-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .choose-card-wrapper {
    grid-template-columns: 1fr;
  }
  .choose-card-box {
    justify-content: center;
    align-items: center;
  }
  .choose-card-phone-box {
    height: 500px;
  }
  .product-feature-bg-images-wrap {
    border-radius: var(--_responsive---border-radius--radius-15x);
  }
  .financial-insights-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .testimonials-mask {
    height: 500px;
  }
  .key-benefits-section {
    min-height: 950px;
    padding-bottom: 100px;
  }
  .key-benefits-mask {
    max-width: 400px;
  }
  .key-benefits-card-images-wrap {
    max-width: 300px;
  }
  .key-benefits-slide-nav {
    bottom: 0;
  }
  .pricing-card-box {
    grid-template-columns: 1fr;
  }
  .tagar-box {
    max-width: 190px;
  }
  .faq-section.faq-color.contact-faq {
    padding-top: var(--_responsive---section-padding--default);
  }
  .faq-section.faq-color.into-faq, .faq-section.faq-color.blog-faq {
    padding-top: var(--_responsive---section-padding--default);
    padding-bottom: var(--_responsive---none);
  }
  .faq-wrapper {
    grid-template-columns: 1fr;
  }
  .blog-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .cta-section {
    padding-top: var(--_responsive---section-padding--default);
    padding-bottom: var(--_responsive---section-padding--xxlarge);
  }
  .cta-left-wrap {
    max-width: none;
  }
  .cta-meddle-wrap {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .cta-right-wrap, .cta-left-text-wrap {
    max-width: none;
  }
  .cta-line-wrap {
    width: var(--_responsive---full-size);
  }
  .cta-box {
    height: auto;
    padding: var(--_responsive---element-spacing--spacing-19x) var(--_responsive---element-spacing--spacing-21x);
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .footer-text-with-link-wrap {
    flex-flow: wrap;
  }
  .footer-link-wrap {
    width: var(--_responsive---full-size);
  }
  .about-hero-section {
    padding-bottom: var(--_responsive---section-padding--medium);
  }
  .about-hero-text-wrapper {
    max-width: 550px;
  }
  .financial-benefits-section {
    padding-top: var(--_responsive---section-padding--default);
  }
  .financial-benefits-card-grid-wrap {
    grid-template-columns: 1fr;
    place-items: stretch stretch;
  }
  .financial-benefits-card-images-wrapper {
    padding-left: var(--_responsive---none);
  }
  .financial-benefits-card-images-wrap {
    max-width: none;
    height: auto;
  }
  .how-it-works-section {
    padding-top: var(--_responsive---section-padding--default);
  }
  .how-it-works-grid-box {
    grid-template-columns: 1fr 1fr;
  }
  .key-features-section {
    padding-top: var(--_responsive---section-padding--default);
    padding-bottom: var(--_responsive---section-padding--default);
  }
  .features-with-benefits-wrapper {
    justify-content: flex-start;
    align-items: center;
  }
  .features-with-benefits-round-box {
    height: auto;
    display: none;
  }
  .features-round-icon-box {
    max-width: none;
    height: auto;
  }
  .features-round-world-images-box {
    z-index: 2;
    max-width: 250px;
  }
  .features-round-world-line-box {
    max-width: 150px;
  }
  .features-round-world-line-box.world-line-one {
    display: none;
    left: 370px;
  }
  .features-round-world-line-box.world-line-two {
    left: 400px;
  }
  .features-round-world-line-box.world-line-three {
    top: 500px;
    left: 346px;
  }
  .features-with-benefits-text-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 40px;
  }
  .benefits-text-box.benefits-text-box-two {
    margin-left: 0;
  }
  .our-story-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .team-members-section {
    padding-top: var(--_responsive---section-padding--default);
    padding-bottom: var(--_responsive---section-padding--default);
  }
  .team-members-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .our-mission-section {
    padding-bottom: var(--_responsive---none);
  }
  .our-mission-wrapper {
    height: auto;
  }
  .our-mission-card-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-22x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-22x);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  .our-mission-card-box.our-mission-card-box-one {
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }
  .our-mission-card-box.our-mission-card-box-two, .our-mission-card-box.our-mission-card-box-three {
    height: auto;
  }
  .our-mission-card-line {
    display: none;
  }
  .our-mission-carkel-image-wrapper {
    padding-top: var(--_responsive---element-spacing--spacing-9x);
  }
  .our-mission-carkel-image-wrap {
    max-width: 650px;
  }
  .features-bg-images-wrap {
    border-bottom-right-radius: 200px;
    border-bottom-left-radius: 200px;
  }
  .features-hero-text-wrap {
    max-width: 550px;
  }
  .features-hero-phone-wrap {
    margin-top: var(--_responsive---element-spacing--spacing-10x);
  }
  .financial-section {
    padding-top: var(--_responsive---section-padding--default);
  }
  .financial-card-images-box {
    height: auto;
  }
  .financial-card-images-box.financial-card-images-two-box {
    margin-top: 0;
  }
  .choose-card-two-image-two-wrap {
    height: auto;
  }
  .financial-card-three-box {
    flex-flow: wrap;
    height: auto;
  }
  .financial-card-right-images-box {
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 0;
    margin-right: 0;
  }
  .finos-fits-section {
    padding-top: var(--_responsive---section-padding--default);
  }
  .finos-fits-line-wrap {
    display: none;
  }
  .benefits-section {
    padding-top: var(--_responsive---section-padding--default);
    padding-bottom: var(--_responsive---section-padding--default);
  }
  .benefits-card-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-12x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-12x);
    flex-flow: column;
    display: flex;
  }
  .benefits-card-box {
    grid-template-columns: 1fr 1fr;
  }
  .benefits-card-text-box {
    padding-right: var(--_responsive---none);
  }
  .benefits-card-images-wrapper {
    max-width: 250px;
    left: -30px;
  }
  .benefits-card-images-two-wrap {
    max-width: 250px;
    right: -36px;
  }
  .benefits-card-text-two-box {
    padding-left: var(--_responsive---none);
  }
  .int-section {
    padding-bottom: var(--_responsive---none);
  }
  .blog-hero-header-wrapper {
    grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
  }
  .blog-hero-header-wrap {
    flex-flow: wrap;
  }
  .blog-hero-header-card-wrapper {
    grid-template-columns: 1fr;
  }
  .blog-collection-list-wrap {
    grid-template-columns: 1fr 1fr;
  }
  .tab-blog-section {
    padding-top: var(--_responsive---section-padding--default);
  }
  .blog-tabs {
    margin-top: var(--_responsive---element-spacing--spacing-8x);
  }
  .blog-tabs-menu {
    grid-column-gap: var(--_responsive---element-spacing--spacing-6x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-6x);
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    display: grid;
  }
  .tab-link {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .tab-blog-collection-list {
    grid-template-columns: 1fr 1fr;
  }
  .tab-blog-wrap {
    grid-template-columns: 1fr;
  }
  .int-grid {
    grid-template-columns: 1fr 1fr;
  }
  .blog-dectail-section {
    padding-bottom: var(--_responsive---section-padding--default);
  }
  .blog-dectail-header-wrapper {
    flex-flow: wrap;
  }
  .blog-post-section {
    padding-bottom: var(--_responsive---section-padding--default);
  }
  .tag-imagws {
    width: 20px;
  }
  .hero-pricing-section {
    padding-bottom: var(--_responsive---section-padding--default);
  }
  .pricing-card-section {
    padding-top: var(--_responsive---section-padding--default);
  }
  .pricing-card-dectlies-images-wrap {
    width: var(--_responsive---full-size);
    max-width: none;
    height: auto;
  }
  .contact-section {
    padding-bottom: var(--_responsive---section-padding--default);
  }
  .utility-hero-wrapper.licene-wrapper {
    flex-flow: wrap;
  }
  .color-block-inner-fast-box {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .style-content-wrapper {
    padding-left: 100px;
  }
  .four-gro-section {
    padding-top: var(--_responsive---section-padding--default);
  }
  .license-text-box, .changelog-text-box {
    padding-left: 70px;
  }
  .performance-images-wrap {
    margin-top: 0;
  }
  .tagar-two-box {
    max-width: 190px;
  }
  .hamburger-line {
    width: var(--_responsive---full-size);
    background-color: var(--color--black);
    height: 2px;
  }
  .menu-button {
    border-radius: var(--_responsive---border-radius--radius-15x);
    background-color: var(--color--white);
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
  }
  .nav-dropdown-list-title {
    text-align: left;
    font-size: 16px;
  }
  .nav-link {
    margin-left: 0;
    margin-right: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    display: none;
  }
  .nav-link.dropdown-head {
    justify-content: space-between;
    align-items: center;
  }
  .nav-link.dropdown-head.megamenu, .nav-dropdown-menu.megamenu {
    display: none;
  }
  .nav-dropdown-menu-arcive-first {
    flex-flow: column;
    width: 100%;
    padding: 20px;
    display: none;
  }
  .nav-dropdown-menu-arcive {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }}
@media screen and (max-width: 767px) {

  body {
    --_responsive---none: 0px;
    --_responsive---full-size: 100%;
    --_responsive---section-padding--xxlarge: 100px;
    --_responsive---section-padding--xxmediumlarge: 90px;
    --_responsive---section-padding--default: 60px;
    --_responsive---section-padding--large: 80px;
    --_responsive---element-spacing--spacing-19x: 36px;
    --_responsive---element-spacing--spacing-17x: 24px;
    --_responsive---border-radius--radius-10x: 12px;
    --_responsive---container--full-size-container: 100%;
    --_responsive---container--max-width: 1440px;
    --_responsive---container--padding-x: 16px;
    --_responsive---section-padding--medium: 60px;
    --_responsive---element-spacing--spacing-23x: 40px;
    --_responsive---element-spacing--spacing-15x: 24px;
    --_responsive---element-spacing--spacing-12x: 16px;
    --_responsive---14-px: 14px;
    --_responsive---element-spacing--spacing-8x: 12px;
    --_responsive---element-spacing--spacing-14x: 20px;
    --_responsive---element-spacing--spacing-4x: 8px;
    --_responsive---element-spacing--spacing-5x: 10px;
    --_responsive---element-spacing--spacing-3x: 6px;
    --_responsive---border-radius--radius-15x: 80px;
    --_responsive---element-spacing--spacing-6x: 12px;
    --_responsive---border-radius--round: 100%;
    --_responsive---element-spacing--spacing-16x: 24px;
    --_responsive---element-spacing--spacing-10x: 16px;
    --_responsive---element-spacing--spacing-30x: 60px;
    --_responsive---border-radius--radius-5x: 6px;
    --_responsive---element-spacing--spacing-7x: 14px;
    --_responsive---element-spacing--spacing-1x: 4px;
    --_responsive---border-radius--radius-1x: 500px;
    --_responsive---border-radius--radius-7x: 14px;
    --_responsive---border-radius--radius-4x: 4px;
    --_responsive---home-v3-reel-video-radius: 10px;
    --_responsive---border-radius--radius-6x: 6px;
    --_responsive---element-spacing--spacing-22x: 40px;
    --_responsive---about-v2-hero-video-radius: 32px;
    --_responsive---element-spacing--spacing-28x: 48px;
    --_responsive---border-radius--radius-3x: 4px;
    --_responsive---element-spacing--spacing-32x: 100px;
    --_responsive---element-spacing--spacing-20x: 40px;
    --_responsive---border-radius--radius-14x: 40px;
    --_responsive---border-radius--radius-13x: 20px;
    --_responsive---border-radius--radius-12x: 20px;
    --_responsive---element-spacing--spacing-27x: 48px;
    --_responsive---element-spacing--spacing-25x: 44px;
    --_responsive---element-spacing--spacing-11x: 16px;
    --_responsive---border-radius--radius-9x: 12px;
    --_responsive---border-radius--radius-8x: 8px;
    --_responsive---element-spacing--spacing-21x: 40px;
    --_responsive---element-spacing--spacing-9x: 18px;
    --_responsive---element-spacing--spacing-13x: 20px;
    --_responsive---element-spacing--spacing-29x: 50px;
    --_responsive---element-spacing--spacing-18x: 36px;
    --_responsive---element-spacing--spacing-24x: 44px;
    --_responsive---element-spacing--spacing-26x: 48px;
    --_responsive---element-spacing--spacing-31x: 60px;
    --_responsive---border-radius--radius-2x: 4px;
    --_responsive---border-radius--radius-11x: 20px;
    --_responsive---section-padding--xlarge: 80px;
    --_typography---font-family--body-font: "Inter Tight", sans-serif;
    --_typography---text-default--font-size: 15px;
    --_typography---text-default--line-height: 1.2em;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-family--headding-font: "Inter Tight", sans-serif;
    --_typography---h1--font-size: 42px;
    --_typography---h1--line-height: 1em;
    --_typography---h1--font-weight: var(--_typography---font-weight--medium);
    --_typography---h1--letter-spacing: var(--_typography---letter-spacing--large);
    --_typography---h2--font-size: 36px;
    --_typography---h2--line-height: 1em;
    --_typography---h2--font-weight: var(--_typography---font-weight--medium);
    --_typography---h2--letter-spacing: var(--_typography---letter-spacing--medium);
    --_typography---h3--font-size: 32px;
    --_typography---h3--line-height: 1em;
    --_typography---h3--font-weight: var(--_typography---font-weight--medium);
    --_typography---h3--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h4--font-size: 28px;
    --_typography---h4--line-height: 1em;
    --_typography---h4--font-weight: var(--_typography---font-weight--medium);
    --_typography---h4--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h5--font-size: 26px;
    --_typography---h5--line-height: 1em;
    --_typography---h5--font-weight: var(--_typography---font-weight--medium);
    --_typography---h5--letter-spacing: var(--_typography---letter-spacing--tiny);
    --_typography---h6--font-size: 20px;
    --_typography---h6--line-height: 1em;
    --_typography---h6--font-weight: var(--_typography---font-weight--medium);
    --_typography---h6--letter-spacing: var(--_typography---letter-spacing--tiny);
    --_typography---tag-label-text--line-height: 1em;
    --_typography---font-weight--regular: 400;
    --_typography---tag-label-text--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-weight--medium: 500;
    --_typography---text-medium--font-size: 16px;
    --_typography---text-medium--line-height: 1.2em;
    --_typography---text-medium--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-large--font-size: 17px;
    --_typography---text-large--line-height: 1.2em;
    --_typography---text-large--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-large--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---button-text--font-size: 16px;
    --_typography---button-text--line-height: 1.2em;
    --_typography---button-text--font-weight: var(--_typography---font-weight--medium);
    --_typography---button-text--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1em;
    --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-extra-small--font-size: 12px;
    --_typography---tag-label-text--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-extra-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-extra-small--line-height: 1.3em;
    --_typography---display-01--font-size: 100px;
    --_typography---display-01--line-height: 1em;
    --_typography---display-01--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---display-01--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---display-02--font-size: 80px;
    --_typography---display-02--line-height: 1.2em;
    --_typography---display-02--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---display-02--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-03--font-size: 40px;
    --_typography---display-03--line-height: 1em;
    --_typography---display-03--letter-spacing: var(--_typography---letter-spacing--xxl);
    --_typography---display-03--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-extra-small--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---tag-label-text--font-size: 14px;
    --_typography---font-family--second-family: Manrope, sans-serif;
    --_typography---font-family--third-family: Inter, sans-serif;
    --_typography---font-family--font-3: "Plus Jakarta Sans", sans-serif;
    --_typography---font-family--font-4: "Roboto Mono", sans-serif;
    --_typography---font-family--font-5: Poppins, sans-serif;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
    --_typography---letter-spacing--none: 0em;
    --_typography---letter-spacing--tiny: .01em;
    --_typography---letter-spacing--small: -.01em;
    --_typography---letter-spacing--default: -.02em;
    --_typography---letter-spacing--medium: -.03em;
    --_typography---letter-spacing--large: -.04em;
    --_typography---letter-spacing--xl: -.05em;
    --_typography---letter-spacing--xxl: -.06em;
  }
  .utility-page-wrap.password-box {
    padding-top: var(--_responsive---section-padding--large);
  }
  .utility-page-content {
    width: 400px;
  }
  .container {
    padding-left: 18px;
    padding-right: 18px;
  }
  .color-block-inner-wrap {
    border-left-style: none;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
  }
  .color-block {
    grid-column-gap: var(--_responsive---14-px);
    grid-row-gap: var(--_responsive---14-px);
  }
  .color-block-inner {
    height: 130px;
  }
  .text-lg-2 {
    font-size: 16px;
  }
  .text-larges {
    font-size: 18px;
  }
  .utility-content-wrap {
    grid-row-gap: 24px;
  }
  .hamburger-trigger {
    width: 34px;
    height: 34px;
  }
  .style-content-with-tag {
    grid-template-columns: 1fr;
  }
  .nav-logo-link {
    width: 160px;
  }
  .hero-left-wrapper {
    grid-template-columns: 1fr;
  }
  .phone-box.phone-margin {
    display: none;
  }
  .card-hero-wrapper.secend-phone {
    max-width: 213px;
  }
  .card-hero-wrapper.features-phone-max-with {
    max-width: 200px;
  }
  .hero-card-wrapper.secend-card {
    min-width: 350px;
  }
  .hero-card-wrapper.features-visa-card {
    min-width: 300px;
  }
  .hero-wrap {
    justify-content: center;
    align-items: flex-start;
  }
  .hero-buttom-box {
    margin-top: var(--_responsive---element-spacing--spacing-14x);
    grid-template-columns: 1fr;
  }
  .card-slider-section {
    padding-top: var(--_responsive---section-padding--default);
    padding-bottom: var(--_responsive---section-padding--default);
  }
  .sub-wrapper-v1.sub-wrapper-v1-max-with, .sub-wrapper-v1.buttom {
    flex-flow: wrap;
  }
  .sub-wrapper-v1.works-v1-max-with {
    grid-template-columns: 1fr;
  }
  .card-slider-slide-nav {
    bottom: 10px;
  }
  .sub-wrapper-v2.v2-max-with {
    max-width: 400px;
  }
  .clear-view-card-wrapper {
    grid-template-columns: 1fr;
  }
  .round-wrapper {
    bottom: 33px;
  }
  .works-section {
    padding-top: var(--_responsive---section-padding--default);
    padding-bottom: var(--_responsive---section-padding--default);
  }
  .works-wrapper {
    flex-flow: wrap;
  }
  .sub-wrapper-v3.v3-max-with, .works-card-wrapper {
    position: static;
  }
  .choose-section {
    padding-bottom: var(--_responsive---section-padding--default);
  }
  .choose-card-one-box {
    max-height: none;
  }
  .choose-card-box {
    justify-content: flex-end;
    align-items: flex-start;
  }
  .choose-box-show-card {
    min-width: 300px;
    height: 200px;
  }
  .choose-box-show-card.secend-card {
    min-width: 250px;
    height: 150px;
    transform: translate(0);
  }
  .choose-card-two-box {
    max-height: none;
  }
  .choose-card-phone-box {
    height: 700px;
  }
  .choose-card-phone-wrapper {
    grid-template-columns: 1fr;
  }
  .choose-card-phone-right-wrap {
    margin-top: 0;
    margin-right: 0;
  }
  .product-feature-phone-with-slide-wrap {
    grid-template-columns: 1fr;
  }
  .primary-left-butn-wrap {
    top: -10px;
  }
  .primary-right-butn-wrap {
    bottom: -10px;
  }
  .product-feature-slider-wrapper {
    justify-content: center;
    align-items: flex-start;
  }
  .financial-insights-section {
    padding-top: var(--_responsive---section-padding--default);
    padding-bottom: var(--_responsive---section-padding--default);
  }
  .financial-insights-card-wrapper {
    grid-template-columns: 1fr;
  }
  .testimonials-mask {
    height: 900px;
  }
  .testimonials-slide, .testimonials-slide.testimonials-slide-three {
    flex-flow: column;
  }
  .testimonials-slide-images-wrap {
    height: var(--_responsive---full-size);
    max-width: none;
  }
  .slide-butn-wrap {
    bottom: 24px;
    right: 110px;
  }
  .slide-butn-wrap.bak-black {
    right: 26px;
  }
  .key-benefits-section {
    min-height: 800px;
    padding-top: 120px;
  }
  .key-benefits-mask {
    max-width: 300px;
    height: 500px;
  }
  .key-benefits-card-images-wrap {
    max-width: 200px;
    margin-top: -80px;
  }
  .pricing-card-box {
    grid-template-columns: 1fr;
  }
  .faq-section {
    padding-top: var(--_responsive---section-padding--medium);
  }
  .blog-section {
    padding-top: var(--_responsive---section-padding--default);
  }
  .blog-card-wrapper {
    grid-template-columns: 1fr;
  }
  .blog-card-text-category-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .cta-section {
    padding-top: var(--_responsive---element-spacing--spacing-21x);
  }
  .footer-logo-with-email-wrap, .footer-sosal-with-text-wrap {
    flex-flow: wrap;
  }
  .footer-text-link-wrap {
    max-width: none;
  }
  .how-it-works-grid-box {
    grid-template-columns: 1fr;
  }
  .features-with-benefits-wrapper {
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
  }
  .features-with-benefits-round-box {
    display: none;
  }
  .features-round-icon-box {
    position: static;
    transform: translate(0);
  }
  .features-round-world-images-box {
    max-width: 340px;
  }
  .features-round-world-line-box {
    display: none;
  }
  .features-with-benefits-text-wrapper {
    padding-right: var(--_responsive---element-spacing--spacing-17x);
    padding-bottom: var(--_responsive---element-spacing--spacing-17x);
    padding-left: var(--_responsive---element-spacing--spacing-27x);
    justify-content: flex-start;
    align-items: flex-start;
  }
  .team-members-card-wrapper {
    grid-template-rows: auto;
  }
  .our-mission-section {
    padding-bottom: var(--_responsive---element-spacing--spacing-1x);
  }
  .our-mission-wrapper {
    height: auto;
  }
  .our-mission-card-wrap {
    flex-flow: wrap;
    grid-template-columns: 1fr;
  }
  .our-mission-card-box.our-mission-card-box-one {
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }
  .our-mission-card-box.our-mission-card-box-two {
    height: auto;
  }
  .our-mission-card-box.our-mission-card-box-three {
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }
  .our-mission-card-line {
    display: none;
  }
  .our-mission-carkel-image-wrapper {
    height: 190px;
  }
  .our-mission-carkel-image-wrap {
    max-width: 400px;
  }
  .features-bg-images-wrap {
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
  }
  .features-hero-text-wrap {
    max-width: 400px;
  }
  .financial-card-box {
    flex-flow: wrap;
  }
  .financial-card-images-box.financial-card-images-two-box {
    margin-top: -100px;
  }
  .financial-card-two-box {
    flex-flow: wrap;
  }
  .financial-card-right-images-box {
    display: none;
  }
  .financial-card-right-two-images-box {
    justify-content: center;
    align-items: center;
  }
  .benefits-card-box {
    grid-template-columns: 1fr;
  }
  .benefits-card-images-wrapper {
    max-width: 250px;
    left: 0;
  }
  .benefits-card-images-two-wrap {
    max-width: 250px;
    right: 0;
  }
  .int-title {
    font-size: 48px;
  }
  .blog-collection-list-wrap, .blog-tabs-menu, .tab-blog-collection-list, .int-grid {
    grid-template-columns: 1fr 1fr;
  }
  .intd-title {
    font-size: 48px;
  }
  .intd-lead {
    font-size: 22px;
  }
  .blog-dectail-text-box {
    flex-flow: wrap;
  }
  .blog-dectail-item-wrapper, .blog-dectail-rich-wrapper {
    position: static;
  }
  .blog-post-herder-wrpper {
    flex-flow: wrap;
  }
  .inted-logo-wrap {
    width: 50px;
    height: 60px;
  }
  .pricing-card-dectlies-images-wrap {
    width: var(--_responsive---full-size);
    max-width: none;
    height: auto;
  }
  .pricing-dectlies-item-box {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .pricing-dectlies-item-box.fast-box, .contact-wrapper {
    grid-template-columns: 1fr;
  }
  .color-block-inner-fast-box {
    grid-template-columns: 1fr 1fr;
  }
  .style-content-wrapper, .style-button-wrapper {
    border-left-style: none;
    padding-left: 0;
  }
  .four-gro-section {
    padding-top: var(--_responsive---element-spacing--spacing-14x);
  }
  .license-item-box {
    grid-template-columns: 1fr;
  }
  .license-text-box {
    border-left-style: none;
    padding-left: 0;
  }
  .font-images-wrap, .font-icon-images-wrap {
    height: 200px;
  }
  .changelog-wrapper {
    grid-template-columns: 1fr;
  }
  .changelog-text-box {
    border-left-style: none;
    padding-left: 0;
  }
  .category-name-line, .category-name-lines {
    display: none;
  }}
@media screen and (max-width: 479px) {

  body {
    --_responsive---none: 0px;
    --_responsive---full-size: 100%;
    --_responsive---section-padding--xxlarge: 80px;
    --_responsive---section-padding--xxmediumlarge: 70px;
    --_responsive---section-padding--default: 50px;
    --_responsive---section-padding--large: 50px;
    --_responsive---element-spacing--spacing-19x: 32px;
    --_responsive---element-spacing--spacing-17x: 24px;
    --_responsive---border-radius--radius-10x: 12px;
    --_responsive---container--full-size-container: 100%;
    --_responsive---container--max-width: 1440px;
    --_responsive---container--padding-x: 12px;
    --_responsive---section-padding--medium: 50px;
    --_responsive---element-spacing--spacing-23x: 36px;
    --_responsive---element-spacing--spacing-15x: 24px;
    --_responsive---element-spacing--spacing-12x: 16px;
    --_responsive---14-px: 14px;
    --_responsive---element-spacing--spacing-8x: 12px;
    --_responsive---element-spacing--spacing-14x: 20px;
    --_responsive---element-spacing--spacing-4x: 8px;
    --_responsive---element-spacing--spacing-5x: 10px;
    --_responsive---element-spacing--spacing-3x: 6px;
    --_responsive---border-radius--radius-15x: 70px;
    --_responsive---element-spacing--spacing-6x: 12px;
    --_responsive---border-radius--round: 100%;
    --_responsive---element-spacing--spacing-16x: 24px;
    --_responsive---element-spacing--spacing-10x: 16px;
    --_responsive---element-spacing--spacing-30x: 50px;
    --_responsive---border-radius--radius-5x: 6px;
    --_responsive---element-spacing--spacing-7x: 14px;
    --_responsive---element-spacing--spacing-1x: 4px;
    --_responsive---border-radius--radius-1x: 500px;
    --_responsive---border-radius--radius-7x: 14px;
    --_responsive---border-radius--radius-4x: 4px;
    --_responsive---home-v3-reel-video-radius: 10px;
    --_responsive---border-radius--radius-6x: 6px;
    --_responsive---element-spacing--spacing-22x: 36px;
    --_responsive---about-v2-hero-video-radius: 32px;
    --_responsive---element-spacing--spacing-28x: 40px;
    --_responsive---border-radius--radius-3x: 4px;
    --_responsive---element-spacing--spacing-32x: 80px;
    --_responsive---element-spacing--spacing-20x: 36px;
    --_responsive---border-radius--radius-14x: 30px;
    --_responsive---border-radius--radius-13x: 20px;
    --_responsive---border-radius--radius-12x: 20px;
    --_responsive---element-spacing--spacing-27x: 40px;
    --_responsive---element-spacing--spacing-25x: 40px;
    --_responsive---element-spacing--spacing-11x: 16px;
    --_responsive---border-radius--radius-9x: 12px;
    --_responsive---border-radius--radius-8x: 8px;
    --_responsive---element-spacing--spacing-21x: 36px;
    --_responsive---element-spacing--spacing-9x: 18px;
    --_responsive---element-spacing--spacing-13x: 20px;
    --_responsive---element-spacing--spacing-29x: 44px;
    --_responsive---element-spacing--spacing-18x: 32px;
    --_responsive---element-spacing--spacing-24x: 40px;
    --_responsive---element-spacing--spacing-26x: 40px;
    --_responsive---element-spacing--spacing-31x: 60px;
    --_responsive---border-radius--radius-2x: 4px;
    --_responsive---border-radius--radius-11x: 20px;
    --_responsive---section-padding--xlarge: 60px;
    --_typography---font-family--body-font: "Inter Tight", sans-serif;
    --_typography---text-default--font-size: 14px;
    --_typography---text-default--line-height: 1.2em;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-default--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-family--headding-font: "Inter Tight", sans-serif;
    --_typography---h1--font-size: 36px;
    --_typography---h1--line-height: 1em;
    --_typography---h1--font-weight: var(--_typography---font-weight--medium);
    --_typography---h1--letter-spacing: var(--_typography---letter-spacing--large);
    --_typography---h2--font-size: 32px;
    --_typography---h2--line-height: 1em;
    --_typography---h2--font-weight: var(--_typography---font-weight--medium);
    --_typography---h2--letter-spacing: var(--_typography---letter-spacing--medium);
    --_typography---h3--font-size: 28px;
    --_typography---h3--line-height: 1em;
    --_typography---h3--font-weight: var(--_typography---font-weight--medium);
    --_typography---h3--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h4--font-size: 26px;
    --_typography---h4--line-height: 1em;
    --_typography---h4--font-weight: var(--_typography---font-weight--medium);
    --_typography---h4--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h5--font-size: 24px;
    --_typography---h5--line-height: 1em;
    --_typography---h5--font-weight: var(--_typography---font-weight--medium);
    --_typography---h5--letter-spacing: var(--_typography---letter-spacing--tiny);
    --_typography---h6--font-size: 18px;
    --_typography---h6--line-height: 1em;
    --_typography---h6--font-weight: var(--_typography---font-weight--medium);
    --_typography---h6--letter-spacing: var(--_typography---letter-spacing--tiny);
    --_typography---tag-label-text--line-height: 1em;
    --_typography---font-weight--regular: 400;
    --_typography---tag-label-text--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---font-weight--medium: 500;
    --_typography---text-medium--font-size: 14px;
    --_typography---text-medium--line-height: 1.2em;
    --_typography---text-medium--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-medium--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-large--font-size: 16px;
    --_typography---text-large--line-height: 1.2em;
    --_typography---text-large--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-large--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---button-text--font-size: 16px;
    --_typography---button-text--line-height: 1.2em;
    --_typography---button-text--font-weight: var(--_typography---font-weight--medium);
    --_typography---button-text--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1em;
    --_typography---text-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-small--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---text-extra-small--font-size: 12px;
    --_typography---tag-label-text--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-extra-small--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-extra-small--line-height: 1.3em;
    --_typography---display-01--font-size: 80px;
    --_typography---display-01--line-height: 1em;
    --_typography---display-01--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---display-01--font-weight: var(--_typography---font-weight--semi-bold);
    --_typography---display-02--font-size: 60px;
    --_typography---display-02--line-height: 1.2em;
    --_typography---display-02--letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---display-02--font-weight: var(--_typography---font-weight--regular);
    --_typography---display-03--font-size: 34px;
    --_typography---display-03--line-height: 1em;
    --_typography---display-03--letter-spacing: var(--_typography---letter-spacing--xxl);
    --_typography---display-03--font-weight: var(--_typography---font-weight--regular);
    --_typography---text-extra-small--letter-spacing: var(--_typography---letter-spacing--none);
    --_typography---tag-label-text--font-size: 14px;
    --_typography---font-family--second-family: Manrope, sans-serif;
    --_typography---font-family--third-family: Inter, sans-serif;
    --_typography---font-family--font-3: "Plus Jakarta Sans", sans-serif;
    --_typography---font-family--font-4: "Roboto Mono", sans-serif;
    --_typography---font-family--font-5: Poppins, sans-serif;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
    --_typography---letter-spacing--none: 0em;
    --_typography---letter-spacing--tiny: .01em;
    --_typography---letter-spacing--small: -.01em;
    --_typography---letter-spacing--default: -.02em;
    --_typography---letter-spacing--medium: -.03em;
    --_typography---letter-spacing--large: -.04em;
    --_typography---letter-spacing--xl: -.05em;
    --_typography---letter-spacing--xxl: -.06em;
  }
  .utility-page-content {
    width: 300px;
  }
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  .style-guide-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-17x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-17x);
  }
  .color-block-inner-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-15x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-15x);
    grid-template-columns: 1fr;
  }
  .color-block-inner {
    height: 120px;
  }
  .style-content {
    grid-column-gap: var(--_responsive---element-spacing--spacing-14x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-14x);
  }
  .section-five {
    padding-top: 0;
  }
  .hamburger-trigger {
    width: 32px;
    height: 32px;
  }
  .nav-logo-link {
    width: 150px;
  }
  .phone-box.phone-margin {
    transform: translate(0);
  }
  .phone-box.cta-phone {
    max-width: 282px;
    overflow: hidden;
  }
  .card-hero-wrapper {
    max-width: 220px;
  }
  .card-hero-wrapper.secend-phone {
    max-width: 150px;
  }
  .card-hero-wrapper.cta-phone-card {
    max-width: 243px;
  }
  .card-hero-wrapper.features-hero-phone-card {
    max-width: 200px;
  }
  .card-hero-wrapper.features-phone-max-with {
    max-width: 150px;
  }
  .hero-card-wrapper.secend-card {
    min-width: 200px;
  }
  .hero-card-wrapper.features-hero-card-wrap {
    min-width: 250px;
  }
  .hero-card-wrapper.features-visa-card {
    min-width: 200px;
  }
  .icon-wrap {
    width: 18px;
    height: 18px;
  }
  .sub-wrapper-v1.sub-wrapper-v1-max-with {
    flex-flow: wrap;
  }
  .choose-card-box {
    justify-content: center;
    align-items: flex-start;
  }
  .choose-box-show-card {
    min-width: 260px;
    height: 200px;
  }
  .choose-box-show-card.secend-card {
    min-width: 210px;
    height: 150px;
  }
  .choose-card-phone-box {
    height: 700px;
  }
  .choose-card-phone-right-wrap {
    margin-top: 0;
  }
  .primary-left-butn-wrap {
    top: -16px;
  }
  .primary-right-butn-wrap {
    bottom: -16px;
  }
  .key-benefits-section {
    min-height: auto;
    padding-top: 100px;
  }
  .key-benefits-mask {
    height: 500px;
  }
  .blog-card-text-category-wrap {
    flex-flow: row;
  }
  .cta-meddle-wrap {
    display: none;
  }
  .cta-box {
    padding-right: var(--_responsive---element-spacing--spacing-4x);
    padding-left: var(--_responsive---element-spacing--spacing-4x);
  }
  .footer-link-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-19x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-19x);
    grid-template-columns: 1fr 1fr 1fr;
  }
  .footer-text-link-wrap {
    grid-template-columns: 1fr;
  }
  .features-with-benefits-wrapper {
    grid-template-rows: auto;
  }
  .features-with-benefits-round-box {
    display: none;
  }
  .features-round-world-images-box {
    height: var(--_responsive---full-size);
    max-width: 244px;
  }
  .global-partners-card-box {
    padding: var(--_responsive---element-spacing--spacing-12x);
  }
  .our-story-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .team-members-card-wrapper {
    grid-template-columns: 1fr;
  }
  .our-mission-carkel-image-wrap {
    max-width: none;
  }
  .features-hero-text-wrap {
    max-width: 300px;
  }
  .financial-card-images-box.financial-card-images-two-box {
    max-width: none;
    transform: translate(0);
  }
  .blog-hero-header-text-top-wrap {
    flex-flow: wrap;
  }
  .blog-collection-list-wrap, .tab-blog-collection-list, .int-grid {
    grid-template-columns: 1fr;
  }
  .intd-head {
    margin-top: 0;
  }
  .tag-imagws {
    width: 18px;
  }
  .header-intrd-wrap {
    grid-column-gap: var(--_responsive---element-spacing--spacing-13x);
    grid-row-gap: var(--_responsive---element-spacing--spacing-13x);
    flex-flow: column;
    display: flex;
  }
  .pricing-card-dectlies-images-box {
    flex-flow: column;
  }
  .pricing-card-dectlies-images-wrap {
    width: var(--_responsive---full-size);
    max-width: none;
    height: auto;
  }
  .pricing-dectlies-item-box, .license-card-box {
    grid-template-columns: 1fr;
  }
  .font-images {
    width: 200px;
  }
  .category-name-line, .category-name-lines {
    display: block;
  }
  .hamburger-line {
    background-color: var(--color--black);
    width: 20px;
    height: 1px;
  }}

#node-ca0fab59-328a-1c00-a221-82c252c7a0ff-da54ef27, #node-a2a982e5-d467-c3de-107c-ef32025fcdd7-da54ef27, #node-_0fafdee3-c492-1504-f92c-64b636d1d168-da54ef27 {
  place-self: end;
}
#node-a40cb8e2-e498-109e-0266-f61326995994-da54ef27 {
  justify-self: auto;
}
#node-_1dcb4a2f-5079-96e9-a63d-d90e266401f0-da54ef27 {
  justify-self: end;
}@media screen and (max-width: 479px) {

  #node-_1dcb4a2f-5079-96e9-a63d-d90e266401f0-da54ef27 {
    justify-self: auto;
  }}


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

   Everything the export's runtime did -- its IX3 interactions, its one
   IX2 preset, Webflow's own navbar, slider, tab and pagination widgets,
   and the four custom-code blocks the designer pasted into every page --
   is re-authored here and in assets/js/main.js. Every duration, delay,
   distance and curve below is transcribed from the export's payload
   (`register([...interactions], [...timelines])` in js/webflow.js) or
   from the designer's own scripts, and every rest state was measured on
   the published site, not estimated.

   How the payload's numbers map onto CSS:

     * IX3 stores its eases as an index into GSAP's own table
       (`["none", "power1.in", "power1.out", "power1.inOut", "power2.in",
       "power2.out", ...]`). This template uses 0 (none = linear),
       1 (power1.in), 2 (power1.out), 3 (power1.inOut) and 5 (power2.out);
       an action with no ease is GSAP's default, power1.out.
     * Every hover here is `play` on mouseenter and `reverseFlipEase` on
       mouseleave: the timeline runs backwards with its ease FLIPPED, so
       the way back feels like the way in. One timing function per hover,
       both directions.
     * Every scroll reveal starts when its trigger's top crosses the
       bottom of the viewport (`start: "top bottom"`); main.js adds
       `.is-revealed` to the trigger, once.

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

   Two conventions run through the sheet:

     * A REVEAL IS AN ANIMATION, NEVER A TRANSITION, and its keyframes name
       only a `from`. An element's `transition` belongs to its hovers; a
       reveal that wrote one would replace them. And with no `to` keyframe,
       an animation ends on the element's own computed value, so nothing
       here has to repeat a design value -- or can contradict one.
     * MOTION USES `translate`, `rotate` AND `scale`, not `transform`. The
       individual properties compose with whatever `transform` the design
       already gives an element (the mega menu is placed with
       `transform: translate(-125%)`; the card counter's wrapper with
       `translate(-50%)`; nothing here disturbs either).
   ====================================================================== */

:root {
  /* GSAP's curves, as cubic-beziers. */
  --ease-power1-in: cubic-bezier(0.55, 0.085, 0.68, 0.53);              /* 1 */
  --ease-power1-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);              /* 2 */
  --ease-power1-in-out: cubic-bezier(0.455, 0.03, 0.515, 0.955);        /* 3 */
  --ease-power2-out: cubic-bezier(0.215, 0.61, 0.355, 1);               /* 5 */
  --ease-power2-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-power3-out: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-expo-in-out: cubic-bezier(1, 0, 0, 1);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* ---- structure this build inserts ------------------------------------ */
/* `<main>` is a wrapper the export did not have. It is `display:
   contents`, so <body> still sees the same children it saw before and
   nothing moves. */
main {
  display: contents;
}

/* `hidden` is a UA `display: none`, which ANY design class that sets a
   display beats. The form states and the paged blog cards rely on it. */
[hidden] {
  display: none !important;
}

/* ----------------------------------------------------------------------
   Scroll reveals -- IX3 i-4615c8b0, i-1b0d3942, i-0d48bdce, i-b9a40d3d
   ----------------------------------------------------------------------
   The designer's bare attributes (`fade-up="true"`, `fade="true"`,
   `zom-fade-up="true"`, `group-fadeup-priend` / `-item`) become real
   `data-*` hooks in transform.py. Each plays once, when main.js marks the
   trigger `.is-revealed` as its top crosses the bottom of the viewport.

     [data-fade-up]   opacity 0 -> 1, y 70px -> 0      0.32s  power1.out
     [data-fade]      opacity 0 -> 1                   0.32s  power1.in
     [data-zoom-up]   opacity 0 -> 1, scale 0.8 -> 1   0.32s  power1.out
     [data-fade-group] [data-fade-item]
                      opacity 0 -> 1, y 50px -> 0      0.4s   power1.out,
                      0.2s apart, in order (main.js numbers each `--i`) */
:where(.js) [data-fade-up]:not(.is-revealed) {
  opacity: 0;
  translate: 0 70px;
}

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

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


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

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

  from {
    opacity: 0;
  }}


:where(.js) [data-zoom-up]:not(.is-revealed) {
  opacity: 0;
  scale: 0.8;
}

[data-zoom-up].is-revealed {
  animation: zoom-up 0.32s var(--ease-power1-out) backwards;
}@keyframes zoom-up {

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


:where(.js) [data-fade-group]:not(.is-revealed) [data-fade-item] {
  opacity: 0;
  translate: 0 50px;
}

[data-fade-group].is-revealed [data-fade-item] {
  animation: fade-item 0.4s var(--ease-power1-out) backwards;
  animation-delay: calc(var(--i, 0) * 0.2s);
}@keyframes fade-item {

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


/* ----------------------------------------------------------------------
   The instructions page -- IX2 `slideInBottom`
   ----------------------------------------------------------------------
   The one IX2 preset in the export: each guide block rises 100px and
   fades in over 1s (outQuart), 50ms after it scrolls into view. */
:where(.js) [data-rise]:not(.is-revealed) {
  opacity: 0;
  translate: 0 100px;
}

[data-rise].is-revealed {
  animation: rise-in 1s var(--ease-out-quart) 0.05s backwards;
}@keyframes rise-in {

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


/* ----------------------------------------------------------------------
   The home page's load sequence -- IX3 i-9c682245
   ----------------------------------------------------------------------
   Scoped to the home page, as the payload scoped it to its page id. The
   headline column and the phone rise 70px and fade in over 0.44s
   (power1.out) from 0.05s, the phone growing from 0.9; the strip beneath
   follows at 0.38s, 50px over 0.36s. main.js marks <html> `.is-loaded`
   once the webfonts have arrived. */
:where(.js:not(.is-loaded)) [data-page="index"] :is(.hero-left-wrapper, .hero-buttom-box) {
  opacity: 0;
  translate: 0 70px;
}

:where(.js:not(.is-loaded)) [data-page="index"] .phone-box.phone-margin {
  opacity: 0;
  translate: 0 70px;
  scale: 0.9;
}

.is-loaded [data-page="index"] .hero-left-wrapper {
  animation: fade-up 0.44s var(--ease-power1-out) 0.05s backwards;
}

.is-loaded [data-page="index"] .phone-box.phone-margin {
  animation: hero-phone 0.44s var(--ease-power1-out) 0.05s backwards;
}

.is-loaded [data-page="index"] .hero-buttom-box {
  animation: hero-strip 0.36s var(--ease-power1-out) 0.38s backwards;
}@keyframes hero-phone {

  from {
    opacity: 0;
    translate: 0 70px;
    scale: 0.9;
  }}
@keyframes hero-strip {

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


/* ----------------------------------------------------------------------
   Running motion -- the page-load loops
   ----------------------------------------------------------------------
   Four of the payload's load interactions describe a loop and play it a
   fixed number of times: the partner logos run one 40s pass and stop
   (i-eb2d3c5d), the badge turns twice in 16s (i-889f971e), the about
   page's ring turns twice in 50s (i-4746f813), the features page's two
   pictures drift up and back once over 12s (i-cf7539a3), and the home
   page's three signal bars blink once in 2.7s (i-99cf45ef). Each is a
   loop by design -- a marquee that stops leaves a gap, a spinning badge
   that stops is a badge -- so each runs continuously here. The
   durations, distances and curves are the payload's. */

/* i-eb2d3c5d: `[marquee-slide-left]` runs 0 -> -100% of itself in 40s,
   linear; `[marquee-slide-right]` the other way. Three identical copies
   sit side by side, so at -100% the second copy is exactly where the
   first was and the restart is seamless. */
[data-marquee] {
  animation: run-left 40s linear infinite;
}

[data-marquee="right"] {
  animation-name: run-right;
}@keyframes run-left {

  from { translate: 0 0; }
  to { translate: -100% 0; }}
@keyframes run-right {

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


/* i-889f971e: `[rotate-item]` turns 360deg every 8s, linear. */
[data-spin] {
  animation: spin 8s linear infinite;
}

/* i-4746f813: the about page's ring, 720deg in 50s. */
[data-spin="slow"] {
  animation-duration: 25s;
}@keyframes spin {

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


/* The home page's badge is centred on its card by the design's own
   `transform: translate(-50%, -50%)`, and the individual `rotate` property
   is applied AFTER `transform` -- so a rotate on this element would swing
   the already-shifted badge round a circle instead of turning it in place.
   Its turn is written on `transform`, with the centring kept inside it. */
.clear-view-icon-wrap[data-spin] {
  animation-name: spin-centred;
}@keyframes spin-centred {

  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }}


/* i-cf7539a3: the features page's two pictures drift 30% of their own
   height -- the first up, the second down -- over 6s (power1.out) and
   drift back over the next 6s. */
[data-page="features"] .benefits-card-images-wrapper {
  animation: drift-up 12s var(--ease-power1-out) infinite;
}

[data-page="features"] .benefits-card-images-two-wrap {
  animation: drift-down 12s var(--ease-power1-out) infinite;
}@keyframes drift-up {

  0%, 100% { translate: 0 0; }
  50% { translate: 0 -30%; }}
@keyframes drift-down {

  0%, 100% { translate: 0 0; }
  50% { translate: 0 30%; }}


/* i-99cf45ef: the three signal bars in the "Ask Naturally" card blink
   in turn -- each fades to 0 and shrinks to 0.7 over 0.45s, then comes
   back over 0.45s, the next starting as the last finishes (0, 0.9s,
   1.82s). One round is 2.73s. */
[data-page="index"] :is(.line-one, .line-two, .line-three) {
  animation: blink 2.73s var(--ease-power1-out) infinite;
}

[data-page="index"] .line-two {
  animation-delay: 0.9s;
}

[data-page="index"] .line-three {
  animation-delay: 1.82s;
}@keyframes blink {

  0%, 33%, 100% {
    opacity: 1;
    scale: 1;
  }
  16.5% {
    opacity: 0;
    scale: 0.7;
  }}


/* ----------------------------------------------------------------------
   The about page's mission cards -- IX3 i-f7030e78
   ----------------------------------------------------------------------
   A scrub: as `.our-mission-wrapper` scrolls from `top bottom` to
   `50% top`, the three cards drop into place -- the first from 50px, the
   second from 120px, the third from 200px -- one after another (each
   over a third of the run, 0.39 of a 1.17 timeline, power1.out), the
   whole thing lagging 0.8s behind the scroll. main.js drives
   `--mission-progress` from 0 to 1 and the cards follow; a `linear()`
   stop list would not catch up the way the real scrub does, so the
   stepping is in main.js too. The payload switches this off below 992px
   (`conditionalPlayback`), and so does the rule. */
@media screen and (min-width: 992px) {
  :where(.js) [data-page="about-us"] .our-mission-card-box.our-mission-card-box-one {
    translate: 0 calc(50px * (1 - var(--mission-one, 0)));
  }

  :where(.js) [data-page="about-us"] .our-mission-card-box.our-mission-card-box-two {
    translate: 0 calc(120px * (1 - var(--mission-two, 0)));
  }

  :where(.js) [data-page="about-us"] .our-mission-card-box.our-mission-card-box-three {
    translate: 0 calc(200px * (1 - var(--mission-three, 0)));
  }
}

/* ----------------------------------------------------------------------
   Buttons -- IX3 i-34e05c93 (the component) and i-84663139 (READ MORE)
   ----------------------------------------------------------------------
   The label is written twice, the copy sitting one line below the first
   (`.button-hover-text { position: absolute; top: 100% }` in the
   design); on hover both roll up one line in 0.36s (power1.out) after
   0.05s, so the copy takes the original's place. The READ MORE links do
   the same with their two arrows sliding right. `.button-box-show`'s
   turn and shadow are the design's own `:hover` transition. */
.button .button-normal-text,
.button .button-hover-text,
.secondly-link-block .button-normal-text,
.secondly-link-block .button-hover-text,
.secondly-link-block .button-normal-icon,
.secondly-link-block .button-hover-icon {
  transition: translate 0.36s var(--ease-power1-out) 0.05s;
}

.button:hover .button-normal-text,
.button:hover .button-hover-text,
.secondly-link-block:hover .button-normal-text,
.secondly-link-block:hover .button-hover-text {
  translate: 0 -100%;
}

.secondly-link-block:hover .button-normal-icon,
.secondly-link-block:hover .button-hover-icon {
  translate: 100% 0;
}

/* The contact form's drawn Submit sits under the real, invisible submit
   input, which takes the pointer; the form shell carries the hover so
   the drawing still rolls. */
.contact-btn-box:hover .button-normal-text,
.contact-btn-box:hover .button-hover-text {
  translate: 0 -100%;
}

/* ----------------------------------------------------------------------
   Text links -- IX3 i-00a50fa3
   ----------------------------------------------------------------------
   The header's menu links and the mega menu's: the same two-label roll,
   character by character. main.js wraps each character in a
   `.split-char` numbered `--i`; on hover each rises one line over 0.2s
   (power1.out) from 0.07s, 0.018s after the one before. The design clips
   the link (`.text-button { overflow: hidden }`), so the second label
   rises from below into the first one's place. */
.text-button .split-char {
  display: inline-block;
  transition: translate 0.2s var(--ease-power1-out) calc(0.07s + var(--i, 0) * 0.018s);
}

.text-button .split-word {
  display: inline-block;
  white-space: nowrap;
}

.text-button:hover .split-char {
  translate: 0 -100%;
}

/* A link whose text main.js could not split (no scripting) still swaps
   its labels, in one piece. */
:where(html:not(.js)) .text-button .text-button-normal-text,
:where(html:not(.js)) .text-button .text-button-hover-text {
  transition: translate 0.2s var(--ease-power1-out) 0.07s;
}

:where(html:not(.js)) .text-button:hover .text-button-normal-text,
:where(html:not(.js)) .text-button:hover .text-button-hover-text {
  translate: 0 -100%;
}

/* ----------------------------------------------------------------------
   The mega menu -- IX3 i-fd6d233b
   ----------------------------------------------------------------------
   Hovering "All pages" shows its panel (`display: block`), which rises
   20px and fades in over 0.4s (power1.inOut) while the chevron turns a
   half turn. main.js adds `.is-open` on hover, on focus within and on a
   press (for touch and keyboards); the leave hides the panel outright,
   as `display: none` did under the reversed timeline. Below 992px the
   design hides the whole head and panel. */
.nav-dropdown.megamenu .nav-dropdown-icon.megamenu {
  transition: rotate 0.4s var(--ease-power1-in-out);
}

.nav-dropdown.megamenu.is-open .nav-dropdown-icon.megamenu {
  rotate: 180deg;
}

.nav-dropdown.megamenu.is-open .nav-dropdown-toggle-content.megamenu {
  display: block;
  animation: menu-in 0.4s var(--ease-power1-in-out) backwards;
}@keyframes menu-in {

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


/* ----------------------------------------------------------------------
   The icon buttons -- IX3 i-fef9e431
   ----------------------------------------------------------------------
   A mouse-move interaction: the glyph inside each round social button
   follows the pointer across the button, 8px each way, settling back to
   the centre on leave. main.js writes `--mx` / `--my` (-1 to 1); the
   90% smoothing is a 0.4s linear follow. */
[data-icon-follow] .icon-button-icon {
  translate: calc(var(--mx, 0) * 8px) calc(var(--my, 0) * 8px);
  transition: translate 0.4s linear;
}

/* ----------------------------------------------------------------------
   Card hovers -- IX3 i-3e555d48, i-49fc4b5e
   ----------------------------------------------------------------------
   A blog card's picture grows to 1.2 over 0.6s (power1.out); the card
   clips it. A team member's social glyph rolls up out of its button and
   its copy rolls in from below, 0.36s (power1.out). */
[data-zoom-card] [data-zoom-image] {
  transition: scale 0.6s var(--ease-power1-out);
}

[data-zoom-card]:hover [data-zoom-image] {
  scale: 1.2;
}

[data-social-roll] .social-images,
[data-social-roll] .social-images-two {
  transition: translate 0.36s var(--ease-power1-out);
}

[data-social-roll]:hover .social-images,
[data-social-roll]:hover .social-images-two {
  translate: 0 -100%;
}

/* ----------------------------------------------------------------------
   The FAQ rows -- IX3 i-e07f66d1, and the designer's own script on the
   about page's values list
   ----------------------------------------------------------------------
   A press on a row opens its answer -- main.js animates the height,
   0.32s on the FAQ rows and 0.3s (power2.inOut) on the values list --
   and turns the plus: 225deg into a tilted cross on the FAQ rows, 135deg
   on the values list. The FAQ's number also turns coral. Every row
   ships closed; the values list's first row ships open, as its script
   opened it. The payload also recolours the row's border, but through a
   selector that looks for a `.faq-item` INSIDE the row, which nothing
   matches -- so no border changes on the published site, and none
   changes here. */
:where(.js) .faq-item:not(.is-open) .faq-toggle-content {
  height: 0;
}

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

.faq-item.is-open .faq-item-icon {
  rotate: 225deg;
}

.faq-item .faq-namber {
  transition: color 0.32s var(--ease-power1-out);
}

.faq-item.is-open .faq-namber {
  color: var(--accent--accent-18);
}

.faq-item.financial-benefits-faq .faq-item-icon {
  transition: rotate 0.3s var(--ease-power2-in-out);
}

.faq-item.financial-benefits-faq.is-open .faq-item-icon {
  rotate: 135deg;
}

/* ----------------------------------------------------------------------
   The billing toggles -- IX3 i-00c7bbde and i-139cb0f1
   ----------------------------------------------------------------------
   Each pricing card has its own MONTHLY / YEARLY switch. A press slides
   the pill to the second label (0.6s, power2.out) and swaps the labels'
   colours (0.4s); the monthly price and saving fade out over 0.4s and the
   yearly ones, laid over them, fade in over the next 0.4s. The toggle's
   `reverseFlipEase` on the next press runs the same thing backwards --
   the yearly figures fade first, then the monthly ones return -- which
   is what the two delays below do. main.js marks the card `.is-yearly`
   and the switch `aria-pressed`. */
.pricing-card-box .tagar-box,
.pricing-card-box .tagar-two-box {
  transition: translate 0.6s var(--ease-power2-out);
}

.pricing-card-box.is-yearly .tagar-box,
.pricing-card-box.is-yearly .tagar-two-box {
  translate: 100% 0;
}

.pricing-card-box .tagar-text.one-text,
.pricing-card-box .tagar-text.two-text {
  transition: color 0.4s var(--ease-power2-out);
}

.pricing-card-box .tagar-text.one-text {
  color: var(--color--black);
}

.pricing-card-box.is-yearly .tagar-text.one-text {
  color: var(--rgb--rgb-26);
}

.pricing-card-box.is-yearly .tagar-text.two-text {
  color: var(--color--black);
}

.pricing-card-box :is(.pricing-namber, .pricing-two-namber) {
  opacity: 1;
  transition: opacity 0.4s var(--ease-power2-out) 0.4s;
}

.pricing-card-box :is(.pricing-namber-two, .pricing-namber-twos) {
  opacity: 0;
  transition: opacity 0.4s var(--ease-power2-out);
}

.pricing-card-box.is-yearly :is(.pricing-namber, .pricing-two-namber) {
  opacity: 0;
  transition-delay: 0s;
}

.pricing-card-box.is-yearly :is(.pricing-namber-two, .pricing-namber-twos) {
  opacity: 1;
  transition-delay: 0.4s;
}

/* ----------------------------------------------------------------------
   The menu button -- IX3 i-2f570bef
   ----------------------------------------------------------------------
   A press folds the three bars into a cross: the first drops 7px and
   turns 45deg, the last rises 5px and turns -45deg, the middle fades,
   all over 0.35s (power1.out) and back the same way. The menu itself is
   Webflow's navbar, which main.js slides down from behind the bar
   (framework.hand.css has the overlay). */
.hamburger-line {
  transition: translate 0.35s var(--ease-power1-out),
              rotate 0.35s var(--ease-power1-out),
              opacity 0.35s var(--ease-power1-out);
}

.menu-button.is-open .hamburger-line:nth-child(1) {
  translate: 0 7px;
  rotate: 45deg;
}

.menu-button.is-open .hamburger-line:nth-child(2) {
  opacity: 0;
}

.menu-button.is-open .hamburger-line:nth-child(3) {
  translate: 0 -5px;
  rotate: -45deg;
}

/* ----------------------------------------------------------------------
   The key-benefits progress bar -- IX2 a-4, a-5, a-6
   ----------------------------------------------------------------------
   Three IX2 "slider active" events, one per slide, move the white bar
   over the card slider to -66.6%, -33.3% and 0 (0.7s, outSine) as each
   slide becomes current. main.js writes `--slider-progress` as the
   slider changes. */
.process-progess-anim {
  translate: calc(-66.6% + var(--slider-progress, 0) * 33.3%) 0;
  transition: translate 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
}

/* ----------------------------------------------------------------------
   The rolling wallet counter -- the designer's second custom-code block
   ----------------------------------------------------------------------
   Every `.card-hero-wrap` in the phone artwork shows a wallet balance
   that rolls from 13,1470 to 23,1470 while the two cards beneath it slide
   one place left, and back again: 1.2s each way (expo.inOut), 2s delay at
   each end, forever. The script built the seven digit columns at load and
   gave the counter and the cards their layout with GSAP; transform.py
   writes the columns into the markup and the layout is here. Each column
   is a stack of the digits it passes through; main.js drives the
   `.is-rolled` state and the cards' `--card-shift`. */
.conter-namber {
  display: inline-flex;
  align-items: flex-start;
  overflow: hidden;
  height: 1.15em;
  line-height: 1.15em;
  position: relative;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
}

.counter-column {
  display: inline-flex;
  flex-direction: column;
  will-change: transform;
  transition: translate 1.2s var(--ease-expo-in-out);
}

.counter-column > span {
  height: 1.15em;
  line-height: 1.15em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.counter-column.is-faded {
  opacity: 0.35;
}

/* Each rolling column ends on its last digit: a stack of n digits moves
   up by (n - 1) / n of itself. main.js sets `--steps` to n - 1 and the
   columns stagger 0.03s apart. */
.card-hero-wrap.is-rolled .counter-column {
  translate: 0 calc(-100% * var(--steps, 0) / (var(--steps, 0) + 1));
  transition-delay: calc(var(--i, 0) * 0.03s);
}

.card-hero-wrap {
  overflow: hidden;
}

.hero-card-wrapper {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
  transition: translate 1.2s var(--ease-expo-in-out);
}

.card-hero-wrap.is-rolled .hero-card-wrapper {
  translate: var(--card-shift, 0px) 0;
}

/* ----------------------------------------------------------------------
   The statistics -- the designer's first custom-code block
   ----------------------------------------------------------------------
   Every `.train-counter` shows its number as a column of digits per
   place, each column a train of forty digits (0-9, four times over).
   When the number reaches 80% of the way down the viewport each train
   rolls to its digit's third cycle over 2.5s (power3.out) -- the even
   places from one cycle up, the odd places from one cycle down, so the
   digits spin in opposite directions. main.js builds the trains and sets
   each one's `--from` and `--to` in digit heights. */
.train-counter {
  display: inline-flex;
  align-items: flex-start;
  white-space: nowrap;
}

.digit-window {
  position: relative;
  display: inline-block;
  width: 0.62em;
  height: 1em;
  overflow: hidden;
  vertical-align: top;
}

.digit-train {
  display: block;
  will-change: transform;
  translate: 0 calc(var(--from, 0) * -1em);
}

.train-counter.is-counted .digit-train {
  translate: 0 calc(var(--to, 0) * -1em);
  transition: translate 2.5s var(--ease-power3-out);
}

.digit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.62em;
  height: 1em;
  line-height: 1;
}

.static-char {
  display: inline-block;
  height: 1em;
  line-height: 1em;
}

.static-char.dot {
  width: 0.25em;
}

/* The footer's "Back to Top" shares its row with the copyright line, which
   now carries the studio credit; on a phone the credit wraps, and the link
   must not wrap with it. */
[data-back-to-top] {
  white-space: nowrap;
}

/* ----------------------------------------------------------------------
   The blog list's pages
   ----------------------------------------------------------------------
   The "ALL" tab shows six cards at a time, as the published list did,
   and the arrows under it page through them. main.js hides the cards
   off the current page and the arrow that has nowhere to go. */
[data-paged] > [hidden] {
  display: none !important;
}

/* ---- reduced motion ------------------------------------------------- */
/* Everything above stands down. Reveals appear in place, loops hold
   their first frame, hovers and toggles change state without travelling,
   and main.js (which checks the same query) runs no timers. */
@media (prefers-reduced-motion: reduce) {
  :where(.js) [data-fade-up]:not(.is-revealed),
  :where(.js) [data-fade]:not(.is-revealed),
  :where(.js) [data-zoom-up]:not(.is-revealed),
  :where(.js) [data-fade-group]:not(.is-revealed) [data-fade-item],
  :where(.js) [data-rise]:not(.is-revealed),
  :where(.js:not(.is-loaded)) [data-page="index"] :is(.hero-left-wrapper, .hero-buttom-box),
  :where(.js:not(.is-loaded)) [data-page="index"] .phone-box.phone-margin {
    opacity: 1;
    translate: none;
    scale: none;
  }

  [data-fade-up].is-revealed,
  [data-fade].is-revealed,
  [data-zoom-up].is-revealed,
  [data-fade-group].is-revealed [data-fade-item],
  [data-rise].is-revealed,
  .is-loaded [data-page="index"] .hero-left-wrapper,
  .is-loaded [data-page="index"] .phone-box.phone-margin,
  .is-loaded [data-page="index"] .hero-buttom-box,
  [data-marquee],
  [data-spin],
  [data-page="features"] .benefits-card-images-wrapper,
  [data-page="features"] .benefits-card-images-two-wrap,
  [data-page="index"] :is(.line-one, .line-two, .line-three),
  .nav-dropdown.megamenu.is-open .nav-dropdown-toggle-content.megamenu {
    animation: none;
  }

  .button .button-normal-text,
  .button .button-hover-text,
  .secondly-link-block .button-normal-text,
  .secondly-link-block .button-hover-text,
  .secondly-link-block .button-normal-icon,
  .secondly-link-block .button-hover-icon,
  .text-button .split-char,
  .nav-dropdown.megamenu .nav-dropdown-icon.megamenu,
  [data-icon-follow] .icon-button-icon,
  [data-zoom-card] [data-zoom-image],
  [data-social-roll] .social-images,
  [data-social-roll] .social-images-two,
  .faq-item .faq-item-icon,
  .faq-item .faq-namber,
  .pricing-card-box .tagar-box,
  .pricing-card-box .tagar-two-box,
  .pricing-card-box .tagar-text.one-text,
  .pricing-card-box .tagar-text.two-text,
  .pricing-card-box :is(.pricing-namber, .pricing-two-namber),
  .pricing-card-box :is(.pricing-namber-two, .pricing-namber-twos),
  .hamburger-line,
  .process-progess-anim,
  .counter-column,
  .hero-card-wrapper,
  .train-counter.is-counted .digit-train {
    transition: none;
  }

  [data-icon-follow] .icon-button-icon {
    translate: none;
  }
}