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

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

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

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

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

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

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

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

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

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

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

p {
  color: #000;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  line-height: 130%;
}

.container {
  background-color: #fff0;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  max-width: 90rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container._2 {
  background-color: #11ffcb;
}

.content {
  background-color: #9d9d9d00;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 15vh;
  display: flex;
}

.hero {
  background-color: #fff0;
  background-image: linear-gradient(#0006, #0006), url('../images/WhatsApp-Image-2021-09-06-at-11.46.50-AM-11-1.png');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  width: 100vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.nav_container {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.brand {
  background-color: #b02727;
  width: 4rem;
  height: 100%;
  position: relative;
}

.nav-link {
  color: #fff;
  letter-spacing: -.9px;
  text-transform: none;
  background-color: #00000059;
  border-radius: 35px;
  height: 35px;
  padding: 2px 10px;
  font-family: Testfoundersgroteskcondensed, Arial, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  display: inline-flex;
}

.nav-link.whatsapp {
  color: #000;
  background-color: #e2feef;
  border: 1px solid #b1e6c5;
  justify-content: center;
  align-items: center;
  height: 42px;
  padding: 0 15px 5px;
  font-family: Testfoundersgroteskcondensed, Arial, sans-serif;
  font-size: 31px;
  font-weight: 500;
  text-decoration: none;
}

.nav-link.cta-hero {
  color: #000;
  background-color: #ff66b2;
  border: 1px #b1e6c5;
  justify-content: center;
  align-items: center;
  height: 42px;
  padding: 0 15px 5px;
  font-family: Testfoundersgroteskcondensed, Arial, sans-serif;
  font-size: 31px;
  font-weight: 600;
  text-decoration: none;
}

.nav-menu {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  background-color: #d6d6d600;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  inset: 0% auto auto 0;
}

.navbar {
  background-color: #ddd0;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.buy-button-nav {
  width: auto;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 2.5rem 0% auto auto;
}

.arrow-nav {
  background-color: #e2feef;
  border: 1px solid #b1e6c5;
  border-radius: 35px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
}

.image {
  width: 25px;
  transform: rotate(45deg);
}

.image-2 {
  width: 13px;
  height: 12px;
}

.logo-big {
  width: 25rem;
}

.logo-hero {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 8rem;
  display: flex;
}

.nav-container-1 {
  justify-content: center;
  align-items: center;
  padding-top: 2.8rem;
  display: block;
  position: relative;
}

.social-media {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: auto;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 2.5rem auto auto 0%;
}

.link-block-copy {
  width: auto;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 2rem 0% auto auto;
}

.sm-button {
  background-color: #00000059;
  border: 1px #b1e6c5;
  border-radius: 35px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
}

.buy-button-hero {
  width: auto;
  margin-top: 2rem;
  text-decoration: none;
  display: flex;
  position: static;
  inset: 2.5rem 0% auto auto;
}

.arrow-hero {
  background-color: #ff66b2;
  border: 1px #b1e6c5;
  border-radius: 35px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 42px;
  display: flex;
}

.image-3 {
  width: 4rem;
  max-width: none;
}

.image-4 {
  width: 100%;
  height: 20rem;
}

.transition-1 {
  background-color: #c0505000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  margin-top: 10rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body {
  background-color: #fdfdfb;
}

.about-section {
  background-color: #fff0;
  width: 100%;
  max-width: 90rem;
  height: auto;
  margin: 6rem auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.image-5 {
  margin-left: auto;
  margin-right: auto;
}

.image-6 {
  width: 100vw;
}

.image-7 {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.container-nav {
  background-color: #fcfcf700;
  border: 1px #000;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.navbar-2 {
  background-color: #fdfdfb;
  border: 1px solid #ccc;
  border-bottom-style: none;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
}

.up-nav {
  border: 1px #ccc;
  border-bottom: 2px solid #ccc;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 5.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.logo-nav {
  width: 6rem;
  max-width: none;
}

.logo-div {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.white-text {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.message-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #000;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 10px 20px 10px 18px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 23px 16px auto auto;
}

.nav-menu-2 {
  background-color: #fcfcf700;
  border: 0 #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  margin-left: 0;
  margin-right: 0;
  padding-top: 5px;
  display: flex;
  position: static;
}

.div-block-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.navlink {
  color: #1e1e1e;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 15px;
  font-family: TNR, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.navlink.w--current {
  color: #1e1e1e;
}

.seperator {
  color: #000;
  margin-bottom: 0;
  font-family: TNR, Arial, sans-serif;
}

.text-block {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.dropdown-toggle {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
  padding-left: 0;
  display: block;
}

.dropdown {
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.heading-hero {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Apple Chancery, Arial, sans-serif;
  font-size: 8em;
  line-height: 110%;
}

.subheading-hero {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sinhala Mn, Arial, sans-serif;
  font-size: 3em;
  font-weight: 400;
  line-height: 120%;
}

.div-block-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 5rem;
  margin-bottom: 4rem;
  padding-left: 7.4375rem;
  padding-right: 7.4375rem;
  display: flex;
}

.paragraph {
  color: #fff;
  text-align: left;
  width: 55%;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.message-button-white {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.black-text {
  color: #000;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.dropdown-link {
  color: #000;
  background-color: #fff;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.dropdown-list {
  top: 58px;
}

.dropdown-list.w--open {
  top: 39px;
}

.logo-nav-home-button {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0% 0% 0;
}

.heading-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: TNR, Arial, sans-serif;
  font-weight: 400;
}

.content-about {
  background-color: #9d9d9d00;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 15vh;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.subheading-text {
  color: #fff;
  width: auto;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  line-height: 130%;
}

.hero-about {
  background-color: #fff0;
  background-image: linear-gradient(90deg, #000, #fff0 44%), url('../images/DSC00162.png');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  width: 100vw;
  height: 65vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.contentsub-hero {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-left: 7.4375rem;
  padding-right: 7.4375rem;
  display: flex;
}

.picture-about {
  background-image: url('../images/WhatsApp-Image-2021-09-06-at-11.46.50-AM-17.png');
  background-position: 0 0;
  background-size: cover;
  width: 45rem;
  height: 26rem;
}

.div-block-4 {
  margin-left: 7rem;
  margin-right: 7rem;
}

.content-about1 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 75rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.heading-3 {
  font-family: TNR, Arial, sans-serif;
  font-size: 32px;
}

.heading {
  color: #000;
  letter-spacing: 7px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: TNR, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  display: flex;
}

.heading.white-h {
  color: #fff;
}

.heading.terrenos {
  width: 50%;
}

.heading.qs {
  line-height: 28px;
}

.heading.blanco {
  color: #fff;
  line-height: 28px;
}

.heading.qs-copy {
  line-height: 28px;
}

.heading.terrenos-copy {
  text-align: center;
  width: 50%;
}

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

.title-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 7.5rem;
  display: flex;
}

.second-block {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 55%;
  height: auto;
  padding-left: 2rem;
  padding-right: 0;
  display: flex;
}

.title-line {
  background-color: #000;
  width: 6rem;
  height: 1px;
  margin-top: .5rem;
}

.paragraph-centered {
  color: #393939;
  text-align: center;
  width: 85%;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 26px;
}

.content-about2 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 90rem;
  height: 100%;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pic-about-home {
  background-image: url('../images/WhatsApp-Image-2021-09-06-at-11.46.50-AM-5-1.jpg');
  background-position: 45% 0;
  background-size: cover;
  width: 100%;
  height: 60vh;
}

.master-plan-section {
  background-color: #fff;
  width: 100%;
  height: auto;
  margin-top: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.title-block-long {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  display: flex;
}

.paragraph-centered-small {
  color: #393939;
  text-align: center;
  width: 50%;
  margin-top: 1rem;
  margin-bottom: 0;
  line-height: 26px;
}

.text-block1-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 26rem;
  display: flex;
}

.title-block-normal {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.mp_wrapper {
  width: 75%;
  height: auto;
}

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

.master-plan-section-copy {
  height: 40rem;
}

.materplan-container {
  max-width: 90rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.memberships-section {
  max-width: 90rem;
  height: auto;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

._3-block-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.card-wrapper {
  width: 24rem;
  height: auto;
}

.img-div {
  aspect-ratio: auto;
  width: 100%;
  height: 20rem;
}

.heading-card {
  color: #000;
  text-align: left;
  letter-spacing: 5px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-family: TNR, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  display: flex;
}

.heading-card.white-h {
  color: #fff;
}

.paragraph-centered-small-copy {
  text-align: center;
  width: 50%;
  margin-top: 1rem;
  margin-bottom: 0;
  line-height: 26px;
}

.paragraph-100 {
  text-align: left;
  width: 100%;
  margin-top: .5rem;
  margin-bottom: 0;
  line-height: 26px;
}

.div-block-6 {
  height: 50rem;
}

.lots-section {
  margin-top: 8rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.div-block-5-copy {
  width: 27.5em;
  height: 18rem;
}

.card-wrapper-copy {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: fill;
  width: 80%;
  height: 100%;
}

.image-mp--1 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.lots-section-2 {
  margin-top: 10.9375rem;
  padding-bottom: 0;
  padding-left: 2rem;
  padding-right: 2rem;
}

.content-left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 75rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.concept-section {
  margin-top: 8rem;
  padding-bottom: 0;
  padding-left: 2rem;
  padding-right: 2rem;
}

.second-block-copy {
  z-index: -1;
  background-color: #f4f4f4;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 57%;
  height: 100%;
  padding-top: 4rem;
  padding-left: 2em;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: -50px 0% auto auto;
}

.content-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 75rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.pic-lot {
  background-image: url('../images/WhatsApp-Image-2021-09-06-at-11.46.50-AM-5-1.jpg');
  background-position: 45% 0;
  background-size: cover;
  width: 63.7%;
  height: 60vh;
  margin-right: 5rem;
}

.text-block2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.paragraph-gray {
  color: #393939;
  text-align: left;
  width: auto;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 26px;
}

.heading-box {
  color: #000;
  letter-spacing: 7px;
  text-transform: uppercase;
  text-overflow: clip;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  justify-content: center;
  align-items: center;
  width: 20rem;
  min-width: auto;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: TNR, Arial, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
  display: flex;
  overflow: visible;
}

.heading-box.white-h {
  color: #fff;
}

.pic-concept {
  background-image: url('../images/Concept-Olivos.png');
  background-position: 45% 0;
  background-size: cover;
  width: 63.7%;
  height: 60vh;
}

.text-block3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 55%;
  height: 60vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.second-block2 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 55%;
  height: auto;
  padding-left: 2rem;
  padding-right: 0;
  display: flex;
}

.second-block2-2 {
  border-top: 1px #000;
  border-bottom: 1px #000;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 55%;
  height: 100%;
  margin-right: 2rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.content-wrapper-lines {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 75rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.content-wrapper-lines-left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 75rem;
  height: 100%;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.second-block-right {
  border-top: 1px #000;
  border-bottom: 1px #000;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 55%;
  height: 100%;
  margin-right: 2rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.content-right {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 75rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.left-block, .left-block1 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 55%;
  height: auto;
  padding-left: 0;
  padding-right: 2rem;
  display: flex;
}

.about-section-page {
  margin-top: 8rem;
  padding-bottom: 0;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pic-mission {
  background-image: url('../images/Concept-Olivos.png');
  background-position: 45% 0;
  background-size: cover;
  width: 63.7%;
  height: 60vh;
}

.pic-vision {
  background-image: url('../images/Concept-Olivos-Neighborhood.png');
  background-position: 45% 0;
  background-size: cover;
  width: 63.7%;
  height: 60vh;
}

.content-wrapper-left {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 75rem;
  height: 100%;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.whatsapp-logo {
  color: #fff;
  width: 20px;
}

.message-button-black-border {
  background-color: #fff;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.content-wrapper22 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 75rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.second-block-copy-copy {
  z-index: -1;
  background-color: #f4f4f4;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 57%;
  height: 100%;
  padding-top: 4rem;
  padding-left: 3rem;
  padding-right: 15.2rem;
  display: flex;
  position: absolute;
  inset: -50px auto auto 0%;
}

.text-block2-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  height: auto;
  padding-left: 2rem;
  display: block;
}

.title-block-right-gray {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  display: flex;
}

.heading-boxx2 {
  color: #000;
  text-align: left;
  letter-spacing: 7px;
  text-transform: uppercase;
  text-overflow: clip;
  white-space: pre-wrap;
  word-break: normal;
  overflow-wrap: normal;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 20rem;
  min-width: auto;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: TNR, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 28px;
  display: flex;
  overflow: visible;
}

.heading-boxx2.white-h {
  color: #fff;
}

.message-button-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #000;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 10px 20px 10px 18px;
  text-decoration: none;
  display: flex;
  position: static;
  inset: 27% 0% 0% auto;
}

.title-div-heading {
  container-type: inline-size;
}

.measuring-block {
  width: auto;
  min-width: 33%;
  max-width: 70%;
  height: 5rem;
}

.financing-section {
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/DSC00167.png');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 8rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.div-block-8 {
  width: 100%;
  height: 10rem;
}

.financing-info {
  z-index: 1;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #f7f7f7;
  flex-flow: column;
  width: 30rem;
  height: auto;
  padding: 2rem;
  display: flex;
  position: relative;
}

.title-financing {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  margin-bottom: 2rem;
  display: flex;
}

.title-block-white {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  display: flex;
}

.heading-white {
  color: #fff;
  letter-spacing: 7px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: TNR, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  display: flex;
}

.heading-white.white-h {
  color: #fff;
}

.title-line-white {
  background-color: #fff;
  width: 6rem;
  height: 1px;
  margin-top: .5rem;
}

.paragraph-centered-white {
  color: #fff;
  text-align: center;
  width: 70%;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 26px;
}

.heading-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
}

.paragraph-left {
  color: #393939;
  text-align: left;
  width: 100%;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 26px;
}

.div-finan1 {
  margin-top: 0;
}

.message-button-black-border-wha {
  background-color: #fff;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.image-9 {
  z-index: -1;
  position: absolute;
  inset: auto 0% 0% auto;
}

.amenities-section {
  background-image: url('../images/DSC00162.png');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  margin-top: 8rem;
  padding-top: 10rem;
  padding-left: 10rem;
  display: block;
  overflow: hidden;
}

.div-block-9 {
  width: 100%;
  height: 100vh;
}

.carousel_breakout-track {
  grid-column-gap: 2rem;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-padding-inline: var(--carousel-scroll-padding-breakout);
  padding-left: var(--carousel-scroll-padding-breakout);
  padding-right: var(--carousel-scroll-padding-breakout);
  overscroll-behavior-x: contain;
  width: 100vw;
  min-width: 100%;
  margin-left: calc(50% - 50vw);
  display: flex;
  overflow-x: scroll;
}

.hide {
  display: none;
}

.carousel04_meta {
  grid-column-gap: 1rem;
  grid-row-gap: .25rem;
  flex-flow: wrap;
  justify-content: flex-start;
  line-height: 1.25;
  display: flex;
}

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

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

.carousel_navigation {
  justify-content: space-between;
  margin-top: 4rem;
  display: flex;
}

.carousel_arrow-icon {
  flex: none;
  width: 100%;
  height: 100%;
}

.carousel_arrow {
  color: color-mix(in srgb, currentColor 50%, transparent);
  background-color: color-mix(in srgb, currentColor 7%, transparent);
  border-style: solid;
  border-width: 1px;
  border-top-color: color-mix(in srgb, currentColor 10%, transparent);
  border-right-color: color-mix(in srgb, currentColor 10%, transparent);
  border-bottom-color: color-mix(in srgb, currentColor 10%, transparent);
  border-left-color: color-mix(in srgb, currentColor 10%, transparent);
  border-radius: 3.40282e38px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: .5rem;
  display: flex;
}

.carousel04_link {
  grid-row-gap: .75rem;
  color: inherit;
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.carousel04_slide {
  flex: none;
  width: 90%;
  max-width: 28rem;
}

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

.carousel04_image {
  transform: scale3d(1none, 1none, 1none);
  object-fit: cover;
  transform-style: preserve-3d;
  width: 100%;
  max-width: none;
  height: 100%;
  transition: transform .2s ease-out;
}

.carousel04_image:hover {
  transform: scale(1.03);
}

.carousel04_text {
  letter-spacing: -.03em;
  color: inherit;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.carousel_arrow-group {
  grid-column-gap: 1rem;
  margin-left: auto;
  font-size: .875rem;
  display: flex;
}

.carousel04_media {
  aspect-ratio: 4 / 5;
  border-radius: .75rem;
  overflow: hidden;
}

.divider-2 {
  background-color: #cfd2d6;
  width: 100%;
  height: 1px;
  margin-top: 0;
}

.career-h {
  text-align: center;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 80px;
  font-weight: 600;
  line-height: 120%;
}

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

.container-normal.other {
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: 323px;
  margin-right: 0;
  padding: 0 2rem 0 1.9rem;
  position: absolute;
  inset: 0% 0% 0% 7px;
  overflow: hidden;
}

.right-arrow-career {
  color: #393b6a;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-top: 197px;
  padding: 0;
  transition: all .3s;
  display: flex;
  inset: 315px auto 0% 10%;
}

.right-arrow-career:hover {
  color: #fff;
  background-color: #fffc;
  border-color: #979797;
}

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

.gallery-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
  position: static;
  inset: 0% 0% 0% auto;
}

.slide-career-years {
  width: 200px;
  height: auto;
  margin-right: 2rem;
}

.content-r {
  width: auto;
}

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

.career-img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 265px;
}

.list {
  margin-bottom: 0;
  padding-left: 1rem;
}

.arrow-div {
  outline-offset: 0px;
  border: 1.4px solid #1e1f24;
  border-radius: 100vw;
  outline: 3px #000;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
}

.arrow-div.rright {
  box-shadow: none;
  background-color: #fff0;
  border-style: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.left-arrow-career {
  z-index: 6;
  color: #393b6a;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-top: 197px;
  margin-left: 30px;
  margin-right: 0;
  padding: 0;
  transition: all .3s;
  display: flex;
  inset: 315px auto 0% 0%;
}

.left-arrow-career:hover {
  color: #fff;
  background-color: #fffc;
  border-style: solid;
  border-color: #979797;
}

.h6-heading-4 {
  color: #1e2022;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 140%;
}

.gallery-title {
  white-space: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon-x-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.icon-x-small.black {
  color: #1e1f24;
  width: 25px;
  height: 25px;
}

.icon-x-small.black-copy {
  color: #1e1f24;
  width: 25px;
  height: 25px;
  transform: rotate(-180deg);
}

.slide-nav-hidden {
  display: none;
  bottom: -50px;
}

.content-career-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  width: 100%;
  height: 26.25rem;
  margin-top: 0;
  display: flex;
}

.section-gallery {
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  padding: 0 0%;
  display: block;
  overflow: visible;
}

.gallery-dropdown-trigger {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  cursor: pointer;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: padding-bottom .3s;
  display: block;
}

.splide {
  width: 100%;
  position: relative;
}

.splide.slider1 {
  background-color: #fff0;
}

.paragraph-18 {
  color: #393939;
  margin-bottom: .5rem;
  font-weight: 500;
}

.container-regular-4 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
}

.career-div-slide-year {
  background-color: #fff0;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.caption-small-2 {
  font-size: 14px;
  line-height: 20px;
}

.caption-small-2.text-color-tertiary {
  color: #6b7280;
  font-weight: 500;
}

.content-l {
  width: 100%;
  height: auto;
  padding-left: 1rem;
}

.career-img-copy {
  border-radius: 20px;
}

.heading-5 {
  color: #000;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 1.5rem;
  font-family: TNR, Arial, sans-serif;
  font-weight: 400;
}

.div-block-10 {
  height: 5rem;
}

.gray-slider-area {
  z-index: 1;
  background-color: #f7f7f7;
  justify-content: flex-start;
  align-items: center;
  width: 70rem;
  height: 100%;
  display: flex;
  position: relative;
}

.text-block4 {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: auto;
  display: flex;
  position: relative;
}

.paragraph-centered-amenities {
  color: #393939;
  text-align: center;
  width: 65%;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 26px;
}

.image-10 {
  z-index: 1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.svg {
  color: #000;
  width: 25px;
}

.arrow-left-side {
  color: #000;
  width: 25px;
  margin-left: 5px;
  transform: rotate(-90deg);
}

.arrow-right-side {
  color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 25px;
  margin-right: 5px;
  display: flex;
  transform: rotate(90deg);
}

.path {
  width: 100%;
  height: 100%;
}

.slide-4 {
  width: 200px;
  height: auto;
  margin-left: 10rem;
  margin-right: 2rem;
}

.text-block-amenities {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: auto;
  margin-top: 8rem;
  display: flex;
  position: relative;
}

.image-11 {
  position: absolute;
  inset: auto 0% 0% auto;
}

.memberships-seciton {
  width: 100%;
  margin-top: 8rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.container-memberships {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 75rem;
  height: auto;
  display: flex;
}

.ol-1 {
  z-index: 1;
  width: 25%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ol-2 {
  width: 25%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.ol-3 {
  position: absolute;
  inset: auto auto 0% 0%;
}

.text-block-mem {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
}

.membership-card {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: fill;
  width: 80%;
  height: 100%;
}

.img-m {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.img-div-2 {
  aspect-ratio: 1 / 2;
  width: 100%;
  height: 20rem;
  position: relative;
}

.text-block-2 {
  z-index: 3;
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  font-family: TNR, Arial, sans-serif;
  font-size: 1rem;
  position: absolute;
  inset: auto 0% 3%;
}

.card-fade {
  z-index: 2;
  background-image: linear-gradient(#fff0, #000 89%);
  height: 3.5rem;
  position: absolute;
  inset: auto 0% 0%;
}

.heading-card-copy {
  color: #000;
  text-align: left;
  letter-spacing: 5px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  margin-top: .5rem;
  margin-bottom: 0;
  font-family: TNR, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.heading-card-copy.white-h {
  color: #fff;
}

.h-c {
  color: #000;
  text-align: left;
  letter-spacing: 6px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  margin-top: .5rem;
  margin-bottom: 0;
  font-family: TNR, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  display: flex;
}

.h-c.white-h {
  color: #fff;
}

.membership-card-copy, .card-wrapper-copy-copy {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: fill;
  width: 80%;
  height: 100%;
}

.faq-section {
  width: 100%;
  margin-top: 8rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.tab-link-tab-1 {
  color: red;
  background-color: #3e303000;
  border: 1px solid #000;
}

.tab-link-tab-1.w--current {
  color: #000;
  text-transform: uppercase;
  background-color: #f4f4f4;
  font-family: TNR, Arial, sans-serif;
}

.bold-text {
  color: #000;
  letter-spacing: 2.5px;
  font-weight: 400;
}

.bold-text.cw, .bold-text.cw2 {
  color: #fff;
}

.bold-text.cw-1 {
  color: #000;
}

.bold-text.cw-3 {
  color: #000;
  text-transform: uppercase;
}

.bold-text.cw-4, .bold-text.cw-5 {
  color: #fff;
}

.bold-text.cw-4 {
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
}

.bold-text.cw-1-copy {
  color: #fff;
}

.bold-text.cw-5-copy {
  color: #000;
  text-transform: uppercase;
}

.bold-text.cw-1-copy2 {
  color: #000;
}

.bold-text.cw-5-copy3 {
  color: #fff;
  text-transform: uppercase;
}

.tab-link-tab-2 {
  background-color: #fff8f800;
  border: 1px solid #000;
}

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

.text-block-3 {
  font-family: TNR, Arial, sans-serif;
}

.text-block-3.cw {
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-size: 12px;
}

.tab-link-tab-3 {
  background-color: #ddd0;
  border: 1px solid #000;
}

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

.tab-link-tab-4 {
  background-color: #ddd0;
  border: 1px solid #000;
}

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

.div-block-11 {
  background-color: #140f0f;
}

.tabs-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.container-faq {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 75rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.arrow_accordion_icon {
  width: 2rem;
  height: 2rem;
}

.accordion {
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.text-size-medium {
  color: #393939;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.accordion_question {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem;
  font-size: 16px;
  display: flex;
}

.accordion_question.w--open {
  border-bottom: 1px solid #0000001a;
}

.accordion_question.is-round {
  border: 1px solid #000;
  border-radius: 0;
}

.faq-body-cont {
  border-top: 1px #000;
  padding: 1.5rem 1rem .5rem;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}

.accordion_answer {
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
}

.accordion_answer.w--open {
  background-color: #0000;
}

.accordion_wrapper {
  width: 100%;
  margin-top: 2rem;
}

.faq-answer {
  color: #393939;
  font-size: 1rem;
  font-weight: 500;
  line-height: 26px;
}

.tabs {
  width: 60%;
}

.div-block-12 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block-3-copy {
  font-family: TNR, Arial, sans-serif;
}

.faq-1 {
  color: #000;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
}

.faq-1.cw, .faq-1.cw2 {
  color: #fff;
}

.faq-1.cw-1 {
  color: #000;
}

.faq-1.cw-3 {
  color: #000;
  text-transform: uppercase;
}

.faq-1.cw-4, .faq-1.cw-5 {
  color: #fff;
}

.faq-1.cw-4 {
  color: #000;
  text-transform: uppercase;
}

.faq-1.cw-1-copy {
  color: #fff;
}

.faq-1.cw-5-copy {
  color: #000;
  text-transform: uppercase;
}

.faq-1.cw-1-copy2 {
  color: #000;
}

.faq-1.cw-5-copy3 {
  color: #fff;
  text-transform: uppercase;
}

.bold-text-2 {
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
}

.faq-2, .faq-3 {
  color: #000;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
}

.faq-3.cw, .faq-3.cw2 {
  color: #fff;
}

.faq-3.cw-1 {
  color: #000;
}

.faq-3.cw-3 {
  color: #000;
  text-transform: uppercase;
}

.faq-3.cw-4, .faq-3.cw-5 {
  color: #fff;
}

.faq-3.cw-4 {
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
}

.faq-3.cw-1-copy {
  color: #fff;
}

.faq-3.cw-5-copy {
  color: #000;
  text-transform: uppercase;
}

.faq-3.cw-1-copy2 {
  color: #000;
}

.faq-3.cw-5-copy3 {
  color: #fff;
  text-transform: uppercase;
}

.faq-4 {
  color: #000;
  letter-spacing: 2.5px;
  font-weight: 400;
}

.faq-4.cw, .faq-4.cw2 {
  color: #fff;
}

.faq-4.cw-1 {
  color: #000;
}

.faq-4.cw-3 {
  color: #000;
  text-transform: uppercase;
}

.faq-4.cw-4, .faq-4.cw-5 {
  color: #fff;
}

.faq-4.cw-4 {
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
}

.faq-4.cw-1-copy {
  color: #fff;
}

.faq-4.cw-5-copy {
  color: #000;
  text-transform: uppercase;
}

.faq-4.cw-1-copy2 {
  color: #000;
}

.faq-4.cw-5-copy3 {
  color: #fff;
  text-transform: uppercase;
}

.heading-6 {
  color: #000;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: TNR, Arial, sans-serif;
  font-weight: 400;
}

.tabs-content, .tab-pane-tab-2 {
  width: 100%;
}

.ubicacion-section {
  width: 100%;
  margin-top: 8rem;
  margin-bottom: 8rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.map-embed {
  width: 80vw;
  margin-top: 0;
  margin-bottom: 0;
}

.pic-section {
  background-image: linear-gradient(#0009, #0009), url('../images/WhatsApp-Image-2021-09-06-at-11.46.50-AM-11-1.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 75vh;
  padding-left: 2rem;
  display: flex;
}

.title-block-cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  min-width: auto;
  display: flex;
}

.message-white-border {
  background-color: #fff0;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.black-text-2-copy {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.text-block-wtapas {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  margin-bottom: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer_wide_legal-wrapper {
  border-top: 1px solid #fff;
  justify-content: space-between;
  margin-top: 2rem;
  padding-top: 1rem;
  display: flex;
}

.general_email_form {
  max-width: 30rem;
  margin-bottom: 0;
}

.footer_logo-wrapper {
  max-width: none;
  max-height: none;
  margin-bottom: 2rem;
  display: flex;
}

.footer_company-wrapper, .footer_links-wrapper {
  max-width: 25rem;
}

.padding-medium_large {
  color: #fff;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}

.text_field_input {
  border: 1px solid #d5d9e5;
  border-radius: 8px;
  height: 3rem;
  margin-bottom: 0;
  padding: .75rem;
}

.footer2_grid {
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, auto) minmax(auto, auto) minmax(auto, auto) minmax(auto, auto);
  place-content: space-between;
}

.text-style-allcaps {
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-family: TNR, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #171b26;
  border-radius: 8px;
  padding: .75rem 1.5rem;
  font-weight: 400;
}

.footer_link {
  color: #fff;
  margin-bottom: 1rem;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.footer2_form_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.footer_legal_link-wrapper {
  grid-column-gap: 2rem;
  align-items: center;
  display: flex;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.form_footer_input {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  display: flex;
}

.footer-section {
  color: #000;
  background-color: #000;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
}

.paragraph-101 {
  color: #fff;
}

.image-12 {
  width: 100%;
  height: 100%;
}

.link, .link-2 {
  color: #fff;
}

.sm-icon {
  width: 100%;
  height: 100%;
}

.link-block {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}

.image-13, .sm-icon-fb {
  width: 100%;
  height: 100%;
}

.facebook-logo {
  width: 1.1rem;
  height: 2rem;
  margin-right: 1rem;
}

.ig-logo {
  width: 1.5rem;
  height: 2rem;
  margin-right: 1rem;
}

.image-14 {
  position: absolute;
  inset: 28% 0% auto auto;
}

.history-section {
  width: 100%;
  margin-top: 6rem;
}

.paragraph-centered-3 {
  color: #393939;
  text-align: center;
  width: 70%;
  margin-top: 1rem;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 26px;
}

.pic-section-2 {
  background-image: linear-gradient(#0009, #0009), url('../images/DSC00167.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 75vh;
  margin-top: 4rem;
  padding-left: 2rem;
  display: flex;
}

.section {
  display: none;
}

@media screen and (min-width: 1280px) {
  .hero {
    background-image: linear-gradient(#0006, #0006), url('../images/WhatsApp-Image-2021-09-06-at-11.46.50-AM-11-1.png');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
  }

  .about-section {
    margin-top: 8rem;
  }

  .navbar-2 {
    border-style: none;
  }

  .up-nav {
    border-bottom-width: 2px;
    justify-content: center;
    align-items: center;
  }

  .logo-nav {
    width: 7rem;
  }

  .message-button {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 1px solid #000;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-left: 17px;
    top: 27%;
  }

  .navlink {
    color: #393939;
    letter-spacing: 2.2px;
    font-family: TNR, Arial, sans-serif;
    font-weight: 400;
  }

  .paragraph {
    width: 40%;
  }

  .hero-about {
    background-image: linear-gradient(90deg, #000, #fff0 44%), url('../images/DSC00162.png');
    height: 65vh;
  }

  .contentsub-hero {
    padding-top: 5rem;
  }

  .content-about1 {
    margin-left: auto;
    margin-right: auto;
  }

  .second-block {
    padding-left: 4rem;
  }

  .pic-about-home {
    background-image: url('../images/WhatsApp-Image-2021-09-06-at-11.46.50-AM-6-2.png');
  }

  .memberships-section {
    max-width: 75rem;
    margin-top: 8rem;
    padding-left: 0;
    padding-right: 0;
  }

  ._3-block-wrapper {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .img-div {
    width: 100%;
  }

  .heading-card {
    letter-spacing: 5px;
    margin-top: 2rem;
    font-size: 18px;
    line-height: 28px;
  }

  .paragraph-100 {
    color: #393939;
    font-weight: 500;
  }

  .lots-section {
    margin-top: 8rem;
  }

  .card-wrapper-copy {
    width: 100%;
  }

  .image-mp--1 {
    padding-top: 4rem;
  }

  .lots-section-2 {
    margin-top: 10.9375rem;
    padding-bottom: 0;
  }

  .content-left {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 75rem;
  }

  .concept-section {
    margin-top: 8rem;
    padding-bottom: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .second-block-copy {
    background-color: #f4f4f4;
    justify-content: space-between;
    align-items: center;
    padding-right: 3rem;
  }

  .content-wrapper {
    justify-content: flex-end;
    align-items: center;
  }

  .text-block2 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .pic-concept {
    background-image: url('../images/Concept-Olivos.png');
    width: 63.7%;
  }

  .text-block3 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    justify-content: center;
    align-items: center;
    width: 55%;
    height: 60vh;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
  }

  .second-block2 {
    height: 100%;
  }

  .second-block2-2 {
    border-top-style: none;
    border-bottom-style: none;
    height: 100%;
    margin-right: 0;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .content-wrapper-lines {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-end;
    align-items: flex-start;
    max-width: 75rem;
    position: relative;
  }

  .content-wrapper-lines-left {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 75rem;
    margin-top: 4rem;
    position: relative;
  }

  .second-block-right {
    border-top-style: none;
    border-bottom-style: none;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
    margin-right: 0;
    position: absolute;
    inset: 0% 0% auto auto;
  }

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

  .left-block {
    padding-left: 0;
    padding-right: 2rem;
  }

  .left-block1 {
    padding-left: 0;
    padding-right: 4rem;
  }

  .about-section-page {
    margin-top: 8rem;
    padding-bottom: 15rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .pic-mission {
    background-image: url('../images/Concept-Olivos.png');
    width: 63.7%;
  }

  .pic-vision {
    background-image: url('../images/Concept-Olivos-Neighborhood.png');
    width: 63.7%;
  }

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

  .image-8 {
    color: #f000;
  }

  .content-wrapper22 {
    justify-content: flex-end;
    align-items: center;
    display: none;
  }

  .second-block-copy-copy {
    z-index: -1;
    background-color: #f4f4f4;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 3rem;
    padding-right: 0;
    inset: -50px auto auto 0%;
  }

  .text-block2-right {
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 4rem;
    overflow: visible;
  }

  .title-block-right-gray {
    flex-flow: column;
    width: 12rem;
    min-width: auto;
    display: block;
  }

  .heading-boxx2 {
    text-align: left;
    flex: 0 auto;
    width: 20rem;
    margin-bottom: 1rem;
    font-size: 24px;
    display: block;
  }

  .message-button-body {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 1px solid #000;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    position: static;
    top: 27%;
  }

  .measuring-block {
    min-width: 35%;
    max-width: 75%;
  }

  .financing-section {
    background-image: linear-gradient(#000000bf, #000000bf), url('../images/DSC00167.png');
    background-position: 0 0, 0 0;
    background-size: auto, auto;
    width: 100%;
    height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .financing-info {
    height: auto;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .title-financing {
    margin-bottom: 2rem;
  }

  .paragraph-centered-white {
    width: 65%;
  }

  .heading-4 {
    margin-bottom: .5rem;
    font-size: 16px;
  }

  .div-finan1 {
    margin-top: 2rem;
  }

  .amenities-section {
    background-image: url('../images/DSC00162.png');
    background-position: 0 0;
    background-size: cover;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 8rem;
    display: flex;
  }

  .container-normal.other {
    max-width: 75rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .right-arrow-career {
    margin-top: 230px;
    margin-left: 0;
    inset: -30px 0% 0% 817px;
  }

  .right-arrow-career:hover {
    background-color: #fffc;
    margin-top: 230px;
    margin-bottom: 371.8px;
  }

  .slide-career-years {
    width: 20%;
  }

  .content-r {
    width: auto;
  }

  .career-img {
    border-radius: 0;
    width: 240px;
    height: 295px;
  }

  .arrow-div.rright {
    border-style: none;
  }

  .left-arrow-career {
    border-color: #000000a6;
    margin-top: 230px;
    top: -30px;
    left: 8%;
  }

  .content-career-container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    width: 100%;
    margin-top: 0;
  }

  .paragraph-18 {
    width: 100%;
    margin-top: 1rem;
  }

  .container-regular-4 {
    padding-left: 10rem;
  }

  .career-div-slide-year {
    width: 100%;
    padding: 0;
  }

  .content-l {
    width: 100%;
    padding-left: 1rem;
  }

  .heading-5 {
    color: #000;
    letter-spacing: 4px;
    text-transform: uppercase;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 0;
    font-family: TNR, Arial, sans-serif;
    font-weight: 400;
    line-height: 25px;
    display: flex;
  }

  .div-block-10 {
    background-color: #bebebe;
    width: 100%;
    height: 15rem;
  }

  .gray-slider-area {
    width: 100%;
  }

  .slide-4 {
    width: 20%;
    margin-left: 15rem;
  }

  .text-block-amenities {
    margin-top: 8rem;
  }

  .container-memberships {
    margin-left: auto;
    margin-right: auto;
  }

  .ol-1, .ol-2 {
    width: 25%;
  }

  .ol-3 {
    inset: -11% 0% auto 72px;
    transform: rotate(90deg);
  }

  .membership-card {
    width: 100%;
  }

  .img-div-2 {
    width: 100%;
    position: relative;
  }

  .text-block-2 {
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
    font-family: TNR, Arial, sans-serif;
    position: absolute;
    inset: auto 0% 0%;
  }

  .heading-card-copy {
    letter-spacing: 5px;
    letter-spacing: 5px;
    font-size: 18px;
  }

  .h-c {
    letter-spacing: 6px;
    font-size: 24px;
  }

  .membership-card-copy, .card-wrapper-copy-copy {
    width: 100%;
  }

  .tab-link-tab-1 {
    background-color: #3e303000;
    border: 1px solid #000;
  }

  .bold-text.cw2, .bold-text.cw-1, .bold-text.cw-1-copy, .bold-text.cw-1-copy2, .text-block-3 {
    color: #000;
  }

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

  .container-faq {
    margin-left: auto;
    margin-right: auto;
  }

  .text-size-medium {
    font-size: 16px;
  }

  .text-block-3-copy, .faq-1.cw2, .faq-1.cw-1, .faq-1.cw-1-copy, .faq-1.cw-1-copy2, .faq-3.cw2, .faq-3.cw-1, .faq-3.cw-1-copy, .faq-3.cw-1-copy2, .faq-4.cw2, .faq-4.cw-1, .faq-4.cw-1-copy, .faq-4.cw-1-copy2 {
    color: #000;
  }

  .message-white-border {
    background-color: #fff0;
    border-color: #fff;
  }

  .footer_wide_legal-wrapper {
    border-top: 1px solid #fff;
    margin-top: 2rem;
    padding-top: 1rem;
  }

  .padding-medium_large {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  .text-style-allcaps {
    letter-spacing: 2.5px;
    font-family: TNR, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
  }

  .footer-section {
    position: relative;
  }

  .link, .link-2 {
    color: #fff;
    font-family: Montserrat, sans-serif;
  }

  .image-14 {
    font-family: Montserrat, sans-serif;
    position: absolute;
    inset: 17% 0% auto auto;
  }

  .history-section {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .about-section {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container-nav {
    border-bottom: 2px solid #ccc;
  }

  .up-nav {
    border-bottom-style: none;
    justify-content: space-between;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .message-button {
    width: 14rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 20px;
    padding-right: 24px;
    display: flex;
    position: static;
  }

  .nav-menu-2 {
    background-color: #fff;
    border-bottom: 2px solid #ccc;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navlink {
    border-bottom: 1px solid #ccc;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .seperator {
    display: none;
  }

  .heading-hero {
    font-size: 7.2em;
    text-decoration: none;
  }

  .subheading-hero {
    font-size: 3.2em;
  }

  .div-block-3 {
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .paragraph, .subheading-text {
    text-align: center;
    width: 65%;
  }

  .contentsub-hero {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .content-about1 {
    flex-flow: row;
    max-width: none;
  }

  .text-block1 {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading.terrenos, .heading.terrenos-copy, .heading.terrenos-copy {
    text-align: center;
  }

  .second-block {
    flex-flow: column;
    width: 100%;
  }

  .paragraph-centered {
    width: 100%;
  }

  .pic-about-home {
    background-image: url('../images/WhatsApp-Image-2021-09-06-at-11.46.50-AM-5-1.jpg');
    width: 100%;
    height: 50vh;
  }

  .master-plan-section {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .paragraph-centered-small {
    width: 90%;
  }

  ._3-block-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .img-div {
    height: 25em;
  }

  .lots-section {
    margin-top: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .card-wrapper-copy {
    aspect-ratio: auto;
    height: auto;
    margin-bottom: 0;
  }

  .lots-section-2 {
    margin-top: 8.125rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .content-left {
    flex-flow: column;
    max-width: none;
  }

  .concept-section {
    margin-top: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .second-block-copy {
    justify-content: space-between;
    align-items: flex-start;
    width: 75%;
    padding-top: 2rem;
    padding-left: 0;
  }

  .content-wrapper {
    flex-flow: column;
    max-width: none;
  }

  .pic-lot {
    background-image: url('../images/WhatsApp-Image-2021-09-06-at-11.46.50-AM-5-1.jpg');
    background-position: 50% 0;
    width: 50%;
    height: 50vh;
  }

  .text-block2 {
    width: auto;
    margin-top: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-gray {
    width: 90%;
  }

  .pic-concept {
    background-image: url('../images/Gemini_Generated_Image_d0qjx9d0qjx9d0qj.png');
    width: 50%;
    height: 50vh;
  }

  .text-block3 {
    justify-content: center;
    align-items: center;
    width: 45%;
    height: auto;
    margin-top: 0;
    padding: 1rem 0;
  }

  .second-block2 {
    width: 100%;
  }

  .second-block2-2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: static;
  }

  .content-wrapper-lines {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    max-width: none;
  }

  .content-wrapper-lines-left {
    flex-flow: column;
    max-width: none;
  }

  .second-block-right {
    text-align: left;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    position: static;
  }

  .content-right {
    flex-flow: row;
    max-width: none;
  }

  .left-block, .left-block1 {
    width: 100%;
  }

  .about-section-page {
    margin-top: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .pic-mission {
    background-image: url('../images/Gemini_Generated_Image_d0qjx9d0qjx9d0qj.png');
    width: 100%;
    height: 50vh;
  }

  .pic-vision {
    background-image: url('../images/Concept-Olivos-Neighborhood.png');
    width: 100%;
    height: 50vh;
  }

  .content-wrapper-left {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    max-width: none;
  }

  .content-wrapper22 {
    flex-flow: row;
    max-width: none;
  }

  .second-block-copy-copy {
    flex-flow: row;
    width: 100%;
    padding-left: 1rem;
  }

  .text-block2-right {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .measuring-block {
    min-width: 39%;
  }

  .financing-section {
    margin-top: 5rem;
    padding-top: 2rem;
  }

  .title-financing {
    margin-top: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-centered-white, .paragraph-left {
    width: 90%;
  }

  .amenities-section {
    margin-top: 5rem;
    padding-top: 0;
    padding-left: 0;
  }

  .container-normal.other {
    margin-left: 0;
    padding-left: 2rem;
  }

  .right-arrow-career {
    top: 470px;
    left: 15%;
  }

  .gallery-slider-mask {
    width: 100%;
  }

  .gallery-slider {
    margin-top: 8rem;
  }

  .slide-career-years {
    width: 325px;
  }

  .left-arrow-career {
    margin-left: 35px;
    top: 470px;
  }

  .container-regular-4 {
    padding-bottom: 1.5rem;
  }

  .gray-slider-area {
    flex-flow: column;
    width: auto;
  }

  .text-block4 {
    margin-top: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-centered-amenities {
    width: 90%;
  }

  .slide-4 {
    width: 325px;
    margin-left: 0;
  }

  .text-block-amenities {
    margin-top: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-mem {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .membership-card {
    aspect-ratio: auto;
    height: auto;
    margin-bottom: 0;
  }

  .img-div-2 {
    height: 25em;
  }

  .membership-card-copy, .card-wrapper-copy-copy {
    aspect-ratio: auto;
    height: auto;
    margin-bottom: 0;
  }

  .text-size-medium {
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    width: 90%;
  }

  .tabs {
    width: 100%;
  }

  .div-block-12 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .ubicacion-section {
    margin-bottom: 8rem;
  }

  .map-embed {
    width: 80vw;
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-block-wtapas {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer_wide_legal-wrapper, .padding-medium_large {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer2_grid {
    grid-column-gap: 2rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .form_footer_input {
    grid-row-gap: .75rem;
    flex-direction: column;
  }

  .image-14 {
    bottom: 186px;
  }

  .menu-button {
    background-color: #fdfdfb;
  }

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

  .paragraph-centered-3 {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .heading-hero {
    font-size: 5em;
  }

  .subheading-hero {
    font-size: 2.2em;
  }

  .hero-about {
    background-image: linear-gradient(90deg, #000, #fff0 69%), url('../images/DSC00162.png');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
  }

  .contentsub-hero {
    margin-top: 1rem;
  }

  .content-about1 {
    flex-flow: column;
  }

  .text-block1 {
    width: 85%;
    margin-top: 2rem;
  }

  .heading.terrenos, .heading.blanco, .heading.terrenos-copy, .heading.terrenos-copy {
    text-align: center;
  }

  .second-block {
    padding-left: 0;
  }

  .paragraph-centered {
    width: 80%;
  }

  .master-plan-section {
    margin-top: 0;
  }

  .paragraph-centered-small {
    width: 80%;
  }

  .title-block-normal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .mp_wrapper {
    width: 100%;
  }

  .memberships-section {
    margin-top: 3rem;
  }

  ._3-block-wrapper {
    flex-flow: column;
  }

  .lots-section {
    margin-top: 6rem;
  }

  .card-wrapper-copy {
    aspect-ratio: auto;
    margin-top: 1.5rem;
  }

  .lots-section-2, .concept-section {
    margin-top: 6rem;
  }

  .second-block-copy {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    position: static;
  }

  .pic-lot {
    width: 100%;
  }

  .paragraph-gray {
    margin-top: .5rem;
  }

  .pic-concept {
    width: 100%;
  }

  .text-block3 {
    border-top-style: none;
    border-bottom-style: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 2rem;
  }

  .second-block2-2 {
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
    position: static;
  }

  .content-wrapper-lines {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .content-right {
    flex-flow: column;
  }

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

  .measuring-block {
    display: none;
  }

  .financing-section {
    margin-top: 6rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .financing-info {
    width: auto;
    padding: 1rem;
  }

  .title-financing {
    width: 65%;
  }

  .paragraph-centered-white {
    width: 100%;
  }

  .carousel04_meta {
    grid-column-gap: .5rem;
  }

  .carousel_navigation {
    margin-top: 3rem;
  }

  .carousel04_link {
    grid-row-gap: .5rem;
  }

  .carousel04_text {
    font-size: 1rem;
  }

  .carousel04_media {
    border-radius: .75rem;
  }

  .container-normal.other {
    padding-left: 2rem;
    position: static;
  }

  .right-arrow-career {
    display: block;
    top: 475px;
    left: 21%;
  }

  .gallery-slider-mask {
    width: 400px;
  }

  .gallery-slider {
    margin-top: 2rem;
  }

  .slide-career-years {
    width: 350px;
  }

  .left-arrow-career {
    display: block;
    position: absolute;
    inset: 475px auto auto -1px;
  }

  .container-regular-4 {
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }

  .paragraph-centered-amenities {
    width: 80%;
  }

  .slide-4 {
    width: 350px;
  }

  .text-block-amenities {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .memberships-seciton {
    margin-top: 6rem;
  }

  .text-block-mem {
    width: 80%;
  }

  .membership-card, .membership-card-copy, .card-wrapper-copy-copy {
    aspect-ratio: auto;
  }

  .faq-section {
    margin-top: 6rem;
  }

  .tabs-menu {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .container-faq {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .text-size-medium {
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
  }

  .tabs {
    width: 100%;
  }

  .div-block-12 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .ubicacion-section {
    margin-top: 6rem;
    padding-bottom: 1.5rem;
  }

  .map-embed {
    width: 90vw;
  }

  .pic-section {
    justify-content: center;
    align-items: center;
    padding-right: 2rem;
  }

  .title-block-cta {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .text-block-wtapas {
    width: 80%;
  }

  .footer_wide_legal-wrapper {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

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

  .footer_company-wrapper, .footer_links-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .padding-medium_large {
    padding-top: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer2_grid {
    grid-row-gap: 2rem;
    grid-template-rows: minmax(auto, auto) minmax(auto, auto) minmax(auto, auto) minmax(auto, auto) minmax(auto, auto);
    grid-template-columns: minmax(auto, auto);
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-style-allcaps {
    font-size: 20px;
  }

  .footer_link {
    margin-bottom: 1.5rem;
  }

  .footer_legal_link-wrapper {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-101 {
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-12 {
    width: 50%;
  }

  .paragraph-centered-3 {
    width: 80%;
  }

  .pic-section-2 {
    justify-content: center;
    align-items: center;
    padding-right: 2rem;
  }
}

@media screen and (max-width: 479px) {
  .content, .about-section {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .up-nav {
    border-bottom-style: none;
    justify-content: space-between;
    align-items: center;
  }

  .message-button {
    width: auto;
    padding-right: 20px;
    display: flex;
  }

  .nav-menu-2 {
    max-width: none;
  }

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

  .heading-hero {
    font-size: 3.2em;
  }

  .subheading-hero {
    font-size: 1.3em;
  }

  .paragraph {
    text-align: center;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
  }

  .subheading-text {
    text-align: left;
    width: 70%;
  }

  .hero-about {
    background-image: linear-gradient(90deg, #000, #fff0), url('../images/DSC00162.png');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
  }

  .contentsub-hero {
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .heading, .heading.qs-copy {
    text-align: center;
  }

  .paragraph-centered {
    width: 100%;
  }

  .master-plan-section {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .mp_wrapper {
    height: 100%;
  }

  .memberships-section {
    margin-top: 6rem;
    padding-left: 0;
    padding-right: 0;
  }

  .lots-section, .lots-section-2, .concept-section, .second-block-copy {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-block3 {
    padding-bottom: 0;
  }

  .content-wrapper-lines {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    display: flex;
  }

  .second-block-right {
    margin-right: 0;
    position: static;
  }

  .about-section-page {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .content-wrapper-left {
    margin-top: 6rem;
  }

  .financing-section {
    padding: 2rem 1rem;
  }

  .title-financing {
    margin-top: 0;
  }

  .amenities-section {
    margin-top: 6rem;
  }

  .container-normal {
    width: 100%;
  }

  .container-normal.other {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .right-arrow-career {
    left: 26%;
  }

  .gallery-slider-mask {
    width: 100%;
  }

  .slide-career-years {
    width: 100%;
    margin-right: 1rem;
  }

  .left-arrow-career {
    left: -19px;
  }

  .slide-4 {
    width: 100%;
    margin-right: 1rem;
  }

  .memberships-seciton {
    padding-left: 0;
    padding-right: 0;
  }

  .ol-1 {
    width: 70%;
  }

  .ol-2 {
    width: 65%;
  }

  .faq-section {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-size-medium {
    overflow-wrap: normal;
    width: 90%;
  }

  .faq-body-cont {
    padding-top: 1.5rem;
  }

  .accordion_wrapper {
    width: auto;
  }

  .ubicacion-section {
    margin-bottom: 0;
    padding-bottom: 6rem;
  }

  .map-embed {
    width: 100vw;
  }

  .pic-section {
    padding-left: 0;
    padding-right: 0;
  }

  .footer_wide_legal-wrapper {
    padding-left: 0;
  }

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

  .text-style-allcaps {
    margin-bottom: 1.5rem;
  }

  .button {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer2_form_content {
    flex-direction: column;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-101 {
    width: 100%;
  }

  .image-12 {
    width: 675%;
  }

  .image-14 {
    top: 44%;
  }

  .history-section {
    margin-top: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .paragraph-centered-3 {
    width: 100%;
  }
}

#w-node-_6b16bf49-4556-02c3-7c75-cdf7823dbc05-2c85d262, #w-node-_6b16bf49-4556-02c3-7c75-cdf7823dbc0a-2c85d262, #w-node-_6b16bf49-4556-02c3-7c75-cdf7823dbc16-2c85d262, #w-node-_03396ae0-a66b-ec8f-a73e-060bcc9678fa-0b6229bb, #w-node-_03396ae0-a66b-ec8f-a73e-060bcc9678ff-0b6229bb, #w-node-_03396ae0-a66b-ec8f-a73e-060bcc967913-0b6229bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Apple Chancery';
  src: url('../fonts/Apple-Chancery.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sinhala Mn';
  src: url('../fonts/sinhala-mn-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Testfoundersgroteskcondensed';
  src: url('../fonts/TestFoundersGroteskCondensed-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Testfoundersgroteskcondensed';
  src: url('../fonts/TestFoundersGroteskCondensed-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Testfoundersgroteskcondensed';
  src: url('../fonts/TestFoundersGroteskCondensed-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Testfoundersgroteskcondensed';
  src: url('../fonts/TestFoundersGroteskCondensed-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TNR BI';
  src: url('../fonts/TimesNewerRoman-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'TNR I';
  src: url('../fonts/TimesNewerRoman-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'TNR B';
  src: url('../fonts/TimesNewerRoman-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TNR';
  src: url('../fonts/TimesNewerRoman-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}