<!DOCTYPE html><html
  class="js svg flexbox csstransforms"
  lang="en-US" xmlns="http://www.w3.org/1999/xhtml"
><head><title>Villa Rocha - Hong Kong Property - Luxury Homes Real Estate Agent | Habitat</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
    /><style>
      [x-cloak] {
        display: none !important;
      }
    </style><meta http-equiv="X-UA-Compatible" content="ie=edge"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="alternate" hreflang="zh-HK" href="https://www.habitat-property.com/zh/residential/for-sale/10-broadwood-road-villa-rocha-blk-a-sysid005150-8716" /><link rel="alternate" hreflang="en-US" href="https://www.habitat-property.com/residential/for-sale/10-broadwood-road-villa-rocha-blk-a-sysid005150-8716" /><link rel="alternate" hreflang="x-default" href="https://www.habitat-property.com/residential/for-sale/10-broadwood-road-villa-rocha-blk-a-sysid005150-8716" /><link rel="alternate" hreflang="zh-CN" href="https://www.habitat-property.com/cn/residential/for-sale/10-broadwood-road-villa-rocha-blk-a-sysid005150-8716" /><script type="application/ld+json">{
	"@context":"https://schema.org",
	"@type":"Product",
	"name":"Villa Rocha",
	"image":[
		"https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/1bcee58a61974fbe055406c2044a2f1b.jpg/public",
		"https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/485810b5a63d006d5a3efa4882a7b923.jpg/public",
		"https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/b13cb7a45508a80010e83db1982de8e0.jpg/public",
		"https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/1243ec6381925236b568ceb1c82902b2.jpg/public",
		"https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/f96fd7d0f48534dd7b44a030bd739ce6.jpg/public",
		"https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/078182f9137dadbdd4c8d7e0381ea0d3.jpg/public",
		"https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/724c41b22f0923a2d7137cfd1b74e91f.jpg/public",
		"https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/36cf4a1b4cd7e354c0dd39047fb53f6a.jpg/public",
		"https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/8951ad11b28bb85ff958a5155da399ff.jpg/public",
		"https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/58405ffe629b68e7bb368613322c9648.jpg/public",
		"https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/272e99b2707f84521bf1965db8aedb4e.jpg/public",
		"https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/1a73cf76801f0e92e735e7ceff6f5f65.jpg/public",
		"https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/67b1511ddd1e585f587a9b849cd4d0d4.jpg/public"
	],
	"offers":{
		"@type":"Offer",
		"priceCurrency":"HKD",
		"price":"24,810,000",
		"availability":"http://schema.org/InStock",
		"url":"https://www.habitat-property.com/residential/for-sale/10-broadwood-road-villa-rocha-blk-a-sysid005150-8716"
	},
	"description":"* Generous 3 bedrooms\n* Lovely racecourse view\n* Great for couples or small families\n* Swimming pool and playground in complex\n* Convenient location\n* 1 carparking space"
}</script><link rel="canonical" href="https://www.habitat-property.com/residential/for-sale/10-broadwood-road-villa-rocha-blk-a-sysid005150-8716" /><meta name="title" content="Villa Rocha - Hong Kong Property - Luxury Homes Real Estate Agent | Habitat"><meta name="description" content="* Generous 3 bedrooms
* Lovely racecourse view
* Great for couples or small families
* Swimming pool and playground in complex
* Convenient location
* 1 carpark"><meta name="twitter:card" content="summary" /><meta property="og:url" content="https://www.habitat-property.com/residential/for-sale/10-broadwood-road-villa-rocha-blk-a-sysid005150-8716" /><meta property="og:title" content="Villa Rocha - Hong Kong Property - Luxury Homes Real Estate Agent | Habitat" /><meta property="og:description" content="* Generous 3 bedrooms
* Lovely racecourse view
* Great for couples or small families
* Swimming pool and playground in complex
* Convenient location
* 1 carpark" /><meta property="og:image" content="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/1bcee58a61974fbe055406c2044a2f1b.jpg/public" /><link rel="icon" href="https://r2.ms.propertyraptor.com/habitat_favicon-01-b3f0878b-082e-4e19-888f-94c9a43cc0a0.png" type="image/x-icon" /><style class="theme-global-style">
    :root {
      --swup-overlay-theme-color: rgb(var(--primaryColor));
      --swup-overlay-theme-skew: 15deg;
      .swup-progress-bar {
        height: 4px;
        background-color: rgb(var(--primaryColor));
      }
    }
    :root {
      
      --primaryColor: 18, 18, 18; 
      --secondaryColor-01: 18, 18, 18; 
      --secondaryColor-02: 102, 102, 102; 
      --secondaryColor-03: 153, 153, 153; 
      --secondaryColor-04: 204, 204, 204; 
      --secondaryColor-05: 238, 238, 238; 
      --secondaryColor-06: 255, 255, 255; 
      --secondaryColor-07: 0, 102, 102; 
      --secondaryColor-08: 136, 136, 136; 
      --secondaryColor-09: 250, 250, 250; 
      --secondaryColor-10: 255, 100, 0; 
    }

    :root {
      --globalFont: Matter, "Noto Sans SC", sans-serif;;
      --headFont: Season-Serif, "Noto Sans SC", serif;;
      --layoutWaxWidth: 1320px;
    }

    @media (max-width: 1320px) {
      :root {
        --layoutWaxWidth: 100%;
      }
    }

    :root {
      --globalFloatingIconAiChat: none;
      --globalFloatingIconWhatsApp: none;
      --globalFloatingIconFacebookMessenger: none;
      --globalFloatingIconLine: none;
      --globalFloatingIconPhone: none;
      --globalFloatingIconEmail: none;
      --globalFloatingIconWishlist: none;
      --globalFloatingIconPreferences: none;
      --globalFloatingIconLang: none;
      --globalFloatingIconUnit: none;
      --globalFloatingIconCurrency: none;
      --globalFloatingIconBackToTop: flex;
      --globalShowCookies: 1;
    }
  </style><script
    type="module"
  >
    window.AOS_ANIMATION_CONFIG = {
      disable: false, // accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function
      startEvent: "DOMContentLoaded", // name of the event dispatched on the document, that AOS should initialize on
      initClassName: "aos-init", // class applied after initialization
      animatedClassName: "aos-animate", // class applied on animation
      useClassNames: false, // if true, will add content of `data-aos` as classes on scroll
      disableMutationObserver: true, // disables automatic mutations' detections (advanced)
      debounceDelay: 50, // the delay on debounce used while resizing window (advanced)
      throttleDelay: 99, // the delay on throttle used while scrolling the page (advanced)
      // Settings that can be overridden on per-element basis, by `data-aos-*` attributes:
      offset: 20, // offset (in px) from the original trigger point
      delay: 150, // values from 0 to 3000, with step 50ms
      duration: 800, // values from 0 to 3000, with step 50ms
      easing: "raptor-cubic-bezier", // default easing for AOS animations
      once: true, // whether animation should happen only once - while scrolling down
      mirror: true, // whether elements should animate out while scrolling past them
      anchorPlacement: "top-bottom", // defines which position of the element regarding to window should trigger the animation
    };
    window.addEventListener("load", () => {
      const animationType = "slide-up";
      const aosAnimationType =
        animationType === "slide-up" ? "fade-up" : animationType === "slide-in" ? "fade-right" : "";
      if (animationType !== "fade-up") {
        const allAosElement = document.querySelectorAll("[data-aos]");
        for (let i = 0; i < allAosElement.length; i++) {
          const currentElement = allAosElement[i];
          if (currentElement.getAttribute("data-aos-no-replace") !== null) {
            return;
          }
          allAosElement[i].setAttribute("data-aos", aosAnimationType);
        }
      }
    });
  </script><script>
    window.SWUP_ANIMATION = {
      animationType: "fade",
      progressBar: true,
    };
  </script><script>
    window.GoogleMapsDefaultConfig = {
      zoom: 15,
      streetViewControl: false,
      zoomControl: true,
      scrollwheel: false,
      scaleControl: true,
      mapTypeControl: true,
      rotateControl: false,
      fullscreenControl: true,
      mapTypeId: "roadmap",
    };
  </script><link
      rel="preload"
      as="style"
      type="text/css"
      onload="this.onload=null;this.rel='stylesheet'"
      href="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/1.90.3/iconfont/iconfont.css?v=1.90.3"
    /><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap" rel="stylesheet"><link
      rel="preload"
      as="style"
      type="text/css"
      onload="this.onload=null;this.rel='stylesheet'"
      href="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/css/aos.css?v=1.90.3"
    /><link
      rel="preload"
      as="style"
      type="text/css"
      onload="this.onload=null;this.rel='stylesheet'"
      href="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/1.90.3/css/tailwind.css?v=1.90.3"
    /><link
      rel="preload"
      as="style"
      type="text/css"
      onload="this.onload=null;this.rel='stylesheet'"
      href="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/1.90.3/css/main.css?v=1.90.3"
    /><style>
      [data-aos][data-aos][data-aos-easing="raptor-cubic-bezier"],
      body[data-aos-easing="raptor-cubic-bezier"] [data-aos] {
        transition-timing-function: cubic-bezier(0.246, 0.75, 0.187, 1);
      }
      .raptor-cubic-bezier {
        transition-timing-function: cubic-bezier(0.246, 0.75, 0.187, 1);
      }
      /* img.LazyLoad-img,
      div.LazyLoad-img {
        opacity: 0;
      } */
    </style><link rel="preload" as="script" href="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/1.90.3/js/main.js?v=1.90.3" /><link rel="preload" as="script" href="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/js/vue.global.prod.js?v=1.90.3" /><script src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/js/vue.global.prod.js?v=1.90.3"></script><script src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/js/alpinejs@3.13.7.min.js?v=1.90.3" defer></script><script src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/js/lazysizes.min.js"></script><script src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/js/choices/choices.min.js"></script></head><body class="template-index dcms-page-container dcms-page-background" data-gr-c-s-loaded="true"><noscript><iframe
          src="https://www.googletagmanager.com/ns.html?id=GTM-T92L4V5"
          height="0"
          width="0"
          style="display: none; visibility: hidden"
        ></iframe></noscript><script type="module">
      window.defaultUnit = "Square Foot";
      window.defaultCurrency = "HKD";
      window.checkHuman = true;
    </script><div id="swup" class="transition-main"><div id="root" class="theme-components RESIDENTIAL_LISTING_DETAIL_PAGE"><div
  class="theme-component theme-component-header comp-header dcms-page-header transition-transform ease-linear w-full top-0 z-30 text-sm sticky duration-300"
  style="transform: translateY(0px)"
  v-scope
><div class="header-container relative z-5"><div class="header"><div
        class="menu-container py-2 h-[68px] container mx-auto"
      ><div class="flex items-center justify-between lg:justify-center px-4 md:px-8 h-full"><div class="logo self-center"><a class="logo-default" href="/" aria-label="logo"><img
                src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/icons/habitat_logo.svg?v=1.85.2"
                alt="Hong Kong Property - Luxury Homes Real Estate Agent | Habitat"
                class="object-cover w-[112px] max-w-[112px] h-auto logo-black"
                data-cloudflare="base@size=400x200"
                width="112"
                height="43"
              /><img
                src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/icons/habitat_logo_white.svg?v=1.85.2"
                alt="Hong Kong Property - Luxury Homes Real Estate Agent | Habitat"
                class="object-cover w-[112px] max-w-[112px] h-auto logo-white hidden"
                data-cloudflare="base@size=400x200"
                width="112"
                height="43"
              /></a></div><div
            class="menus lg:flex-1 hidden lg:block top-[60px] bottom-0 left-0 right-0 overflow-auto lg:overflow-visible safe-area-bottom"
          ><ul
              class="flex flex-wrap lg:flex-nowrap items-center lg:space-x-8 space-x-0 container mx-auto px-4 md:px-8 lg:px-0 lg:pl-[118px] menus-ul main-menus-ul"
            ><li
                  class="relative flex flex-wrap lg:flex-nowrap items-center  w-full lg:w-auto border-b border-secondary-04 lg:border-none"
                ><a
                    class="truncate parent-menus w-full py-4 lg:p-auto flex show-loading"
                    href="/listing/for-sale"
                    data-menu-id="9b6f69c3-a08e-4258-8a94-de7405c30a6e" data-menu-href="/listing/for-sale" target="_self" aria-label="Buy"
                  >Buy</a></li><li
                  class="relative flex flex-wrap lg:flex-nowrap items-center  w-full lg:w-auto border-b border-secondary-04 lg:border-none"
                ><a
                    class="truncate parent-menus w-full py-4 lg:p-auto flex show-loading"
                    href="/listing/for-rent"
                    data-menu-id="36f8311c-69bd-4ef0-ab97-eb8ef2572bd9" data-menu-href="/listing/for-rent" target="_self" aria-label="Rent"
                  >Rent</a></li><li
                  class="relative flex flex-wrap lg:flex-nowrap items-center  w-full lg:w-auto border-b border-secondary-04 lg:border-none"
                ><a
                    class="truncate parent-menus w-full py-4 lg:p-auto flex show-loading"
                    href="/our-team"
                    data-menu-href="/our-team" target="_self" aria-label="Agents"
                  >Agents</a></li><li
                  class="relative flex flex-wrap lg:flex-nowrap items-center  w-full lg:w-auto border-b border-secondary-04 lg:border-none"
                ><a
                    class="truncate parent-menus w-full py-4 lg:p-auto flex show-loading"
                    href="/property-management"
                    data-menu-href="/property-management" target="_self" aria-label="Property Management"
                  >Property Management</a></li><li
                  class="relative flex flex-wrap lg:flex-nowrap items-center  w-full lg:w-auto border-b border-secondary-04 lg:border-none"
                ><a
                    class="truncate parent-menus w-full py-4 lg:p-auto flex show-loading"
                    href="/news/neighbourhoods"
                    data-menu-href="/news/neighbourhoods" target="_self" aria-label="Neighbourhoods"
                  >Neighbourhoods</a></li></ul></div><div class="hidden lg:block"><div class="preference-list px-4 md:px-8"><div class="items-center gap-x-6 flex"><div class="group relative cursor-pointer current-language-wrap"><div class="flex items-center gap-x-1 h-12"><span class="current-language"></span><span class="iconfont icon-outline-language2"></span></div><div
          class="hidden group-hover:block absolute -left-4 bg-white text-secondary-01 min-w-[100px] max-h-[200px] overflow-y-auto shadow preference-wrap z-10 top-full"
        ><div
            class="px-4 py-2 preference-item"
            value="en"
            onclick="updatePreferenceLang(this)"
          >English</div><div
            class="px-4 py-2 preference-item"
            value="cn"
            onclick="updatePreferenceLang(this)"
          >简体中文</div><div
            class="px-4 py-2 preference-item"
            value="zh"
            onclick="updatePreferenceLang(this)"
          >繁體中文</div></div></div><div class="group relative cursor-pointer current-measure-wrap"><div class="flex items-center gap-x-1 h-12"><span class="current-measure"></span><span class="iconfont icon-outline-arrow-down transition-all group-hover:rotate-180"></span></div><div
          class="hidden group-hover:block absolute -left-4 bg-white text-secondary-01 min-w-[100px] max-h-[200px] overflow-y-auto shadow preference-wrap z-10 top-full"
        ><div
            class="px-4 py-2 preference-item"
            value="Square Meter"
            onclick="updatePreferenceMeasure(this)"
          >S.M.</div><div
            class="px-4 py-2 preference-item"
            value="Square Foot"
            onclick="updatePreferenceMeasure(this)"
          >S.F.</div></div></div></div></div></div><div class="flex items-center gap-x-4 lg:gap-x-6"><div class=""><a
                class="ms-button w-9 h-9 relative overflow-visible space-x-0 saved-items-btn"
                ms-type="hollow"
                border
                href="/saved-item"
                aria-label="wishlist" data-menu-id="2ab952f6-2526-495b-8a68-b73286e2d3c6" title="Wish List"
              ><ms-badge :count="window.$globalStore.wishlistCount"></ms-badge><i class="iconfont icon-outline-star text-base"></i></a></div><div class="flex lg:border border-secondary-01 contact-item contact-us-btn"><a
                href="/contact-us"
                class="py-2 px-4"
              >Contact</a></div><div class="" onclick="setShow()"><button class="flex items-center w-[30px] h-[30px]" aria-label="menu"><img
                  src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/1.81.9/project_file/menu-icon-101e1b0f-3fe9-439a-85f5-2dafc5d9543d.svg"
                  alt="menu-icon"
                  class="menu-icon"
                /><img
                  src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/1.81.9/project_file/menu-icon-white-d073be64-b692-4266-8e15-3d15ef2faf1a.svg"
                  alt="menu-icon"
                  class="menu-icon-white hidden"
                /></button></div><div
              class="fixed top-0 left-0 lg:left-[50%] right-0 bottom-0 h-screen z-50 bg-secondary-01 safe-area-bottom flex flex-col popup-menus-wrap transition-all overflow-hidden"
              style="left: 100%"
            ><div class="absolute right-4 top-5 w-6 h-6 cursor-pointer" onclick="setShow()"><i class="iconfont icon-outline-close text-2xl leading-none text-secondary-06"></i></div><div class="text-secondary-06 inline-block my-6"><div class="lg:hidden"><div class="flex items-center px-4 md:px-8 pb-4"><a class="logo-default" href="/" aria-label="logo"><img
                        src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/icons/habitat_logo_white.svg?v=1.85.2"
                        alt="Hong Kong Property - Luxury Homes Real Estate Agent | Habitat"
                        class="object-cover w-[112px] max-w-[112px] h-auto logo-white"
                        data-cloudflare="base@size=400x200"
                        width="112"
                        height="43"
                      /></a></div></div><ul
                  class="flex flex-col flex-wrap lg:justify-center container mx-auto lg:mx-0 pb-6 lg:pb-0 px-4 md:px-8 menus-ul popup-menus-ul text-3xl font-headFont lg:w-2/3 lg:min-w-[60%] active"
                ><li
                      class="relative flex flex-wrap items-center w-full  w-full lg:w-auto "
                      index="0"
                      onclick="setActiveMenu(this)" has-child="true"
                    ><button
                        class="parent-menus w-full flex items-center justify-between show-loading cursor-pointer py-1" data-menu-href="javascript:void(0);" target="_self" aria-label="Buy"
                      ><span class="truncate">Buy</span><i
                          class="iconfont icon-outline-arrow-down ml-1 transition-all text-xl"
                        ></i></button><div class="son-menus popup-menus"><div class="pt-2 md:pt-1"><ul class="son-menus-ul overflow-hidden"><li onclick="event.stopPropagation()"><a
                                  class="block"
                                  style="white-space: nowrap"
                                  href="/listing/for-sale"
                                  aria-label="Hong Kong"
                                >Hong Kong</a></li></ul></div></div></li><li
                      class="relative flex flex-wrap items-center w-full  w-full lg:w-auto "
                      index="1"
                      onclick="setActiveMenu(this)" has-child="true"
                    ><button
                        class="parent-menus w-full flex items-center justify-between show-loading cursor-pointer py-1" data-menu-href="javascript:void(0);" target="_self" aria-label="Rent"
                      ><span class="truncate">Rent</span><i
                          class="iconfont icon-outline-arrow-down ml-1 transition-all text-xl"
                        ></i></button><div class="son-menus popup-menus"><div class="pt-2 md:pt-1"><ul class="son-menus-ul overflow-hidden"><li onclick="event.stopPropagation()"><a
                                  class="block"
                                  style="white-space: nowrap"
                                  href="/listing/for-rent"
                                  aria-label="Hong Kong" data-menu-id="36f8311c-69bd-4ef0-ab97-eb8ef2572bd9"
                                >Hong Kong</a></li></ul></div></div></li><li
                      class="relative flex flex-wrap items-center w-full  w-full lg:w-auto single"
                      index="2"
                      onclick="setActiveMenu(this)" has-child="false"
                    ><a
                        class="parent-menus w-full flex items-center justify-between show-loading py-1"
                        href="/our-team"
                        data-menu-href="/our-team" target="_self" aria-label="Agents"
                      ><span class="truncate">Agents</span><i
                          class="iconfont icon-outline-arrow-right ml-1 transition-all text-xl"
                        ></i></a></li><li
                      class="relative flex flex-wrap items-center w-full  w-full lg:w-auto single"
                      index="3"
                      onclick="setActiveMenu(this)" has-child="false"
                    ><a
                        class="parent-menus w-full flex items-center justify-between show-loading py-1"
                        href="/property-management"
                        data-menu-href="/property-management" target="_self" aria-label="Property Management"
                      ><span class="truncate">Property Management</span><i
                          class="iconfont icon-outline-arrow-right ml-1 transition-all text-xl"
                        ></i></a></li><li
                      class="relative flex flex-wrap items-center w-full  w-full lg:w-auto "
                      index="4"
                      onclick="setActiveMenu(this)" has-child="true"
                    ><button
                        class="parent-menus w-full flex items-center justify-between show-loading cursor-pointer py-1" data-menu-href="/journal" target="_self" aria-label="Journal"
                      ><span class="truncate">Journal</span><i
                          class="iconfont icon-outline-arrow-down ml-1 transition-all text-xl"
                        ></i></button><div class="son-menus popup-menus"><div class="pt-2 md:pt-1"><ul class="son-menus-ul overflow-hidden"><li onclick="event.stopPropagation()"><a
                                  class="block"
                                  style="white-space: nowrap"
                                  href="/news/neighbourhoods"
                                  aria-label="Neighbourhood"
                                >Neighbourhood</a></li><li onclick="event.stopPropagation()"><a
                                  class="block"
                                  style="white-space: nowrap"
                                  href="/news/market-news"
                                  aria-label="Market News"
                                >Market News</a></li><li onclick="event.stopPropagation()"><a
                                  class="block"
                                  style="white-space: nowrap"
                                  href="/news/press"
                                  aria-label="Press"
                                >Press</a></li><li onclick="event.stopPropagation()"><a
                                  class="block"
                                  style="white-space: nowrap"
                                  href="/news/other"
                                  aria-label="Other"
                                >Other</a></li></ul></div></div></li><li
                      class="relative flex flex-wrap items-center w-full  w-full lg:w-auto single"
                      index="5"
                      onclick="setActiveMenu(this)" has-child="false"
                    ><a
                        class="parent-menus w-full flex items-center justify-between show-loading py-1"
                        href="/about-us"
                        data-menu-href="/about-us" target="_self" aria-label="About Us"
                      ><span class="truncate">About Us</span><i
                          class="iconfont icon-outline-arrow-right ml-1 transition-all text-xl"
                        ></i></a></li><li
                      class="relative flex flex-wrap items-center w-full  w-full lg:w-auto single"
                      index="6"
                      onclick="setActiveMenu(this)" has-child="false"
                    ><a
                        class="parent-menus w-full flex items-center justify-between show-loading py-1"
                        href="/careers"
                        data-menu-href="/careers" target="_self" aria-label="Careers"
                      ><span class="truncate">Careers</span><i
                          class="iconfont icon-outline-arrow-right ml-1 transition-all text-xl"
                        ></i></a></li></ul></div><div class="text-secondary-06 lg:hidden"><div class="preference-list px-4 md:px-8"><div class="items-center gap-x-6 flex"><div class="group relative cursor-pointer current-language-wrap"><div class="flex items-center gap-x-1 h-12"><span class="current-language"></span><span class="iconfont icon-outline-language2"></span></div><div
          class="hidden group-hover:block absolute -left-4 bg-white text-secondary-01 min-w-[100px] max-h-[200px] overflow-y-auto shadow preference-wrap z-10 bottom-full"
        ><div
            class="px-4 py-2 preference-item"
            value="en"
            onclick="updatePreferenceLang(this)"
          >English</div><div
            class="px-4 py-2 preference-item"
            value="cn"
            onclick="updatePreferenceLang(this)"
          >简体中文</div><div
            class="px-4 py-2 preference-item"
            value="zh"
            onclick="updatePreferenceLang(this)"
          >繁體中文</div></div></div><div class="group relative cursor-pointer current-measure-wrap"><div class="flex items-center gap-x-1 h-12"><span class="current-measure"></span><span class="iconfont icon-outline-arrow-down transition-all group-hover:rotate-180"></span></div><div
          class="hidden group-hover:block absolute -left-4 bg-white text-secondary-01 min-w-[100px] max-h-[200px] overflow-y-auto shadow preference-wrap z-10 bottom-full"
        ><div
            class="px-4 py-2 preference-item"
            value="Square Meter"
            onclick="updatePreferenceMeasure(this)"
          >S.M.</div><div
            class="px-4 py-2 preference-item"
            value="Square Foot"
            onclick="updatePreferenceMeasure(this)"
          >S.F.</div></div></div></div></div></div><div class="px-4 md:px-8 my-8"><div><ul class="flex items-center gap-x-5" role="menu" aria-labelledby="social"><li class="flex items-center" role="menuitem"><a
                        target="_target"
                        href="https://www.linkedin.com/company/habitat-property/"
                        aria-label="LinkedIn"
                      ><span
                          class="iconfont text-2xl leading-none text-secondary-06 icon-filled-linkedin"
                        ></span></a></li><li class="flex items-center" role="menuitem"><a
                        target="_target"
                        href="https://www.instagram.com/habitatproperty/"
                        aria-label="Instagram"
                      ><span
                          class="iconfont text-2xl leading-none text-secondary-06 icon-filled-instagram"
                        ></span></a></li><li class="flex items-center" role="menuitem"><a
                        target="_target"
                        href="https://open.spotify.com/user/6txzqiijndoidb4mikyw3mewa?si=0TLVZfqxTWWopKneLJBn2g"
                        aria-label="Spotify"
                      ><span
                          class="iconfont text-2xl leading-none text-secondary-06 icon-filled-spotify"
                        ></span></a></li><li class="flex items-center" role="menuitem"><a
                        target="_target"
                        href="https://www.facebook.com/habitatproperty/"
                        aria-label="Facebook"
                      ><span
                          class="iconfont text-2xl leading-none text-secondary-06 icon-filled-facebook"
                        ></span></a></li><li class="flex items-center" role="menuitem"><a
                        target="_target"
                        href="https://www.xiaohongshu.com/user/profile/6343ec8000000000180295b6"
                        aria-label="Xiaohongshu"
                      ><span
                          class="iconfont text-2xl leading-none text-secondary-06 icon-filled-xiaohongshu"
                        ></span></a></li></ul></div><div class="text-secondary-06 mt-10 header-contact-info"></div></div></div></div></div></div></div></div></div><script>
  /* header scrolly start */
  var specialPage =
    window.location.pathname.endsWith("/") ||
    window.location.pathname.endsWith("/cn") ||
    window.location.pathname.endsWith("/zh") ||
    window.location.pathname.endsWith("/about-us") ||
    window.location.pathname.endsWith("/property-management");
  function scrollYHandler() {
    if (specialPage) {
      var header = document.querySelector(".comp-header");
      var logoBlack = header.querySelector(".logo-default .logo-black");
      var logoWhite = header.querySelector(".logo-default .logo-white");
      var contactUsBtn = header.querySelector(".contact-us-btn");
      // var menuBtn = header.querySelector(".icon-outline-menu");
      var menuIcon = header.querySelector(".menu-icon");
      var menuIconWhite = header.querySelector(".menu-icon-white");
      var savedItemsBtn = header.querySelector(".saved-items-btn");
      var y = window.scrollY;
      if (y != 0) {
        header.classList.remove("header-transparent");
        logoBlack.classList.remove("hidden");
        logoWhite.classList.add("hidden");
        contactUsBtn.classList.remove("border-secondary-06");
        menuIcon.classList.remove("hidden");
        menuIconWhite.classList.add("hidden");
        // menuBtn.classList.remove("text-secondary-06");
        savedItemsBtn.removeAttribute("dark");
      } else {
        header.classList.add("header-transparent");
        logoBlack.classList.add("hidden");
        logoWhite.classList.remove("hidden");
        contactUsBtn.classList.add("border-secondary-06");
        menuIcon.classList.add("hidden");
        menuIconWhite.classList.remove("hidden");
        // menuBtn.classList.add("text-secondary-06");
        savedItemsBtn.setAttribute("dark", true);
      }
    }
  }
  function init() {
    var header = document.querySelector(".comp-header");
    var root = document.querySelector("#dcms-component-root");
    if (specialPage) {
      header.classList.add("header-transparent");
      root.classList.add("offset");
      scrollYHandler();
    }
  }
  window.addEventListener("load", init);
  window.addEventListener("scroll", scrollYHandler);
  /* header scrolly end */

  /* preference list start*/

  /* helper utils start */
  var docCookies = {
    getItem: function (sKey) {
      return (
        decodeURIComponent(
          document.cookie.replace(
            new RegExp(
              "(?:(?:^|.*;)\\s*" + encodeURIComponent(sKey).replace(/[-.+*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$",
            ),
            "$1",
          ),
        ) || null
      );
    },
    setItem: function (sKey, sValue, vEnd, sPath, sDomain, bSecure) {
      if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) {
        return false;
      }
      var sExpires = "";
      if (vEnd) {
        switch (vEnd.constructor) {
          case Number:
            sExpires = vEnd === Infinity ? "; expires=Fri, 31 Dec 9999 23:59:59 GMT" : "; max-age=" + vEnd;
            break;
          case String:
            sExpires = "; expires=" + vEnd;
            break;
          case Date:
            sExpires = "; expires=" + vEnd.toUTCString();
            break;
        }
      }
      document.cookie =
        encodeURIComponent(sKey) +
        "=" +
        encodeURIComponent(sValue) +
        sExpires +
        (sDomain ? "; domain=" + sDomain : "") +
        (sPath ? "; path=" + sPath : "") +
        (bSecure ? "; secure" : "");
      return true;
    },
    // removeItem: function (sKey, sPath, sDomain) {
    //   if (!sKey || !this.hasItem(sKey)) {
    //     return false;
    //   }
    //   document.cookie =
    //     encodeURIComponent(sKey) +
    //     "=; expires=Thu, 01 Jan 1970 00:00:00 GMT" +
    //     (sDomain ? "; domain=" + sDomain : "") +
    //     (sPath ? "; path=" + sPath : "");
    //   return true;
    // },
    // hasItem: function (sKey) {
    //   return new RegExp("(?:^|;\\s*)" + encodeURIComponent(sKey).replace(/[-.+*]/g, "\\$&") + "\\s*\\=").test(
    //     document.cookie,
    //   );
    // },
    // keys: /* optional method: you can safely remove it! */ function () {
    //   var aKeys = document.cookie
    //     .replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, "")
    //     .split(/\s*(?:\=[^;]*)?;\s*/);
    //   for (var nIdx = 0; nIdx < aKeys.length; nIdx++) {
    //     aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]);
    //   }
    //   return aKeys;
    // },
  };
  var timer = null;
  var currentLanguage = getCurrentLanguage();
  window.currentLanguage = currentLanguage;
  function makeSureI18n(cb) {
    var str = window.localStorage.getItem("ms_i18n_table");
    if (!str || !str.length) {
      clearTimeout(timer);
      timer = null;
      timer = setTimeout(() => {
        makeSureI18n(cb);
      }, 200);
    } else {
      const data = JSON.parse(str)?.data[currentLanguage] || [];
      if (!data.length) {
        clearTimeout(timer);
        timer = null;
        timer = setTimeout(() => {
          makeSureI18n(cb);
        }, 200);
      } else {
        var language = getI18n(currentLanguage, currentLanguage);
        const currentMeasure = "Square Foot";
        var measure = getI18n(currentMeasure + "4", currentLanguage);
        const currentCurrency = "HKD";
        var currency = getI18n(currentCurrency, currentLanguage);
        if (!currentLanguage || !language || !measure || !currency) {
          clearTimeout(timer);
          timer = null;
          timer = setTimeout(() => {
            makeSureI18n(cb);
          }, 200);
        } else {
          cb && cb();
        }
      }
    }
  }
  function getI18n(key, currentLanguage) {
    const data = JSON.parse(window.localStorage.getItem("ms_i18n_table"))?.data[currentLanguage] || [];
    const item = data.find((item) => item.key === key);
    return item?.value;
  }
  function getQueryVariable(variable) {
    const reg = new RegExp("(^|&)" + variable + "=([^&]*)(&|$)");
    const r = window.location.search.substr(1).match(reg);
    if (r != null) {
      return encodeURIComponent(r[2]);
    }
    return null;
  }
  /* helper utils end */

  /* language start */
  function getCurrentLanguage() {
    const pathname = window.location.pathname;
    const match = pathname.match(/\/(en|cn|zh)/);
    if (match && match[1]) {
      return match[1];
    }
    return docCookies.getItem("defaultLanguage") ? decodeURIComponent(docCookies.getItem("defaultLanguage")) : "en";
  }

  function updatePreferenceLang(obj) {
    var language = obj.getAttribute("value");
    if (currentLanguage !== language) {
      const pathname = window.location.pathname.replace(/^\/(en|cn|zh)/, "");
      window.location.pathname = language + pathname;
    }
  }
  /* language end */

  /* measure start */
  const defaultMeasure = "Square Foot";
  function getCurrentMeasureUnit() {
    return docCookies.getItem("sessionScopeMeasureUnit")
      ? decodeURIComponent(docCookies.getItem("sessionScopeMeasureUnit"))
      : defaultMeasure;
  }

  function updatePreferenceMeasure(obj) {
    var measure = obj.getAttribute("value");
    if (!window.$globalStore.editMode) {
      window.dcmsEditorClientEmitter?.changeThemeMeasure(measure);
      window.localStorage.setItem("measure_unit", measure);
    }
    if (getQueryVariable("mode") === "preview") {
      localStorage.setItem("measure", measure);
      const url = replaceUrlParam("measure", measure);
      window.location.href = url;
    }
    docCookies.setItem("sessionScopeMeasureUnit", measure);
    window.location.reload();
  }
  /* measure end */

  /* currency start */
  const defaultCurrency = "HKD";
  function getCurrentCurrency() {
    return docCookies.getItem("sessionScopeCurrency")
      ? decodeURIComponent(docCookies.getItem("sessionScopeCurrency"))
      : defaultCurrency;
  }

  function updatePreferenceCurrency(obj) {
    var currency = obj.getAttribute("value");
    if (!window.$globalStore.editMode) {
      window.dcmsEditorClientEmitter?.changeThemeCurrency(currency);
      window.localStorage.setItem("currency", currency);
    }
    if (getQueryVariable("mode") === "preview") {
      localStorage.setItem("currency", currency);
      const url = replaceUrlParam("currency", currency);
      window.location.href = url;
    }
    docCookies.setItem("sessionScopeCurrency", currency);
    window.location.reload();
  }
  /* currency end */

  function initPreferenceList() {
    var language = getI18n(currentLanguage, currentLanguage);
    var currentLanguageElm = document.querySelectorAll(".preference-list .current-language");
    for (const langElm of currentLanguageElm) {
      langElm.innerText = language;
    }

    // var languagePrefItems = document.querySelectorAll(".current-language-wrap .preference-item");
    // for (var i = 0; i < languagePrefItems.length; i++) {
    //   var item = languagePrefItems[i];
    //   if (item.getAttribute("value") == currentLanguage) {
    //     item.classList.add("bg-secondary-05");
    //   }
    // }

    const currentMeasure = getCurrentMeasureUnit();
    var measure = getI18n(currentMeasure + "4", currentLanguage);
    var currentMeasureElm = document.querySelectorAll(".preference-list .current-measure");
    for (const measureElm of currentMeasureElm) {
      measureElm.innerText = measure;
    }

    // var measurePrefItems = document.querySelectorAll(".current-measure-wrap .preference-item");
    // for (var i = 0; i < measurePrefItems.length; i++) {
    //   var item = measurePrefItems[i];
    //   if (item.getAttribute("value") == currentMeasure) {
    //     item.classList.add("bg-secondary-05");
    //   }
    // }

    const currentCurrency = getCurrentCurrency();
    var currency = getI18n(currentCurrency, currentLanguage);
    var currentCurrencyElm = document.querySelectorAll(".preference-list .current-currency");
    for (const currencyElm of currentCurrencyElm) {
      currencyElm.innerText = currency;
    }

    // var currencyPrefItems = document.querySelectorAll(".current-currency-wrap .preference-item");
    // for (var i = 0; i < currencyPrefItems.length; i++) {
    //   var item = currencyPrefItems[i];
    //   if (item.getAttribute("value") == currentCurrency) {
    //     item.classList.add("bg-secondary-05");
    //   }
    // }
  }
  window.addEventListener("load", makeSureI18n(initPreferenceList));
  /* preference list end*/

  /* popup menus start */
  var popupMenusShow = false;
  function setShow() {
    var popupMenusWrap = document.querySelector(".popup-menus-wrap");
    popupMenusShow = !popupMenusShow;
    if (popupMenusShow) {
      document.body.style.overflow = "hidden";
      popupMenusWrap.style.left = "";
    } else {
      document.body.style.overflow = "auto";
      popupMenusWrap.style.left = "100%";
    }
  }
  function setActiveMenu(menu) {
    var hasChild = menu.getAttribute("has-child");
    var ul = document.querySelector(".popup-menus-ul");
    var allMenus = document.querySelectorAll(".popup-menus-ul>li");
    var status = menu.classList.contains("active");
    if (status && hasChild == "true") {
      menu.classList.remove("active");
    }
    if (!status) {
      for (var i = 0; i < allMenus.length; i++) {
        if (allMenus[i] == menu) {
          allMenus[i].classList.add("active");
        } else {
          allMenus[i].classList.remove("active");
        }
      }
      ul.classList.add("active");
    }
  }
  function initActiveMenu(menuName) {
    var ul = document.querySelector(menuName);
    var allMenus = document.querySelectorAll(menuName + ">li");
    var linkArr = [];
    var pathname = window.location.pathname;
    var locationSearch = window.location.search;
    for (var menu of allMenus) {
      var tem = [];
      menu.querySelectorAll("a").forEach((link) => {
        tem.push(link.getAttribute("href"));
      });
      linkArr.push(tem);
      // var status = menu.classList.contains("active");
      // if (status) {
      //   ul.classList.add("active");
      //   break;
      // }
    }
    var indexLink = 0;
    for (var link of linkArr) {
      for (var l of link) {
        if (pathname.endsWith(l) || (pathname + locationSearch).endsWith(l)) {
          if (!allMenus[indexLink].classList.contains("active")) {
            allMenus[indexLink].classList.add("active");
          }
          break;
        }
      }
      indexLink += 1;
    }
  }
  initActiveMenu(".popup-menus-ul");
  initActiveMenu(".main-menus-ul");
  /* popup menus end */
</script><style class="theme-page-style">
    :root {
      --page_margin_value: 0px;
      --page_margin_top: 0px;
      --page_margin_right: 0px;
      --page_margin_bottom: 0px;
      --page_margin_left: 0px;
      --page_padding_value: 0px;
      --page_padding_top: 0px;
      --page_padding_right: 0px;
      --page_padding_bottom: 0px;
      --page_padding_left: 0px;
      --page_background_color: #fff;
      --page_background_image: url();
      --page_background_repeat: no-repeat;
    }

    .dcms-page-container {
      /* prettier-ignore */
      margin: var(--page_margin_value);
      /* prettier-ignore */
      padding: var(--page_padding_value);
    }

    .dcms-page-background {
      /* prettier-ignore */
      background-color: transparent;
      /* prettier-ignore */
      background-image: none;
      background-repeat: var(--page_background_repeat);
    }

    .dcms-page-header {
      display: block;
    }

    .dcms-page-footer {
      display: block;
    }
  </style><div id="dcms-component-root"><div
  class="theme-component theme-component-page-listing-detail com-page-listing-detail"
  v-scope theme-component-id="69E01510EFE845D7A17CE86517705708" theme-component-randomId="hkuac3KcTF"
><div
    v-add-to-history="{
      type: &#39;RESIDENTIAL_LISTING&#39;,
      id: &#39;a0NRA00000HbXw72AF&#39;,
    }"
  ><div class="page-listing-detail-container"><div class="container mx-auto px-4 md:px-8"><div class="pt-10 md:pt-20 flex items-end justify-between md:pb-5"><div><div><h1
              class="text-secondary-01 text-3xl md:text-5xl leading-normal font-headFont"
            >Villa Rocha</h1></div><div class="text-secondary-01 line-clamp-2 location mt-1 text-sm"><span class="iconfont icon-filled-location align-middle mr-1" role="img" aria-label="location"></span><span class="font-bold">10 Broadwood Road</span><span class="font-bold">, Happy Valley</span></div></div><div class="hidden md:flex items-center gap-x-7"><div class="flex items-center border border-r-0 border-secondary-01"><div
              class="px-3 h-[36px] flex justify-center items-center border-r border-secondary-01 cursor-pointer button-style detail-map-icon-wrap"
              @click="window.bus.emit(window.$globalStore.popupMaps.OPEN_FULLSCREEN_MAP);"
            ><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path
                  d="M10 15.4167L7.5 14.1667M7.5 14.1667L2.5 16.6667V5.83334L7.5 3.33334M7.5 14.1667V3.33334M7.5 3.33334L12.5 5.83334M12.5 5.83334L17.5 3.33334V9.58334M12.5 5.83334V10.4167M15.8333 15V15.0083M17.6008 16.7675C17.9505 16.4179 18.1887 15.9725 18.2852 15.4875C18.3818 15.0025 18.3323 14.4998 18.1431 14.0429C17.9539 13.5861 17.6335 13.1956 17.2223 12.9209C16.8112 12.6461 16.3278 12.4995 15.8333 12.4995C15.3388 12.4995 14.8555 12.6461 14.4443 12.9209C14.0332 13.1956 13.7128 13.5861 13.5236 14.0429C13.3344 14.4998 13.2849 15.0025 13.3814 15.4875C13.478 15.9725 13.7161 16.4179 14.0658 16.7675C14.4142 17.1167 15.0033 17.6383 15.8333 18.3333C16.7092 17.5917 17.2992 17.07 17.6008 16.7675Z"
                  stroke="#1A1A1A"
                  stroke-linecap="square"
                /></svg></div><div
              class="px-1 h-[36px] flex justify-center items-center border-r border-secondary-01 cursor-pointer button-style"
              v-scope
            ><button
                class="ms-button button-style"
                ms-type="plain"
                ms-size="small"
                aria-label="toggle favorite"
                v-add-favorite="{
                  type: &#39;RESIDENTIAL_LISTING&#39;,
                  id: &#39;a0NRA00000HbXw72AF&#39;,
                }"
              ><span class="iconfont leading-none icon-outline-star no-stroke"></span></button></div></div><div><div
              class="flex items-center gap-4 text-btn-style"
              onclick="window.scrollTo({ top: getBoundingClientRectCompat(document.querySelector('input[name=firstName]')).top+getBoundingClientRectCompat(document).top-200, left: 0, behavior: 'smooth', });"
            ><span class="text-sm text">Enquire Now</span><span
                class="border border-secondary-01 text-lg px-3 iconfont icon-outline-arrow-right-long link-arrow-right h-[36px] leading-9"
              ></span></div></div></div></div></div><div class="flex flex-col-reverse md:flex-col"><div class="container mx-auto px-4 md:px-8"><div class="grid grid-cols-2 md:grid-cols-6 gap-4 pt-5 overflow-auto icons-list w-full text-secondary-01 border-t-[1.5px] border-secondary-01"><div class="hidden md:grid grid-cols-4 col-span-2 md:grid-cols-2"><div class="col-span-3 md:col-span-1 grid grid-cols-3"><div><div class="font-bold text-sm uppercase">Bed</div><div class="text-sm">3</div></div><div><div class="font-bold text-sm uppercase">Bath</div><div class="text-sm">2</div></div><div><div class="font-bold text-sm uppercase">Car</div><div class="text-sm">1</div></div></div><div><div class="font-bold text-sm uppercase">Price</div><div class="text-sm">$24.81M</div></div></div><div class="grid md:hidden grid-cols-4 col-span-2 gap-4"><div><div class="font-bold text-sm uppercase">Bed</div><div class="text-sm">3</div></div><div><div class="font-bold text-sm uppercase">Bath</div><div class="text-sm">2</div></div><div><div class="font-bold text-sm uppercase">Car</div><div class="text-sm">1</div></div><div><div class="font-bold text-sm uppercase">Price</div><div class="text-sm">$24.81M</div></div></div><div><div class="font-bold text-sm uppercase space-x-1" v-scope><span>Price Per</span><span class="price-per-unit" v-user-preference="'measure-unit'"></span></div><div class="text-sm" v-scope><ms-unit-area-price
                class="break-words whitespace-pre-line"
                prefix=""
                v-bind:price="&#39;24810000&#39;"
                v-bind:currency="&#39;HKD&#39;"
                v-bind:area="1129.0"
                v-bind:area-unit="&#39;Square Foot&#39;"
                price-converted="$21.00K"
              ></ms-unit-area-price></div></div><div><div class="font-bold text-sm uppercase">Saleable Area</div><div class="text-sm"><p class="w-full" v-scope><ms-measure-unit
                  class="size"
                  area="1129.0"
                  area-unit="Square Foot"
                  measure-converted="1,129.00"
                ></ms-measure-unit></p></div></div><div><div class="font-bold text-sm uppercase">Building Age</div><div class="text-sm">1988</div></div><div><div class="font-bold text-sm uppercase">Property ID</div><div class="text-sm">8716</div></div></div><div class="mt-5 mb-10 md:mt-10 flex md:hidden justify-between items-center gap-x-7"><div class="flex items-center border border-r-0 border-secondary-01"><div
              class="px-3 h-[36px] flex justify-center items-center border-r border-secondary-01 cursor-pointer button-style detail-map-icon-wrap"
              @click="window.bus.emit(window.$globalStore.popupMaps.OPEN_FULLSCREEN_MAP);"
            ><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path
                  d="M10 15.4167L7.5 14.1667M7.5 14.1667L2.5 16.6667V5.83334L7.5 3.33334M7.5 14.1667V3.33334M7.5 3.33334L12.5 5.83334M12.5 5.83334L17.5 3.33334V9.58334M12.5 5.83334V10.4167M15.8333 15V15.0083M17.6008 16.7675C17.9505 16.4179 18.1887 15.9725 18.2852 15.4875C18.3818 15.0025 18.3323 14.4998 18.1431 14.0429C17.9539 13.5861 17.6335 13.1956 17.2223 12.9209C16.8112 12.6461 16.3278 12.4995 15.8333 12.4995C15.3388 12.4995 14.8555 12.6461 14.4443 12.9209C14.0332 13.1956 13.7128 13.5861 13.5236 14.0429C13.3344 14.4998 13.2849 15.0025 13.3814 15.4875C13.478 15.9725 13.7161 16.4179 14.0658 16.7675C14.4142 17.1167 15.0033 17.6383 15.8333 18.3333C16.7092 17.5917 17.2992 17.07 17.6008 16.7675Z"
                  stroke="#1A1A1A"
                  stroke-linecap="square"
                /></svg></div><div
              class="px-1 h-[36px] flex justify-center items-center border-r border-secondary-01 cursor-pointer button-style"
              v-scope
            ><button
                class="ms-button button-style"
                ms-type="plain"
                ms-size="small"
                aria-label="toggle favorite"
                v-add-favorite="{
                  type: &#39;RESIDENTIAL_LISTING&#39;,
                  id: &#39;a0NRA00000HbXw72AF&#39;,
                }"
              ><span class="iconfont leading-none icon-outline-star no-stroke"></span></button></div></div><div><div
              class="flex items-center gap-4 text-btn-style"
              onclick="window.scrollTo({ top: getBoundingClientRectCompat(document.querySelector('input[name=firstName]')).top+getBoundingClientRectCompat(document).top-200, left: 0, behavior: 'smooth', });"
            ><span class="text-sm text">Enquire Now</span><span
                class="border border-secondary-01 text-lg px-3 iconfont icon-outline-arrow-right-long link-arrow-right h-[36px] leading-9"
              ></span></div></div></div></div><div class="py-5 lg:py-20"><div class="page-property-swiper-container page-property-swiper-container-hkuac3KcTF"><div class="photo-gallery-swiper relative" v-scope><div
              class="swiper-container"
              v-swiper="{
                slidesPerView: 1,
                spaceBetween: 40,
                loop: true,
                loopFillGroupWithBlank: true,
                navigation: {
                  nextEl: &#39;.page-property-swiper-container-hkuac3KcTF .photo-gallery-swiper .swiper-button-next&#39;,
                  prevEl: &#39;.page-property-swiper-container-hkuac3KcTF .photo-gallery-swiper .swiper-button-prev&#39;,
                },
                breakpoints: {
                  767: {
                    slidesPerView: 2,
                    spaceBetween: 24,
                    centeredSlides: true,
                  },
                },
                on: {
                  click: function (Swiper, event) {
                    window.bus.emit(window.$globalStore.popupMaps.OPEN_FULLSCREEN_GALLERY, event.target.getAttribute(&#39;index&#39;));
                  },
                  slideChange: function (Swiper) {
                    var len = window.document.querySelector(&#39;.detail-picture-length&#39;).innerText;
                    var wrap = window.document.querySelector(&#39;.detail-picture-index&#39;);
                    if (wrap) {
                      if (len == 1) {
                        wrap.innerText = 1;
                      } else {
                        var index = (Swiper.realIndex % len) + 1;
                        wrap.innerText = index;
                      }
                    }
                  },
                },
              }"
            ><ul class="swiper-wrapper"><li class="swiper-slide raptor-blurred-img group h-[530px]"><span class="absolute left-0 top-0 hidden group-hover:block bg-white z-10 px-3 py-2 cursor-pointer"><img src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/tabler-icon-window-maximize.svg"  index="0"></span><img
                    index="0"
                    alt="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/1bcee58a61974fbe055406c2044a2f1b.jpg/public"
                    class="h-full w-full object-cover LazyLoad-img lazyload cursor-pointer"
                    data-cloudflare="base@size=1280x1280,sm@size=1280x1280,md@size=1920x1920,lg@size=2560x2560" data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/1bcee58a61974fbe055406c2044a2f1b.jpg/public"
                  /></li><li class="swiper-slide raptor-blurred-img group h-[530px]"><span class="absolute left-0 top-0 hidden group-hover:block bg-white z-10 px-3 py-2 cursor-pointer"><img src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/tabler-icon-window-maximize.svg"  index="1"></span><img
                    index="1"
                    alt="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/485810b5a63d006d5a3efa4882a7b923.jpg/public"
                    class="h-full w-full object-cover LazyLoad-img lazyload cursor-pointer"
                    data-cloudflare="base@size=1280x1280,sm@size=1280x1280,md@size=1920x1920,lg@size=2560x2560" data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/485810b5a63d006d5a3efa4882a7b923.jpg/public"
                  /></li><li class="swiper-slide raptor-blurred-img group h-[530px]"><span class="absolute left-0 top-0 hidden group-hover:block bg-white z-10 px-3 py-2 cursor-pointer"><img src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/tabler-icon-window-maximize.svg"  index="2"></span><img
                    index="2"
                    alt="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/b13cb7a45508a80010e83db1982de8e0.jpg/public"
                    class="h-full w-full object-cover LazyLoad-img lazyload cursor-pointer"
                    data-cloudflare="base@size=1280x1280,sm@size=1280x1280,md@size=1920x1920,lg@size=2560x2560" data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/b13cb7a45508a80010e83db1982de8e0.jpg/public"
                  /></li><li class="swiper-slide raptor-blurred-img group h-[530px]"><span class="absolute left-0 top-0 hidden group-hover:block bg-white z-10 px-3 py-2 cursor-pointer"><img src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/tabler-icon-window-maximize.svg"  index="3"></span><img
                    index="3"
                    alt="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/1243ec6381925236b568ceb1c82902b2.jpg/public"
                    class="h-full w-full object-cover LazyLoad-img lazyload cursor-pointer"
                    data-cloudflare="base@size=1280x1280,sm@size=1280x1280,md@size=1920x1920,lg@size=2560x2560" data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/1243ec6381925236b568ceb1c82902b2.jpg/public"
                  /></li><li class="swiper-slide raptor-blurred-img group h-[530px]"><span class="absolute left-0 top-0 hidden group-hover:block bg-white z-10 px-3 py-2 cursor-pointer"><img src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/tabler-icon-window-maximize.svg"  index="4"></span><img
                    index="4"
                    alt="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/f96fd7d0f48534dd7b44a030bd739ce6.jpg/public"
                    class="h-full w-full object-cover LazyLoad-img lazyload cursor-pointer"
                    data-cloudflare="base@size=1280x1280,sm@size=1280x1280,md@size=1920x1920,lg@size=2560x2560" data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/f96fd7d0f48534dd7b44a030bd739ce6.jpg/public"
                  /></li><li class="swiper-slide raptor-blurred-img group h-[530px]"><span class="absolute left-0 top-0 hidden group-hover:block bg-white z-10 px-3 py-2 cursor-pointer"><img src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/tabler-icon-window-maximize.svg"  index="5"></span><img
                    index="5"
                    alt="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/078182f9137dadbdd4c8d7e0381ea0d3.jpg/public"
                    class="h-full w-full object-cover LazyLoad-img lazyload cursor-pointer"
                    data-cloudflare="base@size=1280x1280,sm@size=1280x1280,md@size=1920x1920,lg@size=2560x2560" data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/078182f9137dadbdd4c8d7e0381ea0d3.jpg/public"
                  /></li><li class="swiper-slide raptor-blurred-img group h-[530px]"><span class="absolute left-0 top-0 hidden group-hover:block bg-white z-10 px-3 py-2 cursor-pointer"><img src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/tabler-icon-window-maximize.svg"  index="6"></span><img
                    index="6"
                    alt="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/724c41b22f0923a2d7137cfd1b74e91f.jpg/public"
                    class="h-full w-full object-cover LazyLoad-img lazyload cursor-pointer"
                    data-cloudflare="base@size=1280x1280,sm@size=1280x1280,md@size=1920x1920,lg@size=2560x2560" data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/724c41b22f0923a2d7137cfd1b74e91f.jpg/public"
                  /></li><li class="swiper-slide raptor-blurred-img group h-[530px]"><span class="absolute left-0 top-0 hidden group-hover:block bg-white z-10 px-3 py-2 cursor-pointer"><img src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/tabler-icon-window-maximize.svg"  index="7"></span><img
                    index="7"
                    alt="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/36cf4a1b4cd7e354c0dd39047fb53f6a.jpg/public"
                    class="h-full w-full object-cover LazyLoad-img lazyload cursor-pointer"
                    data-cloudflare="base@size=1280x1280,sm@size=1280x1280,md@size=1920x1920,lg@size=2560x2560" data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/36cf4a1b4cd7e354c0dd39047fb53f6a.jpg/public"
                  /></li><li class="swiper-slide raptor-blurred-img group h-[530px]"><span class="absolute left-0 top-0 hidden group-hover:block bg-white z-10 px-3 py-2 cursor-pointer"><img src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/tabler-icon-window-maximize.svg"  index="8"></span><img
                    index="8"
                    alt="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/8951ad11b28bb85ff958a5155da399ff.jpg/public"
                    class="h-full w-full object-cover LazyLoad-img lazyload cursor-pointer"
                    data-cloudflare="base@size=1280x1280,sm@size=1280x1280,md@size=1920x1920,lg@size=2560x2560" data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/8951ad11b28bb85ff958a5155da399ff.jpg/public"
                  /></li><li class="swiper-slide raptor-blurred-img group h-[530px]"><span class="absolute left-0 top-0 hidden group-hover:block bg-white z-10 px-3 py-2 cursor-pointer"><img src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/tabler-icon-window-maximize.svg"  index="9"></span><img
                    index="9"
                    alt="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/58405ffe629b68e7bb368613322c9648.jpg/public"
                    class="h-full w-full object-cover LazyLoad-img lazyload cursor-pointer"
                    data-cloudflare="base@size=1280x1280,sm@size=1280x1280,md@size=1920x1920,lg@size=2560x2560" data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/58405ffe629b68e7bb368613322c9648.jpg/public"
                  /></li><li class="swiper-slide raptor-blurred-img group h-[530px]"><span class="absolute left-0 top-0 hidden group-hover:block bg-white z-10 px-3 py-2 cursor-pointer"><img src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/tabler-icon-window-maximize.svg"  index="10"></span><img
                    index="10"
                    alt="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/272e99b2707f84521bf1965db8aedb4e.jpg/public"
                    class="h-full w-full object-cover LazyLoad-img lazyload cursor-pointer"
                    data-cloudflare="base@size=1280x1280,sm@size=1280x1280,md@size=1920x1920,lg@size=2560x2560" data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/272e99b2707f84521bf1965db8aedb4e.jpg/public"
                  /></li><li class="swiper-slide raptor-blurred-img group h-[530px]"><span class="absolute left-0 top-0 hidden group-hover:block bg-white z-10 px-3 py-2 cursor-pointer"><img src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/tabler-icon-window-maximize.svg"  index="11"></span><img
                    index="11"
                    alt="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/1a73cf76801f0e92e735e7ceff6f5f65.jpg/public"
                    class="h-full w-full object-cover LazyLoad-img lazyload cursor-pointer"
                    data-cloudflare="base@size=1280x1280,sm@size=1280x1280,md@size=1920x1920,lg@size=2560x2560" data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/1a73cf76801f0e92e735e7ceff6f5f65.jpg/public"
                  /></li><li class="swiper-slide raptor-blurred-img group h-[530px]"><span class="absolute left-0 top-0 hidden group-hover:block bg-white z-10 px-3 py-2 cursor-pointer"><img src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/tabler-icon-window-maximize.svg"  index="12"></span><img
                    index="12"
                    alt="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/67b1511ddd1e585f587a9b849cd4d0d4.jpg/public"
                    class="h-full w-full object-cover LazyLoad-img lazyload cursor-pointer"
                    data-cloudflare="base@size=1280x1280,sm@size=1280x1280,md@size=1920x1920,lg@size=2560x2560" data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/67b1511ddd1e585f587a9b849cd4d0d4.jpg/public"
                  /></li></ul></div><div class="flex justify-between items-center mt-5 px-4 md:px-0"><div class="swiper-button-prev static md:absolute left-[21%] w-auto h-auto leading-none md:w-[50px] md:h-[50px] text-[28px] bg-transparent md:bg-secondary-06 md:hover:bg-secondary-01 text-secondary-01 md:hover:text-secondary-06"></div><div class="text-center flex items-center justify-center md:hidden"><span class="detail-picture-index">1</span><span>/</span><span class="detail-picture-length">13</span></div><div class="swiper-button-next static md:absolute right-[21%] w-auto h-auto leading-none md:w-[50px] md:h-[50px] text-[28px] bg-transparent md:bg-secondary-06 md:hover:bg-secondary-01 text-secondary-01 md:hover:text-secondary-06"></div></div></div><div v-scope><ms-fullscreen-gallery
              :is-show-maps="true"
              :is-show-share="false"
              :is-show-collection="true"
              listing-name="Villa Rocha"
              location="Hong Kong SAR &gt; Hong Kong Island &gt; Central area &gt; Happy Valley"
              listing-sfid="a0NRA00000HbXw72AF"
              listing-type="RESIDENTIAL_LISTING"
              :pictures="[&quot;https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/1bcee58a61974fbe055406c2044a2f1b.jpg/public&quot;,&quot;https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/485810b5a63d006d5a3efa4882a7b923.jpg/public&quot;,&quot;https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/b13cb7a45508a80010e83db1982de8e0.jpg/public&quot;,&quot;https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/1243ec6381925236b568ceb1c82902b2.jpg/public&quot;,&quot;https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/f96fd7d0f48534dd7b44a030bd739ce6.jpg/public&quot;,&quot;https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/078182f9137dadbdd4c8d7e0381ea0d3.jpg/public&quot;,&quot;https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/724c41b22f0923a2d7137cfd1b74e91f.jpg/public&quot;,&quot;https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/36cf4a1b4cd7e354c0dd39047fb53f6a.jpg/public&quot;,&quot;https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/8951ad11b28bb85ff958a5155da399ff.jpg/public&quot;,&quot;https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/58405ffe629b68e7bb368613322c9648.jpg/public&quot;,&quot;https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/272e99b2707f84521bf1965db8aedb4e.jpg/public&quot;,&quot;https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/1a73cf76801f0e92e735e7ceff6f5f65.jpg/public&quot;,&quot;https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/67b1511ddd1e585f587a9b849cd4d0d4.jpg/public&quot;]"
              latitude="22.2729787"
              longitude="114.1856229"
              videos="[]"
              tours="[]"
              floorplans="[]"
            ></ms-fullscreen-gallery></div></div></div></div><div class="container mx-auto px-4 md:px-8"><div><div class="border-b-[1.5px] border-secondary-01 pb-5"><div
            class="text-3xl font-headFont"
          >Three bedroom Apartment in Popular Complex</div></div><div
          class="grid grid-cols-2 md:grid-cols-6 gap-4 mt-5 mb-[60px] overflow-auto icons-list w-full text-secondary-01"
        ></div><div class="flex flex-col lg:flex-row lg:justify-between lg:items-start gap-x-[10%] gap-y-14"><div class="lg:w-[45%]"><div class="text-secondary-01"><pre style="white-space: pre-wrap;word-break: break-word;">* Generous 3 bedrooms
* Lovely racecourse view
* Great for couples or small families
* Swimming pool and playground in complex
* Convenient location
* 1 carparking space</pre></div></div><div class="lg:w-[45%]"><ul class="grid grid-cols-2 gap-6 lg:gap-x-20 grid-container"><li class="swiper-slide"><a
    class="h-auto list-item-container w-full com-agent-list-item max-w-400px"
    href="https://www.habitat-property.com/contact-detail/aca614fd-bb74-4a5d-847b-f89291d7eca2"
    data-item-id="S-624468"
  ><div class="transition-all bg-secondary-06 w-full h-full flex flex-col com-agent-list-item-wrapper"><div class="relative w-full h-auto overflow-hidden agent-list-item-top"><div
          class="w-full mx-auto image-container raptor-blurred-img"
          style="aspect-ratio: calc(3/4)"
        ><img
            class="w-full h-full LazyLoad-img lazyload mx-auto object-cover"
            data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/avatar/170d9f7e6f5ef886408a202be91dc279.jpg/public"
            alt="Jessica Farthing"
            data-cloudflare="${imageRatio != 'original' ? 'base@size=768x768' : ''}"
          /></div></div><div class="p-6 pl-0 flex-1 agent-list-item-bottom"><div class="bottom-title"><div
            class="text-secondary-01 text-xl font-headFont"
            style="word-wrap: break-word;"
            title="Jessica Farthing"
          >Jessica Farthing</div><div class="flex items-center gap-3 text-sm text-secondary-01 mt-2 flex-wrap"><div
              class="uppercase truncate text-xs font-bold"
              title="Consultant"
            >Consultant</div><div
              class="text-xs truncate hidden lg:block"
              title="S-624468"
            >S-624468</div></div></div><div class="pt-3 flex flex-wrap gap-x-6 gap-y-2"><div><span class="iconfont icon-outline-whatsapp mr-1" role="img" aria-label="whatsapp"></span><span>85265393789</span></div><div><span class="iconfont icon-outline-email mr-1" role="img" aria-label="email"></span><span style="word-break: break-word;">jessica.farthing@habitat-property.com</span></div></div></div></div></a></li></ul></div></div></div><div
        class="py-10 lg:py-20 listing-map-container"
      ><div class="flex flex-col lg:flex-row lg:justify-between lg:items-start gap-x-[10%] gap-y-14"><div class="lg:w-[45%] overflow-hidden h-[376px]" v-scope><ms-google-map
              class="h-full"
              :center="{
                lat: 22.2729787,
                lng: 114.1856229
              }"
              :marks="null"
            ></ms-google-map></div><div class="lg:w-[45%]"><div v-scope><ms-mortgage-calculator
                :price="2.481E+7"
                :deposit="7.443E+6"
                interest-rate="3.25"
                years="30"
              ></ms-mortgage-calculator></div></div></div></div><div class="py-10 lg:py-20 flex flex-col lg:flex-row lg:justify-between lg:items-start gap-x-[10%] gap-y-14"><div class="lg:w-[45%]"><div class=""><div class="text-xs font-bold mb-3">Contact Us</div><div class="text-3xl font-headFont">Enquire about this property</div></div><div v-scope><ms-common-agent-contact-form-comp
              url="/enquiry/listing"
              agent-id=""
              avatar=""
              name=""
              address=""
              phone=""
              email=""
              listing-id="a0NRA00000HbXw72AF"
            ></ms-common-agent-contact-form-comp></div></div><div class="lg:w-[45%]"><div class=""><div class="text-xs font-bold mb-3">Neighbourhood</div></div><div class="similar-posts special-item-info-wrap"><div class="mt-2 py-2 relative" v-scope v-cloak><div
                class="listing-swiper overflow-hidden"
                v-swiper='{
                  slidesPerView: 1,
                  spaceBetween: 12,
                }'
              ><ul class="swiper-wrapper"><li class="swiper-slide"><div class="flex flex-col h-full post-listing-item relative" v-scope><a
      class="w-full top"
      href="/news/neighbourhoods/happy-valley"
      target="_self"
      data-item-id="8967b158-43f1-4d04-bc1c-b41ea40f4219"
    ><div class="relative overflow-hidden image-box"><div
          class="w-full mx-auto relative image-container raptor-blurred-img"
          style="aspect-ratio: calc(4/3)"
        ><img
            class="w-full h-full LazyLoad-img lazyload mx-auto object-cover"
            data-src="https://r2.ap8.ms.propertyraptor.com/Happy Valley Racecourse Overview-8c3953fd-b614-4887-8664-cdbc9f43c896.jpg" alt="Happy Valley" data-cloudflare="base@size=768x768"
          /></div></div></a><div
      class="pt-0 pr-0 lg:pt-4 w-full flex flex-col bottom item-info space-y-2 text-left"
    ><a
        class="text-secondary-01 text-xl title font-headFont bg-secondary-06 lg:bg-inherit pr-5 pt-4 lg:pr-0 lg:pt-0"
        href="/news/neighbourhoods/happy-valley"
        target="_self"
      ><span>Happy Valley</span></a><div
        class="text-secondary-01 text-base line-clamp-4 description"
        title="Set against the backdrop of lush hills and its famous racecourse, Happy Valley is one of Hong Kong’s most established and desirable neighbourhoods. It offers an appealing contrast to the city’s intensity.
Tree-lined streets, heritage buildings and a thriving café culture give the area a refined yet relaxed character. With a central location just minutes from Causeway Bay and Central, Happy Valley attracts professionals and families who value space, convenience and a quieter rhythm of life."
      >Set against the backdrop of lush hills and its famous racecourse, Happy Valley is one of Hong Kong’s most established and desirable neighbourhoods. It offers an appealing contrast to the city’s intensity.
Tree-lined streets, heritage buildings and a thriving café culture give the area a refined yet relaxed character. With a central location just minutes from Causeway Bay and Central, Happy Valley attracts professionals and families who value space, convenience and a quieter rhythm of life.</div><div class="listing-arrow hidden"><a
          class="flex justify-end text-secondary-01 text-btn-style"
          href="/news/neighbourhoods/happy-valley"
          target="_self"
        ><span
            class="border border-secondary-01 text-xl px-3 iconfont icon-outline-arrow-right-long link-arrow-right"
          ></span></a></div></div></div></li></ul></div></div></div></div></div><div
        class="similar-properties pb-20"
      ><div class="flex justify-between lg:border-b-[1.5px] border-secondary-01 pb-5"><div
            class="text-sm lg:text-3xl font-bold lg:font-normal font-headFont text-secondary-01 uppercase lg:normal-case"
          >You may also like</div></div><div class="pt-5 relative" v-scope v-cloak><div
            class="listing-swiper overflow-hidden"
          ><ul
              class="grid grid-cols-1 md:grid-cols-2 gap-8 lg:grid-cols-4"
            ><li class="px-1 pb-1 text-sm"><a
    href="/listing/for-sale/happy-valley/8-kwai-fong-street-eight-kwai-fong-happy-valley-sysid008818-k93b"
    data-menu-id="a0NRA00000Hb7XN2AZ"
    data-item-id="a0NRA00000Hb7XN2AZ"
    style="text-decoration-line: none"
    class="cms-listing-item com-listing-item bg-secondary-06 block h-full"
  ><div class=""><div class="relative overflow-hidden imageBox flex-shrink-0"><div
          class="raptor-blurred-img w-full mx-auto relative"
          style="aspect-ratio: calc(4/3)"
          v-scope
        ><div
            class="image-container"
          ><img
              alt="Eight Kwai Fong Happy Valley"
              class="w-full h-full LazyLoad-img lazyload mx-auto object-cover"
              data-src="https://ap8.propertyraptor.com/hornet/src?p=/ap8_001/hornet/prp/img/02b26a345de0db6828f66d5613f48c45.jpg" data-cloudflare="base@size=768x768"
            /></div><div class="absolute top-0 left-0 space-x-2 font-normal z-5"></div></div></div><div class="relative w-full listing-item-info"><div class="text-container"><div
            class="listingName"
            title="Eight Kwai Fong Happy Valley"
          >Eight Kwai Fong Happy Valley</div><div
            class="location"
          ><span class="font-bold">8 Kwai Fong Street</span><span class="font-bold">, Happy Valley</span></div></div><div
          class="flex flex-row gap-x-3 gap-y-2 mt-2 overflow-auto w-full icons-list flex-wrap"
        ><div
            class="listingItems-flex-box saleableSize"
          ><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title" v-scope><ms-measure-unit
                  area="398.0"
                  area-unit="Square Foot"
                  measure-converted="398.00"
                ></ms-measure-unit></div></div></div><div class="listingItems-flex-box bedRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>1</span><span>Bed</span></div></div></div><div class="listingItems-flex-box bathRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>1</span><span>Bath</span></div></div></div><div class="listingItems-flex-box price"><div
              class="listingItems-baseline price-container text-sm"
            ><div>$13.822M</div></div></div></div></div></div></a></li><li class="px-1 pb-1 text-sm"><a
    href="/listing/for-sale/happy-valley/4-3-fung-fai-terrace-fung-fai-court-sysid007130-vkf3"
    data-menu-id="a0NRA00000HbLWu2AN"
    data-item-id="a0NRA00000HbLWu2AN"
    style="text-decoration-line: none"
    class="cms-listing-item com-listing-item bg-secondary-06 block h-full"
  ><div class=""><div class="relative overflow-hidden imageBox flex-shrink-0"><div
          class="raptor-blurred-img w-full mx-auto relative"
          style="aspect-ratio: calc(4/3)"
          v-scope
        ><div
            class="image-container"
          ><img
              alt="Fung Fai Court"
              class="w-full h-full LazyLoad-img lazyload mx-auto object-cover"
              data-src="https://ap8.propertyraptor.com/hornet/src?p=/ap8_001/hornet/prp/img/58b25928a639b97eaf8c22bdec84b05e.jpg" data-cloudflare="base@size=768x768"
            /></div><div class="absolute top-0 left-0 space-x-2 font-normal z-5"></div></div></div><div class="relative w-full listing-item-info"><div class="text-container"><div
            class="listingName"
            title="Fung Fai Court"
          >Fung Fai Court</div><div
            class="location"
          ><span class="font-bold">3-4 Fung Fai Terrace</span><span class="font-bold">, Happy Valley</span></div></div><div
          class="flex flex-row gap-x-3 gap-y-2 mt-2 overflow-auto w-full icons-list flex-wrap"
        ><div
            class="listingItems-flex-box saleableSize"
          ><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title" v-scope><ms-measure-unit
                  area="1277.0"
                  area-unit="Square Foot"
                  measure-converted="1,277.00"
                ></ms-measure-unit></div></div></div><div class="listingItems-flex-box bedRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>3</span><span>Beds</span></div></div></div><div class="listingItems-flex-box bathRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>2</span><span>Baths</span></div></div></div><div class="listingItems-flex-box price"><div
              class="listingItems-baseline price-container text-sm"
            ><div>$29M</div></div></div></div></div></div></a></li><li class="px-1 pb-1 text-sm"><a
    href="/listing/for-sale/happy-valley/2b-broadwood-road-the-leighton-hill-twr-1-sysid005164-13778"
    data-menu-id="a0NRA00000HbXwL2AV"
    data-item-id="a0NRA00000HbXwL2AV"
    style="text-decoration-line: none"
    class="cms-listing-item com-listing-item bg-secondary-06 block h-full"
  ><div class=""><div class="relative overflow-hidden imageBox flex-shrink-0"><div
          class="raptor-blurred-img w-full mx-auto relative"
          style="aspect-ratio: calc(4/3)"
          v-scope
        ><div
            class="image-container"
          ><img
              alt="The Leighton Hill Twr 1"
              class="w-full h-full LazyLoad-img lazyload mx-auto object-cover"
              data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/a3945253d846ef0caf11ed0ed61e6e85.jpg/public" data-cloudflare="base@size=768x768"
            /></div><div class="absolute top-0 left-0 space-x-2 font-normal z-5"></div></div></div><div class="relative w-full listing-item-info"><div class="text-container"><div
            class="listingName"
            title="The Leighton Hill Twr 1"
          >The Leighton Hill Twr 1</div><div
            class="location"
          ><span class="font-bold">2B Broadwood Road</span><span class="font-bold">, Happy Valley</span></div></div><div
          class="flex flex-row gap-x-3 gap-y-2 mt-2 overflow-auto w-full icons-list flex-wrap"
        ><div
            class="listingItems-flex-box saleableSize"
          ><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title" v-scope><ms-measure-unit
                  area="1128.0"
                  area-unit="Square Foot"
                  measure-converted="1,128.00"
                ></ms-measure-unit></div></div></div><div class="listingItems-flex-box bedRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>3</span><span>Beds</span></div></div></div><div class="listingItems-flex-box bathRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>2</span><span>Baths</span></div></div></div><div class="listingItems-flex-box price"><div
              class="listingItems-baseline price-container text-sm"
            ><div>$52M</div></div></div></div></div></div></a></li><li class="px-1 pb-1 text-sm"><a
    href="/listing/for-sale/happy-valley/93-95-wong-nai-chung-road-race-course-mansion-sysid015148-4960"
    data-menu-id="a0NRA00000HbkS02AJ"
    data-item-id="a0NRA00000HbkS02AJ"
    style="text-decoration-line: none"
    class="cms-listing-item com-listing-item bg-secondary-06 block h-full"
  ><div class=""><div class="relative overflow-hidden imageBox flex-shrink-0"><div
          class="raptor-blurred-img w-full mx-auto relative"
          style="aspect-ratio: calc(4/3)"
          v-scope
        ><div
            class="image-container"
          ><img
              alt="Race Course Mansion"
              class="w-full h-full LazyLoad-img lazyload mx-auto object-cover"
              data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/fb1c467d2eb0c7cc311ee4a00423821b.jpg/public" data-cloudflare="base@size=768x768"
            /></div><div class="absolute top-0 left-0 space-x-2 font-normal z-5"></div></div></div><div class="relative w-full listing-item-info"><div class="text-container"><div
            class="listingName"
            title="Race Course Mansion"
          >Race Course Mansion</div><div
            class="location"
          ><span class="font-bold">93-95 Wong Nai Chung Road</span><span class="font-bold">, Happy Valley</span></div></div><div
          class="flex flex-row gap-x-3 gap-y-2 mt-2 overflow-auto w-full icons-list flex-wrap"
        ><div
            class="listingItems-flex-box saleableSize"
          ><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title" v-scope><ms-measure-unit
                  area="952.0"
                  area-unit="Square Foot"
                  measure-converted="952.00"
                ></ms-measure-unit></div></div></div><div class="listingItems-flex-box bedRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>2</span><span>Beds</span></div></div></div><div class="listingItems-flex-box bathRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>1</span><span>Bath</span></div></div></div><div class="listingItems-flex-box price"><div
              class="listingItems-baseline price-container text-sm"
            ><div>$25M</div></div></div></div></div></div></a></li><li class="px-1 pb-1 text-sm"><a
    href="/listing/for-sale/happy-valley/13-19-sing-woo-road-lai-sing-building-sysid013149-repb"
    data-menu-id="a0NRA00000Hbspg2AB"
    data-item-id="a0NRA00000Hbspg2AB"
    style="text-decoration-line: none"
    class="cms-listing-item com-listing-item bg-secondary-06 block h-full"
  ><div class=""><div class="relative overflow-hidden imageBox flex-shrink-0"><div
          class="raptor-blurred-img w-full mx-auto relative"
          style="aspect-ratio: calc(4/3)"
          v-scope
        ><div
            class="image-container"
          ><img
              alt="Lai Sing Building"
              class="w-full h-full LazyLoad-img lazyload mx-auto object-cover"
              data-src="https://ap8.propertyraptor.com/hornet/src?p=/ap8_001/hornet/prp/img/bf5c4cc98ba2890c3b29d1aecd33f33b.jpg" data-cloudflare="base@size=768x768"
            /></div><div class="absolute top-0 left-0 space-x-2 font-normal z-5"></div></div></div><div class="relative w-full listing-item-info"><div class="text-container"><div
            class="listingName"
            title="Lai Sing Building"
          >Lai Sing Building</div><div
            class="location"
          ><span class="font-bold">13-19 Sing Woo Road</span><span class="font-bold">, Happy Valley</span></div></div><div
          class="flex flex-row gap-x-3 gap-y-2 mt-2 overflow-auto w-full icons-list flex-wrap"
        ><div
            class="listingItems-flex-box saleableSize"
          ><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title" v-scope><ms-measure-unit
                  area="347.0"
                  area-unit="Square Foot"
                  measure-converted="347.00"
                ></ms-measure-unit></div></div></div><div class="listingItems-flex-box bedRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>1</span><span>Bed</span></div></div></div><div class="listingItems-flex-box bathRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>1</span><span>Bath</span></div></div></div><div class="listingItems-flex-box price"><div
              class="listingItems-baseline price-container text-sm"
            ><div>$9M</div></div></div></div></div></div></a></li><li class="px-1 pb-1 text-sm"><a
    href="/listing/for-sale/happy-valley/33-village-road-claymore-lodge-sysid014883-pff3"
    data-menu-id="a0NRA00000HbuHa2AJ"
    data-item-id="a0NRA00000HbuHa2AJ"
    style="text-decoration-line: none"
    class="cms-listing-item com-listing-item bg-secondary-06 block h-full"
  ><div class=""><div class="relative overflow-hidden imageBox flex-shrink-0"><div
          class="raptor-blurred-img w-full mx-auto relative"
          style="aspect-ratio: calc(4/3)"
          v-scope
        ><div
            class="image-container"
          ><img
              alt="Claymore Lodge"
              class="w-full h-full LazyLoad-img lazyload mx-auto object-cover"
              data-src="https://ap8.propertyraptor.com/hornet/src?p=/ap8_001/hornet/prp/img/31ffa92bf55137420885e520bcec9e1f.jpg" data-cloudflare="base@size=768x768"
            /></div><div class="absolute top-0 left-0 space-x-2 font-normal z-5"></div></div></div><div class="relative w-full listing-item-info"><div class="text-container"><div
            class="listingName"
            title="Claymore Lodge"
          >Claymore Lodge</div><div
            class="location"
          ><span class="font-bold">33 Village Road</span><span class="font-bold">, Happy Valley</span></div></div><div
          class="flex flex-row gap-x-3 gap-y-2 mt-2 overflow-auto w-full icons-list flex-wrap"
        ><div
            class="listingItems-flex-box saleableSize"
          ><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title" v-scope><ms-measure-unit
                  area="449.0"
                  area-unit="Square Foot"
                  measure-converted="449.00"
                ></ms-measure-unit></div></div></div><div class="listingItems-flex-box bedRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>1</span><span>Bed</span></div></div></div><div class="listingItems-flex-box bathRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>1</span><span>Bath</span></div></div></div><div class="listingItems-flex-box price"><div
              class="listingItems-baseline price-container text-sm"
            ><div>$8.28M (Reduced)</div></div></div></div></div></div></a></li><li class="px-1 pb-1 text-sm"><a
    href="/listing/for-sale/happy-valley/2b-broadwood-road-the-leighton-hill-twr-3-sysid042009-21969"
    data-menu-id="a0NRA00000Jeqsl2AB"
    data-item-id="a0NRA00000Jeqsl2AB"
    style="text-decoration-line: none"
    class="cms-listing-item com-listing-item bg-secondary-06 block h-full"
  ><div class=""><div class="relative overflow-hidden imageBox flex-shrink-0"><div
          class="raptor-blurred-img w-full mx-auto relative"
          style="aspect-ratio: calc(4/3)"
          v-scope
        ><div
            class="image-container"
          ><img
              alt="The Leighton Hill Twr 3"
              class="w-full h-full LazyLoad-img lazyload mx-auto object-cover"
              data-src="https://img.propertyraptor.com/cdn-cgi/imagedelivery/KD5bF_AFL0JDTbKLWF7z9g/ap8/ap8_001/hornet/prp/img/c8f946ada8f7fc7994147375fa03e368.jpg/public" data-cloudflare="base@size=768x768"
            /></div><div class="absolute top-0 left-0 space-x-2 font-normal z-5"></div></div></div><div class="relative w-full listing-item-info"><div class="text-container"><div
            class="listingName"
            title="The Leighton Hill Twr 3"
          >The Leighton Hill Twr 3</div><div
            class="location"
          ><span class="font-bold">2B Broadwood Road</span><span class="font-bold">, Happy Valley</span></div></div><div
          class="flex flex-row gap-x-3 gap-y-2 mt-2 overflow-auto w-full icons-list flex-wrap"
        ><div
            class="listingItems-flex-box saleableSize"
          ><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title" v-scope><ms-measure-unit
                  area="1461.0"
                  area-unit="Square Foot"
                  measure-converted="1,461.00"
                ></ms-measure-unit></div></div></div><div class="listingItems-flex-box bedRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>4</span><span>Beds</span></div></div></div><div class="listingItems-flex-box bathRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>3</span><span>Baths</span></div></div></div><div class="listingItems-flex-box price"><div
              class="listingItems-baseline price-container text-sm"
            ><div>$77.8M</div></div></div></div></div></div></a></li><li class="px-1 pb-1 text-sm"><a
    href="/listing/for-sale/happy-valley/2-green-lane-shuk-yuen-building-sysid007291-7tmb"
    data-menu-id="a0NRA00000HbnwC2AR"
    data-item-id="a0NRA00000HbnwC2AR"
    style="text-decoration-line: none"
    class="cms-listing-item com-listing-item bg-secondary-06 block h-full"
  ><div class=""><div class="relative overflow-hidden imageBox flex-shrink-0"><div
          class="raptor-blurred-img w-full mx-auto relative"
          style="aspect-ratio: calc(4/3)"
          v-scope
        ><div
            class="image-container"
          ><img
              alt="Shuk Yuen Building"
              class="w-full h-full LazyLoad-img lazyload mx-auto object-cover"
              data-src="https://ap8.propertyraptor.com/hornet/src?p=/ap8_001/hornet/prp/img/b5ab9ee18559441b837b881d1c7e8322.jpg" data-cloudflare="base@size=768x768"
            /></div><div class="absolute top-0 left-0 space-x-2 font-normal z-5"></div></div></div><div class="relative w-full listing-item-info"><div class="text-container"><div
            class="listingName"
            title="Shuk Yuen Building"
          >Shuk Yuen Building</div><div
            class="location"
          ><span class="font-bold">2 Green Lane</span><span class="font-bold">, Happy Valley</span></div></div><div
          class="flex flex-row gap-x-3 gap-y-2 mt-2 overflow-auto w-full icons-list flex-wrap"
        ><div
            class="listingItems-flex-box saleableSize"
          ><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title" v-scope><ms-measure-unit
                  area="1564.0"
                  area-unit="Square Foot"
                  measure-converted="1,564.00"
                ></ms-measure-unit></div></div></div><div class="listingItems-flex-box bedRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>3</span><span>Beds</span></div></div></div><div class="listingItems-flex-box bathRoom"><div class="flex items-center w-full"><div class="text-secondary-01 text-sm whitespace-nowrap title space-x-1"><span>2</span><span>Baths</span></div></div></div><div class="listingItems-flex-box price"><div
              class="listingItems-baseline price-container text-sm"
            ><div>$32M</div></div></div></div></div></div></a></li></ul></div></div></div><div class="pb-4"><div class="flex justify-between lg:border-b-[1.5px] border-secondary-01 lg:pb-5"><div><span
              class="text-sm lg:text-3xl font-bold lg:font-normal font-headFont text-secondary-01 uppercase lg:normal-case"
            >Recently Viewed</span></div></div><div
          v-scope
          class="historic-listing-container"
          data-listing-page-link="/residential/for-sale"
        ><ms-historic-listing
            :raw-settings="{
              basic: {
                layoutWidth: &#39;CONTENT&#39;,
              },
              list: {
                placeholderImage: &#39;https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/common-assets/images/placeholder-img.svg?v=1.85.2&#39;,
                layoutGrid: &#39;4&#39;,
                isShowViewAll: &#39;true&#39;,
                initialLoad: &#39;4&#39;,
                loadMoreTotal: &#39;4&#39;,
                total: &#39;8&#39;,
                isShowPropertyName: &#39;true&#39;,
                isShowAddress: &#39;true&#39;,
                isShowPrice: true,
                isShowOriginalPrice: false,
                isShowListingData: &#39;true&#39;,
                listingData: &#39;[SALEABLE_SIZE, BEDROOM, BATHROOM]&#39;,
                isShowMediaData: &#39;false&#39;,
                mediaData: &#39;[IMAGE, VIDEO, VR]&#39;,
                isShowSlide: false,
                imageRatio: &#39;4/3&#39;,
                featureImageResize: &#39;cover&#39;,
                isAutoPlay: false,
                intervalTime: 3,
                moreDataTrigger: &#39;current&#39;,
                isShowFavorite: false,
                localBrowseSourceKey: &#39;recentlistingIds&#39;,
                isArrows: false,
              },
            }"
            reference="69E01510EFE845D7A17CE86517705708"
            :show-listings="false"
            :show-buildings="false"
            :show-agents="false"
            :show-posts="false"
          ></ms-historic-listing></div><div id="template-no-data" class="hidden"><div class="flex flex-col items-center justify-center flex-center"><div
      class="mt-8 text-secondary-01 no-data text-center text-5xl font-headFont"
      style="max-width: 468px"
    >Whoops, no matches</div><div
      class="mt-6 text-secondary-08 text-center text-xl"
      style="max-width: 468px"
    ><div><p>We couldn't find any search results, </p><p>Give it another go.</p></div></div></div></div></div></div></div><div><script>
      var latitude = "22.2729787";
      var longitude = "114.1856229";
      if (latitude > -90 && latitude < 90 && longitude > -180 && longitude < 180) {
      } else {
        var mapIconWrap = document.querySelector('.detail-map-icon-wrap')
        var mapIconWrapMobile = document.querySelector('.detail-map-icon-wrap-mobile')
        if (mapIconWrap) {
          mapIconWrap.style.display = 'none'
        }
        if (mapIconWrapMobile) {
          mapIconWrapMobile.style.display = 'none'
        }
      }
    </script></div></div></div><div
  class="theme-component theme-component-location-banner com-location-banner overflow-hidden"
  theme-component-id="AF1C75E3B57748E9BF1681B88C2B419D"
><div class="container mx-auto"><div class="py-10 lg:py-20 mx-4 md:mx-8"><div class="relative"><div
          class="py-2 px-4 uppercase flex items-center gap-2 absolute top-0 left-0 bg-secondary-06"
          data-aos-anchor="[theme-component-id=&#39;AF1C75E3B57748E9BF1681B88C2B419D&#39;]"
          data-aos="fade-up"
          data-aos-easing="raptor-cubic-bezier"
          data-aos-anchor-placement="top-bottom"
          data-aos-delay="150"
        ><img
            src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/1.81.9/project_file/map-marker-33aaa41e-6f7c-43bd-b2ef-0a710ffd5439.svg"
            alt="location-marker"
          /><span class="text-xs font-bold">Mid Levels</span></div><div
          data-aos-anchor="[theme-component-id=&#39;AF1C75E3B57748E9BF1681B88C2B419D&#39;]"
          data-aos="fade-up"
          data-aos-easing="raptor-cubic-bezier"
          data-aos-anchor-placement="top-bottom"
          data-aos-delay="100"
        ><a
            class="block"
            href="/contact-us"
            target="_self" title="Sell with us" aria-label="Sell with us"
          ><img src="https://r2.ms.propertyraptor.com/Mid-Level-9869fd5f-7946-4432-906f-6efae59a2ca8.jpg" class="aspect-square sm:aspect-auto object-cover" alt="image" /></a></div><div
          class="text-container lg:pl-10 lg:py-5 lg:bg-secondary-06 absolute bottom-0 right-0"
          data-aos-anchor="[theme-component-id=&#39;AF1C75E3B57748E9BF1681B88C2B419D&#39;]"
          data-aos="fade-up"
          data-aos-easing="raptor-cubic-bezier"
          data-aos-anchor-placement="top-bottom"
          data-aos-delay="200"
        ><div class="flex flex-col lg:flex-row lg:justify-between items-start lg:items-center gap-5 lg:gap-20"><div
              class="font-headFont text-3xl pt-4 pr-6 lg:pt-0 lg:pr-0 bg-secondary-06 lg:bg-inherit"
            >Sell with us</div><div class="text-sm" style="max-width: 250px">Whether you are thinking of the next move or just want to consider your options, Habitat's experts can help.</div><a
              class="ms-button"
              ms-type="plain-transparent"
              ms-size="large"
              href="/contact-us"
              target="_self" title="Sell with us" aria-label="Sell with us"
            ><i
                class="border border-secondary-01 text-xl px-3 iconfont icon-outline-arrow-right-long link-arrow-right"
              ></i></a></div></div></div></div></div></div><div
  class="theme-component com-common-content"
  theme-component-id="290285B7CC504151AEEBFDB9D795CC3F"
><div
    class="common-content-container container mx-auto container-auto"
  ><div class="mx-4 md:mx-8"></div></div></div><div class="overlay transition-overlay"></div></div><div v-scope><ms-floating-layer
            logo="images/icons/habitat_logo.svg"
            :side-icons="{&quot;line&quot;:false,&quot;email&quot;:false,&quot;phone&quot;:false,&quot;aiChat&quot;:false,&quot;lineUrl&quot;:&quot;https://www.line.com&quot;,&quot;emailUrl&quot;:&quot;info@habitat-property.com&quot;,&quot;whatsApp&quot;:false,&quot;wishlist&quot;:false,&quot;backToTop&quot;:true,&quot;isShowLang&quot;:false,&quot;isShowUnit&quot;:false,&quot;Preferences&quot;:false,&quot;phoneNumber&quot;:&quot;+44 208 238 9034&quot;,&quot;whatsAppUrl&quot;:&quot;https://wa.me/85200000000&quot;,&quot;isShowCurrency&quot;:false,&quot;facebookMessenger&quot;:false,&quot;facebookMessengerUrl&quot;:&quot;https://www.facebook.com&quot;}"
            whatsapp-message="?text=I would like to have more information for Villa Rocha - ID: SYSID005150."
            wishlist-url="/saved-item"
          ></ms-floating-layer></div><div v-scope><ms-geo-location-preference
            :languages="[{&quot;name&quot;:&quot;en&quot;,&quot;selected&quot;:true},{&quot;name&quot;:&quot;cn&quot;,&quot;selected&quot;:false},{&quot;name&quot;:&quot;zh&quot;,&quot;selected&quot;:false}]"
            :currencies="[{&quot;name&quot;:&quot;HKD&quot;,&quot;selected&quot;:true,&quot;symbol&quot;:&quot;$&quot;}]"
            :measures="[{&quot;name&quot;:&quot;Square Meter&quot;,&quot;selected&quot;:false},{&quot;name&quot;:&quot;Square Foot&quot;,&quot;selected&quot;:true}]"
          ></ms-geo-location-preference></div><div v-scope><ms-common-agent-contact-form></ms-common-agent-contact-form></div><div v-scope><ms-cookies-privacy-policy
            google-tag-manager-id="GTM-T92L4V5"
            expand-text="Show More"
            collapse-text="Show Less"
            cookies-privacy-policy-content="This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience."
          ></ms-cookies-privacy-policy></div><div v-scope><ms-dcms-popup-group page-unique-id="2fd0c7ad-53c9-42e0-bce5-f46acf1e2307" /></div><div class="fixed bottom-0 left-0 w-full z-50" v-scope><ms-dcms-announcement-bar-group-bottom page-unique-id="2fd0c7ad-53c9-42e0-bce5-f46acf1e2307" /></div><div v-scope><ms-thankyou-popup></ms-thankyou-popup></div><div
  class="theme-component theme-component-footer dcms-page-footer com-footer pb-8 md:pb-0"
><div class="footer-container break-words text-xl text-secondary-06"><div class="container mx-auto"><div class="mx-4 md:mx-8"><div class="pt-10 flex flex-col flex-wrap gap-y-10 lg:gap-y-20 footer-infomation"><div class="flex flex-col lg:flex-row lg:grow gap-y-10 lg:gap-y-20"><div class="order-1 w-full lg:w-[50%] space-y-7 lg:space-y-16"><div><div class="text-xs font-bold uppercase">Newsletter</div><div class="mt-1 max-w-[500px]" v-scope><ms-subscribe-form></ms-subscribe-form></div></div><div><ul class="flex gap-x-5" role="menu" aria-labelledby="social"><li class="" role="menuitem"><a
                      target="_target"
                      href="https://www.linkedin.com/company/habitat-property/"
                      class="flex items-center"
                      aria-label="LinkedIn"
                    ><span class="iconfont text-2xl icon-filled-linkedin"></span></a></li><li class="" role="menuitem"><a
                      target="_target"
                      href="https://www.instagram.com/habitatproperty/"
                      class="flex items-center"
                      aria-label="Instagram"
                    ><span class="iconfont text-2xl icon-filled-instagram"></span></a></li><li class="" role="menuitem"><a
                      target="_target"
                      href="https://open.spotify.com/user/6txzqiijndoidb4mikyw3mewa?si=0TLVZfqxTWWopKneLJBn2g"
                      class="flex items-center"
                      aria-label="Spotify"
                    ><span class="iconfont text-2xl icon-filled-spotify"></span></a></li><li class="" role="menuitem"><a
                      target="_target"
                      href="https://www.facebook.com/habitatproperty/"
                      class="flex items-center"
                      aria-label="Facebook"
                    ><span class="iconfont text-2xl icon-filled-facebook"></span></a></li><li class="" role="menuitem"><a
                      target="_target"
                      href="https://www.xiaohongshu.com/user/profile/6343ec8000000000180295b6"
                      class="flex items-center"
                      aria-label="Xiaohongshu"
                    ><span class="iconfont text-2xl icon-filled-xiaohongshu"></span></a></li></ul></div></div><div class="order-3 lg:order-2 w-full lg:w-[50%]"><div class="flex flex-col lg:flex-row gap-y-5 lg:gap-y-0 mt-4 font-headFont"><div class="lg:w-[50%]"><div class="whitespace-pre-line">1201-05, 12/F 
Yu Yuet Lai Building 
43-55 Wyndham St 
Central, Hong Kong</div></div><div class="lg:w-[50%] footer-contact-info"><div><a href="tel:+852 2869 9069">+852 2869 9069</a></div><div><a href="tel:+852 9082 9069">+852 9082 9069</a></div><div><a href="mailto:info@habitat-property.com">info@habitat-property.com</a></div></div></div></div><div class="order-2 lg:order-3 lg:hidden w-full lg:w-[50%] font-headFont"><div class="grid grid-cols-2 items-start"><div><div class="flex items-center hover:opacity-70"><a
                        href="/listing/for-sale"
                        data-menu-id="9b6f69c3-a08e-4258-8a94-de7405c30a6e" target="_self"
                      >Buy</a></div><div class="flex items-center hover:opacity-70"><a
                        href="/our-team"
                        target="_self"
                      >Agents</a></div><div class="flex items-center hover:opacity-70"><a
                        href="/journal"
                        target="_self"
                      >Journal</a></div></div><div><div class="flex items-center hover:opacity-70"><a
                        href="/listing/for-rent"
                        data-menu-id="36f8311c-69bd-4ef0-ab97-eb8ef2572bd9" target="_self"
                      >Rent</a></div><div class="flex items-center hover:opacity-70"><a
                        href="/property-management"
                        target="_self"
                      >Property Management</a></div></div></div></div></div><div class="flex flex-wrap gap-y-10 lg:gap-y-20"><div class="hidden lg:block w-full lg:w-[50%] font-headFont"><ul class="grid grid-cols-1 lg:max-h-44"><li class="flex items-center hover:opacity-70"><a
                      href="/listing/for-sale"
                      data-menu-id="9b6f69c3-a08e-4258-8a94-de7405c30a6e" target="_self"
                    >Buy</a></li><li class="flex items-center hover:opacity-70"><a
                      href="/listing/for-rent"
                      data-menu-id="36f8311c-69bd-4ef0-ab97-eb8ef2572bd9" target="_self"
                    >Rent</a></li><li class="flex items-center hover:opacity-70"><a
                      href="/our-team"
                      target="_self"
                    >Agents</a></li><li class="flex items-center hover:opacity-70"><a
                      href="/property-management"
                      target="_self"
                    >Property Management</a></li><li class="flex items-center hover:opacity-70"><a
                      href="/journal"
                      target="_self"
                    >Journal</a></li></ul></div><div class="w-[50%] lg:w-[25%] text-sm text-[#ccc]"><div class="font-bold mb-2">Property for Sale in Hong Kong</div><ul class="space-y-1"><li><a
                      href="/listing/for-sale/hong-kong-island/peak"
                      target="_self"
                    >The Peak</a></li><li><a
                      href="/listing/for-sale/hong-kong-island/south/repulse-bay"
                      target="_self"
                    >Repulse Bay</a></li><li><a
                      href="/listing/for-sale/hong-kong-island/mid-levels/mid-levels-central"
                      target="_self"
                    >Mid-Levels Central</a></li><li><a
                      href="/listing/for-sale/hong-kong-island/south/shouson-hill"
                      target="_self"
                    >Shouson Hill</a></li><li><a
                      href="/listing/for-sale/hong-kong-island/south/stanley"
                      target="_self"
                    >Stanley</a></li><li><a
                      href="/listing/for-sale/hong-kong-island/west/pok-fu-lam"
                      target="_self"
                    >Pok Fu Lam</a></li></ul></div><div class="w-[50%] lg:w-[25%] text-sm text-[#ccc]"><div class="font-bold mb-2">Propery for Rent in Hong Kong</div><ul class="space-y-1"><li><a
                      href="/listing/for-rent/hong-kong-island/peak"
                      target="_self"
                    >The Peak</a></li><li><a
                      href="/listing/for-rent/hong-kong-island/south/repulse-bay"
                      target="_self"
                    >Repulse Bay</a></li><li><a
                      href="/listing/for-rent/hong-kong-island/mid-levels/mid-levels-central"
                      target="_self"
                    >Mid-Levels Central</a></li><li><a
                      href="/listing/for-rent/hong-kong-island/mid-levels/mid-levels-west"
                      target="_self"
                    >Mid-Levels West</a></li><li><a
                      href="/listing/for-rent/hong-kong-island/south/stanley"
                      target="_self"
                    >Stanley</a></li><li><a
                      href="/listing/for-rent/hong-kong-island/south/tai-tam"
                      target="_self"
                    >Tai Tam</a></li></ul></div></div></div></div></div></div><div class="footer-copyright container mx-auto mt-10 pb-8 text-xs text-[#e6e6e6]"><div class="mx-4 md:mx-8 grid grid-cols-2 lg:grid-cols-4 gap-y-3"><div class="col-span-2">Copyright © 2026 Habitat  Property Limited | EA License C-024430</div><div class=""><a
          href="/terms-of-use"
          title="Terms of Use"
        >Terms of Use</a></div><div class=""><a
          href="/privacy-policy"
          title="Privacy Policy"
        >Privacy Policy</a></div></div></div></div><script>
  var footerContactInfo = document.querySelector(".footer-contact-info");
  var headerContactInfo = document.querySelector(".header-contact-info");
  if (headerContactInfo && footerContactInfo) {
    headerContactInfo.innerHTML = footerContactInfo.innerHTML;
  }
</script></div></div><script type="module" src="https://r2.ap8.ms.propertyraptor.com/raptor-theme/habitat/1.90.3/js/main.js?v=1.90.3"></script><script type="module">
      if (!window.$globalStore) window.$globalStore = {};
      window.$globalStore.favoriteLink = "\/saved-item";
      window.$globalStore.version = "1.90.3";
      window.$globalStore.mode = "live";
      window.$globalStore.developmentMode = false;
      window.$globalStore.editMode = false;
      document.addEventListener('contextmenu', function (e) {
        if (e.target.tagName === 'IMG') {
          e.preventDefault();
        }
      });
    </script></body></html>