@font-face {
      font-family: BDO Grotesk;
      src: url('../fonts/BDOGrotesk-Regular-BF648a656fd543a.ttf') format("truetype");
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
     font-family: BDO Grotesk;
      src: url('../fonts/BDOGrotesk-Bold-BF648a656f8559f.ttf') format("truetype");
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: BDO Grotesk;
      src: url('../fonts/BDOGrotesk-Medium-BF648a656fc86b8.ttf') format("truetype");
     font-weight: 500;
      font-style: normal;
      font-display: swap;
    }
    
    :root {
      --colors--black: #010104;
      --font-family--font: "BDO Grotesk", Arial, sans-serif;
      --colors--white: white;
      --_typography---paragraph-02--font-size: 16px;
     --_typography---paragraph-02--line-height: 24px;
      --font-weight--normal: 400;
      --letter-spacing--letter-spacing-1: -.01em;
      --_typography---h1--font-size: 62px;
      --_typography---h1--line-height: 70px;
      --font-weight--medium: 500;
      --letter-spacing--letter-spacing-6: -.06em;
      --_typography---h2--font-size: 52px;
      --_typography---h2--line-height: 60px;
      --_typography---h3--font-size: 42px;
     --_typography---h3--line-height: 50px;
      --_typography---h4--font-size: 32px;
      --_typography---h4--line-height: 40px;
      --_typography---h5--font-size: 24px;
      --_typography---h5--line-height: 36px;
      --_typography---h6--font-size: 20px;
      --_typography---h6--line-height: 30px;
      --letter-spacing--letter-spacing-2: -.02em;
      --colors--grey-color: #d2d2d2cc;
      --colors--yellow: #120dd8;
     --colors--stroke-white: #ffffff1a;
      --colors--white-70: #ffffffb3;
      --colors--black-70: #010104b3;
      --_typography---paragraph-01--font-size: 18px;
      --_typography---paragraph-01--line-height: 28px;
      --_responsive---paddings--padding-160px: 160px;
      --_typography---secondary-button-text--font-size: 16px;
      --_typography---secondary-button-text--line-height: 24px;
      --_typography---tagline-01--font-size: 16px;
      --_typography---tagline-01--line-height: 22px;
     --_typography---primary-button-text--font-size: 18px;
      --_typography---primary-button-text--line-height: 28px;
      --letter-spacing--letter-spacing-3: -.03em;
      --_responsive---margins--margin-80px: 80px;
      --_typography---paragraph-03--font-size: 14px;
      --_typography---paragraph-03--line-height: 24px;
      --_typography---tagline-02--font-size: 14px;
      --_typography---tagline-02--line-height: 22px;
      --_responsive---border-radius--border-radius-100px: 100px;
      --_responsive---border-radius--border-radius-7px: 7px;
     --_responsive---border-radius--border-radius-12px: 12px;
      --colors--light-yellow: #ffa99f;
      --colors--bg-color: #0c0c0f;
      --colors--light-green: #b8afff;
      --_responsive---paddings--padding-100px: 100px;
      --_responsive---paddings--padding-60px: 60px;
      --colors--card-bg: #0d0d10;
      --_responsive---paddings--padding-120px: 120px;
      --_responsive---border-radius--border-radius-24px: 24px;
      --colors--green-grey: #e5ede8;
     --_responsive---margins--margin-60px: 60px;
      --_responsive---border-radius--border-radius-30px: 30px;
      --_responsive---margins--margin-32px: 32px;
      --_responsive---border-radius--border-radius-16px: 16px;
      --_responsive---paddings--padding-80px: 80px;
      --_responsive---paddings--padding-140px: 140px;
      --_responsive---border-radius--border-radius-20px: 20px;
      --_responsive---margins--margin-160px: 160px;
      --_responsive---margins--margin-40px: 40px;
      --colors--cultured-5: #f8f8f80d;
     --colors--stroke-black: #010104;
      --font-weight--semi-bold: 600;
      --font-weight--bold: 700;
    }
    
    body {
      background-color: var(--colors--black);
      font-family: var(--font-family--font);
      color: var(--colors--white);
      font-size: var(--_typography---paragraph-02--font-size);
     line-height: var(--_typography---paragraph-02--line-height);
      font-weight: var(--font-weight--normal);
      letter-spacing: var(--letter-spacing--letter-spacing-1);
    }
    
    h1 {
      font-size: var(--_typography---h1--font-size);
      line-height: var(--_typography---h1--line-height);
      font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-6);
     margin-top: 0;
      margin-bottom: 0;
    }
    
    h2 {
      font-size: var(--_typography---h2--font-size);
      line-height: var(--_typography---h2--line-height);
      font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-6);
      margin-top: 0;
     margin-bottom: 0;
    }
    
    h3 {
      font-size: var(--_typography---h3--font-size);
      line-height: var(--_typography---h3--line-height);
      font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-6);
      margin-top: 0;
      margin-bottom: 0;
   }
    
    h4 {
      font-size: var(--_typography---h4--font-size);
      line-height: var(--_typography---h4--line-height);
      font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-6);
      margin-top: 0;
      margin-bottom: 0;
    }
   
    h5 {
      font-size: var(--_typography---h5--font-size);
      line-height: var(--_typography---h5--line-height);
      font-weight: var(--font-weight--medium);
      margin-top: 0;
      margin-bottom: 0;
    }
    
    h6 {
     font-size: var(--_typography---h6--font-size);
      line-height: var(--_typography---h6--line-height);
      font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-2);
      margin-top: 0;
      margin-bottom: 0;
    }
    
    p {
      margin-bottom: 10px;
   }
    
    a {
      color: var(--colors--white);
      text-decoration: none;
    }
    
    ul {
      margin-top: 0;
      margin-bottom: 10px;
     padding-left: 40px;
    }
    
    blockquote {
      border-left: 5px solid #e2e2e2;
      margin-bottom: 10px;
      padding: 10px 20px;
      font-size: 18px;
      line-height: 22px;
    }
   
    .page-wrapper {
      position: relative;
      overflow: clip;
    }
    
    .paragraph-02 {
      font-size: var(--_typography---paragraph-02--font-size);
      line-height: var(--_typography---paragraph-02--line-height);
      font-weight: var(--font-weight--normal);
     letter-spacing: var(--letter-spacing--letter-spacing-1);
      margin-top: 0;
      margin-bottom: 0;
    }
    
    .paragraph-02.subtitle {
      color: var(--colors--grey-color);
      text-align: center;
    }
    
   .paragraph-02.footer-link:hover, .paragraph-02.footer-link.w--current {
      color: var(--colors--yellow);
    }
    
    .paragraph-02.footer-link {
      color: var(--colors--grey-color);
      text-decoration: none;
      transition: color .3s;
    }
    
   .paragraph-02.footer-link:hover {
      color: var(--colors--yellow);
    }
    
    .paragraph-02.copyright-text {
      color: var(--colors--grey-color);
      justify-content: flex-start;
      align-items: center;
      display: block;
    }
   
    .paragraph-02.tagline, .paragraph-02.team-tagline {
      color: var(--colors--grey-color);
    }
    
    .paragraph-02.hero-subtitle {
      color: var(--colors--grey-color);
      text-align: center;
    }
    
   .paragraph-02.hero-subtitle.left {
      text-align: left;
    }
    
    .paragraph-02.nav-text {
      color: var(--colors--white);
      letter-spacing: var(--letter-spacing--letter-spacing-1);
      font-weight: 400;
      transition: color .3s;
    }
   
    .paragraph-02.nav-text:hover {
      color: var(--colors--yellow);
    }
    
    .paragraph-02.dropdown-link-text {
      color: var(--colors--grey-color);
    }
    
    .paragraph-02.faq-answer {
     color: var(--colors--grey-color);
      padding-top: 16px;
    }
    
    .paragraph-02.duration {
      color: var(--colors--white-70);
      padding-bottom: 2px;
    }
    
    .paragraph-02.duration.black {
     color: var(--colors--black-70);
    }
    
    .paragraph-02.cta-subtitle {
      color: var(--colors--grey-color);
    }
    
    .paragraph-02._404-subtitle {
      color: var(--colors--grey-color);
      max-width: 450px;
     margin-left: auto;
      margin-right: auto;
    }
    
    .paragraph-01 {
      font-size: var(--_typography---paragraph-01--font-size);
      line-height: var(--_typography---paragraph-01--line-height);
      font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-2);
    }
   
    .paragraph-01.label {
      margin-bottom: 12px;
    }
    
    .container {
      z-index: 2;
      width: 100%;
      max-width: 1320px;
      margin-bottom: 0;
     margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-right: 20px;
      position: relative;
    }
    
    .container.hero {
      height: 100%;
    }
   
    .h2 {
      letter-spacing: var(--letter-spacing--letter-spacing-6);
      margin-top: 0;
      margin-bottom: 0;
      font-size: 52px;
      font-weight: 500;
      line-height: 60px;
    }
    
   .h2.team-name {
      color: var(--colors--grey-color);
      margin-top: 8px;
    }
    
    .components-subtitle {
      width: 100%;
      max-width: 276px;
    }
    
   .text-style-h1 {
      font-size: var(--_typography---h1--font-size);
      line-height: var(--_typography---h1--line-height);
      font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-6);
      margin-top: 0;
      margin-bottom: 0;
    }
    
    .h3 {
     letter-spacing: var(--letter-spacing--letter-spacing-6);
      margin-top: 0;
      margin-bottom: 0;
      font-size: 42px;
      font-weight: 500;
      line-height: 50px;
    }
    
    .typography {
      padding-top: var(--_responsive---paddings--padding-160px);
   }
    
    .components-header-wrap {
      padding-top: 40px;
      position: relative;
    }
    
    .components-header-wrap._01 {
      padding-top: 0;
    }
   
    .secondary-button-text {
      font-size: var(--_typography---secondary-button-text--font-size);
      line-height: var(--_typography---secondary-button-text--line-height);
      font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-2);
    }
    
    .divider {
      background-color: var(--colors--stroke-white);
     perspective-origin: 0%;
      transform-origin: 0%;
      width: 100%;
      height: 1px;
      position: absolute;
      inset: 0% 0% auto;
    }
    
    .divider:where(.w-variant-3ca3278d-df43-4224-497a-d0faf9f34431) {
      inset: auto 0% 0%;
   }
    
    .typography-info-wrap {
      grid-column-gap: 12px;
      grid-row-gap: 12px;
      flex-flow: wrap;
      justify-content: space-between;
      width: 100%;
      max-width: 732px;
      display: flex;
   }
    
    .components-header-content {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: wrap;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      max-width: 842px;
     display: flex;
    }
    
    .tagline-01 {
      font-size: var(--_typography---tagline-01--font-size);
      line-height: var(--_typography---tagline-01--line-height);
      font-weight: var(--font-weight--normal);
    }
    
    .primary-button-text {
     font-size: var(--_typography---primary-button-text--font-size);
      line-height: var(--_typography---primary-button-text--line-height);
      font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-3);
    }
    
    .primary-button-text.text-black:where(.w-variant-cc5dd8fd-70b5-4808-abb1-9e4187eb6e40), .primary-button-text.text-black.small-button-5 {
      font-size: var(--_typography---secondary-button-text--font-size);
      line-height: var(--_typography---secondary-button-text--line-height);
      letter-spacing: var(--letter-spacing--letter-spacing-2);
   }
    
    .typography-list {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      padding-bottom: 20px;
      display: flex;
      position: relative;
    }
   
    .h4 {
      letter-spacing: var(--letter-spacing--letter-spacing-6);
      margin-top: 0;
      margin-bottom: 0;
      font-size: 32px;
      font-weight: 500;
      line-height: 40px;
    }
    
   .h5 {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 24px;
      font-weight: 500;
      line-height: 36px;
    }
    
    .h5.faq-question {
      color: var(--colors--white);
   }
    
    .typography-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      grid-column-gap: 40px;
      grid-row-gap: 40px;
      flex-flow: column;
      display: flex;
    }
    
   .h6 {
      letter-spacing: var(--letter-spacing--letter-spacing-2);
      margin-top: 0;
      margin-bottom: 0;
      font-size: 20px;
      font-weight: 500;
      line-height: 30px;
    }
    
    .paragraph-03 {
     font-size: var(--_typography---paragraph-03--font-size);
      line-height: var(--_typography---paragraph-03--line-height);
      font-weight: var(--font-weight--normal);
      letter-spacing: var(--letter-spacing--letter-spacing-2);
      margin-top: 0;
      margin-bottom: 0;
    }
    
    .paragraph-03.blog-info {
      color: #fff9;
   }
    
    .paragraph-03.month, .paragraph-03.year {
      color: var(--colors--grey-color);
    }
    
    .tagline-02 {
      font-size: var(--_typography---tagline-02--font-size);
      line-height: var(--_typography---tagline-02--line-height);
      font-weight: var(--font-weight--medium);
     letter-spacing: var(--letter-spacing--letter-spacing-2);
    }
    
    .tagline-02.badge-text {
      color: var(--colors--black);
      text-align: center;
    }
    
    .buttons-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
     grid-column-gap: 28px;
      grid-row-gap: 16px;
      flex-flow: wrap;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }
    
    .buttons {
      padding-top: var(--_responsive---paddings--padding-160px);
   }
    
    .button-01 {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      border-radius: var(--_responsive---border-radius--border-radius-100px);
      background-color: var(--colors--yellow);
      color: var(--colors--white);
      justify-content: center;
      align-items: center;
     padding: 15px 32px;
      text-decoration: none;
      display: flex;
    }
    
    .button-01:where(.w-variant-560fe5c7-2a64-ffd7-a77a-47ae065d3ff4) {
      border-radius: var(--_responsive---border-radius--border-radius-7px);
    }
    
    .button-01-arrow-wrap {
     width: 24px;
      height: 24px;
      overflow: hidden;
    }
    
    .button-01-arrow-group {
      justify-content: flex-end;
      display: flex;
    }
    
   .button-01-text-wrap {
      height: var(--_typography---primary-button-text--line-height);
      overflow: hidden;
    }
    
    .button-02 {
      grid-column-gap: 8px;
      grid-row-gap: 8px;
      border: 1px solid var(--colors--stroke-white);
      border-radius: var(--_responsive---border-radius--border-radius-100px);
     justify-content: center;
      align-items: center;
      padding: 15px 35px;
      text-decoration: none;
      display: flex;
    }
    
    .button-02:where(.w-variant-e06a670e-1a6a-6731-9c2c-e43b1d4a39c8) {
      border-radius: var(--_responsive---border-radius--border-radius-7px);
    }
   
    .button-02-arrow-wrap {
      width: 24px;
      height: 24px;
      overflow: hidden;
    }
    
    .button-02-text-wrap {
      height: var(--_typography---primary-button-text--line-height);
      overflow: hidden;
   }
    
    .button-02-arrow-group {
      justify-content: flex-end;
      display: flex;
    }
    
    .text-white {
      color: var(--colors--white);
      justify-content: center;
     align-items: center;
      display: block;
    }
    
    .text-black {
      color: var(--colors--black);
    }
    
    .button-03 {
      border: 1px solid var(--colors--white);
     border-radius: var(--_responsive---border-radius--border-radius-100px);
      background-color: var(--colors--black-70);
      padding: 15px 42px;
      text-decoration: none;
    }
    
    .button-03:where(.w-variant-cc5dd8fd-70b5-4808-abb1-9e4187eb6e40) {
      padding: 11px 24px;
    }
    
   .button-03:where(.w-variant-9297de2e-2a75-2b04-837f-c9afd4d5fc03) {
      border-radius: var(--_responsive---border-radius--border-radius-7px);
    }
    
    .button-03.small-button {
      padding: 11px 24px;
    }
    
    .button-03-text-wrap {
      height: var(--_typography---primary-button-text--line-height);
     overflow: hidden;
    }
    
    .button-03-text-wrap:where(.w-variant-cc5dd8fd-70b5-4808-abb1-9e4187eb6e40), .button-03-text-wrap.small-button-2 {
      height: var(--_typography---secondary-button-text--line-height);
    }
    
    .button-4 {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
     justify-content: flex-start;
      align-items: center;
      text-decoration: none;
      display: flex;
      position: relative;
      overflow: hidden;
    }
    
    .button-underline {
      background-color: var(--colors--white);
     width: 100%;
      height: 1px;
      position: absolute;
      inset: auto 0% 0%;
    }
    
    .button-04-arrow:where(.w-variant-0c2e96ef-fc2c-718a-f6b3-4e4322b641f1) {
      display: none;
    }
    
   .color-info {
      grid-column-gap: 8px;
      grid-row-gap: 8px;
      flex-flow: column;
      margin-top: 12px;
      display: flex;
    }
    
    .colors {
      margin-top: var(--_responsive---margins--margin-80px);
   }
    
    .color {
      border-radius: var(--_responsive---border-radius--border-radius-12px);
      width: 100%;
      height: 200px;
    }
    
    .color.grey {
      background-color: var(--colors--grey-color);
   }
    
    .color.white {
      background-color: var(--colors--white);
    }
    
    .color.light-yellow {
      background-color: var(--colors--light-yellow);
    }
    
   .color.bg-color {
      background-color: var(--colors--bg-color);
    }
    
    .color.yellow {
      background-color: var(--colors--yellow);
    }
    
    .color.black {
      border: 1px solid var(--colors--stroke-white);
     background-color: var(--colors--black);
    }
    
    .color.light-green {
      background-color: var(--colors--light-green);
    }
    
    .colors-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      grid-column-gap: 20px;
     grid-row-gap: 40px;
      flex-flow: column;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
    
    .cta-v1 {
      border-top: 1px solid var(--colors--stroke-white);
     border-bottom: 1px solid var(--colors--stroke-white);
      background-image: url('../images/Cta-Bg.avif');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      overflow: hidden;
    }
    
    .cta-v1:where(.w-variant-785743b9-b207-9195-a0ef-8d17ba1df83b) {
     margin-top: 0;
    }
    
    .cta-v1-wrap {
      flex-flow: row;
      justify-content: space-between;
      align-items: flex-end;
      display: flex;
    }
    
   .cta-content-wrap {
      padding-top: var(--_responsive---paddings--padding-100px);
      padding-bottom: var(--_responsive---paddings--padding-100px);
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 605px;
      max-width: 100%;
      margin-left: 60px;
      display: flex;
   }
    
    .badge-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-7px);
      padding: 1.5px;
      position: relative;
      overflow: hidden;
    }
    
    .badge-wrap:where(.w-variant-33c76380-ad7a-1cd5-0908-e4c3cb901f07) {
     border: 1px solid var(--colors--stroke-white);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background-color: #0000001a;
    }
    
    .badge-outline {
      opacity: .25;
      background-image: linear-gradient(#fff6, #fff0 40% 60%, #ffffff1a);
      position: absolute;
     inset: 0%;
    }
    
    .badge-outline:where(.w-variant-33c76380-ad7a-1cd5-0908-e4c3cb901f07) {
      display: none;
    }
    
    .badge-inner-wrap {
      z-index: 1;
      border-radius: var(--_responsive---border-radius--border-radius-7px);
     background-color: var(--colors--card-bg);
      padding: 8.5px 18.5px;
      position: relative;
      overflow: hidden;
    }
    
    .badge-inner-wrap:where(.w-variant-33c76380-ad7a-1cd5-0908-e4c3cb901f07) {
      background-color: #0d0d1000;
    }
    
   .badge-content {
      z-index: 1;
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      justify-content: center;
      align-items: center;
      display: flex;
      position: relative;
    }
    
   .badge-dot {
      background-color: var(--colors--yellow);
      border-radius: 20px;
      flex: none;
      width: 7px;
      height: 7px;
    }
    
    .badge-inner-bg {
      background-color: #ffffff03;
     position: absolute;
      inset: 0%;
    }
    
    .cta-text-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: center;
     margin-top: 20px;
      display: flex;
    }
    
    .cta-text-wrap.v2 {
      margin-top: 0;
    }
    
    .heading-wrap.small {
      max-width: 398px;
   }
    
    .heading-wrap.medium {
      width: 100%;
      max-width: 480px;
    }
    
    .text-center {
      text-align: center;
      width: 100%;
     overflow: visible;
    }
    
    .subtitle-wrap {
      grid-column-gap: 12px;
      grid-row-gap: 12px;
      justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }
   
    .subtitle-wrap.small {
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      max-width: 603px;
      margin-left: auto;
      margin-right: auto;
    }
    
   .section-button-wrap {
      margin-top: 40px;
    }
    
    .section-button-wrap.center {
      grid-column-gap: 20px;
      grid-row-gap: 16px;
      flex-flow: wrap;
      justify-content: center;
      align-items: center;
     display: flex;
    }
    
    .section-button-wrap.cta-button {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: wrap;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
     justify-content: flex-start;
      align-items: center;
      display: flex;
    }
    
    .footer {
      padding-top: 80px;
      padding-bottom: 40px;
    }
    
   .footer-wrap {
      grid-column-gap: 40px;
      grid-row-gap: 40px;
      justify-content: space-between;
      align-items: flex-start;
      display: flex;
    }
    
    .footer-left {
      grid-column-gap: 24px;
     grid-row-gap: 24px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      max-width: 210px;
      display: flex;
    }
    
    .text-grey {
     color: var(--colors--grey-color);
    }
    
    .footer-right {
      grid-column-gap: 40px;
      grid-row-gap: 40px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      justify-content: space-between;
     width: 100%;
      max-width: 818px;
      display: grid;
    }
    
    .footer-column.info {
      grid-column-gap: 60px;
      grid-row-gap: 60px;
      flex-flow: column;
      justify-content: flex-start;
     align-items: flex-start;
      display: flex;
    }
    
    .footer-menu-list {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
     margin-top: 16px;
      display: flex;
    }
    
    .footer-contact-list {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
     display: flex;
    }
    
    .copyright-wrap {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      border-top: 1px solid var(--colors--stroke-white);
      flex-flow: row;
      justify-content: space-between;
      align-items: center;
     margin-top: 80px;
      padding-top: 30px;
      display: flex;
    }
    
    .copyright-link {
      color: var(--colors--white);
      text-decoration: none;
      transition: color .3s;
    }
   
    .copyright-link:hover {
      color: var(--colors--yellow);
    }
    
    .about {
      background-image: url('../images/About-Shadow_1About Shadow.avif');
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 1440px;
     position: relative;
    }
    
    .about-wrap {
      padding-top: var(--_responsive---paddings--padding-120px);
      padding-bottom: var(--_responsive---paddings--padding-120px);
      width: 100%;
      max-width: 767px;
      margin-left: auto;
      margin-right: auto;
   }
    
    .hero-header-wrap.integration-header {
      width: 100%;
      max-width: 681px;
      margin-top: 28px;
      margin-left: auto;
      margin-right: auto;
    }
    
   .hero-badge-wrap {
      justify-content: center;
      align-items: flex-end;
      margin-bottom: 20px;
      display: flex;
    }
    
    .hero-badge-wrap.left {
      justify-content: flex-start;
      align-items: flex-end;
   }
    
    .hero-text-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }
   
    .hero-text-wrap.left {
      justify-content: flex-start;
      align-items: flex-start;
    }
    
    .about-video-wrap {
      position: absolute;
      inset: 0%;
      overflow: clip;
   }
    
    .about-video {
      opacity: .3;
      mix-blend-mode: hard-light;
      object-fit: cover;
      object-position: 50% 0%;
      width: 100%;
      height: 100%;
    }
   
    .about-video-cover {
      z-index: 1;
      mix-blend-mode: color;
      background-color: #010104;
      position: absolute;
      inset: 0%;
    }
    
    .about-video-shadow {
     z-index: 2;
      background-image: linear-gradient(#01010400, #010104);
      height: 100px;
      position: absolute;
      inset: auto 0% -1%;
    }
    
    .brands {
      padding-top: var(--_responsive---paddings--padding-60px);
    }
   
    .brands:where(.w-variant-3e828ba4-a108-d4eb-75ac-1f81fce3f33d) {
      padding-top: var(--_responsive---paddings--padding-160px);
    }
    
    .section-header-wrap.flex {
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      flex-flow: wrap;
      justify-content: space-between;
     align-items: flex-end;
      display: flex;
    }
    
    .section-header-wrap.purpose-header {
      display: none;
    }
    
    .section-header-content {
      width: 100%;
     max-width: 660px;
      margin-left: auto;
      margin-right: auto;
    }
    
    .section-header-content.left {
      margin-left: 0;
      margin-right: 0;
    }
    
   .section-header-content.large {
      max-width: 800px;
    }
    
    .section-header-text-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: center;
     display: flex;
    }
    
    .section-header-text-wrap.left {
      justify-content: flex-start;
      align-items: flex-start;
      max-width: 554px;
    }
    
    .brands-main-wrap {
     width: 100%;
      max-width: 1085px;
      margin-top: 48px;
      margin-left: auto;
      margin-right: auto;
    }
    
    .brands-marquee-wrap {
      justify-content: flex-start;
      align-items: center;
     display: flex;
      position: relative;
      overflow: hidden;
    }
    
    .brands-list {
      flex: none;
      justify-content: flex-start;
      align-items: center;
      display: flex;
   }
    
    .brand-logo {
      flex: none;
      margin-right: 100px;
    }
    
    .brands-left-shadow {
      background-image: linear-gradient(90deg, #010104 5%, #fff0);
      width: 200px;
     height: 140%;
      position: absolute;
      inset: -20% auto 0% -1px;
    }
    
    .brands-right-shadow {
      background-image: linear-gradient(90deg, #fff0, #010104 95%);
      width: 200px;
      height: 140%;
      position: absolute;
     inset: -20% -1px 0% auto;
    }
    
    .values {
      padding-top: var(--_responsive---paddings--padding-160px);
      padding-bottom: var(--_responsive---paddings--padding-160px);
    }
    
    .values-main-wrap {
      margin-top: var(--_responsive---paddings--padding-120px);
     grid-column-gap: 78px;
      grid-row-gap: 78px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
    
    .value-text-wrap {
      grid-column-gap: 22px;
     grid-row-gap: 22px;
      flex-flow: column;
      margin-top: 40px;
      display: flex;
    }
    
    .timeline {
      padding-top: var(--_responsive---paddings--padding-100px);
      padding-bottom: var(--_responsive---paddings--padding-100px);
      background-color: var(--colors--bg-color);
   }
    
    .timeline-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      grid-column-gap: 48px;
      grid-row-gap: 48px;
      justify-content: space-between;
      align-items: flex-start;
      display: flex;
      position: relative;
   }
    
    .timeline-left {
      width: 100%;
      max-width: 398px;
      position: sticky;
      top: 50px;
    }
    
    .timeline-right {
     grid-column-gap: 80px;
      grid-row-gap: 80px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      width: 100%;
      max-width: 642px;
      display: grid;
    }
    
   .timeline-list {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }
    
    .investor {
     padding-top: var(--_responsive---paddings--padding-160px);
    }
    
    .investor-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      position: relative;
      overflow: hidden;
    }
    
    .investor-marquee {
     grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      display: flex;
    }
    
    .investor-list-wrap {
      justify-content: flex-start;
      align-items: center;
      display: flex;
   }
    
    .investor-list-01 {
      flex: none;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }
    
    .investor-card {
     border-radius: 26px;
      width: 100%;
      max-width: 310px;
      padding: 1.33px;
      position: relative;
      overflow: hidden;
    }
    
    .investor-card-color {
      opacity: .35;
     pointer-events: none;
      background-image: linear-gradient(#fff6, #ffffff1a 40% 60%, #ffffff26);
      position: absolute;
      inset: 0%;
    }
    
    .investor-card-inner {
      z-index: 1;
      grid-column-gap: 20px;
      grid-row-gap: 20px;
     background-color: #050508;
      border-radius: 26px;
      justify-content: flex-start;
      align-items: center;
      padding: 25px;
      display: flex;
      position: relative;
    }
    
    .investor-image {
     flex: none;
      width: 78px;
    }
    
    .investor-list-02 {
      flex: none;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }
   
    .investor-list {
      flex: none;
      margin-right: 20px;
    }
    
    .investor-shadow {
      z-index: 2;
      background-image: linear-gradient(90deg, #010104, #01010400);
      width: 100%;
     max-width: 300px;
      height: 140%;
      position: absolute;
      inset: -20% auto 0% 0%;
    }
    
    .investor-shadow.right {
      background-image: linear-gradient(90deg, #01010400, #010104);
      inset: -20% 0% 0% auto;
    }
   
    .intro {
      padding-top: var(--_responsive---paddings--padding-60px);
      padding-bottom: var(--_responsive---paddings--padding-100px);
    }
    
    .intro-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      grid-column-gap: 12px;
      grid-row-gap: 12px;
     display: flex;
    }
    
    .intro-left {
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      width: 100%;
      max-width: 800px;
      padding: 1.5px;
      position: relative;
      overflow: hidden;
   }
    
    .intro-card {
      z-index: 2;
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      background-color: var(--colors--card-bg);
      -webkit-backdrop-filter: blur(14px);
      backdrop-filter: blur(14px);
      background-image: url('../images/Intro-Bg.avif');
      background-position: 0 0;
     background-repeat: no-repeat;
      background-size: cover;
      padding: 60px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 24px 24px #0000004d;
    }
    
    .intro-top-wrap {
      grid-column-gap: 30px;
     grid-row-gap: 30px;
      flex-flow: column;
      align-items: flex-start;
      display: flex;
    }
    
    .label-wrap {
      background-color: var(--colors--light-yellow);
      border-radius: 4px;
      padding: 4px 15px;
   }
    
    .label-wrap.shadow {
      box-shadow: 0 24px 24px #0000004d;
    }
    
    .label-wrap.light-green {
      background-color: var(--colors--green-grey);
    }
    
   .intro-bottom-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: row;
      justify-content: space-between;
      align-items: center;
      margin-top: 60px;
      display: flex;
    }
    
   .intro-info-wrap {
      grid-column-gap: 12px;
      grid-row-gap: 12px;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }
    
    .intro-image {
      flex: none;
     width: 58px;
    }
    
    .card-outline {
      opacity: .25;
      pointer-events: none;
      background-image: linear-gradient(#fff6, #fff0 40% 60%, #ffffff0d);
      position: absolute;
      inset: 0%;
    }
   
    .card-outline._02 {
      background-image: linear-gradient(#fff6, #ffffff1a 40% 60%, #fff3);
    }
    
    .intro-right {
      grid-column-gap: 12px;
      grid-row-gap: 12px;
      flex-flow: column;
      width: 100%;
     max-width: 470px;
      display: flex;
    }
    
    .intro-statistics-list {
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      flex: 1;
      padding: 1.5px;
      position: relative;
      overflow: hidden;
     box-shadow: 0 24px 24px #0000004d;
    }
    
    .intro-statistics-card {
      z-index: 2;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      background-color: var(--colors--card-bg);
      flex-flow: column;
     justify-content: space-between;
      height: 100%;
      padding: 20px 26px;
      display: flex;
      position: relative;
    }
    
    .statistics-number-wrap {
      height: var(--_typography---h1--line-height);
      display: flex;
     overflow: hidden;
    }
    
    .statistics-number-wrap.small {
      height: var(--_typography---h2--line-height);
    }
    
    .statistics-number-box.upper {
      flex-flow: column;
      justify-content: flex-end;
     align-items: center;
      display: flex;
    }
    
    .statistics-number-box.lower {
      flex-flow: column;
      display: flex;
    }
    
    .intro-statistics-top {
     grid-column-gap: 12px;
      grid-row-gap: 12px;
      justify-content: space-between;
      align-items: center;
      display: flex;
    }
    
    .intro-statistics-bottom {
      max-width: 387px;
    }
   
    .testimonial {
      padding-top: var(--_responsive---paddings--padding-160px);
    }
    
    .testimonial-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      border: 1px solid #ffffff1a;
      width: 100%;
      max-width: 1440px;
     margin-left: auto;
      margin-right: auto;
    }
    
    .testimonial-slider {
      background-color: #0000;
      height: auto;
    }
    
    .testimonial-slide {
     justify-content: flex-start;
      align-items: stretch;
      display: flex;
    }
    
    .testimonial-slider-arrow {
      justify-content: center;
      align-items: center;
      width: 100%;
      max-width: 236px;
     height: 60px;
      display: flex;
      inset: auto auto 0% 0%;
    }
    
    .testimonial-slider-arrow.right {
      border-left: 1px solid #ffffff1a;
      border-right: 1px solid #ffffff1a;
      margin-left: 237px;
    }
   
    .testimonial-slider-nav {
      margin-top: 24px;
      font-size: 10px;
      display: none;
      position: static;
      bottom: -60px;
    }
    
    .testimonial-image-wrap {
     width: 100%;
      max-width: 472px;
      height: 342px;
    }
    
    .fit-cover {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
   
    .fit-cover.testimonial-image {
      object-position: 50% 0%;
    }
    
    .fit-cover.team-image {
      filter: saturate(0%);
      object-position: 50% 0%;
    }
    
   .fit-cover.contact-image {
      object-position: 50% 0%;
    }
    
    .testimonial-content-wrap {
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      height: 402px;
      padding: 24px 24px 24px 100px;
     display: flex;
    }
    
    .testimonial-content {
      width: 100%;
      max-width: 800px;
    }
    
    .review-wrap {
      grid-column-gap: 8px;
     grid-row-gap: 8px;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }
    
    .testimonial-text-wrap {
      margin-top: 22px;
    }
    
   .testimonial-info-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      justify-content: space-between;
      align-items: center;
      margin-top: 48px;
      display: flex;
    }
    
    .testimonial-arrow-active {
     opacity: 0;
      position: absolute;
    }
    
    .team {
      padding-top: var(--_responsive---paddings--padding-160px);
    }
    
    .team-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
   }
    
    .team-tabs {
      display: flex;
    }
    
    .team-tabs-menu {
      flex-flow: column;
      width: 100%;
      max-width: 627px;
     display: flex;
    }
    
    .team-tab-link {
      background-color: #ddd0;
      padding: 40px 0;
      overflow: hidden;
    }
    
    .team-tab-link.w--current {
     background-color: #fff0;
    }
    
    .team-tab-link._01 {
      padding-top: 0;
    }
    
    .team-tabs-content {
      width: 100%;
      max-width: 653px;
   }
    
    .team-tab-pane {
      width: 100%;
      height: 100%;
    }
    
    .team-image-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      width: 100%;
     height: 100%;
      overflow: hidden;
    }
    
    .blog-hero {
      background-image: url('../images/Left-Shadow_1Left Shadow.avif'), url('../images/Right-SHadow_1Right SHadow.avif');
      background-position: 0 0, 100% 100%;
      background-repeat: no-repeat, no-repeat;
      background-size: contain, contain;
      border-bottom: 1px solid #ffffff1a;
     position: relative;
    }
    
    .blog-hero-wrap {
      padding-top: var(--_responsive---paddings--padding-120px);
      padding-bottom: var(--_responsive---paddings--padding-160px);
      width: 100%;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
   }
    
    .hero-subtitle-wrap.small {
      width: 100%;
      max-width: 400px;
    }
    
    .hero-subtitle-wrap.medium {
      max-width: 603px;
    }
   
    .star-lottie-wrap {
      justify-content: center;
      align-items: center;
      display: flex;
      position: absolute;
      inset: 0%;
    }
    
    .star-lottie-wrap.cta-star {
     height: 600px;
    }
    
    .blog {
      padding-top: var(--_responsive---paddings--padding-100px);
    }
    
    .blog-collection-list {
      grid-column-gap: 20px;
      grid-row-gap: 40px;
     grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
    
    .blog-link {
      color: var(--colors--white);
      width: 100%;
      text-decoration: none;
   }
    
    .blog-link.v3 {
      height: 100%;
    }
    
    .blog-image-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-12px);
      width: 100%;
      height: 352px;
     overflow: hidden;
    }
    
    .blog-info-wrap {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      flex-flow: wrap;
      justify-content: flex-start;
      align-items: center;
      margin-top: 20px;
     display: flex;
    }
    
    .blog-date-wrap {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      border-radius: var(--_responsive---border-radius--border-radius-100px);
      background-color: #0c0c0f;
      justify-content: flex-start;
      align-items: center;
     padding: 2px 15px;
      display: flex;
    }
    
    .calender-icon {
      width: 17px;
    }
    
    .writer-wrap {
      grid-column-gap: 10px;
     grid-row-gap: 10px;
      border-radius: var(--_responsive---border-radius--border-radius-100px);
      background-color: #0c0c0f;
      justify-content: flex-start;
      align-items: center;
      padding: 2px 15px 2px 5px;
      display: flex;
    }
    
    .writer-image {
     width: 22px;
    }
    
    .blog-title-wrap {
      margin-top: 16px;
    }
    
    .nav-dropdown {
      margin-left: 0;
      margin-right: 0;
   }
    
    .button-5 {
      background-color: #000;
      border-radius: 100px;
      padding: 11px 24px;
      text-decoration: none;
      overflow: hidden;
    }
    
   .navbar-menu-box {
      cursor: pointer;
    }
    
    .navbar {
      z-index: 9999;
      width: 100%;
      position: sticky;
    }
    
   .nav-menu {
      padding-right: 1px;
      text-decoration: none;
      overflow: hidden;
    }
    
    .dropdown-menu {
      text-decoration: none;
      overflow: hidden;
    }
   
    .dropdown-menu-wrap.center {
      border-right: 0px solid var(--colors--stroke-white);
      border-left: 1px solid var(--colors--stroke-white);
      height: 100%;
      padding-left: 40px;
      padding-right: 40px;
    }
    
    .nav-left-menu-wrap {
     grid-column-gap: 38px;
      grid-row-gap: 38px;
      justify-content: flex-start;
      align-items: center;
      display: flex;
      position: relative;
    }
    
    .navbar-desktop-right {
      grid-column-gap: 30px;
     grid-row-gap: 30px;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }
    
    .navbar-desktop-right._02 {
      flex: 1;
      justify-content: flex-end;
      align-items: center;
   }
    
    .mobile-dropdown-wrap {
      display: none;
    }
    
    .icon {
      margin-right: 0;
    }
    
   .navbar-desktop-left {
      grid-column-gap: 30px;
      grid-row-gap: 30px;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }
    
    .navbar-desktop-left._02 {
      flex: 1;
   }
    
    .nav-dropdown-list {
      background-color: #ddd0;
      left: -490px;
      overflow: visible;
    }
    
    .nav-dropdown-list.w--open {
      z-index: auto;
     position: absolute;
      left: auto;
    }
    
    .nav-dropdown-list._02.w--open {
      left: -60px;
    }
    
    .nav-container {
      z-index: 2;
     width: 100%;
      max-width: 1320px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
    }
    
    .navbar-brand {
      flex: none;
    }
   
    .navbar-desktop-wrap {
      z-index: 10;
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      justify-content: space-between;
      align-items: center;
      padding-left: 20px;
      padding-right: 20px;
      display: flex;
   }
    
    .dropdown-toggle {
      color: var(--colors--white);
      letter-spacing: var(--letter-spacing--letter-spacing-1);
      padding: 0 22px 0 0;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      transition: color .3s;
   }
    
    .dropdown-toggle:hover {
      color: var(--colors--yellow);
    }
    
    .navbar-desktop-center {
      flex: 1;
      justify-content: center;
      align-items: center;
     display: flex;
    }
    
    .nav-divider {
      background-color: #0000001a;
      width: 1px;
      height: 24px;
      position: absolute;
      left: 0;
    }
   
    .navbar-mobile-wrap {
      padding-left: 20px;
      padding-right: 20px;
      display: none;
    }
    
    .dropdown-column {
      grid-column-gap: 40px;
      grid-row-gap: 40px;
     flex-flow: column;
      display: flex;
    }
    
    .navbar-brand-logo {
      width: 100%;
    }
    
    .navbar-right {
      display: flex;
   }
    
    .navbar-wrap {
      z-index: 10;
      padding-top: 20px;
      padding-bottom: 20px;
      position: relative;
    }
    
    .menu-underline {
     background-color: var(--colors--white);
      width: 100%;
      height: 1px;
      transform: translate(-105%);
    }
    
    .dropdown-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      border: 1px solid var(--colors--stroke-white);
     border-radius: var(--_responsive---border-radius--border-radius-12px);
      background-color: var(--colors--black);
      justify-content: space-between;
      width: 330px;
      max-width: 100%;
      padding: 40px 30px;
      display: flex;
    }
    
    .dropdown-wrap.small {
     width: 220px;
      padding: 0 20px 16px;
    }
    
    .dropdown-menu-list {
      grid-column-gap: 14px;
      grid-row-gap: 14px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
     margin-top: 18px;
      display: flex;
    }
    
    .dropdown-list-wrap {
      padding-top: 29px;
    }
    
    .dropdown-list-wrap.black {
      padding-top: 15px;
   }
    
    .hero-v1 {
      background-image: url('../images/Hero-Shadow.webp');
      background-repeat: no-repeat;
      background-size: contain;
      flex-flow: column;
      align-items: stretch;
      height: 100vh;
      display: flex;
     position: relative;
    }
    
    .hero-v1-wrap {
      flex: 1;
    }
    
    .hero-v1-video-wrap {
      pointer-events: none;
      position: absolute;
     inset: 0%;
      overflow: hidden;
    }
    
    .hero-v1-video {
      mix-blend-mode: hard-light;
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
   
    .hero-v1-video-shadow {
      background-image: linear-gradient(#01010400, #010104);
      height: 50px;
      position: absolute;
      inset: auto 0% 0%;
    }
    
    .hero-v1-main-wrap {
      padding-top: var(--_responsive---paddings--padding-100px);
     padding-bottom: var(--_responsive---paddings--padding-100px);
      flex-flow: column;
      justify-content: center;
      align-items: stretch;
      width: 100%;
      max-width: 603px;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      display: flex;
   }
    
    .hero-button-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: wrap;
      justify-content: center;
      align-items: center;
      margin-top: 40px;
      display: flex;
   }
    
    .hero-button-wrap.left {
      justify-content: flex-start;
      align-items: center;
    }
    
    .features-v1 {
      padding-top: var(--_responsive---paddings--padding-160px);
      padding-bottom: var(--_responsive---paddings--padding-160px);
   }
    
    .features-v1-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      grid-column-gap: 22px;
      grid-row-gap: 22px;
      flex-flow: column;
      display: flex;
    }
    
   .features-v1-card-01 {
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      padding: 1.5px;
      position: relative;
      overflow: hidden;
    }
    
    .features-v1-card-01-inner {
      z-index: 1;
      grid-column-gap: 48px;
     grid-row-gap: 48px;
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      background-color: var(--colors--card-bg);
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      justify-content: space-between;
      align-items: stretch;
      padding-left: 80px;
      display: flex;
     position: relative;
      overflow: hidden;
    }
    
    .features-v1-card-01-left {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      justify-content: center;
      align-items: flex-start;
     width: 100%;
      max-width: 392px;
      padding-top: 24px;
      padding-bottom: 24px;
      display: flex;
    }
    
    .features-v1-text-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
     flex-flow: column;
      display: flex;
    }
    
    .features-v1-card-01-right {
      justify-content: flex-end;
      align-items: flex-end;
      width: 100%;
      max-width: 634px;
      margin-top: 60px;
     display: flex;
    }
    
    .features-v1-image-01 {
      filter: drop-shadow(0 25.24px 25.24px #0000004d);
      width: 100%;
    }
    
    .features-v1-bottom-wrap {
      grid-column-gap: 22px;
     grid-row-gap: 22px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
    
    .features-v1-card-02 {
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      width: 100%;
     padding: 1.5px;
      position: relative;
      overflow: hidden;
    }
    
    .features-v1-card-02-inner {
      z-index: 1;
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      border-radius: var(--_responsive---border-radius--border-radius-24px);
     background-color: var(--colors--card-bg);
      flex-flow: column;
      justify-content: space-between;
      height: 100%;
      display: flex;
      position: relative;
      overflow: hidden;
    }
    
    .features-v1-card-02-inner._01 {
     background-image: url('../images/Card-Shadow.webp');
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: contain;
    }
    
    .features-v1-card-image-wrap._02 {
      justify-content: center;
      align-items: center;
      margin-top: 40px;
     display: flex;
      position: relative;
    }
    
    .features-v1-card-image-02 {
      width: 100%;
    }
    
    .features-v1-card-image-02._02 {
      position: relative;
   }
    
    .features-v1-card-text-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      padding-bottom: 60px;
      padding-left: 60px;
      padding-right: 60px;
      display: flex;
   }
    
    .capabilities {
      margin-bottom: var(--_responsive---margins--margin-60px);
      padding-top: var(--_responsive---paddings--padding-100px);
      padding-bottom: var(--_responsive---paddings--padding-60px);
    }
    
    .capabilities-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
     grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
    
    .capabilities-card {
      border-radius: var(--_responsive---border-radius--border-radius-24px);
     padding: 1.5px;
      position: relative;
      overflow: hidden;
    }
    
    .capabilities-card-inner {
      z-index: 1;
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      background-color: var(--colors--card-bg);
      height: 100%;
     padding: 32px;
      display: block;
      position: relative;
      overflow: hidden;
    }
    
    .capabilities-text-wrap {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      flex-flow: column;
     margin-top: 46px;
      display: flex;
    }
    
    .integration-v1 {
      padding-top: var(--_responsive---paddings--padding-100px);
      background-color: var(--colors--bg-color);
      overflow: hidden;
    }
    
   .integration-v1-main-wrap {
      padding-top: var(--_responsive---paddings--padding-100px);
      overflow: hidden;
    }
    
    .integration-marquee-wrap {
      border-top: 1px solid var(--colors--stroke-white);
      border-bottom: 1px solid var(--colors--stroke-white);
      border-left: 1px solid var(--colors--stroke-white);
      display: flex;
   }
    
    .integration-marquee-list {
      flex: none;
      display: flex;
    }
    
    .integration-marquee-item {
      border-right: 1px solid var(--colors--stroke-white);
      flex: none;
     justify-content: center;
      align-items: center;
      width: 150px;
      height: 120px;
      display: flex;
    }
    
    .faq {
      padding-top: var(--_responsive---paddings--padding-100px);
      padding-bottom: var(--_responsive---paddings--padding-100px);
     background-color: var(--colors--bg-color);
    }
    
    .faq-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      width: 100%;
      max-width: 980px;
      margin-left: auto;
      margin-right: auto;
    }
   
    .hide {
      display: none;
    }
    
    .faq-list {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      display: flex;
   }
    
    .faq-item {
      border: 1px solid var(--colors--stroke-white);
      border-radius: var(--_responsive---border-radius--border-radius-7px);
      background-color: #0000;
      padding: 22px 30px 22px 40px;
    }
    
    .faq-item.w--current {
     background-color: #0000;
    }
    
    .faq-question-wrap {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      justify-content: space-between;
      align-items: center;
      display: flex;
    }
   
    .faq-arrow {
      flex: none;
    }
    
    .faq-answer-wrap {
      width: 100%;
      max-width: 764px;
      overflow: hidden;
    }
   
    .blog-v2 {
      padding-top: var(--_responsive---paddings--padding-100px);
      padding-bottom: var(--_responsive---paddings--padding-100px);
    }
    
    .blog-v2-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
    }
    
   .pricing-hero {
      background-image: url('../images/Left-Shadow_1Left Shadow.avif'), url('../images/Right-SHadow_1Right SHadow.avif');
      background-position: 0 0, 100% 100%;
      background-repeat: no-repeat, no-repeat;
      background-size: contain, contain;
      border-bottom: 1px solid #ffffff1a;
      position: relative;
    }
    
    .pricing-hero-wrap {
     padding-top: var(--_responsive---paddings--padding-120px);
      padding-bottom: var(--_responsive---paddings--padding-120px);
      width: 100%;
      max-width: 637px;
      margin-left: auto;
      margin-right: auto;
    }
    
    .pricing {
      padding-top: var(--_responsive---paddings--padding-100px);
   }
    
    .pricing-wrap {
      width: 100%;
      max-width: 1123px;
      margin-left: auto;
      margin-right: auto;
    }
    
    .switch-wrap {
     grid-column-gap: 12px;
      grid-row-gap: 12px;
      justify-content: center;
      align-items: center;
      display: flex;
    }
    
    .switch {
      border-radius: var(--_responsive---border-radius--border-radius-100px);
      background-color: var(--colors--white);
     cursor: pointer;
      justify-content: flex-start;
      align-items: center;
      width: 40px;
      height: 20px;
      padding: 4px;
      display: flex;
    }
    
    .ball {
     border-radius: var(--_responsive---border-radius--border-radius-100px);
      background-color: var(--colors--black);
      width: 14px;
      height: 14px;
    }
    
    .pricing-main-wrap {
      margin-top: var(--_responsive---margins--margin-60px);
    }
    
   .pricing-list {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      border-radius: var(--_responsive---border-radius--border-radius-30px);
      background-color: var(--colors--bg-color);
      background-image: url('../images/Shadow_1.avif');
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: cover;
      grid-template-rows: auto;
     grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-right: 20px;
      display: grid;
    }
    
    .pricing-list.year {
      display: none;
   }
    
    .pricing-item {
      border-radius: var(--_responsive---border-radius--border-radius-12px);
      padding: 40px;
    }
    
    .pricing-item.popular {
      background-color: var(--colors--grey-color);
    }
   
    .plan-info-wrap {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      justify-content: space-between;
      align-items: flex-end;
      height: 36px;
      display: flex;
    }
    
   .plan-badge {
      border-radius: var(--_responsive---border-radius--border-radius-7px);
      background-color: var(--colors--white);
      padding: 6px 14px;
    }
    
    .tagline {
      color: #000;
      letter-spacing: -.02em;
      font-size: 14px;
     font-weight: 500;
      line-height: 20px;
    }
    
    .plan-text-wrap {
      grid-column-gap: 12px;
      grid-row-gap: 12px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
     width: 100%;
      max-width: 402px;
      margin-top: 24px;
      display: flex;
    }
    
    .text-style-h3 {
      padding-bottom: var(--_responsive---margins--margin-32px);
      font-size: var(--_typography---h3--font-size);
      line-height: var(--_typography---h3--line-height);
     font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-6);
    }
    
    .text-style-h4 {
      font-size: var(--_typography---h4--font-size);
      line-height: var(--_typography---h4--line-height);
      font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-6);
    }
   
    .text-style-h5 {
      font-size: var(--_typography---h5--font-size);
      line-height: var(--_typography---h5--line-height);
      font-weight: var(--font-weight--medium);
    }
    
    .text-style-h5.compare-plan-title {
      color: var(--colors--grey-color);
      text-align: center;
   }
    
    .text-style-h5.year {
      color: var(--colors--yellow);
    }
    
    .text-style-h6 {
      font-size: var(--_typography---h6--font-size);
      line-height: var(--_typography---h6--line-height);
      font-weight: var(--font-weight--medium);
     letter-spacing: var(--letter-spacing--letter-spacing-2);
    }
    
    .text-style-h6.install-text {
      color: var(--colors--grey-color);
      position: absolute;
      inset: 20px 40px auto auto;
    }
    
    .text-style-h6.interface-link-text {
     opacity: .4;
      color: #ffffffb3;
    }
    
    .price-wrap {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      border-top: 1px solid var(--colors--stroke-white);
      border-bottom: 1px solid var(--colors--stroke-white);
      justify-content: flex-start;
     align-items: flex-end;
      margin-top: 64px;
      margin-bottom: 48px;
      padding-top: 18px;
      padding-bottom: 18px;
      display: flex;
    }
    
    .price-wrap._02 {
      border-top-color: #0101041a;
     border-bottom-color: #0101041a;
    }
    
    .pricing-features-wrap {
      grid-column-gap: 12px;
      grid-row-gap: 12px;
      flex-flow: column;
      margin-top: 24px;
      display: flex;
    }
   
    .pricing-features-list {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }
    
    .pricing-button-wrap {
     margin-top: 64px;
    }
    
    .text-black-70 {
      color: var(--colors--black-70);
    }
    
    .text-white-70 {
      color: var(--colors--white-70);
    }
   
    .button-04 {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      border-radius: var(--_responsive---border-radius--border-radius-100px);
      background-color: var(--colors--white);
      color: var(--colors--black);
      justify-content: center;
      align-items: center;
      padding: 15px 32px;
     text-decoration: none;
      display: flex;
    }
    
    .button-04-arrow-wrap {
      width: 24px;
      height: 24px;
      overflow: hidden;
    }
    
   .button-04-arrow-group {
      justify-content: flex-end;
      display: flex;
    }
    
    .button-04-text-wrap {
      height: var(--_typography---primary-button-text--line-height);
      overflow: hidden;
    }
    
   .compare {
      padding-top: var(--_responsive---paddings--padding-160px);
    }
    
    .compare-main-wrap {
      margin-top: var(--_responsive---margins--margin-60px);
    }
    
    .compare-title-row {
      justify-content: space-between;
     padding-right: 20px;
      display: flex;
    }
    
    .compare-left {
      width: 50%;
    }
    
    .compare-title-wrap {
      padding: 24px 20px 20px 60px;
   }
    
    .compare-right {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      grid-template-rows: auto;
      grid-template-columns: 1fr;
      grid-auto-columns: 1fr;
      width: 50%;
      display: grid;
   }
    
    .compare-title-column {
      justify-content: center;
      align-items: center;
      display: flex;
    }
    
    .compare-details-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-12px);
     background-color: var(--colors--bg-color);
      padding-top: 20px;
      padding-bottom: 20px;
      padding-right: 20px;
      overflow: hidden;
    }
    
    .compare-details-row {
      justify-content: space-between;
      display: flex;
   }
    
    .compare-features-wrap {
      border-bottom: 1px solid var(--colors--stroke-white);
      width: 50%;
      padding: 30px 20px 30px 60px;
    }
    
    .compare-features-wrap._01 {
      border-bottom-width: 0;
   }
    
    .compare-details-column-wrap {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      grid-template-rows: auto;
      grid-template-columns: minmax(200px, 1fr);
      grid-auto-columns: 1fr;
      width: 50%;
      display: grid;
   }
    
    .compare-details-column {
      border-bottom: 1px solid var(--colors--stroke-white);
      justify-content: center;
      align-items: center;
      display: flex;
    }
    
    .compare-details-column.bg {
     grid-column-gap: 12px;
      grid-row-gap: 12px;
      background-color: var(--colors--yellow);
      border-bottom-color: #0101041a;
    }
    
    .compare-details-column.bg._01 {
      border-top-left-radius: var(--_responsive---border-radius--border-radius-12px);
      border-top-right-radius: var(--_responsive---border-radius--border-radius-12px);
    }
   
    .compare-details-column.bg._02 {
      border-bottom-left-radius: var(--_responsive---border-radius--border-radius-12px);
      border-bottom-right-radius: var(--_responsive---border-radius--border-radius-12px);
      border-bottom-width: 0;
    }
    
    .compare-details-column._02 {
      border-bottom-width: 0;
    }
   
    .pricing-v2 {
      padding-top: var(--_responsive---paddings--padding-160px);
      padding-bottom: var(--_responsive---paddings--padding-160px);
    }
    
    .pricing-v2-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
    }
    
   .integration-hero {
      background-image: url('../images/Left-Shadow_1Left Shadow.avif'), url('../images/Right-SHadow_1Right SHadow.avif');
      background-position: 0 0, 100% 100%;
      background-repeat: no-repeat, no-repeat;
      background-size: contain, contain;
      border-bottom: 1px solid #ffffff1a;
      position: relative;
    }
    
    .integration-hero-wrap {
     padding-top: var(--_responsive---paddings--padding-120px);
      padding-bottom: var(--_responsive---paddings--padding-120px);
      flex-flow: column;
      width: 100%;
      max-width: 1141px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      position: relative;
    }
   
    .integration-top-wrap {
      justify-content: center;
      align-items: center;
      margin-bottom: 40px;
      display: flex;
    }
    
    .integration-icon-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-100px);
     justify-content: center;
      align-items: center;
      width: 110px;
      height: 110px;
      display: flex;
      box-shadow: 0 24px 24px #0000004d;
    }
    
    .integration-icon-bg {
      width: 100%;
   }
    
    .integration-icon {
      z-index: 1;
      width: 85px;
      position: absolute;
    }
    
    .integration-icons-wrap {
      justify-content: space-between;
     width: 100%;
      display: flex;
      position: absolute;
      inset: 70px 0% auto;
    }
    
    .integration-icons-left {
      flex-flow: column;
      justify-content: space-between;
      width: 100%;
     max-width: 284px;
      height: 284px;
      display: flex;
      position: relative;
    }
    
    .integration-logo-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-100px);
      justify-content: center;
      align-items: center;
     width: 80px;
      height: 80px;
      display: flex;
      position: relative;
      box-shadow: 0 24px 24px #0000004d;
    }
    
    .integration-logo-wrap._02 {
      position: absolute;
      inset: 35% 0% 0% auto;
   }
    
    .integration-logo-wrap._03 {
      position: absolute;
      inset: 35% auto 0% 0%;
    }
    
    .integration-logo-bg {
      width: 100%;
    }
   
    .integration-logo {
      z-index: 1;
      position: absolute;
    }
    
    .integration-icons-right {
      flex-flow: column;
      justify-content: space-between;
      align-items: flex-end;
     width: 100%;
      max-width: 284px;
      height: 284px;
      display: flex;
      position: relative;
    }
    
    .integration {
      padding-top: var(--_responsive---paddings--padding-160px);
      padding-bottom: var(--_responsive---paddings--padding-160px);
   }
    
    .integration-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
    }
    
    .integration-list {
      grid-column-gap: 22px;
      grid-row-gap: 22px;
      grid-template-rows: auto;
     grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
    
    .integration-link {
      width: 100%;
      height: 100%;
      text-decoration: none;
    }
   
    .integration-card {
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      height: 100%;
      padding: 1px;
      position: relative;
      overflow: hidden;
    }
    
    .integration-card-inner {
     z-index: 1;
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      background-color: var(--colors--card-bg);
      height: 100%;
      padding: 32px;
      position: relative;
    }
    
    .integration-card-content {
      flex-flow: column;
     justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }
    
    .integration-text-wrap {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      flex-flow: column;
      justify-content: flex-start;
     align-items: flex-start;
      display: flex;
    }
    
    .integration-card-details {
      grid-column-gap: 40px;
      grid-row-gap: 40px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
     margin-top: 45px;
      display: flex;
    }
    
    .integration-item {
      height: 100%;
      display: block;
    }
    
    .integration-single-hero {
     background-image: url('../images/Left-Shadow_1Left Shadow.avif'), url('../images/Right-SHadow_1Right SHadow.avif');
      background-position: 0 0, 100% 100%;
      background-repeat: no-repeat, no-repeat;
      background-size: contain, contain;
      border-bottom: 1px solid #ffffff1a;
      position: relative;
    }
    
    .integration-single-hero-wrap {
      padding-top: var(--_responsive---paddings--padding-120px);
     padding-bottom: var(--_responsive---paddings--padding-120px);
      width: 100%;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
    }
    
    .integration-single-icon {
      width: 50px;
    }
   
    .integration-single-details-wrap {
      width: 100%;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 40px;
    }
    
    .integration-single-details h4 {
     margin-top: 40px;
      margin-bottom: 16px;
    }
    
    .integration-single-details p {
      color: var(--colors--grey-color);
      font-size: var(--_typography---paragraph-02--font-size);
      line-height: var(--_typography---paragraph-02--line-height);
      font-weight: var(--font-weight--normal);
      letter-spacing: var(--letter-spacing--letter-spacing-1);
     margin-bottom: 0;
    }
    
    .integration-single-details h6 {
      margin-top: 24px;
      margin-bottom: 16px;
    }
    
    .integration-image-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-12px);
     width: 100%;
      height: 440px;
      margin-top: 40px;
      overflow: hidden;
    }
    
    .privacy-policy-hero {
      background-image: url('../images/Left-Shadow_1Left Shadow.avif'), url('../images/Right-SHadow_1Right SHadow.avif');
      background-position: 0 0, 100% 100%;
      background-repeat: no-repeat, no-repeat;
     background-size: contain, contain;
      border-bottom: 1px solid #ffffff1a;
      position: relative;
    }
    
    .privacy-policy-wrap {
      width: 100%;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
     padding-top: 40px;
    }
    
    .privacy-policy-details h4 {
      margin-top: 40px;
      margin-bottom: 16px;
    }
    
    .privacy-policy-details p {
      color: var(--colors--grey-color);
     font-size: var(--_typography---paragraph-02--font-size);
      line-height: var(--_typography---paragraph-02--line-height);
      font-weight: var(--font-weight--normal);
      letter-spacing: var(--letter-spacing--letter-spacing-1);
      margin-bottom: 0;
    }
    
    .utility-hero {
      background-image: url('../images/Left-Shadow_1Left Shadow.avif'), url('../images/Right-SHadow_1Right SHadow.avif');
      background-position: 0 0, 100% 100%;
     background-repeat: no-repeat, no-repeat;
      background-size: contain, contain;
      border-bottom: 1px solid #ffffff1a;
      position: relative;
    }
    
    .utility-hero-wrap {
      padding-top: var(--_responsive---paddings--padding-120px);
      padding-bottom: var(--_responsive---paddings--padding-120px);
      width: 100%;
     max-width: 620px;
      margin-left: auto;
      margin-right: auto;
    }
    
    .license-left {
      grid-column-gap: 12px;
      grid-row-gap: 12px;
      flex-flow: column;
      width: 100%;
     max-width: 152px;
      display: flex;
      position: sticky;
      top: 50px;
    }
    
    .license-right {
      grid-column-gap: 80px;
      grid-row-gap: 80px;
      flex-flow: column;
     width: 100%;
      max-width: 1024px;
      display: flex;
    }
    
    .license-text-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      max-width: 70%;
     margin-top: 20px;
      display: flex;
    }
    
    .license-tab-link {
      border-bottom: 1px solid var(--colors--grey-color);
      color: var(--colors--grey-color);
      font-size: var(--_typography---h5--font-size);
      line-height: var(--_typography---h5--line-height);
      font-weight: var(--font-weight--medium);
     padding-bottom: 12px;
      text-decoration: none;
    }
    
    .license-tab-link.w--current {
      border-bottom-color: var(--colors--yellow);
      color: var(--colors--white);
    }
    
    .license-card-wrap {
     grid-column-gap: 20px;
      grid-row-gap: 20px;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      margin-top: 20px;
    }
    
    .license-link {
      color: var(--colors--white);
     font-weight: 500;
      text-decoration: none;
      transition: color .3s;
    }
    
    .license-link:hover {
      color: var(--colors--yellow);
    }
    
    .license-image {
     border-radius: 7px;
      width: 100%;
      height: 280px;
      overflow: hidden;
    }
    
    .license-wrap {
      grid-column-gap: 48px;
      grid-row-gap: 48px;
      justify-content: space-between;
     align-items: flex-start;
      display: flex;
      position: relative;
    }
    
    .license-card {
      background-color: var(--colors--bg-color);
      border-radius: 12px;
      justify-content: center;
      align-items: center;
     width: 100%;
      height: 280px;
      padding: 28px;
      display: flex;
    }
    
    .license {
      margin-top: var(--_responsive---margins--margin-80px);
    }
    
   .license-image-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      margin-top: 20px;
      display: grid;
    }
    
   .font {
      width: 150px;
    }
    
    .icon-logo {
      width: 240px;
    }
    
    .changelog {
      margin-top: var(--_responsive---margins--margin-80px);
   }
    
    .changelog-wrap {
      grid-column-gap: 40px;
      grid-row-gap: 40px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      width: 100%;
      max-width: 1246px;
     margin-left: auto;
      margin-right: auto;
      display: grid;
    }
    
    .changelog-content-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      border: 1px solid var(--colors--stroke-white);
      border-radius: var(--_responsive---border-radius--border-radius-16px);
     background-color: var(--colors--bg-color);
      flex-flow: column;
      justify-content: center;
      align-items: flex-start;
      padding: 40px;
      display: flex;
    }
    
    .changelog-list-wrap {
      margin-top: 16px;
   }
    
    .changelog-list {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      color: var(--colors--grey-color);
      font-size: var(--_typography---paragraph-02--font-size);
      line-height: var(--_typography---paragraph-02--line-height);
      font-weight: var(--font-weight--normal);
      letter-spacing: var(--letter-spacing--letter-spacing-1);
     flex-flow: column;
      margin-bottom: 0;
      padding-left: 20px;
      display: flex;
    }
    
    .changelog-image-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-16px);
      width: 100%;
      height: 330px;
     overflow: hidden;
    }
    
    .features-hero {
      background-image: url('../images/Left-Shadow_1Left Shadow.avif'), url('../images/Right-SHadow_1Right SHadow.avif');
      background-position: 0 0, 100% 100%;
      background-repeat: no-repeat, no-repeat;
      background-size: contain, contain;
      border-bottom: 1px solid #ffffff1a;
      position: relative;
     overflow: hidden;
    }
    
    .features-hero-wrap {
      padding-top: var(--_responsive---paddings--padding-60px);
      grid-column-gap: 176px;
      grid-row-gap: 176px;
      justify-content: flex-start;
      align-items: center;
      display: flex;
   }
    
    .features-hero-content-wrap {
      flex: none;
      width: 100%;
      max-width: 540px;
    }
    
    .features-hero-image-wrap {
      flex: none;
     width: 100%;
      max-width: 1000px;
      height: 627px;
      overflow: hidden;
    }
    
    .features-hero-image {
      -webkit-backdrop-filter: blur(20.93px);
      backdrop-filter: blur(20.93px);
      width: 100%;
   }
    
    .vision {
      padding-top: var(--_responsive---paddings--padding-160px);
      padding-bottom: var(--_responsive---paddings--padding-160px);
    }
    
    .vision-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
    }
   
    .vision-list-wrap {
      margin-top: var(--_responsive---margins--margin-60px);
      grid-column-gap: 76px;
      grid-row-gap: 76px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
   
    .vision-list {
      padding-left: 20px;
      position: relative;
    }
    
    .vision-text-wrap {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      flex-flow: column;
     justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }
    
    .vision-divider {
      background-color: var(--colors--yellow);
      width: 2px;
      height: 38px;
      position: absolute;
     inset: 0% auto auto 0%;
    }
    
    .interface {
      padding-bottom: var(--_responsive---paddings--padding-80px);
      background-color: var(--colors--black);
    }
    
    .interface-main-wrap {
      margin-top: var(--_responsive---margins--margin-60px);
   }
    
    .interface-tabs {
      flex-flow: column;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }
    
    .interface-tabs-menu {
     grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: wrap;
      justify-content: center;
      align-items: center;
      display: flex;
    }
    
    .interface-tab-link {
      border-radius: var(--_responsive---border-radius--border-radius-7px);
     background-color: #ddd0;
      padding: 1px;
      overflow: hidden;
    }
    
    .interface-tab-link.w--current {
      background-color: #fff0;
    }
    
    .interface-link-text-wrap {
     z-index: 1;
      border-radius: var(--_responsive---border-radius--border-radius-7px);
      background-color: var(--colors--card-bg);
      padding: 7px 19px;
      position: relative;
    }
    
    .interface-tabs-content {
      margin-top: var(--_responsive---margins--margin-60px);
      width: 100%;
   }
    
    .interface-tabs-content-wrap {
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      justify-content: space-between;
      align-items: center;
      display: flex;
    }
    
   .interface-left-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      max-width: 470px;
      display: flex;
    }
   
    .interface-text-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }
    
   .text-style-h2 {
      font-size: var(--_typography---h2--font-size);
      line-height: var(--_typography---h2--line-height);
      font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-6);
    }
    
    .interface-image-wrap {
      width: 100%;
      max-width: 602px;
   }
    
    .interface-image {
      width: 100%;
    }
    
    .hero-v2 {
      background-image: url('../images/Shadow_2Shadow.avif'), url('../images/Left-Shadow_1Left Shadow.avif');
      background-position: 100% 0, 0 0;
      background-repeat: no-repeat, no-repeat;
     background-size: 1440px, 1440px;
      position: relative;
    }
    
    .hero-v2-wrap {
      padding-top: var(--_responsive---paddings--padding-140px);
    }
    
    .hero-v2-header-wrap {
      width: 100%;
     max-width: 675px;
    }
    
    .hero-v2-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      overflow: hidden;
    }
    
    .interface-dashboard-wrap {
      flex-flow: column;
     justify-content: flex-start;
      align-items: center;
      display: flex;
      position: relative;
      overflow: hidden;
    }
    
    .interface-dashboard {
      width: 100%;
    }
   
    .hero-v2-bottom-shadow {
      z-index: 5;
      background-image: linear-gradient(#01010400, #010104);
      width: 100%;
      height: 320px;
      position: absolute;
      inset: auto 0% -1%;
    }
    
   .hero-v2-texture {
      opacity: .2;
      background-image: url('../images/Texture.svg');
      background-position: 50% 0;
      background-repeat: no-repeat;
      background-size: auto;
      position: absolute;
      inset: 0%;
    }
    
   .features-v2 {
      padding-top: var(--_responsive---paddings--padding-160px);
      padding-bottom: var(--_responsive---paddings--padding-80px);
    }
    
    .features-v2-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      grid-column-gap: 30px;
      grid-row-gap: 30px;
      grid-template-rows: auto;
     grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
    
    .features-v2-card {
      border-radius: var(--_responsive---border-radius--border-radius-20px);
      padding: 1px;
      position: relative;
      overflow: hidden;
     box-shadow: 0 45.94px 45.94px #0000004d;
    }
    
    .features-v2-card-inner {
      z-index: 2;
      border-radius: var(--_responsive---border-radius--border-radius-20px);
      background-color: var(--colors--black);
      background-image: url('../images/Card-Shadow.avif');
      background-position: 0 0;
      background-repeat: no-repeat;
     background-size: contain;
      height: 100%;
      position: relative;
      overflow: hidden;
    }
    
    .features-v2-card-content {
      z-index: 2;
      height: 100%;
      position: relative;
     overflow: hidden;
    }
    
    .features-v2-image-wrap {
      position: relative;
    }
    
    .features-v2-image {
      width: 100%;
      position: static;
   }
    
    .features-v2-text-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 40px 32px 32px;
      display: flex;
   }
    
    .features-v2-shadow-bg {
      border-radius: var(--_responsive---border-radius--border-radius-20px);
      -webkit-backdrop-filter: blur(26.8px);
      backdrop-filter: blur(26.8px);
      pointer-events: none;
      background-color: #f8f8f803;
      position: absolute;
      inset: 0%;
   }
    
    .cursor-01 {
      position: absolute;
      inset: 37px auto auto 73px;
    }
    
    .cursor-02 {
      position: absolute;
      inset: auto 37px 53px auto;
   }
    
    .cursor-03 {
      position: absolute;
      inset: auto auto 20px 65px;
    }
    
    .interface-v2 {
      padding-top: var(--_responsive---paddings--padding-100px);
      padding-bottom: var(--_responsive---paddings--padding-60px);
   }
    
    .interface-v2-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      grid-column-gap: 30px;
      grid-row-gap: 30px;
      flex-flow: column;
      display: flex;
    }
    
   .interface-v2-top-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      padding: 1px;
      position: relative;
      overflow: hidden;
    }
    
    .interface-v2-inner-wrap {
      z-index: 2;
      padding: var(--_responsive---margins--margin-60px) var(--_responsive---paddings--padding-80px) 60px;
     border-radius: var(--_responsive---border-radius--border-radius-24px);
      background-color: var(--colors--card-bg);
      position: relative;
    }
    
    .interface-v2-top-header-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      justify-content: flex-start;
     align-items: center;
      width: 100%;
      max-width: 650px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      position: relative;
    }
    
    .cursor-04 {
     position: absolute;
      inset: 15px auto auto 0%;
    }
    
    .cursor-05 {
      position: absolute;
      inset: auto 0% -20px auto;
    }
    
    .cursor-06 {
     position: absolute;
      inset: auto auto -32px 280px;
    }
    
    .interface-layout-wrap {
      margin-top: var(--_responsive---margins--margin-60px);
      justify-content: center;
      align-items: flex-start;
      display: flex;
      position: relative;
     overflow: hidden;
    }
    
    .interface-v2-dashboard {
      filter: drop-shadow(0 35.79px 35.79px #0000004d);
      width: 100%;
    }
    
    .interface-v2-bottom-wrap {
      grid-column-gap: 30px;
     grid-row-gap: 30px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
    
    .interface-v2-card {
      border-radius: var(--_responsive---border-radius--border-radius-20px);
      height: 550px;
     padding: 1px;
      position: relative;
      overflow: hidden;
    }
    
    .interface-v2-card-inner {
      z-index: 2;
      border-radius: var(--_responsive---border-radius--border-radius-20px);
      background-color: var(--colors--black);
      flex-flow: column;
     justify-content: flex-start;
      align-items: stretch;
      height: 100%;
      display: flex;
      position: relative;
      overflow: hidden;
    }
    
    .interface-v2-card-top {
      z-index: 2;
     height: 50%;
      position: relative;
    }
    
    .interface-integration-wrap {
      position: relative;
    }
    
    .interface-integration-marquee {
      grid-column-gap: 30px;
     grid-row-gap: 30px;
      flex-flow: column;
      display: flex;
    }
    
    .interface-integration-list-wrap {
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }
   
    .interface-integration-list-01 {
      flex: none;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }
    
    .interface-integration-icon {
      border-radius: var(--_responsive---border-radius--border-radius-100px);
     -webkit-backdrop-filter: blur(14px);
      backdrop-filter: blur(14px);
      background-color: #f8f8f805;
      flex: none;
      width: 70px;
      margin-right: 32px;
      box-shadow: 0 24px 24px #0000004d;
    }
    
    .interface-integration-icon.medium {
     width: 59px;
    }
    
    .interface-integration-icon.small {
      width: 46px;
    }
    
    .interface-integration-list-02 {
      flex: none;
      justify-content: flex-start;
     align-items: center;
      display: flex;
    }
    
    .interface-integration-center-wrap {
      z-index: 2;
      pointer-events: none;
      justify-content: center;
      align-items: center;
      height: 100%;
     display: flex;
      position: absolute;
      inset: 0%;
    }
    
    .interface-integration-logo {
      z-index: 2;
      width: 100px;
      position: relative;
    }
   
    .interface-logo-blur {
      border-radius: var(--_responsive---paddings--padding-100px);
      filter: blur(40px);
      background-color: #cffe2599;
      width: 50%;
      height: 20%;
      position: absolute;
    }
    
   .interface-v2-text-wrap {
      z-index: 2;
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 32px;
      display: flex;
      position: relative;
   }
    
    .interface-cursor-wrap {
      justify-content: center;
      align-items: center;
      padding-top: 24px;
      padding-bottom: 24px;
      display: flex;
      position: relative;
    }
   
    .interface-logo-center {
      width: 265px;
    }
    
    .cursor-07 {
      position: absolute;
      inset: 28% auto auto 18%;
    }
    
   .cursor-08 {
      position: absolute;
      inset: 25% 18% auto auto;
    }
    
    .cursor-09 {
      position: absolute;
      inset: auto 20% 20% auto;
    }
    
   .cursor-10 {
      position: absolute;
      inset: auto auto 16% 12%;
    }
    
    .interface-design-wrap {
      position: relative;
      overflow: hidden;
    }
    
   .interface-design {
      width: 100%;
    }
    
    .interface-v2-shadow {
      z-index: 5;
      pointer-events: none;
      background-image: url('../images/Card-Shadow.avif');
      background-position: 0 0;
      background-repeat: no-repeat;
     background-size: contain;
      position: absolute;
      inset: 0%;
    }
    
    .page-wrap {
      width: 25%;
      position: absolute;
      top: 18%;
      right: 65.078px;
   }
    
    .page-wrap._02 {
      top: 30%;
    }
    
    .page-image {
      box-sizing: border-box;
      vertical-align: baseline;
      object-fit: fill;
     max-width: 100%;
      display: inline-block;
      overflow: clip;
    }
    
    .collab {
      padding-top: var(--_responsive---paddings--padding-160px);
      padding-bottom: var(--_responsive---paddings--padding-160px);
    }
    
   .collab-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
    }
    
    .collab-image-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      width: 100%;
      height: 606px;
      overflow: hidden;
    }
   
    .collab-list-wrap {
      grid-column-gap: 78px;
      grid-row-gap: 78px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      margin-top: 40px;
      display: grid;
    }
   
    .collab-text-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-top: 46px;
      display: flex;
    }
   
    .testimonial-v2 {
      padding-top: var(--_responsive---paddings--padding-100px);
      padding-bottom: var(--_responsive---paddings--padding-100px);
      background-color: var(--colors--bg-color);
    }
    
    .testimonial-v2-wrap {
      width: 100%;
      max-width: 920px;
     margin-left: auto;
      margin-right: auto;
    }
    
    .review-ratio-wrap {
      grid-column-gap: 8px;
      grid-row-gap: 8px;
      justify-content: center;
      align-items: center;
      display: flex;
   }
    
    .testimonial-v2-text-wrap {
      margin-top: 30px;
    }
    
    .testimonial-v2-title {
      text-align: center;
    }
    
   .testimonial-v2-author-wrap {
      flex-flow: column;
      justify-content: flex-end;
      align-items: center;
      margin-top: 40px;
      display: flex;
    }
    
    .blog-v3 {
      padding-top: var(--_responsive---paddings--padding-160px);
   }
    
    .blog-v3-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      display: flex;
    }
    
    .blog-v3-list {
     width: 50%;
      transition: width .8s;
    }
    
    .blog-v3-list:hover {
      width: 75%;
    }
    
    .blog-v3-card {
      border: 1px solid var(--colors--stroke-white);
     border-radius: var(--_responsive---border-radius--border-radius-12px);
      flex-flow: column;
      justify-content: space-between;
      height: 100%;
      display: flex;
      overflow: hidden;
    }
    
    .blog-v3-image-wrap {
      justify-content: center;
     align-items: center;
      width: 100%;
      height: 338px;
      display: flex;
      position: relative;
      overflow: hidden;
    }
    
    .blog-v3-image-cover {
      z-index: 1;
     pointer-events: none;
      background-image: linear-gradient(#0000, #000 95%);
      height: 210px;
      position: absolute;
      inset: auto 0% -1%;
    }
    
    .blog-v3-details-wrap {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
     flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 40px 32px 32px;
      display: flex;
    }
    
    .blog-v3-info-wrap {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
     justify-content: flex-start;
      align-items: center;
      display: flex;
    }
    
    .blog-v3-divider {
      background-color: var(--colors--grey-color);
      width: 1.5px;
      height: 14px;
    }
   
    .blog-list-wrapper, .blog-list, .blog-item {
      height: 100%;
    }
    
    .read-more-wrap {
      z-index: 3;
      border-radius: var(--_responsive---paddings--padding-100px);
      background-color: var(--colors--light-yellow);
      opacity: 0;
     padding: 11px 30px;
      transition: background-color .3s;
      position: absolute;
    }
    
    .read-more-wrap:hover {
      background-color: var(--colors--white);
    }
    
    .support {
     padding-top: var(--_responsive---paddings--padding-60px);
      padding-bottom: var(--_responsive---paddings--padding-100px);
    }
    
    .support-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      justify-content: space-between;
      display: flex;
   }
    
    .support-left {
      flex-flow: column;
      width: 100%;
      max-width: 800px;
      display: flex;
    }
    
    .round-label-wrap {
     border-radius: var(--_responsive---border-radius--border-radius-100px);
      background-color: var(--colors--light-yellow);
      padding: 4px 15px;
    }
    
    .round-label-wrap.shadow {
      background-color: var(--colors--white);
      box-shadow: 0 24px 24px #0000004d;
    }
    
   .round-label-wrap.light-green {
      background-color: var(--colors--light-green);
    }
    
    .intro-card-list-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex: 1;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
     grid-auto-columns: 1fr;
      margin-top: 20px;
      display: grid;
    }
    
    .support-right {
      width: 100%;
      max-width: 462px;
    }
    
   .support-image-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
    
    .pricing-v3 {
      padding-top: var(--_responsive---paddings--padding-60px);
      padding-bottom: var(--_responsive---paddings--padding-160px);
   }
    
    .pricing-v3-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      grid-column-gap: 30px;
      grid-row-gap: 30px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
   }
    
    .pricing-v3-card {
      border-radius: var(--_responsive---border-radius--border-radius-20px);
      width: 100%;
      padding: 1px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 45.94px 45.94px #0000004d;
    }
   
    .pricing-v3-card-inner {
      z-index: 2;
      border-radius: var(--_responsive---border-radius--border-radius-20px);
      background-color: var(--colors--black);
      -webkit-backdrop-filter: blur(26.8px);
      backdrop-filter: blur(26.8px);
      background-image: url('../images/Plan-Shadow.avif');
      background-position: 0 0;
      background-repeat: no-repeat;
     background-size: cover;
      position: relative;
    }
    
    .pricing-v3-top-wrap {
      padding: 40px 32px 60px;
      position: relative;
    }
    
    .pricing-v3-price-wrap {
     grid-column-gap: 6px;
      grid-row-gap: 6px;
      justify-content: flex-start;
      align-items: flex-end;
      margin-top: 32px;
      display: flex;
    }
    
    .pricing-v3-button-wrap {
      margin-top: 48px;
   }
    
    .pricing-v3-badge {
      border-radius: var(--_responsive---border-radius--border-radius-100px);
      background-color: var(--colors--light-yellow);
      padding: 4px 15px;
      position: absolute;
      inset: 20px 20px auto auto;
      box-shadow: 0 24px 24px #0000004d;
    }
   
    .pricing-v3-badge._02 {
      background-color: var(--colors--green-grey);
    }
    
    .pricing-v3-badge._03 {
      background-color: var(--colors--light-green);
    }
    
    .pricing-v3-bottom-wrap {
     border-top-left-radius: var(--_responsive---border-radius--border-radius-16px);
      border-top-right-radius: var(--_responsive---border-radius--border-radius-16px);
      background-color: var(--colors--bg-color);
      padding: 32px;
    }
    
    .pricing-v3-features-wrap {
      grid-column-gap: 12px;
      grid-row-gap: 12px;
      flex-flow: column;
     justify-content: flex-start;
      align-items: flex-start;
      margin-top: 20px;
      display: flex;
    }
    
    .pricing-v3-features-list {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      justify-content: flex-start;
     align-items: center;
      display: flex;
    }
    
    .cta-v2 {
      margin-top: var(--_responsive---margins--margin-160px);
      padding-top: var(--_responsive---paddings--padding-120px);
      border-top: 1px solid var(--colors--stroke-white);
      position: relative;
      overflow: hidden;
   }
    
    .cta-v2-list-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
      grid-column-gap: 100px;
      grid-row-gap: 20px;
      flex-flow: wrap;
      justify-content: center;
      align-items: center;
      display: flex;
   }
    
    .cta-v2-list {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }
    
   .cta-dot {
      border-radius: var(--_responsive---border-radius--border-radius-100px);
      background-color: var(--colors--yellow);
      flex: none;
      width: 10px;
      height: 10px;
    }
    
    .cta-v2-image-wrap {
      margin-top: var(--_responsive---margins--margin-40px);
     width: 100%;
      height: 480px;
      overflow: hidden;
    }
    
    .cta-v2-light {
      z-index: 2;
      pointer-events: none;
      background-image: url('../images/Cta-Shadow-01.avif'), url('../images/Cta-Shadow-02.avif');
      background-position: 100% 100%, 0 0;
     background-repeat: no-repeat, no-repeat;
      background-size: contain, contain;
      position: absolute;
      inset: 0%;
    }
    
    .cta-v2-shadow {
      z-index: 4;
      background-image: linear-gradient(#01010400, #010104);
      height: 200px;
     position: absolute;
      inset: auto 0% -1%;
    }
    
    .cta-v2-image {
      -webkit-backdrop-filter: blur(26.8px);
      backdrop-filter: blur(26.8px);
      width: 100%;
    }
    
   .contact-hero {
      background-image: url('../images/Left-Shadow_1Left Shadow.avif'), url('../images/Right-SHadow_1Right SHadow.avif');
      background-position: 0 0, 100% 100%;
      background-repeat: no-repeat, no-repeat;
      background-size: contain, contain;
      border-bottom: 1px solid #ffffff1a;
      position: relative;
    }
    
    .contact-hero-wrap {
     padding-top: var(--_responsive---paddings--padding-120px);
      padding-bottom: var(--_responsive---paddings--padding-120px);
      width: 100%;
      max-width: 603px;
      margin-left: auto;
      margin-right: auto;
    }
    
    .contact {
      margin-top: var(--_responsive---margins--margin-80px);
     padding-bottom: var(--_responsive---paddings--padding-160px);
    }
    
    .contact-main-wrap {
      grid-column-gap: 48px;
      grid-row-gap: 48px;
      justify-content: space-between;
      display: flex;
    }
    
   .contact-left {
      width: 100%;
      max-width: 486px;
    }
    
    .contact-image-wrap {
      margin-top: var(--_responsive---margins--margin-60px);
      border-radius: var(--_responsive---border-radius--border-radius-12px);
      width: 100%;
      height: 483px;
     overflow: hidden;
    }
    
    .contact-right {
      border: 1px solid var(--colors--stroke-white);
      border-radius: var(--_responsive---border-radius--border-radius-12px);
      background-color: var(--colors--bg-color);
      width: 100%;
      max-width: 652px;
      padding: 40px;
   }
    
    .contact-form {
      margin-bottom: 0;
    }
    
    .form-row {
      grid-column-gap: 12px;
      grid-row-gap: 12px;
      margin-bottom: 34px;
     display: flex;
    }
    
    .form-group {
      width: 100%;
    }
    
    .input-filed {
      border: 1px solid var(--colors--stroke-white);
      border-radius: var(--_responsive---border-radius--border-radius-7px);
     background-color: var(--colors--bg-color);
      color: var(--colors--white);
      height: 56px;
      margin-bottom: 0;
      padding-left: 16px;
      padding-right: 16px;
    }
    
    .input-filed:focus {
      border-color: var(--colors--white);
   }
    
    .input-filed::placeholder {
      color: var(--colors--grey-color);
      font-size: var(--_typography---paragraph-03--font-size);
      line-height: var(--_typography---paragraph-03--line-height);
    }
    
    .input-filed.textarea {
      height: 167px;
     padding-top: 16px;
    }
    
    .contact-submit-button {
      border-radius: var(--_responsive---border-radius--border-radius-100px);
      background-color: var(--colors--yellow);
      color: var(--colors--white);
      font-size: var(--_typography---primary-button-text--font-size);
      line-height: var(--_typography---primary-button-text--line-height);
      font-weight: var(--font-weight--medium);
     letter-spacing: var(--letter-spacing--letter-spacing-3);
      -webkit-text-fill-color: inherit;
      background-clip: border-box;
      padding: 15px 30px;
      transition: background-color .3s;
    }
    
    .contact-submit-button:hover {
      background-color: var(--colors--white);
    }
   
    .contact-submit-button.text-white {
      border: 1px solid var(--colors--white);
      background-color: var(--colors--bg-color);
      color: var(--colors--white);
    }
    
    .success-message {
      border-radius: var(--_responsive---border-radius--border-radius-7px);
      background-color: var(--colors--yellow);
     color: var(--colors--black);
    }
    
    .error-message {
      color: var(--colors--black);
      background-color: #ffd5d5;
    }
    
    .contact-info-wrap {
      padding-top: var(--_responsive---paddings--padding-120px);
     grid-column-gap: 28px;
      grid-row-gap: 28px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
    
    .contact-info-list {
      grid-column-gap: 32px;
     grid-row-gap: 32px;
      border: 1px solid var(--colors--stroke-white);
      border-radius: var(--_responsive---border-radius--border-radius-12px);
      background-color: var(--colors--bg-color);
      flex-flow: column;
      justify-content: flex-start;
      align-items: center;
      padding: 30px;
      display: flex;
    }
   
    .contact-icon-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-100px);
      background-color: var(--colors--yellow);
      justify-content: center;
      align-items: center;
      width: 56px;
      height: 56px;
      display: flex;
    }
   
    .contact-info {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      flex-flow: column;
      justify-content: flex-end;
      align-items: center;
      display: flex;
    }
    
   .career {
      background-image: url('../images/Left-Shadow_1Left Shadow.avif'), url('../images/Right-SHadow_1Right SHadow.avif');
      background-position: 0 0, 100% 100%;
      background-repeat: no-repeat, no-repeat;
      background-size: contain, contain;
      border-bottom: 1px solid #ffffff1a;
      position: relative;
    }
    
    .career-wrap {
     margin-right: auto;
      margin-bottom: var(--_responsive---paddings--padding-60px);
      padding-top: var(--_responsive---paddings--padding-120px);
      padding-bottom: var(--_responsive---paddings--padding-120px);
      width: 100%;
      max-width: 767px;
      margin-left: auto;
    }
    
    .career-investor-wrap {
     z-index: 2;
      margin-top: var(--_responsive---margins--margin-80px);
      margin-bottom: var(--_responsive---margins--margin-40px);
      position: relative;
    }
    
    .career-investor-marquee {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
     display: flex;
    }
    
    .career-circle-wrap {
      pointer-events: none;
      background-image: url('../images/Circle.svg');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      position: absolute;
     inset: 0%;
    }
    
    .vacancies {
      padding-top: var(--_responsive---paddings--padding-160px);
      padding-bottom: var(--_responsive---paddings--padding-160px);
    }
    
    .vacancies-wrap {
      width: 100%;
     max-width: 995px;
      margin-left: auto;
      margin-right: auto;
    }
    
    .vacancies-main-wrap {
      margin-top: var(--_responsive---margins--margin-80px);
    }
    
    .vacancies-card {
     border-radius: var(--_responsive---border-radius--border-radius-24px);
      padding: 1px;
      position: relative;
      overflow: hidden;
    }
    
    .vacancies-card-inner {
      z-index: 2;
      grid-column-gap: 20px;
      grid-row-gap: 20px;
     border-radius: var(--_responsive---border-radius--border-radius-24px);
      background-color: var(--colors--card-bg);
      justify-content: space-between;
      padding: 32px 32px 32px 40px;
      display: flex;
      position: relative;
    }
    
    .vacancies-left {
      width: 100%;
     max-width: 388px;
    }
    
    .vacancies-icon {
      width: 52px;
    }
    
    .vacancies-text-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
     flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-top: 36px;
      display: flex;
    }
    
    .vacancies-right {
      grid-column-gap: 28px;
      grid-row-gap: 28px;
     flex-flow: column;
      justify-content: space-between;
      display: flex;
    }
    
    .vacancies-info-wrap {
      grid-column-gap: 12px;
      grid-row-gap: 12px;
      justify-content: flex-start;
      align-items: center;
     display: flex;
    }
    
    .vacancies-dot {
      border-radius: var(--_responsive---border-radius--border-radius-100px);
      background-color: var(--colors--yellow);
      flex: none;
      width: 7px;
      height: 7px;
    }
   
    .vacancies-collection-list {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      display: flex;
    }
    
    .vacancies-hero {
      background-image: url('../images/Left-Shadow_1Left Shadow.avif'), url('../images/Right-SHadow_1Right SHadow.avif');
     background-position: 0 0, 100% 100%;
      background-repeat: no-repeat, no-repeat;
      background-size: contain, contain;
      border-bottom: 1px solid #ffffff1a;
      position: relative;
    }
    
    .vacancies-hero-wrap {
      padding-top: var(--_responsive---paddings--padding-120px);
      padding-bottom: var(--_responsive---paddings--padding-120px);
     width: 100%;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
    }
    
    .vacancies-single {
      margin-top: var(--_responsive---margins--margin-40px);
    }
    
   .vacancies-single-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
     display: flex;
    }
    
    .vacancies-single-details h4 {
      margin-top: var(--_responsive---margins--margin-40px);
      margin-bottom: 16px;
    }
    
    .vacancies-single-details p {
      color: var(--colors--grey-color);
     margin-bottom: 20px;
    }
    
    .vacancies-single-details ul {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      color: var(--colors--grey-color);
      flex-flow: column;
      margin-bottom: 0;
      padding-left: 20px;
     display: flex;
    }
    
    .vacancies-single-button-wrap {
      flex-flow: column;
      justify-content: flex-end;
      align-items: flex-start;
      display: flex;
    }
    
   .blog-single-top-wrap {
      background-image: url('../images/Left-Shadow_1Left Shadow.avif'), url('../images/Right-SHadow_1Right SHadow.avif');
      background-position: 0 0, 100% 100%;
      background-repeat: no-repeat, no-repeat;
      background-size: contain, contain;
      border-bottom: 1px solid #ffffff1a;
      position: relative;
    }
    
    .blog-single {
     position: relative;
    }
    
    .blog-single-bottom-wrap {
      margin-top: -100px;
    }
    
    .blog-large-image-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-12px);
      width: 100%;
     height: 640px;
      overflow: hidden;
    }
    
    .blog-single-details-wrap {
      width: 100%;
      max-width: 800px;
      margin-top: 40px;
      margin-left: auto;
      margin-right: auto;
   }
    
    .blog-single-details h4 {
      margin-top: var(--_responsive---margins--margin-40px);
      margin-bottom: 16px;
    }
    
    .blog-single-details p {
      color: var(--colors--grey-color);
      margin-bottom: 20px;
   }
    
    .blog-single-details ul {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      color: var(--colors--grey-color);
      flex-flow: column;
      margin-bottom: 0;
      padding-left: 20px;
      display: flex;
   }
    
    .blog-single-image-wrap {
      margin-top: var(--_responsive---margins--margin-40px);
      border-radius: var(--_responsive---border-radius--border-radius-12px);
      width: 100%;
      height: 440px;
      overflow: hidden;
    }
    
   .blog-single-details blockquote {
      margin-top: var(--_responsive---margins--margin-40px);
      font-size: var(--_typography---h6--font-size);
      line-height: var(--_typography---h6--line-height);
      font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-2);
      border-left-width: 1px;
      margin-bottom: 0;
      padding-top: 0;
      padding-bottom: 0;
     padding-right: 0;
    }
    
    .cta-v1-image-wrap {
      flex-flow: column;
      justify-content: flex-start;
      align-items: center;
      width: 846px;
      max-width: 100%;
      height: 480px;
     margin-left: -350px;
      display: flex;
      position: relative;
    }
    
    .cta-v1-image-01 {
      z-index: 2;
      border-radius: var(--_responsive---border-radius--border-radius-7px);
      filter: drop-shadow(0 27.01px 27.01px #0000004d);
      -webkit-backdrop-filter: blur(15.76px);
     backdrop-filter: blur(15.76px);
      width: 100%;
      position: relative;
      transform: rotate(-4.86deg);
    }
    
    .cta-v1-image-02 {
      border-radius: var(--_responsive---border-radius--border-radius-7px);
      filter: drop-shadow(0 27.01px 27.01px #0000004d);
      -webkit-backdrop-filter: blur(15.76px);
     backdrop-filter: blur(15.76px);
      width: 100%;
      position: absolute;
      transform: rotate(4.86deg);
    }
    
    .blog-v3-link {
      color: var(--colors--white);
      width: 100%;
      height: 100%;
     text-decoration: none;
    }
    
    .blog-single-hero-wrap {
      padding-top: var(--_responsive---paddings--padding-120px);
      padding-bottom: var(--_responsive---paddings--padding-160px);
      width: 100%;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
   }
    
    .features-v1-card-shadow {
      z-index: 2;
      position: absolute;
    }
    
    .support-badge {
      z-index: 3;
      width: 236px;
     position: absolute;
    }
    
    .vision-shadow {
      z-index: 5;
      background-image: linear-gradient(#01010400, #010104);
      width: 100%;
      height: 250px;
      position: absolute;
      inset: auto 0% -1%;
   }
    
    .cta-v2-content-wrap {
      flex-flow: column;
      justify-content: flex-start;
      align-items: center;
      width: 605px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
     display: flex;
    }
    
    .purpose, .purpose-wrap {
      position: relative;
    }
    
    .text-sticky-wrap {
      pointer-events: none;
      background-image: url('../images/Cta-Shadow-02.avif'), url('../images/Cta-Shadow-01.avif');
     background-position: 0 0, 100% 100%;
      background-repeat: no-repeat, no-repeat;
      background-size: 1440px, 1440px;
      border-top: 1px solid #ffffff1a;
      border-bottom: 1px solid #ffffff1a;
      justify-content: center;
      align-items: center;
      height: 100vh;
      padding-left: 20px;
      padding-right: 20px;
     display: flex;
      position: sticky;
      inset: 0%;
    }
    
    .purpose-main-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      justify-content: space-between;
      display: flex;
   }
    
    .purpose-column {
      width: 100%;
      max-width: 32%;
      padding-bottom: 50px;
    }
    
    .purpose-card {
      border: 1px solid var(--colors--stroke-white);
     border-radius: var(--_responsive---border-radius--border-radius-24px);
      background-color: var(--colors--cultured-5);
      -webkit-backdrop-filter: blur(24px);
      backdrop-filter: blur(24px);
      background-image: url('../images/Plan-Shadow.avif');
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 406px;
      height: 410px;
      padding: 32px;
     overflow: hidden;
      box-shadow: 0 24px 24px #0000004d;
    }
    
    .purpose-card._01 {
      margin-top: 100px;
      transform: rotate(-8.07deg);
    }
    
    .purpose-card._02 {
     margin-top: 100px;
      position: relative;
      left: 120px;
      transform: rotate(10.4deg);
    }
    
    .purpose-card._03 {
      position: relative;
      right: 90px;
      transform: rotate(13deg);
   }
    
    .purpose-card._04 {
      margin-top: 250px;
      transform: rotate(-7.79deg);
    }
    
    .purpose-content {
      grid-column-gap: 40px;
      grid-row-gap: 40px;
     flex-flow: column;
      justify-content: space-between;
      height: 100%;
      display: flex;
    }
    
    .purpose-icon {
      width: 60px;
    }
    
   .star-lottie {
      width: 100%;
      height: 100%;
    }
    
    ._404 {
      flex-flow: column;
      width: 100vw;
      max-width: 100%;
      height: 100vh;
     max-height: 100%;
      display: flex;
      position: relative;
    }
    
    ._404-main-wrap {
      z-index: 2;
      text-align: center;
      flex-direction: column;
      flex: 1;
     justify-content: center;
      align-items: center;
      display: flex;
      position: relative;
    }
    
    ._404-video-wrap {
      pointer-events: none;
      position: absolute;
      inset: 0%;
     overflow: hidden;
    }
    
    ._404-video {
      mix-blend-mode: hard-light;
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
    
   ._404-video-shadow {
      background-image: linear-gradient(#01010400, #010104);
      height: 50px;
      position: absolute;
      inset: auto 0% 0%;
    }
    
    ._404-text-wrap {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
     flex-flow: column;
      justify-content: flex-start;
      align-items: center;
      margin-top: 20px;
      display: flex;
    }
    
    ._404-content-wrap {
      width: 100%;
      max-width: 515px;
     margin-left: auto;
      margin-right: auto;
    }
    
    ._404-button-wrap {
      justify-content: center;
      align-items: flex-end;
      margin-top: 32px;
      display: flex;
    }
   
    ._404-image {
      width: 100%;
    }
    
    .password {
      justify-content: center;
      align-items: center;
      width: 100vw;
      max-width: 100%;
     height: 80vh;
      max-height: 100%;
      padding-left: 20px;
      padding-right: 20px;
      display: flex;
    }
    
    .password-page-content {
      text-align: center;
      flex-direction: column;
     width: 450px;
      margin-bottom: 0;
      display: flex;
    }
    
    .password-page-form {
      flex-direction: column;
      align-items: stretch;
      display: flex;
    }
   
    .password-text-wrap {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 24px;
      display: flex;
    }
   
    .password-form-group {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      display: flex;
    }
    
    .password-submit-button {
      border-radius: var(--_responsive---border-radius--border-radius-7px);
      background-color: var(--colors--yellow);
     color: var(--colors--black);
      font-size: var(--_typography---primary-button-text--font-size);
      line-height: var(--_typography---primary-button-text--line-height);
      font-weight: var(--font-weight--medium);
      letter-spacing: var(--letter-spacing--letter-spacing-3);
      padding: 15px 30px;
      transition: background-color .3s;
    }
    
    .password-submit-button:hover {
     background-color: var(--colors--white);
    }
    
    .progressive-blur-wrap {
      width: 100%;
      height: 100%;
      max-height: 5.5rem;
      display: none;
      position: fixed;
      inset: 0% 0% auto;
     overflow: clip;
    }
    
    .progressive-blur {
      width: 100%;
      height: 100%;
      overflow: clip;
    }
    
    .progressive-blur-panel {
     -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
      backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
      width: 100%;
      height: 100%;
      padding: 0;
      position: absolute;
      -webkit-mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
      mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
    }
    
   .progressive-blur-panel._01 {
      -webkit-backdrop-filter: blur(var(--blur));
      backdrop-filter: blur(var(--blur));
      -webkit-mask: linear-gradient(#000 0% 10%, #0000 30%);
      mask: linear-gradient(#000 0% 10%, #0000 30%);
    }
    
    .progressive-blur-panel._02 {
      -webkit-backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
      backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
     -webkit-mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
      mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
    }
    
    .progressive-blur-panel._03 {
      -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
      backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
      -webkit-mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
      mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
    }
   
    .progressive-blur-panel._04 {
      -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
      backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
      -webkit-mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
      mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
    }
    
    .progressive-blur-panel._05 {
      -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
     backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
      -webkit-mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
      mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
    }
    
    .progressive-blur-panel._06 {
      -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
      backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
      -webkit-mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
      mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
   }
    
    .progressive-blur-panel._07 {
      -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
      backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
      -webkit-mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
      mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
    }
    
    .progressive-blur-panel._08 {
     -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
      backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
      -webkit-mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
      mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
    }
    
    .progressive-blur-panel._09 {
      -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
      backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
      -webkit-mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
     mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
    }
    
    .progressive-blur-panel._10 {
      -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
      backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
      -webkit-mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
      mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
    }
    
   .testimonial-arrow-box {
      justify-content: center;
      align-items: center;
      display: flex;
      position: relative;
    }
    
    .testimonial-v2-slider {
      background-color: #0000;
      height: auto;
   }
    
    .testimonial-slider-arrow-2 {
      display: none;
    }
    
    .testimonial-slider-nav-2 {
      margin-top: 24px;
      font-size: 10px;
      display: none;
     position: static;
      bottom: -60px;
    }
    
    .testimonial-v2-slide {
      margin-left: auto;
      margin-right: auto;
    }
    
    .team-border {
     background-color: var(--colors--stroke-white);
      pointer-events: none;
      width: 100%;
      height: 1px;
      position: absolute;
      inset: auto 0% 0%;
    }
    
    .team-border-active {
      background-color: var(--colors--yellow);
     position: absolute;
      inset: 0%;
    }
    
    .intro-card-2 {
      z-index: 2;
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      background-color: var(--colors--card-bg);
      -webkit-backdrop-filter: blur(14px);
      backdrop-filter: blur(14px);
     background-image: url('../images/Intro-Bg.avif');
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: cover;
      height: 400px;
      padding: 60px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 24px 24px #0000004d;
    }
   
    .intro-statistics-card-2 {
      z-index: 2;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      border-radius: var(--_responsive---border-radius--border-radius-24px);
      background-color: var(--colors--card-bg);
      flex-flow: column;
      justify-content: space-between;
      height: 100%;
     padding: 20px 26px;
      display: flex;
      position: relative;
    }
    
    .heading-wrap-2 {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      display: flex;
   }
    
    .heading-wrap-2.small {
      max-width: 398px;
    }
    
    .heading-wrap-2.medium {
      width: 100%;
      max-width: 480px;
    }
   
    .values-main-wrap-2 {
      margin-top: var(--_responsive---paddings--padding-120px);
      grid-column-gap: 78px;
      grid-row-gap: 78px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
   
    .features-v1-main-wrap-2 {
      grid-column-gap: 22px;
      grid-row-gap: 22px;
      flex-flow: column;
      display: flex;
    }
    
    .features-v1-main-wrap-3, .features-v1-main-wrap-4 {
      margin-top: var(--_responsive---margins--margin-80px);
     grid-column-gap: 22px;
      grid-row-gap: 22px;
      flex-flow: column;
      display: flex;
    }
    
    .features-v3 {
      margin-bottom: 140px;
    }
    
   .features-v1-main-wrap-5 {
      grid-column-gap: 22px;
      grid-row-gap: 22px;
      flex-flow: column;
      display: flex;
    }
    
    .values-main-wrap-3 {
      margin-top: var(--_responsive---paddings--padding-60px);
      grid-column-gap: 78px;
     grid-row-gap: 78px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
    
    .features-v1-image-02, .features-v1-image-03 {
      filter: drop-shadow(0 25.24px 25.24px #0000004d);
      width: 100%;
   }
    
    .solution-header {
      background-image: url('../images/Left-Shadow_1Left Shadow.avif'), url('../images/Right-SHadow_1Right SHadow.avif');
      background-position: 0 0, 100% 100%;
      background-repeat: no-repeat, no-repeat;
      background-size: contain, contain;
      border-bottom: 1px solid #ffffff1a;
      position: relative;
    }
   
    .solution-circle-wrap {
      pointer-events: none;
      background-image: url('../images/Circle.svg');
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      position: absolute;
      inset: 0%;
    }
   
    .values-2 {
      padding-top: var(--_responsive---paddings--padding-160px);
      padding-bottom: var(--_responsive---paddings--padding-160px);
    }
    
    .features-v1-text-wrap-2 {
      grid-column-gap: 12px;
      grid-row-gap: 12px;
      flex-flow: row;
     justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }
    
    .interface-tabs-content-wrap-2 {
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      justify-content: space-between;
      align-items: center;
     display: flex;
    }
    
    .interface-left-wrap-2, .interface-left-wrap-3 {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
     max-width: 470px;
      display: flex;
    }
    
    .compare-2 {
      padding-bottom: var(--_responsive---paddings--padding-60px);
    }
    
    .contact-2 {
      padding-top: var(--_responsive---paddings--padding-60px);
     padding-bottom: var(--_responsive---paddings--padding-60px);
    }
    
    .features-v4 {
      margin-top: var(--_responsive---margins--margin-80px);
    }
    
    .values-main-wrap-4 {
      grid-column-gap: 78px;
      grid-row-gap: 78px;
     grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
    
    .value-text-wrap-2 {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      flex-flow: row;
     justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }
    
    .values-3 {
      padding-top: var(--_responsive---paddings--padding-60px);
      padding-bottom: var(--_responsive---paddings--padding-60px);
    }
    
   .values-4 {
      padding-top: var(--_responsive---margins--margin-32px);
    }
    
    .container-values {
      z-index: 2;
      width: 100%;
      max-width: 1320px;
      margin-bottom: 0;
      margin-left: auto;
     margin-right: auto;
      padding-left: 20px;
      padding-right: 20px;
      position: relative;
    }
    
    .container-values.hero {
      height: 100%;
    }
    
   .values-main-wrap-5 {
      grid-column-gap: 78px;
      grid-row-gap: 78px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
    
    .interface-2 {
     padding-top: var(--_responsive---paddings--padding-160px);
      padding-bottom: var(--_responsive---paddings--padding-160px);
      background-color: var(--colors--black);
    }
    
    .features-v5 {
      padding-bottom: var(--_responsive---paddings--padding-80px);
    }
    
    .interface-v3 {
     padding-top: var(--_responsive---margins--margin-60px);
      padding-bottom: var(--_responsive---paddings--padding-60px);
    }
    
    .hero-v2-wrap-copy, .hero-v3-wrap, .hero-v4-wrap {
      padding-top: var(--_responsive---paddings--padding-140px);
    }
    
    .interface-v3-top-wrap {
      border-radius: var(--_responsive---border-radius--border-radius-24px);
     padding: 1px;
      position: relative;
      overflow: hidden;
    }
    
    .interface-v3-inner-wrap {
      z-index: 2;
      padding-top: var(--_responsive---margins--margin-60px);
      padding-right: var(--_responsive---paddings--padding-80px);
      padding-left: var(--_responsive---paddings--padding-80px);
     border-radius: var(--_responsive---border-radius--border-radius-24px);
      background-color: var(--colors--card-bg);
      position: relative;
    }
    
    .features-v3-main-wrap {
      grid-column-gap: 30px;
      grid-row-gap: 30px;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
     grid-auto-columns: 1fr;
      display: grid;
    }
    
    .hero-v1-video-2 {
      mix-blend-mode: normal;
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
   
    .hero-v3 {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      background-image: url('../images/Hero-Shadow.webp');
      background-repeat: no-repeat;
      background-size: contain;
      flex-flow: column;
      justify-content: flex-start;
      align-items: stretch;
     display: block;
      position: relative;
    }
    
    .contact-3 {
      margin-top: var(--_responsive---margins--margin-80px);
      padding-bottom: var(--_responsive---paddings--padding-160px);
    }
    
    .contact-right-2 {
     border: 1px solid var(--colors--stroke-white);
      border-radius: var(--_responsive---border-radius--border-radius-12px);
      background-color: var(--colors--bg-color);
      width: 100%;
      max-width: 652px;
      padding: 40px;
    }
    
    @media screen and (max-width: 991px) {
      body {
       --_responsive---paddings--padding-160px: 100px;
        --_responsive---margins--margin-80px: 60px;
        --_responsive---border-radius--border-radius-100px: 100px;
        --_responsive---border-radius--border-radius-7px: 7px;
        --_responsive---border-radius--border-radius-12px: 12px;
        --_responsive---paddings--padding-100px: 80px;
        --_responsive---paddings--padding-60px: 60px;
        --_responsive---paddings--padding-120px: 80px;
        --_responsive---border-radius--border-radius-24px: 20px;
        --_responsive---margins--margin-60px: 48px;
       --_responsive---border-radius--border-radius-30px: 24px;
        --_responsive---margins--margin-32px: 32px;
        --_responsive---border-radius--border-radius-16px: 16px;
        --_responsive---paddings--padding-80px: 40px;
        --_responsive---paddings--padding-140px: 80px;
        --_responsive---border-radius--border-radius-20px: 16px;
        --_responsive---margins--margin-160px: 100px;
        --_responsive---margins--margin-40px: 40px;
        --_typography---paragraph-02--font-size: 16px;
        --_typography---paragraph-02--line-height: 24px;
       --_typography---h1--font-size: 52px;
        --_typography---h1--line-height: 60px;
        --_typography---h2--font-size: 44px;
        --_typography---h2--line-height: 52px;
        --_typography---h3--font-size: 40px;
        --_typography---h3--line-height: 48px;
        --_typography---h4--font-size: 28px;
        --_typography---h4--line-height: 36px;
        --_typography---h5--font-size: 22px;
        --_typography---h5--line-height: 30px;
       --_typography---h6--font-size: 20px;
        --_typography---h6--line-height: 30px;
        --_typography---paragraph-01--font-size: 18px;
        --_typography---paragraph-01--line-height: 28px;
        --_typography---secondary-button-text--font-size: 16px;
        --_typography---secondary-button-text--line-height: 24px;
        --_typography---tagline-01--font-size: 16px;
        --_typography---tagline-01--line-height: 22px;
        --_typography---primary-button-text--font-size: 18px;
        --_typography---primary-button-text--line-height: 28px;
       --_typography---paragraph-03--font-size: 14px;
        --_typography---paragraph-03--line-height: 24px;
        --_typography---tagline-02--font-size: 14px;
        --_typography---tagline-02--line-height: 22px;
      }
    
      .paragraph-02.mobile-menu {
        border-bottom: 1px solid var(--colors--stroke-white);
        color: var(--colors--white);
        width: 100%;
       padding-bottom: 10px;
        text-decoration: none;
        transition: border-color .3s, color .3s;
      }
    
      .paragraph-02.mobile-menu:hover {
        border-bottom-color: var(--colors--yellow);
        color: var(--colors--yellow);
      }
    
     .paragraph-02.cta-subtitle {
        text-align: center;
      }
    
      .h2 {
        font-size: 44px;
        line-height: 52px;
      }
    
      .h2.team-name {
       font-size: 32px;
        line-height: 40px;
      }
    
      .text-style-h1 {
        font-size: 52px;
        line-height: 60px;
      }
    
      .text-style-h1.cta-v1-heading {
       text-align: center;
      }
    
      .h3 {
        font-size: 40px;
        line-height: 48px;
      }
    
      .components-header-wrap {
        padding-top: 32px;
     }
    
      .h4 {
        font-size: 28px;
        line-height: 36px;
      }
    
      .h5 {
        font-size: 22px;
        line-height: 30px;
     }
    
      .h5.faq-question {
        font-size: 20px;
        line-height: 28px;
      }
    
      .typography-main-wrap {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
     }
    
      .buttons-main-wrap {
        grid-column-gap: 24px;
      }
    
      .button-01, .button-02 {
        padding: 14px 28px;
      }
    
     .button-03 {
        padding: 14px 32px;
      }
    
      .color {
        height: 140px;
      }
    
      .colors-main-wrap {
        grid-row-gap: 24px;
       grid-template-columns: 1fr 1fr 1fr;
      }
    
      .cta-v1 {
        background-position: 100%;
      }
    
      .cta-v1-wrap {
        flex-flow: column-reverse wrap;
        justify-content: space-between;
       align-items: center;
      }
    
      .cta-content-wrap {
        justify-content: flex-start;
        align-items: center;
        margin-left: 0;
      }
    
      .badge-inner-wrap {
       padding: 8px 16px;
      }
    
      .section-button-wrap {
        margin-top: 32px;
      }
    
      .section-button-wrap.cta-button {
        justify-content: center;
        align-items: center;
     }
    
      .star {
        background-size: cover;
      }
    
      .footer {
        padding-bottom: 32px;
      }
    
     .footer-wrap {
        flex-flow: column;
      }
    
      .footer-left {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        max-width: 100%;
      }
    
     .footer-right {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        max-width: 100%;
      }
    
      .footer-column.info {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
      }
   
      .copyright-wrap {
        margin-top: 60px;
        padding-top: 28px;
      }
    
      .about {
        background-size: 1000px;
      }
    
     .hero-header-wrap.integration-header {
        margin-top: 0;
      }
    
      .hero-badge-wrap {
        margin-bottom: 18px;
      }
    
      .section-header-wrap.purpose-header {
        display: block;
     }
    
      .section-header-text-wrap {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
      }
    
      .brands-main-wrap {
        margin-top: 40px;
      }
   
      .brand-logo {
        margin-right: 80px;
      }
    
      .brands-left-shadow, .brands-right-shadow {
        width: 150px;
      }
    
      .values-main-wrap {
       grid-column-gap: 32px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
      }
    
      .value-text-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        margin-top: 32px;
      }
   
      .timeline-main-wrap {
        flex-flow: column;
      }
    
      .timeline-left {
        max-width: 80%;
        position: static;
      }
    
     .timeline-right {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        max-width: 100%;
      }
    
      .timeline-list {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
      }
   
      .investor-card {
        border-radius: 24px;
        max-width: 300px;
      }
    
      .investor-card-inner {
        border-radius: 24px;
        padding: 22px;
      }
   
      .investor-image {
        width: 64px;
      }
    
      .investor-shadow {
        max-width: 200px;
      }
    
      .intro-main-wrap {
       flex-flow: column;
      }
    
      .intro-left {
        max-width: 100%;
      }
    
      .intro-card {
        padding: 32px;
      }
   
      .intro-top-wrap {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
      }
    
      .intro-bottom-wrap {
        margin-top: 40px;
      }
    
     .intro-right {
        flex-flow: row;
        max-width: 100%;
      }
    
      .intro-statistics-card {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        justify-content: flex-start;
      }
   
      .intro-statistics-top {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
      }
    
      .intro-statistics-bottom {
       margin-top: 40px;
      }
    
      .testimonial-wrap {
        border-width: 0;
        padding-left: 20px;
        padding-right: 20px;
      }
    
      .testimonial-slide {
       border: 1px solid #ffffff1a;
        flex-flow: column;
        justify-content: flex-start;
        align-items: stretch;
      }
    
      .testimonial-slider-arrow {
        border-top: 1px solid #ffffff1a;
        max-width: 50%;
      }
   
      .testimonial-slider-arrow.right {
        border-right-width: 0;
        margin-left: 0;
        inset: auto 0% 0% auto;
      }
    
      .testimonial-image-wrap {
        display: none;
      }
   
      .testimonial-content-wrap {
        height: 430px;
        padding: 32px 40px 100px;
      }
    
      .testimonial-content {
        max-width: 100%;
      }
    
     .testimonial-info-wrap {
        margin-top: 40px;
      }
    
      .team-tab-link {
        padding-top: 24px;
        padding-bottom: 24px;
      }
    
      .blog-hero {
       background-size: 1000px, 1000px;
      }
    
      .star-lottie-wrap {
        background-size: 1000px;
      }
    
      .star-lottie-wrap.cta-star {
        top: 0;
      }
   
      .blog-collection-list {
        grid-row-gap: 32px;
        grid-template-columns: 1fr 1fr;
      }
    
      .blog-image-wrap {
        height: 300px;
      }
    
     .calender-icon {
        width: 16px;
      }
    
      .button-5 {
        padding: 10px 22px;
      }
    
      .navbar-menu-box {
        width: 40px;
       height: 40px;
        padding: 8px;
      }
    
      .dropdown-menu-wrap.center {
        padding-left: 32px;
        padding-right: 32px;
      }
    
      .dropdown {
       width: 100%;
        margin-left: 0;
        margin-right: 0;
      }
    
      .nav-left-menu-wrap {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        padding-left: 20px;
      }
   
      .navbar-desktop-right {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    
      .navbar-desktop-right._02 {
        flex: 0 auto;
      }
    
     .mobile-dropdown-wrap {
        background-color: var(--colors--black);
        flex-flow: column;
        height: 130vh;
        display: none;
        position: absolute;
        inset: 70px 0% 0%;
        overflow: hidden;
      }
    
     .navbar-desktop-left {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    
      .navbar-desktop-left._02 {
        flex: 0 auto;
      }
    
      .mobile-dropdown-list {
       transition: border-color .3s;
        display: flex;
      }
    
      .mobile-dropdown-list:hover {
        border-bottom-color: var(--colors--white);
      }
    
      .mobile-dropdown-list.pages {
        border-bottom-width: 0;
     }
    
      .nav-dropdown-list {
        left: 0;
      }
    
      .navbar-top-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        justify-content: space-between;
       align-items: center;
        display: flex;
      }
    
      .navbar-desktop-wrap {
        display: none;
      }
    
      .navbar-mobile-wrap {
        padding-left: 18px;
       display: block;
        position: relative;
      }
    
      .dropdown-column {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
      }
    
      .navbar-wrap {
       margin-bottom: 0;
        padding-top: 18px;
        padding-bottom: 0;
      }
    
      .dropdown-wrap {
        width: 85%;
        padding: 28px;
      }
    
     .dropdown-menu-list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-top: 16px;
      }
    
      .dropdown-list-wrap {
        padding-top: 27px;
      }
    
     .mobile-dropdown-list-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        height: 100%;
        padding: 48px 40px 32px;
        display: flex;
      }
    
      .hero-v1 {
       background-size: 1000px;
      }
    
      .hero-v1-video {
        opacity: .7;
      }
    
      .hero-button-wrap {
        margin-top: 32px;
      }
   
      .features-v1-main-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    
      .features-v1-card-01-inner {
        flex-flow: column;
        align-items: flex-end;
        padding-top: 48px;
       padding-left: 32px;
      }
    
      .features-v1-card-01-left {
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 40px;
      }
    
     .features-v1-text-wrap {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
      }
    
      .features-v1-card-01-right {
        width: 100%;
        max-width: 100%;
        height: 280px;
        margin-top: 0;
     }
    
      .features-v1-image-01 {
        object-fit: cover;
        object-position: 0% 0%;
        width: 100%;
        height: 100%;
      }
    
      .features-v1-bottom-wrap, .features-v1-card-02-inner {
       grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    
      .features-v1-card-text-wrap {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
        padding-bottom: 32px;
        padding-left: 32px;
        padding-right: 32px;
     }
    
      .capabilities-main-wrap {
        grid-template-columns: 1fr 1fr;
      }
    
      .capabilities-card-inner {
        padding: 28px;
      }
    
     .capabilities-icon {
        width: 36px;
      }
    
      .capabilities-text-wrap {
        margin-top: 32px;
      }
    
      .integration-marquee-item {
        width: 140px;
     }
    
      .integration-marquee-icon {
        width: 60px;
      }
    
      .faq-item {
        padding-left: 28px;
        padding-right: 28px;
      }
   
      .pricing-hero {
        background-size: 1000px, 1000px;
      }
    
      .pricing-list {
        grid-template-columns: 1fr;
        padding-top: 0;
        padding-left: 20px;
      }
   
      .pricing-item {
        padding-top: 32px;
        padding-bottom: 32px;
      }
    
      .text-style-h6.install-text {
        right: 32px;
      }
    
     .text-style-h6.interface-link-text {
        text-align: center;
      }
    
      .price-wrap {
        margin-top: 32px;
        margin-bottom: 32px;
        padding-top: 16px;
        padding-bottom: 16px;
      }
   
      .pricing-button-wrap {
        margin-top: 32px;
      }
    
      .button-04 {
        padding: 14px 28px;
      }
    
      .compare-left {
       width: 40%;
      }
    
      .compare-title-wrap {
        padding-left: 28px;
      }
    
      .compare-right {
        width: 60%;
      }
   
      .compare-features-wrap {
        width: 40%;
        padding-top: 24px;
        padding-bottom: 24px;
        padding-left: 28px;
      }
    
      .compare-details-column-wrap {
        width: 60%;
     }
    
      .integration-hero {
        background-size: 1000px, 1000px;
      }
    
      .integration-top-wrap {
        margin-bottom: 20px;
      }
    
     .integration-icon-wrap {
        width: 80px;
        height: 80px;
      }
    
      .integration-icon {
        width: 60px;
      }
    
      .integration-icons-wrap {
       display: none;
      }
    
      .integration-list {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr 1fr;
      }
    
      .integration-card-details {
       grid-column-gap: 32px;
        grid-row-gap: 32px;
        margin-top: 40px;
      }
    
      .integration-single-hero {
        background-size: 1000px, 1000px;
      }
    
      .integration-single-details h4 {
       margin-top: 32px;
      }
    
      .integration-image-wrap {
        height: 350px;
        margin-top: 32px;
      }
    
      .privacy-policy-hero {
        background-size: 1000px, 1000px;
     }
    
      .privacy-policy-wrap {
        padding-top: 32px;
      }
    
      .privacy-policy-details h4 {
        margin-top: 32px;
      }
    
     .utility-hero {
        background-size: 1000px, 1000px;
      }
    
      .license-left {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
       max-width: 100%;
        display: none;
      }
    
      .license-right {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
      }
    
      .license-text-wrap {
       grid-column-gap: 16px;
        grid-row-gap: 16px;
        max-width: 100%;
      }
    
      .license-tab-link {
        padding-bottom: 10px;
      }
    
      .license-card-wrap {
       grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
    
      .license-image {
        height: 220px;
      }
    
      .license-wrap {
        flex-flow: column;
     }
    
      .license-card {
        height: 240px;
      }
    
      .license-image-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
   
      .changelog-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    
      .changelog-content-wrap {
        padding: 32px;
      }
    
     .changelog-image-wrap {
        height: 100%;
      }
    
      .features-hero {
        background-size: 1000px, 1000px;
      }
    
      .features-hero-wrap {
        grid-column-gap: 48px;
       grid-row-gap: 48px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
      }
    
      .features-hero-image-wrap {
        max-width: 100%;
        height: 350px;
      }
   
      .vision-list-wrap {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
      }
    
      .vision-text-wrap {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
     }
    
      .vision-divider {
        height: 28px;
      }
    
      .interface-tabs-menu {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
       grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
      }
    
      .text-style-h2.interface-title {
        font-size: var(--_typography---h3--font-size);
        line-height: var(--_typography---h3--line-height);
      }
    
      .hero-v2 {
       background-size: 1000px, 1000px;
      }
    
      .hero-v2-bottom-shadow {
        height: 120px;
      }
    
      .hero-v2-texture {
        background-size: 935px;
      }
   
      .features-v2-main-wrap {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-columns: 1fr 1fr;
      }
    
      .features-v2-text-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
       padding: 10px 28px 28px;
      }
    
      .interface-v2-top-header-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
    
      .cursor-04 {
        width: 55px;
       left: 5%;
      }
    
      .cursor-05 {
        width: 80px;
        bottom: 0;
      }
    
      .cursor-06 {
        width: 50px;
       bottom: -25px;
      }
    
      .interface-v2-bottom-wrap {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-columns: 1fr 1fr;
      }
    
      .interface-v2-card {
       height: auto;
      }
    
      .interface-integration-wrap {
        padding-top: 24px;
        padding-bottom: 0;
      }
    
      .interface-integration-marquee {
        grid-column-gap: 20px;
       grid-row-gap: 20px;
      }
    
      .interface-integration-icon {
        width: 65px;
        margin-right: 20px;
      }
    
      .interface-integration-icon.medium {
        width: 48px;
     }
    
      .interface-integration-icon.small {
        width: 36px;
      }
    
      .interface-integration-logo {
        width: 80px;
      }
    
     .interface-logo-blur {
        width: 45%;
        height: 15%;
      }
    
      .interface-v2-text-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        padding: 28px;
      }
   
      .page-wrap {
        top: 22%;
      }
    
      .collab-image-wrap {
        height: 400px;
      }
    
      .collab-list-wrap {
       grid-column-gap: 32px;
        grid-row-gap: 32px;
      }
    
      .collab-icon {
        width: 36px;
      }
    
      .collab-text-wrap {
        grid-column-gap: 16px;
       grid-row-gap: 16px;
        margin-top: 32px;
      }
    
      .testimonial-v2-author-wrap {
        margin-top: 28px;
      }
    
      .blog-v3-list:hover {
        width: 50%;
     }
    
      .blog-v3-image-wrap {
        height: 280px;
      }
    
      .blog-v3-image-cover {
        height: 150px;
      }
    
     .blog-v3-details-wrap {
        padding: 20px 28px 28px;
      }
    
      .read-more-wrap {
        padding: 10px 24px;
      }
    
      .support-main-wrap {
        flex-flow: column;
     }
    
      .support-left {
        max-width: 100%;
      }
    
      .support-right {
        max-width: 100%;
        height: 600px;
        display: none;
     }
    
      .pricing-v3-main-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr 1fr;
      }
    
      .pricing-v3-top-wrap {
        padding-top: 32px;
       padding-bottom: 32px;
      }
    
      .pricing-v3-price-wrap {
        margin-top: 28px;
      }
    
      .pricing-v3-button-wrap {
        margin-top: 32px;
      }
   
      .cta-v2-list-wrap {
        grid-column-gap: 40px;
      }
    
      .cta-v2-image-wrap {
        height: 350px;
      }
    
      .cta-v2-shadow {
       height: 80px;
      }
    
      .contact-hero {
        background-size: 1000px, 1000px;
      }
    
      .contact-main-wrap {
        flex-flow: column;
      }
   
      .contact-image-wrap {
        display: none;
      }
    
      .contact-right {
        max-width: 100%;
      }
    
      .form-row {
       margin-bottom: 32px;
      }
    
      .input-filed.textarea {
        height: 140px;
      }
    
      .contact-info-wrap {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
       grid-template-columns: 1fr 1fr;
      }
    
      .career {
        background-size: 1000px, 1000px;
      }
    
      .vacancies-card-inner {
        padding-left: 32px;
      }
   
      .vacancies-icon {
        width: 48px;
      }
    
      .vacancies-text-wrap {
        margin-top: 32px;
      }
    
      .vacancies-hero, .blog-single-top-wrap {
       background-size: 1000px, 1000px;
      }
    
      .blog-single-bottom-wrap {
        margin-top: var(--_responsive---margins--margin-80px);
      }
    
      .blog-large-image-wrap {
        height: 400px;
      }
   
      .blog-single-details-wrap {
        margin-top: 0;
      }
    
      .blog-single-image-wrap {
        height: 400px;
      }
    
      .cta-v1-image-wrap {
       width: 100%;
        height: 300px;
        margin-left: 0;
      }
    
      .cta-v1-image-01, .cta-v1-image-02 {
        width: 90%;
      }
    
      .support-badge {
       width: 200px;
      }
    
      .vision-shadow {
        height: 120px;
      }
    
      .cta-v2-content-wrap {
        justify-content: flex-start;
        align-items: center;
     }
    
      .text-sticky-wrap {
        display: none;
      }
    
      .purpose-main-wrap {
        margin-top: var(--_responsive---margins--margin-80px);
      }
    
     .purpose-column {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        max-width: 100%;
        padding-bottom: 0;
        display: flex;
      }
    
      .purpose-card {
       background-color: var(--colors--card-bg);
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        height: 350px;
      }
    
      .purpose-card._01 {
        margin-top: 0;
        transform: none;
     }
    
      .purpose-card._02 {
        margin-top: 0;
        position: static;
        transform: none;
      }
    
      .purpose-card._03 {
        position: static;
       transform: none;
      }
    
      .purpose-card._04 {
        margin-top: 0;
        transform: none;
      }
    
      .purpose-icon {
        width: 52px;
     }
    
      ._404-video {
        opacity: .7;
      }
    
      .password {
        height: 70vh;
      }
    
     .intro-card-2 {
        padding: 32px;
      }
    
      .intro-statistics-card-2 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        justify-content: flex-start;
      }
    
     .values-main-wrap-2 {
        grid-column-gap: 32px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
      }
    
      .features-v1-main-wrap-2, .features-v1-main-wrap-3, .features-v1-main-wrap-4, .features-v1-main-wrap-5 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
   
      .values-main-wrap-3 {
        grid-column-gap: 32px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
      }
    
      .features-v1-image-02, .features-v1-image-03 {
        object-fit: cover;
        object-position: 0% 0%;
       width: 100%;
        height: 100%;
      }
    
      .solution-header {
        background-size: 1000px, 1000px;
      }
    
      .features-v1-text-wrap-2 {
        grid-column-gap: 18px;
       grid-row-gap: 18px;
      }
    
      .values-main-wrap-4 {
        grid-column-gap: 32px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
      }
    
      .value-text-wrap-2 {
       grid-column-gap: 16px;
        grid-row-gap: 16px;
        margin-top: 32px;
      }
    
      .values-main-wrap-5 {
        grid-column-gap: 32px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
      }
   
      .features-v3-main-wrap {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-columns: 1fr 1fr;
      }
    
      .hero-v1-video-2 {
        opacity: .7;
      }
   
      .hero-v3 {
        background-size: 1000px;
      }
    
      .contact-right-2 {
        max-width: 100%;
      }
    }
    
   @media screen and (max-width: 767px) {
      body {
        --_responsive---paddings--padding-160px: 80px;
        --_responsive---margins--margin-80px: 48px;
        --_responsive---border-radius--border-radius-100px: 100px;
        --_responsive---border-radius--border-radius-7px: 7px;
        --_responsive---border-radius--border-radius-12px: 12px;
        --_responsive---paddings--padding-100px: 72px;
        --_responsive---paddings--padding-60px: 60px;
        --_responsive---paddings--padding-120px: 72px;
       --_responsive---border-radius--border-radius-24px: 16px;
        --_responsive---margins--margin-60px: 40px;
        --_responsive---border-radius--border-radius-30px: 20px;
        --_responsive---margins--margin-32px: 32px;
        --_responsive---border-radius--border-radius-16px: 14px;
        --_responsive---paddings--padding-80px: 32px;
        --_responsive---paddings--padding-140px: 72px;
        --_responsive---border-radius--border-radius-20px: 14px;
        --_responsive---margins--margin-160px: 80px;
        --_responsive---margins--margin-40px: 32px;
       --_typography---paragraph-02--font-size: 16px;
        --_typography---paragraph-02--line-height: 24px;
        --_typography---h1--font-size: 48px;
        --_typography---h1--line-height: 56px;
        --_typography---h2--font-size: 40px;
        --_typography---h2--line-height: 48px;
        --_typography---h3--font-size: 32px;
        --_typography---h3--line-height: 40px;
        --_typography---h4--font-size: 24px;
        --_typography---h4--line-height: 32px;
       --_typography---h5--font-size: 20px;
        --_typography---h5--line-height: 28px;
        --_typography---h6--font-size: 18px;
        --_typography---h6--line-height: 28px;
        --_typography---paragraph-01--font-size: 18px;
        --_typography---paragraph-01--line-height: 28px;
        --_typography---secondary-button-text--font-size: 16px;
        --_typography---secondary-button-text--line-height: 24px;
        --_typography---tagline-01--font-size: 16px;
        --_typography---tagline-01--line-height: 22px;
       --_typography---primary-button-text--font-size: 16px;
        --_typography---primary-button-text--line-height: 24px;
        --_typography---paragraph-03--font-size: 14px;
        --_typography---paragraph-03--line-height: 24px;
        --_typography---tagline-02--font-size: 14px;
        --_typography---tagline-02--line-height: 22px;
      }
    
      .paragraph-02.footer-link {
        font-weight: 400;
     }
    
      .paragraph-02.footer-link.address {
        width: 80%;
      }
    
      .paragraph-02.copyright-text {
        text-align: center;
      }
    
     .paragraph-02.team-tagline {
        display: none;
      }
    
      .paragraph-02.faq-answer {
        padding-top: 14px;
      }
    
      .h2 {
        font-size: 40px;
       line-height: 48px;
      }
    
      .h2.team-name {
        margin-top: 0;
        font-size: 20px;
        line-height: 28px;
      }
    
      .text-style-h1 {
       font-size: 48px;
        line-height: 56px;
      }
    
      .h3 {
        font-size: 32px;
        line-height: 40px;
      }
    
      .components-header-wrap {
       padding-top: 28px;
      }
    
      .typography-info-wrap {
        grid-column-gap: 16px;
        justify-content: flex-start;
      }
    
      .tagline-01.badge-text {
        font-size: 14px;
       line-height: 20px;
      }
    
      .h4 {
        font-size: 24px;
        line-height: 32px;
      }
    
      .h5 {
        font-size: 20px;
       line-height: 28px;
      }
    
      .h5.faq-question {
        font-size: 18px;
      }
    
      .typography-main-wrap {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
     }
    
      .h6 {
        font-size: 18px;
        line-height: 28px;
      }
    
      .button-01 {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
       padding: 14px 26px;
      }
    
      .button-01-arrow-wrap {
        width: 20px;
        height: 20px;
      }
    
      .button-02 {
        padding: 14px 26px;
     }
    
      .button-02-arrow-wrap {
        width: 20px;
        height: 20px;
      }
    
      .button-03 {
        padding-left: 28px;
        padding-right: 28px;
     }
    
      .button-4 {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
      }
    
      .color-info {
        grid-column-gap: 6px;
        grid-row-gap: 6px;
       margin-top: 10px;
      }
    
      .color {
        height: 120px;
      }
    
      .colors-main-wrap {
        grid-column-gap: 16px;
        grid-template-columns: 1fr 1fr;
     }
    
      .cta-content-wrap {
        padding-bottom: var(--_responsive---paddings--padding-60px);
      }
    
      .badge-inner-wrap {
        padding: 7px 14px;
      }
    
     .badge-content {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
      }
    
      .badge-dot {
        width: 6px;
        height: 6px;
      }
    
     .cta-text-wrap {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
      }
    
      .section-button-wrap {
        margin-top: 28px;
      }
    
      .star {
       width: 24px;
      }
    
      .footer {
        padding-top: 72px;
        padding-bottom: 28px;
      }
    
      .footer-wrap {
        grid-column-gap: 32px;
       grid-row-gap: 32px;
      }
    
      .footer-left {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
      }
    
      .footer-right {
        grid-column-gap: 20px;
       grid-row-gap: 32px;
        grid-template-columns: 1fr 1fr;
      }
    
      .footer-column.info {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
      }
    
      .footer-menu-list {
       grid-column-gap: 14px;
        grid-row-gap: 14px;
      }
    
      .copyright-wrap {
        flex-flow: column;
        margin-top: 52px;
        padding-top: 24px;
      }
    
     .about {
        background-size: 800px;
      }
    
      .hero-badge-wrap {
        margin-bottom: 16px;
      }
    
      .hero-text-wrap {
        grid-column-gap: 18px;
       grid-row-gap: 18px;
      }
    
      .section-header-wrap.flex {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
      }
    
      .section-header-text-wrap {
        grid-column-gap: 16px;
       grid-row-gap: 16px;
      }
    
      .brands-main-wrap {
        margin-top: 32px;
      }
    
      .brand-logo {
        margin-right: 60px;
      }
   
      .brands-left-shadow, .brands-right-shadow {
        width: 100px;
      }
    
      .values-main-wrap {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
      }
   
      .value-icon {
        width: 32px;
      }
    
      .value-text-wrap {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        margin-top: 28px;
      }
   
      .timeline-main-wrap {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
      }
    
      .timeline-left {
        max-width: 100%;
      }
    
     .timeline-right {
        grid-column-gap: 24px;
        grid-row-gap: 40px;
      }
    
      .investor-marquee {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
      }
    
     .investor-card {
        border-radius: 20px;
        max-width: 280px;
      }
    
      .investor-card-inner {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
        border-radius: 20px;
        padding: 20px;
     }
    
      .investor-image {
        width: 56px;
      }
    
      .investor-list {
        margin-right: 18px;
      }
    
     .investor-shadow {
        max-width: 100px;
      }
    
      .intro-left {
        padding: 1px;
      }
    
      .intro-card {
        padding: 28px 24px;
     }
    
      .intro-top-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    
      .label-wrap, .label-wrap.light-green {
        padding-left: 12px;
        padding-right: 12px;
     }
    
      .intro-bottom-wrap {
        margin-top: 32px;
      }
    
      .intro-image {
        width: 52px;
      }
    
     .intro-logo {
        display: none;
      }
    
      .intro-right {
        flex-flow: column;
      }
    
      .intro-statistics-list {
        padding: 1px;
     }
    
      .intro-statistics-card {
        padding-left: 24px;
        padding-right: 24px;
      }
    
      .intro-statistics-bottom {
        margin-top: 32px;
      }
   
      .testimonial-slide {
        flex-direction: column;
      }
    
      .testimonial-slider-arrow {
        height: 52px;
      }
    
      .testimonial-content-wrap {
       height: 410px;
        padding: 28px 28px 80px;
      }
    
      .testimonial-info-wrap {
        margin-top: 32px;
      }
    
      .testimonial-arrow, .testimonial-arrow-active {
        width: 24px;
     }
    
      .team-tabs {
        flex-flow: column;
      }
    
      .team-tabs-menu {
        grid-column-gap: 10px;
        grid-row-gap: 0px;
        grid-template-rows: auto;
       grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        max-width: 100%;
        display: grid;
      }
    
      .team-tab-link {
        padding-top: 14px;
        padding-bottom: 14px;
      }
   
      .team-tab-link._01 {
        padding-top: 14px;
      }
    
      .team-tabs-content {
        max-width: 100%;
        margin-top: 32px;
      }
    
     .team-image-wrap {
        height: 450px;
      }
    
      .blog-hero {
        background-size: 600px, 600px;
      }
    
      .blog-collection-list {
        grid-column-gap: 28px;
       grid-row-gap: 28px;
        grid-template-columns: 1fr;
      }
    
      .blog-image-wrap {
        height: 260px;
      }
    
      .blog-info-wrap {
        margin-top: 16px;
     }
    
      .navbar-menu-box {
        grid-column-gap: 4.5px;
        grid-row-gap: 4.5px;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 36px;
        height: 36px;
       padding: 8px;
        display: flex;
      }
    
      .dropdown-menu-wrap.center {
        border-left-width: 0;
        border-right-width: 0;
        padding-left: 0;
        padding-right: 0;
      }
   
      .dropdown {
        width: 100%;
      }
    
      .mobile-dropdown-wrap {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        top: 65px;
      }
   
      .mobile-dropdown-list.pages {
        padding-bottom: 14px;
      }
    
      .nav-dropdown-list {
        left: 0;
      }
    
      .hamburger {
       width: 100%;
        height: 100%;
      }
    
      .navbar-desktop-wrap {
        display: none;
      }
    
      .navbar-mobile-wrap {
        z-index: 2;
       padding-left: 16px;
      }
    
      .navbar-wrap {
        padding-top: 16px;
        padding-left: 0;
        padding-right: 0;
      }
    
      .dropdown-wrap {
       grid-column-gap: 32px;
        grid-row-gap: 32px;
        border-radius: 10px;
        width: 100%;
        padding: 24px;
      }
    
      .dropdown-list-wrap {
        padding-top: 12px;
      }
   
      .mobile-dropdown-list-wrap {
        padding-top: 40px;
        padding-left: 28px;
        padding-right: 28px;
      }
    
      .hero-v1 {
        background-size: 600px;
        height: auto;
     }
    
      .hero-v1-video-shadow {
        height: 100%;
      }
    
      .hero-button-wrap {
        margin-top: 28px;
      }
    
     .features-v1-card-01 {
        padding: 1px;
      }
    
      .features-v1-card-01-inner {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        padding-top: 32px;
        padding-left: 24px;
      }
   
      .features-v1-card-01-left {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        padding-right: 24px;
      }
    
      .features-v1-text-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
     }
    
      .features-v1-card-01-right {
        height: 250px;
      }
    
      .features-v1-bottom-wrap {
        grid-template-columns: 1fr;
      }
    
     .features-v1-card-02 {
        padding: 1px;
      }
    
      .features-v1-card-image-wrap {
        justify-content: center;
        align-items: center;
        display: flex;
      }
    
     .features-v1-card-image-wrap._02 {
        margin-top: 10px;
      }
    
      .features-v1-card-image-02 {
        width: 90%;
      }
    
      .features-v1-card-image-02._02 {
        width: 100%;
     }
    
      .features-v1-card-text-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        padding-bottom: 28px;
        padding-left: 24px;
        padding-right: 24px;
      }
    
     .capabilities-main-wrap {
        grid-template-columns: 1fr;
      }
    
      .capabilities-card {
        padding: 1px;
      }
    
      .capabilities-card-inner {
        padding: 28px 24px;
     }
    
      .capabilities-text-wrap {
        margin-top: 28px;
      }
    
      .integration-marquee-item {
        width: 120px;
        height: 100px;
      }
   
      .integration-marquee-icon {
        width: 50px;
      }
    
      .faq-item {
        padding: 20px 24px;
      }
    
      .pricing-hero {
       background-size: 600px, 600px;
      }
    
      .pricing-list {
        padding: 0 16px 16px;
      }
    
      .pricing-list.month {
        background-size: 1000px;
      }
   
      .pricing-item {
        padding: 28px 24px;
      }
    
      .plan-badge {
        padding-left: 12px;
        padding-right: 12px;
      }
    
     .plan-text-wrap {
        margin-top: 20px;
      }
    
      .text-style-h6.install-text {
        right: 28px;
      }
    
      .text-style-h6.interface-link-text {
        font-size: var(--_typography---paragraph-02--font-size);
       line-height: var(--_typography---paragraph-02--line-height);
      }
    
      .price-wrap {
        margin-top: 24px;
        margin-bottom: 24px;
        padding-top: 14px;
        padding-bottom: 14px;
      }
    
     .pricing-features-wrap {
        margin-top: 20px;
      }
    
      .pricing-button-wrap {
        margin-top: 28px;
      }
    
      .button-04 {
        grid-column-gap: 8px;
       grid-row-gap: 8px;
        padding: 14px 26px;
      }
    
      .button-04-arrow-wrap {
        width: 20px;
        height: 20px;
      }
    
      .compare-title-row {
       flex-flow: column;
      }
    
      .compare-left {
        width: 100%;
      }
    
      .compare-title-wrap {
        padding-top: 16px;
        padding-bottom: 16px;
       padding-right: 24px;
      }
    
      .compare-right {
        width: 100%;
        padding-top: 16px;
        padding-bottom: 16px;
      }
    
      .compare-details-wrap {
       padding-top: 12px;
        padding-bottom: 0;
        padding-right: 0;
      }
    
      .compare-details-row {
        flex-flow: column;
      }
    
      .compare-features-wrap {
       width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
      }
    
      .compare-features-wrap._01 {
        border-bottom-width: 1px;
      }
    
      .compare-details-column-wrap {
       width: 100%;
      }
    
      .compare-details-column {
        padding-top: 14px;
        padding-bottom: 14px;
      }
    
      .compare-details-column.bg._01 {
        border-top-left-radius: 0;
       border-top-right-radius: 0;
      }
    
      .compare-details-column.bg._02 {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
      }
    
      .integration-hero {
        background-size: 600px, 600px;
     }
    
      .integration-top-wrap {
        margin-bottom: 16px;
      }
    
      .integration-icon-wrap {
        width: 70px;
        height: 70px;
      }
   
      .integration-icon {
        width: 54px;
      }
    
      .integration-list {
        grid-template-columns: 1fr;
      }
    
      .integration-card-inner {
       padding: 28px;
      }
    
      .integration-card-details {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
        margin-top: 32px;
      }
    
      .integration-single-hero {
       background-size: 600px, 600px;
      }
    
      .integration-single-icon {
        width: 44px;
      }
    
      .integration-single-details-wrap {
        padding-top: 28px;
      }
   
      .integration-single-details h4 {
        margin-top: 28px;
      }
    
      .integration-image-wrap {
        height: 300px;
        margin-top: 28px;
      }
    
     .privacy-policy-hero {
        background-size: 600px, 600px;
      }
    
      .privacy-policy-wrap {
        padding-top: 28px;
      }
    
      .privacy-policy-details h4 {
        margin-top: 28px;
     }
    
      .utility-hero {
        background-size: 600px, 600px;
      }
    
      .license-right {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
      }
   
      .license-image {
        height: 200px;
      }
    
      .license-card {
        height: 220px;
      }
    
      .license-image-wrap {
       grid-column-gap: 12px;
        grid-row-gap: 12px;
      }
    
      .font {
        width: 120px;
      }
    
      .icon-logo {
        width: 220px;
     }
    
      .changelog-wrap {
        grid-template-columns: 1fr;
      }
    
      .changelog-content-wrap {
        padding: 28px;
      }
    
     .changelog-image-wrap {
        height: 280px;
      }
    
      .features-hero {
        background-size: 600px, 600px;
      }
    
      .features-hero-wrap {
        grid-column-gap: 40px;
       grid-row-gap: 40px;
      }
    
      .features-hero-image-wrap {
        height: 280px;
      }
    
      .vision-list-wrap {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
       grid-template-columns: 1fr;
      }
    
      .vision-text-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
      }
    
      .vision-divider {
        height: 26px;
     }
    
      .interface-tabs-menu {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
      }
    
      .interface-link-text-wrap {
        padding: 6px 16px;
      }
   
      .interface-tabs-content-wrap {
        grid-column-gap: 36px;
        grid-row-gap: 36px;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
      }
    
      .interface-left-wrap {
       grid-column-gap: 16px;
        grid-row-gap: 16px;
        max-width: 100%;
      }
    
      .interface-text-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
    
     .interface-image {
        width: 80%;
      }
    
      .hero-v2 {
        background-size: 700px, 700px;
      }
    
      .hero-v2-bottom-shadow {
        height: 100px;
     }
    
      .hero-v2-texture {
        background-size: 800px;
      }
    
      .features-v2-main-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
     }
    
      .features-v2-text-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        padding-bottom: 24px;
        padding-left: 24px;
        padding-right: 24px;
      }
    
     .interface-v2-top-header-wrap {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
      }
    
      .cursor-04, .cursor-05, .cursor-06 {
        display: none;
      }
    
      .interface-layout-wrap {
       margin-top: var(--_responsive---margins--margin-32px);
      }
    
      .interface-v2-bottom-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
      }
    
      .interface-integration-marquee {
       grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
    
      .interface-integration-icon {
        margin-right: 16px;
      }
    
      .interface-integration-logo {
        width: 72px;
     }
    
      .interface-v2-text-wrap {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        padding: 24px;
      }
    
      .interface-cursor-wrap {
        padding-top: 20px;
       padding-bottom: 0;
      }
    
      .interface-logo-center {
        width: 200px;
      }
    
      .collab-image-wrap {
        height: 300px;
      }
   
      .collab-list-wrap {
        grid-template-columns: 1fr;
      }
    
      .collab-text-wrap {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        margin-top: 28px;
      }
   
      .review-star {
        width: 24px;
      }
    
      .testimonial-v2-text-wrap, .testimonial-v2-author-wrap {
        margin-top: 24px;
      }
    
      .blog-v3-main-wrap {
       flex-flow: column;
      }
    
      .blog-v3-list, .blog-v3-list:hover {
        width: 100%;
      }
    
      .blog-v3-image-wrap {
        height: 260px;
      }
   
      .blog-v3-image-cover {
        height: 100px;
      }
    
      .blog-v3-details-wrap {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        padding-bottom: 24px;
        padding-left: 24px;
       padding-right: 24px;
      }
    
      .round-label-wrap, .round-label-wrap.light-green {
        padding-left: 12px;
        padding-right: 12px;
      }
    
      .intro-card-list-wrap, .pricing-v3-main-wrap {
        grid-template-columns: 1fr;
     }
    
      .pricing-v3-top-wrap {
        padding: 28px;
      }
    
      .pricing-v3-price-wrap {
        margin-top: 24px;
      }
    
     .pricing-v3-button-wrap {
        margin-top: 28px;
      }
    
      .pricing-v3-bottom-wrap {
        padding: 28px;
      }
    
      .cta-v2-list-wrap {
        grid-column-gap: 32px;
     }
    
      .cta-v2-list {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
      }
    
      .cta-dot {
        width: 8px;
        height: 8px;
     }
    
      .cta-v2-image-wrap {
        height: 240px;
      }
    
      .cta-v2-shadow {
        height: 60px;
      }
    
     .contact-hero {
        background-size: 600px, 600px;
      }
    
      .contact-main-wrap {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
      }
    
      .contact-right {
       padding: 28px;
      }
    
      .form-row {
        margin-bottom: 28px;
      }
    
      .input-filed {
        height: 52px;
      }
   
      .input-filed.textarea {
        height: 120px;
      }
    
      .contact-submit-button {
        padding: 12px 24px;
      }
    
      .contact-info-wrap {
       grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
      }
    
      .contact-info-list {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
        padding: 28px;
      }
   
      .contact-icon-wrap {
        width: 52px;
        height: 52px;
      }
    
      .contact-icon {
        width: 22px;
      }
    
     .career {
        background-size: 600px, 600px;
      }
    
      .career-investor-marquee {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
      }
    
      .career-circle-wrap {
       display: none;
      }
    
      .vacancies-card-inner {
        flex-flow: column;
        padding: 28px;
      }
    
      .vacancies-left {
        max-width: 100%;
     }
    
      .vacancies-icon {
        width: 44px;
      }
    
      .vacancies-text-wrap {
        margin-top: 28px;
      }
    
     .vacancies-hero {
        background-size: 600px, 600px;
      }
    
      .vacancies-single-details p {
        margin-bottom: 16px;
      }
    
      .vacancies-single-details ul {
        grid-column-gap: 14px;
       grid-row-gap: 14px;
      }
    
      .blog-single-top-wrap {
        background-size: 600px, 600px;
      }
    
      .blog-large-image-wrap {
        height: 300px;
      }
   
      .blog-single-details p {
        margin-bottom: 16px;
      }
    
      .blog-single-details ul {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
      }
    
     .blog-single-image-wrap {
        height: 300px;
      }
    
      .blog-single-details blockquote {
        padding-left: 16px;
      }
    
      .cta-v1-image-wrap {
        height: 220px;
     }
    
      .support-badge {
        width: 180px;
      }
    
      .vision-shadow {
        height: 100px;
      }
    
     .purpose-main-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: column;
      }
    
      .purpose-column {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
   
      .purpose-card {
        height: auto;
        padding: 24px;
      }
    
      .purpose-icon {
        width: 44px;
      }
    
     ._404-video-shadow {
        height: 100%;
      }
    
      .password-submit-button {
        padding: 12px 24px;
      }
    
      .intro-card-2 {
        padding: 28px 24px;
     }
    
      .intro-statistics-card-2 {
        padding-left: 24px;
        padding-right: 24px;
      }
    
      .values-main-wrap-2, .values-main-wrap-3 {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
       grid-template-columns: 1fr;
      }
    
      .solution-header {
        background-size: 600px, 600px;
      }
    
      .solution-circle-wrap {
        display: none;
      }
   
      .features-v1-text-wrap-2 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
    
      .interface-tabs-content-wrap-2 {
        grid-column-gap: 36px;
        grid-row-gap: 36px;
        flex-flow: column;
       justify-content: space-between;
        align-items: flex-start;
      }
    
      .interface-left-wrap-2, .interface-left-wrap-3 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        max-width: 100%;
      }
    
     .values-main-wrap-4 {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
      }
    
      .value-text-wrap-2 {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        margin-top: 28px;
     }
    
      .values-main-wrap-5 {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
      }
    
      .features-v3-main-wrap {
        grid-column-gap: 20px;
       grid-row-gap: 20px;
        grid-template-columns: 1fr;
      }
    
      .hero-v3 {
        background-size: 600px;
        height: auto;
      }
    
      .contact-right-2 {
       padding: 28px;
      }
    }
    
    @media screen and (max-width: 479px) {
      body {
        --_responsive---paddings--padding-160px: 72px;
        --_responsive---margins--margin-80px: 40px;
        --_responsive---border-radius--border-radius-100px: 100px;
        --_responsive---border-radius--border-radius-7px: 7px;
       --_responsive---border-radius--border-radius-12px: 10px;
        --_responsive---paddings--padding-100px: 60px;
        --_responsive---paddings--padding-60px: 48px;
        --_responsive---paddings--padding-120px: 60px;
        --_responsive---border-radius--border-radius-24px: 14px;
        --_responsive---margins--margin-60px: 32px;
        --_responsive---border-radius--border-radius-30px: 16px;
        --_responsive---margins--margin-32px: 24px;
        --_responsive---border-radius--border-radius-16px: 12px;
        --_responsive---paddings--padding-80px: 20px;
       --_responsive---paddings--padding-140px: 60px;
        --_responsive---border-radius--border-radius-20px: 12px;
        --_responsive---margins--margin-160px: 72px;
        --_responsive---margins--margin-40px: 28px;
        --_typography---paragraph-02--font-size: 16px;
        --_typography---paragraph-02--line-height: 24px;
        --_typography---h1--font-size: 38px;
        --_typography---h1--line-height: 46px;
        --_typography---h2--font-size: 32px;
        --_typography---h2--line-height: 40px;
       --_typography---h3--font-size: 24px;
        --_typography---h3--line-height: 32px;
        --_typography---h4--font-size: 20px;
        --_typography---h4--line-height: 28px;
        --_typography---h5--font-size: 18px;
        --_typography---h5--line-height: 28px;
        --_typography---h6--font-size: 16px;
        --_typography---h6--line-height: 24px;
        --_typography---paragraph-01--font-size: 16px;
        --_typography---paragraph-01--line-height: 24px;
       --_typography---secondary-button-text--font-size: 16px;
        --_typography---secondary-button-text--line-height: 24px;
        --_typography---tagline-01--font-size: 16px;
        --_typography---tagline-01--line-height: 22px;
        --_typography---primary-button-text--font-size: 18px;
        --_typography---primary-button-text--line-height: 28px;
        --_typography---paragraph-03--font-size: 14px;
        --_typography---paragraph-03--line-height: 24px;
        --_typography---tagline-02--font-size: 14px;
        --_typography---tagline-02--line-height: 22px;
     }
    
      .paragraph-02.footer-link.address {
        width: 85%;
      }
    
      .paragraph-02.copyright-text {
        text-align: left;
        font-size: 14px;
        line-height: 20px;
     }
    
      .paragraph-02.dropdown-link-text {
        font-size: 14px;
        line-height: 22px;
      }
    
      .paragraph-01.label {
        margin-bottom: 10px;
      }
   
      .container {
        padding-left: 16px;
        padding-right: 16px;
      }
    
      .h2 {
        font-size: 32px;
        line-height: 40px;
      }
   
      .h2.team-name {
        font-size: 18px;
      }
    
      .text-style-h1 {
        font-size: 38px;
        line-height: 46px;
      }
    
     .h3 {
        font-size: 24px;
        line-height: 32px;
      }
    
      .components-header-wrap {
        padding-top: 24px;
      }
    
      .typography-info-wrap {
       grid-column-gap: 14px;
        grid-row-gap: 10px;
      }
    
      .components-header-content {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
    
      .tagline-01.badge-text {
       font-size: 12px;
        line-height: 18px;
      }
    
      .typography-list {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
    
      .h4 {
       font-size: 20px;
        line-height: 28px;
      }
    
      .h5 {
        font-size: 18px;
        line-height: 28px;
      }
    
      .h5.name, .h5.faq-question {
       font-size: 16px;
        line-height: 24px;
      }
    
      .typography-main-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
    
      .h6 {
       font-size: 16px;
        line-height: 24px;
      }
    
      .buttons-main-wrap {
        grid-column-gap: 20px;
      }
    
      .button-01 {
        grid-column-gap: 10px;
       grid-row-gap: 10px;
        padding: 12px 24px;
      }
    
      .button-02, .button-03 {
        padding: 12px 24px;
      }
    
      .button-4 {
        grid-column-gap: 8px;
       grid-row-gap: 8px;
      }
    
      .color-info {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
      }
    
      .color {
        height: 100px;
     }
    
      .colors-main-wrap {
        grid-column-gap: 10px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr 1fr;
      }
    
      .badge-wrap {
        padding: 1px;
     }
    
      .badge-inner-wrap {
        padding: 6px 12px;
      }
    
      .badge-content {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
      }
   
      .badge-dot {
        width: 5px;
        height: 5px;
      }
    
      .cta-text-wrap {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
        margin-top: 18px;
     }
    
      .section-button-wrap {
        margin-top: 24px;
      }
    
      .footer {
        padding-top: 60px;
        padding-bottom: 24px;
      }
   
      .footer-left {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
      }
    
      .footer-right {
        grid-row-gap: 28px;
      }
    
     .footer-column.info {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
      }
    
      .footer-menu-list {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        margin-top: 14px;
      }
   
      .footer-contact-list {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
      }
    
      .copyright-wrap {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        margin-top: 44px;
       padding-top: 20px;
      }
    
      .about {
        background-size: 600px;
      }
    
      .hero-badge-wrap {
        margin-bottom: 12px;
      }
   
      .hero-text-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
    
      .section-header-wrap.flex {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
      }
   
      .section-header-text-wrap {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
      }
    
      .brand-logo {
        margin-right: 48px;
      }
    
     .brands-left-shadow, .brands-right-shadow {
        width: 80px;
      }
    
      .values-main-wrap {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
      }
    
      .value-icon {
       width: 28px;
      }
    
      .value-text-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        margin-top: 24px;
      }
    
      .timeline-main-wrap {
       grid-column-gap: 32px;
        grid-row-gap: 32px;
      }
    
      .timeline-right {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        grid-template-columns: 1fr;
      }
    
     .timeline-list {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
      }
    
      .investor-marquee {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
    
     .investor-card {
        border-radius: 16px;
        max-width: 270px;
      }
    
      .investor-card-inner {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        border-radius: 16px;
        padding: 18px;
     }
    
      .investor-image {
        width: 52px;
      }
    
      .investor-list {
        margin-right: 16px;
      }
    
     .investor-shadow {
        max-width: 60px;
      }
    
      .intro-card {
        padding: 24px 20px;
      }
    
      .label-wrap {
        padding: 3px 10px;
     }
    
      .intro-info-wrap {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
      }
    
      .intro-image {
        width: 48px;
      }
   
      .intro-statistics-card {
        padding-left: 20px;
        padding-right: 20px;
      }
    
      .intro-statistics-top {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
   
      .intro-statistics-bottom {
        margin-top: 24px;
      }
    
      .testimonial-wrap {
        padding-left: 16px;
        padding-right: 16px;
      }
    
     .testimonial-slider-arrow {
        height: 40px;
      }
    
      .testimonial-content-wrap {
        height: 420px;
        padding: 24px 20px 72px;
      }
    
      .review-wrap {
       grid-column-gap: 6px;
        grid-row-gap: 6px;
      }
    
      .testimonial-text-wrap {
        margin-top: 20px;
      }
    
      .testimonial-info-wrap {
        flex-flow: column;
       justify-content: space-between;
        align-items: flex-start;
        margin-top: 24px;
      }
    
      .testimonial-logo {
        width: 120px;
        display: none;
      }
    
     .testimonial-arrow, .testimonial-arrow-active {
        width: 20px;
      }
    
      .team-tab-link {
        padding-top: 12px;
        padding-bottom: 12px;
      }
    
      .team-tab-link._01 {
       padding-top: 12px;
      }
    
      .team-tabs-content {
        margin-top: 28px;
      }
    
      .team-image-wrap {
        height: 330px;
      }
   
      .blog-hero {
        background-size: 400px, 400px;
      }
    
      .star-lottie-wrap {
        background-size: 900px;
      }
    
      .blog-collection-list {
       grid-column-gap: 24px;
        grid-row-gap: 24px;
      }
    
      .blog-image-wrap {
        height: 220px;
      }
    
      .blog-info-wrap {
        margin-top: 14px;
     }
    
      .blog-date-wrap {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        padding-left: 12px;
        padding-right: 12px;
      }
    
      .writer-wrap {
       grid-column-gap: 8px;
        grid-row-gap: 8px;
        padding-right: 12px;
      }
    
      .blog-title-wrap {
        margin-top: 14px;
      }
    
      .navbar-menu-box {
       width: 32px;
        height: 32px;
        padding: 6px;
      }
    
      .mobile-dropdown-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        display: none;
        top: 55px;
       overflow: hidden;
      }
    
      .mobile-dropdown-list.pages {
        border-style: none none solid;
        border-width: 1px;
        border-color: var(--colors--stroke-white);
        padding-bottom: 10px;
      }
    
     .mobile-dropdown-list.pages.mobile-menu {
        border-radius: 1px;
      }
    
      .nav-dropdown-list {
        display: none;
      }
    
      .navbar-brand {
        width: 125px;
     }
    
      .navbar-mobile-wrap {
        padding-left: 12px;
        padding-right: 16px;
      }
    
      .navbar-right {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
     }
    
      .navbar-wrap {
        padding-top: 14px;
      }
    
      .dropdown-wrap {
        grid-column-gap: 10px;
        grid-row-gap: 20px;
        border-radius: 8px;
       grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        padding: 20px;
        display: grid;
      }
    
      .mobile-dropdown-list-wrap {
        padding-top: 32px;
        padding-left: 20px;
       padding-right: 20px;
      }
    
      .hero-v1 {
        background-size: 400px;
      }
    
      .hero-button-wrap {
        margin-top: 24px;
      }
   
      .features-v1-card-01-inner {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        padding-top: 28px;
        padding-left: 20px;
      }
    
      .features-v1-card-01-left {
        padding-right: 20px;
     }
    
      .features-v1-text-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
      }
    
      .features-v1-card-01-right {
        height: 180px;
      }
   
      .features-v1-card-image-02 {
        width: 100%;
      }
    
      .features-v1-card-text-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        padding-bottom: 24px;
        padding-left: 20px;
       padding-right: 20px;
      }
    
      .capabilities-card-inner {
        padding: 24px 20px;
      }
    
      .capabilities-icon {
        width: 32px;
      }
   
      .capabilities-text-wrap {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-top: 24px;
      }
    
      .integration-marquee-item {
        width: 100px;
        height: 90px;
     }
    
      .integration-marquee-icon {
        width: 40px;
      }
    
      .faq-list {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
   
      .faq-item {
        padding: 18px 20px;
      }
    
      .faq-arrow {
        width: 20px;
      }
    
      .pricing-hero {
       background-size: 400px, 400px;
      }
    
      .pricing-list {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
      }
    
      .pricing-list.month {
       background-size: 900px;
      }
    
      .pricing-item {
        padding: 24px 22px;
      }
    
      .plan-badge {
        padding: 4px 12px;
      }
   
      .plan-text-wrap {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-top: 18px;
      }
    
      .text-style-h5.compare-plan-title {
        font-size: var(--_typography---h6--font-size);
        line-height: var(--_typography---h6--line-height);
     }
    
      .text-style-h6.install-text {
        right: 20px;
      }
    
      .text-style-h6.interface-link-text {
        font-size: var(--_typography---paragraph-03--font-size);
        line-height: var(--_typography---paragraph-03--line-height);
      }
   
      .price-wrap {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 12px;
        padding-bottom: 12px;
      }
    
      .pricing-features-list {
        grid-column-gap: 8px;
       grid-row-gap: 8px;
      }
    
      .pricing-features-icon {
        width: 20px;
      }
    
      .button-04 {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
       padding: 12px 24px;
      }
    
      .compare-title-wrap {
        padding-bottom: 12px;
        padding-left: 20px;
        padding-right: 20px;
      }
    
      .compare-right {
       padding-top: 10px;
        padding-bottom: 14px;
      }
    
      .compare-details-wrap {
        padding-top: 10px;
      }
    
      .compare-features-wrap {
        padding-top: 16px;
       padding-bottom: 16px;
        padding-left: 20px;
      }
    
      .compare-details-column {
        padding-top: 12px;
        padding-bottom: 12px;
      }
    
      .integration-hero {
       background-size: 400px, 400px;
      }
    
      .integration-top-wrap {
        margin-bottom: 12px;
      }
    
      .integration-icon-wrap {
        width: 60px;
        height: 60px;
     }
    
      .integration-icon {
        width: 44px;
      }
    
      .integration-list {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
   
      .integration-card-inner {
        padding: 24px 20px;
      }
    
      .integration-text-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
      }
    
     .integration-card-details {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        margin-top: 24px;
      }
    
      .integration-single-hero {
        background-size: 400px, 400px;
      }
    
     .integration-single-icon {
        width: 40px;
      }
    
      .integration-single-details-wrap {
        padding-top: 24px;
      }
    
      .integration-single-details h4 {
        margin-top: 24px;
       margin-bottom: 12px;
      }
    
      .integration-single-details h6 {
        margin-top: 20px;
        margin-bottom: 12px;
      }
    
      .integration-image-wrap {
        height: 220px;
       margin-top: 24px;
      }
    
      .privacy-policy-hero {
        background-size: 400px, 400px;
      }
    
      .privacy-policy-wrap {
        padding-top: 24px;
      }
   
      .privacy-policy-details h4 {
        margin-top: 24px;
        margin-bottom: 12px;
      }
    
      .utility-hero {
        background-size: 400px, 400px;
      }
    
     .license-right {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
      }
    
      .license-text-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        margin-top: 16px;
      }
   
      .license-card-wrap {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        margin-top: 16px;
      }
    
      .license-image {
        height: 120px;
      }
   
      .license-card {
        height: 180px;
        padding: 20px;
      }
    
      .license-image-wrap {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        margin-top: 16px;
     }
    
      .font {
        width: 100px;
      }
    
      .icon-logo {
        width: 200px;
      }
    
     .changelog-content-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        padding: 24px 20px;
      }
    
      .changelog-list {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
      }
   
      .changelog-image-wrap {
        height: 220px;
      }
    
      .features-hero {
        background-size: 400px, 400px;
      }
    
      .features-hero-wrap {
       grid-column-gap: 32px;
        grid-row-gap: 32px;
      }
    
      .features-hero-image-wrap {
        height: 180px;
      }
    
      .vision-list {
        padding-left: 16px;
     }
    
      .vision-text-wrap {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
      }
    
      .vision-divider {
        height: 24px;
      }
   
      .interface-tabs-menu {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        grid-template-columns: 1fr;
      }
    
      .interface-link-text-wrap {
        padding: 4px 14px;
      }
   
      .interface-tabs-content-wrap {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
      }
    
      .interface-left-wrap {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
      }
   
      .interface-text-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
      }
    
      .interface-image {
        width: 100%;
        position: static;
      }
   
      .hero-v2 {
        background-size: 400px, 700px;
      }
    
      .hero-v2-bottom-shadow {
        height: 60px;
      }
    
      .hero-v2-texture {
       background-size: 600px;
      }
    
      .features-v2-main-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
    
      .features-v2-text-wrap {
        grid-column-gap: 10px;
       grid-row-gap: 10px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
      }
    
      .cursor-01 {
        width: 60px;
        top: 28px;
        left: 60px;
     }
    
      .cursor-02 {
        width: 65px;
      }
    
      .cursor-03 {
        width: 68px;
        left: 40px;
      }
   
      .interface-v2-top-header-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
      }
    
      .cursor-04, .cursor-05, .cursor-06 {
        width: 60px;
        top: 28px;
        left: 60px;
     }
    
      .interface-v2-bottom-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
    
      .interface-integration-marquee {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
     }
    
      .interface-integration-icon {
        width: 56px;
        margin-right: 12px;
      }
    
      .interface-integration-icon.medium {
        width: 40px;
      }
   
      .interface-integration-icon.small {
        width: 32px;
      }
    
      .interface-integration-logo {
        width: 60px;
      }
    
      .interface-v2-text-wrap {
       grid-column-gap: 12px;
        grid-row-gap: 12px;
        padding: 20px;
      }
    
      .interface-cursor-wrap {
        padding-top: 16px;
        padding-bottom: 0;
      }
    
     .interface-logo-center {
        width: 150px;
      }
    
      .cursor-07 {
        width: 56px;
        top: 25%;
        left: 14%;
      }
    
     .cursor-08 {
        width: 56px;
        top: 22%;
        right: 16%;
      }
    
      .cursor-09 {
        width: 70px;
        bottom: 18%;
        right: 16%;
     }
    
      .cursor-10 {
        width: 60px;
        bottom: 15%;
      }
    
      .page-wrap {
        top: 40px;
      }
   
      .collab-image-wrap {
        height: 220px;
      }
    
      .collab-list-wrap {
        margin-top: 32px;
      }
    
      .collab-icon {
       width: 32px;
      }
    
      .collab-text-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        margin-top: 24px;
      }
    
      .review-star {
       width: 22px;
      }
    
      .testimonial-v2-text-wrap, .testimonial-v2-author-wrap {
        margin-top: 20px;
      }
    
      .blog-v3-image-wrap {
        height: 220px;
      }
   
      .blog-v3-details-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        padding: 16px 20px 20px;
      }
    
      .blog-v3-info-wrap {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
     }
    
      .blog-v3-divider {
        height: 12px;
      }
    
      .round-label-wrap {
        padding: 3px 10px;
      }
    
     .intro-card-list-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        margin-top: 16px;
      }
    
      .pricing-v3-main-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
   
      .pricing-v3-top-wrap {
        padding: 24px 20px;
      }
    
      .pricing-v3-price-wrap {
        margin-top: 20px;
      }
    
      .pricing-v3-button-wrap {
       margin-top: 24px;
      }
    
      .pricing-v3-badge {
        padding: 3px 12px;
      }
    
      .pricing-v3-bottom-wrap {
        padding: 24px 20px;
      }
   
      .pricing-v3-features-wrap {
        margin-top: 18px;
      }
    
      .pricing-v3-tick {
        width: 20px;
      }
    
      .cta-v2-list-wrap {
       grid-column-gap: 24px;
        grid-row-gap: 16px;
      }
    
      .cta-dot {
        width: 6px;
        height: 6px;
      }
    
      .cta-v2-image-wrap {
       height: 180px;
      }
    
      .cta-v2-shadow {
        height: 40px;
      }
    
      .contact-hero {
        background-size: 400px, 400px;
      }
   
      .contact-main-wrap {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
      }
    
      .contact-image-wrap {
        display: none;
      }
    
     .contact-right {
        padding: 24px 20px;
      }
    
      .form-row {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        margin-bottom: 20px;
      }
   
      .input-filed {
        height: 48px;
        padding-left: 12px;
        padding-right: 12px;
      }
    
      .input-filed.textarea {
        height: 100px;
        padding-top: 12px;
     }
    
      .contact-submit-button {
        padding: 10px 22px;
      }
    
      .contact-info-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
   
      .contact-info-list {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        padding: 24px;
      }
    
      .contact-icon-wrap {
        width: 48px;
        height: 48px;
     }
    
      .contact-icon {
        width: 20px;
      }
    
      .career {
        background-size: 400px, 400px;
      }
    
     .career-investor-marquee {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
    
      .vacancies-card-inner {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        padding: 24px 20px;
      }
   
      .vacancies-icon {
        width: 40px;
      }
    
      .vacancies-text-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        margin-top: 24px;
      }
   
      .vacancies-right {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
      }
    
      .vacancies-hero {
        background-size: 400px, 400px;
      }
    
     .vacancies-single-details h4, .vacancies-single-details p {
        margin-bottom: 14px;
      }
    
      .vacancies-single-details ul {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
      }
    
      .blog-single-top-wrap {
       background-size: 400px, 400px;
      }
    
      .blog-large-image-wrap {
        height: 200px;
      }
    
      .blog-single-details h4, .blog-single-details p {
        margin-bottom: 14px;
      }
   
      .blog-single-details ul {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
      }
    
      .blog-single-image-wrap {
        height: 200px;
      }
    
     .blog-single-details blockquote {
        padding-left: 14px;
      }
    
      .cta-v1-image-wrap {
        height: 170px;
      }
    
      .support-badge {
        width: 120px;
     }
    
      .vision-shadow {
        height: 60px;
      }
    
      .text-sticky-wrap {
        padding-left: 16px;
        padding-right: 16px;
      }
   
      .purpose-card {
        padding: 20px;
      }
    
      .purpose-icon {
        width: 40px;
      }
    
      .password {
       height: 50vh;
        padding-left: 16px;
        padding-right: 16px;
      }
    
      .password-submit-button {
        padding: 10px 22px;
      }
    
      .intro-card-2 {
       padding: 24px 20px;
      }
    
      .intro-statistics-card-2 {
        padding-left: 20px;
        padding-right: 20px;
      }
    
      .values-main-wrap-2, .values-main-wrap-3 {
        grid-column-gap: 32px;
       grid-row-gap: 32px;
      }
    
      .solution-header {
        background-size: 400px, 400px;
      }
    
      .features-v1-text-wrap-2 {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
     }
    
      .interface-tabs-content-wrap-2 {
        grid-column-gap: 28px;
        grid-row-gap: 28px;
      }
    
      .interface-left-wrap-2, .interface-left-wrap-3 {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
     }
    
      .values-main-wrap-4 {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
      }
    
      .value-text-wrap-2 {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
       margin-top: 24px;
      }
    
      .container-values {
        padding-left: 16px;
        padding-right: 16px;
      }
    
      .values-main-wrap-5 {
        grid-column-gap: 10px;
       grid-row-gap: 10px;
      }
    
      .features-v3-main-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
      }
    
      .hero-v3 {
        background-size: 400px;
     }
    
      .contact-right-2 {
        padding: 24px 20px;
      }
    }
    
    #w-node-_48ae5293-137b-90ce-9fcf-dd349da60d8b-117f80b1 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
   
    #w-node-d04a3906-7c6d-62c2-04ec-7eee8f3394ba-117f80b2 {
      grid-area: span 1 / span 2 / span 1 / span 2;
    }
    
    #w-node-aac81dad-89d7-eb2e-3e1c-3b3fb061a3f8-0a085bfb, #w-node-bcd032ea-fdef-a853-b720-1924b6f33ae6-1156a21b, #w-node-ec48f1f6-3917-301f-1912-57a5395f7eb9-da411cdc, #w-node-bcd032ea-fdef-a853-b720-1924b6f33ae6-558d76c4, #w-node-bcd032ea-fdef-a853-b720-1924b6f33ae6-926efeca, #w-node-bcd032ea-fdef-a853-b720-1924b6f33ae6-b34b363c, #w-node-bcd032ea-fdef-a853-b720-1924b6f33ae6-142b474b {
      grid-area: span 1 / span 4 / span 1 / span 4;
    }
    
    @media screen and (max-width: 767px) {
     #w-node-f4533c88-903c-9f6a-a025-cd234ff9b354-4ff9b325, #w-node-f8fbdf33-50df-8392-a42f-fdcf2a582cfb-117f805e, #w-node-f8fbdf33-50df-8392-a42f-fdcf2a582cfb-89661bf0 {
        grid-area: span 1 / span 2 / span 1 / span 2;
      }
    }
    
    @media screen and (max-width: 479px) {
      #w-node-f4533c88-903c-9f6a-a025-cd234ff9b354-4ff9b325 {
        grid-area: span 1 / span 2 / span 1 / span 2;
      }
    
     #w-node-b02b5f49-82fe-0e9a-c565-819eecb2f7f7-5ae9e52e, #w-node-_77952d27-b67e-6910-16bc-ce91c5199b9b-ec1e7492 {
        grid-area: span 1 / span 1 / span 1 / span 1;
      }
    }
    
    
    @font-face {
      font-family: 'BDO Grotesk';
      src: url('../fonts/BDOGrotesk-Regular-BF648a656fd543a.ttf') format('truetype');
      font-weight: 400;
     font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: 'BDO Grotesk';
      src: url('../fonts/BDOGrotesk-Bold-BF648a656f8559f.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }
   @font-face {
      font-family: 'BDO Grotesk';
      src: url('../fonts/BDOGrotesk-Medium-BF648a656fc86b8.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }