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

@font-face {
  font-family: "Fa Solid 900";
  src: url('../fonts/fa-solid-900.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Brands 400";
  src: url('../fonts/fa-brands-400.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --_typography---fonts--primary: Geist, sans-serif;
  --black: #13120b;
  --_typography---body-text--text-xs: 16px;
  --_typography---line-height--line-height-xl: 1.5em;
  --_typography---font-weight--regular: 400;
  --_spacing-system---spacing--spacing-none: 0px;
  --_typography---typography--h1: 72px;
  --_typography---line-height--line-height-xxs: .88em;
  --_typography---font-weight--semi-bold: 600;
  --_typography---letter-spacing--letter-spacing-xxs: -1px;
  --_typography---typography--h2: 46px;
  --_typography---line-height--line-height-s: 1.2em;
  --_typography---typography--h3: 34px;
  --_typography---font-weight--bold\<deleted\|variable-68c21bf1-e794-1469-c616-d670f7e76449\>: 700;
  --_typography---typography--h4: 26px;
  --_typography---typography--h5: 22px;
  --_typography---body-text--text-s: 18px;
  --paragraph: #5e6073;
  --_typography---line-height--line-height-l: 1.4em;
  --primary-color: #91ca45;
  --_spacing-system---spacing--spacing-xs: 6px;
  --_spacing-system---spacing--spacing-l: 20px;
  --_spacing-system---spacing--spacing-3xl: 30px;
  --_spacing-system---spacing--spacing-2xl: 24px;
  --_typography---body-text--text-l: 22px;
  --_typography---body-text--text-m: 20px;
  --_spacing-system---spacing--spacing-ml: 16px;
  --_spacing-system---containers--full-width: 100%;
  --transparent\<deleted\|variable-1383f98a-efcf-e58a-b3ea-85cbc1bd2ea5\>: #fff0;
  --white: #fff;
  --_spacing-system---spacing--spacing-6xl: 80px;
  --_spacing-system---spacing--spacing-4xl: 40px;
  --_spacing-system---spacing--spacing-8xl: 130px;
  --_spacing-system---spacing--spacing-7xl: 100px;
  --_spacing-system---spacing--spacing-5xl: 60px;
  --_spacing-system---spacing--spacing-sm: 10px;
  --_spacing-system---spacing--spacing-s: 8px;
  --_typography---fonts--font-awesome-02: "Fa Brands 400", Arial, sans-serif;
  --_typography---body-text--text-xl: 24px;
  --_typography---line-height--line-height-m: 1.3em;
  --_typography---fonts--font-awesome-03: "Fa Solid 900", Arial, sans-serif;
  --black-10\<deleted\|variable-b8d0e530-7ff2-0fd7-990a-b33ea91d25d9\>: #0000001a;
  --white-90: #ffffffe6;
  --_typography---font-weight--medium: 500;
  --secondary-green-colour: #91ca45;
  --seondary-blue-colour: #349dd4;
  --main-blue-color: #11568d;
  --_typography---line-height--line-height-xs: 1.1em;
  --_spacing-system---spacing--spacing-xxs: 4px;
  --_typography---letter-spacing--letter-spacing-l: -1.2px;
  --_spacing-system---border-radius--radius-l: 100px;
  --white-30: #ffffff4d;
  --_typography---typography--h6: 18px;
  --_spacing-system---border-radius--radius-xs: 4px;
  --_spacing-system---spacing--section-spacing: 80px;
  --white-70: #ffffffb3;
  --_spacing-system---spacing--spacing-m: 12px;
  --main-green-colour: #378829;
  --_spacing-system---containers--base-container: 1200px;
  --_typography---fonts--font-awesome-01: "Fa 400", Arial, sans-serif;
  --_spacing-system---spacing--spacing-xl: 22px;
  --_typography---typography--display-01: 0px;
  --_typography---typography--display-02: 0px;
  --_typography---typography--display-03: 0px;
  --_spacing-system---border-radius--radius-xxs: 2px;
  --_spacing-system---border-radius--radius-s: 6px;
  --_spacing-system---border-radius--radius-m: 8px;
  --_typography---letter-spacing--letter-spacing-xs: .35px;
  --_typography---letter-spacing--letter-spacing-s: .5px;
  --_typography---letter-spacing--letter-spacing-m: .8px;
}

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

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

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

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

body {
  font-family: var(--_typography---fonts--primary);
  color: var(--black);
  font-size: var(--_typography---body-text--text-xs);
  line-height: var(--_typography---line-height--line-height-xl);
  font-weight: var(--_typography---font-weight--regular);
}

h1 {
  margin-top: var(--_spacing-system---spacing--spacing-none);
  margin-bottom: var(--_spacing-system---spacing--spacing-none);
  font-family: var(--_typography---fonts--primary);
  font-size: var(--_typography---typography--h1);
  line-height: var(--_typography---line-height--line-height-xxs);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-xxs);
  text-transform: uppercase;
}

h2 {
  margin-top: var(--_spacing-system---spacing--spacing-none);
  margin-bottom: var(--_spacing-system---spacing--spacing-none);
  font-size: var(--_typography---typography--h2);
  line-height: var(--_typography---line-height--line-height-s);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-xxs);
  text-transform: uppercase;
}

h3 {
  margin-top: var(--_spacing-system---spacing--spacing-none);
  margin-bottom: var(--_spacing-system---spacing--spacing-none);
  font-size: var(--_typography---typography--h3);
  line-height: var(--_typography---line-height--line-height-s);
  font-weight: var(--_typography---font-weight--bold\<deleted\|variable-68c21bf1-e794-1469-c616-d670f7e76449\>);
}

h4 {
  margin-top: var(--_spacing-system---spacing--spacing-none);
  margin-bottom: var(--_spacing-system---spacing--spacing-none);
  font-size: var(--_typography---typography--h4);
  line-height: var(--_typography---line-height--line-height-s);
  font-weight: var(--_typography---font-weight--semi-bold);
}

h5 {
  margin-top: var(--_spacing-system---spacing--spacing-none);
  margin-bottom: var(--_spacing-system---spacing--spacing-none);
  font-size: var(--_typography---typography--h5);
  line-height: var(--_typography---line-height--line-height-s);
  font-weight: var(--_typography---font-weight--semi-bold);
}

h6 {
  margin-top: var(--_spacing-system---spacing--spacing-none);
  margin-bottom: var(--_spacing-system---spacing--spacing-none);
  font-size: var(--_typography---body-text--text-s);
  line-height: var(--_typography---line-height--line-height-s);
  font-weight: var(--_typography---font-weight--semi-bold);
}

p {
  margin-top: var(--_spacing-system---spacing--spacing-none);
  margin-bottom: var(--_spacing-system---spacing--spacing-none);
  color: var(--paragraph);
  line-height: var(--_typography---line-height--line-height-l);
}

a {
  height: 100%;
  color: var(--black);
  font-size: var(--_typography---body-text--text-xs);
  font-weight: var(--_typography---font-weight--semi-bold);
  text-transform: capitalize;
  text-decoration: none;
  transition: all .35s;
  display: inline-block;
}

a:hover {
  opacity: 1;
  color: var(--primary-color);
}

ul {
  margin-top: var(--_spacing-system---spacing--spacing-none);
  margin-bottom: var(--_spacing-system---spacing--spacing-xs);
  padding-left: var(--_spacing-system---spacing--spacing-l);
  grid-column-gap: var(--_spacing-system---spacing--spacing-xs);
  grid-row-gap: var(--_spacing-system---spacing--spacing-xs);
  background-color: var(--paragraph);
  color: var(--primary-color);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  flex-flow: column;
  display: flex;
}

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

blockquote {
  max-width: 850px;
  margin-bottom: var(--_spacing-system---spacing--spacing-none);
  padding: var(--_spacing-system---spacing--spacing-3xl) var(--_spacing-system---spacing--spacing-l) var(--_spacing-system---spacing--spacing-3xl) var(--_spacing-system---spacing--spacing-2xl);
  border-left: 3px solid var(--primary-color);
  font-size: var(--_typography---body-text--text-l);
  line-height: var(--_typography---line-height--line-height-xl);
  font-weight: var(--_typography---font-weight--semi-bold);
}

figure {
  margin-bottom: 10px;
}

.landing-inner-page-item {
  width: var(--_spacing-system---containers--full-width);
  padding: var(--_spacing-system---spacing--spacing-xs);
  background-color: var(--transparent\<deleted\|variable-1383f98a-efcf-e58a-b3ea-85cbc1bd2ea5\>);
  text-align: center;
}

.landing-inner-page-item:hover {
  opacity: 1;
}

.section {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.without-top-spacing {
  padding-top: 20px;
  padding-bottom: 80px;
}

.section.licensing-fonts {
  background-color: var(--white);
  padding-top: 0;
}

.section.home-section {
  background-color: var(--white);
  padding: 80px 30px;
  overflow: hidden;
}

.section.home-section.graph-section {
  padding-bottom: 156px;
}

.section.home-section._1st-section {
  padding-bottom: 0;
}

.section.no-space {
  padding: var(--_spacing-system---spacing--spacing-none) 0px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section.no-space.overflow {
  z-index: 1;
  overflow: visible;
}

.section.home-photo-section {
  background-image: linear-gradient(97deg, #0006, #0000), url('../images/2.png');
  background-position: 0 0, 0%;
  background-size: auto, cover;
  padding-left: 50px;
  padding-right: 50px;
}

.section.small-bottom-section {
  background-color: var(--white);
  padding-bottom: 80px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  overflow: hidden;
}

.section.scroll {
  background-color: var(--white);
  min-height: auto;
  padding-left: 30px;
  padding-right: 30px;
  overflow: visible;
}

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

.section.video-section {
  background-color: var(--white);
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section.video-section.hidden {
  display: none;
}

.section.no-bottom-space {
  z-index: 1;
  background-color: var(--white);
  padding-bottom: 0;
  overflow: visible;
}

.section.spacer {
  background-color: #fff;
  height: 100px;
}

.section.other {
  padding: 8px 0;
}

.section._3rd-section {
  padding-top: 0;
}

.landing-icon-style {
  opacity: 1;
  filter: invert();
  height: 50px;
}

.landing-inner-page-image-wrapper {
  margin-bottom: var(--_spacing-system---spacing--spacing-l);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.landing-paragraph-style {
  width: 95%;
  margin-top: var(--_spacing-system---spacing--spacing-ml);
  color: #fff;
  text-align: center;
  font-size: 14px;
}

.base-container {
  z-index: 2;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.base-container.home-absolute {
  z-index: 1;
  margin-bottom: 18px;
  position: absolute;
  inset: auto 0% 1%;
}

.base-container.full-width {
  max-width: var(--_spacing-system---containers--full-width);
  padding-left: 0;
  padding-right: 0;
}

.base-container.warranties {
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 30px;
  display: flex;
}

.base-container.graph-container {
  z-index: 99;
}

.h2-tablet {
  font-size: 42px;
}

.middle-style-spacing-desktop {
  font-weight: 700;
  position: absolute;
  inset: 33% 0% auto auto;
}

.style-guide-tab-link {
  width: var(--_spacing-system---containers--full-width);
  padding: var(--_spacing-system---spacing--spacing-ml) var(--_spacing-system---spacing--spacing-l);
  border-top: 1px solid var(--black);
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  background-color: var(--white);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  display: flex;
}

.style-guide-tab-link:hover {
  opacity: 1;
  color: #13120bcc;
}

.style-guide-tab-link.w--current {
  background-color: var(--black);
  color: var(--white);
}

.style-guide-tabs-menu {
  margin-bottom: var(--_spacing-system---spacing--spacing-6xl);
  border-left: 1px solid var(--black);
  display: flex;
}

.flex-tab-content {
  grid-row-gap: 60px;
  flex-direction: column;
  display: flex;
}

.top-style-spacing-mobile {
  font-weight: 700;
  position: absolute;
  top: 5%;
  right: 0;
}

.tabs-style-guide {
  width: 100%;
}

.rich-text-style h2 {
  margin-bottom: var(--_spacing-system---spacing--spacing-ml);
}

.rich-text-style h3 {
  margin-top: var(--_spacing-system---spacing--spacing-3xl);
  margin-bottom: var(--_spacing-system---spacing--spacing-ml);
}

.rich-text-style img {
  width: 100%;
}

.rich-text-style figure {
  margin-top: var(--_spacing-system---spacing--spacing-4xl);
  margin-bottom: var(--_spacing-system---spacing--spacing-4xl);
}

.rich-text-style h4 {
  margin-top: var(--_spacing-system---spacing--spacing-3xl);
  margin-bottom: var(--_spacing-system---spacing--spacing-ml);
}

.rich-text-style h5, .rich-text-style h6 {
  margin-top: 30px;
  margin-bottom: 15px;
}

.rich-text-style ul {
  margin-top: var(--_spacing-system---spacing--spacing-ml);
  margin-bottom: var(--_spacing-system---spacing--spacing-3xl);
}

.h2-mobile {
  font-size: 36px;
}

.middlr-style-spacing-mobile {
  font-weight: 700;
  position: absolute;
  top: 29%;
  right: 0;
}

.paragraph-large {
  font-size: 16px;
}

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

.paragraph-large.text-white.left-alignment {
  text-align: left;
}

.h1-mobile {
  font-size: 46px;
}

.spacing-image {
  filter: grayscale();
  max-width: 80%;
}

.spasing-system-image-mobile-2 {
  filter: grayscale();
  max-width: 70%;
}

.bottom-style-spacing-desktop {
  font-weight: 700;
  position: absolute;
  inset: auto 0% 10% auto;
}

.spacing-wrapper-mobile {
  width: 70%;
  margin-top: 30px;
  position: relative;
}

.top-style-spacing-desktop {
  font-weight: 700;
  position: absolute;
  top: 8%;
  bottom: auto;
  right: 0;
}

.bottom-style-spacing-mobile {
  font-weight: 700;
  position: absolute;
  bottom: 7%;
  right: 0;
}

.h1-tablet {
  font-size: 50px;
}

.grid-system-wrapper {
  width: var(--_spacing-system---containers--full-width);
  flex-direction: column;
  display: flex;
}

.licensing-image-link {
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.social-icons-wrap {
  max-width: 550px;
}

.inner-banner {
  min-height: 280px;
  padding-top: var(--_spacing-system---spacing--spacing-8xl);
  padding-bottom: var(--_spacing-system---spacing--spacing-7xl);
  background-image: linear-gradient(#00000080, #00000080), url('../images/2151263531_12151263531.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}

.banner-title {
  color: #fff;
  text-align: center;
}

.licensing-icons-wrapper {
  padding-top: var(--_spacing-system---spacing--spacing-3xl);
  padding-bottom: var(--_spacing-system---spacing--spacing-l);
}

.license-title-space {
  width: var(--_spacing-system---containers--full-width);
  padding-bottom: var(--_spacing-system---spacing--spacing-3xl);
}

.licensing-subtitle {
  font-size: var(--_typography---body-text--text-l);
  line-height: var(--_typography---line-height--line-height-s);
  font-weight: var(--_typography---font-weight--semi-bold);
  text-transform: capitalize;
}

.licensing-icons {
  width: 55%;
}

.licensing-image {
  width: var(--_spacing-system---containers--full-width);
  height: 100%;
  max-width: var(--_spacing-system---containers--full-width);
  object-fit: cover;
}

.licensing-grid {
  width: var(--_spacing-system---containers--full-width);
  grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  border-bottom: 1px #5e5e5e80;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-resources {
  grid-column-gap: var(--_spacing-system---spacing--spacing-5xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-5xl);
  flex-flow: column;
  display: flex;
}

.licensing-images-wrapper {
  width: var(--_spacing-system---containers--full-width);
  padding-top: var(--_spacing-system---spacing--spacing-4xl);
  position: relative;
}

.license-link-wrapper {
  grid-column-gap: var(--_spacing-system---spacing--spacing-5xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-5xl);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.licensing-intro {
  grid-column-gap: var(--_spacing-system---spacing--spacing-sm);
  grid-row-gap: var(--_spacing-system---spacing--spacing-sm);
  flex-flow: column;
  max-width: 550px;
  display: flex;
}

.resource-title {
  text-transform: uppercase;
}

.licensing-icon-link-wrapper {
  margin-right: 25px;
  transition: none;
}

.licensing-title-wrapper {
  margin-bottom: var(--_spacing-system---spacing--spacing-4xl);
  grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-s);
  border-bottom: 1px #5e5e5e80;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.top-licensing-wrap {
  width: var(--_spacing-system---containers--full-width);
  padding-bottom: var(--_spacing-system---spacing--spacing-4xl);
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.line {
  background-color: #0000001a;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.icon-style-guide {
  font-family: var(--_typography---fonts--font-awesome-02);
  color: var(--black);
  font-size: var(--_typography---body-text--text-xl);
  line-height: var(--_typography---line-height--line-height-m);
  transition: all .45s;
}

.icon-style-guide:hover {
  color: var(--primary-color);
}

.icon-style-guide.dribble {
  font-family: var(--_typography---fonts--font-awesome-03);
}

.h3-mobile {
  font-size: 30px;
}

.system-space {
  width: var(--_spacing-system---containers--full-width);
  padding-top: var(--_spacing-system---spacing--spacing-4xl);
  padding-bottom: var(--_spacing-system---spacing--spacing-3xl);
}

.primary-style-guide {
  background-color: var(--primary-color);
  width: 75px;
  height: 75px;
}

.grid-title {
  width: 19%;
  margin-top: var(--_spacing-system---spacing--spacing-none);
  margin-bottom: var(--_spacing-system---spacing--spacing-none);
  padding: var(--_spacing-system---spacing--spacing-l) var(--_spacing-system---spacing--spacing-sm);
  border-right: 1px solid var(--paragraph);
  background-color: var(--black);
  color: var(--white);
  border-left-style: none;
  border-left-width: 1px;
  justify-content: center;
  display: flex;
}

.grid-title.first-grid {
  border-left-style: solid;
  border-left-color: var(--paragraph);
  width: 24%;
  height: 100%;
  margin-top: 0;
}

.link-wrapper {
  flex: none;
}

.heading-column, .intro-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.intro-box.large-gap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-l);
  grid-row-gap: var(--_spacing-system---spacing--spacing-l);
}

.grid-system {
  border-top: 1px solid var(--paragraph);
  justify-content: space-between;
  width: 80%;
  display: flex;
}

.h3-tablet {
  font-size: 32px;
}

.color-wrapper {
  grid-column-gap: var(--_spacing-system---spacing--spacing-sm);
  grid-row-gap: var(--_spacing-system---spacing--spacing-sm);
  flex-flow: column;
  display: flex;
}

.bottom-space {
  width: var(--_spacing-system---containers--full-width);
  padding-bottom: var(--_spacing-system---spacing--spacing-4xl);
}

.bottom-space.space-small {
  padding-bottom: 20px;
}

.style-guide-intro {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}

.color-container {
  grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-l);
  flex-wrap: wrap;
  justify-content: flex-start;
  display: flex;
}

.spacing-wrapper {
  width: var(--_spacing-system---containers--full-width);
  margin-top: var(--_spacing-system---spacing--spacing-3xl);
  margin-bottom: var(--_spacing-system---spacing--spacing-3xl);
  position: relative;
}

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

.link-with-icon:hover {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.text-button-icon-2 {
  padding-top: 3px;
  font-family: "Fa Solid 900", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
}

.headings-typography-wrapper {
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 47%;
  display: flex;
}

.typography-hero-wrapper {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.spacing-grid {
  grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-3xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.colors-wrapper {
  grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-3xl);
  flex-flow: column;
  display: flex;
}

.style-guide-subtitle {
  font-size: var(--_typography---body-text--text-xl);
  line-height: var(--_typography---line-height--line-height-s);
  font-weight: var(--_typography---font-weight--bold\<deleted\|variable-68c21bf1-e794-1469-c616-d670f7e76449\>);
}

.style-guide-content {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.style-guide-content.quote-grid {
  grid-template-columns: 1fr;
}

.style-guide-content.button-grid {
  grid-row-gap: 40px;
}

.grid-description {
  width: 19%;
  margin-top: var(--_spacing-system---spacing--spacing-none);
  margin-bottom: var(--_spacing-system---spacing--spacing-none);
  padding: var(--_spacing-system---spacing--spacing-l) var(--_spacing-system---spacing--spacing-sm);
  border-right: 1px solid var(--paragraph);
  border-bottom: 1px solid var(--paragraph);
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-description.first-description {
  border-left: 1px solid var(--paragraph);
  width: 24%;
}

.grid-description.last-description {
  border-right-style: solid;
  border-right-width: 1px;
}

.button-wrapper-sg {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-gray-style-guide {
  background-color: var(--paragraph);
  width: 75px;
  height: 75px;
}

.black-style-guide {
  background-color: var(--black);
  width: 75px;
  height: 75px;
}

.headings-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.heading-wrap {
  width: 100%;
}

.white-style-guide {
  border: 1px solid var(--black-10\<deleted\|variable-b8d0e530-7ff2-0fd7-990a-b33ea91d25d9\>);
  background-color: var(--white);
  width: 75px;
  height: 75px;
}

.colors-container {
  grid-column-gap: 60px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  display: flex;
}

.changelog-content {
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.error-info {
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

._404-content-wrapper {
  width: var(--_spacing-system---containers--full-width);
  grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.error-page-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 60px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.brand {
  width: 300px;
  height: 32px;
  top: -15px;
}

.brand:hover {
  opacity: 1;
}

.brand.w--current {
  justify-content: space-between;
  align-items: flex-start;
  width: 300px;
  height: 60px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  top: -2px;
}

.brand.logo-on-white-nav-bar {
  width: 180px;
  top: -24px;
}

.no-shrink-btn {
  flex: none;
}

.error-hero-title {
  font-size: 200px;
  line-height: var(--_typography---line-height--line-height-xxs);
}

.brand-logo {
  object-fit: cover;
  height: auto;
  position: absolute;
}

.brand-logo.secondary {
  height: auto;
  position: absolute;
}

.style-guide-hero-wrap {
  justify-content: center;
  align-items: center;
  padding-bottom: 80px;
  display: flex;
}

.style-guide-section {
  padding-top: 130px;
  padding-bottom: 80px;
  position: relative;
}

.nav-dropdown-list {
  background-color: #fff;
  border: 1px solid #0000002e;
  width: 200px;
  padding: 15px 20px;
}

.nav-dropdown-list.w--open {
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 0 0 10px #0000000a;
}

.nav-dropdown-list.megamenu {
  width: auto;
  padding-left: 15px;
  padding-right: 0;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.nav-dropdown-list.megamenu.w--open {
  background-color: var(--white-90);
  width: 550px;
  box-shadow: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-style: solid;
  border-color: #5e60730d;
  display: none;
  left: -220px;
}

.nav-dropdown-list.megamenu {
  width: 360px;
  display: none;
}

.nav-dropdown-list.megamenu.w--open {
  width: 340px;
  box-shadow: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffe6;
  border-style: solid;
  border-color: #5e60730d;
  display: flex;
  left: -220px;
}

.nav-dropdown-toggle {
  color: var(--white);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding: 0 16px 0 0;
  display: flex;
}

.nav-dropdown-toggle:hover {
  color: var(--primary-color);
}

.nav-dropdown-toggle.dark {
  color: var(--black);
}

.nav-dropdown-toggle.dark:hover {
  color: var(--primary-color);
}

.nav-dropdown-column {
  width: 100%;
}

.nav-dropdown-link {
  width: 100%;
  font-size: var(--_typography---body-text--text-xs);
  line-height: var(--_typography---line-height--line-height-s);
  font-weight: var(--_typography---font-weight--regular);
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  margin-left: -20px;
  padding: 8px 8px 8px 0;
  transition: all .3s;
  display: flex;
}

.nav-dropdown-link:hover {
  opacity: 1;
  color: var(--secondary-green-colour);
  margin-left: 0;
}

.nav-dropdown-link.w--current {
  color: var(--primary-color);
  font-weight: 600;
}

.nav-dropdown-link.collection {
  margin-left: 0;
}

.nav-button-wrap {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.brand-tablet {
  display: none;
}

.nav-menu-wrapper {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.nav-dropdown-link-line {
  border: 1px solid var(--seondary-blue-colour);
  background-color: var(--main-blue-color);
  width: 16px;
  height: 2px;
  color: var(--main-blue-color);
  margin-right: 15px;
  display: inline-block;
}

.nav-item-title {
  color: var(--white-90);
  font-size: 14px;
  line-height: 1.2em;
  font-weight: var(--_typography---font-weight--medium);
}

.nav-item-title:hover {
  color: var(--primary-color);
}

.nav-item-title.dark {
  color: var(--black);
}

.nav-item-title.dark:hover {
  color: var(--primary-color);
}

.nav-menu {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: 40px;
}

.nav-menu.centered {
  margin-right: auto;
}

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

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

.nav-link {
  color: var(--white-90);
  font-size: 14px;
  line-height: var(--_typography---line-height--line-height-xs);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  padding: 0;
}

.nav-link:hover {
  opacity: 1;
  color: var(--primary-color);
}

.nav-link.w--current {
  color: var(--white);
}

.nav-link.dark {
  color: var(--black);
  font-size: 14px;
  font-weight: 500;
}

.nav-link.dark:hover {
  color: var(--primary-color);
}

.nav-dropdown-link-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.nav-dropdown-icon {
  margin-right: 0;
  font-size: 10px;
}

.nav-dropdown-icon:hover {
  color: var(--secondary-green-colour);
}

.nav-dropdown-icon.black {
  color: var(--black);
}

.footer-intro-title {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2em;
}

.footer-bottom-wrapper {
  width: var(--_spacing-system---containers--full-width);
  grid-row-gap: var(--_spacing-system---spacing--spacing-xxs);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-link {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 300;
}

.footer-link:hover {
  opacity: 1;
  color: var(--primary-color);
}

.links-column {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.landing-intro-title {
  font-size: 22px;
  line-height: 1.2em;
}

.hero-banner-screen {
  width: var(--_spacing-system---containers--full-width);
}

.pass-page-content {
  width: 350px;
  margin-bottom: var(--_spacing-system---spacing--spacing-none);
  text-align: center;
  flex-direction: column;
  display: flex;
}

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

.password-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 40px 15px;
  display: flex;
}

.error-icon {
  height: 120px;
}

.protected-title {
  margin-top: var(--_spacing-system---spacing--spacing-l);
  margin-bottom: var(--_spacing-system---spacing--spacing-4xl);
}

.error-message {
  background-color: var(--transparent\<deleted\|variable-1383f98a-efcf-e58a-b3ea-85cbc1bd2ea5\>);
  margin-top: 20px;
  padding: 0;
}

.error-message.primary {
  color: var(--primary-color);
  margin-right: auto;
}

.text-white {
  color: #fff;
  text-align: left;
}

.text-white.left-alignemnt {
  text-align: left;
  line-height: 1em;
}

.text-white.centered-text {
  text-align: center;
  font-size: 36px;
}

.error-top-content {
  grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-3xl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.banner-section {
  height: 85vh;
  min-height: 100vh;
  max-height: none;
  padding: 130px 30px 27px;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
  overflow: hidden;
}

.hidden-nav {
  display: none;
}

.home-1-banner-slider {
  background-color: #ddd0;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.banner-slide {
  width: 100%;
  height: 100%;
}

.mask {
  z-index: 0;
  width: 100%;
  height: 100%;
}

.banner-image-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.banner-image {
  z-index: 0;
  object-fit: cover;
  object-position: 0% 50%;
  width: 102%;
  max-width: none;
  height: 100%;
  position: relative;
}

.banner-image._1 {
  max-width: none;
}

.home-1-banner {
  z-index: 2;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.overlay {
  z-index: 1;
  background-image: linear-gradient(214deg, #000000b3, #0000 46%), linear-gradient(65deg, #000000b3, #0000);
  position: absolute;
  inset: 0%;
}

.home-1-banner-text-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  flex-flow: column;
  max-width: 800px;
  display: flex;
}

.home-1-banner-h1 {
  max-width: 700px;
  color: var(--white);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-l);
  font-size: 72px;
  line-height: .88em;
}

.home-1-banner-paragraph-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.primary-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--_spacing-system---border-radius--radius-l);
  background-color: var(--black);
  justify-content: flex-start;
  align-items: center;
  padding: 16px 24px;
  transition-property: none;
  display: flex;
  overflow: auto;
}

.primary-button:hover {
  opacity: 1;
}

.primary-button.footer-submit {
  background-color: var(--white);
  color: var(--black);
  line-height: var(--_typography---line-height--line-height-xs);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  background-image: url('../images/Ellipse-5.svg');
  background-position: 24px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 52px;
  transition: all .35s;
}

.primary-button.footer-submit:hover {
  background-color: var(--primary-color);
  color: var(--white);
  background-image: url('../images/Ellipse-6.svg');
  background-size: 12px;
}

.primary-button.form-submit {
  background-color: var(--black);
  color: var(--white);
  line-height: var(--_typography---line-height--line-height-xs);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  background-image: url('../images/Ellipse-6_1.svg');
  background-position: 24px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 52px;
  transition: all .35s;
}

.primary-button.form-submit:hover {
  background-color: var(--primary-color);
  color: var(--white);
  background-image: url('../images/Ellipse-6.svg');
  background-size: 12px;
}

.primary-button.password {
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  margin-top: 8px;
  transition: all .35s;
}

.primary-button.password:hover {
  background-color: var(--primary-color);
}

.home-1-banner-left-arrow {
  border: 1px solid var(--white);
  background-color: var(--white-30);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .35s;
  display: flex;
  inset: auto 67px 25px auto;
}

.home-1-banner-left-arrow:hover {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}

.button-spot-big {
  background-color: var(--white-30);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  overflow: hidden;
}

.button-spot-big.secondary {
  width: 14px;
  height: 14px;
}

.button-spot-big.secondary-primary-color {
  background-color: #e145294d;
  width: 14px;
  height: 14px;
}

.button-spot-small {
  background-color: var(--white);
  border-radius: 12px;
  width: 12px;
  height: 12px;
}

.button-spot-small.secondary {
  width: 8px;
  height: 8px;
}

.button-spot-small.secondary-primary-color {
  background-color: var(--primary-color);
  width: 8px;
  height: 8px;
}

.button-text {
  color: var(--white);
  line-height: var(--_typography---line-height--line-height-xs);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
}

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

.banner-paragraph-wrapper {
  max-width: none;
}

.baner-slider-indicators-wrap {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  max-width: 90%;
  display: flex;
}

.baner-slider-indicator {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 310px;
  display: flex;
}

.baner-slider-indicator._2 {
  justify-content: space-between;
}

.baner-slider-indicator._1, .baner-slider-indicator._3 {
  justify-content: space-between;
  align-items: stretch;
}

.baner-slider-indicator._4 {
  justify-content: space-between;
}

.baner-slider-indicators-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.baner-slider-indicators-line {
  background-color: var(--white-30);
  width: 100%;
  height: 2px;
}

.baner-slider-white-indicator {
  background-color: var(--white);
  width: 0%;
  height: 100%;
}

.baner-slider-indicators-text {
  font-size: var(--_typography---body-text--text-xs);
  line-height: var(--_typography---line-height--line-height-s);
  text-transform: uppercase;
}

.baner-slider-indicators-text.text-white {
  text-align: left;
}

.home-1-banner-right {
  border: 1px solid var(--white);
  background-color: var(--white-30);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .35s;
  display: flex;
  inset: auto 15px 25px auto;
}

.home-1-banner-right:hover {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}

.home-1-slider-number {
  color: #ffffffa6;
  font-size: 14px;
  font-weight: var(--_typography---font-weight--regular);
}

.about-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.about-block-top {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.about-block-title-wrap {
  max-width: 610px;
  margin-left: 0;
}

.about-block-image-wrap {
  width: 405px;
}

.about-block-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.about-block-bottom {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.label {
  font-size: var(--_typography---body-text--text-s);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
}

.label.mobile {
  display: flex;
}

.label.primary-color {
  color: var(--primary-color);
}

.about-paragraphs-wrapper {
  grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-3xl);
  display: flex;
}

.about-paragraph-wrap {
  max-width: 405px;
}

.home-tabs {
  background-color: var(--white);
  width: 100%;
  max-width: 90%;
  min-height: 600px;
  display: flex;
}

.home-tabs.hidden {
  display: none;
}

.tabs-menu {
  z-index: 2;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-radius: var(--_spacing-system---border-radius--radius-xs);
  background-color: var(--white-30);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  padding: 4px;
  display: flex;
  position: absolute;
  inset: 30px 15px auto auto;
}

.tab-image-wrap {
  justify-content: center;
  align-items: center;
  height: 750px;
  display: flex;
}

.tab-image-wrap.hidden {
  display: none;
}

.tabs-content {
  width: 100%;
}

.tab-image {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 100%;
}

.tab-image.plan {
  object-position: 50% 50%;
}

.tab-overlay {
  z-index: 1;
  background-image: linear-gradient(32deg, #000000b3, #000000b3 6%, #0000);
  position: absolute;
  inset: 0%;
}

.tab-overlay.plan {
  background-image: linear-gradient(#00000026, #00000026), linear-gradient(250deg, #00000080, #0000 38%), linear-gradient(32deg, #000000b3, #000000b3 6%, #0000 43%);
}

.hotspot {
  z-index: 999;
  grid-column-gap: var(--_spacing-system---spacing--spacing-s);
  grid-row-gap: var(--_spacing-system---spacing--spacing-s);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 205px;
  left: 2%;
}

.hotspot._2 {
  justify-content: flex-start;
  align-items: center;
  top: 244px;
  left: 67%;
}

.hotspot._3 {
  justify-content: flex-end;
  align-items: flex-start;
  top: 389px;
  left: 7%;
}

.hotspot._3.a {
  top: 471px;
  left: 35%;
}

.hotspot._4 {
  justify-content: flex-start;
  align-items: flex-start;
  top: auto;
  bottom: 145px;
  left: 76%;
}

.hotspot.slide-2-1 {
  justify-content: flex-start;
  align-items: center;
  top: 200px;
  left: 40%;
}

.hotspot.slide-2-2 {
  top: 250px;
  left: 10%;
}

.hotspot.slide-2-3 {
  left: 60%;
}

.hotspot.slide-2-4 {
  justify-content: flex-start;
  align-items: flex-start;
  top: auto;
  bottom: 145px;
  left: 85%;
}

.hotspot.slide-3-1 {
  justify-content: flex-start;
  align-items: center;
  top: 200px;
  left: auto;
  right: 30%;
}

.hotspot.slide-3-2 {
  justify-content: flex-start;
  align-items: flex-start;
  top: 100px;
  left: 42%;
}

.hotspot.slide-3-3 {
  top: 250px;
  left: 42%;
}

.hotspot._5 {
  top: 277px;
  left: 27%;
}

.home-tab-link {
  border-radius: var(--_spacing-system---border-radius--radius-xs);
  color: var(--white);
  font-size: var(--_typography---body-text--text-xs);
  font-weight: var(--_typography---font-weight--regular);
  text-transform: uppercase;
  background-color: #ddd0;
  padding: 8px 12px;
}

.home-tab-link:hover {
  color: var(--white-90);
}

.home-tab-link.w--current {
  background-color: var(--secondary-green-colour);
}

.home-tab-link.w--current:hover {
  opacity: 1;
}

.hotspot-large {
  border-radius: var(--_spacing-system---border-radius--radius-l);
  background-color: var(--white-30);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.hotspot-small {
  border-radius: var(--_spacing-system---border-radius--radius-l);
  background-color: var(--white);
  width: 10px;
  height: 10px;
}

.hotspot-text {
  opacity: 0;
  color: var(--white);
  position: static;
}

.horizontal-title-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.title-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 500px;
  display: flex;
}

.title-wrap.center {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.title-wrap.team-title {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.title-wrap.center-650px {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.title-wrap.other-title {
  z-index: 5;
  position: absolute;
  inset: auto auto 4% 3%;
}

.navbar-fixed {
  background-color: #fff0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 0 30px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-fixed.white-bg {
  background-color: var(--white);
  height: 90px;
  padding-left: 30px;
  padding-right: 30px;
}

.link-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  transition-property: none;
  display: flex;
}

.link-button:hover {
  opacity: 1;
}

.link-button.primary-color {
  color: var(--primary-color);
}

.nav-collection-list-wrapper {
  margin-left: -20px;
  transition: all .3s;
}

.nav-collection-list-wrapper:hover {
  margin-left: 0;
}

.projects-slider {
  height: auto;
  margin-top: 64px;
  margin-bottom: var(--_spacing-system---spacing--section-spacing);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #ddd0;
  display: flex;
}

.project-card {
  flex-flow: row;
  width: 100%;
  display: flex;
}

.project-card-left-wrap {
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  max-width: 500px;
  margin-right: 10px;
  display: flex;
}

.projects-left-arrow {
  border: 1px solid var(--black);
  border-radius: var(--_spacing-system---border-radius--radius-l);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .5s;
  display: flex;
  inset: 0% 60px auto auto;
}

.projects-left-arrow:hover {
  border-color: var(--secondary-green-colour);
  background-color: var(--secondary-green-colour);
}

.project-title-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  flex-flow: column;
  display: flex;
}

.project-link {
  font-size: var(--_typography---typography--h5);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
}

.project-link:hover {
  opacity: 1;
  color: var(--primary-color);
}

.project-link.projects-page {
  line-height: var(--_typography---line-height--line-height-s);
}

.project-link.projects-page:hover {
  color: var(--primary-color);
}

.project-card-details-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-xs);
  grid-row-gap: var(--_spacing-system---spacing--spacing-xs);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dot {
  background-color: var(--paragraph);
  border-radius: 2px;
  width: 2px;
  height: 2px;
}

.project-vertical-image {
  object-fit: cover;
  width: 300px;
  height: 400px;
}

.project-images-wrap {
  width: 50%;
  position: relative;
  left: 25px;
}

.project-images-wrap.other {
  width: 50%;
}

.project-horizontal-image {
  object-fit: cover;
  width: 300px;
  height: 200px;
  position: absolute;
  bottom: 60px;
  right: 0;
}

.project-button {
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
  padding-bottom: 60px;
  display: flex;
}

.projects-right-arrow {
  border: 1px solid var(--black);
  border-radius: var(--_spacing-system---border-radius--radius-l);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: opacity .5s;
  display: flex;
  inset: 0% 0 auto auto;
}

.projects-right-arrow:hover {
  border-color: var(--secondary-green-colour);
  background-color: var(--secondary-green-colour);
}

.empty-state {
  background-color: #ddd0;
}

.large-text-wrapper {
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  flex-flow: column;
  margin-top: 110px;
  display: flex;
}

.large-text {
  font-size: 66px;
  line-height: var(--_typography---line-height--line-height-xxs);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-l);
  text-transform: uppercase;
}

.large-text-bottom-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.scroll-image-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  display: flex;
  overflow: hidden;
}

.scroll-image {
  object-fit: cover;
  width: 100%;
  min-height: 100%;
}

.services-block {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.services-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.services-image {
  object-fit: cover;
  object-position: 30% 0%;
  width: 400px;
  height: 100%;
  position: static;
  top: 235px;
}

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

.services-collection-list {
  border-top: 1px solid #5e607333;
  flex-flow: column;
  display: flex;
}

.service-collection-item {
  border-bottom: 1px solid #5e607333;
  justify-content: space-between;
  display: flex;
}

.service-card-text-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  text-transform: none;
  flex-flow: column;
  width: 100%;
  max-width: 500px;
  display: flex;
}

.service-title {
  font-size: var(--_typography---typography--h4);
  font-weight: var(--_typography---font-weight--semi-bold);
  text-transform: uppercase;
}

.service-title:hover {
  opacity: 1;
}

.service-card-paragraph {
  font-weight: var(--_typography---font-weight--regular);
}

.service-card-paragraph.space-down {
  margin-bottom: 20px;
}

.service-link-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 42px 0;
  display: flex;
}

.service-link-block:hover {
  opacity: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.testimonials-slider-card {
  max-width: 550px;
  padding: var(--_spacing-system---spacing--spacing-4xl);
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  background-color: var(--white-70);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  flex-flow: column;
  display: flex;
}

.testimonials-card {
  grid-column-gap: var(--_spacing-system---spacing--spacing-5xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-5xl);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.testimonial-text-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-3xl);
  flex-flow: column;
  display: flex;
}

.testimonials-left-arrow {
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
  inset: auto 56px 0% auto;
}

.testimonials-left-arrow:hover {
  right: 62px;
}

.testimonials-slider {
  background-color: #ddd0;
  height: auto;
}

.stars-wrap {
  display: flex;
}

.testimonial-text {
  font-size: var(--_typography---typography--h4);
  line-height: var(--_typography---line-height--line-height-xs);
  font-weight: var(--_typography---font-weight--medium);
}

.testimonial-text.testimonial-page {
  font-size: var(--_typography---typography--h3);
}

.client-name {
  grid-column-gap: var(--_spacing-system---spacing--spacing-xs);
  grid-row-gap: var(--_spacing-system---spacing--spacing-xs);
  flex-flow: column;
  display: flex;
}

.client-name-wrap {
  font-size: var(--_typography---body-text--text-m);
  font-weight: var(--_typography---font-weight--medium);
}

.client-name-wrap.testimonials-page {
  font-size: var(--_typography---body-text--text-s);
}

.testimonials-right-arrow {
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
  inset: auto 0% 0% auto;
}

.testimonials-right-arrow:hover {
  right: -6px;
}

.services {
  grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cta-top {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
  position: relative;
}

.cta-small-image {
  object-fit: cover;
  width: 240px;
  height: 160px;
}

.cta-text-wrap {
  max-width: 750px;
}

.cta-bottom-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-l);
  grid-row-gap: var(--_spacing-system---spacing--spacing-l);
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 24px;
  padding-left: 280px;
  display: flex;
}

.cta-image-2 {
  object-fit: cover;
  width: 300px;
  height: 270px;
  margin-bottom: 90px;
}

.cta-image-3 {
  object-fit: cover;
  object-position: 100% 50%;
  width: 400px;
  height: 350px;
  position: relative;
}

.cta-image-3-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-bottom-wrap {
  grid-row-gap: 4px;
  border-top: 1px solid var(--white-30);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 21px;
  padding-bottom: 21px;
  display: flex;
}

.form-footer {
  background-color: var(--black);
  align-items: flex-start;
  padding: 40px 30px 0;
  position: relative;
  overflow: hidden;
}

.footer-rights-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--white-70);
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  font-size: 12px;
  line-height: 1.2em;
  display: flex;
}

.footer-rights-bottom-link {
  color: var(--white);
  font-size: 12px;
  font-weight: 400;
}

.footer-rights-bottom-link:hover {
  opacity: 1;
  color: var(--primary-color);
}

.footer-rights-bottom-link.brand-rights {
  text-transform: none;
}

.footer-rights-wrap {
  grid-column-gap: 4px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-top-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.footer-title-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  flex-flow: column;
  max-width: 530px;
  display: flex;
}

.footer-contacts-wrap {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  text-align: right;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 400px;
  margin-bottom: 5px;
  display: flex;
}

.footer-contact-link {
  color: var(--white);
  font-size: var(--_typography---body-text--text-m);
  line-height: var(--_typography---line-height--line-height-l);
  text-transform: none;
  font-weight: 300;
}

.footer-contact-link:hover {
  opacity: 1;
  color: var(--primary-color);
}

.footer-middle-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}

.form-block {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  max-width: 700px;
  min-height: 300px;
  margin-bottom: 0;
  display: flex;
}

.form-block.footer {
  min-width: 500px;
  max-width: none;
}

.footer-links-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  display: flex;
}

.text-fields-line {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--white-30);
  width: 100%;
  height: auto;
  color: var(--white);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  background-color: #fff0;
  border-radius: 0;
  margin-bottom: 16px;
  padding: 10px 0;
  transition: all .3s;
}

.text-field:focus {
  border-bottom-color: var(--white);
  padding-left: 16px;
}

.text-field::placeholder {
  color: var(--white-90);
}

.text-field.message-field {
  height: 100px;
  margin-bottom: 40px;
}

.text-field.message-field.contacts-page {
  color: var(--black);
  border-bottom-color: #5e607333;
}

.text-field.message-field.contacts-page:focus {
  border-bottom-color: var(--primary-color);
}

.text-field.message-field.contacts-page::placeholder {
  color: var(--paragraph);
}

.text-field.contacts-field {
  color: var(--black);
  border-bottom-color: #5e607333;
}

.text-field.contacts-field:focus {
  border-bottom-color: var(--primary-color);
}

.text-field.contacts-field::placeholder {
  color: var(--paragraph);
}

.text-field.dropdown {
  color: var(--black);
  border-bottom-color: #5e607333;
}

.text-field.dropdown:focus {
  border-bottom-color: var(--primary-color);
  padding-left: 0;
}

.text-field.dropdown::placeholder {
  color: var(--paragraph);
}

.succes-message {
  background-color: #fff0;
}

.projects-mask {
  overflow: visible;
}

.testimonials-mask {
  position: static;
  overflow: visible;
}

.centered-heading {
  text-align: center;
}

.inner-banner-section {
  padding-top: 250px;
  padding-bottom: var(--_spacing-system---spacing--section-spacing);
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}

.inner-banner-section.about-us {
  background-image: linear-gradient(49deg, #030303f2, #fff0 69%), url('../images/598560666_122107438479137251_9184769081202300919_n.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-left: 30px;
  padding-right: 30px;
}

.inner-banner-section.second-version {
  padding: 190px 30px 44px;
  position: static;
}

.inner-banner-section.services-page {
  background-image: linear-gradient(49deg, #00000057 39%, #fff0 69%), url('../images/WhatsApp-Image-2026-04-07-at-9.23.56-PM-2.jpeg');
  background-position: 0 0, 50% 30%;
  background-size: auto, cover;
  padding-left: 30px;
  padding-right: 30px;
}

.inner-banner-section.how-it-works-page {
  background-image: linear-gradient(49deg, #ffffff26, #0003 46%), url('../images/ChatGPT-Image-22-груд.-2025-р.-13_00_47.webp');
  background-position: 0 0, 50% 30%;
  background-size: auto, cover;
}

.inner-banner-section.testimonials-page {
  background-image: linear-gradient(203deg, #fff0, #ffffff14), url('../images/ChatGPT-Image-23-груд.-2025-р.-14_55_47ChatGPT Image 23 груд. 2025 р., 14_55_46.webp');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.inner-banner-section.project-page {
  padding-top: 190px;
  padding-bottom: 0;
  position: static;
}

.inner-banner-section.blog-page {
  padding-top: 160px;
  padding-bottom: var(--_spacing-system---spacing--spacing-none);
  position: static;
}

.inner-banner-section.faq-page {
  background-image: linear-gradient(#13120b80, #ffffff1a), url('../images/ChatGPT-Image-24-груд.-2025-р.-15_28_34ChatGPT Image 24 груд. 2025 р., 15_28_33.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.inner-banner-section.testimonials-details {
  padding-top: 190px;
  padding-bottom: var(--_spacing-system---spacing--section-spacing);
  position: static;
}

.inner-banner-section.team-member-version {
  padding-top: 150px;
  padding-bottom: var(--_spacing-system---spacing--spacing-none);
  position: static;
}

.inner-banner-title-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  flex-flow: column;
  max-width: 900px;
  line-height: 1.8em;
  display: flex;
}

.inner-banner-paragraph-wrapper {
  max-width: 450px;
}

.inner-banner-paragraph-wrapper.services-pge {
  max-width: 500px;
}

.inner-banner-paragraph-wrapper.testimonials-page {
  max-width: 400px;
}

.inner-banner-paragraph-wrapper.faq-page {
  max-width: 355px;
}

.inner-banner-paragraph-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.inner-banner-wrapper {
  grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  flex-flow: column;
  display: flex;
}

.about-text-wrap {
  grid-column-gap: 63px;
  grid-row-gap: 63px;
  justify-content: space-between;
  margin-bottom: 60px;
  display: flex;
}

.about-title-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.about-paragraps-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  flex-flow: column;
  max-width: 400px;
  display: flex;
}

.about-paragraps-wrap.down-align {
  justify-content: flex-end;
  align-items: center;
}

.about-image-numbers-wrap {
  flex-flow: row;
  height: 100%;
  margin-left: 15px;
  display: flex;
}

.about-image {
  object-fit: cover;
  width: 500px;
  height: 400px;
}

.numbers-container {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.numbers-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  width: 400px;
  margin-right: 15px;
  display: flex;
}

.numbers-wrapper {
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  min-width: 100%;
  display: flex;
}

.numbers-wrapper._2 {
  justify-content: flex-start;
  align-items: center;
  width: 350px;
  min-width: auto;
}

.numbers-wrapper._3 {
  justify-content: flex-start;
  align-items: center;
}

.numbers-wrapper._1 {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 350px;
  margin-left: 288px;
}

.number-large {
  font-size: 110px;
  line-height: var(--_typography---line-height--line-height-xxs);
  font-weight: var(--_typography---font-weight--semi-bold);
}

.scroll-wrapper {
  position: sticky;
  inset: 300px 0 auto;
}

.video-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-cover {
  object-fit: cover;
  width: 100%;
  height: 120%;
  position: absolute;
  inset: auto 0%;
}

.video-lightbox-link {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.play-button {
  border-radius: var(--_spacing-system---border-radius--radius-l);
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.play-button-hover {
  border: 3px solid var(--black);
  border-radius: var(--_spacing-system---border-radius--radius-l);
  width: 64px;
  height: 64px;
  position: absolute;
}

.team-collection-list-wrapper {
  margin-top: 60px;
}

.team-collection-list {
  grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-collection-list.team-page {
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
}

.team-collection-item {
  grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  flex-flow: column;
}

.team-member-card {
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  flex-flow: column;
  display: flex;
}

.team-member-image {
  object-fit: cover;
  width: 100%;
  height: 450px;
}

.team-member-name-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-xxs);
  grid-row-gap: var(--_spacing-system---spacing--spacing-xxs);
  flex-flow: column;
  display: flex;
}

.team-member-name-text {
  font-size: var(--_typography---typography--h5);
  line-height: var(--_typography---line-height--line-height-m);
  font-weight: var(--_typography---font-weight--medium);
}

.team-member-info-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  display: flex;
}

.social-media-link {
  background-color: var(--black);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.social-media-link:hover {
  background-color: var(--primary-color);
}

.text-block-2 {
  font-family: var(--_typography---fonts--font-awesome-02);
  color: var(--white);
  font-weight: var(--_typography---font-weight--regular);
}

.mobile-hidden-button-wrap {
  margin-top: 16px;
}

.mobile-button-wrap {
  margin-top: 16px;
  display: none;
}

.second-banner-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.second-banner-wrap.testimonial-page {
  justify-content: space-between;
  align-items: center;
}

.second-banner-wrap.team-page {
  justify-content: flex-start;
  align-items: stretch;
}

.second-banner-paragraph-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 400px;
  display: flex;
}

.second-banner-paragraph-wrap.blog-page {
  max-width: 320px;
}

.second-banner-paragraph-wrap.wider-div, .second-bannertitle-wrap {
  max-width: 600px;
}

.second-bannertitle-wrap.blog-page {
  max-width: 650px;
}

.services-page-collection-list {
  border-top: 1px solid #5e607333;
  flex-flow: column;
  display: flex;
}

.services-page-collection-list.service-details-page {
  margin-top: 80px;
}

.services-page-collection-item {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  border-bottom: 1px solid #5e607333;
  flex-flow: column;
  margin-top: 51px;
  display: flex;
}

.services-page-collection-item.padding-up {
  margin-top: 60px;
}

.services-page-card-text-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  flex-flow: column;
  max-width: 60%;
  display: flex;
}

.service-page-service-title {
  font-size: var(--_typography---typography--h3);
  line-height: var(--_typography---line-height--line-height-m);
  font-weight: var(--_typography---font-weight--semi-bold);
  letter-spacing: var(--_typography---letter-spacing--letter-spacing-l);
  text-transform: uppercase;
}

.service-card-link-block {
  width: 100%;
  padding-top: var(--_spacing-system---spacing--spacing-4xl);
  padding-bottom: var(--_spacing-system---spacing--spacing-4xl);
  font-weight: var(--_typography---font-weight--regular);
  text-transform: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.service-card-link-block:hover {
  padding-right: var(--_spacing-system---spacing--spacing-4xl);
  padding-left: var(--_spacing-system---spacing--spacing-m);
}

.service-image-wrap {
  width: 200px;
  height: 250px;
  position: absolute;
  top: auto;
  bottom: auto;
  right: 10%;
}

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

.pagination-button {
  margin-top: var(--_spacing-system---spacing--spacing-4xl);
  color: var(--black);
  font-size: var(--_typography---body-text--text-xs);
  font-weight: var(--_typography---font-weight--semi-bold);
  text-transform: uppercase;
  background-color: #fafafa00;
  border-style: none;
  border-radius: 0;
  padding: 0;
}

.how-it-works-card {
  margin-bottom: var(--_spacing-system---spacing--section-spacing);
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.how-it-works-card.last {
  margin-bottom: 0;
}

.how-it-works-card-image {
  width: 50%;
  max-width: 600px;
  min-height: 450px;
  padding: var(--_spacing-system---spacing--spacing-3xl);
  background-image: url('../images/2150290083_12150290083.webp');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.how-it-works-card-image._2 {
  background-image: linear-gradient(#0006, #0000), url('../images/2148903488_12148903488.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: flex-start;
  align-items: flex-start;
}

.how-it-works-card-image._3 {
  background-image: url('../images/ChatGPT-Image-22-груд.-2025-р.-13_28_4ChatGPT Image 22 груд. 2025 р., 13_28_03.webp');
  justify-content: flex-end;
  align-items: flex-start;
}

.how-it-works-card-image._4 {
  background-image: linear-gradient(#0000004d, #08080800), url('../images/2148748775_12148748775.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: flex-start;
  align-items: flex-start;
}

.how-it-works-step-label {
  background-color: var(--white-30);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--white);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  border-radius: 2px;
  padding: 8px 16px;
}

.how-it-works-text-card {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  justify-content: space-between;
  width: 70%;
  max-width: 600px;
  display: flex;
}

.how-it-workstitle-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  flex-flow: column;
  display: flex;
}

.process-title {
  font-size: var(--_typography---typography--h3);
  line-height: var(--_typography---line-height--line-height-s);
  font-weight: var(--_typography---font-weight--medium);
}

.how-it-works-text-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  flex-flow: column;
  display: flex;
}

.how-it-works-paragraph-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-m);
  grid-row-gap: var(--_spacing-system---spacing--spacing-m);
  flex-flow: column;
  max-width: 500px;
  display: flex;
}

.how-it-works-subtitle {
  font-size: var(--_typography---typography--h6);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
}

.how-it-works-list {
  grid-column-gap: var(--_spacing-system---spacing--spacing-m);
  grid-row-gap: var(--_spacing-system---spacing--spacing-m);
  flex-flow: column;
  display: flex;
}

.how-it-works-list-item {
  grid-column-gap: var(--_spacing-system---spacing--spacing-s);
  grid-row-gap: var(--_spacing-system---spacing--spacing-s);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.partners-grid {
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.partner-cell {
  height: 160px;
  padding: var(--_spacing-system---spacing--spacing-3xl);
  background-color: var(--primary-color);
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.partner-logo {
  height: 40px;
}

.service-page-section {
  padding-left: 0;
  padding-right: 0;
}

.service-page-banner {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 150px 0 80px;
  display: flex;
}

.service-banner-image-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  display: flex;
  overflow: hidden;
}

.service-page-image {
  object-fit: cover;
  width: 100%;
  height: 120%;
}

.service-heading-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  flex-flow: column;
  max-width: 700px;
  display: flex;
}

.service-page-heading {
  line-height: 1.1em;
}

.service-banner-description {
  max-width: 580px;
}

.service-overview-wrap {
  margin-bottom: var(--_spacing-system---spacing--section-spacing);
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.service-overview-text-wrapper {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  flex-flow: column;
  max-width: 75%;
  display: flex;
}

.key-features-grid {
  grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 75%;
  display: grid;
}

.key-features-grid-cell {
  padding-bottom: var(--_spacing-system---spacing--spacing-2xl);
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  border-bottom: 1px solid #5e607333;
  flex-flow: column;
  display: flex;
}

.key-features-grid-text-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  flex-flow: column;
  display: flex;
}

.h4-text-style {
  font-size: var(--_typography---typography--h4);
  line-height: var(--_typography---line-height--line-height-m);
  font-weight: var(--_typography---font-weight--medium);
}

.h4-text-style.smaller-text {
  font-size: 18px;
}

.service-banner-details {
  grid-column-gap: var(--_spacing-system---spacing--spacing-xs);
  grid-row-gap: var(--_spacing-system---spacing--spacing-xs);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.h6-text-style {
  font-size: var(--_typography---typography--h6);
  line-height: var(--_typography---line-height--line-height-m);
  font-weight: var(--_typography---font-weight--semi-bold);
}

.service-banner-details-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 300px;
  display: flex;
}

.service-button-wrap {
  margin-top: 16px;
}

.key-features-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.projects-page-collection-item {
  background-color: var(--white);
}

.projects-page-collection-list {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.projects-page-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: url('../images/1.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-height: 600px;
  padding: 60px;
  display: flex;
  position: relative;
}

.projects-page-card._2 {
  background-image: url('../images/105b0bee-c098-4cb5-921b-501e3d4ce8a4.png');
}

.projects-page-card._3 {
  background-image: url('../images/a6ce77c1-8469-46a5-84e2-b75d7bca38e5.png');
}

.projects-page-card.other {
  width: 600px;
  min-height: 400px;
  padding: 25px;
}

.category-link {
  z-index: 2;
  color: var(--white);
  text-transform: uppercase;
  position: absolute;
  inset: 60px auto auto 60px;
}

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

.project-card-overlay {
  z-index: 1;
  background-image: linear-gradient(270deg, #0000, #02020200 48%, #05050566);
  position: absolute;
  inset: 0%;
}

.project-text-card {
  z-index: 2;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #ffffffc2;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 430px;
  padding: 30px;
  display: flex;
  position: relative;
}

.project-card-text-wrap {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  display: flex;
}

.project-info-wrapper {
  grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  flex-flow: column;
  display: flex;
}

.project-image-popun {
  z-index: 1;
  background-color: var(--white-30);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  object-fit: cover;
  width: 250px;
  height: 200px;
  padding: 8px;
  position: relative;
}

.project-image-popun.other {
  background-color: var(--primary-color);
  width: 150px;
  height: 150px;
}

.project-popun-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.project-image-popun-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.project-image-popun-wrap {
  z-index: 2;
  margin-top: auto;
  position: relative;
}

.type-wrap {
  z-index: 2;
  color: var(--white);
  text-transform: uppercase;
  position: absolute;
  inset: 60px auto auto 60px;
}

.testimonials-collection-list {
  grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-3xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.testimonials-page-card {
  height: 100%;
  padding-bottom: var(--_spacing-system---spacing--spacing-2xl);
  grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-3xl);
  border-bottom: 1px solid #5e607333;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.testimonials-page-card.testimonial-details-page {
  padding-bottom: var(--_spacing-system---spacing--spacing-none);
  border-bottom-style: none;
}

.testimonial-page-text {
  font-size: var(--_typography---body-text--text-l);
  line-height: var(--_typography---line-height--line-height-l);
  font-weight: var(--_typography---font-weight--medium);
}

.project-page-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.project-info {
  flex-flow: column;
  max-width: 57%;
  display: flex;
}

.project-heading-wrap {
  max-width: 600px;
  margin-bottom: var(--_spacing-system---spacing--spacing-4xl);
  grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  flex-flow: column;
  display: flex;
}

.project-banner-paragraph-wrap {
  max-width: 550px;
}

.project-main-image {
  object-fit: cover;
  width: 100%;
  height: 400px;
}

.project-details-wrap {
  flex-flow: column;
  flex: 1;
  display: flex;
  position: sticky;
  top: 150px;
  right: 0;
}

.project-information-wrap {
  margin-top: var(--_spacing-system---spacing--spacing-4xl);
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  flex-flow: column;
  display: flex;
}

.project-details-list {
  flex-flow: column;
  margin-top: 16px;
  margin-bottom: 40px;
  display: flex;
}

.project-details-list-item {
  padding-top: var(--_spacing-system---spacing--spacing-ml);
  padding-bottom: var(--_spacing-system---spacing--spacing-ml);
  grid-column-gap: var(--_spacing-system---spacing--spacing-s);
  grid-row-gap: var(--_spacing-system---spacing--spacing-s);
  border-bottom: 1px solid #5e607333;
  display: flex;
}

.project-details-title-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-s);
  grid-row-gap: var(--_spacing-system---spacing--spacing-s);
  display: flex;
}

.project-details-title {
  font-size: var(--_typography---body-text--text-xs);
  font-weight: var(--_typography---font-weight--semi-bold);
}

.project-details-text {
  font-size: var(--_typography---body-text--text-xs);
}

.project-details-icon {
  height: 24px;
}

.projects-photos-collection-list {
  margin-top: var(--_spacing-system---spacing--spacing-4xl);
  grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-lightbox-link {
  width: 100%;
  height: 200px;
  display: flex;
  overflow: hidden;
}

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

.project-page-button-wrap {
  display: flex;
}

.blog-collection-list {
  grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-collection-list.post-page {
  max-height: 520px;
  margin-top: var(--_spacing-system---spacing--spacing-5xl);
  overflow: hidden;
}

.blog-card {
  flex-flow: column;
  display: flex;
}

.blog-link-block {
  width: 100%;
  height: 400px;
  transition-property: none;
  overflow: hidden;
}

.blog-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-text-link-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  display: flex;
}

.blog-title {
  font-size: var(--_typography---body-text--text-m);
  line-height: var(--_typography---line-height--line-height-m);
  text-transform: uppercase;
}

.blog-category-link {
  color: var(--paragraph);
  font-weight: var(--_typography---font-weight--regular);
}

.blog-card-details-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-xs);
  grid-row-gap: var(--_spacing-system---spacing--spacing-xs);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-card-text-wrap {
  padding-top: var(--_spacing-system---spacing--spacing-2xl);
  grid-column-gap: var(--_spacing-system---spacing--spacing-sm);
  grid-row-gap: var(--_spacing-system---spacing--spacing-sm);
  flex-flow: column;
  display: flex;
}

.blog-page-banner {
  margin-bottom: var(--_spacing-system---spacing--spacing-5xl);
  grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  flex-flow: column;
  display: flex;
}

.blog-wrap {
  margin-left: auto;
  margin-right: auto;
}

.blog-banner-image-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 450px;
  display: flex;
  overflow: hidden;
}

.faq-wrapper {
  margin-top: -24px;
  display: flex;
}

.faq-column {
  flex-flow: column;
  flex: 1;
  max-width: 50%;
  display: flex;
}

.faq-column.first {
  margin-right: var(--_spacing-system---spacing--spacing-4xl);
}

.faq-dropdown {
  width: 100%;
  padding-bottom: var(--_typography---body-text--text-xl);
  background-color: var(--white);
  border-bottom: 1px solid #5e607333;
  flex-flow: column;
  transition: all .2s;
}

.dropdown-toggle {
  z-index: 1;
  width: 100%;
  padding: var(--_spacing-system---spacing--spacing-2xl) 0px 0px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--white);
  justify-content: space-between;
  display: flex;
}

.dropdown-list {
  z-index: 0;
  padding-top: var(--_spacing-system---spacing--spacing-ml);
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  position: relative;
  overflow: hidden;
}

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

.faq-text {
  font-size: var(--_typography---body-text--text-s);
  line-height: var(--_typography---line-height--line-height-s);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  white-space: normal;
}

.faq-paragraph {
  max-width: 500px;
  position: relative;
}

.faq-item-wrap {
  width: 100%;
}

.contacts-banner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.contacts-banner-title-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: space-between;
  max-width: 550px;
  display: flex;
}

.contacts-form-block {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  min-height: 370px;
  margin-bottom: 0;
  display: flex;
}

.submit-button-wrap {
  margin-top: auto;
}

.contacts-form {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.contacts-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-s);
  grid-row-gap: var(--_spacing-system---spacing--spacing-s);
  text-align: right;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  display: flex;
}

.contact-link {
  color: var(--black);
  font-size: var(--_typography---body-text--text-m);
  line-height: var(--_typography---line-height--line-height-l);
  font-weight: var(--_typography---font-weight--medium);
  text-align: left;
  text-transform: none;
}

.contact-link:hover {
  opacity: 1;
  color: var(--primary-color);
}

.contacts-image-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 550px;
  display: flex;
  overflow: hidden;
}

.contacts-page-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 115%;
}

.field-label {
  margin-bottom: 16px;
}

.licensing-wrap {
  grid-column-gap: var(--_spacing-system---spacing--section-spacing);
  grid-row-gap: var(--_spacing-system---spacing--section-spacing);
  flex-flow: column;
  display: flex;
}

.hidden-text {
  display: none;
}

.testimonial-page-wrap {
  width: 65%;
}

.testimonial-page-title-wrap {
  max-width: 500px;
}

.testimonials-label-wrap {
  margin-bottom: var(--_spacing-system---spacing--spacing-4xl);
  padding-bottom: var(--_spacing-system---spacing--spacing-2xl);
  border-bottom: 1px solid #5e607333;
}

.team-member-photo {
  object-fit: cover;
  object-position: 50% 25%;
  width: 500px;
  height: 450px;
}

.member-name-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  flex-flow: column;
  display: flex;
}

.team-member-page-info-wrap {
  grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  flex-flow: column;
  justify-content: space-between;
  max-width: 500px;
  display: flex;
}

.team-member-info {
  grid-column-gap: var(--_spacing-system---spacing--spacing-5xl);
  grid-row-gap: var(--_spacing-system---spacing--spacing-5xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 40px;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.member-position-text {
  font-size: var(--_typography---body-text--text-m);
  font-weight: var(--_typography---font-weight--medium);
}

.text-orange {
  color: #f69c20;
}

.close-popup-image {
  width: 12px;
  height: 12px;
}

.promotion-label-buttons-wrapper {
  grid-column-gap: 20px;
  display: flex;
}

.promotion-label-holder {
  grid-row-gap: 10px;
  background-color: #1c276d;
  border-radius: 4px;
  flex-direction: column;
  padding: 15px;
  display: flex;
  position: relative;
}

.promotion-label-right {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
  position: absolute;
  right: 10px;
}

.promotion-label-left {
  width: 100%;
  max-width: 290px;
  position: absolute;
}

.promotion-label-button {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 5px 15px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3em;
  text-decoration: none;
}

.promotion-label-button:hover {
  color: #ffffffb3;
}

.promotion-labels-wrapper-to-remove {
  z-index: 9999;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: none;
  position: fixed;
  bottom: 5px;
  left: 5px;
  right: 5px;
}

.promotion-label-all-templates {
  z-index: 1000;
  color: #4353ff;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  width: 140px;
  padding: 6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-decoration: none;
  display: flex;
}

.promotion-label-all-templates:hover {
  opacity: 1;
  color: #000;
}

.promotion-label-close {
  cursor: pointer;
  padding: 10px 20px;
  position: absolute;
  top: -7px;
  right: -14px;
}

.btn-icon {
  margin-right: 8px;
}

.promotion-label-buy-this-template {
  z-index: 1000;
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  background-color: #4353ff;
  border: 1px solid #4353ff;
  border-radius: 4px;
  padding: 6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-decoration: none;
  display: flex;
}

.promotion-label-buy-this-template:hover {
  opacity: 1;
  color: #fff;
}

.promotion-label-paragraph {
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  max-width: 93%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3em;
}

.link {
  color: var(--primary-color);
  font-size: 12px;
}

.div-block {
  display: flex;
}

.slide-nav {
  display: none;
}

.slide {
  width: 100%;
  margin-right: 50px;
}

.heading {
  text-transform: uppercase;
  font-weight: 600;
}

.smaller-title {
  text-align: center;
  width: 80%;
  margin-bottom: 29px;
}

.text-block-3 {
  color: var(--black);
}

.slide-2 {
  height: 100%;
}

.psace-down-paragraph {
  margin-bottom: 18px;
}

.red-color {
  color: #ff1a00;
}

.div-block-2 {
  z-index: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: absolute;
  inset: 0%;
  box-shadow: 0 2px 5px #0003;
}

.second-images-wrap, .third-images-wrap {
  grid-row-gap: 20px;
  flex-direction: column;
  width: 33.3%;
  display: flex;
}

.heading-title {
  text-transform: capitalize;
  margin-top: 8px;
  margin-bottom: 22px;
  font-size: 50px;
  font-weight: 600;
  line-height: 58px;
  position: relative;
}

.project-two-title {
  z-index: 9;
  color: #15141c;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 28px;
}

.project-two-content {
  border-radius: 25px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.first-images-wrap {
  grid-row-gap: 20px;
  flex-direction: column;
  width: 33.4%;
  display: flex;
}

.heading-subtitle {
  margin-bottom: 50px;
  position: relative;
}

.heading-subtitle.center {
  text-align: center;
  align-items: center;
  margin-bottom: 10px;
  display: block;
}

.small-image {
  object-fit: cover;
  border-radius: 0;
  width: auto;
  height: 100%;
  padding: 2px;
  position: static;
  overflow: hidden;
}

.small-image.icon {
  height: auto;
  position: relative;
}

.container {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  min-height: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.project-two-content-inner {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  transform: translate(-30%, 100%)scale(.3)skew(25deg);
}

.project-block {
  margin-bottom: 60px;
}

.category {
  opacity: .82;
  color: #15141c;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-right: 3px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.category.global-text {
  color: #ed1c24;
  margin-bottom: 6px;
}

.project-two-link {
  border-radius: 20px;
  width: 100%;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.subtitle-head {
  color: var(--seondary-blue-colour);
  letter-spacing: .6px;
  text-transform: uppercase;
  border: 1px solid #15141c33;
  border-radius: 50px;
  align-items: center;
  margin-bottom: 0;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  display: inline-block;
  position: relative;
}

.gallery-wrap {
  grid-column-gap: 20px;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 20px;
  display: flex;
}

.large-image {
  object-fit: cover;
  border-radius: 30px;
  width: 100%;
  height: 450px;
}

.section-gap {
  padding-top: 82px;
  padding-bottom: 100px;
}

.lightbox-link {
  border-radius: 20px;
  width: auto;
  height: 100%;
  transition: transform .4s, color .3s;
  overflow: hidden;
}

.lightbox-link:hover {
  transform: scale(1.1);
}

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

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

.div-block-3 {
  border-radius: 20px;
  width: 150px;
  min-width: 150px;
  padding: 0;
  overflow: hidden;
}

.tabs-menu-2 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-link-tab-1 {
  background-color: #c8c8c800;
  height: auto;
}

.tab-link-tab-1.w--current {
  background-color: #c8c8c800;
  border-bottom: 1px solid #000;
  height: auto;
}

.text-block-4 {
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 8px;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #eeeeeea3;
  border-radius: 20px;
  flex-flow: row;
  height: 160px;
  display: flex;
}

.bold-text {
  line-height: 1.3em;
}

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

.text-block-5 {
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.nav-dropdown-toggle-2 {
  color: #fff;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding: 0 16px 0 0;
  font-weight: 500;
  display: flex;
}

.nav-dropdown-toggle-2:hover {
  color: var(--secondary-green-colour);
}

.nav-dropdown-link-line-2 {
  background-color: #000;
  width: 16px;
  height: 2px;
  margin-right: 15px;
  display: inline-block;
}

.nav-dropdown-column-2 {
  width: 100%;
}

.nav-item-title-2 {
  color: #ffffffe6;
  font-weight: 500;
  line-height: 1.2em;
}

.nav-item-title-2:hover {
  color: #e14529;
}

.nav-dropdown-link-2 {
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: -20px;
  padding: 8px 8px 8px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
  transition: all .3s;
  display: flex;
}

.nav-dropdown-link-2:hover {
  opacity: 1;
  color: #13120b;
  margin-left: 0;
}

.nav-dropdown-link-2.w--current {
  color: #e14529;
  font-weight: 600;
}

.lightbox-link-2 {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  transition: transform .4s, color .3s;
}

.lightbox-link-2:hover {
  transform: scale(1.1);
}

.project-block-2 {
  margin-bottom: 60px;
}

.section-8 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 100px 50px 0;
  display: flex;
  position: relative;
}

.section-8.no-padding-top {
  background-color: #fff0;
  padding-top: 58px;
  padding-left: 30px;
  padding-right: 30px;
}

.first-images-wrap-2 {
  grid-row-gap: 20px;
  flex-direction: column;
  width: 33.4%;
  display: flex;
}

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

.content {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  padding-top: 24px;
  position: relative;
}

.content.spac-down {
  max-width: none;
  margin-bottom: 64px;
  padding-top: 140px;
}

.content.spac-down.hidden {
  padding-top: 143px;
}

.content.other {
  max-width: none;
}

.gallery-wrap-2 {
  grid-column-gap: 20px;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 28px;
  display: flex;
}

.div-block-127 {
  flex-flow: column;
  width: 15%;
  height: 100%;
  display: flex;
  position: sticky;
  top: 138px;
}

.bold-text-10 {
  letter-spacing: 0;
  text-transform: none;
  font-family: Geist, sans-serif;
  font-size: 22px;
}

.heading-16.h1 {
  color: #244030;
  font-size: 58px;
}

.heading-16.h1.centered {
  text-align: left;
}

.div-block-128 {
  width: 85%;
  height: 100%;
}

.third-images-wrap-2 {
  grid-row-gap: 20px;
  flex-direction: column;
  width: 33.3%;
  display: flex;
}

.div-block-126 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.image-88 {
  max-width: none;
}

.div-block-122 {
  border: .2px solid #00000030;
  border-radius: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.div-block-122.bigger {
  width: 50%;
  height: 300px;
}

.div-block-122.bigger.smaller {
  width: 25%;
  height: 300px;
}

.small-image-2 {
  object-fit: cover;
  border-radius: 30px;
  width: 100%;
  height: 210px;
}

.text-block-11 {
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.text-block-11:hover {
  color: #16474a;
}

.second-images-wrap-2 {
  grid-row-gap: 20px;
  flex-direction: column;
  width: 33.3%;
  display: flex;
}

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

.bold-text-11 {
  color: var(--main-blue-color);
  font-size: 48px;
  font-weight: 600;
}

.text-block-12 {
  color: var(--black);
}

.heading-17 {
  text-align: center;
}

.service-form {
  background-color: #0000007a;
  margin-bottom: 0;
  padding: 21px;
  position: absolute;
  inset: 12% 5% auto auto;
}

.service-details-grid-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  width: 100%;
  max-width: none;
  padding-right: 0%;
  font-size: 18px;
  display: flex;
}

.heading-79 {
  line-height: 1.15em;
}

.bold-text-8 {
  font-size: 18px;
}

.service-details-grid {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  align-items: stretch;
  display: flex;
}

.button-primary {
  color: #fff;
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #070707;
  border: 1px solid #0000;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 20px;
  transition: border-color .3s, color .3s, background-color .3s;
}

.button-primary:hover {
  color: #070707;
  background-color: #0000;
  border-color: #070707;
}

.button-primary.space-down {
  margin-bottom: 0;
}

.button-primary.space-down.up {
  margin-top: 0;
  margin-bottom: 40px;
}

.service-details-woman-block {
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.p-teaser-img-wrap {
  width: 100%;
  height: 500px;
  position: sticky;
  top: 5vh;
  overflow: hidden;
}

.bold-text-9 {
  text-decoration: none;
}

.link-10 {
  color: #5067b8;
  padding-left: 0;
  font-size: 19px;
  font-weight: 400;
  text-decoration: none;
  transition: all .45s, color .3s;
}

.link-10:hover {
  font-size: 20px;
}

.teaser-img-wrap {
  height: 70vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.service-details-grid-col {
  width: 80%;
  display: block;
  position: relative;
}

.service-details-grid-col.service-details-grid-two {
  background-color: #fff;
  width: 100%;
  padding: 100px 29px 56px;
}

.service-details-grid-col.service-details-grid-one {
  z-index: 1;
  width: 60%;
  padding-top: 148px;
  padding-bottom: 150px;
  left: 200px;
}

.service-details-grid-col.service-details-grid-one.hidden-responsive {
  padding-top: 0;
  padding-bottom: 0;
  left: 0;
}

.service-details-grid-col.service-details-grid-two {
  background-color: #fff;
  width: 80%;
  padding: 0 0 56px;
  display: flex;
}

.paragraph-17 {
  margin-bottom: 0;
}

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

.teaser-img._4 {
  z-index: 1;
}

.teaser-img._2 {
  z-index: 3;
}

.teaser-img._3 {
  z-index: 2;
}

.teaser-img._1 {
  z-index: 4;
}

.service-details-grid-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.expert-strategy-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  padding-left: 0%;
  display: flex;
  top: 115px;
  bottom: auto;
}

.rich-text-block-5 {
  font-size: 18px;
}

.heading-80 {
  line-height: 1.15em;
}

.bold-text-12 {
  font-size: 18px;
}

.color-white {
  color: #fff;
  line-height: 66px;
}

.service-details-container {
  background-color: #fff;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 106px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.service-details-section-one {
  background-image: linear-gradient(#000, #fff0 3%), url('../images/Photo-Feb-23-2023-8-26-53-AM---LOW_1Photo Feb 23 2023, 8 26 53 AM - LOW.webp');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 80px;
  padding-bottom: 80px;
}

.service-details-section-one.custome-homes {
  background-color: #fff;
  background-image: none;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.about-hero-wrapper {
  text-align: center;
  width: 100%;
  max-width: none;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 42px;
  padding-bottom: 42px;
}

.about-hero-wrapper._600px-height {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 500px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.bold-text-13 {
  text-decoration: none;
}

.inner-container-520px {
  width: 100%;
  max-width: none;
}

.inner-container-520px.align-center {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mg-bottom-0px {
  margin-bottom: 10px;
  font-size: 18px;
}

.mg-bottom-0px.white-text {
  color: #fff;
  text-align: center;
  margin-top: 16px;
}

.div-block-129 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  background-color: #fff;
  flex-flow: column;
  padding: 40px 30px;
  display: flex;
}

.div-block-130 {
  grid-column-gap: 16px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 75%;
  display: grid;
}

.div-block-131 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-block-13 {
  text-align: center;
  font-family: Geist, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.5em;
}

.div-block-132 {
  background-image: url('../images/Background.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-block-14 {
  color: var(--white);
  font-family: Geist, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  position: absolute;
}

.div-block-133 {
  justify-content: center;
  align-items: center;
  width: 80%;
  height: auto;
  display: flex;
  position: relative;
}

.div-block-380 {
  max-width: none;
}

.marquee-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.marquee-box-inner-2 {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  margin-left: -740px;
  display: flex;
  position: relative;
  left: 0;
}

.div-block-381 {
  z-index: 2;
  background-color: #b6fb6f;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-379 {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer_menu-item {
  color: #000000b3;
  text-align: left;
  cursor: pointer;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-bottom: 0;
  font-size: 1.1rem;
  line-height: 1.3;
  text-decoration: none;
  display: block;
}

.footer_menu-item.white-text {
  color: #fff;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-size: 20px;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #b6fb6f;
  border-style: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1), box-shadow .4s cubic-bezier(.215, .61, .355, 1), color .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.button-2:hover {
  background-color: #0363d8;
}

.button-2.subscribe-button {
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  background-color: #b6fb6f;
  border: 1px solid #b6fb6f;
  border-radius: 10px;
  width: auto;
  height: 50px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.button-2.subscribe-button:hover {
  color: #b6fb6f;
  background-color: #195235;
  border: 1px solid #195235;
}

.marquee-box {
  z-index: 3;
  position: relative;
}

.div-block-378 {
  background-image: url('../images/Background.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 200px;
}

.text-block-67 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  color: #014400;
  justify-content: center;
  align-items: center;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 1.8rem;
  display: flex;
}

.div-block-372 {
  z-index: 8;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 45%;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 30px;
  display: flex;
  position: relative;
}

.div-block-371 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  display: flex;
}

.xxl-heading {
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 3.5rem;
  line-height: 1.1em;
}

.xxl-heading.white-text {
  color: #ece9e9;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
}

.div-block-121 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: row;
  width: 100%;
  display: flex;
}

.div-block-121.flex-description-wrapper {
  margin-bottom: 0;
}

.image-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: 4px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-two {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.image-one {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.grid-2 {
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.splitter_handle-wrapper {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.arrow-image {
  width: 9.14px;
  height: 18.28px;
}

.example_component {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.splitter_before {
  width: 100%;
  position: absolute;
  inset: 0%;
}

.padding-0 {
  justify-content: center;
  align-items: center;
  padding: 0 30px;
  display: flex;
}

.splitter_component {
  cursor: pointer;
  width: 70vw;
  height: 70vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.splitter_component.is-radius {
  border-radius: 1rem;
  width: 100%;
  height: auto;
  padding-top: 216px;
  padding-bottom: 216px;
}

.splitter_handle-circle {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 2rem;
  width: 2.6875rem;
  height: 2.6875rem;
}

.splitter_handle-circle.is-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0000;
  border-style: none;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
}

.splitter_image {
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.splitter_image.is-after {
  width: auto;
  max-width: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.splitter_handle-component {
  z-index: 2;
  background-color: #fff;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 50%;
}

.container-large {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.spliter_after {
  z-index: 2;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.line-wrapper {
  background-color: #fff;
  width: 10px;
  height: 100%;
}

.padding-section-example {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 0;
  display: flex;
}

.splitter_image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.splitter_image-2.is-after {
  width: 70vw;
  max-width: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.compare-component {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 230px;
  position: relative;
  overflow: hidden;
}

.compare-divider-circle {
  background-color: #fff;
  border-radius: 999rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: absolute;
  box-shadow: 0 1em 3em #00000063;
}

.compare-after-wrapper {
  width: 100%;
  height: 230px;
  position: absolute;
  inset: 0%;
}

.compare-divider-circle-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 230px;
  display: flex;
}

.compare-divider-icon {
  width: 40%;
}

.compare-before-inner {
  width: 100%;
  height: 230px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.container-large-2 {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.compare-after-media {
  object-fit: cover;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0%;
}

.compare-before-wrapper {
  width: 100%;
  height: 230px;
  position: absolute;
  inset: 0%;
}

.compare-divider-wrapper {
  z-index: 1;
  background-color: #f1ebe7;
  justify-content: center;
  align-items: stretch;
  width: 6px;
  height: 225px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.compare-before-media {
  object-fit: cover;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0%;
}

.container-large-3 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.grid-3 {
  grid-template-rows: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.text-block-68 {
  text-align: center;
  margin-top: -4px;
  padding-top: 0;
  font-size: 14px;
  font-weight: 300;
}

.image-94 {
  z-index: 1;
  max-width: none;
  height: 100%;
  position: relative;
  top: -160px;
}

.tabs-2 {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

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

.text-block-27 {
  color: #ffc112;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 12px;
}

.div-block-382 {
  z-index: 4;
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 19px;
  display: flex;
  position: relative;
}

.outline-box {
  z-index: 2;
  border: 2px solid #0000;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.category-image {
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.about-info-wrapper-card {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 0;
  display: grid;
}

.text-block-28 {
  color: #979797;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.text-block-26 {
  color: #fafafa;
  letter-spacing: 1px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 16px;
}

.div-block-383 {
  z-index: 4;
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.div-block-384 {
  z-index: 1;
  background-image: linear-gradient(0deg, #000, #0000 72%);
  width: 100%;
  height: 100%;
  position: absolute;
}

.link-block-3 {
  background-image: linear-gradient(0deg, #000 6%, #0000 68%), url('../images/6.png');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  border: 2px solid #ffc11200;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 260px;
  padding-bottom: 0;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  overflow: hidden;
}

.link-block-3:hover {
  border-color: #ffc112;
}

.link-block-3._2 {
  background-image: none;
  border-style: none;
  border-width: 0;
  height: 300px;
  position: relative;
}

.link-block-3._2:hover {
  background-image: none;
  border-style: none;
}

.image-category {
  width: 100%;
  height: auto;
}

.bold-text-81 {
  font-size: 18px;
  line-height: 24px;
}

.bold-text-82 {
  color: var(--secondary-green-colour);
}

.div-block-385 {
  display: none;
}

.image-96 {
  width: 100%;
}

.image-97 {
  position: relative;
  top: 0;
}

.lightbox-link-3 {
  position: absolute;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 0;
}

.div-block-386 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 300px;
  display: flex;
}

.div-block-387 {
  flex-flow: column;
  display: flex;
}

.image-98 {
  max-width: none;
}

.btn-primary {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #212121;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-weight: 700;
  line-height: 1.111em;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.btn-primary:hover {
  color: #fff;
  background-color: #216fff;
  border-color: #0000;
  transform: translate3d(0, -3px, .01px);
}

.btn-primary.download-app {
  color: #fd0;
  text-align: left;
  background-color: #292663;
  align-items: center;
  padding: 20px 32px;
  font-size: 16px;
  display: flex;
}

.btn-primary.download-app.white {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #292663;
  white-space: nowrap;
  background-color: #fd0;
  border: 1px solid #fd0;
  height: 60px;
  transition: box-shadow .3s, background-color .3s, transform .3s, color .3s;
}

.btn-primary.download-app.white:hover {
  color: #fff;
  background-color: #fff0;
  border: 1px solid #fff;
  box-shadow: 0 2px 12px #00000014;
}

.btn-primary.download-app.white.secondary-button:hover {
  color: #fd0;
  background-color: #232056;
}

.btn-primary.download-app.white.secondary-button.mb-20 {
  color: #292663;
  margin-bottom: 25px;
}

.btn-primary.download-app.white.secondary-button.mb-20:hover {
  color: #fd0;
  border-color: #292663;
}

.text-block-69 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  color: #fd0;
  justify-content: center;
  align-items: center;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 1.8rem;
  display: flex;
}

.div-block-388 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-block-15 {
  font-size: 15px;
}

.div-block-389 {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-390 {
  z-index: 8;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 45% 55%;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer_menu-item-2 {
  color: #000000b3;
  text-align: left;
  cursor: pointer;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-bottom: 0;
  font-size: 1.1rem;
  line-height: 1.5;
  display: block;
}

.footer_menu-item-2.white-text {
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.div-block-391 {
  z-index: 2;
  background-color: #ffffff75;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.div-block-392 {
  max-width: 60%;
}

.lightbox-link-4 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 6px;
  display: flex;
  overflow: hidden;
}

.image-99 {
  width: 100%;
  height: auto;
  padding-bottom: 0;
  overflow: hidden;
}

.image-99.other {
  z-index: -1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-393 {
  background-image: url('../images/Icon-Drop.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.div-block-393.leaf {
  background-image: url('../images/Icon-Leaf-Web-Final.svg');
}

.div-block-394 {
  background-color: #fff;
  height: 100%;
  overflow: hidden;
}

.div-block-395 {
  margin-bottom: 0;
  padding-bottom: 11px;
}

.inner-container._468px {
  max-width: 468px;
}

.inner-container._440px {
  max-width: 440px;
}

.link-border {
  z-index: 1;
  background-color: #110f0e;
  min-height: 1px;
  max-height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.link-border.top {
  top: -1px;
  bottom: auto;
}

.btn-primary-2 {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #151314;
  border: 1px solid #151314;
  border-radius: 48px;
  justify-content: center;
  padding: 20px 38px;
  font-weight: 500;
  line-height: 1.111em;
  text-decoration: none;
  transition: transform .3s, border-color .3s, background-color .3s, color .3s;
}

.btn-primary-2:hover {
  color: #110f0e;
  background-color: #0000;
  border-color: #110f0e;
  transform: scale3d(1.02, 1.02, 1.01);
}

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

.grid-3-columns.services-grid {
  grid-template-columns: 1fr 1fr;
  place-items: stretch stretch;
  margin-top: 18px;
  margin-bottom: 18px;
}

.div-block-143 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.display-2 {
  color: #151314;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.222em;
}

.link-item-border-top {
  z-index: 1;
  border-top: 1px #dbd3d3;
  border-bottom: 1px #151314;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: block;
  position: relative;
}

.link-item-border-top.line-bottom {
  border-bottom-style: solid;
}

.btn-secondary {
  color: #151314;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #0000;
  border: 1px solid #dbd3d3;
  border-radius: 48px;
  padding: 20px 38px;
  line-height: 1.111em;
  transition: transform .3s, border-color .3s, background-color .3s, color .3s;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #151314;
  border-color: #151314;
  transform: scale3d(1.02, 1.02, 1.01);
}

.line-square-icon.diagonal-link-arrow, .line-square-icon.link-icon-right {
  display: inline-block;
}

.pd-sides-40px {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.grid-2-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid-2-columns._1-col-tablet.gap-row-16px {
  place-items: start stretch;
}

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

.container-default {
  max-width: 1316px;
  padding-left: 50px;
  padding-right: 50px;
}

.buttons-flex-container {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.buttons-flex-container.mg-bottom-72px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.color-neutral-600 {
  color: #4d464a;
}

.color-neutral-600.mg-bottom-0 {
  font-weight: 400;
}

.mg-bottom-12px {
  margin-bottom: 12px;
}

.link-title-dark.display-4.mg-bottom-4px {
  font-family: Geist, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2em;
}

.link-title-dark.display-4.mg-bottom-4px.centered {
  text-align: center;
}

.mg-bottom-16px {
  margin-bottom: 16px;
}

.mg-bottom-16px.mg-bottom-24px-tablet {
  margin-bottom: 0;
}

.warranty-title {
  color: var(--main-blue-color);
  font-size: 22px;
}

.rich-text-block-6 {
  background-color: #91ca452e;
  padding: 12px;
}

.image-100 {
  width: auto;
  max-width: none;
}

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

.hotspot-2 {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 160px;
  left: 35%;
}

.hotspot-2._3 {
  justify-content: flex-end;
  align-items: flex-start;
  top: 377px;
  left: 58%;
}

.hotspot-2._4 {
  justify-content: flex-start;
  align-items: flex-start;
  top: 231px;
  bottom: auto;
  left: 63%;
}

.hotspot-2._2 {
  background-color: #ff1b1b00;
  justify-content: flex-start;
  align-items: flex-start;
  width: 120px;
  top: 376px;
  left: 32%;
}

.hotspot-2._1 {
  justify-content: flex-start;
  align-items: flex-start;
  top: 431px;
  left: 44.5%;
}

.hotspot-2._5 {
  top: 88px;
  left: 58%;
}

.hotspot-2._6 {
  top: 27px;
  left: 45%;
}

.hotspot-2._7 {
  top: 87px;
  left: 32%;
}

.hotspot-2._8 {
  top: 235px;
  left: 26%;
}

.hotspot-small-2 {
  background-color: #fff;
  border-radius: 100px;
  width: auto;
  height: auto;
}

.tab-image-wrap-2 {
  justify-content: center;
  align-items: center;
  height: 600px;
  display: flex;
}

.hotspot-large-2 {
  background-color: #91ca4500;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
}

.hotspot-text-2 {
  z-index: 9999;
  background-color: var(--main-green-colour);
  opacity: 0;
  color: #fff;
  width: 400px;
  padding: 13px;
  position: absolute;
  top: 123px;
  left: -212px;
}

.hotspot-text-2._4 {
  width: 250px;
  top: -55px;
  left: 124px;
}

.hotspot-text-2._5 {
  width: 300px;
  top: -97px;
  left: 121px;
}

.hotspot-text-2._6 {
  width: 300px;
  top: -147px;
  left: -140px;
}

.hotspot-text-2._3 {
  width: 300px;
  left: -18px;
}

.hotspot-text-2._7 {
  width: 240px;
  top: 131px;
  left: -187px;
}

.text-block-70 {
  padding: 14px;
}

@media screen and (min-width: 1280px) {
  body {
    --_typography---fonts--primary: Geist, sans-serif;
    --_typography---body-text--text-xs: 16px;
    --_typography---line-height--line-height-xl: 1.5em;
    --_typography---font-weight--regular: 400;
    --_typography---typography--h1: 80px;
    --_typography---line-height--line-height-xxs: .88em;
    --_typography---font-weight--semi-bold: 600;
    --_typography---letter-spacing--letter-spacing-xxs: -1px;
    --_typography---typography--h2: 48px;
    --_typography---line-height--line-height-s: 1.2em;
    --_typography---typography--h3: 36px;
    --_typography---font-weight--bold\<deleted\|variable-68c21bf1-e794-1469-c616-d670f7e76449\>: 700;
    --_typography---typography--h4: 26px;
    --_typography---typography--h5: 22px;
    --_typography---body-text--text-s: 18px;
    --_typography---line-height--line-height-l: 1.4em;
    --_typography---body-text--text-l: 22px;
    --_typography---body-text--text-m: 20px;
    --_typography---fonts--font-awesome-02: "Fa Brands 400", Arial, sans-serif;
    --_typography---body-text--text-xl: 24px;
    --_typography---line-height--line-height-m: 1.3em;
    --_typography---fonts--font-awesome-03: "Fa Solid 900", Arial, sans-serif;
    --_typography---font-weight--medium: 500;
    --_typography---line-height--line-height-xs: 1.1em;
    --_typography---letter-spacing--letter-spacing-l: -1.2px;
    --_typography---typography--h6: 18px;
    --_typography---fonts--font-awesome-01: "Fa 400", Arial, sans-serif;
    --_typography---typography--display-01: 0px;
    --_typography---typography--display-02: 0px;
    --_typography---typography--display-03: 0px;
    --_typography---letter-spacing--letter-spacing-xs: .35px;
    --_typography---letter-spacing--letter-spacing-s: .5px;
    --_typography---letter-spacing--letter-spacing-m: .8px;
    --_spacing-system---spacing--spacing-none: 0px;
    --_spacing-system---spacing--spacing-xs: 6px;
    --_spacing-system---spacing--spacing-l: 20px;
    --_spacing-system---spacing--spacing-3xl: 30px;
    --_spacing-system---spacing--spacing-2xl: 24px;
    --_spacing-system---spacing--spacing-ml: 16px;
    --_spacing-system---containers--full-width: 100%;
    --_spacing-system---spacing--spacing-6xl: 80px;
    --_spacing-system---spacing--spacing-4xl: 40px;
    --_spacing-system---spacing--spacing-8xl: 130px;
    --_spacing-system---spacing--spacing-7xl: 100px;
    --_spacing-system---spacing--spacing-5xl: 60px;
    --_spacing-system---spacing--spacing-sm: 10px;
    --_spacing-system---spacing--spacing-s: 8px;
    --_spacing-system---spacing--spacing-xxs: 4px;
    --_spacing-system---border-radius--radius-l: 100px;
    --_spacing-system---border-radius--radius-xs: 4px;
    --_spacing-system---spacing--section-spacing: 130px;
    --_spacing-system---spacing--spacing-m: 12px;
    --_spacing-system---containers--base-container: 1200px;
    --_spacing-system---spacing--spacing-xl: 22px;
    --_spacing-system---border-radius--radius-xxs: 2px;
    --_spacing-system---border-radius--radius-s: 6px;
    --_spacing-system---border-radius--radius-m: 8px;
  }

  .section.without-top-spacing {
    padding-bottom: 100px;
  }

  .section.home-section.graph-section {
    padding-bottom: 175px;
  }

  .section.no-space {
    padding-left: 0;
    padding-right: 0;
  }

  .section.scroll {
    min-height: auto;
  }

  .landing-paragraph-style {
    width: 85%;
  }

  .inner-banner {
    min-height: 350px;
  }

  .licensing-icons {
    width: 45%;
  }

  .headings-typography-wrapper {
    width: 48%;
  }

  .style-guide-hero-wrap {
    padding-bottom: 130px;
  }

  .style-guide-section {
    padding-top: 190px;
    padding-bottom: 130px;
  }

  .nav-dropdown-list.megamenu.w--open {
    left: -160px;
  }

  .nav-menu {
    margin-right: 60px;
  }

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

  .pass-page-content {
    width: 380px;
  }

  .banner-section {
    height: 100vh;
  }

  .home-1-banner-slider {
    height: 100%;
  }

  .overlay {
    background-image: linear-gradient(214deg, #00000069, #fff0), linear-gradient(65deg, #000000b3, #0000);
  }

  .home-1-banner-text-wrap {
    max-width: 800px;
    font-size: 16px;
    line-height: 1.5em;
  }

  .home-1-banner-h1 {
    max-width: none;
    font-size: 64px;
    line-height: 1em;
  }

  .home-1-banner-left-arrow {
    width: 48px;
    height: 48px;
    top: auto;
    bottom: 60px;
    right: 115px;
  }

  .home-1-banner-right {
    width: 48px;
    height: 48px;
    top: auto;
    bottom: 60px;
    right: 55px;
  }

  .about-block-title-wrap {
    max-width: 640px;
  }

  .about-block-bottom {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .home-tabs {
    min-height: 800px;
  }

  .tabs-menu {
    top: 30px;
    right: 55px;
  }

  .tab-image-wrap {
    height: 800px;
  }

  .hotspot {
    top: 220px;
  }

  .hotspot._2 {
    top: 281px;
    left: 58%;
  }

  .hotspot._3 {
    top: 450px;
  }

  .hotspot._4 {
    bottom: 200px;
    left: 78%;
  }

  .hotspot.slide-2-1 {
    top: 300px;
  }

  .hotspot.slide-2-2 {
    top: 350px;
  }

  .hotspot.slide-2-3 {
    top: 250px;
    left: 70%;
  }

  .hotspot.slide-2-4 {
    bottom: 200px;
  }

  .hotspot.slide-3-1 {
    top: 300px;
  }

  .hotspot.slide-3-2 {
    top: 160px;
  }

  .hotspot.slide-3-3 {
    top: 400px;
  }

  .title-wrap {
    max-width: 530px;
  }

  .title-wrap.center, .title-wrap.team-title {
    max-width: 700px;
  }

  .project-vertical-image {
    width: 400px;
    height: 500px;
  }

  .project-horizontal-image {
    width: 400px;
    height: 300px;
    right: -180px;
  }

  .large-text {
    font-size: 72px;
  }

  .large-text-bottom-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .scroll-image-wrap {
    margin-top: -60px;
  }

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

  .services-image {
    width: 420px;
    height: 620px;
  }

  .cta-top {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: center;
  }

  .cta-small-image {
    width: 266px;
    height: 165px;
  }

  .cta-bottom-wrap {
    padding-left: 346px;
  }

  .cta-image-3 {
    width: 500px;
    height: 363px;
  }

  .footer-bottom-wrap {
    margin-top: 30px;
  }

  .form-footer {
    padding-top: 130px;
  }

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

  .inner-banner-section.about-us {
    padding-bottom: 64px;
  }

  .inner-banner-section.testimonials-page {
    background-position: 0 0, 50% 80%;
  }

  .inner-banner-title-wrap {
    max-width: 700px;
  }

  .about-title-wrap {
    width: 680px;
  }

  .about-paragraps-wrap.down-align {
    max-width: 500px;
  }

  .about-image-numbers-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    margin-left: 0;
  }

  .about-image {
    width: 680px;
  }

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

  .numbers-wrap {
    grid-column-gap: 220px;
    grid-row-gap: 220px;
    margin-right: 55px;
  }

  .numbers-wrapper._1 {
    width: 400px;
    min-width: 100%;
    margin-left: 0;
  }

  .number-large {
    font-size: 150px;
  }

  .scroll-wrapper {
    top: 80px;
  }

  .video-wrap {
    height: 650px;
  }

  .second-banner-wrap.team-page {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .second-banner-paragraph-wrap.blog-page {
    max-width: 400px;
  }

  .second-bannertitle-wrap.blog-page {
    max-width: 700px;
  }

  .service-image-wrap {
    width: 200px;
    height: 250px;
    right: 15%;
  }

  .partner-cell {
    height: 200px;
  }

  .partner-logo {
    height: 44px;
  }

  .service-page-section {
    padding-left: 0;
    padding-right: 0;
  }

  .service-page-banner {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .service-banner-image-wrap {
    height: 600px;
  }

  .service-heading-wrap {
    max-width: 1000px;
  }

  .service-overview-text-wrapper {
    max-width: 78%;
  }

  .key-features-grid {
    width: 78%;
  }

  .project-text-card {
    padding: var(--_spacing-system---spacing--spacing-4xl);
  }

  .project-info {
    max-width: 60%;
  }

  .project-heading-wrap {
    max-width: 680px;
  }

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

  .blog-collection-list.post-page {
    max-height: none;
    overflow: visible;
  }

  .blog-wrap {
    max-width: 1000px;
  }

  .blog-banner-image-wrap {
    height: 500px;
  }

  .faq-column.first {
    margin-right: var(--_spacing-system---spacing--spacing-5xl);
  }

  .contacts-banner {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .contacts-form-block {
    width: 45%;
  }

  .contacts-image-wrap {
    height: 550px;
  }

  .licensing-wrap {
    flex-flow: row;
    justify-content: space-between;
  }

  .testimonial-page-wrap {
    width: 45%;
  }

  .team-member-page-info-wrap {
    max-width: 550px;
  }

  .project-two-title {
    color: #15141c;
    font-size: 24px;
    line-height: 30px;
  }

  .project-two-content {
    z-index: 99;
  }

  .container {
    border-color: #ffffffb5;
  }

  .project-two-content-inner {
    background-color: #f7f7f7a3;
    display: block;
  }

  .project-two-link {
    margin-bottom: 0;
  }

  .content.other {
    max-width: none;
  }

  .div-block-126 {
    width: 100vw;
    padding-left: 51px;
    padding-right: 51px;
  }

  .image-85 {
    max-width: 100%;
  }

  .service-form {
    top: 15%;
  }

  .service-details-grid-col.service-details-grid-one.hidden-responsive {
    width: 80%;
  }

  .div-block-129 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-380 {
    max-width: none;
  }

  .image-category {
    height: auto;
  }

  .image-100 {
    width: auto;
    max-width: none;
  }

  .hotspot-2 {
    top: 220px;
  }

  .hotspot-2._3 {
    top: 365px;
    left: 58%;
  }

  .hotspot-2._4 {
    top: 217px;
    bottom: 200px;
    left: 63.5%;
  }

  .hotspot-2._2 {
    top: 368px;
    left: 32%;
  }

  .hotspot-2._1 {
    top: 422px;
    left: 45.5%;
  }

  .hotspot-2._5 {
    top: 71px;
    left: 58%;
  }

  .hotspot-2._6 {
    top: 16px;
    left: 44.5%;
  }

  .hotspot-2._7 {
    top: 75px;
    left: 32%;
  }

  .hotspot-2._8 {
    top: 218px;
    left: 26%;
  }

  .tab-image-wrap-2 {
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }
}

@media screen and (min-width: 1440px) {
  body {
    --_typography---fonts--primary: Geist, sans-serif;
    --_typography---body-text--text-xs: 16px;
    --_typography---line-height--line-height-xl: 1.5em;
    --_typography---font-weight--regular: 400;
    --_typography---typography--h1: 80px;
    --_typography---line-height--line-height-xxs: .88em;
    --_typography---font-weight--semi-bold: 600;
    --_typography---letter-spacing--letter-spacing-xxs: -1px;
    --_typography---typography--h2: 48px;
    --_typography---line-height--line-height-s: 1.2em;
    --_typography---typography--h3: 36px;
    --_typography---font-weight--bold\<deleted\|variable-68c21bf1-e794-1469-c616-d670f7e76449\>: 700;
    --_typography---typography--h4: 26px;
    --_typography---typography--h5: 22px;
    --_typography---body-text--text-s: 18px;
    --_typography---line-height--line-height-l: 1.4em;
    --_typography---body-text--text-l: 22px;
    --_typography---body-text--text-m: 20px;
    --_typography---fonts--font-awesome-02: "Fa Brands 400", Arial, sans-serif;
    --_typography---body-text--text-xl: 24px;
    --_typography---line-height--line-height-m: 1.3em;
    --_typography---fonts--font-awesome-03: "Fa Solid 900", Arial, sans-serif;
    --_typography---font-weight--medium: 500;
    --_typography---line-height--line-height-xs: 1.1em;
    --_typography---letter-spacing--letter-spacing-l: -1.2px;
    --_typography---typography--h6: 18px;
    --_typography---fonts--font-awesome-01: "Fa 400", Arial, sans-serif;
    --_typography---typography--display-01: 0px;
    --_typography---typography--display-02: 0px;
    --_typography---typography--display-03: 0px;
    --_typography---letter-spacing--letter-spacing-xs: .35px;
    --_typography---letter-spacing--letter-spacing-s: .5px;
    --_typography---letter-spacing--letter-spacing-m: .8px;
    --_spacing-system---spacing--spacing-none: 0px;
    --_spacing-system---spacing--spacing-xs: 6px;
    --_spacing-system---spacing--spacing-l: 20px;
    --_spacing-system---spacing--spacing-3xl: 30px;
    --_spacing-system---spacing--spacing-2xl: 24px;
    --_spacing-system---spacing--spacing-ml: 16px;
    --_spacing-system---containers--full-width: 100%;
    --_spacing-system---spacing--spacing-6xl: 80px;
    --_spacing-system---spacing--spacing-4xl: 40px;
    --_spacing-system---spacing--spacing-8xl: 130px;
    --_spacing-system---spacing--spacing-7xl: 100px;
    --_spacing-system---spacing--spacing-5xl: 60px;
    --_spacing-system---spacing--spacing-sm: 10px;
    --_spacing-system---spacing--spacing-s: 8px;
    --_spacing-system---spacing--spacing-xxs: 4px;
    --_spacing-system---border-radius--radius-l: 100px;
    --_spacing-system---border-radius--radius-xs: 4px;
    --_spacing-system---spacing--section-spacing: 130px;
    --_spacing-system---spacing--spacing-m: 12px;
    --_spacing-system---containers--base-container: 1350px;
    --_spacing-system---spacing--spacing-xl: 22px;
    --_spacing-system---border-radius--radius-xxs: 2px;
    --_spacing-system---border-radius--radius-s: 6px;
    --_spacing-system---border-radius--radius-m: 8px;
  }

  .section.without-top-spacing {
    padding-bottom: 100px;
  }

  .section.no-space {
    padding-left: 0;
    padding-right: 0;
  }

  .section.scroll {
    min-height: auto;
  }

  .base-container {
    max-width: 1200px;
  }

  .licensing-image-link {
    height: 450px;
  }

  .licensing-intro {
    max-width: 450px;
  }

  .nav-dropdown-list.megamenu.w--open {
    left: -120px;
  }

  .nav-menu {
    margin-right: 100px;
  }

  .mask {
    overflow: visible;
  }

  .home-1-banner-text-wrap {
    max-width: 900px;
  }

  .home-1-banner-h1 {
    font-size: 66px;
    line-height: 1em;
  }

  .home-1-banner-left-arrow {
    right: 120px;
  }

  .baner-slider-indicators-text {
    font-size: var(--_typography---typography--h6);
  }

  .home-1-banner-right, .tabs-menu {
    right: 60px;
  }

  .tab-image-wrap {
    height: 900px;
  }

  .hotspot {
    left: 10%;
  }

  .hotspot._2 {
    left: 63%;
  }

  .hotspot._3 {
    top: 508px;
  }

  .hotspot._4 {
    left: 80%;
  }

  .hotspot.slide-2-2 {
    left: 15%;
  }

  .hotspot.slide-2-3 {
    left: 70%;
  }

  .hotspot.slide-2-4 {
    left: 80%;
  }

  .hotspot.slide-3-2 {
    top: 120px;
  }

  .title-wrap.center {
    width: 100%;
  }

  .title-wrap.team-title {
    max-width: 650px;
  }

  .projects-slider {
    margin-top: 66px;
    overflow: visible;
  }

  .project-vertical-image {
    width: 500px;
    height: 600px;
  }

  .project-horizontal-image {
    width: 4450px;
    height: 350px;
    right: -220px;
  }

  .large-text {
    font-size: 72px;
  }

  .large-text-bottom-wrap {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .scroll-image-wrap {
    height: 450px;
  }

  .services-image {
    object-position: 21% 0%;
    width: 550px;
  }

  .services {
    flex: 1;
  }

  .cta-top {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .cta-bottom-wrap {
    padding-left: 386px;
  }

  .cta-image-2 {
    width: 350px;
  }

  .cta-image-3 {
    width: 545px;
  }

  .projects-mask {
    overflow: visible;
  }

  .inner-banner-section.testimonials-page {
    background-position: 0 0, 50% 75%;
  }

  .inner-banner-section.team-member-version {
    padding-top: 190px;
  }

  .about-paragraps-wrap {
    flex-flow: column;
    max-width: 450px;
    display: flex;
  }

  .about-image-numbers-wrap {
    margin-left: 60px;
  }

  .numbers-wrap {
    grid-column-gap: 250px;
    grid-row-gap: 250px;
    width: 450px;
    margin-right: 60px;
  }

  .numbers-wrapper {
    width: 450px;
  }

  .number-large {
    font-size: 180px;
  }

  .scroll-wrapper {
    top: 0;
  }

  .video-wrap {
    height: 700px;
  }

  .services-page-card-text-wrap {
    max-width: 850px;
  }

  .service-page-service-title {
    font-size: 44px;
  }

  .service-image-wrap {
    width: 250px;
    height: 300px;
    right: 5%;
  }

  .how-it-works-card {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .how-it-works-card-image {
    min-height: 500px;
  }

  .partner-cell {
    height: 240px;
  }

  .service-page-section {
    padding-left: 0;
    padding-right: 0;
  }

  .service-banner-image-wrap {
    height: 600px;
  }

  .service-overview-text-wrapper {
    max-width: 75%;
  }

  .key-features-grid {
    width: 75%;
  }

  .service-banner-details-wrap {
    max-width: 350px;
  }

  .projects-page-card {
    justify-content: space-between;
    min-height: 550px;
  }

  .project-lightbox-link {
    height: 250px;
  }

  .blog-collection-list {
    grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
  }

  .blog-page-banner {
    max-width: 1200px;
  }

  .blog-banner-image-wrap {
    height: 600px;
  }

  .faq-paragraph {
    max-width: 600px;
  }

  .contacts-banner {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .contacts-image-wrap {
    height: 580px;
  }

  .team-member-photo {
    width: 550px;
    height: 550px;
  }

  .team-member-page-info-wrap {
    max-width: 650px;
  }

  .team-member-info {
    grid-column-gap: var(--_spacing-system---spacing--spacing-8xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-8xl);
  }

  .gallery-wrap {
    margin-top: 20px;
  }

  .content.spac-down {
    border-bottom: 1px solid #b89c4f;
    margin-bottom: 74px;
    padding-bottom: 35px;
  }

  .content.other {
    max-width: none;
  }

  .gallery-wrap-2 {
    margin-top: 20px;
  }

  .div-block-126 {
    padding-left: 41px;
    padding-right: 41px;
  }

  .service-details-grid-col.service-details-grid-one.hidden-responsive {
    width: 80%;
  }

  .service-details-grid-col.service-details-grid-two {
    padding-top: 64px;
    padding-bottom: 0;
  }

  .color-white {
    line-height: 66px;
  }

  .service-details-container {
    max-width: 100%;
  }

  .div-block-380 {
    max-width: none;
  }

  .footer_menu-item.white-text {
    font-size: 22px;
  }

  .hotspot-2._4 {
    left: 64%;
  }

  .hotspot-2._2 {
    left: 32%;
  }

  .hotspot-2._1 {
    top: 422px;
    left: 44.5%;
  }
}

@media screen and (min-width: 1920px) {
  body {
    --_typography---fonts--primary: Geist, sans-serif;
    --_typography---body-text--text-xs: 16px;
    --_typography---line-height--line-height-xl: 1.5em;
    --_typography---font-weight--regular: 400;
    --_typography---typography--h1: 116px;
    --_typography---line-height--line-height-xxs: .88em;
    --_typography---font-weight--semi-bold: 600;
    --_typography---letter-spacing--letter-spacing-xxs: -1px;
    --_typography---typography--h2: 60px;
    --_typography---line-height--line-height-s: 1.2em;
    --_typography---typography--h3: 36px;
    --_typography---font-weight--bold\<deleted\|variable-68c21bf1-e794-1469-c616-d670f7e76449\>: 700;
    --_typography---typography--h4: 26px;
    --_typography---typography--h5: 22px;
    --_typography---body-text--text-s: 18px;
    --_typography---line-height--line-height-l: 1.4em;
    --_typography---body-text--text-l: 22px;
    --_typography---body-text--text-m: 20px;
    --_typography---fonts--font-awesome-02: "Fa Brands 400", Arial, sans-serif;
    --_typography---body-text--text-xl: 24px;
    --_typography---line-height--line-height-m: 1.3em;
    --_typography---fonts--font-awesome-03: "Fa Solid 900", Arial, sans-serif;
    --_typography---font-weight--medium: 500;
    --_typography---line-height--line-height-xs: 1.1em;
    --_typography---letter-spacing--letter-spacing-l: -1.2px;
    --_typography---typography--h6: 18px;
    --_typography---fonts--font-awesome-01: "Fa 400", Arial, sans-serif;
    --_typography---typography--display-01: 0px;
    --_typography---typography--display-02: 0px;
    --_typography---typography--display-03: 0px;
    --_typography---letter-spacing--letter-spacing-xs: .35px;
    --_typography---letter-spacing--letter-spacing-s: .5px;
    --_typography---letter-spacing--letter-spacing-m: .8px;
    --_spacing-system---spacing--spacing-none: 0px;
    --_spacing-system---spacing--spacing-xs: 6px;
    --_spacing-system---spacing--spacing-l: 20px;
    --_spacing-system---spacing--spacing-3xl: 30px;
    --_spacing-system---spacing--spacing-2xl: 24px;
    --_spacing-system---spacing--spacing-ml: 16px;
    --_spacing-system---containers--full-width: 100%;
    --_spacing-system---spacing--spacing-6xl: 80px;
    --_spacing-system---spacing--spacing-4xl: 40px;
    --_spacing-system---spacing--spacing-8xl: 130px;
    --_spacing-system---spacing--spacing-7xl: 100px;
    --_spacing-system---spacing--spacing-5xl: 60px;
    --_spacing-system---spacing--spacing-sm: 10px;
    --_spacing-system---spacing--spacing-s: 8px;
    --_spacing-system---spacing--spacing-xxs: 4px;
    --_spacing-system---border-radius--radius-l: 100px;
    --_spacing-system---border-radius--radius-xs: 4px;
    --_spacing-system---spacing--section-spacing: 130px;
    --_spacing-system---spacing--spacing-m: 12px;
    --_spacing-system---containers--base-container: 1710px;
    --_spacing-system---spacing--spacing-xl: 22px;
    --_spacing-system---border-radius--radius-xxs: 2px;
    --_spacing-system---border-radius--radius-s: 6px;
    --_spacing-system---border-radius--radius-m: 8px;
  }

  .section.without-top-spacing {
    padding-top: 49px;
    padding-bottom: 90px;
  }

  .section.home-section.graph-section {
    padding-top: 0;
    padding-bottom: 47px;
  }

  .section.other {
    padding-left: 0;
    padding-right: 0;
  }

  .base-container.style-guide {
    max-width: 1440px;
  }

  .licensing-image-link {
    height: 550px;
  }

  .inner-banner {
    min-height: 400px;
  }

  .licensing-intro {
    max-width: 550px;
  }

  .nav-dropdown-list.megamenu.w--open {
    left: -120px;
  }

  .banner-image {
    object-position: 0% 50%;
    width: 104%;
  }

  .home-1-banner-text-wrap {
    max-width: 950px;
  }

  .home-1-banner-h1 {
    font-size: 64px;
    line-height: 1.1em;
  }

  .home-1-banner-left-arrow {
    right: 180px;
  }

  .baner-slider-indicators-wrap {
    display: flex;
  }

  .home-1-banner-right {
    right: 120px;
  }

  .about-block-title-wrap {
    max-width: 810px;
  }

  .home-tabs {
    min-height: 900px;
  }

  .tabs-menu {
    right: 120px;
  }

  .tab-image-wrap {
    height: 1200px;
  }

  .hotspot {
    top: 315px;
  }

  .hotspot._2 {
    top: 450px;
    left: 58%;
  }

  .hotspot._3 {
    top: 668px;
  }

  .hotspot._4 {
    bottom: 310px;
  }

  .hotspot.slide-2-1 {
    top: 250px;
  }

  .hotspot.slide-2-2 {
    left: 17%;
  }

  .hotspot.slide-2-3 {
    left: 72%;
  }

  .hotspot.slide-2-4 {
    bottom: 245px;
  }

  .hotspot.slide-3-2 {
    top: 100px;
  }

  .hotspot.slide-3-3 {
    top: 450px;
    left: 47%;
  }

  .title-wrap {
    max-width: 660px;
    position: absolute;
  }

  .title-wrap.center {
    max-width: 850px;
    margin-bottom: 147px;
    inset: 0% 0% auto;
  }

  .title-wrap.team-title {
    max-width: 850px;
  }

  .title-wrap.center-650px {
    max-width: 650px;
  }

  .projects-slider {
    margin-top: 195px;
  }

  .project-card-left-wrap {
    max-width: 404px;
  }

  .project-link.projects-page {
    font-size: var(--_typography---typography--h4);
    font-weight: var(--_typography---font-weight--semi-bold);
  }

  .project-vertical-image {
    width: 546px;
    height: 710px;
  }

  .project-horizontal-image {
    width: 580px;
    height: 417px;
    bottom: 108px;
    right: -420px;
  }

  .project-button {
    padding-bottom: 108px;
  }

  .large-text {
    font-size: 72px;
  }

  .scroll-image-wrap {
    justify-content: center;
    align-items: center;
    height: 580px;
  }

  .services-wrapper {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .services-image {
    object-position: 0% 25%;
    width: 730px;
  }

  .service-card-text-wrap {
    max-width: none;
  }

  .testimonials-slider-card {
    max-width: 745px;
  }

  .testimonial-text-wrap.testimonials-page {
    max-width: 500px;
  }

  .testimonial-text {
    font-size: var(--_typography---typography--h3);
  }

  .cta-top {
    grid-column-gap: 160px;
    grid-row-gap: 160px;
  }

  .cta-small-image {
    height: 200px;
  }

  .cta-text-wrap {
    max-width: 900px;
  }

  .cta-bottom-wrap {
    padding-left: 426px;
  }

  .cta-image-2 {
    width: 406px;
  }

  .footer-bottom-wrap {
    flex-flow: row;
  }

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

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

  .form-block {
    max-width: 920px;
  }

  .inner-banner-section.services-page, .inner-banner-section.how-it-works-page {
    background-position: 0 0, 50% 40%;
  }

  .inner-banner-section.testimonials-page {
    background-position: 50% 60%;
  }

  .inner-banner-title-wrap {
    max-width: 1050px;
  }

  .about-title-wrap {
    width: 840px;
  }

  .about-paragraps-wrap {
    max-width: 545px;
  }

  .about-image-numbers-wrap {
    margin-left: 120px;
  }

  .about-image {
    width: 840px;
    height: 430px;
  }

  .numbers-wrap {
    grid-column-gap: 280px;
    grid-row-gap: 280px;
    width: 545px;
    margin-right: 120px;
  }

  .numbers-wrapper {
    grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
    grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 545px;
  }

  .number-large {
    font-size: 250px;
  }

  .scroll-wrapper {
    top: 130px;
  }

  .video-wrap {
    height: 800px;
  }

  .team-member-image {
    height: 600px;
  }

  .second-banner-wrap.team-page {
    justify-content: flex-start;
  }

  .second-bannertitle-wrap {
    max-width: 800px;
  }

  .second-bannertitle-wrap.blog-page {
    max-width: 1000px;
  }

  .services-page-card-text-wrap {
    max-width: 920px;
  }

  .service-page-service-title {
    font-size: 52px;
  }

  .service-image-wrap {
    right: 0%;
  }

  .how-it-works-card {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .how-it-works-card-image {
    max-width: none;
  }

  .how-it-works-text-card {
    max-width: 800px;
  }

  .service-page-section {
    padding-left: 0;
    padding-right: 0;
  }

  .service-page-banner {
    padding-top: 180px;
  }

  .service-banner-image-wrap {
    height: 700px;
  }

  .service-heading-wrap {
    max-width: 1200px;
  }

  .service-page-heading {
    font-size: 96px;
  }

  .service-overview-text-wrapper, .key-features-grid {
    max-width: 70%;
  }

  .service-banner-details-wrap {
    max-width: 430px;
  }

  .projects-page-card {
    min-height: 700px;
  }

  .project-text-card {
    flex: 1;
    max-width: 500px;
  }

  .project-image-popun {
    width: 300px;
    height: 250px;
  }

  .project-page-wrap {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .project-heading-wrap {
    max-width: 930px;
  }

  .project-main-image {
    height: 500px;
  }

  .project-lightbox-link {
    height: 300px;
  }

  .blog-link-block {
    height: 430px;
  }

  .blog-text-link-block {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .blog-title {
    font-size: var(--_typography---body-text--text-l);
  }

  .blog-page-banner {
    max-width: 1350px;
  }

  .blog-post-heading {
    font-size: 88px;
  }

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

  .faq-paragraph {
    max-width: 750px;
  }

  .contacts-banner-title-wrap {
    max-width: none;
  }

  .contacts-form-block {
    height: auto;
  }

  .submit-button-wrap {
    margin-top: 60px;
  }

  .contacts-wrap {
    max-width: 400px;
  }

  .contacts-image-wrap {
    height: 750px;
  }

  .testimonial-page-wrap {
    width: 35%;
  }

  .testimonial-page-title-wrap {
    max-width: 750px;
  }

  .team-member-photo {
    width: 800px;
    height: 650px;
  }

  .member-name-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
    grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  }

  .team-member-page-info-wrap {
    max-width: 800px;
  }

  .team-member-info {
    grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
    display: flex;
  }

  .team-member-info-paragraph {
    max-width: 650px;
  }

  .slide {
    margin-right: 144px;
  }

  .content.other {
    max-width: none;
  }

  .div-block-127 {
    width: 10%;
  }

  .div-block-128 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .div-block-126 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-17 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .p-teaser-img-wrap {
    height: 600px;
  }

  .teaser-img-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    height: 90vh;
    padding-left: 39%;
    display: flex;
  }

  .service-details-grid-col {
    width: 80%;
  }

  .service-details-grid-col.service-details-grid-one.hidden-responsive {
    width: 80%;
  }

  .service-details-grid-col.service-details-grid-two {
    width: 80%;
    padding-top: 148px;
    padding-bottom: 42px;
    padding-left: 0;
    left: 0;
  }

  .service-details-grid-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
  }

  .expert-strategy-wrap {
    height: auto;
    padding-left: 0%;
    top: 115px;
  }

  .service-details-section-one {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-380 {
    max-width: 100%;
  }

  .footer_menu-item.white-text {
    text-align: left;
    font-size: 26px;
  }

  .tabs-menu-3 {
    justify-content: center;
    align-items: flex-start;
  }

  .about-info-wrapper-card {
    max-width: 1400px;
  }

  .image-category {
    height: auto;
  }

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

  .hotspot-2 {
    top: 160px;
  }

  .hotspot-2._3 {
    top: 530px;
    left: 58%;
  }

  .hotspot-2._4 {
    top: 380px;
    bottom: auto;
    left: 63%;
  }

  .hotspot-2._2 {
    top: 530px;
    left: 32%;
  }

  .hotspot-2._1 {
    top: 582px;
  }

  .hotspot-2._5 {
    top: 237px;
  }

  .hotspot-2._6 {
    top: 180px;
  }

  .hotspot-2._7 {
    top: 235px;
  }

  .hotspot-2._8 {
    top: 385px;
  }

  .tab-image-wrap-2 {
    height: 900px;
  }

  .hotspot-text-2._5 {
    top: -116px;
  }

  .hotspot-text-2._6 {
    top: -160px;
    left: -154px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_typography---fonts--primary: Geist, sans-serif;
    --_typography---body-text--text-xs: 16px;
    --_typography---line-height--line-height-xl: 1.5em;
    --_typography---font-weight--regular: 400;
    --_typography---typography--h1: 55px;
    --_typography---line-height--line-height-xxs: .88em;
    --_typography---font-weight--semi-bold: 600;
    --_typography---letter-spacing--letter-spacing-xxs: -1px;
    --_typography---typography--h2: 44px;
    --_typography---line-height--line-height-s: 1.2em;
    --_typography---typography--h3: 32px;
    --_typography---font-weight--bold\<deleted\|variable-68c21bf1-e794-1469-c616-d670f7e76449\>: 700;
    --_typography---typography--h4: 26px;
    --_typography---typography--h5: 22px;
    --_typography---body-text--text-s: 18px;
    --_typography---line-height--line-height-l: 1.4em;
    --_typography---body-text--text-l: 22px;
    --_typography---body-text--text-m: 20px;
    --_typography---fonts--font-awesome-02: "Fa Brands 400", Arial, sans-serif;
    --_typography---body-text--text-xl: 24px;
    --_typography---line-height--line-height-m: 1.3em;
    --_typography---fonts--font-awesome-03: "Fa Solid 900", Arial, sans-serif;
    --_typography---font-weight--medium: 500;
    --_typography---line-height--line-height-xs: 1.1em;
    --_typography---letter-spacing--letter-spacing-l: -1.2px;
    --_typography---typography--h6: 18px;
    --_typography---fonts--font-awesome-01: "Fa 400", Arial, sans-serif;
    --_typography---typography--display-01: 0px;
    --_typography---typography--display-02: 0px;
    --_typography---typography--display-03: 0px;
    --_typography---letter-spacing--letter-spacing-xs: .35px;
    --_typography---letter-spacing--letter-spacing-s: .5px;
    --_typography---letter-spacing--letter-spacing-m: .8px;
    --_spacing-system---spacing--spacing-none: 0px;
    --_spacing-system---spacing--spacing-xs: 6px;
    --_spacing-system---spacing--spacing-l: 20px;
    --_spacing-system---spacing--spacing-3xl: 30px;
    --_spacing-system---spacing--spacing-2xl: 24px;
    --_spacing-system---spacing--spacing-ml: 16px;
    --_spacing-system---containers--full-width: 100%;
    --_spacing-system---spacing--spacing-6xl: 80px;
    --_spacing-system---spacing--spacing-4xl: 40px;
    --_spacing-system---spacing--spacing-8xl: 130px;
    --_spacing-system---spacing--spacing-7xl: 100px;
    --_spacing-system---spacing--spacing-5xl: 60px;
    --_spacing-system---spacing--spacing-sm: 10px;
    --_spacing-system---spacing--spacing-s: 8px;
    --_spacing-system---spacing--spacing-xxs: 4px;
    --_spacing-system---border-radius--radius-l: 100px;
    --_spacing-system---border-radius--radius-xs: 4px;
    --_spacing-system---spacing--section-spacing: 80px;
    --_spacing-system---spacing--spacing-m: 12px;
    --_spacing-system---containers--base-container: 1200px;
    --_spacing-system---spacing--spacing-xl: 22px;
    --_spacing-system---border-radius--radius-xxs: 2px;
    --_spacing-system---border-radius--radius-s: 6px;
    --_spacing-system---border-radius--radius-m: 8px;
  }

  blockquote {
    padding-top: var(--_spacing-system---spacing--spacing-2xl);
    padding-bottom: var(--_spacing-system---spacing--spacing-2xl);
    font-size: var(--_typography---body-text--text-m);
  }

  .section.home-section {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .section.home-photo-section {
    background-size: auto, cover;
  }

  .section.small-bottom-section {
    padding-bottom: 60px;
  }

  .section.scroll {
    min-height: auto;
  }

  .section.other {
    padding-left: 30px;
    padding-right: 30px;
  }

  .landing-paragraph-style {
    width: 55%;
  }

  .base-container {
    z-index: auto;
    max-width: none;
    position: relative;
  }

  .base-container.full-width {
    z-index: 2;
  }

  .base-container.warranties {
    padding-bottom: 0;
  }

  .middle-style-spacing-desktop {
    top: 30%;
  }

  .style-guide-tab-link {
    padding-left: 10px;
    padding-right: 10px;
  }

  .top-style-spacing-mobile {
    top: 3%;
  }

  .middlr-style-spacing-mobile {
    top: 26%;
  }

  .paragraph-large.text-white {
    font-size: 18px;
    line-height: 22px;
  }

  .paragraph-large.text-white.left-alignment {
    margin-top: 0;
    margin-bottom: 0;
  }

  .spacing-image {
    width: 75%;
  }

  .spasing-system-image-mobile-2 {
    width: 70%;
  }

  .bottom-style-spacing-desktop {
    bottom: 6%;
  }

  .spacing-wrapper-mobile {
    width: 70%;
  }

  .top-style-spacing-desktop {
    top: 4%;
  }

  .bottom-style-spacing-mobile {
    bottom: 6%;
  }

  .licensing-icons {
    width: 80%;
  }

  .licensing-grid {
    grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
    grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
    grid-template-columns: 1fr 1fr;
  }

  .grid-system {
    width: 100%;
  }

  .style-guide-content {
    flex-flow: wrap;
    grid-template-columns: 1fr;
  }

  .style-guide-content.links-grid, .style-guide-content.button-grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid-description.first-description {
    text-align: center;
  }

  .headings-container, .colors-container {
    flex-wrap: wrap;
  }

  .brand.w--current {
    z-index: auto;
  }

  .error-hero-title {
    font-size: 120px;
  }

  .brand-logo {
    z-index: 0;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .brand-logo.secondary {
    z-index: 0;
  }

  .nav-dropdown-list {
    border-style: none;
    flex-direction: column;
    width: auto;
    padding: 0 40px 0 20px;
    display: flex;
    position: relative;
  }

  .nav-dropdown-list.w--open {
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: static;
  }

  .nav-dropdown-list.megamenu.w--open {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-style: none;
  }

  .nav-dropdown-list.megamenu {
    width: auto;
    height: 270px;
    padding-left: 20px;
    padding-right: 40px;
    overflow: scroll;
  }

  .nav-dropdown-list.megamenu.w--open {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-style: none;
    width: auto;
    height: auto;
    padding-left: 13px;
    padding-right: 13px;
  }

  .nav-dropdown-toggle {
    color: var(--black);
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    display: flex;
  }

  .nav-dropdown-column {
    justify-content: center;
    width: 180px;
  }

  .nav-dropdown-link {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
  }

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

  .brand-tablet {
    height: 32px;
    display: block;
  }

  .brand-tablet.w--current {
    width: 100%;
    height: auto;
    display: flex;
  }

  .nav-dropdown-link-line {
    display: none;
  }

  .nav-item-title {
    color: var(--black);
  }

  .nav-menu {
    z-index: 2147483647;
    background-color: #fff;
    flex-direction: column;
    width: 320px;
    padding-top: 0;
    inset: 0% auto 0% 0%;
  }

  .nav-menu.centered {
    padding-top: 29px;
  }

  .nav-dropdown {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    transition: opacity .5s;
    display: flex;
    overflow: hidden;
  }

  .tablet-menu {
    justify-content: space-between;
    align-items: center;
    padding-top: 11px;
    padding-bottom: 0;
    padding-left: 15px;
    display: flex;
  }

  .image-burger {
    filter: invert();
    margin-bottom: 2px;
  }

  .image-burger.dark {
    filter: none;
  }

  .menu-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    padding: 8px 20px;
    display: flex;
  }

  .nav-link {
    width: 100%;
    color: var(--black);
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
    display: flex;
  }

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

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

  .close-menu-button.w--open {
    background-color: #0000;
    padding: 13px;
  }

  .nav-dropdown-link-wrapper {
    flex-flow: wrap;
    padding-right: 0;
  }

  .nav-dropdown-link-wrapper:hover {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-button-tablet {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-top: 40px;
    display: flex;
  }

  .nav-close-icon {
    z-index: 15;
    align-self: stretch;
  }

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

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

  .nav-dropdown-icon {
    margin-right: 1.5px;
    display: block;
    inset: 0% 0 0% auto;
  }

  .text-white {
    font-size: 38px;
    line-height: 1.2em;
  }

  .banner-section {
    position: relative;
  }

  .overlay {
    background-image: linear-gradient(65deg, #000000b3, #0000);
  }

  .home-1-banner-text-wrap {
    max-width: none;
  }

  .home-1-banner-h1 {
    font-size: 56px;
    line-height: 60px;
  }

  .home-1-banner-paragraph-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  }

  .primary-button {
    height: auto;
  }

  .home-1-banner-left-arrow {
    z-index: 9999;
  }

  .baner-slider-indicators-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
    grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
    flex-flow: row;
    max-width: 87%;
  }

  .baner-slider-indicator {
    justify-content: space-between;
    width: 230px;
    min-height: 107px;
  }

  .baner-slider-indicators-text.text-white {
    font-size: 14px;
    font-weight: 300;
  }

  .home-1-banner-right {
    z-index: 9999;
  }

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

  .about-block-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .about-block-title-wrap {
    max-width: 90%;
  }

  .about-block-image-wrap {
    width: 100%;
    height: 400px;
  }

  .about-block-bottom {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
  }

  .label.mobile {
    display: flex;
  }

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

  .horizontal-title-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .title-wrap {
    max-width: 450px;
  }

  .title-wrap.team-title {
    max-width: 600px;
  }

  .navbar-fixed {
    z-index: 999999;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
  }

  .navbar-fixed.white-bg {
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-collection-list-wrapper {
    margin-left: 0;
  }

  .projects-slider {
    margin-top: var(--_spacing-system---spacing--spacing-4xl);
  }

  .project-card-left-wrap {
    max-width: 250px;
    margin-right: 14px;
  }

  .project-horizontal-image {
    bottom: 61px;
    right: 12px;
  }

  .project-button {
    padding-bottom: 0;
  }

  .large-text, .large-text.bottom {
    font-size: 38px;
  }

  .large-text-bottom-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .services-wrapper {
    flex-flow: column;
  }

  .services-image {
    object-position: 30% 30%;
    width: 100%;
    height: 350px;
  }

  .service-card-text-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 90%;
    max-width: none;
  }

  .service-title {
    font-size: 22px;
    line-height: 1.5em;
  }

  .service-link-block {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .testimonials-slider-card {
    max-width: none;
    padding: 28px;
  }

  .testimonials-left-arrow:hover {
    right: 56px;
  }

  .testimonials-right-arrow:hover {
    right: 0;
  }

  .cta-top {
    flex-flow: row;
  }

  .cta-small-image {
    width: 120px;
    height: 80px;
  }

  .cta-bottom-wrap {
    padding-left: 0;
  }

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

  .footer-contact-link {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4em;
  }

  .form-block {
    max-width: 500px;
  }

  .inner-banner-section.about-us {
    justify-content: flex-start;
    align-items: flex-end;
    height: 600px;
    padding-top: 0;
    padding-bottom: 32px;
    display: flex;
  }

  .inner-banner-section.second-version {
    padding-top: 150px;
    padding-bottom: var(--_spacing-system---spacing--spacing-5xl);
  }

  .inner-banner-section.services-page, .inner-banner-section.how-it-works-page, .inner-banner-section.testimonials-page {
    padding-top: 150px;
  }

  .inner-banner-section.project-page {
    padding-top: 130px;
  }

  .inner-banner-section.blog-page, .inner-banner-section.faq-page {
    padding-top: 150px;
  }

  .inner-banner-section.testimonials-details {
    padding-top: 150px;
    padding-bottom: var(--_spacing-system---spacing--spacing-5xl);
  }

  .inner-banner-section.team-member-version {
    padding-top: 130px;
  }

  .inner-banner-title-wrap {
    max-width: 450px;
  }

  .inner-banner-paragraph-wrapper.services-pge {
    max-width: 400px;
  }

  .inner-banner-paragraph-wrap {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .about-text-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    margin-bottom: 40px;
  }

  .about-title-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
    width: auto;
    max-width: 650px;
  }

  .about-paragraps-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-m);
    grid-row-gap: var(--_spacing-system---spacing--spacing-m);
    max-width: none;
  }

  .about-image-numbers-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    margin-right: 15px;
  }

  .about-image {
    width: 100%;
  }

  .numbers-container {
    justify-content: center;
    align-items: center;
    overflow: visible;
  }

  .numbers-wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .numbers-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    min-width: auto;
  }

  .numbers-wrapper._2 {
    flex-flow: column;
    width: auto;
  }

  .numbers-wrapper._1 {
    min-width: auto;
    margin-left: 0;
  }

  .number-large {
    font-size: 100px;
  }

  .scroll-wrapper {
    width: 100%;
  }

  .video-wrap {
    height: 400px;
  }

  .team-collection-list-wrapper {
    margin-top: 40px;
  }

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

  .team-member-image {
    height: 300px;
  }

  .team-member-image.team-page {
    height: 350px;
  }

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

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

  .second-banner-wrap.testimonial-page {
    flex-flow: column;
  }

  .second-banner-wrap.team-page {
    grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  }

  .second-banner-paragraph-wrap {
    max-width: 300px;
  }

  .second-bannertitle-wrap {
    max-width: 450px;
  }

  .services-page-collection-list.service-details-page {
    margin-top: 60px;
  }

  .services-page-card-text-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-sm);
    grid-row-gap: var(--_spacing-system---spacing--spacing-sm);
    max-width: 500px;
  }

  .service-card-link-block {
    grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-3xl);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 40px;
    grid-auto-columns: 1fr;
    place-items: start stretch;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .service-card-link-block:hover {
    padding-left: 0;
    padding-right: 0;
  }

  .service-image-wrap {
    width: 100%;
    height: 350px;
    position: static;
  }

  .service-card-arrow {
    width: 32px;
  }

  .how-it-works-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .how-it-works-text-card {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .partner-logo {
    height: 34px;
  }

  .service-page-section {
    padding-top: 40px;
  }

  .service-page-banner {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 100px 15px 60px;
  }

  .service-heading-wrap {
    width: 100%;
    max-width: none;
  }

  .service-overview-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .service-overview-text-wrapper {
    max-width: 100%;
  }

  .key-features-grid {
    border-top: 1px solid #5e607333;
    width: 100%;
    padding-top: 24px;
  }

  .h4-text-style {
    font-size: var(--_typography---typography--h5);
  }

  .service-banner-details-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: start;
    width: 100%;
    max-width: none;
    display: grid;
  }

  .service-button-wrap {
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    margin-top: 0;
    display: flex;
  }

  .key-features-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .projects-page-card {
    min-height: auto;
    padding: var(--_spacing-system---spacing--spacing-l);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 155%;
  }

  .projects-page-card.other {
    min-height: 300px;
  }

  .category-link {
    top: 20px;
    left: 20px;
  }

  .project-text-card {
    width: 55%;
  }

  .type-wrap {
    top: 20px;
    left: 20px;
  }

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

  .testimonials-collection-list.testimonial-page {
    max-height: 250px;
    overflow: hidden;
  }

  .testimonial-page-text {
    font-size: var(--_typography---body-text--text-m);
  }

  .project-page-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .project-info {
    max-width: none;
  }

  .project-details-wrap {
    width: 100%;
    position: static;
  }

  .project-details-list {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

  .blog-collection-list.post-page {
    max-height: none;
    margin-top: var(--_spacing-system---spacing--spacing-4xl);
    grid-template-columns: 1fr;
    overflow: visible;
  }

  .blog-banner-image-wrap {
    height: 400px;
  }

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

  .faq-column {
    max-width: 100%;
  }

  .faq-column.first {
    margin-right: 0;
  }

  .faq-paragraph {
    max-width: none;
  }

  .contacts-banner {
    flex-flow: column;
  }

  .contacts-banner-title-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    max-width: none;
  }

  .contacts-form-block {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
  }

  .contacts-wrap {
    justify-content: flex-end;
    align-items: flex-start;
    width: 45%;
    max-width: 450px;
  }

  .contact-link {
    font-size: var(--_typography---body-text--text-xs);
    text-align: left;
  }

  .testimonial-page-wrap {
    width: 75%;
    margin-top: var(--_spacing-system---spacing--spacing-3xl);
  }

  .team-member-photo {
    width: 350px;
    height: 400px;
  }

  .team-member-info {
    grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 40px;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .promotion-label-holder, .promotion-labels-wrapper-to-remove {
    display: none;
  }

  .heading {
    font-size: 38px;
    line-height: 1.2em;
  }

  .div-block-2 {
    z-index: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .second-images-wrap, .third-images-wrap {
    grid-row-gap: 0px;
  }

  .heading-title {
    letter-spacing: -.8px;
    margin-bottom: 5px;
    font-size: 36px;
    line-height: 46px;
  }

  .project-two-title {
    font-size: 24px;
    line-height: 30px;
  }

  .first-images-wrap {
    grid-row-gap: 0px;
  }

  .heading-subtitle.center {
    margin-bottom: 1px;
  }

  .small-image {
    height: 180px;
  }

  .container {
    padding-bottom: 42px;
  }

  .project-block {
    margin-bottom: 6px;
  }

  .project-two-link {
    margin-bottom: 20px;
  }

  .gallery-wrap {
    margin-top: 0;
    margin-bottom: 0;
  }

  .large-image {
    height: 360px;
  }

  .section-gap {
    padding-top: 39px;
    padding-bottom: 0;
  }

  .tab-link-tab-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bold-text {
    font-size: 16px;
    font-weight: 400;
  }

  .text-block-5 {
    text-align: center;
  }

  .nav-dropdown-toggle-2 {
    color: #13120b;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    display: flex;
  }

  .nav-dropdown-link-line-2 {
    display: none;
  }

  .nav-dropdown-column-2 {
    justify-content: center;
    width: 180px;
  }

  .nav-item-title-2 {
    color: #13120b;
  }

  .nav-dropdown-link-2 {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
  }

  .section-8 {
    padding: 70px 30px 0;
  }

  .section-8.no-padding-top {
    padding-top: 55px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .content {
    overflow: hidden;
  }

  .content.spac-down {
    margin-bottom: 9px;
  }

  .gallery-wrap-2 {
    margin-top: 21px;
  }

  .div-block-127 {
    top: 108px;
  }

  .heading-16.h1 {
    font-size: 54px;
  }

  .heading-16.h1.centered {
    margin-bottom: 0;
  }

  .div-block-128 {
    width: 80%;
  }

  .div-block-126 {
    padding-left: 0;
    padding-right: 0;
  }

  .small-image-2 {
    height: 180px;
  }

  .heading-17 {
    font-size: 38px;
    line-height: 40px;
  }

  .service-details-grid-wrapper {
    padding-right: 0%;
  }

  .service-details-grid {
    display: block;
  }

  .button-primary, .button-primary.space-down {
    margin-bottom: 0;
  }

  .service-details-woman-block {
    overflow: hidden;
  }

  .p-teaser-img-wrap {
    height: 500px;
    display: flex;
    position: static;
  }

  .service-details-grid-col {
    width: 100%;
  }

  .service-details-grid-col.service-details-grid-two {
    padding: 40px 30px 26px;
  }

  .service-details-grid-col.service-details-grid-one {
    width: 100%;
    left: 0;
  }

  .service-details-grid-col.service-details-grid-one.hidden-responsive {
    display: none;
  }

  .service-details-grid-col.service-details-grid-two {
    width: 100%;
    padding: 0 20px;
  }

  .teaser-img {
    position: relative;
    inset: auto;
  }

  .teaser-img._2, .teaser-img._1 {
    position: absolute;
  }

  .figure {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .expert-strategy-wrap {
    position: static;
  }

  .color-white {
    font-size: 42px;
    line-height: 52px;
  }

  .service-details-container {
    padding-top: 13px;
  }

  .service-details-section-one {
    background-size: cover;
  }

  .service-details-section-one.custome-homes {
    background-position: 0 0, 50% 0;
    background-size: auto, auto;
    background-attachment: scroll, scroll;
  }

  .about-hero-wrapper._600px-height {
    height: 400px;
    margin-bottom: 0;
    padding: 36px 40px 0;
  }

  .mg-bottom-0px {
    font-size: 16px;
    line-height: 1.4em;
  }

  .mg-bottom-0px.white-text {
    line-height: 1.4em;
  }

  .div-block-129 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
  }

  .marquee-2 {
    grid-row-gap: 32px;
  }

  .marquee-box-inner-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    left: -2194px;
  }

  .footer_menu-item {
    font-size: 1rem;
  }

  .footer_menu-item.white-text {
    flex-flow: column;
    font-size: 14px;
  }

  .button-2.subscribe-button {
    text-align: center;
    height: 40px;
    padding: 4px 16px;
    font-size: 14px;
  }

  .div-block-372 {
    grid-template-columns: auto;
    padding: 0 20px;
  }

  .div-block-371 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-start;
    width: 80%;
  }

  .xxl-heading {
    font-size: 54px;
  }

  .example_component {
    width: 85vw;
  }

  .splitter_before {
    width: 80vw;
  }

  .splitter_component, .splitter_component.is-radius, .splitter_component.is-radius, .splitter_image.is-after, .splitter_image-2.is-after {
    width: 85vw;
  }

  .grid-3 {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .about-info-wrapper-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .text-block-26 {
    font-size: 24px;
    line-height: 26px;
  }

  .div-block-383 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .link-block-3._2 {
    height: 240px;
  }

  .bold-text-81 {
    font-size: 14px;
  }

  .bold-text-83 {
    font-size: 38px;
    line-height: 44px;
  }

  .heading-81 {
    font-size: 38px;
    line-height: 1.2px;
  }

  .heading-82 {
    font-size: 38px;
    line-height: 40px;
  }

  .bold-text-84 {
    color: #ffffffb3;
  }

  .div-block-385 {
    z-index: 2147483647;
    background-color: #fff;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 10px;
    padding-left: 10px;
    display: flex;
    position: relative;
  }

  .link-block-4 {
    width: 70%;
    height: auto;
    display: flex;
  }

  .image-95 {
    display: block;
  }

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

  .btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .div-block-388 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-390 {
    grid-template-columns: auto;
    padding: 0;
  }

  .footer_menu-item-2 {
    font-size: 1rem;
  }

  .footer_menu-item-2.white-text {
    flex-flow: column;
  }

  .div-block-395 {
    padding-bottom: 6px;
  }

  .btn-primary-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

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

  .grid-3-columns.services-grid {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .display-2 {
    font-size: 48px;
  }

  .btn-secondary {
    padding-left: 32px;
    padding-right: 32px;
  }

  .grid-2-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-2-columns._1-col-tablet.gap-row-16px {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .mg-bottom-12px.mg-bottom-0-tablet {
    margin-bottom: 0;
  }

  .mg-bottom-16px.mg-bottom-24px-tablet {
    margin-bottom: 24px;
  }

  .image-100 {
    width: 100%;
  }

  .hotspot-2._3 {
    top: 363px;
    left: 60%;
  }

  .hotspot-2._4 {
    left: 68%;
  }

  .hotspot-2._2 {
    top: 364px;
    left: 24%;
  }

  .hotspot-2._1 {
    top: 413px;
    left: 41.5%;
  }

  .hotspot-2._5 {
    top: 100px;
    left: 60%;
  }

  .hotspot-2._6 {
    top: 51px;
    left: 42%;
  }

  .hotspot-2._7 {
    top: 105px;
    left: 24%;
  }

  .hotspot-2._8 {
    left: 15%;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---fonts--primary: Geist, sans-serif;
    --_typography---body-text--text-xs: 16px;
    --_typography---line-height--line-height-xl: 1.5em;
    --_typography---font-weight--regular: 400;
    --_typography---typography--h1: 50px;
    --_typography---line-height--line-height-xxs: .88em;
    --_typography---font-weight--semi-bold: 600;
    --_typography---letter-spacing--letter-spacing-xxs: -1px;
    --_typography---typography--h2: 36px;
    --_typography---line-height--line-height-s: 1.2em;
    --_typography---typography--h3: 30px;
    --_typography---font-weight--bold\<deleted\|variable-68c21bf1-e794-1469-c616-d670f7e76449\>: 700;
    --_typography---typography--h4: 26px;
    --_typography---typography--h5: 22px;
    --_typography---body-text--text-s: 18px;
    --_typography---line-height--line-height-l: 1.4em;
    --_typography---body-text--text-l: 22px;
    --_typography---body-text--text-m: 20px;
    --_typography---fonts--font-awesome-02: "Fa Brands 400", Arial, sans-serif;
    --_typography---body-text--text-xl: 24px;
    --_typography---line-height--line-height-m: 1.3em;
    --_typography---fonts--font-awesome-03: "Fa Solid 900", Arial, sans-serif;
    --_typography---font-weight--medium: 500;
    --_typography---line-height--line-height-xs: 1.1em;
    --_typography---letter-spacing--letter-spacing-l: -1.2px;
    --_typography---typography--h6: 18px;
    --_typography---fonts--font-awesome-01: "Fa 400", Arial, sans-serif;
    --_typography---typography--display-01: 0px;
    --_typography---typography--display-02: 0px;
    --_typography---typography--display-03: 0px;
    --_typography---letter-spacing--letter-spacing-xs: .35px;
    --_typography---letter-spacing--letter-spacing-s: .5px;
    --_typography---letter-spacing--letter-spacing-m: .8px;
    --_spacing-system---spacing--spacing-none: 0px;
    --_spacing-system---spacing--spacing-xs: 6px;
    --_spacing-system---spacing--spacing-l: 20px;
    --_spacing-system---spacing--spacing-3xl: 30px;
    --_spacing-system---spacing--spacing-2xl: 24px;
    --_spacing-system---spacing--spacing-ml: 16px;
    --_spacing-system---containers--full-width: 100%;
    --_spacing-system---spacing--spacing-6xl: 80px;
    --_spacing-system---spacing--spacing-4xl: 40px;
    --_spacing-system---spacing--spacing-8xl: 130px;
    --_spacing-system---spacing--spacing-7xl: 100px;
    --_spacing-system---spacing--spacing-5xl: 60px;
    --_spacing-system---spacing--spacing-sm: 10px;
    --_spacing-system---spacing--spacing-s: 8px;
    --_spacing-system---spacing--spacing-xxs: 4px;
    --_spacing-system---border-radius--radius-l: 100px;
    --_spacing-system---border-radius--radius-xs: 4px;
    --_spacing-system---spacing--section-spacing: 60px;
    --_spacing-system---spacing--spacing-m: 12px;
    --_spacing-system---containers--base-container: 1200px;
    --_spacing-system---spacing--spacing-xl: 22px;
    --_spacing-system---border-radius--radius-xxs: 2px;
    --_spacing-system---border-radius--radius-s: 6px;
    --_spacing-system---border-radius--radius-m: 8px;
  }

  blockquote {
    font-size: var(--_typography---body-text--text-s);
  }

  .section {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.without-top-spacing {
    padding-top: 0;
    padding-bottom: 50px;
  }

  .section.home-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.home-section.graph-section {
    padding-bottom: 123px;
  }

  .section.home-photo-section {
    padding-bottom: 60px;
  }

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

  .section.scroll {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.scroll.hidden {
    padding-top: 43px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .section.no-bottom-space {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.other {
    padding-left: 15px;
    padding-right: 15px;
  }

  .landing-paragraph-style {
    width: 90%;
  }

  .base-container {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .middle-style-spacing-desktop {
    top: 34%;
  }

  .style-guide-tab-link {
    border-top-style: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }

  .style-guide-tabs-menu {
    margin-bottom: var(--_spacing-system---spacing--spacing-4xl);
    border-top: 1px solid var(--black);
    flex-direction: column;
  }

  .top-style-spacing-mobile {
    top: 7%;
  }

  .middlr-style-spacing-mobile {
    top: 31%;
  }

  .paragraph-large.text-white {
    font-size: 14px;
  }

  .bottom-style-spacing-desktop {
    bottom: 10%;
  }

  .spacing-wrapper-mobile {
    margin-top: 30px;
  }

  .top-style-spacing-desktop {
    top: 10%;
  }

  .bottom-style-spacing-mobile {
    bottom: 9%;
  }

  .grid-system-wrapper {
    flex-direction: row;
  }

  .licensing-icons-wrapper {
    padding-top: var(--_spacing-system---spacing--spacing-l);
  }

  .licensing-icons {
    width: 100%;
  }

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

  .image-resources {
    grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  }

  .licensing-images-wrapper {
    padding-top: var(--_spacing-system---spacing--spacing-3xl);
  }

  .license-link-wrapper {
    grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-3xl);
  }

  .licensing-title-wrapper {
    margin-bottom: var(--_spacing-system---spacing--spacing-3xl);
  }

  .top-licensing-wrap {
    padding-bottom: var(--_spacing-system---spacing--spacing-3xl);
  }

  .system-space {
    padding-top: var(--_spacing-system---spacing--spacing-3xl);
    padding-bottom: var(--_spacing-system---spacing--spacing-l);
  }

  .grid-title {
    width: var(--_spacing-system---containers--full-width);
    border-bottom: 1px solid var(--paragraph);
    border-right-style: none;
  }

  .grid-title.first-grid {
    border-left-style: none;
    border-right-style: none;
    width: 100%;
  }

  .grid-system {
    border-left: 1px solid var(--paragraph);
    flex-direction: column;
  }

  .bottom-space {
    padding-bottom: var(--_spacing-system---spacing--spacing-3xl);
  }

  .bottom-space.space-small {
    padding-bottom: 15px;
  }

  .style-guide-intro {
    grid-row-gap: 40px;
  }

  .spacing-wrapper {
    margin-top: var(--_spacing-system---spacing--spacing-l);
    margin-bottom: var(--_spacing-system---spacing--spacing-l);
  }

  .headings-typography-wrapper {
    width: var(--_spacing-system---containers--full-width);
  }

  .typography-hero-wrapper {
    grid-row-gap: 40px;
  }

  .spacing-grid {
    grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
    grid-template-columns: 1fr;
  }

  .colors-wrapper {
    grid-column-gap: var(--_spacing-system---spacing--spacing-l);
    grid-row-gap: var(--_spacing-system---spacing--spacing-l);
  }

  .style-guide-content.button-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .grid-description {
    width: var(--_spacing-system---containers--full-width);
    border-top: 1px solid var(--paragraph);
    border-bottom-style: none;
    align-items: center;
  }

  .grid-description.first-description {
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    width: 100%;
  }

  .grid-description.last-description {
    border-bottom-style: solid;
  }

  .heading-wrap {
    width: 100%;
  }

  .error-info {
    grid-column-gap: var(--_spacing-system---spacing--spacing-sm);
    grid-row-gap: var(--_spacing-system---spacing--spacing-sm);
  }

  .brand {
    padding-left: 0;
  }

  .error-hero-title {
    font-size: 100px;
  }

  .style-guide-section {
    padding-bottom: 60px;
  }

  .brand-tablet {
    justify-content: flex-start;
    padding-left: 0;
  }

  .nav-menu {
    padding-top: 0;
  }

  .nav-link {
    margin-left: 0;
  }

  .footer-bottom-wrapper {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-link {
    justify-content: center;
    align-items: center;
    font-size: 14px;
  }

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

  .pass-page-content {
    width: 80%;
  }

  .error-icon {
    height: 100px;
  }

  .banner-section {
    height: auto;
    min-height: auto;
    padding-top: 194px;
  }

  .banner-image._1, .banner-image._2, .banner-image._3 {
    object-position: 50% 50%;
  }

  .home-1-banner {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .home-1-banner-text-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  }

  .home-1-banner-h1 {
    font-size: 38px;
    font-weight: 600;
    line-height: 44px;
  }

  .home-1-banner-paragraph-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .home-1-banner-left-arrow {
    z-index: 9999;
    margin-top: 380px;
    margin-bottom: 400px;
    top: 316px;
  }

  .banner-paragraph-wrapper {
    max-width: 100%;
  }

  .baner-slider-indicators-wrap {
    flex-flow: column;
    width: 100%;
    max-width: 60%;
  }

  .baner-slider-indicator {
    width: 100%;
    min-height: auto;
  }

  .baner-slider-indicator._2, .baner-slider-indicator._1, .baner-slider-indicator._3, .baner-slider-indicator._4 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .home-1-banner-right {
    z-index: 9999;
    margin-top: 380px;
    margin-bottom: 400px;
    top: 316px;
  }

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

  .about-block-top {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .about-block-bottom {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .label.mobile-hidden {
    display: none;
  }

  .label.mobile {
    margin-bottom: 24px;
    display: flex;
  }

  .about-paragraph-wrap {
    max-width: none;
  }

  .home-tabs {
    min-height: 800px;
  }

  .tabs-menu {
    top: 60px;
  }

  .tab-image-wrap {
    height: 800px;
  }

  .horizontal-title-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .title-wrap.center {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
  }

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

  .title-wrap.center-650px {
    max-width: none;
  }

  .navbar-fixed.white-bg {
    padding-left: 15px;
    padding-right: 15px;
  }

  .projects-slider {
    width: 100%;
  }

  .project-card {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    height: 625px;
    margin-bottom: 48px;
  }

  .project-card-left-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    max-width: none;
  }

  .projects-left-arrow {
    top: auto;
    bottom: 0;
  }

  .project-vertical-image {
    width: 100%;
    height: 100%;
  }

  .project-images-wrap {
    width: auto;
    max-height: 380px;
    margin-bottom: 20px;
    left: 0;
  }

  .project-images-wrap.other {
    width: 100%;
  }

  .project-horizontal-image {
    display: none;
    right: 20px;
  }

  .project-button {
    margin-left: 0;
    padding-bottom: 0;
  }

  .projects-right-arrow {
    top: auto;
    bottom: 0;
  }

  .large-text-wrapper {
    margin-top: 60px;
  }

  .large-text, .large-text.bottom {
    font-size: 28px;
  }

  .large-text-bottom-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .service-card-text-wrap {
    max-width: none;
  }

  .service-title {
    font-size: var(--_typography---typography--h5);
  }

  .testimonials-slider-card {
    padding: 26px;
  }

  .testimonials-card {
    grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  }

  .cta-top {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .cta-bottom-wrap {
    margin-bottom: 20px;
  }

  .cta-image-2 {
    width: 200px;
  }

  .footer-bottom-wrap {
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    padding-top: 24px;
  }

  .form-footer {
    padding-top: 40px;
  }

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

  .footer-contacts-wrap {
    text-align: left;
    max-width: none;
  }

  .footer-middle-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 30px;
    display: flex;
  }

  .form-block {
    max-width: none;
  }

  .footer-links-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .projects-mask {
    width: 100%;
  }

  .inner-banner-section {
    position: relative;
  }

  .inner-banner-section.second-version, .inner-banner-section.testimonials-details {
    padding-bottom: var(--_spacing-system---spacing--spacing-5xl);
  }

  .inner-banner-paragraph-wrapper {
    max-width: 100%;
  }

  .inner-banner-paragraph-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .inner-banner-wrapper {
    grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
    grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  }

  .about-text-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  }

  .about-title-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
    grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
  }

  .about-image-numbers-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .numbers-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-ml);
    grid-row-gap: var(--_spacing-system---spacing--spacing-ml);
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .numbers-wrapper {
    width: 100%;
    padding-bottom: var(--_spacing-system---spacing--spacing-2xl);
    grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
    border-bottom: 1px solid #5e607333;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 115px 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: grid;
  }

  .numbers-wrapper._2 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .numbers-wrapper._3 {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    width: 100%;
  }

  .numbers-wrapper._1 {
    width: 100%;
  }

  .team-collection-list {
    grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-3xl);
    grid-template-columns: 1fr;
  }

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

  .team-member-image {
    height: 450px;
  }

  .mobile-hidden-button-wrap {
    display: none;
  }

  .mobile-button-wrap {
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    display: flex;
  }

  .second-banner-wrap {
    flex-flow: column;
  }

  .second-banner-wrap.team-page {
    grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .second-banner-paragraph-wrap, .second-banner-paragraph-wrap.blog-page {
    max-width: none;
  }

  .services-page-collection-list.service-details-page {
    margin-top: 40px;
  }

  .services-page-collection-item {
    width: 100%;
    margin-top: 40px;
  }

  .service-page-service-title {
    font-size: 30px;
    line-height: 1.1em;
  }

  .service-card-link-block {
    place-items: start stretch;
  }

  .how-it-works-card {
    grid-column-gap: 62px;
    grid-row-gap: 62px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
  }

  .how-it-works-card-image {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .how-it-works-card-image._3 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .how-it-works-text-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    order: -9999;
    width: 100%;
    max-width: none;
  }

  .how-it-works-text-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  }

  .how-it-works-paragraph-wrap {
    width: 100%;
    max-width: none;
  }

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

  .service-page-banner {
    flex-flow: column;
    padding-top: 73px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .service-page-heading {
    line-height: 1.1em;
  }

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

  .key-features-grid {
    grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
    grid-template-columns: 1fr;
  }

  .h4-text-style {
    font-size: var(--_typography---typography--h6);
  }

  .service-banner-details-wrap {
    display: flex;
  }

  .service-button-wrap {
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 16px;
  }

  .key-features-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .projects-page-collection-list {
    grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  }

  .projects-page-card {
    padding: 500px var(--_spacing-system---spacing--spacing-none) var(--_spacing-system---spacing--spacing-none);
    background-position: 50% 0;
    background-size: auto 500px;
    flex-flow: column;
  }

  .projects-page-card.other {
    width: 100%;
    min-height: 400px;
    padding-left: 0;
    padding-right: 0;
  }

  .projects-page-card.other._2 {
    background-position: 50%;
    background-size: cover;
  }

  .project-card-overlay {
    height: 400px;
    bottom: auto;
  }

  .project-text-card {
    width: auto;
    max-width: none;
    padding-right: var(--_spacing-system---spacing--spacing-none);
    padding-left: var(--_spacing-system---spacing--spacing-none);
    border-bottom: 1px solid #5e607333;
  }

  .project-card-text-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    max-width: none;
  }

  .project-info-wrapper {
    grid-column-gap: var(--_spacing-system---spacing--spacing-2xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-2xl);
  }

  .project-image-popun-wrap {
    position: absolute;
    inset: 280px auto auto 20px;
  }

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

  .testimonials-collection-list.testimonial-page {
    max-height: none;
  }

  .testimonials-page-card {
    padding-bottom: var(--_spacing-system---spacing--spacing-2xl);
  }

  .testimonials-page-card.testimonial-details-page {
    padding-bottom: var(--_spacing-system---spacing--spacing-2xl);
    border-bottom-style: solid;
  }

  .project-information-wrap {
    margin-top: var(--_spacing-system---spacing--spacing-4xl);
  }

  .blog-page-banner {
    margin-bottom: var(--_spacing-system---spacing--spacing-4xl);
  }

  .blog-banner-image-wrap {
    height: 350px;
  }

  .contacts-banner {
    width: 100%;
  }

  .contacts-banner-title-wrap {
    flex-flow: column;
  }

  .contacts-wrap {
    text-align: left;
    width: auto;
  }

  .contacts-image-wrap {
    height: 400px;
  }

  .contacts-page-image {
    height: 120%;
  }

  .testimonial-page-wrap {
    width: 100%;
  }

  .testimonial-page-title-wrap {
    max-width: 300px;
  }

  .team-member-photo {
    width: auto;
    height: 450px;
  }

  .team-member-page-info-wrap {
    max-width: none;
  }

  .team-member-info {
    flex-flow: row;
  }

  .team-member-info-paragraph {
    max-width: 430px;
  }

  .promotion-label-buttons-wrapper {
    grid-row-gap: 20px;
    flex-flow: column wrap;
    align-items: stretch;
  }

  .div-block-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .second-images-wrap {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .third-images-wrap {
    width: 100%;
    margin-top: 20px;
  }

  .heading-title {
    letter-spacing: -.5px;
    font-size: 32px;
    line-height: 46px;
  }

  .project-two-title {
    font-size: 22px;
    line-height: 28px;
  }

  .first-images-wrap {
    width: 100%;
  }

  .heading-subtitle.center {
    margin-bottom: 10px;
  }

  .small-image {
    height: 300px;
  }

  .container {
    padding-left: 17px;
    padding-right: 17px;
  }

  .gallery-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-wrap: wrap;
  }

  .large-image {
    height: 300px;
  }

  .section-gap {
    padding-top: 41px;
    padding-bottom: 0;
  }

  .bold-text {
    text-align: center;
  }

  .text-block-5 {
    font-size: 16px;
  }

  .section-8 {
    padding-top: 34px;
  }

  .section-8.no-padding-top {
    padding-top: 0;
  }

  .first-images-wrap-2 {
    width: 100%;
  }

  .content.spac-down {
    padding-top: 0;
  }

  .gallery-wrap-2 {
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .div-block-127 {
    z-index: 999;
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    background-color: #fff;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    top: 88px;
  }

  .bold-text-10 {
    font-size: 20px;
    font-weight: 500;
    line-height: 0;
  }

  .heading-16.h1 {
    font-size: 48px;
  }

  .heading-16.h1.centered {
    margin-top: 20px;
  }

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

  .third-images-wrap-2 {
    width: 100%;
    margin-top: 20px;
  }

  .div-block-126 {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .image-88 {
    height: 100%;
  }

  .div-block-122.bigger {
    width: 100%;
    height: auto;
  }

  .div-block-122.bigger.smaller {
    width: 100%;
  }

  .small-image-2 {
    height: 300px;
  }

  .text-block-11, .text-block-11.w--current {
    margin-bottom: 4px;
  }

  .second-images-wrap-2 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .bold-text-11 {
    font-size: 32px;
  }

  .heading-17 {
    letter-spacing: 0;
    font-size: 28px;
    line-height: 36px;
  }

  .heading-79 {
    font-size: 28px;
    line-height: 1.15em;
  }

  .button-primary {
    margin-bottom: 0;
    padding: 10px 32px;
  }

  .service-details-grid-col.service-details-grid-two {
    padding: 0 15px;
  }

  .expert-strategy-wrap {
    height: auto;
  }

  .heading-80 {
    font-size: 28px;
    line-height: 1.15em;
  }

  .color-white {
    text-align: left;
    font-size: 38px;
    line-height: 48px;
  }

  .service-details-container {
    padding-top: 0;
  }

  .about-hero-wrapper._600px-height {
    height: 400px;
    margin-bottom: 0;
    padding-top: 54px;
    padding-bottom: 0;
  }

  .inner-container-520px.align-center {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .mg-bottom-0px {
    text-align: left;
  }

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

  .marquee-2, .marquee-box-inner-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer_menu-item.white-text {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .button-2.subscribe-button {
    color: #fff;
    background-image: none;
    width: auto;
    height: 40px;
    padding-left: 33px;
    padding-right: 33px;
    font-size: 14px;
  }

  .div-block-372 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: auto;
    justify-content: flex-start;
    place-items: center start;
  }

  .div-block-371 {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    width: 100%;
  }

  .xxl-heading {
    font-size: 48px;
  }

  .example_component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 90vw;
  }

  .splitter_before {
    width: 90vw;
  }

  .splitter_component {
    width: 90vw;
    height: 55vh;
  }

  .splitter_component.is-radius {
    width: 90vw;
    height: 35vh;
  }

  .splitter_image.is-after, .splitter_image-2.is-after {
    width: 90vw;
  }

  .about-info-wrapper-card {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .text-block-26 {
    font-size: 20px;
  }

  .div-block-383 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .link-block-3._2 {
    height: 300px;
  }

  .bold-text-83 {
    font-size: 28px;
    line-height: 36px;
  }

  .heading-81 {
    font-size: 28px;
    font-weight: 600;
  }

  .heading-82 {
    font-size: 30px;
    line-height: 34px;
  }

  .div-block-385 {
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 0;
  }

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

  .btn-primary {
    padding: 20px 32px;
  }

  .btn-primary.download-app {
    font-size: 14px;
  }

  .div-block-388 {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    width: 100%;
  }

  .div-block-390 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: auto;
    place-items: start;
  }

  .footer_menu-item-2.white-text {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-395 {
    padding-bottom: 3px;
  }

  .heading-88 {
    line-height: 1.1em;
  }

  .btn-primary-2 {
    padding: 16px 28px;
  }

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

  .display-2 {
    font-size: 40px;
  }

  .btn-secondary {
    padding: 16px 28px;
  }

  .pd-sides-40px {
    padding: 16px 32px;
  }

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

  .grid-2-columns._1-col-tablet.gap-row-16px {
    grid-row-gap: 12px;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .buttons-flex-container {
    grid-column-gap: 20px;
  }

  .mg-bottom-16px {
    margin-bottom: 12px;
  }

  .warranty-title {
    line-height: 1.1em;
  }

  .image-100 {
    width: 100%;
  }

  .hotspot-2._3 {
    top: 362px;
    left: 61%;
  }

  .hotspot-2._4 {
    top: 253px;
    bottom: auto;
    left: 69%;
  }

  .hotspot-2._2 {
    top: 361px;
    left: 25%;
  }

  .hotspot-2._1 {
    top: 403px;
    left: 43.5%;
  }

  .hotspot-2._5 {
    top: 147px;
  }

  .hotspot-2._6 {
    top: 107px;
    left: 44%;
  }

  .hotspot-2._7 {
    top: 151px;
    left: 25%;
  }

  .hotspot-2._8 {
    top: 255px;
    left: 16%;
  }

  .tab-image-wrap-2 {
    height: 600px;
  }

  .hotspot-large-2 {
    width: 80px;
    height: 80px;
  }

  .hotspot-text-2 {
    width: 300px;
    top: 87px;
    left: -163px;
  }

  .hotspot-text-2._4 {
    width: 150px;
    top: 99px;
    left: 44px;
  }

  .hotspot-text-2._4._5 {
    width: 260px;
    top: -186px;
    left: -27px;
  }

  .hotspot-text-2._5 {
    width: 260px;
    top: -163px;
    left: 86px;
  }

  .hotspot-text-2._6 {
    width: 260px;
    top: -187px;
    left: -152px;
  }

  .hotspot-text-2._3 {
    width: 260px;
  }

  .hotspot-text-2._7 {
    width: 160px;
    top: 81px;
    left: -106px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_typography---fonts--primary: Geist, sans-serif;
    --_typography---body-text--text-xs: 16px;
    --_typography---line-height--line-height-xl: 1.5em;
    --_typography---font-weight--regular: 400;
    --_typography---typography--h1: 50px;
    --_typography---line-height--line-height-xxs: .88em;
    --_typography---font-weight--semi-bold: 600;
    --_typography---letter-spacing--letter-spacing-xxs: -1px;
    --_typography---typography--h2: 42px;
    --_typography---line-height--line-height-s: 1.2em;
    --_typography---typography--h3: 30px;
    --_typography---font-weight--bold\<deleted\|variable-68c21bf1-e794-1469-c616-d670f7e76449\>: 700;
    --_typography---typography--h4: 26px;
    --_typography---typography--h5: 22px;
    --_typography---body-text--text-s: 18px;
    --_typography---line-height--line-height-l: 1.4em;
    --_typography---body-text--text-l: 22px;
    --_typography---body-text--text-m: 20px;
    --_typography---fonts--font-awesome-02: "Fa Brands 400", Arial, sans-serif;
    --_typography---body-text--text-xl: 24px;
    --_typography---line-height--line-height-m: 1.3em;
    --_typography---fonts--font-awesome-03: "Fa Solid 900", Arial, sans-serif;
    --_typography---font-weight--medium: 500;
    --_typography---line-height--line-height-xs: 1.1em;
    --_typography---letter-spacing--letter-spacing-l: -1.2px;
    --_typography---typography--h6: 18px;
    --_typography---fonts--font-awesome-01: "Fa 400", Arial, sans-serif;
    --_typography---typography--display-01: 0px;
    --_typography---typography--display-02: 0px;
    --_typography---typography--display-03: 0px;
    --_typography---letter-spacing--letter-spacing-xs: .35px;
    --_typography---letter-spacing--letter-spacing-s: .5px;
    --_typography---letter-spacing--letter-spacing-m: .8px;
    --_spacing-system---spacing--spacing-none: 0px;
    --_spacing-system---spacing--spacing-xs: 6px;
    --_spacing-system---spacing--spacing-l: 20px;
    --_spacing-system---spacing--spacing-3xl: 30px;
    --_spacing-system---spacing--spacing-2xl: 24px;
    --_spacing-system---spacing--spacing-ml: 16px;
    --_spacing-system---containers--full-width: 100%;
    --_spacing-system---spacing--spacing-6xl: 80px;
    --_spacing-system---spacing--spacing-4xl: 40px;
    --_spacing-system---spacing--spacing-8xl: 130px;
    --_spacing-system---spacing--spacing-7xl: 100px;
    --_spacing-system---spacing--spacing-5xl: 60px;
    --_spacing-system---spacing--spacing-sm: 10px;
    --_spacing-system---spacing--spacing-s: 8px;
    --_spacing-system---spacing--spacing-xxs: 4px;
    --_spacing-system---border-radius--radius-l: 100px;
    --_spacing-system---border-radius--radius-xs: 4px;
    --_spacing-system---spacing--section-spacing: 60px;
    --_spacing-system---spacing--spacing-m: 12px;
    --_spacing-system---containers--base-container: 1200px;
    --_spacing-system---spacing--spacing-xl: 22px;
    --_spacing-system---border-radius--radius-xxs: 2px;
    --_spacing-system---border-radius--radius-s: 6px;
    --_spacing-system---border-radius--radius-m: 8px;
  }

  blockquote {
    padding-right: var(--_spacing-system---spacing--spacing-ml);
    padding-left: var(--_spacing-system---spacing--spacing-l);
  }

  .section {
    padding-bottom: 20px;
  }

  .section.home-section {
    padding-bottom: 42px;
  }

  .section.home-section.graph-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.no-space {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section.home-photo-section {
    padding: 50px 20px;
  }

  .section.small-bottom-section, .section.scroll {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section.no-bottom-space {
    padding-top: 40px;
  }

  .section.other {
    padding-left: 15px;
    padding-right: 15px;
  }

  .landing-paragraph-style {
    width: 85%;
  }

  .base-container {
    z-index: 1;
  }

  .base-container.home-absolute {
    background-color: var(--primary-color);
    margin-bottom: 0;
    position: relative;
  }

  .middle-style-spacing-desktop {
    top: 32%;
  }

  .top-style-spacing-mobile {
    top: 5%;
  }

  .rich-text-style h2 {
    font-size: 36px;
  }

  .middlr-style-spacing-mobile {
    top: 28%;
  }

  .bottom-style-spacing-desktop {
    bottom: 8%;
  }

  .top-style-spacing-desktop {
    top: 7%;
  }

  .bottom-style-spacing-mobile {
    bottom: 8%;
  }

  .grid-system-wrapper {
    flex-direction: row;
  }

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

  .licensing-title-wrapper {
    flex-wrap: wrap;
  }

  .grid-title {
    align-items: center;
  }

  .grid-title.first-grid {
    text-align: center;
    flex: 1;
    width: 100%;
  }

  .grid-system {
    flex-direction: column;
    width: 50%;
  }

  .style-guide-content.links-grid {
    grid-template-columns: 1fr;
  }

  .grid-description.first-description {
    border-bottom: 1px #fff3;
    border-left-style: none;
    border-right-style: solid;
  }

  .brand {
    width: 300px;
    top: 0;
    left: 22px;
  }

  .brand.w--current {
    width: 330px;
    top: 16px;
  }

  .brand.logo-on-white-nav-bar {
    height: auto;
    top: 0;
    left: 0;
  }

  .nav-dropdown-list.megamenu {
    padding-right: 0;
  }

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

  .nav-menu {
    z-index: 9999999;
    padding-top: 60px;
  }

  .nav-menu.centered {
    padding-top: 60px;
  }

  .image-burger {
    width: 50px;
  }

  .image-burger.dark {
    width: auto;
  }

  .nav-link {
    width: 99%;
  }

  .close-menu-button.w--open {
    z-index: 999999999;
  }

  .footer-bottom-wrapper {
    flex-wrap: wrap;
    margin-top: 0;
  }

  .links-column {
    justify-content: flex-start;
    align-items: center;
    line-height: 1.1em;
  }

  .pass-page-content {
    width: 100%;
  }

  .text-white.left-alignemnt {
    font-size: 32px;
  }

  .banner-section {
    padding-left: 14px;
    padding-right: 14px;
  }

  .home-1-banner {
    justify-content: flex-start;
    margin-bottom: 0;
  }

  .home-1-banner-h1 {
    font-size: 38px;
    line-height: 44px;
  }

  .home-1-banner-left-arrow {
    z-index: 9999;
    margin-bottom: 0;
    inset: auto 15% 3% auto;
  }

  .button-text {
    text-align: center;
  }

  .baner-slider-indicators-wrap {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    max-width: 90%;
  }

  .home-1-banner-right {
    z-index: 9999;
    margin-bottom: 0;
    inset: auto 3% 3% auto;
  }

  .home-tabs {
    justify-content: center;
    align-items: flex-start;
    min-height: 450px;
  }

  .tabs-menu {
    margin-left: 15px;
    margin-right: 15px;
    top: 40px;
    right: auto;
  }

  .tab-image-wrap {
    height: 450px;
  }

  .tab-image.plan {
    object-position: 50% 0%;
    height: 120%;
  }

  .hotspot {
    top: 100px;
    left: 15%;
  }

  .hotspot._2 {
    top: 250px;
    left: 35%;
  }

  .hotspot._3 {
    top: 300px;
  }

  .hotspot._4 {
    bottom: 160px;
    left: 75%;
  }

  .hotspot.slide-2-4 {
    bottom: 100px;
    left: 55%;
  }

  .horizontal-title-wrap {
    margin-top: 60px;
    padding-bottom: 60px;
  }

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

  .navbar-fixed {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .link-button.primary-color {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .projects-slider {
    margin-bottom: 80px;
  }

  .projects-slider.project-page {
    margin-bottom: 60px;
  }

  .project-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
    height: 540px;
  }

  .projects-left-arrow {
    bottom: -60px;
  }

  .project-images-wrap {
    max-height: 320px;
    margin-bottom: 10px;
  }

  .project-horizontal-image {
    display: none;
  }

  .projects-right-arrow {
    bottom: -60px;
  }

  .large-text-wrapper {
    grid-column-gap: var(--_spacing-system---spacing--spacing-none);
    grid-row-gap: var(--_spacing-system---spacing--spacing-none);
  }

  .large-text {
    font-size: 28px;
    line-height: var(--_typography---line-height--line-height-s);
  }

  .large-text.bottom {
    line-height: var(--_typography---line-height--line-height-s);
    text-align: left;
  }

  .scroll-image-wrap {
    height: auto;
  }

  .scroll-image {
    min-height: 70%;
  }

  .service-card-text-wrap {
    width: 100%;
  }

  .service-title {
    line-height: 1.2em;
  }

  .service-link-block:hover {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonials-slider-card {
    width: 100%;
    padding: 24px var(--_spacing-system---spacing--spacing-ml);
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .testimonials-card {
    grid-column-gap: var(--_spacing-system---spacing--spacing-4xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-4xl);
  }

  .testimonials-left-arrow {
    left: 0;
    right: auto;
  }

  .testimonials-left-arrow:hover {
    right: auto;
  }

  .testimonials-slider {
    padding-bottom: 60px;
  }

  .testimonials-right-arrow {
    left: 56px;
    right: auto;
  }

  .testimonials-right-arrow:hover {
    right: auto;
  }

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

  .cta-small-image {
    width: 240px;
    height: 160px;
  }

  .cta-image-2 {
    display: none;
  }

  .cta-image-3 {
    height: 250px;
  }

  .cta-image-3-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer-bottom-wrap {
    flex-wrap: wrap;
    margin-top: 0;
  }

  .form-footer {
    text-align: left;
    padding: 20px;
  }

  .footer-rights-text {
    text-align: center;
  }

  .footer-links-wrap {
    justify-content: center;
    align-items: flex-start;
  }

  .text-fields-line {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .text-field {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .text-field.message-field {
    margin-bottom: 32px;
  }

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

  .inner-banner-section.about-us {
    padding-left: 15px;
    padding-right: 15px;
  }

  .inner-banner-section.second-version {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .inner-banner-section.services-page, .inner-banner-section.how-it-works-page, .inner-banner-section.testimonials-page, .inner-banner-section.faq-page {
    background-image: linear-gradient(0deg, #ffffff26, #000000a6 45%, #0000), url('../images/ChatGPT-Image-19-груд.-2025-р.-16_55_45ChatGPT Image 19 груд. 2025 р., 16_55_44.webp');
    background-position: 0 0, 65% 100%;
    background-size: auto, auto 120%;
    padding-top: 190px;
  }

  .inner-banner-paragraph-wrap {
    grid-column-gap: var(--_spacing-system---spacing--spacing-3xl);
    grid-row-gap: var(--_spacing-system---spacing--spacing-3xl);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about-image-numbers-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .about-image {
    height: 250px;
  }

  .numbers-wrapper {
    grid-template-columns: 90px 1fr;
    justify-content: flex-start;
    align-items: center;
  }

  .number-large {
    font-size: 72px;
  }

  .service-page-service-title {
    max-width: 300px;
    font-size: var(--_typography---typography--h4);
  }

  .service-card-link-block {
    grid-template-columns: 1fr;
  }

  .service-image-wrap {
    height: 250px;
  }

  .service-card-arrow {
    position: absolute;
    inset: 40px 0% auto auto;
  }

  .how-it-works-card {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    margin-bottom: 105px;
  }

  .how-it-works-card-image {
    min-height: 350px;
  }

  .how-it-works-text-card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

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

  .service-page-banner {
    padding-top: 64px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .service-page-heading {
    font-size: 42px;
    line-height: 1.1em;
  }

  .h4-text-style {
    font-size: var(--_typography---typography--h6);
  }

  .projects-page-card.other {
    width: 100%;
    min-height: 250px;
  }

  .project-card-overlay {
    height: 250px;
  }

  .project-image-popun {
    width: 100%;
  }

  .project-image-popun.other {
    border-radius: 0;
    width: 100px;
    height: 100px;
  }

  .project-image-popun-wrap {
    top: 186px;
    right: 20px;
  }

  .project-details-list, .projects-photos-collection-list {
    grid-template-columns: 1fr;
  }

  .blog-link-block {
    height: 345px;
  }

  .blog-post-heading {
    font-size: 46px;
  }

  .blog-banner-image-wrap {
    height: 300px;
  }

  .team-member-info {
    flex-flow: column;
  }

  .heading {
    font-size: 30px;
  }

  .text-block-3 {
    text-align: center;
    line-height: 1.2em;
  }

  .slide-2 {
    margin-right: 48px;
  }

  .div-block-2 {
    z-index: auto;
  }

  .second-images-wrap {
    margin-top: 0;
    margin-bottom: 0;
  }

  .third-images-wrap {
    margin-top: 0;
  }

  .heading-title {
    letter-spacing: 0;
    font-size: 22px;
    line-height: 28px;
  }

  .project-two-title {
    font-size: 18px;
    line-height: 22px;
  }

  .heading-subtitle {
    margin-bottom: 40px;
  }

  .heading-subtitle.center {
    margin-bottom: 0;
  }

  .small-image {
    height: 200px;
  }

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

  .project-two-content-inner {
    padding: 12px 15px 15px;
  }

  .project-block {
    margin-bottom: 16px;
  }

  .category {
    display: inline-block;
  }

  .subtitle-head {
    letter-spacing: .5px;
  }

  .gallery-wrap {
    margin-top: 20px;
  }

  .large-image {
    height: 200px;
  }

  .section-gap {
    padding-top: 19px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .bold-text {
    font-size: 14px;
    line-height: 1.1em;
  }

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

  .text-block-5 {
    font-size: 14px;
    line-height: 1.1em;
  }

  .section-8 {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-8.no-padding-top {
    padding-left: 13px;
    padding-right: 13px;
  }

  .content.spac-down {
    padding-top: 46px;
  }

  .gallery-wrap-2 {
    margin-top: 20px;
  }

  .div-block-127 {
    background-color: #fff;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    top: 85px;
  }

  .bold-text-10 {
    font-size: 16px;
  }

  .heading-16.h1 {
    font-size: 40px;
  }

  .heading-16.h1.centered {
    font-size: 32px;
  }

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

  .div-block-122.bigger, .div-block-122.bigger.smaller {
    width: auto;
  }

  .small-image-2 {
    height: 200px;
  }

  .text-block-11, .text-block-11.w--current {
    margin-bottom: 2px;
  }

  .second-images-wrap-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .bold-text-11 {
    font-size: 32px;
  }

  .text-block-12 {
    text-align: center;
    line-height: 1.2em;
  }

  .heading-17 {
    text-align: left;
  }

  .service-form {
    width: 90%;
    top: 12%;
    right: 5%;
  }

  .service-details-grid-wrapper {
    width: 100%;
  }

  .heading-79 {
    font-size: 26px;
    line-height: 1.2em;
  }

  .button-primary {
    flex: 1;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 11px;
    display: block;
  }

  .p-teaser-img-wrap {
    height: 400px;
  }

  .link-10 {
    font-size: 16px;
  }

  .service-details-grid-col.service-details-grid-two {
    padding: 25px 14px;
  }

  .service-details-grid-wrap {
    width: 100%;
  }

  .heading-80 {
    font-size: 26px;
    line-height: 1.2em;
  }

  .color-white {
    text-align: left;
    letter-spacing: 1.1px;
    font-size: 28px;
    line-height: 1.1em;
  }

  .service-details-section-one.custome-homes {
    background-image: linear-gradient(#000, #fff0 4%), url('../images/Image-Feb-25-2026-03_56_48-PM.png');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto;
    background-attachment: scroll, scroll;
  }

  .about-hero-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .about-hero-wrapper._600px-height {
    height: 260px;
    padding: 86px 15px 0;
  }

  .inner-container-520px.align-center {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
  }

  .mg-bottom-0px {
    font-size: 16px;
    line-height: 1.6em;
  }

  .div-block-129 {
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .marquee-2, .marquee-box-inner-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .footer_menu-item {
    text-align: left;
  }

  .footer_menu-item.white-text {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    font-size: 8px;
  }

  .button-2.subscribe-button {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 16px;
  }

  .marquee-box {
    transform: rotate(0);
  }

  .div-block-378 {
    height: 100px;
  }

  .div-block-372 {
    grid-template-columns: auto;
  }

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

  .xxl-heading {
    font-size: 42px;
  }

  .splitter_before {
    width: 90vw;
  }

  .splitter_component {
    width: 90vw;
    height: 35vh;
  }

  .splitter_image.is-after {
    width: 90vw;
  }

  .splitter_handle-component {
    width: 2px;
  }

  .splitter_image-2.is-after {
    width: 90vw;
  }

  .compare-component {
    height: 140px;
  }

  .compare-after-wrapper, .compare-before-inner, .compare-before-wrapper, .compare-divider-wrapper {
    height: auto;
  }

  .container-large-3 {
    height: 140px;
  }

  .about-info-wrapper-card {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex-direction: column;
    grid-template-columns: 1fr;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
  }

  .text-block-26 {
    font-size: 20px;
    line-height: 18px;
  }

  .link-block-3._2 {
    height: 200px;
  }

  .bold-text-81 {
    line-height: 18px;
  }

  .bold-text-83 {
    font-size: 24px;
    line-height: 30px;
  }

  .heading-81, .heading-82 {
    font-size: 24px;
  }

  .div-block-385 {
    z-index: 9999999;
    padding-left: 8px;
  }

  .image-95 {
    padding-top: 9px;
  }

  .heading-83 {
    letter-spacing: -1px;
    font-size: 32px;
  }

  .heading-84 {
    font-size: 36px;
  }

  .heading-85 {
    font-size: 36px;
    line-height: 1.1em;
  }

  .heading-86 {
    font-size: 38px;
    line-height: 1.1em;
  }

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

  .btn-primary {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-primary.download-app {
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-primary.download-app.white {
    white-space: normal;
  }

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

  .div-block-390 {
    grid-template-columns: auto;
  }

  .footer_menu-item-2 {
    text-align: left;
  }

  .footer_menu-item-2.white-text {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .div-block-395 {
    padding-bottom: 0;
  }

  .heading-87, .heading-88 {
    font-size: 48px;
  }

  .btn-primary-2 {
    width: 100%;
  }

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

  .display-2 {
    font-size: 34px;
  }

  .btn-secondary {
    width: 100%;
  }

  .pd-sides-40px {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container-default {
    padding-left: 16px;
    padding-right: 16px;
  }

  .buttons-flex-container {
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .link-title-dark.display-4.mg-bottom-4px.centered {
    text-align: left;
  }

  .hotspot-2 {
    top: 100px;
    left: 15%;
  }

  .hotspot-2._3 {
    top: 300px;
  }

  .hotspot-2._4 {
    bottom: 160px;
    left: 75%;
  }

  .hotspot-2._2 {
    top: 250px;
    left: 35%;
  }

  .tab-image-wrap-2 {
    height: 300px;
    margin-bottom: 30px;
  }

  .hotspot-large-2 {
    background-color: #91ca4500;
  }
}

#Email.w-node-e59a8974-7460-1320-a460-31dccc423160-85155cb1, #Full-Address.w-node-e59a8974-7460-1320-a460-31dccc423162-85155cb1, #Service.w-node-e59a8974-7460-1320-a460-31dccc423164-85155cb1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b020b4de-7941-4cd0-5377-f7ea7e9e9175-848d5d5a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b020b4de-7941-4cd0-5377-f7ea7e9e9178-848d5d5a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_90ac7167-7173-f59b-36d9-4ca9bce009fc-848d5d5a, #Service.w-node-b0afc3d1-d31e-dff7-fd6c-4d5504eaaae7-848d5dad {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_98105c52-4f4c-1de2-e9f2-703e192973a7-848d5daf, #w-node-_98105c52-4f4c-1de2-e9f2-703e192973a9-848d5daf, #w-node-_98105c52-4f4c-1de2-e9f2-703e192973ab-848d5daf, #w-node-_98105c52-4f4c-1de2-e9f2-703e192973ad-848d5daf, #w-node-_98105c52-4f4c-1de2-e9f2-703e192973af-848d5daf, #w-node-_98105c52-4f4c-1de2-e9f2-703e192973b2-848d5daf, #w-node-_98105c52-4f4c-1de2-e9f2-703e192973b4-848d5daf, #w-node-_98105c52-4f4c-1de2-e9f2-703e192973b6-848d5daf, #w-node-_98105c52-4f4c-1de2-e9f2-703e192973b8-848d5daf, #w-node-_98105c52-4f4c-1de2-e9f2-703e192973ba-848d5daf, #w-node-e53df4b9-4e35-3ba8-fc27-7b5d554d74ca-848d5db0, #w-node-e53df4b9-4e35-3ba8-fc27-7b5d554d74cc-848d5db0, #w-node-e53df4b9-4e35-3ba8-fc27-7b5d554d74ce-848d5db0, #w-node-e53df4b9-4e35-3ba8-fc27-7b5d554d74d0-848d5db0, #w-node-ab93fa2c-424c-f3a9-3207-e033c39b7f42-848d5db0, #w-node-_75dec55b-e51d-45db-ee97-3a65200ae0a8-848d5db0, #w-node-fb2f94c5-bd2d-e38e-d05e-42c20b3ea6b3-848d5db0, #w-node-_623afbca-2530-f298-cc00-c91a9d31c0b7-848d5db0, #w-node-_38c3e431-9ef5-0c8d-8bd7-146e0081f647-848d5db0, #w-node-d9861e2b-f698-56e8-ae8f-61de0d30ee2d-848d5db0, #w-node-dc39f0d1-4206-b084-d1f6-309b72256b73-848d5db0, #w-node-_242143a6-e521-e9fb-1b5a-e81b4969a3d5-848d5db0, #w-node-_13f6dd0f-8d67-14ce-ece7-3e9c6868c2cb-848d5db0, #w-node-db2d86e3-c518-3902-48e6-a0680b093ae0-848d5db0, #w-node-b319dfe8-1803-4adc-796b-8ee8016d56ef-848d5db0, #w-node-ed495047-d21d-9b87-86f4-1df4d4c319c2-848d5db0, #w-node-ac1bcc81-456d-ea57-83bc-15a433c6d47b-848d5db0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Email.w-node-b4aedabc-51fe-8dd6-0f37-5094ce65f360-fbd58d60, #Full-Address.w-node-_0ab8a1aa-b7fd-a36b-eed8-b638f414312e-fbd58d60, #Service.w-node-_1ef3613d-46dd-ea6d-80d8-b8025d10701e-fbd58d60, #w-node-c4a8ed01-4f72-edf2-9b7f-7dc6b7581ee8-fbd58d60, #w-node-_90eae21e-f19a-c01f-127b-29cb14e99836-fbd58d60 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_24cafd9d-ec84-268e-c4a9-612b3363577a-fbd58d60 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_24cafd9d-ec84-268e-c4a9-612b3363577d-fbd58d60 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_24cafd9d-ec84-268e-c4a9-612b33635782-fbd58d60, #Email.w-node-_21db78b3-a082-c271-5205-ec1d67fe9b2c-ceef5d16, #Full-Address.w-node-_21db78b3-a082-c271-5205-ec1d67fe9b2e-ceef5d16, #Service.w-node-_21db78b3-a082-c271-5205-ec1d67fe9b30-ceef5d16, #w-node-_97a6e458-72f0-691a-eeaf-5b391ce63a9f-ceef5d16, #w-node-_316be084-eafc-0dde-14a7-4320a7a44e0d-ceef5d16 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9069bd55-0f08-276e-bf2f-181c7021ade3-ceef5d16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9069bd55-0f08-276e-bf2f-181c7021ade6-ceef5d16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_9069bd55-0f08-276e-bf2f-181c7021adeb-ceef5d16, #Email.w-node-_2aa79d67-eb02-69e7-1884-6c9a157ffbc0-18e7cd8b, #Full-Address.w-node-_2aa79d67-eb02-69e7-1884-6c9a157ffbc2-18e7cd8b, #Service.w-node-_2aa79d67-eb02-69e7-1884-6c9a157ffbc4-18e7cd8b, #w-node-_26c1337d-56bb-67bc-78aa-c78abf0e6c28-18e7cd8b, #w-node-e00bf10c-01d4-563c-d173-bc81b4c4f447-18e7cd8b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8b1a26ee-578b-c966-90a7-b4808e61a437-18e7cd8b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8b1a26ee-578b-c966-90a7-b4808e61a43a-18e7cd8b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_8b1a26ee-578b-c966-90a7-b4808e61a43f-18e7cd8b, #Email.w-node-_1eced8b5-f3b3-8024-eeff-cabd4b404b9f-ceefe880, #Full-Address.w-node-_1eced8b5-f3b3-8024-eeff-cabd4b404ba1-ceefe880, #Service.w-node-_1eced8b5-f3b3-8024-eeff-cabd4b404ba3-ceefe880, #w-node-_28b63c22-c1f7-e56c-4d41-37c8aafbe8cd-ceefe880, #w-node-_8f3335e6-f3eb-bd82-c430-5b4a5c0bda66-ceefe880 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_322505f7-8d19-0f72-a545-9ea9904ffd17-ceefe880 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_322505f7-8d19-0f72-a545-9ea9904ffd1a-ceefe880 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_322505f7-8d19-0f72-a545-9ea9904ffd1f-ceefe880 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-b020b4de-7941-4cd0-5377-f7ea7e9e9178-848d5d5a {
    place-self: auto;
  }

  #w-node-fb23f088-635d-08bb-ecba-0b354d2564eb-848d5d6e, #w-node-_8f8aa045-9ad1-c408-776f-8d004d49ec11-848d5d6e, #w-node-ab0c7f85-e920-5809-7c8d-48099b58a8d1-848d5d6e, #w-node-a7414773-e151-b8c3-7b11-45885c925139-848d5d6e {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4b42d768-3bf6-423c-cf9e-41ba3d5e9f28-848d5dde {
    order: 9999;
  }

  #w-node-bd9384f1-e4c3-80c7-4dc3-356fec1f31de-848d5dde {
    order: 9999;
    grid-area: 1 / 2 / 3 / 3;
  }

  #w-node-_686049db-5bce-2998-af05-f2350707fef3-848d5dde, #w-node-_686049db-5bce-2998-af05-f2350707fefc-848d5dde, #w-node-_686049db-5bce-2998-af05-f2350707ff05-848d5dde, #w-node-_686049db-5bce-2998-af05-f2350707ff0e-848d5dde {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_350db4e4-de74-5684-176c-e316ab38874b-fbd58d60 {
    order: 9999;
    grid-area: 1 / 2 / 3 / 3;
  }

  #w-node-_24cafd9d-ec84-268e-c4a9-612b3363577d-fbd58d60 {
    place-self: auto;
  }

  #w-node-_350db4e4-de74-5684-176c-e316ab3887bf-fbd58d60, #w-node-_350db4e4-de74-5684-176c-e316ab3887c8-fbd58d60, #w-node-_350db4e4-de74-5684-176c-e316ab3887d1-fbd58d60 {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_350db4e4-de74-5684-176c-e316ab38874b-ceef5d16 {
    order: 9999;
    grid-area: 1 / 2 / 3 / 3;
  }

  #w-node-_9069bd55-0f08-276e-bf2f-181c7021ade6-ceef5d16 {
    place-self: auto;
  }

  #w-node-f5bec33e-bfa5-e78e-3993-058af2ccf0c3-ceef5d16, #w-node-f5bec33e-bfa5-e78e-3993-058af2ccf0d5-ceef5d16, #w-node-f5bec33e-bfa5-e78e-3993-058af2ccf0de-ceef5d16 {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_350db4e4-de74-5684-176c-e316ab38874b-18e7cd8b {
    order: 9999;
    grid-area: 1 / 2 / 3 / 3;
  }

  #w-node-_8b1a26ee-578b-c966-90a7-b4808e61a43a-18e7cd8b {
    place-self: auto;
  }

  #w-node-fd5c3898-8c65-aa34-0884-d04f6245c159-18e7cd8b, #w-node-fd5c3898-8c65-aa34-0884-d04f6245c162-18e7cd8b, #w-node-fd5c3898-8c65-aa34-0884-d04f6245c174-18e7cd8b {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_350db4e4-de74-5684-176c-e316ab38874b-ceefe880 {
    order: 9999;
    grid-area: 1 / 2 / 3 / 3;
  }

  #w-node-_322505f7-8d19-0f72-a545-9ea9904ffd1a-ceefe880 {
    place-self: auto;
  }

  #w-node-_7d67fc84-a434-7fd2-39a6-c2fe921915ab-ceefe880, #w-node-_7d67fc84-a434-7fd2-39a6-c2fe921915b4-ceefe880, #w-node-_7d67fc84-a434-7fd2-39a6-c2fe921915bd-ceefe880 {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_6110d19e-9eb4-e2bf-344b-b294c6581867-848d5d1b, #w-node-e3a4de3a-f45d-7d16-a386-214082411457-848d5d1b, #w-node-f38b4e4c-1245-1bb2-b8cb-040d8c085d0f-848d5d5a, #w-node-_3f84f6f4-2edf-2700-81ce-55ea5759a2a9-848d5d6e, #w-node-_1650f3c7-8ef5-78f3-02fb-a98d2fc09b81-848d5d94, #w-node-_8d4e486b-e3ad-fa0f-af59-76a00d8cec24-848d5da9, #w-node-_9d1eb994-44f9-c02e-2af6-68a0e436f47a-848d5db4, #w-node-_475e45f4-88b9-31be-50e1-b2b2419255ee-848d5de0, #w-node-_89870f69-5dd9-a213-a085-2a51d8bdfba1-848d5de0, #w-node-e8ec7a0b-a90f-fbcd-6a17-98d494eae9cd-848d5de0, #w-node-f435e334-13b9-df26-0414-9208252a9804-848d5de2 {
    order: -9999;
  }

  #w-node-_90eae21e-f19a-c01f-127b-29cb14e99836-fbd58d60, #w-node-_316be084-eafc-0dde-14a7-4320a7a44e0d-ceef5d16, #w-node-e00bf10c-01d4-563c-d173-bc81b4c4f447-18e7cd8b {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_28b63c22-c1f7-e56c-4d41-37c8aafbe8cd-ceefe880 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8f3335e6-f3eb-bd82-c430-5b4a5c0bda66-ceefe880 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d7da72de-2a69-6762-01d4-1f64e2defcf8-848d5d5a, #w-node-_41455fd8-c67f-0764-cd0f-6e5a56e99e96-848d5d5a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-fb23f088-635d-08bb-ecba-0b354d2564eb-848d5d6e, #w-node-_8f8aa045-9ad1-c408-776f-8d004d49ec11-848d5d6e, #w-node-ab0c7f85-e920-5809-7c8d-48099b58a8d1-848d5d6e, #w-node-a7414773-e151-b8c3-7b11-45885c925139-848d5d6e {
    grid-column: span 1 / span 1;
  }

  #w-node-e53df4b9-4e35-3ba8-fc27-7b5d554d74ca-848d5db0, #w-node-e53df4b9-4e35-3ba8-fc27-7b5d554d74cc-848d5db0, #w-node-e53df4b9-4e35-3ba8-fc27-7b5d554d74ce-848d5db0, #w-node-e53df4b9-4e35-3ba8-fc27-7b5d554d74d0-848d5db0, #w-node-ab93fa2c-424c-f3a9-3207-e033c39b7f42-848d5db0, #w-node-_75dec55b-e51d-45db-ee97-3a65200ae0a8-848d5db0, #w-node-fb2f94c5-bd2d-e38e-d05e-42c20b3ea6b3-848d5db0, #w-node-_623afbca-2530-f298-cc00-c91a9d31c0b7-848d5db0, #w-node-_38c3e431-9ef5-0c8d-8bd7-146e0081f647-848d5db0, #w-node-d9861e2b-f698-56e8-ae8f-61de0d30ee2d-848d5db0, #w-node-dc39f0d1-4206-b084-d1f6-309b72256b73-848d5db0, #w-node-_242143a6-e521-e9fb-1b5a-e81b4969a3d5-848d5db0, #w-node-_13f6dd0f-8d67-14ce-ece7-3e9c6868c2cb-848d5db0, #w-node-db2d86e3-c518-3902-48e6-a0680b093ae0-848d5db0, #w-node-b319dfe8-1803-4adc-796b-8ee8016d56ef-848d5db0, #w-node-ed495047-d21d-9b87-86f4-1df4d4c319c2-848d5db0, #w-node-ac1bcc81-456d-ea57-83bc-15a433c6d47b-848d5db0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_686049db-5bce-2998-af05-f2350707fef3-848d5dde, #w-node-_686049db-5bce-2998-af05-f2350707fefc-848d5dde, #w-node-_686049db-5bce-2998-af05-f2350707ff05-848d5dde, #w-node-_686049db-5bce-2998-af05-f2350707ff0e-848d5dde {
    grid-column: span 1 / span 1;
  }

  #w-node-_24cafd9d-ec84-268e-c4a9-612b33635787-fbd58d60, #w-node-_24cafd9d-ec84-268e-c4a9-612b336357a2-fbd58d60 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_350db4e4-de74-5684-176c-e316ab3887bf-fbd58d60, #w-node-_350db4e4-de74-5684-176c-e316ab3887c8-fbd58d60, #w-node-_350db4e4-de74-5684-176c-e316ab3887d1-fbd58d60 {
    grid-column: span 1 / span 1;
  }

  #w-node-_9069bd55-0f08-276e-bf2f-181c7021adf0-ceef5d16, #w-node-_9069bd55-0f08-276e-bf2f-181c7021ae0b-ceef5d16 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f5bec33e-bfa5-e78e-3993-058af2ccf0c3-ceef5d16, #w-node-f5bec33e-bfa5-e78e-3993-058af2ccf0d5-ceef5d16, #w-node-f5bec33e-bfa5-e78e-3993-058af2ccf0de-ceef5d16 {
    grid-column: span 1 / span 1;
  }

  #w-node-_8b1a26ee-578b-c966-90a7-b4808e61a444-18e7cd8b, #w-node-_8b1a26ee-578b-c966-90a7-b4808e61a45f-18e7cd8b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-fd5c3898-8c65-aa34-0884-d04f6245c159-18e7cd8b, #w-node-fd5c3898-8c65-aa34-0884-d04f6245c162-18e7cd8b, #w-node-fd5c3898-8c65-aa34-0884-d04f6245c174-18e7cd8b {
    grid-column: span 1 / span 1;
  }

  #w-node-_322505f7-8d19-0f72-a545-9ea9904ffd24-ceefe880, #w-node-_322505f7-8d19-0f72-a545-9ea9904ffd3f-ceefe880 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7d67fc84-a434-7fd2-39a6-c2fe921915ab-ceefe880, #w-node-_7d67fc84-a434-7fd2-39a6-c2fe921915b4-ceefe880, #w-node-_7d67fc84-a434-7fd2-39a6-c2fe921915bd-ceefe880 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}