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

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

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

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

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

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

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

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

@font-face {
  font-family: Sf Pro Display;
  src: url('../fonts/SF-Pro-Display-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: Sf Pro Display;
  src: url('../fonts/SF-Pro-Display-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --color--body: #1e2021;
  --color--white: white;
  --size--32: 2rem;
  --color--brand: #c1aa90;
  --color--brand-grey: #a1a7a8;
  --size--20: 1.25rem;
  --size--16: 1rem;
  --size--10: .625rem;
  --color--brand-hover: #b69b7c;
  --size--8: .5rem;
  --size--12: .75rem;
  --color--black: #1a1d1d;
  --size--24: 1.5rem;
  --color--surface: #2a2b2d;
  --size--28: 1.75rem;
  --size--14: .875rem;
  --size--4: .25rem;
  --size--48: 3rem;
  --size--40: 2.5rem;
  --color--brand-second: #c1aa90;
  --size--6: .375rem;
  --color--white-hover: #ddd;
  --color--text-body: #1b1d1d;
  --color--black-second: #2d2c2a;
  --color--text-second: #c4d2d4;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  background-color: var(--color--body);
  color: var(--color--white);
  text-wrap: balance;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 140%;
}

h1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.25rem;
  font-weight: 600;
  line-height: 114%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 114%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--color--brand);
  text-decoration: none;
}

li {
  color: var(--color--brand-grey);
}

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

.page-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.section {
  position: relative;
  overflow: hidden;
}

.section.hero {
  background-image: url('../images/hero_bg.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 9rem;
  overflow: visible;
}

.section.success-page {
  background-image: url('../images/hero_bg.webp');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 80vh;
  padding-top: 9rem;
  display: flex;
  overflow: visible;
}

.container {
  width: 100%;
  max-width: 76rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.875rem;
}

.container.large {
  max-width: 86.25rem;
}

.content-center {
  z-index: 4;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

.text_size-24 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 130%;
}

.text_size-24:where(.w-variant-4087fcbb-01c8-5e78-8163-7ac529554b07) {
  text-align: right;
}

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

.flex_v-16px-left-top {
  grid-column-gap: var(--size--16);
  grid-row-gap: var(--size--16);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.btn-cons {
  padding-top: var(--size--16);
  padding-bottom: var(--size--16);
  grid-column-gap: var(--size--10);
  grid-row-gap: var(--size--10);
  border-top-left-radius: var(--size--10);
  border-top-right-radius: var(--size--10);
  border-bottom-left-radius: var(--size--10);
  border-bottom-right-radius: var(--size--10);
  background-color: var(--color--brand);
  color: var(--color--white);
  text-align: center;
  cursor: pointer;
  padding-left: calc(var(--size--16) * 3);
  padding-right: calc(var(--size--16) * 3);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  min-width: 15rem;
  font-size: 1rem;
  font-weight: 500;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.btn-cons:hover {
  background-color: var(--color--brand-hover);
}

.btn-cons.fill {
  flex: 1;
}

.btn-cons.fill:hover {
  background-color: #ac9479;
}

.btn-cons.small {
  padding: var(--size--8) var(--size--12);
  background-color: #ffffff0d;
  flex: none;
  min-width: 5rem;
}

.btn-cons.small:hover {
  background-color: var(--color--black);
}

.icon_24px {
  width: var(--size--24);
  height: var(--size--24);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.opacity_80 {
  opacity: .8;
}

.card-item {
  padding: var(--size--24);
  border-radius: var(--size--20);
  background-color: var(--color--black);
  color: var(--color--white);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 25rem;
  font-size: 1.5rem;
  line-height: 110%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-item:where(.w-variant-2832b894-e726-76cf-6b19-ace12cd699ea) {
  background-color: var(--color--surface);
}

.absolute {
  z-index: 1;
  perspective: 100px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: perspective(100px);
}

.z-index-10 {
  z-index: 10;
  position: relative;
}

.gradient-light {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--color--surface), #2a2b2dcc 50%, var(--color--surface));
  position: absolute;
  inset: 0% 0% 50%;
}

.gradient-light:where(.w-variant-2832b894-e726-76cf-6b19-ace12cd699ea) {
  bottom: 20%;
}

.flex_v-32 {
  grid-column-gap: var(--size--32);
  grid-row-gap: var(--size--32);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.flex_v-32.content-center {
  justify-content: center;
  align-items: stretch;
}

.flex_v-32.max_width-420px-mob-none.spaceb {
  justify-content: space-between;
  max-width: 29rem;
  position: static;
}

.flex_v-32.full {
  align-items: stretch;
}

.logo-240px {
  z-index: 1;
  object-fit: scale-down;
  object-position: 0% 50%;
  max-width: 15rem;
  max-height: 3.75rem;
  position: relative;
}

.logo-220px {
  z-index: 3;
  object-fit: contain;
  max-width: 13.75rem;
  position: relative;
}

.navigation {
  z-index: 100;
  padding-top: var(--size--16);
  padding-bottom: var(--size--16);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  color: var(--color--white);
  background-color: #0000000d;
  border-bottom: 1px #ffffff17;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  inset: 0% 0% auto;
}

.max_width-800px {
  max-width: 50rem;
}

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

.dropdown-toggle {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  color: var(--color--brand-grey);
  background-color: #0000;
  border-radius: .625rem;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  line-height: 110%;
  display: flex;
}

.dropdown-lang-wrap {
  margin: 0 0 -4rem;
  padding: 0 0 4rem;
}

.dropdown-arrow {
  width: var(--size--12);
  height: var(--size--12);
  object-fit: contain;
  object-position: 50% 50%;
  flex: none;
  margin: 0;
  padding-bottom: 0;
  font-size: .7rem;
  font-weight: 400;
  position: static;
}

.flag-img {
  object-fit: contain;
  max-width: 1.25rem;
}

.lang-list {
  background-color: var(--color--surface);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--color--white);
  border-radius: .625rem;
  flex-flow: column;
  align-items: flex-end;
  min-width: 7rem;
  margin-top: .5rem;
  overflow: hidden;
}

.lang-link {
  padding: var(--size--8) var(--size--12);
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--color--brand-grey);
  font-size: var(--size--14);
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  display: flex;
}

.lang-link:hover {
  background-color: var(--color--black);
  color: var(--color--white);
}

.lang-link.ar {
  justify-content: flex-end;
  align-items: flex-end;
}

.col-btn {
  height: auto;
}

.flex_h-12 {
  grid-column-gap: var(--size--12);
  grid-row-gap: var(--size--12);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pop-up_cons {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.close-popup-consultation {
  z-index: 1;
  padding: var(--size--24);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #ffffff0d;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pop-up-window_cons {
  z-index: 100;
  border-radius: var(--size--20);
  background-color: #333437;
  width: 40rem;
  margin: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.input {
  padding: var(--size--16);
  border-radius: var(--size--8);
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff3;
  align-self: stretch;
  width: 100%;
  min-height: 3.5rem;
  margin-bottom: 0;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
}

.input:hover {
  background-color: #ffffff1a;
}

.input::placeholder {
  color: #ffffffb3;
  font-size: var(--size--14);
  line-height: 150%;
}

.input.dark {
  color: var(--color--black);
  border-color: #1b1d1d33;
}

.input.dark::placeholder {
  color: #1b1d1db3;
}

.form {
  grid-column-gap: var(--size--16);
  grid-row-gap: var(--size--16);
  color: var(--color--brand-grey);
  text-wrap: wrap;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  margin: 0;
  display: flex;
}

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

.form.new {
  grid-column-gap: var(--size--16);
  grid-row-gap: var(--size--16);
  order: -1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading_48px {
  font-size: 3rem;
  line-height: 110%;
}

.heading_44px {
  font-size: 2.75rem;
  line-height: 110%;
}

.text_color_brand {
  color: var(--color--brand);
}

.form-img {
  flex-flow: column;
  min-width: 50%;
  display: flex;
  position: relative;
}

.flex_v-12-left {
  grid-column-gap: var(--size--12);
  grid-row-gap: var(--size--12);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.success-message {
  padding: var(--size--20);
  border-radius: var(--size--8);
  color: #28c77e;
  background-color: #ffffff0d;
  overflow: hidden;
}

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

.flex_v-4 {
  grid-column-gap: var(--size--4);
  grid-row-gap: var(--size--4);
  flex-flow: column;
  display: flex;
}

.error-message {
  margin-top: var(--size--4);
  padding: var(--size--8) var(--size--4);
  border-radius: var(--size--4);
  color: #e84d4d;
  text-align: center;
  background-color: #ffffff0d;
}

.form-wrap_popup {
  padding: 4rem var(--size--48);
  grid-column-gap: var(--size--24);
  grid-row-gap: var(--size--24);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.margin-top-auto {
  margin-top: auto;
}

.max_width-420px-mob-none {
  max-width: 26.25rem;
}

.icon_16px {
  width: var(--size--16);
  height: var(--size--16);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex_h-spaceb {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.flex_h-spaceb.center {
  justify-content: space-between;
  align-items: center;
}

.text-size_28px {
  font-size: var(--size--28);
  font-weight: 600;
  line-height: 120%;
}

.spacer-60 {
  height: 3.75rem;
}

.divider_v {
  background-color: var(--color--brand-grey);
  opacity: .7;
  border-radius: 2px;
  flex: none;
  align-self: stretch;
  width: 1px;
}

.flex_v-8 {
  grid-column-gap: var(--size--8);
  grid-row-gap: var(--size--8);
  flex-flow: column;
  display: flex;
}

.text_size-16-14 {
  font-size: var(--size--16);
  font-weight: 500;
  line-height: 120%;
}

.text_color_brand-second {
  color: var(--color--brand-second);
}

.flex_h-20px {
  grid-column-gap: var(--size--20);
  grid-row-gap: var(--size--20);
  display: flex;
}

.flex_h-20px.center {
  justify-content: flex-start;
  align-items: center;
}

.grid-2col {
  grid-column-gap: var(--size--40);
  grid-row-gap: var(--size--40);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.tag-green {
  z-index: 1;
  padding: var(--size--6) var(--size--12);
  grid-column-gap: var(--size--6);
  grid-row-gap: var(--size--6);
  border-radius: var(--size--4);
  color: #64db77;
  font-size: var(--size--20);
  background-color: #b0b0b01a;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  font-weight: 600;
  line-height: 140%;
  display: flex;
  position: relative;
}

.tag-green.stroke {
  background-color: #0000;
  border: 1px solid #c1aa9033;
}

.tag-green.white-gold {
  z-index: 10;
  background-color: var(--color--white);
  color: var(--color--brand);
}

.text-weidth_medium {
  font-weight: 500;
}

.text-size_20px {
  font-size: var(--size--20);
  line-height: 128%;
}

.content-wrap_brand-color {
  padding: var(--size--24);
  grid-column-gap: var(--size--32);
  grid-row-gap: var(--size--32);
  border-radius: var(--size--20);
  background-color: var(--color--brand);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--color--white);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  min-height: 25rem;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.max_width-20ch {
  max-width: 20ch;
}

.desk_hide {
  display: none;
}

.flex_v-24-stretch {
  grid-column-gap: var(--size--24);
  grid-row-gap: var(--size--24);
  flex-flow: column;
  display: flex;
  position: relative;
}

.flex_v-24-stretch.desk-center_mob-left {
  justify-content: center;
  align-items: center;
}

.flex_v-24-stretch.center {
  justify-content: flex-start;
  align-items: center;
}

.heading_64px {
  font-size: 4rem;
  line-height: 110%;
}

.flex_v-0 {
  flex-flow: column;
  display: flex;
}

.dropdown-wrapper {
  z-index: 10;
  margin-bottom: -4rem;
  padding-bottom: 4rem;
}

.icon_14px {
  width: var(--size--14);
  height: var(--size--14);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-wrap_blue-60px {
  padding: var(--size--14);
  border-radius: var(--size--10);
  background-color: var(--color--brand-grey);
  color: var(--color--brand);
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
}

.icon-wrap_blue-60px.round {
  border-radius: 50%;
}

.divider_h {
  background-color: var(--color--white);
  opacity: .1;
  width: 100%;
  height: 1px;
}

.grid-3col {
  grid-column-gap: var(--size--12);
  grid-row-gap: var(--size--12);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3col._2-1-1fr {
  grid-template-columns: 2fr 1fr 1fr;
}

.grid-3col.logos {
  grid-column-gap: var(--size--24);
  grid-row-gap: var(--size--24);
  width: 100%;
}

.grid-3col.cards {
  grid-column-gap: var(--size--24);
  grid-row-gap: var(--size--24);
}

.max_width-25ch {
  max-width: 25ch;
}

.btn {
  padding-top: var(--size--16);
  padding-bottom: var(--size--16);
  grid-column-gap: var(--size--10);
  grid-row-gap: var(--size--10);
  border-top-left-radius: var(--size--10);
  border-top-right-radius: var(--size--10);
  border-bottom-left-radius: var(--size--10);
  border-bottom-right-radius: var(--size--10);
  background-color: var(--color--brand);
  color: var(--color--white);
  text-align: center;
  padding-left: calc(var(--size--16) * 3);
  padding-right: calc(var(--size--16) * 3);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.btn:hover {
  background-color: var(--color--brand-hover);
}

.btn.form-first {
  order: -1;
  align-self: stretch;
  width: 100%;
}

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

.btn.black:hover {
  background-color: #282a2a;
}

.dropdown-faq {
  z-index: 1;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.dropdown-faq:where(.w-variant-4087fcbb-01c8-5e78-8163-7ac529554b07) {
  text-align: right;
}

.accordion-list_item {
  padding: var(--size--24) 0px;
  grid-column-gap: var(--size--20);
  grid-row-gap: var(--size--20);
  white-space: pre-wrap;
  border-top: 1px solid #c5c5c566;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.dropdown-faq-content {
  padding-top: var(--size--8);
  padding-bottom: var(--size--24);
  opacity: .7;
  font-size: var(--size--14);
}

.dropdown-faq-list-content {
  opacity: .7;
  background-color: #0000;
  flex-flow: column;
  display: flex;
  position: static;
  overflow: hidden;
}

.icon_36px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
}

.gradient_form {
  z-index: 10;
  background-image: linear-gradient(90deg, var(--color--brand-second), #efeae5b3 50%, #efeae54d);
  position: absolute;
  inset: 0%;
}

.map-wraper {
  padding: var(--size--24);
  border-radius: var(--size--20);
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 20rem;
  max-width: 25rem;
  height: 15rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-map {
  z-index: 10;
  padding-top: var(--size--16);
  padding-bottom: var(--size--16);
  grid-column-gap: var(--size--10);
  grid-row-gap: var(--size--10);
  border-top-left-radius: var(--size--10);
  border-top-right-radius: var(--size--10);
  border-bottom-left-radius: var(--size--10);
  border-bottom-right-radius: var(--size--10);
  background-color: var(--color--black);
  color: var(--color--white);
  text-align: center;
  padding-left: calc(var(--size--16) * 3);
  padding-right: calc(var(--size--16) * 3);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.btn-map:hover {
  background-color: #282a2a;
}

.flex_h-16-center {
  grid-column-gap: var(--size--16);
  grid-row-gap: var(--size--16);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.width-100 {
  width: 100%;
}

.flex_v-12-stretch {
  grid-column-gap: var(--size--12);
  grid-row-gap: var(--size--12);
  flex-flow: column;
  display: flex;
}

.img_contain {
  object-fit: contain;
}

.desk-tablet_hide {
  display: none;
}

.btn-text_download {
  grid-column-gap: var(--size--12);
  grid-row-gap: var(--size--12);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.btn-close {
  padding: var(--size--12);
  border-radius: var(--size--10);
  background-color: var(--color--surface);
  color: var(--color--white);
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.btn-close:hover {
  background-color: var(--color--black);
}

.pop-up_map {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.close-popup-map {
  z-index: 9;
  padding: var(--size--24);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #000000b3;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.map-window {
  z-index: 10;
  border-radius: var(--size--20);
  justify-content: center;
  align-items: center;
  width: 85vw;
  max-width: 90rem;
  height: 80vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.flex_h-6 {
  grid-column-gap: var(--size--4);
  grid-row-gap: var(--size--4);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-menu {
  grid-column-gap: var(--size--32);
  grid-row-gap: var(--size--32);
  color: var(--color--white);
  flex-flow: wrap;
  display: flex;
}

.pop-up_brochure {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-up-window_up_brochure {
  z-index: 2;
  border-radius: var(--size--20);
  background-color: var(--color--brand-second);
  width: 55rem;
  margin: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.close-popup-up_brochure {
  z-index: 1;
  padding: var(--size--24);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #000000b3;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.img_agent-popup {
  object-fit: contain;
  height: 96%;
  position: absolute;
  inset: auto 0% 0%;
}

.list {
  grid-column-gap: var(--size--40);
  grid-row-gap: var(--size--40);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.nav-item-link {
  color: var(--color--brand-grey);
  font-size: 1rem;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
}

.nav-item-link:hover {
  color: var(--color--white-hover);
}

.ar {
  direction: rtl;
  font-family: Notosansarabic, Arial, sans-serif;
}

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

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

.text_align-right {
  text-align: right;
}

.mirror {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.grid-2col_16px {
  grid-column-gap: var(--size--16);
  grid-row-gap: var(--size--16);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-size_32px {
  font-size: var(--size--32);
  line-height: 114%;
}

.logo-small {
  z-index: 3;
  object-fit: contain;
  object-position: 0% 50%;
  width: auto;
  max-width: 7.5rem;
  max-height: 2rem;
  position: relative;
}

.spacer-80 {
  height: 5rem;
}

.icon_56px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.flex_v-16px {
  grid-column-gap: var(--size--16);
  grid-row-gap: var(--size--16);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.flex_v-16px.center {
  justify-content: center;
  align-items: center;
}

.graphic-popup {
  padding-top: var(--size--40);
  max-height: 100%;
  margin-top: auto;
}

.card_project {
  grid-column-gap: var(--size--16);
  grid-row-gap: var(--size--16);
  cursor: pointer;
  flex-flow: column;
  display: flex;
  position: relative;
}

.card-media-wrap {
  padding: var(--size--12);
  border-radius: var(--size--8);
  justify-content: flex-start;
  align-items: flex-start;
  height: 20rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card_project-content {
  grid-column-gap: var(--size--24);
  grid-row-gap: var(--size--24);
  flex-flow: column;
  display: flex;
}

.heading-card_wrap {
  padding-bottom: var(--size--16);
  grid-column-gap: var(--size--8);
  grid-row-gap: var(--size--8);
  border-bottom: 1px solid #c5c5c566;
  flex-flow: column;
  display: flex;
}

.flex_h-8 {
  grid-column-gap: var(--size--8);
  grid-row-gap: var(--size--8);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.grid-2col-32px {
  grid-column-gap: var(--size--32);
  grid-row-gap: var(--size--32);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: flex-start;
  align-items: center;
  display: grid;
}

.btn-wrapper {
  z-index: 10;
  grid-column-gap: var(--size--12);
  grid-row-gap: var(--size--12);
  flex-flow: wrap;
  align-items: stretch;
  display: flex;
  position: relative;
}

.grid-2col-8px {
  grid-column-gap: var(--size--8);
  grid-row-gap: var(--size--8);
  grid-template-rows: auto;
  grid-template-columns: min-content auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start stretch;
  display: grid;
}

.weight-500 {
  font-weight: 500;
}

.btn-brochure {
  padding-top: var(--size--16);
  padding-bottom: var(--size--16);
  grid-column-gap: var(--size--10);
  grid-row-gap: var(--size--10);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color--brand);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color--brand);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color--brand);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color--brand);
  border-top-left-radius: var(--size--10);
  border-top-right-radius: var(--size--10);
  border-bottom-left-radius: var(--size--10);
  border-bottom-right-radius: var(--size--10);
  color: var(--color--brand);
  text-align: center;
  cursor: pointer;
  padding-left: calc(var(--size--16) * 3);
  padding-right: calc(var(--size--16) * 3);
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.btn-brochure:hover {
  border-color: var(--color--brand-hover);
  background-color: var(--color--brand-hover);
  color: var(--color--white);
}

.btn-brochure.fill {
  flex: 1;
}

.text-size_14px {
  font-size: var(--size--14);
  line-height: 130%;
}

.flex_h-24 {
  grid-column-gap: var(--size--24);
  grid-row-gap: var(--size--24);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flex_h-24.wrap {
  flex-flow: wrap;
}

.text_step {
  border-radius: var(--size--40);
  background-color: var(--color--black);
  color: var(--color--white);
  font-size: var(--size--14);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  font-weight: 500;
  line-height: 110%;
  display: flex;
}

.list-line {
  width: var(--size--16);
  background-color: var(--color--text-body);
  height: 1px;
}

.margin-letf-60 {
  margin-left: 3.75rem;
}

.flex_h-0 {
  display: flex;
}

.award-wrap {
  padding: var(--size--12);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1a;
  border-radius: 20rem;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  display: flex;
}

.award-wrap.center {
  margin-left: -1rem;
  margin-right: -1rem;
}

.flex_h-spaceb-all {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.max_width-480px-mob-none {
  max-width: 30rem;
}

.img_card {
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 0%;
}

.img_card:where(.w-variant-2832b894-e726-76cf-6b19-ace12cd699ea) {
  height: 80%;
}

.flex_h-16_mob-v {
  grid-column-gap: var(--size--16);
  grid-row-gap: var(--size--16);
  align-items: stretch;
  display: flex;
}

.infographics-absolu {
  z-index: -1;
  height: 80%;
  position: absolute;
  inset: auto 0% 0%;
}

.agent-avatar_wrap {
  border: 2px solid var(--color--white);
  background-color: var(--color--brand-grey);
  border-radius: 20rem;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.agent-avatar_wrap:where(.w-variant-fc567146-bec7-3825-d5c3-90dac6d7f844) {
  justify-content: center;
  align-items: center;
}

.agent_avatar {
  padding-top: var(--size--8);
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.agent_avatar:where(.w-variant-fc567146-bec7-3825-d5c3-90dac6d7f844) {
  display: none;
}

.dev-card {
  padding: var(--size--40);
  border: 1px solid var(--color--brand-grey);
  border-radius: var(--size--12);
  justify-content: center;
  align-items: center;
  width: 12.125rem;
  height: 12.125rem;
  display: flex;
}

.card {
  grid-column-gap: var(--size--32);
  grid-row-gap: var(--size--32);
  color: var(--color--black);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.card:hover {
  color: var(--color--brand);
}

.card_review {
  padding: var(--size--24);
  grid-column-gap: var(--size--24);
  grid-row-gap: var(--size--24);
  border: 1px solid var(--color--brand-grey);
  border-radius: var(--size--12);
  color: var(--color--black);
  flex-flow: column;
  flex: 1;
  align-items: stretch;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.card_review:hover {
  border-color: var(--color--brand-hover);
  background-color: var(--color--brand-second);
  color: var(--color--brand-hover);
}

.flex_h-4 {
  grid-column-gap: var(--size--4);
  grid-row-gap: var(--size--4);
  flex-flow: row;
  display: flex;
}

.card-link {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.open-cons {
  cursor: pointer;
}

.spacer-100 {
  height: 6.25rem;
}

.spacer-100.mob-180 {
  height: 9rem;
}

.max_width-620px {
  max-width: 38.75rem;
}

.text_size-22 {
  font-size: 1.375rem;
  line-height: 140%;
}

.text_size-22:where(.w-variant-4087fcbb-01c8-5e78-8163-7ac529554b07) {
  text-align: right;
}

.flex_v-12-center {
  grid-column-gap: var(--size--12);
  grid-row-gap: var(--size--12);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-content-wrap {
  border-radius: var(--size--12);
  background-color: var(--color--black-second);
  text-align: left;
  background-image: radial-gradient(circle, #427c9400, #b7e3fc14), linear-gradient(225deg, #27abe214, #27abe200);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.hero-content-wrap.color-surface {
  background-color: var(--color--surface);
  background-image: none;
}

.hero-item {
  padding: var(--size--32) var(--size--32) var(--size--40);
  grid-column-gap: var(--size--32);
  grid-row-gap: var(--size--32);
  font-size: var(--size--20);
  flex-flow: column;
  line-height: 140%;
  display: flex;
}

.hero-item.center {
  border-left: 1px solid #ffffff1a;
  border-right: 1px solid #ffffff1a;
}

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

.flex_v-48 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.flex_v-48.align-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.opacity_40 {
  opacity: .4;
}

.dark-content-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border-radius: var(--size--12);
  background-color: var(--color--surface);
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 4rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.dark-content-wrap.form {
  padding-top: 2rem;
}

.dark-content-wrap.success-page {
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dark-content-wrap.new {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  padding: 3rem;
}

.heading-36px {
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 114%;
}

.diagram-wrap {
  grid-column-gap: var(--size--24);
  grid-row-gap: var(--size--24);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: -4rem;
  display: grid;
}

.brand-diagram {
  padding: var(--size--24);
  grid-column-gap: var(--size--4);
  grid-row-gap: var(--size--4);
  border-top-left-radius: var(--size--12);
  border-top-right-radius: var(--size--12);
  background-color: var(--color--brand);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.grey-diagram {
  padding: var(--size--24);
  grid-column-gap: var(--size--4);
  grid-row-gap: var(--size--4);
  border-top-left-radius: var(--size--12);
  border-top-right-radius: var(--size--12);
  background-image: linear-gradient(59deg, #35393e, #35373a);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-color-grey {
  color: var(--color--brand-grey);
}

.flex_h-32 {
  grid-column-gap: var(--size--32);
  grid-row-gap: var(--size--32);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brand-img {
  width: 5rem;
  height: auto;
  max-height: 3.125rem;
}

.dark-wrap_padd-24px {
  padding: var(--size--24);
  grid-column-gap: var(--size--20);
  grid-row-gap: var(--size--20);
  border-radius: var(--size--8);
  background-color: var(--color--surface);
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  font-size: 1.25rem;
  line-height: 128%;
  display: flex;
}

.dark-wrap_padd-24px.h-auto {
  height: auto;
  font-size: 1rem;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
}

.dark-wrap_padd-24px.h-auto:hover {
  background-color: var(--color--black);
}

.wrapper_white-opacity {
  border-radius: var(--size--12);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ffffff0d;
  border: 1px solid #ffffff17;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.wrapper_paddding-32px {
  padding: var(--size--32);
  grid-column-gap: var(--size--32);
  grid-row-gap: var(--size--32);
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrapper_paddding-32px.border-left {
  border-right: 1px solid #ffffff17;
}

.wrapper_paddding-32px.left-right-only {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-top: 1px solid #ffffff17;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper_paddding-32px.left-right-only.tablet-hide {
  min-height: 24rem;
}

.table-grid-5col {
  padding-top: var(--size--32);
  padding-bottom: var(--size--32);
  font-size: var(--size--14);
  border-bottom: 1px solid #ffffff17;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  line-height: 120%;
  display: grid;
}

.table-grid-5col.bodrer-none {
  border-bottom-style: none;
}

.graph-img {
  z-index: -1;
  object-fit: contain;
  position: absolute;
  inset: 23% 0% 0%;
}

.flex_h-44-center {
  grid-column-gap: 2.75rem;
  grid-row-gap: 2.75rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon_48px-blue {
  border-radius: var(--size--4);
  background-color: var(--color--brand);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  box-shadow: 0 0 2.5rem #c1aa907d;
}

.wrap-blue-24px {
  padding: var(--size--24);
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  border-radius: var(--size--8);
  background-color: var(--color--brand);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

.embed-bg {
  color: var(--color--brand-hover);
  width: 14rem;
  height: 17rem;
  position: absolute;
  inset: auto -7% -30% auto;
}

.embed-bg.small {
  width: 10rem;
  height: 17rem;
  bottom: -27%;
  right: -4%;
}

.wrap-padding-24px {
  padding: var(--size--24);
  grid-column-gap: var(--size--28);
  grid-row-gap: var(--size--28);
  border-radius: var(--size--8);
  background-color: var(--color--surface);
  color: var(--color--brand-grey);
  flex-flow: column;
  min-height: 22rem;
  line-height: 150%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrap-padding-24px.gold {
  background-color: var(--color--brand-second);
  color: var(--color--white);
  min-height: 20rem;
}

.wrap-padding-24px.blue {
  background-color: var(--color--brand);
  color: var(--color--white);
  min-height: 20rem;
}

.wrap-padding-24px.min-h-20rem {
  border: 1px solid #ffffff1a;
  min-height: 20rem;
}

.text-size_14px-caps {
  font-size: var(--size--14);
  text-transform: uppercase;
}

.grid-img {
  border-radius: var(--size--8);
}

.text-weidth_semibold {
  font-weight: 600;
}

.blur-inside {
  object-fit: contain;
  height: 50.9rem;
  position: absolute;
  top: -22%;
  left: -17%;
  overflow: visible;
}

.blur-inside.form {
  object-fit: contain;
  width: 54rem;
  height: 43rem;
  top: 14%;
  left: -19%;
}

.blur-inside.ppup {
  object-fit: contain;
  width: 39rem;
  height: 36rem;
  top: 20%;
  left: -40%;
}

.bg-full {
  z-index: -1;
  object-fit: cover;
  height: 37rem;
  position: absolute;
  inset: 16% 0% auto;
  overflow: visible;
}

.caps {
  text-transform: uppercase;
}

.text-gradient {
  z-index: 2;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #3e4243, #758187);
  -webkit-background-clip: text;
  background-clip: text;
}

.dark-wrap_pading-none {
  border-radius: var(--size--12);
  background-color: var(--color--surface);
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 32rem;
  height: 100%;
  display: flex;
}

.step-item {
  padding: var(--size--32) var(--size--32) var(--size--48);
  grid-column-gap: var(--size--48);
  grid-row-gap: var(--size--48);
  border-bottom: 1px solid #ffffff1a;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: min-content 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.step-item:where(.w-variant-3f87a9cf-2e6e-6e37-20dd-27197ac9e5d8) {
  border-bottom-style: none;
}

.number {
  padding: var(--size--6) var(--size--28);
  border-radius: var(--size--48);
  font-size: var(--size--20);
  background-color: #ffffff1a;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  font-weight: 500;
  line-height: 130%;
  display: flex;
}

.bg-section-left {
  z-index: -1;
  opacity: .9;
  object-fit: contain;
  width: 43rem;
  height: 39rem;
  position: absolute;
  inset: 21% auto 0% -23%;
  overflow: visible;
  transform: rotate(-90deg);
}

.form-media-wrap {
  padding: var(--size--48) var(--size--48) var(--size--32);
  grid-column-gap: var(--size--40);
  grid-row-gap: var(--size--40);
  border-top-left-radius: var(--size--32);
  border-top-right-radius: var(--size--32);
  text-align: center;
  background-color: #ffffff0d;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -4rem;
  display: flex;
}

.max_width-580px-mob-none {
  max-width: 36.25rem;
}

.full-size-img {
  border-radius: var(--size--12);
  height: 29rem;
}

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

.text-size_18px {
  font-size: 1.125rem;
  line-height: 140%;
}

.logo-120px {
  z-index: 3;
  object-fit: contain;
  object-position: 0% 50%;
  width: auto;
  max-width: 7.5rem;
  max-height: 3rem;
  position: relative;
}

.grid-2col-48px_border {
  padding-left: var(--size--48);
  grid-column-gap: var(--size--48);
  grid-row-gap: var(--size--48);
  border-left: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: flex-start;
  align-items: center;
  height: 100%;
  display: grid;
}

.form-padding-wrap {
  z-index: 1;
  padding: var(--size--40);
  grid-column-gap: var(--size--40);
  grid-row-gap: var(--size--40);
  border-top-left-radius: var(--size--32);
  border-top-right-radius: var(--size--32);
  background-color: #ffffff0d;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: -4rem;
  display: flex;
}

.form-padding-wrap.banner {
  background-color: #0000;
  margin-bottom: 0;
  padding: 0;
}

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

.logo-120px._40 {
  opacity: .4;
  transition: opacity .3s;
}

.logo-120px._40:hover {
  opacity: 1;
}

.logo-140px {
  object-fit: scale-down;
  object-position: 0% 50%;
  max-width: 8.75rem;
}

.property-card {
  border-radius: var(--size--12);
  background-color: var(--color--surface);
  cursor: pointer;
  flex-flow: column;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
  overflow: hidden;
}

.property-card:hover {
  background-color: #303236;
}

.property-info {
  padding: var(--size--12);
  grid-column-gap: var(--size--12);
  grid-row-gap: var(--size--12);
  color: #e6eff0;
  font-size: var(--size--14);
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  line-height: 140%;
  display: flex;
}

.property-img {
  justify-content: center;
  align-items: center;
  height: 16.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.overlay {
  z-index: 2;
  background-color: #3336338a;
  position: absolute;
  inset: 0%;
}

.overlay:where(.w-variant-2832b894-e726-76cf-6b19-ace12cd699ea) {
  bottom: 20%;
}

.tag-absolu {
  left: var(--size--12);
  top: var(--size--12);
  z-index: 3;
  padding: var(--size--4) var(--size--8);
  border-radius: var(--size--4);
  background-color: var(--color--white);
  color: var(--color--text-body);
  font-size: var(--size--12);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
  position: absolute;
  bottom: auto;
  right: auto;
}

.slider {
  background-color: #0000;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.slider_mask {
  height: auto;
  margin-left: -1rem;
  margin-right: -1rem;
  overflow: visible;
}

.slider_slide {
  height: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.slider_content {
  grid-row-gap: 2rem;
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
}

.slider_arrow-wrapper {
  background-color: var(--color--white);
  opacity: .5;
  color: var(--color--surface);
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: -1.5rem;
  transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.slider_arrow-wrapper:hover {
  background-color: var(--color--white-hover);
  opacity: 1;
}

.slider_arrow-wrapper._2 {
  margin-left: 0;
  margin-right: -1.5rem;
}

.icon-1x1-medium {
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
}

.slider_nav {
  grid-column-gap: .75rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
  position: static;
}

.img_property {
  border-radius: var(--size--12);
  height: 22rem;
}

.popup-form {
  grid-column-gap: var(--size--16);
  grid-row-gap: var(--size--16);
  color: var(--color--brand-grey);
  text-wrap: wrap;
  flex-flow: column;
  width: 100%;
  margin: 0;
  display: flex;
}

.footer_spacer {
  height: 6.25rem;
}

.flex_h-16_mob-v {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.flex-block {
  grid-column-gap: var(--size--16);
  grid-row-gap: var(--size--16);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.text_size-16 {
  font-size: var(--size--16);
  line-height: 140%;
}

.footer {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5rem;
  padding-bottom: 3rem;
  position: relative;
  overflow: hidden;
}

.footer.buttom {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: fixed;
  inset: auto 0% 0%;
}

.spacer-120 {
  height: 7.5rem;
}

.icon-80px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.flex-v-24-center {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flex-h-16 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.text-color-grey-2 {
  color: #86868b;
}

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

.section-2.succes-page {
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
}

.icon-wrap-blue-large {
  background-color: #1eade5;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.flex-v-40 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.flex-v-40.center {
  border-left: .0625rem solid #f3f3f3;
  border-right: .0625rem solid #f3f3f3;
  justify-content: flex-start;
  align-items: center;
}

.h1-submit {
  color: #333;
  font-weight: 600;
}

.btn-link {
  color: #fff;
  text-align: center;
  background-color: #1eade5;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  padding: 1.125rem 2.625rem;
  font-size: 1.125rem;
  line-height: 120%;
  transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.btn-link:hover {
  background-color: #1d1d1f;
}

.container-main {
  width: 100%;
  max-width: 82.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.icon-40px {
  object-fit: scale-down;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.flex-v-16-center {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-size-26px {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 120%;
}

.text-size-26px.text-color-grey-2.text-center {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
}

.text-width-semibold {
  font-weight: 600;
}

.text-width-semibold.text-color-blue.text-center {
  color: #00ade5;
}

.logo-footer {
  background-image: url('../images/logo-group-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13rem;
  height: 3rem;
}

.logo-footer.submit {
  background-image: none;
}

.success__icon-wrp {
  color: #fff;
  background-color: #00c853;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.success__icon-wrp.large {
  width: 4rem;
  height: 4rem;
}

.icon-32px {
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.flex_v-44-center {
  grid-column-gap: 2.75rem;
  grid-row-gap: 2.75rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-size_24px {
  color: #fff9;
  font-size: var(--size--24);
  text-transform: uppercase;
  font-weight: 600;
  line-height: 128%;
}

.text-size_22px {
  font-size: var(--size--20);
  line-height: 128%;
}

.form-image {
  object-fit: cover;
  width: calc(50% - 1.5rem);
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.form-image.form {
  object-fit: contain;
  width: 54rem;
  height: 43rem;
  top: 14%;
  left: -19%;
}

.form-image.ppup {
  object-fit: contain;
  width: 39rem;
  height: 36rem;
  top: 20%;
  left: -40%;
}

.dark-gradient {
  background-image: linear-gradient(#0003 32%, #00000080);
  width: calc(50% - 1.5rem);
  position: absolute;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: var(--size--32);
    text-align: left;
  }

  h2 {
    font-size: 1.5rem;
  }

  .section.hero {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 7rem;
  }

  .section.success-page {
    background-position: 0%;
    padding-top: 7rem;
  }

  .container {
    max-width: 92vw;
    padding-left: 0;
    padding-right: 0;
  }

  .container.large {
    max-width: 92vw;
  }

  .btn-cons {
    align-self: flex-start;
    width: 100%;
  }

  .btn-cons.small {
    padding-top: var(--size--12);
    padding-bottom: var(--size--12);
    flex: 0 auto;
    min-width: auto;
  }

  .card-item {
    padding: var(--size--24);
    min-width: 40vw;
  }

  .flex_v-32 {
    grid-column-gap: var(--size--28);
    grid-row-gap: var(--size--28);
    align-items: stretch;
  }

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

  .flex_v-32.max_width-420px-mob-none.spaceb {
    border-radius: .75rem;
    justify-content: space-between;
    max-width: none;
    min-height: 25rem;
    padding: 1rem;
    position: relative;
    overflow: hidden;
  }

  .flex_v-32.full {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex_v-32.form {
    background-color: var(--color--surface);
    border: 1px solid #ffffff17;
    border-radius: .75rem;
    margin-top: .75rem;
    padding: 2rem 1rem;
  }

  .logo-240px {
    max-width: 13rem;
  }

  .logo-220px {
    max-width: 12rem;
  }

  .navigation {
    z-index: 999;
  }

  .max_width-800px {
    max-width: 40rem;
  }

  .lang-list {
    right: 0;
  }

  .col-btn, .tablet-hide {
    display: none;
  }

  .pop-up-window_cons {
    width: 90vw;
  }

  .form {
    grid-column-gap: var(--size--8);
    grid-row-gap: var(--size--8);
    flex-flow: column;
  }

  .form.new {
    grid-column-gap: var(--size--12);
    grid-row-gap: var(--size--12);
  }

  .heading_48px {
    font-size: 2.25rem;
  }

  .heading_44px {
    font-size: 2rem;
  }

  .text_color_brand {
    color: var(--color--brand);
  }

  .form-img {
    min-width: 44%;
  }

  .form-wrap_popup {
    padding: var(--size--24);
    min-width: 56%;
  }

  .max_width-420px-mob-none {
    max-width: none;
  }

  .flex_h-spaceb {
    grid-column-gap: var(--size--32);
    grid-row-gap: var(--size--32);
    flex-flow: column;
  }

  .flex_h-spaceb.center {
    grid-column-gap: var(--size--24);
    grid-row-gap: var(--size--24);
    justify-content: space-between;
    align-items: flex-start;
  }

  .text-size_28px {
    font-size: var(--size--24);
  }

  .spacer-60 {
    height: var(--size--40);
  }

  .grid-2col {
    grid-column-gap: var(--size--24);
    grid-row-gap: var(--size--24);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: minmax(auto, 1fr);
    grid-auto-columns: 1fr;
    display: grid;
  }

  .text-size_20px {
    font-size: var(--size--16);
  }

  .content-wrap_brand-color {
    padding: var(--size--24);
    min-width: auto;
    min-height: 25rem;
  }

  .desk_hide {
    display: flex;
  }

  .flex_v-24-stretch {
    grid-column-gap: var(--size--16);
    grid-row-gap: var(--size--16);
  }

  .flex_v-24-stretch.mobile-h {
    border-radius: var(--size--10);
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
  }

  .flex_v-24-stretch.desk-center_mob-left {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
  }

  .flex_v-24-stretch._100 {
    justify-content: space-between;
    height: 100%;
  }

  .heading_64px {
    font-size: 2.25rem;
  }

  .divider_h {
    background-color: var(--color--brand-grey);
  }

  .grid-3col {
    grid-column-gap: var(--size--12);
    grid-row-gap: var(--size--12);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid-3col._2-1-1fr {
    grid-template-columns: 2fr;
  }

  .grid-3col.logos {
    grid-column-gap: var(--size--32);
    grid-row-gap: var(--size--32);
    flex-flow: wrap;
    display: flex;
  }

  .grid-3col.cards {
    grid-column-gap: var(--size--16);
    grid-row-gap: var(--size--16);
    flex-flow: row;
    margin-left: -4vw;
    margin-right: -4vw;
    padding-left: 4vw;
    padding-right: 4vw;
    display: flex;
    overflow: auto;
  }

  .btn.form-first {
    order: 0;
    width: auto;
  }

  .accordion-list_item {
    padding-top: var(--size--20);
    padding-bottom: var(--size--20);
  }

  .dropdown-faq-content {
    padding-top: var(--size--4);
    padding-bottom: var(--size--20);
  }

  .btn-map {
    width: 100%;
  }

  .btn-text_download {
    padding: var(--size--16);
    border: 1px solid var(--color--brand);
    border-radius: var(--size--12);
    color: var(--color--brand);
    text-align: center;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center;
  }

  .map-window {
    width: 92vw;
    height: 70vh;
  }

  .menu-button {
    padding: var(--size--6);
    border-radius: var(--size--6);
    background-color: var(--color--surface);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    width: 2.625rem;
    height: 2.625rem;
    display: flex;
  }

  .menu-button.w--open {
    background-color: var(--color--surface);
    color: var(--color--white-hover);
  }

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

  .nav-menu {
    z-index: 100;
    grid-row-gap: var(--size--24);
    border-radius: var(--size--8);
    background-color: var(--color--surface);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    inset: 5rem 3vh auto auto;
    overflow: hidden;
  }

  .pop-up-window_up_brochure {
    width: 90vw;
  }

  .list {
    padding: var(--size--16);
    grid-column-gap: var(--size--16);
    grid-row-gap: var(--size--16);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
  }

  .nav-item-link:hover {
    color: var(--color--brand);
  }

  .grid-2col_16px {
    grid-column-gap: var(--size--12);
    grid-row-gap: var(--size--12);
  }

  .spacer-80 {
    height: 2.5rem;
  }

  .flex_v-16px.center {
    justify-content: center;
    align-items: flex-start;
  }

  .grid-2col-32px, .grid-2col-8px {
    justify-content: center;
  }

  .btn-brochure {
    align-self: flex-start;
  }

  .flex_h-spaceb-all {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: grid;
  }

  .max_width-480px-mob-none {
    max-width: none;
  }

  .flex_h-16_mob-v {
    flex-flow: column;
  }

  .infographics-absolu {
    overflow: visible;
  }

  .dev-card {
    flex: none;
    width: 10rem;
    height: 10rem;
  }

  .card {
    grid-column-gap: var(--size--24);
    grid-row-gap: var(--size--24);
  }

  .card_review {
    padding: var(--size--16);
    flex: none;
    width: 50vw;
  }

  .spacer-100 {
    height: 3.75rem;
  }

  .spacer-100.mob-180 {
    height: 11.25rem;
  }

  .max_width-620px {
    max-width: none;
  }

  .text_size-22 {
    font-size: var(--size--20);
  }

  .flex_v-12-center.tablet_full-w {
    width: 100%;
  }

  .hero-content-wrap {
    flex-flow: column;
    display: flex;
  }

  .hero-item {
    padding: var(--size--24);
  }

  .hero-item.center {
    border-style: solid none;
    border-top-width: 1px;
    border-top-color: #ffffff1a;
    border-bottom-width: 1px;
    border-bottom-color: #ffffff1a;
  }

  .flex_v-48 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .dark-content-wrap {
    padding: var(--size--24);
    flex-flow: column;
    display: flex;
  }

  .dark-content-wrap.form {
    padding-right: 4vw;
    padding-bottom: var(--size--32);
    grid-column-gap: var(--size--32);
    grid-row-gap: var(--size--32);
    border-radius: 0;
    width: 100vw;
    margin-left: -4vw;
    margin-right: -4vw;
    padding-left: 4vw;
  }

  .dark-content-wrap.new {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: #0000;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 0;
    display: flex;
  }

  .heading-36px {
    font-size: 1.5rem;
  }

  .diagram-wrap {
    grid-column-gap: var(--size--16);
    grid-row-gap: var(--size--16);
    margin-bottom: -1.5rem;
  }

  .brand-diagram {
    min-height: 9rem;
  }

  .dark-wrap_padd-24px {
    padding: var(--size--24);
    flex-flow: column;
    width: 100%;
    height: auto;
    display: flex;
  }

  .dark-wrap_padd-24px.max_width-25ch {
    width: 100%;
    max-width: none;
  }

  .wrapper_paddding-32px {
    padding: var(--size--16);
    min-height: 32.5rem;
  }

  .wrapper_paddding-32px.border-left {
    padding: var(--size--16);
  }

  .graph-img {
    top: 30%;
  }

  .embed-bg {
    bottom: -20%;
  }

  .embed-bg.small {
    height: 12rem;
    bottom: -35%;
    right: -1%;
  }

  .wrap-padding-24px.gold, .wrap-padding-24px.blue {
    grid-column-gap: var(--size--24);
    grid-row-gap: var(--size--24);
    min-height: auto;
  }

  .wrap-padding-24px.min-h-20rem {
    min-height: auto;
  }

  .blur-inside {
    top: -110%;
  }

  .blur-inside.form {
    width: 32rem;
    height: 27rem;
    top: 40%;
    left: -20%;
  }

  .blur-inside.ppup {
    left: -30%;
  }

  .bg-full {
    height: 14rem;
  }

  .dark-wrap_pading-none {
    max-width: none;
    height: auto;
  }

  .step-item {
    padding-bottom: var(--size--32);
  }

  .form-media-wrap {
    padding: var(--size--24);
    border-radius: var(--size--32);
    order: -1;
    margin-bottom: 0;
  }

  .max_width-580px-mob-none {
    max-width: none;
  }

  .flex_v-40 {
    grid-column-gap: var(--size--24);
    grid-row-gap: var(--size--24);
  }

  .grid-2col-48px_border {
    border-left-style: none;
    justify-content: center;
    padding-left: 0;
  }

  .form-padding-wrap {
    border-top-left-radius: var(--size--12);
    border-top-right-radius: var(--size--12);
    background-color: #0000;
    margin-bottom: -1.5rem;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .form-padding-wrap.banner {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .property-card {
    min-width: 45%;
  }

  .slider {
    width: 92vw;
    margin-left: 0;
    margin-right: 0;
  }

  .slider_mask {
    margin-left: -.5rem;
    margin-right: -.5rem;
  }

  .slider_slide {
    margin-left: 0;
    margin-right: 0;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .slider_arrow-wrapper {
    display: none;
  }

  .img_property {
    height: 15rem;
  }

  .popup-form {
    grid-column-gap: var(--size--8);
    grid-row-gap: var(--size--8);
    flex-flow: column;
  }

  .footer_spacer {
    height: 5rem;
  }

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

  .icon-80px {
    width: 3rem;
    height: 3rem;
  }

  .flex-spaceb {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .flex-v-40 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .flex-v-40.center {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-style: solid none;
    border-top-width: .0625px;
    border-top-color: #f3f3f3;
    border-bottom-width: .0625px;
    border-bottom-color: #f3f3f3;
    padding: 1rem 0;
  }

  .btn-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
  }

  .container-main {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .text-size-26px {
    font-size: 1.5rem;
  }

  .logo-footer {
    z-index: 1;
    width: 12rem;
    position: relative;
  }

  .text-size_24px, .text-size_22px {
    font-size: var(--size--16);
  }

  .form-image {
    width: 100%;
    inset: 0%;
    overflow: hidden;
  }

  .form-image.form {
    width: 32rem;
    height: 27rem;
    top: 40%;
    left: -20%;
  }

  .form-image.ppup {
    left: -30%;
  }

  .dark-gradient {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .container, .container.large {
    max-width: 94vw;
  }

  .text_size-24 {
    font-size: var(--size--20);
  }

  .btn-cons {
    align-self: stretch;
  }

  .gradient-light {
    bottom: 30%;
  }

  .flex_v-32.max_width-420px-mob-none.spaceb {
    border-radius: .75rem;
    overflow: hidden;
  }

  .flex_v-32.form {
    border: 1px solid #ffffff17;
  }

  .max_width-800px {
    max-width: 30rem;
  }

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

  .form-img {
    display: none;
  }

  .form-wrap_popup {
    padding: var(--size--16);
    min-width: auto;
  }

  .text_size-16-14 {
    font-size: var(--size--14);
  }

  .landscape-hide {
    display: none;
  }

  .flex_v-24-stretch.mobile-h {
    grid-column-gap: var(--size--16);
    grid-row-gap: var(--size--16);
  }

  .grid-3col {
    grid-template-columns: 1fr;
  }

  .grid-3col.mob-horizontal {
    flex-flow: row;
    width: 100vw;
    margin-left: -3vw;
    margin-right: -3vw;
    padding-left: 3vw;
    padding-right: 3vw;
    display: flex;
    overflow: auto;
  }

  .grid-3col.cards {
    grid-column-gap: var(--size--8);
    grid-row-gap: var(--size--8);
    margin-left: -3vw;
    margin-right: -3vw;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .btn-map {
    flex: 1;
  }

  .desk-tablet_hide {
    display: flex;
  }

  .btn-close {
    width: 3rem;
    height: 3rem;
  }

  .nav-menu {
    top: 4rem;
    left: 3vw;
    right: 3vw;
  }

  .img_agent-popup {
    display: none;
    right: -5rem;
  }

  .text-size_32px {
    font-size: 1.75rem;
  }

  .logo-small {
    max-width: 5rem;
  }

  .card-media-wrap {
    height: 14rem;
  }

  .grid-2col-8px {
    grid-column-gap: var(--size--4);
    grid-row-gap: var(--size--4);
  }

  .btn-brochure {
    align-self: stretch;
  }

  .award-wrap {
    width: 4.375rem;
    height: 4.375rem;
  }

  .img_card {
    height: 70%;
  }

  .agent-avatar_wrap {
    width: 4.375rem;
    height: 4.375rem;
  }

  .card_review {
    width: 70vw;
  }

  .hero-item {
    grid-column-gap: var(--size--16);
    grid-row-gap: var(--size--16);
    flex-flow: row;
    align-items: center;
  }

  .dark-content-wrap {
    grid-column-gap: var(--size--32);
    grid-row-gap: var(--size--32);
  }

  .dark-content-wrap.form {
    margin-left: -3vw;
    margin-right: -3vw;
    padding-top: 1rem;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .dark-content-wrap.new {
    background-color: #0000;
  }

  .flex_h-32 {
    grid-column-gap: var(--size--16);
    grid-row-gap: var(--size--16);
  }

  .flex_h-32.all {
    grid-column-gap: var(--size--32);
    grid-row-gap: var(--size--32);
  }

  .brand-img {
    width: 3.125rem;
    max-height: 2.5rem;
  }

  .wrapper_white-opacity {
    border-left-width: 0;
    border-right-width: 0;
    grid-template-columns: 1fr;
    min-height: 41rem;
  }

  .wrapper_paddding-32px {
    padding: var(--size--24);
    grid-column-gap: var(--size--24);
    grid-row-gap: var(--size--24);
    min-height: 10.6rem;
  }

  .wrapper_paddding-32px.border-left {
    border-bottom: 1px solid #ffffff17;
    border-right-style: none;
  }

  .graph-img {
    max-height: 24rem;
    margin-bottom: -1.5rem;
    display: none;
    position: relative;
    top: 0%;
  }

  .wrap-blue-24px {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex: none;
    width: 50vw;
  }

  .wrap-padding-24px {
    flex: none;
    width: 50vw;
  }

  .wrap-padding-24px.gold, .wrap-padding-24px.blue, .wrap-padding-24px.min-h-20rem {
    width: auto;
  }

  .grid-img {
    flex: none;
    align-self: stretch;
    width: 50vw;
    height: 28rem;
    min-height: 25rem;
    display: none;
    overflow: clip;
  }

  .blur-inside.form {
    width: 35rem;
    height: 29rem;
    top: 40%;
    left: -40%;
  }

  .bg-full {
    top: 9%;
  }

  .step-item {
    grid-column-gap: var(--size--32);
    grid-row-gap: var(--size--32);
    flex-flow: column;
    display: flex;
  }

  .bg-section-left {
    top: 9%;
  }

  .property-card {
    width: 100%;
    min-width: 80%;
  }

  .slider {
    width: 94vw;
  }

  .slider_mask {
    margin-left: auto;
    margin-right: auto;
  }

  .slider_slide {
    max-width: 94vw;
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .footer.buttom {
    position: static;
  }

  .spacer-120 {
    height: 5rem;
  }

  .icon-80px {
    width: 3rem;
    height: 3rem;
  }

  .flex-h-16 {
    font-size: 1.75rem;
  }

  .flex-spaceb {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .section-2.succes-page {
    height: auto;
  }

  .icon-wrap-blue-large {
    width: 4rem;
    height: 4rem;
  }

  .btn-link {
    width: 100%;
  }

  .text-size-26px {
    font-size: 1.125rem;
  }

  .form-image.form {
    width: 35rem;
    height: 29rem;
    top: 40%;
    left: -40%;
  }
}

@media screen and (max-width: 479px) {
  .btn-cons {
    align-self: stretch;
  }

  .card-item {
    min-width: 70vw;
  }

  .grid-3col.logos {
    grid-column-gap: var(--size--24);
    grid-row-gap: var(--size--24);
  }

  .btn, .btn-map {
    align-self: stretch;
  }

  .grid-2col-32px {
    grid-column-gap: var(--size--24);
    grid-row-gap: var(--size--24);
  }

  .btn-wrapper {
    flex-flow: column;
  }

  .btn-brochure {
    align-self: stretch;
  }

  .flex_h-24.wrap {
    width: 90%;
  }

  .hero-content-wrap {
    background-image: radial-gradient(circle, #427c9400, #b7e3fc14), linear-gradient(225deg, #27abe214, #27abe200);
  }

  .hero-item {
    padding-right: var(--size--16);
    padding-left: var(--size--16);
  }

  .flex_h-32 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .wrapper_white-opacity {
    min-height: 45rem;
  }

  .graph-img {
    min-width: 101vw;
    max-height: 20rem;
    margin-left: -3vw;
    margin-right: -3vw;
    left: -3vw;
  }

  .wrap-blue-24px, .wrap-padding-24px, .grid-img {
    width: 72vw;
  }

  .blur-inside {
    top: -90%;
    left: -40%;
  }

  .blur-inside.form {
    height: 33rem;
  }

  .full-size-img {
    height: 18rem;
  }

  .grid-2col-48px_border {
    grid-column-gap: var(--size--24);
    grid-row-gap: var(--size--24);
  }

  .footer {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }

  .footer.buttom {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .spacer-120 {
    height: 5rem;
  }

  .icon-80px {
    width: 2rem;
    height: 2rem;
  }

  .flex-v-24-center {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .flex-h-16 {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .text-color-grey-2, .flex-v-40 {
    text-align: center;
  }

  .flex-v-40.center {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .h1-submit {
    font-size: 2rem;
  }

  .btn-link {
    margin-top: 1rem;
  }

  .icon-40px {
    justify-content: center;
    align-items: center;
  }

  .text-size-26px.text-color-grey-2.text-center {
    font-size: 1rem;
  }

  .logo-footer.submit {
    display: none;
  }

  .form-image.form {
    height: 33rem;
  }
}

#w-node-d04619f5-6c96-fd94-ec0d-1b2b86541378-206f9427, #w-node-d04619f5-6c96-fd94-ec0d-1b2b86541382-206f9427, #w-node-d04619f5-6c96-fd94-ec0d-1b2b86541383-206f9427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d04619f5-6c96-fd94-ec0d-1b2b86541384-206f9427 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-d04619f5-6c96-fd94-ec0d-1b2b86541385-206f9427 {
  order: 9999;
  align-self: auto;
}

#w-node-fdd3ef9d-7cd7-db25-5194-38ae624bdf3d-206f9427 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fdd3ef9d-7cd7-db25-5194-38ae624bdf47-206f9427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d3342b1c-b01b-3825-18f0-2cf2a9257e55-206f9427 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d3342b1c-b01b-3825-18f0-2cf2a9257e75-206f9427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a6dfb82a-9a5d-2dea-0bbe-5496dcd616ae-206f9427 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a6dfb82a-9a5d-2dea-0bbe-5496dcd616ce-206f9427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8854c8f3-d040-eaca-a882-8402c5f1d746-206f9427 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8854c8f3-d040-eaca-a882-8402c5f1d762-206f9427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_022aad7f-002b-74d3-a1a2-58f37b15f967-206f9427 {
  align-self: stretch;
}

#w-node-_022aad7f-002b-74d3-a1a2-58f37b15f978-206f9427 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_022aad7f-002b-74d3-a1a2-58f37b15f994-206f9427, #w-node-ef135455-4242-0f58-b2ad-0fc0542bd06d-206f9427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb43bd77-da16-9b04-5ac4-e8a84f50b2b3-206f9427 {
  justify-self: end;
}

#w-node-_217b6dc2-1419-5fa3-ad53-02a1b8e0b1e2-206f9427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_217b6dc2-1419-5fa3-ad53-02a1b8e0b1e4-206f9427 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_217b6dc2-1419-5fa3-ad53-02a1b8e0b1e5-206f9427 {
  order: 9999;
  align-self: auto;
}

#w-node-b373f85b-5de1-b4fa-0c8e-ca5953fd8a5b-206f9427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_67ae43bf-6277-d9de-ddaa-306def6260c3-206f9427 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_64cf19ae-2358-d862-82e4-e295101f0a69-206f9427, #w-node-_64cf19ae-2358-d862-82e4-e295101f0a6e-206f9427, #w-node-_64cf19ae-2358-d862-82e4-e295101f0a73-206f9427, #w-node-_64cf19ae-2358-d862-82e4-e295101f0a78-206f9427, #w-node-_64cf19ae-2358-d862-82e4-e295101f0a7d-206f9427, #w-node-_64cf19ae-2358-d862-82e4-e295101f0a82-206f9427 {
  align-self: start;
}

#w-node-b7e057ab-3679-3b03-b9dc-aca94060f37a-206f9427, #w-node-_01d315db-618b-ad0f-b93a-bcb1088ef5c4-206f9427, #w-node-_01d315db-618b-ad0f-b93a-bcb1088ef5c5-206f9427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b14f0e18-9fdc-eac2-f4ee-116587487579-206f9427 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_01d315db-618b-ad0f-b93a-bcb1088ef5c7-206f9427 {
  order: 9999;
  align-self: auto;
}

#w-node-_30dadfe2-92f9-3e18-2af4-fea13b4cdca8-9d293157 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30dadfe2-92f9-3e18-2af4-fea13b4cdcaa-9d293157 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_30dadfe2-92f9-3e18-2af4-fea13b4cdcab-9d293157 {
  order: 9999;
  align-self: auto;
}

#w-node-c6f01832-0eae-a6e8-4705-916bb7183e47-4081c7ee, #w-node-c6f01832-0eae-a6e8-4705-916bb7183e51-4081c7ee, #w-node-c6f01832-0eae-a6e8-4705-916bb7183e52-4081c7ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6f01832-0eae-a6e8-4705-916bb7183e53-4081c7ee {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c6f01832-0eae-a6e8-4705-916bb7183e54-4081c7ee {
  order: 9999;
  align-self: auto;
}

#w-node-fdd3ef9d-7cd7-db25-5194-38ae624bdf3d-4081c7ee, #w-node-d3342b1c-b01b-3825-18f0-2cf2a9257e55-4081c7ee {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d3342b1c-b01b-3825-18f0-2cf2a9257e75-4081c7ee, #w-node-a6dfb82a-9a5d-2dea-0bbe-5496dcd61693-4081c7ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a6dfb82a-9a5d-2dea-0bbe-5496dcd616ae-4081c7ee {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a6dfb82a-9a5d-2dea-0bbe-5496dcd616ce-4081c7ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8854c8f3-d040-eaca-a882-8402c5f1d746-4081c7ee {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8854c8f3-d040-eaca-a882-8402c5f1d762-4081c7ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_022aad7f-002b-74d3-a1a2-58f37b15f967-4081c7ee {
  align-self: stretch;
}

#w-node-_022aad7f-002b-74d3-a1a2-58f37b15f978-4081c7ee {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_022aad7f-002b-74d3-a1a2-58f37b15f994-4081c7ee, #w-node-ef135455-4242-0f58-b2ad-0fc0542bd06d-4081c7ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb43bd77-da16-9b04-5ac4-e8a84f50b2b3-4081c7ee {
  justify-self: end;
}

#w-node-_217b6dc2-1419-5fa3-ad53-02a1b8e0b1e2-4081c7ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_217b6dc2-1419-5fa3-ad53-02a1b8e0b1e4-4081c7ee {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_217b6dc2-1419-5fa3-ad53-02a1b8e0b1e5-4081c7ee {
  order: 9999;
  align-self: auto;
}

#w-node-b373f85b-5de1-b4fa-0c8e-ca5953fd8a5b-4081c7ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_67ae43bf-6277-d9de-ddaa-306def6260c3-4081c7ee {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_64cf19ae-2358-d862-82e4-e295101f0a69-4081c7ee, #w-node-_64cf19ae-2358-d862-82e4-e295101f0a6e-4081c7ee, #w-node-_64cf19ae-2358-d862-82e4-e295101f0a73-4081c7ee, #w-node-_64cf19ae-2358-d862-82e4-e295101f0a78-4081c7ee, #w-node-_64cf19ae-2358-d862-82e4-e295101f0a7d-4081c7ee, #w-node-_64cf19ae-2358-d862-82e4-e295101f0a82-4081c7ee {
  align-self: start;
}

#w-node-b7e057ab-3679-3b03-b9dc-aca94060f37a-4081c7ee, #w-node-_01d315db-618b-ad0f-b93a-bcb1088ef5c4-4081c7ee, #w-node-_01d315db-618b-ad0f-b93a-bcb1088ef5c5-4081c7ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b14f0e18-9fdc-eac2-f4ee-116587487579-4081c7ee {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_01d315db-618b-ad0f-b93a-bcb1088ef5c7-4081c7ee {
  order: 9999;
  align-self: auto;
}

#w-node-b0e61682-135b-78e4-16d2-5f3eeea170e8-06c63c1e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b0e61682-135b-78e4-16d2-5f3eeea170ea-06c63c1e {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-b0e61682-135b-78e4-16d2-5f3eeea170eb-06c63c1e {
  order: 9999;
  align-self: auto;
}

@media screen and (max-width: 991px) {
  #w-node-_4b469ea2-5295-b13e-f4df-51d1e6e35952-206f9427, #w-node-_4b469ea2-5295-b13e-f4df-51d1e6e35952-4081c7ee {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d04619f5-6c96-fd94-ec0d-1b2b86541381-206f9427, #w-node-d04619f5-6c96-fd94-ec0d-1b2b86541385-206f9427, #w-node-cfa9f22c-f091-4e91-4f90-eb7fa2085fc4-206f9427, #w-node-_217b6dc2-1419-5fa3-ad53-02a1b8e0b1e1-206f9427, #w-node-_217b6dc2-1419-5fa3-ad53-02a1b8e0b1e5-206f9427, #w-node-_3daa2512-ee93-9509-6a30-f562017b1136-206f9427, #w-node-_01d315db-618b-ad0f-b93a-bcb1088ef5c7-206f9427, #w-node-_30dadfe2-92f9-3e18-2af4-fea13b4cdca7-9d293157, #w-node-_30dadfe2-92f9-3e18-2af4-fea13b4cdcab-9d293157, #w-node-c6f01832-0eae-a6e8-4705-916bb7183e50-4081c7ee, #w-node-c6f01832-0eae-a6e8-4705-916bb7183e54-4081c7ee, #w-node-cfa9f22c-f091-4e91-4f90-eb7fa2085fc4-4081c7ee, #w-node-_217b6dc2-1419-5fa3-ad53-02a1b8e0b1e1-4081c7ee, #w-node-_217b6dc2-1419-5fa3-ad53-02a1b8e0b1e5-4081c7ee, #w-node-_3daa2512-ee93-9509-6a30-f562017b1136-4081c7ee, #w-node-_01d315db-618b-ad0f-b93a-bcb1088ef5c7-4081c7ee, #w-node-b0e61682-135b-78e4-16d2-5f3eeea170e7-06c63c1e, #w-node-b0e61682-135b-78e4-16d2-5f3eeea170eb-06c63c1e {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-fdd3ef9d-7cd7-db25-5194-38ae624bdf23-206f9427, #w-node-_8854c8f3-d040-eaca-a882-8402c5f1d735-206f9427, #w-node-fdd3ef9d-7cd7-db25-5194-38ae624bdf23-4081c7ee, #w-node-_8854c8f3-d040-eaca-a882-8402c5f1d735-4081c7ee {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Notosansarabic';
  src: url('../fonts/NotoSansArabic-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosansarabic';
  src: url('../fonts/NotoSansArabic-ExtraBold.ttf') format('truetype'), url('../fonts/NotoSansArabic-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosansarabic';
  src: url('../fonts/NotoSansArabic-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosansarabic';
  src: url('../fonts/NotoSansArabic-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosansarabic';
  src: url('../fonts/NotoSansArabic-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosansarabic';
  src: url('../fonts/NotoSansArabic-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosansarabic';
  src: url('../fonts/NotoSansArabic-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosansarabic';
  src: url('../fonts/NotoSansArabic-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf Pro Display';
  src: url('../fonts/SF-Pro-Display-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf Pro Display';
  src: url('../fonts/SF-Pro-Display-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf Pro Display';
  src: url('../fonts/SF-Pro-Display-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf Pro Display';
  src: url('../fonts/SF-Pro-Display-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}