/* GEMENTO - consolidated stylesheet (hand-cleaned Webflow export).
   1 reset  2 base framework (load-bearing rules, renamed .wf-)
   2b widget geometry the dropped runtime rules used to provide
   3 Gemento design  4 components (vanilla replacements for the
   Webflow runtime and its IX2 interactions).
   Fonts: assets/fonts/fonts.css (Inter Tight + Gilroy, self-hosted). */

/* ======================================================================
   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, .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-)
   ====================================================================== */
[class^="w-icon-"], [class*=" w-icon-"] {
  
  font-family: 'webflow-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* {
  -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, h2, h3, h4, h5, h6, .heading-scale-1, .heading-scale-2, .heading-scale-3, .heading-scale-4, .heading-scale-5, .heading-scale-6 {
  font-weight: bold;
  margin-bottom: 10px;
}
h1, .heading-scale-1 {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}
h2, .heading-scale-2 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}
h3, .heading-scale-3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}
h4, .heading-scale-4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}
h5, .heading-scale-5 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
h6, .heading-scale-6 {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}
p {
  margin-top: 0;
  margin-bottom: 10px;
}
blockquote {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
  font-size: 18px;
  line-height: 22px;
}
figure {
  margin: 0;
  margin-bottom: 10px;
}
figcaption {
  margin-top: 5px;
  text-align: center;
}
ul, ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.embed:before, .embed:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.embed:after {
  clear: both;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
button, [type='button'], [type='reset'] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}
.wf-form {
  margin: 0 0 15px;
}
.wf-form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: #dddddd;
}
.wf-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede;
}
label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.wf-input, .wf-select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.wf-input::placeholder, .wf-select::placeholder {
  color: #999;
}
.wf-input:focus, .wf-select:focus {
  border-color: #3898EC;
  outline: 0;
}
.wf-input[disabled], .wf-select[disabled], .wf-input[readonly], .wf-select[readonly], fieldset[disabled] .wf-input, fieldset[disabled] .wf-select {
  cursor: not-allowed;
}
.wf-input[readonly], .wf-select[readonly] {
  background-color: #eeeeee;
}
textarea.wf-input, textarea.wf-select {
  height: auto;
}
.wf-select {
  background-color: #f3f3f3;
}
.wf-select[multiple] {
  height: auto;
}
.wf-form-label {
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 0px;
}
.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 .richtext-figure-selected.richtext-figure-type-video div:after, .richtext .richtext-figure-selected[data-rt-type="video"] div:after {
  outline: 2px solid #2895f7;
}
.richtext .richtext-figure-selected.richtext-figure-type-image div, .richtext .richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}
.richtext figure.richtext-figure-type-video > div:after, .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 figcaption.richtext-figcaption-placeholder {
  opacity: 0.6;
}
.richtext figure div {
  
  font-size: 0px;
  color: transparent;
}
.richtext figure.richtext-figure-type-image, .richtext figure[data-rt-type="image"] {
  display: table;
}
.richtext figure.richtext-figure-type-image > div, .richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}
.richtext figure.richtext-figure-type-image > figcaption, .richtext figure[data-rt-type="image"] > figcaption {
  display: table-caption;
  caption-side: bottom;
}
.richtext figure.richtext-figure-type-video, .richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}
.richtext figure.richtext-figure-type-video iframe, .richtext figure[data-rt-type="video"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.richtext figure.richtext-figure-type-video > div, .richtext figure[data-rt-type="video"] > div {
  width: 100%;
}
.richtext figure.richtext-align-center {
  margin-right: auto;
  margin-left: auto;
  clear: both;
}
.richtext figure.richtext-align-center.richtext-figure-type-image > div, .richtext figure.richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}
.richtext figure.richtext-align-normal {
  clear: both;
}
.richtext figure.richtext-align-fullwidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.richtext figure.richtext-align-fullwidth > div {
  display: inline-block;
  
  padding-bottom: inherit;
}
.richtext figure.richtext-align-fullwidth > figcaption {
  display: block;
}
.richtext figure.richtext-align-floatleft {
  float: left;
  margin-right: 15px;
  clear: none;
}
.richtext figure.richtext-align-floatright {
  float: right;
  margin-left: 15px;
  clear: none;
}
.tabs {
  position: relative;
}
.tabs:before, .tabs:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.tabs:after {
  clear: both;
}
.tabs-menu {
  position: relative;
}
.tabs-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;
}
.tabs-link[aria-current="page"], .tabs-link.is-active {
  background-color: #C8C8C8;
}
.tabs-link:focus {
  outline: 0;
}
.tabs-content {
  position: relative;
  display: block;
  overflow: hidden;
}
.tabs-pane {
  position: relative;
  display: none;
}
.tabs-pane.is-active {
  display: block;
}
@media screen and (max-width: 479px) {
.tabs-link {
    display: block;
  }
}
@keyframes spin {
0% {
    transform: rotate(0deg);
  }
100% {
    transform: rotate(360deg);
  }
}
/* ======================================================================
   2b. Widget geometry the dropped rules used to provide
   ====================================================================== */
/* Geometry the dropped Webflow widget rules used to provide.
 *
 * build_css drops the `.w-nav*` / `.w-dropdown*` / `.w-icon-*` rules because the
 * runtime that drove them is gone. Those rules also carried real layout that the
 * design sheet silently relies on, so it is transcribed here against this
 * design's own class names and emitted BETWEEN the framework and the design --
 * the design then keeps overriding it exactly as it did in the export.
 *
 * Everything in this file was read off webflow.css; nothing is invented. */


/* ---- navbar ------------------------------------------------------------- */
/* `.w-nav` -- the design overrides background and z-index, not position. */
.navbar-container {
  position: relative;
  z-index: 1000;
}
/* `.w-nav-brand`. Its `float: left` did nothing (the parent is flex), but the
   padding below 767px is real and the design never restates it. */
.navbar-brand {
  position: relative;
  text-decoration: none;
}
/* `.w-nav-menu`. `float: right` was likewise inert on a flex item. */
.nav-menu-wrapper {
  position: relative;
}
/* `.w-nav-button` -- hidden above the collapse breakpoint. The design turns it
   into a flex box at <=991px, which is also where the runtime used to show it. */
.menu-button {
  position: relative;
  display: none;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* The runtime lifted the open menu into a generated `.w-nav-overlay` wrapper.
   That wrapper is written into the markup instead, and above the collapse
   breakpoint `display: contents` takes it back out of the box tree so
   `.nav-menu-wrapper` stays a direct flex child of `.navbar-wrapper`. */
.nav-overlay {
  display: contents;
}
@media screen and (max-width: 991px) {
/* `.w-nav[data-collapse='medium'] .w-nav-menu { display: none }
` */
  .nav-menu-wrapper {
    display: none;
  }
/* `.w-nav-overlay` */
  .nav-overlay {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
  }
.nav-overlay.is-open {
    display: block;
  }
/* `[data-nav-menu-open]` was the one declaration the runtime forced past the
     design sheet, plus `.w-nav-overlay [data-nav-menu-open] { top: 0 }
`. */
  .nav-overlay.is-open .nav-menu-wrapper {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-width: 200px;
    text-align: center;
    overflow: visible;
  }
}
@media screen and (max-width: 767px) {
/* `.w-nav-brand { padding-left: 10px }
` */
  .navbar-brand {
    padding-left: 10px;
  }
}
/* ---- nav dropdown ------------------------------------------------------- */
/* `.w-dropdown` */
.nav-dropdown {
  position: relative;
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 900;
}
/* `.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link` then `.w-dropdown-toggle`.
   The design zeroes the padding, so only the box and cursor survive. */
.nav-dropdown-toggle {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  margin-left: auto;
  margin-right: auto;
}
/* `.w-dropdown-list` + `.w-dropdown-list.w--open`. */
.nav-dropdown-list {
  position: absolute;
  display: none;
  min-width: 100%;
}
.nav-dropdown-list.is-open {
  display: block;
}
/* `.w-icon-dropdown-toggle`. The glyph itself came from Webflow's icon webfont
   (U+E603); it is an inline <svg> in the markup now, so only the box remains.
   The design adds `margin-top: 6px; margin-right: -20px` after this. */
.nav-dropdown-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin-right: 20px;
  width: 1em;
  height: 1em;
}
.nav-dropdown-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}
/* ---- widgets rebuilt as native elements --------------------------------- */
/* Five things the runtime drove as <div> or <a> are real <button>s now: the tab
   links, the FAQ accordion rows, the mobile menu toggle, the dropdown toggle
   and the "copy link" control. That drags in the UA button styling -- a 2px
   outset border, a grey background and 13.33px Arial -- none of which the
   design sheet overrides, because it never had a button to override.

   `:where()` scores zero, so this beats the UA sheet (author origin always
   does) while losing to every authored rule, including the design's own
   `.tab-link`, `.faq-item` and `.menu-button`. */
:where(button.tabs-link, button.menu-button, button.nav-dropdown-toggle, button.copy-block-wrap) {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font: inherit;
  color: inherit;
  width: auto;
  cursor: pointer;

  /* The UA sheet resets these on form controls, and `font: inherit` does not
     bring them back -- they are not part of the `font` shorthand. The design
     sets `letter-spacing: .01em` on <body> and relies on it reaching every
     line of text; without this the FAQ questions measure ~5px narrower than
     the export and wrap one line earlier. */
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: inherit;
  text-indent: inherit;
  text-shadow: inherit;
  text-align: inherit;
}
/* Webflow's custom checkbox is two elements: a real <input> that is visually
   hidden, and a styled <div> proxy beside it that shows the state.

   The export hid the INPUT with an inline `opacity: 0` -- which the transform's
   baked-state filter strips, because IX2 uses inline opacity for its reveal
   rest states. So the rule is restated here, keyed on the input itself. Keying
   it on `.checkbox-input` hides the proxy instead and leaves the native
   checkbox on show, which is the opposite of the intent. */
.wf-checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
/* ======================================================================
   3. Gemento design
   ====================================================================== */
:root {
  --inter-tight: Intertight, Arial, sans-serif;
  --font-weight--mediums: 500;
  --1: .01em;
  --dark: #05051f;
  --_typography---heading-1--font-size: 86px;
  --_typography---heading-1--line-height: 100%;
  --font-weight--normal: 400;
  --3: -.03em;
  --_typography---heading-2--font-size: 64px;
  --100: 100%;
  --_typography---heading-3--font-size: 48px;
  --_typography---heading-4--font-size: 40px;
  --_typography---heading-4--line-height: 100%;
  --_typography---heading-5--font-size: 36px;
  --_typography---heading-5--line-height: 100%;
  --_typography---heading-6--font-size: 30px;
  --_typography---heading-6--line-height: 100%;
  --grey-2: #9b9ba5;
  --_responsive---padding--padding-134-px: 134px;
  --_responsive---padding--padding-120-px: 120px;
  --_responsive---padding--padding-60-px: 60px;
  --_responsive---margin--margin-80-px: 80px;
  --_responsive---border-radius-16-px: 16px;
  --_responsive---border-radius-20-px: 20px;
  --_responsive---border-radius-10-px: 10px;
  --_responsive---padding--padding-32-px: 32px;
  --_typography---display-1--font-size: 132px;
  --_typography---display-1--line-height: 100%;
  --_typography---heading-7--font-size: 24px;
  --_typography---heading-7--line-height: 100%;
  --white-80: #fffc;
  --grey-1: #737a88;
  --light: white;
  --primary: #7945ff;
  --secondary: #ff89e3;
  --_responsive---margin--margin-140-px: 140px;
  --_responsive---padding--padding-40-px: 40px;
  --_responsive---border-radius-24-px: 24px;
  --_responsive---padding--padding-80-px: 80px;
  --transparent: #0000;
  --_responsive---padding--padding-160-px: 160px;
  --_responsive---margin--margin-160-px: 160px;
  --_responsive---margin--margin-120-px: 120px;
  --_responsive---margin--margin-72-px: 72px;
  --_responsive---padding--padding-24-px: 24px;
  --_responsive---padding--padding-70-px: 70px;
  --_responsive---padding--padding-173-px: 173px;
  --_responsive---margin--margin-60-px: 60px;
  --_responsive---padding--padding-30-px: 30px;
  --_responsive---padding--padding-100-px: 100px;
  --_responsive---padding--padding-27-px: 27px;
  --_responsive---margin--margin-100-px: 100px;
  --_responsive---border-radius-12-8-px: 12.8px;
  --_responsive---padding--padding-22-px: 22px;
  --_responsive---margin--margin-96-px: 96px;
  --_responsive---padding--padding-20-px: 20px;
  --_responsive---margin--margin-70-px: 70px;
  --_responsive---padding--padding-140-px: 140px;
  --_typography---heading-2--line-height: 100%;
  --gilroy: Gilroy, Arial, sans-serif;
  --_typography---heading-3--line-height: 100%;
  --font-weight--semi-bold: 600;
  --font-weight--bold: 700;
}
.wf-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}
.wf-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}
.wf-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}
.checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}
.checkbox-input-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}
.checkbox-input-custom.is-checked {
  background-color: #3898ec;
  background-image: url('../images/checkbox-checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}
.checkbox-input-custom.is-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}
body {
  font-family: var(--inter-tight);
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: var(--font-weight--mediums);
  letter-spacing: var(--1);
  background-color: #05051f;
}
h1, .heading-scale-1 {
  font-family: var(--inter-tight);
  font-size: var(--_typography---heading-1--font-size);
  line-height: var(--_typography---heading-1--line-height);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--3);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h2, .heading-scale-2 {
  font-family: var(--inter-tight);
  font-size: var(--_typography---heading-2--font-size);
  line-height: var(--100);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--3);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h3, .heading-scale-3 {
  font-size: var(--_typography---heading-3--font-size);
  line-height: var(--100);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--3);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h4, .heading-scale-4 {
  font-size: var(--_typography---heading-4--font-size);
  line-height: var(--_typography---heading-4--line-height);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--3);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h5, .heading-scale-5 {
  font-size: var(--_typography---heading-5--font-size);
  line-height: var(--_typography---heading-5--line-height);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--3);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
h6, .heading-scale-6 {
  font-family: Intertight, Arial, sans-serif;
  font-size: var(--_typography---heading-6--font-size);
  line-height: var(--_typography---heading-6--line-height);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--3);
  margin-top: 0;
  margin-bottom: 0;
}
p {
  margin-bottom: 0;
}
ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}
li {
  color: var(--grey-2);
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.utility-page-wrap {
  width: 100vw;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.utility-page-content {
  width: var(--100);
  padding-top: var(--_responsive---padding--padding-134-px);
  padding-bottom: var(--_responsive---padding--padding-120-px);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}
.utility-page-form {
  width: var(--100);
  flex-direction: column;
  align-items: stretch;
  max-width: 532px;
  margin-top: 48px;
  display: flex;
}
.page-wrapper {
  position: relative;
}
.container-small {
  max-width: 1330px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.container-small.cta-container {
  padding-top: 330px;
  padding-bottom: 115px;
  position: relative;
}
.style-guide {
  padding-top: var(--_responsive---padding--padding-134-px);
  padding-bottom: var(--_responsive---padding--padding-60-px);
}
.hero-v1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 798px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.style-guide-bottom {
  margin-top: var(--_responsive---margin--margin-80-px);
  border-radius: var(--_responsive---border-radius-16-px);
  padding: 2px;
  position: relative;
  overflow: hidden;
}
.bg-linner-03 {
  z-index: 1;
  opacity: .05;
  pointer-events: none;
  background-image: linear-gradient(#f7f9fc, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.stroke-liner {
  z-index: -100;
  height: var(--100);
  opacity: .2;
  background-image: linear-gradient(#fff, #ffffff52);
  position: absolute;
  inset: 0%;
}
.stroke-liner.border-16 {
  border-radius: var(--_responsive---border-radius-16-px);
}
.stroke-liner._01 {
  border-radius: var(--_responsive---border-radius-20-px);
  opacity: .1;
}
.stroke-liner._02 {
  border-radius: var(--_responsive---border-radius-10-px);
  opacity: .1;
}
.style-guide-bottom-inner {
  padding: var(--_responsive---padding--padding-32-px);
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
}
.typography-inner-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}
.typography-heading {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}
.typography-list-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.vertical-line-wrap {
  background-color: #ffffff2e;
  width: 100%;
  height: 1px;
}
.vertical-line {
  background-color: #ffffff1a;
  width: 100%;
  height: 1px;
}
.typography-heading-01 {
  width: 640px;
  max-width: var(--100);
}
.typography-item-01 {
  width: 640px;
  max-width: var(--100);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.display-1 {
  font-family: var(--inter-tight);
  font-size: var(--_typography---display-1--font-size);
  line-height: var(--_typography---display-1--line-height);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--3);
  text-transform: uppercase;
}
.display-1.text-linner-img {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/Image-Linner.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}
.typography-item-02 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.h7 {
  font-family: Intertight, Arial, sans-serif;
  font-size: var(--_typography---heading-7--font-size);
  line-height: var(--_typography---heading-7--line-height);
  font-weight: var(--font-weight--normal);
  letter-spacing: 0;
  text-transform: capitalize;
}
.h7.text-linner-img {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/Image-Linner.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}
.h7.potential-text {
  color: #fffc;
  font-size: 27px;
  line-height: var(--100);
  font-weight: 400;
}
.h7.notification-heading {
  margin-bottom: 2px;
}
.h7.text-white-90 {
  color: #ffffffe6;
}
.paragraph-01 {
  color: var(--white-80);
  margin-bottom: 0;
  font-family: Intertight, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 140%;
}
.paragraph-01.text-grey-1 {
  color: var(--grey-1);
}
.typography-heading-02 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.typography-item-001 {
  width: 640px;
  max-width: var(--100);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.paragraph-02 {
  color: var(--white-80);
  margin-bottom: 0;
  font-family: Intertight, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.paragraph-02.text-light._001 {
  flex: none;
}
.paragraph-02.text-grey-1 {
  color: var(--grey-1);
}
.paragraph-03 {
  color: var(--white-80);
  margin-bottom: 0;
  font-family: Intertight, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.paragraph-03.text-grey-1 {
  color: var(--grey-1);
}
.paragraph-03.button-04-text {
  color: var(--light);
}
.paragraph-03.text-primary {
  color: var(--primary);
}
.paragraph-03.text-white-40 {
  color: #fff6;
}
.paragraph-04 {
  color: var(--white-80);
  margin-bottom: 0;
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
.paragraph-04.text-grey-2.faq-answer {
  width: var(--100);
  padding-top: 20px;
}
.paragraph-04.text-grey-1 {
  color: var(--grey-1);
}
.paragraph-04.text-secondary {
  color: var(--secondary);
}
.text-light {
  color: var(--light);
}
.tag-01 {
  color: var(--light);
  letter-spacing: var(--1);
  text-transform: uppercase;
  font-family: Intertight, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}
.tag-02 {
  color: var(--light);
  letter-spacing: var(--1);
  text-transform: uppercase;
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.tag-02.text-grey-01 {
  color: var(--grey-1);
}
.tag-03 {
  color: var(--light);
  letter-spacing: var(--1);
  text-transform: uppercase;
  font-family: Intertight, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.tag-wrap.hero-v1-tag:where(.variant-hero-v1-hide-tag) {
  display: none;
}
.tag-wrap.hero-v1-tag {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.heading-wrap.faq-heading {
  text-align: center;
}
.heading-wrap.home-hero-heading, .heading-wrap.management-heading-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}
.sub-heading-wrap.compare-top-subheading {
  max-width: 325px;
}
.sub-heading-wrap.pass-sub-heading {
  max-width: 582px;
}
.hero-title {
  text-transform: uppercase;
}
.hero-title.text-linner {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(82deg, #ff89e3, #9aa5ff);
  -webkit-background-clip: text;
  background-clip: text;
}
.text-grey-2 {
  color: var(--grey-2);
}
.text-liner {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(82deg, #ff89e3, #9aa5ff);
  -webkit-background-clip: text;
  background-clip: text;
}
.style-guide-color {
  margin-top: var(--_responsive---margin--margin-140-px);
}
.style-guide-color-bottom {
  margin-top: var(--_responsive---margin--margin-80-px);
  padding: var(--_responsive---padding--padding-40-px);
  border-radius: var(--_responsive---border-radius-24-px);
  position: relative;
  overflow: hidden;
}
.color-bottom-inner {
  grid-column-gap: 32px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.bg-linner-2 {
  z-index: -1;
  opacity: .02;
  background-image: linear-gradient(#fff, #fff0);
  position: absolute;
  inset: 0%;
}
.color-block {
  width: var(--100);
  height: 240px;
  padding: var(--_responsive---padding--padding-32-px);
  border-radius: var(--_responsive---border-radius-20-px);
  background-color: var(--dark);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.color-block.bg-dark {
  background-color: var(--dark);
}
.color-block.bg-f7f9fc {
  background-color: #f7f9fc0d;
}
.color-top-text {
  text-transform: uppercase;
}
.color-top-text.text-dark {
  color: var(--dark);
}
.color-bottom-text {
  justify-content: flex-end;
  display: flex;
}
.bg-primary {
  background-color: var(--primary);
}
.color-block-wrap {
  border-radius: var(--_responsive---border-radius-20-px);
  padding: 1px;
  position: relative;
  overflow: hidden;
}
.bg-light {
  background-color: var(--light);
}
.text-dark {
  color: var(--dark);
}
.bg-secondary {
  background-color: var(--secondary);
}
.bg-grey-1 {
  background-color: var(--grey-1);
}
.bg-grey-2 {
  background-color: var(--grey-2);
}
.bg-liner-01 {
  background-image: linear-gradient(#4222a000, #ff89e3 68%, #7945ff);
}
.bg-liner-image {
  background-image: url('../images/Image-Linner.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-liner-03 {
  background-image: linear-gradient(90deg, #ff89e3, #9aa5ff);
}
.bg-linner-03-100 {
  z-index: 0;
  opacity: 1;
  pointer-events: none;
  background-image: linear-gradient(#f7f9fc, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.blank-div {
  width: var(--100);
  height: var(--100);
}
.style-guide-button {
  margin-top: var(--_responsive---margin--margin-140-px);
}
.style-guide-button-bottom {
  margin-top: var(--_responsive---margin--margin-80-px);
  padding: var(--_responsive---padding--padding-32-px);
  border-radius: var(--_responsive---border-radius-24-px);
  position: relative;
  overflow: hidden;
}
.button-bottom-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}
.button-01 {
  height: var(--100);
  color: var(--light);
  border-radius: 10px;
  padding: 1px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.button-stock {
  z-index: -5;
  background-image: linear-gradient(#fff, #fff0);
  border-radius: 10px;
  position: absolute;
  inset: 0%;
}
.button-01-inner {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--dark);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 15.5px 34.5px;
  display: flex;
  position: relative;
}
.button-bg-liner {
  z-index: -1;
  opacity: .05;
  background-image: linear-gradient(#f7f9fc, #f7f9fc00);
  border-radius: 10px;
  position: absolute;
  inset: 0%;
}
.button-01-icon {
  width: 18px;
}
.container-medium {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.faq-wrap-bg {
  z-index: 0;
  opacity: .26;
  pointer-events: none;
  background-image: linear-gradient(#4222a000, #ff89e3 44%, #7945ff);
  position: absolute;
  inset: 0%;
}
.faq-wrap {
  border-radius: var(--_responsive---border-radius-16-px);
  padding: 1px;
  position: relative;
  overflow: hidden;
}
.faq-inner-wrap {
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.faq-main-inner-wrap {
  padding: var(--_responsive---padding--padding-80-px) 20px;
}
.faq-bottom {
  max-width: 1290px;
  margin-top: var(--_responsive---margin--margin-80-px);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}
.faq-left-top {
  z-index: 1;
  width: 410px;
  max-width: var(--100);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}
.button-02 {
  max-width: var(--100);
  text-decoration: none;
  overflow: hidden;
}
.button-line {
  width: var(--100);
  background-color: var(--light);
  height: 1px;
  margin-top: 4px;
}
.button-line.bg-secondary {
  background-color: var(--secondary);
}
.butoon-02-box {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}
.button-02-icon {
  width: 16px;
  height: 16px;
}
.button-03 {
  max-width: var(--100);
  border: 1px solid var(--transparent);
  border-radius: 10px;
  padding: 1px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.button-03-inner {
  max-width: var(--100);
  background-color: var(--dark);
  border-radius: 10px;
  padding: 16px 30px;
  position: relative;
  overflow: hidden;
}
.button-03-bg {
  z-index: 0;
  border-radius: 10px;
  position: absolute;
  inset: 0%;
}
.fit-cover {
  width: var(--100);
  height: var(--100);
  object-fit: cover;
}
.fit-cover.blog-image {
  height: var(--100);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.button-03-text-icon {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
  position: relative;
}
.button-03-text-icon:where(.variant-button-03-plan-base) {
  justify-content: center;
  align-items: center;
}
.button-03-icon {
  width: 22px;
  height: 22px;
}
.faq-tab {
  width: var(--100);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.faq-tabs-content {
  width: var(--100);
  max-width: 740px;
  margin-left: auto;
}
.faq-tabs-menu {
  width: 325px;
  max-width: var(--100);
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: column;
  margin-top: 180px;
  padding-right: 20px;
  display: flex;
}
.faq-tab-button {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--light);
  background-color: #ffffff0d;
  background-image: none;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 17.5px 40px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  display: flex;
}
.faq-tab-button[aria-current="page"], .faq-tab-button.is-active {
  background-image: url('../images/Image-Linner.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #fff;
}
.faq-full-inner {
  z-index: 1;
  position: relative;
}
.faq-tab-icon {
  width: 22px;
  height: 22px;
}
.hide {
  display: none;
}
.faq-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  margin-top: -30px;
  display: flex;
}
.faq-item {
  width: var(--100);
  background-color: var(--transparent);
  border-bottom: 1px solid #fff3;
  padding: 30px 0;
}
.faq-item[aria-current="page"], .faq-item.is-active {
  background-color: var(--transparent);
}
.faq-content {
  width: var(--100);
}
.faq-question-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.faq-answer-wrap {
  overflow: hidden;
}
.cta-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}
.cta-bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
}
.cta-heading {
  max-width: var(--100);
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}
.cta-heading-first {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.cta-heading-secound {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}
.cta-icon {
  width: 90px;
  height: 90px;
}
.footer {
  padding-bottom: 30px;
  overflow: hidden;
}
.container-large {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.container-large.footer-container {
  padding: var(--_responsive---padding--padding-80-px) 0px var(--_responsive---padding--padding-60-px);
  border-radius: var(--_responsive---border-radius-20-px);
  border: 1px solid #fff3;
  position: relative;
}
.footer-bg {
  z-index: -1;
  border-radius: var(--_responsive---border-radius-20-px);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}
.footer-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1330px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}
.footer-bottom {
  margin-top: var(--_responsive---margin--margin-80-px);
  border-top: 1px solid #fff3;
  padding-top: 16px;
}
.footer-bottom-wrap {
  justify-content: center;
  align-items: center;
  max-width: 1330px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.text-link {
  color: #ff89e3;
  text-decoration: none;
  transition: color .3s;
}
.text-link:hover {
  color: var(--light);
}
.footer-top-left {
  width: 300px;
  max-width: var(--100);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}
.footer-top-right {
  width: 740px;
  max-width: var(--100);
  justify-content: space-between;
  display: flex;
}
.footer-logo {
  width: 160px;
  max-width: var(--100);
}
.footer-link-list-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}
.footer-link-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}
.footer-link {
  color: var(--grey-2);
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  transition: color .3s;
}
.footer-link:hover, .footer-link[aria-current="page"], .footer-link.is-active {
  color: var(--secondary);
}
.mobile-margin-top-12 {
  display: none;
}
.navbar {
  z-index: 5;
  position: relative;
}
.nav-dropdown-list {
  background-color: #fff;
  border-radius: 8px;
}
.nav-dropdown-list.is-open {
  padding-top: 10px;
  padding-bottom: 10px;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide.is-open {
  background-color: #fff0;
  padding-top: 10px;
  padding-bottom: 0;
  left: -82px;
  overflow: hidden;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide._5 {
  border-radius: 20px;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide._5.is-open {
  border-radius: 0;
  padding-top: 25px;
  left: -500px;
  box-shadow: 0 30px 70px 40px #0003;
}
.nav-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}
.nav-dropdown-icon {
  margin-top: 6px;
  margin-right: -20px;
}
.nav-dropdown-box {
  width: 700px;
  height: 100%;
  max-width: var(--100);
  background-color: var(--dark);
  border: 1px solid #fff3;
  border-radius: 16px;
  padding: 40px;
  box-shadow: 0 30px 70px 40px #05051f;
}
.nav-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}
.nav-dropdown-menu {
  width: var(--100);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 166px;
  display: flex;
}
.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.navbar-container {
  z-index: 5;
  background-color: var(--transparent);
  width: 100%;
  max-width: 1520px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 20px 0;
}
.nav-dropdown-menu-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  display: flex;
}
.nav-dropdown-menu-wrap.custom-drop:where(.variant-nav-dropdown-hide-desktop) {
  display: none;
}
.navbar-container-wrap {
  width: 100%;
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
}
.nav-dropdown-toggle {
  color: var(--grey-2);
  margin-right: 10px;
  padding: 0;
}
.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}
.nav-dropdown-toggle.is-open {
  color: #d4daff;
}
.nav-menus {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}
.nav-link-text {
  color: var(--grey-2);
  font-family: Intertight, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  transition: all .3s;
}
.nav-link-text:hover, .nav-link-text[aria-current="page"], .nav-link-text.is-active {
  color: var(--light);
}
.nav-item {
  margin-bottom: 0;
}
.navbar-brand {
  max-width: 160px;
}
.nav-dropdown-menu-link {
  color: var(--grey-2);
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  transition: all .3s;
}
.nav-dropdown-menu-link:hover, .nav-dropdown-menu-link[aria-current="page"], .nav-dropdown-menu-link.is-active {
  color: var(--light);
}
.home-hero {
  padding-bottom: var(--_responsive---padding--padding-80-px);
  margin-top: 33px;
}
.home-hero-wrap {
  border-radius: var(--_responsive---border-radius-20-px);
  padding: 1px;
  position: relative;
  overflow: hidden;
}
.home-hero-inner-wrap {
  padding-top: 94px;
  padding-bottom: var(--_responsive---padding--padding-40-px);
  border-radius: var(--_responsive---border-radius-20-px);
  background-color: var(--dark);
  background-image: url('../images/BG.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-hero-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  max-width: 976px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.home-hero-bottom {
  margin-top: var(--_responsive---margin--margin-80-px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}
.heading-form-wrap {
  width: 592px;
  max-width: var(--100);
}
.stroke-liner-5 {
  z-index: -100;
  opacity: .05;
  background-image: linear-gradient(#fff, #ffffff52);
  position: absolute;
  inset: 0%;
}
.stroke-liner-5.border-20 {
  border-radius: var(--_responsive---border-radius-20-px);
}
.heading-form {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  display: flex;
}
.form-text-field {
  border-radius: var(--_responsive---border-radius-10-px);
  min-height: 60px;
  color: var(--light);
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  margin-bottom: 0;
  padding-left: 26px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.form-text-field:focus {
  border-color: var(--primary);
}
.form-text-field::placeholder {
  color: var(--grey-1);
}
.form-text-field._01 {
  min-height: 157px;
}
.hero-heddaing-inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.arrow-icon {
  width: 60px;
  height: 60px;
}
.submit-button {
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--transparent);
  color: var(--light);
  background-image: url('../images/arrow-up-right-01-round.svg'), url('../images/Image-Linner.avif');
  background-position: 137px, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
  border: 1px solid #fff;
  padding-left: 31px;
  padding-right: 69px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  transition: background-color .3s, border-color .3s;
}
.submit-button:hover {
  background-image: url('../images/arrow-up-right-01-round.svg'), url('../images/footer.avif');
  background-position: 137px, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
  border: 1px solid #fff3;
}
.submit-button._01 {
  border-radius: var(--_responsive---border-radius-10-px);
  background-position: 170px, 50%;
  padding-top: 17px;
  padding-bottom: 17px;
  transition-duration: .4s, .3s;
}
.submit-button._02 {
  border-radius: var(--_responsive---border-radius-10-px);
  background-position: 295px, 50%;
  padding: 17px 261px 17px 215px;
}
.success-message {
  border-radius: var(--_responsive---border-radius-10-px);
  background-color: var(--primary);
}
.success-message._01 {
  margin-top: 140px;
}
.hero-card-box {
  width: 320px;
  height: 298px;
  max-width: var(--100);
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-radius: var(--_responsive---border-radius-10-px);
  background-color: #05051fbf;
  border: 1px solid #ffffff3d;
  flex-flow: column;
  flex: none;
  margin-right: 15px;
  padding: 24px 28px 22px;
  display: flex;
  overflow: hidden;
}
.hero-card-box._02 {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.hero-card-box._03 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  padding-top: 14px;
}
.hero-card-box._04 {
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  padding: 0;
}
.hero-card-box._05 {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  padding-top: 26px;
  padding-left: 30px;
  padding-right: 30px;
}
.hero-card-wrap {
  flex: none;
  display: flex;
}
.hero-card-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}
.hero-card-text._02 {
  padding-left: 28px;
  padding-right: 28px;
}
.hero-card-text-01 {
  color: var(--light);
  letter-spacing: var(--3);
  font-family: Gilroy, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.hero-card-text-02 {
  color: #fff9;
  font-family: Gilroy, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.text-span {
  color: #ff9af9;
  margin-right: 3px;
  font-weight: 600;
}
.form-block {
  margin-bottom: 0;
}
.apps {
  padding-top: var(--_responsive---padding--padding-160-px);
}
.teams {
  padding-top: var(--_responsive---margin--margin-160-px);
}
.brand-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}
.brand-inner-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  display: flex;
}
.brands-marquee-wrap {
  display: flex;
  overflow: hidden;
}
.brands-list {
  flex: none;
  display: flex;
}
.brand-logo {
  margin-right: 100px;
}
.apps-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.apps-bottom {
  margin-top: var(--_responsive---margin--margin-120-px);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.apps-card-wrap {
  width: var(--100);
  height: var(--100);
  border-radius: var(--_responsive---border-radius-16-px);
  padding: 1px;
  position: relative;
}
.stroke-liner-10 {
  z-index: -100;
  opacity: .1;
  background-image: linear-gradient(184deg, #fff, #fff);
  position: absolute;
  inset: 0%;
}
.stroke-liner-10.border-16 {
  border-radius: var(--_responsive---border-radius-16-px);
  border: 1px solid #fff;
}
.apps-card-main {
  z-index: 1;
  height: var(--100);
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.apps-bg-liner {
  z-index: -1;
  height: var(--100);
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .05;
  background-image: linear-gradient(#f7f9fc, #f7f9fce8 9%, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.apps-main-card {
  height: var(--100);
  min-height: 453px;
  padding: var(--_responsive---padding--padding-40-px);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.apps-main-card._01 {
  padding-right: 0;
}
.apps-card-image {
  max-width: var(--100);
  min-height: 180px;
}
.apps-card-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}
.apps-card-text._01 {
  padding-right: var(--_responsive---padding--padding-40-px);
}
.apps-top-icon {
  z-index: 1;
  background-image: url('../images/Apps-BG.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 77px;
  height: 77px;
  display: flex;
  position: absolute;
  inset: -39px 48px auto auto;
}
.teams-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  max-width: 839px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.teams-bottom {
  margin-top: var(--_responsive---margin--margin-72-px);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}
.teams-heading-02 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.teams-heading-icon {
  width: 48px;
  height: 48px;
}
.teams-card-list {
  width: var(--100);
  border: 1px solid #737a8833;
  position: sticky;
  top: 60px;
}
.teams-card-inner {
  background-color: var(--dark);
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}
.management {
  padding-top: var(--_responsive---padding--padding-120-px);
}
.teams-card-left {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.teams-card-right {
  width: 700px;
  max-width: var(--100);
  border-left: 1px solid #737a8833;
  padding-top: 42px;
  padding-left: 41px;
  padding-right: 33px;
  position: relative;
}
.teams-card-right._02 {
  padding-left: 0;
  padding-right: 0;
}
.teams-card-right._03 {
  padding-top: 38px;
  padding-left: 97px;
  padding-right: 73px;
  overflow: hidden;
}
.teams-card-left-text {
  width: 583px;
  max-width: var(--100);
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: flex;
}
.teams-left-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}
.teams-left-bottom {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}
.teams-sub-text {
  max-width: 415px;
}
.teams-point-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}
.teams-point-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.teams-card-image {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  position: relative;
  overflow: hidden;
}
.teams-card-image._02 {
  height: auto;
}
.plus-01 {
  position: absolute;
  inset: auto auto -2px 0%;
}
.plus-02 {
  position: absolute;
  inset: -2px auto auto 0%;
}
.plus-03 {
  position: absolute;
  inset: -2px auto auto -33px;
}
.plus-04 {
  position: absolute;
  inset: auto auto -2px -33px;
}
.plus-05 {
  position: absolute;
  inset: -2px 0% auto auto;
}
.plus-06 {
  position: absolute;
  inset: auto 0% -2px auto;
}
.button-05 {
  -webkit-backdrop-filter: blur(129.54px);
  backdrop-filter: blur(129.54px);
  color: #1c0b38;
  background-image: linear-gradient(79deg, #ffffff4f, #ffffff52);
  border-radius: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  overflow: hidden;
}
.button-01-arrow-wrap {
  width: 22px;
  height: 22px;
  overflow: hidden;
}
.button-01-arrow-group {
  justify-content: flex-end;
  display: flex;
}
.button-01-arrow {
  width: 22px;
  height: 22px;
}
.button-01-wrap {
  z-index: 1;
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.button-01-wrap:where(.variant-button-05-base-02), .button-01-wrap.base-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
.button-01-text-wrap {
  height: 28px;
  overflow: hidden;
}
.button-04-wrap {
  background-color: var(--dark);
  border-radius: 10px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.button-04-stock {
  z-index: 0;
  opacity: .05;
  background-image: linear-gradient(#f7f9fc, #f7f9fce6 9%, #f7f9fc);
  border-radius: 10px;
  position: absolute;
  inset: 0%;
}
.management-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.management-bottom {
  margin-top: var(--_responsive---margin--margin-80-px);
}
.management-heading-icon {
  width: 48px;
  height: 48px;
}
.management-heading {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.management-top-card {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.management-bottom-card {
  border-radius: var(--_responsive---border-radius-16-px);
  margin-top: 30px;
  padding: 2px;
  position: relative;
  overflow: hidden;
}
.management-card {
  border-radius: var(--_responsive---border-radius-16-px);
  padding: 2px;
  position: relative;
  overflow: hidden;
}
.management-stock {
  z-index: -1;
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .1;
  background-image: linear-gradient(#fff, #ffffff52);
  position: absolute;
  inset: 0%;
}
.management-card-inner {
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.management-card-bg {
  z-index: 1;
  border-radius: var(--_responsive---border-radius-16-px);
  position: absolute;
  inset: 0%;
}
.management-card-main-inner {
  z-index: 2;
  grid-column-gap: 89px;
  grid-row-gap: 89px;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}
.management-card-text-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-items: flex-start;
  padding-top: 48px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
}
.management-card-image-wrap {
  width: var(--100);
  height: var(--100);
  padding-left: 56px;
  padding-right: 56px;
  overflow: hidden;
}
.management-card-image {
  border-top-left-radius: var(--_responsive---border-radius-16-px);
  border-top-right-radius: var(--_responsive---border-radius-16-px);
  border-top: 1px solid #ffffff3d;
  border-left: 1px solid #ffffff3d;
  border-right: 1px solid #ffffff3d;
  overflow: hidden;
}
.management-icon-wrap {
  background-image: url('../images/Management-Icon.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #ffffff3d;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
  overflow: hidden;
}
.management-icon {
  width: 36px;
  height: 36px;
}
.management-card-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}
.apps-icon {
  width: 29px;
  height: 29px;
}
.management-left {
  width: 520px;
  max-width: var(--100);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}
.management-right {
  width: 375px;
  max-width: var(--100);
  position: relative;
}
.m-bottom-card-inner {
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.m-bottom-card-main {
  z-index: 2;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  padding: 61px 114px 61px 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.management-card-image-02 {
  border-radius: var(--_responsive---border-radius-16-px);
  width: 246px;
  height: 80px;
  position: absolute;
  inset: 15px -47px auto auto;
}
.home-blog {
  padding-top: var(--_responsive---padding--padding-120-px);
}
.explore {
  padding-top: var(--_responsive---padding--padding-160-px);
  padding-bottom: var(--_responsive---padding--padding-160-px);
}
.home-blog-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}
.home-blog-top {
  width: 1290px;
  max-width: var(--100);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.home-blog-bottom {
  width: 1290px;
  max-width: var(--100);
  margin-left: auto;
  margin-right: auto;
}
.home-blog-collection-list {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}
.home-blog-list-wrap {
  width: var(--100);
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  color: var(--light);
  justify-content: space-between;
  text-decoration: none;
  display: flex;
}
.home-blog-left {
  width: 660px;
  max-width: var(--100);
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}
.home-blog-right {
  width: 520px;
  height: 347px;
  max-width: var(--100);
  position: relative;
  overflow: hidden;
}
.home-blog-title {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}
.home-blog-title-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}
.writer-info-box {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}
.blog-name {
  font-size: var(--_typography---heading-6--font-size);
  line-height: var(--_typography---heading-6--line-height);
  text-transform: none;
}
.explore-wrap {
  border-radius: var(--_responsive---border-radius-16-px);
  padding: 2px;
  position: relative;
}
.explore-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  max-width: 833px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.explore-bottom {
  max-width: 1272px;
  margin-top: 240px;
  margin-left: auto;
  margin-right: auto;
}
.explore-heading {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.explore-heading-icon {
  width: 60px;
  height: 60px;
}
.text-liner-image {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/Image-Linner.avif');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  -webkit-background-clip: text;
  background-clip: text;
}
.explore-wrap-inner {
  padding-top: var(--_responsive---padding--padding-80-px);
  padding-bottom: var(--_responsive---padding--padding-80-px);
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.explore-wrap-main {
  z-index: 2;
  position: relative;
}
.explore-bg {
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .05;
  background-image: linear-gradient(#f7f9fc, #f7f9fce8 9%, #f7f9fc);
  position: absolute;
  inset: 0%;
}
.explore-list-top {
  position: relative;
}
.explore-list-bottom {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}
.explore-item {
  max-width: var(--100);
  border-radius: 100px;
  flex: 0 auto;
  padding: 1px;
  position: relative;
}
.explore-item._01 {
  width: 203px;
  height: 203px;
  margin-right: 116px;
}
.explore-item._02 {
  width: 203px;
  height: 203px;
  margin-right: 87px;
}
.explore-item._03 {
  width: 203px;
  height: 203px;
  margin-right: 72px;
}
.explore-item._04 {
  width: 147px;
  height: 147px;
  margin-right: 36px;
}
.explore-item._05 {
  width: 203px;
  height: 203px;
}
.explore-item._06 {
  width: 147px;
  height: 147px;
  margin-top: 38px;
  margin-right: 144px;
}
.explore-item._07 {
  width: 140px;
  height: 140px;
  margin-top: 42px;
  margin-right: 166px;
}
.explore-item._08 {
  width: 110px;
  height: 110px;
  margin-top: 59px;
  margin-right: 80px;
}
.explore-item._09 {
  width: 157px;
  height: 157px;
}
.explore-stock {
  z-index: -1;
  opacity: .1;
  background-image: linear-gradient(-43deg, #fff, #ffffff52);
  border-radius: 100px;
  position: absolute;
  inset: 0%;
}
.explore-item-main {
  width: var(--100);
  height: var(--100);
  max-width: var(--100);
  background-color: var(--dark);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.explore-item-bg {
  border-radius: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.explore-main-icon {
  z-index: 1;
  position: relative;
}
.explore-list-top-inner {
  width: 955px;
  max-width: var(--100);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}
.about-hero {
  padding-top: var(--_responsive---padding--padding-134-px);
  overflow: clip;
}
.about-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.about-heading-02 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-hero-icon {
  width: 60px;
  height: 60px;
}
.about-bottom {
  height: 300vh;
  margin-top: var(--_responsive---margin--margin-80-px);
}
.sticky {
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-right: 5%;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}
.about-wrapper {
  width: var(--100);
}
.collection-list {
  display: flex;
}
.collection-item {
  width: 640px;
  max-width: var(--100);
  border-radius: var(--_responsive---border-radius-20-px);
  flex: none;
  justify-content: flex-start;
  align-items: flex-end;
  padding-right: 8px;
  display: flex;
  overflow: hidden;
}
.our-mission-top {
  width: 707px;
  max-width: var(--100);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.our-mission {
  padding-top: var(--_responsive---padding--padding-80-px);
  padding-bottom: var(--_responsive---padding--padding-80-px);
  overflow: clip;
}
.our-mission-wrap {
  height: 150vh;
}
.our-mission-bottom {
  width: 100vw;
  margin-top: var(--_responsive---margin--margin-72-px);
}
.our-mission-inner-wrap {
  position: sticky;
  top: 20px;
}
.our-mission-wraper {
  width: 100vw;
}
.mission-list-wrap {
  display: flex;
}
.mission-item {
  width: 965px;
  max-width: var(--100);
  border-radius: var(--_responsive---border-radius-16-px);
  flex: none;
  margin-right: 40px;
  padding: 2px;
  position: relative;
  overflow: hidden;
}
.mission-item-stock {
  z-index: -1;
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .1;
  background-image: linear-gradient(-65deg, #fff, #ffffff52);
  position: absolute;
  inset: 0%;
}
.mission-item-inner {
  height: var(--100);
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.mission-item-inner-bg {
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .05;
  background-image: linear-gradient(#f7f9fc, #f7f9fce8 9%, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.mission-main-inner {
  z-index: 2;
  height: var(--100);
  padding: var(--_responsive---padding--padding-32-px);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}
.mission-left {
  width: 400px;
  max-width: var(--100);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.mission-right {
  width: 420px;
  max-width: var(--100);
  border-radius: var(--_responsive---border-radius-16-px);
  border: 1px solid #ffffff1a;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
.mission-right-bg {
  z-index: -1;
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .05;
  background-image: linear-gradient(#f7f9fc, #f7f9fce8 9%, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.mission-right-main {
  padding: var(--_responsive---padding--padding-24-px);
  justify-content: center;
  align-items: center;
  display: flex;
}
.mission-card-image {
  z-index: 1;
  border: 1px solid #ebedff14;
  border-radius: 8px;
  position: relative;
}
.mission-card-image-wrap {
  background-color: var(--dark);
  border: 1px solid #ffffff14;
  border-radius: 14px;
  padding: 21.6px;
  position: relative;
  overflow: hidden;
}
.mission-card-bg {
  z-index: 0;
  opacity: .05;
  background-image: linear-gradient(#f7f9fc, #f7f9fce6 9%, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.mission-card-image-02 {
  border: 1px solid #ebedff14;
  border-radius: 8px;
}
.meet-ceo {
  padding-top: var(--_responsive---padding--padding-70-px);
}
.meet-ceo-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.meet-ceo-left {
  width: 630px;
  max-width: var(--100);
  border-radius: var(--_responsive---border-radius-20-px);
  padding: 3px;
  position: relative;
  overflow: hidden;
}
.meet-ceo-right {
  width: 670px;
  max-width: var(--100);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}
.meet-ceo-left-stock {
  z-index: -1;
  border-radius: var(--_responsive---border-radius-20-px);
  opacity: .1;
  background-image: linear-gradient(#4222a000, #ff89e3 68%, #7945ff);
  position: absolute;
  inset: 0%;
}
.meet-ceo-left-wrap {
  border-radius: var(--_responsive---border-radius-20-px);
  background-color: var(--dark);
  position: relative;
  overflow: hidden;
}
.meet-ceo-bg {
  border-radius: var(--_responsive---border-radius-20-px);
  position: absolute;
  inset: 0%;
}
.ceo-image-wrap {
  z-index: 1;
  position: relative;
}
.ceo-image-bg {
  width: var(--100);
  height: var(--100);
  object-fit: cover;
  object-position: 50% 50%;
}
.ceo-signature-wrap {
  max-width: 154px;
}
.ceo-message-box-01 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}
.ceo-message-box-02 {
  border-radius: 8px;
  padding: 16px 24px;
  position: relative;
  overflow: hidden;
}
.ceo-message-bg {
  z-index: -1;
  opacity: .05;
  background-image: linear-gradient(90deg, #f7f9fc, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.team {
  padding-top: var(--_responsive---padding--padding-173-px);
  padding-bottom: var(--_responsive---padding--padding-80-px);
}
.potential {
  padding-top: 185px;
}
.potential-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.potential-bottom {
  margin-top: var(--_responsive---margin--margin-72-px);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #737a884d;
  border-left: 1px solid #737a884d;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}
.potential-heading {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.potential-list-wrap {
  width: var(--100);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right: 1px solid #737a884d;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.potential-logo-wrap {
  border-bottom: 1px solid #737a884d;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 10px;
}
.potential-text-box {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-bottom: 1px solid #737a884d;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px 2px 20px 20px;
  display: flex;
}
.potential-heading-icon {
  width: 48px;
  height: 48px;
}
.team-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  max-width: 786px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.team-bottom {
  margin-top: var(--_responsive---margin--margin-72-px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}
.team-list-wrap {
  max-width: var(--100);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}
.team-list {
  background-color: var(--dark);
  justify-content: center;
  align-items: center;
  padding-bottom: 42px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}
.team-list._02 {
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}
.team-list._03 {
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  padding-left: 20px;
  display: flex;
}
.team-list._04 {
  padding-top: 53px;
  padding-bottom: 0;
}
.team-list._05, .team-list._06 {
  justify-content: center;
  align-items: center;
  padding-top: 53px;
  padding-bottom: 0;
}
.team-image {
  border-radius: var(--_responsive---border-radius-16-px);
  border: 1px solid #ffffff30;
  position: relative;
  overflow: hidden;
}
.team-info-wrap {
  margin-top: 16px;
}
.team-stock {
  z-index: -1;
  width: var(--100);
  opacity: .2;
  background-image: linear-gradient(90deg, #737a8800, #737a88 16% 84%, #737a8800);
  height: 1px;
}
.stock-line {
  z-index: 10;
  position: absolute;
  inset: 0% 0% 0% auto;
}
.image-hover-bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
}
.stock-corner {
  position: absolute;
  inset: auto -31px -34px auto;
}
.team-list-main {
  width: 220px;
  max-width: var(--100);
}
.stock-corner-02 {
  position: absolute;
  inset: -32px -31px auto auto;
}
.features-hero {
  padding-top: var(--_responsive---padding--padding-134-px);
}
.features-hero-top {
  position: relative;
}
.features-hero-bottom {
  margin-top: var(--_responsive---margin--margin-120-px);
  padding: var(--_responsive---margin--margin-80-px) var(--_responsive---padding--padding-40-px) 63px;
  border-radius: var(--_responsive---border-radius-24-px);
  background-color: #0e0e25;
}
.features-hero-heading {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.features-heading {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.features-hero-icon {
  width: 60px;
}
.features-hero-icon-01 {
  z-index: -5;
  width: 387px;
  position: absolute;
  inset: auto auto 95px 0%;
}
.features-hero-icon-02 {
  z-index: -5;
  width: 387px;
  position: absolute;
  inset: -37px 0% auto auto;
}
.features-hero-top-wrap {
  z-index: -2;
  filter: blur(184px);
  background-color: #05051f;
  max-width: 1139px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}
.features-hero-bottom-heading {
  max-width: 647px;
}
.features-hero-heading-02 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}
.features-hero-icon-03 {
  width: 34px;
}
.features-card-wrap {
  margin-top: var(--_responsive---margin--margin-72-px);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.features-hero-card {
  height: var(--100);
  background-color: #0f0f29;
  border: 1px solid #737a8829;
  position: relative;
}
.features-hero-card-text {
  padding-right: var(--_responsive---padding--padding-32-px);
  padding-bottom: var(--_responsive---padding--padding-32-px);
  padding-left: var(--_responsive---padding--padding-32-px);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 37px;
  display: flex;
}
.features-hero-card-image {
  width: var(--100);
  height: var(--100);
}
.features-card-image-wrap {
  position: relative;
  overflow: hidden;
}
.features-card-corner {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  inset: 0% -1px;
}
.card-corner-01 {
  z-index: 10;
  position: absolute;
  inset: -1px auto auto 0%;
}
.card-corner-02 {
  z-index: 10;
  position: absolute;
  inset: auto auto -1px 0%;
}
.card-corner-03 {
  z-index: 10;
  position: absolute;
  inset: -1px 0% auto auto;
}
.card-corner-04 {
  z-index: 10;
  position: absolute;
  inset: auto 0% -1px auto;
}
.image-bottom-linner {
  background-image: linear-gradient(#0f0f2933, #0f0f29);
  height: 147px;
  position: absolute;
  inset: auto 0% 0%;
}
.business {
  padding-top: var(--_responsive---padding--padding-120-px);
}
.business-top {
  text-align: center;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}
.business-bottom {
  margin-top: var(--_responsive---margin--margin-80-px);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}
.business-card-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--dark);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  top: 100px;
}
.business-card-left {
  width: 740px;
  max-width: var(--100);
  border-radius: var(--_responsive---border-radius-16-px);
  padding: 1px;
  position: relative;
  overflow: hidden;
}
.business-card-right {
  width: 470px;
  max-width: var(--100);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}
.business-card-stock {
  z-index: -1;
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .1;
  background-image: linear-gradient(-54deg, #fff, #ffffff52);
  position: absolute;
  inset: 0%;
}
.business-card-image-wrap {
  padding: var(--_responsive---padding--padding-40-px) var(--_responsive---padding--padding-40-px) 10px;
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.business-card-inner-image {
  z-index: 2;
  position: relative;
}
.business-card-bg {
  z-index: 0;
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .05;
  pointer-events: none;
  background-image: linear-gradient(#f7f9fc, #f7f9fce8 9%, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.business-card-image-wrap-02 {
  padding: var(--_responsive---padding--padding-40-px) var(--_responsive---padding--padding-40-px) 29px;
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.business-card-more-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.business-icon-list-01 {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  display: flex;
}
.business-icon-list-01._02 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  margin-top: 52px;
}
.business-icon {
  width: 100px;
  height: 100px;
}
.business-icon._02 {
  margin-top: 7px;
}
.blanck-icon {
  width: var(--100);
  background-color: #ffffff05;
  border: 1px solid #ffffff1a;
  border-radius: 8.2px;
  height: 33px;
}
.teams-v1 {
  padding-top: var(--_responsive---padding--padding-173-px);
  padding-bottom: var(--_responsive---padding--padding-173-px);
}
.teams-v1-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.teams-v1-bottom {
  margin-top: var(--_responsive---margin--margin-60-px);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.teams-v1-heading-icon {
  width: 48px;
}
.teams-v1-card-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.teams-v1-bottom-card {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-radius: var(--_responsive---border-radius-20-px);
  background-color: #0e0e25;
  justify-content: space-between;
  align-items: center;
  padding-top: 65px;
  padding-left: 40px;
  padding-right: 136px;
  display: flex;
}
.teams-v1-card {
  padding: var(--_responsive---padding--padding-30-px) var(--_responsive---padding--padding-32-px) var(--_responsive---padding--padding-32-px);
  border-radius: var(--_responsive---border-radius-20-px);
  background-color: #0e0e25;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}
.teams-v1-card-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.teams-v1-card-image._01 {
  width: 284px;
}
.teams-v1-card-image._03 {
  width: 356px;
}
.image-bottom-linner-01 {
  background-image: linear-gradient(#0f0f2933, #0f0f29);
  height: 206px;
  position: absolute;
  inset: auto 0% 0%;
}
.teams-v1-card-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 15px;
  display: flex;
}
.teams-v1-card-image-02 {
  width: 264px;
  position: absolute;
  inset: auto 0% 69px auto;
}
.teams-v1-bottom-left {
  width: 563px;
  max-width: var(--100);
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}
.teams-v1-bottom-right {
  width: 542px;
  max-width: var(--100);
  position: relative;
}
.teams-v1-top-01 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  max-width: 472px;
  display: flex;
}
.teams-v1-top-02 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}
.teams-v1-text-list-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}
.teams-v1-text-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.teams-v1-bottom-image-02 {
  -webkit-backdrop-filter: blur(104px);
  backdrop-filter: blur(104px);
  border-radius: 21px;
  width: 306px;
  position: absolute;
  inset: 47px auto auto -130px;
  overflow: hidden;
}
.teams-v1-bottom-image-03 {
  -webkit-backdrop-filter: blur(104px);
  backdrop-filter: blur(104px);
  border-radius: 21px;
  width: 274px;
  position: absolute;
  inset: auto -66px 53px auto;
  overflow: hidden;
}
.pricing-hero {
  padding-top: var(--_responsive---padding--padding-100-px);
}
.hero-v2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.h7-2 {
  letter-spacing: 0;
  font-family: Intertight, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
}
.h7-2.text-linner-img {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/Image-Linner.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}
.paragraph-5 {
  color: #fffc;
  margin-bottom: 0;
  font-family: Intertight, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 140%;
}
.paragraph-5.text-grey-2 {
  color: var(--grey-2);
}
.paragraph-5.text-grey-2:where(.variant-hero-v2-sub-heading-grey-01) {
  color: var(--grey-1);
}
.features-hero-icon-4 {
  width: 60px;
}
.pricing-bottom {
  margin-top: var(--_responsive---margin--margin-120-px);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.priceing-card {
  padding: var(--_responsive---padding--padding-24-px) var(--_responsive---padding--padding-24-px) 55px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_responsive---border-radius-16-px);
  -webkit-backdrop-filter: blur(34px);
  backdrop-filter: blur(34px);
  background-color: #0c0c25;
  border: 1px solid #ffffff0a;
  flex-flow: column;
  display: flex;
}
.priceing-card._02 {
  background-image: url('../images/plancard.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-width: 2px;
}
.priceing-card-top {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}
.priceing-card-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.features-list-wrap {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  display: flex;
}
.features-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}
.features-title-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.diverder {
  width: var(--100);
  background-color: #fff3;
  height: 1px;
}
.diverder._01 {
  max-width: 32px;
}
.priceing-card-top-price {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.pricing-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: flex-end;
  display: flex;
}
.compare {
  padding-top: var(--_responsive---padding--padding-40-px);
  padding-bottom: var(--_responsive---padding--padding-80-px);
}
.compare-top {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.compare-bottom {
  box-sizing: content-box;
  border-top: 1px solid #fff3;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
  overflow: auto;
}
.compare-top-left {
  width: 400px;
  max-width: var(--100);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.compare-top-right {
  width: 938px;
  max-width: var(--100);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.compare-top-block {
  padding: var(--_responsive---padding--padding-32-px);
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  flex-flow: column;
  display: flex;
}
.compare-top-block._02 {
  background-color: #ffffff14;
  border-width: 0;
}
.compare-top-icon {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}
.compare-icon-box {
  background-color: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 42px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}
.compare-icon {
  width: 32px;
}
.compare-pricing-box-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.compare-pricing-box {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  align-items: flex-end;
  display: flex;
}
.compare-bottom-left {
  border-right: 1px solid #fff3;
  width: 455px;
  padding-top: 64px;
}
.compare-bottom-right {
  width: var(--100);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.compare-heading-list {
  grid-column-gap: 66px;
  grid-row-gap: 66px;
  flex-flow: column;
  display: flex;
}
.compare-item-list-wrap {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 64px;
  display: flex;
}
.compare-item-list-wrap._01 {
  background-image: linear-gradient(#ffffff03, #ffffff0a);
}
.compare-item-list {
  justify-content: center;
  align-items: center;
  display: flex;
}
.compare-icon-01 {
  width: 44px;
  height: 44px;
}
.compare-button-wrap {
  width: var(--100);
  flex-flow: column;
  margin-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}
.compare-item-list-inner {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-flow: column;
  display: flex;
}
.changelog {
  padding-top: var(--_responsive---padding--padding-134-px);
  padding-bottom: var(--_responsive---padding--padding-80-px);
}
.changelog-bottom {
  margin-top: var(--_responsive---margin--margin-120-px);
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}
.changelog-list-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.changelog-bottom-left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 25px;
}
.changelog-bottom-right {
  width: 790px;
  max-width: var(--100);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}
.changelog-vs {
  background-color: #d8d8df14;
  border: 1px solid #d8d8df14;
  border-radius: 8px;
  padding: 7px 12px;
}
.changelog-image-wrap {
  width: var(--100);
  padding: var(--_responsive---padding--padding-32-px);
  border-radius: var(--_responsive---border-radius-24-px);
  background-color: #ffffff05;
  border: 1px solid #ffffff0d;
  overflow: hidden;
}
.changelog-image {
  width: var(--100);
  border-radius: var(--_responsive---border-radius-16-px);
  border: 1px solid #ffffff1a;
}
.changelog-right-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}
.changelog-text-02 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}
.changelog-text-03 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}
.changelog-text-04 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  padding-left: 15px;
  display: flex;
}
.dot {
  background-color: var(--grey-2);
  border-radius: 100px;
  width: 10px;
  height: 10px;
}
.dot._01 {
  opacity: .5;
  background-image: url('../images/Apps-BG.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.dot._02 {
  width: 8px;
  height: 8px;
}
.changelog-text-001 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}
.integration {
  padding-top: var(--_responsive---padding--padding-134-px);
  padding-bottom: var(--_responsive---padding--padding-80-px);
}
.integration-bottom {
  margin-top: 64px;
}
.integration-bottom-list {
  margin-top: var(--_responsive---margin--margin-120-px);
}
.integration-top-logo {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}
.integration-logo-box {
  background-color: #2c2f394d;
  background-image: url('../images/Logo-Bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #ffffff3d;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  padding: 20px;
  display: flex;
}
.integration-logo-box-wrap {
  flex: none;
  display: flex;
}
.collection-list-2 {
  align-items: flex-start;
  display: flex;
}
.collection-item-2 {
  margin-right: 32px;
}
.integration-logo-top-linner {
  background-image: linear-gradient(90deg, #05051f, #05051fb5 15%, #05051f00 50%, #05051fb5 85%, #05051f);
  position: absolute;
  inset: 0%;
}
.hero-tabs-content {
  margin-top: 64px;
}
.tab-link {
  background-color: #fff0;
  border-bottom: 1px solid #fff0;
  justify-content: center;
  align-items: center;
  padding: 4px 16px 12px;
  display: flex;
}
.tab-link[aria-current="page"], .tab-link.is-active {
  background-color: #fff0;
}
.tab-link-inner-icon-wrap {
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.hero-tabs {
  margin-top: 20px;
}
.tab-link-inner-icon {
  flex-flow: column;
  display: flex;
}
.tab-link-inner {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.hero-tabs-menu {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border: 1px solid #9b9ba533;
  border-width: 1px 0;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  display: flex;
}
.integrationscollection-list {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.integrations-list {
  padding: var(--_responsive---padding--padding-27-px);
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.integrations-list-wrap {
  border-radius: var(--_responsive---border-radius-16-px);
  padding: 2px;
  text-decoration: none;
  position: relative;
}
.integrations-stock {
  z-index: -1;
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .1;
  background-image: linear-gradient(-53deg, #fff, #ffffff52);
  position: absolute;
  inset: 0%;
}
.integrations-bg {
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .05;
  background-image: linear-gradient(#f7f9fc, #f7f9fce8 9%, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.integrations-main-item {
  z-index: 3;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
  position: relative;
}
.integrations-item-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.integrations-item-bottom {
  display: flex;
}
.integrations-item-icon {
  border: 1px solid #ffffff08;
  border-radius: 15px;
  width: 68px;
}
.integrations-name-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}
.integrations-name {
  color: var(--light);
  text-decoration: none;
}
.integrations-details {
  padding-top: var(--_responsive---padding--padding-134-px);
  padding-bottom: var(--_responsive---padding--padding-80-px);
}
.integrations-details-wrap {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}
.integrations-details-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  max-width: 894px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.integrations-details-bottom {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.integrations-details-middle {
  border-radius: var(--_responsive---border-radius-16-px);
  padding: 2px;
  position: relative;
}
.integrations-details-main {
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.integrations-main-01 {
  z-index: 2;
  padding: var(--_responsive---padding--padding-32-px);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: var(--_responsive---border-radius-16-px);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}
.integrations-details-main-bg {
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .05;
  background-image: linear-gradient(#f7f9fc, #f7f9fce8 9%, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.integrations-main-left {
  width: 752px;
  max-width: var(--100);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.integrations-main-right {
  width: 304px;
  height: 304px;
  max-width: var(--100);
  border-radius: 67.21px;
  padding: 4.48px;
  position: relative;
}
.integrations-main-icon {
  z-index: 4;
  width: 190px;
  position: relative;
}
.integrations-main-stock {
  z-index: -1;
  background-image: linear-gradient(#fff6, #fff0 40% 75%, #ffffff1a);
  border-radius: 67.21px;
  position: absolute;
  inset: 0%;
}
.integrations-main-icon-wrap {
  width: var(--100);
  height: var(--100);
  background-color: var(--dark);
  border-radius: 67.21px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.integrations-main-bg {
  opacity: .1;
  background-image: linear-gradient(#f7f9fc, #f7f9fce8 9%, #f7f9fc00);
  border-radius: 67.21px;
  position: absolute;
  inset: 0%;
}
.integrations-left {
  width: 820px;
  max-width: var(--100);
}
.integrations-right {
  width: 392px;
  max-width: var(--100);
  border-radius: var(--_responsive---border-radius-16-px);
  padding: 1px;
  position: sticky;
  top: 20px;
}
.integrations-right._01 {
  width: var(--100);
}
.integrations-righ-text p {
  color: var(--grey-2);
  margin-top: 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.integrations-righ-text h6 {
  margin-top: 32px;
}
.integrations-righ-text ul {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-top: 16px;
  margin-bottom: 0;
  padding-left: 26px;
  display: flex;
}
.integrations-righ-text ol {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-top: 24px;
  margin-bottom: 0;
  padding-left: 26px;
  display: flex;
}
.integrations-image-wrap {
  margin-top: 48px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}
.integrations-image {
  width: var(--100);
}
.integrations-right-stock {
  z-index: -1;
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .1;
  background-image: linear-gradient(-43deg, #fff, #ffffff52);
  position: absolute;
  inset: 0%;
}
.integrations-right-main {
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
}
.integrations-right-main-inner {
  padding: var(--_responsive---padding--padding-32-px);
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-radius: var(--_responsive---border-radius-16-px);
  background-image: url('../images/Cart-Bg.avif');
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  display: flex;
}
.integrations-icon-001 {
  width: 26px;
  height: 26px;
}
.icon-wrap {
  background-image: url('../images/Logo-Bg.svg');
  background-position: 0 0;
  background-size: auto;
  border: 1px solid #ffffff2b;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}
.integrations-right-01 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}
.integrations-right-02 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  display: flex;
}
.blog {
  padding-top: var(--_responsive---padding--padding-134-px);
  padding-bottom: 212px;
}
.blog-top {
  margin-top: var(--_responsive---margin--margin-100-px);
}
.blog-bottom {
  margin-top: var(--_responsive---margin--margin-120-px);
}
.blog-v1-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--light);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}
.blog-v1-image {
  width: 696px;
  height: 500px;
  max-width: var(--100);
  position: relative;
  overflow: hidden;
}
.blog-v1-details {
  width: 494px;
  max-width: var(--100);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}
.blog-v1-details-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.blog-v1-top-title {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}
.blog-v1-top-title._01 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
}
.blog-v1-details-name {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}
.blog-collection-list {
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.blog-item {
  width: var(--100);
  height: var(--100);
  border-radius: var(--_responsive---border-radius-12-8-px);
  color: var(--light);
  background-color: #ffffff05;
  border: 1px solid #ffffff1a;
  flex-flow: column;
  justify-content: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}
.blog-info {
  padding: var(--_responsive---padding--padding-24-px) var(--_responsive---padding--padding-24-px) var(--_responsive---padding--padding-22-px);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  flex-flow: column;
  display: flex;
}
.blog-image {
  width: var(--100);
  border-top-left-radius: var(--_responsive---border-radius-12-8-px);
  border-top-right-radius: var(--_responsive---border-radius-12-8-px);
  height: auto;
  position: relative;
  overflow: hidden;
}
.blog-details {
  padding-top: var(--_responsive---padding--padding-134-px);
  padding-bottom: 96px;
}
.blog-details-bottom {
  margin-top: var(--_responsive---margin--margin-100-px);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.blog-details-left {
  width: 822px;
  max-width: var(--100);
}
.blog-details-right {
  width: 412px;
  max-width: var(--100);
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 10px;
}
.blog-details-right-top {
  border-radius: var(--_responsive---border-radius-16-px);
  padding: 1px;
  position: relative;
}
.bloger-image {
  width: 32px;
  height: 32px;
}
.bloger-info-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}
.blog-details-right-main {
  z-index: 1;
  padding: var(--_responsive---padding--padding-32-px);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_responsive---border-radius-16-px);
  flex-flow: column;
  display: flex;
  position: relative;
}
.blog-details-right-top-main {
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.card-bg-liner {
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .05;
  background-image: linear-gradient(#f7f9fc, #f7f9fce8 9%, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.table-list-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}
.table-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}
.blog-details-image {
  width: var(--100);
  height: 500px;
  max-width: var(--100);
  border-radius: var(--_responsive---border-radius-10-px);
  position: relative;
  overflow: hidden;
}
.blog-rich-text h6 {
  margin-top: 32px;
}
.blog-rich-text p {
  color: var(--grey-2);
  margin-top: 16px;
  font-size: 18px;
  line-height: 140%;
}
.blog-details-image-01 {
  width: var(--100);
  height: 358px;
  max-width: var(--100);
  border-radius: var(--_responsive---border-radius-10-px);
  margin-top: 48px;
  position: relative;
  overflow: hidden;
}
.utility-pages {
  padding-top: var(--_responsive---padding--padding-134-px);
  padding-bottom: var(--_responsive---padding--padding-80-px);
}
.utility-pages-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  max-width: 647px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.utility-pages-top.v2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: 772px;
}
.utility-pages-bottom {
  margin-top: var(--_responsive---margin--margin-100-px);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.utility-pages-left {
  width: 867px;
  max-width: var(--100);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}
.utility-pages-right {
  width: 352px;
  max-width: var(--100);
  position: sticky;
  top: 25px;
}
.utility-pages-text-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.utility-pages-text-wrap._01 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
.utility-text-heading {
  font-size: var(--_typography---heading-6--font-size);
  text-transform: capitalize;
}
.utility-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 30px;
  display: flex;
}
.title-box-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}
.title-number-box {
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}
.contact-us {
  padding-top: var(--_responsive---padding--padding-134-px);
  padding-bottom: var(--_responsive---padding--padding-60-px);
}
.contact-us-top {
  margin-left: auto;
  margin-right: auto;
}
.contact-us-bottom {
  margin-top: var(--_responsive---margin--margin-160-px);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}
.contact-info-box {
  margin-top: var(--_responsive---margin--margin-80-px);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}
.contact-info-box-wrap {
  border-radius: var(--_responsive---border-radius-16-px);
  padding: 1px;
  position: relative;
}
.contact-info-box-inner {
  width: var(--100);
  height: var(--100);
  padding: var(--_responsive---padding--padding-32-px);
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.contact-bg {
  z-index: 0;
  width: var(--100);
  height: var(--100);
  border-radius: var(--_responsive---border-radius-16-px);
  object-fit: cover;
  position: absolute;
  inset: 0%;
}
.contact-info-main {
  z-index: 1;
  width: var(--100);
  height: var(--100);
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  display: flex;
  position: relative;
}
.contact-info-text {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}
.contact-text-link {
  color: #fff;
  font-family: Intertight, Arial, sans-serif;
  font-size: 24px;
  line-height: var(--100);
  font-weight: 400;
  transition: color .3s;
}
.contact-text-link:hover {
  color: var(--primary);
}
.contact-heading-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}
.contact-us-left {
  width: 740px;
  max-width: var(--100);
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}
.contact-us-right {
  width: 630px;
  height: 811px;
  max-width: var(--100);
  border-radius: var(--_responsive---border-radius-20-px);
  position: relative;
  overflow: hidden;
}
.contact-us-left-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 658px;
  display: flex;
}
.form-text-field-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}
.formsubmit-button-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  display: flex;
}
.checkbox-field {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  max-width: 418px;
  padding-left: 14px;
  display: flex;
}
.form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.contact-form-block {
  margin-bottom: 0;
}
.checkbox {
  border: 1px solid var(--grey-1);
  background-color: var(--dark);
  width: 16px;
  height: 16px;
  color: var(--dark);
  flex: none;
}
.checkbox.is-checked {
  background-color: var(--dark);
}
.releted-blog {
  margin-top: var(--_responsive---margin--margin-96-px);
  padding-bottom: var(--_responsive---padding--padding-80-px);
}
.block-quote-wrap {
  border-radius: var(--_responsive---border-radius-16-px);
  margin-top: 32px;
  padding: 1px;
  position: relative;
}
.block-quote-main-wrap {
  padding: var(--_responsive---padding--padding-32-px);
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.block-quote-bg {
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .05;
  background-image: linear-gradient(#f7f9fc, #f7f9fce8 9%, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.block-quote-main {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.block-quote-content {
  width: var(--100);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.block-quote-bottom {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}
.block-quote-image {
  width: 32px;
}
.block-quote-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
}
.blog-text-poin-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 24px;
  display: flex;
}
.blog-text-poin {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.blog-number-list {
  background-color: #ffffff0d;
  border: 1px solid #ffffff24;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}
.blog-details-item-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  margin-top: 32px;
  display: flex;
}
.blog-details-item-02 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}
.arrow-24 {
  width: 24px;
}
.social-share-box-wrap {
  border-radius: var(--_responsive---border-radius-24-px);
  margin-top: 72px;
  padding: 1px;
  position: relative;
}
.social-share-box-inner {
  border-radius: var(--_responsive---border-radius-20-px);
  background-color: var(--dark);
  position: relative;
}
.social-share-main-box {
  z-index: 1;
  padding: var(--_responsive---padding--padding-32-px);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  display: flex;
  position: relative;
}
.social-share-box-bg {
  z-index: 0;
  border-radius: var(--_responsive---border-radius-20-px);
  opacity: .05;
  -webkit-backdrop-filter: blur(1003px);
  backdrop-filter: blur(1003px);
  background-image: linear-gradient(#f7f9fc, #f7f9fce8 9%, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.social-link-box-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}
.writer-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}
.writer-image {
  width: 53px;
}
.bloger-name {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}
.writer-image-wrap {
  width: 56px;
  height: 56px;
  position: relative;
}
.writer-image-bottom {
  width: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}
.copy-block-wrap {
  grid-column-gap: 8.5px;
  grid-row-gap: 8.5px;
  -webkit-backdrop-filter: blur(69.88px);
  backdrop-filter: blur(69.88px);
  color: var(--light);
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 100px;
  align-items: center;
  padding: 10px 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}
.copy-block-wrap:hover {
  background-color: var(--primary);
}
.copy-icon {
  width: 20px;
}
.social-link-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}
.social-link {
  -webkit-backdrop-filter: blur(69.88px);
  backdrop-filter: blur(69.88px);
  background-color: #fafafa0d;
  border: .68px solid #ffffff1a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background-color .3s;
  display: flex;
}
.social-link:hover {
  background-image: url('../images/Management-Icon.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.social-icon {
  width: 20px;
}
.releted-blog-top {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}
.releted-blog-bottom {
  margin-top: var(--_responsive---margin--margin-72-px);
}
.license {
  padding-top: var(--_responsive---padding--padding-134-px);
  padding-bottom: var(--_responsive---padding--padding-80-px);
}
.license-top {
  max-width: 798px;
  margin-left: auto;
  margin-right: auto;
}
.license-bottom {
  margin-top: var(--_responsive---margin--margin-80-px);
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}
.license-block-list {
  border-radius: var(--_responsive---border-radius-16-px);
  padding: 1px;
  position: relative;
}
.stroke-liner-16 {
  z-index: -100;
  height: var(--100);
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .1;
  background-image: linear-gradient(#fff, #ffffff52);
  position: absolute;
  inset: 0%;
}
.license-block-main {
  padding: var(--_responsive---padding--padding-40-px);
  border-radius: var(--_responsive---border-radius-16-px);
  background-color: var(--dark);
  position: relative;
}
.license-block-bg {
  z-index: 0;
  border-radius: var(--_responsive---border-radius-16-px);
  opacity: .05;
  background-image: linear-gradient(#f7f9fc, #f7f9fce8 9%, #f7f9fc00);
  position: absolute;
  inset: 0%;
}
.license-block-inner {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
  position: relative;
}
.license-block-image-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.license-block-image-wrap._02 {
  grid-template-columns: 1fr 1fr;
}
.license-block-image-wrap._03 {
  grid-template-columns: 1fr;
}
.license-block {
  width: var(--100);
  border-radius: var(--_responsive---border-radius-10-px);
  height: 240px;
  padding: 1px;
  text-decoration: none;
  position: relative;
}
.license-block-item {
  height: var(--100);
  border-radius: var(--_responsive---border-radius-10-px);
  background-color: #05051f;
  position: relative;
}
.license-bg-image {
  z-index: 0;
  width: var(--100);
  height: var(--100);
  object-fit: cover;
  object-position: 50% 50%;
  position: absolute;
  inset: 0%;
}
.license-block-item-main {
  z-index: 1;
  width: var(--100);
  height: var(--100);
  max-width: var(--100);
  padding: 40px var(--_responsive---padding--padding-20-px) 32px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: var(--_responsive---border-radius-10-px);
  text-align: center;
  background-color: #05051f26;
  background-image: url('../images/BG-Linner.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}
.field-label {
  display: none;
}
.password-text-field {
  border-radius: var(--_responsive---border-radius-10-px);
  height: 60px;
  color: var(--light);
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  padding: 19px 24px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.password-text-field::placeholder {
  color: var(--grey-2);
}
.wrong-message {
  border-radius: var(--_responsive---border-radius-10-px);
  background-color: #ff0a0a;
  padding: 20px;
}
._404-page {
  padding-top: var(--_responsive---padding--padding-134-px);
  padding-bottom: var(--_responsive---padding--padding-80-px);
}
._404-page-wrap {
  max-width: 798px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
._404-page-top {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
._404-page-bottom {
  max-width: 383px;
  margin-top: var(--_responsive---margin--margin-80-px);
  margin-left: auto;
  margin-right: auto;
}
._404-image {
  width: var(--100);
  height: var(--100);
}
._404-heading-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.shape-main-box {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: absolute;
  inset: 0%;
}
.cta-icon-wrap, .arrow-icon-wrap, .teams-heading-icon-wrap, .management-heading-icon-wrap, .explore-heading-icon-wrap, .hero-icon-wrap, .team-heading-icon, .features-heading-icon, .heading-icon-wrap {
  overflow: hidden;
}
.text-style-h6 {
  font-size: var(--_typography---heading-6--font-size);
  text-transform: none;
}
.text-style-h4 {
  font-size: var(--_typography---heading-4--font-size);
  text-transform: uppercase;
}
.text-style-h5 {
  font-size: var(--_typography---heading-5--font-size);
  text-transform: uppercase;
}
.text-style-h3 {
  font-size: var(--_typography---heading-3--font-size);
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
body {
    background-color: var(--dark);
  }
.nav-dropdown-list.shadow-three.mobile-shadow-hide._5.is-open {
    border-radius: 16px;
  }
.nav-dropdown-box {
    overflow: hidden;
  }
.home-hero-bottom {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }
.success-message {
    border-radius: var(--_responsive---border-radius-10-px);
    background-color: var(--primary);
    padding: 16px;
  }
.error-message {
    border-radius: var(--_responsive---border-radius-10-px);
    background-color: var(--secondary);
    padding: 16px;
  }
.teams-top {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    text-align: center;
    flex-flow: column;
    max-width: 839px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
.teams-bottom {
    margin-top: var(--_responsive---margin--margin-72-px);
  }
.teams-heading-02 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
.teams-card-list {
    padding: 1px;
  }
.teams-card-inner {
    background-color: var(--dark);
  }
.management {
    padding-top: var(--_responsive---padding--padding-120-px);
  }
.explore-item-main {
    max-width: var(--100);
  }
}
@media screen and (max-width: 991px) {
body {
    --_responsive---padding--padding-134-px: 130px;
    --_responsive---padding--padding-120-px: 80px;
    --_responsive---padding--padding-60-px: 50px;
    --_responsive---margin--margin-80-px: 60px;
    --_responsive---border-radius-16-px: 16px;
    --_responsive---border-radius-20-px: 18px;
    --_responsive---border-radius-10-px: 10px;
    --_responsive---padding--padding-32-px: 24px;
    --_responsive---margin--margin-140-px: 100px;
    --_responsive---padding--padding-40-px: 30px;
    --_responsive---border-radius-24-px: 22px;
    --_responsive---padding--padding-80-px: 70px;
    --_responsive---padding--padding-160-px: 100px;
    --_responsive---margin--margin-160-px: 120px;
    --_responsive---margin--margin-120-px: 100px;
    --_responsive---margin--margin-72-px: 60px;
    --_responsive---padding--padding-24-px: 20px;
    --_responsive---padding--padding-70-px: 60px;
    --_responsive---padding--padding-173-px: 120px;
    --_responsive---margin--margin-60-px: 50px;
    --_responsive---padding--padding-30-px: 28px;
    --_responsive---padding--padding-100-px: 80px;
    --_responsive---padding--padding-27-px: 22px;
    --_responsive---margin--margin-100-px: 80px;
    --_responsive---border-radius-12-8-px: 12.8px;
    --_responsive---padding--padding-22-px: 20px;
    --_responsive---margin--margin-96-px: 70px;
    --_responsive---padding--padding-20-px: 20px;
    --_responsive---margin--margin-70-px: 60px;
    --_responsive---padding--padding-140-px: 100px;
    --_typography---heading-1--font-size: 60px;
    --_typography---heading-1--line-height: 100%;
    --_typography---heading-2--font-size: 50px;
    --_typography---heading-3--font-size: 38px;
    --_typography---heading-4--font-size: 32px;
    --_typography---heading-4--line-height: 100%;
    --_typography---heading-5--font-size: 28px;
    --_typography---heading-5--line-height: 100%;
    --_typography---heading-6--font-size: 24px;
    --_typography---heading-6--line-height: 100%;
    --_typography---display-1--font-size: 100px;
    --_typography---display-1--line-height: 100%;
    --_typography---heading-7--font-size: 24px;
    --_typography---heading-7--line-height: 100%;
    --_typography---heading-2--line-height: 100%;
    --_typography---heading-3--line-height: 100%;
  }
.utility-page-form {
    margin-top: 43px;
  }
.container-small {
    padding-left: 18px;
    padding-right: 18px;
  }
.container-small.cta-container {
    padding-top: 220px;
    padding-bottom: 80px;
  }
.hero-v1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.typography-inner-wrap {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }
.typography-list-wrap {
    grid-column-gap: 80px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    display: flex;
  }
.h7.potential-text, .paragraph-01 {
    font-size: 22px;
  }
.typography-heading-02 {
    display: none;
  }
.color-bottom-inner {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.color-block {
    height: 180px;
  }
.blank-div.hide-tab {
    display: none;
  }
.button-bottom-wrap {
    flex-flow: wrap;
  }
.button-01._001 {
    width: var(--100);
  }
.button-stock._01 {
    background-color: #0000;
  }
.container-medium {
    padding-left: 16px;
    padding-right: 16px;
  }
.faq-bottom {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column-reverse;
  }
.faq-left-top {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    position: static;
  }
.button-03-inner {
    padding: 14px 28px;
  }
.fit-cover.blog-image {
    object-position: 50% 36%;
  }
.faq-tab {
    flex-flow: column;
  }
.faq-tabs-content {
    margin-top: 60px;
  }
.faq-tabs-menu {
    width: var(--100);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    margin-top: 0;
  }
.faq-tab-button {
    padding: 14px 32px;
  }
.faq-tab-icon {
    width: 20px;
    height: 20px;
  }
.faq-item {
    padding-top: 22px;
    padding-bottom: 22px;
  }
.cta-wrap {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }
.cta-heading-secound {
    grid-row-gap: 18px;
    flex-flow: wrap;
  }
.cta-icon {
    width: 70px;
    height: 70px;
  }
.footer {
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
.container-large {
    padding-left: 16px;
    padding-right: 16px;
  }
.footer-top {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }
.footer-link-list-wrap {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }
.footer-link-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.mobile-margin-top-12 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }
.nav-dropdown-list.shadow-three.is-open {
    position: absolute;
  }
.nav-dropdown-list.shadow-three.mobile-shadow-hide.is-open {
    box-shadow: none;
    margin-top: 16px;
    padding-top: 0;
    position: relative;
    left: 0;
  }
.nav-dropdown-list.shadow-three.mobile-shadow-hide._5.is-open {
    left: 0;
  }
.nav-right-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
.nav-button-wrapper {
    width: 100%;
    margin-left: 0;
    display: none;
  }
.nav-button-wrapper.mobile {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
.nav-dropdown-box {
    border-top: 0 solid #ffffff05;
    width: 100%;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
.navbar-wrapper {
    align-items: center;
    position: relative;
  }
.navbar-container {
    padding-top: 24px;
    padding-left: 18px;
    padding-right: 18px;
  }
.nav-dropdown-menu-wrap {
    width: var(--100);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.nav-dropdown-menu-wrap.custom-drop {
    display: flex;
  }
.nav-dropdown-menu-wrap.custom-drop:where(.variant-nav-dropdown-hide-desktop) {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }
.nav-menu-wrapper {
    background-color: var(--dark);
    height: 100vh;
  }
.menu-button {
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    font-family: Intertight, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    transition: background-color .2s;
    display: flex;
    position: relative;
    overflow: hidden;
  }
.menu-button.is-open {
    background-color: var(--transparent);
  }
.nav-dropdown {
    flex-direction: column;
    align-items: flex-start;
    display: none;
  }
.nav-dropdown-toggle {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
  }
.nav-dropdown-toggle.is-open {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
.nav-menus {
    width: var(--100);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #ffffff03;
    background-image: none;
    border: 1px solid #ffffff1c;
    border-radius: 10px;
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 30px 40px 40px;
  }
.nav-item {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    display: flex;
  }
.nav-item.hide-tab {
    display: none;
  }
.navbar-brand {
    max-width: 150px;
  }
.nav-menu-inner {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    background-color: var(--dark);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 7px 14.5px;
    display: flex;
  }
.nav-menu-inner._02 {
    opacity: 0;
    margin-top: 1px;
    margin-left: 1px;
    margin-right: 1px;
    position: absolute;
    inset: 0%;
  }
.home-hero-inner-wrap {
    padding-top: 80px;
  }
.home-hero-top {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
.arrow-icon {
    width: 50px;
    height: 50px;
  }
.success-message._01 {
    margin-top: 0;
  }
.hero-card-box {
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }
.hero-card-box._03 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }
.hero-card-box._05 {
    padding-left: 28px;
    padding-right: 28px;
  }
.hero-card-text {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }
.hero-card-text._02 {
    padding-left: 24px;
    padding-right: 24px;
  }
.apps {
    padding-bottom: 40px;
  }
.brand-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }
.brand-logo {
    margin-right: 40px;
  }
.apps-top {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }
.apps-bottom {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr 1fr;
  }
.apps-card-wrap._01 {
    margin-top: 40px;
  }
.apps-main-card {
    min-height: 300px;
  }
.apps-main-card._01 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    min-height: auto;
  }
.apps-card-image {
    min-height: 150px;
  }
.apps-card-image._01 {
    height: auto;
  }
.apps-top-icon {
    width: 60px;
    height: 60px;
    right: 38px;
  }
.teams-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.teams-heading-02 {
    margin-top: 2px;
  }
.teams-heading-icon {
    width: 46px;
    height: 46px;
  }
.teams-card-inner {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column-reverse;
    align-items: flex-start;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
.teams-card-left {
    margin-left: 0;
    margin-right: 0;
  }
.teams-card-right {
    border-left-width: 0;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }
.teams-card-left-text {
    width: var(--100);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
.teams-left-top {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
.teams-left-bottom {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.teams-card-image {
    height: var(--100);
    max-width: 600px;
  }
.plus-03, .plus-04 {
    display: none;
  }
.button-01-arrow {
    width: 20px;
    height: 20px;
  }
.button-01-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
.button-04-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.management-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.management-heading-icon {
    width: 40px;
    height: 40px;
  }
.management-top-card {
    grid-template-columns: 1fr;
  }
.management-card-main-inner {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }
.management-card-text-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 40px;
  }
.management-card-image-wrap {
    padding-left: 100px;
    padding-right: 100px;
  }
.management-icon-wrap {
    width: 70px;
    height: 70px;
  }
.management-icon {
    width: 30px;
    height: 30px;
  }
.management-card-text {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.management-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.m-bottom-card-main {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 40px 60px 40px 20px;
  }
.management-card-image-02 {
    width: 200px;
    height: auto;
  }
.home-blog-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.home-blog-list-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column-reverse;
  }
.home-blog-left {
    width: var(--100);
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }
.home-blog-right {
    width: var(--100);
    height: 400px;
  }
.home-blog-title {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }
.explore-bottom {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    margin-top: 60px;
    display: flex;
  }
.explore-heading {
    flex-flow: wrap;
    margin-top: 3px;
  }
.explore-heading-icon {
    width: 45px;
    height: 45px;
  }
.explore-list-bottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.explore-item._01, .explore-item._02, .explore-item._03, .explore-item._04 {
    width: 100px;
    height: 100px;
    margin-right: 0;
  }
.explore-item._05 {
    width: 100px;
    height: 100px;
  }
.explore-item._06, .explore-item._07, .explore-item._08 {
    width: 100px;
    height: 100px;
    margin-top: 0;
    margin-right: 0;
  }
.explore-item._09 {
    width: 100px;
    height: 100px;
  }
.explore-icon {
    width: 50px;
  }
.explore-list-top-inner {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    position: static;
  }
.about-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.about-heading-02 {
    flex-flow: wrap;
  }
.about-hero-icon {
    width: 50px;
    height: 50px;
  }
.about-bottom {
    height: auto;
  }
.sticky {
    width: auto;
    height: auto;
    padding-right: 0;
  }
.about-wrapper {
    max-width: var(--100);
  }
.collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
.collection-item {
    width: var(--100);
    padding-right: 0;
  }
.collection-item.hide-tab {
    display: none;
  }
.our-mission-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.our-mission {
    padding-top: 100px;
  }
.our-mission-wrap {
    height: auto;
  }
.our-mission-bottom, .our-mission-wraper {
    width: var(--100);
  }
.mission-list-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }
.mission-item {
    margin-right: 0;
  }
.mission-left {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }
.mission-card-image-wrap {
    padding: 18px;
  }
.meet-ceo-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    align-items: flex-start;
  }
.meet-ceo-left {
    width: 350px;
  }
.meet-ceo-right {
    width: var(--100);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
.ceo-signature-wrap {
    max-width: 120px;
  }
.ceo-message-box-01 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
.potential {
    padding-top: 100px;
  }
.potential-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.potential-bottom {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
.potential-list-wrap.hide-tab {
    display: none;
  }
.potential-logo-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }
.potential-logo {
    width: 150px;
  }
.potential-text-box {
    padding-top: 10px;
    padding-bottom: 10px;
  }
.potential-heading-icon {
    width: 40px;
    height: 40px;
  }
.team-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }
.team-list-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
.team-list {
    border: 1px solid #737a8833;
    padding-top: 20px;
    padding-bottom: 20px;
  }
.team-list._04, .team-list._05, .team-list._06 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
.team-stock, .stock-line, .stock-corner {
    display: none;
  }
.team-list-main {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    width: 200px;
    display: flex;
  }
.stock-corner-02 {
    display: none;
  }
.features-hero-bottom {
    padding-bottom: 50px;
  }
.features-hero-heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.features-hero-icon {
    width: 50px;
  }
.features-hero-icon-01, .features-hero-icon-02 {
    width: 200px;
  }
.features-hero-top-wrap {
    filter: blur(100px);
  }
.features-hero-heading-02 {
    flex-flow: wrap;
  }
.features-hero-icon-03 {
    width: 30px;
  }
.features-card-wrap {
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
.features-hero-card-text {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 20px;
    padding-bottom: 20px;
  }
.features-hero-card-image.last-image {
    width: 70%;
  }
.features-card-image-wrap {
    justify-content: center;
    align-items: center;
    display: flex;
  }
.business-card-wrap {
    top: 60px;
  }
.business-card-left {
    width: 500px;
  }
.business-card-right {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }
.business-card-image-wrap-02 {
    padding: 20px;
  }
.business-card-more-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.business-icon-list-01 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: stretch;
  }
.business-icon-list-01._02 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
  }
.business-icon {
    height: auto;
  }
.blanck-icon {
    height: 24px;
  }
.teams-v1-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.teams-v1-heading-icon {
    width: 40px;
  }
.teams-v1-card-top {
    grid-template-columns: 1fr 1fr;
  }
.teams-v1-bottom-card {
    flex-flow: column;
    padding-top: 40px;
    padding-right: 40px;
  }
.teams-v1-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.teams-v1-card-image._01 {
    width: 200px;
  }
.image-bottom-linner-01 {
    height: 100px;
  }
.teams-v1-card-text {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }
.teams-v1-card-image-02 {
    width: 150px;
  }
.teams-v1-bottom-left {
    width: var(--100);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.teams-v1-bottom-right {
    justify-content: center;
    align-items: center;
    display: flex;
  }
.teams-v1-bottom-image {
    width: 80%;
  }
.teams-v1-top-01 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.teams-v1-top-02 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.teams-v1-text-list-wrap {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }
.teams-v1-bottom-image-02 {
    width: 200px;
    left: -60px;
  }
.teams-v1-bottom-image-03 {
    width: 200px;
  }
.hero-v2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.paragraph-5 {
    font-size: 22px;
  }
.features-hero-icon-4 {
    width: 50px;
  }
.pricing-bottom {
    grid-template-columns: 1fr 1fr;
  }
.priceing-card {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }
.priceing-card-top {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
.priceing-card-bottom {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
.features-list-wrap {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }
.priceing-card-top-price {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.compare-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }
.compare-top-left {
    width: var(--100);
  }
.compare-top-right {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.compare-top-block {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
  }
.compare-top-icon {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.compare-icon-box {
    width: 44px;
    height: 44px;
  }
.compare-icon {
    width: 26px;
  }
.compare-pricing-box-wrap {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.compare-bottom-left {
    width: 320px;
  }
.compare-bottom-right {
    width: 687px;
  }
.compare-heading-list {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    width: 300px;
  }
.compare-item-list-wrap {
    grid-column-gap: 38px;
    grid-row-gap: 38px;
    width: 250px;
  }
.compare-button-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }
.compare-item-list-inner {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }
.changelog-bottom {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }
.changelog-list-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.changelog-bottom-left {
    width: 300px;
    top: 20px;
  }
.changelog-bottom-right {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.integration-bottom-list {
    margin-top: 60px;
  }
.integration-logo-box {
    width: 60px;
    height: 60px;
  }
.collection-item-2 {
    margin-right: 20px;
  }
.hero-tabs-content {
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }
.hero-tabs {
    margin-top: 24px;
  }
.hero-tabs-menu {
    grid-row-gap: 10px;
    padding-left: 10px;
  }
.integrationscollection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
.integrations-main-item {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
.integrations-item-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.integrations-item-icon {
    width: 50px;
  }
.integrations-name-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.integrations-details-wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }
.integrations-details-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.integrations-details-bottom {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }
.integrations-main-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.integrations-main-right {
    border-radius: 50px;
    flex: none;
    width: 250px;
    height: 250px;
  }
.integrations-main-icon {
    width: 150px;
  }
.integrations-main-stock, .integrations-main-icon-wrap, .integrations-main-bg {
    border-radius: 50px;
  }
.integrations-right {
    position: static;
  }
.integrations-right._01 {
    height: var(--100);
    position: relative;
    top: 0;
    overflow: hidden;
  }
.integrations-righ-text p {
    margin-top: 10px;
  }
.integrations-righ-text h6 {
    margin-top: 24px;
  }
.integrations-righ-text ul {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 14px;
    padding-left: 21px;
  }
.integrations-righ-text ol {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 20px;
    padding-left: 22px;
  }
.integrations-image-wrap {
    margin-top: 30px;
  }
.integrations-right-main-inner {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.integrations-icon-001 {
    width: 24px;
    height: 24px;
  }
.icon-wrap {
    width: 50px;
    height: 50px;
  }
.integrations-right-01 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.integrations-right-02 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.blog {
    padding-bottom: 100px;
  }
.blog-bottom {
    margin-top: 60px;
  }
.blog-v1-wrap {
    flex-flow: column;
    align-items: flex-start;
  }
.blog-v1-image {
    width: var(--100);
    height: 400px;
  }
.blog-v1-details {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.blog-v1-details-top {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
.blog-v1-top-title._01 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
  }
.blog-v1-details-name {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.blog-collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
.blog-info {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.blog-details {
    padding-bottom: 80px;
  }
.blog-details-bottom {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }
.blog-details-right {
    width: var(--100);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start stretch;
    display: grid;
    position: static;
  }
.blog-details-right-top {
    width: var(--100);
    height: var(--100);
    overflow: hidden;
  }
.bloger-info-box {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.blog-details-right-top-main {
    height: var(--100);
  }
.blog-details-image {
    height: 400px;
  }
.blog-rich-text h6 {
    margin-top: 30px;
  }
.blog-rich-text p {
    font-size: 16px;
  }
.blog-details-image-01 {
    height: 350px;
    margin-top: 40px;
  }
.utility-pages-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.utility-pages-top.v2 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
.utility-pages-bottom {
    flex-flow: column;
  }
.utility-pages-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
.utility-pages-right {
    position: static;
  }
.utility-pages-text-wrap {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
.utility-pages-text-wrap._01 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.contact-us-bottom {
    flex-flow: column;
  }
.contact-info-box {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
.contact-info-main {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }
.contact-info-text {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.contact-text-link {
    font-size: 22px;
  }
.contact-heading-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.contact-us-left {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }
.contact-us-right {
    width: var(--100);
    height: 600px;
  }
.contact-us-left-top, .form-text-field-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.formsubmit-button-wrap {
    flex-flow: column;
    align-items: flex-start;
  }
.checkbox-field {
    max-width: var(--100);
  }
.form {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.blog-details-item-list {
    margin-top: 28px;
  }
.social-share-box-wrap {
    margin-top: 60px;
  }
.license-block-image-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
.license-block {
    height: auto;
  }
.license-block-item-main {
    padding-top: 20px;
    padding-bottom: 20px;
  }
.license-logo {
    width: 120px;
  }
.license-logo._01 {
    width: 67px;
    height: 88px;
  }
.license-logo._02 {
    width: 100px;
    height: 88px;
  }
.license-logo._03 {
    width: 67px;
    height: 88px;
  }
._404-page-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
._404-heading-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media screen and (max-width: 767px) {
body {
    --_responsive---padding--padding-134-px: 100px;
    --_responsive---padding--padding-120-px: 60px;
    --_responsive---padding--padding-60-px: 40px;
    --_responsive---margin--margin-80-px: 50px;
    --_responsive---border-radius-16-px: 14px;
    --_responsive---border-radius-20-px: 16px;
    --_responsive---border-radius-10-px: 8px;
    --_responsive---padding--padding-32-px: 20px;
    --_responsive---margin--margin-140-px: 80px;
    --_responsive---padding--padding-40-px: 26px;
    --_responsive---border-radius-24-px: 20px;
    --_responsive---padding--padding-80-px: 50px;
    --_responsive---padding--padding-160-px: 80px;
    --_responsive---margin--margin-160-px: 100px;
    --_responsive---margin--margin-120-px: 80px;
    --_responsive---margin--margin-72-px: 40px;
    --_responsive---padding--padding-24-px: 17px;
    --_responsive---padding--padding-70-px: 50px;
    --_responsive---padding--padding-173-px: 100px;
    --_responsive---margin--margin-60-px: 40px;
    --_responsive---padding--padding-30-px: 20px;
    --_responsive---padding--padding-100-px: 60px;
    --_responsive---padding--padding-27-px: 18px;
    --_responsive---margin--margin-100-px: 60px;
    --_responsive---border-radius-12-8-px: 12.8px;
    --_responsive---padding--padding-22-px: 16px;
    --_responsive---margin--margin-96-px: 50px;
    --_responsive---padding--padding-20-px: 16px;
    --_responsive---margin--margin-70-px: 40px;
    --_responsive---padding--padding-140-px: 80px;
    --_typography---heading-1--font-size: 50px;
    --_typography---heading-1--line-height: 100%;
    --_typography---heading-2--font-size: 40px;
    --_typography---heading-3--font-size: 32px;
    --_typography---heading-4--font-size: 26px;
    --_typography---heading-4--line-height: 100%;
    --_typography---heading-5--font-size: 22px;
    --_typography---heading-5--line-height: 100%;
    --_typography---heading-6--font-size: 20px;
    --_typography---heading-6--line-height: 100%;
    --_typography---display-1--font-size: 70px;
    --_typography---display-1--line-height: 100%;
    --_typography---heading-7--font-size: 20px;
    --_typography---heading-7--line-height: 100%;
    --_typography---heading-2--line-height: 100%;
    --_typography---heading-3--line-height: 100%;
  }
.utility-page-content {
    padding-left: 10px;
    padding-right: 10px;
  }
.utility-page-form {
    margin-top: 40px;
  }
.container-small {
    padding-left: 14px;
    padding-right: 14px;
  }
.container-small.cta-container {
    padding-top: 140px;
    padding-bottom: 60px;
  }
.hero-v1 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
.typography-inner-wrap {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }
.typography-list-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 26px;
  }
.h7.potential-text, .paragraph-01 {
    font-size: 20px;
  }
.paragraph-02 {
    font-size: 18px;
  }
.paragraph-03 {
    font-size: 16px;
  }
.paragraph-04 {
    font-size: 15px;
  }
.paragraph-04.text-grey-2.faq-answer {
    padding-top: 18px;
  }
.tag-01 {
    font-size: 18px;
    line-height: 22px;
  }
.tag-02 {
    font-size: 15px;
    line-height: 18px;
  }
.color-bottom-inner {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr 1fr;
  }
.color-block {
    height: 150px;
  }
.container-medium {
    padding-left: 14px;
    padding-right: 14px;
  }
.faq-bottom {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }
.faq-left-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.button-03-inner {
    padding: 12px 26px;
  }
.fit-cover.blog-image {
    object-position: 50% 50%;
  }
.faq-tabs-content {
    margin-top: 40px;
  }
.faq-item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
.cta-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
.cta-heading-first {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
  }
.cta-heading-secound {
    grid-column-gap: 20px;
    grid-row-gap: 12px;
  }
.cta-icon {
    width: 60px;
    height: 60px;
  }
.footer {
    padding-bottom: 14px;
  }
.container-large {
    padding-left: 14px;
    padding-right: 14px;
  }
.footer-top {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-left: 16px;
    padding-right: 16px;
  }
.footer-bottom-wrap {
    text-align: center;
  }
.footer-top-left {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }
.footer-top-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.footer-link-list-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
.footer-link-list {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.mobile-margin-top-12 {
    margin-top: 10px;
  }
.nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }
.nav-dropdown-list.shadow-three.is-open {
    position: relative;
  }
.nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }
.nav-dropdown-list.shadow-three.mobile-shadow-hide.is-open {
    margin-top: 5px;
    margin-right: 0;
  }
.nav-dropdown-box {
    padding: 20px 32px;
  }
.nav-dropdown-menu {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.navbar-container {
    padding-left: 16px;
    padding-right: 16px;
  }
.nav-dropdown-menu-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 40px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
.nav-dropdown-menu-wrap.custom-drop {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
.nav-dropdown-menu-wrap.custom-drop:where(.variant-nav-dropdown-hide-desktop) {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
.nav-menu-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
.nav-dropdown-toggle.is-open {
    padding-left: 0;
  }
.nav-menus {
    flex-direction: column;
    padding: 30px;
  }
.navbar-brand {
    max-width: 130px;
    padding-left: 0;
  }
.home-hero-inner-wrap {
    padding-top: 60px;
  }
.home-hero-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
.form-text-field {
    min-height: 55px;
    padding-left: 20px;
  }
.arrow-icon {
    width: 44px;
    height: 44px;
  }
.submit-button {
    background-position: 116px, 50%;
    padding: 8px 59px 8px 21px;
    font-size: 16px;
    line-height: 140%;
  }
.submit-button._02 {
    background-image: url('../images/Image-Linner.avif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 16px 20px;
  }
.hero-card-box {
    justify-content: space-between;
    width: 250px;
    height: auto;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
.hero-card-box._03 {
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
  }
.hero-card-box._05 {
    padding: 20px 16px;
  }
.hero-card-text {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }
.brand {
    margin-top: 20px;
  }
.brand-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.brand-logo {
    width: 150px;
    margin-right: 30px;
  }
.apps-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.apps-bottom {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
  }
.apps-card-wrap {
    margin-top: 40px;
  }
.apps-card-image {
    min-height: auto;
  }
.apps-card-image._01 {
    height: auto;
    min-height: auto;
  }
.teams-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.teams-heading-02 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.teams-heading-icon {
    width: 36px;
    height: 36px;
  }
.teams-card-inner {
    padding-bottom: 20px;
  }
.teams-card-right {
    padding-top: 20px;
  }
.teams-card-right._03 {
    padding-top: 30px;
    padding-left: 60px;
    padding-right: 40px;
  }
.teams-card-left-text {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.teams-left-bottom {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }
.teams-point-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
.teams-card-image {
    max-width: var(--100);
  }
.button-01-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
.button-01-text-wrap {
    height: 26px;
  }
.button-04-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.management-top {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.management-heading-icon {
    width: 36px;
    height: 36px;
  }
.management-card-main-inner {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
  }
.management-card-text-wrap {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
.management-card-image-wrap {
    padding-left: 60px;
    padding-right: 60px;
  }
.management-left {
    width: var(--100);
  }
.management-right {
    width: 300px;
  }
.m-bottom-card-main {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
  }
.home-blog-list-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.home-blog-left {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.home-blog-right {
    height: 300px;
  }
.home-blog-title {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.home-blog-title-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.explore-bottom {
    margin-top: 50px;
  }
.explore-heading-icon {
    width: 40px;
    height: 40px;
  }
.explore-list-bottom {
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }
.explore-item {
    flex: none;
  }
.explore-item._01, .explore-item._02, .explore-item._03, .explore-item._04, .explore-item._05, .explore-item._06, .explore-item._07, .explore-item._08, .explore-item._09 {
    width: 90px;
    height: 90px;
  }
.explore-icon {
    width: 45px;
  }
.explore-list-top-inner {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
  }
.about-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.about-heading-02 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.about-hero-icon {
    width: 40px;
    height: 40px;
  }
.collection-list {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.our-mission-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.our-mission {
    padding-top: 80px;
  }
.mission-main-inner {
    flex-flow: column-reverse;
    align-items: center;
  }
.mission-left {
    width: var(--100);
  }
.mission-card-image-wrap {
    padding: 12px;
  }
.meet-ceo-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.meet-ceo-left {
    width: 300px;
  }
.meet-ceo-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.ceo-signature-wrap {
    max-width: 100px;
  }
.ceo-message-box-01 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.ceo-message-box-02 {
    padding: 14px 20px;
  }
.potential {
    padding-top: 80px;
  }
.potential-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.potential-logo-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }
.potential-logo {
    width: 120px;
  }
.potential-text-box {
    padding-left: 15px;
  }
.potential-heading-icon {
    width: 34px;
    height: 34px;
  }
.team-list-main {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.features-hero-bottom {
    padding-bottom: 40px;
  }
.features-hero-heading {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.features-hero-icon {
    width: 40px;
  }
.features-hero-top-wrap {
    filter: blur(68px);
  }
.features-hero-icon-03 {
    width: 27px;
  }
.features-card-wrap {
    grid-template-columns: 1fr;
  }
.features-hero-card-image {
    width: 70%;
  }
.image-bottom-linner {
    height: 100px;
  }
.business-bottom {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }
.business-card-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    position: static;
    top: 40px;
  }
.business-card-more-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.business-icon-list-01 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.business-icon-list-01._02 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 30px;
  }
.business-icon {
    width: 68px;
  }
.teams-v1-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.teams-v1-heading-icon {
    width: 34px;
  }
.teams-v1-card-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }
.teams-v1-bottom-card {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
.teams-v1-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.teams-v1-card-image._01 {
    width: 300px;
  }
.image-bottom-linner-01 {
    height: 100px;
  }
.teams-v1-card-image-02 {
    width: 280px;
    right: 20px;
  }
.teams-v1-bottom-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.teams-v1-bottom-image {
    width: 72%;
  }
.teams-v1-top-02 {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }
.teams-v1-bottom-image-02 {
    border-radius: 0;
    width: 150px;
    display: none;
    left: 0;
  }
.teams-v1-bottom-image-03 {
    border-radius: 0;
    width: 140px;
    display: none;
    right: 0;
  }
.check-icon-01 {
    width: 20px;
  }
.hero-v2 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
.h7-2 {
    font-size: 18px;
  }
.paragraph-5 {
    font-size: 20px;
  }
.features-hero-icon-4 {
    width: 40px;
  }
.pricing-bottom {
    grid-template-columns: 1fr;
  }
.priceing-card-top-price {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.compare-top {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.compare-top-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.compare-top-right {
    grid-template-columns: 1fr 1fr;
  }
.compare-top-icon {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.compare-pricing-box-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.compare-bottom-left {
    padding-top: 40px;
  }
.compare-heading-list {
    grid-column-gap: 41px;
    grid-row-gap: 41px;
  }
.compare-item-list-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    width: 180px;
    padding-top: 40px;
  }
.compare-icon-01 {
    width: 40px;
    height: 40px;
  }
.compare-button-wrap {
    display: none;
  }
.changelog-bottom {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }
.changelog-list-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.changelog-bottom-left {
    width: 220px;
  }
.changelog-bottom-right {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
.changelog-right-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.changelog-text-02 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.changelog-text-03 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }
.changelog-text-04 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.integration-bottom-list {
    margin-top: 40px;
  }
.integration-top-logo {
    max-width: 400px;
  }
.integration-logo-box {
    width: 50px;
    height: 50px;
    padding: 12px;
  }
.collection-item-2 {
    flex: none;
    margin-right: 8px;
  }
.tab-link {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
.hero-tabs-menu {
    grid-row-gap: 4px;
  }
.integrationscollection-list {
    grid-column-gap: 10px;
    grid-row-gap: 14px;
  }
.integrations-main-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.integrations-item-top {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
.integrations-details-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }
.integrations-details-top {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.integrations-details-bottom {
    grid-column-gap: 54px;
    grid-row-gap: 54px;
  }
.integrations-main-01 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.integrations-main-right {
    border-radius: 40px;
    width: 200px;
    height: 200px;
    padding: 3px;
  }
.integrations-main-icon {
    width: 100px;
  }
.integrations-main-stock, .integrations-main-icon-wrap, .integrations-main-bg {
    border-radius: 40px;
  }
.integrations-right {
    width: var(--100);
  }
.integrations-righ-text p {
    font-size: 16px;
  }
.integrations-righ-text h6 {
    margin-top: 20px;
  }
.integrations-righ-text ul {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    margin-top: 12px;
    padding-left: 20px;
  }
.integrations-righ-text ol {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    margin-top: 18px;
    padding-left: 20px;
  }
.integrations-image-wrap {
    overflow: hidden;
  }
.integrations-right-01 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
.integrations-right-02 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
.blog {
    padding-bottom: 80px;
  }
.blog-v1-image {
    height: 300px;
  }
.blog-collection-list {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    grid-template-columns: 1fr;
  }
.blog-info {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }
.blog-image {
    height: 280px;
  }
.blog-details {
    padding-bottom: 60px;
  }
.blog-details-right {
    grid-template-columns: 1fr;
  }
.blog-details-right-main {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.blog-details-image {
    height: 300px;
  }
.blog-rich-text h6 {
    margin-top: 28px;
  }
.blog-rich-text p {
    margin-top: 14px;
    line-height: 124%;
  }
.blog-details-image-01 {
    height: 250px;
    margin-top: 28px;
  }
.utility-pages-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.utility-pages-top.v2 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.utility-pages-bottom {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.utility-pages-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.utility-pages-text-wrap {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.contact-us-bottom {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
  }
.contact-info-box {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
  }
.contact-info-main {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.contact-info-text {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
.contact-text-link {
    font-size: 20px;
  }
.contact-heading-text {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }
.contact-us-left {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.contact-us-right {
    height: 500px;
  }
.contact-us-left-top {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.formsubmit-button-wrap, .form {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
.releted-blog {
    margin-top: 20px;
  }
.block-quote-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.blog-text-poin-wrap {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.blog-text-poin {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }
.blog-number-list {
    width: 34px;
    height: 34px;
  }
.blog-details-item-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 20px;
  }
.social-share-box-wrap {
    margin-top: 50px;
  }
.social-share-main-box {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
  }
.releted-blog-top {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    align-items: flex-start;
  }
.license-block-image-wrap {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.license-block-item-main {
    padding-top: 28px;
    padding-bottom: 28px;
  }
.wrong-message {
    padding: 16px;
  }
._404-page-wrap {
    padding-left: 12px;
    padding-right: 12px;
  }
._404-page-top {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
._404-page-bottom {
    max-width: 330px;
  }
._404-heading-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
}
@media screen and (max-width: 479px) {
body {
    --_responsive---padding--padding-134-px: 80px;
    --_responsive---padding--padding-120-px: 40px;
    --_responsive---padding--padding-60-px: 30px;
    --_responsive---margin--margin-80-px: 40px;
    --_responsive---border-radius-16-px: 12px;
    --_responsive---border-radius-20-px: 12px;
    --_responsive---border-radius-10-px: 8px;
    --_responsive---padding--padding-32-px: 16px;
    --_responsive---margin--margin-140-px: 60px;
    --_responsive---padding--padding-40-px: 20px;
    --_responsive---border-radius-24-px: 18px;
    --_responsive---padding--padding-80-px: 40px;
    --_responsive---padding--padding-160-px: 70px;
    --_responsive---margin--margin-160-px: 80px;
    --_responsive---margin--margin-120-px: 60px;
    --_responsive---margin--margin-72-px: 30px;
    --_responsive---padding--padding-24-px: 14px;
    --_responsive---padding--padding-70-px: 40px;
    --_responsive---padding--padding-173-px: 80px;
    --_responsive---margin--margin-60-px: 30px;
    --_responsive---padding--padding-30-px: 16px;
    --_responsive---padding--padding-100-px: 40px;
    --_responsive---padding--padding-27-px: 15px;
    --_responsive---margin--margin-100-px: 40px;
    --_responsive---border-radius-12-8-px: 10px;
    --_responsive---padding--padding-22-px: 12px;
    --_responsive---margin--margin-96-px: 40px;
    --_responsive---padding--padding-20-px: 12px;
    --_responsive---margin--margin-70-px: 30px;
    --_responsive---padding--padding-140-px: 60px;
    --_typography---heading-1--font-size: 38px;
    --_typography---heading-1--line-height: 100%;
    --_typography---heading-2--font-size: 30px;
    --_typography---heading-3--font-size: 26px;
    --_typography---heading-4--font-size: 24px;
    --_typography---heading-4--line-height: 100%;
    --_typography---heading-5--font-size: 20px;
    --_typography---heading-5--line-height: 100%;
    --_typography---heading-6--font-size: 20px;
    --_typography---heading-6--line-height: 100%;
    --_typography---display-1--font-size: 60px;
    --_typography---display-1--line-height: 100%;
    --_typography---heading-7--font-size: 20px;
    --_typography---heading-7--line-height: 100%;
    --_typography---heading-2--line-height: 100%;
    --_typography---heading-3--line-height: 100%;
  }
.utility-page-form {
    margin-top: 36px;
  }
.container-small {
    padding-left: 12px;
    padding-right: 12px;
  }
.container-small.cta-container {
    padding-top: 100px;
    padding-bottom: 40px;
  }
.hero-v1 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.typography-inner-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.typography-list-wrap {
    grid-column-gap: 28px;
    grid-row-gap: 20px;
  }
.paragraph-01 {
    font-size: 18px;
  }
.paragraph-02, .paragraph-03 {
    font-size: 16px;
  }
.paragraph-04.text-grey-2.faq-answer {
    padding-top: 16px;
  }
.tag-01 {
    font-size: 16px;
    line-height: 20px;
  }
.sub-heading-wrap {
    display: none;
  }
.sub-heading-wrap.pass-sub-heading, .sub-heading-wrap._01 {
    display: block;
  }
.color-bottom-inner {
    grid-template-columns: 1fr;
  }
.color-block, .color-block-wrap {
    height: 140px;
  }
.button-bottom-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.container-medium {
    padding-left: 12px;
    padding-right: 12px;
  }
.faq-bottom {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }
.faq-left-top {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
.faq-tabs-content {
    margin-top: 37px;
  }
.button-wrap.hide-mobile {
    display: none;
  }
.faq-tab-button {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding: 12px 22px;
  }
.faq-tab-icon {
    width: 18px;
    height: 18px;
  }
.cta-wrap {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }
.cta-heading-first {
    grid-column-gap: 12px;
    grid-row-gap: 16px;
    flex-flow: wrap;
  }
.cta-icon {
    width: 40px;
    height: 40px;
  }
.footer {
    padding-bottom: 10px;
  }
.container-large {
    padding-left: 12px;
    padding-right: 12px;
  }
.footer-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-left: 14px;
    padding-right: 14px;
  }
.footer-top-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.footer-top-right {
    grid-column-gap: 20px;
    grid-row-gap: 50px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
.footer-logo {
    width: 140px;
  }
.footer-link-list-wrap {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }
.footer-link-list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.nav-right-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
.nav-button-wrapper {
    width: auto;
  }
.nav-button-wrapper.mobile {
    width: var(--100);
  }
.nav-dropdown-box {
    width: 100%;
    padding: 10px 16px;
  }
.nav-dropdown-menu {
    max-width: var(--100);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: left;
  }
.navbar-container {
    padding-top: 14px;
    padding-left: 12px;
    padding-right: 12px;
  }
.nav-dropdown-menu-wrap.custom-drop {
    grid-column-gap: 0px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    display: grid;
  }
.nav-dropdown-menu-wrap.custom-drop:where(.variant-nav-dropdown-hide-desktop) {
    grid-column-gap: 10px;
  }
.nav-menus {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    padding: 20px;
  }
.nav-item {
    margin-top: 30px;
  }
.navbar-brand {
    max-width: 120px;
  }
.navbar-brand[aria-current="page"], .navbar-brand.is-active {
    width: 150px;
  }
.home-hero {
    margin-top: 26px;
    margin-left: auto;
    margin-right: auto;
  }
.home-hero-inner-wrap {
    padding-top: 44px;
  }
.home-hero-top {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
  }
.heading-form {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }
.form-text-field {
    min-height: 50px;
    padding-left: 10px;
  }
.form-text-field._01 {
    min-height: 120px;
  }
.hero-heddaing-inner {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }
.arrow-icon {
    width: 36px;
    height: 36px;
  }
.submit-button {
    background-image: url('../images/Image-Linner.avif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 11px 20px;
  }
.submit-button:hover {
    background-image: url('../images/footer.avif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
.submit-button._01 {
    background-image: url('../images/Image-Linner.avif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 12px;
    padding-bottom: 12px;
  }
.submit-button._01:hover {
    background-image: url('../images/arrow-up-right-01-round.svg');
    background-position: 170px;
    background-repeat: no-repeat;
    background-size: cover;
  }
.submit-button._02 {
    padding-top: 14px;
    padding-bottom: 14px;
  }
.hero-card-box {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
    padding: 16px;
  }
.hero-card-box._02 {
    display: none;
  }
.hero-card-image {
    height: 120px;
  }
.brand-wrap, .brand-inner-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.brand-logo {
    width: 100px;
    margin-right: 20px;
  }
.apps-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.apps-bottom, .apps-main-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.apps-top-icon {
    width: 50px;
    height: 50px;
    top: -30px;
    right: 20px;
  }
.teams-top {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.teams-heading-02 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
  }
.teams-heading-icon {
    width: 30px;
    height: 30px;
  }
.teams-card-inner {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    padding-bottom: 14px;
    padding-left: 14px;
    padding-right: 14px;
  }
.teams-card-right {
    padding-top: 14px;
  }
.teams-card-right._03 {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
.teams-card-left-text {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }
.teams-left-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.check-icon {
    width: 22px;
    height: 22px;
  }
.teams-card-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
.button-01-arrow {
    width: 19px;
    height: 19px;
  }
.button-01-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 12px 24px;
  }
.button-04-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
.management-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.management-heading-icon {
    display: none;
  }
.management-card-main-inner {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.management-card-text-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
.management-card-image-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
.management-icon-wrap {
    width: 60px;
    height: 60px;
  }
.management-icon {
    width: 26px;
    height: 26px;
  }
.management-card-text {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.management-left {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }
.m-bottom-card-main {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
  }
.management-card-image-02 {
    width: 150px;
    right: -16px;
  }
.home-blog-wrap {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }
.home-blog-top {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    align-items: center;
  }
.home-blog-list-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.home-blog-left {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: column;
  }
.home-blog-right {
    height: auto;
  }
.home-blog-title {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.explore-bottom {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 40px;
  }
.explore-heading {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 2px;
  }
.explore-heading-icon {
    display: none;
  }
.explore-list-bottom {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.explore-item._01, .explore-item._02, .explore-item._03, .explore-item._04, .explore-item._05, .explore-item._06, .explore-item._07, .explore-item._08 {
    width: 80px;
    height: 80px;
  }
.explore-item._09 {
    width: 80px;
    height: 80px;
    display: none;
  }
.explore-icon {
    width: 34px;
  }
.explore-list-top-inner, .about-top {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.about-heading-02 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }
.about-hero-icon {
    display: none;
  }
.collection-list {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-columns: 1fr;
  }
.collection-item.hide-mobile {
    display: none;
  }
.our-mission-top {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.our-mission {
    padding-top: 60px;
  }
.mission-list-wrap, .mission-main-inner {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.mission-left {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.mission-card-image-wrap {
    border-radius: 10px;
    padding: 10px;
  }
.meet-ceo-wrap {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }
.meet-ceo-left {
    width: var(--100);
    height: 250px;
  }
.meet-ceo-right {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.ceo-image {
    object-fit: cover;
    object-position: 50% 0%;
  }
.ceo-message-box-01 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
  }
.ceo-message-box-02 {
    border-radius: 6px;
    padding: 12px;
  }
.potential {
    padding-top: 60px;
  }
.potential-top {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }
.potential-bottom {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    border-top-width: 0;
    border-right: 1px solid #737a884d;
    grid-template-columns: 1fr;
  }
.potential-heading {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.potential-list-wrap {
    border-right-width: 0;
  }
.potential-logo-wrap {
    border-top: 1px solid #737a884d;
  }
.potential-logo {
    width: 150px;
  }
.potential-heading-icon {
    display: none;
  }
.potential-heading-01 {
    font-size: 28px;
  }
.team-list-wrap {
    grid-template-columns: 1fr;
  }
.team-list-wrap._01 {
    display: none;
  }
.team-info-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    display: flex;
  }
.team-list-main {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }
.features-hero-bottom {
    padding-bottom: 30px;
  }
.features-hero-heading {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.features-heading {
    grid-column-gap: 14px;
    grid-row-gap: 0px;
    flex-flow: wrap;
  }
.features-hero-icon {
    display: none;
  }
.features-hero-icon-01, .features-hero-icon-02 {
    width: 180px;
  }
.features-hero-heading-02 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
.features-hero-icon-03 {
    display: none;
  }
.features-hero-card-text {
    margin-top: 18px;
    padding-bottom: 16px;
  }
.features-hero-card-image, .features-hero-card-image.last-image {
    width: 100%;
  }
.business-bottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.business-card-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.business-card-left._01 {
    width: 300px;
  }
.business-card-right {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.business-card-image-wrap-02 {
    padding: 10px;
  }
.business-card-more-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.business-icon-list-01 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.business-icon-list-01._02 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 20px;
  }
.business-icon {
    width: 40px;
  }
.blanck-icon {
    border-radius: 4px;
    height: 16px;
  }
.teams-v1-heading-icon {
    display: none;
  }
.teams-v1-bottom-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 20px;
    padding-left: 18px;
    padding-right: 18px;
  }
.teams-v1-card-image._03 {
    width: var(--100);
  }
.image-bottom-linner-01 {
    height: 80px;
  }
.teams-v1-card-image-02 {
    width: 200px;
  }
.teams-v1-bottom-left {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }
.teams-v1-bottom-image {
    width: var(--100);
  }
.teams-v1-top-01 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
.teams-v1-top-02 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
.teams-v1-text-list-wrap {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }
.hero-v2 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.h7-2 {
    font-size: 16px;
  }
.paragraph-5 {
    font-size: 18px;
  }
.features-hero-icon-4 {
    display: none;
  }
.priceing-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
.priceing-card-top {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }
.priceing-card-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.features-list-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.priceing-card-top-price, .pricing-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
.compare-top {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }
.compare-top-left {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.compare-top-right {
    grid-template-columns: 1fr;
  }
.compare-bottom-left {
    padding-top: 30px;
  }
.compare-heading-list {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    width: 210px;
  }
.compare-item-list-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 128px;
    padding-top: 30px;
  }
.compare-icon-01 {
    width: 38px;
    height: 38px;
  }
.changelog-bottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.changelog-list-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }
.changelog-bottom-left {
    position: static;
  }
.integration-bottom-list {
    margin-top: 30px;
  }
.tab-link-inner {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
.hero-tabs-menu {
    padding-top: 10px;
    padding-left: 0;
  }
.integrationscollection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }
.integrations-main-item {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
.integrations-item-icon {
    width: 44px;
  }
.integrations-name-wrap {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
.integrations-details-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.integrations-details-top {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.integrations-details-bottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.integrations-main-01 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }
.integrations-main-left {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.integrations-main-right {
    border-radius: 20px;
    width: 120px;
    height: 120px;
  }
.integrations-main-icon {
    width: 56px;
  }
.integrations-main-stock, .integrations-main-icon-wrap, .integrations-main-bg {
    border-radius: 20px;
  }
.integrations-righ-text p {
    font-size: 15px;
    line-height: 136%;
  }
.integrations-image-wrap {
    margin-bottom: 10px;
  }
.blog {
    padding-bottom: 60px;
  }
.blog-bottom {
    margin-top: 50px;
  }
.blog-v1-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.blog-v1-image {
    height: 200px;
  }
.blog-v1-details {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
.blog-v1-top-title {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }
.blog-collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.blog-info {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.blog-image {
    height: 200px;
  }
.blog-details-bottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
.blog-details-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.bloger-info-box {
    grid-row-gap: 6px;
    flex-flow: wrap;
  }
.blog-details-right-main {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }
.table-list-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.blog-details-image {
    height: 180px;
  }
.blog-rich-text p {
    font-size: 15px;
    line-height: 120%;
  }
.blog-details-image-01 {
    height: 160px;
  }
.utility-pages-top, .utility-pages-top.v2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.utility-pages-left {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }
.utility-list {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    padding-left: 20px;
  }
.title-number-box {
    width: 34px;
    height: 34px;
  }
.contact-us-bottom {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
.contact-info-box {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }
.contact-info-main {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
  }
.contact-info-text {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
.contact-text-link {
    font-size: 18px;
  }
.contact-heading-text {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }
.contact-us-right {
    height: 350px;
  }
.contact-us-left-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.form-text-field-wrap {
    flex-flow: column;
  }
.formsubmit-button-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
.releted-blog {
    margin-top: 10px;
  }
.block-quote-main {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column;
  }
.block-quote-bottom {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: flex-start;
  }
.block-quote-info {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-flow: column;
    align-items: flex-start;
  }
.blog-text-poin-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }
.blog-text-poin {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
.blog-number-list {
    flex: none;
    width: 32px;
    height: 32px;
  }
.blog-details-item-list {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }
.social-link-box-wrap {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    flex-flow: column;
    align-items: flex-start;
  }
.releted-blog-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
.license-block-image-wrap, .license-block-image-wrap._02 {
    grid-template-columns: 1fr;
  }
.license-block {
    height: auto;
  }
.license-block-item-main {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
.license-logo._01 {
    width: 60px;
    height: auto;
  }
.license-logo._02 {
    width: 80px;
    height: auto;
  }
.license-logo._03 {
    width: 60px;
    height: auto;
  }
.password-text-field {
    height: 56px;
  }
.wrong-message {
    padding: 14px;
  }
._404-page-top {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
  }
._404-page-bottom {
    max-width: 298px;
  }
._404-heading-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }
}
@media screen and (max-width: 991px) {
#node-_0cd42b66-ada0-27e0-dbbd-53088e89f40c-32444ed1, #node-db7a6a13-59da-cfaa-6dfd-427965ec2794-39e24562, #node-d01200c0-9621-644d-fa3c-67efddef65b2-39e24562, #node-_42bd17db-8424-7eb4-6eb0-26592b24ce4a-091aed49 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}
@media screen and (max-width: 767px) {
#node-_0cd42b66-ada0-27e0-dbbd-53088e89f40c-32444ed1, #node-db7a6a13-59da-cfaa-6dfd-427965ec2794-39e24562, #node-d01200c0-9621-644d-fa3c-67efddef65b2-39e24562, #node-_42bd17db-8424-7eb4-6eb0-26592b24ce4a-091aed49 {
    grid-column: span 1 / span 1;
  }
#node-b65410ea-5181-0bba-cfb9-c972a4f8466b-091aed49 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}
@media screen and (max-width: 479px) {
#node-b65410ea-5181-0bba-cfb9-c972a4f8466b-091aed49 {
    grid-column: span 1 / span 1;
  }
}
/* ======================================================================
   4. Components (hand-written)
   ====================================================================== */
/* Vanilla replacements for the Webflow runtime and its IX2 interactions.
 *
 * Every value here was read off the decoded IX2 payload (see ix2_lists.txt) or
 * the design sheet, never guessed. Where IX2 declared a "rest" group -- an
 * action list with `useFirstGroupAsInitialState` -- that group is the CSS rest
 * state, NOT a keyframe: reproducing it as a step is what makes heroes start
 * blurred or cards start shrunk.
 *
 * Easings, translated from Webflow's names:
 *   ease      -> ease
 *   outQuart  -> cubic-bezier(.165, .84, .44, 1)
 *   outCubic  -> cubic-bezier(.215, .61, .355, 1)
 */

:root {
  --ease-out-quart: cubic-bezier(.165, .84, .44, 1);
  --ease-out-cubic: cubic-bezier(.215, .61, .355, 1);
}
/* ================================================================= reveals */
/* IX2's SCROLL_INTO_VIEW presets. main.js adds `.is-revealed` when the element
 * crosses the viewport offset the payload recorded, then strips both classes on
 * animationend so nothing is left holding a transform.
 *
 * The rest state is gated on `.js` (set by a one-line inline script, the same
 * trick the export used for `w-mod-js`) so the content stays visible if the
 * script never runs. */
.reveal {
  --reveal-delay: 0ms;
  --reveal-duration: 1000ms;
  --reveal-easing: var(--ease-out-quart);
}
.js .reveal {
  opacity: 0;
}
.js .reveal.is-revealed {
  animation: var(--reveal-duration) var(--reveal-easing) var(--reveal-delay)
             both var(--reveal-name);
}
.reveal-blur-up {
  --reveal-name: reveal-blur-up;
  --reveal-easing: ease;
  --reveal-duration: 500ms;
}
/* The designer's five "Slide In Delay" lists are one motion at four speeds; the
 * delay identifies which, so it also selects the duration. */
.reveal-blur-up[data-reveal-delay="300"] { --reveal-duration: 600ms; }
.reveal-blur-up[data-reveal-delay="500"] { --reveal-duration: 700ms; }
.reveal-up { --reveal-name: reveal-up; }
.reveal-left { --reveal-name: reveal-left; }
.reveal-right { --reveal-name: reveal-right; }
.reveal-grow { --reveal-name: reveal-grow; }
.reveal-shrink { --reveal-name: reveal-shrink; }
.reveal-fade { --reveal-name: reveal-fade; }
[data-reveal-delay="100"] { --reveal-delay: 100ms; }
[data-reveal-delay="200"] { --reveal-delay: 200ms; }
[data-reveal-delay="250"] { --reveal-delay: 250ms; }
[data-reveal-delay="300"] { --reveal-delay: 300ms; }
[data-reveal-delay="350"] { --reveal-delay: 350ms; }
[data-reveal-delay="400"] { --reveal-delay: 400ms; }
[data-reveal-delay="450"] { --reveal-delay: 450ms; }
[data-reveal-delay="500"] { --reveal-delay: 500ms; }
[data-reveal-delay="600"] { --reveal-delay: 600ms; }
@keyframes reveal-blur-up {
from { opacity: 0; transform: translateY(40px); filter: blur(10px); }
to { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@keyframes reveal-up {
from { opacity: 0; transform: translateY(100px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes reveal-left {
from { opacity: 0; transform: translateX(-100px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes reveal-right {
from { opacity: 0; transform: translateX(100px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes reveal-grow {
from { opacity: 0; transform: scale(.75); }
to { opacity: 1; transform: scale(1); }
}
@keyframes reveal-shrink {
from { opacity: 0; transform: scale(1.25); }
to { opacity: 1; transform: scale(1); }
}
@keyframes reveal-fade {
from { opacity: 0; }
to { opacity: 1; }
}
/* «Vertical Line Move» (a): the rule stays out of the `.js` gate because the
 * line has no content to hide -- it simply grows from nothing. */
.js .line-grow {
  width: 0;
}
.js .line-grow.is-revealed {
  animation: line-grow 900ms ease 300ms both;
}
@keyframes line-grow {
from { width: 0; }
to { width: 100%; }
}
/* ================================================================ marquees */
/* «Hero Card Marquee» (a-14, 50s), «Brand Marquee» (a-15, 40s) and
 * «Integration Logo Move» (a-25, 20s). Each looped a linear 0 -> -100%
 * translate on a flex track that carries two identical runs of the content. */
.marquee-track {
  animation: marquee var(--marquee-duration) linear infinite;
}
.marquee-50s { --marquee-duration: 50s; }
.marquee-40s { --marquee-duration: 40s; }
.marquee-20s { --marquee-duration: 20s; }
@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
}
/* «Explore In» (a-20) is the one looping list whose first group is NOT a rest
 * state, so both groups are steps: it breathes between the two. */
.js .breathe {
  animation: breathe 4s ease-in-out infinite alternate;
}
@keyframes breathe {
from { opacity: .5; transform: translateY(4px) scale(1); }
to { opacity: 1; transform: translateY(0) scale(1.1); }
}
/* ================================================================== hovers */
/* «Button 01» (a-2 / a-3) */
.button-01-inner {
  transition: background-color .5s ease;
}
.button-01:hover .button-01-inner {
  background-color: rgba(121, 69, 255, .52);
}
/* «Button 02» (a-4 / a-5): the line slides in from -60% and the icon turns 45deg.
 * The -60% rest state was baked inline on every `.button-line` in the export. */
.button-line {
  transform: translateX(-60%);
  transition: transform .5s ease;
}
.button-02-icon {
  transition: transform .5s ease;
}
.button-02:hover .button-line {
  transform: translateX(0);
}
.button-02:hover .button-02-icon {
  transform: rotate(45deg);
}
/* «Button 03» (a-6 / a-7): the filled background fades out as the outline
 * fades in. IX2 targeted `.button-03` page-wide rather than the hovered one --
 * an authoring slip that made every card's border change together -- so the
 * effect is scoped to the button the pointer is actually on. */
.button-03 {
  border: 1px solid var(--transparent);
  transition: border-color .5s ease;
}
.button-03-bg {
  transition: opacity .5s ease;
}
.button-03:hover {
  border-color: var(--grey-1);
}
.button-03:hover .button-03-bg {
  opacity: 0;
}
/* «Button 05» (a-16 / a-17): the label rolls up to its duplicate, the arrow
 * leaves to the right, and the wrap fills with the primary colour. */
.button-01-text-group, .button-01-arrow-group {
  transition: transform .4s var(--ease-out-cubic);
}
.button-01-wrap {
  transition: background-color .4s var(--ease-out-cubic);
}
.button-05:hover .button-01-text-group {
  transform: translateY(-50%);
}
.button-05:hover .button-01-arrow-group {
  transform: translateX(100%);
}
.button-05:hover .button-01-wrap {
  background-color: var(--primary);
}
/* «Home Blog Hover» (a-18 / a-19). Every one of these interactions fires from
 * an element that already carries a unique design class, so they are keyed on
 * those classes and the markup needs no interaction hooks at all. */
.home-blog-list-wrap .fit-cover {
  transition: transform .5s ease;
}
.home-blog-list-wrap .blog-name {
  transition: color .3s ease;
}
.home-blog-list-wrap:hover .fit-cover {
  transform: scale(1.1);
}
.home-blog-list-wrap:hover .blog-name {
  color: var(--secondary);
}
/* «Blog Hover» (a-29 / a-30). IX2 scoped the border target to the trigger's own
 * subtree and the trigger IS `.blog-item`, which is why the export baked
 * `border-color: rgba(255, 255, 255, .1)` inline on that same element. */
.blog-item {
  transition: border-color .3s ease;
}
.blog-item .fit-cover {
  transition: transform .3s ease;
}
.blog-item .h7.text-white-90 {
  transition: color .3s ease;
}
.blog-item:hover {
  border-color: var(--primary);
}
.blog-item:hover .fit-cover {
  transform: scale(1.1);
}
.blog-item:hover .h7.text-white-90 {
  color: var(--light);
}
/* «Blog V1 Hover» (a-31 / a-32). Its colour half pointed at a heading the export
 * leaves unbound; the generated blog page binds it, so the rule is kept. */
.blog-v1-wrap .fit-cover {
  transition: transform .5s ease;
}
.blog-v1-wrap .blog-v1-details-name h6 {
  transition: color .5s ease;
}
.blog-v1-wrap:hover .fit-cover {
  transform: scale(1.1);
}
.blog-v1-wrap:hover .blog-v1-details-name h6 {
  color: #c4acff;
}
/* «Team Hover» (a-23 / a-24): the portraits sit greyscale until hovered. */
.team-list .fit-cover {
  filter: grayscale(100%);
  transition: filter .5s ease;
}
.team-list:hover .fit-cover {
  filter: grayscale(0);
}
/* ============================================================= nav dropdown */
/* «Dropdown Hover» (a-10 / a-11). The runtime opened this on hover with a 600ms
 * close delay; main.js adds `.is-open` (which the framework rules turn into
 * `display: block`) and `.is-in` one frame later so the transition has a state
 * to move from. */
.nav-dropdown-list {
  opacity: 0;
  transform: translateY(10%);
  transition: opacity .6s ease, transform .6s ease;
}
.nav-dropdown-list.is-in {
  opacity: 1;
  transform: translateY(0);
}
.nav-dropdown-toggle .nav-link-text, .nav-dropdown-icon {
  transition: color .1s ease;
}
.nav-dropdown.is-hovered .nav-dropdown-toggle .nav-link-text, .nav-dropdown.is-hovered .nav-dropdown-icon {
  color: var(--light);
}
/* ============================================================ nav collapse */
/* «Menu Click» (a-12 / a-13): the hamburger and the close icon are stacked and
 * cross-fade. `.nav-menu-inner._02` is already absolute at opacity 0 in the
 * design sheet, so only the transition and the open state are new. */
.nav-menu-inner, .nav-menu-inner._02 {
  transition: opacity .3s ease;
}
.menu-button.is-open .nav-menu-inner {
  opacity: 0;
}
.menu-button.is-open .nav-menu-inner._02 {
  opacity: 1;
}
/* =================================================================== tabs */
/* The tab widgets are real buttons now; main.js moves `.is-active` between them
 * and between the panes. The FAQ accordions were tab sets too, so their wrapper
 * keeps the `position: relative` the framework's `.w-tabs` rule provided. */
.accordion {
  position: relative;
}
.tabs-pane {
  display: none;
}
.tabs-pane.is-active {
  display: block;
}
/* «Home Hero Tab Change» (a-27 / a-28) */
.tab-link {
  transition: border-color .5s ease;
}
.tab-link .paragraph-03.text-white-40 {
  transition: color .3s ease;
}
.tab-link-inner-icon {
  transition: transform .3s ease;
}
.tab-link.is-active {
  border-bottom-color: var(--light);
}
.tab-link.is-active .paragraph-03.text-white-40 {
  color: rgba(255, 255, 255, 1);
}
.tab-link.is-active .tab-link-inner-icon {
  transform: translateY(-100%);
}
/* ============================================================== FAQ accordion */
/* «Faq Open» / «Faq Close» (a-8 / a-9). The export built this out of a tab
 * widget whose panes were empty -- the answer lives inside the row -- so the
 * panes are gone and each row is a real disclosure button. IX2 animated the
 * wrapper's height between 0 and AUTO; main.js measures the target height and
 * hands it back to `auto` once the transition ends. */
.faq-answer-wrap {
  height: 0;
  transition: height .5s ease;
}
.faq-icon {
  transition: transform .5s ease;
}
.faq-item.is-active .faq-icon {
  transform: rotate(180deg);
}
/* ================================================================== scrubs */
/* «About Hero Image» (a-21) and «About Mission» (a-22) are SCROLLING_IN_VIEW
 * timelines, and both are limited to the `main` breakpoint in the payload --
 * below 992px the design has already reflowed these sections, so the scrub must
 * not run. main.js writes the progress into `--scrub`; the transform stays in
 * CSS so the media query can switch it off cleanly. */
@media screen and (min-width: 992px) {
  [data-scrub="about-hero"] .collection-item {
    transform: translateX(calc(var(--scrub, 0) * -184%));
  }

  [data-scrub="about-mission"] .mission-item {
    transform: translateX(calc(var(--scrub, 0) * -46vw));
  }
}
/* =============================================================== demo forms */
/* The Webflow form endpoint is gone; main.js shows the success panel the design
 * already ships and keeps the failure panel for the password page. */
[data-form-done], [data-form-fail] {
  display: none;
}
[data-form-done].is-visible, [data-form-fail].is-visible {
  display: block;
}
/* ============================================ form controls (corrected) */
/* Three defects inherited from the export, corrected rather than reproduced.
 * They are the only place the template departs from the source's RENDERING;
 * everything else is pixel-identical to it.
 *
 * 1. The checked checkbox kept Webflow's default blue. The design overrode the
 *    background (`.checkbox.is-checked`) but not `border-color`, so `#3898ec`
 *    showed through on a dark purple form -- and `background-size: cover`
 *    stretched the 13x11 tick until it touched all four edges.
 * 2. The <select> used the native browser arrow, jammed 12px from the edge
 *    while the text starts 26px in.
 * 3. The open option list rendered white-on-blue, ignoring the dark theme. */

.checkbox-input-custom.is-checked {
  background-color: var(--primary);
  border-color: var(--primary);
  /* The tick is 13x11 in a 16px box; `cover` left it no margin at all. */
  background-size: 10px 8px;
}
.checkbox-input-custom.is-focus, .wf-checkbox input[type="checkbox"]:focus-visible + .checkbox-input-custom, .wf-checkbox input[type="checkbox"]:focus-visible ~ .checkbox-input-custom {
  box-shadow: 0 0 0 3px rgba(121, 69, 255, .4);
}
/* The hidden input sits AFTER the proxy in Webflow's markup, so the focus ring
   above cannot reach it with a sibling combinator; this covers the real case. */
.wf-checkbox:focus-within .checkbox-input-custom {
  box-shadow: 0 0 0 3px rgba(121, 69, 255, .4);
}
/* --- select ------------------------------------------------------------- */
/* `--field-pad` mirrors the design's own `.form-text-field` padding-left at each
   breakpoint, so the arrow sits the same distance from the right edge as the
   text does from the left. */
select.form-text-field {
  --field-pad: 26px;
  appearance: none;
  -webkit-appearance: none;
  padding-right: calc(var(--field-pad) + 26px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b9ba5'%3E%3Cpath d='M12 15.4 5.3 8.7l1.4-1.4 5.3 5.3 5.3-5.3 1.4 1.4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--field-pad) center;
  background-size: 16px 16px;
}
select.form-text-field:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 15.4 5.3 8.7l1.4-1.4 5.3 5.3 5.3-5.3 1.4 1.4z'/%3E%3C/svg%3E");
}
/* The option list is drawn by the OS; these two are the properties it honours. */
select.form-text-field option {
  background-color: var(--dark);
  color: var(--light);
}
@media screen and (max-width: 767px) {
select.form-text-field {
    --field-pad: 20px;
  }
}
@media screen and (max-width: 479px) {
select.form-text-field {
    --field-pad: 10px;
  }
}
/* ====================================================== reduced motion */
@media (prefers-reduced-motion: reduce) {
  .js .reveal,
  .js .line-grow {
    opacity: 1;
    width: auto;
    animation: none;
  }

  .marquee-track,
  .js .breathe {
    animation: none;
  }

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