:root {
  --_color-pallet---dark-shade--black: #121212;
  --body-font: "Inter Tight", sans-serif;
  --_color-pallet---white-shade--white: white;
  --_typography---font-size--body-text-l: 16px;
  --_typography---line-height--body-text: 150%;
  --_typography---font-weight--regular: 400;
  --_typography---font-size--h1: 64px;
  --_typography---line-height--h1: 110%;
  --_typography---font-size--h2: 56px;
  --_typography---line-height--h2: 115%;
  --_typography---font-size--h3: 48px;
  --_typography---line-height--h3: 120%;
  --_typography---font-size--h4: 40px;
  --_typography---line-height--h4: 125%;
  --_typography---font-size--h5: 32px;
  --_typography---line-height--h5: 130%;
  --_typography---font-size--h6: 24px;
  --_typography---line-height--h6: 140%;
  --_spacing---gap--gap-3x: 10px;
  --_spacing---section-spacing--l: 172px;
  --_spacing---container-spacing--inner: 15px;
  --_spacing---section-spacing--m: 150px;
  --_spacing---max-size--full: 100%;
  --_spacing---radius--radius-2x: 10px;
  --_color-pallet---dark-shade--black-300: #222;
  --_color-pallet---white-shade--transparent: transparent;
  --_spacing---section-spacing--s: 80px;
  --_color-pallet---dark-shade--black-900: #1c1c1c;
  --_color-pallet---dark-shade--black-700: #1d1d1d;
  --_spacing---container-spacing--max-width: 1390px;
  --_color-pallet---dark-shade--body-text: #c5c5c5;
  --_color-pallet---dark-shade--dark: black;
  --_typography---font-weight--medium: 500;
  --_color-pallet---dark-shade--paragrph-color: #575757;
  --_color-pallet---white-shade--card-bg-light: #f3f3f3;
  --_color-pallet---theme-color--theme-color-01: #9ff690;
  --_color-pallet---dark-shade--card-bg: #434343;
  --_color-pallet---theme-color--theme-color-02: #318822;
  --_color-pallet---white-shade--light-grey: #b4b4b4;
  --_color-pallet---border-color--border-1000: #191919;
  --_spacing---radius--full: 100%;
  --_typography---font-size--body-text-m: 14px;
  --_color-pallet---other-color--green: #25b50c;
  --_spacing---gap--gap-9x: 40px;
  --_spacing---gap--gap-8x: 24px;
  --_spacing---radius--radius-1x: 5px;
  --_color-pallet---dark-shade--black-500: #3f3f3f;
  --_spacing---gap--common: 20px;
  --_color-pallet---dark-shade--black-200: #404040;
  --_spacing---gap--gap-7x: 20px;
  --_color-pallet---dark-shade--black-400: #606060;
  --_color-pallet---border-color--border-300: #212121;
  --_color-pallet---white-shade--dot-bg: #d9d9d9;
  --_spacing---space--common: 60px;
  --_spacing---gap--gap-1x: 5px;
  --_color-pallet---border-color--border-400: #373737;
  --_color-pallet---dark-shade--black-600: #37433a;
  --_spacing---gap--gap-6x: 16px;
  --_color-pallet---border-color--border-500: #9996;
  --_spacing---gap--gap-5x: 14px;
  --_color-pallet---border-color--border-600: #434343;
  --_color-pallet---border-color--border-700: #dadada;
  --_color-pallet---other-color--fade-green: #63ba54;
  --_color-pallet---border-color--border-800: #e8e8e8;
  --_color-pallet---dark-shade--black-800: #222;
  --_color-pallet---white-shade--grey-200: #525252;
  --_color-pallet---border-color--border-900: #505050;
  --_spacing---radius--radius-3x: 40px;
  --_color-pallet---border-color--border-100: #343434;
  --_color-pallet---border-color--border-1100: #353535;
  --_color-pallet---white-shade--white-200: #efefef;
  --_spacing---gap--gap-2x: 8px;
  --_color-pallet---theme-color--theme-color-03: #1e2c1c;
  --italic-font: Italianno, sans-serif;
  --_color-pallet---border-color--border-1200: #ffffff26;
  --_color-pallet---border-color--border-1300: #424242;
  --_color-pallet---dark-shade--black-1000: #2c2c2c;
  --_color-pallet---border-color--border-200: #6b6b6b;
  --_spacing---gap--gap-4x: 12px;
  --_typography---font-weight--semi-bold: 600;
  --_typography---font-weight--bold: 700;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

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

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

body {
  background-color: var(--_color-pallet---dark-shade--black);
  font-family: var(--body-font);
  color: var(--_color-pallet---white-shade--white);
  font-size: var(--_typography---font-size--body-text-l);
  line-height: var(--_typography---line-height--body-text);
  font-weight: var(--_typography---font-weight--regular);
  --body-font: "Inter Tight", sans-serif;
  --italic-font: Italianno, sans-serif;
  --_color-pallet---dark-shade--black: #121212;
  --_color-pallet---white-shade--white: white;
  --_color-pallet---dark-shade--black-300: #222;
  --_color-pallet---white-shade--transparent: transparent;
  --_color-pallet---dark-shade--black-900: #1c1c1c;
  --_color-pallet---dark-shade--black-700: #1d1d1d;
  --_color-pallet---dark-shade--body-text: #c5c5c5;
  --_color-pallet---dark-shade--dark: black;
  --_color-pallet---dark-shade--paragrph-color: #575757;
  --_color-pallet---white-shade--card-bg-light: #f3f3f3;
  --_color-pallet---theme-color--theme-color-01: #9ff690;
  --_color-pallet---dark-shade--card-bg: #434343;
  --_color-pallet---theme-color--theme-color-02: #318822;
  --_color-pallet---white-shade--light-grey: #b4b4b4;
  --_color-pallet---border-color--border-1000: #191919;
  --_color-pallet---other-color--green: #25b50c;
  --_color-pallet---dark-shade--black-500: #3f3f3f;
  --_color-pallet---dark-shade--black-200: #404040;
  --_color-pallet---dark-shade--black-400: #606060;
  --_color-pallet---border-color--border-300: #212121;
  --_color-pallet---white-shade--dot-bg: #d9d9d9;
  --_color-pallet---border-color--border-400: #373737;
  --_color-pallet---dark-shade--black-600: #37433a;
  --_color-pallet---border-color--border-500: #9996;
  --_color-pallet---border-color--border-600: #434343;
  --_color-pallet---border-color--border-700: #dadada;
  --_color-pallet---other-color--fade-green: #63ba54;
  --_color-pallet---border-color--border-800: #e8e8e8;
  --_color-pallet---dark-shade--black-800: #222;
  --_color-pallet---white-shade--grey-200: #525252;
  --_color-pallet---border-color--border-900: #505050;
  --_color-pallet---border-color--border-100: #343434;
  --_color-pallet---border-color--border-1100: #353535;
  --_color-pallet---white-shade--white-200: #efefef;
  --_color-pallet---theme-color--theme-color-03: #1e2c1c;
  --_color-pallet---border-color--border-1200: #ffffff26;
  --_color-pallet---border-color--border-1300: #424242;
  --_color-pallet---dark-shade--black-1000: #2c2c2c;
  --_color-pallet---border-color--border-200: #6b6b6b;
  --_typography---font-size--body-text-l: 16px;
  --_typography---line-height--body-text: 150%;
  --_typography---font-weight--regular: 400;
  --_typography---font-size--h1: 64px;
  --_typography---line-height--h1: 110%;
  --_typography---font-size--h2: 56px;
  --_typography---line-height--h2: 115%;
  --_typography---font-size--h3: 48px;
  --_typography---line-height--h3: 120%;
  --_typography---font-size--h4: 40px;
  --_typography---line-height--h4: 125%;
  --_typography---font-size--h5: 32px;
  --_typography---line-height--h5: 130%;
  --_typography---font-size--h6: 24px;
  --_typography---line-height--h6: 140%;
  --_typography---font-weight--medium: 500;
  --_typography---font-size--body-text-m: 14px;
  --_typography---font-weight--semi-bold: 600;
  --_typography---font-weight--bold: 700;
  --_spacing---gap--gap-3x: 10px;
  --_spacing---section-spacing--l: 172px;
  --_spacing---container-spacing--inner: 15px;
  --_spacing---section-spacing--m: 150px;
  --_spacing---max-size--full: 100%;
  --_spacing---radius--radius-2x: 10px;
  --_spacing---section-spacing--s: 80px;
  --_spacing---container-spacing--max-width: 1390px;
  --_spacing---radius--full: 100%;
  --_spacing---gap--gap-9x: 40px;
  --_spacing---gap--gap-8x: 24px;
  --_spacing---radius--radius-1x: 5px;
  --_spacing---gap--common: 20px;
  --_spacing---gap--gap-7x: 20px;
  --_spacing---space--common: 60px;
  --_spacing---gap--gap-1x: 5px;
  --_spacing---gap--gap-6x: 16px;
  --_spacing---gap--gap-5x: 14px;
  --_spacing---radius--radius-3x: 40px;
  --_spacing---gap--gap-2x: 8px;
  --_spacing---gap--gap-4x: 12px;
}

h1 {
  font-size: var(--_typography---font-size--h1);
  line-height: var(--_typography---line-height--h1);
  font-weight: var(--_typography---font-weight--regular);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-size: var(--_typography---font-size--h2);
  line-height: var(--_typography---line-height--h2);
  font-weight: var(--_typography---font-weight--regular);
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-size: var(--_typography---font-size--h3);
  line-height: var(--_typography---line-height--h3);
  font-weight: var(--_typography---font-weight--regular);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---line-height--h4);
  font-weight: var(--_typography---font-weight--regular);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--h5);
  font-weight: var(--_typography---font-weight--regular);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-size: var(--_typography---font-size--h6);
  line-height: var(--_typography---line-height--h6);
  font-weight: var(--_typography---font-weight--regular);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  font-size: var(--_typography---font-size--body-text-l);
  line-height: var(--_typography---line-height--body-text);
  margin-bottom: 0;
}

a {
  color: var(--_color-pallet---dark-shade--black);
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

ol {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

img {
  object-fit: cover;
  display: inline-block;
}

label {
  margin-bottom: 0;
  font-weight: 700;
  display: block;
}

.utility-page-wrap {
  padding: var(--_spacing---section-spacing--l) var(--_spacing---container-spacing--inner) var(--_spacing---section-spacing--m);
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: var(--_spacing---max-size--full);
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-300);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 800px;
  margin-bottom: 0;
  padding: 40px;
  display: flex;
}

.utility-page-content._02 {
  background-color: var(--_color-pallet---white-shade--transparent);
  max-width: none;
  padding: 0;
}

.utility-page-form {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section {
  position: relative;
  overflow: clip;
}

.section.utility {
  padding-top: var(--_spacing---section-spacing--l);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.style {
  padding-bottom: 150px;
}

.section.hero {
  padding-top: var(--_spacing---section-spacing--l);
  padding-bottom: 88px;
}

.section.about-us, .section.process, .section.feature {
  padding-top: var(--_spacing---section-spacing--m);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.feature._02 {
  padding-top: var(--_spacing---section-spacing--s);
}

.section.benefit, .section.integration, .section.cases {
  padding-top: var(--_spacing---section-spacing--m);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.cases-hero {
  padding-top: var(--_spacing---section-spacing--l);
  background-color: var(--_color-pallet---dark-shade--black-900);
  padding-bottom: 100px;
}

.section.all-cases {
  padding-top: var(--_spacing---section-spacing--s);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.common {
  padding-top: var(--_spacing---section-spacing--l);
  background-color: var(--_color-pallet---dark-shade--black-900);
  padding-bottom: 100px;
}

.section.cases-detail {
  padding-top: var(--_spacing---section-spacing--s);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.related {
  padding-top: var(--_spacing---section-spacing--m);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.pricing {
  padding-top: var(--_spacing---section-spacing--m);
  padding-bottom: var(--_spacing---section-spacing--m);
  background-image: url('../images/Frame-767.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.pricing._02 {
  padding-top: var(--_spacing---section-spacing--l);
}

.section.testimonial {
  padding-top: var(--_spacing---section-spacing--m);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.all-integration, .section.detail-section {
  padding-top: var(--_spacing---section-spacing--s);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.more-integration, .section.blog, .section.blog-detail {
  padding-top: var(--_spacing---section-spacing--m);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.blog-details {
  padding-top: var(--_spacing---section-spacing--s);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.more-blog {
  padding-top: var(--_spacing---section-spacing--m);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.cta {
  padding-top: var(--_spacing---section-spacing--m);
  padding-bottom: 20px;
}

.section.founder, .section.story, .section.value, .section.team {
  padding-top: var(--_spacing---section-spacing--m);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.team._02 {
  padding-top: var(--_spacing---section-spacing--s);
}

.section.faq {
  padding-top: var(--_spacing---section-spacing--m);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.contact-form {
  padding-top: var(--_spacing---section-spacing--s);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.contact-detail {
  padding-top: var(--_spacing---section-spacing--m);
  padding-bottom: var(--_spacing---section-spacing--m);
}

.section.feature-hero {
  background-color: var(--_color-pallet---dark-shade--black-700);
}

.container {
  width: var(--_spacing---max-size--full);
  max-width: var(--_spacing---container-spacing--max-width);
  padding-right: var(--_spacing---container-spacing--inner);
  padding-left: var(--_spacing---container-spacing--inner);
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.container._02 {
  padding-left: 0;
  padding-right: 0;
}

.common-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.common-heading-wrap {
  z-index: 1;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.common-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.style-guide-hero-para {
  text-align: center;
  width: 100%;
  max-width: 444px;
}

.body-text-l {
  color: var(--_color-pallet---dark-shade--body-text);
  margin-bottom: 0;
}

.body-text-l.white {
  color: var(--_color-pallet---white-shade--white);
}

.body-text-l.black {
  color: var(--_color-pallet---dark-shade--dark);
}

.body-text-l.medium {
  color: var(--_color-pallet---white-shade--white);
  font-weight: var(--_typography---font-weight--medium);
}

.body-text-l.grey {
  color: var(--_color-pallet---dark-shade--paragrph-color);
}

.body-text-l._02 {
  margin-top: 10px;
  margin-bottom: 40px;
}

.color-code {
  color: var(--_color-pallet---dark-shade--black);
  text-transform: uppercase;
}

.color-code._2 {
  color: var(--_color-pallet---white-shade--white);
}

.color-box-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.all-button-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.style-top-title {
  color: var(--_color-pallet---dark-shade--black);
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---line-height--h4);
  font-weight: var(--_typography---font-weight--regular);
  display: inline-block;
}

.color-box {
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---white-shade--white);
  justify-content: flex-start;
  align-items: flex-end;
  height: 295px;
  padding: 20px;
  display: flex;
}

.color-box.e {
  background-color: var(--_color-pallet---white-shade--card-bg-light);
}

.color-box.a {
  background-color: var(--_color-pallet---theme-color--theme-color-01);
}

.color-box.d {
  background-color: var(--_color-pallet---dark-shade--card-bg);
}

.color-box.b {
  background-color: var(--_color-pallet---theme-color--theme-color-02);
}

.color-box.black-bg {
  background-color: var(--_color-pallet---dark-shade--body-text);
  border: 1px solid #ffffff1a;
}

.color-box.h {
  background-color: var(--_color-pallet---white-shade--white);
  border: 1px solid #d7d7d7;
}

.color-code-wrap {
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  display: flex;
}

.color-code-wrap._2 {
  background-color: var(--_color-pallet---dark-shade--black);
}

.button-wrap {
  display: inline-block;
}

.style-top-wrap {
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---theme-color--theme-color-01);
  margin-bottom: 50px;
  padding: 20px;
}

.style-guide-wrapper, .license-main-wrapper {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-flow: column;
  display: flex;
}

.company-link {
  color: var(--_color-pallet---theme-color--theme-color-01);
  font-weight: var(--_typography---font-weight--regular);
}

.company-link:hover {
  text-decoration: underline;
}

.company-link._2 {
  color: var(--_color-pallet---theme-color--theme-color-01);
}

.lummi-image {
  width: var(--_spacing---max-size--full);
  border-radius: var(--_spacing---radius--radius-2x);
  object-fit: cover;
}

.licence-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.h3 {
  color: var(--_color-pallet---white-shade--white);
  font-size: var(--_typography---font-size--h3);
  line-height: var(--_typography---line-height--h3);
  font-weight: var(--_typography---font-weight--regular);
}

.h3.black {
  color: var(--_color-pallet---dark-shade--black);
}

.licence-content-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.licence-image-block {
  border-radius: 10px;
  overflow: hidden;
}

.licence-content-wrapp {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.license-wrapp {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.licence-content-wrapp-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.licence-image {
  width: var(--_spacing---max-size--full);
  border-radius: var(--_spacing---radius--radius-2x);
  object-fit: cover;
}

.licence-paragraph {
  color: var(--_color-pallet---white-shade--light-grey);
}

.lummi-image-wrapp {
  border-radius: 10px;
  overflow: hidden;
}

.licence-content-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.changelog-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.changelog-box {
  width: var(--_spacing---max-size--full);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---theme-color--theme-color-01);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.version-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.version-para {
  color: var(--_color-pallet---dark-shade--black);
}

.list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--_color-pallet---dark-shade--black);
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.nav-dropdown-icon {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: relative;
}

.nav-dropdown {
  color: #fff;
}

.dropdown-menu-list {
  background-color: #0000;
  left: -300%;
}

.dropdown-menu-list.w--open {
  background-color: #0000;
  padding-top: 40px;
  left: -300%;
}

.navbar {
  border-bottom: 1px solid var(--_color-pallet---border-color--border-1000);
  background-color: var(--_color-pallet---white-shade--transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  padding-top: 14px;
  padding-bottom: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.navbar:where(.w-variant-fd1561aa-5e93-a7b5-aba8-724b8037a899) {
  border-bottom-width: 0;
}

.all-heading-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.font-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.password-img-wrap {
  border-radius: var(--_spacing---radius--full);
  background-color: var(--_color-pallet---white-shade--white);
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
  display: flex;
}

.password-img {
  width: var(--_spacing---max-size--full);
  max-width: 60px;
}

.password-title {
  font-size: var(--_typography---font-size--h2);
  line-height: var(--_typography---line-height--h2);
}

.field-label {
  font-weight: var(--_typography---font-weight--regular);
  display: block;
}

.field-label.hide {
  display: none;
}

.password-field {
  width: var(--_spacing---max-size--full);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 40px;
  display: flex;
}

._404-img {
  width: var(--_spacing---max-size--full);
  max-width: 708px;
}

._404-title {
  margin-top: 40px;
  margin-bottom: 40px;
}

.body-text-m {
  color: var(--_color-pallet---dark-shade--paragrph-color);
  font-size: var(--_typography---font-size--body-text-m);
}

.body-text-m.black {
  color: var(--_color-pallet---dark-shade--dark);
}

.body-text-m.green {
  color: var(--_color-pallet---other-color--green);
}

.body-text-m.light-grey {
  color: var(--_color-pallet---white-shade--light-grey);
}

.body-text-m.white {
  color: var(--_color-pallet---white-shade--white);
}

.hero-top-content {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 70px;
  display: flex;
}

.hero-main-content {
  grid-column-gap: var(--_spacing---gap--gap-8x);
  grid-row-gap: var(--_spacing---gap--gap-8x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-title-wrap {
  width: var(--_spacing---max-size--full);
  max-width: 809px;
}

.hero-title-wrap.about-hero-title {
  max-width: 923px;
}

.hero-title {
  font-size: var(--_typography---font-size--h1);
  line-height: var(--_typography---line-height--h1);
  font-weight: var(--_typography---font-weight--regular);
}

.hero-title._02 {
  font-size: var(--_typography---font-size--h2);
  line-height: var(--_typography---line-height--h2);
}

.hero-span {
  color: var(--_color-pallet---theme-color--theme-color-01);
}

.para-wrap {
  width: var(--_spacing---max-size--full);
}

.para-wrap.hero {
  max-width: 607px;
}

.hero-button-wrap {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  display: flex;
}

.button {
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---theme-color--theme-color-01);
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  display: flex;
}

.button:where(.w-variant-5da8b9c3-41ac-dcbd-af95-1095c6ebd633) {
  background-color: var(--_color-pallet---white-shade--white);
}

.button:where(.w-variant-932bb131-8123-8cf8-d590-9a33f4ae9bf9), .button.button-03 {
  background-color: var(--_color-pallet---dark-shade--black-500);
  color: var(--_color-pallet---white-shade--white);
}

.button-text {
  font-weight: var(--_typography---font-weight--medium);
}

.hero-bottom-content {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: 1fr .55fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.img-wrap {
  border-radius: var(--_spacing---radius--radius-1x);
  position: relative;
  overflow: clip;
}

.img-wrap.cases-img-wrap {
  border-radius: 0;
}

.img-wrap.v2 {
  border-radius: var(--_spacing---radius--radius-2x);
}

.img-wrap.story {
  justify-content: center;
  align-items: center;
  display: flex;
}

.img-v1 {
  border-radius: var(--_spacing---radius--radius-1x);
}

.img-v1.hero-img {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
}

.img-v1.about-hero-img {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
  max-height: 700px;
}

.hero-grid-box {
  border-radius: var(--_spacing---radius--radius-1x);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(#ffffff26, #ffffff26);
  flex-flow: column;
  padding: 10px;
}

.h6 {
  color: var(--_color-pallet---dark-shade--dark);
  font-size: var(--_typography---font-size--h6);
  line-height: var(--_typography---line-height--h6);
  font-weight: var(--_typography---font-weight--regular);
}

.h6.white {
  color: var(--_color-pallet---white-shade--white);
}

.h6.grey {
  color: var(--_color-pallet---white-shade--light-grey);
}

.h6.general {
  color: var(--_color-pallet---white-shade--white);
  margin-top: 30px;
  margin-bottom: 10px;
}

.hero-small-cad {
  width: var(--_spacing---max-size--full);
  grid-column-gap: 78px;
  grid-row-gap: 78px;
  border: .5px solid var(--_color-pallet---theme-color--theme-color-01);
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black-200);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 20px;
  display: flex;
}

.hero-text-loop-wrap {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-7x);
  grid-row-gap: var(--_spacing---gap--gap-7x);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 280px;
  display: flex;
  overflow: clip;
}

.hero-text-loop {
  grid-column-gap: var(--_spacing---gap--gap-7x);
  grid-row-gap: var(--_spacing---gap--gap-7x);
  flex-flow: column;
  display: flex;
}

.text-wrap-forloop {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.loded-spin-icon {
  max-width: none;
}

.hero-grid-inner {
  height: var(--_spacing---max-size--full);
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black-300);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.text-loaded-wrap {
  width: var(--_spacing---max-size--full);
  overflow: clip;
}

.rub-block {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-loop-text {
  color: var(--_color-pallet---dark-shade--body-text);
  white-space: nowrap;
}

.text-load {
  color: var(--_color-pallet---theme-color--theme-color-01);
}

.run-button {
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black-400);
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  display: flex;
}

.run-btn-click {
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---white-shade--white);
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.icon.location-icon {
  width: var(--_spacing---max-size--full);
  max-width: 60px;
}

.icon.location-icon.v2 {
  max-width: 26px;
}

.icon._02 {
  width: var(--_spacing---max-size--full);
  max-width: 40px;
  margin-bottom: 40px;
}

.main {
  overflow: clip;
}

.brang-logo-wrap {
  justify-content: center;
  display: flex;
  position: relative;
  overflow: clip;
}

.brand-logo-loop {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 1360px;
  min-width: 1360px;
  display: grid;
}

.brand-wrap {
  border-right: .8px solid var(--_color-pallet---border-color--border-300);
  justify-content: center;
  align-items: center;
  padding: 30px 10px;
  display: flex;
}

.brand-logo-img {
  max-width: none;
}

.dot {
  background-color: var(--_color-pallet---white-shade--dot-bg);
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
}

.dot.top-left {
  position: absolute;
  inset: 0% auto auto 0%;
}

.dot.top-right {
  position: absolute;
  inset: 0% 0% auto auto;
}

.dot.botttom-left {
  position: absolute;
  inset: auto auto 0% 0%;
}

.dot.botttom-right {
  position: absolute;
  inset: auto 0% 0% auto;
}

.dot.left {
  margin-right: auto;
}

.dot.right {
  margin-left: auto;
}

.all-brand {
  width: var(--_spacing---max-size--full);
  border-top: .8px solid var(--_color-pallet---border-color--border-300);
  overflow: clip;
}

.divider-line-wrap {
  position: relative;
  overflow: clip;
}

.divider-line-img {
  width: var(--_spacing---max-size--full);
  height: 50px;
}

.line-bg-block {
  z-index: -1;
  width: var(--_spacing---max-size--full);
  max-width: var(--_spacing---container-spacing--max-width);
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 0%;
}

.horizental-line {
  width: 1px;
  height: var(--_spacing---max-size--full);
  background-color: var(--_color-pallet---border-color--border-300);
}

.about-us-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  justify-content: space-between;
  display: flex;
}

.about-left {
  width: var(--_spacing---max-size--full);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 761px;
  display: flex;
}

.about-right {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-8x);
  grid-row-gap: var(--_spacing---gap--gap-8x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 439px;
  display: flex;
}

.sub-holder {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sub-holder.v2 {
  margin-bottom: var(--_spacing---space--common);
  flex-flow: row;
  justify-content: space-between;
}

.sub-holder.middle {
  margin-bottom: var(--_spacing---space--common);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.tag-wrap {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sub-title-wrap {
  width: var(--_spacing---max-size--full);
  overflow: clip;
}

.about-animated-text {
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---line-height--h4);
  font-weight: var(--_typography---font-weight--regular);
}

.about-title-with-btn {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.draw-img {
  width: var(--_spacing---max-size--full);
  max-width: 388px;
}

.customer-rating-wrap {
  grid-column-gap: var(--_spacing---gap--gap-7x);
  grid-row-gap: var(--_spacing---gap--gap-7x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.star-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-1x);
  grid-row-gap: var(--_spacing---gap--gap-1x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-counter-box-wrap {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 661px;
  display: grid;
}

.about-counter-box {
  grid-column-gap: var(--_spacing---gap--gap-1x);
  grid-row-gap: var(--_spacing---gap--gap-1x);
  border: 1px solid var(--_color-pallet---border-color--border-400);
  border-radius: var(--_spacing---radius--radius-1x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.count-num {
  justify-content: flex-start;
  align-items: stretch;
  height: 50px;
  line-height: 1;
  display: flex;
  overflow: hidden;
}

.count-forward {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: visible;
}

.count-title {
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---line-height--h4);
  font-weight: var(--_typography---font-weight--regular);
  text-transform: uppercase;
}

.count-title.v2 {
  color: var(--_color-pallet---dark-shade--dark);
}

.count-reverse {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.dot-line-wrap {
  width: var(--_spacing---max-size--full);
  height: auto;
  max-width: var(--_spacing---container-spacing--max-width);
  border-bottom: 1px solid var(--_color-pallet---border-color--border-300);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.sub-with-button {
  margin-bottom: var(--_spacing---space--common);
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.sub-with-button._02 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.sub-title._02 {
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---line-height--h6);
  font-weight: var(--_typography---font-weight--regular);
}

.process-card-wrapper {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.process-card-wrapper.loop {
  width: 1360px;
  min-width: 1360px;
}

.process-card {
  grid-column-gap: var(--_spacing---gap--gap-7x);
  grid-row-gap: var(--_spacing---gap--gap-7x);
  flex-flow: column;
  display: flex;
}

.process-card-top {
  border-radius: var(--_spacing---radius--radius-1x);
  position: relative;
  overflow: clip;
}

.process-card-top.v2 {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  background-color: var(--_color-pallet---dark-shade--black-600);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 450px;
  padding: 10px;
  display: flex;
}

.process-content {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.process-card-img {
  width: var(--_spacing---max-size--full);
  height: 450px;
}

.process-icon-wrap {
  position: absolute;
  inset: 20px auto auto 20px;
}

.process-icon-wrap.v2 {
  padding-top: 10px;
  padding-left: 10px;
  position: static;
}

.process-icon {
  width: var(--_spacing---max-size--full);
  max-width: 36px;
}

.process-loading-wrap {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---white-shade--white);
  flex-flow: column;
  padding: 20px;
  display: flex;
  overflow: clip;
}

.process-mini-title-wrap {
  grid-column-gap: var(--_spacing---gap--gap-1x);
  grid-row-gap: var(--_spacing---gap--gap-1x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.process-counter-wrap {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.process-counter {
  position: absolute;
  top: 60px;
  bottom: 0;
}

.frature-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.frature-card {
  border-radius: var(--_spacing---radius--radius-2x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: sticky;
  top: 40px;
  overflow: clip;
}

.frature-content-box {
  grid-column-gap: var(--_spacing---gap--gap-7x);
  grid-row-gap: var(--_spacing---gap--gap-7x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.frasture-img-wrap {
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: clip;
}

.frature-icon {
  width: var(--_spacing---max-size--full);
  max-width: 50px;
}

.h5 {
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--h5);
  font-weight: var(--_typography---font-weight--regular);
}

.feature-content-title {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 481px;
  margin-top: 24px;
  margin-bottom: 40px;
  display: flex;
}

.feature-content-title._02 {
  max-width: 516px;
}

.feature-bg-img {
  width: var(--_spacing---max-size--full);
  height: 550px;
}

.feature-overlay-card-wrap {
  justify-content: center;
  align-items: center;
  padding: 65px 70px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.feature-blur-card {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
  border: 1px solid var(--_color-pallet---border-color--border-500);
  border-radius: var(--_spacing---radius--radius-2x);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: linear-gradient(120deg, #fff3, #9990);
  padding: 16px;
}

.feature-inner-card {
  height: var(--_spacing---max-size--full);
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---white-shade--white);
  justify-content: center;
  align-items: center;
  padding: 17px;
  overflow: clip;
}

.feature-box-01 {
  height: var(--_spacing---max-size--full);
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.feature-01-top {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: end stretch;
  display: grid;
}

.feature-list {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  flex-flow: column;
  display: flex;
}

.feature-iteam {
  grid-column-gap: var(--_spacing---gap--gap-5x);
  grid-row-gap: var(--_spacing---gap--gap-5x);
  border-bottom: 1px solid var(--_color-pallet---border-color--border-600);
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 16px;
  display: flex;
}

.user-request-block, .feature-01-bottom {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.agent-block {
  width: var(--_spacing---max-size--full);
  border: 1px solid var(--_color-pallet---border-color--border-700);
  border-radius: var(--_spacing---radius--radius-2x);
  color: var(--_color-pallet---dark-shade--black);
  transform-style: preserve-3d;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr;
  grid-auto-columns: 1fr;
  display: none;
  overflow: clip;
}

.user-icon-wrap {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-01-vector {
  width: var(--_spacing---max-size--full);
}

.agent-box-wrapper {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  display: none;
}

.agent-box {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  border: 1px solid var(--_color-pallet---white-shade--card-bg-light);
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---white-shade--card-bg-light);
  justify-content: space-between;
  align-items: center;
  padding: 20px 18px;
  transition: border-color .3s;
  display: flex;
}

.agent-box:hover {
  border-color: var(--_color-pallet---other-color--fade-green);
}

.agent-name-wrap {
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.round-dot {
  border-radius: var(--_spacing---radius--full);
  background-color: var(--_color-pallet---dark-shade--black);
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
}

.ai-agent-wrap-01 {
  grid-column-gap: var(--_spacing---gap--gap-1x);
  grid-row-gap: var(--_spacing---gap--gap-1x);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 12px 10px;
  display: flex;
}

.ai-agent-wrap-01._02 {
  text-align: right;
  justify-content: flex-end;
  align-items: flex-end;
}

.ai-agent-middle {
  border-right: 1px solid var(--_color-pallet---border-color--border-800);
  border-left: 1px solid var(--_color-pallet---border-color--border-800);
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.feature-box-02 {
  height: var(--_spacing---max-size--full);
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.automation-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--_color-pallet---border-color--border-700);
  border-radius: var(--_spacing---radius--radius-2x);
  justify-content: space-between;
  align-items: center;
  padding: 18px 18px 18px 10px;
  display: flex;
}

.automation-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.graph-box {
  height: var(--_spacing---max-size--full);
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---white-shade--card-bg-light);
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  padding: 18px;
  display: flex;
  position: relative;
  overflow: clip;
}

.graph-vector-01 {
  display: none;
}

.dot-up-down {
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
  display: none;
  position: absolute;
  top: 42%;
  bottom: auto;
  left: 52%;
}

.feature-03-img.hide {
  display: none;
}

.feature-box-03 {
  height: var(--_spacing---max-size--full);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: clip;
}

.memory-block {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.memory-wrap {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.memory-plus-wrap {
  border-radius: var(--_spacing---radius--full);
  background-color: var(--_color-pallet---dark-shade--black);
  justify-content: center;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  display: flex;
}

.memory-img-wrap {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.overlay-circle {
  border-radius: var(--_spacing---radius--full);
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.full-circle {
  width: var(--_spacing---max-size--full);
  max-width: 122px;
}

.circle-overlay-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: -34%;
}

.circle-overlay-wrap.hide {
  display: none;
}

.circle-inner-img {
  position: absolute;
  transform: scale(.8);
}

.benefit-title-wrap {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 994px;
  display: flex;
}

.benefit-video-wrap {
  border-radius: var(--_spacing---radius--radius-2x);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  height: 500px;
  overflow: clip;
}

.benefit-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.benefit-card-v1 {
  background-color: var(--_color-pallet---dark-shade--black-800);
  padding: 20px;
}

.benefit-card-v2 {
  grid-column-gap: 152px;
  grid-row-gap: 152px;
  border: 1px solid var(--_color-pallet---border-color--border-300);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.benefit-icon {
  width: var(--_spacing---max-size--full);
  max-width: 30px;
}

.benefit-card-content {
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.integration-grid {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.img.integration-left-img {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
}

.ingegration-right {
  border-radius: var(--_spacing---radius--radius-1x);
  background-image: url('../images/1a25957.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding: 70px;
  display: flex;
}

.benefit-hour-wrap {
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 34px;
  display: flex;
}

.benefit-graph-wrap {
  position: relative;
  overflow: clip;
}

.benefit-graph-box {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-image: url('../images/Group-51.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  height: 170px;
  display: flex;
}

.graph-line {
  width: var(--_spacing---max-size--full);
  border-top-left-radius: var(--_spacing---radius--radius-1x);
  border-top-right-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---white-shade--grey-200);
  max-width: 15px;
  height: 21px;
}

.graph-line._02 {
  height: 31px;
}

.graph-line._03 {
  height: 44px;
}

.graph-line._04 {
  height: 56px;
}

.graph-line._05 {
  height: 69px;
}

.graph-line._06 {
  height: 85px;
}

.graph-line._07 {
  height: 99px;
}

.graph-line._08 {
  height: 118px;
}

.graph-line._09 {
  height: 134px;
}

.graph-line._10 {
  background-color: var(--_color-pallet---theme-color--theme-color-01);
  height: 153px;
}

.graph-line._11 {
  background-color: var(--_color-pallet---theme-color--theme-color-02);
  height: 170px;
}

.integrate-inner-box {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
  border: 1px solid var(--_color-pallet---border-color--border-500);
  border-radius: var(--_spacing---radius--radius-1x);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: linear-gradient(120deg, #fff3, #9990);
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.integrate-main-box {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---white-shade--white);
  color: var(--_color-pallet---dark-shade--black);
  flex-flow: column;
  justify-content: space-between;
  padding: 28px;
  display: flex;
}

.integration-anim-box {
  height: var(--_spacing---max-size--full);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: url('../images/Group-52.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 63%;
  background-attachment: scroll;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: clip;
}

.integration-para-wrap {
  max-width: 303px;
  color: var(--_color-pallet---dark-shade--paragrph-color);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.logo-box-wrap {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  transform: translate(0, 20px);
}

.logo-box {
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black);
  justify-content: center;
  align-items: center;
  width: 73px;
  min-width: 73px;
  height: 73px;
  display: flex;
}

.integrate-left-icon-wrapper, .integrate-right-icon-wrapper {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 300px;
  display: flex;
  overflow: clip;
}

.integrate-left-icon-loop, .integrate-right-icon-loop {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.integrate-icon-wrap {
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---theme-color--theme-color-01);
  justify-content: center;
  align-items: center;
  width: 73px;
  min-width: 73px;
  height: 73px;
  min-height: 73px;
  display: flex;
  box-shadow: 0 3.96px 3.96px #0000001f;
}

.integrate-icon {
  width: auto;
  max-width: none;
}

.integration-tag-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  margin-top: 52px;
  display: flex;
  position: relative;
  overflow: clip;
}

.integration-tag-loop-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: clip;
}

.integration-tag-loop-top {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: center;
  align-items: center;
  display: flex;
}

.integration-tag-wrap {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  border: 1px solid var(--_color-pallet---border-color--border-900);
  border-radius: var(--_spacing---radius--radius-3x);
  justify-content: flex-start;
  align-items: center;
  padding: 14px 24px;
  display: flex;
}

.tick {
  width: auto;
  max-width: none;
}

.integrate-tag {
  color: var(--_color-pallet---white-shade--light-grey);
  white-space: nowrap;
}

.integration-tag-loop-bottom {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: center;
  align-items: center;
  display: flex;
}

.left-shadow {
  width: 62px;
  height: var(--_spacing---max-size--full);
  background-image: linear-gradient(270deg, #12121200, #121212);
  position: absolute;
  left: 0;
}

.right-shadow {
  width: 62px;
  height: var(--_spacing---max-size--full);
  background-image: linear-gradient(270deg, #121212, #12121200);
  position: absolute;
  left: auto;
  right: 0;
}

.use-cases-list {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  flex-flow: column;
  display: flex;
}

.use-cases-list.v2 {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.use-cases-card {
  border: 1px solid var(--_color-pallet---border-color--border-100);
  border-radius: var(--_spacing---radius--radius-1x);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  transition: border-color .4s;
  display: grid;
  overflow: clip;
}

.use-cases-card:hover {
  border-color: var(--_color-pallet---theme-color--theme-color-02);
}

.use-cases-content-grid {
  background-color: var(--_color-pallet---dark-shade--black-700);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cases-img {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
}

.cases-logo {
  position: absolute;
  inset: auto auto 20px 20px;
}

.cases-logo.v2 {
  left: auto;
  right: 20px;
}

.cases-middle-box {
  grid-column-gap: var(--_spacing---gap--gap-1x);
  grid-row-gap: var(--_spacing---gap--gap-1x);
  border-right: 1px solid var(--_color-pallet---border-color--border-100);
  border-left: 1px solid var(--_color-pallet---border-color--border-100);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.h4 {
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---line-height--h4);
}

.h4.white {
  color: var(--_color-pallet---white-shade--white);
}

.h4.black {
  color: var(--_color-pallet---dark-shade--dark);
}

.cases-content-box {
  grid-column-gap: 74px;
  grid-row-gap: 74px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.cases-title-wrap {
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cases-title-wrap.v2 {
  margin-top: 40px;
  margin-bottom: 60px;
}

.cases-summary {
  width: var(--_spacing---max-size--full);
  max-width: 591px;
}

.category-block {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.category-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.category-wrap {
  border: 1px solid var(--_color-pallet---border-color--border-900);
  border-radius: var(--_spacing---radius--radius-3x);
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.arrow-button {
  justify-content: flex-end;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  display: flex;
  position: relative;
  overflow: clip;
}

.cases-hero-intro {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.cases-hero-title {
  width: var(--_spacing---max-size--full);
  max-width: 785px;
  margin-top: 10px;
  margin-bottom: 24px;
}

.cases-hero-title.v2 {
  max-width: none;
}

.cases-hero-para {
  width: var(--_spacing---max-size--full);
  max-width: 742px;
}

.cases-hero-grid {
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-300);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: clip;
}

.cases-hero-card {
  grid-column-gap: 125px;
  grid-row-gap: 125px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.cases-hero-card._02 {
  border-right: 1px solid var(--_color-pallet---border-color--border-100);
  border-left: 1px solid var(--_color-pallet---border-color--border-100);
}

.cases-hero-card._03 {
  border-right: 1px solid var(--_color-pallet---border-color--border-100);
}

.cases-hero-card-icon {
  width: var(--_spacing---max-size--full);
  max-width: 35px;
}

.cases-counter-box {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cases-hero-card-img {
  overflow: clip;
}

.img-full {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
}

.cases-menu {
  margin-bottom: var(--_spacing---space--common);
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cases-link {
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  color: var(--_color-pallet---white-shade--white);
  padding: 10px 20px;
}

.cases-link.w--current {
  background-color: var(--_color-pallet---white-shade--white);
  color: var(--_color-pallet---dark-shade--black);
}

.cases-card-v2 {
  width: var(--_spacing---max-size--full);
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: clip;
}

.cases-card-v2.full {
  height: var(--_spacing---max-size--full);
}

.cases-card-content-v2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.cases-card-content-v2.full {
  justify-content: space-between;
}

.cases-img-wrap {
  position: relative;
  overflow: clip;
}

.cases-service-wrap {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  border-bottom: 1px solid var(--_color-pallet---border-color--border-100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 20px;
  display: flex;
}

.cases-para-wrap {
  width: var(--_spacing---max-size--full);
  max-width: 527px;
}

.banner-img {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
  max-height: 600px;
}

.cases-block {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.cases-details-wrapper {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  max-width: 826px;
  display: flex;
}

.detail-text h2 {
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---line-height--h4);
  margin-bottom: 16px;
}

.detail-text p {
  color: var(--_color-pallet---dark-shade--body-text);
}

.detail-text h3, .detail-text h4 {
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--h5);
  margin-bottom: 16px;
}

.detail-text ul {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  color: var(--_color-pallet---dark-shade--body-text);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.business-impact-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-impact-wrapper {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.solution-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.solution-grid {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.solution-box {
  grid-column-gap: 76px;
  grid-row-gap: 76px;
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.solution-content {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.case-overview {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  max-width: 446px;
  padding: 30px;
  display: flex;
  position: sticky;
  top: 40px;
}

.overview-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-7x);
  grid-row-gap: var(--_spacing---gap--gap-7x);
  flex-flow: column;
  display: flex;
}

.overview-iteam {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  border-bottom: 1px solid var(--_color-pallet---border-color--border-600);
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  display: grid;
}

.navbar-2 {
  background-color: #0000;
  margin-top: 10px;
  position: absolute;
  left: 0;
  right: 0;
}

.brand-logo-text {
  color: var(--_color-pallet---white-shade--white);
  font-size: var(--_typography---font-size--h6);
  line-height: var(--_typography---line-height--h6);
  font-weight: var(--_typography---font-weight--regular);
}

.menu-button-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
}

.brand-logo-wrap {
  grid-column-gap: var(--_spacing---gap--gap-5x);
  grid-row-gap: var(--_spacing---gap--gap-5x);
  justify-content: flex-start;
  align-items: center;
}

.menu-button-nav {
  background-color: #0000;
  padding: 0;
}

.menu-button-nav.w--open {
  background-color: #0000;
}

.nav-menu-flex {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-button-text-wrap {
  flex-flow: column;
  justify-content: space-between;
  width: 24px;
  height: 18px;
  display: flex;
  overflow: clip;
}

.brand-logo {
  width: 33px;
}

.brand-logo.footer-logo {
  width: 46px;
}

.menu-button-box {
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---white-shade--white);
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  display: flex;
}

.nav-menu {
  width: var(--_spacing---max-size--full);
  max-width: var(--_spacing---container-spacing--max-width);
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
}

.nav-menu-wrapper {
  width: 100%;
  height: auto;
  max-width: var(--_spacing---container-spacing--max-width);
  padding: 80px var(--_spacing---container-spacing--inner);
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .9fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.brand {
  grid-column-gap: var(--_spacing---gap--gap-5x);
  grid-row-gap: var(--_spacing---gap--gap-5x);
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand.w--current {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
}

.navbar-content-flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.menu-icon-line {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.small-dot {
  border-radius: var(--_spacing---radius--full);
  background-color: var(--_color-pallet---dark-shade--dark);
  width: 3.2px;
  min-width: 3.2px;
  height: 3.2px;
  min-height: 3.2px;
}

.menu-line-icon {
  background-color: var(--_color-pallet---dark-shade--dark);
  border-radius: 2px;
  width: 18.4px;
  height: 2.38px;
}

.menu-right {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  display: flex;
}

.menu-left {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.menu-map {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
  max-height: 400px;
}

.visit-us-wrap {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 231px;
  display: flex;
}

.link-text {
  color: var(--_color-pallet---dark-shade--body-text);
  transition: color .3s;
}

.link-text:hover {
  color: var(--_color-pallet---white-shade--white);
}

.link-text.v2 {
  color: var(--_color-pallet---dark-shade--paragrph-color);
  font-size: var(--_typography---font-size--body-text-m);
}

.link-text.v2:hover {
  color: var(--_color-pallet---dark-shade--black);
}

.menu-left-bottom {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  display: flex;
}

.utility-list-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-link {
  white-space: nowrap;
  flex-flow: column;
  height: 24px;
  display: flex;
  overflow: clip;
}

.nav-text {
  color: var(--_color-pallet---white-shade--white);
  font-size: var(--_typography---font-size--body-text-l);
  line-height: var(--_typography---line-height--body-text);
  font-weight: var(--_typography---font-weight--regular);
  white-space: nowrap;
}

.menu-left-01 {
  border-right: 1px solid var(--_color-pallet---border-color--border-1100);
  border-left: 1px solid var(--_color-pallet---border-color--border-1100);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.menu-left-02 {
  border-right: 1px solid var(--_color-pallet---border-color--border-1100);
  flex-flow: column;
  display: flex;
}

.menu-inner-wrap {
  height: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.menu-list-list {
  grid-column-gap: var(--_spacing---gap--gap-1x);
  grid-row-gap: var(--_spacing---gap--gap-1x);
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.menu-link {
  color: var(--_color-pallet---white-shade--white);
  transition: color .4s;
}

.menu-link:hover {
  color: var(--_color-pallet---theme-color--theme-color-01);
}

.menu-info-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid var(--_color-pallet---border-color--border-1100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 116px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.menu-info-wrap {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pricing-grid {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pricing-card {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---white-shade--white);
  flex-flow: column;
  padding: 20px;
  display: flex;
}

.pricing-card.middle {
  z-index: 11;
  background-color: var(--_color-pallet---dark-shade--black-300);
  position: relative;
}

.pricing-top-box {
  grid-column-gap: 108px;
  grid-row-gap: 108px;
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---white-shade--white-200);
  color: var(--_color-pallet---dark-shade--dark);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.pricing-top-box._02 {
  color: var(--_color-pallet---white-shade--white);
  background-image: url('../images/Frame-747.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.pricing-bottom-box {
  height: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.price-tag-wrap {
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.price-tag-span {
  color: var(--_color-pallet---dark-shade--paragrph-color);
  font-size: var(--_typography---font-size--body-text-l);
  line-height: var(--_typography---line-height--body-text);
}

.price-tag-span._02 {
  color: var(--_color-pallet---white-shade--white);
}

.price-para {
  width: var(--_spacing---max-size--full);
  max-width: 304px;
}

.price-para._02 {
  max-width: 340px;
}

.pricing-feature-list {
  grid-column-gap: var(--_spacing---gap--gap-5x);
  grid-row-gap: var(--_spacing---gap--gap-5x);
  flex-flow: column;
  display: flex;
}

.pricing-feature-iteam {
  grid-column-gap: var(--_spacing---gap--gap-5x);
  grid-row-gap: var(--_spacing---gap--gap-5x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.common-hero-intro {
  margin-bottom: var(--_spacing---space--common);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.common-hero-intro.integration {
  margin-bottom: 100px;
}

.common-hero-intro.team {
  margin-bottom: 0;
}

.price-menu {
  margin-bottom: var(--_spacing---space--common);
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: center;
  align-items: center;
  display: flex;
}

.price-link {
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  color: var(--_color-pallet---white-shade--white);
  font-weight: var(--_typography---font-weight--medium);
  padding: 12px 20px;
}

.price-link.w--current {
  background-color: var(--_color-pallet---white-shade--white);
  color: var(--_color-pallet---dark-shade--dark);
}

.testimonial-tab-wrap {
  border: 1px solid var(--_color-pallet---border-color--border-100);
  border-radius: var(--_spacing---radius--radius-1x);
  overflow: clip;
}

.testimonial-menu {
  border-bottom: 1px solid var(--_color-pallet---border-color--border-100);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.testimonial-link {
  border-right: 1px solid var(--_color-pallet---border-color--border-100);
  border-left: 1px solid var(--_color-pallet---border-color--border-100);
  background-color: var(--_color-pallet---white-shade--transparent);
  justify-content: center;
  align-items: center;
  padding: 35px;
  display: flex;
}

.testimonial-link.w--current {
  background-color: var(--_color-pallet---dark-shade--black-700);
  border-left-width: 0;
  border-right-width: 0;
}

.testimonial-card {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .7fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.testimonial-img-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: clip;
}

.testimonial-bg-img {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
}

.testimonial-overlay {
  background-image: linear-gradient(#12121233, #12121233);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.testimonial-middle-content {
  grid-column-gap: var(--_spacing---gap--gap-8x);
  grid-row-gap: var(--_spacing---gap--gap-8x);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.testimonial-service {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonial-user-block {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.user-img-wrap {
  border-radius: var(--_spacing---radius--radius-1x);
  overflow: clip;
}

.testimonial-user-img {
  width: 130px;
  height: 130px;
}

.user-content-wrap {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.user-name-wrap {
  grid-column-gap: var(--_spacing---gap--gap-1x);
  grid-row-gap: var(--_spacing---gap--gap-1x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.common-hero-title {
  margin-top: 10px;
  margin-bottom: 24px;
}

.common-hero-title.price {
  width: var(--_spacing---max-size--full);
  max-width: 513px;
}

.common-hero-title.integrate {
  width: var(--_spacing---max-size--full);
  max-width: 548px;
}

.common-hero-title.blogs {
  width: var(--_spacing---max-size--full);
  max-width: 780px;
}

.common-hero-title.team {
  max-width: 721px;
}

.common-hero-para {
  width: var(--_spacing---max-size--full);
  max-width: 545px;
}

.common-hero-para.integrate {
  max-width: 582px;
}

.common-hero-para.blog-para {
  max-width: 757px;
}

.common-hero-para.team {
  max-width: 622px;
}

.integrate-anim-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: clip;
}

.main-logo-wrap {
  z-index: 1;
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---theme-color--theme-color-01);
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 150px;
  height: 150px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
}

.line {
  width: var(--_spacing---max-size--full);
  background-color: var(--_color-pallet---border-color--border-1100);
  max-width: 967px;
  height: 1px;
  position: absolute;
}

.integrate-logo-wrapper {
  z-index: 11;
  width: var(--_spacing---max-size--full);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.integrate-side-logo-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.side-logo-box {
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  justify-content: center;
  align-items: center;
  width: 88px;
  min-width: 88px;
  height: 88px;
  display: flex;
  box-shadow: 0 4.39px 4.39px #0000001f;
}

.integration-tab {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.integration-menu {
  width: var(--_spacing---max-size--full);
  border: 1px solid var(--_color-pallet---border-color--border-400);
  border-radius: var(--_spacing---radius--radius-2x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 406px;
  margin-right: 20px;
  padding: 30px;
  display: flex;
  position: sticky;
  top: 40px;
}

.tab-content {
  width: var(--_spacing---max-size--full);
}

.tab-link {
  width: var(--_spacing---max-size--full);
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---white-shade--transparent);
  color: var(--_color-pallet---dark-shade--body-text);
  justify-content: flex-start;
  align-items: center;
  padding: 14px 20px 14px 0;
  display: flex;
}

.tab-link.w--current {
  background-color: var(--_color-pallet---dark-shade--black-700);
  color: var(--_color-pallet---white-shade--white);
  background-image: url('../images/Rectangle-113.svg');
  background-position: 93%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 20px;
}

.tab-category-wrap {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.green-dot {
  background-color: var(--_color-pallet---theme-color--theme-color-01);
  width: 8px;
  min-width: 8px;
  height: 8px;
  display: none;
}

.green-dot.show {
  background-color: var(--_color-pallet---theme-color--theme-color-02);
  width: 16px;
  min-width: 16px;
  height: 16px;
  display: block;
}

.integration-list {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.integration-card {
  height: var(--_spacing---max-size--full);
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  justify-content: space-between;
  padding: 30px;
  display: flex;
}

.integration-top-wrap {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.integration-icon-wrap {
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---white-shade--white);
  justify-content: center;
  align-items: center;
  width: 70px;
  min-width: 70px;
  height: 70px;
  display: flex;
}

.integration-icon-wrap._02 {
  background-color: var(--_color-pallet---theme-color--theme-color-01);
}

.integration-icon {
  width: var(--_spacing---max-size--full);
  max-width: 30px;
}

.integration-category {
  color: var(--_color-pallet---theme-color--theme-color-01);
}

.integration-bottom-wrap {
  grid-column-gap: var(--_spacing---gap--gap-8x);
  grid-row-gap: var(--_spacing---gap--gap-8x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.integration-category-wrap {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.benefit-video {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
}

.cases-wrap {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  perspective: 1000px;
  flex-flow: column;
  display: flex;
}

.caes-card-wrap {
  transform-origin: 50% 0;
}

.integration-detail-hero {
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.integration-hero-content {
  width: var(--_spacing---max-size--full);
  max-width: 530px;
}

.integration-title-wrap {
  margin-top: 10px;
  margin-bottom: 24px;
}

.integration-detail-wrapper {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  max-width: 1161px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.feature-img.v2 {
  height: var(--_spacing---max-size--full);
}

.img-overlay {
  pointer-events: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: absolute;
  inset: 0%;
}

.pillar {
  background-image: linear-gradient(#0006, #0006);
  width: 0%;
}

.feature-img-grid {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.integration-detail-box {
  grid-column-gap: 76px;
  grid-row-gap: 76px;
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.integration-title-wrapper {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 462px;
  display: flex;
}

.connect-wrap {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-grid {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: clip;
}

.nwesletter-box {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
  display: flex;
  position: sticky;
  top: 40px;
}

.newsletter-title-wrap {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-5x);
  grid-row-gap: var(--_spacing---gap--gap-5x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 383px;
  display: flex;
}

.newsletter-form-wrap {
  width: var(--_spacing---max-size--full);
}

.form-block {
  margin-bottom: 0;
}

.success-message {
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---theme-color--theme-color-02);
  color: var(--_color-pallet---white-shade--white);
  font-weight: var(--_typography---font-weight--medium);
  text-align: center;
  padding: 20px;
}

.error-message {
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---theme-color--theme-color-01);
  color: var(--_color-pallet---dark-shade--black);
  font-weight: var(--_typography---font-weight--medium);
  text-align: center;
  margin-top: 10px;
  padding: 20px;
}

.newsletter-field-wrap {
  border: 1px solid var(--_color-pallet---dark-shade--card-bg);
  border-radius: var(--_spacing---radius--radius-1x);
  justify-content: flex-start;
  align-items: center;
  padding: 3px;
  display: flex;
}

.newsletter-field {
  background-color: var(--_color-pallet---white-shade--transparent);
  height: 44px;
  color: var(--_color-pallet---white-shade--white);
  border: 0 solid #000;
  margin-bottom: 0;
  padding: 8px 12px;
}

.submit-button {
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---white-shade--white);
  height: 44px;
  color: var(--_color-pallet---dark-shade--black);
  padding: 10px 24px;
  transition: background-color .3s;
}

.submit-button:hover, .submit-button.v2 {
  background-color: var(--_color-pallet---theme-color--theme-color-01);
}

.submit-button.v2:hover {
  background-color: var(--_color-pallet---white-shade--white);
}

.blog-list-v1 {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  flex-flow: column;
  display: flex;
}

.blog-card-v1 {
  border-radius: var(--_spacing---radius--radius-1x);
  grid-template-rows: auto;
  grid-template-columns: 1fr .55fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: clip;
}

.blog-card-content.v1 {
  grid-column-gap: var(--_spacing---gap--gap-7x);
  grid-row-gap: var(--_spacing---gap--gap-7x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.blog-card-content.v2 {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.blog-img-wrap.v1 {
  position: relative;
  overflow: clip;
}

.blog-img.v1 {
  width: var(--_spacing---max-size--full);
  height: 310px;
}

.blog-img.v2 {
  width: var(--_spacing---max-size--full);
  height: 300px;
}

.blog-title-wrap {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 448px;
  display: flex;
}

.blog-date-wrap {
  grid-column-gap: var(--_spacing---gap--gap-1x);
  grid-row-gap: var(--_spacing---gap--gap-1x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.highphen {
  background-color: var(--_color-pallet---dark-shade--body-text);
  width: 10px;
  height: 1px;
}

.blog-list-wrap {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  flex-flow: column;
  display: flex;
}

.subscribe-form-box {
  width: var(--_spacing---max-size--full);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black-300);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 572px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  display: flex;
}

.blog-list-v2 {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-card {
  height: var(--_spacing---max-size--full);
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  overflow: clip;
}

.blog-card-img-wrap {
  position: relative;
  overflow: clip;
}

.blog-hero-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  justify-content: space-between;
  display: flex;
}

.blog-banner {
  width: var(--_spacing---max-size--full);
  max-width: 678px;
  height: 700px;
}

.blog-hero-content {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-7x);
  grid-row-gap: var(--_spacing---gap--gap-7x);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 642px;
  display: flex;
}

.blog-intro {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-writer-block {
  display: flex;
}

.writer-img {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
  max-width: 220px;
}

.writer-info-wrap {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.writer-name-wrap {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.social-media-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-2x);
  grid-row-gap: var(--_spacing---gap--gap-2x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-link {
  border-radius: var(--_spacing---radius--full);
  background-color: var(--_color-pallet---white-shade--white);
  justify-content: center;
  align-items: center;
  width: 34px;
  min-width: 34px;
  height: 34px;
  transition: all .4s;
  display: flex;
}

.social-link:hover {
  background-color: var(--_color-pallet---theme-color--theme-color-01);
  transform: scale(1.1);
}

.blog-details-wrapper {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog-feature-img {
  width: var(--_spacing---max-size--full);
  height: 450px;
}

.writer-message-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.cta-wrapper {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-left {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.cta-right {
  border-radius: var(--_spacing---radius--radius-1x);
  overflow: clip;
}

.cta-title-wrap {
  grid-column-gap: var(--_spacing---gap--gap-8x);
  grid-row-gap: var(--_spacing---gap--gap-8x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.button-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta-video {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
}

.footer {
  color: var(--_color-pallet---white-shade--white);
  padding-top: 40px;
  overflow: clip;
}

.footer-top {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-bottom {
  border-top: 1px solid var(--_color-pallet---border-color--border-1100);
  margin-top: 100px;
  padding-top: 14px;
}

.footer-left {
  width: var(--_spacing---max-size--full);
  grid-column-gap: 112px;
  grid-row-gap: 112px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 307px;
  display: flex;
}

.footer-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-title-wrap {
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-logo-wrap {
  grid-column-gap: var(--_spacing---gap--gap-7x);
  grid-row-gap: var(--_spacing---gap--gap-7x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-menu-wrap {
  height: var(--_spacing---max-size--full);
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-left: 1px solid var(--_color-pallet---border-color--border-1100);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.footer-menu-wrap._02 {
  padding-right: 0;
}

.footer-menu {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-menu-link {
  color: var(--_color-pallet---white-shade--white);
  font-size: var(--_typography---font-size--body-text-l);
  line-height: var(--_typography---line-height--body-text);
  font-weight: var(--_typography---font-weight--regular);
  transition: color .4s;
}

.footer-menu-link:hover {
  color: var(--_color-pallet---theme-color--theme-color-01);
}

.copywrite-block {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-text-wrapper {
  text-align: center;
  margin-bottom: -5%;
  overflow: clip;
}

.footer-big-text {
  color: var(--_color-pallet---theme-color--theme-color-03);
  font-size: 11vw;
  line-height: var(--_typography---line-height--h6);
  text-transform: uppercase;
  white-space: nowrap;
}

.founder-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.founder-right {
  width: var(--_spacing---max-size--full);
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  max-width: 812px;
  display: flex;
}

.founder-grid {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.img-wrap-01 {
  position: relative;
  overflow: clip;
}

.founder-img {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
}

.founder-info-box {
  grid-column-gap: 166px;
  grid-row-gap: 166px;
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.founder-name-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.founder-name {
  font-family: var(--italic-font);
  font-size: var(--_typography---font-size--h3);
  line-height: var(--_typography---line-height--body-text);
  font-weight: var(--_typography---font-weight--regular);
}

.our-story-wrapper {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.story-bg-img {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
}

.story-card-overlay {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  border: 1px solid var(--_color-pallet---border-color--border-500);
  border-radius: var(--_spacing---radius--radius-1x);
  background-image: linear-gradient(120deg, #fff3, #9990);
  flex-flow: column;
  justify-content: space-between;
  padding: 20px;
  display: flex;
}

.our-story-wrap {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---white-shade--white);
  color: var(--_color-pallet---dark-shade--dark);
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
  display: flex;
}

.story-title {
  grid-column-gap: var(--_spacing---gap--gap-5x);
  grid-row-gap: var(--_spacing---gap--gap-5x);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.story-right {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  justify-content: space-between;
  padding: 30px;
  display: flex;
}

.story-para {
  margin-top: 24px;
}

.story-box-absolute {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.value-card-sticky-wrapper {
  height: 150vh;
}

.value-sticky-wrap {
  flex-flow: column;
  height: auto;
  display: flex;
  position: sticky;
  top: 15vh;
}

.value-card-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.value-card {
  grid-column-gap: 142px;
  grid-row-gap: 142px;
  border: 1px solid var(--_color-pallet---border-color--border-100);
  background-color: var(--_color-pallet---dark-shade--black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  transition: background-color .4s;
  display: flex;
}

.value-card:hover {
  background-color: var(--_color-pallet---border-color--border-100);
}

.value-card-title-wrap {
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-grid-v1 {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-card.v1 {
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  flex-flow: column;
  display: flex;
}

.team-card.v2 {
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-img.v1 {
  width: var(--_spacing---max-size--full);
  height: 600px;
}

.team-img.v2 {
  width: var(--_spacing---max-size--full);
  height: 230px;
}

.team-info.v1 {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  display: flex;
}

.team-info.v2 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.team-member-name {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-social-link {
  width: 40px;
  min-width: 40px;
  height: 40px;
  position: relative;
  overflow: clip;
}

.team-social-link:where(.w-variant-b0dbf8aa-10cf-417f-d4fc-1b10eae0c2ec) {
  width: 30px;
  min-width: 30px;
  height: 30px;
}

.team-link {
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-grid-v2 {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.all-team {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  flex-flow: column;
  display: flex;
}

.faq-block {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  justify-content: space-between;
  display: flex;
}

.faq-left {
  width: var(--_spacing---max-size--full);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 507px;
  display: flex;
}

.faq-right {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  max-width: 705px;
  display: flex;
}

.faq-img-wrap {
  width: var(--_spacing---max-size--full);
  border-radius: var(--_spacing---radius--radius-1x);
  background-image: url('../images/Frame-753.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  max-width: 294px;
  padding: 30px;
  display: flex;
  position: relative;
  overflow: clip;
}

.location-box {
  width: var(--_spacing---max-size--full);
  grid-column-gap: 82px;
  grid-row-gap: 82px;
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---white-shade--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.next-page {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.faq-iteam {
  width: var(--_spacing---max-size--full);
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  cursor: pointer;
  padding: 28px 25px;
}

.faq-title-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-title {
  color: var(--_color-pallet---white-shade--white);
  font-size: var(--_typography---font-size--h6);
  line-height: var(--_typography---line-height--h6);
  font-weight: var(--_typography---font-weight--regular);
  white-space: pre-wrap;
}

.faq-icon {
  object-fit: cover;
}

.faq-text-wrap {
  width: 100%;
  max-width: 818px;
  height: auto;
  overflow: hidden;
}

.faq-text {
  width: var(--_spacing---max-size--full);
  max-width: 566px;
  margin-top: 10px;
}

.faq-icon-wrap {
  border: 1px solid var(--_color-pallet---white-shade--white);
  border-radius: var(--_spacing---radius--full);
  background-color: var(--_color-pallet---white-shade--white);
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  display: flex;
}

.process-sticky-wrap {
  height: 250vh;
  overflow: clip;
}

.process-list-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: sticky;
  top: 40px;
}

.process-card-loop {
  display: none;
}

.contact-hero-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.contact-hero-content {
  width: var(--_spacing---max-size--full);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 548px;
  display: flex;
}

.contact-hero-title {
  margin-top: 10px;
  margin-bottom: 24px;
}

.contact-user-info-box {
  width: var(--_spacing---max-size--full);
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border: 10px solid var(--_color-pallet---border-color--border-1200);
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---dark-shade--black-300);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 630px;
  padding: 30px;
  display: flex;
}

.general-contact-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-user-wrap {
  width: var(--_spacing---max-size--full);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid var(--_color-pallet---border-color--border-600);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 30px;
  display: flex;
}

.contact-user-img {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
  max-width: 183px;
  max-height: 194px;
}

.contact-user-info {
  grid-column-gap: var(--_spacing---gap--gap-7x);
  grid-row-gap: var(--_spacing---gap--gap-7x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.form-wrapper {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-form-wrapper {
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-300);
  flex-flow: column;
  padding: 30px;
  display: flex;
}

.text-field {
  border: 1px solid var(--_color-pallet---border-color--border-1300);
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---white-shade--transparent);
  height: 50px;
  color: var(--_color-pallet---white-shade--white);
  margin-bottom: 0;
  padding: 13px 20px;
}

.text-field::placeholder {
  color: var(--_color-pallet---dark-shade--black-400);
  font-size: var(--_typography---font-size--body-text-l);
  line-height: var(--_typography---line-height--body-text);
}

.text-field.message {
  height: 160px;
}

.field-wrap {
  grid-column-gap: var(--_spacing---gap--gap-6x);
  grid-row-gap: var(--_spacing---gap--gap-6x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
  display: flex;
}

.field-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-img {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
}

.contact-grid {
  grid-column-gap: var(--_spacing---gap--common);
  grid-row-gap: var(--_spacing---gap--common);
  border-radius: var(--_spacing---radius--radius-1x);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: clip;
}

.contact-left {
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-700);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 30px;
  padding-bottom: 30px;
  display: grid;
  overflow: clip;
}

.contact-right {
  background-image: url('../images/Frame-753.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding: 70px;
  display: flex;
}

.contact-location-box {
  width: var(--_spacing---max-size--full);
  border: 1px solid var(--_color-pallet---border-color--border-500);
  border-radius: var(--_spacing---radius--radius-1x);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: linear-gradient(120deg, #fff3, #9990);
  padding: 10px;
}

.contact-inner-box {
  grid-column-gap: 106px;
  grid-row-gap: 106px;
  border-radius: var(--_spacing---radius--radius-1x);
  background-color: var(--_color-pallet---white-shade--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.office-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.office-location {
  width: var(--_spacing---max-size--full);
  max-width: 327px;
  color: var(--_color-pallet---dark-shade--black);
  margin-top: 16px;
  margin-bottom: 40px;
}

.contact-info-box {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.contact-info-box.v1 {
  padding-bottom: 60px;
}

.contact-info-box.v1._01 {
  border-right: 1px solid var(--_color-pallet---border-color--border-600);
  border-bottom: 1px solid var(--_color-pallet---border-color--border-600);
}

.contact-info-box.v1._03 {
  border-bottom: 1px solid var(--_color-pallet---border-color--border-600);
}

.contact-info-box.v2 {
  padding-top: 40px;
}

.contact-info-box.v2._02 {
  border-right: 1px solid var(--_color-pallet---border-color--border-600);
  padding-right: 10px;
}

.contact-info-box.v2._04 {
  grid-column-gap: var(--_spacing---gap--gap-8x);
  grid-row-gap: var(--_spacing---gap--gap-8x);
  justify-content: flex-end;
  align-items: flex-start;
}

.office-wrapper {
  width: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 155px;
  display: flex;
}

.live-wrap {
  justify-content: center;
  align-items: center;
}

.monitor-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.monitor-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: .55fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.monitor-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---white-shade--card-bg-light);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px;
  display: flex;
  overflow: clip;
}

.monitor-right {
  border: 1px solid var(--_color-pallet---dark-shade--body-text);
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---white-shade--card-bg-light);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: clip;
}

.monitor-bottom {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---white-shade--card-bg-light);
  flex-flow: column;
  padding: 16px 12px 12px;
  display: flex;
  overflow: clip;
}

.monitor-rate-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.monitor-img-loop-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  display: flex;
  overflow: clip;
}

.monitor-img-loop {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  display: flex;
}

.monitor-line-img {
  width: 400px;
  min-width: 400px;
  height: 80px;
}

.context-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.context-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.context-grid-box {
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---white-shade--card-bg-light);
  padding: 16px;
  overflow: clip;
}

.context-grid-box._01, .context-grid-box._02 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.network-status {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.meter-wrapper {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
  overflow: clip;
}

.meter-icon {
  z-index: 1;
  position: absolute;
}

.context-bottom {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---white-shade--card-bg-light);
  flex-flow: column;
  padding: 18px 12px;
  display: flex;
}

.context-bottom-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sheild-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.sheild-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sheild-bottom {
  border: 1px solid var(--_color-pallet---border-color--border-700);
  border-radius: var(--_spacing---radius--radius-2x);
  justify-content: center;
  align-items: center;
  padding: 20px 16px;
  display: flex;
  position: relative;
}

.sheild-left {
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---white-shade--card-bg-light);
  justify-content: center;
  align-items: center;
  height: 188px;
  padding: 16px;
  display: flex;
  position: relative;
}

.sheild-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.circle-01, .circle-02 {
  position: absolute;
}

.sheild-circle-content {
  z-index: 11;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.dot-line {
  border-top: 1px dashed var(--_color-pallet---white-shade--light-grey);
  width: 95%;
  position: absolute;
}

.sheild-upper-block {
  z-index: 1;
  width: var(--_spacing---max-size--full);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.feature-hero-grid {
  height: var(--_spacing---max-size--full);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.feature-hero-left {
  padding: var(--_spacing---section-spacing--l) 100px 100px 15px;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.feature-hero-right {
  overflow: clip;
}

.feature-hero-img {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
  max-height: 1094px;
}

.feature-hero-content-wrap {
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
  grid-column-gap: var(--_spacing---gap--gap-9x);
  grid-row-gap: var(--_spacing---gap--gap-9x);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 525px;
  display: flex;
}

.task-block {
  width: var(--_spacing---max-size--full);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-radius: var(--_spacing---radius--radius-2x);
  background-color: var(--_color-pallet---dark-shade--black-1000);
  flex-flow: column;
  max-width: 453px;
  padding: 30px;
  display: flex;
}

.task-title-wrap {
  grid-column-gap: var(--_spacing---gap--gap-3x);
  grid-row-gap: var(--_spacing---gap--gap-3x);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.task-top-wrap {
  border: 1px solid var(--_color-pallet---theme-color--theme-color-01);
  border-radius: var(--_spacing---radius--radius-1x);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: relative;
}

.task-top-content {
  grid-column-gap: var(--_spacing---gap--gap-1x);
  grid-row-gap: var(--_spacing---gap--gap-1x);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 20px;
}

.hero-bg-img {
  z-index: -1;
  width: var(--_spacing---max-size--full);
  height: var(--_spacing---max-size--full);
  position: absolute;
  inset: 0%;
}

@media screen and (min-width: 1280px) {
  .style-guide-wrapper {
    grid-column-gap: 170px;
    grid-row-gap: 170px;
  }

  .feature-03-img.tab {
    display: none;
  }

  .feature-03-img.hide {
    display: block;
  }

  .overlay-circle {
    margin-right: 16px;
  }

  .full-circle {
    max-width: 170px;
  }

  .circle-overlay-wrap {
    top: -29%;
  }

  .circle-overlay-wrap.hide {
    justify-content: center;
    align-items: center;
    display: flex;
    top: -36%;
  }

  .footer-big-text {
    font-size: 10vw;
  }
}

@media screen and (min-width: 1440px) {
  .feature-01-top {
    grid-template-rows: auto;
    grid-template-columns: .8fr 1fr;
    place-items: start stretch;
    display: grid;
  }

  .agent-block {
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr 1fr;
  }

  .agent-box-wrapper {
    width: var(--_spacing---max-size--full);
    grid-column-gap: var(--_spacing---gap--gap-3x);
    grid-row-gap: var(--_spacing---gap--gap-3x);
    flex-flow: column;
    display: flex;
  }

  .agent-list-img {
    display: none;
  }

  .graph-box {
    height: var(--_spacing---max-size--full);
  }

  .graph-vector-01 {
    display: block;
  }

  .dot-up-down {
    display: block;
    top: 21%;
    left: 53%;
  }

  .graph-vector-02 {
    display: none;
  }

  .overlay-circle {
    margin-right: 12px;
  }

  .full-circle {
    max-width: 180px;
  }

  .circle-overlay-wrap {
    top: -33%;
  }

  .circle-overlay-wrap.hide {
    top: -32%;
  }

  .circle-inner-img {
    transform: scale(1);
  }

  .footer-big-text {
    font-size: 10vw;
  }

  .value-sticky-wrap {
    top: 20vh;
  }

  .feature-hero-left {
    padding-right: 150px;
  }
}

@media screen and (min-width: 1920px) {
  .agent-block {
    width: var(--_spacing---max-size--full);
    transform: scale3d(1none, 1none, 1none);
    grid-template-rows: auto;
    grid-template-columns: .6fr 1fr .6fr;
    display: grid;
    overflow: clip;
  }

  .ai-agent-img {
    display: none;
  }

  .overlay-circle {
    top: -86px;
  }

  .footer-big-text {
    font-size: 9vw;
  }

  .value-sticky-wrap {
    top: 30vh;
  }

  .feature-hero-left {
    justify-content: flex-end;
    align-items: center;
    padding-right: 170px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_typography---font-size--body-text-l: 16px;
    --_typography---line-height--body-text: 150%;
    --_typography---font-weight--regular: 400;
    --_typography---font-size--h1: 56px;
    --_typography---line-height--h1: 110%;
    --_typography---font-size--h2: 52px;
    --_typography---line-height--h2: 115%;
    --_typography---font-size--h3: 44px;
    --_typography---line-height--h3: 120%;
    --_typography---font-size--h4: 36px;
    --_typography---line-height--h4: 125%;
    --_typography---font-size--h5: 26px;
    --_typography---line-height--h5: 130%;
    --_typography---font-size--h6: 24px;
    --_typography---line-height--h6: 140%;
    --_typography---font-weight--medium: 500;
    --_typography---font-size--body-text-m: 14px;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
    --_spacing---gap--gap-3x: 10px;
    --_spacing---section-spacing--l: 140px;
    --_spacing---container-spacing--inner: 15px;
    --_spacing---section-spacing--m: 80px;
    --_spacing---max-size--full: 100%;
    --_spacing---radius--radius-2x: 10px;
    --_spacing---section-spacing--s: 40px;
    --_spacing---container-spacing--max-width: 1390px;
    --_spacing---radius--full: 100%;
    --_spacing---gap--gap-9x: 40px;
    --_spacing---gap--gap-8x: 24px;
    --_spacing---radius--radius-1x: 5px;
    --_spacing---gap--common: 15px;
    --_spacing---gap--gap-7x: 20px;
    --_spacing---space--common: 60px;
    --_spacing---gap--gap-1x: 5px;
    --_spacing---gap--gap-6x: 16px;
    --_spacing---gap--gap-5x: 14px;
    --_spacing---radius--radius-3x: 40px;
    --_spacing---gap--gap-2x: 8px;
    --_spacing---gap--gap-4x: 12px;
  }

  .section.common {
    padding-bottom: 40px;
  }

  .container {
    max-width: none;
  }

  .common-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .common-heading-wrap {
    position: static;
  }

  .color-box-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .color-box {
    border-radius: 10px;
    height: 200px;
  }

  .style-guide-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .license-main-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .licence-wrapper, .licence-content-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .changelog-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .changelog-box {
    position: static;
  }

  .menu-line-item {
    justify-content: flex-end;
    width: 100%;
    display: flex;
  }

  .menu-line-item._03 {
    display: block;
  }

  .menu-button {
    background-color: #0000;
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .hero-bottom-content {
    grid-template-columns: 1fr;
  }

  .about-us-wrapper {
    flex-flow: column;
  }

  .about-right {
    margin-left: auto;
  }

  .sub-holder.v2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about-title-with-btn {
    margin-bottom: 40px;
  }

  .count-num {
    height: 45px;
  }

  .sub-with-button {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .process-card-wrapper.tablet {
    display: none;
  }

  .frature-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .feature-bg-img {
    height: var(--_spacing---max-size--full);
  }

  .feature-overlay-card-wrap {
    padding: 40px;
  }

  .feature-blur-card {
    height: auto;
  }

  .feature-03-img.tab {
    display: block;
  }

  .full-circle {
    max-width: 86px;
  }

  .circle-overlay-wrap {
    display: none;
  }

  .circle-inner-img {
    transform: scale(.6);
  }

  .benefit-video-wrap {
    height: 400px;
  }

  .benefit-grid {
    grid-template-columns: 1fr 1fr;
  }

  .benefit-card-v1, .benefit-card-v2._01, .benefit-card-v2._02 {
    position: static;
  }

  .integration-grid {
    grid-template-columns: 1fr;
  }

  .integration-para-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .use-cases-card {
    grid-template-columns: 1fr;
  }

  .cases-img {
    max-height: 300px;
  }

  .cases-img._02 {
    max-height: none;
  }

  .cases-hero-intro {
    margin-bottom: 60px;
  }

  .cases-hero-grid {
    grid-template-columns: 1fr 1fr;
  }

  .cases-hero-card._02 {
    border-right-width: 0;
  }

  .cases-hero-card._03 {
    border-top: 1px solid var(--_color-pallet---border-color--border-100);
    border-right-width: 0;
  }

  .cases-block {
    flex-flow: column;
    align-items: stretch;
  }

  .business-impact-wrap, .solution-wrapper {
    grid-column-gap: var(--_spacing---gap--gap-6x);
    grid-row-gap: var(--_spacing---gap--gap-6x);
  }

  .case-overview {
    max-width: none;
    position: static;
  }

  .menu-button-wrap {
    display: block;
  }

  .brand-logo-wrap {
    width: auto;
    max-width: none;
    margin-left: 0;
  }

  .menu-button-nav {
    background-color: #0000;
    padding: 0;
  }

  .menu-button-nav.w--open, .nav-menu {
    background-color: #0000;
  }

  .nav-menu-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr .8fr;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .utility-list-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .menu-info-box {
    padding-top: 60px;
  }

  .pricing-grid {
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-card {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-user-block {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .integration-tab {
    flex-flow: column;
    align-items: stretch;
  }

  .integration-menu {
    max-width: none;
    margin-right: 0;
    margin-bottom: var(--_spacing---space--common);
    position: static;
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }

  .nwesletter-box {
    position: static;
  }

  .blog-list-v2 {
    grid-template-columns: 1fr 1fr;
  }

  .blog-hero-wrapper {
    flex-flow: column;
  }

  .blog-banner {
    max-width: none;
    height: 500px;
  }

  .blog-hero-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: none;
  }

  .blog-feature-img {
    height: 300px;
  }

  .footer-top {
    grid-column-gap: var(--_spacing---gap--gap-9x);
    grid-row-gap: var(--_spacing---gap--gap-9x);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-bottom {
    margin-top: 60px;
  }

  .footer-left {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    max-width: none;
  }

  .footer-title-wrap {
    max-width: 400px;
  }

  .footer-menu-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-menu-wrap._02 {
    padding-right: 40px;
  }

  .footer-big-text {
    font-size: 13vw;
  }

  .founder-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .founder-right {
    margin-top: 10px;
  }

  .our-story-wrapper {
    grid-template-columns: 1fr;
  }

  .story-right {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .value-card-sticky-wrapper {
    height: auto;
  }

  .value-sticky-wrap {
    height: auto;
    position: static;
  }

  .value-card-wrapper {
    grid-column-gap: var(--_spacing---gap--common);
    grid-row-gap: var(--_spacing---gap--common);
    grid-template-columns: 1fr 1fr;
  }

  .team-img.v1 {
    height: 400px;
  }

  .team-grid-v2 {
    grid-template-columns: 1fr 1fr;
  }

  .faq-block {
    flex-flow: column;
  }

  .faq-left, .faq-right {
    max-width: none;
  }

  .process-sticky-wrap {
    height: auto;
  }

  .process-list-wrap {
    position: static;
  }

  .process-card-loop {
    grid-column-gap: var(--_spacing---gap--common);
    grid-row-gap: var(--_spacing---gap--common);
    justify-content: center;
    display: flex;
  }

  .contact-hero-wrapper {
    flex-flow: column;
    align-items: stretch;
  }

  .contact-user-info-box {
    max-width: none;
  }

  .form-wrapper, .contact-grid, .feature-hero-grid {
    grid-template-columns: 1fr;
  }

  .feature-hero-left {
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 40px;
    padding-right: 15px;
  }

  .feature-hero-img {
    max-height: 600px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---font-size--body-text-l: 16px;
    --_typography---line-height--body-text: 150%;
    --_typography---font-weight--regular: 400;
    --_typography---font-size--h1: 36px;
    --_typography---line-height--h1: 110%;
    --_typography---font-size--h2: 32px;
    --_typography---line-height--h2: 115%;
    --_typography---font-size--h3: 30px;
    --_typography---line-height--h3: 120%;
    --_typography---font-size--h4: 30px;
    --_typography---line-height--h4: 125%;
    --_typography---font-size--h5: 22px;
    --_typography---line-height--h5: 130%;
    --_typography---font-size--h6: 24px;
    --_typography---line-height--h6: 140%;
    --_typography---font-weight--medium: 500;
    --_typography---font-size--body-text-m: 14px;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
    --_spacing---gap--gap-3x: 10px;
    --_spacing---section-spacing--l: 120px;
    --_spacing---container-spacing--inner: 15px;
    --_spacing---section-spacing--m: 60px;
    --_spacing---max-size--full: 100%;
    --_spacing---radius--radius-2x: 10px;
    --_spacing---section-spacing--s: 30px;
    --_spacing---container-spacing--max-width: 1390px;
    --_spacing---radius--full: 100%;
    --_spacing---gap--gap-9x: 40px;
    --_spacing---gap--gap-8x: 24px;
    --_spacing---radius--radius-1x: 5px;
    --_spacing---gap--common: 15px;
    --_spacing---gap--gap-7x: 20px;
    --_spacing---space--common: 50px;
    --_spacing---gap--gap-1x: 5px;
    --_spacing---gap--gap-6x: 16px;
    --_spacing---gap--gap-5x: 14px;
    --_spacing---radius--radius-3x: 40px;
    --_spacing---gap--gap-2x: 8px;
    --_spacing---gap--gap-4x: 12px;
  }

  .utility-page-form {
    width: var(--_spacing---max-size--full);
  }

  .section.hero {
    padding-bottom: 40px;
  }

  .common-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .color-box-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .all-button-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .style-top-wrap {
    margin-bottom: 20px;
  }

  .style-guide-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .licence-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .licence-content-wrapp {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .licence-image {
    max-width: none;
    height: 100%;
  }

  .licence-content-wrapper {
    flex-flow: wrap-reverse;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    display: flex;
  }

  .changelog-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hero-top-content {
    margin-bottom: 40px;
  }

  .draw-img {
    max-width: 300px;
  }

  .count-num {
    height: 37px;
  }

  .frature-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .frature-card {
    grid-template-columns: 1fr;
    position: static;
  }

  .frature-icon {
    max-width: 40px;
  }

  .feature-bg-img {
    max-height: 500px;
  }

  .benefit-video-wrap {
    height: 300px;
  }

  .benefit-card-v2 {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    justify-content: space-between;
  }

  .ingegration-right {
    padding: 40px;
  }

  .benefit-graph-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .integrate-inner-box {
    padding: 10px;
  }

  .integrate-main-box {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 20px;
  }

  .logo-box {
    width: 60px;
    min-width: 60px;
    height: 60px;
  }

  .integrate-left-icon-wrapper, .integrate-right-icon-wrapper, .integrate-left-icon-loop, .integrate-right-icon-loop {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .integrate-icon-wrap {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
  }

  .use-cases-list.v2, .use-cases-content-grid {
    grid-template-columns: 1fr;
  }

  .cases-middle-box {
    border-bottom: 1px solid var(--_color-pallet---border-color--border-100);
    border-left-width: 0;
    border-right-width: 0;
  }

  .arrow-button.right {
    margin-left: auto;
  }

  .cases-hero-intro {
    margin-bottom: 40px;
  }

  .cases-hero-card {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    padding: 20px;
  }

  .cases-menu {
    flex-flow: wrap;
  }

  .cases-card-v2 {
    grid-template-columns: 1fr;
  }

  .business-impact-wrapper {
    grid-column-gap: var(--_spacing---gap--gap-6x);
    grid-row-gap: var(--_spacing---gap--gap-6x);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .solution-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .solution-box {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .case-overview {
    padding-left: 15px;
    padding-right: 15px;
  }

  .brand-logo {
    width: 24px;
    height: 24px;
  }

  .brand-logo.footer-logo {
    height: auto;
  }

  .menu-button-box {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .nav-menu-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: none;
    margin-left: 0;
    display: grid;
  }

  .brand {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand.w--current {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .pricing-top-box {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .common-hero-intro.integration {
    margin-bottom: 60px;
  }

  .testimonial-link {
    padding: 20px;
  }

  .testimonial-card {
    grid-template-columns: 1fr;
  }

  .testimonial-bg-img {
    max-height: 300px;
  }

  .testimonial-middle-content, .testimonial-user-block {
    padding: 20px;
  }

  .main-logo-wrap {
    width: 70px;
    min-width: 70px;
    height: 70px;
    margin-left: 40px;
    margin-right: 40px;
  }

  .main-logo-icon {
    max-width: 40px;
  }

  .integrate-side-logo-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .side-logo-box {
    width: 60px;
    min-width: 60px;
    height: 60px;
  }

  .side-logo-box.hide {
    display: none;
  }

  .side-logo {
    max-width: 30px;
  }

  .integration-list, .feature-img-grid {
    grid-template-columns: 1fr;
  }

  .nwesletter-box {
    padding: 20px;
  }

  .blog-card-v1 {
    grid-template-columns: 1fr;
  }

  .blog-card-content.v1 {
    padding: 20px;
  }

  .blog-img.v1, .blog-img.v2 {
    height: 220px;
  }

  .blog-list-v2 {
    grid-row-gap: var(--_spacing---gap--common);
    grid-template-columns: 1fr;
  }

  .blog-banner {
    height: 300px;
  }

  .blog-feature-img {
    height: 200px;
  }

  .cta-wrapper {
    grid-template-columns: 1fr;
  }

  .cta-right {
    height: 300px;
  }

  .footer-top {
    grid-row-gap: 40px;
  }

  .footer-bottom {
    margin-top: 40px;
  }

  .footer-left {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-right {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .footer-menu-wrap {
    border-left-width: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-menu-wrap._02 {
    padding-right: 0;
  }

  .founder-right {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .founder-grid {
    grid-template-columns: 1fr;
  }

  .founder-info-box {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .story-card-overlay {
    transform: scale(.8);
  }

  .story-right {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .value-card-wrapper {
    grid-template-columns: 1fr;
  }

  .value-card {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .team-grid-v1 {
    grid-template-columns: 1fr;
  }

  .team-grid-v2 {
    grid-row-gap: var(--_spacing---gap--common);
    grid-template-columns: 1fr;
  }

  .faq-img-wrap {
    max-width: none;
  }

  .faq-iteam {
    padding: 20px;
  }

  .contact-user-info-box {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .contact-user-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 20px;
  }

  .field-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .contact-left {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .contact-right {
    padding: 40px;
  }

  .contact-inner-box {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding: 20px;
  }

  .contact-info-box.v1._01 {
    border-right-width: 0;
    padding: 20px 0;
  }

  .contact-info-box.v1._03 {
    padding: 20px 0;
  }

  .contact-info-box.v2._02 {
    border-bottom: 1px solid var(--_color-pallet---border-color--border-600);
    border-right-width: 0;
    padding: 20px 0;
  }

  .contact-info-box.v2._04 {
    border-bottom: 1px solid var(--_color-pallet---border-color--border-600);
    justify-content: space-between;
    height: 200px;
    padding: 20px 0;
  }

  .feature-hero-content-wrap, .task-block {
    max-width: none;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_typography---font-size--body-text-l: 14px;
    --_typography---line-height--body-text: 150%;
    --_typography---font-weight--regular: 400;
    --_typography---font-size--h1: 30px;
    --_typography---line-height--h1: 110%;
    --_typography---font-size--h2: 28px;
    --_typography---line-height--h2: 115%;
    --_typography---font-size--h3: 26px;
    --_typography---line-height--h3: 120%;
    --_typography---font-size--h4: 26px;
    --_typography---line-height--h4: 125%;
    --_typography---font-size--h5: 22px;
    --_typography---line-height--h5: 130%;
    --_typography---font-size--h6: 20px;
    --_typography---line-height--h6: 140%;
    --_typography---font-weight--medium: 500;
    --_typography---font-size--body-text-m: 14px;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
    --_spacing---gap--gap-3x: 10px;
    --_spacing---section-spacing--l: 100px;
    --_spacing---container-spacing--inner: 15px;
    --_spacing---section-spacing--m: 40px;
    --_spacing---max-size--full: 100%;
    --_spacing---radius--radius-2x: 10px;
    --_spacing---section-spacing--s: 20px;
    --_spacing---container-spacing--max-width: 1390px;
    --_spacing---radius--full: 100%;
    --_spacing---gap--gap-9x: 30px;
    --_spacing---gap--gap-8x: 20px;
    --_spacing---radius--radius-1x: 5px;
    --_spacing---gap--common: 15px;
    --_spacing---gap--gap-7x: 20px;
    --_spacing---space--common: 40px;
    --_spacing---gap--gap-1x: 5px;
    --_spacing---gap--gap-6x: 16px;
    --_spacing---gap--gap-5x: 14px;
    --_spacing---radius--radius-3x: 40px;
    --_spacing---gap--gap-2x: 8px;
    --_spacing---gap--gap-4x: 12px;
  }

  .common-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .color-box-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .all-button-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .color-box {
    height: 150px;
  }

  .style-guide-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .changelog-box {
    padding: 30px 15px;
  }

  .navbar {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .img-wrap.hide {
    display: none;
  }

  .hero-small-cad {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .hero-grid-inner {
    padding: 20px;
  }

  .rub-block {
    align-items: stretch;
  }

  .run-btn-click {
    width: 42px;
    min-width: 42px;
    height: 42px;
  }

  .brand-logo-loop {
    width: 1200px;
    min-width: 1200px;
  }

  .divider-line-img {
    height: 30px;
  }

  .draw-img {
    max-width: 200px;
  }

  .customer-rating-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .about-counter-box-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .count-num {
    height: 32px;
  }

  .frature-content-box {
    padding: 20px;
  }

  .frature-icon {
    max-width: 40px;
  }

  .feature-bg-img {
    max-height: 350px;
  }

  .feature-bg-img._02 {
    max-height: none;
  }

  .feature-blur-card {
    padding: 10px;
  }

  .benefit-video-wrap {
    height: 220px;
  }

  .integration-tag-wrapper {
    margin-top: 40px;
  }

  .use-cases-list.v2 {
    grid-template-columns: 1fr;
  }

  .cases-title-wrap.v2 {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .arrow-button {
    width: 26px;
    min-width: 26px;
    height: 26px;
    min-height: 26px;
  }

  .arrow-button.right {
    margin-left: auto;
  }

  .cases-hero-intro {
    margin-bottom: 40px;
  }

  .cases-card-content-v2 {
    padding: 20px;
  }

  .cases-service-wrap {
    padding-bottom: 10px;
  }

  .nav-btn-holder {
    display: none;
  }

  .brand-logo {
    width: 24px;
    height: 24px;
  }

  .brand-logo.footer-logo {
    width: 35px;
  }

  .nav-menu-wrapper {
    grid-template-columns: 1fr;
  }

  .brand.w--current {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .menu-inner-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .menu-info-box {
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .testimonial-link {
    padding: 15px;
  }

  .testimonial-bg-img {
    max-height: 200px;
  }

  .main-logo-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .main-logo-icon {
    max-width: 20px;
  }

  .line {
    max-width: 75%;
  }

  .side-logo-box {
    width: 30px;
    min-width: 30px;
    height: 30px;
  }

  .side-logo-box.hide {
    display: flex;
  }

  .side-logo {
    max-width: 15px;
  }

  .integration-menu, .integration-card {
    padding: 20px;
  }

  .integration-icon-wrap {
    width: 60px;
    min-width: 60px;
    height: 60px;
  }

  .integration-detail-hero {
    justify-content: space-between;
    align-items: flex-start;
  }

  .integration-detail-box, .nwesletter-box {
    padding: 20px;
  }

  .blog-card-v1 {
    grid-template-columns: 1fr;
  }

  .blog-card-content.v1, .blog-card-content.v2 {
    padding: 20px;
  }

  .blog-img.v1 {
    height: 200px;
  }

  .blog-banner {
    height: 220px;
  }

  .writer-info-wrap {
    padding: 20px;
  }

  .blog-feature-img {
    height: 160px;
  }

  .writer-message-wrap {
    padding: 20px;
  }

  .cta-left {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 20px;
  }

  .cta-right {
    height: 200px;
  }

  .footer-menu-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .founder-right {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .founder-info-box {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding: 20px;
  }

  .story-card-overlay {
    transform: scale(.65);
  }

  .team-img.v1 {
    height: 300px;
  }

  .faq-icon-wrap {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }

  .contact-form-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .text-field {
    height: 46px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-field.message {
    height: 120px;
  }

  .field-wrap {
    margin-bottom: 20px;
  }
}

#w-node-bebf4387-c7f1-2dc4-cb56-750cd26956db-cecf1ed2, #w-node-d3dc1e07-613b-c027-dee8-9efa8f9feb68-cecf1ed2, #w-node-_982d1afc-8340-63b2-db9c-d900c7d65775-cecf1ed2, #w-node-_97731a9d-3588-a4e8-9fe5-4461e266d119-cecf1ed2, #w-node-_017ec416-6a37-7180-17e3-d4af741060ba-cecf1ed2, #w-node-_2702fee3-c88d-a023-84b0-67795d1b7a9f-cecf1ed2, #w-node-_44d7c57e-b7ab-ba51-27c1-be66c63147eb-cecf1ed9, #w-node-_44d7c57e-b7ab-ba51-27c1-be66c6314823-cecf1ed9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_982d1afc-8340-63b2-db9c-d900c7d65775-cecf1ed2, #w-node-_97731a9d-3588-a4e8-9fe5-4461e266d119-cecf1ed2, #w-node-_017ec416-6a37-7180-17e3-d4af741060ba-cecf1ed2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}