:root {
  --primary-color: white;
  --heading-font: Gtamericaarabic, sans-serif;
  --font-color: #000;
  --section-color-4: #e3a255;
  --section-color-1: #f9daaa;
  --section-color-2: #d3af7a;
  --section-color-3: #ab7784;
  --section-color-5: #677c3e;
  --heading-regular: Gtamericaarabic, sans-serif;
}



/* Custom Code */
.text-center {
  text-align: center;
}
.home-second-section {
  background-color: #fff !important;
}
.home-third-section {
  background-color: black !important;
  color: white !important;
}
.white {
  color: white !important;
}
.black {
  color: black !important;
}
.container-section-four {
  width: 100%;
  max-width: 100% !important;
}
.custom-btn {
  background-color: #000 !important;
  color: white !important;
  border-radius: 60px !important;
  padding: 10px 15px !important;
  text-decoration: none;
  font-size: 20px !important;
  text-transform: capitalize;
}
.custom-btn:hover {
  background-color: rgba(0, 0, 0, 1) !important;
  color: #fff !important;
}
.margin-top {
  margin-top: 40px;
}
.bg-black {
  background-color: black !important;
  height: 100vh !important;
}
.city-padding {
  padding: 40px !important;
}
.hide-desktop {
  display: none !important;
}
.map {
  position: relative;
  width: 600px;
  height: 45vw;
}
.custom-marker {
  width: 40px;
  height: 40px;
  background-size: cover;
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
@media screen and (max-width: 476px) {
  .city-padding {
    padding: 0px !important;
    padding-left: 40px !important;
  }
  .mobile-margin-top {
    margin-top: 40px !important;
  }
  .page-hero-section.work {
    margin-bottom: 300px !important;
  }
  .map {
    width: 100% !important;
    height: 45vw !important;
  }
}

@media screen and (max-width: 479px) {
    .hide-mobile{
      display: none !important;
    }
    .margin-mobile {
      margin-top: 300px !important;
    }
    .hide-desktop {
      display: block !important;
    }
}

.pt-20 {
  padding-top: 20px;
}
.mt-20 {
  margin-top: 20px;
}
.field-error {
  font-weight: bolder;
  color: red;
}

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

.hero-heading {
  color: var(--primary-color);
  letter-spacing: -1px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 7vw;
  font-weight: 300;
  line-height: 7vw;
}

.hero-heading.arabic {
  text-align: right;
}

.typo-wrapper {
  padding: 91px;
}

.section-heading {
  font-family: var(--heading-font);
  color: var(--font-color);
  text-align: left;
  letter-spacing: -1.7px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 5vw;
  font-weight: 300;
  line-height: 5vw;
}

.section-heading.white {
  color: var(--primary-color);
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 5vw;
  line-height: 5vw;
}

.section-heading.white.small {
  text-align: right;
  margin-bottom: 40px;
}

.section-heading.white.small.left, .section-heading.white.small.left.arabic {
  text-align: left;
}

.section-heading.small {
  text-transform: none;
  margin-bottom: 40px;
  font-size: 4.8vw;
}

.section-heading.small.arabic {
  text-align: right;
}

.section-heading.center {
  text-align: center;
  font-weight: 300;
}

.section-heading.center.arabic {
  text-align: center;
}

.section-heading.center.arabic.black {
  color: var(--font-color);
}

.section-heading.padding {
  margin-bottom: 6.25rem;
}

.section-heading.arabic {
  text-align: right;
  align-self: flex-end;
  line-height: 6vw;
}

.section-heading.arabic.left, .section-heading.arabic.right {
  text-align: right;
}

.section-heading.arabic.center {
  color: var(--primary-color);
  align-self: center;
}

.section-heading.arabic.white {
  font-size: 5vw;
}

.section-heading.form {
  color: var(--section-color-4);
  text-align: left;
  margin-top: 20px;
}

.section-heading.white-center {
  color: var(--primary-color);
}

.sub-heading {
  font-family: var(--heading-font);
  color: #000;
  letter-spacing: -.8px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1.288vw;
  font-weight: 500;
  line-height: 1.288vw;
}

.sub-heading.center {
  text-align: center;
  margin-top: 0;
}

.sub-heading.white {
  color: var(--primary-color);
  font-weight: 500;
}

.sub-heading.padding {
  margin-bottom: 20px;
}

.sub-heading.big {
  font-size: 1.932vw;
  line-height: 2vw;
}

.sub-heading.arabic {
  text-align: right;
  align-self: flex-end;
}

.paragraph {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--font-color);
  letter-spacing: -.8px;
  flex-flow: column;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 1.28vw;
  font-weight: 400;
  line-height: 1.528vw;
  display: flex;
}

.paragraph.white {
  color: var(--primary-color);
  letter-spacing: -1px;
}

.paragraph.white.padding {
  font-family: Gtamericaarabic, sans-serif;
  font-weight: 300;
}

.paragraph.white.right-padding {
  padding-right: 35px;
}

.paragraph.padding {
  margin-top: 20px;
}

.paragraph.right-padding {
  letter-spacing: -.8px;
  padding-right: 35px;
}

.paragraph.right-padding.more {
  padding-right: 97px;
}

.paragraph.right-padding.more.arabic {
  padding-right: 0;
}

.paragraph.right-padding._2 {
  padding-right: 45px;
}

.paragraph.right-padding.arabic {
  padding-right: 0;
}

.paragraph.up-padding {
  margin-top: 40px;
}

.paragraph.low-padding {
  margin-bottom: 20px;
}

.paragraph.arabic {
  text-align: right;
  align-self: flex-end;
}

.tab-heading {
  font-family: var(--heading-font);
  color: var(--font-color);
  font-size: 2.899vw;
  font-weight: 500;
  line-height: 4.106vw;
}

.navbar {
  z-index: 2147483647;
  background-color: #ddd0;
  width: 100%;
  position: fixed;
}

.navbar-container {
  z-index: 999999999;
  max-width: 100%;
  margin: 0 0 10px;
  padding-left: 4rem;
  padding-right: 4rem;
  position: relative;
}

.nav-logo-wrapper {
  width: 16vw;
  height: 10vh;
  margin-top: 5px;
}

.nav-logo {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.nav-logo.arabic {
  object-fit: contain;
}

.nav-menu-wrapper {
  background-color: #00000040;
  border-radius: 80px;
  justify-content: space-between;
  align-items: center;
  /* width: 10vw; */
  height: 3.462vw;
  margin-top: 19px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.nav-link {
  font-family: var(--heading-font);
  color: var(--primary-color);
  letter-spacing: -1px;
  align-self: center;
  padding-right: 0;
  font-size: 72px;
  font-weight: 300;
  line-height: 110px;
  text-decoration: none;
}

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

.nav-link.w--current {
  color: var(--primary-color);
  padding-right: 20px;
}

.nav-link.drop {
  padding-left: 10px;
  padding-right: 0;
}

.page-wrapper {
  overflow: hidden;
}

.hero-section {
  background-color: #000;
  width: 100vw;
  height: 100vh;
}

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

.container.hero {
  height: 100vh;
  padding-left: 5rem;
  padding-right: 5rem;
}

.container.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.hero-heading-wrapper {
  width: 90vw;
}

.hero-heading-wrapper.arabic {
  align-self: flex-end;
  display: none;
}

.hero-botton-logo-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.hero-bottom-logo-wrapper {
  position: absolute;
  inset: auto auto 2rem 5rem;
  left: 50%;
}

.small-logo-heading {
  color: var(--primary-color);
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.section {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.section.peach {
  background-color: var(--section-color-1);
  background-image: none;
}

.section.line {
  background-color: var(--primary-color);
}

.section.home {
  background-image: url('/images/Home-3.JPG');
  background-position: 0 0;
  background-size: cover;
}

.section.cta {
  background-image: url('/images/Home-4.JPG');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 115vh;
  padding-bottom: 6.25rem;
  display: none;
  overflow: hidden;
}

.section.footer {
  background-image: none;
  padding-bottom: 2rem;
}

.section.live {
  background-color: #d3af7a;
  background-image: none;
}

.section.work {
  background-color: #a5c3e2;
  background-image: none;
}

.section.stay {
  background-color: #ab7784;
  background-image: none;
}

.section.shop {
  background-color: #e3a255;
  background-image: none;
}

.section.play {
  background-color: #677c3e;
  background-image: none;
}

.section.discover {
  background-color: #f9daaa;
  background-image: none;
}

.section.community {
  background-color: #f9daaa;
}

.section.hide {
  display: none;
}

.section.no-upper-padding {
  background-color: #f9daaa;
  padding-top: 0;
}

.section.logo {
  background-image: url('/images/Group-434.JPG');
  background-position: 0 0;
  background-size: cover;
  height: 100vh;
}

.section.up {
  padding-top: 2.25rem;
}

.section.black {
  background-color: #0d0d0d;
}

.section.mobile {
  display: none;
}

.section-heading-wrapper {
  width: 42vw;
}

.section-heading-wrapper.wide {
  width: 55vw;
}

.section-heading-wrapper.wide.more, .section-heading-wrapper.wide.arabic {
  width: 50vw;
}

.section-heading-wrapper.big {
  width: 90vw;
  margin-bottom: 6.25rem;
}

.section-heading-wrapper.right {
  text-align: right;
  width: 50vw;
}

.section-heading-wrapper.half {
  width: 60vw;
}

.section-heading-wrapper._2-line {
  width: 49vw;
}

.section-heading-wrapper.bottom {
  align-self: flex-end;
}

.section-heading-wrapper.flex {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 45vw;
  height: 100%;
  display: flex;
}

.section-heading-wrapper.arabic {
  justify-content: flex-start;
}

.section-heading-wrapper.arabic.right-align {
  width: 45vw;
}

.section-heading-wrapper.small {
  width: 36vw;
}

.section-heading-wrapper.small.arabic {
  align-self: flex-end;
}

.section-heading-wrapper.pages {
  width: 30vw;
}

.logo-heading-quickstack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-top: 100px;
  padding-left: 0;
  padding-right: 0;
}

.big-logo-wrapper {
  align-self: center;
  width: 25vw;
  height: 25vw;
}

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

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

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

.image.cover.no {
  width: 100%;
  height: 100%;
}

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

.logo-details-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50vw;
  padding-left: 11.153vw;
  display: flex;
}

.logo-details-wrapper.arabic {
  align-items: flex-end;
}

.discover-button {
  color: #fff;
  cursor: pointer;
  background-color: #000;
  border-radius: 60px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 10vw;
  height: auto;
  padding: 10px 15px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  line-height: 19px;
  display: flex;
}

.discover-button.up-padding {
  margin-top: 40px;
}

.heading {
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.slider-wrapper-right {
  flex-flow: row;
  justify-content: flex-end;
  margin-top: 100px;
  display: flex;
}

.slider-wrapper-right.arabic {
  justify-content: flex-start;
}

.slider-div {
  width: 100vw;
  height: 50vw;
  padding: 40px;
}

.image-slider {
  background-color: #ddd0;
  width: 100%;
  height: 100%;
}

.slider-image-wrapper {
  width: 100%;
  height: 100%;
}

.left-arrow, .right-arrow {
  display: none;
}

.slide-nav {
  justify-content: flex-end;
  padding-right: 30px;
  display: flex;
}

.grid-wrapper {
  justify-content: center;
  margin-top: 70px;
  display: flex;
}

.grid-wrapper.arabic {
  justify-content: flex-start;
  align-items: center;
}

.icon-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  width: 50vw;
  margin-left: 130px;
  display: grid;
}

.icon-grid.arabic {
  justify-items: end;
  margin-left: 14.889vw;
}

.grid-content-wrapper {
  width: 10vw;
  height: 12vw;
  padding: 10px;
}

.grid-content-wrapper.arabic {
  flex-flow: column;
  align-items: flex-end;
  display: flex;
}

.icon-wrapper {
  width: 3vw;
  height: 4.838vw;
}

.icon-wrapper.slider {
  width: 2.5vw;
  height: 3vw;
}

.icon {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.grid-heading {
  color: #362222;
  margin-top: 10px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.grid-heading.arabic {
  text-align: right;
}

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

.hover-tabs_image {
  opacity: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hover-tabs_image.is-active {
  opacity: 1;
}

.hover-tabs_text {
  font-family: var(--heading-font);
  color: var(--font-color);
  font-size: 36px;
  font-weight: 400;
  line-height: 51px;
}

.tab-button-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 45vw;
  margin-left: -3rem;
  display: flex;
}

.hover-tabs_component {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hover-tabs_mobile-image-wrapper {
  background-color: #eaeaea;
  align-items: center;
  padding: 1.5rem;
  display: none;
}

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

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

.hover-tabs_heading-style-h4 {
  font-family: var(--heading-font);
  color: var(--font-color);
  font-size: 24px;
  font-weight: 300;
  line-height: 51px;
}

.arrpw-wrapper {
  width: 4vw;
  height: 3vw;
}

.hover-tabs_left-content {
  align-items: center;
  display: flex;
}

.hover-tabs_image-wrapper {
  width: 40vw;
  height: 50vw;
  position: relative;
}

.padding-global {
  padding-left: 0;
  padding-right: 2.5rem;
}

.hover-tabs_mobile-image {
  width: 100%;
  height: 100%;
}

.hover-tabs_list-item-wrapper {
  width: 100%;
}

.hover-tabs_list-item {
  z-index: 0;
  grid-row-gap: 1rem;
  color: #353535;
  text-transform: none;
  background-color: #0000;
  border-top: 1px solid #e3a255;
  border-bottom: 1px #000;
  border-radius: 2px;
  flex-direction: column;
  align-items: flex-start;
  width: 47vw;
  margin-top: -1px;
  margin-bottom: -1px;
  padding: 1rem 4rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.hover-tabs_list-item:hover {
  background-color: #e3a255;
  border-bottom-color: #0000;
}

.hover-tabs_list-item:active {
  background-color: #e3a255;
}

.hover-tabs_list-item.is-active {
  z-index: 1;
  box-shadow: none;
  border-top: 1px solid #e3a255;
  border-bottom: 1px #000;
  width: 47vw;
  padding: 0 4rem;
  transition-property: none;
}

.hover-tabs_list-item.is-active.bottom {
  border-bottom: 1px solid #e3a255;
}

.hover-tabs_list-item.bottom {
  border-top-style: solid;
  border-bottom-style: solid;
  border-bottom-color: #e3a255;
}

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

.hover-tabs_heading-wrapper {
  grid-column-gap: 1rem;
  align-items: center;
  margin-left: -2.7rem;
  display: flex;
}

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

.hover-tabs_right-wrapper {
  flex-direction: column;
  justify-content: center;
  padding-left: 2rem;
  display: flex;
}

.vision-logo-wrapper {
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.vision-logo-div {
  width: 15.056vw;
  height: 9.984vw;
}

.vision-logo-div.wide {
  width: 36.071vw;
  height: 350px;
}

.vision-logo-div.wide.arabic {
  align-self: flex-end;
}

.left-para-div {
  margin-top: 100px;
}

.left-para-div.no-padding {
  margin-top: 0;
}

.left-para-quick-stack {
  padding-left: 0;
  padding-right: 0;
}

.left-para-div-wrapper {
  width: 50vw;
  height: auto;
  padding-right: 135px;
}

.left-para-div-wrapper.long {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50vw;
  height: 65vw;
  padding-right: 0;
  display: flex;
}

.left-para-div-wrapper.long.arabic {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: flex-end;
  height: 70vw;
}

.left-para-div-wrapper.arabic {
  padding-right: 0;
}

.masterplan-div {
  margin-top: 100px;
}

.map-quickstack {
  padding: 0;
}

.map-wrapper {
  background-image: url('/images/image.svg');
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-end;
  width: 23.027vw;
  height: 65vw;
}

.map-wrapper.big {
  height: auto;
  margin-left: 9.662vw;
}

.masterplan-heading {
  color: var(--font-color);
  letter-spacing: -7px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 7vw;
  font-weight: 400;
  line-height: 5.475vw;
}

.masterplan-heading.arabic {
  text-align: right;
  font-size: 5.5vw;
  line-height: 8vw;
}

.sqft-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  width: 35vw;
  height: 20vw;
  margin-top: 50px;
  display: grid;
}

.sqft-grid.arabic {
  place-items: center end;
  height: 15vw;
}

.sqft-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 15vw;
  height: 8vw;
  display: flex;
}

.sqft-wrapper.en {
  justify-content: flex-start;
  width: 18vw;
  height: 8vw;
}

.sqft-wrapper.arabic {
  align-items: flex-end;
}

.sqft-heading {
  color: var(--font-color);
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Gtamericaarabic, sans-serif;
  font-weight: 500;
  line-height: 26px;
  font-size: 40px;
}
@media screen and (max-width: 767px) {
  .sqft-heading {
    font-size: 25px;
    line-height: 26px;
  }
}

.sqft-heading.arabic {
  margin-bottom: 0;
}

.sqft-details {
  color: var(--font-color);
  margin-top: 10px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.sqft-details.arabic {
  text-align: right;
}

.right-align-div {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 5.55rem;
  display: flex;
}

.right-align-div.no-padding {
  flex-flow: row;
  margin-bottom: 0;
}

.right-align-div.no-padding.arabic {
  justify-content: flex-start;
}

.plan-wrapper.arabic {
  align-self: flex-end;
}

.zone-div {
  width: 35.346vw;
  height: 27.134vw;
}

.zone-div.live {
  height: auto;
}

.zone-div.arabic {
  margin-top: 40px;
}

.zone-content-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 0 #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 11.5vh;
  display: flex;
}

.zone-content-wrapper.up {
  border-top-style: none;
  border-top-width: 0;
}

.zone-content-wrapper.up.left.arabic {
  justify-content: flex-end;
}

.zone-content-wrapper.left {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: center;
}

.zone-content-wrapper.left.arabic {
  justify-content: flex-end;
}

.zone-content-wrapper.left.en {
  justify-content: flex-start;
}

.zone-content-wrapper.flex {
  justify-content: space-between;
  width: 31.72vw;
}

.zone-content-wrapper.flex.wide {
  width: 40vw;
}

.zone-content-wrapper.arabic, .zone-content-wrapper.right {
  justify-content: flex-end;
}

.number-div {
  justify-content: space-between;
  width: 3vw;
  display: flex;
}

.number-heading {
  color: #000;
  margin-bottom: 0;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.zone-heading {
  color: #000;
  letter-spacing: -1.2px;
  margin-top: 10px;
  font-family: Gtamericaarabic, sans-serif;
  font-weight: 400;
  line-height: 26px;
}

.zone-heading.small {
  font-size: 18px;
  line-height: 20px;
}

.zone-heading.small.arabic, .zone-heading.small.arabic.left {
  text-align: right;
}

.zone-heading.bold {
  font-weight: 500;
}

.zone-heading.bold.arabic, .zone-heading.arabic {
  text-align: right;
}

.location-quickstack {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  margin-top: 100px;
  padding: 0;
}

.location-image-wrapper {
  width: 50vw;
  height: 53vw;
}

.location-tab-wrapper {
  width: 34vw;
  height: 56.522vw;
}

.tab-menu {
  flex-flow: column;
  align-items: flex-start;
  margin-top: 2vw;
  display: flex;
}

.tab-link-tab-1 {
  background-color: #ddd0;
  width: 40vw;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-1.w--current {
  background-color: #c8c8c800;
  border-top: 1px solid #cdcdd4;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-2 {
  background-color: #ddd0;
  border-top: 1px solid #cdcdd4;
  border-bottom: 1px solid #cdcdd4;
  width: 40vw;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-2.w--current {
  background-color: #ddd0;
}

.tab-link-tab-3 {
  background-color: #ddd0;
  border-bottom: 1px solid #cdcdd4;
  width: 40vw;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-3.w--current {
  background-color: #ddd0;
}

.tab-link-tab-4 {
  background-color: #ddd0;
  border-bottom: 1px solid #cdcdd4;
  width: 40vw;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-4.w--current {
  background-color: #ddd0;
}

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

.location-heading {
  color: var(--font-color);
  letter-spacing: -1px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Gtamericaarabic, sans-serif;
  font-weight: 300;
  line-height: 26px;
}

.tab {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.tab-image-wrapper {
  width: 26.731vw;
  height: 22.222vw;
}

.center-align-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85vh;
  display: flex;
}

.center-align-div.full {
  height: 100vh;
}

.cta-heading-wrapper {
  width: 68.921vw;
  height: 13.688vw;
}

.cta-heading {
  color: var(--font-color);
  text-align: center;
  letter-spacing: -.8px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16vw;
  font-weight: 400;
  line-height: 5.475vw;
  display: none;
}

.cta-slider {
  opacity: 1;
  background-color: #ddd0;
  width: 37.923vw;
  height: 39vw;
  bottom: 0;
}

.slide {
  background-image: url('/images/OsusEye_GraphicResources_Radial_04.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slide._1 {
  background-image: url('/images/image.jpg');
  background-position: 50%;
}

.slide.live {
  opacity: 1;
  background-color: #0000;
  background-image: url('/images/Live-6.JPG');
  background-position: 0 0;
}

.slide.work {
  background-image: url('/images/Work-4.JPG');
}

.slide.stay {
  background-image: url('/images/Stay-7.JPG');
}

.slide.shop {
  background-image: url('/images/Shop-4.JPG');
}

.slide.play {
  background-image: url('/images/cta-play.png');
  background-position: 50%;
}

.slide.discover {
  background-image: url('/images/Osus-Secondary-11.jpg');
  background-position: 0 0;
  background-size: auto;
}

.slide.community {
  background-image: url('/images/Osus-Secondary-11.jpg');
}

.slide-content-wrapper {
  width: 37.923vw;
}

.cta-page-heading {
  color: var(--primary-color);
  text-align: center;
  letter-spacing: -1px;
  margin-top: 3.9vw;
  margin-bottom: 3.9vw;
  padding-left: 8vw;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 5vw;
  font-weight: 400;
  line-height: 2.093vw;
  position: relative;
  top: 19.063vw;
}

.cta-image-wrapper {
  width: 29.63vw;
  height: 29vw;
}

.left-arrow-2, .right-arrow-2, .slide-nav-2 {
  display: none;
}

.footer-center-logo-div {
  justify-content: center;
  margin-bottom: 0;
  display: flex;
}

.footer-logo-wrapper {
  width: 26.731vw;
  height: 8.293vw;
}

.footer-quick-stack {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding-left: 0;
  padding-right: 0;
}

.footer-content-wrapper {
  border-top: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  width: 42vw;
  padding-top: 20px;
  display: flex;
}

.pages-div {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 32vw;
  display: flex;
}

.pages-div.small {
  width: 20vw;
}

.info-heading {
  color: #8a8a90;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.footer-heading {
  color: #000;
  letter-spacing: -.8px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.footer-bottom-div {
  justify-content: space-between;
  align-items: center;
  width: 99%;
  margin-top: 100px;
  display: flex;
}

.footer-bottom-div.arabic {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
}

.social-div {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  align-items: center;
  display: flex;
}

.social-div.arabic {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
}

.social-heading {
  color: #000;
  letter-spacing: -.8px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.privacy-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-hero-section {
  background-image: linear-gradient(#d3af7a, #422922 0%, #f9daaa);
  width: 100vw;
  height: 80vh;
  margin-bottom: 38vw; /* Was 44vw */
} 

.page-hero-section.work {
  background-image: linear-gradient(#d1b07f, #a58d70 0%, #131840 0% 0%, #a5c3e2);
  margin-bottom: 50vw;
}

.page-hero-section.work.long {
  margin-bottom: 46vw;
}

.page-hero-section.stay {
  background-image: linear-gradient(#d3af7a, #cda77b 0%, #1a1939 0%, #ab7784);
}

.page-hero-section.shop {
  background-image: linear-gradient(#d3af7a, #838dae 0%, #e3a255);
}

.page-hero-section.play {
  background-image: linear-gradient(#d3af7a, #1d3129 0%, #677c3e);
}

.page-hero-section.arabic {
  margin-bottom: 46vw;
}

.page-hero-section.long {
  margin-bottom: 50vw;
}

.overlay-div {
  width: 100%;
  height: 80vw;
}

.page-header-wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 12.95rem;
  margin-bottom: 5rem;
  display: flex;
}

.page-header-div.arabic {
  width: 65vw;
}

.header-para-div {
  width: 36vw;
}

.page-hero-image-wrapper {
  width: 100vw;
  height: 57vw;
}

.live-quickstack {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  padding: 0;
}

.live-quickstack.padding {
  margin-bottom: 6.25rem;
}

.left-div {
  width: 50vw;
  margin-bottom: 0;
}

.stats-wrapper {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 6.25rem;
  display: flex;
}

.stats-wrapper.stay {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: flex-start;
  width: 75vw;
}

.stats-wrapper.stay.arabic {
  justify-content: space-between;
  width: 88vw;
}

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

.stat-div.wide {
  align-self: flex-end;
  width: auto;
}

.stat-div.flex {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-start;
  display: flex;
}

.stat-div.flex.padding {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-right: 0;
}

.stats-heading {
  color: var(--font-color);
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 5vw;
  font-weight: 500;
  line-height: 5vw;
}

.stats-heading.arabic {
  align-self: flex-end;
}

.stats-sub-heading {
  color: var(--font-color);
  text-align: left;
  letter-spacing: -1px;
  margin-top: 10px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 1.288vw;
  font-weight: 300;
  line-height: 1.61vw;
}

.stats-sub-heading.no {
  margin-top: 0;
}

.stats-sub-heading.arabic {
  text-align: right;
  align-self: flex-end;
}

.quickstack-image-wrapper {
  width: 100%;
  height: 48vw;
}

.quickstack-image-wrapper.square {
  width: 45vw;
  height: 48vw;
}

.right-div {
  flex-flow: column;
  justify-content: space-between;
  align-self: flex-end;
  align-items: flex-start;
  width: 30vw;
  height: 100%;
  display: flex;
}

.quickstack-heading-wrapper {
  width: 100%;
  margin-top: 14rem;
}

.quick-para-div {
  width: 100%;
  padding-right: 33px;
}

.logo-section {
  height: 100vh;
}

.logo-section.discover {
  background-image: url('/images/Rectangle-85-2.JPG');
  height: 85vh;
}

.live-grid-quick-stack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.live-grid-wrapper {
  width: 52vw;
}

.heading-wrapper.arabic {
  width: 38vw;
  padding-right: 0;
}

.heading-wrapper.team {
  width: 35vw;
}

.live-grid {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center end;
  display: grid;
}

.grid-div {
  width: 24.444vw;
  height: 35.069vw;
}

.grid-div.wide {
  width: 28vw;
}

.grid-image-wrapper {
  width: 100%;
  height: 32vw;
}

.apartments-quickstack {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  padding: 0;
}

.apartment-left-div {
  order: 1;
  width: 47vw;
}

.apartment-img-div {
  width: 100%;
  height: 61.594vw;
}

.apartment-right-div {
  flex-flow: column;
  order: -1;
  justify-content: space-between;
  align-self: flex-end;
  align-items: flex-start;
  width: 35vw;
  height: 100%;
  margin-left: 0;
  display: flex;
}

.apartment-right-div.left {
  align-self: flex-start;
}

.apartent-detail-div {
  margin-top: 6.064vw;
  padding-right: 42px;
}

.apartent-detail-div.padding {
  margin-top: 17.064vw;
}

.apartent-detail-div.arabic {
  padding-right: 0;
}

.work-quick-stack {
  padding: 0;
}

.work-quick-stack.arabic {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.content-wrapper-work {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}

.work-img-wrapper {
  width: 46vw;
  height: 48vw;
}

.img-details-div {
  margin-top: 70px;
  padding-right: 135px;
}

.img-details-div.arabic {
  padding-right: 0;
}

.work-slider {
  background-color: #ddd0;
  width: 100%;
  height: 45.089vw;
  overflow: hidden;
}

.slider-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.slider-img-div {
  width: 41vw;
  height: 40vw;
}

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

.slide-details-div {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.upper-content-wrapper.padding {
  padding-right: 0;
}

.bottom-content-div {
  width: 100%;
}

.border {
  background-color: #362222;
  width: 100%;
  height: 1px;
}

.border.padding {
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.right-arrow-3 {
  width: 2.5rem;
  height: 2.5rem;
  top: 22.388vw;
  left: 83.898vw;
  right: 2rem;
}

.left-arrow-3 {
  width: 2.5rem;
  height: 2.5rem;
  top: 22.388vw;
  left: 78.604vw;
}

.slide-heading {
  color: var(--font-color);
  font-family: Gtamericaarabic, sans-serif;
  font-weight: 500;
  line-height: 32px;
}

.slide-heading.arabic {
  text-align: right;
}

.stay-quickstack {
  padding: 0;
}

.details-wrapper {
  padding-right: 90px;
}

.details-wrapper.arabic {
  padding-left: 90px;
  padding-right: 0;
}

.stay-left-div {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 44vw;
  height: 100%;
  display: flex;
}

.stay-left-div.arabic {
  align-items: flex-end;
}

.stay-img-wrapper {
  width: 42vw;
  height: 43.317vw;
}

.paragraph-div {
  padding-right: 95px;
}

.paragraph-div.left-padding {
  margin-left: 60px;
}

.paragraph-div.left-padding.arabic {
  padding-right: 0;
}

.section-header-div {
  margin-bottom: 6.25rem;
}

.shop-quickstack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 6.25rem;
  padding: 0;
}

.section-paragraph-wrapper {
  width: 40vw;
  padding-top: 20px;
}

.section-paragraph-wrapper.wide {
  width: 41.465vw;
}

.section-paragraph-wrapper.half {
  width: 30vw;
}

.section-paragraph-wrapper.half.up-padding {
  align-self: flex-end;
  width: 27vw;
  margin-top: 8vw;
  margin-left: 40px;
}

.section-paragraph-wrapper.half.up-padding.reverse {
  align-self: flex-start;
  margin-top: 12vw;
  margin-left: 0;
}

.section-paragraph-wrapper.half.up-padding.reverse.arabic {
  align-self: flex-end;
}

.section-paragraph-wrapper.half.up-padding.arabic {
  margin-top: 18vw;
}

.full-width-image-wrapper {
  width: 100%;
  height: 56vw;
}

.full-width-image-slider {
  background-color: #fff0;
  width: 100%;
  height: 65vw;
}

.timeless-quickstack {
  padding: 0;
}

.center-para-div {
  justify-content: center;
  align-items: center;
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
  display: flex;
}

.center-para-wrapper {
  width: 45.411vw;
}

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

.slider-details {
  height: 3vw;
  margin-top: 0;
}

.play-quickstack {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-bottom: 6.25rem;
  padding: 0;
}

.image-div {
  width: 50vw;
}

.image-div.reverse {
  align-self: flex-end;
}

.play-image-wrapper {
  width: 100%;
  height: 40vw;
}

.play-details-wrapper {
  align-self: flex-end;
  width: 38vw;
  height: 100%;
  padding-top: 9.028vw;
  padding-left: 35px;
}

.play-details-wrapper.reverse {
  padding-left: 0;
  padding-right: 35px;
}

.play-details-wrapper.reverse.arabic {
  padding-right: 0;
}

.play-details-wrapper.small {
  width: 36vw;
  padding-top: 9.028vw;
}

.map-quick-stack {
  padding: 0;
}

.map-details-wrapper {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  width: 45vw;
  margin-top: 5.233vw;
  display: flex;
}

.discover-grid {
  grid-column-gap: 51px;
  grid-row-gap: 51px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.discover-div {
  width: 35vw;
  height: 40vw;
  margin-top: 0;
}

.discover-div.padding {
  margin-top: 3.052vw;
}

.discover-div.up-padding {
  margin-top: 8.052vw;
}

.discover-image-wrapper {
  width: 100%;
  height: 40vw;
}

.discover-image-wrapper.long {
  height: 40vw;
}

.discover-image-wrapper.wide {
  height: 22.813vw;
}

.discover-text {
  color: var(--font-color);
  margin-top: 20px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.discover-text.lower-padding {
  margin-bottom: 20px;
}

.discover-text.lower-padding.arabic, .discover-text.arabic {
  text-align: right;
}

.section-text-wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.section-text-wrapper.arabic {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.image-wrapper {
  margin-top: 6.25rem;
}

.image-wrapper.no-padding, .image-wrapper.show {
  margin-top: 0;
}

.discover-quickstack {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  margin-bottom: 6.25rem;
  padding: 0;
}

.discover-quickstack.no-bottom {
  margin-bottom: 0;
}

.discover-image-div {
  width: 50vw;
}

.discover-img-wrapper {
  width: 100%;
  height: 40vw;
}

.footer-link {
  text-decoration: none;
}

.alternative-hero {
  width: 100vw;
  height: 90vh;
}

.center-hero-heading-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
}

.page-heading {
  color: var(--primary-color);
  font-family: Gtamericaarabic, sans-serif;
  font-size: 8.857vw;
  font-weight: 300;
  line-height: 8.857vw;
}

.page-heading.arabic {
  text-align: center;
  font-size: 7.639vw;
}

.vision-details-wrapper {
  justify-content: space-between;
  margin-top: 6.25rem;
  display: flex;
}

.vision-para-div {
  width: 40vw;
}

.sqft-div {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  align-items: flex-end;
  width: 40vw;
  display: flex;
}

.vision-quickstack {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  margin-top: 3rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.line-wrapper {
  align-self: flex-end;
  width: 33.011vw;
  height: 33.011vw;
}

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

.flip-image.arabic {
  transform: rotate(0);
}

._2030-wrapper {
  width: 15.056vw;
  height: 9.984vw;
}

.community-quickstack {
  padding: 0;
}

.community-div {
  width: 35vw;
  height: 45vw;
}

.community-details-div {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 53vw;
  height: 100%;
  padding-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.community-para-div {
  align-self: flex-end;
}

.design-quickstack {
  padding: 0;
}

.design-quickstack.arabic {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.faith-text-div {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  width: 43vw;
  display: flex;
}

.faith-img-wrapper {
  width: 100%;
  height: 40vw;
}

.community-heading-div {
  justify-content: space-between;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.community-heading-div.arabic {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.community-para-wrapper {
  align-self: flex-start;
  width: 50vw;
}

.sustainability-quickstack {
  margin-top: 6.25rem;
  padding: 0;
}

.sustainability-div {
  width: 40vw;
  height: 40vw;
}

.team-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 45.974vw;
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: grid;
}

.name-div {
  grid-column-gap: 51px;
  grid-row-gap: 51px;
  flex-flow: column;
  width: 44vw;
  height: 100%;
  display: flex;
}

.team-image-wrapper {
  background-color: #d3af7a;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40vw;
  height: 44vw;
  padding: 110px;
  display: flex;
}

.contact-quickstack {
  grid-column-gap: 46px;
  grid-row-gap: 46px;
  margin-top: 4rem;
  padding: 0;
}

.contact-map-wrapper {
  height: 55vw;
}

.contact-div {
  flex-flow: row;
  justify-content: space-between;
  align-self: flex-end;
  align-items: flex-start;
  margin-top: 6.25rem;
  display: flex;
}

.address-div {
  border-width: 1px;
  border-color: #000;
  border-top-style: solid;
  border-bottom-style: solid;
  border-right-style: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.address-div.no-upper-border {
  border-top-style: none;
  justify-content: flex-start;
  align-self: stretch;
}

.address-name {
  color: #000;
  width: 10vw;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.address-name.arabic {
  text-align: right;
}

.address-name.arabic.white, .address-name.white {
  color: #fff;
}

.address {
  color: #362222;
  margin-bottom: 0;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.address-details {
  color: #000;
  letter-spacing: -1.5px;
  margin-top: 10px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 24px;
  line-height: 26px;
}

.div-block {
  width: 24vw;
}

.hero-element-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.hover-button-link {
  width: 48vw;
  text-decoration: none;
}

.menu-button {
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 9.097vw;
  height: 2.361vw;
  padding: 14px;
  display: flex;
}

.team-quickstack {
  margin-top: 4rem;
  padding: 0;
}

.table-background-top {
  background-color: #e3a255;
  width: 100%;
  height: 0%;
}

.table-background-wrapper {
  z-index: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 55%;
  height: 100%;
  display: flex;
  position: absolute;
}

.p-xl-start {
  padding-top: 8.5em;
}

.p-xl-start.p-xl-end {
  padding-top: 4em;
}

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

.table-item {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  padding-right: 3em;
  display: flex;
  position: relative;
}

.table-item.table-platform {
  width: 5%;
  padding-right: 0;
}

.table-item.table-description {
  flex-flow: column;
  align-items: flex-start;
  width: 45%;
}

.table-item.table-description.arabic {
  align-items: flex-end;
}

.container-w1 {
  width: 100%;
  max-width: 95em;
  margin-left: auto;
  margin-right: auto;
}

.table-row {
  color: #000;
  border-bottom: 1px solid #e3a255;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 20vh;
  padding-top: 2.2em;
  padding-bottom: 2.2em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.table-row.first-row {
  justify-content: flex-end;
  height: 20vh;
}

.copy-large {
  letter-spacing: -.8px;
  margin-top: 10px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 51px;
}

.table-image-wrapper {
  z-index: 100;
  opacity: 0;
  width: 35em;
  height: 25em;
  position: fixed;
  inset: 35% auto auto 6rem;
}

.heading-2 {
  color: #fff;
  letter-spacing: -.8px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 51px;
}

.heading-2.arabic {
  text-align: right;
}

.team-div {
  align-self: flex-end;
  width: 40vw;
}

.logo-wrapper {
  width: 18vw;
  margin-top: 2rem;
}

.team-details-div {
  width: 40vw;
}

.link-block {
  position: relative;
  bottom: 8px;
  left: 19%;
}

.cta-link {
  width: 37.923vw;
  height: 39vw;
  position: relative;
  bottom: 43.528vw;
  left: 30%;
}

.website-reveal-div {
  z-index: 9999;
  background-color: #000000e6;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  overflow: hidden;
}

.reveal-logo-wrapper {
  width: 30vw;
  height: 35vh;
}

.map-pointer-div {
  width: 2.164vw;
  height: 2.164vw;
  position: relative;
  top: 28px;
  left: 51px;
}

.map-pointer-div._1 {
  top: 1.944vw;
  left: 3.542vw;
}

.map-pointer-div._2 {
  top: 0;
  left: 16.375vw;
}

.map-pointer-div._4 {
  top: 4.064vw;
  left: 17.114vw;
}

.map-pointer-div._3 {
  top: 5.939vw;
  left: 3.542vw;
}

.map-pointer-div._5 {
  top: 7.936vw;
  left: 3.542vw;
}

.map-pointer-div._6 {
  top: 5.261vw;
  left: 16.944vw;
}

.map-pointer-div._7 {
  top: 7.05vw;
  left: 17.553vw;
}

.map-pointer-div._8 {
  top: 4.867vw;
  left: 2.708vw;
}

.map-pointer-div._9 {
  top: 5.053vw;
  left: 7.297vw;
}

.map-pointer-div._10 {
  top: 3.069vw;
  left: 13.158vw;
}

.map-pointer-div._11 {
  top: 12.408vw;
  left: 3.542vw;
}

.map-pointer-div._12 {
  top: 10.233vw;
  left: 16.861vw;
}

.map-pointer-div._13 {
  top: 24.644vw;
  left: 3.542vw;
}

.map-pointer-div._14 {
  top: 22.369vw;
  left: 17.214vw;
}

.section-image-wrapper {
  justify-content: center;
  align-items: center;
  height: 64vh;
  margin-top: 80px;
  display: flex;
  overflow: hidden;
}

.discover-div-1 {
  width: 44vw;
  height: 45vw;
  margin-top: 0;
}

.discover-div-1.padding {
  margin-top: 3.052vw;
}

.discover-div-1.up-padding {
  margin-top: 8.052vw;
}

.discover-div-2 {
  width: 44vw;
  height: 33vw;
  margin-top: 0;
}

.discover-div-2.padding {
  margin-top: 3.052vw;
}

.discover-div-2.up-padding {
  margin-top: 8.052vw;
}

.discover-div-3 {
  width: 35vw;
  height: 40vw;
  margin-top: 0;
}

.discover-div-3.padding {
  margin-top: 3.052vw;
}

.discover-div-3.up-padding {
  width: 40vw;
  height: 45vw;
}

.discover-div-4 {
  width: 35vw;
  height: 40vw;
  margin-top: 0;
}

.discover-div-4.padding {
  width: 40vw;
  height: 50vw;
}

.discover-div-4.up-padding {
  margin-top: 8.052vw;
}

.logo-div {
  justify-content: center;
  width: 100%;
  height: auto;
  display: flex;
}

.mobile-menu-wrapper {
  display: none;
}

.zone-text-div {
  background-color: var(--primary-color);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 10.625vw;
  height: 3.056vw;
  display: none;
  position: relative;
  bottom: 24.867vw;
  left: 86.4933px;
  right: -1.569vw;
}

.zone-text-div.com {
  bottom: 14.467vw;
}

.zone-text-div.retail {
  bottom: 8.467vw;
}

.zone-text-div.residential {
  bottom: 1.067vw;
}

.heading-3 {
  color: #000;
  letter-spacing: -1px;
  font-family: Gtamericaarabic, sans-serif;
  font-weight: 300;
}

.zone-text-div-2 {
  background-color: var(--primary-color);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 10.625vw;
  height: 3.056vw;
  display: none;
  position: relative;
  bottom: 19.267vw;
  right: 11.031vw;
}

.zone-text-div-2.com {
  display: none;
  bottom: 16.667vw;
  right: -6.569vw;
}

.zone-text-div-2.retail {
  bottom: 8.467vw;
}

.zone-text-div-2.residential {
  bottom: 1.067vw;
}

.zone-text-div-3 {
  background-color: var(--primary-color);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 10.625vw;
  height: 3.056vw;
  display: none;
  position: relative;
  bottom: 19.267vw;
  right: 11.031vw;
}

.zone-text-div-3.com {
  bottom: 14.467vw;
}

.zone-text-div-3.retail {
  display: none;
  bottom: .667vw;
  right: -6.669vw;
}

.zone-text-div-3.residential {
  bottom: 1.067vw;
}

.zone-text-div-4 {
  background-color: var(--primary-color);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 10.625vw;
  height: 3.056vw;
  display: none;
  position: relative;
  bottom: 19.267vw;
  right: 11.031vw;
}

.zone-text-div-4.com {
  bottom: 14.467vw;
}

.zone-text-div-4.retail {
  bottom: 8.467vw;
}

.zone-text-div-4.residential {
  display: none;
  bottom: -11.233vw;
  right: -6.669vw;
}

.live-wrapper-div {
  margin-top: 6.25rem;
}

.features-quick-stack {
  padding: 0;
}

.features-quick-stack.reverse {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.feature-image-div {
  width: 45vw;
  height: 30.139vw;
}

.feature-details-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 28.958vw;
  height: 100%;
  display: flex;
}

.feature-details-wrapper.line {
  width: 100%;
}

.feature-details-wrapper.link {
  width: 31.736vw;
}

.feature-details-wrapper.arabic {
  align-self: flex-end;
}

.arrow-div {
  width: 2.9rem;
}

.feature-slider {
  width: 100%;
  height: 100%;
}

.right-arrow-4, .left-arrow-4 {
  display: none;
}

.slide-nav-4 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-end;
  padding-right: 20px;
  display: flex;
}

.residential-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 65vw;
  display: grid;
}

.amenities-div {
  width: 30vw;
  margin-top: 40px;
}

.amenities-up-div {
  justify-content: space-between;
  margin-bottom: 10px;
  display: flex;
}

.amenities-heading-div {
  width: 13vw;
}

.center-heading-wrapper {
  margin-top: 6.25rem;
}

.cluster-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 100%;
  margin-top: 6.25rem;
  display: grid;
}

.cluster-div {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 25vw;
  display: flex;
}

.cluster-div.arabic {
  justify-content: flex-end;
  width: 24vw;
}

.cluster-logo-wrapper {
  width: 3.472vw;
  height: 3.472vw;
}

.cluster-heading-wrapper, .cluster-heading-wrapper.arabic {
  width: 16vw;
}

.button-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 23vw;
  margin-bottom: 10px;
  display: flex;
}

.button-div.arabic {
  grid-column-gap: 31px;
  grid-row-gap: 31px;
  justify-content: flex-end;
  align-items: center;
  width: auto;
}

.live-page-quickstack {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  padding: 0;
}

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

.entrance-quickstack {
  margin-bottom: 6.25rem;
  padding: 0;
}

.entrance-quickstack.reverse {
  margin-bottom: 0;
}

.entrance-img-wrapper {
  width: 37.986vw;
  height: 47.5vw;
}

.entrance-img-wrapper.right {
  align-self: flex-start;
}

.entrance-img-wrapper.arabic {
  align-self: flex-end;
}

.zone-wrapper {
  width: 100%;
}

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

.slide-1, .slide-2, .slide-3, .slide-4, .slide-5, .slide-6, .slide-7, .slide-8, .slide-9, .slide-10 {
  overflow: hidden;
}

.drop-down-text {
  color: #fff;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.drop-down-icon {
  object-fit: cover;
  padding-right: 40px;
}

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

.dropdown-list.w--open {
  background-color: #00000080;
  border-radius: 5px;
}

.dropdown-link, .dropdown-link-2, .dropdown-link-3, .dropdown-link-4 {
  color: #fff;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
}

.dropdown {
  margin-left: 0;
  margin-right: 0;
}

.page-link {
  width: 100%;
  text-decoration: none;
}

.page-link.arabic {
  justify-content: flex-end;
  align-self: flex-end;
  width: auto;
  display: flex;
}

.navbar-copy {
  background-color: #ddd0;
  width: 100%;
  position: fixed;
}

.navbar-english {
  z-index: 99999999;
  background-color: #ddd0;
  width: 100%;
  position: fixed;
}

.mobile-menu-wrapper-english {
  display: none;
}

.en-icon-wrapper, .ar-icon-wrapper {
  width: 2rem;
  height: 2rem;
}

.en-wrapper {
  align-self: center;
  width: 1.8rem;
  height: 1.8rem;
  margin-left: 0;
}

.heading-4 {
  color: #fff;
  text-align: justify;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.translate {
  font-family: var(--heading-font);
  color: var(--primary-color);
  margin-top: 5px;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
}

.form-absolute {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.form-button-wrapper {
  z-index: 99999999;
  cursor: pointer;
  background-color: #000;
  border-radius: 60px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 3vw;
  margin-left: 1rem;
  display: flex;
  position: fixed;
  inset: auto 2rem 2rem auto;
}

.form-div {
  z-index: 2147483647;
  background-color: var(--primary-color);
  flex-flow: column;
  width: 30vw;
  height: 45vh; /* 60vh */
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: fixed;
  inset: 25% 0% 0% 35%;
}

.submit-button {
  background-color: var(--font-color);
  border-radius: 20px;
  width: 8vw;
  margin-top: 0;
}

.form-cross {
  cursor: pointer;
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  inset: 5% 6% auto auto;
}

.field-label {
  width: 100%;
}

.field-label.arabic {
  text-align: right;
}

.form {
  width: 24vw;
  margin-top: 10px;
}

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

.link-block-2 {
  text-decoration: none;
}

.en-link {
  text-align: left;
  align-self: center;
  height: 3rem;
  text-decoration: none;
}

.link-block-3 {
  text-decoration: none;
}

.zone-wrap {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.zonw-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  display: flex;
}

.drop-down-link {
  color: #fff;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.drop-down-link:hover {
  color: #f9daaa;
}

.shop-slide-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 62vw;
  display: flex;
}

.slide-nav-5, .slide-nav-6 {
  inset: auto 0% 14%;
}

.sqft-details-arabic {
  color: var(--font-color);
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.sqft-details-arabic.arabic {
  text-align: right;
}

.footer-quickstack {
  padding: 0;
}

.footer-quickstack.arabic {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.footer-div {
  /* width: 40vw;  */
  /* Changed from 30vw to 40vw */
}

.hero-video {
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.footer-address-details {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 30vw;
  display: flex;
}

.footer-address-details.arabic {
  text-align: right;
  align-items: flex-end;
  padding-right: 60px;
}

.heading-5 {
  color: #000;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.heading-5.white {
  color: #fff;
  text-decoration: none;
}

.heading-5.white.phone-link {
  text-decoration: none;
}

.footer-form-div {
  width: 53vw;
}

.tab-button {
  border: 1px solid var(--primary-color);
  background-color: #0000;
  border-radius: 20px;
  width: 14vw;
}

.tab-button.w--current {
  background-color: var(--section-color-2);
  border-radius: 20px;
  width: 14vw;
}

.button-text {
  color: var(--primary-color);
  text-align: center;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.button-text.black {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-weight: 400;
  line-height: 20px;
}

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

.tab-menu-div {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: row;
  display: flex;
}

.tab-menu-div.arabic {
  justify-content: flex-end;
}

/* .footer-form {
  margin-top: 40px;
} */

.hide {
  display: none;
}

.message-box {
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #fff;
  height: 20vh;
  min-height: 20vh;
}

.message-box:focus-visible {
  color: #fff;
  font-family: Gtamericaarabic, sans-serif;
}

.message-box[data-wf-focus-visible] {
  color: #fff;
  font-family: Gtamericaarabic, sans-serif;
}

.message-box::placeholder {
  color: #fff;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.message-box.arabic {
  border-bottom-color: #fff;
}

.message-box.arabic:focus-visible {
  color: #fff;
}

.message-box.arabic[data-wf-focus-visible] {
  color: #fff;
}

.message-box.arabic::placeholder {
  color: #fff;
  text-align: right;
}

.text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--primary-color);
  background-color: #fff0;
  height: 10vh;
}

.text-field:focus-visible {
  color: #fff;
  font-family: Gtamericaarabic, sans-serif;
}

.text-field[data-wf-focus-visible] {
  color: #fff;
  font-family: Gtamericaarabic, sans-serif;
}

.text-field::placeholder {
  color: #fff;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.text-field.arabic {
  border-bottom-color: #fff;
}

.text-field.arabic:focus-visible {
  color: #fff;
}

.text-field.arabic[data-wf-focus-visible] {
  color: #fff;
}

.text-field.arabic::placeholder {
  color: #fff;
  text-align: right;
}

.footer-button {
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  width: 10vw;
  padding-left: 0;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
}

.footer-button-wrapper pt-20 {
  justify-content: flex-end;
  display: flex;
}

.footer-button-wrapper pt-20.arabic {
  justify-content: flex-start;
}

.team-logo-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 6.25rem;
  display: flex;
}

.logo-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 52vw;
  display: grid;
}

.logo-grid._4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 69vw;
}

.logo-bg-div {
  background-color: #d3af7a;
  width: 16vw;
  height: 17vw;
  padding: 25px;
}

.logo-right-grid {
  justify-content: flex-end;
  margin-top: 16px;
  display: flex;
}

.bg-video {
  z-index: 8888;
  height: 100vh;
}

.menu-div {
  width: 2.5rem;
  height: 1.8rem;
}

.full-screen-menu {
  z-index: 666666;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: .81;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #00000080;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding: 2rem 4rem;
  display: none;
  position: absolute;
  inset: 0%;
}

.menu-link-div {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.menu-bottom-link-div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.bottom-left-div {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.menu-page-link {
  color: #fff;
  letter-spacing: -.8px;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.menu-button-div {
  margin-right: 40px;
}

.button-icon {
  width: 1rem;
  height: 1rem;
}

.osus-div {
  justify-content: space-between;
  margin-bottom: 4rem;
  display: flex;
}

.osus-logo-wrapper {
  width: 14vw;
  height: 12vw;
}

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

.osus-brand-logo-wrapper {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.osus-logo-div {
  width: 41.667vw;
  height: 41.667vw;
}

.osus-details-wrapper {
  width: 33vw;
  height: 28vw;
}

.osus-para-div {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 4rem;
  display: flex;
}

.osus-number-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.osus-paragraph-wrapper {
  width: 39.583vw;
}

.menu-icon {
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.osus-heading-wrapper {
  width: 60vw;
}

.background-video {
  width: 100%;
  height: 90vh;
  position: absolute;
  inset: 0%;
}

.success-message {
  background-color: #422922;
  width: 29vw;
  height: 28vw;
  padding: 40px;
}

.form-text {
  color: #f9daaa;
  text-align: left;
  margin-top: 0;
  font-family: Gtamericaarabic, sans-serif;
  font-size: 18px;
}

.success-message-2 {
  background-color: #422922;
  width: 35.417vw;
  height: 35.417vw;
}

.arabic-align {
  justify-content: flex-end;
  display: flex;
}

.dropdown-list-3 {
  background-color: #0000;
}

.dropdown-toggle-3 {
  padding-left: 20px;
}

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

.div-block-5 {
  width: 29.63vw;
}

.dropdown-toggle-4 {
  padding-left: 0;
  padding-right: 40px;
}

.icon-2 {
  inset: auto 0% 0% auto;
}

.icon-3 {
  font-size: 18px;
  line-height: 18px;
}

.card_image-wrapper {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0%;
}

.card_arrow-icon {
  background-color: var(--section-color-1);
  color: #000;
  border-radius: 6rem;
  width: 5em;
  height: 5em;
}

.card {
  border-radius: .25rem;
  flex-direction: column;
  flex: 25%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32em;
  transition: filter .6s cubic-bezier(.645, .045, .355, 1), opacity .6s cubic-bezier(.645, .045, .355, 1), flex-basis .6s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.card:hover {
  flex-basis: 100%;
}

.heading-6 {
  color: #fff;
}

.nav {
  justify-content: space-between;
  padding-top: 0;
}

.card_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.card_arrow_wrapper {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50%;
  transition: transform .2s linear;
  display: flex;
  position: absolute;
}

.padding-global-2 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.page-wrapper-2.mobile-hide {
  background-image: linear-gradient(#302629, #d3af7a 80% 100%, #302629 100%, #d3af7a);
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.card-image {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

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

.aminities-grid-wrapper {
  /* border: 1px solid #f9daaa; */
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 11vw;
  height: 14.028vw;
  display: flex;
}

.icon-wrpper {
  width: 5vw;
  height: 5vw;
}

.form-wrapper {
  width: 100vw;
  height: 100vh;
  display: none;
}

.field.arabic {
  text-align: right;
}

@media screen and (min-width: 1920px) {
  .section-heading {
    line-height: 4.5vw;
  }

  .section-heading.white {
    line-height: 8vw;
  }

  .section-heading.arabic {
    line-height: 6vw;
  }

  .nav-menu-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    /* width: 10vw; */
  }

  .nav-link.drop {
    padding-left: 0;
  }

  .nav-link.en {
    padding-right: 0;
  }

  .icon-grid {
    margin-left: 215px;
  }

  .zone-content-wrapper.flex.wide {
    width: 45vw;
  }

  .center-align-div {
    height: 95vh;
  }

  .quickstack-heading-wrapper {
    margin-top: 16rem;
  }

  .right-arrow-3 {
    width: 3rem;
    height: 3rem;
    top: 25.188vw;
  }

  .left-arrow-3 {
    width: 3rem;
    height: 3rem;
    top: 25.188vw;
    left: 81.004vw;
  }

  .div-block {
    align-self: center;
  }

  .container-w1.gutter-outside {
    max-width: 100%;
  }

  .residential-grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .dropdown {
    margin-left: 29.2125px;
  }

  .full-screen-menu {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .section-heading {
    font-size: 4vw;
    line-height: 5vw;
  }

  .section-heading.padding.arabic {
    margin-bottom: 4rem;
  }

  .sub-heading {
    font-size: 1.8vw;
  }

  .sub-heading.white.arabic {
    line-height: 3vw;
  }

  .sub-heading.padding {
    line-height: 2vw;
  }

  .paragraph {
    font-size: 1.8vw;
    line-height: 2.2vw;
  }

  .navbar {
    display: none;
  }

  .navbar-container {
    margin-top: 10px;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .nav-logo-wrapper {
    width: 25vw;
  }

  .nav-menu-wrapper {
    background-color: #000000bf;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100vh;
    margin-top: 0;
  }

  .nav-link {
    text-align: center;
    margin-top: 40px;
    font-size: 20px;
    line-height: 24px;
  }

  .container {
    max-width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .container.hero {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .hero-heading-wrapper {
    margin-top: 0;
  }

  .section, .section.line {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section.cta {
    height: 82vh;
    padding-bottom: 4rem;
  }

  .section-heading-wrapper.wide.arabic {
    width: auto;
  }

  .section-heading-wrapper.big {
    margin-bottom: 4rem;
  }

  .section-heading-wrapper.arabic {
    width: auto;
  }

  .logo-heading-quickstack {
    margin-top: 60px;
  }

  .logo-details-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .discover-button {
    width: 16vw;
  }

  .icon-grid {
    grid-column-gap: 43px;
    grid-row-gap: 43px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 54vw;
    margin-left: 100px;
  }

  .grid-content-wrapper {
    width: 15vw;
    height: 15vw;
  }

  .hover-tabs_text {
    font-size: 31px;
  }

  .tab-button-wrapper {
    width: 70vw;
    margin-left: 0;
  }

  .hover-tabs_component {
    display: block;
  }

  .hover-tabs_mobile-image-wrapper {
    padding: 0;
    display: block;
  }

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

  .hover-tabs_mobile-image-mask {
    overflow: hidden;
  }

  .hover-tabs_left-content {
    display: none;
  }

  .hover-tabs_list-item-wrapper {
    border-bottom: 1px solid #0d2a371a;
  }

  .hover-tabs_list-item {
    box-shadow: none;
    width: 86vw;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hover-tabs_list-item:hover {
    box-shadow: none;
  }

  .hover-tabs_list-item.is-active {
    width: 86vw;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hover-tabs_heading-wrapper {
    margin-left: 0;
  }

  .hover-tabs_right-wrapper {
    padding: 0;
  }

  .left-para-div {
    margin-top: 60px;
  }

  .left-para-div-wrapper.long {
    grid-column-gap: 54px;
    grid-row-gap: 54px;
    align-self: flex-end;
    height: 100vw;
  }

  .left-para-div-wrapper.long.arabic {
    height: auto;
  }

  .left-para-div-wrapper.arabic {
    padding-right: 0;
  }

  .masterplan-div {
    margin-top: 60px;
  }

  .map-quickstack {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
  }

  .map-wrapper {
    width: 35vw;
    height: 100vw;
  }

  .map-wrapper.big {
    margin-left: 0;
  }

  .masterplan-heading {
    letter-spacing: -4px;
  }

  .sqft-grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .sqft-grid.arabic {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 50vw;
    height: 30vw;
  }

  .sqft-wrapper {
    width: 20vw;
  }

  .right-align-div {
    margin-bottom: 4rem;
  }

  .zone-div {
    height: auto;
  }

  .zone-heading {
    font-size: 20px;
  }

  .location-quickstack {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    margin-top: 60px;
  }

  .location-image-wrapper {
    width: 45vw;
    height: 73vw;
  }

  .location-tab-wrapper {
    height: auto;
  }

  .tab-link-tab-1.w--current {
    width: 40vw;
  }

  .location-heading {
    font-size: 16px;
    line-height: 20px;
  }

  .center-align-div {
    height: 60vh;
  }

  .cta-slider {
    bottom: 0;
  }

  .footer-quick-stack {
    grid-column-gap: 63px;
    grid-row-gap: 63px;
    text-align: center;
  }

  .footer-content-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 90vw;
  }

  .pages-div {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    width: auto;
  }

  .pages-div.small {
    width: auto;
  }

  .footer-bottom-div {
    margin-top: 60px;
  }

  .social-div.arabic {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
  }

  .privacy-div {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
  }

  .page-hero-section {
    margin-bottom: 32vw;
  }

  .page-hero-section.work.long {
    margin-bottom: 42vw;
  }

  .page-hero-section.stay, .page-hero-section.shop, .page-hero-section.play {
    margin-bottom: 40vw;
  }

  .live-quickstack.padding {
    margin-bottom: 4rem;
  }

  .left-div {
    width: auto;
  }

  .stats-wrapper, .stats-wrapper.stay {
    margin-bottom: 4rem;
  }

  .quickstack-image-wrapper.square {
    width: auto;
    height: auto;
  }

  .right-div {
    width: auto;
  }

  .quickstack-heading-wrapper {
    margin-top: 0;
  }

  .quick-para-div {
    padding-right: 0;
  }

  .live-grid-quick-stack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .live-grid-wrapper {
    width: auto;
  }

  .heading-wrapper.arabic {
    padding-right: 0;
  }

  .live-grid {
    grid-column-gap: 41px;
    grid-row-gap: 41px;
  }

  .grid-div {
    height: 39vw;
  }

  .apartment-img-div {
    height: 85vw;
  }

  .apartment-right-div {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .img-details-div {
    padding-right: 0;
  }

  .work-slider {
    height: auto;
  }

  .right-arrow-3 {
    top: 19.988vw;
    left: 84.498vw;
  }

  .right-arrow-3.stay {
    height: 1.5rem;
    top: 27.288vw;
  }

  .left-arrow-3 {
    top: 19.988vw;
    left: 79.204vw;
  }

  .left-arrow-3.stay {
    height: 1.5rem;
    top: 27.288vw;
  }

  .slide-heading {
    font-size: 20px;
  }

  .details-wrapper {
    padding-right: 0;
  }

  .stay-left-div {
    width: auto;
  }

  .stay-img-wrapper {
    width: auto;
    height: auto;
  }

  .paragraph-div {
    padding-right: 0;
  }

  .paragraph-div.left-padding {
    margin-left: 0;
  }

  .section-header-div, .shop-quickstack {
    margin-bottom: 4rem;
  }

  .section-paragraph-wrapper.half.up-padding.reverse.arabic {
    margin-top: 13vw;
  }

  .center-para-div {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .play-details-wrapper, .play-details-wrapper.small {
    padding-top: 14.028vw;
  }

  .map-quick-stack {
    grid-column-gap: 37px;
    grid-row-gap: 37px;
  }

  .discover-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: auto;
    margin-top: 0;
  }

  .discover-div {
    height: 48vw;
  }

  .discover-div.padding {
    height: auto;
    margin-top: 0;
  }

  .discover-div.up-padding {
    height: 51vw;
    margin-top: 0;
  }

  .image-wrapper {
    margin-top: 4rem;
  }

  .discover-quickstack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .vision-details-wrapper {
    margin-top: 4rem;
  }

  .contact-quickstack {
    margin-top: 2rem;
  }

  .menu-button.w--open {
    background-color: #c8c8c800;
  }

  .table-row, .table-row.first-row {
    height: 25vh;
  }

  .heading-2 {
    font-size: 30px;
  }

  .logo-wrapper.mobile {
    width: 24vw;
    margin-top: 0;
  }

  .cta-link {
    bottom: 50.028vw;
  }

  .discover-div-1 {
    height: 48vw;
  }

  .discover-div-1.padding {
    height: auto;
    margin-top: 0;
  }

  .discover-div-1.up-padding {
    height: 51vw;
    margin-top: 0;
  }

  .discover-div-2 {
    height: 48vw;
  }

  .discover-div-2.padding {
    height: auto;
    margin-top: 0;
  }

  .discover-div-2.up-padding {
    height: 51vw;
    margin-top: 0;
  }

  .discover-div-3 {
    height: 48vw;
  }

  .discover-div-3.padding, .discover-div-3.up-padding {
    height: auto;
    margin-top: 0;
  }

  .discover-div-4 {
    height: 48vw;
  }

  .discover-div-4.padding {
    height: auto;
    margin-top: 0;
  }

  .discover-div-4.up-padding {
    height: 51vw;
    margin-top: 0;
  }

  .mobile-menu {
    z-index: 8888;
    background-image: linear-gradient(#fff, #302629 0%, #d3af7a);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0% 0% auto;
  }

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

  .mobile-nav {
    justify-content: space-between;
    align-items: center;
    width: 90vw;
    margin-left: 2rem;
    margin-right: 2rem;
    display: flex;
    position: fixed;
  }

  .menu-icon-wrapper {
    cursor: pointer;
    width: 5vw;
    margin-top: 0;
  }

  .cross-wrapper {
    cursor: pointer;
    position: absolute;
    inset: 1rem 2rem auto auto;
  }

  .mobile-link {
    text-decoration: none;
  }

  .mobile-menu-wrapper {
    display: flex;
  }

  .live-wrapper-div {
    margin-top: 4rem;
  }

  .residential-grid {
    width: auto;
  }

  .button-div {
    width: 35vw;
  }

  .drop-down-icon {
    margin-top: 65.2px;
  }

  .navbar-copy, .navbar-english {
    display: none;
  }

  .mobile-menu-wrapper-english {
    display: flex;
  }

  .mobile-menu-copy {
    z-index: 8888;
    background-image: linear-gradient(#fff, #302629 0%, #d3af7a);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .mobile-menu-copy.english {
    display: none;
  }

  .translate {
    border-top: 1px solid #fff;
  }

  .form-button-wrapper {
    width: 8vw;
  }

  .form-div {
    width: 40vw;
    display: flex;
  }

  .form-cross {
    width: 2rem;
    height: 2rem;
  }

  .form-block {
    margin-bottom: 0;
  }

  .translate-link {
    text-decoration: none;
  }

  .dropdown-icon {
    margin-top: 65px;
    margin-right: 42px;
  }

  .dropdown-toggle {
    padding: 0;
  }

  .dropdown-list-2 {
    background-color: #00000052;
  }

  .drop-down-link {
    color: #fff;
    font-family: Gtamericaarabic, sans-serif;
    font-weight: 400;
  }

  .dropdown-toggle-2 {
    padding: 0;
  }

  .tab-button {
    width: 18vw;
  }

  .tab-button.w--current {
    color: #fff;
    width: 18vw;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Gtamericaarabic, sans-serif;
    line-height: 20px;
  }

  .button-text {
    text-align: center;
    font-size: 14px;
  }

  .tab-menu-div {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
  }

  .footer-button {
    padding-left: 10px;
    padding-right: 10px;
  }

  .osus-details-wrapper {
    width: 70vw;
    height: auto;
  }

  .card_arrow-icon {
    width: 4em;
    height: 4em;
  }

  .card_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .aminities-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .aminities-grid-wrapper {
    width: 13vw;
    height: 20vw;
  }
}

@media screen and (max-width: 767px) {
  .section-heading.white {
    text-align: left;
  }

  .section-heading.small {
    margin-bottom: 20px;
  }

  .section-heading.padding {
    margin-bottom: 2rem;
  }

  .section-heading.arabic {
    font-size: 5vw;
    line-height: 5.5vw;
  }

  .sub-heading {
    font-size: 3vw;
    line-height: 3vw;
  }

  .paragraph {
    font-size: 3vw;
    line-height: 3.6vw;
  }

  .paragraph.white {
    font-size: 2.5vw;
  }

  .paragraph.white.right-padding, .paragraph.right-padding.more {
    padding-right: 0;
  }

  .container, .container.hero {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .hero-heading-wrapper {
    margin-top: 0;
  }

  .section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section.peach, .section.line {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section.cta {
    height: 70vh;
    padding-bottom: 2rem;
  }

  .section-heading-wrapper {
    width: auto;
  }

  .section-heading-wrapper.big {
    width: auto;
    margin-bottom: 2rem;
  }

  .logo-heading-quickstack {
    margin-top: 60px;
  }

  .big-logo-wrapper {
    align-self: flex-start;
  }

  .logo-details-wrapper {
    padding-left: 0;
  }

  .discover-button {
    width: 22vw;
  }

  .slider-wrapper-right {
    margin-top: 60px;
  }

  .slider-div {
    width: 85vw;
  }

  .icon-grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    width: auto;
    margin-left: 0;
  }

  .grid-content-wrapper {
    width: 16vw;
    height: 20vw;
  }

  .icon-wrapper.slider {
    width: 4vw;
    height: 4vw;
  }

  .hover-tabs_mobile-image-wrapper, .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .hover-tabs_heading-style-h4 {
    font-size: 1.375rem;
  }

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

  .hover-tabs_list-item {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .hover-tabs_list-item.is-active {
    box-shadow: none;
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hover-tabs_right-wrapper {
    border-top: 1px solid #0d2a371a;
  }

  .vision-logo-div.wide {
    width: auto;
    height: auto;
  }

  .left-para-div {
    margin-top: 40px;
  }

  .left-para-div-wrapper {
    padding-right: 0;
  }

  .left-para-div-wrapper.long {
    grid-column-gap: 130px;
    grid-row-gap: 130px;
    width: 87vw;
    height: auto;
    padding-right: 0;
  }

  .left-para-div-wrapper.long.arabic {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .map-wrapper {
    width: 100%;
  }

  .map-wrapper.big {
    height: 80vh;
  }

  .masterplan-heading {
    letter-spacing: -2px;
  }

  .sqft-grid.arabic {
    width: 60vw;
    height: 45vw;
  }

  .sqft-wrapper {
    width: 33vw;
  }

  .right-align-div {
    margin-bottom: 4rem;
  }

  .plan-wrapper.arabic {
    align-self: center;
  }

  .zone-div {
    width: auto;
  }

  .zone-div.live {
    width: 100%;
  }

  .zone-content-wrapper.left {
    width: 60vw;
  }

  .location-image-wrapper {
    width: 40vw;
    height: 90vw;
  }

  .location-tab-wrapper {
    width: 35vw;
  }

  .location-heading {
    font-size: 16px;
  }

  .tab-image-wrapper {
    width: 30vw;
    height: 25vw;
  }

  .center-align-div {
    height: 60vh;
  }

  .footer-content-wrapper {
    width: 85vw;
  }

  .pages-div.small {
    width: auto;
  }

  .footer-bottom-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .social-div {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
  }

  .social-div.arabic {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
  }

  .privacy-div {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .page-hero-section {
    margin-bottom: 6vw;
  }

  .page-hero-section.work, .page-hero-section.stay, .page-hero-section.shop {
    margin-bottom: 25vw;
  }

  .page-header-wrapper {
    margin-top: 10rem;
  }

  .live-quickstack.padding {
    margin-bottom: 4rem;
  }

  .left-div, .stats-wrapper.stay {
    width: auto;
  }

  .stat-div.flex {
    align-self: flex-start;
  }

  .stat-div.flex.padding {
    align-self: flex-start;
    padding-right: 0;
  }

  .stats-heading {
    font-size: 5vw;
    line-height: 6vw;
  }

  .stats-sub-heading {
    letter-spacing: -.8px;
    font-size: 2.3vw;
  }

  .stats-sub-heading.no {
    margin-bottom: 0;
  }

  .right-div {
    width: auto;
  }

  .quickstack-heading-wrapper {
    margin-top: 2rem;
  }

  .live-grid-wrapper {
    width: auto;
  }

  .live-grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .grid-div {
    width: 35vw;
    height: 47vw;
  }

  .apartment-left-div {
    width: auto;
  }

  .apartment-img-div {
    height: auto;
  }

  .apartment-right-div {
    width: auto;
    margin-left: 0;
  }

  .apartent-detail-div {
    margin-top: 5vw;
    padding-right: 0;
  }

  .work-quick-stack.arabic {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .content-wrapper-work {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .work-img-wrapper {
    width: auto;
    height: auto;
  }

  .img-details-div {
    padding-right: 0;
  }

  .work-slider {
    height: auto;
  }

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

  .slider-img-div {
    width: 100%;
    height: 50vh;
  }

  .right-arrow-3 {
    top: 111.788vw;
    left: 73.798vw;
  }

  .left-arrow-3 {
    top: 111.788vw;
    left: 67.604vw;
  }

  .section-header-div {
    margin-bottom: 2rem;
  }

  .shop-quickstack {
    margin-bottom: 3rem;
  }

  .section-paragraph-wrapper, .section-paragraph-wrapper.wide, .section-paragraph-wrapper.half {
    width: auto;
  }

  .section-paragraph-wrapper.half.up-padding {
    width: auto;
    margin-left: 0;
  }

  .section-paragraph-wrapper.half.up-padding.reverse {
    margin-top: 5vw;
  }

  .center-para-wrapper {
    width: auto;
  }

  .shop-grid {
    grid-template-columns: 1fr 1fr;
  }

  .play-quickstack {
    margin-bottom: 4rem;
  }

  .image-div {
    width: auto;
  }

  .play-image-wrapper {
    height: auto;
  }

  .play-details-wrapper {
    width: auto;
    padding-top: 60px;
    padding-left: 0;
  }

  .play-details-wrapper.reverse {
    padding-right: 0;
  }

  .play-details-wrapper.small {
    width: auto;
  }

  .map-details-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: auto;
  }

  .discover-grid {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }

  .discover-div {
    width: auto;
    height: 60vw;
  }

  .discover-div.up-padding {
    height: auto;
  }

  .discover-image-wrapper {
    height: 48vw;
  }

  .discover-image-wrapper.wide {
    height: 46vw;
  }

  .section-text-wrapper {
    flex-flow: column;
  }

  .image-wrapper {
    margin-top: 2rem;
  }

  .discover-quickstack, .discover-quickstack.no-bottom {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    margin-bottom: 4rem;
  }

  .discover-image-div {
    width: auto;
  }

  .discover-img-wrapper {
    height: 100%;
  }

  .vision-details-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
  }

  .vision-para-div {
    width: auto;
  }

  .sqft-div {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    align-self: flex-start;
    align-items: flex-start;
  }

  .line-wrapper {
    align-self: flex-start;
  }

  .sustainability-div {
    width: auto;
    height: auto;
  }

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

  .name-div, .team-image-wrapper {
    width: auto;
  }

  .contact-div {
    flex-flow: column;
  }

  .address-div {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: space-between;
  }

  .address-div.no-upper-border {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
  }

  .quick-stack {
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-icon-wrapper {
    width: 2rem;
  }

  .table-background-wrapper {
    display: none;
  }

  .p-xl-start {
    padding-top: 6em;
  }

  .table-item {
    width: 50%;
    padding-bottom: 2em;
  }

  .table-item.table-platform, .table-item.table-description {
    width: 50%;
  }

  .table-row {
    flex-direction: column;
    align-items: flex-start;
    min-height: 30em;
    margin-bottom: 20px;
  }

  .table-row.first-row {
    border-top: 1px solid #000;
    margin-bottom: 20px;
  }

  .copy-large {
    font-size: 1.3em;
  }

  .table-image-wrapper {
    opacity: 1;
    width: 50%;
    height: 65%;
    margin-top: 2rem;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .cta-link {
    bottom: 55.028vw;
  }

  .map-pointer-div._1 {
    width: 2vw;
    height: 4vw;
    top: 10.344vw;
    left: 19.342vw;
  }

  .map-pointer-div._2 {
    top: 46px;
    left: 64.175vw;
  }

  .map-pointer-div._4 {
    top: 27.964vw;
    left: 64.114vw;
  }

  .map-pointer-div._3 {
    top: 27.039vw;
    left: 20.142vw;
  }

  .map-pointer-div._5 {
    top: 32.536vw;
    left: 15.742vw;
  }

  .map-pointer-div._6 {
    top: 31.161vw;
    left: 66.744vw;
  }

  .map-pointer-div._7 {
    top: 35.75vw;
    left: 10.253vw;
  }

  .map-pointer-div._8 {
    top: 33.367vw;
    left: 72.008vw;
  }

  .map-pointer-div._9 {
    top: 47.153vw;
    left: 19.797vw;
  }

  .map-pointer-div._10 {
    top: 44.569vw;
    left: 64.958vw;
  }

  .map-pointer-div._11 {
    top: 56.108vw;
    left: 15.242vw;
  }

  .map-pointer-div._12 {
    top: 53.733vw;
    left: 70.261vw;
  }

  .map-pointer-div._13 {
    top: 60.744vw;
    left: 52.842vw;
  }

  .map-pointer-div._14 {
    top: 57.869vw;
    left: 29.714vw;
  }

  .discover-div-1 {
    width: auto;
    height: 61vw;
  }

  .discover-div-1.up-padding {
    height: auto;
  }

  .discover-div-2 {
    width: auto;
    height: 60vw;
  }

  .discover-div-2.up-padding {
    height: auto;
  }

  .discover-div-3 {
    width: auto;
    height: 60vw;
  }

  .discover-div-3.up-padding {
    width: 50vw;
    height: auto;
  }

  .discover-div-4 {
    width: auto;
    height: 60vw;
  }

  .discover-div-4.padding {
    width: 50vw;
  }

  .discover-div-4.up-padding {
    height: auto;
  }

  .zone-text-div {
    width: 20vw;
    height: 10vw;
    display: none;
    bottom: 16.267vw;
    right: 3.631vw;
  }

  .zone-text-div-2.com {
    width: 20vw;
    height: 10vw;
    display: none;
    bottom: 8.267vw;
    right: 3.631vw;
  }

  .zone-text-div-3.retail, .zone-text-div-4.residential {
    width: 20vw;
    height: 10vw;
    display: none;
    right: 3.631vw;
  }

  .live-wrapper-div {
    margin-top: 4rem;
  }

  .feature-image-div {
    width: auto;
    height: auto;
  }

  .feature-details-wrapper, .feature-details-wrapper.link {
    width: auto;
  }

  .residential-grid {
    grid-template-columns: 1fr;
    width: auto;
  }

  .amenities-div, .amenities-heading-div {
    width: auto;
  }

  .cluster-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 4rem;
  }

  .cluster-div {
    width: 30vw;
  }

  .cluster-logo-wrapper {
    width: 9vw;
    height: 8vw;
  }

  .cluster-heading-wrapper {
    width: 20vw;
  }

  .button-div {
    width: 45vw;
  }

  .entrance-quickstack {
    margin-bottom: 3rem;
  }

  .entrance-quickstack.reverse {
    grid-column-gap: 41px;
    grid-row-gap: 41px;
  }

  .entrance-img-wrapper {
    width: auto;
    height: auto;
  }

  .flex-div {
    width: 100%;
  }

  .form-div {
    width: 50vw;
    left: 20%;
  }

  .form {
    width: auto;
  }

  .footer-address-details, .footer-form-div {
    width: 100%;
  }

  .tab-button {
    width: 26vw;
  }

  .tab-button.w--current {
    width: 26vw;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .footer-button {
    width: 15vw;
  }

  .div-block-3 {
    width: 100%;
  }

  .card_arrow-icon {
    width: 3em;
    height: 3em;
  }

  .padding-global-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

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

  .aminities-grid-wrapper {
    width: 20vw;
    height: 25vw;
  }
}

@media screen and (max-width: 479px) {
  .hero-heading {
    font-size: 12vw;
    line-height: 11vw;
  }

  .hero-heading.arabic {
    font-size: 12vw;
    line-height: 9vw;
  }

  .section-heading {
    letter-spacing: -1px;
    margin-bottom: 10px;
    font-size: 8vw;
    line-height: 8vw;
  }

  .section-heading.white.small {
    text-align: left;
    margin-bottom: 20px;
  }

  .section-heading.white.small.arabic {
    text-align: right;
  }

  .section-heading.white.mob {
    font-size: 11vw;
    line-height: 11vw;
  }

  .section-heading.small {
    font-size: 8vw;
    line-height: 8vw;
  }

  .section-heading.center {
    line-height: 8vw;
  }

  .section-heading.arabic {
    text-align: right;
    align-self: flex-end;
    font-size: 6vw;
    line-height: 7vw;
  }

  .section-heading.white-center {
    text-align: center;
    align-self: center;
  }

  .sub-heading {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 5vw;
    line-height: 5vw;
  }

  .sub-heading.padding {
    line-height: 5vw;
  }

  .sub-heading.big {
    font-size: 4vw;
    line-height: 4vw;
  }

  .paragraph {
    justify-content: flex-start;
    font-size: 4vw;
    line-height: 5vw;
  }

  .paragraph.white {
    letter-spacing: -.8px;
    font-size: 3vw;
    line-height: 4vw;
  }

  .paragraph.white.padding {
    font-size: 4vw;
    line-height: 5vw;
  }

  .paragraph.right-padding, .paragraph.right-padding._2 {
    padding-right: 0;
  }

  .paragraph.arabic {
    margin-bottom: 20px;
  }

  .navbar-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav-logo-wrapper {
    width: 45vw;
  }

  .nav-menu-wrapper {
    background-color: #050505bf;
    border-radius: 0;
    flex-flow: column;
    align-items: center;
    width: auto;
    height: 70vh;
  }

  .nav-link {
    justify-content: center;
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px;
    display: flex;
  }

  .hero-section {
    height: 75vh;
  }

  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container.hero {
    height: 75vh;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .hero-heading-wrapper {
    width: 80vw;
    margin-top: 0;
  }

  .hero-bottom-logo-wrapper {
    position: absolute;
    inset: 65vh 2rem auto auto;
    left: 10%;
  }

  .section.line {
    padding-top: 2rem;
  }

  .section.cta {
    height: 40vh;
  }

  .section.logo {
    height: 50vh;
  }

  .section.mobile {
    background-image: linear-gradient(#302629, #d3af7a);
    display: block;
  }

  .section-heading-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }

  .section-heading-wrapper.wide {
    width: auto;
    margin-bottom: 0;
  }

  .section-heading-wrapper.wide.more {
    align-self: flex-start;
    width: auto;
  }

  .section-heading-wrapper.big {
    width: auto;
    margin-bottom: 0;
  }

  .section-heading-wrapper.right {
    text-align: left;
    width: auto;
  }

  .section-heading-wrapper.half {
    order: -1;
    width: auto;
  }

  .section-heading-wrapper.half.no {
    margin-bottom: 0;
  }

  .section-heading-wrapper._2-line {
    width: 100%;
  }

  .section-heading-wrapper.bottom {
    order: -1;
    align-self: flex-start;
    width: 100%;
  }

  .section-heading-wrapper.flex {
    width: auto;
    margin-top: 20px;
  }

  .section-heading-wrapper.arabic, .section-heading-wrapper.small {
    width: 100%;
  }

  .section-heading-wrapper.pages {
    width: auto;
  }

  .section-heading-wrapper.content-wrapper-work, .section-heading-wrapper.no {
    margin-bottom: 0;
  }

  .logo-heading-quickstack {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 40px;
  }

  .big-logo-wrapper {
    width: auto;
    height: auto;
  }

  .image {
    object-fit: contain;
  }

  .logo-details-wrapper {
    width: auto;
    padding-left: 0;
  }

  .discover-button, .discover-button.arabic.wide {
    width: 40vw;
  }

  .heading {
    letter-spacing: -.8px;
  }

  .slider-div {
    height: 50vw;
  }

  .grid-wrapper {
    flex-flow: column;
    margin-top: 60px;
  }

  .icon-grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr;
    width: auto;
    margin-left: 0;
  }

  .icon-grid.english {
    grid-column-gap: 37px;
    grid-row-gap: 37px;
  }

  .icon-grid.arabic {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    margin-left: 0;
  }

  .grid-content-wrapper {
    width: 30vw;
    height: 30vw;
  }

  .icon-wrapper {
    width: 10vw;
    height: 10vw;
  }

  .icon-wrapper.slider {
    width: 100%;
    height: 100%;
  }

  .hover-tabs_text {
    font-size: 16px;
    line-height: 20px;
  }

  .tab-button-wrapper {
    width: 70vw;
    margin-bottom: 10px;
    margin-left: 0;
  }

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

  .arrpw-wrapper {
    height: 8vw;
  }

  .hover-tabs_list-item {
    width: auto;
  }

  .vision-logo-wrapper {
    flex-flow: column;
  }

  .vision-logo-wrapper.arabic {
    align-items: flex-end;
  }

  .vision-logo-div {
    order: 1;
    width: 40vw;
    height: 28vw;
  }

  .vision-logo-div.wide {
    align-self: flex-start;
  }

  .left-para-div {
    margin-top: 0;
  }

  .left-para-div-wrapper {
    width: auto;
    padding-right: 0;
  }

  .left-para-div-wrapper.long {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: auto;
  }

  .left-para-div-wrapper.long.arabic {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .masterplan-div {
    margin-top: 0;
  }

  .map-quickstack {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
  }

  .map-wrapper {
    height: 100vh;
  }

  .masterplan-heading {
    letter-spacing: 0;
    font-size: 15vw;
    line-height: 12vw;
  }

  .masterplan-heading.arabic {
    font-size: 12vw;
    line-height: 13vw;
  }

  .sqft-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    width: auto;
    height: auto;
    margin-top: 20px;
  }

  .sqft-grid.arabic {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: auto;
    height: auto;
  }

  .sqft-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: auto;
    height: 35vw;
  }

  .sqft-wrapper.en {
    width: auto;
    height: 25vw;
  }

  .sqft-wrapper.arabic {
    height: 30vw;
  }

  .sqft-heading {
    margin-bottom: 0;
  }

  .sqft-details {
    margin-top: 10px;
  }

  .right-align-div {
    justify-content: flex-end;
    margin-bottom: 2rem;
  }

  .right-align-div.no-padding {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .plan-wrapper {
    margin-top: 20px;
  }

  .zone-div.live {
    width: 100%;
  }

  .zone-content-wrapper.left {
    justify-content: flex-start;
    align-items: center;
    width: 80vw;
  }

  .zone-content-wrapper.flex {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .zone-content-wrapper.flex.wide {
    width: 100%;
  }

  .number-div {
    align-items: center;
    width: 2rem;
  }

  .number-div.wide {
    width: 3rem;
  }

  .zone-heading.small {
    font-size: 16px;
  }

  .location-quickstack {
    margin-top: 10px;
  }

  .location-image-wrapper {
    width: auto;
    height: auto;
  }

  .location-tab-wrapper {
    width: auto;
  }

  .tab-link-tab-1, .tab-link-tab-1.w--current, .tab-link-tab-2, .tab-link-tab-3, .tab-link-tab-4 {
    width: 78vw;
  }

  .location-heading {
    font-size: 16px;
  }

  .tab-image-wrapper {
    width: 55vw;
    height: 46vw;
  }

  .center-align-div {
    justify-content: center;
    align-items: center;
    height: 35vh;
  }

  .center-align-div.full {
    height: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .cta-heading.arabic {
    font-size: 17vw;
  }

  .cta-slider {
    width: 42vw;
    height: 45vw;
  }

  .slide-content-wrapper {
    width: 42vw;
    height: 41vw;
  }

  .cta-page-heading {
    padding-left: 3vw;
    font-size: 6vw;
  }

  .cta-page-heading.com {
    padding-left: 7vw;
  }

  .cta-image-wrapper {
    width: 38vw;
    height: 35vw;
  }

  .footer-logo-wrapper {
    width: 45vw;
    height: 15vw;
  }

  .footer-quick-stack {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .footer-content-wrapper {
    flex-flow: column;
  }

  .pages-div {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .footer-bottom-div {
    align-items: center;
  }

  .social-div {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .privacy-div {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
    align-items: center;
  }

  .page-hero-section {
    height: 32vh;
    /* margin-bottom: 14vw; */
  }

  .page-hero-section.work {
    margin-bottom: 14vw;
  }

  .page-hero-section.work.long {
    margin-bottom: 24vw;
  }

  .page-hero-section.stay {
    margin-bottom: 60vw; /*was 18vw */
  }

  .page-hero-section.shop {
    margin-bottom: 60vw; /*was 14vw */
  }

  .page-hero-section.play {
    margin-bottom: 15vw;
  }

  .page-hero-section.play.wide {
    margin-bottom: 70vw; /*was 22vw */
  }

  .page-hero-section.arabic {
    margin-bottom: 50vw;
  }

  .page-hero-section.discover {
    margin-bottom: 34vw;
  }

  .page-hero-section.long {
    margin-bottom: 18vw;
  }

  .page-header-wrapper {
    flex-flow: column !important;
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    margin-top: 6rem;
    margin-bottom: 4rem;
  }

  .header-para-div.wide {
    width: 100vw;
  }

  .page-hero-image-wrapper {
    height: 65vw;
    overflow: hidden;
  }

  .live-quickstack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .live-quickstack.padding {
    margin-bottom: 2rem;
  }

  .stats-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    margin-bottom: 2rem;
  }

  .stats-wrapper.stay {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    margin-bottom: 0;
  }

  .stat-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-bottom: 20px;
  }

  .stat-div.wide {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    align-self: flex-start;
    margin-bottom: 0;
  }

  .stats-heading {
    letter-spacing: -1px;
    line-height: 5vw;
  }

  .stats-heading.arabic.big {
    font-size: 8vw;
    line-height: 9vw;
  }

  .stats-sub-heading {
    margin-top: 0;
    font-size: 4vw;
    line-height: 4vw;
  }

  .stats-div {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .quickstack-image-wrapper.square {
    order: -1;
    height: auto;
  }

  .quick-para-div {
    padding-right: 0;
  }

  .logo-section, .logo-section.work, .logo-section.stay, .logo-section.shop, .logo-section.play, .logo-section.discover {
    height: 65vw;
  }

  .heading-wrapper.arabic {
    align-self: flex-end;
    padding-right: 0;
  }

  .heading-wrapper.team {
    width: auto;
  }

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

  .grid-div {
    width: auto;
    height: 62vh;
  }

  .grid-div.wide {
    width: auto;
  }

  .grid-image-wrapper {
    height: 56vh;
  }

  .apartments-quickstack {
    width: 100%;
  }

  .apartment-img-div {
    height: auto;
  }

  .apartment-right-div {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .apartent-detail-div {
    margin-top: 0;
  }

  .apartent-detail-div.padding {
    margin-top: 5vw;
  }

  .content-wrapper-work {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .work-img-wrapper {
    width: 100%;
  }

  .img-details-div {
    margin-top: 30px;
  }

  .img-details-div.arabic {
    margin-top: 40px;
  }

  .slider-img-div {
    width: auto;
  }

  .border.padding {
    margin-bottom: 1rem;
  }

  .right-arrow-3 {
    width: 1.8rem;
    height: 1.7rem;
    top: 141vw;
    left: 64.698vw;
    right: 0;
  }

  .right-arrow-3.stay {
    top: 171vw;
  }

  .left-arrow-3 {
    width: 1.8rem;
    height: 1.7rem;
    top: 141vw;
    left: 54.4vw;
  }

  .left-arrow-3.stay {
    top: 171vw;
  }

  .details-wrapper {
    order: 1;
  }

  .details-wrapper.arabic {
    padding-left: 0;
  }

  .stay-img-wrapper {
    width: 100%;
  }

  .section-header-div, .shop-quickstack {
    margin-bottom: 2rem;
  }

  .section-paragraph-wrapper, .section-paragraph-wrapper.wide {
    padding-top: 0;
  }

  .section-paragraph-wrapper.half.up-padding, .section-paragraph-wrapper.half.up-padding.reverse {
    margin-top: 5vw;
  }

  .section-paragraph-wrapper.half.up-padding.reverse.arabic {
    margin-top: 8vw;
    padding-top: 0;
  }

  .section-paragraph-wrapper.half.up-padding.arabic {
    margin-top: 5vw;
  }

  .full-width-image-wrapper {
    height: 65vw;
  }

  .full-width-image-slider {
    height: 75vw;
  }

  .center-para-div {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }

  .shop-grid {
    grid-template-columns: 1fr;
  }

  .slider-details {
    height: 5vw;
  }

  .play-quickstack, .play-quickstack.reverse {
    margin-bottom: 2rem;
  }

  .image-div, .image-div.reverse {
    width: 100%;
  }

  .play-details-wrapper {
    padding-top: 10px;
  }

  .play-details-wrapper.reverse {
    width: 100%;
  }

  .play-details-wrapper.small {
    width: 100%;
    padding-top: 0;
  }

  .map-details-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 0;
  }

  .map-para-wrapper, .map-para-wrapper.arabic {
    margin-bottom: 20px;
  }

  .discover-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .discover-div, .discover-div.padding {
    height: auto;
  }

  .section-text-wrapper.arabic {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .image-wrapper {
    margin-top: 2rem;
  }

  .image-wrapper.no-padding {
    display: flex;
  }

  .image-wrapper.show {
    width: 100%;
    display: flex;
  }

  .discover-quickstack {
    margin-bottom: 2rem;
  }

  .discover-quickstack.no-bottom {
    margin-bottom: 0;
  }

  .alternative-hero {
    background-position: 50%;
    background-size: cover;
    height: 50vh;
  }

  .center-hero-heading-wrapper {
    height: 50vh;
  }

  .vision-details-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    margin-top: 2rem;
  }

  .sqft-div {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .vision-quickstack {
    grid-column-gap: 75px;
    grid-row-gap: 75px;
    margin-top: 2rem;
    padding-left: 0;
  }

  .line-wrapper {
    width: 55vw;
    height: 50vw;
  }

  ._2030-wrapper {
    width: 30vw;
    height: 22vw;
  }

  .community-div {
    width: 100%;
    height: auto;
  }

  .community-details-div {
    width: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .faith-text-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: auto;
  }

  .faith-img-wrapper {
    height: auto;
  }

  .community-heading-div {
    flex-flow: column;
    margin-top: 2rem;
  }

  .community-heading-div.arabic {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .community-para-wrapper {
    width: auto;
  }

  .sustainability-quickstack {
    margin-top: 2rem;
  }

  .sustainability-div {
    order: 1;
    width: 100%;
  }

  .team-grid {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .name-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .team-image-wrapper {
    width: 100%;
    height: auto;
    padding: 50px;
  }

  .contact-quickstack {
    margin-top: 2rem;
  }

  .contact-map-wrapper {
    width: auto;
    height: auto;
  }

  .contact-div {
    width: 100%;
    margin-top: 2rem;
  }

  .address-div {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    align-items: center;
  }

  .address-div.no-upper-border {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .address-name {
    width: 6.2rem;
  }

  .address-details {
    color: #000;
    font-size: 16px;
    line-height: 16px;
  }

  .div-block {
    width: 35vw;
  }

  .hero-element-wrapper {
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    height: 75vh;
  }

  .quick-stack {
    padding: 0;
  }

  .cell {
    align-items: flex-start;
  }

  .hover-button-link {
    width: auto;
  }

  .menu-button, .menu-button.w--open {
    background-color: #c8c8c800;
  }

  .mobile-icon-wrapper {
    width: 1.7rem;
  }

  .team-quickstack {
    margin-top: 2rem;
  }

  .table-item.table-platform {
    padding-bottom: 0;
  }

  .table-item.table-description {
    padding-right: 1em;
  }

  .table-row {
    min-height: 20em;
  }

  .table-row.first-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-bottom: 20px;
  }

  .table-image-wrapper {
    width: 50%;
    height: 45%;
  }

  .heading-2 {
    font-size: 20px;
    line-height: 30px;
  }

  .team-div {
    width: auto;
  }

  .logo-wrapper.mobile {
    width: 45vw;
    margin-top: 0;
  }

  .team-details-div {
    width: auto;
  }

  .cta-link {
    height: 45vw;
    bottom: 64.428vw;
  }

  .map-pointer-div._1 {
    width: 6vw;
    height: 7vw;
    top: 9.144vw;
    left: 12.842vw;
  }

  .map-pointer-div._2 {
    width: 6vw;
    height: 7vw;
    top: 0;
    left: 58.775vw;
  }

  .map-pointer-div._4 {
    width: 6vw;
    height: 6vw;
    top: 17.664vw;
    left: 63.514vw;
  }

  .map-pointer-div._3 {
    width: 6vw;
    height: 7vw;
    top: 25.339vw;
    left: 13.542vw;
  }

  .map-pointer-div._5 {
    width: 6vw;
    height: 7vw;
    top: 35.336vw;
    left: 13.942vw;
  }

  .map-pointer-div._6 {
    width: 6vw;
    height: 7vw;
    top: 27.561vw;
    left: 61.744vw;
  }

  .map-pointer-div._7 {
    width: 6vw;
    height: 7vw;
    top: 41.75vw;
    left: 51.053vw;
  }

  .map-pointer-div._8 {
    width: 6vw;
    height: 6vw;
    top: 34.967vw;
    left: 27.808vw;
  }

  .map-pointer-div._9 {
    width: 6vw;
    height: 6vw;
    top: 70.669vw;
    left: 12.397vw;
  }

  .map-pointer-div._10 {
    width: 6vw;
    height: 6vw;
    top: 65.369vw;
    left: 63.258vw;
  }

  .map-pointer-div._11 {
    width: 6vw;
    height: 6vw;
    top: 104.033vw;
    left: 17.542vw;
  }

  .map-pointer-div._12 {
    width: 6vw;
    height: 6vw;
    top: 99.233vw;
    left: 63.561vw;
  }

  .section-image-wrapper {
    height: 65vw;
    margin-top: 0;
  }

  .discover-div-1, .discover-div-1.padding {
    height: auto;
  }

  .discover-div-2 {
    height: auto;
    margin-top: 0;
  }

  .discover-div-2.padding, .discover-div-3, .discover-div-3.padding {
    height: auto;
  }

  .discover-div-3.up-padding {
    width: auto;
  }

  .discover-div-4 {
    height: auto;
  }

  .discover-div-4.padding {
    width: auto;
    height: auto;
  }

  .mobile-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .mobile-nav {
    align-items: center;
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 1rem;
    padding-right: 2rem;
  }

  .menu-icon-wrapper {
    width: 8vw;
    margin-top: 0;
    padding-right: 0;
  }

  .cross-wrapper {
    top: 0;
    right: 1rem;
  }

  .mobile-menu-wrapper {
    z-index: 9999;
    position: fixed;
    inset: 0% 0% auto;
  }

  .zone-text-div {
    width: 23vw;
    height: 9vw;
    display: none;
    bottom: 57.467vw;
    right: 2.331vw;
  }

  .heading-3 {
    font-size: 11px;
  }

  .zone-text-div-2.com {
    width: 25vw;
    height: 10vw;
    display: none;
    bottom: 17.067vw;
    left: 85.6608px;
    right: -1.769vw;
  }

  .zone-text-div-3.retail {
    display: none;
    bottom: -7.133vw;
    left: 89.6608px;
    right: .731vw;
  }

  .zone-text-div-4.residential {
    width: 24vw;
    display: none;
    bottom: -47.433vw;
    left: 86px;
    right: 0;
  }

  .live-wrapper-div {
    margin-top: 2rem;
  }

  .features-quick-stack {
    margin-bottom: 40px;
  }

  .feature-image-div {
    width: 100%;
  }

  .feature-details-wrapper {
    margin-top: 10px;
  }

  .feature-details-wrapper.link {
    width: 100%;
  }

  .arrow-div {
    width: 8vw;
  }

  .residential-grid {
    grid-template-columns: 1fr;
    width: auto;
  }

  .amenities-div, .amenities-heading-div {
    width: auto;
  }

  .cluster-grid {
    grid-template-columns: 1fr;
    justify-items: start;
    margin-top: 2rem;
  }

  .cluster-div {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    width: 100%;
  }

  .cluster-div.arabic {
    justify-content: space-between;
    width: 100%;
  }

  .cluster-logo-wrapper {
    width: auto;
    height: auto;
  }

  .cluster-heading-wrapper, .cluster-heading-wrapper.arabic {
    width: auto;
  }

  .button-div {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    margin-bottom: 10px;
  }

  .button-div.arabic {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .entrance-quickstack {
    margin-bottom: 2rem;
  }

  .entrance-img-wrapper {
    width: 100%;
  }

  .drop-down-icon {
    margin-top: 30.2px;
  }

  .mobile-menu-wrapper-english {
    z-index: 9999;
    position: fixed;
    inset: 0% 0% auto;
  }

  .mobile-menu-copy, .mobile-menu-copy.english, .left-arrow-5, .right-arrow-5 {
    display: none;
  }

  .form-button-wrapper {
    width: 15vw;
    bottom: 1rem;
    right: 1rem;
  }

  .form-div {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    top: 13%;
    left: 10%;
    right: 10%;
  }

  .submit-button {
    width: 25vw;
  }

  .form {
    width: 100%;
  }

  .zone-wrap {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    justify-content: flex-start;
    align-items: center;
    width: 75vw;
  }

  .translate-link {
    text-align: center;
    justify-content: center;
    align-self: center;
    padding-right: 0;
    display: flex;
  }

  .dropdown-toggle-2 {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 30px;
  }

  .shop-slide-wrapper {
    height: 75vw;
  }

  .left-arrow-6, .right-arrow-6, .left-arrow-7, .right-arrow-7 {
    display: none;
  }

  .sqft-details-arabic {
    margin-top: 10px;
  }

  .footer-div {
    width: auto;
  }

  .hero-video {
    height: 75vh;
  }

  .footer-address-details.arabic {
    padding-right: 0;
  }

  .tab-button {
    width: 36vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-button.w--current {
    width: 36vw;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .message-box {
    border: 1px #000;
    border-bottom: 1px solid #fff;
  }

  .message-box::placeholder {
    font-size: 16px;
  }

  .text-field {
    border: 1px #000;
    border-bottom: 1px solid #fff;
  }

  .text-field::placeholder {
    font-size: 16px;
  }

  .footer-button {
    width: 30vw;
  }

  .team-logo-grid {
    flex-flow: column;
    margin-top: 2rem;
  }

  .team-logo-grid.arabic {
    align-items: flex-end;
  }

  .logo-grid, .logo-grid._4 {
    grid-template-columns: 1fr;
    width: auto;
  }

  .logo-bg-div {
    width: auto;
    height: auto;
    padding: 65px;
  }

  .div-block-3 {
    order: 1;
  }

  .bg-video {
    height: 65vw;
  }

  .osus-details-wrapper {
    width: auto;
  }

  .osus-para-div {
    flex-flow: column;
    margin-top: 2rem;
  }

  .osus-para-div.arabic {
    align-items: flex-end;
    margin-top: 0;
  }

  .osus-number-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }

  .osus-paragraph-wrapper {
    width: auto;
  }

  .background-video {
    height: 50vh;
  }

  .success-message {
    width: auto;
    height: auto;
  }

  .form-text {
    margin: 20px 0;
  }

  .form-text.arabic {
    text-align: right;
  }

  .success-message-2 {
    width: auto;
    height: auto;
  }

  .div-block-4 {
    align-self: flex-end;
    margin-bottom: 10px;
  }

  .card_image-wrapper {
    height: 300px;
  }

  .card_component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .page-wrapper-2.mobile-hide {
    display: none;
  }

  .mobile-hero-slider {
    background-color: #fff0;
  }

  .mobile-slider {
    background-color: #ddd0;
  }

  .mobile-slide-wrapper {
    background-image: url('/images/play.JPG');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;
  }

  .mobile-slide-wrapper._1 {
    background-image: url('/images/untitled-3.JPG');
    text-decoration: none;
  }

  .mobile-slide-wrapper._2 {
    background-image: url('/images/work.png');
    text-decoration: none;
  }

  .mobile-slide-wrapper._3 {
    background-image: url('/images/untitled-4.JPG');
    text-decoration: none;
  }

  .mobile-slide-wrapper._4 {
    background-image: url('/images/untitled-5.JPG');
    text-decoration: none;
  }

  .left-arrow-8, .right-arrow-8 {
    display: none;
  }

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

  .aminities-grid-wrapper {
    width: 38vw;
    height: 45vw;
  }

  .form-wrapper {
    display: none;
  }
}

#w-node-_42bdafe4-ae68-004d-7d92-51bce81edc7b-7e258502, #w-node-_440c3597-a2d8-9d99-9352-b9723697d2e3-7e258502, #w-node-f4938a5e-9602-f3d6-4774-4a1dcd7aaff6-7e258502, #w-node-_61742fae-09e6-c3d2-3ad9-019d7e3cdecb-7e258502, #w-node-_9d00a44f-3670-e8ad-015e-6b503e283176-3e283171, #w-node-de532d9d-e542-82b0-1306-6640ee535e05-ee535e00, #w-node-_92b55530-196c-d63b-aa97-c06a5b9a7b65-a5657c77, #w-node-a03cbbdc-3813-6d9c-8672-9c3dfa8a6bbf-a5657c77, #w-node-_585fb156-82bb-7899-0015-c359439b3e84-a5657c77, #w-node-_9a9e65d2-cb18-e337-0fbd-3e972d4e01f1-a5657c77, #w-node-b391dc8b-c77c-e79f-b5c9-4e537608e991-a5657c77, #w-node-d0c80d9e-e944-226a-d7ae-0b250c075cc4-a5657c77, #w-node-d8c26c7d-e113-4ae8-84cb-7a9b6b4a3e06-a5657c77, #w-node-_8315c28c-afba-7283-6cd2-f6d321693aa4-04eca132, #w-node-_5aaa487b-4b97-d7d6-9a75-b6aaebc5a864-1de2cc95, #w-node-a2e8118b-750e-d18b-45c0-345427abdc2e-1de2cc95, #w-node-efea4b2b-f535-3ba2-400e-386b09d9801e-8b6d783b, #w-node-_4d273135-68a4-5be7-cdc3-5df4dfe267e5-8b6d783b, #w-node-d3fbd604-06c4-3e4c-5630-37e60ccb8e7f-fdb25f37, #w-node-adec7c32-f7c3-505f-9b43-9c2335d9d992-fdb25f37, #w-node-_83c7c9f6-0829-0a77-9c11-c97f33205f56-fdb25f37, #w-node-_04b90286-765b-0315-2522-a4735366985e-a47d958f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_8a19cb59-445f-6845-45f0-50af4ffdaa97-a47d958f, #w-node-e904705f-30c6-3b27-e7a7-6dd0c7e7c0cd-a47d958f {
  justify-self: end;
}

#w-node-a054201e-62f8-38ca-4fd9-e7444e80b2bb-a47d958f, #w-node-_2311d819-42b7-9f4d-928c-4eccc732041b-a47d958f, #w-node-_3ff205dc-699d-2c06-acdb-b85f321218c7-d66b1ed0, #w-node-ba6b581e-b150-0d10-20e3-b6de41dcafe7-5cfdf295, #w-node-a8253d8b-7a8f-2fff-91e1-dc28a77aa63a-5cfdf295, #w-node-_2a5701a0-0fb1-85c1-6589-f6d7c8406fdb-2a9a9dde, #w-node-_96ac0555-ef6f-1f92-a4c3-7587edd72951-f5615b94 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c5f4f927-86a1-c03a-bbc8-e538d8fb66b1-f5615b94, #w-node-_61aa9875-c75e-b0fb-4b0f-6721a1c254f7-f5615b94, #w-node-_77a55e61-12c8-cbe5-b3f8-60e151612cdb-f5615b94, #w-node-_714be4aa-d0c8-378b-68e0-8f22c7abe864-f5615b94, #w-node-b949a792-62fd-8e9c-20d3-22effd10366b-f5615b94, #w-node-c04204dc-fef3-4273-06aa-67f56dfdc248-f5615b94, #w-node-_4877cc16-6dca-6d72-1989-5e9d4ac1ccb7-f5615b94 {
  justify-self: end;
}

#w-node-ac91029d-d516-82c7-3978-f59df38c14f9-db5db456, #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-db5db456, #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-db5db456, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-aaa667e0, #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-aaa667e0, #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-aaa667e0, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-2bb37bc4, #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-2bb37bc4, #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-2bb37bc4, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-db76c68c, #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-db76c68c, #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-db76c68c, #w-node-_92b55530-196c-d63b-aa97-c06a5b9a7b65-7e2900c2, #w-node-a03cbbdc-3813-6d9c-8672-9c3dfa8a6bbf-7e2900c2, #w-node-_585fb156-82bb-7899-0015-c359439b3e84-7e2900c2, #w-node-_9a9e65d2-cb18-e337-0fbd-3e972d4e01f1-7e2900c2, #w-node-b391dc8b-c77c-e79f-b5c9-4e537608e991-7e2900c2, #w-node-d0c80d9e-e944-226a-d7ae-0b250c075cc4-7e2900c2, #w-node-d8c26c7d-e113-4ae8-84cb-7a9b6b4a3e06-7e2900c2, #w-node-df0d1fbd-86e0-c13a-9957-5175d6992751-d699274b, #w-node-_8372ca54-2367-bed7-e939-1a01340da753-340da74e, #w-node-_8315c28c-afba-7283-6cd2-f6d321693aa4-0f9016a7, #w-node-_5aaa487b-4b97-d7d6-9a75-b6aaebc5a864-63d891d4, #w-node-a2e8118b-750e-d18b-45c0-345427abdc2e-63d891d4, #w-node-efea4b2b-f535-3ba2-400e-386b09d9801e-bf294e86, #w-node-_4d273135-68a4-5be7-cdc3-5df4dfe267e5-bf294e86, #w-node-d3fbd604-06c4-3e4c-5630-37e60ccb8e7f-7328f8cf, #w-node-adec7c32-f7c3-505f-9b43-9c2335d9d992-7328f8cf, #w-node-_83c7c9f6-0829-0a77-9c11-c97f33205f56-7328f8cf, #w-node-_04b90286-765b-0315-2522-a4735366985e-c02ceba7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_8a19cb59-445f-6845-45f0-50af4ffdaa97-c02ceba7, #w-node-e904705f-30c6-3b27-e7a7-6dd0c7e7c0cd-c02ceba7 {
  justify-self: end;
}

#w-node-a054201e-62f8-38ca-4fd9-e7444e80b2bb-c02ceba7, #w-node-_2311d819-42b7-9f4d-928c-4eccc732041b-c02ceba7, #w-node-_3ff205dc-699d-2c06-acdb-b85f321218c7-631dd32b, #w-node-ba6b581e-b150-0d10-20e3-b6de41dcafe7-fd85f5d2, #w-node-a8253d8b-7a8f-2fff-91e1-dc28a77aa63a-fd85f5d2, #w-node-_2a5701a0-0fb1-85c1-6589-f6d7c8406fdb-bf29b055, #w-node-_96ac0555-ef6f-1f92-a4c3-7587edd72951-dc7eb19b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-bbe92617-673f-76d6-c73f-797d8704a028-8704a01d {
  justify-self: end;
}

#w-node-ac91029d-d516-82c7-3978-f59df38c14f9-11cd8f83, #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-11cd8f83, #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-11cd8f83, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-ea3faa70, #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-ea3faa70, #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-ea3faa70, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-3a9b60c3, #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-3a9b60c3, #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-3a9b60c3, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-917d7778, #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-917d7778, #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-917d7778, #w-node-_42bdafe4-ae68-004d-7d92-51bce81edc7b-468b14cf, #w-node-_440c3597-a2d8-9d99-9352-b9723697d2e3-468b14cf, #w-node-f4938a5e-9602-f3d6-4774-4a1dcd7aaff6-468b14cf, #w-node-_61742fae-09e6-c3d2-3ad9-019d7e3cdecb-468b14cf {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_42bdafe4-ae68-004d-7d92-51bce81edc7b-7e258502 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_9d00a44f-3670-e8ad-015e-6b503e283176-3e283171, #w-node-_92b55530-196c-d63b-aa97-c06a5b9a7b65-a5657c77, #w-node-_5aaa487b-4b97-d7d6-9a75-b6aaebc5a864-1de2cc95, #w-node-a2e8118b-750e-d18b-45c0-345427abdc2e-1de2cc95, #w-node-_92b55530-196c-d63b-aa97-c06a5b9a7b65-7e2900c2, #w-node-df0d1fbd-86e0-c13a-9957-5175d6992751-d699274b, #w-node-_5aaa487b-4b97-d7d6-9a75-b6aaebc5a864-63d891d4, #w-node-a2e8118b-750e-d18b-45c0-345427abdc2e-63d891d4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_42bdafe4-ae68-004d-7d92-51bce81edc7b-468b14cf {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f4938a5e-9602-f3d6-4774-4a1dcd7aaff6-7e258502, #w-node-de532d9d-e542-82b0-1306-6640ee535e05-ee535e00, #w-node-_92b55530-196c-d63b-aa97-c06a5b9a7b65-a5657c77, #w-node-a03cbbdc-3813-6d9c-8672-9c3dfa8a6bbf-a5657c77 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-a03cbbdc-3813-6d9c-8672-9c3dfa8a6bc0-a5657c77 {
    order: 9999;
  }

  #w-node-_585fb156-82bb-7899-0015-c359439b3e84-a5657c77 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_585fb156-82bb-7899-0015-c359439b3e85-a5657c77 {
    order: -9999;
  }

  #w-node-_9a9e65d2-cb18-e337-0fbd-3e972d4e01f1-a5657c77 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9a9e65d2-cb18-e337-0fbd-3e972d4e01f2-a5657c77 {
    order: 9999;
  }

  #w-node-b391dc8b-c77c-e79f-b5c9-4e537608e991-a5657c77, #w-node-d0c80d9e-e944-226a-d7ae-0b250c075cc4-a5657c77, #w-node-d8c26c7d-e113-4ae8-84cb-7a9b6b4a3e06-a5657c77 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-d8c26c7d-e113-4ae8-84cb-7a9b6b4a3e0d-a5657c77 {
    order: -9999;
  }

  #w-node-_8315c28c-afba-7283-6cd2-f6d321693aa4-04eca132, #w-node-efea4b2b-f535-3ba2-400e-386b09d9801e-8b6d783b, #w-node-d3fbd604-06c4-3e4c-5630-37e60ccb8e7f-fdb25f37, #w-node-adec7c32-f7c3-505f-9b43-9c2335d9d992-fdb25f37 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-adec7c32-f7c3-505f-9b43-9c2335d9d993-fdb25f37 {
    order: 9999;
  }

  #w-node-_83c7c9f6-0829-0a77-9c11-c97f33205f56-fdb25f37, #w-node-_04b90286-765b-0315-2522-a4735366985e-a47d958f, #w-node-a054201e-62f8-38ca-4fd9-e7444e80b2bb-a47d958f, #w-node-_2311d819-42b7-9f4d-928c-4eccc732041b-a47d958f {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_2311d819-42b7-9f4d-928c-4eccc732041c-a47d958f {
    order: 9999;
  }

  #w-node-_3ff205dc-699d-2c06-acdb-b85f321218c7-d66b1ed0, #w-node-_2a5701a0-0fb1-85c1-6589-f6d7c8406fdb-2a9a9dde, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-db5db456 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-ac91029d-d516-82c7-3978-f59df38c14fa-db5db456 {
    order: 9999;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-db5db456 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2f-db5db456 {
    order: 9999;
  }

  #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-db5db456, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-aaa667e0 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-ac91029d-d516-82c7-3978-f59df38c14fa-aaa667e0 {
    order: 9999;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-aaa667e0 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2f-aaa667e0 {
    order: 9999;
  }

  #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-aaa667e0, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-2bb37bc4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-ac91029d-d516-82c7-3978-f59df38c14fa-2bb37bc4 {
    order: 9999;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-2bb37bc4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2f-2bb37bc4 {
    order: 9999;
  }

  #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-2bb37bc4, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-db76c68c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-ac91029d-d516-82c7-3978-f59df38c14fa-db76c68c {
    order: 9999;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-db76c68c, #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-db76c68c, #w-node-_92b55530-196c-d63b-aa97-c06a5b9a7b65-7e2900c2, #w-node-a03cbbdc-3813-6d9c-8672-9c3dfa8a6bbf-7e2900c2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-a03cbbdc-3813-6d9c-8672-9c3dfa8a6bc0-7e2900c2 {
    order: 9999;
  }

  #w-node-_585fb156-82bb-7899-0015-c359439b3e84-7e2900c2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_585fb156-82bb-7899-0015-c359439b3e85-7e2900c2 {
    order: -9999;
  }

  #w-node-_9a9e65d2-cb18-e337-0fbd-3e972d4e01f1-7e2900c2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9a9e65d2-cb18-e337-0fbd-3e972d4e01f2-7e2900c2 {
    order: 9999;
  }

  #w-node-b391dc8b-c77c-e79f-b5c9-4e537608e991-7e2900c2, #w-node-d0c80d9e-e944-226a-d7ae-0b250c075cc4-7e2900c2, #w-node-d8c26c7d-e113-4ae8-84cb-7a9b6b4a3e06-7e2900c2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-d8c26c7d-e113-4ae8-84cb-7a9b6b4a3e0d-7e2900c2 {
    order: -9999;
  }

  #w-node-_8372ca54-2367-bed7-e939-1a01340da753-340da74e, #w-node-_8315c28c-afba-7283-6cd2-f6d321693aa4-0f9016a7, #w-node-efea4b2b-f535-3ba2-400e-386b09d9801e-bf294e86, #w-node-d3fbd604-06c4-3e4c-5630-37e60ccb8e7f-7328f8cf, #w-node-adec7c32-f7c3-505f-9b43-9c2335d9d992-7328f8cf {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-adec7c32-f7c3-505f-9b43-9c2335d9d993-7328f8cf {
    order: 9999;
  }

  #w-node-_83c7c9f6-0829-0a77-9c11-c97f33205f56-7328f8cf, #w-node-_04b90286-765b-0315-2522-a4735366985e-c02ceba7, #w-node-a054201e-62f8-38ca-4fd9-e7444e80b2bb-c02ceba7, #w-node-_2311d819-42b7-9f4d-928c-4eccc732041b-c02ceba7 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_2311d819-42b7-9f4d-928c-4eccc732041c-c02ceba7 {
    order: 9999;
  }

  #w-node-_3ff205dc-699d-2c06-acdb-b85f321218c7-631dd32b, #w-node-_2a5701a0-0fb1-85c1-6589-f6d7c8406fdb-bf29b055, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-11cd8f83 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-ac91029d-d516-82c7-3978-f59df38c14fa-11cd8f83 {
    order: 9999;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-11cd8f83 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2f-11cd8f83 {
    order: 9999;
  }

  #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-11cd8f83, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-ea3faa70 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-ac91029d-d516-82c7-3978-f59df38c14fa-ea3faa70 {
    order: 9999;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-ea3faa70 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2f-ea3faa70 {
    order: 9999;
  }

  #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-ea3faa70, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-3a9b60c3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-ac91029d-d516-82c7-3978-f59df38c14fa-3a9b60c3 {
    order: 9999;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-3a9b60c3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2f-3a9b60c3 {
    order: 9999;
  }

  #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-3a9b60c3, #w-node-ac91029d-d516-82c7-3978-f59df38c14f9-917d7778 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-ac91029d-d516-82c7-3978-f59df38c14fa-917d7778 {
    order: 9999;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2e-917d7778, #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afa-917d7778, #w-node-f4938a5e-9602-f3d6-4774-4a1dcd7aaff6-468b14cf {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_42bdafe4-ae68-004d-7d92-51bce81edc7b-7e258502, #w-node-_440c3597-a2d8-9d99-9352-b9723697d2e3-7e258502 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-f4938a5e-9602-f3d6-4774-4a1dcd7aaff8-7e258502 {
    order: -9999;
  }

  #w-node-_61742fae-09e6-c3d2-3ad9-019d7e3cdecb-7e258502 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_61742fae-09e6-c3d2-3ad9-019d7e3cdecd-7e258502 {
    order: 9999;
  }

  #w-node-a03cbbdc-3813-6d9c-8672-9c3dfa8a6bc0-a5657c77 {
    order: -9999;
  }

  #w-node-_585fb156-82bb-7899-0015-c359439b3e85-a5657c77 {
    order: 9999;
  }

  #w-node-_9a9e65d2-cb18-e337-0fbd-3e972d4e01f2-a5657c77 {
    order: -9999;
  }

  #w-node-b391dc8b-c77c-e79f-b5c9-4e537608e992-a5657c77 {
    order: 9999;
  }

  #w-node-_8315c28c-afba-7283-6cd2-f6d321693aa6-04eca132 {
    order: -9999;
  }

  #w-node-_5aaa487b-4b97-d7d6-9a75-b6aaebc5a865-1de2cc95, #w-node-_5aaa487b-4b97-d7d6-9a75-b6aaebc5a866-1de2cc95 {
    order: 9999;
  }

  #w-node-_4d273135-68a4-5be7-cdc3-5df4dfe267e5-8b6d783b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-d3fbd604-06c4-3e4c-5630-37e60ccb8e80-fdb25f37 {
    order: 9999;
  }

  #w-node-adec7c32-f7c3-505f-9b43-9c2335d9d993-fdb25f37 {
    order: -9999;
  }

  #w-node-_83c7c9f6-0829-0a77-9c11-c97f33205f57-fdb25f37, #w-node-a054201e-62f8-38ca-4fd9-e7444e80b2bc-a47d958f {
    order: 9999;
  }

  #w-node-_2311d819-42b7-9f4d-928c-4eccc732041c-a47d958f {
    order: -9999;
  }

  #w-node-ba6b581e-b150-0d10-20e3-b6de41dcafe7-5cfdf295 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-ba6b581e-b150-0d10-20e3-b6de41dcafe9-5cfdf295 {
    order: -9999;
  }

  #w-node-a8253d8b-7a8f-2fff-91e1-dc28a77aa63a-5cfdf295 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-a8253d8b-7a8f-2fff-91e1-dc28a77aa63b-5cfdf295, #w-node-_2a5701a0-0fb1-85c1-6589-f6d7c8406fdc-2a9a9dde {
    order: 9999;
  }

  #w-node-_96ac0555-ef6f-1f92-a4c3-7587edd72951-f5615b94 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2f-db5db456 {
    order: -9999;
  }

  #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afb-db5db456 {
    order: 9999;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2f-aaa667e0 {
    order: -9999;
  }

  #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afb-aaa667e0, #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a30-2bb37bc4, #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afb-2bb37bc4 {
    order: 9999;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2f-db76c68c {
    order: -9999;
  }

  #w-node-_24b147b6-624f-6cb1-d454-1770e99a2afb-db76c68c, #w-node-_5aaa487b-4b97-d7d6-9a75-b6aaebc5a865-63d891d4, #w-node-_5aaa487b-4b97-d7d6-9a75-b6aaebc5a866-63d891d4 {
    order: 9999;
  }

  #w-node-_4d273135-68a4-5be7-cdc3-5df4dfe267e5-bf294e86, #w-node-ba6b581e-b150-0d10-20e3-b6de41dcafe7-fd85f5d2, #w-node-a8253d8b-7a8f-2fff-91e1-dc28a77aa63a-fd85f5d2, #w-node-_96ac0555-ef6f-1f92-a4c3-7587edd72951-dc7eb19b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e3f43c85-b09c-2867-5b19-abd6d87d6a2f-917d7778 {
    order: 9999;
  }

  #w-node-_42bdafe4-ae68-004d-7d92-51bce81edc7b-468b14cf, #w-node-_440c3597-a2d8-9d99-9352-b9723697d2e3-468b14cf, #w-node-_61742fae-09e6-c3d2-3ad9-019d7e3cdecb-468b14cf {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_61742fae-09e6-c3d2-3ad9-019d7e3cdecd-468b14cf {
    order: -9999;
  }
}

@media screen and (max-width: 800px) {
  .map-image-small {
    display: none !important;
  }
  .footer-quick-stack {
    display: none !important;
  }
  .header-para-div {
    width: 100% !important;
  }
  .section-heading.white {
    margin-bottom: 0px !important;
  }
}


@font-face {
  font-family: 'Gtamericaarabic';
  src: url('/fonts/GTAmericaArabic-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gtamericaarabic';
  src: url('/fonts/GTAmericaArabic-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gtamericaarabic';
  src: url('/fonts/GTAmericaArabic-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gtamericaarabic';
  src: url('/fonts/GTAmericaArabic-Regular.otf') format('opentype'), url('/fonts/GTAmericaArabic-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}