@font-face {
  font-family: Librecasloncondensed;
  src: url('../fonts/LibreCaslonCondensed-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Librecasloncondensed;
  src: url('../fonts/LibreCaslonCondensed-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Librecasloncondensed;
  src: url('../fonts/LibreCaslonCondensed-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Librecasloncondensed;
  src: url('../fonts/LibreCaslonCondensed-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Librecasloncondensed;
  src: url('../fonts/LibreCaslonCondensed-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Librecasloncondensed;
  src: url('../fonts/LibreCaslonCondensed-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Librecasloncondensed;
  src: url('../fonts/LibreCaslonCondensed-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --black: black;
  --_typography---font-size--paragraph-small: 14px;
  --_typography---line-height--line-height-standart: 100%;
  --_typography---font-size--heading-1: 80px;
  --_typography---line-height--line-height-small: 120%;
  --_typography---spacing--spacing-extra-large: -2px;
  --_typography---font-size--heading-2: 60px;
  --_typography---font-size--haeading-3: 40px;
  --_typography---spacing--spacing-large: -1px;
  --_typography---font-size--heading-4: 34px;
  --_typography---line-height--line-height-large: 160%;
  --_typography---spacing--spacing-reguler: -.06px;
  --_typography---font-size--heading-5: 30px;
  --_typography---font-size--heading-6: 24px;
  --grey-text-1: #5b5b5b;
  --_typography---font-size--paragraph-large: 18px;
  --white: white;
  --green-2: #506e61;
  --_typography---font-size--paragraph-extra-small: 12px;
  --_typography---font-size--paragraph-reguler: 16px;
  --_typography---line-height--line-height-medium: 140%;
  --green-1: #33413b;
  --brown: #2f2c25;
  --text-grey-2: #9a9a9a;
  --whitesmoke: whitesmoke;
  --yellow: #ffebc5;
}

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

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@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 {
  color: var(--black);
  font-family: Inter Tight, sans-serif;
  font-size: var(--_typography---font-size--paragraph-small);
  line-height: var(--_typography---line-height--line-height-standart);
}

h1 {
  font-size: var(--_typography---font-size--heading-1);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: var(--_typography---spacing--spacing-extra-large);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}

h2 {
  font-size: var(--_typography---font-size--heading-2);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: var(--_typography---spacing--spacing-extra-large);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}

h3 {
  font-size: var(--_typography---font-size--haeading-3);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: var(--_typography---spacing--spacing-large);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}

h4 {
  font-size: var(--_typography---font-size--heading-4);
  line-height: var(--_typography---line-height--line-height-large);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
}

h5 {
  font-size: var(--_typography---font-size--heading-5);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: var(--_typography---spacing--spacing-large);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
}

h6 {
  color: var(--black);
  font-size: var(--_typography---font-size--heading-6);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: var(--_typography---spacing--spacing-large);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
}

p {
  color: var(--grey-text-1);
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-large);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  margin-bottom: 10px;
  font-weight: 400;
}

li {
  color: var(--grey-text-1);
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-large);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
}

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

.container-nav:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
  justify-content: center;
  position: relative;
}

.nav-menu {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border: .6px none var(--white);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #0000002e;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  padding: 10px;
  display: flex;
}

.nav-menu:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
  background-color: #aeaeae2e;
}

.nav-link {
  color: #fff;
  border-radius: 4px;
  height: auto;
  padding: 6px 16px;
  font-size: 16px;
}

.nav-link:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
  color: var(--black);
}

.nav-link:hover {
  color: var(--white);
  background-color: #00000029;
  text-decoration: none;
}

.nav-link:hover:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
  background-color: var(--white);
  color: var(--black);
  font-weight: 400;
}

.nav-link.w--current {
  color: var(--white);
  background-color: #00000029;
  border-radius: 4px;
  font-weight: 500;
}

.nav-link.w--current:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
  background-color: var(--white);
  color: var(--black);
}

.master-navigation {
  z-index: 200;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff0;
  border-bottom: 1px #c5c5c547;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 40px;
  display: flex;
  position: fixed;
}

.master-navigation:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff4a;
}

.navbar {
  z-index: 2;
  background-color: #ddd0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 2000px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.menu-toggle, .nav-menu-phone {
  display: none;
}

.brand:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
  position: absolute;
  inset: auto auto auto 0%;
}

.brand.w--current {
  width: 45px;
}

.section {
  height: auto;
  min-height: auto;
  position: relative;
}

.section.py-120 {
  margin-bottom: 0;
  padding-top: 120px;
  padding-bottom: 120px;
}

.section.section-grey {
  background-color: #f5f5f5;
}

.section.section-grey.py-120 {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 60px;
}

.section.section-grey.py-120.about-home {
  z-index: 3;
  padding-top: 120px;
  padding-bottom: 120px;
}

.section.section-grey.pt-120 {
  padding-top: 120px;
}

.section.video-section {
  justify-content: center;
  align-items: flex-end;
  height: 800px;
  padding-bottom: 40px;
  display: block;
}

.section.hero-home {
  z-index: 2;
  height: 100vh;
}

.containerp {
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.containerp.tarif {
  margin-bottom: 120px;
}

.content-hero-wrapp {
  z-index: 2;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
  position: relative;
}

.content-hero-wrapp.about-us {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-end;
  align-items: center;
  height: auto;
}

.content-hero-wrapp.about-us.terfff {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
}

.content-hero-wrapp.detail-project {
  grid-column-gap: 300px;
  grid-row-gap: 300px;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
}

.top-content-hero {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.top-content-hero.about-us-page {
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
}

.top-content-hero.detail-project {
  grid-row-gap: 10px;
  max-width: 1440px;
}

.top-content-hero.project {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
}

.top-content-hero.detail-blog {
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
}

.title-hero {
  color: var(--white);
  font-family: Inter Tight, sans-serif;
  font-size: var(--_typography---font-size--heading-1);
  line-height: var(--_typography---line-height--line-height-small);
  text-align: left;
  letter-spacing: var(--_typography---spacing--spacing-large);
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.title-hero.about-us {
  color: #310902;
  text-align: center;
  max-width: 650px;
}

.title-hero.pricing {
  color: #310902;
  font-family: Librecasloncondensed, Arial, sans-serif;
  font-size: var(--_typography---font-size--heading-2);
  text-align: center;
  font-weight: 400;
}

.title-hero.title-contact {
  width: 100%;
  max-width: 100%;
  line-height: 100%;
}

.title-hero.detail-project {
  color: var(--black);
  font-family: Librecasloncondensed, Arial, sans-serif;
  font-size: var(--_typography---font-size--heading-1);
}

.title-hero.text-black {
  color: #2f0600;
}

.title-hero.detail-blog {
  color: var(--black);
  text-align: center;
  max-width: 900px;
  font-family: Librecasloncondensed, Arial, sans-serif;
}

.desc-hero {
  color: var(--grey-text-1);
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-large);
  text-align: left;
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

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

.desc-hero.text-center.about-us {
  color: var(--grey-text-1);
  letter-spacing: 0;
  max-width: 550px;
}

.desc-hero.text-center.pricing {
  max-width: 500px;
}

.desc-hero.text-center.article {
  max-width: 550px;
}

.desc-hero.text-grey {
  color: var(--grey-text-1);
}

.desc-hero.detail-project {
  max-width: 600px;
}

.button-primary {
  grid-column-gap: 10px;
  color: var(--white);
  letter-spacing: -.06px;
  background-color: #b2714a;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button-primary:where(.w-variant-4ace87bc-47ce-fc1c-70b6-95ee1aaeec71) {
  height: 46px;
  padding: 10px 20px;
}

.button-primary:where(.w-variant-225548a3-17a7-3e17-ed8a-3a5014d002fb) {
  color: var(--black);
  background-color: #fff;
}

.button-primary:where(.w-variant-66ae9823-adfb-eb53-a3ca-1e749e94efdf) {
  border: 1px solid var(--green-2);
  color: var(--green-2);
  background-color: #fff0;
}

.button-primary:where(.w-variant-d8392f60-3729-81e5-c7ec-522aa060123f) {
  border-radius: 8px;
  width: 100%;
}

.button-primary:where(.w-variant-b98d99c2-22ee-46d5-e589-856b724d87e5) {
  border: 1px solid var(--white);
  background-color: #506e6100;
}

.button-primary:where(.w-variant-1c82435f-9f0c-6d55-58bc-36edfde7be5f) {
  color: var(--black);
  background-color: #fff;
}

.button-primary:hover:where(.w-variant-b98d99c2-22ee-46d5-e589-856b724d87e5) {
  background-color: var(--green-2);
}

.button-primary:hover:where(.w-variant-66ae9823-adfb-eb53-a3ca-1e749e94efdf) {
  background-color: var(--green-2);
  color: var(--white);
}

.button-primary.white {
  color: var(--black);
  background-color: #fff;
}

.button-primary.white-copy {
  color: var(--black);
  background-color: #fff0;
  border: 1px solid #fff;
}

.button-primary.white-copy:hover {
  color: #000;
  background-color: #1110;
}

.button-primary.square-full-width {
  border-radius: 8px;
  width: 100%;
}

.button-primary.meny {
  color: #000;
  background-color: #fff;
}

.button-primary.square-full-width-7 {
  border-radius: 8px;
  width: 100%;
}

.button-primary.white-10 {
  color: var(--black);
  background-color: #fff;
}

.image {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.image.loader {
  border-radius: 14px;
  width: 20%;
  height: 15%;
  position: relative;
}

.hero-containerp {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: auto;
  min-height: auto;
  padding: 150px 0 60px;
  display: flex;
  position: relative;
}

.hero-containerp.about-us {
  height: auto;
  min-height: auto;
  padding-top: 120px;
  padding-bottom: 120px;
}

.hero-containerp.about-us.terfff {
  padding-top: 0;
  padding-bottom: 350px;
}

.hero-containerp.detail-project {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  max-width: none;
  height: auto;
  min-height: auto;
  padding-bottom: 0;
}

.hero-containerp.home {
  justify-content: center;
  align-items: flex-start;
  max-width: 2000px;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.hero-containerp.detail-blog {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  max-width: none;
  height: auto;
  min-height: auto;
  padding-bottom: 0;
}

.section-conain-about {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1116px;
  text-decoration: none;
  display: flex;
}

.image-about-wrapper {
  grid-row-gap: 10px;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 648px;
  height: 376px;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-about {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.about-us-content-top {
  grid-row-gap: 20px;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 950px;
  text-decoration: none;
  display: flex;
}

.label-section {
  grid-column-gap: 6px;
  background-color: #f5f5f5;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  font-family: Instrument Serif, sans-serif;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.label-section:where(.w-variant-3007382e-5c4a-c834-0751-e3fffb55efdb) {
  background-color: var(--white);
  font-size: var(--_typography---font-size--paragraph-small);
  line-height: var(--_typography---line-height--line-height-small);
}

.label-section:where(.w-variant-00c53272-9747-7a89-9311-1f7bb946a8b8) {
  padding-top: 10px;
  padding-bottom: 10px;
}

.label-section.white-7 {
  background-color: var(--white);
  font-size: var(--_typography---font-size--paragraph-small);
  line-height: var(--_typography---line-height--line-height-standart);
}

.logo-label, .logo-label:where(.w-variant-3007382e-5c4a-c834-0751-e3fffb55efdb), .logo-label.white-8 {
  width: 15px;
}

.brand-trusted-contain {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.list-brand {
  grid-column-gap: 63px;
  opacity: .3;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.brand-client-logo {
  object-fit: cover;
  overflow: hidden;
}

.play-text {
  color: var(--white);
  font-size: var(--_typography---font-size--haeading-3);
  line-height: var(--_typography---line-height--line-height-standart);
  letter-spacing: var(--_typography---spacing--spacing-large);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.play-button {
  grid-column-gap: 8px;
  border: 1px undefined undefined;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  color: var(--white);
  background-color: #ffffff1c;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: none;
  padding: 12px 20px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.polygon-1 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 11.5px;
  text-decoration: none;
  display: flex;
}

.section-contain-service {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.header-sectionp {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.header-sectionp.align-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
}

.header-sectionp.align-left.horizontal-flex {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
}

.header-sectionp.terfff {
  justify-content: center;
  align-items: center;
}

.title-section {
  color: var(--black);
  font-family: Inter Tight, sans-serif;
  font-size: var(--_typography---font-size--heading-2);
  line-height: var(--_typography---line-height--line-height-small);
  text-align: center;
  letter-spacing: var(--_typography---spacing--spacing-large);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.title-section.service-section {
  color: #310600;
  font-size: var(--_typography---font-size--heading-2);
  max-width: 600px;
}

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

.title-section.text-left.testimonial-title {
  color: #310902;
  max-width: 700px;
}

.title-section.text-left.philosopy {
  color: #310902;
  max-width: 741px;
}

.title-section.text-left.our-team, .title-section.title-blog {
  max-width: 600px;
}

.title-section.title-faq {
  color: #310600;
  text-align: left;
  max-width: 500px;
}

.title-section.title-project {
  text-align: left;
  max-width: 500px;
}

.section-contain-project {
  z-index: 2;
  grid-row-gap: 60px;
  background-color: #fff0;
  border: 1px #d9d9d9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.title-section-wrapper {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.section-desc {
  color: var(--grey-text-1);
  font-size: var(--_typography---font-size--paragraph-reguler);
  line-height: var(--_typography---line-height--line-height-large);
  letter-spacing: -.06px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.section-desc.text-grey {
  color: var(--grey-text-1);
}

.section-desc.text-grey.our-team {
  max-width: 400px;
}

.section-desc.desc-project {
  color: var(--grey-text-1);
  max-width: 400px;
}

.section-contain-testimonial {
  grid-row-gap: 60px;
  background-color: #f5f5f500;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.section-contain-faq {
  grid-row-gap: 100px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 1440px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.question-block {
  grid-column-gap: 12px;
  white-space: pre-wrap;
  width: 100%;
  padding: 30px 0 0;
  display: flex;
}

.question-block.top {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.answer-text {
  color: var(--grey-text-1);
  font-size: var(--_typography---font-size--paragraph-reguler);
  line-height: var(--_typography---line-height--line-height-medium);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  max-width: 612px;
  margin-bottom: 0;
  font-weight: 400;
  display: block;
}

.answer-block {
  z-index: 2;
  background-color: #0000;
  padding-top: 0;
  padding-left: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.what-answer-block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 0;
  display: flex;
}

.wrapper-icon-accordion {
  background-color: #ffffff1a;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.question-inner {
  z-index: 2;
  grid-column-gap: 20px;
  color: #555;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 24px;
  display: flex;
  position: relative;
}

.wrapper-title-faq {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.faq-item {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f5f5f5;
  border: 1px #38a3f136;
  border-radius: 30px;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  padding: 0 24px 24px;
  display: flex;
  overflow: hidden;
}

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

.list-faq {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 769px;
  display: flex;
}

.title-question {
  color: var(--black);
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-medium);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  font-weight: 400;
}

.section-contain-blog {
  grid-row-gap: 60px;
  background-color: #fff0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.blog-content {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.blog-list {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.blog-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  background-image: url('../images/Balancin.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 600px;
  padding: 20px 20px 40px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-card._1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: url('../images/25d6369.webp');
  padding-bottom: 20px;
}

.blog-card._1bis {
  background-image: url('../images/Sere.webp');
}

.blog-card._2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: url('../images/hgfdfghj.webp');
  padding-bottom: 20px;
}

.blog-card._2bis {
  background-image: url('../images/D.webp');
}

.blog-card._3bis {
  background-image: url('../images/Han.webp');
}

.blog-card._1ter {
  background-image: url('../images/Close-U.webp');
}

.blog-card._2ter {
  background-image: url('../images/Sere_2.webp');
}

.blog-card._3ter {
  background-image: url('../images/Cyclis.webp');
  background-position: 50%;
  background-size: auto;
}

.blog-image {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 auto auto 0;
}

.blog-card-title-wrap {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.blog-card-title {
  color: var(--white);
  font-family: Inter Tight, sans-serif;
  font-size: var(--_typography---font-size--heading-6);
  line-height: var(--_typography---line-height--line-height-small);
  text-align: center;
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  max-width: 301px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.blog-type {
  grid-column-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  font-size: var(--_typography---font-size--paragraph-small);
  line-height: var(--_typography---line-height--line-height-small);
  white-space: nowrap;
  background-color: #ffffff2b;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 28px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.date-blog {
  grid-column-gap: 6px;
  color: var(--white);
  font-size: var(--_typography---font-size--paragraph-small);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: 0;
  background-color: #fff0;
  border: .6px #cacaca;
  border-radius: 0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.background-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.overlay {
  z-index: 2;
  background-color: #00000054;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.play-pause-button {
  z-index: 5;
  height: auto;
  top: auto;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%);
}

.play-state {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pause-state {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.section-hero-p {
  height: auto;
  min-height: auto;
  position: relative;
}

.section-hero-p.section-green {
  background-color: var(--white);
}

.about-us-image-left {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.section-contain-philosopy {
  grid-row-gap: 100px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.philosophy-content-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  font-size: 24px;
  line-height: 130%;
  text-decoration: none;
  display: flex;
}

.left-content-philoshopy {
  grid-column-gap: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 452px;
  text-decoration: none;
  display: flex;
}

.date-brand {
  color: #310a05;
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-medium);
  letter-spacing: 0;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.philoshopy-text {
  color: #310902;
  font-size: var(--_typography---font-size--heading-6);
  line-height: var(--_typography---line-height--line-height-medium);
  max-width: 631px;
}

.gallery-image-wrap {
  grid-column-gap: 19px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 384px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.gallery-image {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  max-width: none;
}

.section-contain-our-team {
  grid-row-gap: 80px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.header-section-team {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.list-team {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 1440px;
  height: auto;
  text-decoration: none;
  display: grid;
}

.team-card {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 540px;
  text-decoration: none;
  display: flex;
}

.team-info-wrap {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.team-text-ingo {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.team-name {
  color: var(--black);
  font-family: Inter Tight, sans-serif;
  font-size: var(--_typography---font-size--heading-5);
  line-height: var(--_typography---line-height--line-height-standart);
  text-align: center;
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.team-job {
  color: var(--grey-text-1);
  font-size: var(--_typography---font-size--paragraph-reguler);
  line-height: var(--_typography---line-height--line-height-standart);
  text-align: center;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.arrow-bottom {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: contain;
  border-color: #261c18;
  width: auto;
  height: 20px;
}

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

.image-card-wraper {
  grid-column-gap: 10px;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 460.257px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-50 {
  color: #000;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.black-arrow {
  display: none;
}

.black-arrow:where(.w-variant-225548a3-17a7-3e17-ed8a-3a5014d002fb), .black-arrow.white-5, .black-arrow.white-14 {
  display: block;
}

.white-logo {
  width: 45px;
}

.white-logo:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
  display: none;
}

.black-logo {
  width: 45px;
  display: none;
}

.black-logo:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
  width: 45px;
  display: block;
}

.trusted-wraper {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  text-decoration: none;
  display: flex;
}

.pricing-cardp {
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  display: flex;
}

.pricing-image {
  object-fit: cover;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 100%;
}

.pricing-content-wraperp {
  grid-row-gap: 32px;
  background-color: #f5f5f5;
  border: 1px #dedede;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  min-width: auto;
  height: 808.918px;
  padding: 24px 60px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: .5px .5px 3px #1a1a1a14;
}

.pricing-header {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pricing-title {
  color: #000;
  font-size: var(--_typography---font-size--heading-6);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
}

.pricing-amount-wrap {
  grid-column-gap: 4px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pricing-amount {
  color: var(--black);
  font-family: Inter Tight, sans-serif;
  font-size: var(--_typography---font-size--heading-2);
  line-height: var(--_typography---line-height--line-height-standart);
  letter-spacing: var(--_typography---spacing--spacing-large);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.pricing-time {
  color: var(--grey-text-1);
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-standart);
  letter-spacing: -.04px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.pricing-list-feature {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pricing-feature {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
}

.pricingcheck {
  grid-row-gap: 6.25px;
  border: .2px solid var(--green-2);
  background-color: #506e610a;
  border-radius: 12.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: 0;
  padding: 5px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.pricing-text-feature {
  color: var(--black);
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.button-secondary {
  grid-column-gap: 10px;
  background-color: var(--green-2);
  color: var(--white);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  display: flex;
}

.arrow-yellow {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #ffebc5;
}

.pricing-image-wrapperp {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 50%;
}

.pricing-des {
  color: var(--grey-text-1);
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-large);
  letter-spacing: -.04px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.section-contain-contact-us {
  grid-column-gap: 60px;
  background-color: #b2714a;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 160px 40px 120px;
  text-decoration: none;
  display: flex;
}

.contect-left-content {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.contact-header {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.contact-image-wrap {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 872.422px;
  text-decoration: none;
  display: flex;
}

.contact-image {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
}

.submit-button {
  background-color: var(--white);
  color: var(--black);
  width: 100%;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
}

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

.wrapper-blog {
  width: 100%;
}

.field-label {
  color: var(--white);
  font-size: var(--_typography---font-size--paragraph-reguler);
  font-weight: 500;
}

.text-field {
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #ffffff14;
}

.text-field.textarea {
  height: 230px;
}

.input-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

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

.checkbox-field {
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.checkbox {
  border: 1px solid var(--white);
  background-color: #0000;
  margin-top: 0;
  margin-right: 10px;
}

.utility-page-wrap {
  background-color: var(--green-1);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

._404-page-wrap {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  padding: 150px 40px;
  text-decoration: none;
  display: flex;
}

.error-desc {
  color: #dbdbdb;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.error-text-wrap {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.error-title {
  color: #fff;
  text-align: center;
  letter-spacing: -10px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 200px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.social-list {
  grid-column-gap: 14px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.social-link {
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.detail-proiect-image {
  object-fit: cover;
  width: 100%;
  height: 687px;
  position: static;
  top: 0;
  left: 0;
}

.section-info-detail-project {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1440px;
  text-decoration: none;
  display: flex;
}

.image-detail-project-1 {
  object-fit: cover;
  border-radius: 12px;
}

.info-detail-content {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 778px;
  height: 479px;
  text-decoration: none;
  display: flex;
}

.description {
  font-size: var(--_typography---font-size--heading-4);
  font-weight: 500;
  line-height: 120%;
}

.list-info-detail {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.info-item {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.info-label {
  color: var(--grey-text-1);
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-large);
  letter-spacing: -.06px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.info-value {
  color: var(--black);
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-medium);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
}

.info-blog {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.title-serif {
  color: #310600;
  font-family: Librecasloncondensed, Arial, sans-serif;
  font-style: italic;
  line-height: 130%;
}

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

.list-blog-colum-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.section-contain-list-blog {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  max-width: 1440px;
  display: flex;
}

.list-blog-colum-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.about-us-image-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-around;
  width: 100%;
  max-width: 1440px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.about-image-right {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.about-right-content {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 526px;
  display: flex;
  position: relative;
}

.about-left-content {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
  height: 526px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: flex;
  position: relative;
}

.white-arrow:where(.w-variant-225548a3-17a7-3e17-ed8a-3a5014d002fb), .white-arrow:where(.w-variant-66ae9823-adfb-eb53-a3ca-1e749e94efdf), .white-arrow:where(.w-variant-1c82435f-9f0c-6d55-58bc-36edfde7be5f), .white-arrow.white-6, .white-arrow.white-15 {
  display: none;
}

.text-block {
  color: #b2714a;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 14px;
  line-height: 100%;
}

.text-block:where(.w-variant-3007382e-5c4a-c834-0751-e3fffb55efdb) {
  color: #b2714a;
}

.text-block.white-9 {
  color: #b2714a;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 120%;
}

.about-us-featured-wrap {
  grid-column-gap: 40px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.about-us-featured {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.ab-featured-icon {
  grid-column-gap: 10px;
  background-color: #e4e4e4;
  border-radius: 5px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  padding: 6px;
  text-decoration: none;
  display: flex;
}

.icon-about-us {
  object-fit: contain;
  width: 30px;
}

.ab-featured-text {
  color: #310600;
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.about-us-icon-image {
  z-index: 2;
  width: 50px;
  position: relative;
  bottom: auto;
  left: auto;
}

.testimonial-item {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 425px;
  text-decoration: none;
  display: flex;
}

.testi-image-wrap {
  grid-row-gap: 10.933px;
  background-color: #fff0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 425px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testi-info-people {
  z-index: 3;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 289px;
  text-decoration: none;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
}

.testi-name-wrap {
  grid-row-gap: 6.743px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.testi-name {
  color: #fff;
  text-align: center;
  letter-spacing: -.06px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter Tight, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.testi-position {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.testi-stars {
  grid-column-gap: 5.2782px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.testi-text-wrapper {
  background-color: #f0f0f09e;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 425px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.testi-logo {
  object-fit: contain;
  overflow: hidden;
}

.testimonial-text {
  color: var(--grey-text-1);
  letter-spacing: -.06px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.testimonial-image {
  z-index: 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.overlay-testi {
  z-index: 2;
  background-image: linear-gradient(0deg, #000, #0000 39%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.overlay-blog {
  z-index: 2;
  background-image: linear-gradient(0deg, #000000b0, #0000 39%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.faq-left-content {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.about-us-card {
  grid-column-gap: 10px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--white);
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-medium);
  background-color: #ffffff1c;
  border: 1px solid #fff;
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 65px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
}

.social-wrapper {
  grid-column-gap: 17px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.social-logo {
  grid-column-gap: 8.44156px;
  -webkit-backdrop-filter: blur(8.44156px);
  backdrop-filter: blur(8.44156px);
  background-color: #ffffff14;
  border-radius: 84.4156px;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  padding: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.ab-us-text-image {
  z-index: 2;
  color: var(--white);
  font-size: var(--_typography---font-size--paragraph-reguler);
  line-height: var(--_typography---line-height--line-height-medium);
  max-width: 300px;
  position: relative;
}

.list-card-project {
  z-index: 2;
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.card-project-wrap {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 368px;
  max-width: 386px;
  height: 547px;
  text-decoration: none;
  display: flex;
}

.card-project-small {
  grid-row-gap: 20px;
  color: var(--black);
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 12px 12px 18px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card-project-small.hero {
  width: 200px;
  padding: 6px;
}

.card-project-small.hero._1, .card-project-small.hero._2-copy {
  width: 250px;
}

.image-project-wrapper {
  grid-row-gap: 10px;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 318px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-project-wrapper.hero {
  background-image: url('../images/pro.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 114px;
  overflow: hidden;
}

.image-project-wrapper.hero._2 {
  background-image: url('../images/hgfdfghj.webp');
  background-position: 50% 40%;
  height: 150px;
}

.image-project-wrapper.hero._1 {
  background-image: url('../images/25d6369.webp');
  background-position: 50% 30%;
  height: 150px;
}

.image-project-small {
  object-fit: cover;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}

.project-text-wrap {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.project-title {
  color: var(--brown);
  font-family: Librecasloncondensed, Arial, sans-serif;
  font-size: var(--_typography---font-size--heading-5);
  line-height: var(--_typography---line-height--line-height-standart);
  letter-spacing: var(--_typography---spacing--spacing-large);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.project-title.hero {
  color: #310600;
  font-size: 24px;
}

.project-list-type {
  grid-column-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.project-type {
  grid-column-gap: 10px;
  background-color: #9999992b;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 26px;
  text-decoration: none;
  display: flex;
}

.project-type.main-project {
  color: var(--white);
  background-color: #999999bf;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.card-project-wrap-2 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  min-width: 368px;
  max-width: 386px;
  height: 710px;
  text-decoration: none;
  display: flex;
}

.project-list {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.project-item {
  grid-row-gap: 10px;
  background-image: linear-gradient(0deg, #00000080, #fff0), url('../images/Tenni.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 500px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-item.s1 {
  background-image: linear-gradient(0deg, #00000080, #fff0), url('../images/Tenn.webp');
}

.project-item.s2 {
  background-image: linear-gradient(0deg, #00000080, #fff0), url('../images/Yog.webp');
}

.project-item.f1 {
  background-image: linear-gradient(0deg, #00000080, #fff0), url('../images/Sere_2.webp');
}

.project-item.f2 {
  background-image: linear-gradient(0deg, #00000080, #fff0), url('../images/Sere_1.webp');
}

.project-item.f3 {
  background-image: linear-gradient(0deg, #00000080, #fff0), url('../images/Close-U.webp');
}

.project-item.n1 {
  background-image: linear-gradient(0deg, #00000080, #fff0), url('../images/Seren.webp');
}

.project-item.n2 {
  background-image: linear-gradient(0deg, #00000080, #fff0), url('../images/Stylis.webp');
}

.project-item.n3 {
  background-image: linear-gradient(0deg, #00000080, #fff0), url('../images/Suns.webp');
}

.project-item.a1 {
  background-image: linear-gradient(0deg, #00000080, #fff0), url('../images/Dance.webp');
}

.project-item.a2 {
  background-image: linear-gradient(0deg, #00000080, #fff0), url('../images/Elderl.webp');
}

.project-item.a3 {
  background-image: linear-gradient(0deg, #00000080, #fff0), url('../images/Portra.webp');
}

.project-content-wrap {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
}

.project-text-wrapper {
  grid-row-gap: 19px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
}

.project-type-list {
  grid-column-gap: 19px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-74 {
  color: #fff;
  letter-spacing: -.06px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.project-title-main {
  color: #fff;
  font-family: Inter Tight, sans-serif;
  font-size: var(--_typography---font-size--heading-6);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: -.06px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

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

.project-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.overlay-hero {
  z-index: 2;
  background-color: #0000;
  background-image: linear-gradient(#0000 43%, #0009 90%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.text-bg-project {
  z-index: 1;
  color: #b2714a;
  letter-spacing: -21.37px;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Librecasloncondensed, Arial, sans-serif;
  font-size: 300px;
  line-height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0%;
}

.about-us-text {
  color: #310600;
  font-family: Librecasloncondensed, Arial, sans-serif;
  font-size: var(--_typography---font-size--heading-5);
  line-height: var(--_typography---line-height--line-height-medium);
  text-align: center;
  max-width: none;
}

.tab-service {
  grid-column-gap: 10px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--white);
  text-align: center;
  background-color: #00000030;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.tab-service:hover {
  background-color: #00000054;
}

.tab-service.w--current {
  background-color: #000000c4;
}

.service-card-contain {
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 600px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.service-text-wrapper {
  z-index: 2;
  grid-row-gap: 20.0877px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  text-decoration: none;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.service-text-title {
  color: #fff;
  font-family: Librecasloncondensed, Arial, sans-serif;
  font-size: var(--_typography---font-size--haeading-3);
  line-height: var(--_typography---line-height--line-height-standart);
  text-align: center;
  letter-spacing: var(--_typography---spacing--spacing-large);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
}

.service-text-desc {
  color: var(--white);
  font-size: var(--_typography---font-size--paragraph-small);
  line-height: var(--_typography---line-height--line-height-medium);
  text-align: center;
  letter-spacing: -.06px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.footer {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: relative;
}

.footer-container {
  z-index: 2;
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 40px 20px;
  display: flex;
  position: relative;
}

.footer-card-wraper {
  grid-row-gap: 60px;
  background-color: var(--white);
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 700px;
  padding: 60px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-content-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-top-content {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-card-header {
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.brand-logo {
  grid-column-gap: 10px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer-header-title {
  color: var(--black);
  font-size: var(--_typography---font-size--heading-5);
  line-height: var(--_typography---line-height--line-height-medium);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  max-width: 500px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.back-top-wraper {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.back-top-text {
  color: #000;
  letter-spacing: -.06px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.footer-menu-contain {
  grid-column-gap: 40.1754px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-menu-title {
  color: var(--grey-text-1);
  font-family: Inter Tight, sans-serif;
  font-size: var(--_typography---font-size--paragraph-reguler);
  line-height: var(--_typography---line-height--line-height-standart);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.footer-menu-list {
  grid-row-gap: 14.0614px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-menu {
  color: var(--black);
  font-size: var(--_typography---font-size--paragraph-reguler);
  line-height: var(--_typography---line-height--line-height-standart);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.footer-menu:hover {
  text-decoration: underline;
}

.footer-menu-wrapper {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 131.574px;
  text-decoration: none;
  display: flex;
}

.footer-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.footer-text-large {
  display: inline-flex;
  position: absolute;
  bottom: -39px;
  left: auto;
  right: auto;
}

.footer-title-wrapper {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.footer-title {
  color: var(--white);
  font-family: Instrument Serif, sans-serif;
  font-size: var(--_typography---font-size--heading-2);
  line-height: var(--_typography---line-height--line-height-standart);
  max-width: 500px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.detail-button-small {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.arrow-small {
  grid-column-gap: 0px;
  background-color: #fff;
  border: .5px solid #000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 25px;
  padding: 0 10px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.paragraph-extra-small {
  color: #310600;
  font-size: var(--_typography---font-size--paragraph-extra-small);
  line-height: var(--_typography---line-height--line-height-large);
  letter-spacing: -.06px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.scroll-text {
  color: var(--white);
  font-family: Inter Tight, sans-serif;
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.hero-bottom {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 2% auto;
}

.list-project-wrapper {
  flex-flow: column;
  width: 100%;
  max-width: 1440px;
  display: flex;
}

.tabs {
  width: 100%;
}

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

.tab-project {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--text-grey-2);
  font-family: Librecasloncondensed, Arial, sans-serif;
  font-size: var(--_typography---font-size--haeading-3);
  line-height: var(--_typography---line-height--line-height-standart);
  background-color: #ddd0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.tab-project.w--current {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--black);
  background-color: #ddd0;
  display: flex;
}

.tabs-menu {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 100%;
  display: flex;
}

.detial-project-image-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.detail-text-content {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.overview-content-wraper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.overview-text-wrap {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 609px;
  text-decoration: none;
  display: flex;
}

.paragraph-reguler {
  color: var(--grey-text-1);
  font-size: var(--_typography---font-size--paragraph-reguler);
  line-height: var(--_typography---line-height--line-height-large);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.paragraph-reguler.max-600 {
  max-width: 600px;
}

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

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

.paragraph-reguler.text-center.inner-page-desc {
  max-width: 558px;
}

.overview-image {
  object-fit: cover;
  border-radius: 12px;
  width: 459px;
}

.gallery-wrapper {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.gallery-header-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.gallery-list {
  grid-column-gap: 19px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 550px;
  text-decoration: none;
  display: grid;
}

.more-project-contain {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  display: flex;
}

.gallery-image-project {
  object-fit: cover;
  border-radius: 12px;
}

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

.detail-blog-desc {
  color: var(--grey-text-1);
  font-size: var(--_typography---font-size--paragraph-reguler);
  line-height: var(--_typography---line-height--line-height-medium);
  text-align: center;
  letter-spacing: 0;
  max-width: 600px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.detail-blog-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.image-detail-blog-wrap {
  grid-row-gap: 30px;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.detail-blog-image {
  object-fit: cover;
  object-position: 50% 50%;
  height: 700px;
}

.long-text-wrap {
  grid-row-gap: 60px;
  background-color: #fff0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.long-text-detail-blog {
  max-width: 100%;
}

.inner-page-list {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.inner-page-item {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.inner-page-item-title {
  color: var(--black);
  font-size: var(--_typography---font-size--heading-5);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.font-weight-medium {
  color: var(--black);
  font-weight: 500;
}

.sidebar {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.content-section {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.style-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.typography-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 797px;
  text-decoration: none;
  display: flex;
}

.style-title {
  color: #000;
  letter-spacing: -.06px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter Tight, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 156%;
  text-decoration: none;
}

.text-style-item {
  grid-row-gap: 12px;
  border: 0 solid #ebebeb;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
}

.text-style-details {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.font-size-label {
  color: var(--grey-text-1);
  font-size: var(--_typography---font-size--paragraph-reguler);
  line-height: var(--_typography---line-height--line-height-medium);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.color-swatches {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 797px;
  text-decoration: none;
  display: grid;
}

.color-swatch {
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.color-swatch-details {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 98px;
  text-decoration: none;
  display: flex;
}

.color-swatch-name {
  color: var(--black);
  font-size: var(--_typography---font-size--paragraph-reguler);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 500;
  text-decoration: none;
}

.color-swatch-hex {
  color: var(--text-grey-2);
  font-size: var(--_typography---font-size--paragraph-reguler);
  line-height: var(--_typography---line-height--line-height-small);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.title-style {
  color: #111;
  font-size: var(--_typography---font-size--heading-6);
  line-height: var(--_typography---line-height--line-height-medium);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
}

.button-list {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.line-vertical {
  background-color: #d9d9d9;
  width: 1px;
  height: 16px;
}

.paragraph-large {
  font-size: var(--_typography---font-size--paragraph-large);
  line-height: var(--_typography---line-height--line-height-medium);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
}

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

.paragraph-large.text-grey.text-center {
  text-align: center;
}

.paragraph-large.text-grey-2 {
  color: var(--grey-text-1);
}

.paragraph-large.text-grey-2.text-center {
  text-align: center;
}

.paragraph-small {
  font-size: var(--_typography---font-size--paragraph-small);
  line-height: var(--_typography---line-height--line-height-large);
  letter-spacing: var(--_typography---spacing--spacing-reguler);
}

.color-block {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 100%;
  height: 101px;
}

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

.color-block.onyx {
  background-color: var(--green-1);
}

.color-block.silver {
  background-color: var(--grey-text-1);
}

.color-block.cultured {
  background-color: var(--whitesmoke);
}

.color-block.green {
  background-color: var(--green-2);
}

.author-wrap {
  grid-column-gap: 10px;
  font-size: var(--_typography---font-size--paragraph-large);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.author-image {
  object-fit: cover;
  border-radius: 22.2505px;
}

.slider {
  background-color: #ddd0;
  width: 100%;
  max-width: 1440px;
  height: auto;
  padding-bottom: 60px;
  padding-left: 40px;
  padding-right: 40px;
}

.slide {
  width: 100%;
  max-width: none;
  margin-right: 10px;
}

.mask {
  width: 50%;
  overflow: visible;
}

.testimonial-slider {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-top: 60px;
  display: flex;
  overflow: hidden;
}

.slide-nav {
  display: none;
}

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

.right-arrow {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-left: 0;
  display: block;
  inset: auto auto 0 52%;
  transform: translate(-50%);
}

.left-arrow {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  padding-right: 0;
  display: flex;
  inset: auto auto 0 48%;
  transform: translate(-50%);
}

.the-height-400vh-section-2 {
  width: 100%;
  height: 700vh;
  position: relative;
}

.the-width-400vh-scrollable-div-2 {
  z-index: 3;
  flex-wrap: wrap;
  align-items: center;
  width: 700vh;
  height: 100%;
  display: flex;
  position: relative;
}

.the-overflow-hidden-mask-2 {
  z-index: 200;
  width: 100%;
  height: 100%;
  padding-bottom: 120px;
  padding-left: 32px;
  position: relative;
  overflow: hidden;
}

.our-workflow-contain {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.the-sticky-div-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
}

.tabs-menu-2 {
  z-index: 3;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.tabs-2 {
  width: 100%;
}

.small-circle {
  background-color: var(--white);
  border-radius: 1000px;
  width: 6px;
  height: 6px;
  display: none;
}

.overlay-service {
  z-index: 1;
  background-color: #00000047;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.section-gallery {
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-us-content-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1440px;
  display: grid;
}

.text-button-absolute {
  position: absolute;
  top: auto;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%);
}

.text-button-absolute:where(.w-variant-225548a3-17a7-3e17-ed8a-3a5014d002fb) {
  color: #fff;
}

.text-button-absolute.white-4 {
  color: #000;
}

.text-button-absolute.white-4-copy, .text-button-absolute.white-13 {
  color: #fff;
}

.text-button-wrapper {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}

.text-button-relative:where(.w-variant-225548a3-17a7-3e17-ed8a-3a5014d002fb), .text-button-relative:where(.w-variant-1c82435f-9f0c-6d55-58bc-36edfde7be5f), .text-button-relative.white-3 {
  color: #000;
}

.text-button-relative.white-3-copy {
  color: #fff;
}

.text-button-relative.white-12 {
  color: #000;
}

.arrow-small-icon.absolute {
  position: absolute;
  left: -13.5234px;
  transform: translate(-50%);
}

.top_trigger {
  pointer-events: none;
  border: 1px #57bb5e;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.contact-button:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
  position: absolute;
  inset: auto 0% auto auto;
}

.blog-image-wrap {
  overflow: hidden;
}

.gallery-image-list {
  grid-column-gap: 19px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 384px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.div-block {
  z-index: 999;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.collection-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  display: flex;
}

.text-block-2 {
  color: #0000;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#c0c8c4, #eaeaea);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Librecasloncondensed, Arial, sans-serif;
  font-size: 290px;
  line-height: 100%;
  position: absolute;
  inset: auto 0% -70px;
}

.div-block-3 {
  background-image: linear-gradient(0deg, #0000004d, #0e0e0e00);
  position: absolute;
  inset: 0%;
}

.text-block-3, .text-block-4, .text-block-5, .text-block-6 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 100%;
}

.pricing-feature-copy {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  text-decoration: none;
  display: flex;
}

.pricingcheck-copy {
  grid-row-gap: 6.25px;
  border: .2px solid var(--green-2);
  background-color: #506e610a;
  border-radius: 12.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  padding: 5px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image-2 {
  border-radius: 6px;
  width: 300px;
}

.text-block-7 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#c9bcae, #eeedeb);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Librecasloncondensed, Arial, sans-serif;
  font-size: 275px;
  line-height: 100%;
  position: absolute;
  inset: 145px 0% 0%;
}

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

.code-embed {
  border-radius: 0;
}

.div-block-5 {
  background-image: url('../images/Sun.webp');
  background-position: 50% 90%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 20px;
  display: flex;
}

.image-4 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  order: 0;
  align-self: auto;
  width: 100%;
  height: 100%;
  display: block;
}

.section-2, .section-3 {
  height: 50px;
}

.text-block-8 {
  color: #fff;
}

.text-block-8.blog-card-title {
  max-width: 400px;
}

.flipcard-wrapper {
  position: relative;
}

.flipcard-front {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  backface-visibility: hidden;
  color: #fff;
  background-image: url('../images/25d6369.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 600px;
  padding: 0 0 20px;
  display: flex;
  position: relative;
  box-shadow: 7px 7px 40px 6px #00000017;
}

.flipcard-title {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 56px;
  line-height: 62px;
}

.flipcard-subtitle {
  max-width: 215px;
  font-weight: 700;
  line-height: 21px;
}

.flipcard-more {
  cursor: pointer;
  width: 30px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.flipcard-back {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 30px;
  flex-direction: column;
  align-items: flex-start;
  height: 600px;
  padding-top: 66px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
  box-shadow: 7px 7px 40px 6px #00000017;
}

.flipcard-back-title {
  color: #310a05;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.flipcard-less {
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.flipcard-front-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  backface-visibility: hidden;
  color: #fff;
  background-image: url('../images/hgfdfghj.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 600px;
  padding: 0 0 20px;
  display: flex;
  position: relative;
  box-shadow: 7px 7px 40px 6px #00000017;
}

.text-block-9, .text-block-10 {
  color: #fff;
}

@media screen and (min-width: 1440px) {
  .nav-link.w--current {
    font-weight: 500;
  }

  .nav-link.w--current:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
    background-color: var(--white);
    color: var(--black);
  }

  .master-navigation {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .master-navigation:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .content-hero-wrapp {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .title-hero {
    max-width: 800px;
  }

  .title-hero.title-contact {
    max-width: 600px;
  }

  .button-primary:where(.w-variant-d8392f60-3729-81e5-c7ec-522aa060123f), .button-primary.square-full-width, .button-primary.square-full-width-7 {
    border-radius: 8px;
  }

  .hero-containerp {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: flex-start;
    min-height: auto;
    padding-bottom: 40px;
  }

  .hero-containerp.home {
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    padding-top: 0;
  }

  .section-conain-about {
    max-width: 100%;
  }

  .wrapper-icon-accordion {
    min-width: 40px;
    min-height: 40px;
  }

  .faq-item {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .list-faq {
    justify-content: center;
    align-items: center;
  }

  .left-content-philoshopy {
    grid-column-gap: 20px;
  }

  .philoshopy-text {
    max-width: 750px;
  }

  .gallery-image-wrap {
    height: auto;
  }

  .gallery-image {
    width: 100%;
    min-width: auto;
  }

  .contact-image-wrap {
    height: auto;
  }

  .contact-image {
    height: 100%;
  }

  .section-info-detail-project {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .info-blog {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex;
  }

  .about-us-image-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
  }

  .about-right-content {
    width: auto;
    max-width: 494px;
  }

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

  .testimonial-text {
    font-weight: 400;
  }

  .list-card-project {
    width: 100%;
    overflow: hidden;
  }

  .card-project-small {
    position: relative;
  }

  .project-item {
    height: 701px;
  }

  .service-card-contain {
    height: 762px;
  }

  .footer-card-wraper {
    height: 800px;
  }

  .detail-blog-content {
    flex-flow: column;
    max-width: 1000px;
  }

  .image-detail-blog-wrap {
    border-radius: 20px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .detail-blog-image {
    width: 100%;
    height: 600px;
  }

  .long-text-detail-blog {
    width: 100%;
    max-width: 100%;
  }

  .inner-page-list {
    padding-left: 0;
    padding-right: 0;
  }

  .left-arrow {
    left: 49%;
  }

  .the-height-400vh-section-2 {
    height: 500vh;
  }

  .the-width-400vh-scrollable-div-2 {
    width: 500vh;
  }

  .the-overflow-hidden-mask-2 {
    height: auto;
  }

  .the-sticky-div-2 {
    flex-flow: column;
    display: flex;
    top: 10px;
  }

  .gallery-image-list {
    display: flex;
  }

  .text-block-2 {
    font-size: 280px;
  }
}

@media screen and (min-width: 1920px) {
  .hero-containerp.home {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
  }

  .contact-image-wrap {
    height: auto;
  }

  .contact-image {
    height: 100%;
  }

  .slider {
    padding-left: 0;
    padding-right: 0;
  }

  .the-sticky-div-2 {
    top: 100px;
  }

  .gallery-image-list {
    max-width: none;
  }

  .text-block-7 {
    top: 497px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_typography---font-size--paragraph-small: 14px;
    --_typography---line-height--line-height-standart: 100%;
    --_typography---font-size--heading-1: 60px;
    --_typography---line-height--line-height-small: 120%;
    --_typography---spacing--spacing-extra-large: -2px;
    --_typography---font-size--heading-2: 40px;
    --_typography---font-size--haeading-3: 40px;
    --_typography---spacing--spacing-large: -1px;
    --_typography---font-size--heading-4: 34px;
    --_typography---line-height--line-height-large: 160%;
    --_typography---spacing--spacing-reguler: -.06px;
    --_typography---font-size--heading-5: 30px;
    --_typography---font-size--heading-6: 24px;
    --_typography---font-size--paragraph-large: 18px;
    --_typography---font-size--paragraph-extra-small: 12px;
    --_typography---font-size--paragraph-reguler: 16px;
    --_typography---line-height--line-height-medium: 140%;
  }

  .image-menu-toggle {
    display: block;
  }

  .image-menu-toggle.menu-white:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a), .image-menu-toggle.menu-black {
    display: none;
  }

  .image-menu-toggle.menu-black:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
    display: block;
  }

  .container-nav:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
    justify-content: flex-end;
    align-items: center;
  }

  .master-navigation {
    z-index: 100;
    flex-flow: column;
    padding: 10px 30px;
  }

  .master-navigation:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar {
    z-index: 40;
    background-color: #fff0;
    flex-flow: column;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .menu-toggle {
    cursor: pointer;
    background-color: #fff0;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
  }

  .menu-toggle:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
    justify-content: center;
    align-items: center;
  }

  .nav-menu-phone {
    z-index: 100;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-color: var(--white);
    border: 1px solid #ffffff26;
    border-radius: 0;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding: 16px 16px 40px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
  }

  .clost-menu {
    z-index: 40;
    width: 30px;
    position: static;
    top: 24px;
    right: 24px;
  }

  .containerp {
    padding-left: 30px;
    padding-right: 30px;
  }

  .containerp.tarif {
    margin-bottom: 60px;
  }

  .top-content-hero.project {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .title-hero {
    max-width: 600px;
  }

  .title-hero.text-black {
    font-size: var(--_typography---font-size--heading-1);
  }

  .hero-containerp.about-us {
    padding-top: 120px;
    padding-bottom: 100px;
  }

  .header-sectionp.align-left.horizontal-flex {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .section-contain-faq {
    flex-flow: column;
  }

  .header-section-team {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

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

  .pricing-cardp {
    padding-left: 30px;
    padding-right: 30px;
  }

  .pricing-content-wraperp {
    grid-row-gap: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .pricing-list-feature {
    grid-row-gap: 10px;
  }

  .section-contain-contact-us {
    padding-left: 30px;
    padding-right: 30px;
  }

  .error-title {
    font-size: 150px;
  }

  .section-info-detail-project {
    flex-flow: column;
  }

  .image-detail-project-1 {
    width: 100%;
  }

  .info-detail-content {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    height: auto;
  }

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

  .about-us-image-wrap {
    flex-flow: column;
  }

  .faq-left-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .about-us-card {
    font-size: var(--_typography---font-size--paragraph-large);
    padding-left: 10px;
    padding-right: 10px;
  }

  .project-list {
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

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

  .footer-menu {
    width: auto;
  }

  .footer-title-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

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

  .tab-project, .tab-project.w--current, .tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .overview-content-wraper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .overview-image {
    width: 100%;
  }

  .gallery-header-section {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
  }

  .gallery-list {
    grid-template-columns: 1fr 1fr;
    height: auto;
  }

  .mask {
    width: 100%;
  }

  .the-height-400vh-section-2 {
    height: auto;
  }

  .the-width-400vh-scrollable-div-2 {
    width: 100%;
  }

  .the-overflow-hidden-mask-2 {
    padding-right: 32px;
  }

  .the-sticky-div-2 {
    position: static;
  }

  .contact-button {
    display: none;
  }

  .nav-dropdown-phone {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

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

  .nav-link-phone {
    color: var(--black);
    font-size: var(--_typography---font-size--heading-1);
    line-height: var(--_typography---line-height--line-height-standart);
    text-transform: capitalize;
    text-decoration: none;
  }

  .text-block-2 {
    font-size: 150px;
    bottom: -29px;
  }

  .image-3 {
    width: 35px;
  }

  .text-block-11 {
    font-size: 30px;
  }

  .text-block-12, .text-block-13, .text-block-14 {
    font-size: var(--_typography---font-size--heading-5);
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---font-size--paragraph-small: 14px;
    --_typography---line-height--line-height-standart: 100%;
    --_typography---font-size--heading-1: 46px;
    --_typography---line-height--line-height-small: 120%;
    --_typography---spacing--spacing-extra-large: -2px;
    --_typography---font-size--heading-2: 30px;
    --_typography---font-size--haeading-3: 30px;
    --_typography---spacing--spacing-large: -1px;
    --_typography---font-size--heading-4: 24px;
    --_typography---line-height--line-height-large: 160%;
    --_typography---spacing--spacing-reguler: -.06px;
    --_typography---font-size--heading-5: 24px;
    --_typography---font-size--heading-6: 22px;
    --_typography---font-size--paragraph-large: 16px;
    --_typography---font-size--paragraph-extra-small: 12px;
    --_typography---font-size--paragraph-reguler: 16px;
    --_typography---line-height--line-height-medium: 140%;
  }

  .image-menu-toggle {
    width: 24px;
    display: block;
  }

  .image-menu-toggle.menu-white {
    width: auto;
  }

  .image-menu-toggle.menu-black {
    width: auto;
    display: none;
  }

  .image-menu-toggle.menu-black:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
    display: block;
  }

  .master-navigation {
    padding: 10px 20px;
  }

  .master-navigation:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .menu-toggle {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    overflow: hidden;
  }

  .menu-toggle:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
    border-radius: 0;
    width: auto;
    height: auto;
  }

  .nav-menu-phone {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    padding: 16px;
    display: none;
  }

  .nav-menu-phone:where(.w-variant-fccb3bbb-d813-0c8f-fe4d-d7a9ff0b223a) {
    display: none;
  }

  .section.py-120, .section.section-grey.py-120, .section.section-grey.py-120.about-home {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.section-grey.pt-120 {
    padding-top: 60px;
  }

  .section.video-section {
    height: 500px;
  }

  .containerp {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-containerp.about-us {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-containerp.home {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
  }

  .list-brand {
    grid-column-gap: 63px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .section-contain-service {
    grid-row-gap: 60px;
  }

  .faq-item {
    z-index: 2;
  }

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

  .blog-card {
    min-height: 452px;
  }

  .section-contain-philosopy {
    grid-row-gap: 60px;
  }

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

  .philoshopy-text {
    order: -9999;
  }

  .gallery-image-wrap {
    height: auto;
  }

  .section-contain-our-team {
    grid-row-gap: 60px;
  }

  .pricing-cardp {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-contain-contact-us {
    padding: 120px 20px 60px;
  }

  .contact-image-wrap {
    height: 462px;
  }

  .contact-image {
    height: 100%;
  }

  .error-title {
    letter-spacing: -6px;
    font-size: 100px;
  }

  .section-info-detail-project {
    flex-flow: column;
  }

  .image-detail-project-1 {
    width: 100%;
    height: 479px;
  }

  .info-detail-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    height: auto;
  }

  .list-blog-colum-2, .list-blog-colum-3 {
    grid-template-columns: 1fr;
  }

  .about-us-featured-wrap {
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .list-card-project {
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .card-project-wrap {
    min-width: auto;
    max-width: none;
    height: auto;
  }

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

  .card-project-wrap-2 {
    min-width: auto;
    max-width: none;
    height: auto;
  }

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

  .text-bg-project {
    display: none;
  }

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

  .footer-card-wraper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-top-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .scroll-text {
    display: none;
  }

  .detail-text-content {
    grid-row-gap: 60px;
  }

  .overview-text-wrap {
    grid-row-gap: 20px;
  }

  .overview-image {
    height: 500px;
  }

  .gallery-header-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .gallery-image-project {
    height: 300px;
  }

  .detail-blog-image {
    height: 375px;
  }

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

  .slider {
    padding-left: 20px;
  }

  .right-arrow {
    left: 55%;
  }

  .left-arrow {
    left: 47%;
  }

  .the-height-400vh-section-2 {
    height: auto;
  }

  .the-width-400vh-scrollable-div-2 {
    width: auto;
  }

  .the-overflow-hidden-mask-2 {
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .the-sticky-div-2 {
    position: static;
  }

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

  .contact-us-content-wrap {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .heading {
    letter-spacing: var(--_typography---spacing--spacing-large);
  }

  .list-menu-dropdown, .nav-link-phone {
    color: var(--black);
  }

  .gallery-image-list {
    grid-column-gap: 19px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: grid;
  }

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

  .text-block-11 {
    font-size: 24px;
  }
}

@media screen and (max-width: 479px) {
  .master-navigation {
    padding-left: 16px;
    padding-right: 16px;
  }

  .menu-toggle {
    border-radius: 0;
    padding: 0;
  }

  .nav-menu-phone {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 24px 20px;
    display: none;
  }

  .brand {
    padding-left: 0;
  }

  .section.video-section {
    height: 400px;
  }

  .content-hero-wrapp.about-us {
    line-height: 100%;
  }

  .content-hero-wrapp.detail-project {
    padding-left: 20px;
    padding-right: 20px;
  }

  .top-content-hero {
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
  }

  .top-content-hero.about-us-page {
    margin-bottom: 0;
  }

  .top-content-hero.detail-project {
    grid-row-gap: 20px;
  }

  .title-hero {
    text-align: center;
    max-width: 270px;
  }

  .title-hero.text-black {
    text-align: left;
    max-width: none;
  }

  .title-hero.detail-blog {
    font-size: var(--_typography---font-size--heading-2);
  }

  .button-primary.white-copy {
    display: none;
  }

  .hero-containerp.about-us {
    padding-bottom: 60px;
  }

  .hero-containerp.detail-project {
    padding-top: 120px;
  }

  .label-section:where(.w-variant-00c53272-9747-7a89-9311-1f7bb946a8b8) {
    font-size: var(--_typography---font-size--paragraph-extra-small);
  }

  .brand-trusted-contain {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .list-brand {
    grid-column-gap: 20px;
  }

  .play-text {
    font-size: var(--_typography---font-size--heading-5);
    letter-spacing: var(--_typography---spacing--spacing-reguler);
  }

  .section-contain-faq {
    grid-row-gap: 60px;
  }

  .question-block.top {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .answer-text {
    line-height: 24px;
  }

  .wrapper-icon-accordion {
    width: auto;
    min-width: 36px;
    height: auto;
    min-height: 36px;
  }

  .icon-plus {
    width: 20px;
  }

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

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

  .philoshopy-text {
    font-size: var(--_typography---font-size--paragraph-large);
    line-height: var(--_typography---line-height--line-height-large);
  }

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

  .team-card {
    grid-row-gap: 20px;
  }

  .team-name {
    font-size: var(--_typography---font-size--heading-6);
  }

  .image-card-wraper {
    height: 460px;
  }

  .pricing-cardp {
    flex-flow: column;
  }

  .pricing-image {
    border-top-right-radius: 20px;
    height: 400px;
  }

  .pricing-content-wraperp {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    order: 9999;
    width: 100%;
    height: auto;
    padding: 60px 20px;
  }

  .pricing-image-wrapperp {
    width: 100%;
    height: 300px;
  }

  .section-contain-contact-us {
    padding-top: 120px;
  }

  ._404-page-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .error-desc {
    font-size: 16px;
  }

  .error-title {
    letter-spacing: -2px;
    font-size: 60px;
    font-style: italic;
  }

  .social-list {
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .detail-proiect-image {
    height: 371px;
  }

  .section-info-detail-project {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .image-detail-project-1 {
    height: 400px;
  }

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

  .about-right-content {
    height: 300px;
  }

  .about-left-content {
    height: 300px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block.white-9 {
    text-align: center;
  }

  .testimonial-item {
    grid-row-gap: 10px;
    flex-flow: column;
    height: auto;
  }

  .testi-image-wrap {
    height: 300px;
  }

  .testi-text-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: auto;
  }

  .list-card-project {
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .card-project-wrap {
    min-width: auto;
    height: auto;
  }

  .card-project-wrap-2 {
    min-width: auto;
    max-width: 100%;
    height: auto;
  }

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

  .service-card-contain {
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-card-wraper {
    height: auto;
    padding-bottom: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-header-title {
    font-size: var(--_typography---font-size--heading-6);
  }

  .back-top-text {
    font-size: var(--_typography---font-size--paragraph-large);
  }

  .footer-menu-contain {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-menu-title, .footer-menu {
    font-size: var(--_typography---font-size--paragraph-small);
  }

  .footer-text-large {
    bottom: -8px;
  }

  .tab-project {
    border-bottom: 1px solid #e2e2e2;
  }

  .tab-project.w--current {
    border-bottom-color: var(--black);
  }

  .tabs-menu {
    flex-flow: column;
  }

  .overview-content-wraper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .overview-image {
    order: -9999;
    height: 400px;
  }

  .gallery-header-section {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
  }

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

  .font-size-label {
    font-size: var(--_typography---font-size--paragraph-small);
  }

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

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

  .line-vertical.detail-project {
    display: none;
  }

  .left-arrow {
    left: 43%;
  }

  .tabs-menu-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .slice {
    display: none;
  }

  .list-menu-dropdown {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .nav-link-phone {
    font-size: var(--_typography---font-size--heading-1);
  }

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

  .div-block {
    display: flex;
  }

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

  .flipcard-front, .flipcard-front-copy {
    padding-bottom: 60px;
  }
}

#w-node-_3270fc71-2845-fa5d-97d0-582bf1553043-7a71ec6d, #w-node-d9e5465b-8807-67e7-36d1-4a576a047545-7a71ec6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Librecasloncondensed';
  src: url('../fonts/LibreCaslonCondensed-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Librecasloncondensed';
  src: url('../fonts/LibreCaslonCondensed-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Librecasloncondensed';
  src: url('../fonts/LibreCaslonCondensed-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Librecasloncondensed';
  src: url('../fonts/LibreCaslonCondensed-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Librecasloncondensed';
  src: url('../fonts/LibreCaslonCondensed-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Librecasloncondensed';
  src: url('../fonts/LibreCaslonCondensed-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Librecasloncondensed';
  src: url('../fonts/LibreCaslonCondensed-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}