:root {
  --dark-slate-grey: #282e38;
  --tomato: #fb6749;
  --ghost-white: #f3f3f3;
  --muted-text: #8f98a5;
  --white: white;
}

body {
  color: var(--dark-slate-grey);
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

h1 {
  color: var(--dark-slate-grey);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
}

h2 {
  color: var(--dark-slate-grey);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
}

h3 {
  color: var(--dark-slate-grey);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
}

h4 {
  color: var(--dark-slate-grey);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
}

h5 {
  color: var(--dark-slate-grey);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h6 {
  color: var(--dark-slate-grey);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

p {
  color: var(--dark-slate-grey);
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-weight: 500;
}

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

li {
  color: var(--dark-slate-grey);
}

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

label {
  margin-bottom: 10px;
  font-weight: 700;
  display: block;
}

blockquote {
  border-left: 4px solid var(--tomato);
  color: var(--dark-slate-grey);
  background-color: #fb67491a;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 24px 16px;
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
  line-height: 22px;
}

figcaption {
  color: #77869e;
  text-align: center;
  margin-top: 5px;
}

.logo-wrapper {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
}

.underlined-btn {
  color: var(--dark-slate-grey);
  letter-spacing: .6px;
  text-transform: capitalize;
  cursor: pointer;
  background-color: #0000;
  margin-top: 16px;
  margin-right: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  transition: background-color .2s;
}

.menu-button {
  width: 32px;
  padding: 10px 0;
}

.menu-button.w--open {
  z-index: 5;
  background-color: #0000;
}

.nav-bar {
  z-index: 998;
  background-color: #00000040;
  border-bottom: 1px solid #ffffff1a;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.nav-menu {
  z-index: 1;
  flex-direction: row;
  flex: 0 auto;
  align-items: center;
  display: block;
}

.brand {
  flex: 1;
  padding-left: 0;
}

.brand.footer-logo {
  flex: 0 auto;
  padding: 4px 10px 4px 0;
}

.logo {
  height: 40px;
}

.hero-section {
  letter-spacing: .5px;
  background-image: linear-gradient(45deg, #282e38b3, #595c66b3);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.style-guide-block {
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 104px;
  display: flex;
}

.style-guide-block.block {
  display: block;
}

.color-block {
  border: 1px solid #0000;
  border-radius: 4px;
  height: 88px;
}

.color-block.white {
  background-color: #fff;
  border: 1px solid #e8e9e9;
}

.color-block.dark-slate-grey {
  background-color: var(--dark-slate-grey);
}

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

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

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

.button-block-wrapper {
  border-radius: 4px;
  width: 33.334%;
  margin-left: 28px;
  margin-right: 28px;
}

.heading-block {
  flex: 1;
  margin-bottom: 24px;
}

.colors-wrapper {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  display: flex;
}

.greyscales-wrapper {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-top: 56px;
  display: flex;
}

.heading-subtitle {
  color: #8f9193;
  padding-left: 4px;
}

.greyscale-title {
  color: #23272a;
  text-align: left;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 400;
}

.style-guide-block-title {
  background-color: #0047cc03;
  border-bottom: 1px solid #d9dfe6;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 32px 104px;
}

.style-guide-block-wrapper {
  border: 1px solid #d9dfe6;
  margin-bottom: 80px;
}

.style-guide-block-wrapper.last {
  margin-bottom: 0;
}

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

.section.utility {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.utility._404 {
  background-color: var(--tomato);
}

.section.medium {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.medium.regular-padding-bottom {
  padding-bottom: 120px;
}

.section.with-title {
  padding-top: 104px;
}

.section.with-title.ghost-white {
  background-color: var(--ghost-white);
}

.section.with-title.list {
  display: none;
}

.section.about-section {
  padding-bottom: 240px;
  position: relative;
}

.section.dark {
  background-color: var(--dark-slate-grey);
}

.section.dark.team {
  display: none;
}

.section.clear-navbar {
  margin-top: 80px;
}

.section.category {
  display: none;
}

.style-guide-title {
  color: var(--dark-slate-grey);
  text-align: center;
  font-size: 24px;
  line-height: 32px;
}

.container {
  flex: 0 1280px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.container.footer-bottom-flex {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container.footer-block {
  padding-left: 0;
  padding-right: 0;
}

.container.in-page-header {
  height: 100%;
  position: relative;
}

.buttons-wrapper {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-top: 28px;
  margin-bottom: 28px;
  display: flex;
}

.color-block-wrapper {
  border-radius: 4px;
  width: 20%;
  margin-left: 28px;
  margin-right: 28px;
}

.button-subtitle {
  color: #8f9193;
  text-align: center;
  margin-top: 10px;
}

.color-title {
  color: #23272a;
  text-align: center;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 10px;
  font-weight: 400;
}

.color-title.margin-bottom {
  margin-bottom: 10px;
}

.grayscale-block {
  background-color: var(--dark-slate-grey);
  flex: 1;
  height: 88px;
}

.grayscale-block._20 {
  opacity: .2;
}

.grayscale-block._30 {
  opacity: .3;
}

.grayscale-block._10 {
  opacity: .1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.grayscale-block._80 {
  opacity: .8;
}

.grayscale-block._70 {
  opacity: .7;
}

.grayscale-block._60 {
  opacity: .6;
}

.grayscale-block._100 {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.grayscale-block._50 {
  opacity: .5;
}

.grayscale-block._40 {
  opacity: .4;
}

.grayscale-block._90 {
  opacity: .9;
}

.button-block {
  border: 1px solid #e7e8e8;
  justify-content: center;
  align-items: center;
  height: 176px;
  display: flex;
}

.headings-wrapper {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  display: flex;
}

.greyscale-block-wrapper {
  border-radius: 4px;
  width: 100%;
  display: flex;
}

.feature-wrapper {
  padding-left: 24px;
  padding-right: 24px;
}

.feature-img-wrapper {
  transform: ;
  position: relative;
}

.page-header {
  border-bottom: 4px solid var(--tomato);
  background-image: url('../images/rodion-kutsaev-410221.jpg');
  background-position: 50%;
  background-size: cover;
  height: 30vh;
  padding-top: 80px;
  position: relative;
  overflow: hidden;
}

.page-header.cms {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), linear-gradient(#282e3880, #282e3880);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.page-header-title {
  z-index: 1;
  color: var(--white);
  margin-bottom: 0;
  position: absolute;
  bottom: 32px;
  left: 32px;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 33.334%;
  display: block;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility-title {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-top: 32px;
  margin-bottom: 10px;
}

.utility-title.extra-margin {
  margin-bottom: 32px;
}

.text-field {
  background-color: var(--ghost-white);
  border: 2px solid #0000;
  border-radius: 4px;
  height: 48px;
  margin-bottom: 24px;
  transition: border-color .2s;
}

.text-field:hover {
  border-color: var(--tomato);
}

.text-field:active {
  border-style: solid;
}

.text-field:focus {
  border-color: var(--tomato);
}

.text-field::placeholder {
  color: var(--muted-text);
}

.text-field.min-height {
  height: auto;
  min-height: 120px;
}

.text-field.v2 {
  background-color: var(--white);
  border-color: #282e381a;
}

.error-message {
  color: var(--white);
  letter-spacing: .2px;
  background-color: #e53b47;
  border-radius: 4px;
  padding: 12px 16px;
  font-weight: 700;
}

.utility-subtitle {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-bottom: 32px;
}

.changelog-text {
  color: var(--dark-slate-grey);
  margin-bottom: 10px;
  font-size: 16px;
}

.nav-link-wrap {
  color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 8px;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .2s;
  display: inline-block;
}

.nav-link-wrap:hover {
  background-color: #ffffff1a;
}

.slide-tab {
  background-color: #0000;
  align-self: flex-end;
  width: 100%;
  padding: 24px 32px;
}

.slide-tab.w--current {
  background-color: #0000;
}

.menu-line {
  background-color: var(--white);
  transform-origin: 0%;
  width: 100%;
  height: 2px;
}

.menu-line.top {
  transform-origin: 0%;
  margin-bottom: 8px;
}

.nav-link-inline {
  display: inline-block;
  position: relative;
}

.section-title {
  z-index: 1;
  margin-top: 0;
  margin-bottom: 32px;
  font-weight: 800;
}

.section-title.narrow, .section-title.in-heading {
  margin-bottom: 10px;
}

.section-title.in-heading.white {
  color: var(--white);
}

.section-title.in-heading.white.center, .section-title.in-heading.center {
  text-align: center;
}

.project-thumbnail-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.outlined-btn {
  border: 2px solid var(--tomato);
  color: var(--tomato);
  letter-spacing: .6px;
  text-transform: capitalize;
  cursor: pointer;
  background-color: #0000;
  border-radius: 4px;
  margin-top: 16px;
  margin-right: 16px;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

.outlined-btn:hover {
  background-color: var(--tomato);
  color: var(--white);
}

.outlined-btn.no-margin-right {
  margin-right: 0;
}

.outlined-btn.no-margin-top {
  margin-top: 0;
}

.instagram-image-wrapper {
  width: 16.667%;
  padding: 16px;
  position: relative;
}

.instagram-overlay {
  z-index: 5;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0;
}

.instagram-icon {
  width: 24px;
}

.instagram-section-wrapper {
  align-items: center;
  margin-top: 56px;
  padding: 16px;
  display: flex;
}

.section-title-block {
  display: flex;
}

.section-title-block.center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.subtitle {
  color: var(--muted-text);
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 800;
}

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

.instagram-image-block {
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}

.instagram-image-block.block-1 {
  background-image: url('../images/steve-driscoll-VsBl5PwVZpY-unsplash1.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.instagram-image-block.block-2 {
  background-image: url('../images/alexander-pemberton-95212-unsplash1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.instagram-image-block.block-4 {
  background-image: url('../images/denys-nevozhai-373591-unsplash1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.instagram-image-block.block-3 {
  background-image: url('../images/kaylee-garrett-GDh2CXyQjmM-unsplash-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.instagram-image-block.block-5 {
  background-image: url('../images/francesca-tosolini-j-FOWzCS2ys-unsplash1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.instagram-image-block.block-6 {
  background-image: url('../images/jean-philippe-delberghe-1121423-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer {
  background-color: var(--dark-slate-grey);
  flex-direction: column;
  padding-left: 2%;
  padding-right: 2%;
  position: relative;
}

.copyright-block {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
  position: relative;
}

.copyright-block.right {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.copyright-text {
  color: var(--muted-text);
  letter-spacing: .4px;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
}

.copyright-text.right {
  margin-right: 10px;
  transition: color .2s;
}

.copyright-text.right:hover {
  color: var(--white);
}

.copyright-text.bigger {
  font-size: 14px;
  line-height: 20px;
}

.copyright-link {
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
}

.copyright-link.muted {
  color: var(--muted-text);
  transition: color .2s;
}

.copyright-link.muted:hover {
  color: var(--white);
}

.copyright-link.muted.margin-bottom {
  margin-bottom: 4px;
}

.brand-block-footer {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.project-rich-text img {
  margin-top: 10px;
  margin-bottom: 10px;
}

.project-rich-text figcaption {
  color: var(--muted-text);
  margin-bottom: 10px;
}

.footer-bg {
  z-index: 0;
  background-color: var(--dark-slate-grey);
  opacity: .3;
  position: absolute;
  inset: 0;
}

.footer-bottom {
  z-index: 1;
  background-color: var(--dark-slate-grey);
  border-top: 1px solid #ffffff1a;
  flex: 1;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.footer-section {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
  position: relative;
}

.footer-text {
  color: var(--muted-text);
  font-size: 14px;
  line-height: 20px;
}

.footer-col {
  font-style: normal;
}

.footer-col.flex-vertical {
  flex-direction: column;
  display: flex;
}

.footer-col.first {
  padding-right: 48px;
}

.footer-title {
  color: var(--white);
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.filled-btn {
  border: 2px solid var(--tomato);
  background-color: var(--tomato);
  color: var(--white);
  letter-spacing: .6px;
  text-transform: capitalize;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 16px;
  margin-right: 16px;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
  transition: border-color .2s, color .2s, background-color .2s;
}

.filled-btn:hover {
  border-color: var(--dark-slate-grey);
  background-color: var(--dark-slate-grey);
}

.filled-btn.no-margin-right {
  margin-right: 0;
}

.filled-btn.no-margin-top {
  margin-top: 0;
}

.filled-btn.no-margin-top.no-margin-right {
  margin-right: 0;
}

.hero-heading {
  color: var(--white);
  max-width: 66.6667%;
  margin-top: 0;
  font-size: 72px;
  line-height: 78px;
}

.hero-paragraph {
  color: #ffffffbf;
  max-width: 50%;
}

.scroll-down-arrow {
  background-image: url('../images/arrow-down.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  border-radius: 4px;
  width: 56px;
  height: 56px;
  padding: 0;
  transition: background-color .2s;
  position: absolute;
  bottom: 32px;
}

.scroll-down-arrow:hover {
  background-image: linear-gradient(#ffffff1a, #ffffff1a), url('../images/arrow-down.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 40px;
}

.section-heading-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 48px;
  display: grid;
}

.section-heading-grid.center {
  grid-template-columns: 1fr;
  justify-items: center;
}

.heading-section-paragraph {
  color: #282e38bf;
}

.listing-tabs-wrapper {
  margin-top: 48px;
}

.tab-link {
  background-color: var(--white);
  border-bottom: 2px solid #0000;
  margin-right: 10px;
  padding: 8px;
}

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

.tab-pane {
  margin-top: 16px;
}

.property-listing-wrap {
  flex-wrap: wrap;
  align-items: center;
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.property-listing-card {
  width: 33.3334%;
  padding-left: 8px;
  padding-right: 8px;
}

.property-listing-img {
  border-radius: 8px;
}

.property-listing-bottom-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 8px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 16px;
  margin-right: 16px;
  padding: 24px;
  display: grid;
  position: relative;
  top: -32px;
  box-shadow: 0 5px 20px #282e381a;
}

.badge {
  background-color: var(--tomato);
  color: var(--white);
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: inline-block;
}

.property-price {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 30px;
  font-weight: 800;
  line-height: 36px;
}

.property-price-wrap {
  align-items: center;
  display: flex;
}

.per-month-text {
  color: var(--muted-text);
  margin-left: 4px;
  font-size: 18px;
}

.property-features-card {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border: 2px solid #282e381a;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 16px;
  display: grid;
}

.property-feature-icon {
  width: 24px;
  margin-right: 8px;
  display: inline-block;
}

.property-feature-value {
  align-self: center;
  font-weight: 800;
  display: inline-block;
}

.property-feature {
  justify-content: center;
  align-items: center;
  display: flex;
}

.property-feature-seperator {
  color: #282e3833;
}

.property-street {
  font-weight: 700;
}

.property-card-link {
  color: var(--dark-slate-grey);
  text-decoration: none;
}

.tabs-content {
  overflow: visible;
}

.about-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 41.667% 8.334% 50%;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-grid.on-about-page.grid-2 {
  grid-column-gap: 0px;
  grid-template-columns: 50% 8.334% 41.667%;
  margin-top: 80px;
}

.about-img {
  width: 100%;
  min-height: auto;
  max-height: 720px;
  padding-top: 16px;
  padding-left: 16px;
  display: block;
}

.about-img.v2 {
  min-height: auto;
  max-height: 720px;
  padding: 0 16px 16px 0;
  display: block;
}

.about-img-wrap {
  flex-direction: row;
  align-items: stretch;
  height: 100%;
  max-height: 720px;
  position: relative;
}

.about-right {
  margin-top: 50%;
  padding-right: 8.334%;
}

.about-right.on-about-page {
  margin-top: 0%;
}

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

.about-paragraph {
  color: #282e38bf;
  margin-bottom: 32px;
}

.about-bg-shape {
  z-index: -1;
  background-color: var(--ghost-white);
  width: 75vw;
  position: absolute;
  top: 25%;
  bottom: 120px;
  right: 0%;
}

.about-img-shape {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}

.about-img-shape.v2 {
  inset: auto 0 0 auto;
  transform: rotate(90deg);
}

.about-pattern-shape {
  position: absolute;
  top: 10%;
  right: 5%;
}

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

.category-card {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 400px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 20px #282e381a;
}

.category-img {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.category-title-block {
  padding-left: 24px;
  padding-right: 24px;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
}

.category-title {
  z-index: 1;
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 30px;
  position: relative;
}

.category-img-overlay {
  z-index: 1;
  background-image: linear-gradient(#282e3800, #282e38bf 76%);
  position: absolute;
  inset: 0%;
}

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

.team-card {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 400px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 20px #282e381a;
}

.team-img-overlay {
  z-index: 1;
  background-image: linear-gradient(#282e3800, #282e3800 51%, #282e38bf 72%);
  position: absolute;
  inset: 0%;
}

.team-title-block {
  padding-left: 24px;
  padding-right: 24px;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
}

.team-title {
  z-index: 1;
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 30px;
  position: relative;
}

.team-img {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.team-job-title {
  z-index: 1;
  color: var(--muted-text);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
  position: relative;
}

.choose-us-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 50% 8.334% 41.667%;
  grid-auto-columns: 1fr;
  display: grid;
}

.choose-us-left {
  margin-top: 50%;
  padding-left: 8.334%;
}

.choose-us-img-wrap {
  border-radius: 8px;
  height: 100%;
  max-height: 720px;
  position: relative;
}

.choose-us-img {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 720px;
  padding-top: 16px;
  padding-right: 16px;
  display: block;
}

.choose-us-img-shape {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
}

.choose-us-bg-shape {
  z-index: -1;
  background-color: var(--ghost-white);
  width: 75vw;
  position: absolute;
  top: 25%;
  bottom: 120px;
  left: 0;
}

.testimonial-left {
  position: relative;
}

.slide-nav {
  display: none;
}

.testimonial-slider {
  background-color: #0000;
  position: static;
}

.testimonial-quote-text {
  background-color: #0000;
  border-left-style: none;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.testimonial-left-arrow {
  background-color: var(--ghost-white);
  background-image: url('../images/arrow-left.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  margin-left: 0;
  margin-right: auto;
  position: absolute;
  top: 96px;
  left: 0;
}

.testimonial-left-arrow:hover {
  background-color: var(--tomato);
  background-image: url('../images/arrow-left-1.svg');
}

.testimonial-right-arrow {
  background-color: var(--ghost-white);
  background-image: url('../images/arrow-right.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  margin-left: 64px;
  margin-right: auto;
  top: 96px;
  left: 0;
}

.testimonial-right-arrow:hover {
  background-color: var(--tomato);
  background-image: url('../images/arrow-right-1.svg');
}

.testimonial-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 41.667% 8.334% 41.667%;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.testimonial-author-block {
  border-top: 4px solid var(--ghost-white);
  align-items: center;
  padding-top: 16px;
  display: flex;
  position: relative;
}

.testimonial-author-avatar {
  border-radius: 50%;
  width: 56px;
  height: 56px;
  margin-right: 10px;
}

.testimonial-author {
  font-weight: 800;
}

.testimonial-author-role {
  color: var(--muted-text);
  font-weight: 600;
}

.testimonial-author-accent {
  background-color: var(--tomato);
  width: 33.3334%;
  height: 4px;
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
}

.quote-shape {
  width: 80px;
  height: 80px;
  margin-left: auto;
  display: block;
}

.cta-section {
  background-color: var(--ghost-white);
  padding-top: 80px;
  padding-bottom: 80px;
}

.cta-wrap {
  flex-direction: column;
  align-items: center;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cta-title {
  text-align: center;
  margin-top: 0;
}

.cta-paragraph {
  color: var(--muted-text);
  text-align: center;
  margin-bottom: 32px;
}

.hero-section-img {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.about-left {
  margin-top: 50%;
  padding-right: 8.334%;
}

.about-left.on-about-page {
  margin-top: 0%;
}

.empty-state {
  background-color: var(--dark-slate-grey);
  color: var(--white);
  padding: 10px 20px;
}

.listings-tab-menu {
  margin-bottom: 24px;
}

.listing-dropdown-toggle {
  padding: 16px 48px 16px 24px;
  display: block;
}

.dropdown {
  border: 2px solid #282e381a;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 10px;
}

.dropdown.listing-filter {
  margin-bottom: 48px;
}

.dropdown-list {
  background-color: var(--ghost-white);
}

.dropdown-list.w--open {
  border-radius: 0 0 4px 4px;
  box-shadow: 0 20px 20px -10px #282e384d;
}

.dropdown-link {
  border-radius: 4px;
  padding: 12px 24px;
  transition: background-color .2s, color .2s;
}

.dropdown-link:hover {
  background-color: var(--tomato);
  color: var(--ghost-white);
}

.dropdown-link.w--current {
  color: var(--tomato);
}

.dropdown-link.w--current:hover {
  color: var(--white);
}

.heading-overlay {
  z-index: 0;
  background-color: #282e3880;
  position: absolute;
  inset: 0%;
}

.dark-nav {
  background-color: var(--dark-slate-grey);
}

.listing-page-title {
  margin-top: 0;
  font-size: 42px;
  line-height: 48px;
}

.listing-page-subtitle {
  font-size: 18px;
  line-height: 24px;
}

.listing-page-slider {
  background-color: #0000;
  max-width: 90%;
  height: 100%;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.listing-page-slider-mask {
  overflow: visible;
}

.listing-page-slider-img {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  display: block;
}

.listing-page-slide {
  width: 100%;
  height: 640px;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

.listing-page-slider-wrap {
  position: relative;
}

.listing-page-slider-features-wrap {
  z-index: 2;
  background-image: linear-gradient(#0000, #1e232a80 75%, #282e38);
  border-radius: 16px;
  position: absolute;
  inset: 0 24px;
}

.listing-page-slider-features {
  width: 66.667%;
  display: flex;
  position: absolute;
  bottom: 24px;
  left: 24px;
}

.listing-feature-block {
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}

.listing-feature-img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.listing-feature-number {
  color: var(--white);
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
}

.listing-feature-number.dark {
  color: var(--dark-slate-grey);
}

.listing-feature-block-flex {
  border-right: 2px solid #ffffff4d;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.listing-feature-block-flex.last {
  border-right-style: none;
}

.listing-feature-title {
  color: #ffffffbf;
  margin-bottom: 4px;
}

.listing-feature-title.dark {
  color: var(--muted-text);
}

.listing-page-slider-lightbox-link {
  z-index: 3;
  background-color: var(--dark-slate-grey);
  border-radius: 4px;
  width: 48px;
  height: 48px;
  padding: 12px;
  display: block;
  position: absolute;
  top: 24px;
  left: 48px;
}

.maximize-img-icon {
  width: 24px;
  display: block;
}

.listing-price-card {
  z-index: 2;
  border: 4px solid var(--tomato);
  background-color: var(--white);
  border-radius: 4px;
  width: 25%;
  padding: 24px;
  position: absolute;
  top: -40px;
  right: 10%;
}

.listing-compare-to-price {
  color: var(--muted-text);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: line-through;
}

.listing-price-card-block {
  border-bottom: 1px solid #282e381a;
  padding-top: 16px;
  padding-bottom: 16px;
}

.listing-price-card-block.last {
  border-bottom-style: none;
  padding-bottom: 0;
}

.listing-price-card-block.badge-block {
  border-bottom-style: none;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.listing-price-card-block.first {
  padding-top: 4px;
}

.listing-price-card-muted-text {
  color: var(--muted-text);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.listing-price-card-text {
  font-weight: 800;
}

.listing-slider-arrow-left {
  background-color: var(--tomato);
  background-image: url('../images/arrow-left-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  top: 33.3334%;
  box-shadow: 0 5px 30px #fb67494d;
}

.listing-slider-arrow-right {
  background-color: var(--tomato);
  background-image: url('../images/arrow-right-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  top: 33.3334%;
  box-shadow: 0 5px 30px #fb67494d;
}

.about-listing-grid {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.additional-features-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--dark-slate-grey);
  border-radius: 8px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 24px 32px 32px;
  display: grid;
  box-shadow: 0 10px 20px #282e381a;
}

.additional-features-title {
  color: var(--white);
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
}

.additional-feature-block {
  background-color: var(--white);
  border-radius: 4px;
  padding: 16px 24px 24px;
}

.additional-feature-icon {
  background-color: #fb67491a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.additional-feature-icon.contact-page {
  margin-right: 10px;
}

.additional-feature-mute-text {
  color: var(--muted-text);
  margin-right: 8px;
  font-weight: 600;
}

.additional-feature-title-block {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.additional-feature-icon-img {
  width: 20px;
  height: 20px;
}

.additional-feature-value {
  font-weight: 800;
  display: inline-block;
}

.listing-page-mobile-features-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

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

.img-gallery-lightbox-overlay {
  z-index: 5;
  background-color: #282e384d;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.img-gallery-lightbox {
  position: relative;
  overflow: hidden;
}

.lightbox-expand-btn {
  background-color: var(--dark-slate-grey);
  background-image: url('../images/expand-arrows-alt.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 4px;
  width: 48px;
  height: 48px;
}

.page-wrapper {
  overflow: hidden;
}

.listing-contact-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 25% 8.334% 66.667%;
  grid-auto-columns: 1fr;
  display: grid;
}

.success-message {
  background-color: var(--tomato);
  color: var(--white);
  border-radius: 8px;
  font-weight: 700;
}

.form-title-text {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

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

.contact-block {
  align-items: flex-start;
  margin-bottom: 24px;
  display: flex;
}

.contact-block.center {
  align-items: center;
}

.contact-block.center.extra-margin-bottom {
  margin-bottom: 48px;
}

.contact-info-text {
  color: var(--dark-slate-grey);
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
}

.contact-info-text:hover {
  color: var(--tomato);
}

.contact-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 800;
  line-height: 42px;
}

.contact-title.margin-bottom, .contact-paragraph {
  margin-bottom: 24px;
}

.license-wrap {
  align-items: flex-start;
  margin-bottom: 80px;
  display: flex;
}

.license-left-block {
  flex-direction: column;
  width: 50%;
  display: flex;
  position: sticky;
  top: 104px;
}

.license-title {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.license-link {
  color: var(--dark-slate-grey);
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 700;
}

.license-right-block {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.license-img-block {
  max-width: 25%;
  padding-top: 16px;
  padding-right: 16px;
}

.license-img-block.full {
  max-width: 100%;
  padding-top: 0;
  padding-right: 0;
}

.listing-code-block {
  margin-bottom: 24px;
  display: flex;
}

.listing-code {
  margin-left: 4px;
  font-weight: 800;
}

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

.powered-by-ai {
  z-index: 100;
  white-space: normal;
  background-image: linear-gradient(to right, #282e38, #505d71 50%, #282e38);
  margin-bottom: 0;
  position: fixed;
  inset: auto auto 5% 0%;
}

.body {
  background-color: #fff;
}

@media screen and (min-width: 1440px) {
  .link, .link-2, .link-3 {
    color: #fff;
  }
}

@media screen and (min-width: 1920px) {
  .about-bg-shape, .choose-us-bg-shape {
    width: 60vw;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 46px;
    line-height: 52px;
  }

  h2 {
    font-size: 40px;
    line-height: 46px;
  }

  h3 {
    font-size: 34px;
    line-height: 40px;
  }

  h4 {
    font-size: 28px;
    line-height: 34px;
  }

  h5 {
    font-size: 22px;
    line-height: 28px;
  }

  h6 {
    font-size: 16px;
    line-height: 24px;
  }

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

  .nav-menu {
    background-color: var(--dark-slate-grey);
    flex-direction: column;
    width: 50vw;
    padding-top: 80px;
    display: flex;
  }

  .style-guide-block {
    padding: 24px 40px;
  }

  .button-block-wrapper {
    margin-left: 8px;
    margin-right: 8px;
  }

  .heading-block {
    margin-bottom: 16px;
  }

  .colors-wrapper {
    align-items: flex-end;
  }

  .style-guide-block-title {
    padding-left: 88px;
    padding-right: 88px;
  }

  .style-guide-block-wrapper {
    margin-bottom: 64px;
  }

  .section {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .section.medium {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.medium.regular-padding-bottom {
    padding-bottom: 104px;
  }

  .section.with-title {
    padding-top: 88px;
  }

  .section.about-section {
    padding-bottom: 104px;
  }

  .style-guide-title {
    font-size: 22px;
    line-height: 30px;
  }

  .color-block-wrapper {
    width: 25%;
    margin-left: 20px;
    margin-right: 20px;
  }

  .color-title {
    font-size: 12px;
  }

  .utility-page-content {
    width: 50%;
  }

  .nav-link-wrap {
    padding-top: 16px;
    padding-bottom: 16px;
    display: block;
  }

  .project-thumbnail-wrapper {
    align-items: center;
  }

  .instagram-image-wrapper {
    width: 33.3334%;
  }

  .instagram-section-wrapper {
    flex-wrap: wrap;
  }

  .subtitle {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-bottom {
    padding-left: 2%;
    padding-right: 2%;
  }

  .footer-section {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }

  .hero-heading {
    max-width: 75%;
    font-size: 66px;
    line-height: 72px;
  }

  .property-listing-wrap {
    flex-wrap: wrap;
  }

  .property-listing-card {
    width: 50%;
  }

  .about-img-wrap {
    max-height: 432px;
  }

  .about-bg-shape {
    top: 20%;
  }

  .about-pattern-shape {
    width: 160px;
    height: 160px;
    top: 10%;
  }

  .categories-grid, .team-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .team-card {
    height: 400px;
  }

  .choose-us-img-wrap {
    max-height: 520px;
  }

  .choose-us-bg-shape {
    top: 20%;
  }

  .testimonials-wrap {
    max-height: 520px;
  }

  .testimonial-quote-text {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .cta-wrap {
    max-width: 75%;
  }

  .listing-page-slide {
    height: 520px;
  }

  .listing-price-card {
    width: 33.3334%;
  }

  .about-listing-grid {
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .listing-contact-grid {
    grid-column-gap: 48px;
    grid-template-columns: .75fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 44px;
    line-height: 50px;
  }

  h2 {
    font-size: 38px;
    line-height: 44px;
  }

  h3 {
    font-size: 32px;
    line-height: 38px;
  }

  h4 {
    font-size: 26px;
    line-height: 32px;
  }

  h5 {
    font-size: 20px;
    line-height: 26px;
  }

  h6 {
    font-size: 14px;
    line-height: 22px;
  }

  .brand.footer-logo {
    padding-right: 0;
  }

  .style-guide-block {
    padding: 48px 72px;
  }

  .button-block-wrapper {
    width: 100%;
    margin-bottom: 32px;
  }

  .colors-wrapper {
    flex-direction: column;
  }

  .style-guide-block-title {
    padding: 16px 72px;
  }

  .style-guide-block-wrapper {
    margin-bottom: 48px;
  }

  .section {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .section.medium {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section.medium.regular-padding-bottom {
    padding-bottom: 88px;
  }

  .section.with-title {
    padding-top: 72px;
  }

  .section.about-section {
    background-color: var(--ghost-white);
    padding-bottom: 88px;
  }

  .style-guide-title {
    font-size: 18px;
    line-height: 24px;
  }

  .container.footer-bottom-flex {
    flex-direction: column;
    flex: 0 auto;
    align-items: center;
  }

  .container.footer-block {
    flex-flow: column wrap;
    justify-content: flex-end;
    align-items: flex-end;
  }

  .buttons-wrapper {
    flex-direction: column;
  }

  .color-block-wrapper {
    width: 100%;
    margin: 16px 0;
  }

  .page-header {
    height: 20vh;
    padding-top: 88px;
  }

  .page-header-title {
    font-size: 36px;
    line-height: 42px;
  }

  .utility-page-content {
    width: 80%;
  }

  .footer {
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
  }

  .copyright-block {
    align-items: center;
    margin-bottom: 16px;
  }

  .copyright-block.right {
    justify-content: center;
    margin-bottom: 0;
  }

  .copyright-text {
    text-align: center;
    margin-bottom: 8px;
  }

  .copyright-text.right {
    margin-bottom: 0;
  }

  .copyright-text.right.last {
    margin-right: 0;
  }

  .copyright-link.muted {
    text-align: center;
  }

  .brand-block-footer {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .footer-bottom {
    margin-left: -4%;
    margin-right: -4%;
  }

  .footer-section {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 2fr;
  }

  .footer-text {
    text-align: center;
    align-self: center;
  }

  .footer-col.first {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

  .footer-title {
    text-align: center;
  }

  .hero-heading {
    max-width: 100%;
    font-size: 60px;
    line-height: 66px;
  }

  .hero-paragraph {
    max-width: 100%;
  }

  .section-heading-grid {
    margin-bottom: 24px;
  }

  .property-listing-card {
    width: 100%;
  }

  .about-grid {
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .about-grid.on-about-page.grid-2 {
    grid-template-columns: 100%;
  }

  .about-img {
    z-index: 1;
    padding: 0 16px 16px 0;
    position: relative;
  }

  .about-img.v2 {
    padding: 16px 0 0 16px;
  }

  .about-img-wrap {
    height: auto;
    max-height: none;
  }

  .about-right {
    margin-top: 0%;
    padding-right: 0%;
  }

  .about-bg-shape {
    display: none;
  }

  .about-img-shape {
    z-index: 0;
    inset: auto 0 0 auto;
    transform: rotate(180deg);
  }

  .about-img-shape.v2 {
    inset: 0 auto auto 0;
    transform: rotate(-90deg);
  }

  .about-pattern-shape {
    display: none;
  }

  .category-card, .team-card {
    height: 360px;
  }

  .choose-us-grid {
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .choose-us-left {
    margin-top: 0%;
    padding-left: 0%;
  }

  .choose-us-img-wrap {
    height: auto;
    max-height: none;
  }

  .choose-us-img {
    z-index: 1;
    width: 100%;
    height: auto;
    margin-left: 0;
    padding: 0 16px 16px 0;
    position: relative;
  }

  .choose-us-img-shape {
    z-index: 0;
    inset: auto 0 0 auto;
    transform: rotate(90deg);
  }

  .choose-us-bg-shape {
    display: none;
  }

  .testimonial-left {
    margin-top: 0%;
  }

  .testimonials-wrap {
    height: auto;
    max-height: none;
  }

  .testimonial-left-arrow, .testimonial-right-arrow {
    top: -200px;
  }

  .testimonial-grid {
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .about-left {
    margin-top: 0%;
    padding-right: 0%;
  }

  .listing-page-title {
    margin-bottom: 4px;
    font-size: 36px;
    line-height: 42px;
  }

  .listing-page-slider {
    max-width: 100%;
    margin-top: 24px;
  }

  .listing-page-slide {
    height: 400px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .listing-page-slider-features-wrap {
    left: 16px;
    right: 16px;
  }

  .listing-page-slider-features {
    width: 80%;
  }

  .listing-feature-block {
    align-self: flex-end;
    padding-left: 4px;
    padding-right: 4px;
  }

  .listing-feature-img {
    width: 16px;
    height: 16px;
  }

  .listing-feature-number {
    font-size: 16px;
  }

  .listing-feature-title {
    font-size: 12px;
    line-height: 18px;
  }

  .listing-price-card {
    width: 100%;
    margin-top: 48px;
    position: static;
  }

  .img-gallery-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .contact-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .license-wrap {
    flex-direction: column;
  }

  .license-left-block {
    width: 100%;
    margin-bottom: 24px;
    position: static;
  }

  .license-right-block {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 42px;
    line-height: 48px;
  }

  h2 {
    font-size: 36px;
    line-height: 42px;
  }

  h3 {
    font-size: 30px;
    line-height: 36px;
  }

  h4 {
    font-size: 24px;
    line-height: 30px;
  }

  h5 {
    font-size: 18px;
    line-height: 24px;
  }

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

  .nav-bar {
    height: 64px;
  }

  .nav-menu {
    width: 100vw;
  }

  .logo {
    height: 28px;
  }

  .style-guide-block {
    padding: 32px 24px;
  }

  .button-block-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.medium {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.medium.regular-padding-bottom {
    padding-bottom: 80px;
  }

  .section.with-title {
    padding-top: 64px;
  }

  .section.about-section {
    padding-bottom: 80px;
  }

  .section.clear-navbar {
    margin-top: 64px;
  }

  .feature-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .page-header {
    height: 15vh;
    padding-top: 72px;
  }

  .page-header-title {
    font-size: 30px;
    line-height: 36px;
  }

  .utility-page-content {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .slide-tab {
    padding: 10px;
  }

  .project-thumbnail-wrapper {
    height: auto;
    max-height: 240px;
  }

  .instagram-image-wrapper {
    width: 50%;
  }

  .copyright-link {
    font-weight: 400;
  }

  .hero-heading {
    font-size: 54px;
    line-height: 60px;
  }

  .section-heading-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .section-heading-grid.center {
    grid-template-rows: auto;
  }

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

  .property-listing-bottom-wrap {
    margin-left: 8px;
    margin-right: 8px;
    padding: 16px;
  }

  .property-price {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .property-features-card {
    padding: 8px;
  }

  .property-feature-icon {
    width: 16px;
  }

  .property-feature-value {
    font-size: 12px;
    line-height: 18px;
  }

  .categories-grid, .team-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .quote-shape {
    width: 48px;
    height: 48px;
  }

  .cta-wrap {
    max-width: 100%;
  }

  .listing-page-title {
    font-size: 30px;
    line-height: 36px;
  }

  .listing-page-slider-img {
    border-radius: 8px;
  }

  .listing-page-slide {
    height: 240px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .listing-page-slider-features-wrap {
    display: none;
  }

  .listing-page-slider-features {
    flex-direction: column;
  }

  .listing-feature-img {
    width: 20px;
    height: 20px;
  }

  .listing-feature-number.dark {
    font-size: 20px;
  }

  .listing-feature-block-flex {
    padding-top: 0;
    padding-bottom: 0;
  }

  .listing-feature-title.dark {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .listing-page-slider-lightbox-link {
    width: 40px;
    height: 40px;
    top: 12px;
    left: 24px;
  }

  .maximize-img-icon {
    width: 20px;
  }

  .listing-slider-arrow-left {
    background-size: 24px;
    width: 40px;
    height: 40px;
    top: 0%;
    left: -10px;
  }

  .listing-slider-arrow-right {
    background-size: 24px;
    width: 40px;
    height: 40px;
    top: 0%;
    right: -10px;
  }

  .additional-features-grid {
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .listing-page-mobile-features-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 24px;
    display: grid;
  }

  .img-gallery-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .listing-contact-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .powered-by-ai {
    bottom: 15%;
  }
}

#w-node-_46b89f40-77db-7a17-2e11-7237582e4f54-6b718777 {
  place-self: center stretch;
}

#w-node-_066ec58d-2443-a021-9415-ce6a91de3cbd-6b718777 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_60f45d75-4acf-4f00-3b07-80f642fd39d1-6b718777 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_60f45d75-4acf-4f00-3b07-80f642fd39ce-6b718777 {
  grid-area: 1 / 3 / 2 / 4;
  place-self: center stretch;
}

#w-node-_599762a1-b89d-6b73-4fd2-a3aa5cb75225-6b718777 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_599762a1-b89d-6b73-4fd2-a3aa5cb75230-6b718777 {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: auto;
}

#w-node-bfcd3090-71c1-393f-9445-4fa187a42bc6-8d2101f2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2243fa56-e108-f17a-1f3c-87eba86c89b7-8d2101f2 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_9f477b3c-bb25-0563-08b2-b0c1d2d87120-8d2101f2 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-fe42ffee-5a39-d248-8ef1-d09381361e41-8d2101f2 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb80299-6eb80291 {
  place-self: center end;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802b1-6eb80291 {
  justify-self: start;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802b2-6eb80291 {
  place-self: center end;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802b3-6eb80291, #w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802b7-6eb80291 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802bb-6eb80291, #w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802c0-6eb80291 {
  place-self: center;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802c3-6eb80291 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802d0-6eb80291 {
  justify-self: start;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802d1-6eb80291 {
  place-self: center end;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802d2-6eb80291, #w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802d6-6eb80291 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802da-6eb80291, #w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802df-6eb80291 {
  place-self: center;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802e2-6eb80291 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802ef-6eb80291 {
  justify-self: start;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802f0-6eb80291 {
  place-self: center end;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802f1-6eb80291, #w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802f5-6eb80291 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802f9-6eb80291, #w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802fe-6eb80291 {
  place-self: center;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb80301-6eb80291 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb8030e-6eb80291 {
  justify-self: start;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb8030f-6eb80291 {
  place-self: center end;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb80310-6eb80291, #w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb80314-6eb80291 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb80318-6eb80291, #w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb8031d-6eb80291 {
  place-self: center;
}

#w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb80320-6eb80291 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ee8f5c16-ad90-cd98-c4a3-5740aa37b6ed-1e718784 {
  align-self: center;
}

#w-node-ee8f5c16-ad90-cd98-c4a3-5740aa37b6f0-1e718784 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_5ca8597e-b936-2bd3-4223-dd8023176ba3-1e718784 {
  grid-area: 1 / 3 / 2 / 4;
  place-self: start end;
}

#w-node-_5ca8597e-b936-2bd3-4223-dd8023176ba6-1e718784 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_9fb8f2af-18e8-98ac-52e3-6aee39c3aa8d-a6718787 {
  justify-self: start;
}

#w-node-_9fb8f2af-18e8-98ac-52e3-6aee39c3aa8e-a6718787 {
  place-self: center end;
}

#w-node-_9fb8f2af-18e8-98ac-52e3-6aee39c3aa8f-a6718787, #w-node-_9fb8f2af-18e8-98ac-52e3-6aee39c3aa93-a6718787 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9fb8f2af-18e8-98ac-52e3-6aee39c3aa97-a6718787, #w-node-_9fb8f2af-18e8-98ac-52e3-6aee39c3aa9c-a6718787 {
  place-self: center;
}

#w-node-_9fb8f2af-18e8-98ac-52e3-6aee39c3aa9f-a6718787 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf348f-a6718787 {
  justify-self: start;
}

#w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf3490-a6718787 {
  place-self: center end;
}

#w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf3491-a6718787, #w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf3495-a6718787 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf3499-a6718787, #w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf349e-a6718787 {
  place-self: center;
}

#w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf34a1-a6718787 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf34bb-a6718787 {
  justify-self: start;
}

#w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf34bc-a6718787 {
  place-self: center end;
}

#w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf34bd-a6718787, #w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf34c1-a6718787 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf34c5-a6718787, #w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf34ca-a6718787 {
  place-self: center;
}

#w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf34cd-a6718787, #w-node-aac01b34-846d-5e5b-10f1-c30899768be4-69718788 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_66e3dd2c-d485-c46b-030c-17a327b2e04d-69718788 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-b9f6a879-ebb4-5423-c59f-b3d2896a35d4-69718788 {
  justify-self: start;
}

#w-node-b9f6a879-ebb4-5423-c59f-b3d2896a35d5-69718788 {
  place-self: center end;
}

#w-node-b9f6a879-ebb4-5423-c59f-b3d2896a35d6-69718788, #w-node-b9f6a879-ebb4-5423-c59f-b3d2896a35da-69718788 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b9f6a879-ebb4-5423-c59f-b3d2896a35de-69718788, #w-node-b9f6a879-ebb4-5423-c59f-b3d2896a35e3-69718788 {
  place-self: center;
}

#w-node-b9f6a879-ebb4-5423-c59f-b3d2896a35e6-69718788 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2a5ab675-38d4-8533-d40a-a798c80b4840-95718789 {
  justify-self: start;
}

#w-node-_2a5ab675-38d4-8533-d40a-a798c80b4841-95718789 {
  place-self: center end;
}

#w-node-_2a5ab675-38d4-8533-d40a-a798c80b4842-95718789, #w-node-_2a5ab675-38d4-8533-d40a-a798c80b4846-95718789 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2a5ab675-38d4-8533-d40a-a798c80b484a-95718789, #w-node-_2a5ab675-38d4-8533-d40a-a798c80b484f-95718789 {
  place-self: center;
}

#w-node-_2a5ab675-38d4-8533-d40a-a798c80b4852-95718789 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6e40c036-9ed3-2165-73b2-34ba14673d8f-3071878d {
  justify-self: start;
}

#w-node-_6e40c036-9ed3-2165-73b2-34ba14673d90-3071878d {
  place-self: center end;
}

#w-node-_6e40c036-9ed3-2165-73b2-34ba14673d91-3071878d, #w-node-_6e40c036-9ed3-2165-73b2-34ba14673d95-3071878d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6e40c036-9ed3-2165-73b2-34ba14673d99-3071878d, #w-node-_6e40c036-9ed3-2165-73b2-34ba14673d9e-3071878d {
  place-self: center;
}

#w-node-_6e40c036-9ed3-2165-73b2-34ba14673da1-3071878d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fe649c1b-e384-a055-0318-d08dae379fa9-3071878d {
  justify-self: start;
}

#w-node-fe649c1b-e384-a055-0318-d08dae379faa-3071878d {
  place-self: center end;
}

#w-node-fe649c1b-e384-a055-0318-d08dae379fab-3071878d, #w-node-fe649c1b-e384-a055-0318-d08dae379faf-3071878d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fe649c1b-e384-a055-0318-d08dae379fb3-3071878d, #w-node-fe649c1b-e384-a055-0318-d08dae379fb8-3071878d {
  place-self: center;
}

#w-node-fe649c1b-e384-a055-0318-d08dae379fbb-3071878d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_2243fa56-e108-f17a-1f3c-87eba86c89b7-8d2101f2 {
    grid-column: 2 / 3;
  }

  #w-node-_9f477b3c-bb25-0563-08b2-b0c1d2d87120-8d2101f2 {
    grid-column: 4 / 5;
  }

  #w-node-fe42ffee-5a39-d248-8ef1-d09381361e41-8d2101f2 {
    grid-column: 3 / 4;
  }

  #w-node-_5ca8597e-b936-2bd3-4223-dd8023176ba3-1e718784 {
    align-self: center;
  }

  #w-node-_66e3dd2c-d485-c46b-030c-17a327b2e04d-69718788 {
    grid-column: 2 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_46b89f40-77db-7a17-2e11-7237582e4f54-6b718777 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_066ec58d-2443-a021-9415-ce6a91de3cbd-6b718777, #w-node-_60f45d75-4acf-4f00-3b07-80f642fd39d1-6b718777 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_60f45d75-4acf-4f00-3b07-80f642fd39ce-6b718777 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_599762a1-b89d-6b73-4fd2-a3aa5cb75225-6b718777 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_599762a1-b89d-6b73-4fd2-a3aa5cb75230-6b718777, #w-node-_2243fa56-e108-f17a-1f3c-87eba86c89b7-8d2101f2 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9f477b3c-bb25-0563-08b2-b0c1d2d87120-8d2101f2 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-fe42ffee-5a39-d248-8ef1-d09381361e41-8d2101f2 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-ee8f5c16-ad90-cd98-c4a3-5740aa37b6ed-1e718784 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-ee8f5c16-ad90-cd98-c4a3-5740aa37b6f0-1e718784 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_5ca8597e-b936-2bd3-4223-dd8023176ba3-1e718784 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_5ca8597e-b936-2bd3-4223-dd8023176ba6-1e718784 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb80299-6eb80291 {
    justify-self: start;
  }

  #w-node-_44f1e78e-c9d9-3e29-cba1-1fdc6eb802c2-6eb80291, #w-node-_9fb8f2af-18e8-98ac-52e3-6aee39c3aa9e-a6718787, #w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf34a0-a6718787, #w-node-ae9cf4e2-a60d-160c-4579-5ff2adaf34cc-a6718787 {
    justify-self: center;
  }

  #w-node-aac01b34-846d-5e5b-10f1-c30899768be4-69718788 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cc853824-38b8-330a-b038-2348cf3bdc7b-69718788 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c46ff824-c195-71e3-4b94-329eb088fc9f-69718788 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_1079233e-cca7-f669-7012-e6bb9b22eaa9-69718788 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_57eb2152-a8be-9eba-bb55-375772c72bc3-69718788 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_3a944750-c736-5af1-ea05-39f11924c13a-69718788 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_8bbcb930-be63-71d0-0854-4a88455b3af0-69718788 {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_66e3dd2c-d485-c46b-030c-17a327b2e04d-69718788 {
    grid-column: 1 / 2;
  }

  #w-node-b9f6a879-ebb4-5423-c59f-b3d2896a35e5-69718788, #w-node-_2a5ab675-38d4-8533-d40a-a798c80b4851-95718789, #w-node-_6e40c036-9ed3-2165-73b2-34ba14673da0-3071878d, #w-node-fe649c1b-e384-a055-0318-d08dae379fba-3071878d {
    justify-self: center;
  }
}