/* screen - full-project */

.full-project {
  background-color: var(--gravel-2);
  height: 100vh;
  margin: 0px;
  min-height: 2540px;
  min-width: 1240px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.full-project .navbardesktop-KqxCzi {
  background-color: transparent;
  height: 115px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .group-2-sbO2nf {
  background-color: transparent;
  height: 18px;
  position: absolute;
  right: 80px;
  top: 49px;
  width: 517px;
}

.full-project .contact-GIuqLg {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  position: absolute;
  right: 0px;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.full-project .about-GIuqLg {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  position: absolute;
  right: 90px;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.full-project .developments-GIuqLg {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  position: absolute;
  right: 160px;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.full-project .sell-GIuqLg {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  position: absolute;
  right: 300px;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.full-project .buy-rent-GIuqLg {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  position: absolute;
  right: 360px;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.full-project .home-GIuqLg {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  position: absolute;
  right: 469px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 49px;
}

.full-project .rectangle-sbO2nf {
  background-color: transparent;
  height: 81px;
  left: 52px;
  object-fit: cover;
  position: absolute;
  top: 19px;
  width: 323px;
}

.full-project .static-header-1-linedesktop-1-line-KqxCzi {
  background-color: transparent;
  height: 650px;
  left: 0px;
  position: absolute;
  top: 115px;
  width: 100%;
}

.full-project .rectangle-iPxBwB {
  background-color: transparent;
  height: 650px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .group-iPxBwB {
  background-color: transparent;
  height: 170px;
  left: 0px;
  position: absolute;
  top: 110px;
  width: 481px;
}

.full-project .from-for-sale-to-sol-cCEWVp {
  background-color: transparent;
  color: var(--grandis);
  font-family: var(--font-family-roboto);
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 51px;
  letter-spacing: 3.13px;
  line-height: 58px;
  position: absolute;
  text-align: left;
  top: -2px;
  white-space: nowrap;
  width: 433px;
}

.full-project .path-copy-cCEWVp {
  background-color: transparent;
  height: 4px;
  left: -1px;
  position: absolute;
  top: 166px;
  width: 463px;
}

.full-project .read-prop-proudly-pr-KqxCzi {
  background-color: transparent;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.64px;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 931px;
  width: 868px;
}

.full-project .rectangle-KqxCzi {
  background-color: transparent;
  height: 457px;
  object-fit: cover;
  position: absolute;
  top: 1141px;
  width: 867px;
}

.full-project .footerdesktop-fa-KqxCzi {
  background-color: transparent;
  bottom: 0px;
  height: 332px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.full-project .rectangle-8hx6Gk {
  background-color: var(--whiskey);
  height: 332px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1240px;
}

.full-project .rectangle-gHtsTP {
  background-color: var(--whiskey);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .group-6-8hx6Gk {
  background-color: transparent;
  bottom: 60px;
  height: 198px;
  left: 7.90%;
  position: absolute;
  width: 633px;
}

.full-project .address-i8yHWw {
  background-color: transparent;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.07px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 284px;
}

.full-project .shop-r33-park-square-i8yHWw {
  background-color: transparent;
  color: var(--gravel);
  cursor: pointer;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.05px;
  line-height: 16.0px;
  position: absolute;
  text-align: left;
  top: 42px;
  width: 284px;
}

.full-project .copyright-2020-read-i8yHWw {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.06px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 162px;
  width: auto;
}

.full-project .group-i8yHWw {
  background-color: transparent;
  height: 80px;
  left: 447px;
  position: absolute;
  top: 0px;
  width: 186px;
}

.full-project .email-inforeadprop-Bov3Gx {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.06px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 62px;
  white-space: nowrap;
  width: auto;
}

.full-project .tel-031-001-4195-Bov3Gx {
  background-color: transparent;
  color: var(--fuscous-gray);
  cursor: pointer;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 1px;
  letter-spacing: 0.06px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 40px;
  white-space: nowrap;
  width: auto;
}

.full-project .contact-Bov3Gx {
  background-color: transparent;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.07px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.full-project .group-7-8hx6Gk {
  background-color: transparent;
  bottom: 47px;
  height: 209px;
  position: absolute;
  right: 7.90%;
  width: 393px;
}

.full-project .group-4-foH7E3 {
  background-color: transparent;
  height: 86px;
  left: 266px;
  position: absolute;
  top: 0px;
  width: 127px;
}

.full-project .social-q4N4Zd {
  background-color: transparent;
  font-weight: 700;
  height: auto;
  left: 50px;
  letter-spacing: 0.07px;
  line-height: 23px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: 75px;
}

.full-project .group-2-q4N4Zd {
  background-color: transparent;
  cursor: pointer;
  height: 36px;
  left: 87px;
  position: absolute;
  top: 50px;
  width: 36px;
}

.full-project .fill-149-fYx4nc {
  background-color: transparent;
  height: 36px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 36px;
}

.full-project .fill-150-fYx4nc {
  background-color: transparent;
  height: 18px;
  left: 9px;
  position: absolute;
  top: 9px;
  width: 18px;
}

.full-project .fill-151-fYx4nc {
  background-color: transparent;
  height: 4px;
  left: 25px;
  position: absolute;
  top: 6px;
  width: 4px;
}

.full-project .fill-152-q4N4Zd {
  background-color: transparent;
  cursor: pointer;
  height: 35px;
  left: 55px;
  position: absolute;
  top: 49px;
  width: 16px;
}

.full-project .group-3-q4N4Zd {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: 0px;
  position: absolute;
  top: 50px;
  width: 40px;
}

.full-project .group-3-L5MxsF {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 40px;
}

.full-project .group-5-foH7E3 {
  background-color: transparent;
  cursor: pointer;
  height: 46px;
  left: 0px;
  position: absolute;
  top: 163px;
  width: 393px;
}

.full-project .website-design-van-d-Q25d04 {
  background-color: transparent;
  font-weight: 400;
  height: auto;
  left: -2px;
  letter-spacing: 0.06px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 6px;
  width: 175px;
}

.full-project .image-1-Q25d04 {
  background-color: transparent;
  height: 32px;
  left: 232px;
  position: absolute;
  top: 6px;
  width: 161px;
}

.full-project .path-3-Q25d04 {
  background-color: transparent;
  height: 48px;
  left: 202px;
  position: absolute;
  top: -1px;
  width: 5px;
}

.full-project .macbook-pro-project-details-KqxCzi {
  background-color: transparent;
  height: 343px;
  left: 0px;
  position: absolute;
  top: 1745px;
  width: 100%;
}

.full-project .rectangle-6mTwxr {
  background-color: var(--gravel-2);
  height: 343px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1240px;
}

.full-project .property-description-6mTwxr {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 57.70%;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 51px;
  width: 438px;
}

.full-project .group-6mTwxr {
  background-color: transparent;
  height: 294px;
  left: 6.75%;
  position: absolute;
  top: 31px;
  width: 448px;
}

.full-project .property-title-h7fB3K {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 122px;
  width: 448px;
}

.full-project .visit-website-group-h7fB3K {
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 0px;
  position: absolute;
  top: 266px;
  width: 152px;
}

.full-project .visit-website-text-TUnQlw {
  background-color: transparent;
  color: var(--grandis-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 0px;
  letter-spacing: 0.60px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 6px;
  white-space: nowrap;
  width: auto;
}

.full-project .visit-website-arrow-image-TUnQlw {
  background-color: transparent;
  height: 27px;
  left: 124px;
  position: absolute;
  top: 1px;
  width: 27px;
}

.full-project .make-an-enquiry-group-h7fB3K {
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 213px;
  position: absolute;
  top: 266px;
  width: 183px;
}

.full-project .make-an-enquiry-z5kKS1 {
  background-color: transparent;
  color: var(--grandis-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 0px;
  letter-spacing: 0.60px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 6px;
  white-space: nowrap;
  width: auto;
}

.full-project .make-an-enquiry-arrow-image-z5kKS1 {
  background-color: transparent;
  height: 27px;
  left: 155px;
  position: absolute;
  top: 1px;
  width: 27px;
}

.full-project .logo-image-h7fB3K {
  background-color: transparent;
  height: 72px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 311px;
}

.full-project .group-2-h7fB3K {
  background-color: transparent;
  cursor: pointer;
  height: 46px;
  left: 0px;
  position: absolute;
  top: 172px;
  width: 200px;
}

.full-project .platforma-wireframe-kit-copy-26-riNHgu {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 85px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 14px;
  width: 114px;
}

.full-project .bitmap-riNHgu {
  background-color: transparent;
  height: 45px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 63px;
}

.full-project .group-5-h7fB3K {
  background-color: transparent;
  cursor: pointer;
  height: 46px;
  left: 237px;
  position: absolute;
  top: 172px;
  width: 199px;
}

.full-project .platforma-wireframe-kit-copy-27-V6ctCE {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 84px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 14px;
  width: 114px;
}

.full-project .bitmap-V6ctCE {
  background-color: transparent;
  height: 45px;
  left: 0px;
  position: absolute;
  top: 1px;
  width: 63px;
}

.full-project .left-bar-rectangle-6mTwxr {
  background-color: var(--whiskey);
  height: 122px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 14px;
}

.full-project .dividing-line-6mTwxr {
  background-color: transparent;
  height: 331px;
  margin-left: 0px;
  margin-right: -0px;
  position: absolute;
  top: 12px;
  width: 4px;
}
/* screen - index */

.index {
  background-color: var(--gravel-2);
  height: 100vh;
  margin: 0px;
  min-height: 3460px;
  min-width: 1900px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index .static-header-1-linexl-1-line-IO3Fu5 {
  background-color: transparent;
  height: 772px;
  left: 0px;
  position: absolute;
  top: 152px;
  width: 100%;
}

.index .rectangle-g20mMx {
  background-color: transparent;
  height: 772px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .group-g20mMx {
  background-color: transparent;
  height: 157px;
  left: 0px;
  position: absolute;
  top: 99px;
  width: 617px;
}

.index .about-us-BBlWKo {
  background-color: transparent;
  color: var(--grandis);
  font-family: var(--font-family-roboto);
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 170px;
  letter-spacing: 3.13px;
  line-height: 58px;
  position: absolute;
  text-align: left;
  top: -2px;
  white-space: nowrap;
  width: 450px;
}

.index .path-copy-BBlWKo {
  background-color: transparent;
  height: 5px;
  left: -1px;
  position: absolute;
  top: 154px;
  width: 429px;
}

.index .navbarxl-navbar-IO3Fu5 {
  background-color: transparent;
  height: 152px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .rectangle-zxVhdY {
  background-color: transparent;
  height: 152px;
  left: 142px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 282px;
}

.index .group-2-zxVhdY {
  background-color: transparent;
  height: 18px;
  position: absolute;
  right: 117px;
  top: 63px;
  width: 517px;
}

.index .contact-aYxxPG {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 442px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.index .about-aYxxPG {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 372px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.index .developments-aYxxPG {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 231px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.index .sell-aYxxPG {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 172px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.index .buy-rent-aYxxPG {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 63px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.index .home-aYxxPG {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 49px;
}

.index .footerxl-fa-IO3Fu5 {
  background-color: transparent;
  bottom: 0px;
  height: 500px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index .rectangle-aezsH7 {
  background-color: var(--whiskey);
  height: 500px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1900px;
}

.index .rectangle-CxvCbM {
  background-color: var(--whiskey);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .group-6-aezsH7 {
  background-color: transparent;
  bottom: 91px;
  height: 294px;
  left: 7.05%;
  position: absolute;
  width: 428px;
}

.index .address-hoxDK1 {
  background-color: transparent;
  color: var(--fuscous-gray);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.11px;
  line-height: 34px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 428px;
}

.index .shop-r33-park-square-hoxDK1 {
  background-color: transparent;
  color: var(--fuscous-gray);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.06px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 65px;
  width: 428px;
}

.index .copyright-2020-read-hoxDK1 {
  background-color: transparent;
  color: var(--gravel);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.06px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 254px;
  width: auto;
}

.index .group-5-aezsH7 {
  background-color: transparent;
  bottom: 278px;
  height: 107px;
  left: 35.53%;
  position: absolute;
  width: 211px;
}

.index .email-inforeadpropcoza-A9gy2M {
  background-color: transparent;
  color: var(--gravel);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.06px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 87px;
  white-space: nowrap;
  width: auto;
}

.index .tel-031-001-4195-A9gy2M {
  background-color: transparent;
  color: var(--gravel);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.06px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 65px;
  white-space: nowrap;
  width: auto;
}

.index .contact-A9gy2M {
  background-color: transparent;
  color: var(--gravel);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.11px;
  line-height: 34px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.index .group-7-aezsH7 {
  background-color: transparent;
  bottom: 70px;
  height: 315px;
  position: absolute;
  right: 7.05%;
  width: 524px;
}

.index .group-4-1RU9Xl {
  background-color: transparent;
  height: 129px;
  left: 333px;
  position: absolute;
  top: 0px;
  width: 191px;
}

.index .social-fRBN4d {
  background-color: transparent;
  color: var(--gravel);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 77px;
  letter-spacing: 0.11px;
  line-height: 34px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: 112px;
}

.index .group-2-fRBN4d {
  background-color: transparent;
  cursor: pointer;
  height: 54px;
  left: 133px;
  position: absolute;
  top: 75px;
  width: 54px;
}

.index .fill-149-1vWbrx {
  background-color: transparent;
  height: 54px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 54px;
}

.index .fill-150-1vWbrx {
  background-color: transparent;
  height: 28px;
  left: 13px;
  position: absolute;
  top: 13px;
  width: 28px;
}

.index .fill-151-1vWbrx {
  background-color: transparent;
  height: 7px;
  left: 38px;
  position: absolute;
  top: 9px;
  width: 7px;
}

.index .fill-152-fRBN4d {
  background-color: transparent;
  cursor: pointer;
  height: 52px;
  left: 85px;
  position: absolute;
  top: 74px;
  width: 24px;
}

.index .group-3-fRBN4d {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: 0px;
  position: absolute;
  top: 74px;
  width: 60px;
}

.index .group-3-5IK70y {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 60px;
}

.index .group-1RU9Xl {
  background-color: transparent;
  cursor: pointer;
  height: 70px;
  left: 0px;
  position: absolute;
  top: 245px;
  width: 524px;
}

.index .website-design-van-d-9Uwkyc {
  background-color: transparent;
  color: var(--gravel);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: -2px;
  letter-spacing: 0.06px;
  line-height: 20px;
  position: absolute;
  text-align: right;
  top: 18px;
  width: 198px;
}

.index .image-1-9Uwkyc {
  background-color: transparent;
  height: 47px;
  left: 283px;
  position: absolute;
  top: 9px;
  width: 241px;
}

.index .path-3-9Uwkyc {
  background-color: transparent;
  height: 73px;
  left: 239px;
  position: absolute;
  top: -1px;
  width: 7px;
}

.index .rectangle-IO3Fu5 {
  background-color: transparent;
  height: 814px;
  object-fit: cover;
  position: absolute;
  top: 1296px;
  width: 1545px;
}

.index .read-prop-proudly-pr-IO3Fu5 {
  background-color: transparent;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.64px;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 1090px;
  width: 1085px;
}

.index .xl-project-details-IO3Fu5 {
  background-color: transparent;
  height: 522px;
  left: -10px;
  position: absolute;
  top: 2274px;
  width: calc(100.00% + 10px);
}

.index .rectangle-eJ8u2A {
  background-color: var(--gravel-2);
  height: 522px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1910px;
}

.index .property-description-eJ8u2A {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 55.42%;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 30px;
  width: 668px;
}

.index .group-eJ8u2A {
  background-color: transparent;
  height: 448px;
  left: 6.51%;
  position: absolute;
  top: 30px;
  width: 660px;
}

.index .property-title-Z40nUe {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 187px;
  width: 415px;
}

.index .visit-website-and-make-enquiry-group-Z40nUe {
  background-color: transparent;
  height: 43px;
  left: 0px;
  position: absolute;
  top: 405px;
  width: 649px;
}

.index .visit-website-group-ZuLV9z {
  background-color: transparent;
  cursor: pointer;
  height: 43px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 270px;
}

.index .visit-website-text-ghxnCC {
  background-color: transparent;
  color: var(--grandis-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 0px;
  letter-spacing: 1.07px;
  line-height: 40.9px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.index .visit-website-arrow-image-ghxnCC {
  background-color: transparent;
  height: 41px;
  left: 228px;
  position: absolute;
  top: 1px;
  width: 42px;
}

.index .make-an-enquiry-group-ZuLV9z {
  background-color: transparent;
  cursor: pointer;
  height: 43px;
  left: 325px;
  position: absolute;
  top: 0px;
  width: 324px;
}

.index .make-an-enquiry-7U3mIt {
  background-color: transparent;
  color: var(--grandis-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 0px;
  letter-spacing: 1.07px;
  line-height: 40.9px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.index .make-an-enquiry-arrow-image-7U3mIt {
  background-color: transparent;
  height: 41px;
  left: 282px;
  position: absolute;
  top: 1px;
  width: 42px;
}

.index .logo-image-Z40nUe {
  background-color: transparent;
  height: 109px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 474px;
}

.index .view-gallery-and-watch-video-group-Z40nUe {
  background-color: transparent;
  height: 68px;
  left: 0px;
  position: absolute;
  top: 263px;
  width: 660px;
}

.index .group-2-FOPAxC {
  background-color: transparent;
  cursor: pointer;
  height: 68px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 301px;
}

.index .platforma-wireframe-kit-copy-26-yDAlit {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 128px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 22px;
  white-space: nowrap;
  width: 174px;
}

.index .bitmap-yDAlit {
  background-color: transparent;
  height: 68px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 96px;
}

.index .group-5-FOPAxC {
  background-color: transparent;
  cursor: pointer;
  height: 68px;
  left: 359px;
  position: absolute;
  top: 0px;
  width: 301px;
}

.index .platforma-wireframe-kit-copy-27-4sQOeR {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 127px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 22px;
  white-space: nowrap;
  width: 174px;
}

.index .bitmap-4sQOeR {
  background-color: transparent;
  height: 68px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 96px;
}

.index .left-bar-rectangle-eJ8u2A {
  background-color: var(--whiskey);
  height: 183px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 22px;
}

.index .dividing-line-eJ8u2A {
  background-color: transparent;
  height: 504px;
  margin-left: 0px;
  margin-right: -0px;
  position: absolute;
  top: 19px;
  width: 6px;
}
/* screen - mobile */

.mobile {
  background-color: var(--gravel-2);
  height: 100vh;
  margin: 0px;
  min-height: 2355px;
  min-width: 360px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.mobile .navbarmobile-navbar-LP8vkM {
  background-color: transparent;
  height: 101px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile .mobile-menu-tKyrHC {
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 40px;
  top: 31px;
  width: 41px;
}

.mobile .rectangle-DGBLli {
  background-color: var(--whiskey);
  height: 10px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 41px;
}

.mobile .rectangle-copy-DGBLli {
  background-color: var(--whiskey);
  height: 10px;
  left: 0px;
  position: absolute;
  top: 15px;
  width: 41px;
}

.mobile .rectangle-copy-2-DGBLli {
  background-color: var(--whiskey);
  height: 10px;
  left: 0px;
  position: absolute;
  top: 30px;
  width: 41px;
}

.mobile .rectangle-tKyrHC {
  background-color: transparent;
  height: 47px;
  left: 0.28%;
  object-fit: cover;
  position: absolute;
  top: 29px;
  width: 245px;
}

.mobile .static-header-1-linemobile-1-line-LP8vkM {
  background-color: transparent;
  height: 326px;
  left: 0px;
  position: absolute;
  top: 101px;
  width: 100%;
}

.mobile .rectangle-juxLeJ {
  background-color: transparent;
  height: 326px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile .about-us-juxLeJ {
  background-color: transparent;
  color: #f8d989;
  font-family: var(--font-family-roboto);
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 35px;
  letter-spacing: 0.00px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 43px;
  white-space: nowrap;
  width: auto;
}

.mobile .path-copy-juxLeJ {
  background-color: transparent;
  height: 4px;
  left: -1px;
  position: absolute;
  top: 114px;
  width: 146px;
}

.mobile .read-prop-proudly-pr-LP8vkM {
  background-color: transparent;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.64px;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 533px;
  width: 262px;
}

.mobile .rectangle-LP8vkM {
  background-color: transparent;
  height: 243px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 787px;
  width: 100%;
}

.mobile .mobile-projects-LP8vkM {
  background-color: transparent;
  height: 875px;
  position: absolute;
  top: 1136px;
  width: 320px;
}

.mobile .rectangle-HF9gnx {
  background-color: var(--gravel-2);
  height: 875px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 320px;
}

.mobile .izinga-umhlanga-kz-HF9gnx {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.15px;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 152px;
  width: 236px;
}

.mobile .read-prop-has-been-e-HF9gnx {
  background-color: transparent;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.16px;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 360px;
  width: 236px;
}

.mobile .image-1-copy-10-HF9gnx {
  background-color: transparent;
  height: 51px;
  position: absolute;
  top: 53px;
  width: 222px;
}

.mobile .group-4-HF9gnx {
  background-color: transparent;
  height: 82px;
  position: absolute;
  top: 228px;
  width: 222px;
}

.mobile .group-2-QHc6mh {
  background-color: transparent;
  cursor: pointer;
  height: 82px;
  left: 122px;
  position: absolute;
  top: 0px;
  width: 100px;
}

.mobile .bitmap-j9Wx4q {
  background-color: transparent;
  height: 37px;
  left: 19px;
  position: absolute;
  top: 0px;
  width: 54px;
}

.mobile .platforma-wireframe-kit-copy-30-j9Wx4q {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 50px;
  width: 100px;
}

.mobile .group-QHc6mh {
  background-color: transparent;
  cursor: pointer;
  height: 82px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 99px;
}

.mobile .bitmap-vcFM8N {
  background-color: transparent;
  height: 36px;
  left: 19px;
  position: absolute;
  top: 0px;
  width: 54px;
}

.mobile .platforma-wireframe-kit-copy-29-vcFM8N {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 50px;
  width: 99px;
}

.mobile .group-5-HF9gnx {
  background-color: transparent;
  height: 69px;
  position: absolute;
  top: 731px;
  width: 193px;
}

.mobile .group-3-5j6hTD {
  background-color: transparent;
  cursor: pointer;
  height: 29px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 193px;
}

.mobile .visit-website-aHWLrc {
  background-color: transparent;
  color: var(--grandis-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 0px;
  letter-spacing: 0.64px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: auto;
}

.mobile .bitmap-aHWLrc {
  background-color: transparent;
  height: 29px;
  left: 164px;
  position: absolute;
  top: 0px;
  width: 29px;
}

.mobile .group-6-5j6hTD {
  background-color: transparent;
  cursor: pointer;
  height: 29px;
  left: 0px;
  position: absolute;
  top: 40px;
  width: 193px;
}

.mobile .make-an-enquiry-pbSNG2 {
  background-color: transparent;
  color: var(--grandis-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 0px;
  letter-spacing: 0.64px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: auto;
}

.mobile .bitmap-pbSNG2 {
  background-color: transparent;
  height: 29px;
  left: 164px;
  position: absolute;
  top: 0px;
  width: 29px;
}

.mobile .footermobile-fa-LP8vkM {
  background-color: transparent;
  bottom: 0px;
  height: 344px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.mobile .rectangle-UKlnLY {
  background-color: var(--whiskey);
  height: 344px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 360px;
}

.mobile .rectangle-21OKoQ {
  background-color: var(--whiskey);
  bottom: 0px;
  height: 344px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.mobile .copyright-2020-read-UKlnLY {
  background-color: transparent;
  color: var(--gravel-2);
  cursor: pointer;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.15px;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 109px;
  width: 236px;
}

.mobile .group-8-UKlnLY {
  background-color: transparent;
  height: 40px;
  position: absolute;
  top: 42px;
  width: 157px;
}

.mobile .group-2-copy-qIBkLs {
  background-color: transparent;
  cursor: pointer;
  height: 39px;
  left: 118px;
  position: absolute;
  top: 1px;
  width: 39px;
}

.mobile .fill-149-WW0kef {
  background-color: transparent;
  height: 39px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 39px;
}

.mobile .fill-150-WW0kef {
  background-color: transparent;
  height: 20px;
  left: 9px;
  position: absolute;
  top: 9px;
  width: 20px;
}

.mobile .fill-151-WW0kef {
  background-color: transparent;
  height: 5px;
  left: 27px;
  position: absolute;
  top: 6px;
  width: 5px;
}

.mobile .fill-152-copy-qIBkLs {
  background-color: transparent;
  cursor: pointer;
  height: 37px;
  left: 72px;
  position: absolute;
  top: 0px;
  width: 17px;
}

.mobile .group-3-copy-4-qIBkLs {
  background-color: transparent;
  cursor: pointer;
  height: 36px;
  left: 0px;
  position: absolute;
  top: 1px;
  width: 43px;
}

.mobile .group-3-copy-4-xZdoRr {
  background-color: transparent;
  cursor: pointer;
  height: 36px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 43px;
}

.mobile .website-design-van-d-copy-UKlnLY {
  background-color: transparent;
  color: var(--gravel);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.05px;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 220px;
  width: auto;
}

.mobile .image-1-copy-9-UKlnLY {
  background-color: transparent;
  cursor: pointer;
  height: 34px;
  position: absolute;
  top: 267px;
  width: 171px;
}
/* screen - tablet */

.tablet {
  background-color: var(--gravel-2);
  height: 100vh;
  margin: 0px;
  min-height: 2072px;
  min-width: 768px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.tablet .navbar-tablet-navbar-I45tVA {
  background-color: transparent;
  height: 101px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tablet .mobile-menu-hiKx59 {
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 50px;
  top: 31px;
  width: 41px;
}

.tablet .rectangle-EOvqsU {
  background-color: var(--whiskey);
  height: 10px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 41px;
}

.tablet .rectangle-copy-EOvqsU {
  background-color: var(--whiskey);
  height: 10px;
  left: 0px;
  position: absolute;
  top: 15px;
  width: 41px;
}

.tablet .rectangle-copy-2-EOvqsU {
  background-color: var(--whiskey);
  height: 10px;
  left: 0px;
  position: absolute;
  top: 30px;
  width: 41px;
}

.tablet .rectangle-hiKx59 {
  background-color: transparent;
  height: 62px;
  left: 6px;
  object-fit: cover;
  position: absolute;
  top: 22px;
  width: 304px;
}

.tablet .static-header-1-linetablet-1-line-I45tVA {
  background-color: transparent;
  height: 408px;
  left: 0px;
  position: absolute;
  top: 101px;
  width: 100%;
}

.tablet .rectangle-ZBtYyg {
  background-color: transparent;
  height: 408px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tablet .group-4-ZBtYyg {
  background-color: transparent;
  height: 91px;
  left: 0px;
  position: absolute;
  top: 62px;
  width: 273px;
}

.tablet .about-us-dqwa4S {
  background-color: transparent;
  color: var(--grandis);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 36px;
  line-height: 29px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 170px;
}

.tablet .path-dqwa4S {
  background-color: transparent;
  height: 5px;
  left: -1px;
  position: absolute;
  top: 88px;
  width: 275px;
}

.tablet .footertablet-fa-I45tVA {
  background-color: transparent;
  bottom: 0px;
  height: 356px;
  left: 0px;
  position: absolute;
  width: 100.07%;
}

.tablet .rectangle-cbfFhb {
  background-color: var(--whiskey);
  height: 356px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 768px;
}

.tablet .rectangle-Z9FREU {
  background-color: var(--whiskey);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tablet .group-7-cbfFhb {
  background-color: transparent;
  bottom: 54px;
  height: 252px;
  left: 4.56%;
  position: absolute;
  width: 529px;
}

.tablet .address-oNOE87 {
  background-color: transparent;
  color: var(--gravel);
  cursor: pointer;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.06px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 297px;
}

.tablet .group-oNOE87 {
  background-color: transparent;
  height: 78px;
  left: 326px;
  position: absolute;
  top: 0px;
  width: 203px;
}

.tablet .email-inforeadprop-p3yZjw {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: auto;
  left: 4px;
  letter-spacing: 0.06px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 60px;
  white-space: nowrap;
  width: auto;
}

.tablet .tel-031-001-4195-p3yZjw {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: auto;
  left: 1px;
  letter-spacing: 0.06px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 37px;
  white-space: nowrap;
  width: auto;
}

.tablet .contact-p3yZjw {
  background-color: transparent;
  color: var(--gravel);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.06px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.tablet .copyright-2020-read-oNOE87 {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.06px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 216px;
  width: 297px;
}

.tablet .shop-r33-park-square-oNOE87 {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.06px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 35px;
  width: auto;
}

.tablet .group-8-cbfFhb {
  background-color: transparent;
  bottom: 54px;
  height: 254px;
  position: absolute;
  right: 4.56%;
  width: 356px;
}

.tablet .group-4-eq2hqU {
  background-color: transparent;
  height: 53px;
  left: 280px;
  position: absolute;
  top: 0px;
  width: 76px;
}

.tablet .social-EqgTmn {
  background-color: transparent;
  color: var(--gravel);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 12px;
  letter-spacing: 0.06px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: 60px;
}

.tablet .group-2-EqgTmn {
  background-color: transparent;
  cursor: pointer;
  height: 22px;
  left: 54px;
  position: absolute;
  top: 31px;
  width: 22px;
}

.tablet .fill-149-FB9mRm {
  background-color: transparent;
  height: 22px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 22px;
}

.tablet .fill-150-FB9mRm {
  background-color: transparent;
  height: 11px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 11px;
}

.tablet .fill-151-FB9mRm {
  background-color: transparent;
  height: 3px;
  left: 15px;
  position: absolute;
  top: 4px;
  width: 3px;
}

.tablet .fill-152-EqgTmn {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 34px;
  position: absolute;
  top: 32px;
  width: 10px;
}

.tablet .group-3-EqgTmn {
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 0px;
  position: absolute;
  top: 32px;
  width: 24px;
}

.tablet .group-3-G2ONtu {
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 24px;
}

.tablet .group-6-eq2hqU {
  background-color: transparent;
  cursor: pointer;
  height: 36px;
  left: 0px;
  position: absolute;
  top: 218px;
  width: 356px;
}

.tablet .group-5-bLn3oW {
  background-color: transparent;
  height: 36px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 356px;
}

.tablet .website-design-van-d-ccYTjU {
  background-color: transparent;
  font-weight: 400;
  height: auto;
  left: -2px;
  letter-spacing: 0.06px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 0px;
  width: 187px;
}

.tablet .image-1-ccYTjU {
  background-color: transparent;
  height: 28px;
  left: 206px;
  position: absolute;
  top: 5px;
  width: 150px;
}

.tablet .path-3-ccYTjU {
  background-color: transparent;
  height: 29px;
  left: 195px;
  position: absolute;
  top: 3px;
  width: 3px;
}

.tablet .read-prop-proudly-pr-I45tVA {
  background-color: transparent;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.64px;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 605px;
  width: 554px;
}

.tablet .rectangle-I45tVA {
  background-color: transparent;
  height: 457px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 767px;
  width: 100%;
}

.tablet .desktop-project-details-I45tVA {
  background-color: transparent;
  height: 348px;
  left: 0px;
  position: absolute;
  top: 1318px;
  width: 100.07%;
}

.tablet .rectangle-9TXoEz {
  background-color: var(--gravel-2);
  height: 348px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 768px;
}

.tablet .property-description-9TXoEz {
  background-color: transparent;
  font-weight: 400;
  height: auto;
  left: 55.34%;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 25px;
  width: 267px;
}

.tablet .group-9TXoEz {
  background-color: transparent;
  height: 217px;
  left: 6.51%;
  position: absolute;
  top: 44px;
  width: 301px;
}

.tablet .property-title-vtYeBv {
  background-color: transparent;
  font-weight: 400;
  height: auto;
  left: 38px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 73px;
  width: 225px;
}

.tablet .visit-website-and-make-enquiry-group-vtYeBv {
  background-color: transparent;
  height: 15px;
  left: 13px;
  position: absolute;
  top: 202px;
  width: 275px;
}

.tablet .visit-website-group-eTQOT0 {
  background-color: transparent;
  cursor: pointer;
  height: 15px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 103px;
}

.tablet .visit-website-text-ERxkqn {
  background-color: transparent;
  color: var(--grandis-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 0px;
  letter-spacing: 0.46px;
  line-height: 13.8px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.tablet .visit-website-arrow-image-ERxkqn {
  background-color: transparent;
  height: 11px;
  left: 91px;
  position: absolute;
  top: 2px;
  width: 12px;
}

.tablet .make-an-enquiry-group-eTQOT0 {
  background-color: transparent;
  cursor: pointer;
  height: 15px;
  left: 150px;
  position: absolute;
  top: 0px;
  width: 125px;
}

.tablet .make-an-enquiry-pYZERT {
  background-color: transparent;
  color: var(--grandis-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 0px;
  letter-spacing: 0.46px;
  line-height: 13.8px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.tablet .make-an-enquiry-arrow-image-pYZERT {
  background-color: transparent;
  height: 11px;
  left: 113px;
  position: absolute;
  top: 2px;
  width: 12px;
}

.tablet .logo-image-vtYeBv {
  background-color: transparent;
  height: 44px;
  left: 56px;
  position: absolute;
  top: 0px;
  width: 190px;
}

.tablet .view-gallery-and-watch-video-group-vtYeBv {
  background-color: transparent;
  height: 27px;
  left: 0px;
  position: absolute;
  top: 143px;
  width: 301px;
}

.tablet .group-2-b3BHZa {
  background-color: transparent;
  cursor: pointer;
  height: 27px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 140px;
}

.tablet .platforma-wireframe-kit-copy-26-uuRcCH {
  background-color: transparent;
  font-weight: 400;
  height: auto;
  left: 51px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: 89px;
}

.tablet .bitmap-uuRcCH {
  background-color: transparent;
  height: 27px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 39px;
}

.tablet .group-5-b3BHZa {
  background-color: transparent;
  cursor: pointer;
  height: 27px;
  left: 151px;
  position: absolute;
  top: 0px;
  width: 150px;
}

.tablet .platforma-wireframe-kit-copy-27-6P1gFx {
  background-color: transparent;
  font-weight: 400;
  height: auto;
  left: 57px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: 93px;
}

.tablet .bitmap-6P1gFx {
  background-color: transparent;
  height: 27px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 39px;
}

.tablet .left-bar-rectangle-9TXoEz {
  background-color: var(--whiskey);
  height: 99px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 9px;
}

.tablet .dividing-line-9TXoEz {
  background-color: transparent;
  height: 292px;
  margin-left: -0px;
  margin-right: 0px;
  position: absolute;
  top: 6px;
  width: 4px;
}
@media screen and (max-width: 767px) {
  .screen.tablet { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
  .screen.full-project { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
  .screen.mobile { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
  .screen.full-project { 
    display: none;
   }
}
@media screen and (min-width: 1240px) and (max-width: 1899px) {
  .screen.tablet { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 1900px) {
  .screen.tablet { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
  .screen.full-project { 
    display: none;
   }
}