@font-face {
  font-family: Syne;
  src: url('../fonts/syne-v24-latin-700.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Syne;
  src: url('../fonts/syne-v24-latin-regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Syne;
  src: url('../fonts/syne-v24-latin-600.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/poppins-v24-latin-500.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/poppins-v24-latin-700.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/poppins-v24-latin-600.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/poppins-v24-latin-regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --_typography---body-font: Poppins, Arial, sans-serif;
  --_palette---black: black;
  --_typography---text-default--font-size: 16px;
  --_typography---text-default--line-height: 1.5;
  --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
  --_typography---h1--font-family: var(--_typography---heading-font);
  --_typography---h1--font-size: clamp(38px, 7.29vw, 140px);
  --_typography---h1--line-height: 1.2;
  --_typography---h1--font-weight: var(--_typography---font-weight--semibold);
  --_typography---h2--font-family: var(--_typography---heading-font);
  --_typography---h2--font-size: 60px;
  --_typography---h2--line-height: 1.2;
  --_typography---h2--font-weight: var(--_typography---font-weight--semibold);
  --_typography---h3--font-family: var(--_typography---body-font);
  --_typography---h3--font-size: 40px;
  --_typography---h3--line-height: 1.2;
  --_typography---h3--font-weight: var(--_typography---font-weight--semibold);
  --_typography---h3--letter-spacing: 0em;
  --_typography---h4--font-family: var(--_typography---heading-font);
  --_typography---h4--font-size: clamp(20px, 2.1vw, 32px);
  --_typography---h4--line-height: 1.3;
  --_typography---h4--font-weight: var(--_typography---font-weight--semibold);
  --_typography---h4--letter-spacing: 0em;
  --_typography---h5--font-family: var(--_typography---heading-font);
  --_typography---h5--font-size: 28px;
  --_typography---h5--line-height: 1.3;
  --_typography---h5--font-weight: var(--_typography---font-weight--semibold);
  --_typography---h5--letter-spacing: 0em;
  --_typography---h6--font-family: var(--_typography---heading-font);
  --_typography---h6--font-size: 24px;
  --_typography---h6--line-height: 1.4;
  --_typography---h6--font-weight: var(--_typography---font-weight--semibold);
  --_typography---h6--letter-spacing: 0em;
  --new: var(--_typography---body-font);
  --_palette---white: #fff;
  --_typography---text-medium--font-size: 18px;
  --_typography---text-medium--line-height: 1.5;
  --_typography---font-weight--regular: 400;
  --_palette---stroke: #eff2f5;
  --_typography---text-small--font-size: 14px;
  --_typography---text-small--line-height: 1.4;
  --_typography---text-small--font-weight: var(--_typography---font-weight--medium);
  --_typography---text-small--letter-spacing: 0em;
  --_palette---text-color: #4e4e53;
  --_sections---border--tiny: 4px;
  --_palette---primary: #15b9fa;
  --_sections---container--max-width: 1560px;
  --_sections---padding--section-padding-xlarge: 150px;
  --_typography---text-large--font-size: 20px;
  --_typography---text-large--line-height: 1.4;
  --_typography---text-large--font-weight: var(--_typography---font-weight--medium);
  --_typography---text-large--letter-spacing: 0em;
  --_sections---border--xsmall: 8px;
  --_palette---bg-color: #15b9fa;
  --_typography---text-default--letter-spacing: 0em;
  --_typography---heading-font: Syne, Georgia, sans-serif;
  --_typography---font-weight--bold: 700;
  --_typography---h2--letter-spacing: 0em;
  --_sections---border--regular: 16px;
  --_sections---border--medium: 20px;
  --_sections---border--xlarge: 100px;
  --_sections---border--small: 12px;
  --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
  --_typography---font-weight--semibold: 600;
  --_typography---h1--secondary-font-size: 60px;
  --_typography---h1--secondary-line-height: 1.2;
  --_typography---h1--secondary-weight: var(--_typography---font-weight--medium);
  --_typography---text-xlarge--font-size\<deleted\|variable-3fa1d799-f14c-3234-3792-cb36c55e7227\>: 20px;
  --_typography---text-xlarge--line-height\<deleted\|variable-75e63fcf-0522-1694-973f-2985047a267f\>: 1.4;
  --_typography---text-xlarge--font-weight\<deleted\|variable-5f7c444f-c1c5-9c3e-fa1f-e373436e6437\>: var(--_typography---font-weight--semibold);
  --_palette---transparent: transparent;
  --_typography---font-weight--medium: 500;
  --_typography---text-medium--letter-spacing: 0em;
  --_palette---stroke-1: #31343a1a;
  --_palette---green: #0ad66e;
  --_sections---padding--section-padding-large: 80px;
  --_sections---padding--padding-small: 130px;
  --_sections---border--large: 50px;
  --_sections---container--max-width-10-col: 0px;
  --_sections---container--padding: 15px;
  --_sections---container--max-width-8-col: 0px;
  --_sections---container--max-width-6-col: 0px;
  --_typography---h1--letter-spacing: 0em;
  --_typography---font-weight--extra-light: 200;
  --_typography---font-weight--thin: 100;
  --_typography---font-weight--light: 300;
  --_typography---font-weight--black: 900;
  --_typography---font-weight--extra-bold: 800;
}

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

body {
  font-family: var(--_typography---body-font);
  color: var(--_palette---black);
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
}

h1 {
  font-family: var(--_typography---h1--font-family);
  color: var(--_palette---black);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  margin-top: 0;
  margin-bottom: 0;
}

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

h3 {
  font-family: var(--_typography---h3--font-family);
  color: var(--_palette---black);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--_typography---h4--font-family);
  color: var(--_palette---black);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--_typography---h5--font-family);
  color: var(--_palette---black);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-family: var(--_typography---h6--font-family);
  color: var(--_palette---black);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
  margin-top: 10px;
  margin-bottom: 10px;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--_palette---black);
  font-size: var(--_typography---text-default--font-size);
  text-decoration: none;
}

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

img {
  object-fit: cover;
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.nav-link {
  font-family: var(--new);
  color: var(--_palette---white);
  justify-content: center;
  align-items: center;
}

.text-medium {
  color: var(--_palette---black);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
}

.text-medium:where(.w-variant-3d196e89-a7c0-3d31-dec6-6efe18f9281e) {
  color: var(--_palette---white);
}

.text-medium.regular {
  color: var(--_palette---white);
  font-weight: var(--_typography---font-weight--regular);
}

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

.page-wrapper {
  position: relative;
}

.button-text.top {
  color: var(--_palette---black);
}

.button-link-text {
  color: var(--_palette---white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 24px;
  display: flex;
  overflow: hidden;
}

.hero-section {
  z-index: 1;
  border-top: 1px solid var(--_palette---stroke);
  background-image: linear-gradient(#000 10%, #14b9fa 49%, #000 94%);
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}

.navbar-brand {
  max-width: 157px;
}

.navbar-brand.w--current {
  color: var(--_palette---white);
}

.text-small {
  color: var(--_palette---black);
  font-size: var(--_typography---text-small--font-size);
  line-height: var(--_typography---text-small--line-height);
  font-weight: var(--_typography---text-small--font-weight);
  letter-spacing: var(--_typography---text-small--letter-spacing);
}

.text-small.regular {
  color: var(--_palette---text-color);
  font-weight: var(--_typography---font-weight--regular);
}

.footer-link {
  color: #fff;
  flex-flow: column;
  height: 20px;
  display: flex;
  overflow: hidden;
}

.header {
  z-index: 10;
  color: var(--_palette---white);
  background-color: #000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.button-icon-wrap {
  border-radius: var(--_sections---border--tiny);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-icon-wrap.black {
  background-color: var(--_palette---black);
  color: var(--_palette---primary);
}

.button-link-text-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  height: 24px;
  overflow: hidden;
}

.content-wrap {
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

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

.content-wrap.gap-80 {
  grid-row-gap: 80px;
}

.container {
  max-width: var(--_sections---container--max-width);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.footer {
  z-index: 1;
  padding-top: var(--_sections---padding--section-padding-xlarge);
  background-color: var(--_palette---black);
  position: relative;
}

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

.mobile-only {
  display: none;
}

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

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

.text-large {
  font-size: var(--_typography---text-large--font-size);
  line-height: var(--_typography---text-large--line-height);
  font-weight: var(--_typography---text-large--font-weight);
  letter-spacing: var(--_typography---text-large--letter-spacing);
}

.navbar {
  background-color: #0000;
}

.nav-mobile {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  color: var(--_palette---white);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-color-white {
  color: var(--_palette---white);
}

.navbar-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: grid;
}

.color-swatch-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 48px;
  padding-left: 48px;
  padding-right: 48px;
  display: grid;
}

.color-swatche-block {
  grid-row-gap: 60px;
  border-radius: var(--_sections---border--xsmall);
  background-color: var(--_palette---bg-color);
  border: 1px solid #0d12140d;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.sg-typography-text-block {
  grid-row-gap: 24px;
  flex-flow: column;
  padding-bottom: 48px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
}

.text-default {
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
  text-align: center;
  letter-spacing: var(--_typography---text-default--letter-spacing);
  align-self: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.text-default.regular {
  color: var(--_palette---text-color);
  font-weight: var(--_typography---font-weight--regular);
}

.sg-banner-section {
  background-color: var(--_palette---white);
  padding-top: 168px;
  padding-bottom: 80px;
}

.color-swatch {
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.text-link {
  font-family: var(--_typography---heading-font);
  color: var(--_palette---text-color);
  line-height: 1.4;
  font-weight: var(--_typography---font-weight--bold);
  transition: color .3s;
}

.text-link:hover {
  opacity: .8;
}

.sg-title-wrap {
  background-color: var(--_palette---primary);
  padding: 32px;
}

.heading-05 {
  font-family: var(--_typography---h5--font-family);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
}

.sg-text-wrapper {
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.sg-main-section {
  padding-top: 100px;
  padding-bottom: 80px;
}

.text-button {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.sg-heading-wrapper {
  grid-column-gap: 4px;
  display: flex;
}

.color-swatch-thumbnail {
  background-color: #2465ff;
  min-height: 150px;
  box-shadow: 0 5px 10px #0000000d;
}

.color-swatch-thumbnail.bg {
  background-color: var(--_palette---bg-color);
}

.color-swatch-thumbnail.white {
  background-color: var(--_palette---white);
}

.color-swatch-thumbnail.primary {
  background-color: var(--_palette---primary);
}

.color-swatch-thumbnail.black {
  background-color: var(--_palette---black);
  background-color: var(--_palette---black);
}

.sg-banner-heading-wrap {
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-arrow-icon {
  width: 24px;
}

.sg-button-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 48px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
}

.heading-03 {
  font-family: var(--_typography---h3--font-family);
  color: var(--_palette---black);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
}

.heading-02 {
  font-family: var(--_typography---h2--font-family);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
}

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

.sg-typography-text-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

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

.hero-title-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1365px;
  display: flex;
}

.hero-title {
  color: var(--_palette---white);
}

.hero-heading-content {
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.hero-heading-visual {
  z-index: 1;
  position: relative;
  overflow: clip;
}

.img-wrap {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.rating-wrap {
  z-index: 9;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 1% 4% auto;
}

.rating-star {
  color: var(--_palette---primary);
  width: 28px;
}

.hero-main-wrapper {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: grid;
}

.hero-details-wrap {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

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

.hero-main-visual {
  border-radius: var(--_sections---border--xsmall);
  height: 100%;
  position: relative;
  overflow: clip;
}

.about-section {
  z-index: 1;
  padding-top: var(--_sections---border--regular);
  padding-bottom: var(--_sections---padding--section-padding-xlarge);
  margin-top: 0;
}

.main-item-wrap {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.main-loop-arrow {
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-wrap {
  border-radius: var(--_sections---border--xsmall);
  color: var(--_palette---white);
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 138px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

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

.service-section {
  padding-top: var(--_sections---border--regular);
  padding-bottom: var(--_sections---padding--section-padding-xlarge);
  background-color: var(--_palette---black);
}

.section-heading-wrap {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--_palette---white);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.section-heading-wrap:where(.w-variant-888b6a76-5f25-0411-360b-9d1a00fdc49f) {
  color: var(--_palette---white);
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
}

.section-title:where(.w-variant-3d196e89-a7c0-3d31-dec6-6efe18f9281e) {
  color: var(--_palette---white);
}

.single-service-item {
  border-bottom: 1px solid var(--_palette---stroke);
  cursor: pointer;
  position: relative;
}

.testimonial-section {
  padding-top: var(--_sections---padding--section-padding-xlarge);
  padding-bottom: var(--_sections---padding--section-padding-xlarge);
  background-color: var(--_palette---black);
  position: sticky;
  top: -40px;
  overflow: hidden;
}

.testimonial-card {
  grid-row-gap: 64px;
  border: 1px solid var(--_palette---stroke);
  border-radius: var(--_sections---border--medium);
  background-color: var(--_palette---white);
  flex-flow: column;
  flex: none;
  max-width: 800px;
  padding: 62px 48px;
  display: flex;
}

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

.client-profile-image {
  border-radius: var(--_sections---border--xlarge);
  width: 52px;
  height: 52px;
  position: relative;
  overflow: clip;
}

.client-name-wrapper {
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.price-section {
  padding-top: var(--_sections---padding--section-padding-xlarge);
  padding-bottom: var(--_sections---padding--section-padding-xlarge);
  background-image: url('../images/price-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.pricing-card-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  display: grid;
}

.pricing-card {
  grid-row-gap: 24px;
  border: 1px solid var(--_palette---stroke);
  border-radius: var(--_sections---border--medium);
  background-color: var(--_palette---bg-color);
  flex-flow: column;
  height: 100%;
  transition: box-shadow .3s;
  display: flex;
  overflow: hidden;
}

.pricing-card:hover {
  box-shadow: 0 30px 30px #0000000d;
}

.pricing-heading {
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.pricing-plan {
  color: var(--_palette---black);
  font-size: var(--_typography---text-large--font-size);
  line-height: var(--_typography---text-large--line-height);
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: var(--_typography---text-large--letter-spacing);
}

.pricing-feaure-text-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 28px;
  display: flex;
}

.features-items-wrapper {
  grid-row-gap: 16px;
  border-top: 1px solid var(--_palette---stroke);
  flex-flow: column;
  margin-left: 28px;
  margin-right: 28px;
  padding-top: 28px;
  padding-bottom: 28px;
  display: flex;
}

.feauture-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-items-icon-wrap {
  border-radius: var(--_sections---border--xlarge);
  background-color: var(--_palette---white);
  color: var(--_palette---black);
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.feature-items-icon {
  width: 8px;
}

.price-button-wrap {
  flex-flow: column;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.pricing-plan-number {
  font-family: var(--_typography---h3--font-family);
  color: var(--_palette---black);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: -.01em;
}

.footer-main {
  z-index: 1;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

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

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

.footer-link-text-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.link-text {
  font-size: var(--_typography---text-medium--font-size);
  line-height: 1em;
}

.link-text.footer-hover {
  color: var(--_palette---primary);
}

.contact-section {
  padding-top: var(--_sections---padding--section-padding-xlarge);
  padding-bottom: var(--_sections---padding--section-padding-xlarge);
}

.contect-form-wrapper {
  border-radius: var(--_sections---border--xsmall);
  background-color: var(--_palette---bg-color);
  flex-flow: column;
  margin-bottom: 0;
  padding: 40px;
  display: flex;
}

.form-field-label {
  font-family: var(--_typography---heading-font);
  color: var(--_palette---black);
  flex-flow: row;
  margin-bottom: 16px;
  display: block;
}

.form-field {
  border: 1px solid var(--_palette---stroke);
  border-radius: var(--_sections---border--small);
  background-color: var(--_palette---white);
  color: var(--_palette---black);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---text-medium--font-weight);
  min-height: 54px;
  margin-bottom: 0;
  padding: 14px 16px;
}

.form-field::placeholder {
  color: var(--_palette---black);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---text-medium--font-weight);
}

.form-field.message {
  text-align: left;
  min-height: 244px;
}

.form-field.select {
  background-image: url('../images/chevron-left.svg');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: auto;
}

.form-field-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

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

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

.form {
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.contact-info-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.faq-section {
  padding-top: var(--_sections---padding--section-padding-xlarge);
  padding-bottom: var(--_sections---padding--section-padding-xlarge);
  background-color: var(--_palette---black);
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.utility-page-content {
  grid-row-gap: 32px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.no-found-heading-wrap {
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.sg-title {
  font-family: var(--_typography---h6--font-family);
  color: var(--_palette---white);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
}

.project-section {
  padding-top: var(--_sections---padding--section-padding-xlarge);
  padding-bottom: var(--_sections---padding--section-padding-xlarge);
  background-color: var(--_palette---black);
}

.project-card {
  grid-row-gap: 20px;
  flex-flow: column;
  flex: calc(33.3333% - 20px);
  display: flex;
  position: relative;
  overflow: hidden;
}

.change-log-section {
  padding-top: 0;
  padding-bottom: var(--_sections---padding--section-padding-xlarge);
}

.changelog-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: var(--_sections---border--xsmall);
  background-color: var(--_palette---bg-color);
  text-align: center;
  border: 1px solid #0000001a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px;
  display: flex;
}

.changelog-text-wrap {
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.utility-text-contet-wrap {
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.sub-title {
  font-family: var(--_typography---h6--font-family);
  color: var(--_palette---black);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---font-weight--semibold);
  text-align: center;
  letter-spacing: var(--_typography---h6--letter-spacing);
}

.nav-link-block {
  color: var(--_palette---white);
  height: 24px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  overflow: hidden;
}

.hero-info-img-wrap {
  position: relative;
}

.curtains {
  z-index: 24;
  pointer-events: none;
  display: none;
  position: absolute;
  inset: 0%;
}

.curtains-white {
  background-color: #f2f2f2;
  width: 100%;
  height: 100%;
}

.success-message {
  background-color: var(--_palette---primary);
  color: var(--_palette---white);
  border-radius: 4px;
  padding: 12px 16px;
}

.utility-page-form {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 343px;
  display: flex;
}

.password-icon {
  color: var(--_palette---white);
  width: 68px;
}

.password-icon-wrap {
  border-radius: var(--_sections---border--xlarge);
  background-color: var(--_palette---black);
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 170px;
  display: flex;
}

.password-text {
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  letter-spacing: var(--_typography---text-default--letter-spacing);
  font-weight: 400;
}

.password-heading-wrap {
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

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

.password-body {
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.passsword-field {
  border-radius: var(--_sections---border--xlarge);
  background-color: var(--_palette---white);
  border: 1px solid #0000001a;
  min-height: 50px;
  margin-bottom: 0;
  padding: 13px 24px;
}

.password-submit {
  border-radius: var(--_sections---border--xlarge);
  background-color: var(--_palette---primary);
  color: var(--_palette---white);
  background-image: url('../images/submit-arrow-icon.svg');
  background-position: 70%;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 13px;
  font-weight: 600;
  transition: all .3s;
}

.password-submit:hover {
  background-color: var(--_palette---black);
  background-position: 72%;
  transform: scale(.97);
}

.text-span {
  color: var(--_palette---black);
  font-size: var(--_typography---text-medium--font-size);
  font-weight: var(--_typography---text-medium--font-weight);
}

.text-span.text-default {
  font-size: var(--_typography---text-default--font-size);
  line-height: var(--_typography---text-default--line-height);
  font-weight: var(--_typography---text-default--font-weight);
}

.text-span.text-small {
  font-size: var(--_typography---text-small--font-size);
  line-height: var(--_typography---text-small--line-height);
}

.heading-text-1 {
  color: var(--_palette---black);
  font-size: var(--_typography---h1--secondary-font-size);
  line-height: var(--_typography---h1--secondary-line-height);
  font-weight: var(--_typography---h1--secondary-weight);
}

.text-xlarge {
  color: var(--_palette---black);
  font-size: var(--_typography---text-xlarge--font-size\<deleted\|variable-3fa1d799-f14c-3234-3792-cb36c55e7227\>);
  line-height: var(--_typography---text-xlarge--line-height\<deleted\|variable-75e63fcf-0522-1694-973f-2985047a267f\>);
  font-weight: var(--_typography---text-xlarge--font-weight\<deleted\|variable-5f7c444f-c1c5-9c3e-fa1f-e373436e6437\>);
}

.text-xlarge.regular {
  color: var(--_palette---text-color);
  font-weight: var(--_typography---font-weight--regular);
}

.button-primary {
  z-index: 1;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-radius: var(--_sections---border--tiny);
  background-color: var(--_palette---primary);
  font-family: var(--_typography---heading-font);
  font-weight: var(--_typography---font-weight--bold);
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.button-outline {
  z-index: 1;
  border: 1.5px solid var(--_palette---black);
  border-radius: var(--_sections---border--tiny);
  background-color: var(--_palette---transparent);
  color: var(--_palette---black);
  justify-content: center;
  align-items: center;
  padding: 13px 24px;
  font-weight: 600;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-video-wrap {
  border-radius: var(--_sections---border--xsmall);
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  overflow: clip;
}

.project-tab {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-top: -54px;
  display: flex;
}

.project-tab-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #000;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  margin-bottom: 60px;
  display: flex;
}

.project-tab-content {
  width: 100%;
}

.project-tab-link {
  border-radius: var(--_sections---border--tiny);
  background-color: var(--_palette---primary);
  padding: 13px 20px;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
}

.project-tab-link:hover {
  background-color: var(--_palette---primary);
}

.project-tab-link.w--current {
  border-color: var(--_palette---primary);
  background-color: var(--_palette---white);
  margin-left: 60px;
}

.project-card-visual {
  z-index: 1;
  border-radius: var(--_sections---border--xsmall);
  min-height: 580px;
  position: relative;
  overflow: clip;
}

.project-card-body {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.project-card-info {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: var(--_sections---border--xsmall);
  background-color: var(--_palette---white);
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.project-card-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: grid;
}

.testimonial-card-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-height: 59px;
  display: flex;
}

.testimonial-card-icon {
  width: 57px;
  transform: rotate(180deg);
}

.testimonial-card-logo-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.pricing-tab-menu {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--_palette---stroke);
  border-radius: var(--_sections---border--xlarge);
  background-color: var(--_palette---white);
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
  overflow: hidden;
}

.pricing-tab-content {
  width: 100%;
  margin-top: 32px;
}

.pricing-tab-link {
  background-color: var(--_palette---bg-color);
  color: var(--_palette---black);
  border-radius: inherit;
  padding: 13px 30px;
}

.pricing-tab-link.w--current {
  background-color: var(--_palette---primary);
  font-family: var(--_typography---heading-font);
  font-weight: var(--_typography---font-weight--bold);
}

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

.button-inner {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-radius: var(--_sections---border--tiny);
  background-color: var(--_palette---white);
  font-family: var(--_typography---heading-font);
  color: var(--_palette---black);
  font-weight: var(--_typography---font-weight--bold);
  justify-content: center;
  align-items: center;
  padding: 17px 20px;
  display: flex;
}

.submit-button-wrap {
  position: relative;
}

.jetzt-abesenden {
  outline-offset: 0px;
  color: var(--_palette---black);
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  outline: 3px #fff;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0%;
}

.footer-copywrite {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--_palette---white);
  justify-content: space-between;
  align-items: center;
}

.footer-social-link-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.social-single-link {
  z-index: 1;
  border-radius: var(--_sections---border--xlarge);
  background-color: var(--_palette---white);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.social_icon-block {
  z-index: 20;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.social-icon {
  color: var(--_palette---black);
  min-width: 1rem;
  min-height: 1rem;
}

.social_icon-bg {
  z-index: -1;
  background-color: var(--_palette---primary);
  pointer-events: none;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.footer-social-title {
  color: var(--_palette---white);
  font-weight: var(--_typography---font-weight--semibold);
}

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

.footer-copywrite-text {
  border-top: 1px solid #eff2f51a;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 24px;
  display: flex;
}

.footer-brand-image-wrap {
  width: 100%;
  overflow: hidden;
}

.footer-brand-image {
  width: 100%;
  min-height: 100px;
}

.accordion-block {
  border-radius: var(--_sections---border--tiny);
  width: 100%;
  padding: 0 24px;
  transition: background-color .3s;
  overflow: hidden;
}

.accordion-block:hover {
  background-color: var(--_palette---bg-color);
}

.accordion-question {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  display: flex;
}

.accordion-question-title {
  color: #1c1d1f;
  font-size: var(--_typography---h6--font-size);
  line-height: 1.5em;
  font-weight: var(--_typography---font-weight--semibold);
  text-transform: capitalize;
}

.accordion-icon-wrap {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.accordion-icon {
  width: 16px;
}

.accordion-answer-wrap {
  background-color: #0000;
  display: flex;
  position: static;
  overflow: hidden;
}

.accordion-answer-block {
  width: 100%;
}

.accordion-answer {
  border-top: 1px solid var(--_palette---stroke);
  padding-top: 16px;
  padding-bottom: 24px;
}

.faq-wrapper {
  grid-row-gap: 20px;
  border: 1px solid var(--_palette---stroke);
  border-radius: var(--_sections---border--xsmall);
  flex-flow: column;
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.faq-devider {
  background-color: var(--_palette---stroke);
  width: 100%;
  height: 1px;
}

.about-title {
  font-family: var(--_typography---h4--font-family);
  color: var(--_palette---white);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
}

.faq-item-wrap {
  padding-left: 20px;
  padding-right: 20px;
}

.contact-info-wrap {
  grid-row-gap: 32px;
  overflow-wrap: normal;
  flex-flow: column;
  display: flex;
}

.section-not-found {
  padding-top: 100px;
  padding-bottom: 60px;
}

.heading-06 {
  font-family: var(--_typography---h6--font-family);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
}

.pro-plan {
  border-radius: var(--_sections---border--xlarge);
  font-size: var(--_typography---text-medium--font-size);
  background-color: #f1aaff80;
  padding: 6px 16px;
}

.plan-heading-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.license-link {
  color: var(--_palette---black);
  font-weight: var(--_typography---font-weight--semibold);
  text-decoration: underline;
}

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

.license-visual {
  border-radius: var(--_sections---border--xsmall);
  padding-top: 80%;
  position: relative;
  overflow: clip;
}

.about-text-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
}

.pricing-header {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: var(--_sections---border--small);
  background-color: var(--_palette---white);
  flex-flow: column;
  padding: 32px 24px;
  display: flex;
}

.star-icon {
  color: var(--_palette---primary);
  width: 23px;
}

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

.hero-img-wrap {
  -webkit-clip-path: polygon(100% 72.263%, 100% 72.263%, 99.946% 73.447%, 99.79% 74.57%, 99.54% 75.617%, 99.204% 76.574%, 98.792% 77.424%, 98.312% 78.154%, 97.771% 78.747%, 97.18% 79.19%, 96.545% 79.467%, 95.876% 79.562%, 78.763% 79.562%, 78.763% 79.562%, 78.094% 79.658%, 77.459% 79.934%, 76.868% 80.377%, 76.327% 80.97%, 75.847% 81.7%, 75.435% 82.55%, 75.099% 83.507%, 74.849% 84.554%, 74.693% 85.677%, 74.639% 86.861%, 74.639% 92.701%, 74.639% 92.701%, 74.585% 93.885%, 74.429% 95.008%, 74.179% 96.055%, 73.844% 97.012%, 73.431% 97.862%, 72.951% 98.592%, 72.411% 99.185%, 71.819% 99.628%, 71.184% 99.904%, 70.515% 100%, 4.124% 100%, 4.124% 100%, 3.455% 99.904%, 2.82% 99.628%, 2.229% 99.185%, 1.688% 98.592%, 1.208% 97.862%, .796% 97.012%, .46% 96.055%, .21% 95.008%, .054% 93.885%, 0% 92.701%, 0% 7.299%, 0% 7.299%, .054% 6.115%, .21% 4.992%, .46% 3.945%, .796% 2.988%, 1.208% 2.138%, 1.688% 1.408%, 2.229% .815%, 2.82% .372%, 3.455% .096%, 4.124% 0%, 95.876% 0%, 95.876% 0%, 96.545% .096%, 97.18% .372%, 97.771% .815%, 98.312% 1.408%, 98.792% 2.138%, 99.204% 2.988%, 99.54% 3.945%, 99.79% 4.992%, 99.946% 6.115%, 100% 7.299%, 100% 72.263%);
  clip-path: polygon(100% 72.263%, 100% 72.263%, 99.946% 73.447%, 99.79% 74.57%, 99.54% 75.617%, 99.204% 76.574%, 98.792% 77.424%, 98.312% 78.154%, 97.771% 78.747%, 97.18% 79.19%, 96.545% 79.467%, 95.876% 79.562%, 78.763% 79.562%, 78.763% 79.562%, 78.094% 79.658%, 77.459% 79.934%, 76.868% 80.377%, 76.327% 80.97%, 75.847% 81.7%, 75.435% 82.55%, 75.099% 83.507%, 74.849% 84.554%, 74.693% 85.677%, 74.639% 86.861%, 74.639% 92.701%, 74.639% 92.701%, 74.585% 93.885%, 74.429% 95.008%, 74.179% 96.055%, 73.844% 97.012%, 73.431% 97.862%, 72.951% 98.592%, 72.411% 99.185%, 71.819% 99.628%, 71.184% 99.904%, 70.515% 100%, 4.124% 100%, 4.124% 100%, 3.455% 99.904%, 2.82% 99.628%, 2.229% 99.185%, 1.688% 98.592%, 1.208% 97.862%, .796% 97.012%, .46% 96.055%, .21% 95.008%, .054% 93.885%, 0% 92.701%, 0% 7.299%, 0% 7.299%, .054% 6.115%, .21% 4.992%, .46% 3.945%, .796% 2.988%, 1.208% 2.138%, 1.688% 1.408%, 2.229% .815%, 2.82% .372%, 3.455% .096%, 4.124% 0%, 95.876% 0%, 95.876% 0%, 96.545% .096%, 97.18% .372%, 97.771% .815%, 98.312% 1.408%, 98.792% 2.138%, 99.204% 2.988%, 99.54% 3.945%, 99.79% 4.992%, 99.946% 6.115%, 100% 7.299%, 100% 72.263%);
  min-height: 272px;
  position: relative;
  overflow: hidden;
}

.hero-badge {
  border-radius: var(--_sections---border--xlarge);
  background-color: var(--_palette---primary);
  padding: 10px 20px;
}

.sub-heading {
  font-family: var(--_typography---heading-font);
  font-size: var(--_typography---text-large--font-size);
  line-height: 1.4;
  font-weight: var(--_typography---font-weight--semibold);
}

.hero-decor-image {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-title-right {
  padding-left: 160px;
}

.brand-section {
  z-index: 1;
  border-top: 1px solid var(--_palette---stroke);
  border-bottom: 1px solid var(--_palette---stroke);
  position: relative;
  overflow: hidden;
}

.brand-marquee {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brand-gradient {
  pointer-events: none;
  background-image: linear-gradient(90deg, #fff 14%, #fff0);
  width: 228px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.brand-gradient.right {
  background-image: linear-gradient(90deg, #fff0, #fff);
  inset: 0% 0% 0% auto;
}

.section-sub-heading {
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  text-transform: uppercase;
}

.about-grid {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-video {
  width: 500px;
  height: 100%;
  min-height: 250px;
  margin-top: 0;
  padding-top: 0;
}

.devider {
  background-color: var(--_palette---stroke);
  width: 100%;
  height: 1px;
}

.about-main {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-card {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  border-radius: var(--_sections---border--xsmall);
  background-color: #e4d3ff;
  flex-flow: column;
  padding: 32px;
  display: flex;
}

.about-card._02 {
  background-color: var(--_palette---bg-color);
}

.about-card._03 {
  background-color: #d3edff;
}

.about-card._04 {
  background-color: #17b9fa;
}

.about-card._01 {
  background-color: #d3edff;
}

.counter_item {
  justify-content: flex-start;
  align-items: center;
}

.counter_wrap {
  justify-content: flex-start;
  align-items: flex-start;
  height: 48px;
  display: flex;
  overflow: hidden;
}

.counter_numbers {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.counter_number {
  font-size: 48px;
  line-height: 1;
  font-weight: var(--_typography---font-weight--medium);
  text-align: right;
}

.about-card-intro {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.about-card-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #0003;
  flex-flow: column;
  padding-top: 24px;
  display: flex;
}

.faq-icon1 {
  border-radius: var(--_sections---border--xlarge);
  background-color: var(--_palette---black);
  width: 14px;
  height: 2px;
  margin-bottom: -1px;
  transform: rotate(90deg);
}

.faq-icon2 {
  border-radius: var(--_sections---border--xlarge);
  background-color: var(--_palette---black);
  width: 14px;
  height: 2px;
  margin-top: -1px;
}

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

.service-icon-wrap {
  border-radius: var(--_sections---border--xlarge);
  background-color: var(--_palette---bg-color);
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: inline-flex;
  position: relative;
}

.service-description {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  display: flex;
}

.single-service {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_sections---border--xsmall);
  background-color: var(--_palette---white);
  grid-template-rows: auto;
  grid-template-columns: .92fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  padding: 32px;
  display: flex;
  overflow: hidden;
}

.single-service.w--current {
  background-color: var(--_palette---white);
}

.display-none {
  display: none;
}

.service-title {
  font-family: var(--_typography---h4--font-family);
  color: var(--_palette---black);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: -.01em;
}

.service-details {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

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

.service-tag {
  border: 1px solid var(--_palette---stroke);
  border-radius: var(--_sections---border--tiny);
  background-color: var(--_palette---bg-color);
  color: var(--_palette---text-color);
  padding: 10px 20px;
}

.service-image-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 724px;
  height: 100%;
  display: flex;
}

.service-image-wrap {
  border-radius: var(--_sections---border--xsmall);
  width: 50%;
  min-height: 288px;
  position: relative;
  overflow: hidden;
}

.service-link {
  font-family: var(--_typography---heading-font);
  font-weight: var(--_typography---font-weight--bold);
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  position: relative;
}

.service-link-icon {
  width: 24px;
}

.service-link-text {
  font-family: var(--_typography---heading-font);
  font-weight: var(--_typography---font-weight--bold);
}

.service-link-border {
  background-color: var(--_palette---black);
  width: 100%;
  height: 2px;
  position: absolute;
  inset: auto 0% 0%;
}

.service-item-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.project-card-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.project-card-icon-wrap {
  border-radius: var(--_sections---border--xlarge);
  background-color: var(--_palette---primary);
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.project-card-icon {
  width: 20px;
}

.project-card-info-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-color-gray {
  color: var(--_palette---text-color);
}

.play-button {
  border: 2px solid var(--_palette---stroke);
  border-radius: var(--_sections---border--xlarge);
  background-color: var(--_palette---white);
  width: 48px;
  height: 48px;
}

.play-icon {
  color: var(--_palette---primary);
  width: 16px;
}

.play-state {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.feature-item-wrap {
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.price-title {
  font-family: var(--_typography---h4--font-family);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
}

.faq-answer-wrap {
  border-top: 1px solid var(--_palette---stroke);
  background-color: #0000;
  width: 100%;
  max-width: 100%;
  margin-top: 16px;
  padding-top: 16px;
  display: flex;
}

.faq-title {
  font-family: var(--_typography---h6--font-family);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: -.01em;
  text-transform: capitalize;
}

.faq-single-wrap {
  border-radius: var(--_sections---border--medium);
  background-color: var(--_palette---white);
  padding: 40px;
}

.faq-icon-wrap {
  border-radius: var(--_sections---border--tiny);
  background-color: var(--_palette---bg-color);
  text-align: center;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 3px;
  display: flex;
  position: relative;
}

.core-values-answer-wrap {
  overflow: hidden;
}

.plus-icon {
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  width: 24px;
  display: block;
  transform: translateY(0);
}

.faq-answer {
  color: var(--_palette---text-color);
  font-size: var(--_typography---text-medium--font-size);
  line-height: var(--_typography---text-medium--line-height);
  font-weight: var(--_typography---text-medium--font-weight);
  letter-spacing: var(--_typography---text-medium--letter-spacing);
  width: 100%;
}

.faq-tab-single {
  border-radius: var(--_sections---border--medium);
  background-color: #0000;
  padding: 0;
}

.faq-tab-single.w--current {
  background-color: #0000;
}

.faq-tab-menus {
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.faq_question-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.global-style {
  display: none;
}

.contact-single-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.contact-text-link {
  color: var(--_palette---text-color);
  transition: color .35s cubic-bezier(.215, .61, .355, 1);
}

.contact-text-link:hover {
  color: var(--_palette---black);
}

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

.footer-bg-wrap {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.footer-bg {
  width: 100%;
  height: 100%;
}

.footer-bg-gradient {
  pointer-events: none;
  background-image: linear-gradient(#0000, #000 53%);
  position: absolute;
  inset: 0%;
}

.footer-link-wrap {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.scroll-track {
  height: 200vh;
}

.button-bg {
  z-index: -1;
  background-color: var(--_palette---primary);
  border-radius: 100%;
  width: 1000px;
  height: 1000px;
  position: absolute;
  inset: 0 auto auto 0;
}

.service-main {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 668px;
  display: flex;
}

.service-details-wrap {
  flex-flow: column;
  overflow: hidden;
}

.service-image {
  width: 100%;
  height: 100%;
}

.text-span-2 {
  color: var(--_palette---primary);
}

.body {
  background-color: #000;
}

.text-span-3, .text-span-4, .text-span-5 {
  color: var(--_palette---white);
}

.paragraph {
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;
}

@media screen and (max-width: 991px) {
  body {
    --_typography---body-font: Poppins, Arial, sans-serif;
    --_typography---text-default--font-size: 16px;
    --_typography---text-default--line-height: 1.5;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---h1--font-family: var(--_typography---heading-font);
    --_typography---h1--font-size: clamp(38px, 7.29vw, 140px);
    --_typography---h1--line-height: 1.2;
    --_typography---h1--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h2--font-family: var(--_typography---heading-font);
    --_typography---h2--font-size: 52px;
    --_typography---h2--line-height: 1.2;
    --_typography---h2--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--font-family: var(--_typography---body-font);
    --_typography---h3--font-size: 40px;
    --_typography---h3--line-height: 1.2;
    --_typography---h3--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--letter-spacing: 0em;
    --_typography---h4--font-family: var(--_typography---heading-font);
    --_typography---h4--font-size: 32px;
    --_typography---h4--line-height: 1.3;
    --_typography---h4--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h4--letter-spacing: 0em;
    --_typography---h5--font-family: var(--_typography---heading-font);
    --_typography---h5--font-size: 28px;
    --_typography---h5--line-height: 1.3;
    --_typography---h5--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h5--letter-spacing: 0em;
    --_typography---h6--font-family: var(--_typography---heading-font);
    --_typography---h6--font-size: 22px;
    --_typography---h6--line-height: 1.4;
    --_typography---h6--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h6--letter-spacing: 0em;
    --_typography---text-medium--font-size: 18px;
    --_typography---text-medium--line-height: 1.5;
    --_typography---font-weight--regular: 400;
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1.4;
    --_typography---text-small--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-small--letter-spacing: 0em;
    --_typography---text-large--font-size: 20px;
    --_typography---text-large--line-height: 1.4;
    --_typography---text-large--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-large--letter-spacing: 0em;
    --_typography---text-default--letter-spacing: 0em;
    --_typography---heading-font: Syne, Georgia, sans-serif;
    --_typography---font-weight--bold: 700;
    --_typography---h2--letter-spacing: 0em;
    --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
    --_typography---font-weight--semibold: 600;
    --_typography---h1--secondary-font-size: 60px;
    --_typography---h1--secondary-line-height: 1.2;
    --_typography---h1--secondary-weight: var(--_typography---font-weight--medium);
    --_typography---text-xlarge--font-size\<deleted\|variable-3fa1d799-f14c-3234-3792-cb36c55e7227\>: 20px;
    --_typography---text-xlarge--line-height\<deleted\|variable-75e63fcf-0522-1694-973f-2985047a267f\>: 1.4;
    --_typography---text-xlarge--font-weight\<deleted\|variable-5f7c444f-c1c5-9c3e-fa1f-e373436e6437\>: var(--_typography---font-weight--semibold);
    --_typography---font-weight--medium: 500;
    --_typography---text-medium--letter-spacing: 0em;
    --_typography---h1--letter-spacing: 0em;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--black: 900;
    --_typography---font-weight--extra-bold: 800;
  }

  .text-medium.uppercase {
    text-transform: uppercase;
  }

  .nav-menu-wrap {
    background-color: var(--_palette---white);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 20px;
  }

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

  .nav-button-line {
    background-color: var(--_palette---black);
    border-radius: 4px;
    height: 5%;
    margin: auto;
    padding: 0;
    position: absolute;
    inset: 0% 15%;
  }

  .nav-button-line.is-first {
    transform: translate(0, -350%);
  }

  .nav-button-line.is-third {
    transform: translate(0, 350%);
  }

  .menu-button {
    padding: 0;
  }

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

  .content-wrap {
    grid-row-gap: 32px;
  }

  .content-wrap.gap-80 {
    grid-row-gap: 40px;
  }

  .nav-button-component {
    border-radius: var(--_sections---border--tiny);
    background-color: var(--_palette---primary);
    width: 44px;
    height: 44px;
    padding: 10px 8px;
    position: relative;
  }

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

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

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

  .color-swatche-block {
    grid-row-gap: 48px;
  }

  .sg-typography-text-block {
    grid-row-gap: 18px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .sg-banner-section {
    padding-top: 140px;
  }

  .sg-title-wrap {
    padding: 24px;
  }

  .sg-main-section {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .hero-heading-wrap {
    flex-flow: column;
  }

  .hero-heading-content {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .rating-wrap {
    right: 0%;
  }

  .rating-star {
    width: 24px;
  }

  .hero-main-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .hero-details-wrap {
    grid-row-gap: 24px;
    max-width: 100%;
  }

  .hero-main-visual {
    padding-top: 60%;
  }

  .about-wrap {
    flex-flow: column;
    align-items: center;
  }

  .about-content-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-heading-wrap {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .section-heading-wrap:where(.w-variant-888b6a76-5f25-0411-360b-9d1a00fdc49f) {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
  }

  .single-service-item {
    border-bottom-style: none;
  }

  .testimonial-card {
    grid-row-gap: 32px;
    max-width: 600px;
    padding: 32px 24px;
  }

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

  .change-log-section {
    padding-top: 60px;
  }

  .hero-info-img-wrap {
    min-width: 400px;
  }

  .password-submit {
    background-position: 58%;
  }

  .about-video-wrap {
    min-height: 300px;
  }

  .project-tab {
    margin-top: 0;
  }

  .project-tab-menu {
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
  }

  .project-tab-link {
    padding: 8px 12px;
    font-weight: 400;
  }

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

  .contact-grid {
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .license-image-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .hero-badge {
    padding: 8px 18px;
  }

  .hero-title-right {
    padding-left: 60px;
  }

  .about-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .about-main {
    grid-template-columns: 1fr 1fr;
  }

  .service-description {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .single-service {
    flex-flow: column;
  }

  .service-details {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .service-tag {
    padding: 8px 12px;
  }

  .service-image-wrap {
    min-height: 288px;
  }

  .project-content-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_sections---border--tiny: 4px;
    --_sections---container--max-width: 1560px;
    --_sections---padding--section-padding-xlarge: 60px;
    --_sections---border--xsmall: 8px;
    --_sections---border--regular: 16px;
    --_sections---border--medium: 20px;
    --_sections---border--xlarge: 100px;
    --_sections---border--small: 12px;
    --_sections---padding--section-padding-large: 80px;
    --_sections---padding--padding-small: 60px;
    --_sections---border--large: 50px;
    --_sections---container--max-width-10-col: 0px;
    --_sections---container--padding: 16px;
    --_sections---container--max-width-8-col: 0px;
    --_sections---container--max-width-6-col: 0px;
    --_typography---body-font: Poppins, Arial, sans-serif;
    --_typography---text-default--font-size: 16px;
    --_typography---text-default--line-height: 1.5;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---h1--font-family: var(--_typography---heading-font);
    --_typography---h1--font-size: clamp(38px, 7.29vw, 140px);
    --_typography---h1--line-height: 1.2;
    --_typography---h1--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h2--font-family: var(--_typography---heading-font);
    --_typography---h2--font-size: 40px;
    --_typography---h2--line-height: 1.2;
    --_typography---h2--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--font-family: var(--_typography---body-font);
    --_typography---h3--font-size: 32px;
    --_typography---h3--line-height: 1.2;
    --_typography---h3--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--letter-spacing: 0em;
    --_typography---h4--font-family: var(--_typography---heading-font);
    --_typography---h4--font-size: 28px;
    --_typography---h4--line-height: 1.3;
    --_typography---h4--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h4--letter-spacing: 0em;
    --_typography---h5--font-family: var(--_typography---heading-font);
    --_typography---h5--font-size: 24px;
    --_typography---h5--line-height: 1.3;
    --_typography---h5--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h5--letter-spacing: 0em;
    --_typography---h6--font-family: var(--_typography---heading-font);
    --_typography---h6--font-size: 18px;
    --_typography---h6--line-height: 1.4;
    --_typography---h6--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h6--letter-spacing: 0em;
    --_typography---text-medium--font-size: 18px;
    --_typography---text-medium--line-height: 1.5;
    --_typography---font-weight--regular: 400;
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1.4;
    --_typography---text-small--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-small--letter-spacing: 0em;
    --_typography---text-large--font-size: 20px;
    --_typography---text-large--line-height: 1.4;
    --_typography---text-large--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-large--letter-spacing: 0em;
    --_typography---text-default--letter-spacing: 0em;
    --_typography---heading-font: Syne, Georgia, sans-serif;
    --_typography---font-weight--bold: 700;
    --_typography---h2--letter-spacing: 0em;
    --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
    --_typography---font-weight--semibold: 600;
    --_typography---h1--secondary-font-size: 60px;
    --_typography---h1--secondary-line-height: 1.2;
    --_typography---h1--secondary-weight: var(--_typography---font-weight--medium);
    --_typography---text-xlarge--font-size\<deleted\|variable-3fa1d799-f14c-3234-3792-cb36c55e7227\>: 20px;
    --_typography---text-xlarge--line-height\<deleted\|variable-75e63fcf-0522-1694-973f-2985047a267f\>: 1.4;
    --_typography---text-xlarge--font-weight\<deleted\|variable-5f7c444f-c1c5-9c3e-fa1f-e373436e6437\>: var(--_typography---font-weight--semibold);
    --_typography---font-weight--medium: 500;
    --_typography---text-medium--letter-spacing: 0em;
    --_typography---h1--letter-spacing: 0em;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--black: 900;
    --_typography---font-weight--extra-bold: 800;
  }

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

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

  .header {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .content-wrap.gap-50 {
    grid-row-gap: 32px;
  }

  .mobile-only {
    display: block;
  }

  .color-swatch-wrapper {
    grid-template-columns: 1fr 1fr;
    padding-left: 16px;
    padding-right: 16px;
  }

  .color-swatche-block {
    grid-row-gap: 32px;
  }

  .sg-typography-text-block {
    grid-row-gap: 12px;
    padding-bottom: 24px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .sg-banner-section {
    padding-top: 120px;
  }

  .sg-title-wrap {
    padding: 18px;
  }

  .sg-main-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .about-content-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .section-heading-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .testimonial-card {
    grid-row-gap: 24px;
    max-width: 450px;
    min-height: 370px;
  }

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

  .footer-main {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-link-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .contect-form-wrapper {
    padding: 32px;
  }

  .form-field-wrap {
    grid-row-gap: 0px;
  }

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

  .change-log-section {
    padding-top: 40px;
  }

  .utility-text-contet-wrap {
    grid-row-gap: 12px;
  }

  .about-video-wrap {
    min-height: 250px;
  }

  .project-card-visual {
    min-height: 500px;
  }

  .contact-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .footer-copywrite-text {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: center;
    flex-flow: column;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .accordion-block {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

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

  .accordion-answer {
    padding-top: 12px;
    padding-bottom: 16px;
  }

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

  .faq-item-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-not-found {
    padding-top: 60px;
  }

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

  .hero-title-right {
    padding-left: 40px;
  }

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

  .about-main {
    grid-template-columns: 1fr;
  }

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

  .service-icon-wrap {
    width: 32px;
    height: 32px;
  }

  .single-service {
    padding: .875rem;
  }

  .faq-single-wrap {
    padding: 28px 24px;
  }

  .testimonia-card-wrapper {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .scroll-track {
    height: auto;
  }

  .service-main {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_sections---border--tiny: 4px;
    --_sections---container--max-width: 1560px;
    --_sections---padding--section-padding-xlarge: 40px;
    --_sections---border--xsmall: 8px;
    --_sections---border--regular: 16px;
    --_sections---border--medium: 20px;
    --_sections---border--xlarge: 100px;
    --_sections---border--small: 12px;
    --_sections---padding--section-padding-large: 40px;
    --_sections---padding--padding-small: 40px;
    --_sections---border--large: 50px;
    --_sections---container--max-width-10-col: 0px;
    --_sections---container--padding: 16px;
    --_sections---container--max-width-8-col: 0px;
    --_sections---container--max-width-6-col: 0px;
    --_typography---body-font: Poppins, Arial, sans-serif;
    --_typography---text-default--font-size: 16px;
    --_typography---text-default--line-height: 1.5;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---h1--font-family: var(--_typography---heading-font);
    --_typography---h1--font-size: clamp(38px, 7.29vw, 140px);
    --_typography---h1--line-height: 1.2;
    --_typography---h1--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h2--font-family: var(--_typography---heading-font);
    --_typography---h2--font-size: 32px;
    --_typography---h2--line-height: 1.2;
    --_typography---h2--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--font-family: var(--_typography---body-font);
    --_typography---h3--font-size: 28px;
    --_typography---h3--line-height: 1.2;
    --_typography---h3--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--letter-spacing: 0em;
    --_typography---h4--font-family: var(--_typography---heading-font);
    --_typography---h4--font-size: 24px;
    --_typography---h4--line-height: 1.3;
    --_typography---h4--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h4--letter-spacing: 0em;
    --_typography---h5--font-family: var(--_typography---heading-font);
    --_typography---h5--font-size: 20px;
    --_typography---h5--line-height: 1.3;
    --_typography---h5--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h5--letter-spacing: 0em;
    --_typography---h6--font-family: var(--_typography---heading-font);
    --_typography---h6--font-size: 17px;
    --_typography---h6--line-height: 1.4;
    --_typography---h6--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h6--letter-spacing: 0em;
    --_typography---text-medium--font-size: 16px;
    --_typography---text-medium--line-height: 1.5;
    --_typography---font-weight--regular: 400;
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1.4;
    --_typography---text-small--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-small--letter-spacing: 0em;
    --_typography---text-large--font-size: 14px;
    --_typography---text-large--line-height: 1.4;
    --_typography---text-large--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-large--letter-spacing: 0em;
    --_typography---text-default--letter-spacing: 0em;
    --_typography---heading-font: Syne, Georgia, sans-serif;
    --_typography---font-weight--bold: 700;
    --_typography---h2--letter-spacing: 0em;
    --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
    --_typography---font-weight--semibold: 600;
    --_typography---h1--secondary-font-size: 60px;
    --_typography---h1--secondary-line-height: 1.2;
    --_typography---h1--secondary-weight: var(--_typography---font-weight--medium);
    --_typography---text-xlarge--font-size\<deleted\|variable-3fa1d799-f14c-3234-3792-cb36c55e7227\>: 18px;
    --_typography---text-xlarge--line-height\<deleted\|variable-75e63fcf-0522-1694-973f-2985047a267f\>: 1.4;
    --_typography---text-xlarge--font-weight\<deleted\|variable-5f7c444f-c1c5-9c3e-fa1f-e373436e6437\>: var(--_typography---font-weight--semibold);
    --_typography---font-weight--medium: 500;
    --_typography---text-medium--letter-spacing: 0em;
    --_typography---h1--letter-spacing: 0em;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--black: 900;
    --_typography---font-weight--extra-bold: 800;
  }

  .nav-link, .nav-link:hover {
    color: var(--_palette---black);
  }

  .text-medium {
    text-align: left;
    margin-left: 0;
    display: block;
  }

  .text-medium.text-color-gray {
    --_typography---body-font: Poppins, Arial, sans-serif;
    --_typography---text-default--font-size: 16px;
    --_typography---text-default--line-height: 1.5;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---h1--font-family: var(--_typography---heading-font);
    --_typography---h1--font-size: clamp(38px, 7.29vw, 140px);
    --_typography---h1--line-height: 1.2;
    --_typography---h1--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h2--font-family: var(--_typography---heading-font);
    --_typography---h2--font-size: 32px;
    --_typography---h2--line-height: 1.2;
    --_typography---h2--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--font-family: var(--_typography---body-font);
    --_typography---h3--font-size: 28px;
    --_typography---h3--line-height: 1.2;
    --_typography---h3--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--letter-spacing: 0em;
    --_typography---h4--font-family: var(--_typography---heading-font);
    --_typography---h4--font-size: 24px;
    --_typography---h4--line-height: 1.3;
    --_typography---h4--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h4--letter-spacing: 0em;
    --_typography---h5--font-family: var(--_typography---heading-font);
    --_typography---h5--font-size: 20px;
    --_typography---h5--line-height: 1.3;
    --_typography---h5--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h5--letter-spacing: 0em;
    --_typography---h6--font-family: var(--_typography---heading-font);
    --_typography---h6--font-size: 17px;
    --_typography---h6--line-height: 1.4;
    --_typography---h6--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h6--letter-spacing: 0em;
    --_typography---text-medium--font-size: 16px;
    --_typography---text-medium--line-height: 1.5;
    --_typography---font-weight--regular: 400;
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1.4;
    --_typography---text-small--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-small--letter-spacing: 0em;
    --_typography---text-large--font-size: 14px;
    --_typography---text-large--line-height: 1.4;
    --_typography---text-large--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-large--letter-spacing: 0em;
    --_typography---text-default--letter-spacing: 0em;
    --_typography---heading-font: Syne, Georgia, sans-serif;
    --_typography---font-weight--bold: 700;
    --_typography---h2--letter-spacing: 0em;
    --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
    --_typography---font-weight--semibold: 600;
    --_typography---h1--secondary-font-size: 60px;
    --_typography---h1--secondary-line-height: 1.2;
    --_typography---h1--secondary-weight: var(--_typography---font-weight--medium);
    --_typography---text-xlarge--font-size\<deleted\|variable-3fa1d799-f14c-3234-3792-cb36c55e7227\>: 18px;
    --_typography---text-xlarge--line-height\<deleted\|variable-75e63fcf-0522-1694-973f-2985047a267f\>: 1.4;
    --_typography---text-xlarge--font-weight\<deleted\|variable-5f7c444f-c1c5-9c3e-fa1f-e373436e6437\>: var(--_typography---font-weight--semibold);
    --_typography---font-weight--medium: 500;
    --_typography---text-medium--letter-spacing: 0em;
    --_typography---h1--letter-spacing: 0em;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--black: 900;
    --_typography---font-weight--extra-bold: 800;
    order: 0;
    width: auto;
    height: auto;
    display: block;
    position: relative;
    overflow: visible;
  }

  .nav-menu-wrap {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: var(--_palette---black);
    margin-top: 0;
    padding-top: 30px;
  }

  .button-text.hover, .button-link-text {
    color: var(--_palette---black);
  }

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

  .navbar-brand {
    max-width: 120px;
  }

  .nav-button-line {
    left: 20%;
    right: 20%;
  }

  .nav-button-line.is-first, .nav-button-line.is-third, .nav-button-line.is-second {
    color: var(--_palette---black);
  }

  .header {
    position: relative;
  }

  .button-link-text-wrap {
    color: var(--_palette---black);
  }

  .content-wrap {
    grid-row-gap: 32px;
  }

  .content-wrap.gap-50 {
    grid-row-gap: 24px;
  }

  .nav-button-component {
    width: 38px;
    height: 38px;
  }

  .navbar {
    color: var(--_palette---black);
  }

  .nav-mobile {
    color: var(--_palette---black);
    position: static;
  }

  .color-swatche-block {
    grid-row-gap: 24px;
  }

  .sg-typography-text-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sg-banner-section {
    padding-top: 100px;
  }

  .sg-title-wrap {
    padding: 16px;
  }

  .sg-main-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hero-heading-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .hero-title {
    margin-left: -15px;
    margin-right: 0;
  }

  .rating-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    bottom: 10px;
  }

  .rating-star {
    width: 21px;
  }

  .hero-main-visual {
    padding-top: 100%;
  }

  .logo-wrap {
    min-height: 80px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .about-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .about-content-wrap {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .testimonial-card {
    grid-row-gap: 18px;
    width: 100%;
    padding: 24px 14px;
  }

  .client-info-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .client-profile-image {
    width: 48px;
    height: 48px;
  }

  .pricing-card {
    grid-row-gap: 18px;
  }

  .pricing-heading {
    grid-row-gap: 12px;
  }

  .features-items-wrapper {
    margin-left: 12px;
    margin-right: 12px;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .price-button-wrap {
    padding-left: 12px;
    padding-right: 12px;
  }

  .button-wrap {
    margin-left: 50px;
  }

  .contect-form-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }

  .form-field-label {
    margin-bottom: 10px;
  }

  .form-field {
    border-radius: var(--_sections---border--xsmall);
    min-height: 48px;
  }

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

  .utility-page-content {
    grid-row-gap: 24px;
  }

  .nav-link-block, .nav-link-block.w--current {
    color: var(--_palette---black);
  }

  .hero-info-img-wrap {
    min-width: 100%;
  }

  .password-icon {
    width: 48px;
  }

  .password-icon-wrap {
    width: 120px;
    height: 120px;
  }

  .password-submit {
    background-position: 66%;
  }

  .password-submit:hover {
    background-position: 70%;
  }

  .button-primary {
    color: var(--_palette---black);
    padding: 10px 18px;
  }

  .button-outline {
    padding: 10px 16px;
  }

  .project-tab-menu {
    grid-row-gap: 8px;
    margin-left: 100px;
    margin-right: 100px;
    display: flex;
  }

  .project-tab-link {
    padding: 4px 10px;
  }

  .project-card-visual {
    min-height: 400px;
  }

  .project-card-body, .project-card-info {
    padding: 18px 12px;
  }

  .project-card-info.active {
    padding-left: 12px;
    padding-right: 12px;
  }

  .testimonial-card-icon {
    width: 32px;
  }

  .pricing-tab-link {
    padding: 10px 24px;
  }

  .contact-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 0;
  }

  .button-inner {
    padding: 12px 18px;
  }

  .accordion-block {
    padding-left: 8px;
    padding-right: 8px;
  }

  .accordion-question-title {
    font-size: 18px;
  }

  .accordion-answer {
    padding-top: 8px;
    padding-bottom: 12px;
  }

  .about-title {
    text-align: center;
    --_sections---border--tiny: 4px;
    --_sections---container--max-width: 1560px;
    --_sections---padding--section-padding-xlarge: 40px;
    --_sections---border--xsmall: 8px;
    --_sections---border--regular: 16px;
    --_sections---border--medium: 20px;
    --_sections---border--xlarge: 100px;
    --_sections---border--small: 12px;
    --_sections---padding--section-padding-large: 40px;
    --_sections---padding--padding-small: 40px;
    --_sections---border--large: 50px;
    --_sections---container--max-width-10-col: 0px;
    --_sections---container--padding: 16px;
    --_sections---container--max-width-8-col: 0px;
    --_sections---container--max-width-6-col: 0px;
    --_typography---body-font: Poppins, Arial, sans-serif;
    --_typography---text-default--font-size: 16px;
    --_typography---text-default--line-height: 1.5;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---h1--font-family: var(--_typography---heading-font);
    --_typography---h1--font-size: clamp(38px, 7.29vw, 140px);
    --_typography---h1--line-height: 1.2;
    --_typography---h1--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h2--font-family: var(--_typography---heading-font);
    --_typography---h2--font-size: 32px;
    --_typography---h2--line-height: 1.2;
    --_typography---h2--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--font-family: var(--_typography---body-font);
    --_typography---h3--font-size: 28px;
    --_typography---h3--line-height: 1.2;
    --_typography---h3--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--letter-spacing: 0em;
    --_typography---h4--font-family: var(--_typography---heading-font);
    --_typography---h4--font-size: 24px;
    --_typography---h4--line-height: 1.3;
    --_typography---h4--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h4--letter-spacing: 0em;
    --_typography---h5--font-family: var(--_typography---heading-font);
    --_typography---h5--font-size: 20px;
    --_typography---h5--line-height: 1.3;
    --_typography---h5--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h5--letter-spacing: 0em;
    --_typography---h6--font-family: var(--_typography---heading-font);
    --_typography---h6--font-size: 17px;
    --_typography---h6--line-height: 1.4;
    --_typography---h6--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h6--letter-spacing: 0em;
    --_typography---text-medium--font-size: 16px;
    --_typography---text-medium--line-height: 1.5;
    --_typography---font-weight--regular: 400;
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1.4;
    --_typography---text-small--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-small--letter-spacing: 0em;
    --_typography---text-large--font-size: 14px;
    --_typography---text-large--line-height: 1.4;
    --_typography---text-large--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-large--letter-spacing: 0em;
    --_typography---text-default--letter-spacing: 0em;
    --_typography---heading-font: Syne, Georgia, sans-serif;
    --_typography---font-weight--bold: 700;
    --_typography---h2--letter-spacing: 0em;
    --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
    --_typography---font-weight--semibold: 600;
    --_typography---h1--secondary-font-size: 60px;
    --_typography---h1--secondary-line-height: 1.2;
    --_typography---h1--secondary-weight: var(--_typography---font-weight--medium);
    --_typography---text-xlarge--font-size\<deleted\|variable-3fa1d799-f14c-3234-3792-cb36c55e7227\>: 18px;
    --_typography---text-xlarge--line-height\<deleted\|variable-75e63fcf-0522-1694-973f-2985047a267f\>: 1.4;
    --_typography---text-xlarge--font-weight\<deleted\|variable-5f7c444f-c1c5-9c3e-fa1f-e373436e6437\>: var(--_typography---font-weight--semibold);
    --_typography---font-weight--medium: 500;
    --_typography---text-medium--letter-spacing: 0em;
    --_typography---h1--letter-spacing: 0em;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--black: 900;
    --_typography---font-weight--extra-bold: 800;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .faq-item-wrap {
    padding-left: 4px;
    padding-right: 4px;
  }

  .section-not-found {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pro-plan {
    padding: 4px 12px;
    font-size: 12px;
  }

  .plan-heading-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

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

  .pricing-header {
    padding: 24px 12px;
  }

  .hero-img-wrap {
    min-height: 200px;
  }

  .hero-badge {
    padding: 6px 16px;
  }

  .sub-heading {
    color: var(--_palette---text-color);
  }

  .hero-title-right {
    padding-left: 20px;
  }

  .brand-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brand-gradient, .brand-gradient.left {
    width: 120px;
  }

  .about-video {
    box-sizing: border-box;
    text-align: left;
    width: 400px;
    height: 100%;
    min-height: 200px;
  }

  .about-card {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 24px 16px;
  }

  .counter_wrap {
    height: 32px;
  }

  .counter_number {
    font-size: 32px;
  }

  .about-card-intro {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .faq-icon1, .faq-icon2 {
    width: .8rem;
    height: 1px;
  }

  .single-service {
    border-radius: .75rem;
  }

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

  .service-tag {
    padding: 6px 8px;
  }

  .service-image-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .service-image-wrap {
    width: 100%;
    min-height: 200px;
  }

  .project-card-icon-wrap {
    width: 48px;
    height: 48px;
  }

  .project-card-icon {
    width: 12px;
  }

  .project-card-info-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .play-button {
    width: 40px;
    height: 40px;
  }

  .play-icon {
    width: 18px;
  }

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

  .faq-single-wrap {
    padding: 16px 12px;
  }

  .faq-icon-wrap {
    width: 32px;
    height: 32px;
  }

  .plus-icon {
    width: 20px;
  }

  .faq-tab-single {
    border-radius: .75rem;
  }

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

  .contact-text-link-wrap {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }

  .text-span-6 {
    --_typography---body-font: Poppins, Arial, sans-serif;
    --_typography---text-default--font-size: 16px;
    --_typography---text-default--line-height: 1.5;
    --_typography---text-default--font-weight: var(--_typography---font-weight--regular);
    --_typography---h1--font-family: var(--_typography---heading-font);
    --_typography---h1--font-size: clamp(38px, 7.29vw, 140px);
    --_typography---h1--line-height: 1.2;
    --_typography---h1--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h2--font-family: var(--_typography---heading-font);
    --_typography---h2--font-size: 32px;
    --_typography---h2--line-height: 1.2;
    --_typography---h2--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--font-family: var(--_typography---body-font);
    --_typography---h3--font-size: 28px;
    --_typography---h3--line-height: 1.2;
    --_typography---h3--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--letter-spacing: 0em;
    --_typography---h4--font-family: var(--_typography---heading-font);
    --_typography---h4--font-size: 24px;
    --_typography---h4--line-height: 1.3;
    --_typography---h4--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h4--letter-spacing: 0em;
    --_typography---h5--font-family: var(--_typography---heading-font);
    --_typography---h5--font-size: 20px;
    --_typography---h5--line-height: 1.3;
    --_typography---h5--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h5--letter-spacing: 0em;
    --_typography---h6--font-family: var(--_typography---heading-font);
    --_typography---h6--font-size: 17px;
    --_typography---h6--line-height: 1.4;
    --_typography---h6--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h6--letter-spacing: 0em;
    --_typography---text-medium--font-size: 16px;
    --_typography---text-medium--line-height: 1.5;
    --_typography---font-weight--regular: 400;
    --_typography---text-small--font-size: 14px;
    --_typography---text-small--line-height: 1.4;
    --_typography---text-small--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-small--letter-spacing: 0em;
    --_typography---text-large--font-size: 14px;
    --_typography---text-large--line-height: 1.4;
    --_typography---text-large--font-weight: var(--_typography---font-weight--medium);
    --_typography---text-large--letter-spacing: 0em;
    --_typography---text-default--letter-spacing: 0em;
    --_typography---heading-font: Syne, Georgia, sans-serif;
    --_typography---font-weight--bold: 700;
    --_typography---h2--letter-spacing: 0em;
    --_typography---text-medium--font-weight: var(--_typography---font-weight--regular);
    --_typography---font-weight--semibold: 600;
    --_typography---h1--secondary-font-size: 60px;
    --_typography---h1--secondary-line-height: 1.2;
    --_typography---h1--secondary-weight: var(--_typography---font-weight--medium);
    --_typography---text-xlarge--font-size\<deleted\|variable-3fa1d799-f14c-3234-3792-cb36c55e7227\>: 18px;
    --_typography---text-xlarge--line-height\<deleted\|variable-75e63fcf-0522-1694-973f-2985047a267f\>: 1.4;
    --_typography---text-xlarge--font-weight\<deleted\|variable-5f7c444f-c1c5-9c3e-fa1f-e373436e6437\>: var(--_typography---font-weight--semibold);
    --_typography---font-weight--medium: 500;
    --_typography---text-medium--letter-spacing: 0em;
    --_typography---h1--letter-spacing: 0em;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--black: 900;
    --_typography---font-weight--extra-bold: 800;
    margin-left: 5px;
  }
}

#w-node-_6bc6fa81-38b1-0906-f57f-0e9c3e155940-e8840789 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fabde5f8-cb67-a21b-ef33-3eb5fd2ee8f8-e8840789 {
  place-self: start;
}

#w-node-fabde5f8-cb67-a21b-ef33-3eb5fd2ee8f7-e8840789 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 767px) {
  #w-node-fabde5f8-cb67-a21b-ef33-3eb5fd2ee8f7-e8840789 {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_6bc6fa81-38b1-0906-f57f-0e9c3e155940-e8840789 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Syne';
  src: url('../fonts/syne-v24-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Syne';
  src: url('../fonts/syne-v24-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Syne';
  src: url('../fonts/syne-v24-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v24-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v24-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v24-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v24-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}