{"id":15,"date":"2026-07-02T06:37:25","date_gmt":"2026-07-02T06:37:25","guid":{"rendered":"https:\/\/teknr9.thestackly.site\/?page_id=15"},"modified":"2026-07-07T07:07:48","modified_gmt":"2026-07-07T07:07:48","slug":"property-details","status":"publish","type":"page","link":"https:\/\/teknr9.thestackly.site\/?page_id=15","title":{"rendered":"Property Details"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-008e837 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"008e837\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70a906a elementor-widget elementor-widget-html\" data-id=\"70a906a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Spectral:wght@300;400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"n9d1-banner-section\">\n    <div class=\"n9d1-bg\"><\/div>\n    <div class=\"n9d1-overlay\"><\/div>\n\n    <div class=\"n9d1-wrap\">\n        <div class=\"n9d1-content\">\n            <span class=\"n9d1-pill n9d1-zoom\">\n                <i class=\"fa-solid fa-asterisk\"><\/i>\n                Property Details\n            <\/span>\n\n            <h1 class=\"n9d1-zoom\">\n                Private Garden Villa for\n                <em>Calm Family Living<\/em>\n            <\/h1>\n\n            <p class=\"n9d1-zoom\">\n                A refined private residence with bright interiors, landscaped outdoor space,\n                generous family areas, and a peaceful neighborhood setting.\n            <\/p>\n\n            <div class=\"n9d1-actions n9d1-zoom\">\n                <a href=\"https:\/\/teknr9.thestackly.site\/?page_id=17\">\n                    Schedule A Visit\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\nhtml,\nbody {\n    max-width: 100%;\n    overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\n\n.n9d1-banner-section {\n    position: relative;\n    min-height: 620px;\n    padding: 60px 60px 0;\n    background: #111111;\n    overflow: hidden;\n    font-family: 'Poly', serif;\n}\n\n.n9d1-bg {\n    position: absolute;\n    inset: 0;\n    background-image: url(\"https:\/\/images.unsplash.com\/photo-1685046363679-6886cebec513?q=80&w=1744&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\");\n    background-size: cover;\n    background-position: center;\n}\n\n.n9d1-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background:\n        radial-gradient(circle at 72% 18%, rgba(255, 255, 255, .12), transparent 30%),\n        linear-gradient(90deg, rgba(0, 0, 0, .78), rgba(0, 0, 0, .48), rgba(0, 0, 0, .18)),\n        linear-gradient(180deg, rgba(0, 0, 0, .10), rgba(0, 0, 0, .34));\n}\n\n.n9d1-wrap {\n    position: relative;\n    z-index: 2;\n    max-width: 1380px;\n    min-height: 560px;\n    margin: 0 auto;\n    padding-bottom: 52px;\n    display: flex;\n    align-items: flex-end;\n}\n\n.n9d1-content {\n    max-width: 940px;\n}\n\n.n9d1-pill {\n    min-height: 36px;\n    width: max-content;\n    padding: 0 16px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, .15);\n    border: 1px solid rgba(255, 255, 255, .20);\n    color: #ffffff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    font-family: 'Spectral', serif;\n    font-size: 13px;\n    line-height: 1;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n    backdrop-filter: blur(8px);\n}\n\n.n9d1-pill i {\n    color: #ffffff;\n    font-size: 12px;\n}\n\n.n9d1-content h1 {\n    margin: 22px 0 0;\n    max-width: 980px;\n    color: #ffffff;\n    font-family: 'Spectral', serif;\n    font-size: clamp(52px, 6.5vw, 96px);\n    line-height: .96;\n    font-weight: 400;\n    letter-spacing: -.065em;\n}\n\n.n9d1-content h1 em {\n    display: block;\n    font-style: italic;\n    font-weight: 300;\n}\n\n.n9d1-content p {\n    margin: 24px 0 0;\n    max-width: 720px;\n    color: rgba(255, 255, 255, .86);\n    font-size: 17px;\n    line-height: 1.75;\n}\n\n.n9d1-actions {\n    margin-top: 30px;\n}\n\n.n9d1-actions a {\n    min-height: 52px;\n    padding: 0 24px;\n    border-radius: 12px;\n    background: #ffffff;\n    color: #111111;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    text-decoration: none !important;\n    font-size: 15px;\n    line-height: 1;\n    transition: .35s ease;\n}\n\n.n9d1-actions a:hover {\n    background: #111111;\n    color: #ffffff;\n}\n\n.n9d1-zoom {\n    opacity: 0;\n    transform: translateY(25px) scale(.94);\n    transition: opacity 1.4s ease, transform 1.4s ease;\n}\n\n.n9d1-zoom.active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n}\n\n@media(max-width:1024px) {\n    .n9d1-banner-section {\n        min-height: 560px;\n        padding: 40px 40px 0;\n    }\n\n    .n9d1-wrap {\n        min-height: 520px;\n        padding-bottom: 42px;\n    }\n\n    .n9d1-content h1 {\n        font-size: 62px;\n    }\n}\n\n@media(max-width:767px) {\n    .n9d1-banner-section {\n        min-height: 540px;\n        padding: 30px 20px 0;\n    }\n\n    .n9d1-wrap {\n        min-height: 510px;\n        padding-bottom: 30px;\n    }\n\n    .n9d1-pill {\n        min-height: 34px;\n        padding: 0 14px;\n        font-size: 12px;\n    }\n\n    .n9d1-content h1 {\n        margin-top: 18px;\n        font-size: 40px;\n        line-height: 1.03;\n    }\n\n    .n9d1-content p {\n        margin-top: 20px;\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .n9d1-actions a {\n        width: 100%;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    document.querySelectorAll(\".n9d1-zoom\").forEach(function (item) {\n        new IntersectionObserver(function (entries) {\n            entries.forEach(function (entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add(\"active\");\n                }\n            });\n        }, { threshold: 0.15 }).observe(item);\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1d536a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"a1d536a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cef125f elementor-widget elementor-widget-html\" data-id=\"cef125f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Spectral:wght@300;400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"n9d2-overview-section\">\n    <div class=\"n9d2-wrap\">\n        <div class=\"n9d2-text n9d2-zoom\">\n            <span>Property Overview<\/span>\n\n            <h2>Overview<\/h2>\n\n            <p>\n                Private Garden Villa is designed around calm family living. The home combines\n                open interiors, warm natural materials, generous bedrooms, and a private outdoor\n                garden that creates a peaceful retreat within the city.\n            <\/p>\n\n            <p>\n                Every space has been planned for everyday ease \u2014 from the bright living room and\n                functional kitchen to the quiet bedroom zones and shaded outdoor lounge.\n            <\/p>\n\n            <div class=\"n9d2-price\">\n                <strong>$2.4M<\/strong>\n                <small>Listed Price<\/small>\n            <\/div>\n        <\/div>\n\n        <div class=\"n9d2-image n9d2-zoom\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1693160206111-202ab0b8b34c?q=80&w=872&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Private villa exterior\">\n\n            <div class=\"n9d2-floating\">\n                <i class=\"fa-solid fa-location-dot\"><\/i>\n                <span>Prime residential neighborhood with quiet streets and easy access.<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\nhtml,\nbody {\n    max-width: 100%;\n    overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\n\n.n9d2-overview-section {\n    padding: 55px 60px 55px;\n    background: #ffffff;\n    overflow: hidden;\n    font-family: 'Poly', serif;\n}\n\n.n9d2-wrap {\n    max-width: 1380px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.08fr .92fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.n9d2-text span {\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: 13px;\n    line-height: 1;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n}\n\n.n9d2-text h2 {\n    margin: 18px 0 0;\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: clamp(52px, 5vw, 86px);\n    line-height: 1;\n    font-weight: 400;\n    letter-spacing: -.06em;\n}\n\n.n9d2-text p {\n    margin: 24px 0 0;\n    max-width: 710px;\n    color: #555555;\n    font-size: 16px;\n    line-height: 1.8;\n}\n\n.n9d2-price {\n    margin-top: 34px;\n    padding-top: 24px;\n    border-top: 1px solid rgba(17,17,17,.12);\n}\n\n.n9d2-price strong {\n    display: block;\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: 44px;\n    line-height: 1;\n    font-weight: 400;\n}\n\n.n9d2-price small {\n    display: block;\n    margin-top: 8px;\n    color: #555555;\n    font-size: 14px;\n}\n\n.n9d2-image {\n    position: relative;\n    height: 540px;\n    border-radius: 22px;\n    overflow: hidden;\n}\n\n.n9d2-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    filter: brightness(.92);\n}\n\n.n9d2-floating {\n    position: absolute;\n    left: 22px;\n    bottom: 22px;\n    max-width: 340px;\n    padding: 18px;\n    border-radius: 16px;\n    background: rgba(17,17,17,.76);\n    color: #ffffff;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n}\n\n.n9d2-floating i {\n    color: #ffffff;\n}\n\n.n9d2-floating span {\n    color: #ffffff;\n    font-size: 15px;\n    line-height: 1.5;\n}\n\n.n9d2-zoom {\n    opacity: 0;\n    transform: translateY(25px) scale(.94);\n    transition: opacity 1.4s ease, transform 1.4s ease;\n}\n\n.n9d2-zoom.active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n}\n\n@media(max-width:1024px) {\n    .n9d2-overview-section {\n        padding: 40px 40px 40px;\n    }\n\n    .n9d2-wrap {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n\n    .n9d2-text h2 {\n        font-size: 60px;\n    }\n\n    .n9d2-image {\n        height: 420px;\n    }\n}\n\n@media(max-width:767px) {\n    .n9d2-overview-section {\n        padding: 30px 20px 30px;\n    }\n\n    .n9d2-text h2 {\n        font-size: 42px;\n    }\n\n    .n9d2-text p {\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .n9d2-image {\n        height: auto;\n        overflow: visible;\n        border-radius: 18px;\n    }\n\n    .n9d2-image img {\n        height: 310px;\n        border-radius: 18px;\n    }\n\n    .n9d2-floating {\n        position: static;\n        max-width: none;\n        margin-top: 12px;\n        background: #111111;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    document.querySelectorAll(\".n9d2-zoom\").forEach(function (item) {\n        new IntersectionObserver(function (entries) {\n            entries.forEach(function (entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add(\"active\");\n                }\n            });\n        }, { threshold: 0.15 }).observe(item);\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea265e4 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"ea265e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c70ea6d elementor-widget elementor-widget-html\" data-id=\"c70ea6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Spectral:wght@300;400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"n9d3-specs-section\">\n    <div class=\"n9d3-wrap\">\n        <div class=\"n9d3-head n9d3-zoom\">\n            <span>Property Details<\/span>\n\n            <h2>\n                Designed with the right balance of\n                <em>space, privacy, and comfort.<\/em>\n            <\/h2>\n        <\/div>\n\n        <div class=\"n9d3-grid\">\n            <div class=\"n9d3-card n9d3-zoom\">\n                <i class=\"fa-solid fa-bed\"><\/i>\n                <strong>4<\/strong>\n                <span>Bedrooms<\/span>\n            <\/div>\n\n            <div class=\"n9d3-card n9d3-zoom\">\n                <i class=\"fa-solid fa-bath\"><\/i>\n                <strong>3<\/strong>\n                <span>Bathrooms<\/span>\n            <\/div>\n\n            <div class=\"n9d3-card n9d3-zoom\">\n                <i class=\"fa-solid fa-ruler-combined\"><\/i>\n                <strong>3,850<\/strong>\n                <span>Sq. Ft.<\/span>\n            <\/div>\n\n            <div class=\"n9d3-card n9d3-zoom\">\n                <i class=\"fa-solid fa-car\"><\/i>\n                <strong>2<\/strong>\n                <span>Car Parking<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"n9d3-features\">\n            <div class=\"n9d3-feature n9d3-zoom\">\n                <span>01<\/span>\n                <h3>Open Living Area<\/h3>\n                <p>Generous living and dining zones with natural light and easy outdoor connection.<\/p>\n            <\/div>\n\n            <div class=\"n9d3-feature n9d3-zoom\">\n                <span>02<\/span>\n                <h3>Private Garden<\/h3>\n                <p>Landscaped outdoor space for family time, hosting, and quiet relaxation.<\/p>\n            <\/div>\n\n            <div class=\"n9d3-feature n9d3-zoom\">\n                <span>03<\/span>\n                <h3>Calm Bedroom Wing<\/h3>\n                <p>Bedrooms are positioned away from active living areas for privacy and rest.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\nhtml,\nbody {\n    max-width: 100%;\n    overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\n\n.n9d3-specs-section {\n    padding: 55px 60px 55px;\n    background: #f4f4f2;\n    overflow: hidden;\n    font-family: 'Poly', serif;\n}\n\n.n9d3-wrap {\n    max-width: 1380px;\n    margin: 0 auto;\n}\n\n.n9d3-head {\n    margin-bottom: 34px;\n    display: grid;\n    grid-template-columns: 260px 1fr;\n    gap: 40px;\n    align-items: start;\n}\n\n.n9d3-head span {\n    min-height: 32px;\n    width: max-content;\n    padding: 0 14px;\n    border-radius: 999px;\n    background: #ffffff;\n    color: #000000;\n    display: inline-flex;\n    align-items: center;\n    font-family: 'Spectral', serif;\n    font-size: 13px;\n    line-height: 1;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n}\n\n.n9d3-head h2 {\n    margin: 0;\n    max-width: 850px;\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: clamp(42px, 5vw, 76px);\n    line-height: 1.02;\n    font-weight: 400;\n    letter-spacing: -.06em;\n}\n\n.n9d3-head h2 em {\n    display: block;\n    color: #000000;\n    font-style: italic;\n    font-weight: 300;\n}\n\n.n9d3-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n}\n\n.n9d3-card {\n    min-height: 210px;\n    padding: 26px;\n    border-radius: 18px;\n    background: #ffffff;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n}\n\n.n9d3-card i {\n    width: 46px;\n    height: 46px;\n    border-radius: 50%;\n    background: #f4f4f2;\n    color: #000000;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.n9d3-card strong {\n    margin-top: 42px;\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: 42px;\n    line-height: 1;\n    font-weight: 400;\n}\n\n.n9d3-card span {\n    margin-top: 8px;\n    color: #555555;\n    font-size: 15px;\n}\n\n.n9d3-features {\n    margin-top: 14px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n}\n\n.n9d3-feature {\n    padding: 26px;\n    border-radius: 18px;\n    background: #ffffff;\n}\n\n.n9d3-feature span {\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: 18px;\n    line-height: 1;\n}\n\n.n9d3-feature h3 {\n    margin: 34px 0 0;\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: 30px;\n    line-height: 1.08;\n    font-weight: 500;\n    letter-spacing: -.04em;\n}\n\n.n9d3-feature p {\n    margin: 12px 0 0;\n    color: #555555;\n    font-size: 15px;\n    line-height: 1.62;\n}\n\n.n9d3-zoom {\n    opacity: 0;\n    transform: translateY(25px) scale(.94);\n    transition: opacity 1.4s ease, transform 1.4s ease;\n}\n\n.n9d3-zoom.active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n}\n\n@media(max-width:1024px) {\n    .n9d3-specs-section {\n        padding: 40px 40px 40px;\n    }\n\n    .n9d3-head {\n        grid-template-columns: 1fr;\n        gap: 18px;\n    }\n\n    .n9d3-head h2 {\n        font-size: 52px;\n    }\n\n    .n9d3-grid {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .n9d3-features {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media(max-width:767px) {\n    .n9d3-specs-section {\n        padding: 30px 20px 30px;\n    }\n\n    .n9d3-head h2 {\n        font-size: 35px;\n        line-height: 1.08;\n    }\n\n    .n9d3-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .n9d3-card {\n        min-height: auto;\n        padding: 22px;\n        border-radius: 16px;\n    }\n\n    .n9d3-card strong {\n        margin-top: 30px;\n        font-size: 34px;\n    }\n\n    .n9d3-feature {\n        padding: 22px;\n        border-radius: 16px;\n    }\n\n    .n9d3-feature h3 {\n        margin-top: 26px;\n        font-size: 26px;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    document.querySelectorAll(\".n9d3-zoom\").forEach(function (item) {\n        new IntersectionObserver(function (entries) {\n            entries.forEach(function (entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add(\"active\");\n                }\n            });\n        }, { threshold: 0.15 }).observe(item);\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89fa521 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"89fa521\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61f73ef elementor-widget elementor-widget-html\" data-id=\"61f73ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Spectral:wght@300;400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"n9d4-gallery-section\">\n    <div class=\"n9d4-wrap\">\n        <div class=\"n9d4-head n9d4-zoom\">\n            <div>\n                <span>Property Gallery<\/span>\n\n                <h2>\n                    Walk through the spaces that make this\n                    <em>villa feel complete.<\/em>\n                <\/h2>\n            <\/div>\n\n            <p>\n                Click through the smaller views to explore the living area, bedroom,\n                dining zone, bathroom finishes, and private exterior spaces.\n            <\/p>\n        <\/div>\n\n        <div class=\"n9d4-stage n9d4-zoom\">\n            <div class=\"n9d4-main-image\">\n                <img decoding=\"async\" \n                    class=\"n9d4-main-img\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1800&q=80\" \n                    alt=\"Luxury living room\">\n            <\/div>\n\n            <div class=\"n9d4-story-card\">\n                <span class=\"n9d4-main-label\">01 \/ Main Living<\/span>\n\n                <h3 class=\"n9d4-main-title\">\n                    Open interiors shaped around light, comfort, and family flow.\n                <\/h3>\n\n                <p class=\"n9d4-main-desc\">\n                    The primary living space connects everyday comfort with a warm,\n                    refined material palette.\n                <\/p>\n            <\/div>\n\n            <div class=\"n9d4-thumb-slider\">\n                <div class=\"n9d4-thumb-dock\">\n                    <button class=\"n9d4-thumb active\" type=\"button\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=600&q=80\" alt=\"Luxury living room thumbnail\">\n                        <span>Living<\/span>\n                    <\/button>\n\n                    <button class=\"n9d4-thumb\" type=\"button\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1615873968403-89e068629265?auto=format&fit=crop&w=600&q=80\" alt=\"Luxury bedroom thumbnail\">\n                        <span>Bedroom<\/span>\n                    <\/button>\n\n                    <button class=\"n9d4-thumb\" type=\"button\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=600&q=80\" alt=\"Dining interior thumbnail\">\n                        <span>Dining<\/span>\n                    <\/button>\n\n                    <button class=\"n9d4-thumb\" type=\"button\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566752355-35792bedcfea?auto=format&fit=crop&w=600&q=80\" alt=\"Modern bathroom thumbnail\">\n                        <span>Bath<\/span>\n                    <\/button>\n\n                    <button class=\"n9d4-thumb\" type=\"button\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=600&q=80\" alt=\"Villa exterior thumbnail\">\n                        <span>Exterior<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\nhtml,\nbody {\n    max-width: 100%;\n    overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\n\n.n9d4-gallery-section {\n    width: 100%;\n    padding: 55px 60px 0;\n    margin: 0 !important;\n    background: #ffffff;\n    overflow: hidden;\n    font-family: 'Poly', serif;\n}\n\n.n9d4-wrap {\n    max-width: 1380px;\n    margin: 0 auto;\n}\n\n.n9d4-head {\n    margin-bottom: 34px;\n    display: grid;\n    grid-template-columns: 1fr 460px;\n    gap: 40px;\n    align-items: end;\n}\n\n.n9d4-head span {\n    min-height: 32px;\n    width: max-content;\n    padding: 0 14px;\n    border-radius: 999px;\n    background: #f4f4f2;\n    color: #000000;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'Spectral', serif;\n    font-size: 13px;\n    line-height: 1;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n}\n\n.n9d4-head h2 {\n    margin: 24px 0 0;\n    max-width: 850px;\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: clamp(42px, 5vw, 76px);\n    line-height: 1.02;\n    font-weight: 400;\n    letter-spacing: -.06em;\n}\n\n.n9d4-head h2 em {\n    display: block;\n    color: #000000;\n    font-style: italic;\n    font-weight: 300;\n}\n\n.n9d4-head p {\n    margin: 0;\n    color: #555555;\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n.n9d4-stage {\n    position: relative;\n    min-height: 670px;\n    border-radius: 28px;\n    overflow: hidden;\n    background: #111111;\n}\n\n.n9d4-main-image {\n    position: absolute;\n    inset: 0;\n}\n\n.n9d4-main-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    filter: brightness(.76);\n    transition: transform .6s ease;\n}\n\n.n9d4-stage:hover .n9d4-main-img {\n    transform: scale(1.025);\n}\n\n.n9d4-stage::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(90deg, rgba(0, 0, 0, .58), rgba(0, 0, 0, .12)),\n        linear-gradient(0deg, rgba(0, 0, 0, .56), rgba(0, 0, 0, .02));\n    pointer-events: none;\n}\n\n.n9d4-story-card {\n    position: absolute;\n    left: 26px;\n    top: 26px;\n    z-index: 2;\n    width: min(440px, calc(100% - 52px));\n    padding: 26px;\n    border-radius: 20px;\n    background: rgba(255, 255, 255, .94);\n}\n\n.n9d4-story-card span {\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: 13px;\n    line-height: 1;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n}\n\n.n9d4-story-card h3 {\n    margin: 14px 0 0;\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: 36px;\n    line-height: 1.04;\n    font-weight: 500;\n    letter-spacing: -.045em;\n}\n\n.n9d4-story-card p {\n    margin: 14px 0 0;\n    color: #555555;\n    font-size: 15px;\n    line-height: 1.65;\n}\n\n.n9d4-thumb-slider {\n    position: absolute;\n    left: 26px;\n    right: 26px;\n    bottom: 26px;\n    z-index: 2;\n    overflow: hidden;\n}\n\n.n9d4-thumb-dock {\n    padding: 12px;\n    border-radius: 22px;\n    background: rgba(17, 17, 17, .62);\n    border: 1px solid rgba(255, 255, 255, .16);\n    backdrop-filter: blur(12px);\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 12px;\n}\n\n.n9d4-thumb {\n    position: relative;\n    height: 145px;\n    padding: 0;\n    border: 0;\n    border-radius: 16px;\n    overflow: hidden;\n    background: #222222;\n    cursor: pointer;\n    font-family: 'Poly', serif;\n    outline: 2px solid transparent;\n    outline-offset: -2px;\n    transition: .35s ease;\n}\n\n.n9d4-thumb.active {\n    outline-color: #ffffff;\n}\n\n.n9d4-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: .45s ease;\n}\n\n.n9d4-thumb:hover img,\n.n9d4-thumb.active img {\n    transform: scale(1.05);\n}\n\n.n9d4-thumb::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(0deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .04));\n}\n\n.n9d4-thumb span {\n    position: absolute;\n    left: 12px;\n    bottom: 12px;\n    z-index: 2;\n    min-height: 30px;\n    padding: 0 12px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, .94);\n    color: #000000;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 13px;\n    line-height: 1;\n}\n\n.n9d4-zoom {\n    opacity: 0;\n    transform: translateY(25px) scale(.94);\n    transition: opacity 1.4s ease, transform 1.4s ease;\n}\n\n.n9d4-zoom.active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n}\n\n\/* TABLET *\/\n@media(max-width:1024px) {\n    .n9d4-gallery-section {\n        padding: 40px 40px 0;\n    }\n\n    .n9d4-head {\n        grid-template-columns: 1fr;\n        gap: 18px;\n        margin-bottom: 28px;\n    }\n\n    .n9d4-head h2 {\n        font-size: 52px;\n    }\n\n    .n9d4-stage {\n        min-height: auto;\n        border-radius: 0;\n        overflow: visible;\n        background: transparent;\n    }\n\n    .n9d4-stage::after {\n        display: none;\n    }\n\n    .n9d4-main-image {\n        position: relative;\n        height: 390px;\n        border-radius: 20px;\n        overflow: hidden;\n    }\n\n    .n9d4-main-img {\n        filter: brightness(.84);\n        border-radius: 20px;\n    }\n\n    .n9d4-stage:hover .n9d4-main-img {\n        transform: none;\n    }\n\n    .n9d4-story-card {\n        position: static;\n        width: 100%;\n        margin-top: 14px;\n        background: #f4f4f2;\n        box-shadow: none;\n    }\n\n    .n9d4-story-card h3 {\n        font-size: 30px;\n    }\n\n    .n9d4-thumb-slider {\n        position: static;\n        width: 100%;\n        margin-top: 14px;\n        overflow: hidden;\n    }\n\n    .n9d4-thumb-dock {\n        width: 100%;\n        padding: 0;\n        border: none;\n        border-radius: 0;\n        background: transparent;\n        backdrop-filter: none;\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 14px;\n        transition: transform .65s ease;\n        will-change: transform;\n    }\n\n    .n9d4-thumb {\n        flex: 0 0 calc((100% - 14px) \/ 2);\n        max-width: calc((100% - 14px) \/ 2);\n        height: 260px;\n        border-radius: 18px;\n        outline: none;\n    }\n\n    .n9d4-thumb.active {\n        outline: none;\n    }\n\n    .n9d4-thumb:hover img,\n    .n9d4-thumb.active img {\n        transform: none;\n    }\n}\n\n\/* MOBILE *\/\n@media(max-width:767px) {\n    .n9d4-gallery-section {\n        padding: 30px 20px 0;\n    }\n\n    .n9d4-head h2 {\n        font-size: 35px;\n        line-height: 1.08;\n    }\n\n    .n9d4-head p {\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .n9d4-main-image {\n        height: 280px;\n        border-radius: 16px;\n    }\n\n    .n9d4-main-img {\n        border-radius: 16px;\n    }\n\n    .n9d4-story-card {\n        padding: 22px;\n        border-radius: 16px;\n    }\n\n    .n9d4-story-card h3 {\n        font-size: 26px;\n        line-height: 1.08;\n    }\n\n    .n9d4-thumb-dock {\n        gap: 0;\n    }\n\n    .n9d4-thumb {\n        flex: 0 0 100%;\n        max-width: 100%;\n        height: 230px;\n        border-radius: 16px;\n    }\n\n    .n9d4-thumb span {\n        left: 12px;\n        bottom: 12px;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    document.querySelectorAll(\".n9d4-gallery-section\").forEach(function (section) {\n        var dock = section.querySelector(\".n9d4-thumb-dock\");\n        var thumbs = Array.from(section.querySelectorAll(\".n9d4-thumb\"));\n        var slideIndex = 0;\n        var slideTimer;\n\n        function getGap() {\n            var styles = window.getComputedStyle(dock);\n            return parseFloat(styles.columnGap || styles.gap) || 0;\n        }\n\n        function getVisibleCards() {\n            if (window.innerWidth <= 767) return 1;\n            if (window.innerWidth <= 1024) return 2;\n            return 5;\n        }\n\n        function moveOnlyThumbCards(index) {\n            if (!dock || !thumbs.length) return;\n\n            if (window.innerWidth > 1024) {\n                dock.style.transform = \"translateX(0)\";\n                return;\n            }\n\n            var visibleCards = getVisibleCards();\n            var maxIndex = Math.max(thumbs.length - visibleCards, 0);\n\n            slideIndex = index > maxIndex ? 0 : index;\n\n            var cardMove = thumbs[0].offsetWidth + getGap();\n\n            dock.style.transform = \"translateX(-\" + (cardMove * slideIndex) + \"px)\";\n        }\n\n        function startAutoSlide() {\n            clearInterval(slideTimer);\n\n            slideTimer = setInterval(function () {\n                if (window.innerWidth > 1024) {\n                    dock.style.transform = \"translateX(0)\";\n                    return;\n                }\n\n                var visibleCards = getVisibleCards();\n                var maxIndex = Math.max(thumbs.length - visibleCards, 0);\n\n                slideIndex = slideIndex >= maxIndex ? 0 : slideIndex + 1;\n\n                moveOnlyThumbCards(slideIndex);\n            }, 2800);\n        }\n\n        window.addEventListener(\"resize\", function () {\n            slideIndex = 0;\n            moveOnlyThumbCards(slideIndex);\n        });\n\n        startAutoSlide();\n    });\n\n    document.querySelectorAll(\".n9d4-zoom\").forEach(function (item) {\n        new IntersectionObserver(function (entries) {\n            entries.forEach(function (entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add(\"active\");\n                }\n            });\n        }, { threshold: 0.15 }).observe(item);\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b58d7ea e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"b58d7ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1e2335 elementor-widget elementor-widget-html\" data-id=\"d1e2335\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Spectral:wght@300;400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"n9d6-agent-section\">\n    <div class=\"n9d6-wrap\">\n        <div class=\"n9d6-agent-card n9d6-zoom\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1595370047222-b97079666dde?q=80&w=1738&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Property advisor\">\n\n            <div class=\"n9d6-agent-info\">\n                <span>Property Advisor<\/span>\n                <h3>Alexa Hayes<\/h3>\n                <p>Senior advisor for private villas, family residences, and premium listings.<\/p>\n\n                <a href=\"https:\/\/teknr9.thestackly.site\/?page_id=17\">\n                    Contact Advisor\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"n9d6-content n9d6-zoom\">\n            <span>Schedule A Visit<\/span>\n\n            <h2>\n                Ready to experience this\n                <em>property in person?<\/em>\n            <\/h2>\n\n            <p>\n                Book a private visit with our advisor to review the layout, surroundings,\n                finishes, and practical details of the villa.\n            <\/p>\n\n            <div class=\"n9d6-actions\">\n                <a href=\"https:\/\/teknr9.thestackly.site\/?page_id=17\">\n                    Schedule Visit\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/a>\n\n                <a href=\"https:\/\/teknr9.thestackly.site\/?page_id=13\" class=\"n9d6-secondary\">\n                    View More Listings\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\nhtml,\nbody {\n    max-width: 100%;\n    overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\n\n.n9d6-agent-section {\n    padding: 55px 60px 55px;\n    background: #ffffff;\n    overflow: hidden;\n    font-family: 'Poly', serif;\n}\n\n.n9d6-wrap {\n    max-width: 1380px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: .82fr 1.18fr;\n    gap: 24px;\n    align-items: stretch;\n}\n\n.n9d6-agent-card {\n    border-radius: 22px;\n    background: #f4f4f2;\n    overflow: hidden;\n}\n\n.n9d6-agent-card img {\n    width: 100%;\n    height: 360px;\n    object-fit: cover;\n    object-position: center top;\n    display: block;\n}\n\n.n9d6-agent-info {\n    padding: 26px;\n}\n\n.n9d6-agent-info span,\n.n9d6-content > span {\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: 13px;\n    line-height: 1;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n}\n\n.n9d6-agent-info h3 {\n    margin: 12px 0 0;\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: 34px;\n    line-height: 1.08;\n    font-weight: 500;\n    letter-spacing: -.04em;\n}\n\n.n9d6-agent-info p {\n    margin: 12px 0 0;\n    color: #555555;\n    font-size: 15px;\n    line-height: 1.62;\n}\n\n.n9d6-agent-info a,\n.n9d6-actions a {\n    min-height: 50px;\n    padding: 0 20px;\n    border-radius: 12px;\n    background: #111111;\n    color: #ffffff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    text-decoration: none !important;\n    font-size: 15px;\n    line-height: 1;\n    transition: .35s ease;\n}\n\n.n9d6-agent-info a {\n    margin-top: 22px;\n}\n\n.n9d6-agent-info a:hover,\n.n9d6-actions a:hover {\n    background: #6C8480;\n}\n\n.n9d6-content {\n    padding: 44px;\n    border-radius: 22px;\n    background: #f4f4f2;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.n9d6-content h2 {\n    margin: 22px 0 0;\n    max-width: 820px;\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: clamp(42px, 5vw, 76px);\n    line-height: 1.02;\n    font-weight: 400;\n    letter-spacing: -.06em;\n}\n\n.n9d6-content h2 em {\n    display: block;\n    color: #000000;\n    font-style: italic;\n    font-weight: 300;\n}\n\n.n9d6-content p {\n    margin: 24px 0 0;\n    max-width: 650px;\n    color: #555555;\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n.n9d6-actions {\n    margin-top: 30px;\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.n9d6-actions .n9d6-secondary {\n    background: #ffffff;\n    color: #000000;\n}\n\n.n9d6-actions .n9d6-secondary:hover {\n    background: #111111;\n    color: #ffffff;\n}\n\n.n9d6-zoom {\n    opacity: 0;\n    transform: translateY(25px) scale(.94);\n    transition: opacity 1.4s ease, transform 1.4s ease;\n}\n\n.n9d6-zoom.active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n}\n\n@media(max-width:1024px) {\n    .n9d6-agent-section {\n        padding: 40px 40px 40px;\n    }\n\n    .n9d6-wrap {\n        grid-template-columns: 1fr;\n    }\n\n    .n9d6-content h2 {\n        font-size: 52px;\n    }\n}\n\n@media(max-width:767px) {\n    .n9d6-agent-section {\n        padding: 30px 20px 30px;\n    }\n\n    .n9d6-agent-card,\n    .n9d6-content {\n        border-radius: 18px;\n    }\n\n    .n9d6-agent-card img {\n        height: 320px;\n    }\n\n    .n9d6-agent-info,\n    .n9d6-content {\n        padding: 24px;\n    }\n\n    .n9d6-content h2 {\n        font-size: 35px;\n        line-height: 1.08;\n    }\n\n    .n9d6-content p {\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .n9d6-actions {\n        flex-direction: column;\n    }\n\n    .n9d6-agent-info a,\n    .n9d6-actions a {\n        width: 100%;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    document.querySelectorAll(\".n9d6-zoom\").forEach(function (item) {\n        new IntersectionObserver(function (entries) {\n            entries.forEach(function (entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add(\"active\");\n                }\n            });\n        }, { threshold: 0.15 }).observe(item);\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05e0d43 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"05e0d43\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8fbb8e elementor-widget elementor-widget-html\" data-id=\"e8fbb8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Spectral:wght@300;400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n\n<section class=\"n9d7-more-section\">\n    <div class=\"n9d7-wrap\">\n        <div class=\"n9d7-head n9d7-zoom\">\n            <div>\n                <span>Explore More<\/span>\n\n                <h2>\n                    Similar homes worth\n                    <em>considering next.<\/em>\n                <\/h2>\n            <\/div>\n\n            <p>\n                Compare more residences selected for comfort, strong locations, and practical\n                everyday living.\n            <\/p>\n        <\/div>\n\n        <div class=\"n9d7-grid\">\n            <a href=\"https:\/\/teknr9.thestackly.site\/?page_id=15\" class=\"n9d7-card n9d7-zoom\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1633777396638-dc40348489ce?q=80&w=1810&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Oakline residence\">\n\n                <div>\n                    <span>Residence \u2022 $1.8M<\/span>\n                    <h3>Oakline Residence<\/h3>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/teknr9.thestackly.site\/?page_id=15\" class=\"n9d7-card n9d7-zoom\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1593297779123-cee941f400c3?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Skyline apartment\">\n\n                <div>\n                    <span>Apartment \u2022 $920K<\/span>\n                    <h3>Skyline Apartment<\/h3>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/teknr9.thestackly.site\/?page_id=15\" class=\"n9d7-card n9d7-zoom\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1646824246680-492ef3f8bbf8?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Courtyard house\">\n\n                <div>\n                    <span>Courtyard Home \u2022 $2.1M<\/span>\n                    <h3>Courtyard House<\/h3>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\nhtml,\nbody {\n    max-width: 100%;\n    overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\n\n.n9d7-more-section {\n    padding: 55px 60px 0;\n    background: #f4f4f2;\n    overflow: hidden;\n    font-family: 'Poly', serif;\n}\n\n.n9d7-wrap {\n    max-width: 1380px;\n    margin: 0 auto;\n}\n\n.n9d7-head {\n    display: grid;\n    grid-template-columns: 1fr 430px;\n    gap: 40px;\n    align-items: end;\n    margin-bottom: 34px;\n}\n\n.n9d7-head span {\n    min-height: 32px;\n    padding: 0 14px;\n    border-radius: 999px;\n    background: #ffffff;\n    color: #000000;\n    display: inline-flex;\n    align-items: center;\n    font-family: 'Spectral', serif;\n    font-size: 13px;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n}\n\n.n9d7-head h2 {\n    margin: 24px 0 0;\n    max-width: 780px;\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: clamp(42px, 5vw, 76px);\n    line-height: 1.02;\n    font-weight: 400;\n    letter-spacing: -.06em;\n}\n\n.n9d7-head h2 em {\n    display: block;\n    color: #000000;\n    font-style: italic;\n    font-weight: 300;\n}\n\n.n9d7-head p {\n    margin: 0;\n    color: #555555;\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n.n9d7-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n}\n\n.n9d7-card {\n    position: relative;\n    min-height: 420px;\n    border-radius: 20px;\n    overflow: hidden;\n    color: #ffffff;\n    text-decoration: none !important;\n    display: flex;\n    align-items: flex-end;\n    background: #111111;\n}\n\n.n9d7-card img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: .5s ease;\n}\n\n.n9d7-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(0deg, rgba(0,0,0,.78), rgba(0,0,0,.10));\n}\n\n.n9d7-card:hover img {\n    transform: scale(1.04);\n}\n\n.n9d7-card div {\n    position: relative;\n    z-index: 2;\n    padding: 24px;\n}\n\n.n9d7-card span {\n    min-height: 30px;\n    padding: 0 12px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.18);\n    color: #ffffff;\n    display: inline-flex;\n    align-items: center;\n    font-size: 13px;\n}\n\n.n9d7-card h3 {\n    margin: 16px 0 0;\n    color: #ffffff;\n    font-family: 'Spectral', serif;\n    font-size: 32px;\n    line-height: 1.05;\n    font-weight: 500;\n    letter-spacing: -.04em;\n}\n\n.n9d7-zoom {\n    opacity: 0;\n    transform: translateY(25px) scale(.94);\n    transition: opacity 1.4s ease, transform 1.4s ease;\n}\n\n.n9d7-zoom.active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n}\n\n@media(max-width:1024px) {\n    .n9d7-more-section {\n        padding: 40px 40px 0;\n    }\n\n    .n9d7-head {\n        grid-template-columns: 1fr;\n        gap: 18px;\n    }\n\n    .n9d7-head h2 {\n        font-size: 52px;\n    }\n\n    .n9d7-grid {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .n9d7-card:last-child {\n        grid-column: 1 \/ -1;\n        min-height: 360px;\n    }\n}\n\n@media(max-width:767px) {\n    .n9d7-more-section {\n        padding: 30px 20px 0;\n    }\n\n    .n9d7-head h2 {\n        font-size: 35px;\n        line-height: 1.08;\n    }\n\n    .n9d7-head p {\n        font-size: 15px;\n    }\n\n    .n9d7-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .n9d7-card,\n    .n9d7-card:last-child {\n        min-height: 350px;\n        grid-column: auto;\n        border-radius: 18px;\n    }\n\n    .n9d7-card h3 {\n        font-size: 29px;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    document.querySelectorAll(\".n9d7-zoom\").forEach(function (item) {\n        new IntersectionObserver(function (entries) {\n            entries.forEach(function (entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add(\"active\");\n                }\n            });\n        }, { threshold: 0.15 }).observe(item);\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21914ba e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"21914ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a4e900 elementor-widget elementor-widget-html\" data-id=\"0a4e900\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Spectral:wght@300;400;500;600;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"n9d5-location-section\">\n    <div class=\"n9d5-wrap\">\n        <div class=\"n9d5-head n9d5-zoom\">\n            <div>\n                <span>Location<\/span>\n\n                <h2>\n                    A peaceful residential address with\n                    <em>everyday convenience nearby.<\/em>\n                <\/h2>\n            <\/div>\n\n            <p>\n                Located in a calm neighborhood with access to schools, parks, shopping,\n                healthcare, and key city routes.\n            <\/p>\n        <\/div>\n\n        <div class=\"n9d5-map-card n9d5-zoom\">\n            <iframe\n                src=\"https:\/\/www.google.com\/maps?q=Banjara%20Hills%2C%20Hyderabad&output=embed\"\n                width=\"100%\"\n                height=\"100%\"\n                style=\"border:0;\"\n                allowfullscreen=\"\"\n                loading=\"lazy\"\n                referrerpolicy=\"no-referrer-when-downgrade\">\n            <\/iframe>\n\n            <div class=\"n9d5-floating-card\">\n                <i class=\"fa-solid fa-location-dot\"><\/i>\n\n                <div>\n                    <h3>Prime Residential Address<\/h3>\n                    <p>Quiet surroundings with quick access to main lifestyle routes and daily essentials.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\nhtml,\nbody {\n    max-width: 100%;\n    overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\n\n.n9d5-location-section {\n    padding: 55px 60px 55px;\n    background: #f4f4f2;\n    overflow: hidden;\n    font-family: 'Poly', serif;\n}\n\n.n9d5-wrap {\n    max-width: 1380px;\n    margin: 0 auto;\n}\n\n.n9d5-head {\n    margin-bottom: 34px;\n    display: grid;\n    grid-template-columns: 1fr 430px;\n    gap: 40px;\n    align-items: end;\n}\n\n.n9d5-head span {\n    min-height: 32px;\n    padding: 0 14px;\n    border-radius: 999px;\n    background: #ffffff;\n    color: #000000;\n    display: inline-flex;\n    align-items: center;\n    font-family: 'Spectral', serif;\n    font-size: 13px;\n    line-height: 1;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n}\n\n.n9d5-head h2 {\n    margin: 24px 0 0;\n    max-width: 850px;\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: clamp(42px, 5vw, 76px);\n    line-height: 1.02;\n    font-weight: 400;\n    letter-spacing: -.06em;\n}\n\n.n9d5-head h2 em {\n    display: block;\n    color: #000000;\n    font-style: italic;\n    font-weight: 300;\n}\n\n.n9d5-head p {\n    margin: 0;\n    color: #555555;\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n.n9d5-map-card {\n    position: relative;\n    width: 100%;\n    height: 560px;\n    border-radius: 22px;\n    overflow: hidden;\n    background: #111111;\n}\n\n.n9d5-map-card iframe {\n    width: 100%;\n    height: 100%;\n    display: block;\n}\n\n.n9d5-floating-card {\n    position: absolute;\n    right: 24px;\n    bottom: 24px;\n    max-width: 420px;\n    padding: 24px;\n    border-radius: 18px;\n    background: rgba(255, 255, 255, .95);\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    box-shadow: 0 20px 50px rgba(0,0,0,.18);\n}\n\n.n9d5-floating-card i {\n    width: 46px;\n    height: 46px;\n    min-width: 46px;\n    border-radius: 50%;\n    background: #f4f4f2;\n    color: #000000;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.n9d5-floating-card h3 {\n    margin: 0;\n    color: #000000;\n    font-family: 'Spectral', serif;\n    font-size: 30px;\n    line-height: 1.08;\n    font-weight: 500;\n    letter-spacing: -.04em;\n}\n\n.n9d5-floating-card p {\n    margin: 10px 0 0;\n    color: #555555;\n    font-size: 15px;\n    line-height: 1.6;\n}\n\n.n9d5-zoom {\n    opacity: 0;\n    transform: translateY(25px) scale(.94);\n    transition: opacity 1.4s ease, transform 1.4s ease;\n}\n\n.n9d5-zoom.active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n}\n\n@media(max-width:1024px) {\n    .n9d5-location-section {\n        padding: 40px 40px 40px;\n    }\n\n    .n9d5-head {\n        grid-template-columns: 1fr;\n        gap: 18px;\n    }\n\n    .n9d5-head h2 {\n        font-size: 52px;\n    }\n\n    .n9d5-map-card {\n        height: 460px;\n    }\n}\n\n@media(max-width:767px) {\n    .n9d5-location-section {\n        padding: 30px 20px 30px;\n    }\n\n    .n9d5-head h2 {\n        font-size: 35px;\n        line-height: 1.08;\n    }\n\n    .n9d5-head p {\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .n9d5-map-card {\n        height: auto;\n        border-radius: 18px;\n        overflow: visible;\n        background: transparent;\n    }\n\n    .n9d5-map-card iframe {\n        height: 330px;\n        border-radius: 18px;\n    }\n\n    .n9d5-floating-card {\n        position: static;\n        max-width: none;\n        margin-top: 12px;\n        padding: 22px;\n        border-radius: 16px;\n        box-shadow: none;\n    }\n\n    .n9d5-floating-card h3 {\n        font-size: 26px;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    document.querySelectorAll(\".n9d5-zoom\").forEach(function (item) {\n        new IntersectionObserver(function (entries) {\n            entries.forEach(function (entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add(\"active\");\n                }\n            });\n        }, { threshold: 0.15 }).observe(item);\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Property Details Private Garden Villa for Calm Family Living A refined private residence with bright interiors, landscaped outdoor space, generous family areas, and a peaceful neighborhood setting. Schedule A Visit Property Overview Overview Private Garden Villa is designed around calm family living. The home combines open interiors, warm natural materials, generous bedrooms, and a private outdoor garden that creates a peaceful retreat within the city. Every space has been planned for everyday ease \u2014 from the bright living room and functional kitchen to the quiet bedroom zones and shaded outdoor lounge. $2.4M Listed Price Prime residential neighborhood with quiet streets and easy access. Property Details Designed with the right balance of space, privacy, and comfort. 4 Bedrooms 3 Bathrooms 3,850 Sq. Ft. 2 Car Parking 01 Open Living Area Generous living and dining zones with natural light and easy outdoor connection. 02 Private Garden Landscaped outdoor space for family time, hosting, and quiet relaxation. 03 Calm Bedroom Wing Bedrooms are positioned away from active living areas for privacy and rest. Property Gallery Walk through the spaces that make this villa feel complete. Click through the smaller views to explore the living area, bedroom, dining zone, bathroom finishes, and private exterior spaces. 01 \/ Main Living Open interiors shaped around light, comfort, and family flow. The primary living space connects everyday comfort with a warm, refined material palette. Living Bedroom Dining Bath Exterior Property Advisor Alexa Hayes Senior advisor for private villas, family residences, and premium listings. Contact Advisor Schedule A Visit Ready to experience this property in person? Book a private visit with our advisor to review the layout, surroundings, finishes, and practical details of the villa. Schedule Visit View More Listings Explore More Similar homes worth considering next. Compare more residences selected for comfort, strong locations, and practical everyday living. Residence \u2022 $1.8M Oakline Residence Apartment \u2022 $920K Skyline Apartment Courtyard Home \u2022 $2.1M Courtyard House Location A peaceful residential address with everyday convenience nearby. Located in a calm neighborhood with access to schools, parks, shopping, healthcare, and key city routes. Prime Residential Address Quiet surroundings with quick access to main lifestyle routes and daily essentials.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknr9.thestackly.site\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr9.thestackly.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr9.thestackly.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr9.thestackly.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr9.thestackly.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":5,"href":"https:\/\/teknr9.thestackly.site\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/teknr9.thestackly.site\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/368"}],"wp:attachment":[{"href":"https:\/\/teknr9.thestackly.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}