@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Bold.ttf') format("truetype"), url('../fonts/InterDisplay-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-BoldItalic.ttf') format("truetype"), url('../fonts/InterDisplay-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --_colors---white: white;
  --font-family--body-font: Figtree, sans-serif;
  --font-sizes--body-03: 16px;
  --line-height--3xl: 140%;
  --font-weight--normal: 400;
  --font-family--heading-font: Figtree, sans-serif;
  --_colors---neutral-04: #41175e;
  --font-sizes--h1: 65px;
  --line-height--l: 110%;
  --font-weight--semibold: 600;
  --letter-spacing--xl: -.03em;
  --font-sizes--h2: 48px;
  --line-height--m: 116%;
  --font-weight--medium: 500;
  --letter-spacing--l: -.02em;
  --font-sizes--h3: 40px;
  --line-height--s: 110%;
  --letter-spacing--m: -.02em;
  --font-sizes--h4: 32px;
  --line-height--xl: 125%;
  --font-sizes--h5: 24px;
  --line-height--2xl: 133%;
  --letter-spacing--s: -.005em;
  --_sizes---gaps--gap-02: 10px;
  --_colors---neutral-01: #fbf9f9;
  --font-sizes--body-01: 20px;
  --_colors---colors--white\<deleted\|variable-a9fcb3bb-7fc4-d6de-dd3d-00d08034cb54\>: white;
  --_colors---neutral-02: #f4f1f5;
  --_colors---neutral-03: #f8f6f9;
  --_colors---color-01: #814bee;
  --_colors---color-02: #f77373;
  --font-sizes--display: 80px;
  --_sizes---gaps--gap-07: 24px;
  --_colors---colors--gray\<deleted\|variable-4f4ae3c6-9349-6e05-abbf-42f343ad755a\>: #141414;
  --font-sizes--body-02: 24px;
  --_sizes---gaps--gap-11: 60px;
  --_sizes---gaps--gap-14: 100px;
  --_sizes---gaps--gap-04: 16px;
  --_sizes---sizes--padding-07: 60px;
  --_sizes---sizes--padding-001: 16px;
  --_sizes---sizes--padding-01: 16px;
  --_sizes---gaps--gap-01: 8px;
  --_sizes---sizes--padding-05: 40px;
  --_sizes---gaps--gap-09: 40px;
  --xs: 95%;
  --font-weight--bold: 700;
  --_sizes---radius--radius-003: 16px;
  --font-sizes--body-04: 14px;
  --_sizes---gaps--gap-06: 20px;
  --_sizes---radius--radius-02: 12px;
  --_sizes---gaps--gap-08: 32px;
  --_sizes---sizes--padding-02: 20px;
  --_sizes---radius--radius-08: 100px;
  --4xl: 150%;
  --mop: 70%;
  --_sizes---sizes--padding-03: 30px;
  --_sizes---sizes--padding-04: 32px;
  --_sizes---radius--radius-01: 8px;
  --_sizes---sizes--padding-002: 24px;
  --_sizes---gaps--gap-05: 18px;
  --_sizes---gaps--gap-15: 172px;
  --_sizes---gaps--gap-10: 48px;
  --_sizes---gaps--gap-13: 72px;
  --_sizes---gaps--gap-0: 0px;
  --_sizes---gaps--gap-03: 12px;
  --_sizes---radius--radius-03: 20px;
  --_sizes---sizes--padding-08: 72px;
  --_sizes---sizes--padding-06: 48px;
  --_sizes---gaps--gap-12: 68px;
  --_sizes---radius--radius-04: 30px;
  --_sizes---radius--radius-05: 36px;
  --_sizes---radius--radius-06: 48px;
  --_sizes---radius--radius-07: 60px;
}

.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(--_colors---white);
  font-family: var(--font-family--body-font);
  color: #41175ead;
  font-size: var(--font-sizes--body-03);
  line-height: var(--line-height--3xl);
  font-weight: var(--font-weight--normal);
}

h1 {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h1);
  line-height: var(--line-height--l);
  font-weight: var(--font-weight--semibold);
  letter-spacing: var(--letter-spacing--xl);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h2);
  line-height: var(--line-height--m);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--l);
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h3);
  line-height: var(--line-height--s);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--m);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h4);
  line-height: var(--line-height--xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--m);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h5);
  line-height: var(--line-height--2xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--s);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  font-family: var(--font-family--body-font);
  color: #41175ec7;
  font-size: var(--font-sizes--body-03);
  line-height: var(--line-height--3xl);
  font-weight: var(--font-weight--normal);
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

ul {
  grid-column-gap: var(--_sizes---gaps--gap-02);
  grid-row-gap: var(--_sizes---gaps--gap-02);
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  display: flex;
}

li {
  font-weight: var(--font-weight--medium);
}

label {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-03);
  line-height: var(--line-height--m);
  font-weight: var(--font-weight--medium);
  margin-bottom: 0;
  display: block;
}

blockquote {
  background-color: var(--_colors---neutral-01);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-01);
  line-height: var(--line-height--3xl);
  border-left: 2px solid #41175e66;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
}

.color-box {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 60px;
  display: flex;
}

.color-box.neutral-01 {
  background-color: var(--_colors---neutral-01);
}

.color-box.neutral-02 {
  background-color: var(--_colors---neutral-02);
}

.color-box.neutral-03 {
  background-color: var(--_colors---neutral-03);
}

.color-box.neutral-04 {
  background-color: var(--_colors---neutral-04);
}

.color-box.color-01 {
  background-color: var(--_colors---color-01);
}

.color-box.color-02 {
  background-color: var(--_colors---color-02);
}

.color-box.white {
  background-color: var(--_colors---white);
}

.display-h1 {
  font-size: var(--font-sizes--display);
  line-height: var(--line-height--l);
  letter-spacing: var(--letter-spacing--m);
}

.typography-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.color-name {
  opacity: 1;
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-03);
}

.color-name.white {
  color: var(--_colors---white);
}

.buttons {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--_colors---colors--gray\<deleted\|variable-4f4ae3c6-9349-6e05-abbf-42f343ad755a\>);
  flex-flow: wrap;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.styleguide-title-wrapper {
  width: 20%;
}

.color-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f7737380;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 24px;
  display: grid;
}

.styleguide-title {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-02);
  font-weight: var(--font-weight--medium);
}

.styleguide-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-11);
  grid-row-gap: var(--_sizes---gaps--gap-11);
  flex-flow: column;
  display: flex;
}

.single-styleguide {
  grid-column-gap: var(--_sizes---gaps--gap-14);
  grid-row-gap: var(--_sizes---gaps--gap-14);
  flex-flow: row;
  align-items: flex-start;
  display: flex;
}

.styleguide-section {
  position: relative;
}

.container {
  z-index: 10;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: none;
  height: auto;
  display: flex;
  position: relative;
}

.container.cta, .container.small {
  max-width: 700px;
}

.container.medium {
  max-width: 800px;
}

.container.changelog {
  max-width: 950px;
}

.section-content-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-02);
  grid-row-gap: var(--_sizes---gaps--gap-02);
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.section-content-wrapper.career {
  background-color: var(--_colors---neutral-01);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.section-content-wrapper.style-02 {
  flex-flow: row;
  justify-content: space-between;
}

.section-content-wrapper.align-center {
  align-items: center;
}

.roadmap-icon {
  width: 57%;
  position: absolute;
}

.footer-links {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.section-padding {
  padding: var(--_sizes---sizes--padding-07) var(--_sizes---sizes--padding-001);
}

.all-sections {
  width: 100%;
  padding-right: var(--_sizes---sizes--padding-01);
  padding-left: var(--_sizes---sizes--padding-01);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.large-container {
  border-right: 1px solid var(--_colors---neutral-02);
  border-left: 1px solid var(--_colors---neutral-02);
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.hero-section.section-padding {
  padding-top: var(--_sizes---sizes--padding-05);
}

.hero-content-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  flex-flow: column;
  align-items: center;
  display: flex;
}

.hero-content-wrapper.home {
  z-index: 5;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  display: flex;
  position: relative;
}

.hero-content-wrapper.integration {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.hero-content-wrapper.integration.centred {
  justify-content: center;
  align-items: flex-start;
}

.title-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-wrapper.align-center {
  text-align: center;
  align-items: center;
}

.title-wrapper.centred {
  justify-content: flex-start;
  align-items: center;
}

.hero-title {
  line-height: var(--xs);
  font-weight: var(--font-weight--bold);
}

.hero-title.career {
  pointer-events: auto;
  text-align: left;
  max-width: 700px;
  transition: opacity .2s;
}

.hero-title.career.centred {
  text-align: center;
}

.hero-title.left {
  text-align: left;
}

.hero-subtitle {
  text-align: left;
  letter-spacing: -.02em;
}

.hero-subtitle.centred {
  text-align: center;
}

.hero-label {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: var(--_sizes---radius--radius-003);
  background-color: var(--_colors---white);
  align-items: center;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.label-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(130deg, #f77373, #c762f6 50%, #814bee);
  -webkit-background-clip: text;
  background-clip: text;
}

.hero-label-wrapper {
  border-radius: var(--_sizes---radius--radius-003);
  background-image: linear-gradient(130deg, #f77373, #c762f6 50%, #814bee);
  padding: 1px;
  overflow: hidden;
  box-shadow: 0 0 6px #c762f680;
}

.hero-sparkle {
  justify-content: center;
  align-items: center;
  width: 200%;
  min-width: 180%;
  margin-top: -3%;
  margin-bottom: -3%;
  display: flex;
}

.highlight-title {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(130deg, #eb6d6d, #be325e), url('../images/Noise-4.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.hero-image {
  pointer-events: none;
  width: 100%;
  min-width: 103%;
  margin-top: -53%;
  margin-left: -1%;
  position: relative;
}

.hero-button-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  align-items: center;
  display: flex;
}

.primary-button {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-radius: var(--_sizes---radius--radius-003);
  color: var(--_colors---white);
  background-image: linear-gradient(120deg, #390d91, #33075f 50%, #440660), url('../images/Noise-4.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-content-wrapper {
  padding-right: 6px;
  position: relative;
  overflow: hidden;
}

.button-content {
  color: var(--_colors---white);
  font-size: var(--font-sizes--body-04);
}

.button-content.hover {
  position: absolute;
}

.button-icon-box {
  border-radius: var(--_sizes---radius--radius-02);
  background-image: url('../images/V1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-icon.hover {
  position: absolute;
}

.link-button {
  color: var(--_colors---neutral-04);
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.link-button:hover {
  color: var(--_colors---color-02);
}

.link-button.style-02 {
  background-image: url('../images/CaretLeft.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 20px;
}

.link-button.style-02:hover {
  background-image: url('../images/CaretLeft-1.svg');
  padding-right: 24px;
}

.link-button.style-03 {
  background-image: url('../images/CaretLeft-4.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  align-items: center;
  padding-right: 20px;
  display: flex;
}

.link-button.style-03 {
  background-image: url('../images/arrow-narrow-down.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 24px;
}

.link-button.style-03:hover {
  background-image: url('../images/arrow-narrow-down-1.svg');
  padding-right: 30px;
}

.link-button.style-04 {
  background-image: url('../images/CaretLeft-4.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  align-items: center;
  padding-right: 20px;
  display: flex;
}

.link-button.style-04:hover {
  padding-right: 24px;
}

.hero-top-content {
  grid-column-gap: var(--_sizes---gaps--gap-08);
  grid-row-gap: var(--_sizes---gaps--gap-08);
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.hero-top-content.align-center {
  align-items: center;
}

.icon-list-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  letter-spacing: -.02em;
  column-count: 2;
  column-rule: 1px solid var(--_colors---neutral-02);
  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;
  column-gap: 16px;
  display: flex;
}

.single-icon-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
}

.list-icon-box {
  width: 28px;
}

.list-text {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-03);
  font-weight: var(--font-weight--medium);
}

.text-divider {
  background-color: var(--_colors---neutral-02);
  width: 1.5px;
  height: 20px;
}

.brand-section {
  width: 100%;
  padding: var(--_sizes---sizes--padding-05) var(--_sizes---sizes--padding-01) var(--_sizes---sizes--padding-02);
  background-image: url('../images/Line-Wrapper-1.svg');
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
}

.brand-content-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.div-block {
  border-radius: var(--_sizes---radius--radius-08);
  background-color: var(--_colors---neutral-04);
  width: 6px;
  height: 6px;
}

.brand-label {
  grid-column-gap: var(--_sizes---gaps--gap-02);
  grid-row-gap: var(--_sizes---gaps--gap-02);
  align-items: center;
  display: flex;
}

.brand-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: flex-start;
  place-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.brand-logo {
  width: 100%;
  max-width: var(--4xl);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.brand-logo.mop {
  width: 100%;
  max-width: var(--mop);
}

.brand-logo.cbrm {
  width: 100%;
  max-width: var(--4xl);
}

.brand-logo.amans {
  width: 80%;
}

.brand-title {
  font-weight: var(--font-weight--medium);
}

.feature-section {
  width: 100%;
}

.feature-section.section-padding {
  padding-top: var(--_sizes---sizes--padding-05);
  margin-bottom: 0;
  padding-bottom: 0;
}

.feature-section._02 {
  background-color: var(--_colors---neutral-01);
}

.feature-card-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.single-feature-card {
  padding-top: var(--_sizes---sizes--padding-02);
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  border-left: 1px solid var(--_colors---color-01);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-left: 15px;
  display: flex;
  overflow: hidden;
}

.single-feature-card._02 {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  border-left-color: var(--_colors---color-02);
}

.single-feature-card._03 {
  height: 100%;
}

.feature-card-title-wrapper {
  padding-right: var(--_sizes---sizes--padding-03);
  padding-left: var(--_sizes---sizes--padding-001);
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.feature-card-title {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h5);
  line-height: var(--line-height--2xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--m);
}

.feature-subtitle {
  letter-spacing: -.02em;
}

.feature-card-image-wrapper-01 {
  width: 100%;
  padding-right: var(--_sizes---sizes--padding-03);
  padding-left: var(--_sizes---sizes--padding-03);
  justify-content: center;
  align-items: center;
  margin-bottom: -45%;
  display: flex;
  position: relative;
}

.feature-card-image {
  width: 100%;
}

.feature-card-logo {
  z-index: 2;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 14px;
  width: 65px;
  margin-bottom: 0%;
  margin-left: 0%;
  position: absolute;
}

.feature-card-image-wrapper-02 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 40%;
  display: flex;
  position: relative;
}

.feature-card-image-wrapper-03 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.horizontal-divider {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #41175e0f;
  border-bottom: 1px solid #41175e0f;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 1400px;
  height: 60px;
  margin-top: 30px;
  display: flex;
  overflow: hidden;
}

.horizontal-divider.ticker {
  height: 160px;
}

.divider-line {
  background-color: #41175e0f;
  width: 1px;
  height: 100%;
}

.divider-line._01 {
  opacity: 0;
}

.feature-card-wrapper-02 {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.feature-card-header {
  padding: var(--_sizes---sizes--padding-01) var(--_sizes---sizes--padding-04) var(--_sizes---sizes--padding-01) var(--_sizes---sizes--padding-01);
  grid-column-gap: var(--_sizes---gaps--gap-08);
  grid-row-gap: var(--_sizes---gaps--gap-08);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.single-feature-card-02 {
  padding: var(--_sizes---sizes--padding-01) var(--_sizes---sizes--padding-04) var(--_sizes---sizes--padding-01) var(--_sizes---sizes--padding-01);
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  background-color: var(--_colors---neutral-01);
  border-left: 1px solid #41175e66;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.feature-card-icon-box {
  border-radius: var(--_sizes---radius--radius-01);
  background-color: var(--_colors---white);
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  box-shadow: 3px 4px 12px 2px #0003;
}

.feature-card-icon {
  max-width: 100%;
}

.feature-card-title-wrapper-02 {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.feature-card-title-02 {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-01);
  line-height: var(--line-height--xl);
  font-weight: var(--font-weight--medium);
}

.section-title-wrapper {
  z-index: 2;
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  align-items: flex-start;
  max-width: none;
  display: flex;
  position: relative;
}

.section-title-wrapper.max-width {
  max-width: 410px;
}

.section-title-wrapper.career {
  max-width: 650px;
}

.label {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.label-icon {
  justify-content: center;
  align-items: center;
  width: 28px;
  display: flex;
}

.section-title {
  font-size: var(--font-sizes--h4);
  line-height: var(--xs);
  margin-bottom: 0;
}

.section-subtitle {
  color: #41175e;
  font-size: var(--font-sizes--body-03);
  line-height: var(--line-height--m);
  letter-spacing: -.01em;
  font-weight: 300;
}

.section-subtitle.cta {
  max-width: 342px;
}

.section-subtitle.left {
  text-align: left;
}

.feature-card-wrapper-03 {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 20px;
  display: grid;
}

.single-feature-card-03 {
  padding: var(--_sizes---sizes--padding-01) 10px var(--_sizes---sizes--padding-01) 20px;
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  border-left: 1px solid var(--_colors---color-01);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.single-feature-card-03.style-02 {
  flex-flow: column-reverse;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.single-feature-card-03._02 {
  border-left-color: var(--_colors---color-02);
}

.single-feature-card-03._02.style-02 {
  justify-content: space-around;
  align-items: center;
}

.single-feature-card-03.style-03 {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.feature-card-image-03 {
  width: 100%;
}

.feature-card-image-03.style-02 {
  width: 62%;
  margin-bottom: 6%;
  margin-left: auto;
  margin-right: auto;
}

.feature-card-image-03.style-03 {
  margin-left: var(--_sizes---sizes--padding-03);
}

.feature-card-title-wrapper-03 {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  display: flex;
}

.feature-card-title-wrapper-03.style-02 {
  padding-left: 15px;
}

.feature-card-title-03 {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-01);
  line-height: var(--line-height--l);
  font-weight: var(--font-weight--medium);
}

.feature-card-image-wrapper {
  width: 100%;
  position: relative;
}

.feature-card-object {
  position: absolute;
  bottom: 20px;
  right: 10%;
}

.testimonial-section {
  width: 100%;
}

.testimonial-slider {
  background-color: #ddd0;
  width: 100%;
  height: auto;
}

.testimonial-slider-mask {
  width: 100%;
  height: auto;
}

.testimonial-inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 1000px;
  display: flex;
}

.testimonial-content {
  font-size: var(--font-sizes--body-01);
  margin-bottom: 20px;
}

.testimonial-author {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  align-items: center;
  display: flex;
}

.testimonial-author-image {
  border-radius: var(--_sizes---radius--radius-08);
  width: 60px;
  height: 60px;
}

.testimonial-image {
  width: 100%;
}

.testimonial-author-details {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.testimonial-slider-nav {
  display: none;
}

.testimonial-author-name {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-01);
  font-weight: var(--font-weight--medium);
}

.testimonial-author-designation {
  opacity: .3;
  color: var(--_colors---neutral-04);
  font-weight: var(--font-weight--medium);
}

.testimonial-author-designation.style-02 {
  opacity: .68;
  font-weight: var(--font-weight--normal);
}

.testimonial-content-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.testimonial-arrow {
  border-radius: var(--_sizes---radius--radius-003);
  background-color: var(--_colors---neutral-03);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-top: auto;
  margin-bottom: 10px;
  transition: all .3s ease-in-out;
  display: flex;
  box-shadow: 0 4px .1px -1px #efebeb;
}

.testimonial-arrow:hover {
  background-color: var(--_colors---neutral-01);
  box-shadow: 0 2px .1px -1px #efebeb;
}

.testimonial-arrow.left {
  left: auto;
  right: 70px;
}

.testimonial-slider-wrapper {
  width: 100%;
  position: relative;
}

.testimonial-slider-numbers {
  z-index: 5;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 18px;
  right: 140px;
}

.testimonial-nav-number {
  z-index: 5;
  opacity: .3;
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-01);
  font-weight: var(--font-weight--medium);
  display: inline-block;
}

.testimonial-nav-number._02, .testimonial-nav-number._03 {
  display: none;
  position: absolute;
}

.testimonial-number-wrapper {
  justify-content: center;
  align-items: center;
  width: 14px;
  display: flex;
}

.feature-card-wrapper-04 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.single-feature-card-04 {
  padding-top: var(--_sizes---sizes--padding-01);
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  border-bottom: 1px #41175e33;
  border-left: 1px solid #41175e33;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.single-feature-card-04.top {
  border-bottom-style: solid;
}

.single-feature-card-04.top._02 {
  padding-top: var(--_sizes---sizes--padding-03);
}

.single-feature-card-04.top._01 {
  padding-top: var(--_sizes---sizes--padding-03);
  justify-content: space-between;
}

.single-feature-card-04.top._03, .single-feature-card-04.bottom {
  padding-top: var(--_sizes---sizes--padding-03);
}

.feature-card-title-wrapper-04 {
  padding-right: var(--_sizes---sizes--padding-03);
  padding-left: var(--_sizes---sizes--padding-03);
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.feature-card-title-wrapper-04.max-width {
  max-width: 480px;
}

.features {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  display: flex;
}

.pricing-section {
  width: 100%;
}

.pricing-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.pro-plan {
  padding: var(--_sizes---sizes--padding-002);
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  background-color: var(--_colors---neutral-01);
  border-left: 1px solid #41175e66;
  flex-flow: column;
  display: flex;
}

.pricing-header {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  align-items: center;
  display: flex;
}

.pricing-icon-box {
  border-radius: var(--_sizes---radius--radius-003);
  background-color: var(--_colors---white);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-top: auto;
  margin-bottom: 0;
  transition: all .3s ease-in-out;
  display: flex;
  box-shadow: 0 4px .1px -1px #efebeb;
}

.pricing-icon-box:hover {
  background-color: var(--_colors---neutral-01);
  box-shadow: 0 2px .1px -1px #efebeb;
}

.pricing-title {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-02);
  font-weight: var(--font-weight--medium);
}

.pricing-title-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-01);
  grid-row-gap: var(--_sizes---gaps--gap-01);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.pricing-top {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  display: flex;
}

.pricing-area {
  width: 100%;
  padding: var(--_sizes---sizes--padding-01);
  border-left: 1px solid var(--_colors---neutral-02);
  border-radius: var(--_sizes---radius--radius-003);
  background-color: var(--_colors---white);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.pricing-left {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.compare-pricing {
  opacity: .4;
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h5);
  line-height: var(--line-height--2xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--s);
  text-decoration: line-through;
}

.price {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(130deg, #f77373, #c762f6 50%, #814bee);
  -webkit-background-clip: text;
  background-clip: text;
}

.price-duration {
  font-size: var(--font-sizes--body-03);
  font-weight: var(--font-weight--normal);
  letter-spacing: 0;
}

.price-toggle-button-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: var(--_sizes---radius--radius-08);
  background-color: #f3f3f3;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.monthly-text {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-04);
  font-weight: var(--font-weight--medium);
}

.pricing-toggle-button {
  border-radius: var(--_sizes---radius--radius-08);
  background-color: var(--_colors---white);
  cursor: pointer;
  align-items: center;
  width: 38px;
  height: 20px;
  padding-left: 2px;
  display: flex;
  box-shadow: inset 0 0 7.78px #ffffffbf;
}

.pricing-toggle-active-circle {
  border-radius: var(--_sizes---radius--radius-08);
  background-color: var(--_colors---neutral-04);
  width: 15px;
  height: 15px;
}

.pricing-bottom {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.pricing-features {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.pricing-features.grid {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.single-pricing-feature {
  grid-column-gap: var(--_sizes---gaps--gap-01);
  grid-row-gap: var(--_sizes---gaps--gap-01);
  align-items: center;
  display: flex;
}

.pricing-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.secondary-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--_colors---neutral-02);
  border-radius: var(--_sizes---radius--radius-003);
  background-color: var(--_colors---white);
  color: var(--_colors---white);
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-content-02 {
  color: var(--_colors---neutral-04);
}

.button-content-02.hover {
  position: absolute;
}

.standard-plan {
  padding: var(--_sizes---sizes--padding-002);
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  background-color: var(--_colors---neutral-01);
  border-left: 2px solid #41175e66;
  flex-flow: column;
  display: flex;
}

.pricing-inner-border {
  background-color: var(--_colors---neutral-02);
  width: 100%;
  height: 1px;
}

.prices {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.prices.pro-yearly {
  display: none;
}

.prices.pro-monthly, .prices.standard-monthly {
  display: flex;
}

.prices.standard-yearly {
  display: none;
}

.yearly-text {
  opacity: .68;
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-04);
  font-weight: var(--font-weight--medium);
}

.yearly-text.pro {
  opacity: .68;
}

.cta-section {
  width: 100%;
  overflow: hidden;
}

.cta-image {
  width: 100%;
}

.cta-content-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  align-items: center;
  display: flex;
}

.cta-bottom {
  grid-column-gap: var(--_sizes---gaps--gap-08);
  grid-row-gap: var(--_sizes---gaps--gap-08);
  flex-flow: column;
  align-items: center;
  display: flex;
}

.cta-area {
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.horizontal-line-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.cta-container {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.horizontal-lines {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--_colors---white);
  border-left: 1px solid #41175e0f;
  border-right: 1px solid #41175e0f;
  flex-flow: column;
  width: 94px;
  height: auto;
  display: flex;
}

.horizontal-lines.left {
  border-left-style: none;
}

.horizontal-lines.right {
  border-right-style: none;
}

.horizontal-line {
  background-color: var(--_colors---neutral-04);
  opacity: .06;
  width: 100%;
  height: 1px;
}

.cta-image-wrapper {
  flex-flow: column;
  align-items: center;
  width: 100%;
  margin-top: -40%;
  display: flex;
}

.cta-ticker {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-ticker-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 40%;
  color: var(--_colors---neutral-02);
  font-size: var(--font-sizes--h2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: flex;
}

.single-cta-ticker-inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 1500px;
  min-width: 1500px;
  line-height: var(--line-height--2xl);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.cta-ticker-divider {
  border-radius: var(--_sizes---radius--radius-08);
  background-color: var(--_colors---neutral-02);
  width: 20px;
  height: 20px;
}

.cta-ticker-content-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  width: 100%;
  color: var(--_colors---neutral-02);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: absolute;
}

.footer-section {
  width: 100%;
  overflow: hidden;
}

.footer-section.section-padding {
  padding-top: var(--_sizes---sizes--padding-04);
}

.footer-content-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-05);
  grid-row-gap: var(--_sizes---gaps--gap-05);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-content-left {
  grid-column-gap: var(--_sizes---gaps--gap-11);
  grid-row-gap: var(--_sizes---gaps--gap-11);
  align-items: flex-start;
  display: flex;
}

.footer-link-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}

.footer-link-title {
  color: var(--_colors---neutral-04);
  font-size: var(--\<unknown\|variable-661ed598-ac7b-19d6-1152-d1ab21395047\>);
  font-weight: var(--font-weight--medium);
}

.footer-link {
  opacity: .68;
  color: var(--_colors---neutral-04);
  font-weight: var(--font-weight--normal);
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.footer-link:hover {
  opacity: 100;
  color: var(--_colors---color-02);
}

.footer-right {
  width: 100%;
  max-width: 355px;
}

.newsletter-form-block {
  width: 100%;
  margin-bottom: 0;
}

.newsletter-form {
  position: relative;
}

.newsletter-form-field {
  border: 2px solid var(--_colors---neutral-02);
  border-radius: var(--_sizes---radius--radius-003);
  background-color: var(--_colors---neutral-01);
  height: 56px;
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-03);
  font-weight: var(--font-weight--normal);
  margin-bottom: 0;
  padding: 10px 60px 10px 16px;
  transition: all .3s ease-in-out;
}

.newsletter-form-field:hover {
  border-color: var(--_colors---neutral-04);
}

.newsletter-form-field:focus {
  border-style: solid;
  border-color: var(--_colors---neutral-04);
}

.newsletter-form-field::placeholder {
  color: #41175e80;
  font-size: var(--font-sizes--body-04);
}

.newsletter-submit-button {
  z-index: 2;
  background-color: var(--_colors---white);
  background-image: url('../images/Vector-7083.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 10px;
  width: 48px;
  height: 48px;
  transition: all .3s ease-in-out;
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.newsletter-submit-button:hover {
  background-color: var(--_colors---neutral-04);
  background-image: url('../images/Vector-7083-1.svg');
}

.footer-border {
  background-color: var(--_colors---neutral-04);
  opacity: .06;
  width: 120%;
  height: 1px;
  margin-left: -10%;
}

.footer-top-content {
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.copyright {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.copyright-links {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  align-items: center;
  display: flex;
}

.footer-link-divider {
  opacity: .68;
  color: var(--_colors---neutral-04);
  font-weight: var(--font-weight--normal);
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.footer-link-divider:hover {
  opacity: 100;
}

.quick-link {
  opacity: .78;
  color: var(--_colors---neutral-04);
  text-decoration: none;
}

.quick-link:hover {
  opacity: 100;
  color: var(--_colors---color-02);
}

.hero-label-icon-box {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 15px;
  display: flex;
}

.breadcumb-link {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(130deg, #f77373, #c762f6 50%, #814bee);
  -webkit-background-clip: text;
  background-clip: text;
}

.breadcumb-link:hover {
  background-image: linear-gradient(320deg, #f77373, #c762f6 50%, #814bee);
}

.breadcumb-wrapper {
  border-radius: var(--_sizes---radius--radius-003);
  background-image: linear-gradient(130deg, #f77373, #c762f6 50%, #814bee);
  padding: 1px;
  overflow: hidden;
  box-shadow: 0 0 6px #c762f680;
}

.bread-cumbs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: var(--_sizes---radius--radius-003);
  background-color: var(--_colors---white);
  align-items: center;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.breadcumb-divider, .page-name {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(130deg, #f77373, #c762f6 50%, #814bee);
  -webkit-background-clip: text;
  background-clip: text;
}

.page-name:hover {
  background-image: linear-gradient(320deg, #f77373, #c762f6 50%, #814bee);
}

.hero-bottom {
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  flex-flow: column;
  align-items: center;
  display: flex;
}

.author-images {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  justify-content: center;
  align-items: center;
  width: 460px;
  min-width: 460px;
  display: flex;
}

.hero-author-image {
  border-radius: var(--_sizes---radius--radius-08);
  object-fit: cover;
  width: 60px;
  height: 60px;
}

.author-ticker {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 560px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.author-ticker-shadow-left {
  background-image: linear-gradient(90deg, var(--_colors---white) 15%, #fff0);
  width: 30%;
  height: 100%;
  position: absolute;
  left: 0;
}

.author-ticker-shadow-right {
  background-image: linear-gradient(260deg, var(--_colors---white) 15%, #fff0);
  width: 30%;
  height: 100%;
  position: absolute;
  right: 0;
}

.mission-section {
  width: 100%;
}

.mission-section.section-padding {
  padding-top: var(--_sizes---sizes--padding-04);
  padding-bottom: var(--_sizes---sizes--padding-04);
}

.mission-tab {
  justify-content: space-between;
  display: flex;
}

.mission-tab-menu {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  align-items: flex-start;
  width: 20%;
  display: flex;
}

.mission-tab-content {
  width: 70%;
  margin-left: 20px;
}

.mission-tab-link {
  border-left: 2px solid var(--_colors---neutral-04);
  opacity: .3;
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-02);
  line-height: var(--line-height--2xl);
  font-weight: var(--font-weight--medium);
  background-color: #ddd0;
  padding: 0 0 0 16px;
  text-decoration: none;
}

.mission-tab-link.w--current {
  border-left-color: var(--_colors---color-02);
  opacity: 1;
  background-color: #ddd0;
}

.single-mission-tab-content {
  padding: var(--_sizes---sizes--padding-002);
  grid-column-gap: var(--_sizes---gaps--gap-08);
  grid-row-gap: var(--_sizes---gaps--gap-08);
  background-color: var(--_colors---neutral-01);
  border-left: 1px solid #814bee80;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.mission-tab-left-content {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.mission-tab-content-title {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-01);
  font-weight: var(--font-weight--medium);
}

.mission-tab-title-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.mission-content-image {
  border-radius: 6px;
}

.stats-section {
  width: 100%;
}

.stats-content-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  justify-content: space-between;
  display: flex;
}

.stats-left {
  grid-column-gap: var(--_sizes---gaps--gap-15);
  grid-row-gap: var(--_sizes---gaps--gap-15);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.stats-bottom {
  grid-column-gap: var(--_sizes---gaps--gap-08);
  grid-row-gap: var(--_sizes---gaps--gap-08);
  flex-flow: column;
  align-items: flex-start;
  max-width: 400px;
  display: flex;
}

.stats-bottom-title {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-02);
  line-height: var(--line-height--2xl);
  font-weight: var(--font-weight--medium);
}

.stats-bottom-title.left {
  text-align: left;
}

.link-button-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(130deg, #f77373, #c762f6 50%, #814bee);
  -webkit-background-clip: text;
  background-clip: text;
}

.stats-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.single-stats {
  width: 100%;
  padding: var(--_sizes---sizes--padding-01) var(--_sizes---sizes--padding-02);
  grid-column-gap: var(--_sizes---gaps--gap-02);
  grid-row-gap: var(--_sizes---gaps--gap-02);
  border-left: 1px solid var(--_colors---color-02);
  background-color: var(--_colors---neutral-01);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.single-stats._02 {
  border-left-color: var(--_colors---color-01);
  width: 90%;
}

.single-stats._03 {
  width: 80%;
}

.single-stats._04 {
  border-left-color: var(--_colors---color-01);
  width: 70%;
}

.stats-number {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h4);
  line-height: var(--line-height--xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--m);
}

.stats-subtitle {
  color: var(--_colors---neutral-04);
}

.team-section {
  width: 100%;
}

.team-members {
  grid-column-gap: var(--_sizes---gaps--gap-08);
  grid-row-gap: var(--_sizes---gaps--gap-08);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}

.single-member {
  width: 100%;
  padding-left: var(--_sizes---sizes--padding-02);
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  border-left: 1px solid var(--_colors---neutral-04);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.member-left {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  align-items: center;
  width: 72%;
  display: flex;
}

.member-image {
  filter: grayscale();
  width: 100px;
  box-shadow: inset 0 0 64px -10px #50321780;
}

.member-details {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.member-name {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-01);
  font-weight: var(--font-weight--medium);
}

.member-designation {
  opacity: .68;
  color: var(--_colors---color-02);
  font-size: var(--font-sizes--body-03);
  font-weight: var(--font-weight--medium);
}

.member-company {
  opacity: .68;
  color: var(--_colors---neutral-04);
}

.member-socials {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.member-social-link {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.member-social-icon.hover {
  z-index: 5;
  opacity: 0;
  transition: all .3s ease-in-out;
  position: absolute;
}

.member-social-icon.hover:hover {
  opacity: 100;
}

.overview-section {
  width: 100%;
}

.overview-content-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.single-overview-card {
  padding: var(--_sizes---sizes--padding-02);
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  background-color: var(--_colors---neutral-01);
  border-left: 1px solid #41175e66;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.single-overview-card.style-02 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.overview-title-wrapper {
  grid-column-gap: var(--_sizes---radius--radius-003);
  grid-row-gap: var(--_sizes---radius--radius-003);
  flex-flow: column;
  display: flex;
}

.overview-title-wrapper.style-02 {
  grid-column-gap: var(--_sizes---radius--radius-01);
  grid-row-gap: var(--_sizes---radius--radius-01);
}

.overview-card-title {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-02);
  line-height: var(--line-height--2xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--s);
}

.overview-card-title.style-02 {
  font-size: var(--font-sizes--body-03);
}

.overview-card-title.style-02.white {
  color: var(--_colors---white);
}

.overview-subtitle.white {
  opacity: .68;
  color: var(--_colors---white);
}

.overview-top {
  grid-column-gap: var(--_sizes---gaps--gap-08);
  grid-row-gap: var(--_sizes---gaps--gap-08);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.overview-icon-box {
  border-radius: var(--_sizes---radius--radius-08);
  background-color: var(--_colors---white);
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  display: flex;
}

.overview-icon-box.style-02 {
  border: 2px solid var(--_colors---white);
  background-color: var(--_colors---neutral-02);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  width: 45px;
  height: 45px;
  padding-left: 12px;
  padding-right: 12px;
}

.overview-icon-box.style-02._02 {
  margin-left: -12px;
  margin-right: -12px;
}

.overview-right {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  flex-flow: column;
  display: flex;
}

.overview-right-top {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.overview-logo-wrapper {
  display: flex;
}

.overview-icon {
  width: 100%;
}

.overview-top-left {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  flex-flow: column;
  display: flex;
}

.overview-number.white {
  color: var(--_colors---white);
}

.overview-right-card {
  padding: var(--_sizes---sizes--padding-002);
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  background-image: linear-gradient(130deg, #f77373, #c762f6 50%, #814bee);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.overview-socials {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  display: flex;
}

.career-section {
  width: 100%;
}

.padding {
  padding-right: var(--_sizes---sizes--padding-001);
  padding-left: var(--_sizes---sizes--padding-001);
}

.blog-section {
  background-color: var(--_colors---neutral-01);
  width: 100%;
}

.single-blog {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.blog-thumbnail-wrapper {
  border-radius: var(--_sizes---radius--radius-003);
  overflow: hidden;
}

.blog-thumbnail {
  object-fit: cover;
  width: 100%;
  transition: all .3s ease-in-out;
}

.blog-thumbnail:hover {
  transform: scale(1.1);
}

.blog-thumbnail.featured {
  object-fit: cover;
  height: 400px;
}

.blog-title-wrapper {
  width: 90%;
  padding-left: var(--_sizes---sizes--padding-01);
  grid-column-gap: var(--_sizes---gaps--gap-01);
  grid-row-gap: var(--_sizes---gaps--gap-01);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.blog-title-wrapper.style-02 {
  padding-left: 0;
}

.blog-date {
  grid-column-gap: var(--_sizes---gaps--gap-01);
  grid-row-gap: var(--_sizes---gaps--gap-01);
  align-items: center;
  display: flex;
}

.blog-date-text {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-03);
}

.blog-title {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h5);
  line-height: var(--line-height--2xl);
  font-weight: var(--font-weight--medium);
}

.blog-collection-list-wrapper {
  width: 100%;
}

.blog-list {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-top {
  grid-column-gap: var(--_sizes---gaps--gap-01);
  grid-row-gap: var(--_sizes---gaps--gap-01);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.blog-category {
  color: var(--_colors---neutral-04);
}

.blog-circle-divider {
  border-radius: var(--_sizes---radius--radius-08);
  background-color: #41175e33;
  width: 6px;
  height: 6px;
}

.featured-blog-section {
  width: 100%;
}

.pagination {
  margin-top: var(--_sizes---gaps--gap-09);
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.page-count {
  width: auto;
  margin-top: 0;
}

.blog-pagination-previews-arrow {
  border-radius: var(--_sizes---radius--radius-08);
  background-color: var(--_colors---neutral-01);
  background-image: url('../images/Previous-Page-Icon-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 45px;
  height: 45px;
  transition: all .3s ease-in-out;
}

.blog-pagination-previews-arrow:hover {
  background-color: var(--_colors---neutral-04);
  background-image: url('../images/Previous-Page-Icon-3.svg');
}

.blog-pagination-next-arrow {
  border-radius: var(--_sizes---radius--radius-08);
  background-color: var(--_colors---neutral-01);
  background-image: url('../images/Previous-Page-Icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 45px;
  height: 45px;
  transition: all .3s ease-in-out;
}

.blog-pagination-next-arrow:hover {
  background-color: var(--_colors---neutral-04);
  background-image: url('../images/Previous-Page-Icon-1.svg');
}

.blog-details-section, .single-blog-thumbnail {
  width: 100%;
}

.single-blog-image-wrapper {
  border-radius: var(--_sizes---radius--radius-003);
  width: 100%;
  overflow: hidden;
}

.policy-section, .changelog-section {
  width: 100%;
}

.changelog-content-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-11);
  grid-row-gap: var(--_sizes---gaps--gap-11);
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.single-changelog {
  z-index: 2;
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.changelog-date-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: row;
  align-items: center;
  display: flex;
}

.changelog-point {
  justify-content: center;
  align-items: center;
  display: flex;
}

.changelog-point-inner {
  border-radius: var(--_sizes---radius--radius-08);
  background-color: var(--_colors---neutral-04);
  outline-offset: 0px;
  outline: 4px solid #b9ada2;
  width: 8px;
  height: 8px;
}

.changelog-date {
  font-size: var(--font-sizes--body-01);
}

.changelog-content {
  margin-left: var(--_sizes---gaps--gap-07);
  padding: var(--_sizes---sizes--padding-04);
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  background-color: var(--_colors---neutral-01);
  border-left: 1px solid #41175e66;
  flex-flow: column;
  display: flex;
}

.changelog-title {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h4);
  line-height: var(--line-height--xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--m);
}

.changelog-line {
  border-left: 2px dashed var(--_colors---neutral-04);
  opacity: .7;
  height: 100%;
  position: absolute;
  left: 3px;
}

.compare-pricing-section {
  width: 100%;
  overflow: hidden;
}

.compare-plan-area {
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  flex-flow: column;
  display: flex;
}

.compare-features-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.compare-features-wrapper.left {
  width: 24%;
  overflow: hidden;
}

.single-plan-feature {
  align-items: center;
  width: 100%;
  height: 30px;
  display: flex;
}

.single-plan-feature.plan-header {
  width: 100%;
  padding: var(--_sizes---sizes--padding-002);
  background-color: var(--_colors---neutral-01);
}

.single-plan-feature.plan-header.style-02 {
  background-color: #fbf9f900;
}

.single-plan-feature.plan-header.left {
  border-left: 1px solid var(--_colors---color-02);
}

.single-plan-feature.align-center {
  text-align: center;
  flex-flow: column;
  justify-content: center;
}

.compare-plan-title {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-02);
  font-weight: var(--font-weight--medium);
}

.compare-feature-text {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-01);
  font-weight: var(--font-weight--medium);
}

.compare-plan-features {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.compare-plan-features.left {
  padding-left: var(--_sizes---sizes--padding-002);
}

.compare-plan-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.right-plan-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.compare-plan-pricing-wrapper {
  width: 100%;
  padding-right: var(--_sizes---sizes--padding-01);
  padding-left: var(--_sizes---sizes--padding-01);
  grid-column-gap: var(--_sizes---gaps--gap-01);
  grid-row-gap: var(--_sizes---gaps--gap-01);
  flex-flow: column;
  align-items: center;
  display: flex;
}

.compare-plan-duration {
  background-image: linear-gradient(180deg, var(--_colors---neutral-04), var(--_colors---neutral-04));
  font-family: var(--font-family--body-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-03);
  font-weight: var(--font-weight--normal);
  letter-spacing: 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: -6px;
}

.compare-plan-price {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(130deg, #f77373, #c762f6 50%, #814bee);
  -webkit-background-clip: text;
  background-clip: text;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.compare-inner-border {
  background-color: var(--_colors---neutral-04);
  opacity: .1;
  width: 100%;
  height: 1px;
}

.compare-inner-border.left {
  margin-left: var(--_sizes---sizes--padding-002);
}

.plan-right {
  width: 74%;
}

.faq-section {
  width: 100%;
}

.faq-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-02);
  grid-row-gap: var(--_sizes---gaps--gap-02);
  flex-flow: column;
  width: 50%;
  display: flex;
}

.question {
  width: 100%;
  padding: var(--_sizes---sizes--padding-01);
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-01);
  line-height: var(--line-height--xl);
  font-weight: var(--font-weight--medium);
  white-space: normal;
  word-break: normal;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.single-faq {
  background-color: var(--_colors---neutral-01);
  white-space: normal;
  word-break: normal;
  border-left: 1px solid #41175e66;
  width: 100%;
}

.answer {
  background-color: #ddd0;
  display: block;
  position: static;
  overflow: hidden;
}

.faq-icon-box {
  background-color: var(--_colors---white);
  border: 1px solid #41175e14;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.faq-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  display: flex;
}

.answer-inner {
  padding-right: var(--_sizes---sizes--padding-01);
  padding-bottom: var(--_sizes---sizes--padding-01);
  padding-left: var(--_sizes---sizes--padding-01);
}

.faq-cta {
  width: 100%;
  padding: var(--_sizes---sizes--padding-002) var(--_sizes---sizes--padding-04);
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  background-color: var(--_colors---neutral-01);
  border-left: 1px solid #41175e66;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-cta-title {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h5);
  line-height: var(--line-height--2xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--s);
}

.career-features {
  grid-column-gap: var(--_sizes---gaps--gap-08);
  grid-row-gap: var(--_sizes---gaps--gap-08);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.singel-career-feature {
  grid-column-gap: var(--_sizes---gaps--gap-01);
  grid-row-gap: var(--_sizes---gaps--gap-01);
  opacity: .68;
  align-items: center;
  display: flex;
}

.career-feature-text {
  color: var(--_colors---neutral-04);
  font-weight: var(--font-weight--medium);
}

.what-drives-us-section {
  width: 100%;
}

.drive-us-card-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-10);
  grid-row-gap: var(--_sizes---gaps--gap-10);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 75%;
  display: grid;
}

.single-drive-us-card {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.drive-us-card-icon-box {
  background-color: var(--_colors---neutral-01);
  border-left: 1px solid #41175e66;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 62px;
  display: flex;
}

.drive-us-title-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.drive-us-title {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h5);
  line-height: var(--line-height--2xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--s);
}

.drive-us-subtitle {
  max-width: 250px;
}

.career-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.single-career {
  padding: var(--_sizes---sizes--padding-02);
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  border-left: 1px solid #41175e66;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.career-title-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  display: flex;
}

.career-title {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h5);
  line-height: var(--line-height--2xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--s);
}

.career-tabs {
  width: 100%;
  margin-top: -125px;
}

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

.tabs-content {
  width: 100%;
  margin-top: var(--_sizes---gaps--gap-13);
}

.feature-tab-link {
  padding: var(--_sizes---sizes--padding-01) var(--_sizes---sizes--padding-002);
  grid-column-gap: var(--_sizes---gaps--gap-01);
  grid-row-gap: var(--_sizes---gaps--gap-01);
  border-left: 1px solid var(--_colors---neutral-04);
  background-color: var(--_colors---neutral-02);
  opacity: .5;
  color: var(--_colors---neutral-04);
  font-weight: var(--font-weight--medium);
  align-items: center;
  display: flex;
}

.feature-tab-link.w--current {
  background-color: var(--_colors---neutral-01);
  opacity: 1;
}

.career-feature-section {
  width: 100%;
}

.career-feature-card-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.career-feature-card {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.career-feature-card-icon-box {
  background-color: var(--_colors---neutral-01);
  border-left: 1px solid #41175e66;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  display: flex;
}

.career-feature-card-title {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h5);
  line-height: var(--line-height--2xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--s);
}

.career-feature-title-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.career-feature-card-subtitle {
  max-width: 350px;
}

.hero-left-content {
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.hero-left-content.centred {
  justify-content: flex-start;
  align-items: center;
}

.integration-hero-image-wrapper {
  width: 55%;
  margin-bottom: -20%;
  margin-right: -8%;
}

.integration-hero-image, .integration-section {
  width: 100%;
}

.integration-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.single-integration {
  padding: var(--_sizes---sizes--padding-02);
  grid-column-gap: var(--_sizes---gaps--gap-08);
  grid-row-gap: var(--_sizes---gaps--gap-08);
  background-color: var(--_colors---neutral-01);
  border-left: 1px solid #41175e66;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.integration-top {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.integration-icon-box {
  border-radius: var(--_sizes---radius--radius-01);
  background-color: var(--_colors---neutral-02);
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  display: flex;
}

.integration-title {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-02);
  line-height: var(--line-height--2xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--s);
}

.integration-title-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  display: flex;
}

.contact-section {
  width: 100%;
}

.contact-section.section-padding {
  padding-top: var(--_sizes---sizes--padding-01);
  background-color: var(--_colors---white);
}

.contact-content-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  height: 750px;
  display: flex;
}

.contact-left {
  grid-column-gap: var(--_sizes---gaps--gap-11);
  grid-row-gap: var(--_sizes---gaps--gap-11);
  flex-flow: column;
  align-items: flex-start;
  width: 58%;
  display: flex;
}

.contact-form-block {
  width: 100%;
  margin-bottom: 0;
}

.single-field-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-03);
  grid-row-gap: var(--_sizes---gaps--gap-03);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.form-field {
  border: 1px solid var(--_colors---neutral-02);
  border-radius: var(--_sizes---radius--radius-08);
  background-color: var(--_colors---white);
  height: auto;
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-03);
  margin-bottom: 0;
  padding: 16px 24px;
}

.form-field:focus {
  border-color: var(--_colors---neutral-04);
}

.form-field::placeholder {
  color: #41175e99;
}

.form-field.text-area {
  border-radius: var(--_sizes---radius--radius-03);
  height: 130px;
}

.field-grid {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.field-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  flex-flow: column;
  display: flex;
}

.success-message {
  background-color: var(--_colors---neutral-03);
  color: var(--_colors---neutral-04);
}

.error-message {
  color: var(--_colors---color-02);
}

.contact-image {
  border-radius: var(--_sizes---radius--radius-03);
  object-fit: cover;
  width: 42%;
}

.contact-card-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-06);
  grid-row-gap: var(--_sizes---gaps--gap-06);
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.single-contact-card {
  z-index: 10;
  padding: var(--_sizes---sizes--padding-02);
  grid-column-gap: var(--_sizes---gaps--gap-08);
  grid-row-gap: var(--_sizes---gaps--gap-08);
  background-color: var(--_colors---neutral-01);
  border-left: 1px solid #41175e66;
  flex-flow: column;
  display: flex;
  position: relative;
}

.contact-icon-box {
  border-radius: var(--_sizes---radius--radius-01);
  background-color: var(--_colors---neutral-02);
  border: 1px solid #41175e0f;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.contact-card-top {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.contact-card-title {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h5);
  line-height: var(--line-height--2xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--s);
}

.contact-card-link {
  color: var(--_colors---neutral-04);
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.contact-card-link:hover {
  color: var(--_colors---color-02);
}

.map-contact {
  grid-column-gap: var(--_sizes---gaps--gap-08);
  grid-row-gap: var(--_sizes---gaps--gap-08);
  border: 1px solid var(--_colors---neutral-01);
  background-color: var(--_colors---white);
  flex-flow: column;
  display: flex;
}

.contact-map-image {
  object-fit: cover;
  width: 100%;
}

._404-content {
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

._404-title-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  align-items: center;
  display: flex;
}

._404 {
  font-size: var(--font-sizes--display);
  line-height: var(--line-height--l);
  letter-spacing: var(--letter-spacing--m);
}

._404-title {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-02);
  font-weight: var(--font-weight--medium);
}

._404-subtitle {
  max-width: 312px;
}

.contact-submit-button {
  width: 100%;
  margin-top: var(--_sizes---gaps--gap-11);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: var(--_sizes---radius--radius-003);
  color: var(--_colors---white);
  background-image: linear-gradient(120deg, #390d91, #33075f 50%, #440660), url('../images/Noise-4.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.nav-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.menu-content-wrapper {
  justify-content: flex-end;
  width: 92%;
  display: flex;
}

.single-nav {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-04);
  font-weight: var(--font-weight--medium);
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.single-nav:hover {
  color: var(--_colors---color-02);
}

.single-nav.w--current {
  opacity: 1;
  color: var(--_colors---color-02);
}

.dropdown-toggle {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-03);
  font-weight: var(--font-weight--medium);
  padding: 20px 24px 20px 0;
  transition: all .3s ease-in-out;
}

.dropdown-toggle:hover {
  color: var(--_colors---color-02);
}

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

.megamenu-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  width: 520px;
  padding: 20px 30px 30px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 20px #00000026;
}

.nav-list-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.menu-item-wrapper {
  width: auto;
  padding-right: var(--_sizes---sizes--padding-03);
  justify-content: flex-end;
  display: flex;
}

.menu-items {
  grid-column-gap: var(--_sizes---gaps--gap-01);
  grid-row-gap: var(--_sizes---gaps--gap-01);
  align-items: center;
  display: flex;
}

.menu-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.site-logo {
  margin-top: 10px;
}

.dropdown-icon {
  margin-right: 0;
  right: 0;
}

.navbar-section {
  width: 100%;
  padding-right: var(--_sizes---sizes--padding-03);
  padding-left: var(--_sizes---sizes--padding-03);
  border-bottom: 1px solid var(--_colors---neutral-02);
  background-color: var(--_colors---white);
  position: sticky;
  top: 0;
  left: 0;
}

.nav-logo {
  width: 100%;
  max-width: 142px;
  padding-left: 0;
}

.nav-logo.w--current {
  max-width: 190px;
}

.nav-button-wrapper {
  width: auto;
  padding-top: var(--_sizes---sizes--padding-01);
  padding-bottom: var(--_sizes---sizes--padding-01);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-left: 1px solid var(--_colors---neutral-02);
  justify-content: flex-end;
  align-items: center;
  padding-left: 30px;
  display: flex;
}

.dropdown-list {
  background-color: #ddd0;
}

.nav-trigger {
  width: 30px;
}

.license-section {
  width: 100%;
}

.lisence-area {
  grid-column-gap: var(--_sizes---gaps--gap-11);
  grid-row-gap: var(--_sizes---gaps--gap-11);
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.single-lisence-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-09);
  grid-row-gap: var(--_sizes---gaps--gap-09);
  flex-flow: column;
  display: flex;
}

.license-title {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-02);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--m);
}

.image-license {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  display: flex;
}

.single-lisence {
  border: 1px solid var(--_colors---neutral-02);
  background-color: var(--_colors---neutral-01);
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  height: 65px;
  padding: 17px 25px;
  text-decoration: none;
  display: flex;
}

.license-text {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-01);
  font-weight: var(--font-weight--normal);
}

.font-lisence {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  display: flex;
}

.pro-yearly-button, .enterprise-yearly-button {
  display: none;
}

.product-list {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-08);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-cart-button-wrapper {
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.product-card-default {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.product-title-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-01);
  grid-row-gap: var(--_sizes---gaps--gap-01);
  flex-flow: column;
  display: flex;
}

.out-of-stock-state {
  color: #fff;
  background-color: #318df7;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 500;
}

.product-image {
  width: 100%;
  transition: all .3s ease-in-out;
}

.product-image:hover {
  transform: scale(1.1);
}

.single-product {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  display: flex;
}

.product-image-wrapper {
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-price-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.compare-price {
  opacity: .8;
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-03);
  text-decoration: line-through;
}

.product-price {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-03);
  font-weight: var(--font-weight--semibold);
}

.product-cart-icon {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  margin-top: -2px;
  display: flex;
  position: absolute;
}

.product-image-link {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.product-title {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-02);
  font-weight: var(--font-weight--medium);
  transition: all .3s ease-in-out;
}

.product-title:hover {
  color: var(--_colors---color-02);
}

.product-cart-button {
  color: #fff;
  background-color: #fff;
  border: 1px solid #2b0249;
  border-radius: 100px;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  padding: 0;
}

.product-section, .product-details-section {
  width: 100%;
}

.product-price-02 {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-03);
  font-weight: var(--font-weight--medium);
}

.quantity {
  color: #645469;
  background-color: #fafafa00;
  border-style: none none solid;
  border-bottom-color: #64546933;
  border-radius: 0;
  margin-bottom: 0;
  transition: all .3s;
}

.quantity:hover {
  color: var(--_colors---neutral-04);
  border-bottom-color: #645469;
}

.product-content-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-11);
  grid-row-gap: var(--_sizes---gaps--gap-11);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-price-wrapper-2 {
  grid-column-gap: var(--_sizes---gaps--gap-02);
  grid-row-gap: var(--_sizes---gaps--gap-02);
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

.lightbox-link {
  width: 100%;
}

.compare-price-02 {
  font-size: var(--font-sizes--body-03);
  font-weight: var(--font-weight--medium);
  text-decoration: line-through;
}

.product-title-wrapper-02 {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: column;
  display: flex;
}

.cart-state {
  grid-column-gap: var(--_sizes---gaps--gap-02);
  grid-row-gap: var(--_sizes---gaps--gap-02);
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.product-infos {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: column;
  justify-content: center;
  width: 80%;
  display: flex;
}

.quantity-wrapper {
  grid-column-gap: var(--_sizes---gaps--gap-07);
  grid-row-gap: var(--_sizes---gaps--gap-07);
  flex-flow: row;
  align-items: flex-end;
  margin-bottom: 20px;
  display: flex;
}

.product-title-02 {
  font-family: var(--font-family--heading-font);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--h4);
  line-height: var(--line-height--xl);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--xl);
  transition: all .3s ease-in-out;
}

.checkout-button {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-radius: var(--_sizes---radius--radius-003);
  width: 100%;
  color: var(--_colors---white);
  background-image: linear-gradient(120deg, #390d91, #33075f 50%, #440660), url('../images/Noise-4.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-block {
  color: var(--_colors---neutral-04);
  font-weight: var(--font-weight--medium);
}

.checkout-product-title {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-01);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--s);
}

.checkout-image {
  width: 80px;
}

.cart-button {
  color: #fff0;
  background-color: #3898ec00;
  justify-content: center;
  align-items: center;
  width: 32px;
  padding: 0;
}

.cart-quantity {
  z-index: 2;
  background-color: var(--_colors---color-02);
  min-width: 18px;
  height: 18px;
  color: var(--_colors---white);
  font-weight: var(--font-weight--medium);
  margin-left: auto;
  position: absolute;
  top: 0;
  right: -8px;
}

.cart-close-icon {
  cursor: pointer;
}

.nav-cart {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  right: 250px;
}

.checkout-product-price {
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-03);
  font-weight: var(--font-weight--medium);
  margin-top: 6px;
  margin-bottom: 4px;
}

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

.apple-pay {
  border-radius: var(--_sizes---radius--radius-08);
}

.nav-cart-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.subtotal {
  color: var(--_colors---neutral-04);
  font-weight: var(--font-weight--medium);
}

.collection-list-wrapper {
  width: 100%;
}

.product-category-list {
  grid-column-gap: var(--_sizes---gaps--gap-04);
  grid-row-gap: var(--_sizes---gaps--gap-04);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.product-category-button {
  border: 1px solid var(--_colors---neutral-04);
  color: var(--_colors---neutral-04);
  font-size: var(--font-sizes--body-03);
  font-weight: var(--font-weight--medium);
  background-color: #41175e00;
  padding: 10px 16px;
}

.product-category-button.w--current {
  background-color: var(--_colors---neutral-04);
  color: var(--_colors---white);
}

.checkout-form {
  background-color: var(--_colors---white);
  color: var(--_colors---neutral-04);
}

.order-item {
  flex-flow: wrap;
}

.paypal-checkout-form, .order-confirmation {
  background-color: var(--_colors---white);
  color: var(--_colors---neutral-04);
}

.corner-icon {
  width: auto;
}

.corner-icon._01 {
  position: absolute;
  bottom: -30px;
}

.purchase-button-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #3b3b3b4d;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px;
  display: flex;
}

.access-button-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #112c23;
  border-radius: 12px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.access-button-2.templates {
  background-color: #ff6c1f;
}

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

.purchase-area {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.remove-this-button-2 {
  z-index: 11;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  align-items: stretch;
  width: auto;
  display: flex;
  position: fixed;
  bottom: 24px;
  right: 24px;
}

.offer-button-text {
  color: #000;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
}

.offer-button-text.text-neutral-01, .offer-button-text.text-neutral-01.template {
  color: #fff;
}

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

.div-block-3 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  margin-bottom: 30px;
  margin-left: 30px;
  display: flex;
}

.container-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  aspect-ratio: auto;
  object-fit: fill;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  max-width: 100%;
  display: flex;
}

.grid-2 {
  grid-column-gap: 35px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center flex-start;
  align-self: center;
  place-items: center stretch;
  max-width: 100%;
  display: grid;
}

.div-block-4 {
  box-sizing: border-box;
  order: 0;
  justify-content: center;
  align-items: center;
  width: 10%;
  height: 100%;
  display: flex;
}

.div-block-5 {
  z-index: 9;
  box-sizing: border-box;
  clear: none;
  object-fit: fill;
  background-color: #fff;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  height: 30%;
  margin-top: 40px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.bold-text {
  line-height: var(--xs);
}

.div-block-6 {
  height: 30px;
}

.paragraph-section-pp {
  color: #f2f2f2;
  letter-spacing: 1px;
  margin-left: 30px;
  margin-right: 30px;
  font-size: 17px;
  font-weight: 100;
  line-height: 138%;
  display: block;
}

.primary-button-2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #fff;
  background-image: linear-gradient(120deg, #390d91, #33075f 50%, #440660), url('../images/Noise-4.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-content-3 {
  color: #fff;
}

.button-content-3.hover {
  position: absolute;
}

.div-block-7 {
  background-color: #000;
  width: 2px;
  height: 10px;
}

.do-not-delete---classes-used-by-animation {
  display: none;
}

.line-horizontal-light {
  background-color: #c2282d;
  border-bottom: 1px solid #f2f2f226;
  border-radius: 2px;
  width: 100%;
  height: 3px;
  margin-bottom: 10px;
  padding-bottom: 1px;
}

.paragraph-3-blog {
  color: #f2f2f2;
  font-size: 15px;
  font-weight: 200;
  line-height: 136%;
}

.line-vertical-stretch {
  width: 6px;
  height: 100%;
  line-height: 0;
  position: relative;
}

.image-18 {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #000;
  border-radius: 22px;
  width: 60%;
  max-width: 60%;
  margin-bottom: 10px;
}

.line-horizontal-stretch {
  flex: 1;
  width: 100%;
  height: 6px;
  line-height: 0;
  position: relative;
}

.line-horizontal-light-vid-separator {
  background-color: #41165e;
  border-bottom: 1px solid #f2f2f226;
  border-radius: 2px;
  width: 100%;
  height: 4px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-bottom: 0;
}

.section-testimonials {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.tabs-menu-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-link-tab-1 {
  color: #f2f2f2;
  text-align: center;
  letter-spacing: 3px;
  background-color: #ddd0;
  border-top: 1px solid #ddd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.tab-link-tab-1.w--current {
  color: #c0282d;
  text-align: center;
  letter-spacing: 3px;
  -webkit-text-stroke-color: #c0282d;
  background-color: #181d2400;
  border: 0 solid #c2282d;
  border-top-width: 2px;
  border-bottom-style: none;
  border-radius: 10px 10px 0 0;
  font-weight: 700;
}

.heading-8-blog {
  color: #41165e;
  -webkit-text-stroke-color: #41165e;
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 125%;
}

.line-08-cell-05 {
  height: 6px;
  position: relative;
}

.container-3 {
  background-color: #60151600;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 940px;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.heading-7 {
  color: #f2f2f2;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 102%;
}

.testimonials-projects-page {
  padding-top: 100px;
}

.testimonials-projects-page.section-dark {
  width: 100%;
  margin-bottom: 0;
  padding-top: 0;
}

.line-08-cell-02 {
  margin-left: 86px;
}

.line-08a {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: .5;
  flex: 1;
  grid-template-rows: min-content auto min-content min-content;
  grid-template-columns: 50vw 490px min-content 2vw min-content auto;
}

.mask-line-08a {
  pointer-events: none;
  width: 100%;
  height: 320px;
  display: flex;
  position: absolute;
  bottom: 60px;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.line-08-cell-03 {
  position: relative;
}

.heading-8 {
  color: #f2f2f2;
  font-size: 26px;
  line-height: 125%;
}

.heading-3 {
  color: #f2f2f2;
  text-align: center;
  text-shadow: 6px 3px 10px #000;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 125%;
}

.paragraph-3 {
  color: #41165e;
  flex-flow: wrap;
  font-size: 15px;
  font-weight: 200;
  line-height: 133%;
  display: block;
}

.line-08-cell-06 {
  margin-top: -6px;
}

.lines-arc-180 {
  width: 94px;
  height: 94px;
  margin-top: -2px;
  margin-left: -2px;
  line-height: 0;
  position: relative;
}

.tab-link-tab-2-2 {
  color: #f2f2f2;
  text-align: center;
  letter-spacing: 3px;
  background-color: #ddd0;
  border-top: 1px solid #ddd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.tab-link-tab-2-2.w--current {
  color: #c0282d;
  text-align: center;
  background-color: #ddd0;
  border: 0 solid #c0282d;
  border-top-width: 2px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lines-arc-360 {
  flex: none;
  width: 94px;
  height: 94px;
  margin-bottom: -2px;
  margin-right: -2px;
  line-height: 0;
}

.video {
  border-radius: 0;
  margin-bottom: 20px;
}

.line-08-cell-01 {
  height: 6px;
  position: relative;
}

.section {
  width: 100%;
}

.image-19 {
  margin-top: 20px;
}

.div-block-8 {
  flex-flow: row;
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.section-2 {
  padding-top: 60px;
}

.container-4 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  grid-template: "."
  / 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: end space-around;
  place-items: flex-start start;
  max-width: none;
  display: flex;
}

.section-policy-modernizer {
  width: 100%;
  padding-top: 50px;
}

.section-icon {
  width: 50%;
  height: 19%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.heading-9 {
  font-size: var(--font-sizes--h5);
  line-height: var(--line-height--s);
}

.div-block-9 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.div-block-11 {
  height: 50px;
}

.div-block-12, .div-block-13 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.container-5 {
  width: 800px;
  max-width: none;
  height: 750px;
  margin-top: 20px;
}

.div-block-14 {
  z-index: 10;
  width: 100%;
  height: 100px;
  position: relative;
}

.card-spacer-small {
  width: 100%;
  height: 30px;
}

.div-block-15 {
  padding-top: 40px;
  padding-left: 50px;
  padding-right: 50px;
}

.case-study {
  filter: drop-shadow(4px 4px 8px #00000021);
  border-radius: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-16 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-17 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 100%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.div-block-18 {
  flex: 80%;
}

.bold-text-2 {
  flex: none;
}

.div-block-19 {
  flex: 60%;
}

.div-block-20 {
  flex: 50%;
}

.div-block-21 {
  flex: 60%;
}

.div-block-22 {
  flex: 100%;
  display: block;
}

.div-block-23 {
  flex: 60%;
}

.div-block-24 {
  flex: 100%;
}

.div-block-25 {
  flex: 60%;
}

.div-block-26 {
  flex: 100%;
}

.div-block-27 {
  flex: 60%;
}

.div-block-28 {
  flex: 100%;
}

.div-block-29 {
  width: 100%;
  height: 40px;
}

.div-block-30 {
  background-color: #41165e;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 90%;
  display: flex;
}

.text-block-2 {
  color: #fff;
  font-size: var(--font-sizes--h2);
}

.image-20 {
  margin-top: 60px;
}

.div-block-31 {
  width: 100%;
  height: 60px;
}

.div-block-32 {
  padding-left: 70px;
  padding-right: 70px;
}

.div-block-33 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: wrap;
  display: flex;
}

@media screen and (min-width: 1440px) {
  .brand-section {
    margin-top: 30px;
  }

  .horizontal-line-wrapper {
    height: 100%;
  }

  .mission-section.section-padding {
    padding: var(--_sizes---gaps--gap-01);
  }

  .mission-tab-menu {
    grid-column-gap: var(--_sizes---gaps--gap-04);
    grid-row-gap: var(--_sizes---gaps--gap-04);
    width: 20%;
  }

  .single-mission-tab-content {
    grid-template-columns: 2.25fr 1fr;
  }

  .contact-section.section-padding {
    z-index: 10;
    order: 0;
    height: 130%;
    position: relative;
  }

  .contact-content-wrapper {
    background-color: #fff;
    height: 950px;
  }

  .contact-card-wrapper {
    background-color: #fff;
    grid-template-columns: 1fr 1fr;
  }

  .div-block-3 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .line-horizontal-light {
    margin-top: 40px;
  }

  .section-testimonials {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
  }

  .tabs-menu-2 {
    flex-flow: wrap;
  }

  .tab-link-tab-1 {
    color: #f2f2f2;
    text-align: center;
    letter-spacing: 3px;
    font-size: 15px;
    font-weight: 700;
  }

  .tab-link-tab-1.w--current {
    color: #c0282d;
    text-align: center;
    letter-spacing: 3px;
    font-size: 15px;
    font-weight: 700;
  }

  .heading-8-blog {
    margin-top: 40px;
  }

  .line-08-cell-05 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .container-3 {
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .testimonials-projects-page {
    padding-top: 120px;
  }

  .line-08a {
    grid-template-columns: 50vw 490px min-content 30px min-content auto;
  }

  .mask-line-08a {
    background-color: #0000;
  }

  .heading-3 {
    z-index: 10;
    font-size: 38px;
    display: block;
    position: relative;
  }

  .tab-link-tab-2-2 {
    color: #f2f2f2;
    text-align: center;
    letter-spacing: 3px;
    font-size: 15px;
    font-weight: 700;
  }

  .tab-link-tab-2-2.w--current {
    color: #c0282d;
    font-weight: 700;
  }

  .line-08-cell-01 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .div-block-8 {
    width: 100%;
  }

  .container-4 {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    max-width: none;
    display: flex;
  }

  .section-icon {
    width: 30%;
  }

  .div-block-9 {
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    display: flex;
  }

  .div-block-10 {
    height: 30px;
  }

  .container-5 {
    height: 950px;
    margin-top: 0;
  }

  .div-block-14 {
    width: 100%;
    height: 80px;
  }

  .div-block-18 {
    flex-basis: 100%;
  }

  .div-block-19, .div-block-20 {
    flex-basis: 60%;
  }

  .image-20 {
    margin-top: 60px;
  }

  .div-block-33 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  body {
    --font-family--body-font: Figtree, sans-serif;
    --font-sizes--body-03: 16px;
    --line-height--3xl: 140%;
    --font-weight--normal: 400;
    --font-family--heading-font: Figtree, sans-serif;
    --font-sizes--h1: 60px;
    --line-height--l: 110%;
    --font-weight--semibold: 600;
    --letter-spacing--xl: -.03em;
    --font-sizes--h2: 42px;
    --line-height--m: 116%;
    --font-weight--medium: 500;
    --letter-spacing--l: -.02em;
    --font-sizes--h3: 36px;
    --line-height--s: 110%;
    --letter-spacing--m: -.02em;
    --font-sizes--h4: 24px;
    --line-height--xl: 125%;
    --font-sizes--h5: 24px;
    --line-height--2xl: 133%;
    --letter-spacing--s: -.005em;
    --font-sizes--body-01: 20px;
    --font-sizes--display: 60px;
    --font-sizes--body-02: 24px;
    --xs: 95%;
    --font-weight--bold: 700;
    --font-sizes--body-04: 14px;
    --4xl: 150%;
    --mop: 70%;
    --_colors---white: white;
    --_colors---neutral-04: #41175e;
    --_colors---neutral-01: #fbf9f9;
    --_colors---colors--white\<deleted\|variable-a9fcb3bb-7fc4-d6de-dd3d-00d08034cb54\>: white;
    --_colors---neutral-02: #f4f1f5;
    --_colors---neutral-03: #f8f6f9;
    --_colors---color-01: #814bee;
    --_colors---color-02: #f77373;
    --_colors---colors--gray\<deleted\|variable-4f4ae3c6-9349-6e05-abbf-42f343ad755a\>: #141414;
    --_sizes---gaps--gap-02: 10px;
    --_sizes---gaps--gap-07: 24px;
    --_sizes---gaps--gap-11: 40px;
    --_sizes---gaps--gap-14: 40px;
    --_sizes---gaps--gap-04: 16px;
    --_sizes---sizes--padding-07: 60px;
    --_sizes---sizes--padding-001: 16px;
    --_sizes---sizes--padding-01: 16px;
    --_sizes---gaps--gap-01: 8px;
    --_sizes---sizes--padding-05: 30px;
    --_sizes---gaps--gap-09: 40px;
    --_sizes---radius--radius-003: 16px;
    --_sizes---gaps--gap-06: 20px;
    --_sizes---radius--radius-02: 12px;
    --_sizes---gaps--gap-08: 32px;
    --_sizes---sizes--padding-02: 20px;
    --_sizes---radius--radius-08: 100px;
    --_sizes---sizes--padding-03: 30px;
    --_sizes---sizes--padding-04: 30px;
    --_sizes---radius--radius-01: 8px;
    --_sizes---sizes--padding-002: 24px;
    --_sizes---gaps--gap-05: 18px;
    --_sizes---gaps--gap-15: 80px;
    --_sizes---gaps--gap-10: 40px;
    --_sizes---gaps--gap-13: 48px;
    --_sizes---gaps--gap-0: 0px;
    --_sizes---gaps--gap-03: 12px;
    --_sizes---radius--radius-03: 20px;
    --_sizes---sizes--padding-08: 60px;
    --_sizes---sizes--padding-06: 48px;
    --_sizes---gaps--gap-12: 48px;
    --_sizes---radius--radius-04: 24px;
    --_sizes---radius--radius-05: 30px;
    --_sizes---radius--radius-06: 40px;
    --_sizes---radius--radius-07: 40px;
  }

  .color-box {
    width: 200px;
  }

  .single-styleguide {
    grid-column-gap: var(--_sizes---gaps--gap-07);
    grid-row-gap: var(--_sizes---gaps--gap-07);
    flex-flow: column;
  }

  .container.cta {
    width: 87%;
  }

  .section-content-wrapper.style-02 {
    flex-flow: column;
  }

  .hero-content-wrapper.home {
    width: 100%;
  }

  .hero-content-wrapper.integration {
    flex-flow: column;
  }

  .hero-title.career, .hero-title.feature {
    max-width: 500px;
  }

  .icon-list-wrapper {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .text-divider {
    display: none;
  }

  .brand-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: center;
    place-items: center;
  }

  .feature-card-wrapper {
    grid-row-gap: var(--_sizes---gaps--gap-09);
    grid-template-columns: 1fr 1fr;
  }

  .feature-card-title-wrapper {
    padding-right: var(--_sizes---sizes--padding-02);
    padding-left: var(--_sizes---sizes--padding-02);
  }

  .horizontal-divider {
    background-image: none;
    width: 1400px;
    height: 60px;
  }

  .horizontal-divider.ticker {
    height: 120px;
  }

  .feature-card-wrapper-02 {
    grid-template-columns: 1fr 1fr;
  }

  .feature-card-wrapper-03 {
    grid-row-gap: var(--_sizes---gaps--gap-07);
    grid-template-columns: 1fr 1fr;
  }

  .single-feature-card-03 {
    flex-flow: column-reverse;
    justify-content: space-between;
  }

  .feature-card-image-03._01 {
    margin-bottom: -15%;
  }

  .feature-card-wrapper-04 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .single-feature-card-04 {
    border-bottom-style: solid;
  }

  .single-feature-card-04.top._02 {
    border-top: 1px solid #41175e33;
    border-right: 1px solid #41175e33;
  }

  .single-feature-card-04.top._01 {
    border-top: 1px solid #41175e33;
  }

  .single-feature-card-04.bottom {
    border-right: 1px solid #41175e33;
  }

  .pricing-wrapper {
    flex-flow: column;
    display: flex;
  }

  .horizontal-lines {
    width: 60px;
  }

  .cta-ticker-content {
    justify-content: center;
  }

  .single-cta-ticker-inner {
    width: 1300px;
    min-width: 1300px;
  }

  .footer-content-left {
    justify-content: space-between;
    width: 100%;
  }

  .footer-top-content {
    flex-flow: column-reverse;
  }

  .copyright {
    text-align: center;
    flex-flow: column;
    align-items: center;
  }

  .single-mission-tab-content {
    grid-template-columns: 1fr;
  }

  .stats-content-wrapper {
    flex-flow: column;
  }

  .stats-left {
    grid-column-gap: var(--_sizes---gaps--gap-14);
    grid-row-gap: var(--_sizes---gaps--gap-14);
  }

  .stats-wrapper {
    width: 100%;
  }

  .team-members {
    align-items: start;
  }

  .single-member {
    flex-flow: column;
    align-items: flex-start;
    position: relative;
  }

  .member-left {
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
  }

  .member-socials {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
  }

  .overview-content-wrapper {
    flex-flow: column;
    display: flex;
  }

  .blog-thumbnail.featured {
    height: 320px;
  }

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

  .compare-features-wrapper.left {
    width: 30%;
    min-width: 30%;
  }

  .plan-right {
    width: 73%;
    overflow: auto;
  }

  .faq-wrapper {
    width: 100%;
  }

  .faq-icon-box {
    width: 48px;
    height: 48px;
  }

  .drive-us-card-wrapper {
    width: 100%;
  }

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

  .career-tabs {
    margin-top: 0;
  }

  .tabs-menu {
    justify-content: center;
  }

  .career-feature-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .integration-hero-image-wrapper {
    width: 100%;
    margin-bottom: -20%;
    margin-right: 0%;
  }

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

  .contact-content-wrapper {
    flex-flow: column;
  }

  .contact-left {
    width: 100%;
  }

  .contact-image {
    width: 100%;
    display: none;
  }

  .contact-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .menu-content-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: #fff;
    border: 1px solid #0000001a;
    flex-flow: column;
    width: 100%;
    padding: 30px;
    box-shadow: 0 0 10px #0003;
  }

  .dropdown-toggle {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .megamenu-wrapper {
    width: 100%;
  }

  .menu-item-wrapper {
    width: 100%;
    padding-right: 0;
  }

  .menu-items {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

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

  .all-pages {
    width: 100%;
  }

  .menu-wrapper {
    z-index: 999;
    background-color: #c8c8c800;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .navbar-section {
    padding-top: var(--_sizes---sizes--padding-01);
    padding-bottom: var(--_sizes---sizes--padding-01);
  }

  .nav-button-wrapper {
    border-left-style: none;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .nav-trigger {
    padding: 0;
  }

  .nav-trigger.w--open {
    background-color: #c8c8c800;
    width: 30px;
    padding: 0;
  }

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

  .product-cart-button-wrapper {
    bottom: 20px;
    right: 20px;
  }

  .product-content-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .product-infos {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
  }

  .cart-button {
    width: 28px;
  }

  .cart-quantity {
    justify-content: center;
    align-items: center;
    min-width: 18px;
    height: 18px;
    padding: 4px;
    line-height: 100%;
    display: flex;
  }

  .nav-cart {
    right: 80px;
  }

  .div-block-3 {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-4 {
    width: 15%;
  }

  .primary-button-2 {
    width: 50%;
  }

  .section-testimonials {
    padding-bottom: 80px;
  }

  .tab-link-tab-1 {
    text-align: center;
  }

  .container-3 {
    max-width: 820px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .testimonials-projects-page {
    padding-top: 80px;
  }

  .line-08-cell-02 {
    display: none;
  }

  .line-08a {
    grid-template-columns: 50vw 356px min-content auto;
  }

  .mask-line-08a {
    bottom: 100px;
  }

  .line-08-cell-03 {
    display: none;
  }

  .heading-3 {
    font-size: 31px;
  }

  .line-08-cell-04 {
    display: none;
  }

  .tab-link-tab-2-2 {
    text-align: center;
  }

  .tab-link-tab-2-2.w--current {
    color: #c0282d;
  }

  .line-08-cell-01 {
    display: none;
  }

  .container-5 {
    width: 600px;
    height: 700px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --font-family--body-font: Figtree, sans-serif;
    --font-sizes--body-03: 16px;
    --line-height--3xl: 140%;
    --font-weight--normal: 400;
    --font-family--heading-font: Figtree, sans-serif;
    --font-sizes--h1: 48px;
    --line-height--l: 110%;
    --font-weight--semibold: 600;
    --letter-spacing--xl: -.03em;
    --font-sizes--h2: 36px;
    --line-height--m: 116%;
    --font-weight--medium: 500;
    --letter-spacing--l: -.02em;
    --font-sizes--h3: 34px;
    --line-height--s: 110%;
    --letter-spacing--m: -.02em;
    --font-sizes--h4: 24px;
    --line-height--xl: 125%;
    --font-sizes--h5: 24px;
    --line-height--2xl: 133%;
    --letter-spacing--s: -.005em;
    --font-sizes--body-01: 20px;
    --font-sizes--display: 48px;
    --font-sizes--body-02: 24px;
    --xs: 95%;
    --font-weight--bold: 700;
    --font-sizes--body-04: 14px;
    --4xl: 150%;
    --mop: 70%;
    --_colors---white: white;
    --_colors---neutral-04: #41175e;
    --_colors---neutral-01: #fbf9f9;
    --_colors---colors--white\<deleted\|variable-a9fcb3bb-7fc4-d6de-dd3d-00d08034cb54\>: white;
    --_colors---neutral-02: #f4f1f5;
    --_colors---neutral-03: #f8f6f9;
    --_colors---color-01: #814bee;
    --_colors---color-02: #f77373;
    --_colors---colors--gray\<deleted\|variable-4f4ae3c6-9349-6e05-abbf-42f343ad755a\>: #141414;
    --_sizes---gaps--gap-02: 10px;
    --_sizes---gaps--gap-07: 24px;
    --_sizes---gaps--gap-11: 30px;
    --_sizes---gaps--gap-14: 40px;
    --_sizes---gaps--gap-04: 16px;
    --_sizes---sizes--padding-07: 40px;
    --_sizes---sizes--padding-001: 10px;
    --_sizes---sizes--padding-01: 16px;
    --_sizes---gaps--gap-01: 8px;
    --_sizes---sizes--padding-05: 30px;
    --_sizes---gaps--gap-09: 32px;
    --_sizes---radius--radius-003: 16px;
    --_sizes---gaps--gap-06: 20px;
    --_sizes---radius--radius-02: 12px;
    --_sizes---gaps--gap-08: 24px;
    --_sizes---sizes--padding-02: 20px;
    --_sizes---radius--radius-08: 100px;
    --_sizes---sizes--padding-03: 20px;
    --_sizes---sizes--padding-04: 24px;
    --_sizes---radius--radius-01: 8px;
    --_sizes---sizes--padding-002: 24px;
    --_sizes---gaps--gap-05: 18px;
    --_sizes---gaps--gap-15: 60px;
    --_sizes---gaps--gap-10: 32px;
    --_sizes---gaps--gap-13: 32px;
    --_sizes---gaps--gap-0: 0px;
    --_sizes---gaps--gap-03: 12px;
    --_sizes---radius--radius-03: 20px;
    --_sizes---sizes--padding-08: 40px;
    --_sizes---sizes--padding-06: 48px;
    --_sizes---gaps--gap-12: 36px;
    --_sizes---radius--radius-04: 20px;
    --_sizes---radius--radius-05: 24px;
    --_sizes---radius--radius-06: 32px;
    --_sizes---radius--radius-07: 30px;
  }

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

  .hero-title.feature {
    max-width: 400px;
  }

  .hero-button-wrapper {
    flex-flow: wrap;
  }

  .horizontal-divider {
    height: 40px;
  }

  .horizontal-divider.ticker {
    height: 100px;
  }

  .feature-card-wrapper-02 {
    grid-template-columns: 1fr;
  }

  .feature-card-wrapper-04 {
    flex-flow: column;
    display: flex;
  }

  .single-feature-card-04 {
    border-bottom-style: none;
  }

  .single-feature-card-04.top._02 {
    border-top-style: none;
  }

  .single-feature-card-04.top._01, .single-feature-card-04.top._03 {
    border-right: 1px solid #41175e33;
  }

  .single-feature-card-04.bottom {
    border-bottom-style: solid;
  }

  .horizontal-lines {
    width: 40px;
  }

  .single-cta-ticker-inner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 1100px;
    min-width: 1000px;
  }

  .cta-ticker-divider {
    width: 16px;
    height: 16px;
  }

  .cta-ticker-content-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer-content-left {
    grid-column-gap: var(--_sizes---gaps--gap-11);
    grid-row-gap: var(--_sizes---gaps--gap-11);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .mission-tab {
    flex-flow: row;
  }

  .mission-tab-menu {
    width: 32%;
  }

  .mission-tab-content {
    width: 65%;
  }

  .member-left {
    flex-flow: row;
    align-items: center;
  }

  .member-image {
    width: 70px;
  }

  .member-socials {
    position: static;
  }

  .member-social-link {
    width: 20px;
  }

  .overview-right-top {
    flex-flow: column;
    display: flex;
  }

  .blog-thumbnail.featured {
    height: auto;
  }

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

  .compare-features-wrapper.left {
    width: 40%;
    min-width: 30%;
  }

  .compare-plan-title {
    font-size: var(--font-sizes--body-01);
  }

  .right-plan-wrapper {
    width: 100%;
    min-width: 450px;
  }

  .plan-right {
    overflow: scroll;
  }

  .integration-hero-image-wrapper {
    margin-bottom: -28%;
  }

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

  .map-contact {
    justify-content: center;
  }

  .megamenu-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    height: 400px;
    overflow: auto;
  }

  .nav-list-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .menu-wrapper {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-cart-icon {
    width: 25px;
  }

  .product-cart-button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .product-content-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .line-horizontal-light {
    text-align: left;
    width: 100%;
    height: 3px;
  }

  .section-testimonials {
    padding-bottom: 224px;
  }

  .container-3 {
    max-width: 660px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .testimonials-projects-page {
    padding-top: 70px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --font-family--body-font: Figtree, sans-serif;
    --font-sizes--body-03: 16px;
    --line-height--3xl: 140%;
    --font-weight--normal: 400;
    --font-family--heading-font: Figtree, sans-serif;
    --font-sizes--h1: 40px;
    --line-height--l: 110%;
    --font-weight--semibold: 600;
    --letter-spacing--xl: -.03em;
    --font-sizes--h2: 34px;
    --line-height--m: 116%;
    --font-weight--medium: 500;
    --letter-spacing--l: -.02em;
    --font-sizes--h3: 30px;
    --line-height--s: 110%;
    --letter-spacing--m: -.02em;
    --font-sizes--h4: 24px;
    --line-height--xl: 125%;
    --font-sizes--h5: 24px;
    --line-height--2xl: 133%;
    --letter-spacing--s: -.005em;
    --font-sizes--body-01: 20px;
    --font-sizes--display: 42px;
    --font-sizes--body-02: 20px;
    --xs: 95%;
    --font-weight--bold: 700;
    --font-sizes--body-04: 14px;
    --4xl: 150%;
    --mop: 70%;
    --_colors---white: white;
    --_colors---neutral-04: #41175e;
    --_colors---neutral-01: #fbf9f9;
    --_colors---colors--white\<deleted\|variable-a9fcb3bb-7fc4-d6de-dd3d-00d08034cb54\>: white;
    --_colors---neutral-02: #f4f1f5;
    --_colors---neutral-03: #f8f6f9;
    --_colors---color-01: #814bee;
    --_colors---color-02: #f77373;
    --_colors---colors--gray\<deleted\|variable-4f4ae3c6-9349-6e05-abbf-42f343ad755a\>: #141414;
    --_sizes---gaps--gap-02: 10px;
    --_sizes---gaps--gap-07: 24px;
    --_sizes---gaps--gap-11: 24px;
    --_sizes---gaps--gap-14: 30px;
    --_sizes---gaps--gap-04: 16px;
    --_sizes---sizes--padding-07: 40px;
    --_sizes---sizes--padding-001: 10px;
    --_sizes---sizes--padding-01: 16px;
    --_sizes---gaps--gap-01: 8px;
    --_sizes---sizes--padding-05: 20px;
    --_sizes---gaps--gap-09: 24px;
    --_sizes---radius--radius-003: 16px;
    --_sizes---gaps--gap-06: 20px;
    --_sizes---radius--radius-02: 12px;
    --_sizes---gaps--gap-08: 24px;
    --_sizes---sizes--padding-02: 20px;
    --_sizes---radius--radius-08: 100px;
    --_sizes---sizes--padding-03: 20px;
    --_sizes---sizes--padding-04: 20px;
    --_sizes---radius--radius-01: 8px;
    --_sizes---sizes--padding-002: 16px;
    --_sizes---gaps--gap-05: 18px;
    --_sizes---gaps--gap-15: 40px;
    --_sizes---gaps--gap-10: 24px;
    --_sizes---gaps--gap-13: 24px;
    --_sizes---gaps--gap-0: 0px;
    --_sizes---gaps--gap-03: 12px;
    --_sizes---radius--radius-03: 16px;
    --_sizes---sizes--padding-08: 40px;
    --_sizes---sizes--padding-06: 40px;
    --_sizes---gaps--gap-12: 32px;
    --_sizes---radius--radius-04: 16px;
    --_sizes---radius--radius-05: 16px;
    --_sizes---radius--radius-06: 20px;
    --_sizes---radius--radius-07: 24px;
  }

  .color-box {
    width: 100%;
  }

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

  .styleguide-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .container {
    margin-left: 0;
  }

  .all-sections {
    padding-right: var(--_sizes---gaps--gap-01);
    padding-left: var(--_sizes---gaps--gap-01);
  }

  .label-text {
    font-size: var(--font-sizes--body-04);
  }

  .hero-image {
    min-width: 125%;
    margin-top: -33%;
    margin-left: -18%;
  }

  .brand-wrapper {
    grid-column-gap: var(--_sizes---gaps--gap-06);
    grid-row-gap: var(--_sizes---gaps--gap-06);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    display: flex;
  }

  .brand-logo.width {
    width: 100px;
  }

  .feature-card-wrapper {
    grid-template-columns: 1fr;
  }

  .feature-card-title-wrapper {
    padding-right: 0;
  }

  .feature-card-image-wrapper-01 {
    margin-bottom: -38%;
  }

  .feature-card-logo {
    width: 50px;
  }

  .horizontal-divider.ticker {
    height: 80px;
  }

  .feature-card-icon-box {
    width: 60px;
    height: 60px;
  }

  .feature-card-icon {
    max-height: 100%;
  }

  .section-title {
    font-size: var(--font-sizes--h4);
  }

  .feature-card-wrapper-03 {
    grid-template-columns: 1fr;
  }

  .feature-card-image-03.style-02 {
    width: 75%;
  }

  .testimonial-slider {
    padding-bottom: 80px;
  }

  .testimonial-content {
    font-size: var(--font-sizes--h4);
  }

  .testimonial-arrow {
    bottom: 0;
  }

  .testimonial-slider-numbers {
    left: 0;
    right: auto;
  }

  .testimonial-nav-number {
    font-size: var(--font-sizes--body-03);
  }

  .feature-card-wrapper-04 {
    grid-template-columns: 1fr;
  }

  .pricing-icon-box {
    bottom: 0;
  }

  .pricing-area {
    grid-column-gap: var(--_sizes---gaps--gap-04);
    grid-row-gap: var(--_sizes---gaps--gap-04);
    flex-flow: column-reverse;
  }

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

  .prices {
    grid-column-gap: var(--_sizes---gaps--gap-02);
    grid-row-gap: var(--_sizes---gaps--gap-02);
  }

  .horizontal-lines {
    width: 30px;
  }

  .single-cta-ticker-inner {
    width: 800px;
    min-width: 800px;
  }

  .cta-ticker-divider {
    width: 14px;
    height: 14px;
  }

  .cta-ticker-content-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer-content-left {
    grid-column-gap: var(--_sizes---gaps--gap-04);
    grid-row-gap: var(--_sizes---gaps--gap-04);
  }

  .copyright-links {
    grid-column-gap: var(--_sizes---gaps--gap-02);
    grid-row-gap: var(--_sizes---gaps--gap-02);
    flex-flow: column;
  }

  .footer-link-divider {
    display: none;
  }

  .breadcumb-link, .breadcumb-divider, .page-name {
    font-size: var(--font-sizes--body-04);
  }

  .mission-tab {
    flex-flow: column;
  }

  .mission-tab-menu {
    width: 100%;
  }

  .mission-tab-content {
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
  }

  .stats-wrapper {
    grid-column-gap: var(--_sizes---gaps--gap-04);
    grid-row-gap: var(--_sizes---gaps--gap-04);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
  }

  .single-stats {
    min-width: 100%;
    padding-right: var(--_sizes---sizes--padding-001);
    padding-left: var(--_sizes---sizes--padding-001);
  }

  .single-stats._02 {
    width: 100%;
    min-width: 100%;
  }

  .single-stats._03 {
    width: 100%;
  }

  .single-stats._04 {
    width: 100%;
    min-width: 100%;
  }

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

  .member-image {
    width: 70px;
  }

  .single-overview-card.style-02 {
    flex-flow: column;
    align-items: flex-start;
  }

  .blog-title-wrapper.style-02 {
    width: 100%;
  }

  .changelog-date {
    font-size: var(--font-sizes--body-03);
  }

  .compare-features-wrapper.left {
    width: 50%;
    min-width: 50%;
  }

  .compare-feature-text {
    font-size: var(--font-sizes--body-03);
  }

  .compare-plan-features, .compare-plan-features.left {
    grid-column-gap: var(--_sizes---gaps--gap-02);
    grid-row-gap: var(--_sizes---gaps--gap-02);
  }

  .right-plan-wrapper {
    min-width: 400px;
  }

  .career-features {
    grid-column-gap: var(--_sizes---gaps--gap-04);
    grid-row-gap: var(--_sizes---gaps--gap-04);
  }

  .drive-us-card-wrapper {
    grid-template-columns: 1fr;
  }

  .single-career {
    flex-flow: column;
    align-items: flex-start;
  }

  .tabs-menu {
    flex-flow: column;
  }

  .career-feature-card-wrapper {
    grid-template-columns: 1fr;
  }

  .integration-hero-image-wrapper {
    margin-bottom: -32%;
  }

  .contact-section.section-padding {
    height: 100%;
    padding-right: var(--_sizes---gaps--gap-0);
    padding-left: var(--_sizes---gaps--gap-0);
  }

  .contact-content-wrapper {
    grid-column-gap: var(--_sizes---gaps--gap-01);
    grid-row-gap: var(--_sizes---gaps--gap-01);
    height: 820px;
  }

  .form-field {
    padding: 10px 16px;
  }

  .form-field.text-area {
    height: 100px;
  }

  .field-grid, .contact-card-wrapper {
    grid-template-columns: 1fr;
  }

  .menu-content-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 20px;
  }

  .megamenu-wrapper {
    padding: 16px;
  }

  .menu-wrapper {
    padding-top: 10px;
  }

  .nav-logo {
    max-width: 120px;
  }

  .nav-trigger {
    width: 26px;
  }

  .nav-trigger.w--open {
    width: 24px;
  }

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

  .product-cart-button-wrapper {
    bottom: 20px;
    right: 20px;
  }

  .single-product {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .product-cart-icon {
    width: 25px;
  }

  .product-cart-button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .product-content-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .quantity-wrapper {
    margin-bottom: 16px;
  }

  .cart-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .div-block-2 {
    margin-left: 0;
  }

  .nav-cart {
    right: 58px;
  }

  .div-block-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-left: 0;
  }

  .grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    width: 29%;
  }

  .paragraph-section-pp {
    font-size: 15px;
    font-weight: 100;
    line-height: 134%;
  }

  .line-horizontal-light {
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 3px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    display: block;
  }

  .paragraph-3-blog {
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 200;
  }

  .image-18 {
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
  }

  .line-horizontal-light-vid-separator {
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-left: 10px;
    margin-right: 10px;
    display: block;
  }

  .section-testimonials {
    padding-bottom: 0;
  }

  .tabs-menu-2 {
    flex-flow: column;
    font-size: 10px;
    display: flex;
  }

  .tab-link-tab-1 {
    color: #f2f2f2;
    text-align: center;
    letter-spacing: 3px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 700;
  }

  .tab-link-tab-1.w--current {
    color: #c0282d;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
  }

  .heading-8-blog {
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 21px;
  }

  .container-3 {
    width: 90%;
    max-width: none;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-7 {
    margin: 14px 10px 10px;
    font-size: 18px;
  }

  .testimonials-projects-page {
    padding-top: 60px;
  }

  .heading-8 {
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 21px;
  }

  .heading-3 {
    text-align: center;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 19px;
    line-height: 107%;
  }

  .paragraph-3 {
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 200;
  }

  .tab-link-tab-2-2 {
    color: #f2f2f2;
    text-align: center;
    letter-spacing: 3px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
  }

  .tab-link-tab-2-2.w--current {
    color: #c0282d;
    font-weight: 700;
  }

  .container-4 {
    flex-flow: column;
    grid-template: "."
                   "."
                   / 1fr;
    grid-auto-flow: column;
    display: flex;
  }

  .section-policy-modernizer {
    padding-top: 0;
  }

  .container-5 {
    width: 300px;
    height: 850px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .div-block-15 {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .case-study {
    border-radius: 10px;
  }

  .code-embed {
    width: 100%;
    height: 100%;
  }

  .image-20 {
    margin-top: 50px;
  }

  .div-block-32 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-33 {
    flex-flow: wrap;
  }
}

#w-node-e8780532-430d-a164-7c93-ab6865094566-dd7b0779, #w-node-b48ff6d3-4dac-278d-9a96-2a9f45e608f7-dd7b0779, #w-node-_5e3868cb-1622-2a1c-0b89-5e42d0230e84-dd7b0779 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_665ccdb4-fa33-a310-14f5-fb45d86efa14-dd7b0779, #w-node-_665ccdb4-fa33-a310-14f5-fb45d86efa1b-dd7b0779 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8543aff6-bfdf-6fe2-5c38-3815f8570edd-f8570ed4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8543aff6-bfdf-6fe2-5c38-3815f8570ede-f8570ed4, #w-node-_8543aff6-bfdf-6fe2-5c38-3815f8570edf-f8570ed4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b6b87f1-b2bd-649c-a51e-e13978e99d95-a7907149 {
  grid-area: Area-2;
}

#w-node-b0760fb2-501b-e62f-bdbb-b07c0a418eca-a7907149 {
  grid-area: Area;
}

#w-node-_6e4fa3ab-f304-22c3-8609-f007d57efe08-a7907149 {
  grid-area: Area-2;
}

#w-node-_3806c9c5-440e-0248-374a-0f374586ec2f-96686dce, #w-node-_3806c9c5-440e-0248-374a-0f374586ec38-96686dce, #w-node-_3806c9c5-440e-0248-374a-0f374586ec41-96686dce {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3806c9c5-440e-0248-374a-0f374586ec4b-96686dce, #w-node-_3806c9c5-440e-0248-374a-0f374586ec55-96686dce {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_3806c9c5-440e-0248-374a-0f374586ec2f-ac0cd18c, #w-node-_3806c9c5-440e-0248-374a-0f374586ec38-ac0cd18c, #w-node-_3806c9c5-440e-0248-374a-0f374586ec41-ac0cd18c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-e8780532-430d-a164-7c93-ab6865094566-dd7b0779, #w-node-b48ff6d3-4dac-278d-9a96-2a9f45e608f7-dd7b0779, #w-node-_5e3868cb-1622-2a1c-0b89-5e42d0230e84-dd7b0779, #w-node-_3806c9c5-440e-0248-374a-0f374586ec2f-96686dce, #w-node-_3806c9c5-440e-0248-374a-0f374586ec38-96686dce, #w-node-_3806c9c5-440e-0248-374a-0f374586ec41-96686dce, #w-node-_3806c9c5-440e-0248-374a-0f374586ec2f-ac0cd18c, #w-node-_3806c9c5-440e-0248-374a-0f374586ec38-ac0cd18c, #w-node-_3806c9c5-440e-0248-374a-0f374586ec41-ac0cd18c {
    grid-column: span 3 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4b6b87f1-b2bd-649c-a51e-e13978e99d95-a7907149 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Bold.ttf') format('truetype'), url('../fonts/InterDisplay-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-BoldItalic.ttf') format('truetype'), url('../fonts/InterDisplay-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}