:root {
  --_color---white-shade--stroke: #fefefe;
  --body-font: Geist, sans-serif;
  --_color---text-color--secondary-text: #313b51;
  --_typography---font-size--body-text-s: 16px;
  --_typography---line-height--xl: 150%;
  --_typography---font-weight--regular: 400;
  --heading-font: Halant, sans-serif;
  --_color---text-color--primary-text: #101828;
  --_typography---font-size--h1: 70px;
  --_typography---line-height--s: 100%;
  --_typography---letter-spacing--h1: -4.9px;
  --_typography---font-size--h2: 56px;
  --_typography---line-height--m: 110%;
  --_typography---letter-spacing--h2: -3.4px;
  --_typography---font-size--h3: 40px;
  --_typography---line-height--l: 120%;
  --_typography---letter-spacing--h3: -3px;
  --_typography---font-size--h4: 36px;
  --_typography---letter-spacing--h4: -2px;
  --_typography---font-size--h5: 28px;
  --_typography---font-size--h6: 20px;
  --_typography---letter-spacing--body-text-s: -.4px;
  --_spacing---section-spacing--s: 112px;
  --_color---white-shade--bg-color: #eff6ff;
  --_color---linear-color--deep-linear1: #0a0e1a;
  --_color---linear-color--deep-linear-2: #0a0e1ae6;
  --_spacing---container-pading--default: 15px;
  --_color---white-shade--white: white;
  --_color---border-color--border-100: #cac7b1;
  --_color---text-color--grey: #666;
  --_color---text-color--white-text: #eff6ff;
  --_color---primary-color--primary: #9810fa;
  --_color---linear-color--linear-1: #3c1d88;
  --_color---linear-color--linear-2: #684fa3;
  --_typography---font-size--body-text-m: 18px;
  --_typography---letter-spacing--body-text-m: -.7px;
  --_typography---font-size--body-text-l: 20px;
  --_typography---letter-spacing--body-text-l: -.1px;
  --_typography---font-size--body-text-xs: 14px;
  --_typography---letter-spacing--body-text-xs: -.3px;
  --_color---white-shade--transparent: transparent;
  --_color---text-color--light-text: #5e6f8f;
  --_typography---font-weight--medium: 500;
  --_color---linear-color--white-linear-1: #fefefe;
  --_color---linear-color--white-linear-2: #dae6f500;
  --_color---border-color--border-300: #293177;
  --_color---white-shade--light-grey: #f6f6f6;
  --_color---border-color--border-white: #eff6ff;
  --_typography---font-weight--semi-bold: 600;
  --_color---border-color--border-400: #cac7b14d;
  --_spacing---section-spacing--m: 60px;
  --_color---border-color--border-200: #9810fa80;
  --_typography---font-weight--bold: 700;
}

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

@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---white-shade--stroke);
  font-family: var(--body-font);
  color: var(--_color---text-color--secondary-text);
  font-size: var(--_typography---font-size--body-text-s);
  line-height: var(--_typography---line-height--xl);
  font-weight: var(--_typography---font-weight--regular);
  --body-font: Geist, sans-serif;
  --heading-font: Halant, sans-serif;
  --_color---white-shade--stroke: #fefefe;
  --_color---text-color--secondary-text: #313b51;
  --_color---text-color--primary-text: #101828;
  --_color---white-shade--bg-color: #eff6ff;
  --_color---linear-color--deep-linear1: #0a0e1a;
  --_color---linear-color--deep-linear-2: #0a0e1ae6;
  --_color---white-shade--white: white;
  --_color---border-color--border-100: #cac7b1;
  --_color---text-color--grey: #666;
  --_color---text-color--white-text: #eff6ff;
  --_color---primary-color--primary: #9810fa;
  --_color---linear-color--linear-1: #3c1d88;
  --_color---linear-color--linear-2: #684fa3;
  --_color---white-shade--transparent: transparent;
  --_color---text-color--light-text: #5e6f8f;
  --_color---linear-color--white-linear-1: #fefefe;
  --_color---linear-color--white-linear-2: #dae6f500;
  --_color---border-color--border-300: #293177;
  --_color---white-shade--light-grey: #f6f6f6;
  --_color---border-color--border-white: #eff6ff;
  --_color---border-color--border-400: #cac7b14d;
  --_color---border-color--border-200: #9810fa80;
  --_typography---font-size--body-text-s: 16px;
  --_typography---line-height--xl: 150%;
  --_typography---font-weight--regular: 400;
  --_typography---font-size--h1: 70px;
  --_typography---line-height--s: 100%;
  --_typography---letter-spacing--h1: -4.9px;
  --_typography---font-size--h2: 56px;
  --_typography---line-height--m: 110%;
  --_typography---letter-spacing--h2: -3.4px;
  --_typography---font-size--h3: 40px;
  --_typography---line-height--l: 120%;
  --_typography---letter-spacing--h3: -3px;
  --_typography---font-size--h4: 36px;
  --_typography---letter-spacing--h4: -2px;
  --_typography---font-size--h5: 28px;
  --_typography---font-size--h6: 20px;
  --_typography---letter-spacing--body-text-s: -.4px;
  --_typography---font-size--body-text-m: 18px;
  --_typography---letter-spacing--body-text-m: -.7px;
  --_typography---font-size--body-text-l: 20px;
  --_typography---letter-spacing--body-text-l: -.1px;
  --_typography---font-size--body-text-xs: 14px;
  --_typography---letter-spacing--body-text-xs: -.3px;
  --_typography---font-weight--medium: 500;
  --_typography---font-weight--semi-bold: 600;
  --_typography---font-weight--bold: 700;
  --_spacing---section-spacing--s: 112px;
  --_spacing---container-pading--default: 15px;
  --_spacing---section-spacing--m: 60px;
  text-decoration: none;
}

h1 {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h1);
  line-height: var(--_typography---line-height--s);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--h1);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h2);
  line-height: var(--_typography---line-height--m);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--h2);
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h3);
  line-height: var(--_typography---line-height--l);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--h3);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---line-height--l);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--h4);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--xl);
  font-weight: var(--_typography---font-weight--regular);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h6);
  line-height: var(--_typography---line-height--xl);
  font-weight: var(--_typography---font-weight--regular);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  font-family: var(--body-font);
  color: var(--_color---text-color--secondary-text);
  font-size: var(--_typography---font-size--body-text-s);
  line-height: var(--_typography---line-height--xl);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--body-text-s);
  margin-bottom: 0;
}

a {
  color: var(--_color---text-color--primary-text);
  text-decoration: none;
}

ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
}

.section.utility {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.section.style-guide-page {
  padding-bottom: var(--_spacing---section-spacing--s);
}

.section.hero {
  padding-top: 208px;
  padding-bottom: var(--_spacing---section-spacing--s);
  position: relative;
}

.section.hero.blog-details-page {
  padding-bottom: 80px;
}

.section.identity {
  padding-bottom: var(--_spacing---section-spacing--s);
}

.section.service {
  padding-top: var(--_spacing---section-spacing--s);
  padding-bottom: var(--_spacing---section-spacing--s);
  background-color: var(--_color---white-shade--bg-color);
}

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

.section.about {
  background-image: linear-gradient(180deg, var(--_color---linear-color--deep-linear1), var(--_color---linear-color--deep-linear-2));
  border-radius: 16px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 64px;
  padding-bottom: 64px;
}

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

.section.faq {
  padding-top: var(--_spacing---section-spacing--s);
  padding-bottom: var(--_spacing---section-spacing--s);
  background-color: var(--_color---white-shade--bg-color);
}

.section.cta {
  z-index: 11;
  padding-top: var(--_spacing---section-spacing--s);
  padding-bottom: var(--_spacing---section-spacing--s);
  background-color: var(--_color---white-shade--bg-color);
  position: relative;
}

.section.footer {
  z-index: 111;
  padding-top: var(--_spacing---section-spacing--s);
  background-image: url('../images/overlay-5.svg'), url('../images/overlay-4.svg'), linear-gradient(180deg, var(--_color---linear-color--deep-linear1), var(--_color---linear-color--deep-linear1));
  background-position: 100% 100%, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: auto, auto, auto;
  padding-bottom: 48px;
}

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

.section.service-details, .section.recent-blog {
  padding-bottom: var(--_spacing---section-spacing--s);
}

.section.pricing-page {
  padding-top: var(--_spacing---section-spacing--s);
  padding-bottom: var(--_spacing---section-spacing--s);
  background-color: var(--_color---white-shade--bg-color);
}

.section.license {
  padding-bottom: var(--_spacing---section-spacing--s);
}

.container {
  width: 100%;
  max-width: 1330px;
  padding-right: var(--_spacing---container-pading--default);
  padding-left: var(--_spacing---container-pading--default);
  margin-left: auto;
  margin-right: auto;
}

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

.common-heading {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h1);
  line-height: var(--_typography---line-height--s);
  font-weight: var(--_typography---font-weight--regular);
  text-align: center;
  letter-spacing: var(--_typography---letter-spacing--h1);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

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

.body-text-s {
  font-family: var(--body-font);
  color: var(--_color---text-color--secondary-text);
  font-size: var(--_typography---font-size--body-text-s);
  line-height: var(--_typography---line-height--xl);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--body-text-s);
  overflow: clip;
}

.body-text-s.white {
  color: var(--_color---white-shade--white);
  letter-spacing: var(--_typography---letter-spacing--body-text-s);
}

.button-wrap {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.button-wrap._404 {
  margin-top: 40px;
}

.color-box {
  background-color: #1c1e3f;
  justify-content: flex-start;
  align-items: flex-end;
  height: 210px;
  padding: 20px;
  display: flex;
}

.color-box.stroke {
  border: 1px solid var(--_color---border-color--border-100);
  background-color: var(--_color---white-shade--stroke);
}

.color-box.body-daak-bg {
  background-color: var(--_color---text-color--grey);
}

.color-box.white-text {
  border: 1px solid var(--_color---border-color--border-100);
  background-color: var(--_color---text-color--white-text);
}

.color-box.primary-text {
  background-color: var(--_color---text-color--primary-text);
}

.color-box.primary {
  background-color: var(--_color---primary-color--primary);
}

.color-box.body-bg {
  background-color: var(--_color---white-shade--bg-color);
}

.color-box.white {
  border: 1px solid var(--_color---border-color--border-100);
  background-color: var(--_color---white-shade--white);
}

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

.color-code {
  text-transform: uppercase;
}

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

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

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

.style-top-title {
  font-family: var(--heading-font);
  color: var(--_color---white-shade--white);
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--l);
  display: inline-block;
}

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

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

.color-code-wrap._2 {
  background-color: #212121;
}

.style-top-wrap {
  background-image: linear-gradient(90deg, var(--_color---linear-color--linear-1), var(--_color---linear-color--linear-2));
  border-radius: 10px;
  margin-bottom: 50px;
  padding: 20px;
}

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

.body-text-m {
  font-size: var(--_typography---font-size--body-text-m);
  letter-spacing: var(--_typography---letter-spacing--body-text-m);
}

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

.body-text-l {
  font-size: var(--_typography---font-size--body-text-l);
  letter-spacing: var(--_typography---letter-spacing--body-text-l);
}

.body-text-xs {
  font-size: var(--_typography---font-size--body-text-xs);
  letter-spacing: var(--_typography---letter-spacing--body-text-xs);
}

.body-text-xs.tag {
  white-space: nowrap;
}

.body-text-xs.loop {
  color: var(--_color---text-color--secondary-text);
  white-space: nowrap;
}

.body-text-xs.white {
  color: var(--_color---white-shade--stroke);
}

.body-text-xs.value-text {
  color: var(--_color---white-shade--white);
  white-space: nowrap;
}

.hereo-bg-video {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-content {
  z-index: 11;
  position: relative;
}

.navbar {
  background-color: var(--_color---white-shade--transparent);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
}

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

.common-content-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.common-content-wrap.blog-page {
  max-width: 680px;
}

.common-content-wrap.waitlist {
  max-width: 654px;
}

.common-content-wrap.contact-page {
  max-width: 550px;
}

.common-content-wrap.pricing-page {
  width: 100%;
  max-width: 640px;
}

.tag-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--_color---white-shade--bg-color);
  border-radius: 32px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  display: flex;
}

.tag-wrapper:where(.w-variant-b8ae459d-f649-3939-2635-c96fd1dca457) {
  background-color: var(--_color---white-shade--white);
}

.tag-wrapper.about {
  border: 1px solid var(--_color---white-shade--stroke);
  background-color: var(--_color---white-shade--transparent);
}

.hero-title {
  color: var(--_color---text-color--primary-text);
}

.hero-button-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 80px;
  display: flex;
}

.dashboard-img-wrap {
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.dashboard-img {
  border: 1px solid var(--_color---white-shade--stroke);
  border-radius: 32px;
  width: 100%;
  max-width: 616px;
  height: 100%;
  max-height: 576px;
}

.nav-bg {
  border: 1px solid var(--_color---white-shade--stroke);
  background-color: var(--_color---white-shade--bg-color);
  border-radius: 64px;
  width: 100%;
  max-width: 1330px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 16px 32px;
}

.nav-link {
  color: var(--_color---text-color--secondary-text);
  font-size: var(--_typography---font-size--body-text-s);
  line-height: var(--_typography---line-height--xl);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--body-text-s);
  white-space: nowrap;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  transition: color .4s;
}

.nav-link:hover {
  color: var(--_color---text-color--light-text);
}

.nav-link.w--current {
  color: var(--_color---text-color--light-text);
  margin-left: 0;
  margin-right: 0;
}

.nav-menu-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.brand-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
}

.brand-icon {
  border-radius: 100%;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.brand-icon._2 {
  width: 70px;
  min-width: 70px;
  height: 70px;
  min-height: 70px;
}

.brand-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brand-name {
  font-family: var(--heading-font);
  color: var(--_color---text-color--secondary-text);
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--l);
  font-weight: var(--_typography---font-weight--regular);
}

.brand-name._2 {
  color: var(--_color---white-shade--stroke);
  font-size: var(--_typography---font-size--h1);
  line-height: var(--_typography---line-height--m);
  letter-spacing: var(--_typography---letter-spacing--h1);
}

.brand-name.white {
  color: var(--_color---text-color--white-text);
}

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

.primary-button {
  background-image: linear-gradient(90deg, var(--_color---linear-color--linear-1), var(--_color---linear-color--linear-2));
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  display: flex;
}

.primary-button.secondary {
  background-color: var(--_color---white-shade--stroke);
  background-image: none;
}

.button-text {
  font-family: var(--body-font);
  color: var(--_color---text-color--white-text);
  font-size: var(--_typography---font-size--body-text-s);
  line-height: var(--_typography---line-height--xl);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: var(--_typography---letter-spacing--body-text-s);
  text-transform: capitalize;
}

.button-text.secondary {
  color: var(--_color---text-color--secondary-text);
}

.hero-img {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-bottom-logo-wrap {
  justify-content: center;
  align-items: center;
  height: 74px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.left-shadow {
  z-index: 1;
  background-image: linear-gradient(90deg, var(--_color---linear-color--white-linear-1), var(--_color---linear-color--white-linear-2));
  width: 100%;
  max-width: 268px;
  height: 74px;
  display: block;
  position: absolute;
  left: 0;
}

.right-shadow {
  z-index: 1;
  background-image: linear-gradient(90deg, var(--_color---linear-color--white-linear-2), var(--_color---linear-color--white-linear-1));
  width: 100%;
  max-width: 268px;
  height: 74px;
  display: block;
  position: absolute;
  right: 0;
}

.logo-infinity-loop {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.logo-loop-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-loop-img {
  width: 140px;
  max-width: none;
}

.sub-wrapper._1 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 80px;
  display: flex;
}

.sub-wrapper._1.testimonial {
  margin-bottom: 32px;
}

.sub-wrapper._2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.sub-wrapper.cta {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.sub-wrapper.contact-form, .sub-top-wrap._1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sub-top-wrap._2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sub-title-wrap.service {
  width: 100%;
  max-width: 432px;
}

.sub-title-wrap.work {
  width: 100%;
  max-width: 640px;
}

.sub-title-wrap.testimonial {
  width: 100%;
  max-width: 420px;
}

.sub-title-wrap.faq {
  width: 100%;
  max-width: 500px;
}

.sub-title-wrap.cta {
  width: 100%;
  max-width: 590px;
}

.sub-title-wrap.blog {
  width: 100%;
  max-width: 577px;
}

.sub-title-wrap.blog-page {
  width: 100%;
  max-width: 400px;
}

.sub-title-wrap.team {
  width: 100%;
  max-width: 500px;
}

.sub-title-wrap.contact {
  width: 100%;
  max-width: 380px;
}

.sub-title {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h2);
  line-height: var(--_typography---line-height--m);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--h2);
}

.sub-title.contact {
  color: var(--_color---white-shade--white);
}

.sub-title-span {
  color: var(--_color---text-color--light-text);
}

.sub-content-wrap.identity {
  width: 100%;
  max-width: 490px;
}

.sub-content-wrap.service {
  width: 100%;
  max-width: 550px;
}

.sub-content-wrap.work {
  width: 100%;
  max-width: 610px;
}

.sub-content-wrap.cta {
  width: 100%;
  max-width: 530px;
}

.sub-content-wrap.blog {
  width: 100%;
  max-width: 524px;
}

.sub-content-wrap.team {
  width: 100%;
  max-width: 460px;
}

.identity-wrapper {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  background-image: radial-gradient(ellipse at 70% 30%, rgba(21,93,252,0.22) 0%, rgba(152,16,250,0.14) 45%, #0A0C1A 75%);
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  border-radius: 16px;
  flex-flow: column;
  padding-top: 110px;
  padding-bottom: 110px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.identity-top-block {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 56px;
  margin-right: 56px;
  display: grid;
}

.identity-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--_color---white-shade--stroke);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.about-loop-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.about-loop {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 1086px;
  min-width: 1086px;
  display: flex;
}

.about-loop-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--_color---white-shade--stroke);
  border-radius: 32px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  display: flex;
}

.about-loop-block._2 {
  padding: 7px 10px;
}

.about-shadow-left {
  position: absolute;
  left: 0;
}

.about-shadow-right {
  position: absolute;
  right: 0%;
}

.nav-dropdown-icon {
  color: var(--_color---text-color--secondary-text);
  font-size: var(--_typography---font-size--body-text-s);
  line-height: var(--_typography---line-height--s);
  font-weight: var(--_typography---font-weight--regular);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: static;
}

.drop-inner-box {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #fff;
  border: 1px solid #1c1e3f;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 40px;
  display: grid;
}

.drop-inner-box.desktop {
  border-width: 1px;
  border-color: var(--_color---white-shade--stroke);
  background-color: var(--_color---white-shade--bg-color);
  color: var(--_color---text-color--secondary-text);
  border-radius: 16px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 40px;
  display: grid;
}

.drop-inner-box.desktop.hide {
  display: none;
}

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

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

.dropdown-menu-list.w--open {
  color: var(--_color---white-shade--transparent);
  background-color: #0000;
  padding-top: 40px;
  left: -200%;
}

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

.drop-menu-text {
  font-family: var(--heading-font);
  color: var(--_color---text-color--secondary-text);
  font-size: var(--_typography---font-size--h6);
  line-height: var(--_typography---line-height--l);
  font-weight: var(--_typography---font-weight--regular);
  text-transform: none;
  white-space: nowrap;
}

.nav-dropdown-toggle {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.nav-dropdown {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}

.counter-number-wrap {
  height: 70px;
  display: flex;
  overflow: hidden;
}

.counter-number-row {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.counter-number-row._1 {
  justify-content: flex-start;
  align-items: center;
  overflow: visible;
}

.counter-number-row._2 {
  justify-content: flex-end;
  align-items: center;
  overflow: visible;
}

.counter-number {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h1);
  line-height: var(--_typography---line-height--s);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--h1);
  text-transform: none;
}

.counter-number._2 {
  color: var(--_color---text-color--light-text);
}

.tabs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.tabs-menu {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 50%;
  display: flex;
}

.tabs-content {
  width: 100%;
  max-width: 50%;
  height: 100%;
  margin-left: 20px;
}

.tab-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid var(--_color---border-color--border-100);
  background-color: var(--_color---white-shade--transparent);
  justify-content: space-between;
  align-items: center;
  padding: 0 0 20px;
  display: flex;
}

.tab-link.w--current {
  border-bottom-color: var(--_color---border-color--border-100);
  background-color: var(--_color---white-shade--transparent);
  padding: 0 0 20px;
}

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

.work-card-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.work-card-middle {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  background-image: none;
  background-color: #0D0F1A;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  overflow: hidden;
}

.work-para-wrap.middle {
  text-align: center;
  width: 100%;
  max-width: 464px;
  padding-left: 16px;
  padding-right: 16px;
}

.work-card {
  background-color: var(--_color---white-shade--bg-color);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 16px;
  display: flex;
}

.work-number {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--l);
  font-weight: var(--_typography---font-weight--regular);
}

.work-card-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 16px;
  display: flex;
}

.work-card-title {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--xl);
  font-weight: var(--_typography---font-weight--regular);
}

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

.about-content-wrap {
  width: 100%;
  max-width: none;
}

.about-summary {
  font-family: var(--heading-font);
  color: var(--_color---white-shade--stroke);
  font-size: var(--_typography---font-size--h2);
  line-height: var(--_typography---line-height--m);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--h2);
}

.testimonial-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.testimonial-left-wrap {
  flex-flow: column;
  display: flex;
}

.testimonial-right-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  max-width: 50%;
  display: flex;
}

.img-wrap {
  border-radius: 16px;
  overflow: hidden;
}

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

.img-wrap.service-img {
  width: 100%;
}

.img {
  border-radius: 16px;
}

.img.testimonial {
  object-fit: cover;
  width: 100%;
  max-width: 420px;
  height: 100%;
  max-height: 430px;
}

.img.featured {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  max-height: 600px;
}

.img.service-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 615px;
}

.testimonial-slide-wrap {
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

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

.testimonial-users-block {
  display: flex;
}

.testimonial-user-comet-box {
  width: 100%;
  max-width: 164px;
}

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

.testimonial-user-img._2 {
  margin-left: -3px;
}

.slider {
  background-color: var(--_color---white-shade--transparent);
  height: 70%;
}

.slide-arrow {
  border: 1px solid var(--_color---text-color--secondary-text);
  background-color: var(--_color---white-shade--stroke);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  top: auto;
  bottom: 0%;
  overflow: hidden;
}

.slide-arrow.left {
  margin-left: 0;
  margin-right: 0;
  top: auto;
  bottom: 0%;
}

.slide-arrow.right {
  margin-left: 0;
  margin-right: 0;
  bottom: 0%;
  left: 40px;
}

.mask {
  height: 100%;
}

.slide-nav {
  display: none;
}

.slide {
  height: 100%;
}

.single-testimonial {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--_color---white-shade--stroke);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 80%;
  display: flex;
}

.testimonial-message {
  font-family: var(--heading-font);
  color: var(--_color---text-color--secondary-text);
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---line-height--l);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--h4);
}

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

.client-name {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--xl);
}

.client-tag {
  font-family: var(--body-font);
  color: var(--_color---text-color--light-text);
  font-size: var(--_typography---font-size--body-text-s);
  line-height: var(--_typography---line-height--xl);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--body-text-s);
}

.faq-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--_color---white-shade--stroke);
  border-radius: 16px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 64px;
  display: flex;
}

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

.faq-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  max-width: 550px;
  display: flex;
}

.faq-left-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.faq-left-title {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h5);
}

.faq-user-block {
  display: flex;
}

.faq-user-img {
  border-radius: 100%;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.faq-user-img._2 {
  margin-left: -7px;
}

.faq-para {
  font-size: var(--_typography---font-size--body-text-s);
  letter-spacing: var(--_typography---letter-spacing--body-text-s);
}

.faq-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #0000;
  border-radius: 10px;
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
  display: flex;
}

.faq-dropdown {
  border: 1px solid var(--_color---white-shade--bg-color);
  background-color: var(--_color---white-shade--bg-color);
  border-radius: 8px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0 24px 20px;
  overflow: hidden;
}

.plus-minus {
  justify-content: center;
  align-items: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq-list {
  background-color: #0000;
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: static;
  overflow: hidden;
}

.faq-list.w--open {
  background-color: #0000;
  display: flex;
  overflow: hidden;
}

.faq-question {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h6);
  line-height: var(--_typography---line-height--xl);
  white-space: pre-wrap;
}

.faq-answer-wrap {
  margin-top: 16px;
}

.faq-toggle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0 0;
  display: flex;
}

.cta-bg {
  background-image: url('../images/jl-cta-bg.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  border-radius: 16px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 112px;
  padding-bottom: 112px;
}

.cta-button-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-loop-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: center;
  margin-bottom: 132px;
  display: flex;
  overflow: hidden;
}

.footer-loop {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .7fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}

.footer-left {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 515px;
  display: flex;
}

.footer-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

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

.footer-menu-wrapper._2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

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

.footer-menu-title {
  color: var(--_color---text-color--white-text);
  font-size: var(--_typography---font-size--body-text-s);
  font-weight: var(--_typography---font-weight--medium);
}

.footer-menu-link {
  color: var(--_color---text-color--white-text);
  font-size: var(--_typography---font-size--body-text-s);
  font-weight: var(--_typography---font-weight--regular);
  white-space: nowrap;
  transition: opacity .4s;
}

.footer-menu-link:hover {
  opacity: .7;
}

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

.address-link {
  width: 100%;
  max-width: 170px;
  color: var(--_color---text-color--white-text);
  font-size: var(--_typography---font-size--body-text-s);
  transition: opacity .4s;
}

.address-link:hover {
  opacity: .7;
}

.footer-bottom-wrapper {
  border-top: 1px solid var(--_color---border-color--border-300);
  justify-content: space-between;
  align-items: center;
  margin-top: 70px;
  margin-bottom: 32px;
  padding-top: 32px;
  display: flex;
}

.copywrite-text {
  color: var(--_color---text-color--white-text);
  font-size: var(--_typography---font-size--body-text-s);
}

.company-link {
  color: var(--_color---primary-color--primary);
  transition: color .4s;
}

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

.copywrite-right {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-summary-wrap {
  width: 100%;
  max-width: 690px;
}

.track---mobile-icon {
  width: 100%;
  height: 200vh;
  display: none;
  position: relative;
}

.track---mobile-sticky-wrapper {
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: clip visible;
}

.mockup-aboslute-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.mockup-add-icon-background-wrapper {
  background-color: var(--_color---white-shade--bg-color);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
}

.animatede-text-wrap {
  position: absolute;
}

.animation-text {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h1);
  line-height: var(--_typography---line-height--s);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--h1);
  text-transform: none;
}

.about-content {
  z-index: 11;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
  position: relative;
}

.about-left-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 540px;
  display: flex;
}

.about-video-wrap {
  border: 8px solid var(--_color---white-shade--stroke);
  text-align: right;
  border-radius: 24px;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
}

.about-summary-wrap {
  margin-top: 20px;
  margin-bottom: 32px;
}

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

.about-video {
  z-index: 1;
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  max-width: 600px;
  height: 600px;
}

.logo-loop {
  z-index: 11;
  margin-top: 100px;
  position: relative;
}

.white-shadow {
  z-index: 1;
  width: 100%;
  position: absolute;
  bottom: -2px;
}

.our-story-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 80px;
  display: flex;
}

.story-text {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h3);
  line-height: var(--_typography---line-height--l);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--h3);
}

.story-loop-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.story-loop {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.story-loop-block {
  background-color: var(--_color---white-shade--light-grey);
  justify-content: center;
  align-items: center;
  width: 256px;
  height: 272px;
  display: flex;
}

.blog-cms.blog-page {
  width: 100%;
  margin-top: 80px;
}

.blog-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.single-blog {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--_color---white-shade--bg-color);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.blog-img-wrap {
  pointer-events: auto;
  cursor: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-main-img {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 300px;
}

.read-wrap {
  background-color: var(--_color---white-shade--stroke);
  border-radius: 4px;
  padding: 12px;
  position: absolute;
}

.read-text {
  font-size: var(--_typography---font-size--body-text-s);
  letter-spacing: var(--_typography---letter-spacing--body-text-s);
}

.blog-contnt-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.blog-name {
  font-family: var(--heading-font);
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--xl);
}

.category-block {
  background-color: var(--_color---white-shade--stroke);
  border-radius: 32px;
  padding: 4px 12px;
}

.details-content {
  z-index: 11;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.details-content._2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.blog-hero-content-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-summary-wrap {
  width: 100%;
  max-width: 530px;
}

.featured-img-wrap {
  border-radius: 8px;
  overflow: hidden;
}

.details-text p {
  font-size: var(--_typography---font-size--body-text-m);
  letter-spacing: var(--_typography---letter-spacing--body-text-m);
}

.details-text h3 {
  margin-bottom: 24px;
}

.discover-all-blog {
  background-color: var(--_color---white-shade--bg-color);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  padding: 20px;
  display: flex;
}

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

.discover-title {
  font-family: var(--heading-font);
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--xl);
}

.service-title {
  font-family: var(--heading-font);
  color: var(--_color---text-color--light-text);
  font-size: var(--_typography---font-size--h4);
  line-height: var(--_typography---line-height--l);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--h4);
}

.tab-arrow {
  border-radius: 100%;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.service-title-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.single-tab-content {
  height: 100%;
}

.single-service {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_color---white-shade--stroke);
  border-radius: 20px;
  justify-content: space-between;
  height: 100%;
  padding: 24px;
  display: flex;
}

.service-collection, .service-list, .service-iteam {
  height: 100%;
}

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

.service-main-img {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  max-width: 342px;
  height: 100%;
}

.service-summary-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 326px;
  display: flex;
}

.service-icon {
  border-radius: 8px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.service-feature-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.service-feature-iteam {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tick-icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.click-link {
  font-size: var(--_typography---font-size--body-text-m);
  letter-spacing: var(--_typography---letter-spacing--body-text-m);
  text-decoration: none;
  transition: color .4s;
}

.click-link:hover {
  color: var(--_color---text-color--light-text);
  text-decoration: underline;
}

.service-details-flex {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

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

.social-link-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.social-title {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--xl);
  font-weight: var(--_typography---font-weight--regular);
}

.blog-page-summary-wrap {
  width: 100%;
  max-width: 620px;
}

.waitlist-contant-block {
  width: 100%;
  max-width: 654px;
  margin-top: 32px;
}

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

.form-block.contact {
  height: 100%;
}

.success-message {
  background-color: var(--_color---linear-color--linear-1);
  background-image: linear-gradient(90deg, var(--_color---linear-color--linear-1), var(--_color---linear-color--linear-2));
  border-radius: 10px;
  padding: 20px;
}

.error-message {
  background-color: var(--_color---border-color--border-100);
  border-radius: 10px;
  margin-top: 10px;
  padding: 20px;
}

.success-message-text {
  color: var(--_color---white-shade--white);
  text-align: center;
}

.error-message-text {
  color: var(--_color---text-color--primary-text);
  text-align: center;
}

.form.contact {
  height: 100%;
}

.waitlist-info-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.text-field {
  border: 1px solid var(--_color---border-color--border-100);
  background-color: var(--_color---white-shade--stroke);
  height: 48px;
  color: var(--_color---text-color--primary-text);
  border-radius: 32px;
  margin-bottom: 0;
  padding: 12px;
}

.text-field:focus-visible, .text-field[data-wf-focus-visible] {
  border-color: var(--_color---primary-color--primary);
}

.text-field::placeholder {
  color: var(--_color---text-color--grey);
}

.text-field.contact {
  border-color: var(--_color---white-shade--stroke);
  border-radius: 8px;
  padding-left: 16px;
  padding-right: 16px;
}

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

.submit-button {
  background-color: var(--_color---primary-color--primary);
  background-image: linear-gradient(90deg, var(--_color---linear-color--linear-1), var(--_color---linear-color--linear-2));
  border-radius: 32px;
  padding: 12px 24px;
}

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

.card-container {
  perspective: 1000px;
  cursor: pointer;
}

.card-wrapper {
  background-image: linear-gradient(180deg, var(--_color---linear-color--deep-linear1), var(--_color---linear-color--deep-linear-2));
  border-radius: 20px;
  width: 100%;
  transition: all .2s;
  position: relative;
}

.card-side {
  backface-visibility: hidden;
}

.card-side.is-back {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  transform-style: preserve-3d;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.team-member-img {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.team-member-name {
  font-family: var(--heading-font);
  color: var(--_color---white-shade--white);
  font-size: var(--_typography---font-size--h5);
  font-weight: var(--_typography---font-weight--regular);
  text-align: center;
}

.team-member-name._2 {
  color: var(--_color---text-color--primary-text);
}

.member-tag {
  color: var(--_color---white-shade--white);
  font-size: var(--_typography---font-size--body-text-s);
  text-align: center;
}

.member-tag._2 {
  color: var(--_color---text-color--secondary-text);
}

.team-loop-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: none;
  overflow: hidden;
}

.team-loop {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  min-width: 310px;
  display: flex;
}

.team {
  width: 100%;
  height: 100%;
}

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

.contact-info-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 860px;
  margin-top: 80px;
  display: grid;
}

.contact-content-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid var(--_color---border-color--border-white);
  background-color: var(--_color---white-shade--stroke);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px;
  transition: border-color .4s;
  display: flex;
}

.contact-content-wrap:hover {
  border-color: var(--_color---primary-color--primary);
}

.info-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.info-link {
  transition: color .4s;
}

.info-link:hover {
  color: var(--_color---primary-color--primary);
}

.info-link.open-hours:hover {
  color: var(--_color---text-color--secondary-text);
}

.info-link._2 {
  color: var(--_color---white-shade--white);
  transition: opacity .4s, color .4s;
}

.info-link._2:hover {
  opacity: .6;
}

.info-title {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h3);
  line-height: var(--_typography---line-height--l);
}

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

.form-wrap {
  background-color: var(--_color---white-shade--bg-color);
  border-radius: 16px;
  padding: 24px;
}

.form-left-wrap {
  grid-column-gap: 112px;
  grid-row-gap: 112px;
  background-image: radial-gradient(ellipse at 30% 60%, rgba(21,93,252,0.2) 0%, rgba(152,16,250,0.12) 50%, #0A0C1A 80%);
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-attachment: scroll, scroll;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.contact-info-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: grid;
}

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

.contact-info-title {
  font-family: var(--heading-font);
  color: var(--_color---white-shade--white);
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--xl);
}

.field-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 32px;
  display: flex;
}

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

.field-name {
  color: var(--_color---text-color--primary-text);
  font-weight: var(--_typography---font-weight--semi-bold);
  margin-bottom: 0;
}

.pricing-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  display: grid;
}

.pricing-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid var(--_color---border-color--border-white);
  background-color: var(--_color---white-shade--stroke);
  border-radius: 16px;
  flex-flow: column;
  padding: 50px 24px;
  display: flex;
}

.pricing-card._2 {
  background-image: url('../images/Dreamy20--10-1-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-width: 0;
  position: relative;
  overflow: hidden;
}

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

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

.features-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

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

.pricing-button {
  border: 1px solid var(--_color---linear-color--linear-1);
  color: var(--_color---text-color--primary-text);
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.pricing-button:where(.w-variant-a5b7837c-cdbe-6b6e-6208-fc967e855740) {
  background-image: linear-gradient(90deg, var(--_color---linear-color--linear-1), var(--_color---linear-color--linear-2));
  color: var(--_color---white-shade--white);
}

.plan-title {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h5);
  line-height: var(--_typography---line-height--xl);
}

.price {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h2);
  line-height: var(--_typography---line-height--l);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--h2);
}

.row-title {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  font-size: var(--_typography---font-size--h5);
  font-weight: var(--_typography---font-weight--regular);
}

.row-iteam {
  background-color: var(--_color---white-shade--transparent);
  justify-content: flex-start;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.row-iteam.bg-white {
  background-color: var(--_color---white-shade--stroke);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--_color---border-color--border-400);
  border-radius: 10px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr .5fr .5fr .5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  overflow: hidden;
}

.row-content {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.row-content._1 {
  padding-left: 20px;
}

.row-para {
  line-height: var(--_typography---line-height--xl);
  display: inline-block;
}

.row-para-wrap {
  background-color: var(--_color---white-shade--transparent);
  justify-content: flex-start;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 20px;
  display: flex;
}

.row-para-wrap.bg-white {
  background-color: var(--_color---white-shade--stroke);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.best-value-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--_color---linear-color--deep-linear1);
  justify-content: center;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.best-value-loop {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dot {
  background-color: var(--_color---white-shade--white);
  border-radius: 100%;
  min-width: 4px;
  min-height: 4px;
}

.terms-condition {
  width: 100%;
  max-width: 868px;
  margin-left: auto;
  margin-right: auto;
}

.terms-condition-title {
  text-align: center;
  margin-bottom: 40px;
}

.condition-list {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  margin-top: 32px;
  margin-bottom: 0;
  display: flex;
}

.licence-image {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  max-width: 576px;
}

.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;
}

.photography-paragraph {
  color: var(--_color---text-color--secondary-text);
}

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

.licence-heading {
  color: #1c1e3f;
  letter-spacing: -.96px;
  text-transform: uppercase;
  font-size: 48px;
  font-weight: 600;
  line-height: 100%;
}

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

.photography-text {
  font-family: var(--heading-font);
  color: var(--_color---text-color--primary-text);
  line-height: var(--_typography---line-height--l);
  font-weight: var(--_typography---font-weight--regular);
  text-transform: uppercase;
}

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

.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;
}

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

.licence-paragraph {
  color: var(--_color---text-color--secondary-text);
  line-height: 170%;
}

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

.lummi-image {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  max-width: 576px;
}

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

.license-link {
  color: var(--_color---primary-color--primary);
  line-height: var(--_typography---line-height--xl);
  font-weight: var(--_typography---font-weight--regular);
  text-decoration: underline;
}

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

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

.changelog-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--_color---white-shade--bg-color);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  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-title {
  font-family: var(--heading-font);
  font-size: var(--_typography---font-size--h3);
  line-height: var(--_typography---line-height--l);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---letter-spacing--body-text-xs);
  text-transform: uppercase;
}

.list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.utility-page-wrap {
  padding-top: 200px;
  padding-bottom: var(--_spacing---section-spacing--s);
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 500px;
  display: flex;
}

.password-field-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.field-label {
  display: none;
}

.password-img {
  width: 100%;
  max-width: 400px;
  margin-bottom: 20px;
}

._404-img {
  width: 100%;
  max-width: 574px;
  margin-bottom: 40px;
}

.remove-this-button {
  z-index: 999999;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  width: auto;
  display: flex;
  position: fixed;
  bottom: 15px;
  right: 15px;
}

.purchase-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px;
  display: flex;
}

.hire-button-text {
  color: #000;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}

.hire-button-text.purple {
  color: #2208e9;
  font-size: 12px;
}

.get-this-template {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-color: #00e;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.get-this-template.orange-bg {
  background-color: #dd5d1b;
  text-decoration: none;
}

.corner-icon {
  width: auto;
}

.corner-icon._01.filter, .corner-icon._02.filter {
  filter: invert();
}

.purchase-button-text {
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.hire-button-text-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.animateted-dot {
  background-color: #0bb822;
  border-radius: 100%;
  width: 12px;
  height: 12px;
}

.hire-team {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #3b3b3b4d;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  text-decoration: none;
  display: flex;
}

.all-button-wrapp {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.all-button-open-close {
  cursor: pointer;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.plus-minus-2 {
  background-color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 34px;
  min-width: 16px;
  height: 34px;
  min-height: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.plus-icon-2 {
  width: 100%;
  max-width: 18px;
}

.icon-area {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

  .tabs-menu {
    max-width: 45%;
  }

  .faq-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .faq-right {
    max-width: 604px;
  }
}

@media screen and (min-width: 1440px) {
  .sub-title-wrap.team {
    max-width: 620px;
  }

  .tabs-menu {
    max-width: 45%;
  }

  .tabs-content {
    max-width: 60%;
    margin-left: 80px;
  }

  .about-content-wrap {
    max-width: 1088px;
  }

  .about-video {
    height: 700px;
  }
}

@media screen and (min-width: 1920px) {
  .tabs-menu {
    max-width: 45%;
  }

  .about-video {
    height: 775px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_color---white-shade--stroke: #fefefe;
    --_color---text-color--secondary-text: #313b51;
    --_color---text-color--primary-text: #101828;
    --_color---white-shade--bg-color: #eff6ff;
    --_color---linear-color--deep-linear1: #0a0e1a;
    --_color---linear-color--deep-linear-2: #0a0e1ae6;
    --_color---white-shade--white: white;
    --_color---border-color--border-100: #cac7b1;
    --_color---text-color--grey: #666;
    --_color---text-color--white-text: #eff6ff;
    --_color---primary-color--primary: #9810fa;
    --_color---linear-color--linear-1: #3c1d88;
    --_color---linear-color--linear-2: #684fa3;
    --_color---white-shade--transparent: transparent;
    --_color---text-color--light-text: #5e6f8f;
    --_color---linear-color--white-linear-1: #fefefe;
    --_color---linear-color--white-linear-2: #dae6f500;
    --_color---border-color--border-300: #293177;
    --_color---white-shade--light-grey: #f6f6f6;
    --_color---border-color--border-white: #eff6ff;
    --_color---border-color--border-400: #cac7b14d;
    --_color---border-color--border-200: #9810fa80;
    --_typography---font-size--body-text-s: 16px;
    --_typography---line-height--xl: 150%;
    --_typography---font-weight--regular: 400;
    --_typography---font-size--h1: 64px;
    --_typography---line-height--s: 100%;
    --_typography---letter-spacing--h1: -3px;
    --_typography---font-size--h2: 44px;
    --_typography---line-height--m: 110%;
    --_typography---letter-spacing--h2: -3px;
    --_typography---font-size--h3: 40px;
    --_typography---line-height--l: 120%;
    --_typography---letter-spacing--h3: -2px;
    --_typography---font-size--h4: 36px;
    --_typography---letter-spacing--h4: -1px;
    --_typography---font-size--h5: 28px;
    --_typography---font-size--h6: 20px;
    --_typography---letter-spacing--body-text-s: 0px;
    --_typography---font-size--body-text-m: 18px;
    --_typography---letter-spacing--body-text-m: 0px;
    --_typography---font-size--body-text-l: 20px;
    --_typography---letter-spacing--body-text-l: 0px;
    --_typography---font-size--body-text-xs: 14px;
    --_typography---letter-spacing--body-text-xs: 0px;
    --_typography---font-weight--medium: 500;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
    --_spacing---section-spacing--s: 80px;
    --_spacing---container-pading--default: 15px;
    --_spacing---section-spacing--m: 40px;
  }

  .section.utility {
    height: 450px;
  }

  .section.hero {
    padding-top: 180px;
  }

  .section.hero.blog-details-page {
    padding-top: 160px;
    padding-bottom: 60px;
  }

  .container {
    max-width: none;
  }

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

  .button-wrap.nav {
    display: none;
  }

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

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

  .hero-button-wrap {
    margin-bottom: 60px;
  }

  .nav-menu-list {
    display: none;
  }

  .nav-menu {
    background-color: var(--_color---white-shade--transparent);
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: var(--_color---white-shade--transparent);
  }

  .sub-wrapper._1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
  }

  .sub-wrapper._2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-bottom: 60px;
  }

  .sub-top-wrap._1 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .sub-title-wrap.work {
    max-width: 500px;
  }

  .identity-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .identity-top-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .about-loop {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .drop-inner-box.desktop.hide {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: flex;
  }

  .menu-colum {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .drop-menu-text {
    color: var(--_color---text-color--primary-text);
    font-size: var(--_typography---font-size--h5);
    line-height: var(--_typography---line-height--xl);
    font-weight: var(--_typography---font-weight--regular);
  }

  .counter-number-wrap {
    height: 64px;
  }

  .tabs {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .tabs-menu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: none;
  }

  .tabs-content {
    max-width: none;
    margin-top: 40px;
    margin-left: 0;
  }

  .work-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .work-card-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: row;
  }

  .work-card-middle {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .work-para-wrap.middle {
    max-width: 500px;
  }

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

  .testimonial-left-wrap {
    flex-flow: row;
  }

  .testimonial-right-wrap {
    max-width: none;
  }

  .img.featured {
    max-height: 400px;
  }

  .slider {
    height: 100%;
  }

  .slide-arrow.left {
    inset: auto 40px 0% auto;
  }

  .slide-arrow.right {
    left: auto;
  }

  .single-testimonial {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    height: auto;
  }

  .faq-wrapper {
    flex-flow: column;
    padding: 40px;
  }

  .faq-right {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    max-width: none;
  }

  .footer-loop-wrap {
    margin-bottom: 100px;
  }

  .footer-loop {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .footer-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .footer-left {
    max-width: 700px;
  }

  .footer-summary-wrap {
    max-width: none;
  }

  .track---mobile-icon {
    display: none;
  }

  .about-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    place-items: start stretch;
  }

  .about-video-wrap {
    border-radius: 16px;
  }

  .about-video {
    border-radius: 16px;
    max-width: none;
    height: 500px;
  }

  .blog-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr;
  }

  .details-content {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .details-text h3 {
    margin-bottom: 16px;
  }

  .single-service {
    border-radius: 16px;
  }

  .waitlist-contant-block {
    max-width: 500px;
  }

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

  .card-wrapper {
    border-radius: 16px;
  }

  .card-side.is-back {
    border-radius: 16px;
    padding: 15px;
  }

  .team-member-img {
    border-radius: 16px;
  }

  .team-loop-wrapper, .team-loop, .contact-info-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .contact-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .field-wrap {
    width: 100%;
  }

  .pricing-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr;
  }

  .icon {
    color: var(--_color---text-color--primary-text);
  }

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

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

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

  .utility-page-wrap {
    padding-top: 180px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_color---white-shade--stroke: #fefefe;
    --_color---text-color--secondary-text: #313b51;
    --_color---text-color--primary-text: #101828;
    --_color---white-shade--bg-color: #eff6ff;
    --_color---linear-color--deep-linear1: #0a0e1a;
    --_color---linear-color--deep-linear-2: #0a0e1ae6;
    --_color---white-shade--white: white;
    --_color---border-color--border-100: #cac7b1;
    --_color---text-color--grey: #666;
    --_color---text-color--white-text: #eff6ff;
    --_color---primary-color--primary: #9810fa;
    --_color---linear-color--linear-1: #3c1d88;
    --_color---linear-color--linear-2: #684fa3;
    --_color---white-shade--transparent: transparent;
    --_color---text-color--light-text: #5e6f8f;
    --_color---linear-color--white-linear-1: #fefefe;
    --_color---linear-color--white-linear-2: #dae6f500;
    --_color---border-color--border-300: #293177;
    --_color---white-shade--light-grey: #f6f6f6;
    --_color---border-color--border-white: #eff6ff;
    --_color---border-color--border-400: #cac7b14d;
    --_color---border-color--border-200: #9810fa80;
    --_typography---font-size--body-text-s: 16px;
    --_typography---line-height--xl: 150%;
    --_typography---font-weight--regular: 400;
    --_typography---font-size--h1: 50px;
    --_typography---line-height--s: 100%;
    --_typography---letter-spacing--h1: -2px;
    --_typography---font-size--h2: 32px;
    --_typography---line-height--m: 110%;
    --_typography---letter-spacing--h2: -1px;
    --_typography---font-size--h3: 30px;
    --_typography---line-height--l: 120%;
    --_typography---letter-spacing--h3: -1px;
    --_typography---font-size--h4: 26px;
    --_typography---letter-spacing--h4: 0px;
    --_typography---font-size--h5: 28px;
    --_typography---font-size--h6: 20px;
    --_typography---letter-spacing--body-text-s: 0px;
    --_typography---font-size--body-text-m: 16px;
    --_typography---letter-spacing--body-text-m: 0px;
    --_typography---font-size--body-text-l: 16px;
    --_typography---letter-spacing--body-text-l: 0px;
    --_typography---font-size--body-text-xs: 14px;
    --_typography---letter-spacing--body-text-xs: 0px;
    --_typography---font-weight--medium: 500;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
    --_spacing---section-spacing--s: 60px;
    --_spacing---container-pading--default: 15px;
    --_spacing---section-spacing--m: 30px;
  }

  ul {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .section.utility {
    height: 400px;
  }

  .section.hero {
    padding-top: 140px;
  }

  .section.about {
    border-radius: 10px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .section.footer {
    padding-bottom: 30px;
  }

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

  .button-wrap._404 {
    margin-top: 20px;
  }

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

  .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;
  }

  .hero-button-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-bottom: 32px;
  }

  .dashboard-img-wrap, .dashboard-img {
    border-radius: 24px;
  }

  .nav-bg {
    padding: 12px 24px;
  }

  .brand-link {
    padding-left: 0;
  }

  .left-shadow, .right-shadow {
    max-width: 150px;
    height: 60px;
  }

  .logo-infinity-loop, .logo-loop-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .sub-wrapper._1, .sub-wrapper._2 {
    margin-bottom: 40px;
  }

  .identity-wrapper {
    border-radius: 10px;
  }

  .identity-top-block {
    grid-template-columns: 1fr;
  }

  .identity-card {
    border-radius: 10px;
  }

  .about-shadow-left, .about-shadow-right {
    display: none;
  }

  .drop-inner-box {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
  }

  .drop-inner-box.desktop {
    border-radius: 10px;
  }

  .drop-inner-box.desktop.hide {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
    display: flex;
  }

  .counter-number-wrap {
    height: 50px;
  }

  .tabs-content {
    margin-top: 20px;
  }

  .work-card-middle, .work-card, .img-wrap, .img {
    border-radius: 10px;
  }

  .faq-wrapper {
    border-radius: 10px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .faq-right {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .faq-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 0;
  }

  .faq-dropdown {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-question {
    white-space: pre-wrap;
  }

  .faq-toggle {
    padding-top: 20px;
  }

  .cta-bg {
    border-radius: 10px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .footer-loop-wrap {
    margin-bottom: 80px;
  }

  .footer-loop {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .footer-bottom-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 32px;
    margin-bottom: 0;
  }

  .footer-summary-wrap {
    display: none;
  }

  .about-video-wrap, .about-video {
    border-radius: 10px;
  }

  .logo-loop {
    margin-top: 40px;
  }

  .story-loop-block {
    width: 200px;
    height: 150px;
  }

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

  .single-blog, .blog-img-wrap, .blog-main-img {
    border-radius: 10px;
  }

  .details-content._2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .details-text p {
    font-size: var(--_typography---font-size--body-text-s);
  }

  .details-text h3 {
    margin-bottom: 10px;
  }

  .discover-all-blog {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .tab-arrow {
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
  }

  .service-title-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .single-service {
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .service-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .service-main-img {
    border-radius: 10px;
  }

  .service-summary-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .service-feature-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

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

  .team-grid._1 {
    display: none;
  }

  .card-wrapper, .card-side.is-back, .team-member-img {
    border-radius: 10px;
  }

  .team-loop-wrapper {
    margin-top: 0;
    display: flex;
    overflow: hidden;
  }

  .contact-content-wrap {
    border-radius: 10px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
  }

  .form-wrap {
    border-radius: 10px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .form-left-wrap {
    border-radius: 10px;
  }

  .field-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .pricing-card {
    border-radius: 10px;
  }

  .row-para-wrap {
    padding-right: 10px;
  }

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

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

  .license-wrapp {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

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

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

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

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

  .utility-page-wrap {
    padding-top: 140px;
  }

  .password-field-wrap {
    margin-top: 20px;
  }

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

  ._404-img {
    max-width: 400px;
    margin-bottom: 20px;
  }

  .remove-this-button {
    bottom: 15px;
    right: 15px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_color---white-shade--stroke: #fefefe;
    --_color---text-color--secondary-text: #313b51;
    --_color---text-color--primary-text: #101828;
    --_color---white-shade--bg-color: #eff6ff;
    --_color---linear-color--deep-linear1: #0a0e1a;
    --_color---linear-color--deep-linear-2: #0a0e1ae6;
    --_color---white-shade--white: white;
    --_color---border-color--border-100: #cac7b1;
    --_color---text-color--grey: #666;
    --_color---text-color--white-text: #eff6ff;
    --_color---primary-color--primary: #9810fa;
    --_color---linear-color--linear-1: #3c1d88;
    --_color---linear-color--linear-2: #684fa3;
    --_color---white-shade--transparent: transparent;
    --_color---text-color--light-text: #5e6f8f;
    --_color---linear-color--white-linear-1: #fefefe;
    --_color---linear-color--white-linear-2: #dae6f500;
    --_color---border-color--border-300: #293177;
    --_color---white-shade--light-grey: #f6f6f6;
    --_color---border-color--border-white: #eff6ff;
    --_color---border-color--border-400: #cac7b14d;
    --_color---border-color--border-200: #9810fa80;
    --_typography---font-size--body-text-s: 16px;
    --_typography---line-height--xl: 150%;
    --_typography---font-weight--regular: 400;
    --_typography---font-size--h1: 36px;
    --_typography---line-height--s: 100%;
    --_typography---letter-spacing--h1: 0px;
    --_typography---font-size--h2: 30px;
    --_typography---line-height--m: 110%;
    --_typography---letter-spacing--h2: 0px;
    --_typography---font-size--h3: 26px;
    --_typography---line-height--l: 120%;
    --_typography---letter-spacing--h3: 0px;
    --_typography---font-size--h4: 18px;
    --_typography---letter-spacing--h4: 0px;
    --_typography---font-size--h5: 20px;
    --_typography---font-size--h6: 20px;
    --_typography---letter-spacing--body-text-s: 0px;
    --_typography---font-size--body-text-m: 16px;
    --_typography---letter-spacing--body-text-m: 0px;
    --_typography---font-size--body-text-l: 16px;
    --_typography---letter-spacing--body-text-l: 0px;
    --_typography---font-size--body-text-xs: 14px;
    --_typography---letter-spacing--body-text-xs: 0px;
    --_typography---font-weight--medium: 500;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
    --_spacing---section-spacing--s: 40px;
    --_spacing---container-pading--default: 15px;
    --_spacing---section-spacing--m: 20px;
  }

  .section.utility {
    justify-content: center;
    align-items: center;
  }

  .section.hero {
    padding-top: 120px;
  }

  .section.footer {
    padding-bottom: 20px;
  }

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

  .color-box {
    height: 150px;
  }

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

  .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;
  }

  .hero-button-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .dashboard-img-wrap, .dashboard-img {
    border-radius: 16px;
  }

  .nav-bg {
    padding: 10px 16px;
  }

  .brand-icon._2 {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
  }

  .hero-bottom-logo-wrap {
    height: 60px;
  }

  .left-shadow, .right-shadow {
    max-width: 100px;
  }

  .sub-wrapper._1, .sub-wrapper._2 {
    margin-bottom: 30px;
  }

  .identity-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .about-loop {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .drop-inner-box {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    padding: 20px;
  }

  .drop-inner-box.desktop.hide {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 16px;
    display: grid;
  }

  .menu-colum {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .drop-menu-list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .drop-menu-text {
    text-transform: uppercase;
  }

  .counter-number-wrap {
    height: 36px;
  }

  .tab-link.w--current {
    padding-bottom: 10px;
  }

  .work-card-wrapper {
    flex-flow: column;
  }

  .work-card-middle {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .testimonial-left-wrap {
    flex-flow: column;
  }

  .testimonial-user-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .faq-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-left: 0;
  }

  .faq-dropdown {
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .plus-minus {
    width: 12px;
    min-width: 12px;
    height: 12px;
    min-height: 12px;
  }

  .faq-toggle {
    padding-top: 15px;
  }

  .cta-bg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cta-button-wrapper {
    flex-flow: column;
  }

  .footer-loop-wrap {
    margin-bottom: 60px;
  }

  .footer-loop, .footer-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

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

  .footer-bottom-wrapper {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .footer-summary-wrap {
    display: none;
  }

  .logo-loop {
    margin-top: 40px;
  }

  .blog-main-img {
    height: 200px;
  }

  .details-content._2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .discover-all-blog {
    justify-content: space-between;
    align-items: center;
    padding-left: 15px;
  }

  .discover-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .tab-arrow {
    display: none;
  }

  .service-title-wrap {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .single-service {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    padding: 15px;
  }

  .service-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .service-icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
  }

  .service-feature-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .waitlist-info-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .text-field.contact.message {
    height: 100px;
  }

  .team-card {
    min-width: 250px;
  }

  .contact-info-grid {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .contact-content-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 20px 15px;
  }

  .info-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .form-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .form-left-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-left: 15px;
  }

  .contact-info-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .contact-info-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .field-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 20px;
  }

  .pricing-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 30px 15px;
  }

  .plan-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .feature-box {
    overflow: auto;
  }

  .row-content {
    margin-right: 40px;
  }

  .row-para {
    width: 200px;
  }

  .changelog-box {
    padding: 30px 15px;
  }

  .version-title {
    font-size: 24px;
  }

  .utility-page-wrap {
    padding-top: 100px;
  }

  .password-img {
    max-width: 200px;
  }

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

  .purchase-button-text {
    font-size: 14px;
  }

  .plus-minus-2 {
    width: 28px;
    min-width: 12px;
    height: 28px;
    min-height: 12px;
  }

  .plus-icon-2 {
    max-width: 12px;
  }
}

#w-node-_30c0da2a-5a23-50f0-38a3-8e1b392217a0-b17ba333 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}