:root {
  --color--mid-gray: #464646;
  --text--14px: .875rem;
  --white: white;
  --color--primary: #bb977c;
  --color--base: #8f8f8f;
  --text--h2-35px: 2.25rem;
  --text-mob--h2-23px: 1.438rem;
  --color--deep: #61b1e8;
  --color--white: white;
  --size--70px: 4.375rem;
  --size--35px: 2.188rem;
  --color--primary-light: #01cde5;
  --color--btn: #02b6e5;
  --color--secondary-light: #e7f0f5;
  --color--secondary: #6fa3c0;
  --color--light-gray: #f2f0ef;
  --size--15px: .9375rem;
  --text--h1-50px: 3.125rem;
  --text-mob--h1-30px: 1.875rem;
  --size--20px: 1.5625rem;
  --size--10px: .625rem;
  --size--30px: 1.875rem;
  --size--5px: .3125rem;
  --size--25px: 1.5rem;
  --text--12px: .75rem;
  --text--18px: 1.125rem;
  --size--40px: 2.5rem;
  --text--title-25px: 1.5625rem;
  --text-mob--title-18px: 1.125rem;
  --size--60px: 3.75rem;
  --size--50px: 3.125rem;
  --color--deep-blue\<deleted\|variable-5b029ba1-b477-5057-da97-1c64214f5f35\>: #61b1e8;
  --text--16px: 1rem;
  --black: black;
}

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

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

body {
  color: var(--color--mid-gray);
  background-color: #f2f0ef;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

h1 {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Shango, sans-serif;
  font-size: 4.375rem;
  font-weight: 400;
  line-height: 110%;
}

h2 {
  color: var(--color--mid-gray);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Shango, sans-serif;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Shango, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 120%;
}

p {
  margin-bottom: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  margin-top: 0;
  padding-left: 40px;
}

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

li {
  color: #00aee6;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 6px 10px;
  font-size: .75rem;
  font-weight: 500;
}

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

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.u-bg-primary {
  background-color: var(--color--primary);
}

.styles__card {
  background-color: #0073e61a;
  border: 1px solid #0073e6;
  border-radius: 8px;
  overflow: hidden;
}

.h2 {
  color: var(--color--base);
  font-size: var(--text--h2-35px);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

.h2.u-text-secondary_light {
  z-index: 2;
  position: relative;
}

.h2.u-text-deep_blue {
  color: var(--color--deep);
}

.styles__card-preview {
  text-align: center;
  border-bottom: 1px solid #1d1c1a;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 120px;
  display: flex;
  position: relative;
}

.row {
  flex-wrap: wrap;
  align-content: stretch;
  margin-bottom: -40px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.styles__selector-callout {
  color: #fff;
  background-color: #0073e6;
  border-radius: 3px;
  margin-top: .1em;
  margin-bottom: .1em;
  margin-right: .2em;
  padding: .08em .6em;
  font-family: Inconsolata, monospace;
  font-size: .8rem;
  line-height: 1.7;
  display: inline-block;
  position: relative;
  top: -1px;
}

.u-mb-0 {
  margin-bottom: 0;
}

.card-body {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  position: relative;
}

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

.container {
  width: 90%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.col {
  flex: 1;
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.col.col-lg-4 {
  flex-basis: 33.33%;
  max-width: 33.3333%;
}

.styles__section-label {
  letter-spacing: 0;
  text-transform: none;
  border-bottom: 2px dotted #888680;
  margin-top: 6rem;
  margin-bottom: 2rem;
  padding-bottom: 8px;
}

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

.u-mb-1 {
  margin-bottom: 1em;
}

.section {
  padding-top: var(--size--70px);
  padding-bottom: var(--size--70px);
  position: relative;
}

.section.bg-blue {
  background-color: #edf7ff;
}

.section.bg-blue.rr {
  margin-top: 546px;
}

.u-bg-primary-light {
  background-color: var(--color--primary-light);
}

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

.u-bg-sec-light {
  background-color: var(--color--secondary-light);
}

.u-bg-secondary {
  background-color: var(--color--secondary);
}

.u-bg-light_gray {
  background-color: var(--color--light-gray);
}

.u-text-secondary {
  color: var(--color--mid-gray);
}

.u-text-secondary_dark {
  color: var(--color--secondary);
}

.u-text-secondary_light {
  color: var(--color--light-gray);
}

.page-wrap.margin-top_negative-10rem {
  background-color: var(--color--light-gray);
  position: relative;
}

.h1 {
  color: var(--color--base);
  font-size: var(--text--h1-50px);
  font-weight: 700;
  line-height: 110%;
}

.h1.color-white {
  color: var(--color--light-gray);
}

.max-w-600px {
  max-width: 37.5rem;
}

.spaceb-h-desc-flex-v-mob {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  justify-content: space-between;
  display: flex;
}

.flex-h-10px {
  grid-column-gap: var(--size--10px);
  grid-row-gap: var(--size--10px);
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.flex-h-10px.hidden {
  display: none;
}

.flex-h-10px.margin-bottom-32, .flex-h-10px.margin-bottom-32-copy, .flex-h-10px.catalog-banner-wrap {
  margin-bottom: 2rem;
}

.btn-primary {
  padding: var(--size--15px);
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  border-radius: var(--size--10px);
  background-image: linear-gradient(to bottom, var(--color--primary-light), var(--color--primary));
  color: var(--color--light-gray);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 13.75rem;
  min-height: 11.875rem;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 120%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.max-w-60 {
  z-index: 1;
  max-width: 60%;
  margin-bottom: 0;
  position: relative;
}

.tag {
  grid-column-gap: var(--size--5px);
  grid-row-gap: var(--size--5px);
  border-radius: var(--size--5px);
  background-color: var(--color--light-gray);
  color: var(--color--secondary);
  flex-direction: row;
  align-items: center;
  padding: .125rem .5rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  overflow: hidden;
}

.tag.round {
  border-radius: var(--size--30px);
  background-color: var(--color--secondary-light);
  color: var(--color--deep);
}

.tag.big-with_icon {
  padding: var(--size--5px) var(--size--10px);
  background-color: var(--color--secondary-light);
  color: #6fa3c0;
  font-size: var(--text--14px);
}

.tag.mob_display-none {
  z-index: 1;
  position: relative;
}

.tag.blue-text-bold {
  padding: var(--size--5px) var(--size--10px);
  color: var(--color--primary);
  text-transform: uppercase;
  font-weight: 700;
}

.point {
  border-radius: var(--size--10px);
  background-color: var(--color--secondary);
  flex: 0 auto;
  width: .438rem;
  height: .438rem;
}

.btn-secondary {
  padding: var(--size--15px);
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  border-radius: var(--size--10px);
  background-color: var(--color--secondary-light);
  color: var(--color--secondary);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 13.75rem;
  min-height: 11.875rem;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 120%;
  transition: color .4s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon-wrap-30px {
  width: 1.875rem;
  height: 1.875rem;
}

.icon-wrap-30px.mob_display-none {
  z-index: 1;
  position: relative;
}

.flex-v-48px {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  align-items: stretch;
}

.flex-h-48px-center {
  z-index: 10;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.flex-v-15px {
  grid-column-gap: var(--size--15px);
  grid-row-gap: var(--size--15px);
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.flex-v-15px.max-w-176px {
  max-width: 16.25rem;
}

.flex-v-15px.max-w-176px.mob_display-none {
  grid-column-gap: var(--size--10px);
  grid-row-gap: var(--size--10px);
}

.text-small-14px {
  color: var(--color--base);
  font-size: var(--text--14px);
  font-weight: 400;
  line-height: 150%;
}

.text-small-14px.u-text-secondary_light {
  z-index: 2;
  color: var(--color--secondary-light);
  position: relative;
}

.text-small-14px.u-text-primary {
  color: var(--color--base);
}

.text-small-14px.color-deep_blue {
  z-index: 2;
  color: #e6eaea;
  position: relative;
}

.text-small-14px.text-color-black {
  color: #222;
  line-height: 130%;
}

.text-small-14px.text-color-blue {
  color: #1eade5;
  font-weight: 600;
}

.text-small-14px.text-color-grey {
  color: var(--color--base);
}

.text-small-14px.text-color-grey.dark {
  color: #6d6e70;
}

.text-small-14px.footer-link {
  color: var(--color--light-gray);
  transition: color .3s;
}

.text-small-14px.footer-link:hover {
  color: var(--white);
}

.text-small-14px.footer-link.dark {
  color: #6d6e70;
}

.text-small-14px.is--cons {
  color: var(--color--primary);
  cursor: pointer;
}

.text-small-14px.location_point-text {
  color: var(--color--base);
  line-height: 130%;
}

.text-small-14px.location_point-text.dark {
  color: #6d6e70;
}

.text-large {
  font-size: var(--text--18px);
  line-height: 140%;
}

.text-large.bold {
  font-weight: 700;
}

.flex-h-5px {
  grid-column-gap: var(--size--5px);
  grid-row-gap: var(--size--5px);
  align-items: center;
  display: flex;
}

.icon-wrap-16px {
  justify-content: center;
  align-items: stretch;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.logo-140px {
  width: 8.75rem;
  height: 2.25rem;
  display: flex;
}

.media-wrap-large {
  border-radius: var(--size--30px);
  background-color: var(--color--light-gray);
  height: 42rem;
  position: relative;
  overflow: hidden;
}

.media-wrap-large.large {
  background-color: #0000;
}

.tabs-content {
  width: 100%;
  display: flex;
}

.tabs-menu {
  z-index: 10;
  border-radius: var(--size--25px);
  background-color: #e6eaea;
  padding: .125rem;
  display: flex;
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  overflow: hidden;
}

.tabs-menu.ar {
  left: auto;
  right: 1.25rem;
}

.tab-link {
  border-radius: var(--size--25px);
  color: var(--color--mid-gray);
  font-size: var(--text--12px);
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  padding: .75rem;
  line-height: 110%;
  display: flex;
}

.tab-link.w--current {
  background-color: var(--color--white);
  color: var(--color--base);
  font-weight: 700;
}

.tab-pane {
  flex: 0 auto;
  width: 100%;
  height: 42rem;
}

.tab-pane.is--map2 {
  height: 49.9rem;
}

.image-cover {
  object-fit: cover;
  object-position: 50% 50%;
}

.image-cover.bottom {
  object-position: 50% 100%;
}

.flex-v-70px {
  grid-column-gap: var(--size--70px);
  grid-row-gap: var(--size--70px);
  align-items: stretch;
}

.caps {
  text-transform: uppercase;
}

.max-w-420px {
  max-width: 26.25rem;
}

.max-w-420px.margin-top-auto {
  margin-bottom: 0;
}

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

.flex-v-spaceb.full-w {
  align-items: stretch;
}

.flex-v-spaceb.max-w-400 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-start;
  max-width: 16rem;
}

.flex-v-40px {
  grid-column-gap: var(--size--40px);
  grid-row-gap: var(--size--40px);
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.btn-whis_icon {
  padding: var(--size--10px) var(--size--10px) var(--size--10px) var(--size--20px);
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  border-radius: var(--size--10px);
  background-color: var(--color--btn);
  color: var(--color--white);
  justify-content: center;
  align-items: center;
  font-weight: 700;
  line-height: 120%;
  display: flex;
}

.icon-wrap-35px {
  width: var(--size--35px);
  height: var(--size--35px);
}

.text-primary {
  font-size: var(--text--14px);
  font-weight: 700;
}

.margin-top-25px {
  margin-top: var(--size--25px);
}

.align-h-top {
  align-items: flex-start;
  display: flex;
}

.align-h-center {
  align-items: center;
  display: flex;
}

.flex-v-5px {
  grid-column-gap: var(--size--5px);
  grid-row-gap: var(--size--5px);
  flex-direction: column;
  display: flex;
}

.text-title {
  color: var(--color--base);
  font-size: var(--text--title-25px);
  font-weight: 700;
  line-height: 140%;
}

.grid-4col-2-left-big {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  grid-template-rows: min-content;
  grid-template-columns: 1.5fr 1.5fr .75fr .75fr;
  grid-auto-rows: min-content;
}

.card-minimal-wrap {
  padding: var(--size--25px);
  grid-column-gap: var(--size--10px);
  grid-row-gap: var(--size--10px);
  border-radius: var(--size--15px);
  background-color: var(--color--secondary-light);
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  min-height: 25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-absolu {
  z-index: 0;
  object-fit: cover;
  position: absolute;
  inset: 0%;
}

.gradient-card {
  z-index: 1;
  background-image: linear-gradient(#0000, #00000080);
  position: absolute;
  inset: 0%;
}

.card-info-wrap {
  padding: var(--size--20px);
  grid-column-gap: var(--size--60px);
  grid-row-gap: var(--size--60px);
  border-radius: var(--size--15px);
  background-color: var(--color--secondary-light);
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.flex-v-10px {
  grid-column-gap: var(--size--10px);
  grid-row-gap: var(--size--10px);
  flex-direction: column;
  display: flex;
}

.flex-v-10px.max-w-400px {
  max-width: 25rem;
}

.icon-wrap-50px {
  width: 3.125rem;
  height: 3.125rem;
}

.icon-wrap-70px {
  width: var(--size--70px);
  height: var(--size--70px);
}

.image-contain {
  object-fit: contain;
}

.wrap-100 {
  width: 100%;
  height: 100%;
}

.flex-v-30px {
  grid-column-gap: var(--size--30px);
  grid-row-gap: var(--size--30px);
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.flex-h-15px-center {
  grid-column-gap: var(--size--10px);
  grid-row-gap: var(--size--10px);
  align-items: center;
  display: flex;
}

.icon-wrap-40px {
  z-index: 1;
  width: var(--size--40px);
  height: var(--size--40px);
  position: relative;
}

.text-bold {
  color: var(--color--secondary);
  font-weight: 700;
  line-height: 120%;
}

.justify-center {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.tag-wrapper-absolu {
  position: absolute;
  inset: 1.5625rem auto auto 1.5625rem;
}

.tag-dark {
  padding: var(--size--5px) var(--size--15px);
  grid-column-gap: var(--size--5px);
  grid-row-gap: var(--size--5px);
  border-radius: var(--size--5px);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #f4f9f9;
  background-color: #34343480;
  flex-direction: row;
  align-items: center;
  font-size: .75rem;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  overflow: hidden;
}

.tag-dark.with-icon {
  padding-right: var(--size--10px);
  padding-left: var(--size--10px);
}

.v-line {
  background-color: var(--color--secondary);
  opacity: .3;
  flex-direction: column;
  width: 1px;
  height: 100%;
  min-height: 2.5rem;
  display: flex;
}

.v-line.white {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--color--light-gray);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  height: auto;
  display: flex;
}

.flex-v-20px {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.max-w-640px {
  max-width: 40rem;
}

.info-small {
  padding: var(--size--20px);
  grid-column-gap: var(--size--35px);
  grid-row-gap: var(--size--35px);
  border-radius: var(--size--15px);
  background-color: var(--color--secondary-light);
  color: var(--color--base);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.grid-3col-40-60px {
  grid-column-gap: var(--size--40px);
  grid-row-gap: 3.75rem;
  grid-template-columns: 1fr 1fr 1fr;
}

.logo-190px {
  height: var(--size--40px);
  width: 11.875rem;
  display: flex;
}

.card-projects-wrap {
  border-radius: var(--size--10px);
  background-color: var(--color--secondary-light);
  flex: 1;
  position: relative;
  overflow: hidden;
}

.card-image-wrap {
  height: 15.625rem;
}

.card-project-info {
  padding: var(--size--20px);
  grid-column-gap: var(--size--5px);
  grid-row-gap: var(--size--5px);
  border-radius: var(--size--15px);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.tag-wrapper-absolu-card {
  grid-column-gap: var(--size--5px);
  grid-row-gap: var(--size--5px);
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 23.75rem;
  display: flex;
  position: absolute;
  inset: 1.25rem auto auto 1.25rem;
}

.tag-wrapper-absolu-card.invers {
  justify-content: flex-end;
  left: auto;
  right: 1.25rem;
}

.tag-wrapper-absolu-card.ar {
  left: auto;
  right: 1.25rem;
}

.content-wrapper-bg_-brand_light {
  padding: var(--size--30px);
  grid-column-gap: var(--size--25px);
  grid-row-gap: var(--size--25px);
  border-radius: var(--size--15px);
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: static;
}

.input-select {
  color: var(--color--mid-gray);
  background-color: #0000;
  border: 1px #000;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.text-input {
  padding: var(--size--15px);
  border-radius: var(--size--30px);
  color: #6d6e70;
  background-color: #fff;
  border: 1px #000;
  justify-content: flex-start;
  align-items: center;
  height: 3.375rem;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  display: flex;
}

.text-input.hidden {
  display: none;
}

.text-input.is--quiz {
  width: 15rem;
}

.text-input.u-bg-white {
  background-color: #f2f0ef;
}

.form {
  grid-column-gap: var(--size--10px);
  grid-row-gap: var(--size--10px);
  color: var(--color--base);
  font-size: var(--text--14px);
  text-align: left;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.form.horizontal {
  grid-column-gap: var(--size--10px);
  grid-row-gap: var(--size--10px);
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form.is--quiz {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.form.flex-h-10px {
  flex-direction: row;
  justify-content: center;
}

.input {
  padding: var(--size--15px);
  border-radius: var(--size--30px);
  background-color: #fff;
  border: 1px #d1d1d1;
  justify-content: flex-start;
  align-items: center;
  height: 3.375rem;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  display: flex;
  overflow: hidden;
}

.input.is--quiz {
  width: 15rem;
}

.input.u-bg-white {
  background-color: #f2f0ef;
}

.input.u-bg-white.ar {
  text-align: right;
}

.btn-brand_color {
  border-radius: var(--size--30px);
  background-color: var(--color--primary);
  color: var(--color--light-gray);
  text-align: center;
  padding: 1.3125rem 3.125rem;
  font-weight: 600;
  line-height: 130%;
  transition: background-color .5s cubic-bezier(.215, .61, .355, 1);
}

.btn-brand_color:hover {
  background-color: #ae8364;
}

.btn-brand_color.border {
  border: .125rem solid var(--color--primary);
  color: var(--color--primary);
  background-color: #0000;
  transition: color .5s cubic-bezier(.215, .61, .355, 1), background-color .5s cubic-bezier(.215, .61, .355, 1);
}

.btn-brand_color.border:hover {
  border-color: var(--color--primary-light);
  color: var(--color--primary-light);
}

.btn-brand_color.is--quiz {
  width: 15rem;
  margin-top: 0;
}

.btn-brand_color.ar {
  text-align: center;
  font-weight: 400;
}

.slide-nav {
  font-size: var(--size--10px);
}

.arrow {
  font-size: var(--size--25px);
}

.slider-wrap {
  background-color: var(--color--white);
  direction: ltr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.mask {
  flex: 1;
}

.hero {
  z-index: 0;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  display: flex;
  position: relative;
}

.margin-top_negative-10rem {
  margin-top: -10rem;
  display: block;
}

.btn-whatsapp {
  padding: var(--size--15px) var(--size--20px);
  grid-column-gap: var(--size--10px);
  grid-row-gap: var(--size--10px);
  border-radius: var(--size--10px);
  color: var(--color--white);
  cursor: pointer;
  background-color: #60d669;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  line-height: 170%;
  display: flex;
  position: absolute;
  inset: auto 3.75rem 3.125rem auto;
}

.icon-wrap-24px {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-telegram {
  padding: var(--size--15px) var(--size--20px);
  grid-column-gap: var(--size--10px);
  grid-row-gap: var(--size--10px);
  border-radius: var(--size--10px);
  color: var(--color--white);
  background-color: #61b1e8;
  justify-content: center;
  align-items: center;
  height: 3.375rem;
  font-weight: 700;
  line-height: 170%;
  display: flex;
}

.success-message {
  color: var(--color--light-gray);
  font-size: var(--text--18px);
  text-align: center;
  background-color: #0000;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 700;
  line-height: 150%;
}

.success-message.white {
  background-image: linear-gradient(to bottom, var(--color--light-gray), var(--color--light-gray));
  color: var(--color--primary);
}

.success-message.catalog-banner {
  height: auto;
}

.error-message {
  margin-top: var(--size--10px);
  padding: var(--size--10px);
  border-radius: var(--size--10px);
  color: #ff4545;
  text-align: center;
  align-self: stretch;
  font-weight: 700;
  line-height: 150%;
}

.margin-top-first-sec-desc {
  margin-top: -7.125rem;
  display: flex;
}

.image-form-absolu-left {
  object-fit: contain;
  object-position: 50% 100%;
  max-width: 40%;
  height: 90%;
  margin-right: -.5rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-form-absolu-left.mob_display-none.ar {
  transform-style: preserve-3d;
  left: 0%;
  right: auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.logo-form-absolu {
  height: var(--size--35px);
  width: 12.1875rem;
  display: flex;
  position: absolute;
  inset: 1.875rem 1.875rem auto auto;
}

.logo-form-absolu.mob_display-none.ar {
  left: 1.875rem;
  right: auto;
}

.flex-v-30px-full-w {
  grid-column-gap: var(--size--30px);
  grid-row-gap: var(--size--30px);
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

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

.media-wrap-small {
  border-radius: var(--size--20px);
  background-color: var(--color--light-gray);
  height: 25rem;
  position: relative;
  overflow: hidden;
}

.content-wrap {
  padding: var(--size--25px) var(--size--25px) var(--size--25px) var(--size--20px);
  grid-column-gap: var(--size--35px);
  grid-row-gap: var(--size--35px);
  border-radius: var(--size--20px);
  background-color: var(--color--secondary-light);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.grid-2col {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  grid-template-rows: minmax(30rem, 1fr);
}

.form-wrapper-bg_none {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  text-align: center;
  background-color: #f2f0ef;
  border-radius: .625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2.5rem;
  display: flex;
  position: relative;
}

.form-wrapper-bg_none.bg-dark {
  background-color: var(--color--mid-gray);
}

.image-form-absolu-right {
  object-fit: contain;
  object-position: 50% 100%;
  max-width: 80%;
  height: 90%;
  position: absolute;
  inset: auto -13% 0% auto;
}

.image-form-absolu-right.ar {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-form-absolu-right.is--popup {
  max-width: 60%;
}

.flex-v-spaceb-absolu-left {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  max-width: 12.5rem;
  display: flex;
  position: absolute;
  inset: 1.5625rem 1.5625rem 1.5625rem auto;
}

.align-h-stretch {
  align-items: stretch;
  display: flex;
}

.text-regular-14 {
  font-size: .875rem;
  font-weight: 400;
  line-height: 150%;
}

.text-regular-14.text-color-grey {
  color: #8f8f8f;
}

.image-full-absolu {
  object-fit: contain;
  border-radius: 10px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.map-block-wrap {
  padding: var(--size--20px);
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block {
  flex: 1;
}

.cont-wrap-gradient {
  padding: var(--size--25px);
  grid-column-gap: var(--size--35px);
  grid-row-gap: var(--size--35px);
  border-radius: var(--size--20px);
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--color--primary-light), var(--color--primary));
  color: var(--color--light-gray);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.btn-white {
  padding: var(--size--15px) var(--size--20px);
  border-radius: var(--size--10px);
  background-color: var(--color--light-gray);
  color: var(--color--btn);
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 3.375rem;
  font-weight: 700;
  display: flex;
}

.grid-3col-r-max-420px {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 26.25rem;
}

.cont-wrap-white-s {
  padding: var(--size--15px);
  grid-column-gap: var(--size--15px);
  grid-row-gap: var(--size--15px);
  border-radius: var(--size--10px);
  background-color: var(--color--white);
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}

.grid-4col {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.text-title-small {
  color: var(--color--base);
  font-size: var(--size--20px);
  font-weight: 700;
  line-height: 140%;
}

.opacity-50 {
  opacity: .5;
}

.ellipse {
  width: var(--size--20px);
  height: var(--size--20px);
  background-color: #ffffff80;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ellipse.inside {
  width: var(--size--10px);
  height: var(--size--10px);
  opacity: 1;
  background-color: #fff;
}

.v-line-absolu {
  margin-top: var(--size--10px);
  margin-bottom: var(--size--10px);
  margin-left: var(--size--10px);
  opacity: .3;
  background-color: #f4f9f933;
  flex-direction: column;
  width: 1px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.u-text-deep_blue {
  color: var(--color--deep-blue\<deleted\|variable-5b029ba1-b477-5057-da97-1c64214f5f35\>);
}

.form-horiz-blue {
  padding: var(--size--25px);
  grid-column-gap: var(--size--35px);
  grid-row-gap: var(--size--35px);
  border-radius: var(--size--15px);
  background-color: #0000;
  background-image: linear-gradient(175deg, var(--color--primary-light), var(--color--primary));
  color: var(--color--light-gray);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.text-input-border {
  padding: var(--size--15px);
  border-radius: var(--size--10px);
  color: var(--color--light-gray);
  background-color: #0000;
  border: 1px solid #fff;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  height: 3.375rem;
  margin-bottom: 0;
  display: flex;
}

.text-input-border:focus {
  border-color: var(--color--white);
  color: var(--color--light-gray);
  background-color: #ffffff1a;
}

.text-input-border::placeholder {
  color: #ffffff80;
}

.btn-small {
  padding: var(--size--10px) var(--size--25px);
  border-radius: var(--size--10px);
  background-color: var(--color--btn);
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  transition: background-color .5s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.btn-small:hover {
  background-color: var(--color--primary-light);
}

.foooter-wrapper {
  grid-column-gap: var(--size--40px);
  grid-row-gap: var(--size--40px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.flex-h-60px {
  z-index: 10;
  grid-column-gap: var(--size--60px);
  grid-row-gap: var(--size--60px);
  flex-direction: row;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.footer {
  padding-top: var(--size--70px);
  padding-bottom: var(--size--60px);
  position: relative;
}

.footer.bg-blue {
  background-color: #464646;
}

.flex-v-60px {
  grid-column-gap: var(--size--60px);
  grid-row-gap: var(--size--60px);
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.tab-pane-floor_plan {
  padding: var(--size--30px);
  border-radius: var(--size--30px);
  background-color: var(--color--white);
  flex: 0 auto;
  width: 100%;
  height: 31.25rem;
}

.grid-5col {
  grid-column-gap: var(--size--40px);
  grid-row-gap: var(--size--40px);
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
}

.tag-wrapper {
  grid-column-gap: var(--size--5px);
  grid-row-gap: var(--size--5px);
  flex-wrap: wrap;
  display: flex;
}

.icon-wrap-20px {
  width: var(--size--20px);
  height: var(--size--20px);
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.align-h-baseline {
  align-items: baseline;
  display: flex;
}

.floor_plan-media-wrap {
  min-height: 16.25rem;
  overflow: hidden;
}

.tag-floor_plans {
  padding: var(--size--5px) var(--size--15px);
  border-radius: var(--size--5px);
  color: var(--color--mid-gray);
  font-size: var(--text--14px);
  background-color: #0000;
  border: 1px solid #9999994d;
  transition: background-color .5s cubic-bezier(.215, .61, .355, 1);
}

.tag-floor_plans:hover {
  background-color: var(--color--white);
}

.tag-floor_plans.w--current {
  background-color: var(--color--secondary-light);
  color: var(--color--secondary);
  border-color: #6fa3c080;
}

.tab_menu-floor_plans {
  grid-column-gap: var(--size--5px);
  grid-row-gap: var(--size--5px);
  justify-content: flex-end;
  display: flex;
  position: absolute;
  inset: -14% 0% auto auto;
}

.tab_menu-floor_plans.ar {
  left: 0%;
  right: auto;
}

.navbar {
  color: var(--color--light-gray);
  background-color: #0000;
  display: flex;
  box-shadow: 0 10px 20px #281c1008;
}

.container-navbar {
  background-color: #0000;
  border-bottom: 1px solid #f2f0ef4d;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.1875rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.container-navbar.wide {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.nav-menu {
  flex: 1;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.nav-link {
  color: #f2f0ef;
  font-size: var(--text--14px);
  margin-left: 0;
  margin-right: 0;
  padding: 1.1875rem 0 1.25rem;
  transition: all .3s;
}

.nav-link:hover {
  color: #fff;
}

.nav-link.w--current {
  color: #f2f0ef;
}

.nav-link.ar-left-2 {
  font-family: Notosansarabic, sans-serif;
}

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

.flex-h-48px-wrap {
  z-index: 10;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: row;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.text-center {
  color: var(--color--mid-gray);
  text-align: center;
  font-size: 1rem;
}

.spaceb-h-desc_only {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  justify-content: space-between;
  display: flex;
}

.section-first {
  padding-top: var(--size--40px);
  padding-bottom: var(--size--70px);
  position: relative;
}

.video-wrap-absolu {
  z-index: 1;
  grid-column-gap: var(--size--15px);
  grid-row-gap: var(--size--15px);
  cursor: pointer;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 20% 8% auto auto;
}

.video-wrap-absolu.ar {
  left: 8%;
  right: auto;
}

.play-icon-wrapper {
  background-color: var(--color--white);
  opacity: .9;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  position: relative;
}

.play-icon-image {
  object-fit: scale-down;
  object-position: 53% 51%;
  flex: none;
  width: 4.70588rem;
  height: 5rem;
}

.loop-border-anim {
  border: .0625rem solid var(--color--white);
  border-radius: 50%;
  position: absolute;
  inset: 0%;
}

.hover {
  z-index: 0;
  flex-direction: row;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hover-light {
  z-index: 0;
  align-self: stretch;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.col-btn {
  color: var(--color--light-gray);
  font-size: var(--text--12px);
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.display-none {
  display: none;
}

.max-w-176px {
  max-width: 11rem;
}

.banner-inside_map {
  z-index: 1;
  padding: var(--size--20px) var(--size--40px);
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  border-radius: var(--size--15px);
  background-color: var(--color--base);
  color: var(--color--light-gray);
  font-size: var(--text--14px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: auto 1.25rem 1.25rem;
}

.flex-h-20px {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  flex-direction: row;
  align-items: center;
  display: flex;
}

.flex-h-20px.align-h-top {
  align-items: flex-start;
}

.popup_cons-wrap {
  z-index: 1000;
  background-color: #333c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.close-pop_up-icon {
  z-index: 10;
  width: var(--size--35px);
  height: var(--size--35px);
  cursor: pointer;
  transition: filter .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  inset: 2rem 2rem auto auto;
}

.close-pop_up-icon:hover {
  filter: invert(40%);
}

.content-block-pop_up {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 40px;
  display: flex;
}

.gradient-white {
  background-image: linear-gradient(to right, var(--color--light-gray) 7%, #f4f9f900);
  position: absolute;
  inset: 0%;
}

.popup_cons {
  z-index: 5;
  border-radius: var(--size--20px);
  background-color: var(--color--light-gray);
  color: var(--color--mid-gray);
  width: 100%;
  max-width: 60rem;
  min-height: 400px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 35px 35px 100px 50px #0006;
}

.close-popup-cons {
  z-index: 4;
  border-radius: 50px;
  flex-direction: row;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-form {
  flex: 1;
  display: flex;
  position: relative;
}

.popup_brochure-wrap {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #333c;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup_brochure {
  z-index: 5;
  background-color: var(--color--light-gray);
  color: var(--color--mid-gray);
  border-radius: 20px;
  width: 100%;
  max-width: 60rem;
  min-height: 400px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 35px 35px 100px 50px #0006;
}

.close-popup-brochure {
  z-index: 10;
  border-radius: 50px;
  flex-direction: row;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hover-fill {
  background-color: var(--color--white);
  flex: 1;
  height: 0;
}

.hover-fill-primary {
  background-color: #1f1f1f;
  flex: 1;
  height: 0;
}

.close-popup-consultation {
  z-index: 4;
  border-radius: 50px;
  flex-direction: row;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.close-pop_up-brochure-icon {
  z-index: 5;
  width: var(--size--35px);
  height: var(--size--35px);
  cursor: pointer;
  transition: filter .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  inset: 1.25rem 1.25rem auto auto;
}

.close-pop_up-brochure-icon:hover {
  filter: invert(40%);
}

.popup_map-wrap {
  z-index: 1000;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-map {
  border-radius: var(--size--10px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90vw;
  max-width: 70rem;
  height: 83vh;
  display: flex;
  overflow: hidden;
}

.html-embed {
  width: 100%;
  height: 100%;
}

.gradient-map {
  z-index: 1;
  color: var(--color--base);
  background-color: #0009;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.btn-map {
  padding: var(--size--10px) var(--size--20px);
  border-radius: var(--size--40px);
  background-color: var(--color--base);
  color: var(--color--light-gray);
  cursor: pointer;
  line-height: 150%;
  transition: opacity .2s;
}

.btn-map:hover {
  opacity: .9;
}

.close-map_popup {
  width: var(--size--35px);
  height: var(--size--35px);
  cursor: pointer;
  transition: filter .5s cubic-bezier(.25, .46, .45, .94);
  position: absolute;
  inset: 2rem 2rem auto auto;
}

.close-map_popup:hover {
  filter: invert(50%);
}

.white-btn {
  height: auto;
}

.lang_selector {
  margin-bottom: -3rem;
  padding-bottom: 3rem;
  text-decoration: none;
}

.lang-wrap {
  color: inherit;
  border: 1px solid #f2f0ef4d;
  border-radius: 1.875rem;
  justify-content: flex-start;
  align-items: center;
  padding: .5625rem .875rem .625rem;
  font-family: Manrope, sans-serif;
  display: flex;
}

.lang-wrap.w--open {
  color: #464646;
  background-color: #f2f0ef;
  border-radius: .9375rem .9375rem 0 0;
}

.lang-wrap.hover-gold {
  transition: color .2s;
}

.lang-wrap.hover-gold:hover {
  color: var(--color--primary);
}

.lang_text {
  font-size: var(--text--14px);
  line-height: 150%;
}

.lang_icon {
  flex: none;
  width: 1rem;
  margin: .125rem 0 0 .375rem;
  font-size: .8rem;
  font-weight: 300;
  position: static;
}

.lang_icon.opacity-0 {
  opacity: 0;
}

.dropdown-list {
  background-color: #ddd;
}

.dropdown-list.w--open {
  background-color: #0000;
  margin-top: 2rem;
}

.lang-list {
  grid-column-gap: var(--size--15px);
  grid-row-gap: var(--size--15px);
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1rem;
  display: flex;
}

.lang-link {
  width: var(--size--35px);
  height: var(--size--35px);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: var(--color--base);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  font-size: .74rem;
  display: flex;
}

.lang-link:hover {
  border-color: #f4f9f9;
}

.dropdown-lang-list {
  margin-top: var(--size--10px);
}

.dropdown-lang-list.w--open {
  color: #464646;
  background-color: #f2f0ef;
  border-bottom-right-radius: .9375rem;
  border-bottom-left-radius: .9375rem;
  margin-top: 0;
  font-family: Manrope, sans-serif;
  box-shadow: 0 10px 20px #281c101a;
}

.opacity-70 {
  opacity: .7;
}

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

.popup-floor_plans-wrap {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #333c;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup_floor_plans {
  z-index: 5;
  background-color: var(--color--light-gray);
  color: var(--color--mid-gray);
  border-radius: 20px;
  width: 100%;
  max-width: 60rem;
  min-height: 400px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 35px 35px 100px 50px #0006;
}

.close-popup-floor_plans {
  z-index: 4;
  border-radius: 50px;
  flex-direction: row;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.btn-floor_plans {
  padding: var(--size--15px) var(--size--20px);
  border-radius: var(--size--10px);
  background-color: var(--color--btn);
  color: var(--color--light-gray);
  text-align: center;
  height: 3.375rem;
  font-weight: 700;
  transition: background-color .5s cubic-bezier(.215, .61, .355, 1);
}

.btn-floor_plans:hover {
  background-color: var(--color--primary-light);
}

.btn-floor_plans.border {
  border: .125rem solid var(--color--primary);
  color: var(--color--primary);
  background-color: #0000;
  transition: color .5s cubic-bezier(.215, .61, .355, 1), background-color .5s cubic-bezier(.215, .61, .355, 1);
}

.btn-floor_plans.border:hover {
  border-color: var(--color--primary-light);
  color: var(--color--primary-light);
}

.close-pop_up-floor_plans-icon {
  z-index: 5;
  cursor: pointer;
  width: 35px;
  height: 35px;
  transition: filter .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  inset: 2rem 1.25rem auto auto;
}

.close-pop_up-floor_plans-icon:hover {
  filter: invert(40%);
}

.ar {
  direction: rtl;
  text-align: right;
  font-family: Notosansarabic, sans-serif;
  font-weight: 400;
}

.container-hero {
  z-index: 1;
  grid-column-gap: 5.25rem;
  grid-row-gap: 5.25rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  max-width: 75rem;
  height: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.promo-tag {
  padding: var(--size--15px) var(--size--20px);
  border-radius: var(--size--10px);
  background-color: var(--color--white);
  color: var(--color--base);
  font-size: var(--text--18px);
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.text-input-select {
  border-radius: var(--size--10px);
  background-color: var(--color--white);
  color: var(--color--base);
  border: .0625rem solid #d8d8d8;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 3.375rem;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.text-input-select.hidden {
  display: none;
}

.dropdown-toggle {
  padding: var(--size--15px);
  opacity: .8;
  font-size: var(--text--14px);
  flex: 1;
  justify-content: space-between;
  align-items: center;
  height: 3.375rem;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.icon-select {
  color: var(--color--mid-gray);
  font-size: var(--text--12px);
  margin: 0;
  font-weight: 400;
  position: relative;
}

.select-list {
  border-radius: var(--size--10px);
  background-color: var(--color--white);
  font-size: var(--text--14px);
  border: .0625rem solid #d8d8d8;
  width: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.select-list.w--open {
  flex: 1;
  margin-left: -.0625rem;
  margin-right: -.0625rem;
  top: 3.7rem;
}

.select-link {
  padding: var(--size--15px);
  width: 100%;
  display: flex;
  position: static;
}

.popup-wrapper {
  z-index: 1000;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.iframe-wrap {
  z-index: 6;
  border-radius: var(--size--10px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70vw;
  max-width: 70rem;
  height: 70vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.close-video-block {
  z-index: 5;
  padding-top: var(--size--30px);
  padding-right: var(--size--30px);
  cursor: pointer;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  transition: filter .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  inset: 0%;
}

.close-video-block:hover {
  filter: invert(40%);
}

.close-popup-video-icon {
  z-index: 5;
  width: var(--size--35px);
  height: var(--size--35px);
  cursor: pointer;
  transition: filter .4s cubic-bezier(.215, .61, .355, 1);
  display: block;
}

.close-popup-video-icon:hover {
  filter: invert(40%);
}

.lightbox-link {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: transform .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

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

.lightbox-wrap {
  width: 100%;
  height: 42rem;
}

.full_screen-icon {
  z-index: 1;
  width: var(--size--40px);
  height: var(--size--40px);
  color: var(--color--white);
  position: absolute;
  inset: 50%;
}

.hero_card {
  background-color: #fff;
  border-radius: 1.5625rem;
  flex-direction: column;
  width: 30rem;
  height: 21.875rem;
  padding: 1.875rem;
  display: flex;
}

.body-land {
  background-color: #f2f0ef;
  line-height: 140%;
}

.btns-wrapper {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  padding-top: 1.875rem;
  display: flex;
}

.btn-prim {
  color: var(--color--white);
  white-space: nowrap;
  background-color: #00aee6;
  border: 2px solid #0000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: .8125rem 1.25rem;
  transition: border-color .3s, color .3s, background-color .3s;
  display: flex;
}

.btn-prim:hover {
  color: var(--color--btn);
  background-color: #fff;
  border: 2px solid #00aee6;
}

.btn-prim.is--embed {
  padding: 0;
}

.btn-sec {
  color: var(--color--primary);
  white-space: nowrap;
  border: 2px solid #00aee6;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: .8125rem 1.25rem;
  font-family: Manrope, sans-serif;
  transition: border-color .3s, color .2s, background-color .3s;
  display: flex;
}

.btn-sec:hover {
  color: var(--color--white);
  background-color: #00aee6;
  border-color: #fff;
}

.btn-sec.is--nav {
  cursor: pointer;
  height: 40px;
  padding: 0;
  display: none;
}

.btn-sec.is--banner {
  color: var(--white);
  background-color: #d0a966;
  border-style: none;
  max-width: 16.5rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  font-size: .875rem;
  font-weight: 600;
}

.btn-sec.is--banner:hover {
  background-color: #c89d54;
}

.btn-sec.is--banner.ar {
  font-family: Notosansarabic, sans-serif;
  font-weight: 400;
}

.btn-sec.is--area-cards {
  z-index: 22;
  background-color: #fff;
  border-color: #00aee600;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  display: none;
  position: relative;
}

.btn-sec.is--area-cards:hover {
  background-color: #00aee6;
}

.btn-sec.is--tel {
  cursor: pointer;
  height: 40px;
  padding: 0 1.25rem;
  display: none;
}

.btn-sec.is--tel-2 {
  cursor: pointer;
  border-style: none;
  border-radius: 0;
  align-items: stretch;
  padding: 0 1.25rem;
}

.btn-sec.is--tel-2:hover {
  color: var(--color--primary);
  background-color: #00aee600;
}

.btn-sec.is--project {
  color: var(--color--base);
  background-color: #fff;
  border-style: none;
  max-width: 8.25rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  font-weight: 700;
}

.btn-sec.is--project:hover {
  color: var(--white);
  background-color: #c89d54;
}

.btn-sec.is--apart {
  border-color: var(--color--primary);
  cursor: pointer;
  width: 14.1875rem;
  height: 60px;
  padding: 0;
  font-weight: 600;
}

.btn-sec.is--apart:hover {
  background-color: var(--color--primary);
}

.btn-sec.is--big-card {
  background-color: var(--color--primary);
  color: var(--white);
  border-style: none;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  font-size: .875rem;
  font-weight: 600;
}

.btn-sec.is--big-card:hover {
  background-color: #ae8364;
}

.btn-sec.is--big-card.hidden {
  display: none;
}

.btn-sec.is--big-card.ar {
  font-family: Notosansarabic, sans-serif;
}

.btn-sec.stroked {
  color: var(--color--primary);
  background-color: #0000;
  border: 1px solid #bb977c80;
  max-width: 16.5rem;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  font-size: .875rem;
  font-weight: 600;
}

.btn-sec.stroked:hover {
  color: var(--white);
  background-color: #ae8364;
}

.btn-sec.stroked.ar {
  font-family: Notosansarabic, sans-serif;
}

.btn-sec.stroked-grey {
  color: var(--color--light-gray);
  border: 1px solid #f2f0ef80;
  max-width: 16.5rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  font-size: .875rem;
  font-weight: 600;
}

.btn-sec.stroked-grey:hover {
  color: var(--color--base);
  background-color: #fff;
}

.btn-sec.stroked-grey.ar {
  font-family: Notosansarabic, sans-serif;
  font-weight: 400;
}

.hero-h1 {
  margin-bottom: 1.5rem;
}

.btn-icon {
  flex: none;
  align-items: center;
  width: .7rem;
  margin-left: .25rem;
  display: flex;
}

.btn-icon.is--success {
  width: 1.375rem;
  margin-left: 0;
}

.hero_card-blue {
  background-color: #00aee6;
  border-radius: 1.5625rem;
  flex-direction: column;
  width: 22.5rem;
  padding: 1.875rem;
  display: flex;
}

.btns-wrapper-2 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  margin-left: auto;
  padding-top: 1.125rem;
  display: flex;
}

.map_header {
  grid-column-gap: var(--size--15px);
  grid-row-gap: var(--size--15px);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.map_logo {
  width: 14.875rem;
  margin-bottom: .9375rem;
}

.section-map {
  padding-top: 5.625rem;
  padding-bottom: var(--size--70px);
  position: relative;
}

.section-map.rr {
  margin-top: 411px;
}

.section-map.bg-blue {
  background-color: #edf7ff;
}

.map_item-h {
  color: var(--color--primary);
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 120%;
}

.text-small-16px {
  color: var(--white);
  text-align: left;
  font-family: Manrope, sans-serif;
  font-weight: 400;
  line-height: 150%;
}

.text-small-16px.text-color-grey {
  color: #cecece;
}

.text-small-16px.text-color-grey.dark {
  color: #8f8f8f;
}

.text-small-16px.text-color-grey.ar {
  text-align: right;
  font-family: Notosansarabic, sans-serif;
}

.text-small-16px.success-p {
  color: #8f8f8f;
  font-size: var(--text--14px);
  text-align: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
}

.text-small-16px.u-text-white {
  color: #fff;
}

.btns-wrap-absolute {
  z-index: 1;
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  padding-top: 1.875rem;
  display: flex;
  position: absolute;
  inset: auto auto 4.8125rem 1.5rem;
}

.service_item {
  background-color: #fff;
  border-radius: 1.5625rem;
  padding: 1.875rem;
}

.service_item-h {
  color: #005a8c;
  font-size: 1.5625rem;
  font-weight: 600;
}

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

.btn-desc {
  font-family: Manrope, sans-serif;
  font-size: .75rem;
}

.form-btn {
  color: #1eade5;
  background-color: #fff;
  border-radius: 1.875rem;
  padding: 1rem 2.125rem;
  font-size: 1rem;
  font-weight: 700;
}

.main-btn_content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.main-btn_content.is--floorplan {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  max-width: 6rem;
}

.main-btn_content.fr {
  max-width: 5.3rem;
}

.form-2 {
  width: 100%;
  height: 100%;
  margin-top: auto;
  padding-top: 1.5rem;
  padding-bottom: 1.75rem;
  padding-left: 1.75rem;
  position: relative;
}

.btn-whatsapp-banner {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  cursor: pointer;
  background-color: #fff3;
  border-radius: 3.75rem 0 0 3.75rem;
  width: 14rem;
  padding: .875rem 1rem;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.btn-whatsapp-banner:hover {
  color: var(--color--primary);
  background-color: #fff;
}

.btn-whatsapp-banner.bg-white {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #4e4e4e;
  background-color: #ffffffe3;
  width: 10.0625rem;
  height: 5.625rem;
}

.btn-whatsapp-banner.bg-white:hover {
  color: #d0a966;
}

.btn-whatsapp-banner.bg-white.ar {
  justify-content: flex-end;
  padding-left: 2rem;
}

.btn-whatsapp-banner.is--hero {
  width: 11.25rem;
  height: 5.625rem;
  display: none;
}

.btn-whatsapp-banner.is--hero.ar {
  border-radius: 0 3.75rem 3.75rem 0;
}

.btn-whatsapp-banner.is--mobile {
  background-color: #464646;
  width: 11.25rem;
  height: 5.625rem;
}

.success-img {
  width: 14.6875rem;
  margin-left: -2rem;
}

.form-h {
  color: #fff;
  max-width: 65%;
  margin-top: 0;
  margin-bottom: 2.125rem;
  font-size: 2.5rem;
  line-height: 110%;
}

.success-message-2 {
  background-color: #0000;
  height: 100%;
  padding: 0 0 0 0;
}

.hero_form {
  background-color: #1eade5;
  border-radius: 25px;
  max-width: 50rem;
  height: 15.5rem;
  margin-bottom: -20px;
  position: relative;
  overflow: hidden;
}

.form-field {
  border: 1px solid #fff6;
  border-radius: 35px;
  justify-content: space-between;
  align-items: center;
  max-width: 31.25rem;
  padding: 5px;
  display: flex;
}

.main-btn_p {
  font-size: .875rem;
  font-weight: 600;
  line-height: 120%;
}

.main-btn_p.is--floorplan {
  color: #6d6e70;
  font-size: .875rem;
  font-weight: 600;
}

.main-btn_p.ar {
  font-family: Notosansarabic, sans-serif;
  font-weight: 400;
}

.main-btn_p.de {
  font-size: .7rem;
}

.fdsgdsg.is--success {
  z-index: 33;
}

.success-images {
  padding-left: 2.5rem;
  display: flex;
  transform: translate(0, 1rem);
}

.success-content {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 1.875rem;
  padding-left: 1.875rem;
  position: relative;
}

.success-h {
  color: #fff;
  max-width: 490px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  line-height: 120%;
}

.input-2 {
  color: #fff;
  background-color: #0000;
  border: 1px #000;
  flex: 1;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1rem;
}

.input-2:hover {
  background-color: #0000;
}

.input-2:active {
  color: #fff;
  background-color: #0000;
}

.input-2:focus {
  background-color: #0000;
}

.input-2:focus-visible {
  color: #fff;
  background-color: #0000;
}

.input-2[data-wf-focus-visible], .input-2::placeholder {
  color: #fff;
  background-color: #0000;
}

.btn-icon-2 {
  width: 5rem;
  height: 5rem;
}

.success_header {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  align-items: center;
  display: flex;
}

.banner_btn-wrap {
  z-index: 5;
  position: absolute;
  inset: auto 0% 2rem auto;
}

.banner_btn-wrap.is--success {
  z-index: 33;
}

.banner_btn-wrap.is--areas {
  right: -3%;
}

.banner_btn-wrap.mob-hide {
  bottom: 2rem;
}

.banner_btn-wrap.mob-hide.ar {
  inset: auto auto 2rem 0%;
}

.banner_btn-wrap.is--mobile {
  display: none;
  inset: 1.25rem 0% auto auto;
}

.service_banner {
  background-color: #333;
  border-radius: 10px;
  width: 100%;
  padding: 1.875rem 2rem 1.875rem 1.875rem;
  position: relative;
  overflow: hidden;
}

.banner-h {
  color: #fff;
  letter-spacing: -.0625rem;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 2.8125rem;
  font-weight: 400;
  line-height: 90%;
}

.banner-h.ar {
  font-family: Notosansarabic, sans-serif;
  line-height: 100%;
}

.banner_icon {
  flex: none;
  width: 4.5rem;
  height: 4.5rem;
  transition: color .3s, background-color .3s;
}

.section-bg {
  background-image: url('../images/Rectangle-3010.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 75vh;
}

.map_banner {
  z-index: 2;
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding: 1.875rem;
  display: flex;
  position: absolute;
  inset: auto 2% 4.8125rem auto;
  box-shadow: 0 2px 16px #00000014, 0 2px 5px #0000000a;
}

.map_banner-image {
  width: 7.875rem;
  height: 1.5rem;
}

.logos_wrap {
  grid-column-gap: 2.375rem;
  grid-row-gap: 2.375rem;
  flex-direction: column;
  display: flex;
}

.grid_header {
  justify-content: space-between;
  display: flex;
}

.btn-third {
  color: #6d6e70;
  white-space: nowrap;
  border: 2px solid #6d6e70;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: .8125rem 1.25rem;
  transition: color .3s, background-color .3s;
  display: flex;
}

.btn-third:hover {
  color: #fff;
  background-color: #6d6e70;
}

.btn-third.is--nav {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.btn-third.is--banner {
  background-color: #fff;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.land-grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template: "."
  / .25fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.land-grid_card {
  border-radius: 1.875rem;
  width: 28.75rem;
  height: 40.25rem;
  padding: 1.875rem;
  position: relative;
  overflow: hidden;
}

.land-grid_card._2 {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.land-grid_card._3 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 20.9375rem;
  display: flex;
}

.land-grid_card._1 {
  align-items: flex-end;
  display: flex;
}

.land-grid_card._4 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 31rem;
  display: flex;
}

.land-grid_card._5 {
  align-items: flex-end;
  width: 100%;
  height: 31rem;
  display: flex;
}

.grid-card-img {
  object-fit: cover;
  transition: transform .4s;
  position: absolute;
  inset: 0%;
}

.grid_inner-card {
  z-index: 1;
  max-width: 33.125rem;
  position: relative;
}

.grid_inner-card._1 {
  max-width: 25rem;
}

.grid_inner-card._2 {
  max-width: 21.375rem;
}

.grid_inner-card._4 {
  max-width: 15.75rem;
}

.grid_inner-card._5 {
  max-width: 18.75rem;
}

.grid_card-info {
  padding: var(--size--20px) var(--size--20px) var(--size--20px) var(--size--30px);
  grid-column-gap: var(--size--30px);
  grid-row-gap: var(--size--30px);
  border-radius: var(--size--15px);
  background-color: var(--color--white);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.land-grid_icon {
  width: 1.5rem;
  height: 1.5rem;
}

.land-grid_h3 {
  color: #005a8c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 120%;
}

.land-grid_h3.u-text-secondary_light {
  z-index: 2;
  position: relative;
}

.land-grid_h3.u-text-deep_blue {
  color: var(--color--deep);
}

.div-block-2 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-coin {
  background-image: url('../images/Rectangle-3003.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}

.coin-item-wrap {
  background-color: #fff;
  border-radius: 1.875rem;
  justify-content: space-between;
  align-items: center;
  padding: 1.875rem;
  display: flex;
}

.coin_info-wrap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  align-items: center;
  margin-top: 3.125rem;
  position: relative;
}

.coin_item {
  background-color: #fff;
  border-radius: 1.5625rem;
  width: 100%;
  height: 4.375rem;
  padding: 0 1.875rem;
}

.coin_item-inner {
  grid-column-gap: var(--size--10px);
  grid-row-gap: var(--size--10px);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.coin_item-h {
  color: #1f1f1f;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 400;
}

.coin_item-text {
  color: #a6a6a6;
  font-size: .75rem;
  line-height: 130%;
}

.coin_separator {
  width: 96%;
  height: auto;
  margin-left: 6px;
  position: absolute;
  top: auto;
  bottom: auto;
}

.coin_header {
  grid-column-gap: var(--size--15px);
  grid-row-gap: var(--size--15px);
  flex-direction: column;
  justify-content: space-between;
  max-width: 37.1875rem;
  display: flex;
}

.big-text {
  color: #1f1f1f;
  text-align: left;
  max-width: 20rem;
  font-size: 5rem;
  font-weight: 500;
  line-height: 1;
}

.text-block-12 {
  color: #00ade5;
  padding-top: 1px;
  font-size: 12px;
  line-height: 100%;
}

.div-block-20 {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 50px;
  padding: 10px;
  display: flex;
}

.text-field-2 {
  text-align: center;
  cursor: text;
  border: 1px #fff;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
}

.html-embed-20 {
  width: 15px;
}

.divider {
  background-color: #a6e1f7;
  width: 1px;
  min-width: 1px;
  margin-left: 10px;
  margin-right: 10px;
}

.block-w-form {
  flex-flow: column wrap;
  flex: 0 auto;
  grid-template: ". Area"
                 ". ."
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  width: 100%;
  height: 300px;
  display: flex;
}

.dropdown-link {
  cursor: pointer;
  align-items: center;
  height: 40px;
  padding-left: 1em;
  font-size: 14px;
  line-height: 120%;
  transition: color .2s, background-color .2s;
  display: flex;
}

.dropdown-link:hover {
  color: #fff;
  background-color: #00ade5;
}

.line {
  background-color: #00ade5;
  width: 50px;
  height: 2px;
}

.heading-2-quiz {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.heading-2-quiz.success {
  color: #252525;
  text-align: left;
  width: 550px;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 700;
  line-height: 120%;
}

.dropdown-content-copy {
  z-index: 1;
  color: #888;
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  margin-top: 55px;
  font-size: 16px;
  font-weight: 400;
  display: none;
  position: absolute;
  overflow: hidden;
}

.dropdown-content-copy.bedrooms {
  justify-content: space-between;
  margin-top: 0;
  padding: 20px;
  display: flex;
  position: relative;
}

.text-block-dropdown-trigger {
  font-size: 14px;
}

.fs-rangeslider_fill {
  background-image: linear-gradient(to right, #a6e1f7, #00ade5);
  border-radius: 999px;
  width: 20%;
  height: 100%;
  position: absolute;
}

.div-block-23 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.text-block-13 {
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
}

.text-block-13.success {
  position: absolute;
  inset: 0% 0% auto auto;
}

.tag-2 {
  z-index: 1;
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 2px 10px;
  line-height: 100%;
  display: flex;
  position: absolute;
  top: 15px;
  left: 15px;
}

.html-embed-23 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.prev-button {
  grid-column-gap: 20px;
  color: #fff;
  cursor: pointer;
  background-color: #a6e1f7;
  border: 2px #d0a96680;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 50px;
  font-size: 14px;
  transition: all .2s;
  display: flex;
}

.prev-button:hover {
  color: #fff;
  border-color: #d0a966;
}

.prev-button.mini {
  background-color: #00ade5;
  width: auto;
  min-width: 100px;
  height: 45px;
  padding-left: 15px;
  padding-right: 15px;
  transition: background-color .2s;
}

.prev-button.mini:hover {
  opacity: .9;
}

.fs-rangeslider_track {
  background-color: #fff;
  border-radius: 999rem;
  height: .5rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fs-rangeslider_wrapper {
  align-items: center;
  font-size: 1.5rem;
  display: block;
  position: relative;
}

.success-info {
  color: #7b7b7b;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
  line-height: 150%;
}

.fs-rangeslider_handle {
  z-index: 1;
  cursor: grab;
  background-color: #a6e1f7;
  border-radius: 100rem;
  flex: none;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 1px 1px 12px #0003;
}

.fs-rangeslider_handle:active {
  background-color: #a6e1f7;
}

.fs-rangeslider_handle.is-pink, .fs-rangeslider_handle.is-pink:active {
  background-color: #00ade5;
}

.text-block-dropdown {
  line-height: 120%;
}

.block-w-projects {
  grid-column-gap: 15px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.dropdown-trigger {
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding-left: 1em;
  padding-right: 1em;
  transition: background-color .2s;
  display: flex;
}

.dropdown-trigger.bedrooms {
  display: none;
}

.dropdown-link-bed {
  cursor: pointer;
  border: 1px solid #a6e1f7;
  border-radius: 10px;
  align-items: center;
  padding: 2.5px 10px;
  transition: color .2s, background-color .2s;
  display: flex;
}

.text-block-info {
  color: #fff;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  font-size: 14px;
  line-height: 140%;
}

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

.embed {
  width: 0;
  height: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.project-info {
  grid-row-gap: 15px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  padding: 15px;
  display: flex;
}

.fs-rangeslider_input {
  display: none;
}

.fs-range_values {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.bar-bg {
  opacity: .8;
  background-color: #edf7ff;
  width: 175px;
  height: 15px;
  margin-left: 20px;
  position: absolute;
}

.info-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #00ade5;
  border-radius: 10px;
  align-items: center;
  width: 47.5%;
  max-width: 400px;
  min-height: 70px;
  margin-bottom: 30px;
  padding: 10px;
  line-height: 120%;
  display: flex;
}

.info-block.big {
  width: 450px;
  max-width: none;
  height: auto;
  margin-bottom: 0;
  padding: 20px;
}

.h-1 {
  width: 500px;
  margin-bottom: 20px;
  font-size: 42px;
  line-height: 120%;
}

.success-text {
  color: #fff;
  text-align: left;
  margin-bottom: 10px;
  padding-right: 50px;
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
}

.success-div {
  z-index: 1;
  background-color: #edf7ff;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  padding: 100px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-form {
  border-radius: .625em;
  flex-direction: column;
  justify-content: space-between;
  width: 47.5%;
  max-width: 400px;
  height: 80px;
  display: flex;
}

.div-block-form.buttons {
  height: auto;
}

.div-block-form.big {
  grid-row-gap: 5px;
  height: auto;
}

.text-field-form {
  color: #252525;
  background-color: #fff;
  border: 1px #000;
  border-radius: .625em;
  height: 50px;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  font-weight: 400;
}

.text-field-form::placeholder {
  color: #525252;
}

.div-block-19 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #a6e1f7;
  border-radius: 35px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  display: flex;
}

.div-block-w-text {
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.html-embed-5 {
  align-items: center;
  line-height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 15px 0% auto;
}

.div-block-21 {
  cursor: pointer;
  background-color: #edf7ff;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  display: flex;
}

.error-div {
  z-index: 2;
  text-align: center;
  background-color: #1a1a1a;
  margin: -5px;
}

.next-button {
  grid-column-gap: 20px;
  color: #fff;
  cursor: pointer;
  background-color: #00ade5;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.next-button:active {
  opacity: .9;
}

.next-button.finish {
  flex: 1;
  height: 50px;
  font-size: 14px;
}

.next-button._1 {
  width: 140px;
  height: 50px;
  font-size: 14px;
}

.project {
  grid-column-gap: 10px;
  cursor: pointer;
  background-color: #1c1c1c;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 300px;
  height: 180px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s;
  display: flex;
  position: relative;
}

.project.success {
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 23.5%;
  max-width: 275px;
  height: auto;
  overflow: hidden;
}

.dropdown-wrapper {
  color: #525252;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  font-size: .875em;
  display: flex;
  position: relative;
}

.dropdown-wrapper.bedrooms {
  height: 140px;
}

.form-block-quiz {
  width: 65%;
  margin-bottom: 0;
  padding: 50px;
}

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

.text-block-dropdown-bed {
  color: #525252;
  font-size: .875em;
  line-height: 120%;
}

.progress-bar {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 50px;
  display: flex;
  position: relative;
}

.dropdown-content {
  z-index: 2;
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-top: 55px;
  display: none;
  position: absolute;
  overflow: hidden;
}

.dropdown-content.open {
  display: block;
}

.succes-div-wrapper {
  grid-row-gap: 80px;
  flex-direction: column;
  display: flex;
}

.header-block-quiz {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 30px;
  padding-right: 440px;
  display: flex;
}

.header-block-quiz.success {
  grid-column-gap: 80px;
  grid-row-gap: 40px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
  padding-right: 0;
  display: flex;
}

.h-2 {
  height: 25px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.h-2.big {
  height: auto;
  max-height: 45px;
}

.block-w-buttons {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.text-field {
  display: none;
}

.project-bg {
  width: 100%;
  height: 140px;
  position: relative;
  inset: 0% 0% auto;
  overflow: hidden;
}

.html-embed-21 {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

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

.step._1 {
  display: flex;
}

.div-block-18 {
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-24 {
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.success-name {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
  line-height: 135%;
}

.round {
  background-color: #00ade5;
  border-radius: 15px;
  width: 15px;
  height: 15px;
}

.image-4 {
  width: 40px;
  height: 40px;
}

.form-3 {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.ellipse-dot {
  background-color: #a6e1f7;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.ellipse-finish {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: 275px;
  bottom: auto;
  left: 30px;
}

.project-info-w-image {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.image-right-part {
  object-fit: cover;
  background-image: url('../images/imgonline-com-ua-Resize-uVIblCuzFjZK_1imgonline-com-ua-Resize-uVIblCuzFjZK.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  width: 25%;
  min-width: 60px;
  max-width: none;
  display: block;
}

.div-block-11 {
  background-color: #fff;
  border-radius: 10px;
  width: 30%;
  height: 30%;
}

.image-5 {
  width: 15px;
  max-width: none;
  height: 15px;
  position: absolute;
  inset: 10px 10px auto auto;
}

.html-embed-15 {
  position: relative;
  top: 50px;
  left: 60px;
}

.ellipse-home {
  background-color: #00ade5;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.html-embed-22 {
  height: 8px;
  position: relative;
  top: -11px;
}

.div-block-10 {
  background-color: #00ade5;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 40%;
  display: flex;
  position: absolute;
}

.text-block-right-part {
  color: #252525;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.div-block-w-bar-right-part {
  grid-row-gap: 5px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.text-block-9 {
  color: #252525;
  text-align: right;
  border-radius: 70px;
  padding-right: 2px;
  font-size: 8px;
  line-height: 100%;
}

.block-w-line {
  width: 195px;
  position: absolute;
  top: 100px;
  right: 90px;
}

.text-block-7 {
  color: #252525;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.html-embed-17 {
  line-height: 0;
}

.build-bar {
  border: 1px solid #f0f0f0;
  border-radius: 1em;
  flex-flow: column wrap;
  justify-content: center;
  height: 10px;
  padding: 1px;
  display: flex;
}

.blue-bar {
  background-color: #00ade5;
  border-radius: 1em;
  width: 50%;
  height: 100%;
}

.blue-bar._2 {
  width: 20%;
}

.right-block-w-map {
  background-image: linear-gradient(to right, #edf7ff, #0000);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  flex-direction: column;
  align-items: flex-end;
  width: 35%;
  position: relative;
  overflow: hidden;
}

.text-block-8 {
  opacity: .6;
  color: #252525;
  font-size: 8px;
  line-height: 120%;
}

.ellipse-start {
  background-color: #a6e1f7;
  border: 1px solid #00ade5;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.bg {
  mix-blend-mode: multiply;
  object-fit: cover;
  object-position: 70% 50%;
  background-image: url('../images/2eb3cc3152a38ce29dc2d2124f2283ec-1_12eb3cc3152a38ce29dc2d2124f2283ec (1).webp');
  background-position: 70%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.bg.shadow {
  mix-blend-mode: normal;
  background-image: linear-gradient(to right, #edf7ff, #0000 25%);
}

.text-block-info-right-part {
  color: #525252;
  font-size: 12px;
  line-height: 120%;
}

.block-w-project {
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  width: 285px;
  padding: 15px;
  display: flex;
  position: absolute;
  top: 50px;
  left: 20px;
  right: auto;
  overflow: hidden;
  box-shadow: 0 5px 10px 2px #0003;
}

.block-w-project.down {
  top: 490px;
  left: auto;
  right: 40px;
}

.quiz {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.image-6 {
  width: auto;
  height: auto;
}

.loop-wrapper {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.loop_item {
  flex: none;
  justify-content: space-between;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.loop-image {
  object-fit: contain;
  width: 10%;
  height: auto;
}

.loop-header {
  text-align: center;
  width: 100%;
  margin-bottom: 3.75rem;
}

.map_header-card {
  padding: var(--size--20px) var(--size--20px) var(--size--20px) var(--size--30px);
  grid-column-gap: var(--size--30px);
  grid-row-gap: var(--size--30px);
  border-radius: var(--size--15px);
  background-color: var(--color--white);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.flex-h-spb {
  grid-column-gap: var(--size--40px);
  grid-row-gap: var(--size--40px);
  background-color: #ffffff4d;
  border-radius: 1.875rem;
  justify-content: space-between;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  padding-left: 1.875rem;
  display: flex;
}

.map_header-2 {
  grid-column-gap: var(--size--15px);
  grid-row-gap: var(--size--15px);
  flex-direction: column;
  justify-content: space-between;
  max-width: 37rem;
  display: flex;
}

.areas-banner {
  z-index: 2;
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding: 1.875rem;
  display: flex;
  position: absolute;
  inset: auto auto 5rem 1.5625rem;
  box-shadow: 0 2px 16px #00000014, 0 2px 5px #0000000a;
}

.form-bg {
  z-index: 33;
  position: relative;
  overflow: hidden;
}

.form-bg.is--popup {
  max-width: 36.5rem;
}

.section-catalog {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  position: relative;
}

.section-catalog.rr {
  margin-top: 411px;
}

.section-catalog.bg-blue {
  background-color: #edf7ff;
}

.section-catalog.community {
  display: none;
}

.catalog-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.catalog-wrapper.flex-v-60px {
  align-items: stretch;
}

.catalog-wrapper.is--success {
  align-items: stretch;
  margin-top: 2.5rem;
}

.catalog-item {
  cursor: pointer;
  width: 23.3125rem;
  position: relative;
  overflow: hidden;
}

.catalog-item.is--areas, .catalog-item.is--areas-2 {
  width: 100%;
}

.catalog-item.is--success {
  width: 21rem;
}

.catalog-item-top {
  border-radius: .625rem;
  width: 100%;
  height: 26.25rem;
  padding-top: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  position: relative;
  overflow: hidden;
}

.catalog-item-top.is--areas {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.catalog-item-top.ar {
  padding-left: 0;
  padding-right: 0;
}

.catalog-image {
  object-fit: cover;
  transition: transform .3s;
  position: absolute;
  inset: 0%;
}

.catalog-list {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.catalog-list.is--grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 3.75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: flex;
}

.catalog-list.is--success {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.catalog-handover-text {
  z-index: 1;
  color: #222;
  text-align: left;
  background-color: #fff;
  border-radius: 1.5625rem;
  padding: 2px .625rem;
  font-size: .75rem;
  font-weight: 500;
  line-height: 166%;
  position: absolute;
  inset: 1.25rem auto auto 1.25rem;
}

.catalog-info {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 1.5rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.brochure-name {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: .8rem 2.125rem;
  display: flex;
}

.brochure-name.is--footer {
  height: auto;
  padding: 0;
  font-weight: 600;
}

.brochure-name.is--catalog {
  padding: 0;
}

.catalog-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  margin-top: 3px;
  display: flex;
}

.location-text {
  color: #8f8f8f;
  text-align: left;
  font-size: .875rem;
  line-height: 166%;
}

.location-text.text-color-black {
  color: #333;
}

.location-text.ar {
  text-align: right;
  font-family: Notosansarabic, sans-serif;
}

.location_wrap {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  align-items: flex-start;
  width: 100%;
  padding-top: .9375rem;
  display: flex;
}

.dev-wrap {
  border: 1px solid #00aee6;
  border-radius: 8px;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px .625rem;
  display: inline-block;
}

.dev-icon {
  width: .9rem;
  margin-right: .3125rem;
}

.dev-text {
  color: #00aee6;
  text-align: left;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 500;
  display: inline-block;
}

.price-wrap {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.from-text {
  color: #8f8f8f;
  text-align: left;
  font-size: .75rem;
  line-height: 150%;
}

.price-text {
  color: #222;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.price-text.text-color-white {
  color: #fff;
}

.tags-wrap {
  min-height: 4.5rem;
  padding-top: 10px;
}

.catalog-rich-tags {
  z-index: 1;
  font-family: Manrope, sans-serif;
  position: relative;
}

.catalog-rich-tags ul {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.catalog-rich-tags li {
  color: #222;
  text-transform: none;
  background-color: #fff;
  font-weight: 600;
  display: inline-block;
}

.catalog-rich-tags ol {
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.catalog-tags-list {
  justify-content: space-between;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.tag-item {
  color: #00aee6;
  text-align: center;
  letter-spacing: .0375rem;
  text-transform: uppercase;
  border: 1px dashed #00aee6;
  border-radius: .5rem;
  padding: 1px 4px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 166%;
}

.list-item {
  list-style-type: none;
}

.list {
  justify-content: space-between;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.collection-item.is--areas {
  width: 48%;
}

.collection-item.is--areas:first-child {
  width: 100%;
}

.collection-item.is--areas-2 {
  width: 48%;
}

.collection-item.is--areas-3 {
  width: 48%;
  max-width: 23.375rem;
}

.footer-h3 {
  color: #f2f0ef;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5625rem;
  font-weight: 400;
  line-height: 100%;
}

.footer_btn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  background-color: #464646;
  border-top-right-radius: 3.75rem;
  border-bottom-right-radius: 3.75rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5rem;
  padding-top: .5625rem;
  padding-bottom: .5625rem;
  padding-right: 2.2rem;
  transition: background-color .3s;
  display: flex;
}

.footer_btn:hover {
  color: var(--color--primary);
  background-color: #464646;
}

.footer_btn.ar {
  border-radius: 3.75rem 0 0 3.75rem;
  justify-content: flex-end;
  padding-left: 2.2rem;
  padding-right: 0;
}

.footer-logo-desc {
  color: #222;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 100%;
}

.footer_adress-text {
  color: #6d6e70;
  font-size: .75rem;
  line-height: 140%;
}

.footer_link {
  width: 11.6875rem;
  height: 3rem;
  margin-top: 2.625rem;
}

.policy-link {
  color: var(--color--mid-gray);
  text-decoration: underline;
  display: none;
}

.footer_link-visa {
  width: 7.3125rem;
}

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

.soc_links-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.soc_link {
  color: #f2f0ef;
  width: 2.25rem;
  height: 2.25rem;
  transition: all .3s;
}

.soc_link:hover {
  color: #d0a966;
}

.areas_cards-wrap {
  grid-column-gap: 1.25rem;
  grid-row-gap: 2.5rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.area_card {
  background-color: #fff;
  border-radius: 10px;
  width: 17.5rem;
  overflow: hidden;
}

.area-card-image {
  object-fit: cover;
  height: 200px;
}

.area_card-info {
  height: 60%;
  padding: 1.25rem;
}

.area_card-h {
  color: #222;
  margin-bottom: .9375rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 140%;
}

.area_item-h {
  color: #222;
  font-size: 1rem;
  font-weight: 500;
}

.area_item-number {
  color: #222;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 140%;
}

.area_cards-gradient {
  background-image: linear-gradient(to top, #edf7ff, #fff0);
  width: 100%;
  height: 40%;
  position: absolute;
  inset: auto 0% 0%;
}

.pagination {
  margin-top: 40px;
}

.load-more-button {
  border: 1px solid var(--color--primary);
  color: var(--color--primary);
  white-space: nowrap;
  background-color: #0000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: .8125rem 1.25rem;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  transition: border-color .3s, color .2s, background-color .3s;
  display: flex;
}

.load-more-button:hover {
  background-color: var(--color--primary);
  color: var(--color--white);
  border-color: #fff;
}

.load-more-button.is--nav {
  height: 40px;
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.load-more-button.is--banner {
  background-color: #fff;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.load-more-button.is--banner:hover {
  background-color: #00aee6;
}

.load-more-button.is--area-cards {
  z-index: 22;
  background-color: #fff;
  border-color: #00aee600;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  position: relative;
}

.load-more-button.is--area-cards:hover {
  background-color: #00aee6;
}

.popup-brochure {
  z-index: 33;
  background-color: #e7f0f5;
  border-radius: 15px;
  padding: 3.125rem 3.75rem;
  position: relative;
  overflow: hidden;
}

.popup-brochure.is--popup {
  background-color: #e7f0f500;
  padding: 0;
}

.button-brochure {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  transition: all .2s;
  display: flex;
}

.button-brochure:hover {
  opacity: .9;
}

.button-brochure:active {
  opacity: 1;
}

.brochure-code {
  cursor: pointer;
  font-family: Manrope, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 120%;
}

.brochure-code.ar {
  color: var(--white);
  font-family: Notosansarabic, sans-serif;
  font-weight: 400;
}

.item-name {
  direction: ltr;
  color: var(--color--base);
  text-align: left;
  justify-content: space-between;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 120%;
  display: flex;
}

.prev {
  display: none;
}

.btn-sec-copy {
  color: var(--color--primary);
  white-space: nowrap;
  border: 2px solid #00aee6;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: border-color .3s, color .2s, background-color .3s;
  display: flex;
}

.btn-sec-copy:hover {
  color: var(--color--white);
  background-color: #00aee6;
  border-color: #fff;
}

.btn-sec-copy.is--nav {
  height: 40px;
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.btn-sec-copy.is--banner {
  background-color: #fff;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.btn-sec-copy.is--banner:hover {
  background-color: #00aee6;
}

.btn-sec-copy.is--area-cards {
  z-index: 22;
  background-color: #fff;
  border-color: #00aee600;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  position: relative;
}

.btn-sec-copy.is--area-cards:hover {
  background-color: #00aee6;
}

.catalog_btn-wrap {
  width: 100%;
  height: 100%;
  padding-top: 1rem;
}

.video-window-2 {
  z-index: 6;
  border-radius: .625rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70vw;
  max-width: 70rem;
  height: 52vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.close-popup-video-2 {
  z-index: 5;
  cursor: pointer;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding-top: 1.875rem;
  padding-right: 1.875rem;
  transition: filter .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  inset: 0%;
}

.close-popup-video-2:hover {
  filter: invert(40%);
}

.close-popup-video-icon-2 {
  z-index: 5;
  cursor: pointer;
  width: 2.188rem;
  height: 2.188rem;
  transition: filter .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
}

.close-popup-video-icon-2:hover {
  filter: invert(40%);
}

.text-span-2 {
  color: #f2f0ef;
  background-image: url('../images/Polygon-17.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  font-size: 1.7rem;
}

.footer-desc {
  margin-top: .625rem;
}

.btn-whatsapp-2 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: #fff;
  background-color: #60d669;
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  padding: .9375rem 1.25rem;
  font-weight: 700;
  line-height: 170%;
  display: flex;
}

.icon {
  width: 150px;
  height: auto;
  position: absolute;
  inset: 3.125rem 3.75rem auto auto;
}

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

.project-name {
  color: #464646;
  flex: none;
  font-family: Manrope, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 130%;
}

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

.soc_links {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 2.25rem;
  display: flex;
}

.hero_content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero_btn-wrap {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  padding-top: 4rem;
  display: flex;
}

.hero_btn-wrap.is--nav {
  display: none;
}

.max-w-400px {
  max-width: 23.8rem;
}

.hero_small-banner {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  width: 17.5rem;
  height: 15.9375rem;
  padding: 1.5625rem 1.25rem 1.5625rem 1.875rem;
  display: flex;
}

.hero_small-banner-h {
  color: #222;
  margin-bottom: .75rem;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 2.8125rem;
  font-weight: 400;
  line-height: 80%;
}

.hero_small-banner-h.ar {
  font-family: Notosansarabic, sans-serif;
}

.icon-wrap-60px {
  width: 3.75rem;
  height: 3.75rem;
}

.small-banner-icons-wrap {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
  display: flex;
}

.hero_slider {
  border-radius: 10px;
  width: 36.25rem;
  height: 42.5rem;
  position: relative;
  overflow: hidden;
}

.hero_slider.eng {
  height: 44.9rem;
}

.hero_slider.ar {
  direction: ltr;
  height: 43.4rem;
}

.hero_slide {
  padding-top: 1.875rem;
  padding-bottom: 4.25rem;
  padding-left: 1.875rem;
  position: relative;
}

.hero_slide.ar {
  padding-left: 0;
  padding-right: 1.875rem;
}

.hero_slide-image {
  object-fit: cover;
  position: absolute;
  inset: 0%;
}

.hero_slide-content {
  z-index: 1;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: flex-end;
  width: 90%;
  height: 100%;
  display: flex;
  position: relative;
}

.hero_project-name {
  color: #fff;
  letter-spacing: -.0625rem;
  margin-top: 0;
  margin-bottom: .625rem;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 4.1rem;
  font-weight: 400;
  line-height: 80%;
}

.ar-right {
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  inset: auto 5% 1rem auto;
}

.ar-right.ar {
  left: 15%;
  right: auto;
}

.ar-left {
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  inset: auto 15% 1rem auto;
}

.ar-left.ar {
  left: 5%;
  right: auto;
}

.hide {
  display: none;
}

.blue_banner {
  background-color: #daeaf6;
  background-image: url('../images/Exclusive-offer.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 25px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 2.25rem 1.875rem 1.875rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blue_banner.no-bg {
  background-color: #e6f4ff;
  background-image: none;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2.5rem;
}

.blue_banner.vertical {
  grid-column-gap: 3.125rem;
  grid-row-gap: 3.125rem;
  background-color: #e6f4ff;
  background-image: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2.5rem;
}

.blue_banner.hide {
  display: flex;
}

.banner_btn {
  color: var(--color--white);
  white-space: nowrap;
  background-color: #1eade5;
  border: 2px solid #00aee6;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 1.125rem 2.125rem;
  font-family: Manrope, sans-serif;
  font-weight: 700;
  transition: border-color .3s, color .2s, background-color .3s;
  display: flex;
}

.banner_btn:hover {
  color: var(--color--primary);
  background-color: #fff;
  border-color: #fff;
}

.banner_btn.is--nav {
  cursor: pointer;
  height: 40px;
  padding: 0;
}

.banner_btn.is--banner {
  background-color: #fff;
  max-width: 16.5rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  font-weight: 700;
}

.banner_btn.is--banner:hover {
  background-color: #00aee6;
}

.banner_btn.is--area-cards {
  z-index: 22;
  background-color: #fff;
  border-color: #00aee600;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  display: none;
  position: relative;
}

.banner_btn.is--area-cards:hover {
  background-color: #00aee6;
}

.banner_btn.is--tel {
  cursor: pointer;
  height: 40px;
  padding: 0 1.25rem;
}

.banner_btn.is--tel-2 {
  cursor: pointer;
  border-style: none;
  border-radius: 0;
  align-items: stretch;
  padding: 0 1.25rem;
}

.banner_btn.is--tel-2:hover {
  color: var(--color--primary);
  background-color: #00aee600;
}

.banner_btn.is--project {
  background-color: #fff;
  max-width: 8.25rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  font-weight: 700;
}

.banner_btn.is--project:hover {
  background-color: #00aee6;
}

.blue-banner-h {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 120%;
}

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

.h2-span {
  text-align: right;
  width: 100%;
  padding-left: 13rem;
  display: block;
}

.h2-span.en {
  padding-left: 8rem;
}

.h2-span.ar {
  text-align: left;
  padding-left: 0;
}

.flex-h-25px {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  align-items: center;
  display: flex;
}

.flex-h-25px.align-h-top {
  align-items: flex-start;
}

.flex-v-25px {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  flex-direction: column;
  display: flex;
  position: relative;
}

.max-width-530 {
  text-align: left;
  max-width: 33.125rem;
}

.apart_p-wrap {
  text-align: left;
  max-width: 33.125rem;
  margin-left: 13.2rem;
  margin-right: 14.375rem;
}

.section-banner {
  padding-top: 5.625rem;
  padding-bottom: var(--size--70px);
  text-align: center;
  position: relative;
}

.section-banner.rr {
  margin-top: 411px;
}

.section-banner.bg-blue {
  background-color: #edf7ff;
}

.dubai-banner-image {
  width: 36.1875rem;
  height: 100%;
  margin-top: 0;
  margin-bottom: -1em;
  margin-left: -2em;
  position: absolute;
  inset: auto auto -15% 0%;
}

.dubai-banner-h {
  color: #222;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 120%;
}

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

.dubai_banner-icon-bg {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  padding: .875rem;
  display: flex;
}

.dubai_item-h {
  color: #222;
  text-align: left;
  margin-bottom: 3px;
  font-size: 1.125rem;
  font-weight: 600;
}

.pay_item {
  border: 1px solid #ddd;
  border-radius: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 11.25rem;
  height: 9.6875rem;
  padding: 1.25rem;
  display: flex;
  position: relative;
}

.pay_item.max-w-176px {
  max-width: 16.25rem;
}

.pay_item.max-w-176px.mob_display-none {
  grid-column-gap: var(--size--10px);
  grid-row-gap: var(--size--10px);
}

.text-small-12 {
  font-size: .75rem;
  font-weight: 400;
}

.text-small-12.nowrap {
  white-space: nowrap;
}

.area_p-wrap, .location_p-wrap {
  text-align: left;
  max-width: 46rem;
  margin-left: 13.2rem;
  margin-right: 14.375rem;
}

.section-location {
  padding-top: 5.625rem;
  padding-bottom: var(--size--70px);
  position: relative;
}

.section-location.rr {
  margin-top: 411px;
}

.section-location.bg-blue {
  background-color: #edf7ff;
}

.location_image-item {
  border-radius: 1.25rem;
  flex: none;
  width: 36.25rem;
  height: 36.25rem;
  position: relative;
  overflow: hidden;
}

.location_image-item.mob-hide {
  width: 36.25rem;
}

.location_item-tag {
  color: #1eade5;
  background-color: #fff;
  border-radius: 1.875rem;
  padding: 6px 10px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 150%;
  position: absolute;
  inset: 1.25rem auto auto 1.25rem;
}

.location_info {
  color: #1eade5;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.location_info.align-right {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  justify-content: flex-end;
  align-items: flex-end;
}

.text-size-25 {
  color: #ddd;
  font-size: 1.5625rem;
  font-weight: 600;
}

.location-h {
  color: #464646;
  margin-top: 0;
  font-size: 3.125rem;
  font-weight: 400;
  line-height: 120%;
}

.location-h.max-width {
  letter-spacing: -.0625rem;
  margin-bottom: 0;
  font-family: Cormorant Garamond, sans-serif;
  font-style: italic;
  font-weight: 400;
  line-height: 90%;
}

.location-h.max-width.ar {
  font-family: Notosansarabic, sans-serif;
  font-style: normal;
}

.location_tags {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.location_tag {
  background-color: #edf7ff;
  border: 1px solid #1eade54d;
  border-radius: 1.875rem;
  padding: .375rem .625rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 150%;
}

.location_info-p {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.loaction_adv-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border-radius: 1.875rem;
  padding: 1.875rem;
  display: flex;
}

.location_adv-item {
  grid-column-gap: .6875rem;
  grid-row-gap: .6875rem;
  align-items: flex-start;
  max-width: 12rem;
  display: flex;
}

.adv-dot {
  background-color: #1eade5;
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
  margin-top: 7px;
}

.adv_item-p {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 100%;
}

.location_image-absolute {
  border-radius: .625rem;
  width: 13.5625rem;
  height: 14.375rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.location_image-absolute._2 {
  inset: 5.625rem auto auto 0%;
}

.location_image-absolute._2.ar {
  inset: 5.625rem 0% auto auto;
}

.location_image-absolute.ar {
  inset: 0% auto auto 0%;
}

.flex-v-80px {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.location_bg {
  z-index: -1;
  width: 45.5rem;
  height: 39.875rem;
  position: absolute;
  inset: auto -6rem -5rem auto;
}

.location_bg-2 {
  z-index: -1;
  width: 18.125rem;
  height: 18.125rem;
  position: absolute;
  inset: auto auto -2rem -3rem;
}

.invest-banner-image {
  width: 47rem;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.invest-banner-h {
  color: #222;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 100%;
}

.invest_item-h {
  color: #222;
  text-align: left;
  margin-bottom: 3px;
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 140%;
}

.invest_item {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  flex-direction: column;
  align-items: flex-start;
  max-width: 20.625rem;
  display: flex;
  position: relative;
}

.form_heading {
  text-align: center;
  letter-spacing: -.0625rem;
  margin-bottom: 1.875rem;
  font-family: Shango, sans-serif;
  font-size: 2.1875rem;
  font-weight: 400;
  line-height: 120%;
}

.form_heading.u-text-white {
  color: #f2f0ef;
}

.form_heading.u-text-white.minus-margin {
  margin-left: -1rem;
  margin-right: -1rem;
}

.form_heading.u-text-white.minus-margin.ar {
  font-family: Notosansarabic, sans-serif;
}

.form_heading.popup {
  color: #333;
  margin-left: -1rem;
  margin-right: -1rem;
}

.form_heading.popup.ar {
  font-family: Notosansarabic, sans-serif;
}

.agent-image {
  width: 7.1875rem;
  height: 7.1875rem;
  margin-left: auto;
  margin-right: auto;
}

.form_image-wrap {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  text-align: center;
  background-color: #e6f4ff;
  border-radius: .625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

.newsletter {
  background-color: #fff;
  border-radius: .625rem;
  width: 19.375rem;
  padding-left: .9375rem;
  padding-right: 1.375rem;
}

.newsletter-content {
  grid-column-gap: var(--size--15px);
  grid-row-gap: var(--size--15px);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
  top: -1rem;
}

.newsletter-h {
  color: #464646;
  letter-spacing: -.0625rem;
  margin-bottom: 10px;
  font-family: Shango, sans-serif;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 120%;
}

.newsletter-h.ar {
  text-align: right;
  font-family: Notosansarabic, sans-serif;
  font-weight: 400;
}

.newsletter-h.de {
  font-size: 1.5rem;
}

.footer-btn {
  background-color: var(--color--mid-gray);
  color: var(--color--white);
  white-space: nowrap;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: .5625rem 1.875rem;
  font-family: Manrope, sans-serif;
  font-weight: 700;
  transition: border-color .3s, color .2s, background-color .3s;
  display: flex;
}

.footer-btn:hover {
  background-color: #bb977c;
  border-color: #fff;
}

.footer-btn.is--nav {
  cursor: pointer;
  height: 40px;
  padding: 0;
}

.footer-btn.is--banner {
  background-color: #fff;
  max-width: 16.5rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  font-weight: 700;
}

.footer-btn.is--banner:hover {
  background-color: #00aee6;
}

.footer-btn.is--area-cards {
  z-index: 22;
  background-color: #fff;
  border-color: #00aee600;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  display: none;
  position: relative;
}

.footer-btn.is--area-cards:hover {
  background-color: #00aee6;
}

.footer-btn.is--tel {
  cursor: pointer;
  height: 40px;
  padding: 0 1.25rem;
}

.footer-btn.is--tel-2 {
  cursor: pointer;
  border-style: none;
  border-radius: 0;
  align-items: stretch;
  padding: 0 1.25rem;
}

.footer-btn.is--tel-2:hover {
  color: var(--color--primary);
  background-color: #00aee600;
}

.footer-btn.is--project {
  background-color: #fff;
  max-width: 8.25rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  font-weight: 700;
}

.footer-btn.is--project:hover {
  background-color: #00aee6;
}

.footer-btn.ar {
  font-family: Notosansarabic, sans-serif;
  font-weight: 400;
}

.agent_image-wrap {
  flex: none;
}

.agent_image-wrap.width-60 {
  width: 3.75rem;
  height: 3.75rem;
}

.success-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white);
  color: var(--color--mid-gray);
  white-space: nowrap;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  max-width: 6.375rem;
  margin-top: 1.875rem;
  margin-left: auto;
  margin-right: auto;
  padding: .625rem .875rem;
  font-family: Manrope, sans-serif;
  font-weight: 700;
  transition: border-color .3s, color .2s, background-color .3s;
  display: flex;
}

.success-btn:hover {
  color: var(--color--primary);
  background-color: #fff;
  border-color: #fff;
}

.success-btn.is--nav {
  cursor: pointer;
  height: 40px;
  padding: 0;
}

.success-btn.is--banner {
  background-color: #fff;
  max-width: 16.5rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  font-weight: 700;
}

.success-btn.is--banner:hover {
  background-color: #00aee6;
}

.success-btn.is--area-cards {
  z-index: 22;
  background-color: #fff;
  border-color: #00aee600;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  display: none;
  position: relative;
}

.success-btn.is--area-cards:hover {
  background-color: #00aee6;
}

.success-btn.is--tel {
  cursor: pointer;
  height: 40px;
  padding: 0 1.25rem;
}

.success-btn.is--tel-2 {
  cursor: pointer;
  border-style: none;
  border-radius: 0;
  align-items: stretch;
  padding: 0 1.25rem;
}

.success-btn.is--tel-2:hover {
  color: var(--color--primary);
  background-color: #00aee600;
}

.success-btn.is--project {
  background-color: #fff;
  max-width: 8.25rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  font-weight: 700;
}

.success-btn.is--project:hover {
  background-color: #00aee6;
}

.success-btn.is--brochure {
  font-size: var(--text--16px);
  max-width: 22rem;
}

.success-btn.hide {
  display: none;
}

.success-heading {
  color: #333;
  text-align: center;
  margin-bottom: .9375rem;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 90%;
}

.success-heading.is--brochure {
  font-size: 2.5rem;
  font-weight: 400;
}

.success-heading.u-text-white {
  color: #f2f0ef;
  font-family: Shango, sans-serif;
  font-size: 2.1875rem;
  font-weight: 400;
  line-height: 120%;
}

.nav-link-icon {
  width: 1.6875rem;
  display: inline-block;
}

.lang-wrap-2 {
  color: #f4f9f9;
  border: .0625rem solid #f4f9f9;
  border-radius: 4.375rem;
  justify-content: center;
  align-items: center;
  width: 2.188rem;
  height: 2.188rem;
  padding: 0;
  display: flex;
}

.lang_text-2 {
  color: var(--color--base);
  font-size: .875rem;
  line-height: 150%;
}

.lang_icon-2 {
  color: #f4f9f9;
  margin: .125rem 0 0;
  font-size: .6rem;
  position: static;
}

.dropdown-lang-list-2 {
  margin-top: .625rem;
}

.dropdown-lang-list-2.w--open {
  background-color: #0000;
}

.lang-link-2 {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #f4f9f9;
  background-color: #5a5a5a33;
  border: .0625rem solid #f4f9f980;
  border-radius: 4.375rem;
  justify-content: center;
  align-items: center;
  width: 2.188rem;
  height: 2.188rem;
  margin-bottom: .625rem;
  padding: 0;
  font-size: .74rem;
  display: flex;
}

.lang-link-2:hover {
  border-color: #f4f9f9;
}

.catalog_item-wrap {
  background-color: #2220;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.catalog_hover-text {
  color: var(--color--white);
  font-family: Manrope, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 100%;
}

.catalog-brochure-btn {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #4e4e4e;
  cursor: pointer;
  background-color: #ffffffbd;
  border-radius: 3.75rem 0 0 3.75rem;
  width: 8.5rem;
  padding: .4375rem 1rem .5rem .5rem;
  text-decoration: none;
  transition: all .3s, background-color .3s, color .3s;
  display: flex;
}

.catalog-brochure-btn:hover {
  color: var(--color--primary);
  background-color: #fff;
}

.catalog-brochure-btn.is--areas {
  width: 11rem;
}

.catalog-brochure-btn.small {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  width: 7.9rem;
}

.catalog-brochure-btn.small.ar {
  justify-content: flex-end;
  padding-left: 1rem;
  padding-right: .5rem;
}

.catalog-brochure-btn.small.de {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 9.6rem;
}

.icon-wrap-45px {
  width: var(--size--40px);
  height: var(--size--40px);
  flex: none;
}

.faq-content_wrp {
  grid-column-gap: 3.25rem;
  grid-row-gap: 3.25rem;
  padding-bottom: 1.25rem;
  padding-left: 0;
  padding-right: 1.25rem;
  display: flex;
}

.faq-text {
  color: #262626;
  width: 70%;
  font-weight: 300;
}

.faq-ttl {
  color: #57666e;
  text-align: left;
  text-transform: uppercase;
  white-space: normal;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 1.56rem;
  font-weight: 400;
  line-height: 1.3;
}

.container-2 {
  flex-direction: column;
  width: 100%;
  max-width: 65rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.faq-drop {
  border-top: 1px solid #e1e3e5;
  border-bottom: 1px #e1e3e5;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.h2-2 {
  color: #57666e;
  font-size: 2.875rem;
  font-weight: 500;
  line-height: 1.3;
}

.h2-2.caps {
  text-transform: uppercase;
  flex-direction: column;
}

.global-padding {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.spacer-40-20 {
  padding-top: 2.5rem;
}

.toggle-content {
  background-color: #0000;
  display: block;
  position: static;
  overflow: hidden;
}

.toggle-content.w--open {
  padding-top: 0;
  font-weight: 300;
}

.faq-acordion {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-toggle-2 {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  font-size: 17px;
  display: flex;
}

.toggle-icon {
  z-index: 10;
  color: #57666e;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-left: auto;
  display: flex;
  position: relative;
}

.medium-padding {
  float: none;
  aspect-ratio: auto;
  object-fit: fill;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: block;
}

.medium-padding.hide {
  display: none;
}

.plus-icon {
  z-index: 1;
  width: 1.88rem;
  height: 1.88rem;
  position: relative;
}

.swiper-wrapper.is-slider-bg {
  flex-direction: row;
  width: 100%;
  height: 100%;
  display: flex;
}

.swiper-wrapper.is-slider-thumbs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gallery-content {
  margin-left: -2rem;
  margin-right: -2rem;
  overflow: hidden;
}

.slider-img_wrp {
  border-radius: .63rem;
  justify-content: center;
  align-items: center;
  max-height: 31.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-thumbs_overflow {
  width: 100%;
  position: relative;
  overflow: visible;
}

.zoom-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.375rem;
  height: 1.375rem;
  display: flex;
}

.swiper.is-slider-bg {
  width: 100%;
  height: 100%;
}

.swiper.is-slider-thumbs {
  width: 100%;
  overflow: visible;
}

.slider-gallery_component {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.swiper-slide.is-slider-bg {
  flex: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiper-slide.is-slider-thumbs {
  flex: none;
  width: 100%;
  padding-right: .31rem;
}

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

.slider-thumbs_wrapper {
  width: 20%;
}

.gal-img {
  object-fit: cover;
  border-radius: 10px;
  position: static;
  inset: 0%;
}

.headline {
  color: #788f9b;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1;
}

.thumb-img-wrp {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.thumb-img-wrp.padding-left {
  z-index: 11;
  width: 100%;
  height: 100%;
  padding-top: 1.25rem;
  padding-left: 1.25rem;
  position: static;
  bottom: auto;
  right: auto;
}

.thumb-img-wrp.padding-left.ar {
  left: auto;
}

.h2-headline {
  font-size: 1em;
}

.slide-content {
  border-radius: 10px;
  height: 100%;
  overflow: hidden;
}

.slide-zoom-ico {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #f4f6fbc4;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: .5625rem .9375rem;
  display: flex;
}

.slider-display_component {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.slade-gallery {
  z-index: 2147483647;
}

.slider-thumbs_component {
  justify-content: flex-end;
  width: 100%;
  margin-top: 1.88rem;
  display: flex;
}

.slide-overlay {
  cursor: pointer;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.project_grid-small {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.breadcrumbs__wrp {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.breadcrumbs-link {
  color: #222;
  font-size: .75rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.breadcrumbs-separate {
  color: #57666e;
  margin-left: .25rem;
  margin-right: .25rem;
  font-weight: 300;
  text-decoration: none;
  display: inline-block;
}

.breadcrumbs-page {
  color: #222;
  text-transform: none;
  font-size: .75rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.project_share-link {
  align-items: center;
  display: flex;
}

.container-hero-project {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  max-width: 75rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.25rem;
  display: flex;
}

.hero-project {
  z-index: 0;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-top: 5rem;
  display: flex;
  position: relative;
}

.project_gallery-btn {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #6d6e70;
  cursor: pointer;
  background-color: #f4f6fbc4;
  border-radius: 3.75rem;
  width: 16rem;
  padding: .875rem 1rem;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.project_gallery-btn:hover {
  color: var(--color--primary);
  background-color: #fff;
}

.project_gallery-btn.hide {
  display: none;
}

.project-galery_btn-wrap {
  position: absolute;
  inset: auto -10% 1.875rem auto;
}

.project-galery_btn-wrap.is--success {
  z-index: 33;
}

.number-of-photos {
  color: #6d6e70;
}

.section-article {
  text-align: center;
  padding-top: 1.875rem;
  padding-bottom: 0;
  position: relative;
}

.section-article.rr {
  margin-top: 411px;
}

.section-article.bg-blue {
  background-color: #edf7ff;
}

.project_article-header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  display: flex;
}

.article_content {
  max-width: 60%;
}

.article_content.mob-full {
  margin-bottom: 4.375rem;
}

.article_h1 {
  color: var(--color--base);
  text-align: left;
  margin-bottom: 1.25rem;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 3.125rem;
  font-weight: 400;
}

.article_h2 {
  color: #2222224d;
  margin-top: 2.1875rem;
  margin-bottom: 1.25rem;
  font-size: 2rem;
  font-style: italic;
  font-weight: 400;
}

.article_sidebar {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.project-price {
  color: var(--color--base);
  text-align: left;
  font-size: 1.875rem;
  line-height: 150%;
}

.project-location {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  align-items: center;
  padding-top: 1.25rem;
  display: flex;
}

.project-location.no-padding {
  justify-content: flex-start;
  padding-top: 0;
}

.project_form-wrap {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  text-align: center;
  border: 1px solid #d5d5d5;
  border-radius: .625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 23.375rem;
  margin-top: 2.5rem;
  padding: 1.25rem;
  display: flex;
  position: relative;
}

.project_agent-info {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  text-align: left;
  border-bottom: 1px solid #d5d5d5;
  align-items: center;
  padding-bottom: 1.25rem;
  display: flex;
}

.project_agent-name {
  color: #222;
  text-align: center;
  margin-bottom: .625rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 80%;
}

.agent-position {
  font-size: .875rem;
  line-height: 150%;
}

.project_agent-image {
  width: 5rem;
  height: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.project_article-p {
  color: #6d6e70;
  text-align: left;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 150%;
}

.predcrumbs_wrap {
  align-items: center;
  display: flex;
}

.article-anchors-wrap {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  justify-content: flex-start;
  margin-top: 3.75rem;
  margin-bottom: 4.375rem;
  display: flex;
}

.anchor-item {
  grid-column-gap: .9375rem;
  grid-row-gap: .9375rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.anchor-image {
  position: absolute;
  inset: 0%;
}

.anchoer_image-wrap {
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 9.375rem;
  height: 9.375rem;
  display: flex;
  position: relative;
}

.anchor_text {
  color: var(--color--base);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 120%;
}

.article_h3 {
  color: var(--color--base);
  text-align: left;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 1.875rem;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 3.125rem;
  font-weight: 400;
  line-height: 100%;
}

.article_h3.margin-bottom-16px {
  margin-bottom: 1rem;
}

.article_h3.text-size-70 {
  margin-bottom: 0;
  font-size: 4.375rem;
}

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

.improvement-item {
  border-radius: .625rem;
  height: 15rem;
  position: relative;
  overflow: hidden;
}

.improvement-image {
  position: absolute;
  inset: 0%;
}

.improvement-gradient {
  background-image: linear-gradient(#3330 65%, #333);
  align-items: flex-end;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.improvement-text {
  color: #f4f6fb;
  font-size: 1.125rem;
  font-weight: 600;
}

.improvement-lists-wrapper {
  margin-top: 1.875rem;
}

.improvement-rich-tags ul {
  grid-column-gap: 6.25rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 0;
  padding-left: 20px;
  display: grid;
}

.improvement-rich-tags li {
  color: var(--color--base);
  text-align: left;
  text-transform: none;
  padding: 0;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.floorplan_tabs-menu {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  margin-bottom: .875rem;
  display: flex;
}

.floorplan_tab-link {
  opacity: .5;
  color: var(--color--base);
  background-color: #fff;
  border-radius: 1.875rem;
  justify-content: center;
  align-items: center;
  padding: .375rem .625rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 150%;
  display: flex;
}

.floorplan_tab-link.w--current {
  opacity: 1;
  background-color: #fff;
}

.floorplan_tab-content {
  background-color: #fff;
  border-radius: .625rem;
  height: 25rem;
  padding: .75rem 6.5rem .75rem 3.125rem;
  position: relative;
  overflow: hidden;
}

.floorplan-image {
  object-fit: cover;
}

.floorplans_info {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.area-text {
  color: var(--color--base);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

.floorplan_btn-wrap {
  position: absolute;
  inset: auto -15% 1.875rem auto;
}

.floorplan_btn-wrap.is--success {
  z-index: 33;
}

.project_floorplan-btn {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #6d6e70;
  cursor: pointer;
  background-color: #f4f6fbc4;
  border-radius: 3.75rem 0 0 3.75rem;
  align-items: center;
  width: 13rem;
  padding: .9375rem 2rem 1rem 1rem;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.project_floorplan-btn:hover {
  color: var(--color--primary);
  background-color: #fff;
}

.payment_tab-content {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: .625rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  padding: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.payment_rich-text {
  flex-flow: wrap;
  display: flex;
}

.payment_rich-text p {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  border: 1px solid #d5d5d5;
  border-radius: .625rem;
  flex-direction: column;
  align-items: flex-start;
  width: 10.25rem;
  height: 6.25rem;
  margin-bottom: .625rem;
  margin-right: .625rem;
  padding: .9375rem 2rem .9375rem .9375rem;
  font-size: .75rem;
  display: flex;
}

.payment_rich-text strong {
  color: #6d6e70;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 80%;
}

.project_payment-btn {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  width: 100%;
  margin-left: auto;
  padding-top: 1.125rem;
  display: flex;
}

.payment_btn {
  border: 2px solid var(--color--primary);
  background-color: var(--color--primary);
  color: var(--color--white);
  white-space: nowrap;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1.125rem 2.125rem;
  font-weight: 700;
  transition: border-color .3s, color .2s, background-color .3s;
  display: flex;
}

.payment_btn:hover {
  border-color: var(--color--primary);
  color: var(--color--primary);
  background-color: #fff;
}

.payment_btn.is--nav {
  cursor: pointer;
  height: 40px;
  padding: 0;
}

.payment_btn.is--banner {
  background-color: #fff;
  max-width: 16.5rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  font-weight: 700;
}

.payment_btn.is--banner:hover {
  background-color: #00aee6;
}

.payment_btn.is--area-cards {
  z-index: 22;
  background-color: #fff;
  border-color: #00aee600;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  display: none;
  position: relative;
}

.payment_btn.is--area-cards:hover {
  background-color: #00aee6;
}

.payment_btn.is--tel {
  cursor: pointer;
  height: 40px;
  padding: 0 1.25rem;
}

.payment_btn.is--tel-2 {
  cursor: pointer;
  border-style: none;
  border-radius: 0;
  align-items: stretch;
  padding: 0 1.25rem;
}

.payment_btn.is--tel-2:hover {
  color: var(--color--primary);
  background-color: #00aee600;
}

.payment_btn.is--project {
  background-color: #fff;
  max-width: 8.25rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  font-weight: 700;
}

.payment_btn.is--project:hover {
  background-color: #00aee6;
}

.project_location-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.location_map-image {
  cursor: pointer;
  border-radius: 10px;
  width: 100%;
  height: 25rem;
  margin-top: 2.8125rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.location_items-wrap {
  grid-column-gap: 2.125rem;
  grid-row-gap: 2.125rem;
  padding-top: 1.875rem;
  display: flex;
}

.location_item {
  width: 50%;
  position: relative;
}

.location_h {
  color: #333;
  text-align: left;
  margin-top: 0;
  margin-bottom: .625rem;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 1.875rem;
  font-style: italic;
  font-weight: 400;
  line-height: 90%;
}

.location_item-sep {
  background-color: #6d6e70;
  width: 50%;
  height: 1px;
  margin-top: 1.5625rem;
}

.timings_wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  display: flex;
}

.timing_item {
  width: 50%;
}

.timings-rich ul {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 30px;
  display: flex;
}

.timings-rich li {
  color: #222;
  text-align: left;
  text-transform: none;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.roi-component {
  padding-top: 2.5rem;
  display: flex;
}

.roi_item {
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 15rem;
  display: flex;
}

.roi_item._2 {
  margin-left: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.roi-text {
  color: #333;
  text-align: center;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 2.1875rem;
  font-style: italic;
  line-height: 90%;
}

.location_content {
  justify-content: space-between;
  display: flex;
}

.location_content.mob-full {
  margin-bottom: 4.375rem;
}

.location_content-wrap {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.location_table {
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  width: 23.3125rem;
  padding: 1.25rem 1.25rem .5rem;
}

.developer-image {
  width: 8.75rem;
  height: auto;
}

.location_table-content {
  padding-top: 1.25rem;
}

.location_table-rich p {
  color: #6d6e70;
  justify-content: space-between;
  width: 100%;
  margin-bottom: .8125rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 150%;
  display: flex;
}

.location_table-rich strong {
  color: #222;
  text-align: right;
  font-weight: 600;
}

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

.pay_item-tooltip {
  color: #1eade5;
  background-color: #edf7ff;
  border: 1px solid #1eade566;
  border-radius: 1.25rem;
  padding: .375rem .5625rem;
  font-size: .75rem;
  font-weight: 600;
  position: absolute;
  inset: -1.5rem auto auto -.5rem;
  transform: rotate(-4deg);
}

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

.popup-map-2 {
  border-radius: .625rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90vw;
  max-width: 70rem;
  height: 83vh;
  display: flex;
  overflow: hidden;
}

.close-map_popup-2 {
  cursor: pointer;
  width: 2.188rem;
  height: 2.188rem;
  transition: filter .5s cubic-bezier(.25, .46, .45, .94);
  position: absolute;
  inset: 2rem 2rem auto auto;
}

.close-map_popup-2:hover {
  filter: invert(50%);
}

.projects_h2 {
  font-size: 3.125rem;
}

.hero_slide-overlay {
  background-image: linear-gradient(#3330 51%, #333);
  position: absolute;
  inset: 0%;
}

.hero_slider-pagination {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  width: 70%;
  display: flex;
  position: absolute;
  inset: auto auto .5rem 1.875rem;
}

.hero_slider-pagination.ar {
  justify-content: flex-end;
  bottom: 1rem;
  left: auto;
  right: 1.875rem;
}

.filters-wrap {
  grid-column-gap: var(--size--40px);
  grid-row-gap: var(--size--40px);
  display: flex;
}

.filters-wrap.hide {
  display: none;
}

.cataog_big-card {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 2.5rem;
  display: flex;
  overflow: hidden;
}

.big-card-gallery {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 50%;
  display: grid;
}

.big-card_slider-wrap {
  width: 100%;
  height: 20rem;
  position: relative;
  overflow: hidden;
}

.big-card_slider {
  background-color: #ddd0;
  width: 100%;
  position: relative;
}

.big-card_slider.ar {
  direction: ltr;
}

.big-card_slide {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.big-card_nav {
  justify-content: center;
  align-items: center;
  display: flex;
  inset: auto 0% 2%;
}

.ar-right-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 0% 0% 0% auto;
}

.ar-left-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 0% auto 0% 0%;
}

.big-card_content {
  width: 50%;
  padding: 2.75rem 2.5rem 2.5rem 2.8125rem;
  position: relative;
}

.big-card_content.mob-full {
  margin-bottom: 4.375rem;
}

.big-card_h {
  color: var(--color--mid-gray);
  text-align: left;
  max-width: 13ch;
  margin-bottom: 1.25rem;
  font-family: Shango, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 120%;
  transition: color .3s;
}

.big-card_h:hover {
  color: var(--color--primary);
}

.big-card_h.ar {
  text-align: right;
  font-family: Notosansarabic, sans-serif;
}

.big-card-rich-tags {
  z-index: 1;
  position: relative;
}

.big-card-rich-tags ul {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 1.875rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.big-card-rich-tags li {
  color: #333;
  text-transform: none;
  background-color: #f2f0ef;
  font-family: Manrope, sans-serif;
  font-weight: 600;
  line-height: 150%;
  display: inline-block;
}

.big-card-rich-tags ol {
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.big-card-p {
  color: #8f8f8f;
  text-align: center;
  max-width: 17.8125rem;
  margin-top: .875rem;
  margin-bottom: 1.875rem;
  font-size: .875rem;
  line-height: 150%;
}

.big-card-p.ru {
  max-width: 25rem;
}

.big-card-price {
  color: #464646;
  text-align: left;
  font-family: Manrope, sans-serif;
  font-size: 1.875rem;
  line-height: 150%;
}

.big-card-price.ar {
  text-align: right;
  font-family: Notosansarabic, sans-serif;
}

.big-card_logo-image {
  width: 4.375rem;
  height: auto;
  position: absolute;
  inset: 1.5625rem 1.875rem auto auto;
}

.big-card_logo-image.mob-hide {
  width: 7rem;
  top: 2.75rem;
  right: 1.875rem;
}

.big-card_logo-image.mob-hide.ar {
  left: 1.875rem;
  right: auto;
}

.big-card_btns-wrap {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  width: 100%;
  margin-top: 1.25rem;
  display: flex;
}

.whatsapp-link {
  width: 3.4375rem;
  height: 3.4375rem;
  margin-left: auto;
  display: none;
}

.catalog-banner {
  background-color: #333;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 20rem;
  padding: 2.5rem 3rem;
  display: flex;
}

.catalog-banner.is--success {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  height: auto;
}

.catalog-banner-h {
  color: #fff;
  letter-spacing: -.0625rem;
  margin-top: 0;
  margin-bottom: .625rem;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 4.375rem;
  font-weight: 400;
  line-height: 90%;
}

.catalog-banner-h.ar {
  font-family: Notosansarabic, sans-serif;
}

.catalog_options-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-top: 1.875rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.option-item {
  z-index: 1;
  color: var(--white);
  cursor: pointer;
  border: 1px solid #f2f0ef4d;
  border-radius: 1.875rem;
  justify-content: center;
  align-items: center;
  padding: .6875rem 1.25rem;
  font-family: Manrope, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 150%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.option-item:active {
  color: var(--black);
  background-color: #fff;
}

.catalog-banner-pagination {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pag-circle {
  background-color: #f2f0ef4d;
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
}

.pag-circle.active {
  background-color: #f2f0ef;
}

.pag-line {
  background-color: #f2f0ef4d;
  width: 2.5rem;
  height: 1px;
}

.pag-line.active {
  background-color: #f2f0ef;
}

.location_info-wrap {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.line-sep {
  background-color: #aaa;
  width: 65%;
  height: 1px;
}

.video_banner {
  text-align: center;
  background-color: #333;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 5rem 5rem 11.5rem;
  display: flex;
}

.videp-banner-desc {
  margin-bottom: 2.5rem;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 1.5625rem;
  font-style: italic;
}

.videp-banner-desc.ar {
  font-family: Notosansarabic, sans-serif;
  font-style: normal;
}

.video_banner-p {
  max-width: 27.5rem;
  padding-top: 1.25rem;
  padding-bottom: 2.5rem;
}

.video-component {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-radius: 10px;
  flex-direction: column;
  width: 65rem;
  margin-top: -8rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.video-vrap {
  border-radius: 10px;
  width: 100%;
  height: 26rem;
  position: relative;
  overflow: hidden;
}

.embed-video {
  z-index: 1;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.video-content {
  justify-content: space-between;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.video-rich-tags {
  z-index: 1;
  position: relative;
}

.video-rich-tags ul {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 1.875rem;
  padding-left: 0;
  padding-right: 0;
  list-style-type: none;
  display: flex;
}

.video-rich-tags li {
  color: #333;
  text-transform: none;
  background-color: #fff;
  font-family: Notosansarabic, sans-serif;
  font-weight: 400;
  line-height: 150%;
  display: inline-block;
}

.video-rich-tags ol {
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.huge_slider {
  float: none;
  clear: none;
  direction: ltr;
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.huge_slide-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: grid;
}

.huge_slide-image {
  object-fit: cover;
  width: 28.375rem;
  min-width: 28.375rem;
  height: 100%;
}

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

.huge_slider-info {
  grid-column-gap: var(--size--20px);
  grid-row-gap: var(--size--20px);
  flex-direction: column;
  display: flex;
  position: relative;
}

.mask-2 {
  width: 100%;
  height: 100%;
}

.huge_slide-ar {
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 0% -8% 0% auto;
}

.huge_slide-ar._2 {
  inset: 0% auto 0% -8%;
}

.huge_slider-items-wrap {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  max-width: 15.6rem;
  display: flex;
}

.huge_slider-item {
  align-items: center;
  display: flex;
}

.dot-7px {
  background-color: var(--black);
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
  margin-right: .625rem;
}

.dot-7px.ar {
  margin-left: .625rem;
  margin-right: 0;
}

.huge_slider-item-h {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 1.875rem;
  font-style: italic;
  font-weight: 300;
  line-height: 90%;
}

.huge_slider-item-h.max-width {
  letter-spacing: -.0625rem;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 400;
  line-height: 90%;
}

.huge_slider-item-h.ar {
  font-family: Notosansarabic, sans-serif;
  font-style: normal;
}

.huge_slider-label-image {
  pointer-events: none;
  width: 12.1875rem;
  height: auto;
  position: absolute;
  inset: 0%;
}

.huge_slider-nav {
  justify-content: center;
  align-items: center;
  display: flex;
  inset: auto 0% -10%;
}

.mask-3 {
  height: 100%;
}

.areas_card-link {
  color: var(--color--primary);
  margin-left: auto;
  font-family: Manrope, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 150%;
  transition: opacity .3s;
}

.areas_card-link:hover {
  opacity: .65;
}

.label-link {
  color: var(--color--primary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 12.1875rem;
  height: 12.1875rem;
  transition: background-color .3s, color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.label-link:hover {
  background-color: var(--color--primary);
  color: var(--white);
}

.label_link-text {
  text-align: center;
  font-family: Manrope, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 150%;
}

.label_link-text.ar {
  font-family: Notosansarabic, sans-serif;
  font-weight: 400;
}

.text-span-3 {
  font-family: Manrope, sans-serif;
  font-size: 3rem;
  font-weight: 300;
  line-height: 40%;
}

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

.quiz-p {
  color: #8f8f8f;
  text-align: left;
  margin-top: .9375rem;
  margin-bottom: 2rem;
  font-family: Manrope, sans-serif;
  font-size: .875rem;
  line-height: 150%;
}

.catalog_form-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
}

.radio-button {
  z-index: 0;
  border-style: none;
  width: 100%;
  height: 110%;
  margin-left: 0;
  position: absolute;
  inset: -8% 0% 0%;
}

.radio-button.w--redirected-checked {
  z-index: 0;
  background-color: #fff;
  border-style: none;
  border-radius: 0%;
  width: 100%;
  height: 120%;
}

.radio-label {
  z-index: 99;
  margin-bottom: 0;
  position: relative;
}

.form-wrapper, .quiz-steps {
  width: 100%;
}

.hero-slide-content-wrap {
  width: 100%;
  height: 100%;
}

.collection-item-2, .collection-list {
  height: 100%;
}

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

.close-brochure-icon {
  z-index: 10;
  width: var(--size--35px);
  height: var(--size--35px);
  cursor: pointer;
  transition: filter .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  inset: 2rem 2rem auto auto;
}

.close-brochure-icon:hover {
  filter: invert(40%);
}

.popup_news-wrap {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #333c;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.close-news-icon {
  z-index: 10;
  width: var(--size--35px);
  height: var(--size--35px);
  cursor: pointer;
  transition: filter .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  inset: 2rem 2rem auto auto;
}

.close-news-icon:hover {
  filter: invert(40%);
}

.close-popup-news {
  z-index: 10;
  border-radius: 50px;
  flex-direction: row;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hover-link {
  padding: 20px;
  display: flex;
}

.logo-170px {
  width: 10rem;
  margin-right: 20px;
}

.bg-video-wrap {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-video-2 {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.bg-video-overlay {
  background-image: linear-gradient(5deg, #222, #22222280);
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-content {
  border-radius: 1.875rem;
  width: 95%;
  height: 100%;
  margin: 1rem auto;
  position: relative;
  overflow: hidden;
}

.hero-desc {
  color: #b7b3b0;
  text-align: center;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 700;
  line-height: 130%;
}

.margin-bottom-70 {
  margin-bottom: 4.375rem;
}

.margin-bottom-70.ar {
  text-align: center;
}

.flex-h-45 {
  grid-column-gap: 2.8125rem;
  grid-row-gap: 2.8125rem;
  display: flex;
}

.cons-btn {
  grid-column-gap: .9375rem;
  grid-row-gap: .9375rem;
  color: var(--color--light-gray);
  text-transform: uppercase;
  background-color: #bb977c;
  border-radius: .625rem;
  flex: none;
  align-items: center;
  max-width: 15.625rem;
  padding: 1rem;
  font-size: .875rem;
  font-weight: 700;
  line-height: 130%;
  transition: background-color .3s;
  display: flex;
}

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

.map-image {
  height: auto;
  margin-top: -4rem;
}

.projects-links-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  display: flex;
}

.projects-links-wrapper.is--hero {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: center;
  align-items: center;
}

.project-link {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  color: #948e89;
  border: 1px solid #b7b3b04d;
  border-radius: .625rem;
  width: 23.3125rem;
  padding: 1.25rem;
  transition: color .3s, background-color .3s;
  display: flex;
}

.project-link:hover {
  color: #fff;
  background-color: #948e89;
}

.project-link.is--hero {
  grid-column-gap: .9375rem;
  grid-row-gap: .9375rem;
  background-color: #f2f0ef;
  justify-content: flex-start;
  align-items: center;
  width: 22rem;
  padding: .625rem;
}

.project-link.is--hero:hover {
  color: #fff;
  background-color: #b7b3b0;
}

.mroject-link-image {
  object-fit: cover;
  border-radius: .3125rem;
  flex: none;
  width: 6.25rem;
  height: 6.25rem;
  overflow: hidden;
}

.mroject-link-image.is--hero {
  width: 7.1875rem;
  height: 5rem;
}

.project-link-h {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 120%;
}

.project-link-info {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.project-link-info.is--hero {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
}

.flex-h-space {
  justify-content: space-between;
  display: flex;
}

.project-link-icon {
  color: var(--white);
  background-color: #b7b3b0;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5625rem;
  height: 1.5625rem;
  display: flex;
}

.project-link-icon.ar {
  transform: rotate(180deg);
}

.icon-embed {
  width: 100%;
  height: 100%;
}

.h2-bg-type {
  opacity: .1;
  text-align: center;
  font-size: 7.5rem;
  line-height: 120%;
}

.key_cards-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.key-big-card {
  background-color: var(--color--mid-gray);
  border-radius: 1.25rem;
  width: 100%;
  height: 37.5rem;
  display: flex;
  overflow: hidden;
}

.key_big-card-image {
  width: 50%;
}

.key_big-card-content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.big-card-h3 {
  color: var(--color--primary);
  text-align: center;
  font-size: 3.125rem;
  font-weight: 400;
}

.big-card-h3.ar {
  font-size: 2.5rem;
}

.big-card-image {
  border-radius: .625rem;
  width: 10.625rem;
  height: auto;
  margin-top: .9375rem;
  margin-bottom: 1.625rem;
}

.section-key-features {
  padding-top: 5.625rem;
  padding-bottom: var(--size--70px);
  position: relative;
}

.section-key-features.rr {
  margin-top: 411px;
}

.section-key-features.bg-blue {
  background-color: #edf7ff;
}

.key-card {
  border: 1px solid #b7b3b04d;
  border-radius: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 36.25rem;
  height: 25rem;
  padding: 1.875rem;
  display: flex;
}

.key-card-header {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  flex-direction: column;
  display: flex;
}

.key_card-logos-wrapper {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.key_card-image {
  width: 5.625rem;
  height: auto;
}

.key_card-info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

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

.big-card-project-tag {
  background-color: #f2f0ef;
  border-radius: 1.875rem;
  padding: .375rem .625rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 150%;
}

.big-card-project-p {
  color: #8f8f8f;
  text-align: left;
  margin-top: 1.25rem;
  margin-bottom: 2.125rem;
  font-size: .875rem;
  line-height: 150%;
}

.big-card-project-p.ar {
  text-align: right;
}

.big-card-image-2 {
  border-radius: 10px;
  width: 19.0625rem;
  height: 10rem;
}

.location_points-wrap {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: flex-start;
  display: flex;
}

.location_point {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  display: flex;
}

.flex-v-90 {
  grid-column-gap: 5.625rem;
  grid-row-gap: 5.625rem;
  flex-direction: column;
  display: flex;
}

.location_point-big {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  border: 1px solid #b7b3b04d;
  border-radius: .625rem;
  align-items: center;
  padding: 1.1875rem 3.625rem 1.1875rem 1rem;
  display: flex;
}

.icon-80px {
  flex: none;
  width: 5rem;
  height: 5rem;
}

.lang-flag {
  width: 1.5rem;
  height: auto;
  margin-right: .375rem;
}

.lang-flag.ar {
  margin-left: .375rem;
  margin-right: 0;
}

.play-button {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  color: #464646;
  background-color: #fff;
  border-radius: 1.875rem;
  justify-content: center;
  align-items: center;
  padding: .375rem .625rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 150%;
  display: flex;
  position: absolute;
  inset: 1.25rem auto auto 1.25rem;
}

.icon-10 {
  justify-content: center;
  align-items: center;
  width: .625rem;
  height: .625rem;
  display: flex;
}

.icon-10.ar {
  transform: rotate(180deg);
}

.navmenu-image {
  display: none;
}

.close-bg-popup-video {
  z-index: 5;
  padding-top: var(--size--30px);
  padding-right: var(--size--30px);
  cursor: pointer;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  transition: filter .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: absolute;
  inset: 0%;
}

.close-bg-popup-video:hover {
  filter: invert(40%);
}

.success-wrap {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.margin-bottom-20 {
  margin-bottom: 1.3125rem;
}

.margin-bottom-20.ar {
  text-align: center;
}

.margin-bottom-20.fr {
  font-size: 3.6rem;
}

.hero_h2 {
  color: var(--white);
  text-align: center;
  max-width: 30ch;
  font-size: 2.5rem;
}

.headind-2-ar {
  font-family: Notosansarabic, sans-serif;
}

.call-tracker-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: .9375rem;
  display: flex;
}

.code-embed, .code-embed-2 {
  color: var(--color--base);
}

@media screen and (min-width: 1280px) {
  .ellipse-start:hover {
    box-shadow: 0 2px 10px #d0a96680;
  }

  .footer_link-visa {
    display: block;
  }

  .footer_bottom-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
  }

  .button-brochure {
    font-size: 16px;
  }

  .form_heading.popup {
    font-size: 2rem;
  }

  .agent-image {
    width: 7rem;
    height: 7rem;
  }

  .slider-img_wrp {
    max-height: 31.25rem;
  }

  .slider-gallery_component {
    margin-top: 0;
  }

  .slider-display_component {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .project_grid-small {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .article_h3 {
    color: var(--color--base);
    text-align: left;
    margin-top: 0;
    margin-bottom: 1.875rem;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 100%;
  }

  .improvement-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .improvement-item {
    border-radius: .625rem;
    height: 15rem;
    position: relative;
    overflow: hidden;
  }

  .improvement-image {
    position: absolute;
    inset: 0%;
  }

  .improvement-gradient {
    background-image: linear-gradient(#3330 61%, #333);
    align-items: flex-end;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .improvement-text {
    color: #f4f6fb;
    text-align: left;
    font-size: 1.125rem;
    font-weight: 600;
  }

  .improvement-lists-wrapper {
    margin-top: 1.875rem;
  }

  .improvement-rich-tags ul {
    grid-column-gap: 6.25rem;
    grid-row-gap: 0rem;
    flex-wrap: wrap;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    justify-items: start;
    width: 100%;
    margin-bottom: 0;
    padding-left: 20px;
    display: grid;
  }

  .improvement-rich-tags li {
    color: var(--color--base);
    text-transform: none;
    padding: 0;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 150%;
  }

  .big-card-gallery {
    grid-auto-columns: 1fr;
  }

  .big-card_slider {
    height: 20.625rem;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: var(--text--14px);
  }

  h1 {
    font-size: 2.25rem;
  }

  h2 {
    font-size: 3.125rem;
  }

  .h2 {
    font-size: var(--text-mob--h2-23px);
  }

  .u-mb-0 {
    margin-bottom: 0;
  }

  .section {
    padding-top: var(--size--35px);
    padding-bottom: var(--size--35px);
  }

  .page-wrap.margin-top_negative-10rem {
    border-top-left-radius: var(--size--15px);
    border-top-right-radius: var(--size--15px);
  }

  .h1 {
    font-size: var(--text-mob--h1-30px);
  }

  .spaceb-h-desc-flex-v-mob {
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .spaceb-h-desc-flex-v-mob.align-bottom {
    grid-column-gap: var(--size--15px);
    grid-row-gap: var(--size--15px);
    flex-direction: column;
  }

  .flex-h-10px.margin-top-first-sec-desc, .flex-h-10px.catalog-banner-wrap {
    flex-direction: column;
    width: 100%;
  }

  .btn-primary {
    padding: var(--size--15px) var(--size--30px);
    background-color: var(--color--primary);
    font-size: var(--text--14px);
    text-align: center;
    background-image: none;
    order: -1;
    justify-content: center;
    align-items: center;
    width: auto;
    min-height: auto;
  }

  .max-w-60 {
    max-width: none;
  }

  .btn-secondary {
    padding: var(--size--15px) var(--size--30px);
    font-size: var(--text--14px);
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    min-height: auto;
  }

  .flex-v-48px {
    grid-column-gap: var(--size--25px);
    grid-row-gap: var(--size--25px);
  }

  .flex-h-48px-center {
    grid-column-gap: var(--size--25px);
    grid-row-gap: var(--size--25px);
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .flex-v-15px {
    grid-column-gap: var(--size--10px);
    grid-row-gap: var(--size--10px);
  }

  .text-small-14px {
    font-size: var(--text--12px);
  }

  .text-large {
    font-size: var(--text--14px);
  }

  .flex-h-5px {
    text-align: left;
    justify-content: flex-start;
  }

  .logo-140px {
    width: 6rem;
    height: 2rem;
  }

  .media-wrap-large {
    border-radius: var(--size--10px);
    height: 22.5rem;
  }

  .media-wrap-large.large {
    height: auto;
  }

  .tabs-menu {
    top: .9375rem;
    left: .9375rem;
  }

  .tab-pane {
    height: 22.5rem;
  }

  .tab-pane.large, .tab-pane.is--map2 {
    height: 32rem;
  }

  .max-w-420px {
    max-width: none;
  }

  .flex-v-spaceb {
    grid-column-gap: var(--size--25px);
    grid-row-gap: var(--size--25px);
    justify-content: flex-start;
  }

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

  .btn-whis_icon {
    font-size: var(--text--14px);
  }

  .margin-top-25px {
    margin-top: var(--size--15px);
  }

  .text-title {
    font-size: var(--text-mob--title-18px);
  }

  .grid-4col-2-left-big {
    grid-column-gap: var(--size--10px);
    grid-row-gap: var(--size--10px);
    grid-template-columns: 1fr 1fr;
  }

  .card-minimal-wrap {
    padding: var(--size--15px);
    border-radius: var(--size--10px);
    min-height: 21.875rem;
  }

  .card-info-wrap {
    padding: var(--size--15px);
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
    border-radius: var(--size--10px);
    min-height: 10rem;
  }

  .flex-v-10px {
    grid-column-gap: var(--size--5px);
    grid-row-gap: var(--size--5px);
  }

  .icon-wrap-70px {
    flex: none;
  }

  .flex-v-30px {
    grid-column-gap: var(--size--25px);
    grid-row-gap: var(--size--25px);
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .icon-wrap-40px {
    width: var(--size--35px);
    height: var(--size--35px);
  }

  .text-bold {
    font-size: var(--text--14px);
  }

  .tag-wrapper-absolu {
    top: .9375rem;
    left: .9375rem;
  }

  .v-line {
    display: none;
  }

  .v-line.white {
    opacity: .1;
    flex-direction: row;
    width: 100%;
    height: 1px;
    min-height: auto;
    display: flex;
  }

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

  .info-small {
    padding: var(--size--15px);
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
    border-radius: var(--size--10px);
  }

  .grid-3col-40-60px {
    grid-column-gap: var(--size--25px);
    grid-row-gap: var(--size--25px);
    grid-template-columns: 1fr;
  }

  .card-projects-wrap {
    flex: 1;
    width: 18.125rem;
  }

  .card-project-info {
    padding: var(--size--15px);
  }

  .tag-wrapper-absolu-card {
    top: .9375rem;
    left: .9375rem;
  }

  .tag-wrapper-absolu-card.ar {
    right: .9375rem;
  }

  .content-wrapper-bg_-brand_light {
    padding: var(--size--15px);
    border-radius: var(--size--10px);
    min-height: 18.75rem;
  }

  .text-input {
    height: 3.125rem;
  }

  .text-input.is--quiz {
    width: 100%;
  }

  .form {
    align-self: auto;
  }

  .input {
    height: 3.125rem;
  }

  .input.is--quiz {
    width: 100%;
  }

  .btn-brand_color {
    font-size: var(--text--14px);
    align-self: stretch;
  }

  .btn-brand_color.is--quiz {
    width: 100%;
  }

  .hero {
    justify-content: flex-end;
    padding-bottom: 5rem;
  }

  .margin-top_negative-10rem {
    margin-top: -2.5rem;
  }

  .btn-whatsapp {
    font-size: var(--text--14px);
    position: static;
  }

  .btn-telegram {
    font-size: var(--size--15px);
  }

  .success-message {
    font-size: var(--text--14px);
  }

  .margin-top-first-sec-desc {
    margin-top: 0;
  }

  .flex-v-30px-full-w {
    grid-column-gap: var(--size--15px);
    grid-row-gap: var(--size--15px);
  }

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

  .media-wrap-small {
    border-radius: var(--size--10px);
  }

  .content-wrap {
    background-color: #0000;
    border-radius: 0;
    padding: 0;
  }

  .content-wrap.mob_bg {
    padding: var(--size--15px);
    border-radius: var(--size--10px);
    background-color: var(--color--white);
  }

  .grid-2col {
    grid-template-rows: 1fr;
  }

  .form-wrapper-bg_none {
    justify-content: flex-start;
  }

  .image-form-absolu-right {
    max-width: 50%;
    height: 40%;
    inset: auto auto 0% 20%;
  }

  .flex-v-spaceb-absolu-left {
    top: .9375rem;
    right: .9375rem;
  }

  .cont-wrap-gradient {
    padding: var(--size--15px);
    border-radius: var(--size--10px);
  }

  .btn-white {
    font-size: var(--text--14px);
  }

  .grid-3col-r-max-420px {
    grid-template-columns: 1fr;
  }

  .form-horiz-blue {
    padding: var(--size--15px);
    border-radius: var(--size--10px);
    flex-direction: column;
    align-items: stretch;
  }

  .btn-small {
    font-size: var(--text--14px);
  }

  .foooter-wrapper {
    grid-column-gap: var(--size--70px);
    grid-row-gap: var(--size--70px);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex-h-60px {
    flex-direction: column;
    justify-content: flex-start;
  }

  .flex-h-60px.reversed {
    grid-column-gap: var(--size--30px);
    grid-row-gap: var(--size--30px);
    flex-direction: column-reverse;
  }

  .footer {
    padding-top: var(--size--35px);
    padding-bottom: var(--size--70px);
  }

  .flex-v-60px {
    grid-column-gap: var(--size--40px);
    grid-row-gap: var(--size--40px);
  }

  .tab-pane-floor_plan {
    padding: var(--size--15px);
    border-radius: var(--size--10px);
    height: auto;
  }

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

  .floor_plan-media-wrap {
    height: 16.25rem;
    min-height: auto;
  }

  .tag-floor_plans {
    flex: none;
  }

  .tab_menu-floor_plans {
    justify-content: flex-start;
    align-items: center;
    position: relative;
    top: 0%;
    left: auto;
    right: auto;
    overflow: auto;
  }

  .tab_menu-floor_plans.ar {
    left: auto;
    right: 0%;
  }

  .navbar {
    padding-top: var(--size--10px);
    padding-bottom: var(--size--10px);
    margin-top: .5rem;
  }

  .container-navbar {
    align-items: center;
    padding: 0 0;
  }

  .nav-menu {
    z-index: 2;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding: 6rem 1.25rem 1.875rem;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .nav-link {
    padding-top: var(--size--5px);
    padding-bottom: var(--size--5px);
    color: #333;
    font-size: var(--text--14px);
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .mob_display-none {
    display: none;
  }

  .margin-top_mob-35px {
    margin-top: var(--size--35px);
  }

  .flex-h-40px {
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
    flex-wrap: wrap;
    justify-content: center;
    overflow: auto;
  }

  .flex-h-40px.max-width-100 {
    width: 100%;
  }

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

  .flex-h-48px-wrap {
    grid-column-gap: var(--size--30px);
    grid-row-gap: var(--size--30px);
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .burger-btn {
    z-index: 11;
    width: var(--size--40px);
    height: var(--size--40px);
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
    position: relative;
  }

  .burger-btn.w--open {
    background-color: #0000;
    transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
    position: relative;
  }

  .burger-line {
    background-color: var(--color--base);
    border-radius: 1px;
    justify-content: center;
    align-items: center;
    width: 2.1875rem;
    height: 1px;
    padding: 0;
    display: flex;
  }

  .line-burger-wrap {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-direction: column;
    flex: 0 auto;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
  }

  .spaceb-h-desc_only {
    grid-column-gap: var(--size--15px);
    grid-row-gap: var(--size--15px);
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .section-first {
    padding-top: var(--size--30px);
    padding-bottom: var(--size--35px);
  }

  .video-wrap-absolu {
    grid-column-gap: var(--size--10px);
    grid-row-gap: var(--size--10px);
    position: static;
  }

  .video-wrap-absolu.ar {
    margin-left: 0;
    margin-right: auto;
    left: 5%;
  }

  .play-icon-wrapper {
    order: -1;
    width: 3rem;
    height: 3rem;
  }

  .col-btn {
    height: auto;
    display: none;
  }

  .max-w-176px {
    max-width: none;
  }

  .banner-inside_map {
    padding: var(--size--15px);
    grid-column-gap: var(--size--10px);
    grid-row-gap: var(--size--10px);
    border-radius: 0;
    flex-direction: column;
    align-items: stretch;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .flex-h-20px {
    justify-content: flex-start;
  }

  .flex-h-20px.wrap {
    flex-wrap: wrap;
  }

  .content-block-pop_up {
    padding: 20px;
  }

  .popup_cons {
    border-radius: var(--size--10px);
    max-width: 90%;
    overflow: hidden;
  }

  .popup_brochure-wrap {
    display: none;
  }

  .popup_brochure {
    max-width: 90%;
    overflow: hidden;
  }

  .popup-map {
    width: 80vw;
    height: 70vh;
  }

  .white-btn {
    height: auto;
    display: none;
  }

  .lang_selector {
    z-index: 1;
    position: relative;
  }

  .lang_text {
    font-size: var(--text--12px);
  }

  .lang_icon {
    font-size: .5rem;
  }

  .dropdown-list.w--open {
    margin-top: 1rem;
  }

  .lang-list {
    grid-column-gap: var(--size--15px);
    grid-row-gap: var(--size--15px);
  }

  .lang-list.w--open {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
  }

  .dropdown-lang-list {
    background-color: #fff;
    margin-top: .5rem;
  }

  .popup_floor_plans {
    max-width: 90%;
    overflow: hidden;
  }

  .btn-floor_plans {
    font-size: var(--text--14px);
    align-self: stretch;
  }

  .container-hero {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .promo-tag {
    padding: var(--size--10px) var(--size--15px);
    font-size: var(--text--14px);
    order: -1;
  }

  .iframe-wrap {
    width: 90vw;
  }

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

  .btn-sec.is--nav {
    display: none;
  }

  .btn-sec.is--banner {
    background-color: #bb977c;
    width: 100%;
    max-width: none;
  }

  .btn-sec.is--tel, .btn-sec.is--tel-2, .btn-sec.is--apart {
    display: none;
  }

  .btn-sec.stroked {
    width: 100%;
    max-width: none;
  }

  .hero_card-blue {
    width: 12.5rem;
  }

  .btns-wrapper-2 {
    z-index: 1;
    position: relative;
  }

  .map_header {
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
  }

  .map_header.align-bottom {
    grid-column-gap: var(--size--15px);
    grid-row-gap: var(--size--15px);
    flex-direction: column;
  }

  .section-map {
    padding-bottom: var(--size--35px);
  }

  .text-small-16px.text-color-grey {
    color: #8f8f8f;
  }

  .btns-wrap-absolute {
    justify-content: center;
    align-items: center;
    position: static;
  }

  .flex-h-12px {
    flex-wrap: wrap;
  }

  .main-btn_content {
    max-width: 8.5rem;
  }

  .form-h {
    max-width: none;
  }

  .hero_form {
    height: auto;
  }

  .banner_btn-wrap {
    justify-content: flex-end;
    width: 75%;
    display: flex;
    position: relative;
    bottom: 8rem;
    right: -25%;
  }

  .banner_btn-wrap.mob-hide {
    display: none;
  }

  .banner_btn-wrap.is--mobile {
    z-index: 11;
    display: flex;
    position: absolute;
    inset: 1.25rem 0% auto auto;
  }

  .service_banner {
    background-color: #0000;
    height: auto;
    padding: 0;
  }

  .banner-h {
    color: #333;
    max-width: none;
  }

  .map_banner {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    max-width: 31.25rem;
    margin-top: -6.25rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.0625rem;
    position: relative;
    bottom: 0;
  }

  .map_banner-image {
    width: 23%;
    height: 1.375rem;
  }

  .logos_wrap {
    flex-flow: wrap;
    justify-content: center;
  }

  .grid_header {
    align-items: center;
  }

  .btn-third.is--nav {
    display: none;
  }

  .land-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    display: flex;
  }

  .land-grid_card._2 {
    justify-content: center;
    align-items: flex-end;
    height: 40rem;
  }

  .land-grid_card._3 {
    align-items: flex-end;
    height: 40rem;
  }

  .land-grid_card._1 {
    width: 100%;
    height: 40rem;
  }

  .land-grid_card._4 {
    align-items: flex-end;
    height: 40rem;
  }

  .land-grid_card._5 {
    height: 40rem;
  }

  .grid_inner-card, .grid_inner-card._1, .grid_inner-card._2, .grid_inner-card._4, .grid_inner-card._5 {
    max-width: none;
  }

  .grid_card-info {
    padding: var(--size--15px);
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
    border-radius: var(--size--10px);
    min-height: 10rem;
  }

  .land-grid_h3 {
    font-size: var(--text-mob--h2-23px);
  }

  .div-block-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    display: flex;
  }

  .coin-item-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: center;
  }

  .coin_item {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .coin_item-inner {
    grid-column-gap: var(--size--5px);
    grid-row-gap: var(--size--5px);
  }

  .coin_header {
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
    flex-direction: column;
    justify-content: flex-start;
  }

  .coin_header.align-bottom {
    grid-column-gap: var(--size--15px);
    grid-row-gap: var(--size--15px);
    flex-direction: column;
  }

  .big-text {
    max-width: none;
  }

  .div-block-20 {
    width: auto;
    height: 45px;
  }

  .divider {
    display: none;
  }

  .block-w-form {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    place-content: space-between;
    align-items: stretch;
    height: auto;
  }

  .heading-2-quiz {
    font-size: 15px;
  }

  .heading-2-quiz.success {
    width: auto;
    font-size: 35px;
  }

  .dropdown-content-copy.bedrooms {
    background-color: #fff0;
    border-radius: 0;
    align-items: center;
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-block-dropdown-trigger {
    font-size: 1em;
  }

  .text-block-13 {
    font-size: 1.1em;
  }

  .prev-button {
    grid-column-gap: 10px;
    width: 25%;
  }

  .dropdown-trigger {
    height: 45px;
  }

  .dropdown-link-bed {
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .text-block-info {
    font-size: 14px;
  }

  .info-block {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 70px;
  }

  .info-block.big {
    width: 100%;
  }

  .h-1 {
    width: 100%;
    font-size: 2em;
  }

  .success-text {
    font-size: 25px;
  }

  .success-div {
    width: 100%;
    height: auto;
    padding: 1em;
  }

  .div-block-form {
    grid-row-gap: 10px;
    width: 100%;
    max-width: none;
    height: auto;
  }

  .div-block-form.rooms {
    width: 35%;
  }

  .div-block-form.budget {
    width: 55%;
  }

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

  .next-button._1 {
    width: 100%;
  }

  .project {
    width: 225px;
    height: 240px;
  }

  .project:hover {
    transform: none;
  }

  .project.success {
    width: 47.5%;
  }

  .dropdown-wrapper {
    font-size: 14px;
  }

  .dropdown-wrapper.bedrooms {
    height: auto;
  }

  .form-block-quiz {
    width: 100%;
    height: 100%;
  }

  .text-block-button {
    font-size: 14px;
  }

  .text-block-button.mini {
    font-size: 1em;
  }

  .progress-bar {
    display: none;
  }

  .succes-div-wrapper {
    grid-row-gap: 3em;
  }

  .header-block-quiz {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }

  .header-block-quiz.success {
    flex-direction: column;
  }

  .h-2 {
    height: auto;
    font-size: 16px;
  }

  .project-bg {
    height: 180px;
  }

  .step {
    height: 400px;
    padding-right: 0;
  }

  .step._1 {
    grid-row-gap: 0px;
    flex-direction: row;
    height: auto;
  }

  .step._2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    height: auto;
  }

  .success-name {
    font-size: 1.1em;
  }

  .right-block-w-map {
    display: none;
  }

  .quiz {
    height: auto;
  }

  .image-6 {
    width: auto;
    height: auto;
  }

  .loop_item {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .map_header-card {
    padding: var(--size--15px);
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
    border-radius: var(--size--10px);
    min-height: 10rem;
  }

  .flex-h-spb {
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
    flex-direction: column;
    overflow: auto;
  }

  .map_header-2 {
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .map_header-2.align-bottom {
    grid-column-gap: var(--size--15px);
    grid-row-gap: var(--size--15px);
    flex-direction: column;
  }

  .areas-banner {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    max-width: 31.25rem;
    margin-top: -6.25rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.0625rem;
    position: relative;
    bottom: 0;
  }

  .section-catalog {
    padding-bottom: var(--size--35px);
  }

  .catalog-item {
    width: 100%;
  }

  .catalog-list {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
  }

  .collection-item, .collection-item.is--areas, .collection-item.is--areas-2, .collection-item.is--areas-3 {
    width: 100%;
  }

  .footer_bottom-row {
    margin-top: 2rem;
  }

  .area_card {
    width: 48%;
  }

  .load-more-button.is--nav {
    display: none;
  }

  .popup-brochure {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .popup-brochure.is--popup {
    padding: 0;
  }

  .btn-sec-copy.is--nav {
    display: none;
  }

  .video-window-2 {
    width: 90vw;
  }

  .btn-whatsapp-2 {
    font-size: .875rem;
  }

  .soc_links {
    justify-content: flex-start;
  }

  .div-block-25 {
    width: 100%;
  }

  .hero_content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    width: 100%;
  }

  .hero_btn-wrap {
    z-index: 1;
    padding-top: 1.5625rem;
    position: relative;
  }

  .hero_btn-wrap.is--nav {
    margin-top: auto;
    padding-top: 20rem;
    display: flex;
  }

  .max-w-400px {
    max-width: none;
  }

  .hero_small-banner {
    width: 100%;
    padding: 1.25rem;
  }

  .hero_small-banner-h {
    font-size: 1.875rem;
  }

  .hero_slider {
    width: 100%;
    height: 27.5rem;
  }

  .hero_project-name {
    max-width: none;
  }

  .blue_banner {
    height: auto;
    padding-right: 1.875rem;
  }

  .blue_banner.no-bg {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    background-color: #edf7ff;
    flex-direction: column;
    padding: 1.25rem;
  }

  .blue_banner.vertical {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-direction: column;
    padding: 1.875rem 1.25rem;
  }

  .banner_btn.is--nav, .banner_btn.is--tel, .banner_btn.is--tel-2 {
    display: none;
  }

  .blue-banner-h {
    max-width: none;
  }

  .h2-span {
    text-align: left;
    padding-left: 0;
  }

  .flex-h-25px {
    justify-content: space-between;
  }

  .flex-v-25px {
    grid-column-gap: var(--size--10px);
    grid-row-gap: var(--size--10px);
  }

  .apart_p-wrap {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .section-banner {
    padding-bottom: var(--size--35px);
  }

  .dubai-banner-image {
    display: none;
  }

  .dubai-banner-h {
    max-width: none;
    font-size: 1.375rem;
  }

  .dubai_banner-icon-bg {
    width: 3.125rem;
    height: 3.125rem;
  }

  .pay_item {
    grid-column-gap: var(--size--10px);
    grid-row-gap: var(--size--10px);
  }

  .area_p-wrap, .location_p-wrap {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .section-location {
    padding-bottom: var(--size--35px);
  }

  .location_image-item, .location_image-item.mob-hide {
    width: 100%;
  }

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

  .location_info.align-right {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    align-items: flex-end;
  }

  .location-h {
    font-size: 1.6875rem;
  }

  .location-h.max-width {
    font-size: 1.75rem;
  }

  .loaction_adv-wrap {
    background-color: #fff0;
    flex-wrap: wrap;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .location_image-absolute {
    width: 7rem;
    height: 8.75rem;
  }

  .location_image-absolute._2 {
    width: 6.875rem;
    inset: -30% auto auto 10%;
  }

  .location_bg, .location_bg-2, .invest-banner-image {
    display: none;
  }

  .invest-banner-h {
    max-width: none;
    font-size: 1.75rem;
  }

  .invest_item-h {
    font-size: 1.25rem;
  }

  .invest_item {
    grid-column-gap: var(--size--10px);
    grid-row-gap: var(--size--10px);
  }

  .form_heading {
    font-size: 1.25rem;
  }

  .agent-image {
    width: 6.25rem;
    height: 6.25rem;
  }

  .form_image-wrap {
    justify-content: flex-start;
    display: none;
  }

  .newsletter {
    width: 100%;
  }

  .newsletter-content {
    grid-column-gap: var(--size--25px);
    grid-row-gap: var(--size--25px);
  }

  .newsletter-h {
    font-size: 1.25rem;
  }

  .footer-btn.is--nav, .footer-btn.is--tel, .footer-btn.is--tel-2, .success-btn.is--nav, .success-btn.is--tel, .success-btn.is--tel-2 {
    display: none;
  }

  .success-heading {
    font-size: 1.25rem;
  }

  .lang_text-2 {
    font-size: .75rem;
  }

  .lang_icon-2 {
    font-size: .5rem;
  }

  .dropdown-lang-list-2 {
    margin-top: .5rem;
  }

  .lang-link-2 {
    background-color: #0003;
  }

  .catalog_item-wrap {
    background-color: #0000;
  }

  .catalog_hover-text {
    display: none;
  }

  .icon-wrap-45px {
    width: var(--size--35px);
    height: var(--size--35px);
  }

  .faq-text {
    width: auto;
  }

  .faq-ttl {
    white-space: normal;
  }

  .flex-row-space-between {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    height: auto;
    padding-top: 2.5rem;
  }

  .global-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .dropdown-toggle-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .gallery-content {
    margin-left: 0;
    margin-right: 0;
  }

  .thumb-img-wrp.padding-left {
    max-width: none;
  }

  .slider-display_component {
    grid-template-columns: 1fr;
  }

  .slider-thumbs_component {
    width: 100%;
  }

  .slide-overlay {
    opacity: 1;
  }

  .project_grid-small {
    display: none;
  }

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

  .hero-project {
    justify-content: flex-end;
    padding-bottom: 5rem;
  }

  .project_gallery-btn {
    padding-right: 2rem;
  }

  .project-galery_btn-wrap {
    z-index: 0;
    justify-content: flex-end;
    display: flex;
    right: -6%;
  }

  .section-article {
    padding-bottom: var(--size--35px);
  }

  .article_content.mob-full {
    max-width: none;
  }

  .project_form-wrap {
    justify-content: flex-start;
  }

  .project_agent-name {
    text-align: left;
    font-size: 1.25rem;
  }

  .project_agent-image {
    width: 4rem;
    height: 4rem;
  }

  .floorplan_btn-wrap {
    z-index: 0;
    justify-content: flex-end;
    display: flex;
    right: -10%;
  }

  .payment_tab-content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .project_payment-btn {
    z-index: 1;
    position: relative;
  }

  .payment_btn.is--nav, .payment_btn.is--tel, .payment_btn.is--tel-2 {
    display: none;
  }

  .location_content.mob-full {
    max-width: none;
  }

  .popup-map-2 {
    width: 80vw;
    height: 70vh;
  }

  .filters-wrap {
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
    flex-wrap: wrap;
    justify-content: center;
    overflow: auto;
  }

  .filters-wrap.max-width-100 {
    width: 100%;
  }

  .cataog_big-card {
    flex-direction: column;
    height: auto;
  }

  .big-card-gallery {
    width: 100%;
    height: 25rem;
  }

  .big-card_content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .big-card_content.mob-full {
    max-width: none;
  }

  .big-card_h {
    font-size: 2.5rem;
  }

  .big-card_logo-image.mob-hide {
    display: none;
  }

  .big-card_btns-wrap {
    flex-direction: column;
  }

  .whatsapp-link {
    display: none;
  }

  .catalog-banner {
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
  }

  .catalog-banner-h {
    max-width: none;
    font-size: 2.5rem;
  }

  .catalog_options-wrap {
    flex-wrap: wrap;
    margin-top: 1.5625rem;
    margin-bottom: 3.125rem;
    font-size: .75rem;
  }

  .option-item {
    padding-top: .6875rem;
    padding-left: .9375rem;
    padding-right: .9375rem;
    font-size: .75rem;
  }

  .location_info-wrap {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
  }

  .video-component {
    width: 90%;
  }

  .video-vrap {
    height: 25rem;
  }

  .embed-video {
    width: 100%;
    margin-top: 1.875rem;
    margin-bottom: .625rem;
  }

  .video-content {
    padding-left: 0;
    padding-right: 0;
  }

  .huge_slide-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

  .huge_slide-image {
    width: 100%;
    min-width: auto;
    height: 30rem;
  }

  .huge_slider-info {
    grid-column-gap: var(--size--10px);
    grid-row-gap: var(--size--10px);
    margin-right: auto;
  }

  .huge_slide-ar {
    width: 2.5rem;
    height: 2.5rem;
    inset: 0% 0% auto auto;
  }

  .huge_slide-ar._2 {
    inset: 0% 7% auto auto;
  }

  .huge_slider-items-wrap {
    flex-direction: row;
    width: 100%;
    max-width: none;
    margin-top: 2.1875rem;
    overflow: auto;
  }

  .huge_slider-item {
    flex: none;
    align-items: flex-start;
    max-width: 10rem;
  }

  .dot-7px {
    margin-top: .5rem;
  }

  .huge_slider-item-h {
    margin-bottom: 1rem;
    font-size: 1.375rem;
  }

  .huge_slider-nav {
    position: relative;
    inset: -2rem 0% 0%;
  }

  .label-link, .label-link.mob-hide {
    display: none;
  }

  .catalog_form-wrap {
    flex-wrap: wrap;
    margin-top: 1.5625rem;
    margin-bottom: 3.125rem;
    font-size: .75rem;
  }

  .popup_news-wrap {
    display: none;
  }

  .cross-burger {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .flex-h-45 {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    flex-direction: column;
  }

  .cons-btn {
    border-radius: 2.5rem;
    max-width: none;
    padding: .3125rem;
  }

  .map-image {
    object-fit: cover;
    height: 34rem;
  }

  .projects-links-wrapper {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    flex-direction: column;
  }

  .project-link {
    width: 100%;
  }

  .h2-bg-type {
    font-size: 3.125rem;
  }

  .key_cards-wrapper {
    margin-top: 0;
  }

  .key-big-card {
    height: auto;
    padding-top: 2.1875rem;
    padding-bottom: 1.875rem;
  }

  .key_big-card-image {
    display: none;
  }

  .key_big-card-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .big-card-h3 {
    font-size: 1.875rem;
  }

  .section-key-features {
    padding-bottom: var(--size--35px);
  }

  .key-card {
    width: 100%;
  }

  .location_points-wrap {
    display: none;
  }

  .navmenu-image {
    width: 10rem;
    height: auto;
    display: block;
    position: absolute;
    inset: 2rem auto auto 1.25rem;
  }

  .hero_h2 {
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 2.1875rem;
  }

  h3 {
    font-size: 1.6875rem;
  }

  .card-body {
    padding: 20px;
  }

  .styles__section-label {
    padding-bottom: 10px;
  }

  .flex-h-10px.catalog-banner-wrap {
    flex-direction: column;
  }

  .flex-h-48px-center {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .flex-h-5px {
    justify-content: flex-start;
  }

  .icon-wrap-70px {
    width: var(--size--50px);
    height: var(--size--50px);
  }

  .v-line.white {
    display: block;
  }

  .form {
    grid-column-gap: var(--size--10px);
    grid-row-gap: var(--size--10px);
  }

  .form.horizontal {
    flex-direction: column;
    display: flex;
  }

  .hero {
    padding-bottom: 0;
  }

  .media-wrap-small {
    height: 18rem;
  }

  .form-wrapper-bg_none {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 2.5rem 1.25rem;
  }

  .image-form-absolu-right {
    max-width: none;
  }

  .image-full-absolu {
    object-fit: cover;
  }

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

  .form-horiz-blue {
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
  }

  .foooter-wrapper {
    grid-column-gap: var(--size--40px);
    grid-row-gap: var(--size--40px);
    flex-wrap: wrap;
  }

  .flex-h-60px {
    grid-column-gap: var(--size--30px);
    grid-row-gap: var(--size--30px);
  }

  .flex-v-60px.mob-pad {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-navbar {
    padding-bottom: .75rem;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu {
    padding: 5rem 1.75rem 1.75rem;
  }

  .nav-link {
    margin-left: 0;
    margin-right: 0;
  }

  .flex-h-40px {
    grid-column-gap: var(--size--40px);
    grid-row-gap: var(--size--40px);
    justify-content: flex-start;
  }

  .video-wrap-absolu.ar {
    margin-left: 0;
  }

  .play-icon-wrapper {
    width: 3rem;
    height: 3rem;
  }

  .play-icon-image {
    width: .75rem;
    height: .75rem;
  }

  .banner-inside_map {
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
    flex-direction: column;
  }

  .popup_cons-wrap {
    display: none;
  }

  .close-pop_up-icon {
    filter: invert();
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
  }

  .content-block-pop_up {
    padding: var(--size--10px);
    justify-content: flex-start;
    position: relative;
  }

  .popup_cons {
    border-radius: 0;
    align-items: flex-start;
    max-width: none;
    height: 100%;
    padding-top: 7rem;
  }

  .close-popup-cons {
    z-index: 5;
    filter: invert();
    height: 10%;
    inset: 0% 0% auto auto;
  }

  .image-form {
    display: none;
  }

  .popup_brochure {
    border-radius: 0;
    align-items: flex-start;
    max-width: none;
    height: 100%;
    padding-top: 7rem;
  }

  .close-pop_up-brochure-icon {
    filter: invert();
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
  }

  .popup-map {
    border-radius: var(--size--10px);
    width: 90vw;
  }

  .close-map_popup {
    top: 1.5rem;
    right: 1.5rem;
  }

  .dropdown-list.w--open {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .popup_floor_plans {
    border-radius: 0;
    align-items: flex-start;
    max-width: none;
    height: 100%;
    padding-top: 7rem;
  }

  .close-popup-floor_plans {
    z-index: 5;
    height: 10%;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .close-pop_up-floor_plans-icon {
    filter: invert();
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
  }

  .container-hero {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-wrap: wrap;
  }

  .iframe-wrap {
    border-radius: var(--size--10px);
    height: 38vh;
  }

  .close-video-block {
    padding-top: var(--size--20px);
    padding-right: var(--size--20px);
    filter: invert();
    position: absolute;
  }

  .close-popup-video-icon {
    filter: invert();
  }

  .hero_card {
    width: 100%;
    height: auto;
  }

  .btn-sec.is--banner {
    width: 100%;
    padding: 1.0625rem 1rem;
  }

  .btn-sec.is--area-cards, .btn-sec.is--project, .btn-sec.is--big-card {
    width: 100%;
  }

  .btn-sec.stroked, .btn-sec.stroked-grey {
    width: 100%;
    padding: 1.0625rem 1rem;
  }

  .hero_card-blue {
    width: 100%;
  }

  .btns-wrapper-2 {
    margin-left: 0;
  }

  .map_item-h {
    font-size: 3.4375rem;
  }

  .form-btn {
    width: 100%;
    height: 60px;
  }

  .main-btn_content {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .form-2 {
    padding-right: 1.875rem;
  }

  .btn-whatsapp-banner.is--success {
    color: #fff;
    background-color: #fff3;
  }

  .success-img {
    margin-left: -6.3rem;
  }

  .success-img.mob-hide {
    display: none;
  }

  .form-h {
    margin-bottom: 1.25rem;
  }

  .hero_form {
    z-index: 33;
    min-height: 300px;
    position: relative;
    overflow: visible;
  }

  .form-field {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-style: none;
    border-radius: 0;
    flex-direction: column;
  }

  .fdsgdsg {
    z-index: 1;
    inset: auto -5% -52% auto;
  }

  .fdsgdsg.is--success {
    bottom: 1rem;
  }

  .input-2 {
    border-style: solid;
    border-color: #fff6;
    border-radius: 35px;
    height: 50px;
  }

  .banner_btn-wrap {
    z-index: 1;
    justify-content: flex-start;
    width: auto;
    margin-top: 2rem;
    position: absolute;
    inset: auto 0% 10% auto;
  }

  .banner_btn-wrap.is--success {
    bottom: 1rem;
  }

  .service_banner {
    z-index: 33;
    position: relative;
    overflow: visible;
  }

  .banner-h {
    margin-bottom: 1.25rem;
  }

  .section-bg {
    height: 50vh;
  }

  .map_banner {
    width: 100%;
    max-width: none;
  }

  .grid_header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-wrap: wrap;
  }

  .btn-third.is--banner {
    width: 100%;
  }

  .land-grid {
    grid-column-gap: 1rem;
    flex-wrap: wrap;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .land-grid_card {
    height: 30rem;
  }

  .land-grid_card._2, .land-grid_card._3 {
    align-items: flex-end;
    height: 30rem;
  }

  .land-grid_card._1 {
    width: 100%;
    height: 30rem;
  }

  .land-grid_card._4 {
    align-items: flex-end;
    height: 30rem;
  }

  .land-grid_card._5 {
    height: 30rem;
  }

  .grid_inner-card._1, .grid_inner-card._2, .grid_inner-card._3, .grid_inner-card._4, .grid_inner-card._5 {
    max-width: none;
  }

  .div-block-2 {
    flex-direction: column;
    display: flex;
  }

  .coin_info-wrap {
    flex-wrap: wrap;
    max-width: none;
  }

  .coin_item-inner {
    justify-content: flex-start;
  }

  .coin_separator {
    display: none;
  }

  .big-text {
    text-align: center;
    font-size: 3rem;
  }

  .heading-2-quiz.success {
    font-size: 30px;
  }

  .dropdown-content-copy.bedrooms {
    padding-left: 0;
    padding-right: 0;
  }

  .prev-button {
    width: 100%;
    height: 50px;
  }

  .div-block-form {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .next-button {
    width: 100%;
    height: 50px;
    font-size: 16px;
  }

  .next-button._1 {
    width: 100%;
  }

  .project {
    width: 48%;
  }

  .project.success {
    width: 100%;
  }

  .dropdown-wrapper {
    margin-bottom: 0;
  }

  .header-block-quiz.success {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .block-w-buttons {
    width: 100%;
  }

  .project-bg {
    height: 180px;
  }

  .step {
    height: auto;
  }

  .loop_item {
    width: 300%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .areas-banner {
    width: 100%;
    max-width: none;
  }

  .section-catalog {
    padding-bottom: 5.625rem;
  }

  .catalog-wrapper.flex-v-60px, .catalog-info {
    width: 100%;
  }

  .footer_btn {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .footer_bottom-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .area_card, .load-more-button.is--banner, .load-more-button.is--area-cards {
    width: 100%;
  }

  .button-brochure {
    font-size: 12px;
  }

  .btn-sec-copy.is--banner, .btn-sec-copy.is--area-cards {
    width: 100%;
  }

  .video-window-2 {
    border-radius: .625rem;
    height: 38vh;
  }

  .close-popup-video-2 {
    filter: invert();
    padding-top: 1.25rem;
    padding-right: 1.25rem;
    position: absolute;
  }

  .close-popup-video-icon-2 {
    filter: invert();
  }

  .hero_content, .hero_slider {
    width: 100%;
  }

  .hero_slider.eng {
    height: 30rem;
  }

  .hero_project-name {
    font-size: 2.8125rem;
  }

  .blue_banner {
    z-index: 33;
    background-color: #daeaf600;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex-direction: column;
    align-items: flex-start;
    min-height: 300px;
    padding-left: 0;
    position: relative;
    overflow: visible;
  }

  .banner_btn.is--banner, .banner_btn.is--area-cards, .banner_btn.is--project {
    width: 100%;
  }

  .blue-banner-h {
    margin-bottom: 0;
    font-size: 1.5rem;
  }

  .flex-h-15px.max-w-640px {
    flex-direction: column;
    max-width: none;
  }

  .dubai-banner-h {
    margin-bottom: 1.25rem;
  }

  .dubai_banner-icon-bg {
    padding: .6875rem;
  }

  .pay_item {
    width: 9.875rem;
    height: 9.375rem;
  }

  .text-small-12.nowrap {
    white-space: normal;
  }

  .location_image-item, .location_image-item.mob-hide {
    height: 25rem;
  }

  .location_info {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .location_tags {
    max-width: 80%;
  }

  .loaction_adv-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }

  .adv_item-p {
    font-size: 1rem;
  }

  .location_image-absolute._2 {
    top: -20%;
  }

  .invest-banner-h {
    margin-bottom: 1.25rem;
  }

  .form_heading {
    font-size: 2.1875rem;
  }

  .footer-btn.is--banner, .footer-btn.is--area-cards, .footer-btn.is--project, .success-btn.is--banner, .success-btn.is--area-cards, .success-btn.is--project {
    width: 100%;
  }

  .nav-link-icon {
    margin-left: 0;
  }

  .catalog_hover-text {
    font-size: 1rem;
  }

  .catalog-brochure-btn {
    width: 100%;
  }

  .catalog-brochure-btn.is--success {
    color: #fff;
    background-color: #fff3;
  }

  .flex-row-space-between {
    grid-column-gap: 1.25rem;
    flex-flow: wrap;
    justify-content: space-between;
  }

  .medium-padding {
    padding-top: 3.13rem;
    padding-bottom: 3.13rem;
  }

  .about-row {
    grid-template-columns: 1.25fr;
  }

  .slider-thumbs_wrapper {
    width: 33.3333%;
  }

  .project_grid-small {
    grid-template-columns: 1fr;
  }

  .container-hero-project {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-wrap: wrap;
  }

  .hero-project {
    height: auto;
    padding-bottom: 0;
  }

  .project_gallery-btn.is--success {
    color: #fff;
    background-color: #fff3;
  }

  .project-galery_btn-wrap {
    z-index: 1;
    justify-content: flex-start;
    margin-top: 2rem;
    top: auto;
    left: auto;
    right: -13%;
  }

  .project-galery_btn-wrap.is--success {
    bottom: 1rem;
  }

  .project_article-header {
    flex-direction: column;
  }

  .article_content {
    max-width: none;
  }

  .article_sidebar {
    flex-direction: row;
    justify-content: space-between;
  }

  .project_form-wrap {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 2.5rem 1.25rem;
    display: none;
  }

  .article-anchors-wrap {
    flex-wrap: wrap;
  }

  .anchoer_image-wrap {
    width: 6.25rem;
    height: 6.25rem;
  }

  .floorplan_tab-content {
    padding: 2rem 2rem 2rem 1rem;
  }

  .floorplan_btn-wrap {
    z-index: 1;
    justify-content: flex-start;
    margin-top: 2rem;
  }

  .floorplan_btn-wrap.is--success {
    bottom: 1rem;
  }

  .project_floorplan-btn.is--success {
    color: #fff;
    background-color: #fff3;
  }

  .payment_tab-content {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 2rem 2rem 2rem 1rem;
  }

  .payment_rich-text {
    justify-content: center;
  }

  .project_payment-btn {
    margin-left: 0;
  }

  .payment_btn.is--banner, .payment_btn.is--area-cards, .payment_btn.is--project {
    width: 100%;
  }

  .timings_wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .location_content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    max-width: none;
  }

  .location_content-wrap, .location_table {
    width: 100%;
  }

  .popup-map-2 {
    border-radius: .625rem;
    width: 90vw;
  }

  .close-map_popup-2 {
    top: 1.5rem;
    right: 1.5rem;
  }

  .filters-wrap {
    grid-column-gap: var(--size--40px);
    grid-row-gap: var(--size--40px);
    justify-content: flex-start;
  }

  .cataog_big-card {
    background-color: #0000;
  }

  .big-card-gallery {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .big-card_slider-wrap {
    height: 100%;
  }

  .big-card_content {
    max-width: none;
    padding-top: 1.5625rem;
    padding-left: 0;
    padding-right: 0;
  }

  .big-card_h {
    max-width: none;
    font-size: 1.6875rem;
  }

  .big-card-p {
    max-width: none;
  }

  .big-card-price {
    font-size: 1.375rem;
  }

  .big-card_logo-image.mob-hide {
    display: none;
  }

  .huge_slide-ar._2 {
    right: 10%;
  }

  .close-brochure-icon, .close-news-icon {
    filter: invert();
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
  }

  .margin-bottom-70 {
    font-size: 1.6875rem;
  }

  .cons-btn {
    margin-top: .625rem;
  }

  .key_cards-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    margin-top: 0;
  }

  .key-card {
    height: 22.1875rem;
  }

  .big-card-project-tag {
    background-color: #fff;
  }

  .big-card-project-p {
    max-width: none;
    margin-bottom: 1rem;
  }

  .big-card-image-2 {
    object-fit: cover;
    display: none;
  }

  .close-bg-popup-video {
    padding-top: var(--size--20px);
    padding-right: var(--size--20px);
    filter: invert();
    position: absolute;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 1.6875rem;
  }

  .u-mb-0 {
    margin-bottom: 0;
  }

  .container {
    width: 92%;
  }

  .col {
    flex-basis: 100%;
    max-width: 100%;
  }

  .flex-h-10px.catalog-banner-wrap {
    flex-direction: column;
    width: 100%;
  }

  .flex-v-15px.mob-hide {
    display: none;
  }

  .text-small-14px.u-text-white {
    line-height: 140%;
  }

  .flex-v-spaceb.max-w-400 {
    order: -1;
    width: 100%;
    max-width: none;
  }

  .flex-v-10px {
    grid-column-gap: var(--size--10px);
    grid-row-gap: var(--size--10px);
  }

  .flex-v-10px.max-w-400px {
    max-width: none;
  }

  .flex-v-30px.justify-center {
    grid-template-rows: auto;
  }

  .flex-h-15px-center {
    grid-column-gap: var(--size--15px);
    grid-row-gap: var(--size--15px);
    grid-template-rows: auto;
    grid-template-columns: min-content 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .icon-wrap-40px {
    width: var(--size--25px);
    height: var(--size--25px);
  }

  .grid-3col-40-60px {
    grid-template-rows: min-content;
  }

  .card-projects-wrap {
    width: auto;
  }

  .text-input.is--quiz, .input.is--quiz, .btn-brand_color.is--quiz {
    width: 100%;
  }

  .hero {
    height: auto;
  }

  .foooter-wrapper {
    grid-column-gap: var(--size--15px);
    grid-row-gap: var(--size--15px);
    flex-direction: column;
  }

  .container-navbar {
    padding-left: 0;
    padding-right: 0;
  }

  .flex-h-40px {
    grid-column-gap: var(--size--40px);
    grid-row-gap: var(--size--40px);
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .flex-h-40px.max-width-100 {
    display: flex;
  }

  .flex-h-48px-wrap {
    grid-column-gap: var(--size--40px);
    grid-row-gap: var(--size--40px);
  }

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

  .play-icon-image {
    width: 2.5rem;
    height: 2.5rem;
  }

  .banner-inside_map {
    flex-direction: column;
    align-items: stretch;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .flex-h-20px {
    grid-column-gap: var(--size--15px);
    grid-row-gap: var(--size--15px);
    grid-template-rows: auto;
    grid-template-columns: min-content 1fr;
    grid-auto-columns: 1fr;
  }

  .flex-h-20px.align-h-top {
    grid-column-gap: var(--size--5px);
    grid-row-gap: var(--size--5px);
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: min-content 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .flex-h-20px.wrap {
    justify-content: space-between;
  }

  .popup_cons-wrap, .popup_brochure-wrap {
    display: none;
  }

  .lang-wrap {
    border-style: none;
  }

  .lang-link {
    background-color: #fff3;
  }

  .container-hero {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    width: 92%;
    padding-top: 1.5625rem;
    padding-bottom: 2rem;
  }

  .btns-wrapper {
    flex-wrap: wrap;
  }

  .btn-prim, .btn-sec {
    width: 100%;
  }

  .btn-sec.is--banner {
    font-size: var(--text--12px);
    max-width: 11.25rem;
  }

  .btn-sec.is--project, .btn-sec.is--big-card {
    padding: .875rem 1.25rem;
  }

  .btn-sec.stroked {
    font-size: var(--text--12px);
  }

  .btn-sec.stroked-grey {
    font-size: var(--text--12px);
    max-width: 11.25rem;
  }

  .btns-wrapper-2 {
    margin-left: 0;
    padding-top: 1.5625rem;
  }

  .map_item-h {
    font-size: 3.4375rem;
  }

  .btns-wrap-absolute {
    flex-wrap: wrap;
    margin-bottom: 5rem;
  }

  .btn-desc {
    font-size: .625rem;
  }

  .main-btn_content {
    grid-column-gap: .1rem;
    grid-row-gap: .1rem;
    max-width: 4.375rem;
  }

  .btn-whatsapp-banner {
    align-items: center;
    width: 8rem;
    padding: .625rem 0;
  }

  .btn-whatsapp-banner.is--success {
    color: #fff;
    background-color: #fff3;
  }

  .btn-whatsapp-banner.bg-white, .btn-whatsapp-banner.is--mobile {
    width: 7.9rem;
    height: auto;
  }

  .success-icon {
    width: 2.8125rem;
  }

  .success-img {
    width: 12rem;
  }

  .form-h {
    margin-bottom: 1.25rem;
    font-size: 1.6rem;
  }

  .success-message-2 {
    border-radius: 20px;
    padding-left: 0;
    overflow: hidden;
  }

  .hero_form {
    min-height: 230px;
    margin-bottom: 0;
  }

  .main-btn_p {
    font-size: .75rem;
  }

  .fdsgdsg, .fdsgdsg.is--success {
    right: -20%;
  }

  .success-content {
    padding-left: 1rem;
  }

  .success-h {
    font-size: 2.1875rem;
  }

  .btn-icon-2 {
    width: 4rem;
    height: 4rem;
  }

  .success_header {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .banner_btn-wrap {
    z-index: 22;
    bottom: 15%;
    right: -5%;
  }

  .banner_btn-wrap.is--success {
    right: -20%;
  }

  .service_banner {
    margin-bottom: 0;
  }

  .banner-h {
    margin-bottom: 1.25rem;
    font-size: 2.1875rem;
  }

  .banner_icon {
    width: 2rem;
    height: 2rem;
  }

  .banner_icon._1 {
    width: 3.125rem;
    height: 3.125rem;
  }

  .map_banner-image {
    width: 40%;
    height: auto;
  }

  .btn-third {
    width: 100%;
  }

  .coin_item-inner {
    grid-column-gap: var(--size--10px);
    grid-row-gap: var(--size--10px);
  }

  .big-text {
    font-size: 2rem;
  }

  .dropdown-link {
    height: 30px;
  }

  .heading-2-quiz {
    font-size: 14px;
  }

  .heading-2-quiz.success {
    font-size: 25px;
    line-height: 140%;
  }

  .dropdown-content-copy {
    border-radius: 20px;
  }

  .text-block-dropdown-trigger, .text-block-dropdown {
    font-size: 12px;
  }

  .block-w-projects {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .dropdown-trigger {
    height: 50px;
  }

  .success-text {
    padding-right: 30px;
    font-size: 20px;
  }

  .div-block-form.buttons {
    height: auto;
  }

  .text-field-form {
    height: 50px;
    font-size: 12px;
  }

  .next-button {
    font-size: 14px;
  }

  .next-button._1 {
    width: 100%;
    max-width: none;
  }

  .project {
    height: 130px;
  }

  .dropdown-wrapper {
    font-size: 12px;
  }

  .form-block-quiz {
    padding: 20px;
  }

  .text-block-dropdown-bed {
    font-size: 12px;
  }

  .dropdown-content {
    border-radius: 20px;
  }

  .h-2 {
    font-size: 14px;
  }

  .block-w-buttons {
    width: auto;
  }

  .project-bg {
    height: 80px;
  }

  .step {
    height: 420px;
  }

  .step._1, .step._2 {
    height: auto;
  }

  .flex-h-spb {
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    display: grid;
  }

  .section-catalog {
    padding-bottom: 2.5rem;
  }

  .catalog-item-top {
    border-radius: .625rem;
    height: 22.5rem;
  }

  .catalog-list {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
  }

  .location_wrap {
    padding-top: .5rem;
  }

  .price-text {
    font-size: 1rem;
  }

  .collection-item.is--areas, .collection-item.is--areas-2, .collection-item.is--areas-3 {
    width: 100%;
  }

  .footer_link {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .soc_links-wrap {
    flex-direction: column;
  }

  .load-more-button, .btn-sec-copy {
    width: 100%;
  }

  .project-name {
    font-size: 1.375rem;
  }

  .soc_links {
    position: absolute;
    inset: 8rem 1.25rem 0% auto;
  }

  .soc_links.ar {
    left: 1.25rem;
    right: auto;
  }

  .hero_content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .hero_btn-wrap {
    padding-top: 1.625rem;
  }

  .hero_small-banner {
    width: 100%;
    height: auto;
  }

  .hero_slider {
    margin-top: 2rem;
  }

  .hero_project-name {
    margin-bottom: 1.25rem;
    font-size: 2.5rem;
  }

  .ar-right {
    right: 5%;
  }

  .ar-left {
    right: 15%;
  }

  .blue_banner {
    background-image: url('../images/Exclusive-offer.svg');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    align-items: flex-start;
    min-height: 230px;
    margin-bottom: 0;
    padding: 1.25rem;
  }

  .banner_btn {
    width: 100%;
  }

  .blue-banner-h {
    font-size: 1.25rem;
  }

  .flex-h-15px {
    grid-column-gap: var(--size--15px);
    grid-row-gap: var(--size--15px);
    grid-template-rows: auto;
    grid-template-columns: min-content;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .flex-h-15px.max-w-640px {
    display: flex;
  }

  .flex-h-25px {
    grid-column-gap: var(--size--15px);
    grid-row-gap: var(--size--15px);
    grid-template-rows: auto;
    grid-template-columns: min-content 1fr;
    grid-auto-columns: 1fr;
  }

  .flex-h-25px.align-h-top {
    grid-column-gap: var(--size--5px);
    grid-row-gap: var(--size--5px);
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: min-content 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

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

  .dubai-banner-h {
    margin-bottom: 0;
    font-size: 1.375rem;
  }

  .pay_item {
    width: 48%;
  }

  .pay_item.last {
    width: 100%;
  }

  .section-location {
    padding-top: 2rem;
  }

  .location_image-item {
    height: 30rem;
  }

  .location_info.align-right {
    align-items: flex-start;
    margin-top: 1rem;
  }

  .location_adv-item {
    max-width: 10rem;
  }

  .location_image-absolute {
    margin-top: -2rem;
  }

  .location_image-absolute._2 {
    margin-top: 2rem;
    top: -30%;
    left: 5%;
  }

  .invest-banner-h {
    margin-bottom: 0;
    font-size: 1.375rem;
  }

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

  .form_heading {
    font-size: 1.1rem;
  }

  .form_heading.u-text-white.minus-margin {
    margin-left: 0;
    margin-right: 0;
    font-size: 1.6875rem;
  }

  .form_heading.popup {
    font-size: 1.6875rem;
  }

  .newsletter {
    height: auto;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    padding-left: 1.2rem;
  }

  .newsletter-content {
    top: -1.3rem;
  }

  .newsletter-h {
    font-size: 1.5625rem;
  }

  .footer-btn {
    width: 100%;
  }

  .footer_newsletter-item {
    order: -1;
  }

  .success-btn {
    width: 100%;
  }

  .success-heading {
    font-size: 1.1rem;
  }

  .catalog_item-wrap {
    display: flex;
  }

  .catalog-brochure-btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    align-items: center;
  }

  .catalog-brochure-btn.is--success {
    color: #fff;
    background-color: #fff3;
  }

  .faq-ttl {
    font-size: 1.25rem;
  }

  .flex-row-space-between {
    grid-row-gap: 1.25rem;
    flex-wrap: wrap;
    padding-top: .8rem;
  }

  .h2-2 {
    font-size: 1.75rem;
  }

  .global-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .spacer-40-20 {
    padding-top: 1.25rem;
  }

  .dropdown-toggle-2 {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 18px;
  }

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

  .slider-thumbs_wrapper {
    width: 50%;
  }

  .headline {
    font-size: .88rem;
  }

  .slide-overlay {
    padding-bottom: 0;
    padding-right: 0;
  }

  .container-hero-project {
    width: 92%;
  }

  .project_gallery-btn {
    align-items: center;
  }

  .project_gallery-btn.is--success {
    color: #fff;
    background-color: #fff3;
  }

  .project-galery_btn-wrap {
    margin-top: 1rem;
    right: -24%;
  }

  .project-galery_btn-wrap.is--success {
    right: -20%;
  }

  .project_agent-name {
    font-size: 1.1rem;
  }

  .anchor-item {
    width: 40%;
  }

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

  .improvement-rich-tags ul {
    grid-template-columns: 1fr 1fr;
  }

  .floorplan_tab-content {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
  }

  .floorplan-image {
    object-fit: contain;
  }

  .floorplan_btn-wrap {
    margin-top: 1rem;
    right: -32%;
  }

  .floorplan_btn-wrap.is--success {
    right: -20%;
  }

  .project_floorplan-btn {
    align-items: center;
  }

  .project_floorplan-btn.is--success {
    color: #fff;
    background-color: #fff3;
  }

  .payment_tab-content {
    grid-template-columns: 1fr 1fr;
    padding: 1rem 0;
  }

  .payment_rich-text {
    justify-content: flex-start;
  }

  .project_payment-btn {
    margin-left: 0;
  }

  .payment_btn {
    width: 100%;
  }

  .location_items-wrap {
    flex-direction: column;
  }

  .location_item {
    width: 100%;
  }

  .timings_wrap {
    flex-direction: column;
  }

  .timing_item {
    width: 100%;
  }

  .roi-component {
    justify-content: center;
  }

  .roi_item {
    width: 10rem;
    height: 10rem;
  }

  .roi-text {
    font-size: 1.2rem;
  }

  .hero_slider-pagination {
    width: 60%;
  }

  .filters-wrap {
    grid-column-gap: var(--size--40px);
    grid-row-gap: var(--size--40px);
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .filters-wrap.max-width-100 {
    display: flex;
  }

  .big-card_btns-wrap {
    margin-top: 1.25rem;
  }

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

  .catalog-banner-h {
    margin-bottom: 1.25rem;
    font-size: 2.5rem;
  }

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

  .location_info-wrap {
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
  }

  .video_banner {
    padding-bottom: 5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .video-component {
    width: 100%;
    position: relative;
  }

  .embed-video {
    width: 190%;
    height: 100%;
    overflow: hidden;
  }

  .video-rich-tags {
    z-index: 99;
    position: absolute;
    inset: 3rem auto auto 1rem;
  }

  .huge_slide-image {
    height: 16.25rem;
  }

  .huge_slider-info {
    grid-column-gap: var(--size--20px);
    grid-row-gap: var(--size--20px);
  }

  .huge_slider-items-wrap {
    width: 100%;
  }

  .huge_slider-item-h.max-width {
    max-width: 10ch;
  }

  .popup_news-wrap {
    display: none;
  }

  .margin-bottom-70 {
    margin-bottom: 1.875rem;
  }

  .cons-btn {
    margin-top: .9375rem;
  }

  .mroject-link-image.is--hero {
    width: 6.25rem;
    height: 4.375rem;
  }

  .h2-bg-type.small {
    font-size: 2.5rem;
  }

  .key_cards-wrapper {
    margin-top: 0;
  }

  .key-card {
    height: auto;
  }

  .key_card-logos-wrapper {
    grid-row-gap: .8125rem;
  }

  .margin-bottom-20 {
    margin-bottom: 1.875rem;
  }

  .hero_h2 {
    font-size: 1.25rem;
  }
}

#w-node-cb15bd01-f48f-da7f-fef3-657b51f92115-9f11c2b0, #w-node-cb15bd01-f48f-da7f-fef3-657b51f92117-9f11c2b0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cb15bd01-f48f-da7f-fef3-657b51f9212c-9f11c2b0, #w-node-cb15bd01-f48f-da7f-fef3-657b51f9212e-9f11c2b0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e49ffb29-7b97-d693-55bb-2bba0627ee63-9f11c2b0, #w-node-e49ffb29-7b97-d693-55bb-2bba0627ee64-9f11c2b0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e49ffb29-7b97-d693-55bb-2bba0627ee66-9f11c2b0, #w-node-e49ffb29-7b97-d693-55bb-2bba0627ee68-9f11c2b0, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbaa-9f11c2b0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc4-9f11c2b0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbec-9f11c2b0 {
  justify-self: end;
}

#w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cd7d-510ac2ad, #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cd7e-510ac2ad {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cd80-510ac2ad, #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cd82-510ac2ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cd9a-510ac2ad, #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cd9b-510ac2ad {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cd9d-510ac2ad, #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cd9f-510ac2ad, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbaa-510ac2ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc4-510ac2ad {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbec-510ac2ad {
  justify-self: end;
}

#w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7cd-ae90ae88, #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7ce-ae90ae88 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7d0-ae90ae88, #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7d2-ae90ae88 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7ea-ae90ae88, #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7eb-ae90ae88 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7ed-ae90ae88, #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7ef-ae90ae88, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbaa-ae90ae88 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc4-ae90ae88 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbec-ae90ae88 {
  justify-self: end;
}

#w-node-_2fd3959f-5a65-14fa-a073-186b8347d418-5e033eaf, #w-node-_2fd3959f-5a65-14fa-a073-186b8347d419-5e033eaf {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2fd3959f-5a65-14fa-a073-186b8347d41b-5e033eaf, #w-node-_2fd3959f-5a65-14fa-a073-186b8347d41d-5e033eaf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_95f4e731-e213-e126-ea6a-2ef4ce11404e-5e033eaf, #w-node-_95f4e731-e213-e126-ea6a-2ef4ce11404f-5e033eaf {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_95f4e731-e213-e126-ea6a-2ef4ce114051-5e033eaf, #w-node-_95f4e731-e213-e126-ea6a-2ef4ce114053-5e033eaf, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbaa-5e033eaf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc4-5e033eaf {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbec-5e033eaf {
  justify-self: end;
}

#w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81bff-d8d201eb, #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c00-d8d201eb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c02-d8d201eb, #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c04-d8d201eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c1c-d8d201eb, #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c1d-d8d201eb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c1f-d8d201eb, #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c21-d8d201eb, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbaa-d8d201eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc4-d8d201eb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbec-d8d201eb {
  justify-self: end;
}

#w-node-_94aa1f5f-bbf2-fb66-3902-474876a015a1-bf7c702f, #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015a2-bf7c702f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_94aa1f5f-bbf2-fb66-3902-474876a015a4-bf7c702f, #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015a6-bf7c702f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_94aa1f5f-bbf2-fb66-3902-474876a015be-bf7c702f, #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015bf-bf7c702f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_94aa1f5f-bbf2-fb66-3902-474876a015c1-bf7c702f, #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015c3-bf7c702f, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbaa-bf7c702f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc4-bf7c702f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbec-bf7c702f {
  justify-self: end;
}

#w-node-_6493514c-63b7-12f9-a2e3-8fa14194df00-47dc3744, #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df01-47dc3744 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6493514c-63b7-12f9-a2e3-8fa14194df03-47dc3744, #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df05-47dc3744 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6493514c-63b7-12f9-a2e3-8fa14194df1d-47dc3744, #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df1e-47dc3744 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6493514c-63b7-12f9-a2e3-8fa14194df20-47dc3744, #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df22-47dc3744, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbaa-47dc3744 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc4-47dc3744 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbec-47dc3744 {
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-cb15bd01-f48f-da7f-fef3-657b51f92132-9f11c2b0 {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-cb15bd01-f48f-da7f-fef3-657b51f92134-9f11c2b0 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-cb15bd01-f48f-da7f-fef3-657b51f92135-9f11c2b0 {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-cb15bd01-f48f-da7f-fef3-657b51f92137-9f11c2b0 {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-e49ffb29-7b97-d693-55bb-2bba0627ee6d-9f11c2b0 {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-e49ffb29-7b97-d693-55bb-2bba0627ee70-9f11c2b0 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-e49ffb29-7b97-d693-55bb-2bba0627ee72-9f11c2b0 {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-e49ffb29-7b97-d693-55bb-2bba0627ee75-9f11c2b0 {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_3c96f343-28e9-4991-4ed0-904f690ea61e-9f11c2b0, #w-node-e697ce07-54f7-59f6-289b-b2c26beaf4b3-9f11c2b0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc7-9f11c2b0, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbdb-9f11c2b0 {
    grid-column: span 2 / span 2;
  }

  #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cd87-510ac2ad {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cd8a-510ac2ad {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cd8c-510ac2ad {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cd8f-510ac2ad {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cda4-510ac2ad {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cda7-510ac2ad {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cda9-510ac2ad {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cdac-510ac2ad {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_3c96f343-28e9-4991-4ed0-904f690ea61e-510ac2ad, #w-node-e697ce07-54f7-59f6-289b-b2c26beaf4b3-510ac2ad {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc7-510ac2ad, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbdb-510ac2ad {
    grid-column: span 2 / span 2;
  }

  #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7d7-ae90ae88 {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7da-ae90ae88 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7dc-ae90ae88 {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7df-ae90ae88 {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7f4-ae90ae88 {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7f7-ae90ae88 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7f9-ae90ae88 {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7fc-ae90ae88 {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_3c96f343-28e9-4991-4ed0-904f690ea61e-ae90ae88, #w-node-e697ce07-54f7-59f6-289b-b2c26beaf4b3-ae90ae88 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc7-ae90ae88, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbdb-ae90ae88 {
    grid-column: span 2 / span 2;
  }

  #w-node-_2fd3959f-5a65-14fa-a073-186b8347d422-5e033eaf {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-_2fd3959f-5a65-14fa-a073-186b8347d425-5e033eaf {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_2fd3959f-5a65-14fa-a073-186b8347d427-5e033eaf {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_2fd3959f-5a65-14fa-a073-186b8347d42a-5e033eaf {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_95f4e731-e213-e126-ea6a-2ef4ce114058-5e033eaf {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-_95f4e731-e213-e126-ea6a-2ef4ce11405b-5e033eaf {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_95f4e731-e213-e126-ea6a-2ef4ce11405d-5e033eaf {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_95f4e731-e213-e126-ea6a-2ef4ce114060-5e033eaf {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_3c96f343-28e9-4991-4ed0-904f690ea61e-5e033eaf, #w-node-e697ce07-54f7-59f6-289b-b2c26beaf4b3-5e033eaf {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc7-5e033eaf, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbdb-5e033eaf {
    grid-column: span 2 / span 2;
  }

  #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c09-d8d201eb {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c0c-d8d201eb {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c0e-d8d201eb {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c11-d8d201eb {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c26-d8d201eb {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c29-d8d201eb {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c2b-d8d201eb {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c2e-d8d201eb {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_3c96f343-28e9-4991-4ed0-904f690ea61e-d8d201eb, #w-node-e697ce07-54f7-59f6-289b-b2c26beaf4b3-d8d201eb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc7-d8d201eb, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbdb-d8d201eb {
    grid-column: span 2 / span 2;
  }

  #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015ab-bf7c702f {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015ae-bf7c702f {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015b0-bf7c702f {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015b3-bf7c702f {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015c8-bf7c702f {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015cb-bf7c702f {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015cd-bf7c702f {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015d0-bf7c702f {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_3c96f343-28e9-4991-4ed0-904f690ea61e-bf7c702f, #w-node-e697ce07-54f7-59f6-289b-b2c26beaf4b3-bf7c702f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc7-bf7c702f, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbdb-bf7c702f {
    grid-column: span 2 / span 2;
  }

  #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df0a-47dc3744 {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df0d-47dc3744 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df0f-47dc3744 {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df12-47dc3744 {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df27-47dc3744 {
    grid-area: 2 / 1 / 2 / 3;
  }

  #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df2a-47dc3744 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df2c-47dc3744 {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df2f-47dc3744 {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_3c96f343-28e9-4991-4ed0-904f690ea61e-47dc3744, #w-node-e697ce07-54f7-59f6-289b-b2c26beaf4b3-47dc3744 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbc7-47dc3744, #w-node-_40eb29a3-b839-1615-bf6f-68d78e5acbdb-47dc3744 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-cb15bd01-f48f-da7f-fef3-657b51f92131-9f11c2b0, #w-node-e49ffb29-7b97-d693-55bb-2bba0627ee6b-9f11c2b0, #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cd85-510ac2ad, #w-node-_0a62cc3d-e89d-11dc-1de4-d70ac8d7cda2-510ac2ad, #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7d5-ae90ae88, #w-node-_331eccc2-18b6-2a0d-a976-567a5d65a7f2-ae90ae88, #w-node-_2fd3959f-5a65-14fa-a073-186b8347d420-5e033eaf, #w-node-_95f4e731-e213-e126-ea6a-2ef4ce114056-5e033eaf, #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c07-d8d201eb, #w-node-_10134a9a-7d90-60e5-a6b0-6b6eaaa81c24-d8d201eb, #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015a9-bf7c702f, #w-node-_94aa1f5f-bbf2-fb66-3902-474876a015c6-bf7c702f, #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df08-47dc3744, #w-node-_6493514c-63b7-12f9-a2e3-8fa14194df25-47dc3744 {
    grid-area: 1 / 1 / 2 / 3;
  }
}


@font-face {
  font-family: 'Opensanshebrew';
  src: url('../fonts/OpenSansHebrew-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensanshebrew';
  src: url('../fonts/OpenSansHebrew-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosansarabic';
  src: url('../fonts/NotoSansArabic-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosansarabic';
  src: url('../fonts/NotoSansArabic-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shango';
  src: url('../fonts/shango-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}