@font-face {
  font-family: Lora;
  src: url('../fonts/Lora-Italic.woff2') format("woff2"), url('../fonts/Lora-Italic.eot') format("embedded-opentype"), url('../fonts/Lora-Italic.woff') format("woff"), url('../fonts/Lora-VariableItalic.ttf') format("truetype"), url('../fonts/Lora-Italic.ttf') format("truetype"), url('../fonts/Lora-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Lora;
  src: url('../fonts/Lora-Bold.woff2') format("woff2"), url('../fonts/Lora-Bold.eot') format("embedded-opentype"), url('../fonts/Lora-Bold.woff') format("woff"), url('../fonts/Lora-Bold.ttf') format("truetype"), url('../fonts/Lora-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lora;
  src: url('../fonts/Lora-BoldItalic.woff2') format("woff2"), url('../fonts/Lora-BoldItalic.eot') format("embedded-opentype"), url('../fonts/Lora-BoldItalic.woff') format("woff"), url('../fonts/Lora-BoldItalic.ttf') format("truetype"), url('../fonts/Lora-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Lora;
  src: url('../fonts/Lora-Regular.woff2') format("woff2"), url('../fonts/Lora-Regular.eot') format("embedded-opentype"), url('../fonts/Lora-Regular.woff') format("woff"), url('../fonts/Lora-Regular.ttf') format("truetype"), url('../fonts/Lora-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lora;
  src: url('../fonts/Lora-Medium.woff2') format("woff2"), url('../fonts/Lora-Medium.eot') format("embedded-opentype"), url('../fonts/Lora-Medium.woff') format("woff"), url('../fonts/Lora-Medium.ttf') format("truetype"), url('../fonts/Lora-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lora;
  src: url('../fonts/Lora-SemiBold.woff2') format("woff2"), url('../fonts/Lora-SemiBold.eot') format("embedded-opentype"), url('../fonts/Lora-SemiBold.woff') format("woff"), url('../fonts/Lora-SemiBold.ttf') format("truetype"), url('../fonts/Lora-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lora;
  src: url('../fonts/Lora-MediumItalic.woff2') format("woff2"), url('../fonts/Lora-MediumItalic.eot') format("embedded-opentype"), url('../fonts/Lora-MediumItalic.woff') format("woff"), url('../fonts/Lora-MediumItalic.ttf') format("truetype"), url('../fonts/Lora-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Lora;
  src: url('../fonts/Lora-SemiBoldItalic.woff2') format("woff2"), url('../fonts/Lora-SemiBoldItalic.eot') format("embedded-opentype"), url('../fonts/Lora-SemiBoldItalic.woff') format("woff"), url('../fonts/Lora-SemiBoldItalic.ttf') format("truetype"), url('../fonts/Lora-SemiBoldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Lora Variable;
  src: url('../fonts/Lora-VariableItalic.woff2') format("woff2"), url('../fonts/Lora-VariableItalic.eot') format("embedded-opentype"), url('../fonts/Lora-VariableItalic.woff') format("woff"), url('../fonts/Lora-VariableItalic.ttf') format("truetype");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Lora Variable;
  src: url('../fonts/Lora-Variable.woff2') format("woff2"), url('../fonts/Lora-Variable.eot') format("embedded-opentype"), url('../fonts/Lora-Variable.woff') format("woff"), url('../fonts/Lora-Variable.ttf') format("truetype"), url('../fonts/Lora-Variable.ttf') format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

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

:root {
  --color--white: white;
  --fonts--font-family: Avenir, Arial, sans-serif;
  --color--black: #000;
  --font-size--paragraph: 18px;
  --line-height--1-4: 1.4em;
  --font-weight--normal: 300;
  --fonts--font-family-decor: Lora, "Trebuchet MS", sans-serif;
  --font-size--h1: 60px;
  --line-height--1-1: 1.1em;
  --font-size--h2: 48px;
  --font-weight--medium: 500;
  --font-size--h3: 30px;
  --line-height--1-3: 1.3em;
  --font-size--h4: 24px;
  --font-size--h5: 20px;
  --font-size--h6: 18px;
  --color--paragraph-gray: var(--color--dark-gray);
  --font-size--link: 18px;
  --spacing--10: 10px;
  --spacing--20: 20px;
  --font-size--paragraph-large: 24px;
  --line-height--1-8: 1.8em;
  --font-size--quote: 22px;
  --spacing--80: 80px;
  --color--blue-white: color-mix(in hsl, var(--color--dark-blue) 20%, white 80%);
  --color--transparent: #0000;
  --color--light-blue: #c3d4ff;
  --border-radius--3px: 3px;
  --color--dark-gray: #394249;
  --primary\<deleted\|variable-478a3a9e\>: #0f5cfa;
  --color--black-blue-15: color-mix(in hsl, var(--color--black) 15%, transparent 85%);
  --color--dark-blue: #161649;
  --color--white-10: color-mix(in hsl, transparent 90%, var(--color--white) 10%);
  --font-size--label: 14px;
  --letter-spacing--1-4: 1.4px;
  --light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>: #adffc5;
  --color--white-70: color-mix(in hsl, transparent 30%, var(--color--white) 70%);
  --font-size--paragraph-small: 14px;
  --spacing--15: 15px;
  --border-radius--50: 50%;
  --light-gray\<deleted\|variable-720418ab\>: #f9f9fa;
  --color--white-50: color-mix(in hsl, transparent 50%, var(--color--white) 50%);
  --color--red: #c9001d;
  --fonts--font-family-icons: "Fa Brands 400 (6.4.2)", sans-serif;
  --primary-dark\<deleted\|variable-7ad493ea\>: #0e0e0e;
  --spacing--40: 40px;
  --spacing--30: 30px;
  --border-radius--100px: 100px;
  --font-size--button-large: 20px;
  --spacing--60: 60px;
  --color--black-blue-55: color-mix(in hsl, var(--color--black) 55%, transparent 45%);
  --color--white-80: color-mix(in hsl, transparent 20%, var(--color--white) 80%);
  --fonts--font-family-icons-new: "Fa solid 900", sans-serif;
}

.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-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.w-pagination-previous, .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-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

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

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

body {
  background-color: var(--color--white);
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--normal);
  --color--white: white;
  --fonts--font-family: Avenir, Arial, sans-serif;
  --color--black: #000;
  --font-size--paragraph: 18px;
  --line-height--1-4: 1.4em;
  --font-weight--normal: 300;
  --fonts--font-family-decor: Lora, "Trebuchet MS", sans-serif;
  --font-size--h1: 60px;
  --line-height--1-1: 1.1em;
  --font-size--h2: 48px;
  --font-weight--medium: 500;
  --font-size--h3: 30px;
  --line-height--1-3: 1.3em;
  --font-size--h4: 24px;
  --font-size--h5: 20px;
  --font-size--h6: 18px;
  --color--paragraph-gray: var(--color--dark-gray);
  --font-size--link: 18px;
  --spacing--10: 10px;
  --spacing--20: 20px;
  --font-size--paragraph-large: 24px;
  --line-height--1-8: 1.8em;
  --font-size--quote: 22px;
  --spacing--80: 80px;
  --color--blue-white: color-mix(in hsl, var(--color--dark-blue) 20%, white 80%);
  --color--transparent: #0000;
  --color--light-blue: #c3d4ff;
  --border-radius--3px: 3px;
  --color--dark-gray: #394249;
  --primary\<deleted\|variable-478a3a9e\>: #0f5cfa;
  --color--black-blue-15: color-mix(in hsl, var(--color--black) 15%, transparent 85%);
  --color--dark-blue: #161649;
  --color--white-10: color-mix(in hsl, transparent 90%, var(--color--white) 10%);
  --font-size--label: 14px;
  --letter-spacing--1-4: 1.4px;
  --light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>: #adffc5;
  --color--white-70: color-mix(in hsl, transparent 30%, var(--color--white) 70%);
  --font-size--paragraph-small: 14px;
  --spacing--15: 15px;
  --border-radius--50: 50%;
  --light-gray\<deleted\|variable-720418ab\>: #f9f9fa;
  --color--white-50: color-mix(in hsl, transparent 50%, var(--color--white) 50%);
  --color--red: #c9001d;
  --fonts--font-family-icons: "Fa Brands 400 (6.4.2)", sans-serif;
  --primary-dark\<deleted\|variable-7ad493ea\>: #0e0e0e;
  --spacing--40: 40px;
  --spacing--30: 30px;
  --border-radius--100px: 100px;
  --font-size--button-large: 20px;
  --spacing--60: 60px;
  --color--black-blue-55: color-mix(in hsl, var(--color--black) 55%, transparent 45%);
  --color--white-80: color-mix(in hsl, transparent 20%, var(--color--white) 80%);
  --fonts--font-family-icons-new: "Fa solid 900", sans-serif;
}

h1 {
  font-family: var(--fonts--font-family-decor);
  color: var(--color--black);
  font-size: var(--font-size--h1);
  line-height: var(--line-height--1-1);
  font-weight: var(--font-weight--normal);
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--h2);
  line-height: var(--line-height--1-1);
  font-weight: var(--font-weight--medium);
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--h3);
  line-height: var(--line-height--1-3);
  font-weight: var(--font-weight--medium);
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--1-1);
  font-weight: var(--font-weight--medium);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--h5);
  line-height: var(--line-height--1-1);
  font-weight: var(--font-weight--normal);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--h6);
  line-height: var(--line-height--1-1);
  font-weight: var(--font-weight--medium);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  font-family: var(--fonts--font-family);
  color: var(--color--paragraph-gray);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--normal);
  margin-top: 0;
  margin-bottom: 0;
}

a {
  color: var(--color--black);
  font-size: var(--font-size--link);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--medium);
  align-items: center;
  text-decoration: none;
  transition: all .35s;
}

ul {
  margin-top: var(--spacing--10);
  margin-bottom: var(--spacing--10);
  padding-left: var(--spacing--20);
  grid-row-gap: var(--spacing--10);
  background-color: var(--color--paragraph-gray);
  color: var(--color--paragraph-gray);
  font-size: var(--font-size--paragraph-large);
  line-height: var(--line-height--1-8);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  flex-direction: column;
  display: flex;
}

li {
  align-items: center;
  line-height: 1.4em;
}

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

label {
  margin-bottom: 10px;
  display: block;
}

em {
  font-style: italic;
}

blockquote {
  border-left: 1px none var(--color--black);
  font-family: var(--fonts--font-family);
  color: var(--color--paragraph-gray);
  font-size: var(--font-size--quote);
  line-height: var(--line-height--1-3);
  font-style: italic;
  font-weight: var(--font-weight--medium);
  margin-bottom: 0;
  padding: 0 40px 0 0;
}

.section {
  padding-top: var(--spacing--80);
  padding-bottom: var(--spacing--80);
  width: 100%;
  position: relative;
}

.section.light-background {
  background-color: var(--color--blue-white);
}

.section.licensing-fonts {
  padding-top: 0;
  padding-bottom: 0;
}

.section.without-bottom-spacing {
  padding-bottom: 0;
}

.section.contacts-banner {
  background-color: var(--color--blue-white);
}

.section.inner-banner {
  padding-top: 180px;
  padding-bottom: 80px;
}

.section.landing-banner {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 200px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.without-space {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section.without-space.overflow-hidden {
  z-index: 3;
}

.section.without-space.bottom-margin {
  margin-bottom: 15px;
}

.section.banner-home-1 {
  padding-top: 180px;
  padding-bottom: 280px;
  overflow: hidden;
}

.section.image-section {
  padding-top: 400px;
  padding-bottom: 60px;
}

.section.banner-home-2 {
  background-color: var(--color--black);
  padding-top: 140px;
}

.section.image-section-reviews {
  padding: 300px 30px 30px;
}

.section.cta {
  margin-top: 80px;
  padding-top: 0;
  padding-bottom: 400px;
}

.section.light-services-bg {
  padding-top: 220px;
  overflow: hidden;
}

.section.video-section {
  height: 500px;
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 0;
  padding-bottom: 0;
}

.section.cta-home-2 {
  padding-bottom: 240px;
  overflow: hidden;
}

.section.banner-home-3 {
  background-color: var(--color--blue-white);
  padding-top: 140px;
  overflow: hidden;
}

.section.image-project-section {
  min-height: 500px;
  padding-top: 0;
  padding-bottom: 0;
}

.section.top-margin {
  margin-top: 15px;
}

.section.image-section-home-3 {
  margin-top: 15px;
  padding-top: 220px;
  padding-bottom: 40px;
}

.section.image-section-services {
  padding-top: 220px;
  padding-bottom: 40px;
}

.section.video-banner {
  margin-top: 15px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section.inner-banner-center {
  justify-content: center;
  align-items: center;
  padding-top: 180px;
  padding-bottom: 80px;
  display: flex;
}

.section.banner-team {
  padding-top: 180px;
  padding-bottom: 110px;
  overflow: hidden;
}

.section.banner-gallery, .section.banner-blog {
  padding-top: 170px;
}

.section.contacts-banner {
  background-color: var(--color--transparent);
  margin-top: 40px;
  margin-bottom: 15px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.banner-project-details {
  padding-top: 160px;
  overflow: hidden;
}

.section.banner-blog-category {
  padding-top: 150px;
}

.section.service-detail-page {
  padding-top: 0;
  padding-bottom: 0;
}

.section.banner-service-detail {
  padding-top: 170px;
}

.section.packages-details-banner {
  background-color: var(--color--transparent);
  padding-top: 170px;
  padding-bottom: 80px;
}

.section.utility-banner {
  justify-content: center;
  align-items: center;
  padding-top: 170px;
  padding-bottom: 80px;
  display: flex;
}

.section.inner-banner-center-bottom-margin {
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  padding-top: 180px;
  padding-bottom: 80px;
  display: flex;
}

.section.is-venue {
  background-image: linear-gradient(180deg, var(--color--light-blue), transparent);
}

.section.is-numbers {
  background-image: linear-gradient(180deg, transparent 29%, var(--color--light-blue));
}

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

.base-container.align-left {
  align-items: flex-start;
}

.base-container.relative {
  z-index: 3;
  position: relative;
}

.grid-system-wrapper {
  flex-direction: column;
  width: 100%;
  margin-top: 30px;
  display: flex;
}

.grid-system {
  border-top: 1px solid #7c7c7c;
  justify-content: space-between;
  width: 80%;
  display: flex;
}

.grid-title {
  background-color: var(--color--black);
  color: var(--color--white);
  border-left: 1px #a7a7a7;
  border-right: 1px solid #7c7c7c;
  justify-content: center;
  width: 19%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 10px;
  display: flex;
}

.grid-title.first-grid {
  border-left-style: solid;
  border-left-color: #7c7c7c;
  width: 24%;
  height: 100%;
  margin-top: 0;
}

.grid-description {
  border-bottom: 1px solid #a7a7a7;
  border-right: 1px solid #a7a7a7;
  justify-content: center;
  align-items: center;
  width: 19%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 10px;
  display: flex;
}

.grid-description.first-description {
  border-bottom: 1px solid #a7a7a7;
  border-left: 1px solid #a7a7a7;
  border-right: 1px solid #a7a7a7;
  width: 24%;
}

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

.spacing-system-column {
  padding-right: 20px;
}

.spacing-system-image {
  max-width: 80%;
}

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

.typography-wrapper {
  margin-top: 30px;
}

.spacing-columns {
  margin-top: 40px;
}

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

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

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

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

.spasing-system-image-mobile {
  max-width: 70%;
}

.primary-dark-style-guide {
  border-radius: var(--border-radius--3px);
  background-color: var(--color--black);
  color: var(--color--black);
  width: 75px;
  height: 75px;
}

.gray-style-guide {
  border-radius: var(--border-radius--3px);
  background-color: var(--color--dark-gray);
  width: 75px;
  height: 75px;
}

.color-wrapper {
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

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

.colors-container {
  grid-column-gap: 60px;
  justify-content: flex-start;
  margin-top: 40px;
  display: flex;
}

.color-container {
  grid-column-gap: 30px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 30px;
  display: flex;
}

.primary-light-style-guide {
  border-radius: var(--border-radius--3px);
  background-color: var(--color--blue-white);
  width: 75px;
  height: 75px;
  box-shadow: 0 0 15px #0000001a;
}

.white-style-guide {
  border-radius: var(--border-radius--3px);
  background-color: var(--color--white);
  width: 75px;
  height: 75px;
}

.headings-typography-wrapper {
  grid-row-gap: 10px;
  flex-flow: wrap;
  width: 47%;
  display: flex;
}

.headers-wrapper {
  width: 100%;
  margin-top: 10px;
}

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

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

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

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

.h3-mobile, .h3-tablet {
  font-size: 26px;
}

.h4-tablet {
  font-size: 24px;
}

.h5-tablet {
  font-size: 20px;
}

.h6-tablet {
  font-size: 18px;
}

.h4-mobile {
  font-size: 24px;
}

.h5-mobile {
  font-size: 20px;
}

.h6-mobile {
  font-size: 18px;
}

.style-guide-body-wrapper {
  grid-row-gap: var(--spacing--20);
  flex-direction: column;
  align-items: flex-start;
  width: 47%;
  display: flex;
}

.style-guide-body-wrapper.last-child {
  margin-right: 0;
}

.primary-butto {
  border: 1px solid var(--primary\<deleted\|variable-478a3a9e\>);
  background-color: var(--primary\<deleted\|variable-478a3a9e\>);
  color: var(--color--white);
  text-align: center;
  letter-spacing: .5px;
  text-transform: none;
  padding: 18px 24px;
  font-size: 16px;
  transition: all .3s;
  display: inline-block;
}

.primary-butto:hover {
  background-color: var(--color--white);
  opacity: 1;
  color: var(--primary\<deleted\|variable-478a3a9e\>);
}

.primary-butto.serch-button {
  margin-left: auto;
  margin-right: auto;
}

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

.style-guide-div.quote {
  margin-top: -20px;
}

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

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

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

.grid-header {
  width: 100%;
  margin-top: 40px;
}

.link-wrapper {
  width: 50%;
  display: flex;
}

.navbar {
  background-color: var(--color--transparent);
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
}

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

.navbar.white.bottom-line {
  border-bottom: 1px solid var(--color--black-blue-15);
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.nav-menu {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
}

.nav-link {
  color: #fff;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  padding: 20px 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4em;
}

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

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

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

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

.nav-dropdown-toggle {
  grid-column-gap: 3px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 15px;
  display: flex;
}

.nav-dropdown-list {
  border: 1px solid var(--color--white-10);
  background-color: var(--color--black);
  border-radius: 3px;
  width: 200px;
  padding: 15px 20px;
}

.nav-dropdown-list.w--open {
  padding-top: 20px;
  padding-bottom: 20px;
}

.nav-dropdown-list.megamenu {
  width: 360px;
  left: -88px;
}

.nav-dropdown-list.megamenu.w--open {
  width: 600px;
  display: flex;
  left: -188px;
}

.nav-dropdown-list.megamenu.light {
  left: -203px;
}

.nav-dropdown-list.light {
  border: 1px solid var(--color--black-blue-15);
  background-color: var(--color--blue-white);
}

.nav-dropdown-link-wrapper {
  flex-direction: column;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-dropdown-link {
  color: var(--color--white);
  font-size: var(--font-size--label);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--1-4);
  text-transform: uppercase;
  width: 100%;
  margin-left: -20px;
  padding: 8px 8px 8px 0;
  transition: all .3s;
  display: flex;
}

.nav-dropdown-link:hover {
  color: var(--light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>);
  margin-left: 0;
}

.nav-dropdown-link.w--current {
  color: var(--light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>);
}

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

.nav-dropdown-link.black:hover, .nav-dropdown-link.black.w--current {
  color: var(--color--paragraph-gray);
}

.nav-item-title {
  color: var(--color--white);
  font-size: var(--font-size--label);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--medium);
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

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

.licensing-title-wrapper {
  border-bottom: 1px #5e5e5e80;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.licensing-images-wrapper {
  border-top: 1px solid #5e5e5e80;
  width: 100%;
  padding-top: 40px;
}

.licensing-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px none var(--color--black-blue-15);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  padding-bottom: 60px;
}

.licensing-grid.last-child {
  border-bottom-style: none;
  padding-bottom: 0;
}

.licensing-image {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 320px;
  transition: all .35s;
}

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

.licensing-title {
  width: 100%;
  padding-bottom: 30px;
}

.licensing-image-link {
  border-radius: var(--border-radius--3px);
  width: 100%;
  height: 100%;
  transition-property: none;
  overflow: hidden;
}

.license-link {
  text-transform: none;
}

.license-link:hover {
  color: var(--color--paragraph-gray);
}

.licensing-heading {
  margin-bottom: 20px;
}

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

.icon-style-guide {
  color: var(--color--paragraph-gray);
  font-family: "Fa Brands 400 (6.4.2)", sans-serif;
  font-size: 24px;
  line-height: 1.3em;
  transition: all .35s;
}

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

.icon-style-guide.dribble {
  font-family: "Fa solid 900", sans-serif;
}

.licensing-fonts-wrapper {
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.licensing-icon-link {
  margin-bottom: 20px;
}

.licensing-paragraph {
  grid-row-gap: 10px;
  flex-flow: column;
  width: 50%;
  margin-right: 40px;
  display: flex;
}

.licensing-paragraph.last-item {
  margin-right: 0;
}

.licensing-icons-wrapper {
  margin-top: 20px;
  margin-bottom: 16px;
}

.utility-page-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 350px;
  margin-bottom: 0;
  display: flex;
}

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

.password-image {
  width: 140px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.password-input {
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--3px);
  color: var(--color--black);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-3);
  min-width: 280px;
  height: auto;
  margin-bottom: 10px;
  padding: 16px;
  transition: all .35s;
}

.password-input:focus {
  border: 1px solid var(--color--black);
  color: var(--color--black);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-3);
  font-weight: 400;
}

.password-input::placeholder {
  color: var(--color--paragraph-gray);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-3);
  font-weight: 400;
}

.password-title-wrapper {
  margin-bottom: 40px;
}

._404-paragraph {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}

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

._404-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  display: flex;
}

.changelog-heading {
  margin-bottom: 20px;
}

.nav-menu-wrapper {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.blog-template-wrapper {
  max-width: 920px;
  margin: -25px auto -10px;
}

.footer {
  background-color: var(--color--dark-blue);
  justify-content: center;
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer.home-3 {
  padding-top: 220px;
}

.footer-bottom-wrapper {
  grid-row-gap: 5px;
  text-wrap: balance;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.footer-rights {
  grid-column-gap: 5px;
  grid-row-gap: 0px;
  font-family: var(--fonts--font-family);
  color: var(--color--white-70);
  font-size: var(--font-size--paragraph-small);
  line-height: var(--line-height--1-4);
  display: flex;
}

.footer-copyright {
  grid-column-gap: 5px;
  font-family: var(--fonts--font-family);
  color: var(--color--white-70);
  font-size: var(--font-size--paragraph-small);
  line-height: var(--line-height--1-4);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.footer-copyright-link {
  font-family: var(--fonts--font-family);
  color: var(--color--white-70);
  font-size: var(--font-size--paragraph-small);
  line-height: var(--line-height--1-4);
  display: inline-block;
}

.footer-copyright-link:hover {
  color: var(--light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>);
}

.section-title-wrapper {
  z-index: 1;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 740px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.process-item-wrapper {
  z-index: 5;
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 60px 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
  position: relative;
}

.process-image-wrapper {
  border-radius: var(--border-radius--3px);
  width: 100%;
  height: 260px;
  position: relative;
  overflow: hidden;
}

.process-content {
  grid-row-gap: var(--spacing--15);
  flex-flow: column;
  display: flex;
}

.process-number-wrapper {
  border-radius: var(--border-radius--50);
  background-color: var(--color--black);
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.process-number {
  font-family: var(--fonts--font-family-decor);
  color: var(--color--white);
  font-size: var(--font-size--h3);
  line-height: var(--line-height--1-1);
}

.style-guide-buttons-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.style-guide-button-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 47%;
  display: flex;
}

.style-guide-button-wrapper.last-child {
  margin-right: 0;
}

.free-trial-wrapper {
  text-align: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.free-trial-title {
  margin-top: 0;
  margin-bottom: 40px;
}

.process-image {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.paragraph-large {
  font-size: var(--font-size--paragraph-large);
}

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

.text-white.is-header {
  font-size: var(--font-size--paragraph-large);
}

.section-title-description {
  text-align: center;
  max-width: 550px;
  margin-top: 20px;
}

.accordion-toggle {
  white-space: normal;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  display: flex;
}

.accordion-list {
  background-color: #0000;
  width: 100%;
  display: block;
  position: static;
  overflow: hidden;
}

.accordion-list.w--open {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 20px;
  display: block;
}

.accordion-item {
  border-top: 1px solid var(--color--black-blue-15);
  background-color: var(--color--white);
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
}

.accordion-icon {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 17px;
  line-height: 24px;
}

.accordion-list-content {
  max-width: 700px;
}

.accordion-list-content.main {
  max-width: 90%;
}

.accordion-title {
  font-family: var(--fonts--font-family);
  font-size: var(--font-size--h5);
  line-height: var(--line-height--1-1);
  font-weight: var(--font-weight--normal);
}

.light-background {
  background-color: var(--light-gray\<deleted\|variable-720418ab\>);
}

.contacts-form-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.hidden {
  display: none;
}

.contacts-textarea {
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--3px);
  background-color: var(--color--white-50);
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-4);
  min-width: 100%;
  max-width: 100%;
  min-height: 150px;
  max-height: 100%;
  margin-bottom: 0;
  padding: 16px 12px;
  transition: all .2s;
}

.contacts-textarea:focus {
  border: 1px solid var(--color--black);
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-4);
  padding-left: 16px;
}

.contacts-textarea::placeholder {
  font-family: var(--fonts--font-family);
  color: var(--color--dark-gray);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-4);
}

.contacts-input {
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--3px);
  background-color: var(--color--white-50);
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-4);
  height: auto;
  margin-bottom: 0;
  padding: 16px 12px;
  transition: all .2s;
}

.contacts-input:focus {
  border: 1px solid var(--color--black);
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-4);
  padding-left: 16px;
}

.contacts-input::placeholder {
  font-family: var(--fonts--font-family);
  color: var(--color--dark-gray);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-4);
  font-weight: 400;
}

.footer-link {
  font-family: var(--fonts--font-family);
  color: var(--color--white);
  font-size: var(--font-size--label);
  line-height: var(--line-height--1-4);
  letter-spacing: var(--letter-spacing--1-4);
  text-transform: uppercase;
  transition: all .3s;
}

.footer-link:hover {
  color: var(--color--red);
}

.footer-social-icons-wrapper {
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.footer-wrapper-grid {
  grid-column-gap: 80px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
  display: grid;
}

.white-text {
  color: #fff;
}

.footer-brand-wrapper {
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  height: auto;
  display: flex;
}

.footer-brand {
  color: #fff;
  width: 100%;
  height: auto;
}

.footer-brand.w--current {
  color: #fff;
  padding-left: 0;
  font-family: Poppins;
}

.footer-social-icon {
  background-color: var(--color--white-10);
  font-family: var(--fonts--font-family-icons);
  color: var(--color--white);
  font-size: var(--font-size--h6);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .3s;
  display: flex;
}

.footer-social-icon:hover {
  background-color: var(--color--blue-white);
  color: var(--color--paragraph-gray);
}

.footer-social-icon.last-child {
  margin-right: 0;
}

.footer-links-wrapper {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-links-wrapper.align-right {
  text-align: right;
  justify-content: flex-start;
  align-items: flex-end;
}

.footer-logo {
  width: 100%;
  height: 72px;
}

.search-wrap-input {
  color: var(--primary-dark\<deleted\|variable-7ad493ea\>);
  background-color: #0000;
  border: 1px solid #0000;
  height: 60px;
  margin-bottom: 0;
  padding: 0;
  font-family: Lato, sans-serif;
  font-size: 18px;
}

.search-wrap-input:focus {
  border-style: none;
}

.search-wrap-input::placeholder {
  color: var(--color--dark-gray);
}

.search-desktop {
  z-index: 1000;
  background-color: #ffffffe6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.search-close-button {
  cursor: pointer;
  font-family: "Fa solid 900", sans-serif;
  font-size: 20px;
  font-weight: 900;
  position: absolute;
  inset: 50px 50px auto auto;
}

.search-bottom-line {
  background-color: var(--primary\<deleted\|variable-478a3a9e\>);
  width: 100%;
  height: 3px;
  margin-bottom: 20px;
  display: flex;
}

.search-wrapper {
  flex-direction: column;
  width: 100%;
  max-width: 1140px;
  display: flex;
}

.navbar-button-wrapper-desk {
  align-items: center;
  display: flex;
}

.without-top-spacing {
  padding-top: 0;
}

.search-result-item {
  margin-bottom: 30px;
}

.search-link {
  font-size: var(--font-size--paragraph-large);
  transition: all .3s;
  display: inline-block;
}

.search-link:hover {
  color: var(--color--paragraph-gray);
}

.search-input {
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--3px);
  color: var(--color--black);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-1);
  height: auto;
  margin-bottom: 0;
  padding: 16px;
  transition: all .35s;
}

.search-input:focus {
  border: 1px solid var(--color--black);
  color: var(--color--black);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-1);
}

.search-input::placeholder {
  color: var(--color--paragraph-gray);
}

.search-result-wrapper {
  width: 100%;
  margin-top: 40px;
}

.search-section {
  padding-top: 170px;
  padding-bottom: 80px;
}

.footer-logo-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-brand-description {
  color: var(--color--white);
  text-align: left;
}

.service-details-content-wrapper {
  max-width: 70%;
  margin-top: -25px;
  margin-bottom: -10px;
}

.accordion-wrap-one-column {
  width: 100%;
}

.service-details-content {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.accordion-wrapper-one-column {
  justify-content: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

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

.service-list-item {
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

.style-guide-content-wrapper {
  grid-column-gap: var(--spacing--40);
  grid-row-gap: var(--spacing--40);
  flex-wrap: nowrap;
  margin-top: 30px;
  display: flex;
}

.slide-3 {
  max-height: 580px;
}

.about-3-tab-link {
  color: var(--color--white);
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  width: 33.33%;
  margin-bottom: -12px;
  padding-top: 20px;
  padding-bottom: 4px;
  font-size: 19px;
  line-height: 32px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.about-3-tab-link.w--current {
  color: var(--color--white);
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 4px;
  font-size: 24px;
}

.portfolio-grid-collection-item {
  width: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 30px #00000014;
}

.portfolio-masonry-image-wrapper {
  position: relative;
}

.landing-banner-image {
  z-index: 1;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.landing-performance-grid {
  grid-column-gap: 120px;
  grid-row-gap: 60px;
  width: 100%;
}

.landing-progress-bar-wrapper {
  margin-top: 20px;
}

.landing-progress-bar-gray-line {
  background-color: var(--color--black-blue-15);
  border-radius: 10px;
  width: 100%;
  height: 10px;
}

.landing-progress-bar-95 {
  background-color: var(--color--black);
  border-radius: 10px;
  width: 95%;
  height: 10px;
  margin-top: -10px;
  position: relative;
}

.landing-progress-bar-number {
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  inset: auto 0% 30px auto;
}

.landing-progress-bar-92 {
  background-color: var(--color--black);
  border-radius: 10px;
  width: 92%;
  height: 10px;
  margin-top: -10px;
  position: relative;
}

.landing-progress-bar-100 {
  background-color: var(--color--black);
  border-radius: 10px;
  width: 100%;
  height: 10px;
  margin-top: -10px;
  position: relative;
}

.landing-progress-bar-88 {
  background-color: var(--color--black);
  border-radius: 10px;
  width: 88%;
  height: 10px;
  margin-top: -10px;
  position: relative;
}

.landing-features-grid {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.landing-feature-icon {
  border: 1px solid var(--color--black-blue-15);
  background-color: var(--color--white);
  color: var(--color--dark-gray);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 20px;
  display: flex;
}

.landing-feature-item {
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.landing-feature-item._1 {
  width: 300px;
  margin-right: 340px;
}

.landing-feature-item._1-copy {
  width: 300px;
  margin-left: 340px;
}

.landing-inner-pages-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.landing-inner-page-item {
  border-radius: var(--border-radius--3px);
  background-color: var(--color--black);
  text-align: center;
  width: 100%;
  padding: 6px 6px 20px;
  transition-property: none;
}

.landing-inner-page-image {
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  object-position: 50% 0%;
}

.landing-inner-page-image-wrapper {
  border-radius: var(--border-radius--3px);
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.landing-inner-page-icon {
  z-index: 10;
  background-color: var(--color--black);
  color: var(--color--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 20px;
  display: flex;
  position: absolute;
}

.landing-inner-page-overlay {
  z-index: 1;
  border-radius: var(--border-radius--3px);
  background-color: var(--color--black-blue-15);
  position: absolute;
  inset: 0%;
}

.landing-banner-title-wrapper {
  z-index: 1;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  margin-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.landing-performance-item-title {
  font-size: var(--font-size--h6);
  line-height: var(--line-height--1-1);
  font-weight: 500;
}

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

.landing-home-pages-wrapper {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.landing-download-block-wrapper {
  background-color: var(--color--paragraph-gray);
  background-image: url('../images/Frame-47.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 75px 80px 75px 180px;
  display: flex;
}

.download-button-icon {
  margin-top: 4px;
  margin-right: 10px;
  font-family: "Fa solid 900", sans-serif;
}

.mb-20 {
  margin-bottom: 20px;
}

.landing-download-block-wrap {
  max-width: 500px;
}

.team-title {
  grid-row-gap: var(--spacing--30);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 600px;
  display: flex;
}

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

.blog-section-title {
  text-align: center;
  margin-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
}

.map-wrapper {
  position: relative;
}

.map-wrapper.home-page {
  width: 100%;
  margin-bottom: 60px;
}

.contacts-wrapper-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 30px;
  padding-right: 30px;
}

.section-title-center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 780px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

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

.courses-collection {
  width: 100%;
}

.home-4-testimonials-wrapper, .testimonials-wrapper-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: stretch;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.top-banner-button-wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 38px;
  display: flex;
  position: relative;
}

.about-img {
  object-fit: cover;
  position: absolute;
}

.about-img._1 {
  z-index: 2;
  width: 350px;
  inset: 0% 0% auto 12%;
}

.about-img._5 {
  z-index: 4;
  width: 350px;
  inset: 60% 0% auto 24%;
}

.about-img._3 {
  z-index: 1;
  width: 300px;
  inset: 19% 4% 0% auto;
}

.about-img._4 {
  z-index: 5;
  width: 220px;
  inset: 47% 30% 0% 50%;
}

.about-img._2 {
  z-index: 3;
  width: 300px;
  inset: 31% auto 0% 2%;
}

.subtitle {
  border-bottom: 2px solid #80808026;
  margin-bottom: 30px;
  margin-right: 0;
  padding-bottom: 4px;
  display: inline-block;
}

.our-services-wrap {
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  width: 33.33%;
  display: flex;
}

.mb-10 {
  margin-bottom: 10px;
}

.central-alignment-heaading {
  text-align: center;
  margin-bottom: 75px;
}

.heading-wrapper {
  margin-top: 40px;
  margin-bottom: 30px;
}

.content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 190px;
  display: flex;
}

.content {
  border-radius: 5px;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
}

.industries-block-wrapper {
  background-color: #0000;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  max-width: 35vw;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.industries-block-wrapper:hover {
  box-shadow: 0 10px 20px #14173326;
}

.home-9-team-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 31%;
  position: relative;
}

.about-4-team-slide {
  width: 23%;
  margin-right: 30px;
}

.about-6-projects-item {
  text-align: center;
  object-fit: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 370px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-with-blue-bg {
  background-color: var(--primary\<deleted\|variable-478a3a9e\>);
  justify-content: center;
  display: flex;
}

.nav-dropdown-link-line {
  background-color: var(--light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 15px;
  display: inline-block;
}

.nav-dropdown-link-line.black {
  background-color: var(--color--paragraph-gray);
}

.search {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  width: 100%;
  margin-top: 30px;
  display: flex;
}

.subtitle-2 {
  color: #fc8e44;
  border-bottom: 2px solid #80808026;
  margin-bottom: 30px;
  margin-right: 0;
  padding-bottom: 4px;
  display: inline-block;
}

.dropdown-nav-link {
  color: #999;
  margin-left: -20px;
  padding: 5px 0;
  font-family: Poppins;
  transition: color .2s;
  display: flex;
}

.dropdown-nav-link:hover, .dropdown-nav-link.w--current {
  color: #004ae2;
}

.image-gallery {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100vw;
  height: 100%;
}

.gallery-image-link {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-19-gallery-img-link {
  justify-content: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu-wrap {
  align-items: center;
  display: flex;
}

.rich-text-style h2 {
  font-size: var(--font-size--h3);
  margin-top: 25px;
  margin-bottom: 15px;
}

.rich-text-style h3 {
  font-size: var(--font-size--h4);
  margin-top: 25px;
  margin-bottom: 15px;
}

.rich-text-style h4 {
  font-size: var(--font-size--h5);
  margin-top: 25px;
  margin-bottom: 15px;
}

.rich-text-style h5, .rich-text-style h6 {
  margin-top: 20px;
}

.rich-text-style ul {
  margin-top: var(--spacing--20);
  margin-bottom: var(--spacing--20);
}

.rich-text-style img {
  border-radius: var(--border-radius--3px);
  margin-top: 20px;
  margin-bottom: 10px;
}

.rich-text-style p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.home-banner-left-arrow {
  align-items: center;
  height: 40px;
  display: flex;
  inset: 0% auto 0% 2%;
}

.home-23-team-item {
  width: 33%;
}

.center-title {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand-tablet {
  display: none;
}

.style-guide-subtitle {
  font-size: var(--font-size--h4);
  line-height: var(--line-height--1-4);
  margin-bottom: 20px;
  font-weight: 500;
}

.footer-rights-wrapper {
  grid-column-gap: 5px;
  text-align: right;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  max-width: 240px;
  margin-left: auto;
  display: flex;
}

.success-message {
  background-color: var(--color--white);
  color: var(--color--black);
  text-align: center;
  width: 100%;
  height: 100%;
  font-weight: 500;
}

.error-message {
  color: var(--color--red);
  text-align: center;
  background-color: #0000;
  padding: 0;
}

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

.form-contacts {
  grid-row-gap: 20px;
  border-radius: var(--border-radius--3px);
  background-color: var(--color--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.form-block-contacts {
  border-radius: var(--border-radius--3px);
  background-color: var(--color--white);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
}

.section-purchase {
  padding: 80px 15px;
  position: relative;
}

.footer-licensing-link {
  color: var(--color--white-70);
  font-size: var(--font-size--paragraph-small);
  line-height: var(--line-height--1-4);
}

.footer-licensing-link:hover {
  color: var(--light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>);
}

.button-wrapper-sg {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.license-link-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.licensing-icons {
  width: 50%;
}

.cta-button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  font-family: var(--fonts--font-family-decor);
  color: var(--color--red);
  font-size: var(--font-size--paragraph-large);
  text-transform: uppercase;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.cta-section {
  z-index: 1;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 220px 15px 80px;
  display: flex;
  position: relative;
}

.cta-text-content {
  margin-top: 60px;
  margin-bottom: var(--spacing--40);
  grid-row-gap: var(--spacing--15);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 800px;
  display: flex;
}

.cta-paragraph {
  max-width: 680px;
}

.image-full {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.images-paralax-wrapper {
  grid-column-gap: 15px;
  flex-flow: row;
  display: flex;
}

.cta-content {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.cta-title {
  position: relative;
}

.button-body {
  border-radius: var(--border-radius--100px);
  background-color: var(--color--dark-blue);
  justify-content: center;
  align-items: center;
  height: 54px;
  padding: 19px;
  display: flex;
}

.button-body.white {
  background-color: var(--color--white);
}

.text-button {
  z-index: 2;
  font-family: var(--fonts--font-family);
  color: var(--color--white);
  font-size: var(--font-size--label);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--medium);
  letter-spacing: var(--letter-spacing--1-4);
  text-transform: uppercase;
  position: relative;
}

.text-button.text-black {
  color: var(--color--dark-blue);
}

.primary-button {
  transition-property: none;
  display: flex;
}

.primary-button.full-width {
  flex-flow: column;
  align-items: stretch;
}

.arrow-button-wrapper {
  background-color: var(--color--red);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  padding: 19px;
  display: flex;
}

.arrow-button-wrapper.white {
  background-color: var(--color--light-blue);
}

.image-arrow {
  object-fit: cover;
  width: 16px;
  height: 16px;
}

.link-with-icon {
  grid-column-gap: 8px;
  padding-bottom: 4px;
  transition-property: none;
  display: flex;
  position: relative;
}

.image-arrow-secondary {
  object-fit: cover;
  width: 24px;
  height: 24px;
}

.text-button-secondary {
  font-family: var(--fonts--font-family);
  color: var(--color--red);
  font-size: var(--font-size--button-large);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--medium);
  text-transform: capitalize;
}

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

.line-button {
  background-color: var(--color--red);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.line-button.white {
  background-color: var(--color--white);
}

.secondary-button-white {
  grid-column-gap: 10px;
  width: auto;
  padding-bottom: 4px;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.background-image-banner {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlay-banner {
  z-index: 1;
  background-image: linear-gradient(78deg, var(--color--dark-blue) 24%, #fff0);
  opacity: .9;
  filter: none;
  position: absolute;
  inset: 0%;
}

.banner-content {
  z-index: 2;
  grid-row-gap: var(--spacing--40);
  flex-flow: column;
  display: flex;
  position: relative;
}

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

.banner-button-wrap {
  display: flex;
}

.banner-text-content {
  grid-row-gap: var(--spacing--20);
  text-shadow: 0 0 .5rem var(--color--dark-blue);
  flex-flow: column;
  max-width: 760px;
  display: flex;
}

.banner-text-content.faq {
  max-width: 800px;
}

.lines-wrapper-bottom {
  z-index: 2;
  position: absolute;
  inset: auto 0% 0%;
}

.line-wrapper {
  width: 100%;
}

.line-wrapper.tp-32 {
  padding-top: 32px;
}

.line-wrapper.tp-42 {
  padding-top: 42px;
  padding-bottom: 0;
}

.line-wrapper.bp-32 {
  padding-bottom: 32px;
}

.line-wrapper.bp-16 {
  padding-bottom: 16px;
}

.line-wrapper.bp-22 {
  padding-bottom: 22px;
}

.line-wrapper.tp-10 {
  padding-top: 10px;
}

.line-wrapper.tp-16 {
  padding-top: 16px;
}

.line-wrapper.tp-30 {
  padding-top: 30px;
}

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

.line-30.dark {
  background-color: var(--color--dark-blue);
}

.line-52 {
  background-color: var(--color--white);
  width: 100%;
  height: 52px;
}

.line-52.dark {
  background-color: var(--color--dark-blue);
}

.light-bg {
  background-color: var(--color--blue-white);
  object-fit: cover;
  width: auto;
  height: 100%;
  position: absolute;
  inset: 0% 15px;
}

.left-slide-paralax {
  width: 160px;
  height: 200px;
  position: relative;
}

.slide-nav-hide {
  display: none;
}

.right-slide-paralax {
  width: 160px;
  height: 200px;
  margin-top: 50px;
  position: relative;
}

.lines-wrapper-top {
  z-index: 2;
  position: absolute;
  inset: 0% 0% auto;
}

.accent-font {
  font-family: var(--fonts--font-family-decor);
}

.packages-center-description {
  z-index: 2;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.text-button-secondary-small {
  color: var(--color--red);
  font-size: var(--font-size--link);
  line-height: var(--line-height--1-4);
  text-transform: capitalize;
}

.image-arrow-secondary-small {
  object-fit: cover;
  width: 16px;
  height: 16px;
}

.cta-packages-text-content {
  z-index: 2;
  grid-row-gap: 30px;
  background-color: var(--color--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 40px;
  display: flex;
  position: relative;
}

.cta-package-paragraph {
  max-width: 700px;
}

.packages-left-image-wrap {
  width: 200px;
  height: 250px;
  position: absolute;
  inset: 40px auto auto 15px;
}

.image-package-cta {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.packages-right-image-wrap {
  width: 200px;
  height: 250px;
  position: absolute;
  inset: auto 15px 97px auto;
}

.collection-item-2 {
  border-bottom: 1px solid var(--color--black-blue-15);
  padding-top: 40px;
  padding-bottom: 40px;
}

.collection-item-2:first-child {
  padding-top: 0;
}

.collection-item-2:last-child {
  border-bottom-style: none;
  padding-bottom: 0;
}

.package-item-wrapper {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .4fr .6fr .9fr 54px;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.package-description {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.tags-wrapper {
  grid-column-gap: 5px;
  display: flex;
}

.tag {
  border: 1px solid var(--color--black-blue-15);
  border-radius: 50px;
  padding: 8px 15px;
}

.arrow-image {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.package-button {
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--3px);
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-image-package {
  border-radius: var(--border-radius--3px);
  height: 240px;
  position: relative;
  overflow: hidden;
}

.image-background-wrapper {
  width: auto;
  height: 100%;
  position: absolute;
  inset: 0% 15px;
  overflow: hidden;
}

.numbers-wrapper {
  z-index: 1;
  grid-column-gap: 30px;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.numbers-wrapper.about {
  grid-column-gap: 60px;
  border-top: 1px solid var(--color--red);
  justify-content: center;
  align-items: center;
  max-width: 860px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-left: 0;
  padding-right: 0;
}

.number {
  font-family: var(--fonts--font-family-decor);
  color: var(--color--white);
  font-size: 50px;
  line-height: var(--line-height--1-1);
}

.number.home-3 {
  color: var(--color--black);
  font-size: var(--font-size--h2);
}

.number.black {
  color: var(--color--black);
}

.number-item {
  grid-row-gap: 10px;
  flex-flow: column;
  width: 170px;
  display: flex;
}

.number-item.home-3 {
  width: 150px;
}

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

.span-plus {
  vertical-align: super;
  font-size: 40px;
  line-height: 30px;
  display: inline-block;
}

.bg-overlay {
  background-image: linear-gradient(0deg, #000, #fff0 74%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slider-projects {
  background-color: var(--color--transparent);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.mask-projects {
  width: 50%;
  min-height: 500px;
  overflow: visible;
}

.collection-list-project {
  height: 100%;
}

.collection-item-project {
  height: 100%;
  position: relative;
}

.project-background-wrapper {
  border-radius: var(--border-radius--3px);
  justify-content: center;
  align-items: flex-end;
  min-height: 500px;
  transition-property: none;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.project-background {
  z-index: 2;
  border-radius: var(--border-radius--3px);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.light-overlay {
  z-index: 4;
  border-radius: var(--border-radius--3px);
  background-color: var(--color--white-50);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.text-content-card-wrapper-project {
  z-index: 2;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-center-info-project {
  grid-row-gap: var(--spacing--15);
  text-align: center;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.left-arrow-wrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 30%;
  display: flex;
  inset: 0% auto 0% 0%;
}

.left-arrow-wrapper.home-2 {
  width: 54px;
  height: 54px;
  left: 30px;
}

.left-arrow-wrapper.gallery {
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--50);
  background-color: var(--color--white);
  width: 54px;
  height: 54px;
  left: -600px;
  right: 0;
}

.nav-icon {
  object-fit: cover;
  width: 16px;
  height: 16px;
}

.navbar-logo {
  width: auto;
  height: 54px;
}

.arrow-project {
  background-color: var(--color--black);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  display: flex;
}

.arrow-project.hover {
  transition: all .35s;
}

.arrow-project.hover:hover {
  background-color: var(--color--paragraph-gray);
}

.image-arrow-project {
  object-fit: cover;
  width: 24px;
  height: 24px;
  transform: rotate(-180deg);
}

.image-arrow-project.no-rotate {
  transform: none;
}

.right-arrow-wrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 30%;
  display: flex;
  inset: 0% 0% 0% auto;
}

.right-arrow-wrapper.home-2 {
  width: 54px;
  height: 54px;
  right: 30px;
}

.right-arrow-wrapper.gallery {
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--50);
  background-color: var(--color--white);
  width: 54px;
  height: 54px;
  left: 0;
  right: -600px;
}

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

.line-32 {
  background-color: var(--color--white);
  width: 100%;
  height: 32px;
}

.line-32.light {
  background-color: var(--color--blue-white);
}

.line-16 {
  background-color: var(--color--white);
  width: 100%;
  height: 16px;
}

.line-16.light {
  background-color: var(--color--blue-white);
}

.line-10 {
  background-color: var(--color--white);
  width: 100%;
  height: 10px;
}

.line-10.dark {
  background-color: var(--color--dark-blue);
}

.line-22 {
  background-color: var(--color--white);
  width: 100%;
  height: 22px;
}

.line-22.light {
  background-color: var(--color--blue-white);
}

.collection-item-service {
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-title-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}

.service-item-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.image-service-left {
  width: 120px;
  height: 140px;
  position: absolute;
  inset: 10px auto auto 50px;
}

.image-service-right {
  width: 120px;
  height: 140px;
  position: absolute;
  inset: auto 50px auto auto;
}

.services-section {
  z-index: 1;
  flex-flow: column;
  display: flex;
  position: relative;
}

.services-button-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.review-item-wrapper {
  z-index: 2;
  border: 1px solid var(--color--dark-gray);
  border-radius: var(--border-radius--3px);
  background-color: var(--color--blue-white);
  padding: 8px 8px 20px;
  position: relative;
}

.image-post {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .35s;
}

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

.services-label-wrapper {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.projects-section-title {
  margin-right: auto;
  margin-bottom: var(--spacing--60);
  grid-row-gap: var(--spacing--30);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 740px;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.paragraph-project {
  color: var(--color--white);
  max-width: 420px;
}

.title-event {
  font-family: var(--fonts--font-family);
  color: var(--color--white);
  font-size: var(--font-size--h3);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--medium);
  transition: all .35s;
}

.title-event:hover {
  color: var(--color--light-blue);
}

.image-service {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.link-insta {
  justify-content: center;
  align-items: center;
  transition-property: none;
  display: flex;
  position: relative;
}

.post-title {
  font-family: var(--fonts--font-family);
  font-size: var(--font-size--h5);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--medium);
}

.image-package {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.package-title {
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--h3);
  line-height: var(--line-height--1-3);
  font-weight: var(--font-weight--medium);
  transition: all .35s;
}

.package-title:hover {
  color: var(--color--paragraph-gray);
}

.package-title-link {
  transition-property: none;
}

.arrow-wrapper {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.bg-button {
  background-color: var(--color--light-blue);
  position: absolute;
  inset: auto 0% 0%;
}

.arrow-image-white {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: absolute;
}

.arrow-image-white.rotate {
  transform: rotate(180deg);
}

.image-arrow-secondary-right {
  object-fit: cover;
  width: 24px;
  height: 24px;
  margin-right: -24px;
  position: absolute;
  inset: auto -10px auto auto;
}

.button-wrapper-mob {
  display: none;
}

.service-title {
  font-family: var(--fonts--font-family-decor);
  color: var(--color--black);
}

.navbar-button-wrapper-tab {
  align-items: center;
  display: none;
}

.overlay-black-20 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0003;
  display: none;
  position: absolute;
  inset: 0%;
}

.label {
  z-index: 2;
  font-family: var(--fonts--font-family);
  color: var(--color--dark-gray);
  font-size: var(--font-size--label);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--medium);
  text-align: center;
  text-transform: uppercase;
  position: relative;
}

.label.align-left {
  text-align: left;
}

.label.project {
  color: var(--color--white);
  text-align: left;
}

.label.reviews {
  z-index: 1;
  position: relative;
}

.label.numbers {
  text-align: left;
}

.label.category:hover {
  color: var(--color--paragraph-gray);
}

.label.is-red {
  color: var(--color--red);
}

.name {
  color: var(--color--black);
  font-size: var(--font-size--h6);
  line-height: var(--line-height--1-1);
  font-weight: var(--font-weight--medium);
}

.left-content-banner-home-2 {
  grid-row-gap: 80px;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 100%;
  display: flex;
}

.blur-block {
  border-radius: var(--border-radius--3px);
  background-color: var(--color--black-blue-55);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 30px;
  display: flex;
}

.title-services-wrapper {
  margin-bottom: var(--spacing--60);
  justify-content: space-between;
  align-items: flex-end;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.title-services {
  grid-row-gap: var(--spacing--30);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 640px;
  display: flex;
}

.collection-list-services {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.services-section-wrapper {
  padding-top: var(--spacing--80);
  padding-bottom: var(--spacing--80);
  border-right: 1px solid var(--color--black-blue-15);
  border-left: 1px solid var(--color--black-blue-15);
  margin-left: 20px;
  margin-right: 20px;
}

.collection-services-wrapper {
  border-top: 1px solid var(--color--black-blue-15);
  border-bottom: 1px solid var(--color--black-blue-15);
}

.service-item-wrap {
  background-color: var(--color--dark-blue);
  flex-flow: column;
  height: 100%;
  padding: 40px 20px;
  display: flex;
}

.service-image {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.link-service-image {
  border-radius: var(--border-radius--3px);
  width: 100%;
  height: 350px;
  transition-property: none;
  position: relative;
  overflow: hidden;
}

.collection-item-services {
  border-right: 1px solid var(--color--black-blue-15);
}

.collection-item-services:last-child {
  border-right-style: none;
}

.title-service {
  grid-row-gap: var(--spacing--15);
  flex-flow: column;
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
}

.secondary-button {
  grid-column-gap: 20px;
  border: 1px solid var(--color--light-blue);
  border-radius: var(--border-radius--3px);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 54px;
  padding: 17px 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.secondary-button.center {
  justify-content: center;
  align-items: center;
}

.bottom-service-description {
  text-wrap: balance;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.bottom-service-description.full-width {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.left-arrow-reviews {
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--3px);
  background-color: var(--color--white);
  justify-content: center;
  align-items: center;
  width: 54px;
  height: auto;
  transition: all .5s;
  display: flex;
  inset: 15px auto 15px 15px;
}

.right-arrow-reviews {
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--3px);
  background-color: var(--color--white);
  justify-content: center;
  align-items: center;
  width: 54px;
  height: auto;
  transition: all .5s;
  display: flex;
  inset: 15px 15px 15px auto;
}

.slider-reviews {
  z-index: 1;
  border-radius: var(--border-radius--3px);
  background-color: var(--color--white);
  height: auto;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
  overflow: hidden;
}

.slide-left {
  border-right: 1px solid var(--color--black-blue-15);
  width: 50%;
  height: auto;
  padding: 60px 40px 60px 100px;
}

.review-text {
  font-size: 26px;
  line-height: var(--line-height--1-1);
  font-weight: var(--font-weight--medium);
}

.image-arrow-slider-right {
  transform: rotate(45deg);
}

.image-arrow-slider {
  transform: rotate(-135deg);
}

.image-guest {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 55px;
  height: 55px;
}

.image-guest.round {
  border-radius: var(--border-radius--50);
  width: 100px;
  height: 100px;
}

.guest-info {
  grid-column-gap: 24px;
  margin-top: 30px;
  display: flex;
}

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

.guest-name-wrapper.align-center {
  justify-content: center;
  align-items: center;
}

.slide-right {
  width: 50%;
  padding: 60px 100px 60px 40px;
}

.mask-reviews {
  width: 100%;
  overflow: visible;
}

.faq-title {
  margin-bottom: var(--spacing--60);
  grid-row-gap: var(--spacing--30);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 650px;
  display: flex;
}

.faq-section-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq-wrapper {
  width: 750px;
}

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

.accordion-title-wrap.small-gap {
  grid-column-gap: 40px;
  margin-right: 20px;
}

.faq-icon {
  background-image: url('../images/bitcoin-icons_plus-outline.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

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

.cta-block-content {
  z-index: 1;
  background-color: var(--color--white);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 900px;
  margin-top: -80px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.small-image-cta {
  z-index: 2;
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 160px;
  height: 200px;
  position: relative;
}

.text-content-cta {
  grid-row-gap: var(--spacing--15);
  text-wrap: balance;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 700px;
  display: flex;
}

.cta-content-wrap {
  grid-row-gap: var(--spacing--40);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
}

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

.footer-info-grid {
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: .4fr 1fr .4fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 30px;
  display: grid;
}

.numbers-wrap {
  grid-column-gap: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.addres-link {
  font-family: var(--fonts--font-family);
  color: var(--color--white);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-4);
}

.addres-link:hover {
  color: var(--color--light-blue);
}

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

.footer-links.align-right {
  justify-content: flex-start;
  align-items: flex-end;
}

.footer-logo-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.phone {
  font-family: var(--fonts--font-family);
  color: var(--color--white);
  font-size: var(--font-size--h5);
  line-height: var(--line-height--1-4);
  transition: all .3s;
}

.phone:hover {
  color: var(--light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>);
}

.phones-divider {
  background-color: #fff3;
  width: 1px;
  height: 100%;
}

.link-to-top {
  border-radius: var(--border-radius--50);
  background-color: var(--color--white);
  justify-content: center;
  align-items: flex-start;
  width: 188px;
  height: 188px;
  padding-top: 20px;
  display: flex;
  position: absolute;
  bottom: -170px;
  left: auto;
  right: auto;
}

.link-to-top:hover {
  transform: scale(.9);
}

.footer-copyright-wrap {
  flex-flow: wrap;
  max-width: 200px;
  display: flex;
}

.arrow-top {
  transform: rotate(-90deg);
}

.service-title-hover {
  font-family: var(--fonts--font-family);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--1-1);
  font-weight: var(--font-weight--medium);
  transition: all .35s;
}

.service-title-hover:hover {
  color: var(--color--paragraph-gray);
}

.service-title-link {
  transition-property: none;
}

.button-wrapper-desk {
  flex: none;
}

.faq-number {
  color: var(--color--black);
  font-size: var(--font-size--paragraph-large);
}

.paragraph-cta-wrap {
  max-width: 700px;
}

.section-top {
  width: 0;
  height: 0;
}

.clip {
  z-index: 10;
  position: relative;
  overflow: hidden;
}

.clip-button-text {
  width: 100%;
  overflow: hidden;
}

.clip-button-text.absolute {
  position: absolute;
  bottom: -100%;
}

.contact-title {
  font-family: var(--fonts--font-family);
  color: var(--color--white);
  font-size: var(--font-size--h6);
  line-height: var(--line-height--1-1);
}

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

.blog-post-item {
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--3px);
  align-items: stretch;
  height: 100%;
  padding: 20px;
  display: flex;
}

.link-image-post {
  aspect-ratio: 2.39;
  border-radius: var(--border-radius--3px);
  width: 180px;
  height: auto;
  position: relative;
  overflow: hidden;
}

.post-right-description {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 30px;
  display: flex;
}

.post-title-wrapper {
  grid-row-gap: var(--spacing--15);
  flex-flow: column;
  margin-bottom: 40px;
  display: flex;
}

.blog-title-wrapper {
  margin-bottom: var(--spacing--60);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.about-title-wrapper {
  margin-right: auto;
  margin-bottom: var(--spacing--60);
  grid-row-gap: var(--spacing--30);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  display: flex;
}

.images-grig-about {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr .6fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.big-image-grid, .right-image-grid, .left-image-grid {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.label-wrapper {
  text-align: left;
}

.packages-section {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.collection-packages-wrapper {
  width: 50%;
}

.package-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--3px);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 54px;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  padding: 20px;
  display: grid;
}

.collection-list-packages, .package-content {
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.package-title-wrap {
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.background-video {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.video-background-wrapper {
  width: 100%;
  height: 100%;
}

.cta-block-content-home-2 {
  z-index: 1;
  background-color: var(--color--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-content-wrap-home-2 {
  grid-row-gap: var(--spacing--40);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.text-content-cta-home-2 {
  grid-row-gap: var(--spacing--15);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  display: flex;
}

.top-content-cta-home-2 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.small-image-cta-home-2 {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.paragraph-cta-wrap-home-2 {
  max-width: 500px;
}

.title-banner-wrapper {
  margin-bottom: var(--spacing--40);
  grid-row-gap: var(--spacing--20);
  flex-flow: column;
  display: flex;
}

.text-content-banner {
  width: 100%;
  padding-right: 60px;
}

.image-cover-rotate {
  border-radius: var(--border-radius--3px);
  background-color: var(--color--black);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video-banner-wrapper {
  z-index: 1;
  width: 40%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

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

.hero-image-rotate {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.rotate-wrap {
  perspective: 200vw;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rotate-outside {
  perspective: 200vw;
  width: 100%;
  height: 100%;
}

.rotate-inside {
  z-index: 5;
  aspect-ratio: 10 / 9;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.rotate-image {
  z-index: 3;
  transform-style: preserve-3d;
  width: 140px;
  height: 160px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: translate3d(0, 0, -1px)rotate(180deg);
}

.rotate-image.back {
  z-index: 4;
  transform-style: preserve-3d;
  transform: none;
}

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

.title-flex-vertical {
  grid-row-gap: var(--spacing--15);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.package-name {
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--h3);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--medium);
}

.image-testimonials-wrapper {
  border-radius: var(--border-radius--3px);
  flex: none;
  width: 260px;
  height: 200px;
  overflow: hidden;
}

.review-item-wrap {
  border-top: 1px solid var(--color--black-blue-15);
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.review-text-content {
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 60px;
  display: flex;
}

.image-testimonial {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.reviews-wrap {
  flex-flow: column;
  display: flex;
}

.reviews-title {
  grid-row-gap: var(--spacing--30);
  flex-flow: column;
  max-width: 600px;
  display: flex;
}

.big-image-grid-wrap {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.right-image-grid-wrap, .left-image-grid-wrap {
  border-radius: var(--border-radius--3px);
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.collection-item-package-sticky {
  background-color: var(--color--white);
  position: sticky;
  top: 140px;
}

.review-text-wrap {
  max-width: 530px;
}

.reviews-header-wrap {
  margin-bottom: var(--spacing--60);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.bg-video-1 {
  z-index: 2;
  background-color: var(--color--black);
  width: 50%;
  height: 100%;
  position: relative;
}

.bg-video {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bg-video-2 {
  z-index: 2;
  background-color: var(--color--black);
  width: 50%;
  height: 100%;
  position: relative;
}

.small-image-cta-wrap {
  border-radius: var(--border-radius--3px);
  width: 240px;
  height: 140px;
  overflow: hidden;
}

.review-item-slide-wrap {
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.review-text-content-wrap {
  grid-row-gap: var(--spacing--30);
  flex-flow: column;
  display: flex;
}

.mask-testimonials {
  width: 75%;
}

.review-text-accent {
  font-family: var(--fonts--font-family-decor);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--1-1);
  font-weight: var(--font-weight--medium);
}

.review-slider-section-wrapper {
  z-index: 1;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.title-blog-wrapper {
  grid-row-gap: var(--spacing--30);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-blog {
  max-width: 450px;
}

.image-package-section {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 240px;
  height: 300px;
}

.packages-section-center {
  grid-row-gap: 60px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: -100px;
  display: flex;
}

.center-block-packages-title {
  grid-row-gap: var(--spacing--15);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 800px;
  display: flex;
}

.banner-content-home-3 {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.banner-title-wrapper-home-3 {
  grid-row-gap: var(--spacing--30);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 700px;
  margin-bottom: 60px;
  display: flex;
}

.slider-container-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-item {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.slider-wrap {
  position: relative;
}

.slider-banner {
  z-index: 10;
  background-color: var(--color--transparent);
  pointer-events: none;
  width: 300px;
  height: 360px;
}

.mask-slider-banner, .slide-item {
  position: static;
  overflow: visible;
}

.image-slider {
  z-index: 1;
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 0 0 10px #0000001a;
}

.image-slider.left {
  transform: translate(-60%)rotate(-5deg)scale(.8);
}

.image-slider.center {
  z-index: 3;
}

.image-slider.right {
  z-index: 2;
  transform: translate(60%)rotate(5deg)scale(.8);
}

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

.image-item-package {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.package-item-wrap {
  flex-flow: column;
  display: flex;
}

.package-description-wrap {
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
}

.flex-vertical-wrapper {
  grid-row-gap: var(--spacing--15);
  flex-flow: column;
  display: flex;
}

.collection-list-packages-grid {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-accent-text {
  font-family: var(--fonts--font-family-decor);
  color: var(--color--white);
  font-size: 36px;
  line-height: var(--line-height--1-1);
  text-wrap: balance;
}

.link-block-image-package {
  border-radius: var(--border-radius--3px);
  width: 100%;
  height: 200px;
  transition-property: none;
  position: relative;
  overflow: hidden;
}

.packages-left-column {
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  padding-right: 100px;
  display: flex;
  position: sticky;
  top: 140px;
}

.image-packages {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.packages-title {
  grid-row-gap: var(--spacing--30);
  flex-flow: column;
  display: flex;
}

.packages-title-with-image {
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.image-packages-wrapper {
  border-radius: var(--border-radius--3px);
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.link-service-image-small {
  border-radius: var(--border-radius--3px);
  width: 140px;
  height: 140px;
  position: relative;
  overflow: hidden;
}

.link-service-image-small:hover {
  transform: scale(1.1);
}

.service-item-wrap-center {
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 40px 20px;
  display: flex;
}

.service-title-hover-home-3 {
  font-family: var(--fonts--font-family-decor);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--1-1);
  font-weight: var(--font-weight--medium);
  transition: all .35s;
}

.service-title-hover-home-3:hover {
  color: var(--color--paragraph-gray);
}

.service-paragraph-wrapper {
  max-width: 280px;
  margin-bottom: 20px;
}

.title-services-center {
  grid-row-gap: var(--spacing--30);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.project-item-wrap {
  justify-content: flex-end;
  align-items: flex-end;
  width: auto;
  height: 500px;
  padding: 60px;
  transition-property: none;
  display: flex;
  position: absolute;
  inset: 0% 15px;
  overflow: hidden;
}

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

.bg-overlay-project {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-image: linear-gradient(#00000080, #00000080);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-project-bg-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.small-image-project {
  object-fit: cover;
  width: 300px;
  height: 300px;
  position: relative;
}

.project-content-wrap {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.title-project-block {
  grid-row-gap: var(--spacing--15);
  flex-flow: column;
  display: flex;
}

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

.text-content-project {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.title-project-hover {
  color: var(--color--white);
  transition: all .35s;
}

.title-project-hover:hover {
  color: var(--color--white-80);
}

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

.slider-reviews-center {
  background-color: var(--color--transparent);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.video-package-section {
  width: 100%;
  height: 400px;
}

.package-section-paragraph {
  max-width: 790px;
}

.services-section-home-3 {
  z-index: 1;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 220px 15px 80px;
  display: flex;
  position: relative;
}

.link-block-service {
  width: 100%;
  transition-property: none;
  display: flex;
}

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

.image-service-animation {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 0% 0 auto;
}

.collection-list-services-home-3 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.collection-item-services-home-3 {
  text-align: left;
  width: 100%;
}

.service-image-wrap {
  border-radius: var(--border-radius--3px);
  width: 300px;
  height: 400px;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.image-static {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.service-title-wrap {
  border-bottom: 1px solid var(--color--black-blue-15);
  width: 60%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.services-label-wrap {
  text-align: left;
  margin-bottom: 20px;
}

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

.numbers-block-wrapper {
  z-index: 1;
  margin-left: 40px;
  margin-right: auto;
  display: flex;
  position: relative;
}

.numbers-card {
  grid-row-gap: var(--spacing--40);
  background-color: var(--color--white);
  flex-flow: column;
  max-width: 600px;
  padding: 40px;
  display: flex;
}

.numbers-wrapper-home-3 {
  z-index: 1;
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.numbers-title {
  grid-row-gap: var(--spacing--30);
  flex-flow: column;
  display: flex;
}

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

.banner-text-content-wrap {
  grid-row-gap: var(--spacing--40);
  flex-flow: column;
  max-width: 800px;
  display: flex;
}

.banner-img-wrap {
  z-index: 1;
  width: 100%;
  height: 530px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

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

.team-item {
  grid-row-gap: var(--spacing--30);
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--3px);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 32px;
  display: flex;
}

.image-team {
  border-radius: var(--border-radius--50);
  object-fit: cover;
  object-position: 50% 10%;
  width: 150px;
  height: 150px;
}

.team-description {
  grid-row-gap: var(--spacing--15);
  flex-flow: column;
  display: flex;
}

.team-socials {
  background-color: var(--color--blue-white);
  font-family: var(--fonts--font-family-icons);
  color: var(--color--paragraph-gray);
  font-size: var(--font-size--h6);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .3s;
  display: flex;
}

.team-socials:hover {
  background-color: var(--color--paragraph-gray);
  color: var(--color--blue-white);
}

.team-social-icons-wrapper {
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.name-big {
  color: var(--color--black);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--1-1);
  font-weight: var(--font-weight--medium);
}

.numbers-title-about-wrapper {
  grid-row-gap: var(--spacing--30);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.team-title-wrapper {
  margin-bottom: var(--spacing--60);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.reviews-title-left {
  margin-bottom: var(--spacing--60);
  grid-row-gap: var(--spacing--30);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 600px;
  display: flex;
}

.approach-section {
  z-index: 1;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.approach-image {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.approach-small-text-wrap {
  max-width: 220px;
}

.approach-bottom-content {
  grid-row-gap: var(--spacing--40);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  display: flex;
}

.approach-image-wrap {
  border-radius: var(--border-radius--3px);
  width: 350px;
  height: 400px;
  overflow: hidden;
}

.approach-title {
  max-width: 800px;
  margin-bottom: 20px;
}

.approach-center-content {
  grid-column-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mask-gallery {
  width: 600px;
  height: 360px;
  overflow: visible;
}

.slide-gallery {
  padding-left: 5px;
  padding-right: 5px;
}

.slider-gallery {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.lightbox-link-gallery {
  border-radius: var(--border-radius--3px);
  width: 100%;
  height: 100%;
  transition-property: none;
  position: relative;
  overflow: hidden;
}

.gallery-img {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.arrow-24 {
  object-fit: cover;
  width: 24px;
  height: 24px;
}

.arrow-24.rotate {
  transform: rotate(180deg);
}

.arrow-24.absolute {
  position: absolute;
}

.arrows-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.paragrapg-banner-about-wrap {
  max-width: 550px;
}

.process-container {
  width: 100%;
  position: relative;
}

.process-wrapper {
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.process-timeline {
  z-index: 1;
  background-color: var(--color--blue-white);
  width: 3px;
  height: 100%;
  position: absolute;
}

.process-overlay-top {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--color--white), #fff0);
  height: 70px;
  position: absolute;
  inset: 0% 0% auto;
}

.process-timeline-progress {
  background-color: var(--color--black);
  width: 3px;
  height: 0;
}

.process-overlay-bottom {
  z-index: 2;
  background-image: linear-gradient(0deg, var(--color--white), #fff0);
  height: 70px;
  position: absolute;
  inset: auto 0% 0%;
}

.step-title {
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--h3);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--medium);
}

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

.services-banner-wrap {
  grid-row-gap: var(--spacing--30);
  text-align: center;
  flex-flow: column;
  max-width: 800px;
  display: flex;
}

.video-banner-left {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 200px;
  height: 200px;
  position: absolute;
  top: auto;
  left: -50px;
  right: auto;
}

.video-banner-right {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 200px;
  height: 200px;
  position: absolute;
  inset: 120px -50px auto auto;
}

.video-banner-right.blog {
  top: -51px;
}

.numbers-title-services {
  font-family: var(--fonts--font-family);
  font-size: var(--font-size--h3);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--medium);
  max-width: 450px;
}

.title-with-paragraph {
  grid-row-gap: var(--spacing--20);
  flex-flow: column;
  display: flex;
}

.content-inner-banner-center {
  z-index: 1;
  grid-row-gap: var(--spacing--40);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 800px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.title-with-paragraph-banner {
  grid-row-gap: var(--spacing--20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-how-we-work {
  max-width: 630px;
}

.title-services-wrapper-banner {
  justify-content: space-between;
  align-items: flex-end;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.services-section-wrap {
  border-right: 1px solid var(--color--light-blue);
  border-left: 1px solid var(--color--light-blue);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 180px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.banner-title-wrapper-inner {
  z-index: 2;
  width: 100%;
  padding-left: 20px;
  position: relative;
}

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

.overlay-banner-team {
  z-index: 1;
  filter: blur(7px);
  background-image: linear-gradient(56deg, #000000e6, #fff0 90%);
  position: absolute;
  inset: 0%;
}

.banner-paragraph-wrapper-team {
  max-width: 600px;
}

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

.overlay-banner-packages {
  z-index: 1;
  filter: blur(7px);
  background-image: linear-gradient(56deg, #000000e6, #fff0 90%);
  position: absolute;
  inset: 0%;
}

.banner-paragraph-wrapper-packages {
  max-width: 600px;
}

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

.banner-paragraph-wrapper-gallery {
  max-width: 600px;
}

.collection-list-projects-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-item-project-main {
  height: 380px;
  position: relative;
}

.project-item-wrap-main {
  justify-content: flex-end;
  align-items: flex-end;
  width: auto;
  height: 380px;
  padding: 40px;
  transition-property: none;
  display: flex;
  position: absolute;
  inset: 0% 0;
  overflow: hidden;
}

.small-image-project-main {
  object-fit: cover;
  width: 140px;
  height: 140px;
  position: relative;
}

.text-content-project-main {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.project-content-wrap-main {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.paragrapg-banner-projects-wrap {
  max-width: 550px;
}

.paragraph-testimonials {
  max-width: 630px;
}

.review-grid-item {
  border: 1px solid var(--color--black-blue-15);
  border-radius: var(--border-radius--3px);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 20px;
  display: flex;
}

.collection-reviews-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.faq-section-wrapper-main {
  grid-column-gap: 60px;
  flex-flow: row;
  width: 100%;
  display: flex;
}

.accordion-wrap-main {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.banner-paragraph-wrapper-faq {
  max-width: 640px;
}

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

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

.title-blog-wrapper-banner {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.blog-banner-wrap {
  grid-row-gap: var(--spacing--30);
  text-align: center;
  flex-flow: column;
  max-width: 600px;
  display: flex;
}

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

.contacts-banner-wrapper {
  z-index: 2;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.contacts-title-wrapper {
  grid-row-gap: var(--spacing--20);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.inputs-stroke {
  grid-column-gap: 10px;
  width: 100%;
  display: flex;
}

.contacts-banner-left-column {
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: auto;
  padding-right: 80px;
  display: flex;
}

.input-with-label {
  flex: 1;
  width: 100%;
}

.input-label {
  font-family: var(--fonts--font-family);
  font-size: var(--font-size--paragraph);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--medium);
}

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

.contacts-links-block {
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.link-contacts {
  font-family: var(--fonts--font-family);
  font-weight: var(--font-weight--medium);
}

.link-contacts:hover {
  color: var(--color--paragraph-gray);
}

.submit-button {
  border-radius: var(--border-radius--100px);
  background-color: var(--color--dark-gray);
  font-family: var(--fonts--font-family);
  color: var(--color--white);
  font-size: var(--font-size--label);
  line-height: var(--line-height--1-4);
  letter-spacing: var(--letter-spacing--1-4);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 19px;
  font-weight: 500;
  transition: all .35s;
  display: flex;
}

.submit-button:hover {
  background-color: var(--color--paragraph-gray);
}

.submit-button.search-button {
  min-width: 160px;
}

.submit-button.hover-light:hover {
  background-color: var(--color--blue-white);
  color: var(--color--black);
}

.text-success-message {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.image-more {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-more-wrapper {
  border-radius: var(--border-radius--3px);
  width: 100%;
  height: 130px;
  overflow: hidden;
}

.more-item-title-wrapper {
  grid-row-gap: var(--spacing--15);
  flex-flow: column;
  display: flex;
}

.more-item-description {
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.more-section-wrapper {
  border-right: 1px solid var(--color--black-blue-15);
  border-left: 1px solid var(--color--black-blue-15);
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.title-more-wrapper {
  margin-bottom: var(--spacing--60);
  grid-row-gap: var(--spacing--30);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 600px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.more-wrapper {
  border-top: 1px solid var(--color--black-blue-15);
  border-bottom: 1px solid var(--color--black-blue-15);
}

.more-items-wrapper {
  width: 100%;
  display: flex;
}

.more-item {
  grid-row-gap: 20px;
  border-right: 1px solid var(--color--black-blue-15);
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding: 20px 20px 40px;
  display: flex;
}

.more-item.last-child {
  border-right-style: none;
  margin-right: 0;
}

.more-title {
  font-family: var(--fonts--font-family);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--1-4);
  font-weight: var(--font-weight--medium);
}

.section-details {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.overview-block {
  grid-row-gap: 30px;
  border-radius: var(--border-radius--3px);
  background-color: var(--color--blue-white);
  flex-flow: column;
  width: 35%;
  padding: 30px;
  display: flex;
  position: sticky;
  top: 140px;
}

.description-block {
  grid-row-gap: 40px;
  flex-flow: column;
  width: 65%;
  margin-bottom: -10px;
  padding-left: 80px;
  display: flex;
  position: relative;
}

.item-description-title-wrap {
  border-bottom: 1px solid var(--color--black-blue-15);
  padding-bottom: 20px;
}

.description-item-wrap {
  padding-top: 10px;
}

.description-item-wrap.quote-item {
  padding-top: 20px;
}

.description-item-wrap.bullet-item {
  margin-bottom: -20px;
  padding-top: 0;
}

.lightbox-link-additional-images {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.image-project-details {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.collection-list-additional-images {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: 250px 250px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.overlay-banner-project-details {
  z-index: 1;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-image: linear-gradient(#00000080, #00000080);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overview-item {
  grid-column-gap: 12px;
  border-bottom: 1px solid var(--color--black-blue-15);
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px;
  display: flex;
}

.paragraph-small {
  font-size: var(--font-size--paragraph-small);
}

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

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

.title-blog-post {
  grid-row-gap: var(--spacing--30);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-banner-post-detail {
  z-index: 1;
  grid-row-gap: var(--spacing--20);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 880px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.image-service-detail {
  border-radius: var(--border-radius--3px);
  object-fit: cover;
  width: 100%;
  height: 450px;
}

.banner-text-service-detail {
  grid-row-gap: var(--spacing--20);
  flex-flow: column;
  display: flex;
}

.paragraph-service-detail {
  max-width: 500px;
}

.collection-recent-services-wrapper {
  border: 1px solid var(--color--black-blue-15);
}

.title-recent-services-wrapper {
  margin-bottom: var(--spacing--60);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.title-project-details {
  z-index: 2;
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.details {
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--h4);
  line-height: var(--line-height--1-3);
  font-weight: var(--font-weight--medium);
}

.packages-details-title-wrapper {
  grid-row-gap: var(--spacing--15);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 65%;
  padding-right: 100px;
  display: flex;
}

.packages-details-wrapper {
  grid-row-gap: 20px;
  background-color: var(--color--white);
  flex-flow: column;
  width: 35%;
  padding: 30px;
  display: flex;
}

.details-title-wrap {
  grid-row-gap: var(--spacing--15);
  flex-flow: column;
  display: flex;
}

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

.details-item-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  flex-flow: row;
  margin-bottom: 10px;
  display: flex;
}

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

.image-package-details-wrap {
  z-index: 1;
  width: 100%;
  height: 450px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.description-wrapper {
  max-width: 65%;
  margin-top: -25px;
  margin-bottom: -10px;
  padding-right: 80px;
}

.link-another-package {
  border-top: 1px solid var(--color--black-blue-15);
  font-size: var(--font-size--h5);
  font-weight: var(--font-weight--normal);
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.link-another-package:hover {
  color: var(--color--paragraph-gray);
  padding-left: 10px;
}

.package-details-banner-wrapper {
  z-index: 2;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.utility-page-title {
  z-index: 1;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.light-green-style-guide {
  border-radius: var(--border-radius--3px);
  background-color: var(--color--light-blue);
  width: 75px;
  height: 75px;
}

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

.field-label {
  font-weight: 500;
}

._404 {
  font-family: var(--fonts--font-family-decor);
  font-size: 200px;
  line-height: var(--line-height--1-1);
}

.paragraph-with-margins {
  margin-top: 10px;
  margin-bottom: 10px;
}

.features-title {
  font-family: var(--fonts--font-family);
  color: var(--color--black);
  font-size: var(--font-size--h5);
  line-height: var(--line-height--1-3);
  font-weight: 500;
}

.another-packages-block {
  grid-row-gap: 20px;
  background-color: var(--color--blue-white);
  flex-flow: column;
  width: 35%;
  padding: 30px;
  display: flex;
}

.desccription-section-packages {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.collection-list-another-packages {
  border-bottom: 1px solid var(--color--black-blue-15);
}

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

.pagination-button {
  border-radius: var(--border-radius--100px);
  background-color: var(--color--black);
  font-family: var(--fonts--font-family);
  color: var(--color--white);
  font-size: var(--font-size--label);
  line-height: var(--line-height--1-4);
  letter-spacing: var(--letter-spacing--1-4);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  margin-top: 40px;
  padding: 19px;
  font-weight: 500;
  transition: all .35s;
  display: flex;
}

.pagination-button:hover {
  background-color: var(--color--paragraph-gray);
}

.empty-state {
  background-color: var(--color--transparent);
  font-weight: 500;
}

.service-collection-wrap {
  border-top: 1px solid var(--color--black-blue-15);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.collection-list-services-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-item-services-main {
  border-right: 1px solid var(--color--light-blue);
  border-bottom: 1px solid var(--color--light-blue);
}

.block-lines {
  border-right: 1px solid var(--color--light-blue);
  border-left: 1px solid var(--color--light-blue);
  flex-flow: column;
  width: auto;
  height: 80px;
  margin-left: 92px;
  margin-right: 92px;
  display: flex;
  position: absolute;
  inset: auto 0 0%;
}

.collection-list-wrapper-service {
  border-left: 1px solid var(--color--black-blue-15);
  width: 100%;
}

.play-pause-button {
  z-index: 1;
  border-radius: var(--border-radius--50);
  background-color: var(--color--black);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .5s;
  display: flex;
}

.play-pause-button:hover {
  background-color: var(--color--paragraph-gray);
  transform: scale(.9);
}

.pause-state, .play-state {
  color: var(--color--white);
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.play-pause-button-top {
  z-index: 1;
  border-radius: var(--border-radius--50);
  background-color: var(--color--paragraph-gray);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .5s;
  display: flex;
  inset: 20px 20px auto auto;
}

.play-pause-button-top:hover {
  background-color: var(--color--black);
  transform: scale(.9);
}

.link-with-icon-black {
  grid-column-gap: 10px;
  width: auto;
  padding-bottom: 4px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block {
  flex-flow: column;
  display: flex;
}

.video-icon {
  object-fit: cover;
  width: 24px;
  height: 24px;
}

.video-icon.play {
  margin-left: 3px;
}

.collection-item-faq:last-child, .collection-item-review-stroke:last-child {
  border-bottom: 1px solid var(--color--black-blue-15);
}

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

.promotion-label-holder {
  grid-row-gap: 10px;
  flex-direction: column;
  padding: 15px;
  display: flex;
  position: relative;
}

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

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

.promotion-label-button {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  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: 14px;
  font-weight: 500;
  line-height: 1.3em;
}

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

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

.promotion-label-left {
  background-color: #0055d4;
  border-radius: 4px;
  width: 100%;
  max-width: 290px;
  position: absolute;
}

.promotion-icon {
  object-fit: contain;
  margin-right: 8px;
}

.promotion-label-more-templates {
  color: #000;
  letter-spacing: normal;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  width: 144px;
  padding: 6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
}

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

.promotion-coupon {
  color: #101828;
  background-color: #fff;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  display: inline-block;
}

.promotion-label-buy-this-template {
  color: #000;
  letter-spacing: normal;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  width: 144px;
  padding: 6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
}

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

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

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

.template_3column-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  margin-top: 2rem;
  display: grid;
}

.template_bg-black-wrapper {
  background-color: var(--color--black);
  padding: 2rem;
}

.page-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-height: 100dvh;
  display: flex;
}

.main-wrapper {
  width: 100%;
  overflow: hidden;
}

.text-weight-black {
  font-weight: 900;
}

.header-logo {
  align-self: flex-start;
  height: 96px;
}

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

.header_inline-name {
  font-family: var(--fonts--font-family-decor);
  color: var(--color--light-blue);
  text-transform: uppercase;
  font-style: italic;
}

.speakers_heading {
  color: var(--color--red);
  font-style: italic;
}

.text-color-dark-blue {
  color: var(--color--dark-blue);
}

.text-color-red {
  color: var(--color--red);
}

.text-style-italic {
  font-style: italic;
}

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

.text-color-light-blue {
  color: var(--color--light-blue);
}

.intro-big-img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  margin-top: 96px;
}

.intro-color-logo {
  height: 128px;
  margin-top: 40px;
}

.gallery-wrapper {
  background-color: var(--color--light-blue);
  position: relative;
}

.ostras_logo {
  height: 86px;
  margin-top: 40px;
}

.intro_wave {
  z-index: 0;
  color: var(--color--red);
  width: 100vw;
  position: absolute;
  bottom: 10%;
  left: 0%;
}

.sponsors_wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--color--dark-blue);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 56px;
  display: flex;
}

.sponsors_logo {
  object-fit: contain;
  width: 180px;
  max-height: 80px;
}

.sponsors_logo.is-wide {
  width: 220px;
}

.gallery_wave {
  z-index: 0;
  color: var(--color--dark-blue);
  width: 100vw;
  position: absolute;
  bottom: 0%;
  left: 0%;
}

.cta-small-img-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.cta_wave {
  z-index: 0;
  color: var(--color--red);
  width: 500px;
  max-width: 100vw;
  position: absolute;
}

.sponsors_icon {
  color: var(--color--red);
  width: 56px;
  height: 56px;
}

.div-block-2 {
  padding-top: 75px;
}

.component-utilities, .form_brand-goal {
  display: none;
}

@media screen and (min-width: 1280px) {
  body {
    --color--white: white;
    --fonts--font-family: Avenir, Arial, sans-serif;
    --color--black: #000;
    --font-size--paragraph: 18px;
    --line-height--1-4: 1.4em;
    --font-weight--normal: 300;
    --fonts--font-family-decor: Lora, "Trebuchet MS", sans-serif;
    --font-size--h1: 70px;
    --line-height--1-1: 1.1em;
    --font-size--h2: 48px;
    --font-weight--medium: 500;
    --font-size--h3: 36px;
    --line-height--1-3: 1.3em;
    --font-size--h4: 30px;
    --font-size--h5: 24px;
    --font-size--h6: 18px;
    --color--paragraph-gray: var(--color--dark-gray);
    --font-size--link: 18px;
    --spacing--10: 10px;
    --spacing--20: 20px;
    --font-size--paragraph-large: 24px;
    --line-height--1-8: 1.8em;
    --font-size--quote: 22px;
    --spacing--80: 130px;
    --color--blue-white: color-mix(in hsl, var(--color--dark-blue) 20%, white 80%);
    --color--transparent: #0000;
    --color--light-blue: #c3d4ff;
    --border-radius--3px: 3px;
    --color--dark-gray: #394249;
    --color--black-blue-15: color-mix(in hsl, var(--color--black) 15%, transparent 85%);
    --color--dark-blue: #161649;
    --color--white-10: color-mix(in hsl, transparent 90%, var(--color--white) 10%);
    --font-size--label: 14px;
    --letter-spacing--1-4: 1.4px;
    --light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>: #adffc5;
    --color--white-70: color-mix(in hsl, transparent 30%, var(--color--white) 70%);
    --font-size--paragraph-small: 14px;
    --spacing--15: 15px;
    --border-radius--50: 50%;
    --color--white-50: color-mix(in hsl, transparent 50%, var(--color--white) 50%);
    --color--red: #c9001d;
    --fonts--font-family-icons: "Fa Brands 400 (6.4.2)", sans-serif;
    --primary-dark\<deleted\|variable-7ad493ea\>: #0e0e0e;
    --spacing--40: 40px;
    --spacing--30: 30px;
    --border-radius--100px: 100px;
    --font-size--button-large: 20px;
    --spacing--60: 60px;
    --color--black-blue-55: color-mix(in hsl, var(--color--black) 55%, transparent 45%);
    --color--white-80: color-mix(in hsl, transparent 20%, var(--color--white) 80%);
    --fonts--font-family-icons-new: "Fa solid 900", sans-serif;
  }

  .section.inner-banner {
    padding-top: 200px;
    padding-bottom: 120px;
  }

  .section.landing-banner {
    background-position: 106% 52%, 4% 22%;
    background-size: auto, 260px;
  }

  .section.banner-home-1 {
    height: 100vh;
  }

  .section.image-section {
    padding-top: 500px;
  }

  .section.banner-home-2 {
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .section.image-section-reviews {
    padding-top: 400px;
  }

  .section.light-services-bg {
    padding-top: 270px;
  }

  .section.video-section {
    height: 600px;
  }

  .section.image-project-section {
    min-height: 600px;
  }

  .section.inner-banner-center {
    padding-top: 210px;
    padding-bottom: 130px;
  }

  .section.banner-team {
    padding-top: 200px;
    padding-bottom: 130px;
  }

  .section.banner-gallery, .section.banner-blog {
    padding-top: 190px;
    padding-bottom: 100px;
  }

  .section.banner-project-details {
    padding-top: 210px;
  }

  .section.section-details {
    padding-top: 100px;
  }

  .section.banner-blog-category {
    padding-bottom: 80px;
  }

  .section.section-details-service {
    padding-top: 100px;
  }

  .section.banner-service-detail {
    padding-top: 190px;
    padding-bottom: 100px;
  }

  .section.section-details-package {
    padding-top: 100px;
  }

  .section.utility-banner, .section.inner-banner-center-bottom-margin {
    padding-top: 210px;
    padding-bottom: 130px;
  }

  .base-container {
    max-width: 1200px;
  }

  .base-container.relative {
    z-index: 3;
  }

  .spacing-system-column {
    padding-right: 30px;
  }

  .headings-typography-wrapper {
    width: 48%;
  }

  .style-guide-body-wrapper {
    margin-right: 60px;
  }

  .nav-container {
    max-width: 1200px;
  }

  .nav-link, .nav-dropdown-toggle {
    padding-left: 20px;
    padding-right: 20px;
  }

  .licensing-paragraph {
    margin-right: 60px;
  }

  .changelog-heading {
    margin-bottom: 30px;
  }

  .process-content {
    padding-right: 60px;
  }

  .process-number {
    font-size: var(--font-size--h4);
  }

  .style-guide-buttons-wrapper {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .style-guide-button-wrapper {
    width: auto;
  }

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

  .footer-brand-wrapper {
    grid-row-gap: 40px;
  }

  .footer-social-icon {
    font-size: var(--font-size--h6);
  }

  .without-top-spacing {
    padding-top: 0;
  }

  .search-section {
    padding-bottom: 130px;
  }

  .landing-features-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .landing-feature-item._1 {
    width: auto;
    margin-right: 0;
  }

  .landing-feature-item._1-copy {
    width: auto;
    margin-left: 0;
  }

  .landing-inner-pages-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .landing-banner-title-wrapper {
    max-width: 1100px;
  }

  .landing-download-block-wrapper {
    padding-left: 220px;
  }

  .team-title {
    grid-row-gap: 40px;
  }

  .testimonials {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .blog-section-title {
    margin-bottom: 70px;
  }

  .map-wrapper {
    padding-right: 70px;
  }

  .section-title-center {
    margin-bottom: 70px;
  }

  .about-img._3 {
    width: 340px;
  }

  .about-img._4 {
    width: 280px;
  }

  .about-img._2 {
    width: 340px;
  }

  .industries-block-wrapper {
    position: relative;
  }

  .section-with-blue-bg {
    padding-left: 40px;
    padding-right: 40px;
  }

  .center-title {
    padding-right: 140px;
  }

  .section-purchase {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .licensing-icons {
    width: 45%;
  }

  .cta-section {
    padding-top: 270px;
    padding-bottom: 130px;
  }

  .cta-text-content {
    margin-top: 80px;
  }

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

  .background-image-banner {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .overlay-banner {
    z-index: 1;
    position: absolute;
    inset: 0%;
  }

  .banner-content {
    z-index: 2;
    position: relative;
  }

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

  .banner-button-wrap {
    display: flex;
  }

  .banner-text-content {
    max-width: 1000px;
  }

  .banner-text-content.center-mob.faq {
    max-width: 850px;
  }

  .left-slide-paralax, .right-slide-paralax {
    width: 200px;
    height: 240px;
  }

  .cta-packages-text-content {
    grid-row-gap: 60px;
    margin-top: 40px;
  }

  .cta-package-paragraph {
    max-width: 730px;
  }

  .packages-left-image-wrap {
    width: 180px;
    height: 230px;
    top: 86px;
  }

  .packages-right-image-wrap {
    width: 180px;
    height: 230px;
  }

  .package-item-wrapper {
    grid-column-gap: 60px;
    grid-template-columns: .7fr .7fr .9fr 54px;
  }

  .numbers-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .numbers-wrapper.about {
    grid-column-gap: 80px;
    max-width: 920px;
  }

  .number {
    font-size: 60px;
  }

  .image-service-left, .image-service-right {
    width: 140px;
    height: 160px;
  }

  .projects-section-title, .title-services {
    grid-row-gap: 40px;
  }

  .services-section-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .slide-left {
    padding: 75px 60px 75px 120px;
  }

  .image-guest.round {
    width: 120px;
    height: 120px;
  }

  .guest-info {
    margin-top: 40px;
  }

  .slide-right {
    padding: 75px 120px 75px 60px;
  }

  .faq-title {
    grid-row-gap: 40px;
  }

  .cta-block-content {
    max-width: 1000px;
    margin-top: -120px;
  }

  .small-image-cta {
    width: 200px;
    height: 240px;
  }

  .cta-content-wrap {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .footer-info-grid {
    grid-template-columns: .3fr 1fr .3fr;
    margin-bottom: 60px;
  }

  .collection-list-blog-grid {
    grid-column-gap: 40px;
  }

  .blog-post-item {
    padding: 30px;
  }

  .post-right-description {
    padding-left: 40px;
  }

  .about-title-wrapper {
    grid-row-gap: 40px;
  }

  .images-grig-about {
    padding-left: 60px;
    padding-right: 60px;
  }

  .collection-packages-wrapper {
    width: 60%;
  }

  .package-item {
    grid-column-gap: 40px;
    padding: 30px;
  }

  .package-content {
    grid-row-gap: 30px;
  }

  .cta-block-content-home-2 {
    max-width: 800px;
    padding-bottom: 60px;
  }

  .text-content-banner {
    padding-right: 100px;
  }

  .image-testimonials-wrapper {
    width: 350px;
    height: 250px;
  }

  .review-text-content {
    padding-left: 80px;
  }

  .reviews-title {
    grid-row-gap: 40px;
  }

  .big-image-grid-wrap {
    height: 450px;
  }

  .title-blog-wrapper {
    grid-row-gap: 40px;
  }

  .banner-title-wrapper-home-3 {
    grid-row-gap: 40px;
    max-width: 800px;
  }

  .collection-list-packages-grid {
    grid-column-gap: 40px;
  }

  .footer-accent-text {
    font-size: 45px;
  }

  .link-block-image-package {
    height: 250px;
  }

  .packages-left-column {
    width: 50%;
    padding-right: 140px;
  }

  .service-item-wrap-center {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .service-paragraph-wrapper {
    margin-bottom: 40px;
  }

  .title-services-center {
    grid-row-gap: 40px;
  }

  .project-item-wrap {
    height: 600px;
  }

  .video-package-section {
    height: 450px;
  }

  .services-section-home-3 {
    padding-top: 270px;
    padding-bottom: 130px;
  }

  .service-title-wrap {
    width: 65%;
  }

  .numbers-block-wrapper {
    margin-left: 0;
  }

  .numbers-card {
    max-width: 700px;
  }

  .numbers-wrapper-home-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .numbers-title {
    grid-row-gap: 40px;
  }

  .banner-text-content-wrap {
    max-width: 1000px;
  }

  .name-big {
    font-size: var(--font-size--h5);
  }

  .numbers-title-about-wrapper, .reviews-title-left {
    grid-row-gap: 40px;
  }

  .approach-center-content {
    grid-column-gap: 80px;
  }

  .paragrapg-banner-about-wrap {
    max-width: 620px;
  }

  .team-grid-wrap-main {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .services-banner-wrap {
    grid-row-gap: 40px;
    max-width: 600px;
  }

  .video-banner-left {
    left: 60px;
  }

  .video-banner-right {
    right: 60px;
  }

  .numbers-title-services {
    max-width: 550px;
  }

  .content-inner-banner-center {
    max-width: 850px;
  }

  .content-inner-banner-center.reviews {
    max-width: 900px;
  }

  .paragraph-how-we-work {
    max-width: 800px;
  }

  .services-section-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .banner-title-wrapper-inner {
    padding-left: 0;
  }

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

  .overlay-banner-team {
    z-index: 1;
    position: absolute;
    inset: 0%;
  }

  .banner-paragraph-wrapper-team {
    max-width: 730px;
  }

  .image-banner-packages {
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
  }

  .overlay-banner-packages {
    z-index: 1;
    position: absolute;
    inset: 0%;
  }

  .banner-paragraph-wrapper-packages {
    max-width: 770px;
  }

  .gallery-grid {
    grid-template-rows: 250px 250px 250px 250px 250px;
  }

  .banner-paragraph-wrapper-gallery {
    max-width: 780px;
  }

  .title-project-wrap-main {
    max-width: 100%;
  }

  .paragrapg-banner-projects-wrap {
    max-width: 750px;
  }

  .paragraph-testimonials {
    max-width: 800px;
  }

  .review-grid-item {
    padding-right: 40px;
  }

  .collection-reviews-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .faq-section-wrapper-main {
    grid-column-gap: 80px;
  }

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

  .blog-banner-wrap {
    grid-row-gap: 40px;
    max-width: 600px;
  }

  .collection-list-blog-grid-main {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .contacts-banner-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .contacts-banner-left-column {
    padding-right: 100px;
  }

  .image-more-wrapper {
    height: 140px;
  }

  .more-section-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .title-more-wrapper {
    grid-row-gap: 40px;
  }

  .overview-block {
    padding: 40px;
  }

  .description-block {
    padding-left: 100px;
  }

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

  .overlay-banner-project-details {
    z-index: 1;
    position: absolute;
    inset: 0%;
  }

  .title-blog-post {
    grid-row-gap: 40px;
  }

  .content-banner-post-detail {
    max-width: 1050px;
  }

  .image-service-detail {
    height: 580px;
  }

  .banner-text-service-detail {
    max-width: 1000px;
  }

  .paragraph-service-detail {
    max-width: 700px;
  }

  .title-project-details {
    max-width: 655px;
  }

  .packages-details-title-wrapper {
    padding-right: 60px;
  }

  .packages-details-wrapper {
    grid-row-gap: 30px;
    padding: 40px;
  }

  .details-item-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 20px;
  }

  .paragraph-package-details {
    max-width: 530px;
  }

  .image-package-details-wrap {
    height: 530px;
  }

  .description-wrapper {
    padding-right: 120px;
  }

  .package-details-banner-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .utility-page-title {
    max-width: 850px;
  }

  .another-packages-block {
    grid-row-gap: 30px;
    padding: 40px;
  }

  .service-collection-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 130px;
  }

  .block-lines {
    height: 130px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .team-grid-wrap-main-about {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .gallery_wave, .cta_wave {
    bottom: 0%;
  }
}

@media screen and (min-width: 1440px) {
  body {
    --color--white: white;
    --fonts--font-family: Avenir, Arial, sans-serif;
    --color--black: #000;
    --font-size--paragraph: 18px;
    --line-height--1-4: 1.4em;
    --font-weight--normal: 300;
    --fonts--font-family-decor: Lora, "Trebuchet MS", sans-serif;
    --font-size--h1: 70px;
    --line-height--1-1: 1.1em;
    --font-size--h2: 48px;
    --font-weight--medium: 500;
    --font-size--h3: 40px;
    --line-height--1-3: 1.3em;
    --font-size--h4: 30px;
    --font-size--h5: 24px;
    --font-size--h6: 18px;
    --color--paragraph-gray: var(--color--dark-gray);
    --font-size--link: 18px;
    --spacing--10: 10px;
    --spacing--20: 20px;
    --font-size--paragraph-large: 24px;
    --line-height--1-8: 1.8em;
    --font-size--quote: 22px;
    --spacing--80: 130px;
    --color--blue-white: color-mix(in hsl, var(--color--dark-blue) 20%, white 80%);
    --color--transparent: #0000;
    --color--light-blue: #c3d4ff;
    --border-radius--3px: 3px;
    --color--dark-gray: #394249;
    --color--black-blue-15: color-mix(in hsl, var(--color--black) 15%, transparent 85%);
    --color--dark-blue: #161649;
    --color--white-10: color-mix(in hsl, transparent 90%, var(--color--white) 10%);
    --font-size--label: 14px;
    --letter-spacing--1-4: 1.4px;
    --light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>: #adffc5;
    --color--white-70: color-mix(in hsl, transparent 30%, var(--color--white) 70%);
    --font-size--paragraph-small: 14px;
    --spacing--15: 15px;
    --border-radius--50: 50%;
    --color--white-50: color-mix(in hsl, transparent 50%, var(--color--white) 50%);
    --color--red: #c9001d;
    --fonts--font-family-icons: "Fa Brands 400 (6.4.2)", sans-serif;
    --primary-dark\<deleted\|variable-7ad493ea\>: #0e0e0e;
    --spacing--40: 40px;
    --spacing--30: 30px;
    --border-radius--100px: 100px;
    --font-size--button-large: 20px;
    --spacing--60: 60px;
    --color--black-blue-55: color-mix(in hsl, var(--color--black) 55%, transparent 45%);
    --color--white-80: color-mix(in hsl, transparent 20%, var(--color--white) 80%);
    --fonts--font-family-icons-new: "Fa solid 900", sans-serif;
  }

  h1, h2, h3, h4 {
    margin-bottom: 0;
  }

  h5 {
    margin-bottom: 10px;
  }

  h6 {
    margin-bottom: 0;
  }

  .section.landing-banner {
    background-position: 106% 46%, 4% 22%;
  }

  .section.banner-home-2 {
    padding-bottom: 130px;
  }

  .section.cta {
    padding-bottom: 500px;
  }

  .section.video-section {
    margin-left: 30px;
    margin-right: 30px;
  }

  .section.cta-home-2 {
    padding-bottom: 400px;
  }

  .section.image-section-home-3, .section.image-section-services {
    padding-top: 300px;
    padding-bottom: 60px;
  }

  .section.contacts-banner, .section.packages-details-banner {
    padding-top: 190px;
    padding-bottom: 100px;
  }

  .base-container, .nav-container {
    max-width: 1300px;
  }

  .nav-link, .nav-dropdown-toggle {
    padding-left: 30px;
    padding-right: 30px;
  }

  .process-image-wrapper {
    height: 320px;
  }

  .accordion-title {
    margin-bottom: 0;
  }

  .footer-wrapper-grid {
    grid-column-gap: 120px;
  }

  .search-section {
    padding-top: 200px;
  }

  .service-details-content-wrapper {
    max-width: 920px;
  }

  .landing-features-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .about-img._1 {
    width: 380px;
  }

  .about-img._3 {
    width: 400px;
  }

  .about-img._4 {
    width: 300px;
  }

  .about-img._2 {
    width: 390px;
  }

  .our-services-wrap {
    align-items: center;
  }

  .section-with-blue-bg {
    padding-left: 100px;
    padding-right: 100px;
  }

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

  .banner-text-content.center-mob.faq {
    max-width: 900px;
  }

  .line-wrapper.tp-32, .line-wrapper.tp-42 {
    padding-top: 32px;
  }

  .light-bg {
    left: 30px;
    right: 30px;
  }

  .package-item-wrapper {
    grid-template-columns: 340px .8fr 1fr 54px;
  }

  .collection-item-package {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .image-background-wrapper {
    left: 30px;
    right: 30px;
  }

  .numbers-wrapper {
    grid-column-gap: 80px;
  }

  .numbers-wrapper.about {
    max-width: 1000px;
  }

  .number {
    font-size: 80px;
  }

  .number-item {
    width: auto;
  }

  .service-title-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .image-service-left, .image-service-right {
    width: 160px;
    height: 180px;
  }

  .projects-section-title {
    max-width: 900px;
  }

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

  .service-item-wrap {
    padding: 60px 40px;
  }

  .link-service-image {
    height: 450px;
  }

  .title-service {
    margin-bottom: 40px;
  }

  .slider-reviews {
    margin-left: 30px;
    margin-right: 30px;
  }

  .accordion-title-wrap.small-gap {
    grid-column-gap: 60px;
  }

  .cta-block-content {
    max-width: 1100px;
  }

  .center-block {
    padding-left: 40px;
    padding-right: 40px;
  }

  .link-image-post {
    width: 230px;
  }

  .images-grig-about {
    grid-column-gap: 60px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .package-item {
    grid-column-gap: 60px;
  }

  .video-background-wrapper {
    left: 30px;
    right: 30px;
  }

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

  .review-item-slide-wrap {
    grid-row-gap: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .review-slider-section-wrapper {
    grid-row-gap: 60px;
  }

  .slider-banner {
    width: 340px;
    height: 400px;
  }

  .link-service-image-small {
    width: 180px;
    height: 180px;
  }

  .service-item-wrap-center {
    padding: 60px 40px;
  }

  .project-item-wrap {
    left: 30px;
    right: 30px;
  }

  .video-package-section {
    height: 550px;
  }

  .numbers-card {
    max-width: 760px;
  }

  .numbers-wrapper-home-3 {
    grid-column-gap: 60px;
  }

  .banner-img-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .paragrapg-banner-about-wrap {
    max-width: 830px;
  }

  .video-banner-left, .video-banner-right {
    width: 160px;
  }

  .title-services-wrapper-banner {
    padding-left: 40px;
    padding-right: 40px;
  }

  .banner-title-wrapper-inner {
    grid-column-gap: 200px;
  }

  .image-banner-team, .image-banner-packages {
    object-position: 50% 30%;
  }

  .review-grid-item {
    padding-right: 60px;
  }

  .banner-paragraph-wrapper-faq {
    max-width: 810px;
  }

  .image-banner-faq {
    object-position: 50% 30%;
  }

  .image-more-wrapper {
    height: 160px;
  }

  .title-more-wrapper {
    max-width: 650px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .more-item {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .description-block {
    padding-left: 140px;
  }

  .image-package-details-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 1920px) {
  body {
    --color--white: white;
    --fonts--font-family: Avenir, Arial, sans-serif;
    --color--black: #000;
    --font-size--paragraph: 18px;
    --line-height--1-4: 1.4em;
    --font-weight--normal: 300;
    --fonts--font-family-decor: Lora, "Trebuchet MS", sans-serif;
    --font-size--h1: 80px;
    --line-height--1-1: 1.1em;
    --font-size--h2: 60px;
    --font-weight--medium: 500;
    --font-size--h3: 40px;
    --line-height--1-3: 1.3em;
    --font-size--h4: 30px;
    --font-size--h5: 24px;
    --font-size--h6: 18px;
    --color--paragraph-gray: var(--color--dark-gray);
    --font-size--link: 18px;
    --spacing--10: 10px;
    --spacing--20: 20px;
    --font-size--paragraph-large: 24px;
    --line-height--1-8: 1.8em;
    --font-size--quote: 22px;
    --spacing--80: 130px;
    --color--blue-white: color-mix(in hsl, var(--color--dark-blue) 20%, white 80%);
    --color--transparent: #0000;
    --color--light-blue: #c3d4ff;
    --border-radius--3px: 3px;
    --color--dark-gray: #394249;
    --color--black-blue-15: color-mix(in hsl, var(--color--black) 15%, transparent 85%);
    --color--dark-blue: #161649;
    --color--white-10: color-mix(in hsl, transparent 90%, var(--color--white) 10%);
    --font-size--label: 14px;
    --letter-spacing--1-4: 1.4px;
    --light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>: #adffc5;
    --color--white-70: color-mix(in hsl, transparent 30%, var(--color--white) 70%);
    --font-size--paragraph-small: 14px;
    --spacing--15: 15px;
    --border-radius--50: 50%;
    --color--white-50: color-mix(in hsl, transparent 50%, var(--color--white) 50%);
    --color--red: #c9001d;
    --fonts--font-family-icons: "Fa Brands 400 (6.4.2)", sans-serif;
    --primary-dark\<deleted\|variable-7ad493ea\>: #0e0e0e;
    --spacing--40: 40px;
    --spacing--30: 30px;
    --border-radius--100px: 100px;
    --font-size--button-large: 24px;
    --spacing--60: 60px;
    --color--black-blue-55: color-mix(in hsl, var(--color--black) 55%, transparent 45%);
    --color--white-80: color-mix(in hsl, transparent 20%, var(--color--white) 80%);
    --fonts--font-family-icons-new: "Fa solid 900", sans-serif;
  }

  .section.landing-banner {
    background-image: linear-gradient(#0000, #0000), linear-gradient(#0000, #0000);
    padding-top: 240px;
  }

  .section.banner-home-1 {
    padding-top: 220px;
  }

  .section.image-section-reviews {
    padding-top: 420px;
  }

  .section.cta {
    padding-bottom: 560px;
  }

  .section.video-section {
    height: 700px;
    margin-left: 60px;
    margin-right: 60px;
  }

  .section.image-project-section {
    min-height: 700px;
  }

  .section.image-section-home-3, .section.image-section-services {
    padding-top: 400px;
    padding-bottom: 100px;
  }

  .section.banner-team {
    padding-top: 220px;
  }

  .section.contacts-banner {
    padding-top: 210px;
    padding-bottom: 120px;
  }

  .section.section-details {
    padding-top: 130px;
  }

  .section.banner-blog-category {
    padding-top: 170px;
    padding-bottom: 100px;
  }

  .section.section-details-service {
    padding-top: 130px;
  }

  .section.packages-details-banner {
    padding-top: 210px;
    padding-bottom: 120px;
  }

  .section.section-details-package {
    padding-top: 130px;
  }

  .base-container, .nav-container {
    max-width: 1600px;
  }

  .licensing-paragraph {
    margin-right: 100px;
  }

  .process-content {
    padding-right: 100px;
  }

  .accordion-list-content {
    max-width: 800px;
  }

  .footer-social-icons-wrapper {
    margin-bottom: 30px;
  }

  .search-result-wrapper {
    margin-top: 60px;
  }

  .landing-inner-pages-wrapper {
    grid-column-gap: 40px;
  }

  .landing-banner-title-wrapper {
    max-width: 1300px;
    margin-bottom: 80px;
  }

  .landing-home-pages-wrapper {
    grid-column-gap: 40px;
  }

  .landing-download-block-wrapper {
    max-width: 1450px;
    padding-left: 260px;
  }

  .landing-download-block-wrap {
    max-width: 600px;
  }

  .team-title {
    max-width: 700px;
  }

  .about-img._1 {
    width: 420px;
    left: 16%;
  }

  .about-img._3 {
    width: 430px;
    top: 20%;
    left: 54%;
  }

  .about-img._4 {
    left: 48%;
  }

  .section-with-blue-bg {
    padding-left: 180px;
    padding-right: 180px;
  }

  .search {
    margin-top: 40px;
  }

  .error-message {
    margin-top: 20px;
  }

  .form-block-contacts {
    padding: 40px;
  }

  .cta-text-content {
    max-width: 950px;
  }

  .text-button-secondary {
    font-size: 24px;
  }

  .banner-text-content {
    max-width: 1100px;
  }

  .banner-text-content.center-mob.faq {
    max-width: 1000px;
  }

  .light-bg {
    left: 60px;
    right: 60px;
  }

  .packages-center-description {
    max-width: 930px;
  }

  .packages-left-image-wrap {
    width: 250px;
    height: 300px;
    left: 86px;
  }

  .packages-right-image-wrap {
    width: 250px;
    height: 300px;
    right: 44px;
  }

  .package-item-wrapper {
    grid-column-gap: 80px;
    grid-template-columns: 430px .8fr 1fr 54px;
  }

  .image-background-wrapper {
    left: 60px;
    right: 60px;
  }

  .numbers-wrapper {
    grid-column-gap: 120px;
  }

  .numbers-wrapper.about {
    max-width: 1200px;
  }

  .number {
    font-size: 90px;
  }

  .number-item.home-3 {
    width: 170px;
  }

  .bg-image {
    object-position: 50% 80%;
  }

  .span-plus {
    font-size: 60px;
  }

  .left-arrow-wrapper.gallery {
    left: -800px;
  }

  .right-arrow-wrapper.gallery {
    right: -800px;
  }

  .post-title {
    max-width: 95%;
  }

  .link-service-image {
    height: 530px;
  }

  .title-service {
    padding-right: 80px;
  }

  .slider-reviews {
    margin-left: 60px;
    margin-right: 60px;
  }

  .slide-left {
    padding-left: 130px;
    padding-right: 130px;
  }

  .review-text {
    font-size: 36px;
  }

  .slide-right {
    padding-left: 130px;
    padding-right: 130px;
  }

  .faq-title {
    max-width: 850px;
  }

  .faq-wrapper {
    width: 900px;
  }

  .cta-block-content {
    max-width: 1286px;
  }

  .text-content-cta {
    max-width: 900px;
  }

  .center-block {
    padding-left: 40px;
    padding-right: 40px;
  }

  .link-image-post {
    width: 320px;
  }

  .about-title-wrapper {
    max-width: 900px;
  }

  .package-item {
    padding: 40px;
  }

  .package-title-wrap {
    max-width: 550px;
  }

  .video-background-wrapper {
    left: 60px;
    right: 60px;
  }

  .cta-block-content-home-2 {
    max-width: 900px;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .text-content-cta-home-2 {
    max-width: 1100px;
  }

  .paragraph-cta-wrap-home-2 {
    max-width: 600px;
  }

  .title-banner-wrapper {
    max-width: 700px;
  }

  .hero-image-rotate {
    height: 220px;
  }

  .rotate-wrap, .rotate-image {
    width: 180px;
    height: 220px;
  }

  .image-testimonials-wrapper {
    width: 420px;
    height: 300px;
  }

  .review-item-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .review-text-content {
    padding-left: 120px;
  }

  .reviews-title {
    max-width: 750px;
  }

  .big-image-grid-wrap {
    height: 560px;
  }

  .right-image-grid-wrap, .left-image-grid-wrap {
    height: 400px;
  }

  .review-text-wrap {
    max-width: 700px;
  }

  .review-item-slide-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .mask-testimonials {
    width: 70%;
  }

  .review-text-accent {
    font-size: var(--font-size--h3);
  }

  .title-blog {
    max-width: 550px;
  }

  .image-package-section {
    width: 300px;
    height: 360px;
  }

  .center-block-packages-title {
    max-width: 1000px;
  }

  .banner-title-wrapper-home-3 {
    max-width: 900px;
    margin-bottom: 80px;
  }

  .slider-banner {
    width: 420px;
    height: 500px;
  }

  .footer-accent-text {
    font-size: 60px;
  }

  .image-packages-wrapper {
    height: 300px;
  }

  .link-service-image-small {
    width: 220px;
    height: 220px;
  }

  .service-item-wrap-center {
    padding-left: 60px;
    padding-right: 60px;
  }

  .project-item-wrap {
    height: 700px;
    padding: 80px;
    left: 60px;
    right: 60px;
  }

  .bg-image-project {
    object-position: 50% 80%;
  }

  .small-image-project {
    width: 400px;
    height: 400px;
  }

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

  .video-package-section {
    height: 650px;
  }

  .service-image-wrap {
    width: 440px;
    height: 440px;
  }

  .service-title-wrap {
    width: 60%;
  }

  .bg-image-center {
    object-position: 50% 80%;
  }

  .numbers-card {
    padding: 60px;
  }

  .banner-text-content-wrap {
    max-width: 1100px;
  }

  .banner-img-wrap {
    height: 630px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .numbers-title-about-wrapper {
    max-width: 880px;
  }

  .reviews-title-left {
    max-width: 750px;
  }

  .approach-section {
    grid-row-gap: 40px;
  }

  .approach-title {
    max-width: 1000px;
  }

  .mask-gallery {
    width: 800px;
    height: 460px;
  }

  .services-banner-wrap {
    max-width: 700px;
  }

  .video-banner-left {
    width: 180px;
    height: 150px;
  }

  .video-banner-right {
    width: 180px;
    height: 150px;
    top: 140px;
  }

  .content-inner-banner-center {
    max-width: 1000px;
  }

  .content-inner-banner-center.reviews {
    max-width: 1100px;
  }

  .banner-title-wrapper-inner {
    grid-column-gap: 250px;
  }

  .image-banner-team, .image-banner-packages {
    object-position: 50% 40%;
  }

  .collection-item-project-main, .project-item-wrap-main {
    height: 450px;
  }

  .small-image-project-main {
    width: 200px;
    height: 200px;
  }

  .title-project-wrap-main {
    max-width: 550px;
  }

  .review-grid-item {
    padding: 30px;
  }

  .faq-section-wrapper-main {
    grid-column-gap: 100px;
  }

  .image-banner-faq {
    object-position: 50% 40%;
  }

  .blog-banner-wrap {
    max-width: 700px;
  }

  .contacts-banner-wrapper {
    grid-column-gap: 100px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contacts-title-wrapper {
    max-width: 580px;
  }

  .more-item-title-wrapper {
    padding-right: 60px;
  }

  .title-more-wrapper {
    max-width: 800px;
  }

  .more-item, .overview-block {
    grid-row-gap: 30px;
  }

  .collection-list-additional-images {
    grid-template-rows: 300px 300px;
  }

  .content-banner-post-detail {
    max-width: 1200px;
  }

  .image-service-detail {
    height: 640px;
  }

  .banner-text-service-detail {
    max-width: 1100px;
  }

  .title-project-details {
    max-width: 745px;
  }

  .packages-details-title-wrapper {
    width: 60%;
    padding-right: 140px;
  }

  .packages-details-wrapper {
    width: 500px;
  }

  .details-title-wrap {
    max-width: 330px;
  }

  .details-item-wrapper {
    grid-column-gap: 80px;
  }

  .image-package-details-wrap {
    height: 630px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .description-wrapper {
    flex: 1;
    max-width: none;
  }

  .package-details-banner-wrapper {
    width: auto;
  }

  .utility-page-title {
    max-width: 1000px;
  }

  .features-title {
    font-size: var(--font-size--h6);
  }

  .another-packages-block {
    width: 500px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --color--white: white;
    --fonts--font-family: Avenir, Arial, sans-serif;
    --color--black: #000;
    --font-size--paragraph: 18px;
    --line-height--1-4: 1.4em;
    --font-weight--normal: 300;
    --fonts--font-family-decor: Lora, "Trebuchet MS", sans-serif;
    --font-size--h1: 50px;
    --line-height--1-1: 1.1em;
    --font-size--h2: 40px;
    --font-weight--medium: 500;
    --font-size--h3: 26px;
    --line-height--1-3: 1.3em;
    --font-size--h4: 24px;
    --font-size--h5: 20px;
    --font-size--h6: 18px;
    --color--paragraph-gray: var(--color--dark-gray);
    --font-size--link: 18px;
    --spacing--10: 10px;
    --spacing--20: 20px;
    --font-size--paragraph-large: 24px;
    --line-height--1-8: 1.8em;
    --font-size--quote: 20px;
    --spacing--80: 80px;
    --color--blue-white: color-mix(in hsl, var(--color--dark-blue) 20%, white 80%);
    --color--transparent: #0000;
    --color--light-blue: #c3d4ff;
    --border-radius--3px: 3px;
    --color--dark-gray: #394249;
    --color--black-blue-15: color-mix(in hsl, var(--color--black) 15%, transparent 85%);
    --color--dark-blue: #161649;
    --color--white-10: color-mix(in hsl, transparent 90%, var(--color--white) 10%);
    --font-size--label: 14px;
    --letter-spacing--1-4: 1.4px;
    --light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>: #adffc5;
    --color--white-70: color-mix(in hsl, transparent 30%, var(--color--white) 70%);
    --font-size--paragraph-small: 14px;
    --spacing--15: 15px;
    --border-radius--50: 50%;
    --color--white-50: color-mix(in hsl, transparent 50%, var(--color--white) 50%);
    --color--red: #c9001d;
    --fonts--font-family-icons: "Fa Brands 400 (6.4.2)", sans-serif;
    --primary-dark\<deleted\|variable-7ad493ea\>: #0e0e0e;
    --spacing--40: 30px;
    --spacing--30: 30px;
    --border-radius--100px: 100px;
    --font-size--button-large: 20px;
    --spacing--60: 60px;
    --color--black-blue-55: color-mix(in hsl, var(--color--black) 55%, transparent 45%);
    --color--white-80: color-mix(in hsl, transparent 20%, var(--color--white) 80%);
    --fonts--font-family-icons-new: "Fa solid 900", sans-serif;
  }

  .section.contacts-banner {
    min-height: 300px;
  }

  .section.inner-banner {
    padding-top: 160px;
    padding-bottom: 100px;
  }

  .section.landing-banner {
    background-image: none;
    padding-top: 140px;
  }

  .section.banner-home-1 {
    padding-top: 140px;
    padding-bottom: 200px;
  }

  .section.image-section {
    padding-top: 200px;
  }

  .section.banner-home-2 {
    padding-top: 100px;
    padding-bottom: 410px;
  }

  .section.image-section-reviews {
    padding-top: 200px;
  }

  .section.cta {
    padding-bottom: 300px;
  }

  .section.light-services-bg {
    padding-top: 180px;
  }

  .section.video-section {
    height: 400px;
  }

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

  .section.image-project-section {
    min-height: 400px;
  }

  .section.image-section-home-3, .section.image-section-services {
    padding-top: 180px;
  }

  .section.inner-banner-center {
    padding-top: 160px;
    padding-bottom: 100px;
  }

  .section.banner-team {
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .section.banner-gallery, .section.banner-blog {
    padding-top: 140px;
  }

  .section.contacts-banner {
    min-height: auto;
    padding-top: 140px;
    padding-bottom: 20px;
  }

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

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

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

  .section.packages-details-banner {
    min-height: auto;
    padding-top: 140px;
    padding-bottom: 20px;
  }

  .section.utility-banner, .section.inner-banner-center-bottom-margin {
    padding-top: 160px;
    padding-bottom: 100px;
  }

  .base-container {
    max-width: 100%;
    padding-left: 48px;
    padding-right: 48px;
  }

  .grid-system {
    width: 100%;
  }

  .grid-description.first-description {
    text-align: center;
  }

  .spacing-system-image {
    width: 75%;
  }

  .spacing-wrapper-mobile {
    width: 70%;
  }

  .spacing-columns {
    flex-flow: wrap;
    display: flex;
  }

  .bottom-style-spacing-desktop {
    bottom: 6%;
  }

  .top-style-spacing-desktop {
    top: 4%;
  }

  .middle-style-spacing-desktop {
    top: 30%;
  }

  .spasing-system-image-mobile {
    width: 70%;
  }

  .colors-container {
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .color-container {
    grid-column-gap: 20px;
  }

  .style-guide-body-wrapper {
    width: 100%;
  }

  .primary-butto {
    display: block;
  }

  .top-style-spacing-mobile {
    top: 3%;
  }

  .middlr-style-spacing-mobile {
    top: 26%;
  }

  .bottom-style-spacing-mobile {
    bottom: 6%;
  }

  .nav-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-menu {
    background-color: var(--color--dark-blue);
    flex-direction: column;
    width: 320px;
    inset: 0% auto 0% 0%;
  }

  .nav-menu.home-3 {
    background-color: var(--color--blue-white);
  }

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

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

  .nav-link {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
    display: flex;
  }

  .nav-dropdown {
    background-color: var(--color--black);
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    display: flex;
    overflow: hidden;
  }

  .nav-dropdown-toggle {
    justify-content: space-between;
    align-items: center;
    padding: 10px 3px 10px 0;
    display: flex;
  }

  .nav-dropdown-list {
    background-color: var(--color--black);
    border-style: none;
    flex-direction: column;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 40px;
    display: flex;
    position: static;
  }

  .nav-dropdown-list.w--open {
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: static;
  }

  .nav-dropdown-list.megamenu {
    width: auto;
    height: 270px;
    padding-left: 20px;
    padding-right: 40px;
    overflow: scroll;
  }

  .nav-dropdown-list.light {
    border-style: none;
  }

  .nav-dropdown-link-wrapper {
    flex-flow: wrap;
    padding-right: 0;
  }

  .nav-dropdown-link-wrapper:hover {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-dropdown-link {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .close-menu-button, .close-menu-button.w--open {
    background-color: #0000;
    padding: 0 20px 0 0;
  }

  .nav-close-icon {
    z-index: 15;
    filter: invert();
    align-self: stretch;
    margin-bottom: 3px;
  }

  .nav-close-icon.invert {
    filter: none;
    margin-bottom: 2px;
  }

  .licensing-grid, .licensing-grid.last-child {
    grid-template-columns: 1fr 1fr;
  }

  .licensing-paragraph {
    width: 100%;
  }

  .utility-page-content {
    width: 300px;
  }

  .blog-template-wrapper {
    max-width: 100%;
  }

  .footer {
    text-wrap: balance;
    display: block;
  }

  .footer.home-3 {
    padding-top: 180px;
  }

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

  .process-item-wrapper {
    grid-column-gap: 30px;
  }

  .free-trial-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .process-image {
    object-fit: cover;
    display: block;
  }

  .accordion-list-content.main {
    max-width: 95%;
  }

  .contacts-form-wrapper {
    width: 100%;
  }

  .footer-social-icons-wrapper {
    margin-bottom: 10px;
  }

  .footer-wrapper-grid {
    grid-column-gap: 40px;
    flex-wrap: wrap;
    grid-template-columns: .7fr 1fr;
  }

  .footer-brand-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 50px;
  }

  .footer-links-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-links-wrapper.align-right {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: 220px;
  }

  .search-desktop {
    display: none;
  }

  .search-bottom-line {
    display: flex;
  }

  .navbar-button-wrapper-desk {
    display: none;
  }

  .search-input:focus {
    border: 1px solid var(--primary\<deleted\|variable-478a3a9e\>);
  }

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

  .footer-logo-wrapper {
    width: 50%;
  }

  .accordion-wrapper-one-column {
    width: 80%;
  }

  .headings-container {
    flex-wrap: wrap;
  }

  .style-guide-content-wrapper {
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .style-guide-content-wrapper.no-wrap {
    flex-wrap: nowrap;
  }

  .landing-banner-image {
    max-width: 95%;
  }

  .landing-performance-grid {
    grid-column-gap: 80px;
    grid-row-gap: 60px;
  }

  .landing-features-grid {
    grid-template-columns: 1fr 1fr;
  }

  .landing-feature-item._1 {
    width: auto;
    margin-right: 0;
  }

  .landing-feature-item._1-copy {
    width: auto;
    margin-left: 0;
  }

  .landing-inner-pages-wrapper {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .landing-inner-page-item.home-screen {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }

  .landing-banner-title-wrapper {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .landing-performance-item-title {
    max-width: 220px;
    font-size: 18px;
  }

  .nav-dropdown-column {
    justify-content: center;
    width: 180px;
  }

  .landing-home-pages-wrapper {
    grid-row-gap: 30px;
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }

  .landing-download-block-wrapper {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex-flow: column;
    justify-content: center;
    padding: 40px;
  }

  .landing-download-block-wrap {
    text-align: center;
    margin-bottom: 30px;
  }

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

  .blog-section-title {
    margin-bottom: 60px;
  }

  .contacts-wrapper-grid {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-title-center {
    margin-bottom: 60px;
  }

  .home-4-testimonials-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 40px;
    flex-wrap: wrap;
    width: 80%;
    margin-top: 20px;
  }

  .testimonials-wrapper-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-wrap: wrap;
    width: 80%;
    margin-top: 20px;
  }

  .about-img._1 {
    top: 7%;
    left: 15px;
  }

  .about-img._5 {
    top: 58%;
    bottom: 0;
    left: 60px;
  }

  .about-img._3 {
    width: 360px;
    top: 0%;
    right: 15px;
  }

  .about-img._4 {
    width: 240px;
    top: 57%;
    left: auto;
    right: 15px;
  }

  .about-img._2 {
    z-index: 5;
    top: 30%;
    left: 35%;
  }

  .subtitle {
    margin-bottom: 30px;
  }

  .content {
    margin-bottom: 0;
  }

  .industries-block-wrapper {
    max-width: 45vw;
  }

  .about-4-team-slide {
    width: 100%;
  }

  .nav-dropdown-link-line {
    display: none;
  }

  .subtitle-2 {
    margin-bottom: 30px;
  }

  .dropdown-nav-link {
    color: #222;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Lato, sans-serif;
    font-weight: 700;
  }

  .dropdown-nav-link.w--current {
    color: #004ae2;
  }

  .menu-wrap {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .menu-wrap.light {
    border-right: 1px solid var(--color--black-blue-15);
    background-color: var(--color--blue-white);
  }

  .home-banner-left-arrow {
    inset: 20% auto auto 4%;
  }

  .tablet-menu {
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: flex;
  }

  .tablet-menu.light {
    border-right: 1px solid var(--color--black-blue-15);
  }

  .image-burger {
    filter: invert();
    margin-bottom: 2px;
  }

  .image-burger.invert {
    filter: none;
  }

  .brand-tablet {
    display: block;
  }

  .brand-tablet.w--current, .brand.w--current {
    margin-top: 5px;
  }

  .success-message {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .licensing-icons {
    width: 80%;
  }

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

  .cta-text-content {
    max-width: 650px;
    margin-top: 40px;
    margin-bottom: 30px;
  }

  .text-button-secondary.text-white {
    font-size: var(--font-size--button-large);
  }

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

  .banner-text-content, .banner-text-content.center-mob.faq {
    max-width: 650px;
  }

  .line-wrapper.tp-32 {
    padding-top: 22px;
  }

  .line-wrapper.tp-42 {
    padding-top: 24px;
  }

  .line-wrapper.bp-32 {
    padding-bottom: 24px;
  }

  .line-wrapper.bp-22 {
    padding-bottom: 12px;
  }

  .line-wrapper.tp-30 {
    padding-top: 20px;
  }

  .line-30 {
    height: 20px;
  }

  .line-52 {
    height: 38px;
  }

  .left-slide-paralax, .right-slide-paralax {
    height: 180px;
  }

  .packages-center-description {
    max-width: 540px;
  }

  .cta-packages-text-content {
    background-color: #0000;
  }

  .cta-package-paragraph {
    max-width: 420px;
  }

  .packages-left-image-wrap, .packages-right-image-wrap {
    width: 140px;
    height: 180px;
  }

  .package-item-wrapper {
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto auto;
    width: 100%;
  }

  .package-title-wrapper {
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
  }

  .package-button {
    width: 100%;
    height: 54px;
  }

  .package-button.full-size {
    height: 100%;
  }

  .link-image-package {
    width: 100%;
    height: 100%;
  }

  .numbers-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    display: grid;
  }

  .numbers-wrapper.about {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    margin-top: 40px;
    padding-top: 40px;
    display: grid;
  }

  .number {
    font-size: 80px;
  }

  .number-item {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .number-item.home-3 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .bg-overlay {
    background-image: linear-gradient(16deg, #000 14%, #fff0 94%);
  }

  .slider-projects {
    padding-bottom: 84px;
  }

  .mask-projects, .project-background-wrapper {
    min-height: 400px;
  }

  .project-background {
    height: 400px;
  }

  .text-content-card-wrapper-project {
    min-height: 400px;
  }

  .left-arrow-wrapper {
    width: 54px;
    inset: auto 0 0% -60px;
  }

  .left-arrow-wrapper.home-2 {
    left: -60px;
  }

  .left-arrow-wrapper.gallery {
    bottom: auto;
    left: -400px;
  }

  .arrow-project {
    transition: all .35s;
  }

  .arrow-project:hover {
    background-color: var(--color--paragraph-gray);
  }

  .right-arrow-wrapper {
    width: 54px;
    inset: auto -60px 0% 0;
  }

  .right-arrow-wrapper.home-2 {
    right: -60px;
  }

  .right-arrow-wrapper.gallery {
    bottom: auto;
    right: -400px;
  }

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

  .line-32 {
    height: 22px;
  }

  .line-22 {
    height: 12px;
  }

  .service-title-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .service-item-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: grid;
  }

  .image-service-left {
    height: 120px;
    position: static;
    left: 15px;
  }

  .image-service-right {
    height: 120px;
    position: static;
    right: 15px;
  }

  .review-item-wrapper {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-project {
    max-width: 100%;
  }

  .post-title {
    max-width: 300px;
  }

  .package-title {
    max-width: 230px;
  }

  .button-wrap-desk {
    flex: none;
  }

  .logo-tab {
    height: 128px;
  }

  .navbar-button-wrapper-tab {
    margin-top: 20px;
    display: flex;
  }

  .left-content-banner-home-2 {
    grid-row-gap: 60px;
    width: 100%;
  }

  .blur-block {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
  }

  .title-services {
    max-width: 450px;
  }

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

  .collection-item-services:nth-child(2n) {
    border-right-style: none;
  }

  .collection-item-services:last-child {
    display: none;
  }

  .secondary-button {
    width: 100%;
    height: 54px;
  }

  .slide-left {
    border-right-style: none;
    width: 100%;
    padding-left: 120px;
    padding-right: 120px;
  }

  .slide-right {
    width: 100%;
    padding-left: 120px;
    padding-right: 120px;
  }

  .faq-title {
    max-width: 550px;
  }

  .faq-wrapper {
    width: 600px;
  }

  .accordion-title-wrap {
    grid-column-gap: 40px;
  }

  .accordion-title-wrap.small-gap {
    grid-column-gap: 60px;
  }

  .cta-block-content {
    max-width: 100%;
  }

  .text-content-cta {
    max-width: 600px;
  }

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

  .footer-info-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .numbers-wrap {
    align-items: stretch;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .footer-links, .footer-links.align-right {
    justify-content: flex-start;
    align-items: center;
  }

  .phones-divider {
    height: auto;
  }

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

  .link-image-post {
    width: 330px;
  }

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

  .images-grig-about {
    grid-column-gap: 20px;
    grid-template-columns: .6fr .9fr .6fr;
  }

  .label-wrapper {
    top: 100px;
  }

  .packages-section {
    flex-flow: column;
  }

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

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

  .cta-block-content-home-2 {
    max-width: 600px;
  }

  .title-banner-wrapper {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: 600px;
  }

  .text-content-banner {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .video-banner-wrapper {
    width: 100%;
    height: 350px;
    inset: auto 0% 0%;
  }

  .reviews-title {
    max-width: 450px;
  }

  .big-image-grid-wrap {
    height: 350px;
  }

  .right-image-grid-wrap, .left-image-grid-wrap {
    height: 250px;
  }

  .collection-item-package-sticky {
    top: 100px;
  }

  .small-image-cta-wrap {
    width: 200px;
    height: 120px;
  }

  .review-item-slide-wrap {
    padding-left: 60px;
    padding-right: 60px;
  }

  .mask-testimonials {
    width: 90%;
  }

  .title-blog {
    max-width: 400px;
  }

  .image-package-section {
    width: 200px;
    height: 240px;
  }

  .center-block-packages-title {
    max-width: 650px;
  }

  .banner-title-wrapper-home-3 {
    max-width: 600px;
  }

  .slider-banner {
    width: 280px;
  }

  .collection-list-packages-grid {
    grid-column-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .footer-accent-text {
    font-size: 36px;
  }

  .packages-left-column {
    width: 100%;
    margin-bottom: 60px;
    padding-right: 0;
    position: static;
  }

  .packages-title {
    width: 60%;
    padding-right: 60px;
  }

  .packages-title-with-image {
    flex-flow: row;
  }

  .image-packages-wrapper {
    aspect-ratio: 2.39;
    width: 55%;
    height: auto;
    margin-bottom: -95px;
  }

  .title-services-center {
    max-width: 500px;
  }

  .project-item-wrap {
    height: 400px;
    padding: 40px;
  }

  .small-image-project {
    width: 200px;
    height: 200px;
  }

  .slider-reviews-center {
    padding-bottom: 94px;
  }

  .video-package-section {
    height: 350px;
  }

  .package-section-paragraph {
    max-width: 600px;
  }

  .nav-dropdown-black {
    background-color: var(--color--black);
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    display: flex;
    overflow: hidden;
  }

  .nav-dropdown-black.light {
    background-color: var(--color--blue-white);
  }

  .collection-list-4 {
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }

  .services-section-home-3 {
    padding-top: 180px;
  }

  .link-block-service {
    position: relative;
  }

  .service-image-wrap {
    width: 100px;
    height: 100px;
    top: auto;
    bottom: auto;
  }

  .image-static {
    display: none;
  }

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

  .numbers-card {
    max-width: 550px;
  }

  .package-grid-item:last-child {
    display: none;
  }

  .banner-text-content-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .banner-img-wrap {
    height: 400px;
  }

  .image-team {
    width: 100px;
    height: 100px;
  }

  .team-social-icons-wrapper {
    margin-bottom: 10px;
  }

  .numbers-title-about-wrapper {
    max-width: 590px;
  }

  .reviews-title-left {
    max-width: 450px;
  }

  .approach-small-text-wrap {
    max-width: 200px;
  }

  .approach-bottom-content {
    max-width: 650px;
  }

  .approach-image-wrap {
    width: 300px;
    height: 300px;
  }

  .approach-title {
    max-width: 650px;
  }

  .approach-center-content {
    grid-column-gap: 30px;
  }

  .mask-gallery {
    width: 400px;
  }

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

  .video-banner-left {
    object-position: 60% 50%;
    width: 100px;
    height: 140px;
  }

  .video-banner-left.blog {
    left: 0;
  }

  .video-banner-right {
    width: 100px;
    height: 160px;
    top: 80px;
  }

  .numbers-title-services {
    max-width: 400px;
  }

  .title-with-paragraph {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .content-inner-banner-center {
    max-width: 600px;
  }

  .services-section-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-top: 140px;
  }

  .banner-title-wrapper-inner {
    grid-column-gap: 80px;
    justify-content: center;
    align-items: center;
    padding-right: 20px;
    display: flex;
  }

  .overlay-banner-team.faq {
    background-image: linear-gradient(#0000004d, #0000004d), linear-gradient(56deg, #000000e6, #fff0 80%);
  }

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

  .project-item-wrap-main {
    padding: 20px;
  }

  .collection-reviews-grid {
    grid-template-columns: 1fr 1fr;
  }

  .faq-section-wrapper-main {
    grid-column-gap: 0px;
    flex-flow: column;
  }

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

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

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

  .contacts-banner-left-column {
    grid-row-gap: 40px;
    width: 100%;
    padding-right: 0;
  }

  .contact-link-item {
    flex: 1;
  }

  .contacts-links-block {
    grid-column-gap: 40px;
    flex-flow: row;
    width: 100%;
  }

  .image-more-wrapper {
    height: 120px;
  }

  .more-item-description {
    grid-row-gap: 20px;
  }

  .more-items-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .more-item {
    border-bottom: 1px solid var(--color--black-blue-15);
  }

  .more-item.last-child {
    border-bottom-style: none;
  }

  .more-item.second {
    border-right-style: none;
  }

  .more-item.third {
    border-bottom-style: none;
  }

  .section-details {
    flex-flow: column;
  }

  .overview-block {
    width: 100%;
    position: static;
  }

  .description-block {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 0;
    padding-left: 0;
  }

  .collection-list-additional-images {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .overview-points-grid {
    grid-column-gap: 40px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .content-banner-post-detail {
    max-width: 100%;
  }

  .image-service-detail {
    height: 350px;
  }

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

  .title-project-details {
    max-width: 470px;
  }

  .packages-details-title-wrapper {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .packages-details-wrapper {
    justify-content: flex-start;
    align-items: stretch;
    width: 450px;
  }

  .details-title-wrap {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    padding-right: 0;
  }

  .details-item {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .details-item-wrapper {
    grid-column-gap: 80px;
    justify-content: center;
    align-items: center;
  }

  .paragraph-package-details {
    max-width: 520px;
  }

  .image-package-details-wrap {
    height: 350px;
  }

  .description-wrapper {
    max-width: 100%;
    padding-right: 0;
  }

  .link-another-package {
    border-bottom: 1px solid var(--color--black-blue-15);
    border-top-style: none;
  }

  .package-details-banner-wrapper {
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .utility-page-title {
    max-width: 600px;
  }

  ._404 {
    font-size: 160px;
  }

  .another-packages-block {
    grid-row-gap: 10px;
    width: 100%;
    margin-top: 40px;
  }

  .desccription-section-packages {
    flex-flow: column;
  }

  .collection-list-another-packages {
    grid-column-gap: 30px;
    border-bottom-style: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .service-collection-wrap {
    margin-left: 0;
    margin-right: 0;
  }

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

  .block-lines {
    margin-left: 15px;
    margin-right: 15px;
  }

  .collection-item-team:nth-child(odd) {
    display: none;
  }

  .collection-item-faq.tab-without-line:last-child {
    border-bottom-style: none;
  }

  .collection-item-review-stroke:nth-child(2n) {
    border-bottom: 1px solid var(--color--black-blue-15);
  }

  .collection-item-review-stroke:last-child {
    display: none;
  }

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

  .collection-item-review:last-child, .promotion-label-holder, .promotion-labels-wrapper-to-remove {
    display: none;
  }

  .promotion-label-left {
    max-width: 380px;
  }

  .navbar_mobile-content {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 90dvh;
    display: flex;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
  }

  .header-logo {
    height: 80px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --color--white: white;
    --fonts--font-family: Avenir, Arial, sans-serif;
    --color--black: #000;
    --font-size--paragraph: 18px;
    --line-height--1-4: 1.4em;
    --font-weight--normal: 300;
    --fonts--font-family-decor: Lora, "Trebuchet MS", sans-serif;
    --font-size--h1: 46px;
    --line-height--1-1: 1.1em;
    --font-size--h2: 36px;
    --font-weight--medium: 500;
    --font-size--h3: 26px;
    --line-height--1-3: 1.3em;
    --font-size--h4: 24px;
    --font-size--h5: 20px;
    --font-size--h6: 18px;
    --color--paragraph-gray: var(--color--dark-gray);
    --font-size--link: 18px;
    --spacing--10: 10px;
    --spacing--20: 20px;
    --font-size--paragraph-large: 24px;
    --line-height--1-8: 1.8em;
    --font-size--quote: 20px;
    --spacing--80: 60px;
    --color--blue-white: color-mix(in hsl, var(--color--dark-blue) 20%, white 80%);
    --color--transparent: #0000;
    --color--light-blue: #c3d4ff;
    --border-radius--3px: 3px;
    --color--dark-gray: #394249;
    --color--black-blue-15: color-mix(in hsl, var(--color--black) 15%, transparent 85%);
    --color--dark-blue: #161649;
    --color--white-10: color-mix(in hsl, transparent 90%, var(--color--white) 10%);
    --font-size--label: 14px;
    --letter-spacing--1-4: 1.4px;
    --light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>: #adffc5;
    --color--white-70: color-mix(in hsl, transparent 30%, var(--color--white) 70%);
    --font-size--paragraph-small: 14px;
    --spacing--15: 15px;
    --border-radius--50: 50%;
    --color--white-50: color-mix(in hsl, transparent 50%, var(--color--white) 50%);
    --color--red: #c9001d;
    --fonts--font-family-icons: "Fa Brands 400 (6.4.2)", sans-serif;
    --primary-dark\<deleted\|variable-7ad493ea\>: #0e0e0e;
    --spacing--40: 30px;
    --spacing--30: 30px;
    --border-radius--100px: 100px;
    --font-size--button-large: 20px;
    --spacing--60: 40px;
    --color--black-blue-55: color-mix(in hsl, var(--color--black) 55%, transparent 45%);
    --color--white-80: color-mix(in hsl, transparent 20%, var(--color--white) 80%);
    --fonts--font-family-icons-new: "Fa solid 900", sans-serif;
  }

  blockquote {
    padding-right: 0;
  }

  .section.inner-banner {
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .section.landing-banner {
    background-image: url('../images/Landing-Banner-image-2.png');
    background-position: 135%;
    background-repeat: no-repeat;
    background-size: 400px;
  }

  .section.without-top-spacing {
    padding-top: 0;
  }

  .section.banner-home-1 {
    padding-top: 120px;
    padding-bottom: 180px;
  }

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

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

  .section.banner-home-2 {
    padding-bottom: 360px;
  }

  .section.image-section-reviews {
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .section.cta {
    margin-top: 60px;
  }

  .section.video-section {
    height: 350px;
  }

  .section.banner-home-3 {
    padding-bottom: 80px;
  }

  .section.image-section-home-3, .section.image-section-services {
    padding-top: 140px;
    padding-bottom: 20px;
  }

  .section.inner-banner-center {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .section.banner-gallery, .section.banner-blog {
    padding-top: 120px;
  }

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

  .section.banner-service-detail, .section.packages-details-banner {
    padding-top: 120px;
  }

  .section.utility-banner, .section.inner-banner-center-bottom-margin {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .base-container {
    max-width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .grid-system-wrapper {
    flex-direction: row;
    margin-top: 20px;
  }

  .grid-system {
    border-left: 1px solid #7c7c7c;
    flex-direction: column;
  }

  .grid-title {
    border-bottom: 1px solid #7c7c7c;
    border-right-style: none;
    width: 100%;
  }

  .grid-title.first-grid {
    border-left-style: none;
    border-right-style: none;
    width: 100%;
  }

  .grid-description {
    border-top: 1px solid #a7a7a7;
    border-bottom-style: none;
    border-right-width: 1px;
    align-items: center;
    width: 100%;
  }

  .grid-description.first-description {
    border-width: 1px 1px .5px 0;
    border-top-style: none;
    border-top-color: #a7a7a7;
    border-bottom-style: none;
    border-left-style: none;
    width: 100%;
  }

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

  .spacing-system-column {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 30px;
  }

  .spacing-wrapper-mobile, .typography-wrapper {
    margin-top: 20px;
  }

  .spacing-columns {
    margin-top: 0;
  }

  .bottom-style-spacing-desktop {
    bottom: 10%;
  }

  .top-style-spacing-desktop {
    top: 10%;
  }

  .spacing-wrapper {
    margin-top: 20px;
  }

  .middle-style-spacing-desktop {
    top: 34%;
  }

  .colors-container {
    grid-row-gap: 30px;
    margin-top: 30px;
  }

  .color-container {
    margin-top: 20px;
  }

  .headings-typography-wrapper {
    width: 100%;
  }

  .headers-wrapper {
    width: 100%;
    margin-top: 10px;
  }

  .style-guide-body-wrapper {
    width: 100%;
  }

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

  .top-style-spacing-mobile {
    top: 7%;
  }

  .middlr-style-spacing-mobile {
    top: 31%;
  }

  .bottom-style-spacing-mobile {
    bottom: 9%;
  }

  .grid-header {
    width: 100%;
    margin-top: 30px;
  }

  .link-wrapper {
    width: 100%;
    margin-bottom: 10px;
  }

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

  .licensing-title-wrapper {
    margin-bottom: 20px;
  }

  .licensing-images-wrapper {
    padding-top: 30px;
  }

  .licensing-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 40px;
  }

  .licensing-grid.last-child {
    grid-template-columns: 1fr 1fr;
  }

  .licensing-title {
    padding-bottom: 30px;
  }

  .licensing-fonts-wrapper {
    flex-wrap: wrap;
  }

  .licensing-paragraph {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .licensing-paragraph.last-item {
    margin-bottom: 0;
  }

  .licensing-icons-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .password-image {
    width: 100px;
  }

  .password-input {
    min-width: auto;
  }

  ._404-paragraph {
    margin-bottom: 30px;
  }

  .footer {
    padding-bottom: 80px;
  }

  .footer-bottom-wrapper {
    text-align: center;
    flex-flow: column;
  }

  .section-title-wrapper {
    margin-bottom: 40px;
  }

  .process-item-wrapper {
    grid-row-gap: 20px;
    flex-wrap: wrap;
    grid-template-columns: 60px 1fr;
    justify-items: stretch;
  }

  .process-image-wrapper {
    width: 100%;
    height: 240px;
  }

  .process-number-wrapper {
    flex: none;
    position: relative;
    top: 250px;
  }

  .style-guide-buttons-wrapper {
    flex-wrap: wrap;
    margin-top: 30px;
  }

  .style-guide-button-wrapper {
    width: 100%;
  }

  .style-guide-button-wrapper.last-child {
    margin-bottom: 0;
  }

  .free-trial-title {
    margin-bottom: 20px;
  }

  .accordion-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .accordion-list-content {
    max-width: 100%;
  }

  .footer-social-icons-wrapper {
    margin-bottom: 17px;
  }

  .footer-wrapper-grid {
    grid-template-columns: 1fr .7fr;
    margin-bottom: 40px;
  }

  .footer-brand-wrapper {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }

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

  .footer-links-wrapper.align-right {
    max-width: 200px;
  }

  .search-result-item {
    margin-bottom: 20px;
  }

  .search-section {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .footer-logo-wrapper {
    align-items: center;
    width: 100%;
  }

  .footer-brand-description {
    text-align: center;
  }

  .service-details-content-wrapper {
    max-width: 100%;
    margin-top: -5px;
    margin-right: 0;
  }

  .service-details-content {
    grid-row-gap: 5px;
    flex-flow: column;
  }

  .accordion-wrapper-one-column {
    width: 100%;
  }

  .headings-container {
    grid-row-gap: 40px;
  }

  .style-guide-content-wrapper {
    margin-top: 20px;
  }

  .about-3-tab-link.w--current {
    font-size: 20px;
  }

  .landing-performance-grid {
    grid-column-gap: 80px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .landing-inner-pages-wrapper {
    grid-template-columns: 1fr;
  }

  .landing-download-block-wrap {
    max-width: 100%;
  }

  .team-title {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: 450px;
  }

  .testimonials {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-section-title {
    margin-bottom: 40px;
  }

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

  .section-title-center {
    margin-bottom: 40px;
  }

  .home-4-testimonials-wrapper {
    grid-row-gap: 30px;
    width: 100%;
  }

  .testimonials-wrapper-2 {
    width: 100%;
  }

  .about-img {
    width: 100%;
    max-height: 420px;
  }

  .about-img._1, .about-img._5, .about-img._3, .about-img._4, .about-img._2 {
    width: 100%;
    position: static;
  }

  .subtitle {
    line-height: 16px;
  }

  .our-services-wrap {
    grid-row-gap: 10px;
    width: 100%;
  }

  .content-wrapper {
    flex-wrap: wrap;
    width: auto;
  }

  .industries-block-wrapper {
    max-width: none;
  }

  .home-9-team-item {
    width: 48%;
  }

  .subtitle-2 {
    line-height: 16px;
  }

  .image-gallery {
    width: 130vw;
  }

  .home-banner-left-arrow {
    top: 6%;
  }

  .home-23-team-item {
    width: 70%;
  }

  .brand-tablet {
    justify-content: flex-start;
    padding-left: 0;
  }

  .brand {
    padding-left: 0;
  }

  .style-guide-subtitle {
    margin-bottom: 10px;
  }

  .footer-rights-wrapper {
    max-width: 100%;
    margin-left: 0;
  }

  .typography-hero-wrapper {
    grid-row-gap: 40px;
    margin-top: 30px;
  }

  .form-block-contacts {
    padding: 20px;
  }

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

  .button-wrapper-sg {
    margin-top: 20px;
  }

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

  .licensing-icons {
    width: 100%;
  }

  .cta-section {
    padding-bottom: 60px;
  }

  .cta-text-content, .cta-paragraph {
    max-width: 100%;
  }

  .text-button-secondary {
    font-size: 20px;
  }

  .overlay-banner {
    background-image: linear-gradient(145deg, var(--color--dark-blue) 41%, #fff0 95%);
  }

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

  .banner-text-content {
    max-width: 100%;
  }

  .banner-text-content.center-mob {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .left-slide-paralax, .right-slide-paralax {
    width: 140px;
    height: 160px;
  }

  .packages-center-description {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .cta-packages-text-content {
    grid-row-gap: 20px;
  }

  .packages-left-image-wrap {
    height: 80px;
    inset: auto auto 60px 10px;
  }

  .packages-right-image-wrap {
    height: 80px;
    inset: auto 10px 60px auto;
  }

  .package-item-wrapper {
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
  }

  .package-title-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .link-image-package {
    height: 260px;
  }

  .numbers-wrapper {
    grid-column-gap: 20px;
    grid-template-rows: auto auto auto;
    max-width: 100%;
  }

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

  .mask-projects {
    width: 80%;
  }

  .left-arrow-wrapper.gallery {
    left: -360px;
  }

  .image-arrow-project.no-rotate {
    transform: none;
  }

  .right-arrow-wrapper.gallery {
    right: -360px;
  }

  .service-item-wrapper {
    grid-auto-columns: 1fr;
    display: grid;
  }

  .image-service-left, .image-service-right {
    width: 80px;
    height: 80px;
    position: static;
  }

  .projects-section-title {
    max-width: 100%;
  }

  .post-title, .package-title {
    max-width: none;
  }

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

  .button-wrapper-mob {
    margin-top: 40px;
    display: block;
  }

  .button-wrapper-mob.left-padding {
    padding-left: 20px;
  }

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

  .title-services-wrapper {
    margin-bottom: 40px;
  }

  .collection-list-services {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .collection-services-wrapper {
    border-bottom-style: none;
  }

  .service-item-wrap {
    border-bottom: 1px solid var(--color--black-blue-15);
    padding-top: 20px;
  }

  .collection-item-services {
    border-right-style: none;
  }

  .left-arrow-reviews {
    width: 47%;
    height: 54px;
    inset: auto auto 10px 10px;
  }

  .right-arrow-reviews {
    width: 47%;
    height: 54px;
    inset: auto 10px 10px auto;
  }

  .slider-reviews {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 60px;
  }

  .slide-left {
    padding: 40px;
  }

  .review-text {
    font-size: 20px;
  }

  .slide-right {
    padding: 40px;
  }

  .faq-title {
    max-width: 95%;
    margin-bottom: 40px;
  }

  .faq-wrapper {
    max-width: 100%;
  }

  .accordion-title-wrap {
    grid-column-gap: 20px;
  }

  .accordion-title-wrap.small-gap {
    grid-column-gap: 40px;
  }

  .cta-block-content {
    margin-top: -60px;
  }

  .text-content-cta {
    max-width: 100%;
  }

  .cta-content-wrap {
    margin-top: 40px;
  }

  .footer-links {
    grid-row-gap: 20px;
  }

  .link-to-top {
    padding-top: 15px;
    bottom: -220px;
  }

  .footer-copyright-wrap {
    max-width: 100%;
  }

  .button-wrapper-desk {
    display: none;
  }

  .paragraph-cta-wrap {
    max-width: 100%;
  }

  .blog-post-item {
    flex-flow: column;
  }

  .link-image-post {
    aspect-ratio: auto;
    width: 100%;
    height: 240px;
  }

  .post-right-description {
    margin-top: 30px;
    padding-left: 0;
  }

  .post-title-wrapper {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .blog-title-wrapper {
    margin-bottom: 40px;
  }

  .about-title-wrapper {
    max-width: 100%;
  }

  .images-grig-about {
    grid-column-gap: 10px;
    grid-template-columns: .6fr .9fr .6fr;
    padding-left: 0;
    padding-right: 0;
  }

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

  .cta-block-content-home-2 {
    max-width: 100%;
  }

  .cta-content-wrap-home-2 {
    margin-top: 40px;
  }

  .text-content-cta-home-2 {
    max-width: 460px;
  }

  .paragraph-cta-wrap-home-2 {
    max-width: 100%;
  }

  .video-banner-wrapper {
    height: 300px;
  }

  .image-testimonials-wrapper {
    width: 200px;
  }

  .review-text-content {
    padding-left: 40px;
  }

  .big-image-grid-wrap {
    height: 300px;
  }

  .right-image-grid-wrap, .left-image-grid-wrap {
    height: 200px;
  }

  .small-image-cta-wrap {
    width: 160px;
    height: 100px;
  }

  .review-item-slide-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .mask-testimonials {
    width: 100%;
  }

  .review-slider-section-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .title-blog {
    max-width: 340px;
  }

  .image-package-section {
    width: 160px;
    height: 200px;
  }

  .packages-section-center {
    grid-row-gap: 40px;
  }

  .center-block-packages-title {
    max-width: 100%;
  }

  .banner-title-wrapper-home-3 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .slider-banner {
    width: 200px;
    height: 260px;
  }

  .text-content-center {
    grid-row-gap: 30px;
  }

  .package-description-wrap {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .collection-list-packages-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .packages-left-column {
    grid-row-gap: 30px;
    margin-bottom: 40px;
  }

  .packages-title {
    width: auto;
    max-width: 400px;
    padding-right: 0;
  }

  .packages-title-with-image {
    grid-row-gap: 30px;
    flex-flow: column;
    width: 100%;
  }

  .image-packages-wrapper {
    aspect-ratio: auto;
    width: 100%;
    height: 250px;
    margin-bottom: 0;
  }

  .service-item-wrap-center {
    border-bottom: 1px solid var(--color--black-blue-15);
    padding-left: 40px;
    padding-right: 40px;
  }

  .title-services-center {
    max-width: 100%;
  }

  .project-item-wrap {
    padding: 20px;
  }

  .small-image-project {
    width: 160px;
    height: 160px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .project-content-wrap {
    justify-content: space-between;
    align-items: flex-start;
  }

  .video-package-section {
    height: 300px;
  }

  .package-section-paragraph {
    max-width: 100%;
  }

  .services-section-home-3 {
    padding-bottom: 60px;
  }

  .link-block-service {
    flex-flow: column-reverse wrap;
  }

  .image-service-animation {
    object-position: 50% 20%;
    position: static;
  }

  .collection-list-services-home-3 {
    grid-row-gap: 40px;
  }

  .service-image-wrap {
    width: 100%;
    height: 250px;
    position: static;
  }

  .service-title-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .services-label-wrap {
    margin-bottom: 40px;
  }

  .numbers-block-wrapper {
    margin-left: 20px;
    margin-right: 20px;
  }

  .numbers-card {
    max-width: 100%;
    padding: 30px 20px;
  }

  .numbers-wrapper-home-3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    max-width: 100%;
  }

  .banner-text-content-wrap {
    grid-row-gap: 30px;
    max-width: 100%;
  }

  .banner-img-wrap {
    height: 350px;
  }

  .team-item {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .team-social-icons-wrapper {
    margin-bottom: 17px;
  }

  .numbers-title-about-wrapper {
    max-width: 100%;
  }

  .team-title-wrapper {
    justify-content: center;
    align-items: flex-end;
  }

  .reviews-title-left {
    margin-bottom: 40px;
  }

  .approach-section {
    grid-row-gap: 20px;
  }

  .approach-bottom-content {
    grid-row-gap: 30px;
    max-width: 100%;
  }

  .approach-image-wrap {
    width: 100%;
    height: 250px;
    margin-top: 20px;
  }

  .approach-title {
    max-width: 100%;
    margin-bottom: 0;
  }

  .approach-center-content {
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .mask-gallery {
    width: 360px;
    height: 300px;
  }

  .paragrapg-banner-about-wrap {
    max-width: 100%;
  }

  .process-wrapper {
    grid-row-gap: 40px;
  }

  .process-timeline {
    inset: 0% auto 0% 28.5px;
  }

  .services-banner-wrap {
    margin-bottom: 100px;
  }

  .video-banner-left {
    width: 80px;
    height: 80px;
    left: 10%;
  }

  .video-banner-left.blog {
    left: 20%;
  }

  .video-banner-right {
    width: 80px;
    height: 80px;
    top: auto;
    left: auto;
    right: 10%;
  }

  .video-banner-right.blog {
    inset: auto 20% 0% auto;
  }

  .content-inner-banner-center {
    grid-row-gap: 30px;
    max-width: 100%;
  }

  .paragraph-how-we-work {
    max-width: 100%;
  }

  .services-section-wrap {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .banner-title-wrapper-inner {
    grid-column-gap: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .overlay-banner-team {
    background-image: linear-gradient(#0000004d, #0000004d), linear-gradient(56deg, #000, #fff0);
  }

  .overlay-banner-team.faq {
    background-image: linear-gradient(#00000080, #00000080), linear-gradient(56deg, #000000e6, #fff0 80%);
  }

  .banner-paragraph-wrapper-team {
    max-width: 100%;
  }

  .overlay-banner-packages {
    background-image: linear-gradient(#0000004d, #0000004d), linear-gradient(56deg, #000, #fff0);
  }

  .banner-paragraph-wrapper-packages {
    max-width: 100%;
  }

  .gallery-grid {
    grid-template-rows: 200px 200px 200px 200px 200px 200px;
  }

  .banner-paragraph-wrapper-gallery {
    max-width: 100%;
  }

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

  .collection-item-project-main, .project-item-wrap-main {
    height: 320px;
  }

  .small-image-project-main {
    width: 160px;
    height: 160px;
  }

  .paragrapg-banner-projects-wrap, .paragraph-testimonials {
    max-width: 100%;
  }

  .collection-reviews-grid {
    grid-template-columns: 1fr;
  }

  .banner-paragraph-wrapper-faq {
    max-width: 100%;
  }

  .blog-banner-wrap {
    margin-bottom: 100px;
  }

  .blog-banner-wrap.without-bottom-margin {
    margin-bottom: 0;
  }

  .inputs-stroke {
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .contacts-links-block {
    flex-flow: column;
  }

  .submit-button.search-button {
    min-width: auto;
  }

  .more-section-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .title-more-wrapper {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .more-items-wrapper {
    flex-wrap: wrap;
  }

  .description-block {
    grid-row-gap: 30px;
    margin-top: 40px;
  }

  .collection-list-additional-images {
    grid-template-rows: 200px 200px 200px;
    grid-template-columns: 1fr 1fr;
  }

  .overview-points-grid {
    grid-template-columns: 1fr;
  }

  .banner-text-service-detail {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
  }

  .paragraph-service-detail {
    max-width: 100%;
  }

  .collection-recent-services-wrapper {
    border-bottom-style: none;
  }

  .title-recent-services-wrapper {
    margin-bottom: 40px;
  }

  .paragraph-post-banner, .title-project-details {
    max-width: 100%;
  }

  .packages-details-title-wrapper {
    max-width: none;
  }

  .packages-details-wrapper {
    width: 100%;
  }

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

  .paragraph-package-details {
    max-width: 100%;
  }

  .utility-page-title {
    grid-row-gap: 30px;
    max-width: 100%;
  }

  .collection-list-another-packages {
    grid-template-columns: 1fr;
  }

  .service-collection-wrap {
    padding-bottom: 60px;
  }

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

  .collection-item-services-main {
    border-bottom-style: none;
    border-right-style: none;
  }

  .block-lines {
    height: 60px;
  }

  .collection-list-wrapper-service {
    border-right: 1px solid var(--color--black-blue-15);
  }

  .promotion-label-left {
    max-width: 300px;
  }

  .header-logo {
    height: 72px;
  }

  .sponsors_wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --color--white: white;
    --fonts--font-family: Avenir, Arial, sans-serif;
    --color--black: #000;
    --font-size--paragraph: 18px;
    --line-height--1-4: 1.4em;
    --font-weight--normal: 300;
    --fonts--font-family-decor: Lora, "Trebuchet MS", sans-serif;
    --font-size--h1: 40px;
    --line-height--1-1: 1.1em;
    --font-size--h2: 32px;
    --font-weight--medium: 500;
    --font-size--h3: 26px;
    --line-height--1-3: 1.3em;
    --font-size--h4: 24px;
    --font-size--h5: 20px;
    --font-size--h6: 18px;
    --color--paragraph-gray: var(--color--dark-gray);
    --font-size--link: 18px;
    --spacing--10: 10px;
    --spacing--20: 20px;
    --font-size--paragraph-large: 24px;
    --line-height--1-8: 1.8em;
    --font-size--quote: 20px;
    --spacing--80: 60px;
    --color--blue-white: color-mix(in hsl, var(--color--dark-blue) 20%, white 80%);
    --color--transparent: #0000;
    --color--light-blue: #c3d4ff;
    --border-radius--3px: 3px;
    --color--dark-gray: #394249;
    --color--black-blue-15: color-mix(in hsl, var(--color--black) 15%, transparent 85%);
    --color--dark-blue: #161649;
    --color--white-10: color-mix(in hsl, transparent 90%, var(--color--white) 10%);
    --font-size--label: 14px;
    --letter-spacing--1-4: 1.4px;
    --light-green\<deleted\|variable-b8ed1f2c-9a1b-850e-77d3-7781cd36f98b\>: #adffc5;
    --color--white-70: color-mix(in hsl, transparent 30%, var(--color--white) 70%);
    --font-size--paragraph-small: 14px;
    --spacing--15: 15px;
    --border-radius--50: 50%;
    --color--white-50: color-mix(in hsl, transparent 50%, var(--color--white) 50%);
    --color--red: #c9001d;
    --fonts--font-family-icons: "Fa Brands 400 (6.4.2)", sans-serif;
    --primary-dark\<deleted\|variable-7ad493ea\>: #0e0e0e;
    --spacing--40: 30px;
    --spacing--30: 30px;
    --border-radius--100px: 100px;
    --font-size--button-large: 20px;
    --spacing--60: 40px;
    --color--black-blue-55: color-mix(in hsl, var(--color--black) 55%, transparent 45%);
    --color--white-80: color-mix(in hsl, transparent 20%, var(--color--white) 80%);
    --fonts--font-family-icons-new: "Fa solid 900", sans-serif;
  }

  .section.landing-banner {
    background-image: url('../images/Landing-Banner-image-2.png');
    background-position: 135% 46%;
    background-repeat: no-repeat;
    background-size: 400px;
  }

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

  .section.custom-section {
    justify-content: center;
    align-items: center;
    padding-bottom: 220px;
    display: flex;
  }

  .section.image-section-reviews {
    padding-top: 160px;
  }

  .section.cta {
    padding-bottom: 250px;
  }

  .section.cta-home-2 {
    padding-bottom: 180px;
  }

  .section.image-project-section {
    min-height: 450px;
  }

  .section.image-section-home-3, .section.image-section-services {
    padding-top: 60px;
  }

  .section.contacts-banner {
    padding-top: 45px;
    padding-bottom: 30px;
  }

  .base-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-system-wrapper {
    flex-direction: row;
  }

  .grid-system {
    flex-direction: column;
    width: 50%;
  }

  .grid-title {
    align-items: center;
  }

  .grid-title.first-grid {
    text-align: center;
    flex: 1;
    width: 100%;
  }

  .grid-description {
    border-bottom-width: 1px;
    border-bottom-color: #fff3;
  }

  .grid-description.first-description {
    border-bottom: 1px #fff3;
    border-left-style: none;
    border-right-style: solid;
  }

  .grid-description.last-description {
    border-bottom-color: #a7a7a7;
  }

  .bottom-style-spacing-desktop {
    bottom: 8%;
  }

  .top-style-spacing-desktop {
    top: 7%;
  }

  .middle-style-spacing-desktop {
    top: 32%;
  }

  .top-style-spacing-mobile {
    top: 5%;
  }

  .middlr-style-spacing-mobile {
    top: 28%;
  }

  .bottom-style-spacing-mobile {
    bottom: 8%;
  }

  .nav-link {
    width: 99%;
  }

  .nav-dropdown-list.megamenu {
    padding-right: 0;
  }

  .licensing-title-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .licensing-grid, .licensing-grid.last-child {
    grid-template-columns: 1fr;
  }

  .utility-page-content {
    width: 100%;
  }

  .footer {
    text-align: left;
  }

  .footer-bottom-wrapper {
    flex-flow: column;
  }

  .footer-rights {
    text-align: center;
  }

  .footer-copyright {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .process-item-wrapper {
    grid-column-gap: 20px;
    grid-template-columns: 40px 1fr;
  }

  .process-number-wrapper {
    width: 40px;
    height: 40px;
    top: 260px;
  }

  .process-number {
    font-size: var(--font-size--h5);
  }

  .text-white.is-header {
    font-size: var(--font-size--paragraph);
  }

  .footer-social-icons-wrapper {
    margin-bottom: 0;
  }

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

  .footer-brand-wrapper {
    flex-direction: column;
  }

  .footer-brand.w--current {
    width: 280px;
  }

  .footer-links-wrapper {
    align-items: center;
    margin-top: 10px;
  }

  .footer-links-wrapper.align-right {
    margin-bottom: 10px;
  }

  .style-guide-content-wrapper.no-wrap {
    flex-wrap: wrap;
  }

  .about-3-tab-link {
    font-size: 16px;
  }

  .about-3-tab-link.w--current {
    font-size: 18px;
  }

  .landing-banner-image {
    max-width: 90%;
  }

  .landing-features-grid {
    grid-template-columns: 1fr;
  }

  .landing-feature-icon {
    margin-bottom: 10px;
  }

  .landing-download-block-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .team-title {
    max-width: 100%;
  }

  .section-title-center {
    margin-bottom: 20px;
  }

  .our-services-wrap, .home-9-team-item {
    width: 100%;
  }

  .search {
    flex-flow: column;
  }

  .home-23-team-item {
    width: 100%;
  }

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

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

  .footer-rights-wrapper {
    grid-row-gap: 5px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .footer-licensing-link {
    text-align: center;
    justify-content: center;
    line-height: 1.6em;
  }

  .license-link-wrapper {
    margin-left: 0;
  }

  .cta-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .left-slide-paralax, .right-slide-paralax {
    width: 120px;
    height: 140px;
  }

  .packages-left-image-wrap {
    width: 160px;
    height: 160px;
    margin-right: 130px;
    inset: auto auto 90px;
  }

  .image-package-cta {
    object-position: 100% 50%;
  }

  .packages-right-image-wrap {
    width: 180px;
    height: 140px;
    margin-left: 130px;
    inset: auto auto 60px;
  }

  .package-item-wrapper {
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto;
  }

  .package-description.hide-mob {
    display: none;
  }

  .package-title-wrapper {
    margin-bottom: 10px;
  }

  .tags-wrapper {
    grid-row-gap: 5px;
    flex-flow: wrap;
  }

  .link-image-package {
    height: 200px;
  }

  .numbers-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: center;
    place-items: center;
  }

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

  .number-item {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 220px;
  }

  .number-item.home-3 {
    justify-content: flex-start;
    align-items: center;
  }

  .bg-overlay {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-image: linear-gradient(16deg, #000 6%, #fff0);
  }

  .mask-projects {
    width: 95%;
  }

  .left-arrow-wrapper.gallery {
    inset: auto 0 0% -64px;
  }

  .right-arrow-wrapper.gallery {
    inset: auto 0 0% 64px;
  }

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

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

  .service-item-wrapper {
    grid-column-gap: 10px;
  }

  .button-wrapper-mob.left-padding {
    padding-left: 15px;
  }

  .label.numbers {
    text-align: center;
  }

  .title-services-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .services-section-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .service-item-wrap {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .link-service-image {
    aspect-ratio: 3 / 4;
    height: auto;
  }

  .left-arrow-reviews, .right-arrow-reviews {
    width: 46%;
  }

  .slider-reviews {
    flex-flow: column;
  }

  .slide-left {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-guest.round {
    width: 80px;
    height: 80px;
  }

  .slide-right {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-title {
    max-width: 100%;
  }

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

  .accordion-title-wrap.small-gap {
    margin-right: 0;
  }

  .faq-icon {
    flex: none;
    width: 20px;
    height: 20px;
    margin-left: 30px;
  }

  .small-image-cta {
    width: 140px;
    height: 160px;
  }

  .center-block {
    max-width: 100%;
  }

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

  .numbers-wrap {
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .phones-divider {
    width: 100%;
    height: 1px;
  }

  .faq-number {
    display: none;
  }

  .link-image-post {
    height: 200px;
  }

  .post-right-description {
    margin-top: 20px;
  }

  .images-grig-about {
    grid-template-columns: 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .package-item {
    grid-row-gap: 30px;
    grid-template-rows: auto 54px;
    grid-template-columns: 1fr;
  }

  .cta-block-content-home-2 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-content-wrap-home-2 {
    margin-top: 30px;
  }

  .text-content-cta-home-2 {
    max-width: 100%;
  }

  .top-content-cta-home-2 {
    grid-row-gap: 40px;
    flex-flow: column-reverse wrap;
    justify-content: flex-end;
    align-items: center;
  }

  .image-testimonials-wrapper {
    width: 100%;
    height: 230px;
  }

  .review-item-wrap {
    flex-flow: column;
  }

  .review-text-content {
    grid-row-gap: 20px;
    margin-top: 20px;
    padding-left: 0;
  }

  .image-testimonial {
    object-position: 50% 30%;
  }

  .reviews-title {
    max-width: 100%;
  }

  .big-image-grid-wrap {
    height: 200px;
    display: none;
  }

  .right-image-grid-wrap, .left-image-grid-wrap {
    height: 160px;
  }

  .small-image-cta-wrap {
    width: 100%;
    height: 140px;
  }

  .mask-testimonials {
    width: 95%;
  }

  .review-text-accent {
    font-size: var(--font-size--h5);
  }

  .title-blog {
    max-width: 100%;
  }

  .image-package-section {
    width: 120px;
    height: 150px;
  }

  .banner-title-wrapper-home-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .slider-banner {
    width: 200px;
    height: 240px;
  }

  .image-slider.left {
    transform: translate(-20%)rotate(-5deg)scale(.8);
  }

  .image-slider.right {
    transform: translate(20%)rotate(5deg)scale(.8);
  }

  .package-description-wrap {
    flex-flow: column-reverse wrap;
  }

  .footer-accent-text {
    font-size: 32px;
  }

  .packages-title {
    max-width: 100%;
  }

  .service-item-wrap-center {
    padding-left: 15px;
    padding-right: 15px;
  }

  .project-item-wrap {
    height: 400px;
  }

  .bg-overlay-project {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-image: linear-gradient(16deg, #000 6%, #fff0);
  }

  .small-image-project {
    width: 120px;
    height: 120px;
  }

  .title-project-wrap {
    max-width: 100%;
  }

  .text-content-project {
    grid-row-gap: 30px;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .video-package-section {
    height: 250px;
  }

  .service-image-wrap {
    height: 200px;
  }

  .numbers-wrapper-home-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .numbers-title {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .team-item {
    grid-row-gap: var(--spacing--20);
  }

  .image-team {
    width: 80px;
    height: 80px;
  }

  .team-social-icons-wrapper {
    margin-bottom: 0;
  }

  .reviews-title-left {
    max-width: 100%;
  }

  .approach-section {
    grid-row-gap: 20px;
  }

  .approach-small-text-wrap {
    max-width: 220px;
  }

  .approach-image-wrap {
    margin-top: 0;
    margin-bottom: 12px;
  }

  .approach-title {
    margin-bottom: 20px;
  }

  .title-banner-wrap {
    max-width: 100%;
  }

  .approach-center-content {
    grid-column-gap: 16px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .mask-gallery {
    width: 100%;
    overflow: hidden;
  }

  .slide-gallery {
    padding-left: 0;
    padding-right: 0;
  }

  .slider-gallery {
    padding-bottom: 84px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .paragrapg-banner-about-wrap {
    max-width: 100%;
  }

  .process-timeline {
    left: 19.5px;
  }

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

  .services-banner-wrap.is-speakers {
    margin-bottom: 160px;
  }

  .video-banner-left {
    width: 125px;
    height: 125px;
    left: 10%;
  }

  .video-banner-right {
    width: 125px;
    height: 125px;
    right: 10%;
  }

  .numbers-title-services {
    max-width: 100%;
  }

  .title-services-wrapper-banner {
    padding-left: 15px;
    padding-right: 15px;
  }

  .services-section-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .gallery-grid {
    grid-template-rows: 200px 200px 200px 200px 200px 200px 200px 200px 200px;
    grid-template-columns: 1fr;
  }

  .collection-item-project-main, .project-item-wrap-main {
    height: 350px;
  }

  .small-image-project-main {
    width: 120px;
    height: 120px;
  }

  .text-content-project-main {
    grid-row-gap: 30px;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .title-project-wrap-main, .paragrapg-banner-projects-wrap {
    max-width: 100%;
  }

  .blog-banner-wrap {
    max-width: 350px;
  }

  .contacts-banner-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .more-item-title-wrapper {
    grid-row-gap: 10px;
  }

  .more-section-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .title-more-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .more-item {
    border-right-style: none;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .more-item.third {
    border-bottom-style: solid;
  }

  .collection-list-additional-images {
    grid-template-rows: 150px 150px 150px;
  }

  .overview-item {
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .overview-points-grid {
    grid-row-gap: 20px;
  }

  .packages-details-wrapper {
    grid-row-gap: 16px;
    padding: 20px;
  }

  .details-title-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .details-item-wrapper {
    flex-flow: column;
  }

  .package-details-banner-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  ._404 {
    font-size: 120px;
  }

  .another-packages-block {
    padding: 20px;
  }

  .service-collection-wrap {
    margin-left: 0;
    margin-right: 0;
  }

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

  .hide-mob {
    display: none;
  }

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

  .promotion-label-left {
    bottom: 90px;
    left: auto;
    right: 12px;
  }

  .header-logo {
    height: 56px;
  }

  .intro-big-img {
    margin-top: 20px;
  }

  .ostras_logo {
    height: 56px;
  }

  .sponsors_wrapper {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
  }
}

#w-node-_372136d8-e829-64ef-67e2-838d3299aaf5-f124fffa, #w-node-_3046d385-00ef-1a39-a240-eeadbd211d20-f124fffa, #w-node-f8dcdfff-88b2-174f-772a-e4e26476447c-f124fffa, #w-node-_2e780f7e-ddc2-b018-b89f-b3fe073d5c8c-f124fffa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_340fb62a-7464-c215-91df-adabe27bd438-f124fffa, #w-node-_53de3972-33d6-c32e-1ed1-5f29079ada19-f124fffa {
  grid-area: 3 / 1 / 4 / 4;
  justify-self: center;
}

#w-node-_3c72e4f2-c584-264d-70a0-7ebf9e4d3968-9e4d395a {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_3c72e4f2-c584-264d-70a0-7ebf9e4d3989-9e4d395a {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_5b8647b0-154a-9344-5a86-16a13e7dfdcf-3e7dfdc1 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_5b8647b0-154a-9344-5a86-16a13e7dfdf0-3e7dfdc1 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_5ec15608-86d2-a9a9-3aa3-bede457fbc57-f1250004, #w-node-_49cca918-c86c-541f-7ce5-f9a9d329efa9-f1250004, #w-node-d6e596d5-8de4-ff78-b72f-c7add2c74cdf-f1250004, #w-node-f05a39b9-2ff2-3c6a-4533-a4bcee3a4f19-f1250004, #w-node-_9a90de59-abc8-334b-f582-96e85d7bf276-f1250004, #w-node-_7bd70cfb-0951-9688-3a5b-0a1f98bc138c-f1250004, #w-node-e4bea9ff-345e-e27f-4e89-0c8ac7b86634-f1250004, #w-node-_2e2f4a04-72ac-a010-d4df-090c99cf505e-f1250004, #w-node-_3342adc1-4861-e172-646b-0b1454e00a2e-f1250004, #w-node-_7ab1f106-5ab6-79a9-74f5-2b46eba54b1c-f1250004, #w-node-_9b767bff-c99f-88fc-5c69-4395e1f0a5b6-f1250004, #w-node-_780306ea-2cf8-953d-d8f8-fa1d639c2418-f1250004, #w-node-f7836444-dbe5-9687-1c8b-2b75abb12593-f1250004, #w-node-_1e837342-5f05-b606-ee8c-40812de7991e-f1250004, #w-node-_626d9659-0f6c-6e92-0311-daa6d2503186-f1250004, #w-node-_42b21837-364c-1e09-cf01-85d05fa33d9d-f1250004, #w-node-f92f38e1-d17a-8bae-9d87-b4a942f1c9a5-f1250004, #w-node-_3d487c88-eb8b-1e63-0b4f-cdeff022778b-f1250004, #w-node-cc8ecf7f-c6fd-c692-c8eb-2470140a368b-f1250004, #w-node-c89a3a7d-2405-9c12-d583-5b0eab4b2b7c-f1250004, #w-node-_1b697545-9681-098c-8345-7af41cb1b352-f1250004, #w-node-_68d78f1d-f9e5-f384-a486-db008d0374bd-f1250004, #w-node-b541110b-f571-2985-fa14-ce681adc53bf-f1250004, #w-node-_99812e5a-51d1-f4b5-ca30-64ba4421d518-f1250004, #w-node-e92cf0de-35b1-4af3-d1d1-3fe88164a3d4-f1250004, #w-node-a749484a-14ca-93ba-2a6e-5d44861a4586-f1250004, #w-node-c16d3069-580c-a59f-945e-4bba6d52688d-f1250004, #w-node-_7fac6993-302a-058a-78b5-56f807a8149a-f1250004, #w-node-f8259b67-4014-82d3-22c4-0aa875ce80d4-f1250004, #w-node-add036a9-e92b-85e8-dd9b-3bf32949c523-f1250004, #w-node-_56fa65a3-cb5c-e61d-f156-3e5c325d481f-f1250004, #w-node-fbd6c381-3857-01ef-020d-20693d61213d-f1250004, #w-node-_6a078d37-a03b-58b0-5746-bd390040e948-f125000a, #w-node-_6a078d37-a03b-58b0-5746-bd390040e94a-f125000a, #w-node-_6a078d37-a03b-58b0-5746-bd390040e94c-f125000a, #w-node-_6a078d37-a03b-58b0-5746-bd390040e94e-f125000a, #w-node-_6a078d37-a03b-58b0-5746-bd390040e950-f125000a, #w-node-_6a078d37-a03b-58b0-5746-bd390040e953-f125000a, #w-node-_6a078d37-a03b-58b0-5746-bd390040e955-f125000a, #w-node-_6a078d37-a03b-58b0-5746-bd390040e957-f125000a, #w-node-_6a078d37-a03b-58b0-5746-bd390040e959-f125000a, #w-node-_6a078d37-a03b-58b0-5746-bd390040e95b-f125000a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_274682cf-5200-839b-9419-ec7c6ebbd186-f125000a {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_274682cf-5200-839b-9419-ec7c6ebbd1a7-f125000a {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-dc1fb648-689b-1227-d8fa-36ce1fba2602-f125000c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c5f09766-85a8-46c9-8fa1-67f1e68a9737-f1250014 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ae3e0f88-b241-df56-9698-8b9420cc023c-f1250014 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-fe1acbfd-99ab-4f6f-bce4-efa56ff0906f-f1250014 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_4a795edc-0595-e883-f1cf-684e26c816c7-f1250014 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-_35b42bd6-48ee-f465-db60-84d2c470f1b2-f1250014 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_64562a31-34c8-f27b-1bc3-631a2b1df377-f1250014 {
  grid-area: 2 / 3 / 4 / 4;
}

#w-node-_4fddb1b0-da7f-be28-dcd7-c1f4dc3726b0-f1250014 {
  grid-area: 4 / 1 / 6 / 2;
}

#w-node-ed1422ce-4259-f493-5f16-faf16b182628-f1250014 {
  grid-area: 4 / 2 / 6 / 3;
}

#w-node-_6afdf5a3-8372-f601-7fde-302164445faa-f1250014 {
  grid-area: 4 / 3 / 6 / 4;
}

#w-node-e717ce59-6a78-0c30-51d0-65dc98ef8a20-d6f4e34f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

@media screen and (min-width: 1280px) {
  #w-node-_340fb62a-7464-c215-91df-adabe27bd438-f124fffa {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-_53de3972-33d6-c32e-1ed1-5f29079ada19-f124fffa {
    grid-area: 2 / 4 / 3 / 5;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_340fb62a-7464-c215-91df-adabe27bd438-f124fffa {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_53de3972-33d6-c32e-1ed1-5f29079ada19-f124fffa {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_3c72e4f2-c584-264d-70a0-7ebf9e4d3961-9e4d395a {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_3c72e4f2-c584-264d-70a0-7ebf9e4d3968-9e4d395a {
    grid-row-end: 2;
    grid-column-start: 1;
    place-self: center;
  }

  #w-node-_3c72e4f2-c584-264d-70a0-7ebf9e4d397a-9e4d395a {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_3c72e4f2-c584-264d-70a0-7ebf9e4d3981-9e4d395a {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_3c72e4f2-c584-264d-70a0-7ebf9e4d3989-9e4d395a {
    grid-area: 2 / 2 / 3 / 3;
    justify-self: center;
  }

  #w-node-_81dbf298-70e6-bcdb-ceef-ec9aa622bf68-f124fffb {
    grid-area: 2 / 1 / 4 / 2;
  }

  #w-node-_0b27a3ad-34d7-56c4-52a7-9a3a96275d26-f124fffb {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_43487248-a53f-5a43-c72e-82e32916fa3a-f124fffb {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_8576e7d0-7a3a-1fa7-6d91-c89ac62bfdfe-f124fffb {
    grid-area: 3 / 2 / 4 / 3;
    place-self: end;
  }

  #w-node-_5f06d7d6-4cd5-e458-fbad-4edd644853bc-644853b9, #w-node-_5f06d7d6-4cd5-e458-fbad-4edd644853c3-644853b9 {
    justify-self: center;
  }

  #w-node-_5f06d7d6-4cd5-e458-fbad-4edd644853ca-644853b9 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_5f06d7d6-4cd5-e458-fbad-4edd644853d1-644853b9 {
    grid-area: 2 / 2 / 3 / 3;
    justify-self: center;
  }

  #w-node-_5f06d7d6-4cd5-e458-fbad-4edd644853d8-644853b9 {
    grid-area: 2 / 3 / 3 / 4;
    justify-self: center;
  }

  #w-node-_5b8647b0-154a-9344-5a86-16a13e7dfdc8-3e7dfdc1 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_5b8647b0-154a-9344-5a86-16a13e7dfdcf-3e7dfdc1 {
    grid-row-end: 2;
    grid-column-start: 1;
    place-self: center;
  }

  #w-node-_5b8647b0-154a-9344-5a86-16a13e7dfde1-3e7dfdc1 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_5b8647b0-154a-9344-5a86-16a13e7dfde8-3e7dfdc1 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_5b8647b0-154a-9344-5a86-16a13e7dfdf0-3e7dfdc1 {
    grid-area: 2 / 2 / 3 / 3;
    justify-self: center;
  }

  #w-node-_5f143956-6637-87aa-73c5-2a9bf0e8a948-f1250007 {
    grid-area: 2 / 1 / 4 / 2;
  }

  #w-node-_5f143956-6637-87aa-73c5-2a9bf0e8a94b-f1250007 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_5f143956-6637-87aa-73c5-2a9bf0e8a951-f1250007 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_5f143956-6637-87aa-73c5-2a9bf0e8a953-f1250007 {
    grid-area: 3 / 2 / 4 / 3;
    place-self: end;
  }

  #w-node-_274682cf-5200-839b-9419-ec7c6ebbd17f-f125000a {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_274682cf-5200-839b-9419-ec7c6ebbd186-f125000a {
    grid-row-end: 2;
    grid-column-start: 1;
    place-self: center;
  }

  #w-node-_274682cf-5200-839b-9419-ec7c6ebbd198-f125000a {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_274682cf-5200-839b-9419-ec7c6ebbd19f-f125000a {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_274682cf-5200-839b-9419-ec7c6ebbd1a7-f125000a {
    grid-area: 2 / 2 / 3 / 3;
    justify-self: center;
  }

  #w-node-_5ea89bd5-58c5-4586-174b-617ee9a3ecde-f125000d {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_5ea89bd5-58c5-4586-174b-617ee9a3ece5-f125000d {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: center;
  }

  #w-node-_5ea89bd5-58c5-4586-174b-617ee9a3ecec-f125000d {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_5ea89bd5-58c5-4586-174b-617ee9a3ecf3-f125000d {
    grid-area: 2 / 2 / 3 / 3;
    justify-self: center;
  }

  #w-node-_3b95b9df-132b-c6ad-a02e-f969be7faad8-f125000e {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_3b95b9df-132b-c6ad-a02e-f969be7faadf-f125000e {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: center;
  }

  #w-node-_3b95b9df-132b-c6ad-a02e-f969be7faae6-f125000e {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_3b95b9df-132b-c6ad-a02e-f969be7faaed-f125000e {
    grid-area: 2 / 2 / 3 / 3;
    justify-self: center;
  }

  #w-node-_415c5b03-2842-ac90-8c39-f1a562050285-f1250010 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: end;
  }

  #w-node-_415c5b03-2842-ac90-8c39-f1a562050283-f1250010 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_415c5b03-2842-ac90-8c39-f1a562050287-f1250010 {
    grid-area: 2 / 2 / 3 / 3;
    justify-self: start;
  }

  #w-node-fe1acbfd-99ab-4f6f-bce4-efa56ff0906f-f1250014 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4a795edc-0595-e883-f1cf-684e26c816c7-f1250014 {
    grid-row: 3 / 5;
  }

  #w-node-_35b42bd6-48ee-f465-db60-84d2c470f1b2-f1250014 {
    grid-row-start: 3;
  }

  #w-node-_64562a31-34c8-f27b-1bc3-631a2b1df377-f1250014 {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_4fddb1b0-da7f-be28-dcd7-c1f4dc3726b0-f1250014 {
    grid-row: 5 / 7;
  }

  #w-node-ed1422ce-4259-f493-5f16-faf16b182628-f1250014 {
    grid-row: 5 / 6;
  }

  #w-node-_6afdf5a3-8372-f601-7fde-302164445faa-f1250014 {
    grid-area: 6 / 2 / 7 / 3;
  }

  #w-node-e717ce59-6a78-0c30-51d0-65dc98ef8a20-d6f4e34f {
    grid-column: span 1 / span 1;
  }

  #w-node-_673ecb9d-aac1-ad47-fb45-f2ce3bb0d464-d6f4e34f {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_673ecb9d-aac1-ad47-fb45-f2ce3bb0d46b-d6f4e34f {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: center;
  }

  #w-node-_673ecb9d-aac1-ad47-fb45-f2ce3bb0d472-d6f4e34f {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_81dbf298-70e6-bcdb-ceef-ec9aa622bf68-f124fffb {
    grid-row-end: 3;
  }

  #w-node-_0b27a3ad-34d7-56c4-52a7-9a3a96275d26-f124fffb {
    grid-column-end: 2;
  }

  #w-node-_43487248-a53f-5a43-c72e-82e32916fa3a-f124fffb {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_8576e7d0-7a3a-1fa7-6d91-c89ac62bfdfe-f124fffb {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_5f06d7d6-4cd5-e458-fbad-4edd644853c3-644853b9 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_5f06d7d6-4cd5-e458-fbad-4edd644853d8-644853b9 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_6c0b7567-6e61-ba0c-2d40-95142ab93019-f1250005, #w-node-_9ea6bdbf-47b8-5b57-08c1-bcfac87e74c0-f1250005 {
    grid-area: 1 / 1 / 3 / 2;
    align-self: start;
  }

  #w-node-_9ea6bdbf-47b8-5b57-08c1-bcfac87e74be-f1250005 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_459c8e78-896d-f0ec-1d27-838969479caa-f1250005, #w-node-_9123c680-5d9a-5713-2c86-7df926732948-f1250005 {
    grid-area: 1 / 1 / 3 / 2;
    align-self: start;
  }

  #w-node-_9123c680-5d9a-5713-2c86-7df926732946-f1250005 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_670b08bb-592f-b50c-cefa-4c470b22086e-f1250005 {
    grid-area: 1 / 1 / 3 / 2;
    align-self: start;
  }

  #w-node-_5f143956-6637-87aa-73c5-2a9bf0e8a948-f1250007 {
    grid-row-end: 3;
  }

  #w-node-_5f143956-6637-87aa-73c5-2a9bf0e8a94b-f1250007 {
    grid-column-end: 2;
  }

  #w-node-_5f143956-6637-87aa-73c5-2a9bf0e8a951-f1250007 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_5f143956-6637-87aa-73c5-2a9bf0e8a953-f1250007 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_5ea89bd5-58c5-4586-174b-617ee9a3ecde-f125000d {
    grid-column-end: 2;
  }

  #w-node-_5ea89bd5-58c5-4586-174b-617ee9a3ece5-f125000d {
    grid-column: 2 / 3;
  }

  #w-node-_5ea89bd5-58c5-4586-174b-617ee9a3ecec-f125000d {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_5ea89bd5-58c5-4586-174b-617ee9a3ecf3-f125000d {
    grid-column: 1 / 2;
  }

  #w-node-b71d6976-47a1-5919-b182-ab9bb94200e7-f125000d {
    justify-self: center;
  }

  #w-node-f1979b3e-ba2f-99fc-b1c2-dec07466e84e-f125000d {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-b0c08bca-2f15-ccda-943f-1bcf3f12af51-f125000d {
    justify-self: center;
  }

  #w-node-_3b95b9df-132b-c6ad-a02e-f969be7faad8-f125000e {
    grid-column-end: 2;
  }

  #w-node-_3b95b9df-132b-c6ad-a02e-f969be7faadf-f125000e {
    grid-column: 2 / 3;
  }

  #w-node-_3b95b9df-132b-c6ad-a02e-f969be7faae6-f125000e {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_3b95b9df-132b-c6ad-a02e-f969be7faaed-f125000e {
    grid-column: 1 / 2;
  }

  #w-node-_673ecb9d-aac1-ad47-fb45-f2ce3bb0d464-d6f4e34f {
    grid-column-end: 2;
  }

  #w-node-_673ecb9d-aac1-ad47-fb45-f2ce3bb0d46b-d6f4e34f {
    grid-column: 2 / 3;
  }

  #w-node-_673ecb9d-aac1-ad47-fb45-f2ce3bb0d472-d6f4e34f {
    grid-area: 2 / 2 / 3 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_340fb62a-7464-c215-91df-adabe27bd438-f124fffa {
    grid-row: 7 / 8;
  }

  #w-node-_53de3972-33d6-c32e-1ed1-5f29079ada19-f124fffa {
    grid-area: 8 / 1 / 9 / 2;
  }

  #w-node-_3c72e4f2-c584-264d-70a0-7ebf9e4d395d-9e4d395a {
    grid-area: 1 / 1 / 2 / 2;
    place-self: center;
  }

  #w-node-_3c72e4f2-c584-264d-70a0-7ebf9e4d3961-9e4d395a {
    grid-row: 4 / 5;
  }

  #w-node-_3c72e4f2-c584-264d-70a0-7ebf9e4d3968-9e4d395a {
    grid-column-end: 3;
  }

  #w-node-_3c72e4f2-c584-264d-70a0-7ebf9e4d397a-9e4d395a {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_3c72e4f2-c584-264d-70a0-7ebf9e4d3981-9e4d395a {
    grid-column-end: 3;
  }

  #w-node-_3c72e4f2-c584-264d-70a0-7ebf9e4d3989-9e4d395a {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_8576e7d0-7a3a-1fa7-6d91-c89ac62bfdfe-f124fffb {
    grid-row: 3 / 4;
  }

  #w-node-_5f06d7d6-4cd5-e458-fbad-4edd644853c3-644853b9 {
    grid-row: 2 / 3;
  }

  #w-node-_5f06d7d6-4cd5-e458-fbad-4edd644853ca-644853b9 {
    grid-row: 3 / 4;
  }

  #w-node-_5f06d7d6-4cd5-e458-fbad-4edd644853d1-644853b9 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_5f06d7d6-4cd5-e458-fbad-4edd644853d8-644853b9 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_5b8647b0-154a-9344-5a86-16a13e7dfdc4-3e7dfdc1 {
    grid-area: 1 / 1 / 2 / 2;
    place-self: center;
  }

  #w-node-_5b8647b0-154a-9344-5a86-16a13e7dfdc8-3e7dfdc1 {
    grid-row: 4 / 5;
  }

  #w-node-_5b8647b0-154a-9344-5a86-16a13e7dfdcf-3e7dfdc1 {
    grid-column-end: 3;
  }

  #w-node-_5b8647b0-154a-9344-5a86-16a13e7dfde1-3e7dfdc1 {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_5b8647b0-154a-9344-5a86-16a13e7dfde8-3e7dfdc1 {
    grid-column-end: 3;
  }

  #w-node-_5b8647b0-154a-9344-5a86-16a13e7dfdf0-3e7dfdc1 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_5ec15608-86d2-a9a9-3aa3-bede457fbc57-f1250004, #w-node-_49cca918-c86c-541f-7ce5-f9a9d329efa9-f1250004, #w-node-d6e596d5-8de4-ff78-b72f-c7add2c74cdf-f1250004, #w-node-f05a39b9-2ff2-3c6a-4533-a4bcee3a4f19-f1250004, #w-node-_9a90de59-abc8-334b-f582-96e85d7bf276-f1250004, #w-node-_7bd70cfb-0951-9688-3a5b-0a1f98bc138c-f1250004, #w-node-e4bea9ff-345e-e27f-4e89-0c8ac7b86634-f1250004, #w-node-_2e2f4a04-72ac-a010-d4df-090c99cf505e-f1250004, #w-node-_3342adc1-4861-e172-646b-0b1454e00a2e-f1250004, #w-node-_7ab1f106-5ab6-79a9-74f5-2b46eba54b1c-f1250004, #w-node-_9b767bff-c99f-88fc-5c69-4395e1f0a5b6-f1250004, #w-node-_780306ea-2cf8-953d-d8f8-fa1d639c2418-f1250004, #w-node-f7836444-dbe5-9687-1c8b-2b75abb12593-f1250004, #w-node-_1e837342-5f05-b606-ee8c-40812de7991e-f1250004, #w-node-_626d9659-0f6c-6e92-0311-daa6d2503186-f1250004, #w-node-_42b21837-364c-1e09-cf01-85d05fa33d9d-f1250004, #w-node-f92f38e1-d17a-8bae-9d87-b4a942f1c9a5-f1250004, #w-node-_3d487c88-eb8b-1e63-0b4f-cdeff022778b-f1250004, #w-node-cc8ecf7f-c6fd-c692-c8eb-2470140a368b-f1250004, #w-node-c89a3a7d-2405-9c12-d583-5b0eab4b2b7c-f1250004, #w-node-_1b697545-9681-098c-8345-7af41cb1b352-f1250004, #w-node-_68d78f1d-f9e5-f384-a486-db008d0374bd-f1250004, #w-node-b541110b-f571-2985-fa14-ce681adc53bf-f1250004, #w-node-_99812e5a-51d1-f4b5-ca30-64ba4421d518-f1250004, #w-node-e92cf0de-35b1-4af3-d1d1-3fe88164a3d4-f1250004, #w-node-a749484a-14ca-93ba-2a6e-5d44861a4586-f1250004, #w-node-c16d3069-580c-a59f-945e-4bba6d52688d-f1250004, #w-node-_7fac6993-302a-058a-78b5-56f807a8149a-f1250004, #w-node-f8259b67-4014-82d3-22c4-0aa875ce80d4-f1250004, #w-node-add036a9-e92b-85e8-dd9b-3bf32949c523-f1250004, #w-node-_56fa65a3-cb5c-e61d-f156-3e5c325d481f-f1250004, #w-node-fbd6c381-3857-01ef-020d-20693d61213d-f1250004 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5f143956-6637-87aa-73c5-2a9bf0e8a953-f1250007 {
    grid-row: 3 / 4;
  }

  #w-node-_274682cf-5200-839b-9419-ec7c6ebbd17b-f125000a {
    grid-area: 1 / 1 / 2 / 2;
    place-self: center;
  }

  #w-node-_274682cf-5200-839b-9419-ec7c6ebbd17f-f125000a {
    grid-row: 4 / 5;
  }

  #w-node-_274682cf-5200-839b-9419-ec7c6ebbd186-f125000a {
    grid-column-end: 3;
  }

  #w-node-_274682cf-5200-839b-9419-ec7c6ebbd198-f125000a {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_274682cf-5200-839b-9419-ec7c6ebbd19f-f125000a {
    grid-column-end: 3;
  }

  #w-node-_274682cf-5200-839b-9419-ec7c6ebbd1a7-f125000a {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_5ea89bd5-58c5-4586-174b-617ee9a3ece5-f125000d {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_5ea89bd5-58c5-4586-174b-617ee9a3ecec-f125000d {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_5ea89bd5-58c5-4586-174b-617ee9a3ecf3-f125000d {
    grid-row: 4 / 5;
  }

  #w-node-f1979b3e-ba2f-99fc-b1c2-dec07466e84e-f125000d {
    grid-column-end: 2;
  }

  #w-node-b0c08bca-2f15-ccda-943f-1bcf3f12af51-f125000d {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_3b95b9df-132b-c6ad-a02e-f969be7faadf-f125000e {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_3b95b9df-132b-c6ad-a02e-f969be7faae6-f125000e {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_3b95b9df-132b-c6ad-a02e-f969be7faaed-f125000e {
    grid-row: 4 / 5;
  }

  #w-node-ae3e0f88-b241-df56-9698-8b9420cc023c-f1250014 {
    grid-column: 1 / 2;
    grid-row-start: 2;
  }

  #w-node-fe1acbfd-99ab-4f6f-bce4-efa56ff0906f-f1250014 {
    grid-row: 3 / 4;
  }

  #w-node-_4a795edc-0595-e883-f1cf-684e26c816c7-f1250014 {
    grid-row-start: 4;
  }

  #w-node-_35b42bd6-48ee-f465-db60-84d2c470f1b2-f1250014 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_64562a31-34c8-f27b-1bc3-631a2b1df377-f1250014 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_4fddb1b0-da7f-be28-dcd7-c1f4dc3726b0-f1250014 {
    grid-row: 7 / 8;
  }

  #w-node-ed1422ce-4259-f493-5f16-faf16b182628-f1250014 {
    grid-area: 8 / 1 / 9 / 2;
  }

  #w-node-_6afdf5a3-8372-f601-7fde-302164445faa-f1250014 {
    grid-area: 9 / 1 / 10 / 2;
  }

  #w-node-_673ecb9d-aac1-ad47-fb45-f2ce3bb0d46b-d6f4e34f {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_673ecb9d-aac1-ad47-fb45-f2ce3bb0d472-d6f4e34f {
    grid-area: 3 / 1 / 4 / 2;
  }
}


@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-Italic.woff2') format('woff2'), url('../fonts/Lora-Italic.eot') format('embedded-opentype'), url('../fonts/Lora-Italic.woff') format('woff'), url('../fonts/Lora-VariableItalic.ttf') format('truetype'), url('../fonts/Lora-Italic.ttf') format('truetype'), url('../fonts/Lora-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-Bold.woff2') format('woff2'), url('../fonts/Lora-Bold.eot') format('embedded-opentype'), url('../fonts/Lora-Bold.woff') format('woff'), url('../fonts/Lora-Bold.ttf') format('truetype'), url('../fonts/Lora-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-BoldItalic.woff2') format('woff2'), url('../fonts/Lora-BoldItalic.eot') format('embedded-opentype'), url('../fonts/Lora-BoldItalic.woff') format('woff'), url('../fonts/Lora-BoldItalic.ttf') format('truetype'), url('../fonts/Lora-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-Regular.woff2') format('woff2'), url('../fonts/Lora-Regular.eot') format('embedded-opentype'), url('../fonts/Lora-Regular.woff') format('woff'), url('../fonts/Lora-Regular.ttf') format('truetype'), url('../fonts/Lora-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-Medium.woff2') format('woff2'), url('../fonts/Lora-Medium.eot') format('embedded-opentype'), url('../fonts/Lora-Medium.woff') format('woff'), url('../fonts/Lora-Medium.ttf') format('truetype'), url('../fonts/Lora-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-SemiBold.woff2') format('woff2'), url('../fonts/Lora-SemiBold.eot') format('embedded-opentype'), url('../fonts/Lora-SemiBold.woff') format('woff'), url('../fonts/Lora-SemiBold.ttf') format('truetype'), url('../fonts/Lora-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-MediumItalic.woff2') format('woff2'), url('../fonts/Lora-MediumItalic.eot') format('embedded-opentype'), url('../fonts/Lora-MediumItalic.woff') format('woff'), url('../fonts/Lora-MediumItalic.ttf') format('truetype'), url('../fonts/Lora-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Lora-SemiBoldItalic.eot') format('embedded-opentype'), url('../fonts/Lora-SemiBoldItalic.woff') format('woff'), url('../fonts/Lora-SemiBoldItalic.ttf') format('truetype'), url('../fonts/Lora-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lora Variable';
  src: url('../fonts/Lora-VariableItalic.woff2') format('woff2'), url('../fonts/Lora-VariableItalic.eot') format('embedded-opentype'), url('../fonts/Lora-VariableItalic.woff') format('woff'), url('../fonts/Lora-VariableItalic.ttf') format('truetype');
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lora Variable';
  src: url('../fonts/Lora-Variable.woff2') format('woff2'), url('../fonts/Lora-Variable.eot') format('embedded-opentype'), url('../fonts/Lora-Variable.woff') format('woff'), url('../fonts/Lora-Variable.ttf') format('truetype'), url('../fonts/Lora-Variable.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Brands 400 (6.4.2)';
  src: url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Heavy.ttf') format('truetype'), url('../fonts/Avenir-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Book.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}