{"id":22,"date":"2026-11-04T08:30:51","date_gmt":"2026-11-04T08:30:51","guid":{"rendered":"https:\/\/teknr7.thestackly.net\/?page_id=22"},"modified":"2026-11-04T12:08:49","modified_gmt":"2026-11-04T12:08:49","slug":"featured-listings","status":"publish","type":"page","link":"https:\/\/teknr7.thestackly.net\/?page_id=22","title":{"rendered":"Featured Listings"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b12da5 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 elementor-invisible e-con e-parent\" data-id=\"7b12da5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c28c029 elementor-widget elementor-widget-html\" data-id=\"c28c029\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- GOOGLE FONTS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@400;500;600;700;800&family=Overlock:ital,wght@0,400;0,700;1,400;1,700&family=Overlock+SC&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- FONT AWESOME -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<style>\r\n\r\n\/* =====================================\r\n   FEATURED LISTINGS - HERO SECTION\r\n===================================== *\/\r\n\r\n.listings-hero,\r\n.listings-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.listings-hero {\r\n    width: 100%;\r\n    min-height: 650px;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n\r\n    padding: 80px 50px 0px 50px;\r\n\r\n    background-color: #748CAB;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(244,247,250,0.98) 0%,\r\n            rgba(244,247,250,0.96) 32%,\r\n            rgba(244,247,250,0.86) 47%,\r\n            rgba(244,247,250,0.42) 63%,\r\n            rgba(244,247,250,0.05) 100%\r\n        ),\r\n        url('https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=2000&q=85');\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n\r\n    font-family: 'Mulish', sans-serif;\r\n}\r\n\r\n\/* INNER CONTENT *\/\r\n\r\n.listings-hero-inner {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* TEXT CONTENT *\/\r\n\r\n.listings-hero-content {\r\n    width: 58%;\r\n    max-width: 700px;\r\n    padding: 25px 0;\r\n}\r\n\r\n\/* TOP LABEL *\/\r\n\r\n.listings-hero-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 27px;\r\n}\r\n\r\n.listings-hero-label i {\r\n    font-size: 26px;\r\n    color: #1D2D44;\r\n}\r\n\r\n.listings-hero-label span {\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    color: #3E5C76;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n.listings-hero h1 {\r\n    font-family: 'Overlock SC', sans-serif;\r\n    font-size: 60px;\r\n    font-weight: 700;\r\n    line-height: 1.15;\r\n    letter-spacing: 0.3px;\r\n\r\n    color: #1D2D44;\r\n\r\n    max-width: 680px;\r\n    margin: 0 0 22px 0;\r\n}\r\n\r\n\/* SUBHEADING *\/\r\n\r\n.listings-hero-subheading {\r\n    font-family: 'Overlock', sans-serif;\r\n    font-style: italic;\r\n    font-size: 25px;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n\r\n    color: #3E5C76;\r\n\r\n    max-width: 590px;\r\n    margin: 0 0 25px 0;\r\n}\r\n\r\n\/* INTRODUCTION *\/\r\n\r\n.listings-hero-description {\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    line-height: 1.8;\r\n\r\n    color: #1D2D44;\r\n\r\n    max-width: 530px;\r\n    margin: 0 0 32px 0;\r\n}\r\n\r\n\/* VIEW IN PERSON BUTTON *\/\r\n\r\n.listings-hero-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 15px;\r\n\r\n    min-height: 55px;\r\n    padding: 14px 27px;\r\n\r\n    background-color: #1D2D44;\r\n    color: #FFFFFF !important;\r\n\r\n    border: 1px solid #1D2D44;\r\n    border-radius: 4px;\r\n\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.5px;\r\n\r\n    text-decoration: none !important;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n}\r\n\r\n.listings-hero-button i {\r\n    font-size: 17px;\r\n    color: #FFFFFF;\r\n}\r\n\r\n\/* REMOVE ALL HOVER EFFECTS *\/\r\n\r\n.listings-hero-button:hover,\r\n.listings-hero-button:focus,\r\n.listings-hero-button:active {\r\n    background-color: #1D2D44;\r\n    color: #FFFFFF !important;\r\n    border-color: #1D2D44;\r\n    text-decoration: none !important;\r\n    transform: none;\r\n    box-shadow: none;\r\n    transition: none;\r\n}\r\n\r\n\/* =====================================\r\n   TABLET VIEW\r\n===================================== *\/\r\n\r\n@media screen and (max-width: 1024px) {\r\n\r\n    .listings-hero {\r\n        min-height: 580px;\r\n\r\n        padding: 50px 30px 0px 30px;\r\n\r\n        background-position: 58% center;\r\n\r\n        background-image:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(244,247,250,0.98) 0%,\r\n                rgba(244,247,250,0.96) 38%,\r\n                rgba(244,247,250,0.86) 57%,\r\n                rgba(244,247,250,0.30) 100%\r\n            ),\r\n            url('https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1400&q=85');\r\n    }\r\n\r\n    .listings-hero-content {\r\n        width: 66%;\r\n        max-width: 570px;\r\n    }\r\n\r\n    .listings-hero-label {\r\n        margin-bottom: 23px;\r\n    }\r\n\r\n    .listings-hero-label i {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .listings-hero-label span {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .listings-hero h1 {\r\n        font-size: 46px;\r\n        line-height: 1.16;\r\n        margin-bottom: 19px;\r\n    }\r\n\r\n    .listings-hero-subheading {\r\n        font-size: 22px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .listings-hero-description {\r\n        font-size: 17px;\r\n        line-height: 1.75;\r\n        margin-bottom: 27px;\r\n    }\r\n\r\n    .listings-hero-button {\r\n        min-height: 52px;\r\n        padding: 13px 24px;\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n\/* =====================================\r\n   MOBILE VIEW\r\n===================================== *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n    .listings-hero {\r\n        min-height: 570px;\r\n\r\n        padding: 30px 10px 0px 10px;\r\n\r\n        background-position: 65% center;\r\n\r\n        background-image:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(244,247,250,0.98) 0%,\r\n                rgba(244,247,250,0.95) 55%,\r\n                rgba(244,247,250,0.82) 100%\r\n            ),\r\n            url('https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1000&q=85');\r\n    }\r\n\r\n    .listings-hero-inner {\r\n        align-items: center;\r\n    }\r\n\r\n    .listings-hero-content {\r\n        width: 100%;\r\n        max-width: 460px;\r\n        padding: 20px 5px;\r\n    }\r\n\r\n    .listings-hero-label {\r\n        gap: 11px;\r\n        margin-bottom: 21px;\r\n    }\r\n\r\n    .listings-hero-label i {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .listings-hero-label span {\r\n        font-size: 15px;\r\n        letter-spacing: 1.5px;\r\n    }\r\n\r\n    .listings-hero h1 {\r\n        font-size: 36px;\r\n        line-height: 1.18;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .listings-hero-subheading {\r\n        font-size: 20px;\r\n        line-height: 1.45;\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n    .listings-hero-description {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .listings-hero-button {\r\n        min-height: 50px;\r\n        padding: 12px 21px;\r\n        gap: 12px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .listings-hero-button i {\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media screen and (max-width: 380px) {\r\n\r\n    .listings-hero h1 {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .listings-hero-subheading {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .listings-hero-description {\r\n        font-size: 16px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- =====================================\r\n     HERO HTML\r\n===================================== -->\r\n\r\n<section class=\"listings-hero\">\r\n\r\n    <div class=\"listings-hero-inner\">\r\n\r\n        <div class=\"listings-hero-content\">\r\n\r\n            <!-- LABEL -->\r\n\r\n            <div class=\"listings-hero-label\">\r\n                <i class=\"fa-solid fa-building-circle-check\"><\/i>\r\n                <span>FEATURED LISTINGS<\/span>\r\n            <\/div>\r\n\r\n            <!-- MAIN HEADING -->\r\n\r\n            <h1>\r\n                Explore<br>\r\n                Exceptional Homes\r\n            <\/h1>\r\n\r\n            <!-- SUBHEADING -->\r\n\r\n            <h2 class=\"listings-hero-subheading\">\r\n                Discover spaces that inspire a better way of living.\r\n            <\/h2>\r\n\r\n            <!-- INTRODUCTION -->\r\n\r\n            <p class=\"listings-hero-description\">\r\n                Explore our thoughtfully selected collection\r\n                of exceptional properties, bringing together\r\n                beautiful homes and desirable locations.\r\n            <\/p>\r\n\r\n            <!-- VIEW IN PERSON BUTTON -->\r\n\r\n            \r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03defd2 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 elementor-invisible e-con e-parent\" data-id=\"03defd2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f0e98e elementor-widget elementor-widget-html\" data-id=\"0f0e98e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- GOOGLE FONTS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@400;500;600;700;800&family=Overlock:ital,wght@0,400;0,700;1,400;1,700&family=Overlock+SC&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- FONT AWESOME -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n\r\n<section class=\"collection-section\" id=\"property-collection\">\r\n\r\n    <div class=\"collection-container\">\r\n\r\n        <!-- SECTION INTRO -->\r\n        <div class=\"collection-intro\">\r\n\r\n            <div class=\"collection-intro-left\">\r\n\r\n                <span class=\"collection-eyebrow\">\r\n                    <i class=\"fa-solid fa-house-circle-check\"><\/i>\r\n                    YOUR NEXT CHAPTER STARTS HERE\r\n                <\/span>\r\n\r\n                <h2>Collection Worth Exploring<\/h2>\r\n\r\n                <p>\r\n                    Discover thoughtfully selected properties that bring\r\n                    comfort, character and exceptional living together.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"collection-intro-right\">\r\n                <div class=\"collection-property-count\">\r\n                    <i class=\"fa-solid fa-house\"><\/i>\r\n                    <span>Handpicked Properties<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"collection-intro-mark\">\r\n                    <i class=\"fa-solid fa-arrow-down-long\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FILTER TOOLBAR -->\r\n        <div class=\"collection-toolbar\">\r\n\r\n            <div class=\"collection-filter-heading\">\r\n                <i class=\"fa-solid fa-sliders\"><\/i>\r\n                <span>Find Your Property<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"collection-filters\">\r\n\r\n                <div class=\"collection-search-box\">\r\n                    <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n                    <input\r\n                        type=\"search\"\r\n                        id=\"collection-search\"\r\n                        placeholder=\"Search properties...\"\r\n                        aria-label=\"Search properties\"\r\n                    >\r\n                <\/div>\r\n\r\n                <select id=\"collection-location\" aria-label=\"Filter by location\">\r\n                    <option value=\"all\">All Locations<\/option>\r\n                    <option value=\"banjara hills\">Banjara Hills<\/option>\r\n                    <option value=\"gachibowli\">Gachibowli<\/option>\r\n                    <option value=\"jubilee hills\">Jubilee Hills<\/option>\r\n                    <option value=\"kokapet\">Kokapet<\/option>\r\n                    <option value=\"kukatpally\">Kukatpally<\/option>\r\n                    <option value=\"madhapur\">Madhapur<\/option>\r\n                <\/select>\r\n\r\n                <select id=\"collection-type\" aria-label=\"Filter by property type\">\r\n                    <option value=\"all\">All Property Types<\/option>\r\n                    <option value=\"villa\">Villa<\/option>\r\n                    <option value=\"apartment\">Apartment<\/option>\r\n                    <option value=\"independent house\">Independent House<\/option>\r\n                <\/select>\r\n\r\n                <select id=\"collection-price\" aria-label=\"Filter by price\">\r\n                    <option value=\"all\">Any Price<\/option>\r\n                    <option value=\"below1\">Below \u20b91 Crore<\/option>\r\n                    <option value=\"1to2\">\u20b91 \u2013 \u20b92 Crores<\/option>\r\n                    <option value=\"above2\">Above \u20b92 Crores<\/option>\r\n                <\/select>\r\n\r\n                <select id=\"collection-beds\" aria-label=\"Filter by bedrooms\">\r\n                    <option value=\"all\">Any Bedrooms<\/option>\r\n                    <option value=\"2\">2 Bedrooms<\/option>\r\n                    <option value=\"3\">3 Bedrooms<\/option>\r\n                    <option value=\"4\">4 Bedrooms<\/option>\r\n                    <option value=\"5\">5+ Bedrooms<\/option>\r\n                <\/select>\r\n\r\n                <select id=\"collection-sort\" aria-label=\"Sort properties\">\r\n                    <option value=\"default\">Sort By<\/option>\r\n                    <option value=\"low\">Price: Low to High<\/option>\r\n                    <option value=\"high\">Price: High to Low<\/option>\r\n                    <option value=\"area\">Largest Area<\/option>\r\n                <\/select>\r\n\r\n            <\/div>\r\n\r\n            <button type=\"button\" class=\"collection-reset\" id=\"collection-reset\">\r\n                <i class=\"fa-solid fa-rotate-left\"><\/i>\r\n                Reset\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RESULTS HEADING -->\r\n        <div class=\"collection-results-header\">\r\n\r\n            <div>\r\n                <span class=\"collection-results-label\">AVAILABLE COLLECTION<\/span>\r\n                <h3>Spaces to Call Home<\/h3>\r\n            <\/div>\r\n\r\n            <p id=\"collection-results-text\">Showing 6 properties<\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PROPERTY GRID -->\r\n        <div class=\"collection-grid\" id=\"collection-grid\">\r\n\r\n\r\n            <!-- PROPERTY: THE AZURE RESIDENCE -->\r\n            <article class=\"property-card\"\r\n                data-name=\"The Azure Residence\"\r\n                data-location=\"banjara hills\"\r\n                data-type=\"villa\"\r\n                data-price=\"2.85\"\r\n                data-beds=\"4\"\r\n                data-area=\"3200\"\r\n                data-baths=\"4\"\r\n                data-description=\"A contemporary villa featuring generous interiors, refined architecture and a beautiful private outdoor setting.\"\r\n                data-image=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=1100&q=85\">\r\n\r\n                <div class=\"property-image-wrap\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=1100&q=85\"\r\n                        alt=\"Contemporary luxury villa\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <span class=\"property-status property-status-featured\">\r\n                        <i class=\"fa-solid fa-star\"><\/i>\r\n                        Featured\r\n                    <\/span>\r\n\r\n                    <button class=\"property-favourite\"\r\n                        type=\"button\"\r\n                        aria-label=\"Add The Azure Residence to favourites\"\r\n                        aria-pressed=\"false\">\r\n                        <i class=\"fa-regular fa-heart\"><\/i>\r\n                    <\/button>\r\n\r\n                    <span class=\"property-image-caption\">SIGNATURE VILLA<\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"property-content\">\r\n\r\n                    <div class=\"property-title-row\">\r\n                        <h4>The Azure Residence<\/h4>\r\n                        <span class=\"property-price\">\u20b92.85 Cr<\/span>\r\n                    <\/div>\r\n\r\n                    <p class=\"property-location\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                        Banjara Hills, Hyderabad\r\n                    <\/p>\r\n\r\n                    <div class=\"property-divider\"><\/div>\r\n\r\n                    <div class=\"property-specs\">\r\n                        <span><i class=\"fa-solid fa-bed\"><\/i> 4 Beds<\/span>\r\n                        <span><i class=\"fa-solid fa-bath\"><\/i> 4 Baths<\/span>\r\n                        <span><i class=\"fa-solid fa-maximize\"><\/i> 3,200 sq.ft.<\/span>\r\n                    <\/div>\r\n\r\n                    <button class=\"property-details-button\" type=\"button\">\r\n                        Explore Property\r\n                        <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- PROPERTY: THE GRAND CREST -->\r\n            <article class=\"property-card\"\r\n                data-name=\"The Grand Crest\"\r\n                data-location=\"gachibowli\"\r\n                data-type=\"apartment\"\r\n                data-price=\"1.35\"\r\n                data-beds=\"3\"\r\n                data-area=\"1850\"\r\n                data-baths=\"3\"\r\n                data-description=\"A spacious modern apartment with elegant shared spaces, convenient access and carefully planned interiors.\"\r\n                data-image=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1100&q=85\">\r\n\r\n                <div class=\"property-image-wrap\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1100&q=85\"\r\n                        alt=\"Modern luxury apartment\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <span class=\"property-status property-status-new\">\r\n                        <i class=\"fa-solid fa-sparkles\"><\/i>\r\n                        New Launch\r\n                    <\/span>\r\n\r\n                    <button class=\"property-favourite\"\r\n                        type=\"button\"\r\n                        aria-label=\"Add The Grand Crest to favourites\"\r\n                        aria-pressed=\"false\">\r\n                        <i class=\"fa-regular fa-heart\"><\/i>\r\n                    <\/button>\r\n\r\n                    <span class=\"property-image-caption\">URBAN LIVING<\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"property-content\">\r\n\r\n                    <div class=\"property-title-row\">\r\n                        <h4>The Grand Crest<\/h4>\r\n                        <span class=\"property-price\">\u20b91.35 Cr<\/span>\r\n                    <\/div>\r\n\r\n                    <p class=\"property-location\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                        Gachibowli, Hyderabad\r\n                    <\/p>\r\n\r\n                    <div class=\"property-divider\"><\/div>\r\n\r\n                    <div class=\"property-specs\">\r\n                        <span><i class=\"fa-solid fa-bed\"><\/i> 3 Beds<\/span>\r\n                        <span><i class=\"fa-solid fa-bath\"><\/i> 3 Baths<\/span>\r\n                        <span><i class=\"fa-solid fa-maximize\"><\/i> 1,850 sq.ft.<\/span>\r\n                    <\/div>\r\n\r\n                    <button class=\"property-details-button\" type=\"button\">\r\n                        Explore Property\r\n                        <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- PROPERTY: THE IVORY ESTATE -->\r\n            <article class=\"property-card\"\r\n                data-name=\"The Ivory Estate\"\r\n                data-location=\"kukatpally\"\r\n                data-type=\"independent house\"\r\n                data-price=\"1.75\"\r\n                data-beds=\"3\"\r\n                data-area=\"2400\"\r\n                data-baths=\"3\"\r\n                data-description=\"A beautifully planned independent home with balanced proportions, inviting living spaces and a private entrance.\"\r\n                data-image=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1100&q=85\">\r\n\r\n                <div class=\"property-image-wrap\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1100&q=85\"\r\n                        alt=\"Contemporary independent house\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <span class=\"property-status property-status-deal\">\r\n                        <i class=\"fa-solid fa-gem\"><\/i>\r\n                        Signature Home\r\n                    <\/span>\r\n\r\n                    <button class=\"property-favourite\"\r\n                        type=\"button\"\r\n                        aria-label=\"Add The Ivory Estate to favourites\"\r\n                        aria-pressed=\"false\">\r\n                        <i class=\"fa-regular fa-heart\"><\/i>\r\n                    <\/button>\r\n\r\n                    <span class=\"property-image-caption\">PRIVATE LIVING<\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"property-content\">\r\n\r\n                    <div class=\"property-title-row\">\r\n                        <h4>The Ivory Estate<\/h4>\r\n                        <span class=\"property-price\">\u20b91.75 Cr<\/span>\r\n                    <\/div>\r\n\r\n                    <p class=\"property-location\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                        Kukatpally, Hyderabad\r\n                    <\/p>\r\n\r\n                    <div class=\"property-divider\"><\/div>\r\n\r\n                    <div class=\"property-specs\">\r\n                        <span><i class=\"fa-solid fa-bed\"><\/i> 3 Beds<\/span>\r\n                        <span><i class=\"fa-solid fa-bath\"><\/i> 3 Baths<\/span>\r\n                        <span><i class=\"fa-solid fa-maximize\"><\/i> 2,400 sq.ft.<\/span>\r\n                    <\/div>\r\n\r\n                    <button class=\"property-details-button\" type=\"button\">\r\n                        Explore Property\r\n                        <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- PROPERTY: THE WILLOW HAVEN -->\r\n            <article class=\"property-card\"\r\n                data-name=\"The Willow Haven\"\r\n                data-location=\"jubilee hills\"\r\n                data-type=\"villa\"\r\n                data-price=\"3.20\"\r\n                data-beds=\"5\"\r\n                data-area=\"4200\"\r\n                data-baths=\"5\"\r\n                data-description=\"An expansive premium villa with elegant architecture, generous family areas and a peaceful residential setting.\"\r\n                data-image=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1100&q=85\">\r\n\r\n                <div class=\"property-image-wrap\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1100&q=85\"\r\n                        alt=\"Premium modern villa\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <span class=\"property-status property-status-featured\">\r\n                        <i class=\"fa-solid fa-crown\"><\/i>\r\n                        Premium\r\n                    <\/span>\r\n\r\n                    <button class=\"property-favourite\"\r\n                        type=\"button\"\r\n                        aria-label=\"Add The Willow Haven to favourites\"\r\n                        aria-pressed=\"false\">\r\n                        <i class=\"fa-regular fa-heart\"><\/i>\r\n                    <\/button>\r\n\r\n                    <span class=\"property-image-caption\">PREMIUM COLLECTION<\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"property-content\">\r\n\r\n                    <div class=\"property-title-row\">\r\n                        <h4>The Willow Haven<\/h4>\r\n                        <span class=\"property-price\">\u20b93.20 Cr<\/span>\r\n                    <\/div>\r\n\r\n                    <p class=\"property-location\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                        Jubilee Hills, Hyderabad\r\n                    <\/p>\r\n\r\n                    <div class=\"property-divider\"><\/div>\r\n\r\n                    <div class=\"property-specs\">\r\n                        <span><i class=\"fa-solid fa-bed\"><\/i> 5 Beds<\/span>\r\n                        <span><i class=\"fa-solid fa-bath\"><\/i> 5 Baths<\/span>\r\n                        <span><i class=\"fa-solid fa-maximize\"><\/i> 4,200 sq.ft.<\/span>\r\n                    <\/div>\r\n\r\n                    <button class=\"property-details-button\" type=\"button\">\r\n                        Explore Property\r\n                        <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- PROPERTY: THE MERIDIAN HEIGHTS -->\r\n            <article class=\"property-card\"\r\n                data-name=\"The Meridian Heights\"\r\n                data-location=\"madhapur\"\r\n                data-type=\"apartment\"\r\n                data-price=\"0.95\"\r\n                data-beds=\"2\"\r\n                data-area=\"1450\"\r\n                data-baths=\"2\"\r\n                data-description=\"A thoughtfully designed apartment offering functional spaces, contemporary finishes and a connected city lifestyle.\"\r\n                data-image=\"https:\/\/images.unsplash.com\/photo-1600607687644-c7171b42498f?auto=format&fit=crop&w=1100&q=85\">\r\n\r\n                <div class=\"property-image-wrap\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1600607687644-c7171b42498f?auto=format&fit=crop&w=1100&q=85\"\r\n                        alt=\"Contemporary apartment residence\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <span class=\"property-status property-status-new\">\r\n                        <i class=\"fa-solid fa-building\"><\/i>\r\n                        City Living\r\n                    <\/span>\r\n\r\n                    <button class=\"property-favourite\"\r\n                        type=\"button\"\r\n                        aria-label=\"Add The Meridian Heights to favourites\"\r\n                        aria-pressed=\"false\">\r\n                        <i class=\"fa-regular fa-heart\"><\/i>\r\n                    <\/button>\r\n\r\n                    <span class=\"property-image-caption\">CITY COLLECTION<\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"property-content\">\r\n\r\n                    <div class=\"property-title-row\">\r\n                        <h4>The Meridian Heights<\/h4>\r\n                        <span class=\"property-price\">\u20b995 Lakhs<\/span>\r\n                    <\/div>\r\n\r\n                    <p class=\"property-location\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                        Madhapur, Hyderabad\r\n                    <\/p>\r\n\r\n                    <div class=\"property-divider\"><\/div>\r\n\r\n                    <div class=\"property-specs\">\r\n                        <span><i class=\"fa-solid fa-bed\"><\/i> 2 Beds<\/span>\r\n                        <span><i class=\"fa-solid fa-bath\"><\/i> 2 Baths<\/span>\r\n                        <span><i class=\"fa-solid fa-maximize\"><\/i> 1,450 sq.ft.<\/span>\r\n                    <\/div>\r\n\r\n                    <button class=\"property-details-button\" type=\"button\">\r\n                        Explore Property\r\n                        <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- PROPERTY: THE OAKWOOD RESIDENCE -->\r\n            <article class=\"property-card\"\r\n                data-name=\"The Oakwood Residence\"\r\n                data-location=\"kokapet\"\r\n                data-type=\"independent house\"\r\n                data-price=\"2.10\"\r\n                data-beds=\"4\"\r\n                data-area=\"2800\"\r\n                data-baths=\"4\"\r\n                data-description=\"A welcoming independent residence with spacious rooms, practical layouts and an elegant exterior.\"\r\n                data-image=\"https:\/\/images.unsplash.com\/photo-1600047509807-ba8f99d2cdde?auto=format&fit=crop&w=1100&q=85\">\r\n\r\n                <div class=\"property-image-wrap\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1600047509807-ba8f99d2cdde?auto=format&fit=crop&w=1100&q=85\"\r\n                        alt=\"Elegant independent residence\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <span class=\"property-status property-status-deal\">\r\n                        <i class=\"fa-solid fa-house\"><\/i>\r\n                        Family Home\r\n                    <\/span>\r\n\r\n                    <button class=\"property-favourite\"\r\n                        type=\"button\"\r\n                        aria-label=\"Add The Oakwood Residence to favourites\"\r\n                        aria-pressed=\"false\">\r\n                        <i class=\"fa-regular fa-heart\"><\/i>\r\n                    <\/button>\r\n\r\n                    <span class=\"property-image-caption\">FAMILY COLLECTION<\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"property-content\">\r\n\r\n                    <div class=\"property-title-row\">\r\n                        <h4>The Oakwood Residence<\/h4>\r\n                        <span class=\"property-price\">\u20b92.10 Cr<\/span>\r\n                    <\/div>\r\n\r\n                    <p class=\"property-location\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                        Kokapet, Hyderabad\r\n                    <\/p>\r\n\r\n                    <div class=\"property-divider\"><\/div>\r\n\r\n                    <div class=\"property-specs\">\r\n                        <span><i class=\"fa-solid fa-bed\"><\/i> 4 Beds<\/span>\r\n                        <span><i class=\"fa-solid fa-bath\"><\/i> 4 Baths<\/span>\r\n                        <span><i class=\"fa-solid fa-maximize\"><\/i> 2,800 sq.ft.<\/span>\r\n                    <\/div>\r\n\r\n                    <button class=\"property-details-button\" type=\"button\">\r\n                        Explore Property\r\n                        <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- NO RESULTS -->\r\n        <div class=\"collection-no-results\" id=\"collection-no-results\" hidden>\r\n\r\n            <i class=\"fa-solid fa-house-circle-xmark\"><\/i>\r\n\r\n            <h3>No Properties Found<\/h3>\r\n\r\n            <p>Try changing your search or filter options.<\/p>\r\n\r\n            <button type=\"button\" id=\"collection-empty-reset\">\r\n                View All Properties\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BOTTOM NOTE -->\r\n        <div class=\"collection-bottom-note\">\r\n\r\n            <div class=\"collection-bottom-icon\">\r\n                <i class=\"fa-solid fa-house-chimney\"><\/i>\r\n            <\/div>\r\n\r\n            <p>\r\n                Every property has a story. Find the one that feels like yours.\r\n            <\/p>\r\n\r\n            <span>YOUR HOME, YOUR WAY<\/span>\r\n\r\n        <\/div>\r\n\r\n        <!-- VIEW ALL PROPERTIES BUTTON -->\r\n        <div class=\"collection-view-all\">\r\n            <a href=\"https:\/\/nakshatrabpo13.thestackly.tech\/?page_id=23\"\r\n               class=\"collection-view-all-button\">\r\n                <span>View Properties<\/span>\r\n                <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PROPERTY DETAILS MODAL -->\r\n    <div class=\"collection-modal\" id=\"collection-modal\"\r\n        role=\"dialog\" aria-modal=\"true\"\r\n        aria-labelledby=\"modal-property-title\" hidden>\r\n\r\n        <div class=\"collection-modal-overlay\" data-close-modal><\/div>\r\n\r\n        <div class=\"collection-modal-content\">\r\n\r\n            <button type=\"button\" class=\"collection-modal-close\"\r\n                aria-label=\"Close property details\" data-close-modal>\r\n                <i class=\"fa-solid fa-xmark\"><\/i>\r\n            <\/button>\r\n\r\n            <img decoding=\"async\" id=\"modal-property-image\" src=\"\" alt=\"Selected property\">\r\n\r\n            <div class=\"collection-modal-body\">\r\n\r\n                <span class=\"collection-modal-label\">PROPERTY DETAILS<\/span>\r\n\r\n                <h3 id=\"modal-property-title\"><\/h3>\r\n\r\n                <p class=\"collection-modal-location\" id=\"modal-property-location\"><\/p>\r\n\r\n                <p class=\"collection-modal-price\" id=\"modal-property-price\"><\/p>\r\n\r\n                <p class=\"collection-modal-description\" id=\"modal-property-description\"><\/p>\r\n\r\n                <div class=\"collection-modal-specs\" id=\"modal-property-specs\"><\/div>\r\n\r\n                <a class=\"collection-modal-contact\" href=\"\/contact-us\/\">\r\n                    Enquire About This Property\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ==========================================\r\n   MAIN SECTION\r\n========================================== *\/\r\n\r\n.collection-section,\r\n.collection-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.collection-section {\r\n    width: 100%;\r\n    padding: 80px 50px 0;\r\n    background: #748CAB;\r\n    color: #1D2D44;\r\n    font-family: 'Mulish', sans-serif;\r\n}\r\n\r\n.collection-container {\r\n    width: 100%;\r\n    max-width: 1600px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   INTRODUCTION\r\n========================================== *\/\r\n\r\n.collection-intro {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 30px;\r\n    padding: 0 5px 30px;\r\n}\r\n\r\n.collection-intro-left {\r\n    max-width: 760px;\r\n}\r\n\r\n.collection-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 15px;\r\n    color: #1D2D44;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n.collection-eyebrow i {\r\n    color: #1D2D44;\r\n    font-size: 19px;\r\n}\r\n\r\n.collection-intro h2 {\r\n    margin: 0;\r\n    color: #1D2D44;\r\n    font-family: 'Overlock SC', sans-serif;\r\n    font-size: clamp(38px, 4vw, 58px);\r\n    font-weight: 700;\r\n    line-height: 1.12;\r\n}\r\n\r\n.collection-intro-left > p {\r\n    max-width: 650px;\r\n    margin: 15px 0 0;\r\n    color: #FFFFFF;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    line-height: 1.7;\r\n}\r\n\r\n.collection-intro-right {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 22px;\r\n    flex-shrink: 0;\r\n    padding-bottom: 8px;\r\n}\r\n\r\n.collection-property-count {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    color: #1D2D44;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n}\r\n\r\n.collection-property-count i {\r\n    font-size: 25px;\r\n}\r\n\r\n.collection-intro-mark {\r\n    width: 54px;\r\n    height: 54px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid rgba(29, 45, 68, 0.35);\r\n    border-radius: 50%;\r\n    color: #1D2D44;\r\n    font-size: 21px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   FILTER TOOLBAR\r\n========================================== *\/\r\n\r\n.collection-toolbar {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    padding: 15px 18px;\r\n    margin-bottom: 45px;\r\n    background: #F4F7FA;\r\n    border: 1px solid #C5D6E6;\r\n    border-radius: 15px;\r\n}\r\n\r\n.collection-filter-heading {\r\n    min-width: 185px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    padding-right: 17px;\r\n    border-right: 1px solid #C5D6E6;\r\n    color: #1D2D44;\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n}\r\n\r\n.collection-filter-heading i {\r\n    font-size: 20px;\r\n    color: #1D2D44;\r\n}\r\n\r\n.collection-filters {\r\n    flex: 1;\r\n    min-width: 0;\r\n    display: grid;\r\n    grid-template-columns: 1.35fr repeat(4, 1fr) 1.1fr;\r\n    gap: 9px;\r\n}\r\n\r\n.collection-search-box {\r\n    min-width: 0;\r\n    height: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    padding: 0 12px;\r\n    background: #FFFFFF;\r\n    border: 1px solid #C5D6E6;\r\n    border-radius: 8px;\r\n}\r\n\r\n.collection-search-box i {\r\n    flex-shrink: 0;\r\n    color: #1D2D44;\r\n    font-size: 16px;\r\n}\r\n\r\n.collection-search-box input {\r\n    width: 100%;\r\n    min-width: 0;\r\n    height: 100%;\r\n    padding: 0;\r\n    border: none;\r\n    outline: none;\r\n    background: transparent;\r\n    color: #1D2D44;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n}\r\n\r\n.collection-search-box input::placeholder {\r\n    color: #63778E;\r\n    opacity: 1;\r\n}\r\n\r\n.collection-filters select {\r\n    width: 100%;\r\n    min-width: 0;\r\n    height: 48px;\r\n    padding: 0 25px 0 11px;\r\n    border: 1px solid #C5D6E6;\r\n    border-radius: 8px;\r\n    outline: none;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    background-color: #FFFFFF;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231D2D44' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 9px center;\r\n    color: #1D2D44;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n}\r\n\r\n.collection-reset {\r\n    min-height: 45px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    padding: 0 12px;\r\n    border: none;\r\n    border-radius: 8px;\r\n    background: #1D2D44;\r\n    color: #FFFFFF;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   RESULTS HEADING\r\n========================================== *\/\r\n\r\n.collection-results-header {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    margin-bottom: 23px;\r\n    padding: 0 5px;\r\n}\r\n\r\n.collection-results-label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: #1D2D44;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n.collection-results-header h3 {\r\n    margin: 0;\r\n    color: #1D2D44;\r\n    font-family: 'Overlock SC', sans-serif;\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n}\r\n\r\n.collection-results-header > p {\r\n    margin: 0 0 5px;\r\n    color: #FFFFFF;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PROPERTY GRID\r\n========================================== *\/\r\n\r\n.collection-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 28px 23px;\r\n    align-items: stretch;\r\n}\r\n\r\n.collection-grid[hidden] {\r\n    display: none !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PROPERTY CARD\r\n========================================== *\/\r\n\r\n.property-card {\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    background: #F4F7FA;\r\n    border: 1px solid rgba(29, 45, 68, 0.12);\r\n    border-radius: 15px;\r\n    box-shadow: 0 5px 15px rgba(29, 45, 68, 0.10);\r\n}\r\n\r\n.property-card[hidden] {\r\n    display: none !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PROPERTY IMAGE\r\n========================================== *\/\r\n\r\n.property-image-wrap {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 10;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #C5D6E6;\r\n}\r\n\r\n.property-image-wrap img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center;\r\n}\r\n\r\n.property-status {\r\n    position: absolute;\r\n    top: 15px;\r\n    left: 15px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    padding: 8px 12px;\r\n    border-radius: 5px;\r\n    color: #FFFFFF;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n}\r\n\r\n.property-status-featured {\r\n    background: #1D2D44;\r\n}\r\n\r\n.property-status-new {\r\n    background: #3E5C76;\r\n}\r\n\r\n.property-status-deal {\r\n    background: #748CAB;\r\n    color: #1D2D44;\r\n}\r\n\r\n.property-favourite {\r\n    position: absolute;\r\n    top: 13px;\r\n    right: 13px;\r\n    width: 42px;\r\n    height: 42px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid rgba(29, 45, 68, 0.12);\r\n    border-radius: 50%;\r\n    background: #FFFFFF;\r\n    color: #1D2D44;\r\n    font-size: 19px;\r\n    cursor: pointer;\r\n}\r\n\r\n.property-favourite.is-favourite {\r\n    background: #1D2D44;\r\n    color: #FFFFFF;\r\n}\r\n\r\n.property-image-caption {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    padding: 9px 13px;\r\n    background: rgba(29, 45, 68, 0.88);\r\n    color: #FFFFFF;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.1px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PROPERTY CONTENT\r\n========================================== *\/\r\n\r\n.property-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 19px 19px 17px;\r\n}\r\n\r\n.property-title-row {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n}\r\n\r\n.property-title-row h4 {\r\n    min-width: 0;\r\n    margin: 0;\r\n    color: #1D2D44;\r\n    font-family: 'Overlock SC', sans-serif;\r\n    font-size: 23px;\r\n    font-weight: 700;\r\n    line-height: 1.25;\r\n}\r\n\r\n.property-price {\r\n    flex-shrink: 0;\r\n    color: #1D2D44;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 19px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n}\r\n\r\n.property-location {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin: 10px 0 16px;\r\n    color: #3E5C76;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    line-height: 1.5;\r\n}\r\n\r\n.property-location i {\r\n    flex-shrink: 0;\r\n    color: #1D2D44;\r\n    font-size: 17px;\r\n}\r\n\r\n.property-divider {\r\n    width: 100%;\r\n    height: 1px;\r\n    margin-bottom: 15px;\r\n    background: #C5D6E6;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PROPERTY SPECIFICATIONS\r\n========================================== *\/\r\n\r\n.property-specs {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    align-items: center;\r\n    margin-bottom: 17px;\r\n}\r\n\r\n.property-specs span {\r\n    min-width: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 7px;\r\n    padding: 2px 5px;\r\n    color: #1D2D44;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    white-space: nowrap;\r\n}\r\n\r\n.property-specs span + span {\r\n    border-left: 1px solid #C5D6E6;\r\n}\r\n\r\n.property-specs i {\r\n    flex-shrink: 0;\r\n    color: #1D2D44;\r\n    font-size: 16px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PROPERTY ACTION\r\n========================================== *\/\r\n\r\n.property-details-button {\r\n    width: 100%;\r\n    min-height: 47px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n    margin-top: auto;\r\n    padding: 10px 14px;\r\n    border: 1px solid #1D2D44;\r\n    border-radius: 7px;\r\n    background: #1D2D44;\r\n    color: #FFFFFF;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    cursor: pointer;\r\n}\r\n\r\n.property-details-button i {\r\n    font-size: 16px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   NO RESULTS\r\n========================================== *\/\r\n\r\n.collection-no-results {\r\n    padding: 55px 20px;\r\n    text-align: center;\r\n    background: #F4F7FA;\r\n    border-radius: 15px;\r\n}\r\n\r\n.collection-no-results[hidden] {\r\n    display: none !important;\r\n}\r\n\r\n.collection-no-results > i {\r\n    margin-bottom: 16px;\r\n    color: #1D2D44;\r\n    font-size: 42px;\r\n}\r\n\r\n.collection-no-results h3 {\r\n    margin: 0 0 10px;\r\n    color: #1D2D44;\r\n    font-family: 'Overlock SC', sans-serif;\r\n    font-size: 29px;\r\n}\r\n\r\n.collection-no-results p {\r\n    margin: 0 0 20px;\r\n    color: #3E5C76;\r\n    font-size: 16px;\r\n}\r\n\r\n.collection-no-results button {\r\n    min-height: 46px;\r\n    padding: 10px 20px;\r\n    border: none;\r\n    border-radius: 7px;\r\n    background: #1D2D44;\r\n    color: #FFFFFF;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   BOTTOM NOTE\r\n========================================== *\/\r\n\r\n.collection-bottom-note {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-top: 35px;\r\n    padding: 20px 5px 0;\r\n    border-top: 1px solid rgba(29, 45, 68, 0.25);\r\n}\r\n\r\n.collection-bottom-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background: #1D2D44;\r\n    color: #FFFFFF;\r\n    font-size: 19px;\r\n}\r\n\r\n.collection-bottom-note p {\r\n    flex: 1;\r\n    margin: 0;\r\n    color: #FFFFFF;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n}\r\n\r\n.collection-bottom-note > span {\r\n    color: #1D2D44;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   VIEW ALL PROPERTIES BUTTON\r\n========================================== *\/\r\n\r\n.collection-view-all {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-top: 30px;\r\n}\r\n\r\n.collection-view-all-button {\r\n    min-width: 235px;\r\n    min-height: 54px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    padding: 13px 25px;\r\n    border: 1px solid #1D2D44;\r\n    border-radius: 7px;\r\n    background: #1D2D44;\r\n    color: #FFFFFF;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    text-decoration: none;\r\n}\r\n\r\n.collection-view-all-button span,\r\n.collection-view-all-button i {\r\n    color: #FFFFFF;\r\n}\r\n\r\n.collection-view-all-button i {\r\n    font-size: 17px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PROPERTY DETAILS MODAL\r\n========================================== *\/\r\n\r\n.collection-modal[hidden] {\r\n    display: none !important;\r\n}\r\n\r\n.collection-modal {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 999999;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n}\r\n\r\n.collection-modal-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(10, 22, 37, 0.78);\r\n}\r\n\r\n.collection-modal-content {\r\n    width: 100%;\r\n    max-width: 650px;\r\n    max-height: 90vh;\r\n    position: relative;\r\n    z-index: 2;\r\n    overflow-y: auto;\r\n    border-radius: 15px;\r\n    background: #F4F7FA;\r\n}\r\n\r\n.collection-modal-close {\r\n    position: absolute;\r\n    top: 13px;\r\n    right: 13px;\r\n    z-index: 3;\r\n    width: 42px;\r\n    height: 42px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: none;\r\n    border-radius: 50%;\r\n    background: #FFFFFF;\r\n    color: #1D2D44;\r\n    font-size: 20px;\r\n    cursor: pointer;\r\n}\r\n\r\n.collection-modal-content > img {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    display: block;\r\n    object-fit: cover;\r\n}\r\n\r\n.collection-modal-body {\r\n    padding: 25px;\r\n}\r\n\r\n.collection-modal-label {\r\n    color: #1D2D44;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.3px;\r\n}\r\n\r\n.collection-modal-body h3 {\r\n    margin: 8px 0;\r\n    color: #1D2D44;\r\n    font-family: 'Overlock SC', sans-serif;\r\n    font-size: 31px;\r\n}\r\n\r\n.collection-modal-location {\r\n    margin: 0 0 12px;\r\n    color: #3E5C76;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n}\r\n\r\n.collection-modal-price {\r\n    margin: 0 0 13px;\r\n    color: #1D2D44;\r\n    font-size: 23px;\r\n    font-weight: 800;\r\n}\r\n\r\n.collection-modal-description {\r\n    margin: 0 0 20px;\r\n    color: #3E5C76;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.collection-modal-specs {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    padding: 15px 0;\r\n    border-top: 1px solid #C5D6E6;\r\n    border-bottom: 1px solid #C5D6E6;\r\n    color: #1D2D44;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n}\r\n\r\n.collection-modal-specs span {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n}\r\n\r\n.collection-modal-specs i {\r\n    color: #1D2D44;\r\n}\r\n\r\n.collection-modal-contact {\r\n    min-height: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    margin-top: 20px;\r\n    padding: 12px 16px;\r\n    border-radius: 7px;\r\n    background: #1D2D44;\r\n    color: #FFFFFF;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TABLET VIEW - TWO CARDS PER ROW\r\n========================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .collection-section {\r\n        padding: 50px 30px 0;\r\n    }\r\n\r\n    .collection-intro {\r\n        padding-bottom: 25px;\r\n    }\r\n\r\n    .collection-intro h2 {\r\n        font-size: 43px;\r\n    }\r\n\r\n    .collection-intro-left > p {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .collection-toolbar {\r\n        flex-wrap: wrap;\r\n        gap: 13px;\r\n        margin-bottom: 35px;\r\n        padding: 15px;\r\n    }\r\n\r\n    .collection-filter-heading {\r\n        width: 100%;\r\n        min-width: 0;\r\n        padding: 0 0 12px;\r\n        border-right: none;\r\n        border-bottom: 1px solid #C5D6E6;\r\n    }\r\n\r\n    .collection-filters {\r\n        flex: 1 1 calc(100% - 85px);\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    }\r\n\r\n    .collection-reset {\r\n        align-self: flex-end;\r\n        min-width: 75px;\r\n    }\r\n\r\n    .collection-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 23px 18px;\r\n    }\r\n\r\n    .property-content {\r\n        padding: 17px 15px;\r\n    }\r\n\r\n    .property-title-row h4 {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .property-price {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .property-specs span {\r\n        gap: 5px;\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   MOBILE VIEW - ONE CARD PER ROW\r\n========================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .collection-section {\r\n        padding: 30px 10px 0;\r\n    }\r\n\r\n    .collection-intro {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 20px;\r\n        padding: 0 5px 22px;\r\n    }\r\n\r\n    .collection-eyebrow {\r\n        gap: 8px;\r\n        margin-bottom: 12px;\r\n        font-size: 14px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .collection-intro h2 {\r\n        font-size: 36px;\r\n        line-height: 1.12;\r\n    }\r\n\r\n    .collection-intro-left > p {\r\n        margin-top: 11px;\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .collection-intro-right {\r\n        width: 100%;\r\n        justify-content: space-between;\r\n        padding: 0;\r\n    }\r\n\r\n    .collection-property-count {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .collection-intro-mark {\r\n        width: 45px;\r\n        height: 45px;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .collection-toolbar {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 13px;\r\n        margin-bottom: 30px;\r\n        padding: 13px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .collection-filter-heading {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .collection-filters {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n\r\n    .collection-search-box,\r\n    .collection-filters select {\r\n        width: 100%;\r\n        height: 49px;\r\n        flex: none;\r\n    }\r\n\r\n    .collection-search-box input,\r\n    .collection-filters select {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .collection-reset {\r\n        width: 100%;\r\n        min-height: 47px;\r\n    }\r\n\r\n    .collection-results-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 9px;\r\n        margin-bottom: 19px;\r\n        padding: 0 3px;\r\n    }\r\n\r\n    .collection-results-label {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .collection-results-header h3 {\r\n        font-size: 31px;\r\n    }\r\n\r\n    .collection-results-header > p {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .collection-grid {\r\n        grid-template-columns: minmax(0, 1fr);\r\n        gap: 20px;\r\n    }\r\n\r\n    .property-image-wrap {\r\n        aspect-ratio: 16 \/ 10;\r\n    }\r\n\r\n    .property-content {\r\n        padding: 17px 15px;\r\n    }\r\n\r\n    .property-title-row h4 {\r\n        font-size: 23px;\r\n    }\r\n\r\n    .property-price {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .property-location {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .property-specs span {\r\n        gap: 7px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .property-details-button {\r\n        min-height: 48px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .collection-bottom-note {\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n        margin-top: 25px;\r\n        padding-top: 18px;\r\n    }\r\n\r\n    .collection-bottom-icon {\r\n        width: 39px;\r\n        height: 39px;\r\n        font-size: 17px;\r\n    }\r\n\r\n    .collection-bottom-note p {\r\n        flex: 1 1 calc(100% - 55px);\r\n        font-size: 15px;\r\n    }\r\n\r\n    .collection-bottom-note > span {\r\n        width: 100%;\r\n        padding-left: 51px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    \/* VIEW PROPERTIES BUTTON *\/\r\n\r\n    .collection-view-all {\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .collection-view-all-button {\r\n        width: 100%;\r\n        max-width: 300px;\r\n        min-height: 50px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .collection-modal {\r\n        padding: 12px;\r\n    }\r\n\r\n    .collection-modal-body {\r\n        padding: 18px;\r\n    }\r\n\r\n    .collection-modal-body h3 {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .collection-modal-specs {\r\n        gap: 10px;\r\n        font-size: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   SMALL MOBILE\r\n========================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .collection-intro h2 {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .property-content {\r\n        padding: 15px 12px;\r\n    }\r\n\r\n    .property-title-row {\r\n        flex-direction: column;\r\n        gap: 5px;\r\n    }\r\n\r\n    .property-title-row h4 {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .property-price {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .property-specs span {\r\n        font-size: 12px;\r\n        gap: 4px;\r\n    }\r\n\r\n    .property-specs i {\r\n        font-size: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   REMOVE ALL HOVER COLOR CHANGES\r\n   NO HOVER EFFECTS OR ANIMATIONS\r\n========================================== *\/\r\n\r\n.collection-section button,\r\n.collection-section a,\r\n.collection-section input,\r\n.collection-section select {\r\n    transition: none !important;\r\n    animation: none !important;\r\n}\r\n\r\n.collection-section button:hover,\r\n.collection-section button:focus,\r\n.collection-section a:hover,\r\n.collection-section a:focus,\r\n.collection-section .property-card:hover,\r\n.collection-section .property-card:hover h4,\r\n.collection-section .property-card:hover .property-price,\r\n.collection-section .property-card:hover .property-location,\r\n.collection-section .collection-intro h2:hover,\r\n.collection-section .collection-results-header h3:hover {\r\n    color: inherit;\r\n    text-decoration: none;\r\n    transform: none;\r\n    box-shadow: none;\r\n}\r\n\r\n.collection-section .property-details-button:hover,\r\n.collection-section .collection-reset:hover,\r\n.collection-section .collection-no-results button:hover,\r\n.collection-section .collection-modal-contact:hover,\r\n.collection-section .collection-view-all-button:hover {\r\n    background: #1D2D44;\r\n    color: #FFFFFF;\r\n}\r\n\r\n.collection-section .property-favourite:hover {\r\n    background: #FFFFFF;\r\n    color: #1D2D44;\r\n}\r\n\r\n.collection-section .property-favourite.is-favourite:hover {\r\n    background: #1D2D44;\r\n    color: #FFFFFF;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n    const collection = document.getElementById(\"property-collection\");\r\n\r\n    if (!collection || collection.dataset.initialized === \"true\") {\r\n        return;\r\n    }\r\n\r\n    collection.dataset.initialized = \"true\";\r\n\r\n\r\n    \/* ELEMENT REFERENCES *\/\r\n\r\n    const grid = collection.querySelector(\"#collection-grid\");\r\n    const cards = Array.from(grid.querySelectorAll(\".property-card\"));\r\n\r\n    const searchInput = collection.querySelector(\"#collection-search\");\r\n    const locationFilter = collection.querySelector(\"#collection-location\");\r\n    const typeFilter = collection.querySelector(\"#collection-type\");\r\n    const priceFilter = collection.querySelector(\"#collection-price\");\r\n    const bedsFilter = collection.querySelector(\"#collection-beds\");\r\n    const sortFilter = collection.querySelector(\"#collection-sort\");\r\n\r\n    const resetButton = collection.querySelector(\"#collection-reset\");\r\n    const emptyResetButton = collection.querySelector(\"#collection-empty-reset\");\r\n\r\n    const resultsText = collection.querySelector(\"#collection-results-text\");\r\n    const noResults = collection.querySelector(\"#collection-no-results\");\r\n\r\n    const modal = collection.querySelector(\"#collection-modal\");\r\n    const modalImage = collection.querySelector(\"#modal-property-image\");\r\n    const modalTitle = collection.querySelector(\"#modal-property-title\");\r\n    const modalLocation = collection.querySelector(\"#modal-property-location\");\r\n    const modalPrice = collection.querySelector(\"#modal-property-price\");\r\n    const modalDescription = collection.querySelector(\"#modal-property-description\");\r\n    const modalSpecs = collection.querySelector(\"#modal-property-specs\");\r\n\r\n\r\n    \/* FILTER AND SORT PROPERTIES *\/\r\n\r\n    function updateProperties() {\r\n\r\n        const searchValue = searchInput.value.trim().toLowerCase();\r\n        const locationValue = locationFilter.value;\r\n        const typeValue = typeFilter.value;\r\n        const priceValue = priceFilter.value;\r\n        const bedsValue = bedsFilter.value;\r\n        const sortValue = sortFilter.value;\r\n\r\n        let visibleCards = [];\r\n\r\n        cards.forEach(function (card) {\r\n\r\n            const name = card.dataset.name.toLowerCase();\r\n            const location = card.dataset.location.toLowerCase();\r\n            const type = card.dataset.type.toLowerCase();\r\n\r\n            const price = Number(card.dataset.price);\r\n            const beds = Number(card.dataset.beds);\r\n\r\n            const searchableText = name + \" \" + location + \" \" + type;\r\n\r\n            const matchesSearch =\r\n                searchValue === \"\" ||\r\n                searchableText.includes(searchValue);\r\n\r\n            const matchesLocation =\r\n                locationValue === \"all\" ||\r\n                location === locationValue;\r\n\r\n            const matchesType =\r\n                typeValue === \"all\" ||\r\n                type === typeValue;\r\n\r\n            let matchesPrice = true;\r\n\r\n            if (priceValue === \"below1\") {\r\n                matchesPrice = price < 1;\r\n            } else if (priceValue === \"1to2\") {\r\n                matchesPrice = price >= 1 && price <= 2;\r\n            } else if (priceValue === \"above2\") {\r\n                matchesPrice = price > 2;\r\n            }\r\n\r\n            let matchesBeds = true;\r\n\r\n            if (bedsValue === \"5\") {\r\n                matchesBeds = beds >= 5;\r\n            } else if (bedsValue !== \"all\") {\r\n                matchesBeds = beds === Number(bedsValue);\r\n            }\r\n\r\n            const shouldShow =\r\n                matchesSearch &&\r\n                matchesLocation &&\r\n                matchesType &&\r\n                matchesPrice &&\r\n                matchesBeds;\r\n\r\n            if (shouldShow) {\r\n                visibleCards.push(card);\r\n            } else {\r\n                card.hidden = true;\r\n            }\r\n\r\n        });\r\n\r\n\r\n        \/* SORT RESULTS *\/\r\n\r\n        if (sortValue === \"low\") {\r\n            visibleCards.sort(function (a, b) {\r\n                return Number(a.dataset.price) - Number(b.dataset.price);\r\n            });\r\n        }\r\n\r\n        if (sortValue === \"high\") {\r\n            visibleCards.sort(function (a, b) {\r\n                return Number(b.dataset.price) - Number(a.dataset.price);\r\n            });\r\n        }\r\n\r\n        if (sortValue === \"area\") {\r\n            visibleCards.sort(function (a, b) {\r\n                return Number(b.dataset.area) - Number(a.dataset.area);\r\n            });\r\n        }\r\n\r\n\r\n        \/* DISPLAY MATCHING CARDS *\/\r\n\r\n        visibleCards.forEach(function (card) {\r\n            card.hidden = false;\r\n            grid.appendChild(card);\r\n        });\r\n\r\n\r\n        \/* UPDATE RESULT TEXT *\/\r\n\r\n        const total = visibleCards.length;\r\n\r\n        resultsText.textContent =\r\n            \"Showing \" + total +\r\n            (total === 1 ? \" property\" : \" properties\");\r\n\r\n        noResults.hidden = total !== 0;\r\n        grid.hidden = total === 0;\r\n\r\n    }\r\n\r\n\r\n    \/* FILTER EVENTS *\/\r\n\r\n    searchInput.addEventListener(\"input\", updateProperties);\r\n    locationFilter.addEventListener(\"change\", updateProperties);\r\n    typeFilter.addEventListener(\"change\", updateProperties);\r\n    priceFilter.addEventListener(\"change\", updateProperties);\r\n    bedsFilter.addEventListener(\"change\", updateProperties);\r\n    sortFilter.addEventListener(\"change\", updateProperties);\r\n\r\n\r\n    \/* RESET FILTERS *\/\r\n\r\n    function resetFilters() {\r\n\r\n        searchInput.value = \"\";\r\n        locationFilter.value = \"all\";\r\n        typeFilter.value = \"all\";\r\n        priceFilter.value = \"all\";\r\n        bedsFilter.value = \"all\";\r\n        sortFilter.value = \"default\";\r\n\r\n        updateProperties();\r\n\r\n    }\r\n\r\n    resetButton.addEventListener(\"click\", resetFilters);\r\n    emptyResetButton.addEventListener(\"click\", resetFilters);\r\n\r\n\r\n    \/* FAVOURITE BUTTONS *\/\r\n\r\n    cards.forEach(function (card) {\r\n\r\n        const favouriteButton = card.querySelector(\".property-favourite\");\r\n\r\n        favouriteButton.addEventListener(\"click\", function () {\r\n\r\n            const isFavourite =\r\n                favouriteButton.getAttribute(\"aria-pressed\") === \"true\";\r\n\r\n            favouriteButton.setAttribute(\r\n                \"aria-pressed\",\r\n                String(!isFavourite)\r\n            );\r\n\r\n            favouriteButton.classList.toggle(\r\n                \"is-favourite\",\r\n                !isFavourite\r\n            );\r\n\r\n            const icon = favouriteButton.querySelector(\"i\");\r\n\r\n            if (!isFavourite) {\r\n\r\n                icon.classList.remove(\"fa-regular\");\r\n                icon.classList.add(\"fa-solid\");\r\n\r\n                favouriteButton.setAttribute(\r\n                    \"aria-label\",\r\n                    \"Remove \" + card.dataset.name + \" from favourites\"\r\n                );\r\n\r\n            } else {\r\n\r\n                icon.classList.remove(\"fa-solid\");\r\n                icon.classList.add(\"fa-regular\");\r\n\r\n                favouriteButton.setAttribute(\r\n                    \"aria-label\",\r\n                    \"Add \" + card.dataset.name + \" to favourites\"\r\n                );\r\n\r\n            }\r\n\r\n        });\r\n\r\n    });\r\n\r\n\r\n    \/* OPEN PROPERTY DETAILS *\/\r\n\r\n    function openPropertyModal(card) {\r\n\r\n        modalTitle.textContent = card.dataset.name;\r\n\r\n        const formattedLocation = card.dataset.location.replace(\r\n            \/\\b\\w\/g,\r\n            function (letter) {\r\n                return letter.toUpperCase();\r\n            }\r\n        );\r\n\r\n        modalLocation.textContent =\r\n            formattedLocation + \", Hyderabad\";\r\n\r\n        modalPrice.textContent =\r\n            card.querySelector(\".property-price\").textContent;\r\n\r\n        modalDescription.textContent = card.dataset.description;\r\n\r\n        modalImage.src = card.dataset.image;\r\n        modalImage.alt = card.dataset.name;\r\n\r\n        modalSpecs.innerHTML = \"\";\r\n\r\n        const details = [\r\n            {\r\n                icon: \"fa-bed\",\r\n                text: card.dataset.beds + \" Bedrooms\"\r\n            },\r\n            {\r\n                icon: \"fa-bath\",\r\n                text: card.dataset.baths + \" Bathrooms\"\r\n            },\r\n            {\r\n                icon: \"fa-maximize\",\r\n                text: Number(card.dataset.area).toLocaleString(\"en-IN\") + \" sq.ft.\"\r\n            }\r\n        ];\r\n\r\n        details.forEach(function (detail) {\r\n\r\n            const item = document.createElement(\"span\");\r\n\r\n            const icon = document.createElement(\"i\");\r\n            icon.className = \"fa-solid \" + detail.icon;\r\n\r\n            const text = document.createElement(\"span\");\r\n            text.textContent = detail.text;\r\n\r\n            item.appendChild(icon);\r\n            item.appendChild(text);\r\n\r\n            modalSpecs.appendChild(item);\r\n\r\n        });\r\n\r\n        modal.hidden = false;\r\n        document.body.style.overflow = \"hidden\";\r\n\r\n        collection.querySelector(\".collection-modal-close\").focus();\r\n\r\n    }\r\n\r\n\r\n    \/* PROPERTY DETAILS BUTTON EVENTS *\/\r\n\r\n    cards.forEach(function (card) {\r\n\r\n        const detailsButton = card.querySelector(\r\n            \".property-details-button\"\r\n        );\r\n\r\n        detailsButton.addEventListener(\"click\", function () {\r\n            openPropertyModal(card);\r\n        });\r\n\r\n    });\r\n\r\n\r\n    \/* CLOSE PROPERTY DETAILS *\/\r\n\r\n    function closePropertyModal() {\r\n\r\n        modal.hidden = true;\r\n        document.body.style.overflow = \"\";\r\n\r\n    }\r\n\r\n    modal.querySelectorAll(\"[data-close-modal]\").forEach(function (element) {\r\n\r\n        element.addEventListener(\"click\", closePropertyModal);\r\n\r\n    });\r\n\r\n\r\n    \/* ESCAPE KEY CLOSE *\/\r\n\r\n    document.addEventListener(\"keydown\", function (event) {\r\n\r\n        if (event.key === \"Escape\" && !modal.hidden) {\r\n            closePropertyModal();\r\n        }\r\n\r\n    });\r\n\r\n\r\n    \/* INITIAL DISPLAY *\/\r\n\r\n    updateProperties();\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2978bb 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 elementor-invisible e-con e-parent\" data-id=\"d2978bb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc5a674 elementor-widget elementor-widget-html\" data-id=\"cc5a674\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- GOOGLE FONTS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@400;500;600;700;800&family=Overlock:ital,wght@0,400;0,700;1,400;1,700&family=Overlock+SC&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- FONT AWESOME -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<section class=\"featured-spotlight\" id=\"featured-spotlight\">\r\n\r\n    <div class=\"featured-spotlight-container\">\r\n\r\n        <!-- SECTION INTRO -->\r\n        <div class=\"spotlight-heading\">\r\n\r\n            <div class=\"spotlight-heading-main\">\r\n\r\n                <span class=\"spotlight-eyebrow\">\r\n                    <i class=\"fa-solid fa-crown\"><\/i>\r\n                    A HOME ABOVE THE ORDINARY\r\n                <\/span>\r\n\r\n                <h2>Featured for a Reason<\/h2>\r\n\r\n                <p>\r\n                    Some properties stand apart through thoughtful design,\r\n                    exceptional spaces and a feeling that simply stays with you.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"spotlight-heading-note\">\r\n                <i class=\"fa-solid fa-house-chimney\"><\/i>\r\n                <span>THE SIGNATURE COLLECTION<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FEATURED PROPERTY -->\r\n        <div class=\"spotlight-layout\">\r\n\r\n            <!-- LEFT IMAGE GALLERY -->\r\n            <div class=\"spotlight-gallery\">\r\n\r\n                <div class=\"spotlight-main-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        id=\"spotlight-main-photo\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1400&q=90\"\r\n                        alt=\"Luxury contemporary villa with elegant interiors\"\r\n                    >\r\n\r\n                    <div class=\"spotlight-image-label\">\r\n                        <i class=\"fa-solid fa-gem\"><\/i>\r\n                        SIGNATURE RESIDENCE\r\n                    <\/div>\r\n\r\n                    <div class=\"spotlight-image-location\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                        Jubilee Hills, Hyderabad\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- IMAGE THUMBNAILS -->\r\n                <div class=\"spotlight-gallery-bottom\">\r\n\r\n                    <div class=\"spotlight-gallery-caption\">\r\n                        <span>EXPLORE THE RESIDENCE<\/span>\r\n                        <p>Spaces designed to inspire<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"spotlight-thumbnails\">\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"spotlight-thumb active\"\r\n                            data-image=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1400&q=90\"\r\n                            data-alt=\"Luxury villa exterior\"\r\n                            aria-label=\"View villa exterior\"\r\n                            aria-pressed=\"true\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=350&q=80\"\r\n                                alt=\"Villa exterior preview\"\r\n                            >\r\n                        <\/button>\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"spotlight-thumb\"\r\n                            data-image=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1400&q=90\"\r\n                            data-alt=\"Elegant villa living room\"\r\n                            aria-label=\"View living room\"\r\n                            aria-pressed=\"false\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=350&q=80\"\r\n                                alt=\"Living room preview\"\r\n                            >\r\n                        <\/button>\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"spotlight-thumb\"\r\n                            data-image=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=90\"\r\n                            data-alt=\"Contemporary villa interior\"\r\n                            aria-label=\"View interior\"\r\n                            aria-pressed=\"false\"\r\n                        >\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=350&q=80\"\r\n                                alt=\"Interior preview\"\r\n                            >\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- RIGHT PROPERTY DETAILS -->\r\n            <div class=\"spotlight-details\">\r\n\r\n                <div class=\"spotlight-details-top\">\r\n\r\n                    <div class=\"spotlight-category\">\r\n                        <i class=\"fa-solid fa-house\"><\/i>\r\n                        EXCLUSIVE VILLA\r\n                    <\/div>\r\n\r\n                    <span class=\"spotlight-availability\">\r\n                        <span class=\"spotlight-availability-dot\"><\/span>\r\n                        AVAILABLE NOW\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"spotlight-editorial\">\r\n\r\n                    <span class=\"spotlight-editorial-label\">\r\n                        A PLACE TO BELONG\r\n                    <\/span>\r\n\r\n                    <h3>The Willow Haven<\/h3>\r\n\r\n                    <p>\r\n                        Set within the sought-after surroundings of Jubilee Hills,\r\n                        The Willow Haven brings together generous proportions,\r\n                        contemporary architecture and inviting spaces. From its\r\n                        thoughtfully planned interiors to its peaceful outdoor\r\n                        setting, every detail creates a home that feels both\r\n                        distinctive and effortlessly welcoming.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- PROPERTY FACTS -->\r\n                <div class=\"spotlight-facts\">\r\n\r\n                    <div class=\"spotlight-fact\">\r\n                        <div class=\"spotlight-fact-icon\">\r\n                            <i class=\"fa-solid fa-bed\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <strong>5<\/strong>\r\n                            <span>Bedrooms<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"spotlight-fact\">\r\n                        <div class=\"spotlight-fact-icon\">\r\n                            <i class=\"fa-solid fa-bath\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <strong>5<\/strong>\r\n                            <span>Bathrooms<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"spotlight-fact\">\r\n                        <div class=\"spotlight-fact-icon\">\r\n                            <i class=\"fa-solid fa-maximize\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <strong>4,200<\/strong>\r\n                            <span>Sq. Ft.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- PRICE AND LOCATION -->\r\n                <div class=\"spotlight-price-location\">\r\n\r\n                    <div class=\"spotlight-price-block\">\r\n                        <span>EXCLUSIVE VALUE<\/span>\r\n                        <strong>\u20b93.20 Cr<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"spotlight-location-block\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                        <div>\r\n                            <strong>Jubilee Hills<\/strong>\r\n                            <span>Hyderabad, Telangana<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- PROPERTY HIGHLIGHT -->\r\n                <div class=\"spotlight-highlight\">\r\n\r\n                    <div class=\"spotlight-highlight-icon\">\r\n                        <i class=\"fa-solid fa-sparkles\"><\/i>\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        A considered blend of space, privacy and contemporary living.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- ENQUIRY BUTTON -->\r\n                <a href=\"https:\/\/nakshatrabpo13.thestackly.tech\/?page_id=28\" class=\"spotlight-enquiry-button\">\r\n                    <span>Enquire About This Property<\/span>\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n\r\n\r\n                <div class=\"spotlight-footer-note\">\r\n                    <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n                    <span>PERSONALLY SELECTED FOR EXCEPTIONAL LIVING<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ==========================================\r\n   MAIN SECTION\r\n========================================== *\/\r\n\r\n.featured-spotlight,\r\n.featured-spotlight * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.featured-spotlight {\r\n    width: 100%;\r\n    padding: 80px 50px 0;\r\n    background: #748CAB;\r\n    color: #1D2D44;\r\n    font-family: 'Mulish', sans-serif;\r\n}\r\n\r\n.featured-spotlight-container {\r\n    width: 100%;\r\n    max-width: 1600px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   SECTION HEADING\r\n========================================== *\/\r\n\r\n.spotlight-heading {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 30px;\r\n    margin-bottom: 32px;\r\n    padding: 0 5px;\r\n}\r\n\r\n.spotlight-heading-main {\r\n    max-width: 760px;\r\n}\r\n\r\n.spotlight-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 14px;\r\n    color: #1D2D44;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.3px;\r\n}\r\n\r\n.spotlight-eyebrow i {\r\n    font-size: 19px;\r\n}\r\n\r\n.spotlight-heading h2 {\r\n    margin: 0;\r\n    color: #1D2D44;\r\n    font-family: 'Overlock SC', sans-serif;\r\n    font-size: clamp(38px, 4vw, 56px);\r\n    font-weight: 700;\r\n    line-height: 1.12;\r\n}\r\n\r\n.spotlight-heading-main > p {\r\n    max-width: 680px;\r\n    margin: 14px 0 0;\r\n    color: #FFFFFF;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    line-height: 1.7;\r\n}\r\n\r\n.spotlight-heading-note {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 13px 17px;\r\n    border: 1px solid rgba(29, 45, 68, 0.35);\r\n    border-radius: 7px;\r\n    color: #1D2D44;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    white-space: nowrap;\r\n}\r\n\r\n.spotlight-heading-note i {\r\n    font-size: 22px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   MAIN SPLIT LAYOUT\r\n========================================== *\/\r\n\r\n.spotlight-layout {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);\r\n    align-items: stretch;\r\n    overflow: hidden;\r\n    border-radius: 18px;\r\n    background: #F4F7FA;\r\n    border: 1px solid rgba(29, 45, 68, 0.12);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   IMAGE GALLERY\r\n========================================== *\/\r\n\r\n.spotlight-gallery {\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 13px;\r\n    background: #E8EDF2;\r\n}\r\n\r\n.spotlight-main-image {\r\n    min-width: 0;\r\n    flex: 1;\r\n    min-height: 440px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 12px;\r\n    background: #C5D6E6;\r\n}\r\n\r\n.spotlight-main-image > img {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 440px;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center;\r\n}\r\n\r\n.spotlight-image-label {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 18px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    padding: 11px 15px;\r\n    border-radius: 5px;\r\n    background: #1D2D44;\r\n    color: #FFFFFF;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.8px;\r\n}\r\n\r\n.spotlight-image-label i {\r\n    font-size: 17px;\r\n}\r\n\r\n.spotlight-image-location {\r\n    position: absolute;\r\n    right: 16px;\r\n    bottom: 16px;\r\n    left: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 13px 15px;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    border-radius: 7px;\r\n    background: rgba(29, 45, 68, 0.88);\r\n    color: #FFFFFF;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   GALLERY BOTTOM\r\n========================================== *\/\r\n\r\n.spotlight-gallery-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    padding: 17px 5px 3px;\r\n}\r\n\r\n.spotlight-gallery-caption {\r\n    min-width: 0;\r\n}\r\n\r\n.spotlight-gallery-caption > span {\r\n    color: #1D2D44;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.spotlight-gallery-caption p {\r\n    margin: 5px 0 0;\r\n    color: #3E5C76;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n}\r\n\r\n.spotlight-thumbnails {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.spotlight-thumb {\r\n    width: 65px;\r\n    height: 65px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    border: 2px solid #C5D6E6;\r\n    border-radius: 50%;\r\n    background: #FFFFFF;\r\n    cursor: pointer;\r\n}\r\n\r\n.spotlight-thumb img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n}\r\n\r\n.spotlight-thumb.active {\r\n    border: 3px solid #1D2D44;\r\n    padding: 3px;\r\n    background: #F4F7FA;\r\n}\r\n\r\n.spotlight-thumb.active img {\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   DETAILS PANEL\r\n========================================== *\/\r\n\r\n.spotlight-details {\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 42px 38px;\r\n    background: #F4F7FA;\r\n}\r\n\r\n.spotlight-details-top {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.spotlight-category {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: #1D2D44;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.spotlight-category i {\r\n    font-size: 20px;\r\n}\r\n\r\n.spotlight-availability {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #3E5C76;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    white-space: nowrap;\r\n}\r\n\r\n.spotlight-availability-dot {\r\n    width: 9px;\r\n    height: 9px;\r\n    flex-shrink: 0;\r\n    border-radius: 50%;\r\n    background: #3E5C76;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   EDITORIAL CONTENT\r\n========================================== *\/\r\n\r\n.spotlight-editorial {\r\n    padding-left: 20px;\r\n    border-left: 4px solid #3E5C76;\r\n}\r\n\r\n.spotlight-editorial-label {\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    color: #3E5C76;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.4px;\r\n}\r\n\r\n.spotlight-editorial h3 {\r\n    margin: 0;\r\n    color: #1D2D44;\r\n    font-family: 'Overlock SC', sans-serif;\r\n    font-size: clamp(34px, 3vw, 45px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n}\r\n\r\n.spotlight-editorial > p {\r\n    margin: 16px 0 0;\r\n    color: #3E5C76;\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PROPERTY FACTS\r\n========================================== *\/\r\n\r\n.spotlight-facts {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 10px;\r\n    margin-top: 29px;\r\n    padding: 17px 0;\r\n    border-top: 1px solid #C5D6E6;\r\n    border-bottom: 1px solid #C5D6E6;\r\n}\r\n\r\n.spotlight-fact {\r\n    min-width: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 5px 7px;\r\n}\r\n\r\n.spotlight-fact + .spotlight-fact {\r\n    border-left: 1px solid #C5D6E6;\r\n}\r\n\r\n.spotlight-fact-icon {\r\n    width: 39px;\r\n    height: 39px;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background: #E5EBF1;\r\n    color: #1D2D44;\r\n    font-size: 17px;\r\n}\r\n\r\n.spotlight-fact > div:last-child {\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n}\r\n\r\n.spotlight-fact strong {\r\n    color: #1D2D44;\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n}\r\n\r\n.spotlight-fact span {\r\n    color: #3E5C76;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PRICE AND LOCATION\r\n========================================== *\/\r\n\r\n.spotlight-price-location {\r\n    display: grid;\r\n    grid-template-columns: 0.9fr 1.1fr;\r\n    align-items: center;\r\n    gap: 16px;\r\n    margin-top: 24px;\r\n}\r\n\r\n.spotlight-price-block {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 7px;\r\n    padding: 14px 16px;\r\n    border-radius: 7px;\r\n    background: #1D2D44;\r\n}\r\n\r\n.spotlight-price-block > span {\r\n    color: #C5D6E6;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.spotlight-price-block strong {\r\n    color: #FFFFFF;\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n}\r\n\r\n.spotlight-location-block {\r\n    min-width: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding-left: 15px;\r\n    border-left: 1px solid #C5D6E6;\r\n}\r\n\r\n.spotlight-location-block > i {\r\n    flex-shrink: 0;\r\n    color: #1D2D44;\r\n    font-size: 23px;\r\n}\r\n\r\n.spotlight-location-block > div {\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n}\r\n\r\n.spotlight-location-block strong {\r\n    color: #1D2D44;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n}\r\n\r\n.spotlight-location-block span {\r\n    color: #3E5C76;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PROPERTY HIGHLIGHT\r\n========================================== *\/\r\n\r\n.spotlight-highlight {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-top: 21px;\r\n    padding: 13px 15px;\r\n    border-radius: 7px;\r\n    background: #E8EDF2;\r\n}\r\n\r\n.spotlight-highlight-icon {\r\n    width: 37px;\r\n    height: 37px;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background: #3E5C76;\r\n    color: #FFFFFF;\r\n    font-size: 16px;\r\n}\r\n\r\n.spotlight-highlight p {\r\n    margin: 0;\r\n    color: #1D2D44;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   ENQUIRY BUTTON\r\n========================================== *\/\r\n\r\n.spotlight-enquiry-button {\r\n    width: 100%;\r\n    min-height: 53px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n    margin-top: 22px;\r\n    padding: 13px 18px;\r\n    border: 1px solid #1D2D44;\r\n    border-radius: 7px;\r\n    background: #1D2D44;\r\n    color: #FFFFFF;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n}\r\n\r\n.spotlight-enquiry-button i {\r\n    font-size: 18px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   FOOTER NOTE\r\n========================================== *\/\r\n\r\n.spotlight-footer-note {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-top: 19px;\r\n    color: #3E5C76;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.6px;\r\n}\r\n\r\n.spotlight-footer-note i {\r\n    color: #1D2D44;\r\n    font-size: 17px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TABLET VIEW - NEW GALLERY ARRANGEMENT\r\n========================================== *\/\r\n\r\n@media (min-width: 601px) and (max-width: 1024px) {\r\n\r\n    .featured-spotlight {\r\n        padding: 50px 30px 0;\r\n    }\r\n\r\n    .spotlight-heading {\r\n        align-items: flex-start;\r\n        margin-bottom: 27px;\r\n    }\r\n\r\n    .spotlight-heading h2 {\r\n        font-size: 43px;\r\n    }\r\n\r\n    .spotlight-heading-main > p {\r\n        font-size: 17px;\r\n    }\r\n\r\n    \/* Gallery and details become separate full-width rows *\/\r\n    .spotlight-layout {\r\n        display: flex;\r\n        flex-direction: column;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Main image and previews sit side by side *\/\r\n    .spotlight-gallery {\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 1fr) 190px;\r\n        align-items: stretch;\r\n        gap: 15px;\r\n        padding: 14px;\r\n    }\r\n\r\n    .spotlight-main-image {\r\n        min-height: 380px;\r\n        height: 100%;\r\n    }\r\n\r\n    .spotlight-main-image > img {\r\n        min-height: 380px;\r\n        height: 100%;\r\n    }\r\n\r\n    .spotlight-image-label {\r\n        top: 15px;\r\n        left: 15px;\r\n    }\r\n\r\n    .spotlight-image-location {\r\n        right: 12px;\r\n        bottom: 12px;\r\n        left: 12px;\r\n    }\r\n\r\n    \/* Vertical preview column *\/\r\n    .spotlight-gallery-bottom {\r\n        min-width: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        justify-content: center;\r\n        gap: 22px;\r\n        padding: 12px 5px;\r\n    }\r\n\r\n    .spotlight-gallery-caption > span {\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .spotlight-gallery-caption p {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .spotlight-thumbnails {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 13px;\r\n        width: 100%;\r\n    }\r\n\r\n    .spotlight-thumb {\r\n        width: 72px;\r\n        height: 72px;\r\n    }\r\n\r\n    \/* Full-width details panel *\/\r\n    .spotlight-details {\r\n        width: 100%;\r\n        padding: 32px 30px;\r\n    }\r\n\r\n    .spotlight-details-top {\r\n        flex-direction: row;\r\n        align-items: center;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .spotlight-editorial {\r\n        max-width: 850px;\r\n    }\r\n\r\n    .spotlight-editorial h3 {\r\n        font-size: 39px;\r\n    }\r\n\r\n    .spotlight-editorial > p {\r\n        max-width: 850px;\r\n        font-size: 17px;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    \/* Facts remain in one balanced row *\/\r\n    .spotlight-facts {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        gap: 15px;\r\n        margin-top: 25px;\r\n        padding: 18px 0;\r\n    }\r\n\r\n    .spotlight-fact {\r\n        flex-direction: row;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 13px;\r\n        padding: 8px 12px;\r\n    }\r\n\r\n    .spotlight-fact-icon {\r\n        width: 43px;\r\n        height: 43px;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .spotlight-fact strong {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .spotlight-fact span {\r\n        font-size: 15px;\r\n    }\r\n\r\n    \/* Price and location share the same row *\/\r\n    .spotlight-price-location {\r\n        grid-template-columns: 0.8fr 1.2fr;\r\n        gap: 22px;\r\n        margin-top: 22px;\r\n    }\r\n\r\n    .spotlight-price-block {\r\n        padding: 17px 19px;\r\n    }\r\n\r\n    .spotlight-price-block strong {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .spotlight-location-block {\r\n        padding-left: 22px;\r\n        border-left: 1px solid #C5D6E6;\r\n    }\r\n\r\n    .spotlight-highlight {\r\n        margin-top: 19px;\r\n    }\r\n\r\n    .spotlight-enquiry-button {\r\n        max-width: 100%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   MOBILE VIEW\r\n========================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .featured-spotlight {\r\n        padding: 30px 10px 0;\r\n    }\r\n\r\n    .spotlight-heading {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 17px;\r\n        margin-bottom: 22px;\r\n        padding: 0 5px;\r\n    }\r\n\r\n    .spotlight-eyebrow {\r\n        gap: 8px;\r\n        margin-bottom: 12px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .spotlight-heading h2 {\r\n        font-size: 36px;\r\n        line-height: 1.15;\r\n    }\r\n\r\n    .spotlight-heading-main > p {\r\n        margin-top: 11px;\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .spotlight-heading-note {\r\n        padding: 10px 13px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .spotlight-layout {\r\n        display: flex;\r\n        flex-direction: column;\r\n        border-radius: 13px;\r\n    }\r\n\r\n    .spotlight-gallery {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        padding: 9px;\r\n    }\r\n\r\n    .spotlight-main-image {\r\n        min-height: 0;\r\n        aspect-ratio: 4 \/ 3;\r\n    }\r\n\r\n    .spotlight-main-image > img {\r\n        min-height: 0;\r\n        aspect-ratio: 4 \/ 3;\r\n    }\r\n\r\n    .spotlight-image-label {\r\n        top: 12px;\r\n        left: 12px;\r\n        gap: 7px;\r\n        padding: 9px 11px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .spotlight-image-location {\r\n        right: 10px;\r\n        bottom: 10px;\r\n        left: 10px;\r\n        gap: 8px;\r\n        padding: 10px 12px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .spotlight-gallery-bottom {\r\n        flex-direction: row;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 10px;\r\n        padding: 14px 3px 3px;\r\n    }\r\n\r\n    .spotlight-gallery-caption > span {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .spotlight-gallery-caption p {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .spotlight-thumbnails {\r\n        width: auto;\r\n        display: flex;\r\n        gap: 7px;\r\n    }\r\n\r\n    .spotlight-thumb {\r\n        width: 48px;\r\n        height: 48px;\r\n    }\r\n\r\n    .spotlight-details {\r\n        width: 100%;\r\n        padding: 24px 17px;\r\n    }\r\n\r\n    .spotlight-details-top {\r\n        flex-direction: row;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        margin-bottom: 23px;\r\n    }\r\n\r\n    .spotlight-category {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .spotlight-category i {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .spotlight-availability {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .spotlight-editorial {\r\n        padding-left: 14px;\r\n    }\r\n\r\n    .spotlight-editorial-label {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .spotlight-editorial h3 {\r\n        font-size: 34px;\r\n    }\r\n\r\n    .spotlight-editorial > p {\r\n        margin-top: 12px;\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .spotlight-facts {\r\n        gap: 5px;\r\n        margin-top: 22px;\r\n        padding: 14px 0;\r\n    }\r\n\r\n    .spotlight-fact {\r\n        align-items: center;\r\n        gap: 7px;\r\n        padding: 3px;\r\n    }\r\n\r\n    .spotlight-fact-icon {\r\n        width: 34px;\r\n        height: 34px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .spotlight-fact strong {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .spotlight-fact span {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .spotlight-price-location {\r\n        grid-template-columns: 1fr;\r\n        gap: 13px;\r\n        margin-top: 19px;\r\n    }\r\n\r\n    .spotlight-price-block {\r\n        padding: 13px 15px;\r\n    }\r\n\r\n    .spotlight-price-block strong {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .spotlight-location-block {\r\n        padding: 7px 0 0;\r\n        border-left: none;\r\n    }\r\n\r\n    .spotlight-highlight {\r\n        align-items: flex-start;\r\n        margin-top: 17px;\r\n        padding: 12px;\r\n    }\r\n\r\n    .spotlight-highlight p {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .spotlight-enquiry-button {\r\n        min-height: 50px;\r\n        margin-top: 18px;\r\n        padding: 12px 14px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .spotlight-footer-note {\r\n        align-items: flex-start;\r\n        font-size: 12px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   SMALL MOBILE\r\n========================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .spotlight-heading h2 {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .spotlight-gallery-bottom {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .spotlight-thumbnails {\r\n        width: 100%;\r\n    }\r\n\r\n    .spotlight-thumb {\r\n        width: 52px;\r\n        height: 52px;\r\n    }\r\n\r\n    .spotlight-details {\r\n        padding: 21px 13px;\r\n    }\r\n\r\n    .spotlight-editorial h3 {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .spotlight-fact {\r\n        gap: 6px;\r\n    }\r\n\r\n    .spotlight-fact-icon {\r\n        width: 31px;\r\n        height: 31px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .spotlight-fact strong {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .spotlight-fact span {\r\n        font-size: 12px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   NO HOVER EFFECTS \/ NO ANIMATIONS\r\n========================================== *\/\r\n\r\n.featured-spotlight button,\r\n.featured-spotlight a {\r\n    transition: none !important;\r\n    animation: none !important;\r\n}\r\n\r\n.featured-spotlight button:hover,\r\n.featured-spotlight a:hover {\r\n    transform: none !important;\r\n    box-shadow: none !important;\r\n    text-decoration: none !important;\r\n}\r\n\r\n.featured-spotlight .spotlight-enquiry-button:hover {\r\n    background: #1D2D44;\r\n    color: #FFFFFF;\r\n}\r\n\r\n.featured-spotlight .spotlight-thumb:hover {\r\n    border-color: #C5D6E6;\r\n}\r\n\r\n.featured-spotlight .spotlight-thumb.active:hover {\r\n    border-color: #1D2D44;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n    const section = document.getElementById(\"featured-spotlight\");\r\n\r\n    if (!section || section.dataset.galleryInitialized === \"true\") {\r\n        return;\r\n    }\r\n\r\n    section.dataset.galleryInitialized = \"true\";\r\n\r\n    const mainImage = section.querySelector(\"#spotlight-main-photo\");\r\n    const thumbnails = section.querySelectorAll(\".spotlight-thumb\");\r\n\r\n    if (!mainImage || !thumbnails.length) {\r\n        return;\r\n    }\r\n\r\n    thumbnails.forEach(function (thumbnail) {\r\n\r\n        thumbnail.addEventListener(\"click\", function () {\r\n\r\n            const selectedImage = thumbnail.dataset.image;\r\n            const selectedAlt = thumbnail.dataset.alt;\r\n\r\n            if (!selectedImage) {\r\n                return;\r\n            }\r\n\r\n            mainImage.src = selectedImage;\r\n            mainImage.alt = selectedAlt || \"Featured property image\";\r\n\r\n            thumbnails.forEach(function (item) {\r\n                item.classList.remove(\"active\");\r\n                item.setAttribute(\"aria-pressed\", \"false\");\r\n            });\r\n\r\n            thumbnail.classList.add(\"active\");\r\n            thumbnail.setAttribute(\"aria-pressed\", \"true\");\r\n\r\n        });\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acadbea 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 elementor-invisible e-con e-parent\" data-id=\"acadbea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bba7994 elementor-widget elementor-widget-html\" data-id=\"bba7994\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- GOOGLE FONTS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@400;500;600;700;800&family=Overlock:ital,wght@0,400;0,700;1,400;1,700&family=Overlock+SC&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- FONT AWESOME -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<section class=\"lifestyle-d\" id=\"explore-lifestyle\">\r\n\r\n  <div class=\"lifestyle-d-container\">\r\n\r\n    <!-- SECTION HEADING -->\r\n    <div class=\"lifestyle-d-heading\">\r\n      <span class=\"lifestyle-d-label\">\r\n        <i class=\"fa-solid fa-house\"><\/i>\r\n        FIND YOUR WAY OF LIVING\r\n      <\/span>\r\n\r\n      <h2>Explore by Lifestyle<\/h2>\r\n\r\n      <p>\r\n        Discover spaces that complement your dreams, your everyday moments\r\n        and the life you want to build.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- MAIN LAYOUT -->\r\n    <div class=\"lifestyle-d-grid\">\r\n\r\n      <!-- LARGE FEATURED TILE -->\r\n      <a href=\"https:\/\/nakshatrabpo13.thestackly.tech\/?page_id=23\" class=\"lifestyle-d-feature\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=85\"\r\n          alt=\"Contemporary family home surrounded by greenery\"\r\n          class=\"lifestyle-d-feature-img\"\r\n        >\r\n\r\n        <div class=\"lifestyle-d-feature-overlay\"><\/div>\r\n\r\n        <div class=\"lifestyle-d-feature-content\">\r\n\r\n          <span class=\"lifestyle-d-feature-icon\">\r\n            <i class=\"fa-solid fa-people-roof\"><\/i>\r\n          <\/span>\r\n\r\n          <div>\r\n            <span class=\"lifestyle-d-category\">SPACE TO GROW<\/span>\r\n            <h3>Family Homes<\/h3>\r\n            <p>Comfort, space and room to grow.<\/p>\r\n          <\/div>\r\n\r\n          <span class=\"lifestyle-d-feature-arrow\">\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/span>\r\n\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- RIGHT SIDE CATEGORY TILES -->\r\n      <div class=\"lifestyle-d-side\">\r\n\r\n        <!-- MODERN APARTMENTS -->\r\n        <a href=\"https:\/\/nakshatrabpo13.thestackly.tech\/?page_id=23\" class=\"lifestyle-d-small\">\r\n\r\n          <div class=\"lifestyle-d-small-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=800&q=85\"\r\n              alt=\"Modern luxury apartment building\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"lifestyle-d-small-content\">\r\n            <span class=\"lifestyle-d-small-icon\">\r\n              <i class=\"fa-solid fa-building\"><\/i>\r\n            <\/span>\r\n\r\n            <div class=\"lifestyle-d-small-text\">\r\n              <span class=\"lifestyle-d-category\">CITY LIVING<\/span>\r\n              <h3>Modern Apartments<\/h3>\r\n            <\/div>\r\n\r\n            <span class=\"lifestyle-d-small-arrow\">\r\n              <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n        <!-- OPEN SPACES -->\r\n        <a href=\"https:\/\/nakshatrabpo13.thestackly.tech\/?page_id=28\" class=\"lifestyle-d-small\">\r\n\r\n          <div class=\"lifestyle-d-small-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1470252649378-9c29740c9fa8?auto=format&fit=crop&w=800&q=85\"\r\n              alt=\"Open green landscape with peaceful surroundings\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"lifestyle-d-small-content\">\r\n            <span class=\"lifestyle-d-small-icon\">\r\n              <i class=\"fa-solid fa-leaf\"><\/i>\r\n            <\/span>\r\n\r\n            <div class=\"lifestyle-d-small-text\">\r\n              <span class=\"lifestyle-d-category\">NATURE INSPIRED<\/span>\r\n              <h3>Open Spaces<\/h3>\r\n            <\/div>\r\n\r\n            <span class=\"lifestyle-d-small-arrow\">\r\n              <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n        <!-- INVESTMENT PICKS -->\r\n        <a href=\"https:\/\/nakshatrabpo13.thestackly.tech\/?page_id=28\" class=\"lifestyle-d-small\">\r\n\r\n          <div class=\"lifestyle-d-small-image\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=800&q=85\"\r\n              alt=\"Contemporary high-rise residential buildings\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"lifestyle-d-small-content\">\r\n            <span class=\"lifestyle-d-small-icon\">\r\n              <i class=\"fa-solid fa-chart-line\"><\/i>\r\n            <\/span>\r\n\r\n            <div class=\"lifestyle-d-small-text\">\r\n              <span class=\"lifestyle-d-category\">SMART CHOICES<\/span>\r\n              <h3>Investment Picks<\/h3>\r\n            <\/div>\r\n\r\n            <span class=\"lifestyle-d-small-arrow\">\r\n              <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =================================\r\n   LIFESTYLE SECTION - LAYOUT D\r\n================================= *\/\r\n\r\n.lifestyle-d,\r\n.lifestyle-d * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.lifestyle-d {\r\n  width: 100%;\r\n  padding: 80px 50px 0;\r\n  background: #748CAB;\r\n  font-family: 'Mulish', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.lifestyle-d-container {\r\n  width: 100%;\r\n  max-width: 1500px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* =================================\r\n   SECTION HEADING\r\n================================= *\/\r\n\r\n.lifestyle-d-heading {\r\n  max-width: 780px;\r\n  margin: 0 auto 48px;\r\n  text-align: center;\r\n}\r\n\r\n.lifestyle-d-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  color: #1D2D44;\r\n  font-family: 'Mulish', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.lifestyle-d-label i {\r\n  font-size: 18px;\r\n}\r\n\r\n.lifestyle-d-heading h2 {\r\n  margin: 0 0 12px;\r\n  color: #1D2D44;\r\n  font-family: 'Overlock SC', sans-serif;\r\n  font-size: clamp(38px, 4vw, 56px);\r\n  font-weight: 700;\r\n  line-height: 1.12;\r\n}\r\n\r\n.lifestyle-d-heading p {\r\n  max-width: 680px;\r\n  margin: 0 auto;\r\n  color: #1D2D44;\r\n  font-family: 'Overlock', sans-serif;\r\n  font-size: 21px;\r\n  font-style: italic;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* =================================\r\n   MAIN GRID\r\n================================= *\/\r\n\r\n.lifestyle-d-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.08fr 0.92fr;\r\n  gap: 20px;\r\n  align-items: stretch;\r\n  min-height: 510px;\r\n}\r\n\r\n\/* =================================\r\n   LARGE FEATURED IMAGE\r\n================================= *\/\r\n\r\n.lifestyle-d-feature {\r\n  position: relative;\r\n  display: block;\r\n  min-width: 0;\r\n  min-height: 510px;\r\n  overflow: hidden;\r\n  border-radius: 190px 12px 12px 12px;\r\n  text-decoration: none !important;\r\n  background: #3E5C76;\r\n  isolation: isolate;\r\n}\r\n\r\n.lifestyle-d-feature-img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  z-index: -2;\r\n}\r\n\r\n.lifestyle-d-feature-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(29,45,68,0.02) 30%,\r\n    rgba(29,45,68,0.25) 55%,\r\n    rgba(29,45,68,0.94) 100%\r\n  );\r\n  z-index: -1;\r\n}\r\n\r\n.lifestyle-d-feature-content {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  gap: 17px;\r\n  padding: 35px 35px 32px;\r\n  color: #ffffff;\r\n}\r\n\r\n.lifestyle-d-feature-icon {\r\n  flex: 0 0 48px;\r\n  width: 48px;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid rgba(255,255,255,0.75);\r\n  border-radius: 50%;\r\n  color: #ffffff;\r\n  font-size: 22px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.lifestyle-d-feature-content > div {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.lifestyle-d-category {\r\n  display: block;\r\n  color: #DCE5EF;\r\n  font-family: 'Mulish', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.7px;\r\n  line-height: 1.4;\r\n  margin-bottom: 7px;\r\n}\r\n\r\n.lifestyle-d-feature-content h3 {\r\n  margin: 0 0 7px;\r\n  color: #ffffff;\r\n  font-family: 'Overlock SC', sans-serif;\r\n  font-size: 34px;\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n}\r\n\r\n.lifestyle-d-feature-content p {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-family: 'Mulish', sans-serif;\r\n  font-size: 17px;\r\n  font-weight: 500;\r\n  line-height: 1.5;\r\n}\r\n\r\n.lifestyle-d-feature-arrow {\r\n  flex: 0 0 46px;\r\n  width: 46px;\r\n  height: 46px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  background: #F4F7FA;\r\n  color: #1D2D44;\r\n  font-size: 19px;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n\/* =================================\r\n   RIGHT SIDE TILES\r\n================================= *\/\r\n\r\n.lifestyle-d-side {\r\n  display: grid;\r\n  grid-template-rows: repeat(3, minmax(0, 1fr));\r\n  gap: 17px;\r\n  min-width: 0;\r\n}\r\n\r\n.lifestyle-d-small {\r\n  display: grid;\r\n  grid-template-columns: 47% 53%;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  overflow: hidden;\r\n  border-radius: 12px 55px 12px 12px;\r\n  background: #F4F7FA;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.lifestyle-d-small-image {\r\n  min-width: 0;\r\n  min-height: 140px;\r\n  overflow: hidden;\r\n}\r\n\r\n.lifestyle-d-small-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n.lifestyle-d-small-content {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  min-width: 0;\r\n  padding: 18px 18px 18px 20px;\r\n  background: #F4F7FA;\r\n}\r\n\r\n.lifestyle-d-small-icon {\r\n  flex: 0 0 38px;\r\n  width: 38px;\r\n  height: 38px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #3E5C76;\r\n  font-size: 23px;\r\n}\r\n\r\n.lifestyle-d-small-text {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.lifestyle-d-small-text .lifestyle-d-category {\r\n  color: #3E5C76;\r\n  font-size: 12px;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.lifestyle-d-small-text h3 {\r\n  margin: 0;\r\n  color: #1D2D44;\r\n  font-family: 'Overlock SC', sans-serif;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  line-height: 1.18;\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.lifestyle-d-small-arrow {\r\n  flex: 0 0 38px;\r\n  width: 38px;\r\n  height: 38px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  background: #1D2D44;\r\n  color: #ffffff;\r\n  font-size: 15px;\r\n}\r\n\r\n\/* =================================\r\n   TABLET VIEW\r\n================================= *\/\r\n\r\n@media (min-width: 601px) and (max-width: 1024px) {\r\n\r\n  .lifestyle-d {\r\n    padding: 50px 30px 0;\r\n  }\r\n\r\n  .lifestyle-d-heading {\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .lifestyle-d-heading h2 {\r\n    font-size: 44px;\r\n  }\r\n\r\n  .lifestyle-d-heading p {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .lifestyle-d-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n    min-height: auto;\r\n  }\r\n\r\n  .lifestyle-d-feature {\r\n    min-height: 430px;\r\n    border-radius: 140px 12px 12px 12px;\r\n  }\r\n\r\n  .lifestyle-d-feature-content {\r\n    padding: 28px 30px;\r\n  }\r\n\r\n  .lifestyle-d-feature-content h3 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .lifestyle-d-side {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    grid-template-rows: auto;\r\n    gap: 14px;\r\n  }\r\n\r\n  .lifestyle-d-small {\r\n    grid-template-columns: 1fr;\r\n    grid-template-rows: 175px auto;\r\n    border-radius: 12px 38px 12px 12px;\r\n  }\r\n\r\n  .lifestyle-d-small-image {\r\n    min-height: 175px;\r\n  }\r\n\r\n  .lifestyle-d-small-content {\r\n    min-height: 112px;\r\n    gap: 8px;\r\n    padding: 14px 12px;\r\n  }\r\n\r\n  .lifestyle-d-small-icon {\r\n    flex-basis: 30px;\r\n    width: 30px;\r\n    font-size: 20px;\r\n  }\r\n\r\n  .lifestyle-d-small-text .lifestyle-d-category {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .lifestyle-d-small-text h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n  .lifestyle-d-small-arrow {\r\n    flex-basis: 32px;\r\n    width: 32px;\r\n    height: 32px;\r\n    font-size: 13px;\r\n  }\r\n\r\n}\r\n\r\n\/* =================================\r\n   MOBILE VIEW\r\n================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .lifestyle-d {\r\n    padding: 30px 10px 0;\r\n  }\r\n\r\n  .lifestyle-d-heading {\r\n    margin-bottom: 25px;\r\n    padding: 0 5px;\r\n  }\r\n\r\n  .lifestyle-d-label {\r\n    font-size: 14px;\r\n    letter-spacing: 1.2px;\r\n    gap: 9px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .lifestyle-d-label i {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .lifestyle-d-heading h2 {\r\n    font-size: 36px;\r\n    line-height: 1.15;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .lifestyle-d-heading p {\r\n    font-size: 17px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .lifestyle-d-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n    min-height: auto;\r\n  }\r\n\r\n  .lifestyle-d-feature {\r\n    min-height: 390px;\r\n    border-radius: 105px 12px 12px 12px;\r\n  }\r\n\r\n  .lifestyle-d-feature-img {\r\n    object-position: center;\r\n  }\r\n\r\n  .lifestyle-d-feature-content {\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    padding: 24px 17px 22px;\r\n  }\r\n\r\n  .lifestyle-d-feature-icon {\r\n    flex-basis: 42px;\r\n    width: 42px;\r\n    height: 42px;\r\n    font-size: 19px;\r\n  }\r\n\r\n  .lifestyle-d-feature-content h3 {\r\n    font-size: 29px;\r\n  }\r\n\r\n  .lifestyle-d-feature-content p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .lifestyle-d-feature-arrow {\r\n    flex-basis: 40px;\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 17px;\r\n  }\r\n\r\n  .lifestyle-d-category {\r\n    font-size: 12px;\r\n    letter-spacing: 1.3px;\r\n  }\r\n\r\n  .lifestyle-d-side {\r\n    grid-template-columns: 1fr;\r\n    grid-template-rows: auto;\r\n    gap: 12px;\r\n  }\r\n\r\n  .lifestyle-d-small {\r\n    grid-template-columns: 42% 58%;\r\n    min-height: 145px;\r\n    border-radius: 10px 38px 10px 10px;\r\n  }\r\n\r\n  .lifestyle-d-small-image {\r\n    min-height: 145px;\r\n  }\r\n\r\n  .lifestyle-d-small-content {\r\n    gap: 8px;\r\n    padding: 14px 10px;\r\n  }\r\n\r\n  .lifestyle-d-small-icon {\r\n    flex-basis: 30px;\r\n    width: 30px;\r\n    height: 35px;\r\n    font-size: 19px;\r\n  }\r\n\r\n  .lifestyle-d-small-text .lifestyle-d-category {\r\n    font-size: 11px;\r\n    letter-spacing: 0.8px;\r\n  }\r\n\r\n  .lifestyle-d-small-text h3 {\r\n    font-size: 20px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .lifestyle-d-small-arrow {\r\n    flex-basis: 32px;\r\n    width: 32px;\r\n    height: 32px;\r\n    font-size: 13px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db01754 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 elementor-invisible e-con e-parent\" data-id=\"db01754\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c12951a elementor-widget elementor-widget-html\" data-id=\"c12951a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- GOOGLE FONTS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@400;500;600;700;800&family=Overlock:ital,wght@0,400;0,700;1,400;1,700&family=Overlock+SC&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- FONT AWESOME -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<section class=\"viewing-process-b\" id=\"viewing-process\">\r\n\r\n  <div class=\"viewing-b-container\">\r\n\r\n    <!-- SECTION HEADING -->\r\n    <div class=\"viewing-b-heading\">\r\n\r\n      <div class=\"viewing-b-eyebrow\">\r\n    \r\n        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n        <span>YOUR PROPERTY VIEWING JOURNEY<\/span>\r\n        \r\n      <\/div>\r\n\r\n      <h2>Your Viewing, Made Simple<\/h2>\r\n\r\n      <p>\r\n        From discovering your ideal home to stepping inside,\r\n        we make every part of your viewing experience effortless.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- THREE STEP PROCESS -->\r\n    <div class=\"viewing-b-process\">\r\n\r\n      <!-- STEP 1 -->\r\n      <article class=\"viewing-b-step-item\">\r\n\r\n        <div class=\"viewing-b-image-wrap\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=900&q=85\"\r\n            alt=\"Browsing available properties\"\r\n          >\r\n\r\n          <span class=\"viewing-b-image-icon\">\r\n            <i class=\"fa-solid fa-house\"><\/i>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"viewing-b-content\">\r\n          <span class=\"viewing-b-number\">01<\/span>\r\n          <span class=\"viewing-b-step-label\">THE FIRST STEP<\/span>\r\n          <h3>Choose a Home<\/h3>\r\n          <p>\r\n            Explore our curated properties and discover\r\n            a home that feels right for you.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- STEP 2 -->\r\n      <article class=\"viewing-b-step-item\">\r\n\r\n        <div class=\"viewing-b-image-wrap\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1506784983877-45594efa4cbe?auto=format&fit=crop&w=900&q=85\"\r\n            alt=\"Planning a convenient viewing appointment\"\r\n          >\r\n\r\n          <span class=\"viewing-b-image-icon\">\r\n            <i class=\"fa-regular fa-calendar-check\"><\/i>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"viewing-b-content\">\r\n          <span class=\"viewing-b-number\">02<\/span>\r\n          <span class=\"viewing-b-step-label\">MAKE IT YOUR TIME<\/span>\r\n          <h3>Arrange a Time<\/h3>\r\n          <p>\r\n            Choose a convenient date and time\r\n            that works perfectly with your schedule.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- STEP 3 -->\r\n      <article class=\"viewing-b-step-item\">\r\n\r\n        <div class=\"viewing-b-image-wrap\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1600607687644-c7171b42498f?auto=format&fit=crop&w=900&q=85\"\r\n            alt=\"Welcoming home interior for a guided property visit\"\r\n          >\r\n\r\n          <span class=\"viewing-b-image-icon\">\r\n            <i class=\"fa-solid fa-people-group\"><\/i>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"viewing-b-content\">\r\n          <span class=\"viewing-b-number\">03<\/span>\r\n          <span class=\"viewing-b-step-label\">EXPERIENCE THE HOME<\/span>\r\n          <h3>Visit with Guidance<\/h3>\r\n          <p>\r\n            Walk through the property with our expert team\r\n            and get the guidance you need.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- MAIN ACTION -->\r\n    <div class=\"viewing-b-action\">\r\n      <p>Ready to experience your future home?<\/p>\r\n\r\n     \r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =====================================\r\n   COMPLETE SECTION BACKGROUND\r\n===================================== *\/\r\n\r\n.viewing-process-b,\r\n.viewing-process-b * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.viewing-process-b {\r\n  width: 100%;\r\n  padding: 80px 50px 0;\r\n  background-color: #748CAB !important;\r\n  font-family: 'Mulish', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.viewing-b-container {\r\n  width: 100%;\r\n  max-width: 1450px;\r\n  margin: 0 auto;\r\n  padding: 0 !important;\r\n  background: transparent !important;\r\n  border: none !important;\r\n  border-radius: 0 !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n\/* =====================================\r\n   HEADING\r\n===================================== *\/\r\n\r\n.viewing-b-heading {\r\n  max-width: 850px;\r\n  margin: 0 auto 48px;\r\n  text-align: center;\r\n  background: transparent !important;\r\n}\r\n\r\n.viewing-b-eyebrow {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 13px;\r\n  margin-bottom: 17px;\r\n  color: #1D2D44;\r\n  font-family: 'Mulish', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n.viewing-b-eyebrow i {\r\n  color: #1D2D44;\r\n  font-size: 18px;\r\n}\r\n\r\n.viewing-b-eyebrow-line {\r\n  width: 35px;\r\n  height: 1px;\r\n  background: #1D2D44;\r\n}\r\n\r\n.viewing-b-heading h2 {\r\n  margin: 0 0 13px;\r\n  color: #1D2D44;\r\n  font-family: 'Overlock SC', sans-serif;\r\n  font-size: clamp(38px, 4vw, 54px);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n}\r\n\r\n.viewing-b-heading p {\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n  color: #1D2D44;\r\n  font-family: 'Overlock', sans-serif;\r\n  font-size: 21px;\r\n  font-style: italic;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* =====================================\r\n   DESKTOP THREE-COLUMN LAYOUT\r\n===================================== *\/\r\n\r\n.viewing-b-process {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 30px;\r\n  background: transparent !important;\r\n}\r\n\r\n.viewing-b-process::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 180px;\r\n  left: 16%;\r\n  right: 16%;\r\n  height: 1px;\r\n  background: rgba(29,45,68,0.55);\r\n  z-index: 0;\r\n}\r\n\r\n\/* =====================================\r\n   STEP ITEMS - NO CARDS\r\n===================================== *\/\r\n\r\n.viewing-b-step-item {\r\n  position: relative;\r\n  z-index: 1;\r\n  min-width: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  background: transparent !important;\r\n  border: none !important;\r\n  border-radius: 0 !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n\/* =====================================\r\n   IMAGE AREA\r\n===================================== *\/\r\n\r\n.viewing-b-image-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 220px;\r\n  margin-bottom: 30px;\r\n  background: transparent !important;\r\n}\r\n\r\n.viewing-b-image-wrap img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  border-radius: 12px 65px 12px 12px;\r\n}\r\n\r\n.viewing-b-step-item:nth-child(2) .viewing-b-image-wrap img {\r\n  border-radius: 65px 12px 12px 12px;\r\n}\r\n\r\n.viewing-b-step-item:nth-child(3) .viewing-b-image-wrap img {\r\n  border-radius: 12px 65px 12px 12px;\r\n}\r\n\r\n\/* IMAGE ICON *\/\r\n\r\n.viewing-b-image-icon {\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: -23px;\r\n  transform: translateX(-50%);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 55px;\r\n  height: 55px;\r\n  border: 4px solid #748CAB;\r\n  border-radius: 50%;\r\n  background: #1D2D44;\r\n  color: #ffffff;\r\n  font-size: 21px;\r\n}\r\n\r\n\/* =====================================\r\n   TEXT DIRECTLY ON #748CAB\r\n===================================== *\/\r\n\r\n.viewing-b-content {\r\n  width: 100%;\r\n  padding: 0 15px !important;\r\n  text-align: center;\r\n  background: transparent !important;\r\n  border: none !important;\r\n  border-radius: 0 !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.viewing-b-number {\r\n  display: block;\r\n  margin-bottom: 7px;\r\n  color: #1D2D44;\r\n  font-family: 'Overlock SC', sans-serif;\r\n  font-size: 37px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n}\r\n\r\n.viewing-b-step-label {\r\n  display: block;\r\n  margin-bottom: 9px;\r\n  color: #1D2D44;\r\n  font-family: 'Mulish', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.2px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.viewing-b-content h3 {\r\n  margin: 0 0 10px;\r\n  color: #1D2D44;\r\n  font-family: 'Overlock SC', sans-serif;\r\n  font-size: 29px;\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n}\r\n\r\n.viewing-b-content p {\r\n  max-width: 330px;\r\n  margin: 0 auto;\r\n  color: #1D2D44;\r\n  font-family: 'Mulish', sans-serif;\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* =====================================\r\n   CTA\r\n===================================== *\/\r\n\r\n.viewing-b-action {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-top: 43px;\r\n  text-align: center;\r\n  background: transparent !important;\r\n}\r\n\r\n.viewing-b-action p {\r\n  margin: 0 0 17px;\r\n  color: #1D2D44;\r\n  font-family: 'Overlock', sans-serif;\r\n  font-size: 20px;\r\n  font-style: italic;\r\n  line-height: 1.4;\r\n}\r\n\r\n.viewing-b-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 18px;\r\n  min-width: 245px;\r\n  min-height: 58px;\r\n  padding: 15px 27px;\r\n  border: 2px solid #1D2D44;\r\n  border-radius: 8px;\r\n  background: #1D2D44;\r\n  color: #F4F7FA !important;\r\n  text-decoration: none !important;\r\n  font-family: 'Mulish', sans-serif;\r\n  font-size: 18px;\r\n  font-weight: 800;\r\n  line-height: 1.3;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.viewing-b-button i {\r\n  font-size: 18px;\r\n}\r\n\r\n\/* =====================================\r\n   TABLET VIEW\r\n   ALTERNATING HORIZONTAL DESIGN\r\n===================================== *\/\r\n\r\n@media (min-width: 601px) and (max-width: 1024px) {\r\n\r\n  .viewing-process-b {\r\n    padding: 50px 30px 0;\r\n  }\r\n\r\n  .viewing-b-heading {\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .viewing-b-heading h2 {\r\n    font-size: 43px;\r\n  }\r\n\r\n  .viewing-b-heading p {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .viewing-b-process {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n\r\n  .viewing-b-process::before {\r\n    display: none;\r\n  }\r\n\r\n  .viewing-b-step-item {\r\n    display: grid;\r\n    grid-template-columns: 43% 57%;\r\n    align-items: center;\r\n    gap: 25px;\r\n    text-align: left;\r\n  }\r\n\r\n  .viewing-b-image-wrap {\r\n    height: 205px;\r\n    margin: 0;\r\n  }\r\n\r\n  .viewing-b-image-wrap img,\r\n  .viewing-b-step-item:nth-child(2) .viewing-b-image-wrap img,\r\n  .viewing-b-step-item:nth-child(3) .viewing-b-image-wrap img {\r\n    border-radius: 65px 12px 12px 12px;\r\n  }\r\n\r\n  .viewing-b-step-item:nth-child(2) .viewing-b-image-wrap {\r\n    order: 2;\r\n  }\r\n\r\n  .viewing-b-step-item:nth-child(2) .viewing-b-content {\r\n    order: 1;\r\n  }\r\n\r\n  .viewing-b-image-icon {\r\n    left: auto;\r\n    right: -18px;\r\n    bottom: 50%;\r\n    transform: translateY(50%);\r\n    width: 48px;\r\n    height: 48px;\r\n    border: 4px solid #748CAB;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .viewing-b-step-item:nth-child(2) .viewing-b-image-icon {\r\n    left: -18px;\r\n    right: auto;\r\n  }\r\n\r\n  .viewing-b-content {\r\n    padding: 10px 25px !important;\r\n    text-align: left;\r\n  }\r\n\r\n  .viewing-b-number {\r\n    font-size: 35px;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .viewing-b-step-label {\r\n    font-size: 16px;\r\n    margin-bottom: 7px;\r\n  }\r\n\r\n  .viewing-b-content h3 {\r\n    font-size: 28px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .viewing-b-content p {\r\n    max-width: 370px;\r\n    margin: 0;\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .viewing-b-action {\r\n    margin-top: 38px;\r\n  }\r\n\r\n}\r\n\r\n\/* =====================================\r\n   MOBILE VIEW\r\n===================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .viewing-process-b {\r\n    padding: 30px 10px 0;\r\n  }\r\n\r\n  .viewing-b-heading {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .viewing-b-eyebrow {\r\n    gap: 8px;\r\n    font-size: 13px;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 13px;\r\n  }\r\n\r\n  .viewing-b-eyebrow i {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .viewing-b-eyebrow-line {\r\n    width: 18px;\r\n  }\r\n\r\n  .viewing-b-heading h2 {\r\n    font-size: 34px;\r\n    line-height: 1.15;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .viewing-b-heading p {\r\n    font-size: 17px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .viewing-b-process {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 30px;\r\n  }\r\n\r\n  .viewing-b-process::before {\r\n    display: none;\r\n  }\r\n\r\n  .viewing-b-step-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    text-align: left;\r\n    padding: 0 !important;\r\n    background: transparent !important;\r\n  }\r\n\r\n  .viewing-b-image-wrap {\r\n    width: 100%;\r\n    height: 190px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .viewing-b-image-wrap img,\r\n  .viewing-b-step-item:nth-child(2) .viewing-b-image-wrap img,\r\n  .viewing-b-step-item:nth-child(3) .viewing-b-image-wrap img {\r\n    border-radius: 55px 10px 10px 10px;\r\n  }\r\n\r\n  .viewing-b-image-icon {\r\n    left: 20px;\r\n    right: auto;\r\n    bottom: -18px;\r\n    transform: none;\r\n    width: 48px;\r\n    height: 48px;\r\n    border: 4px solid #748CAB;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .viewing-b-content {\r\n    padding: 10px 5px 0 !important;\r\n    text-align: left;\r\n    background: transparent !important;\r\n  }\r\n\r\n  .viewing-b-number {\r\n    font-size: 32px;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .viewing-b-step-label {\r\n    font-size: 16px;\r\n    margin-bottom: 7px;\r\n  }\r\n\r\n  .viewing-b-content h3 {\r\n    font-size: 26px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .viewing-b-content p {\r\n    max-width: 100%;\r\n    margin: 0;\r\n    font-size: 16px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .viewing-b-action {\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .viewing-b-action p {\r\n    font-size: 18px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .viewing-b-button {\r\n    width: 100%;\r\n    max-width: 280px;\r\n    min-height: 54px;\r\n    font-size: 17px;\r\n    gap: 13px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae7c67a 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 elementor-invisible e-con e-parent\" data-id=\"ae7c67a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ec3c26 elementor-widget elementor-widget-html\" data-id=\"5ec3c26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- GOOGLE FONTS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@400;500;600;700;800&family=Overlock:ital,wght@0,400;0,700;1,400;1,700&family=Overlock+SC&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- FONT AWESOME -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<section class=\"right-home-cta-b\" id=\"right-home-cta\">\r\n\r\n    <div class=\"rhcb-container\">\r\n\r\n        <!-- CONTENT -->\r\n        <div class=\"rhcb-content\">\r\n\r\n            <!-- LABEL - REFERENCE DESIGN -->\r\n            <div class=\"rhcb-label\">\r\n                \r\n                <i class=\"fa-solid fa-house\"><\/i>\r\n                <span>YOUR NEXT CHAPTER STARTS HERE<\/span>\r\n                \r\n            <\/div>\r\n\r\n            <h2>\r\n                Still Looking for\r\n                the Right Home?\r\n            <\/h2>\r\n\r\n            <p class=\"rhcb-description\">\r\n                The perfect home is worth finding. Let our team help you\r\n                explore the right property and take the next step with confidence.\r\n            <\/p>\r\n\r\n            <div class=\"rhcb-bottom\">\r\n\r\n                <a href=\"https:\/\/nakshatrabpo13.thestackly.tech\/?page_id=28\" class=\"rhcb-button\">\r\n                    <span>Contact Us<\/span>\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n\r\n                <div class=\"rhcb-note\">\r\n                    <i class=\"fa-solid fa-comments\"><\/i>\r\n                    <span>Let's find a place that feels like yours.<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- IMAGE -->\r\n        <div class=\"rhcb-visual\">\r\n\r\n            <div class=\"rhcb-image-frame\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=85\"\r\n                    alt=\"Beautiful contemporary luxury home\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"rhcb-image-caption\">\r\n\r\n                <span class=\"rhcb-caption-icon\">\r\n                    <i class=\"fa-solid fa-key\"><\/i>\r\n                <\/span>\r\n\r\n                <div class=\"rhcb-caption-text\">\r\n                    <strong>A Place to Call Home<\/strong>\r\n                    <span>Your next beginning awaits<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"rhcb-corner-decoration\"><\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =====================================\r\n   MAIN SECTION BACKGROUND\r\n===================================== *\/\r\n\r\n.right-home-cta-b,\r\n.right-home-cta-b * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.right-home-cta-b {\r\n    width: 100%;\r\n    padding: 80px 50px 0;\r\n    background-color: #748CAB !important;\r\n    font-family: 'Mulish', sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n.rhcb-container {\r\n    width: 100%;\r\n    max-width: 1450px;\r\n    margin: 0 auto;\r\n    padding: 0 !important;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 0.95fr;\r\n    align-items: center;\r\n    gap: 65px;\r\n\r\n    background: transparent !important;\r\n    border: none !important;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n\/* =====================================\r\n   CONTENT\r\n===================================== *\/\r\n\r\n.rhcb-content {\r\n    width: 100%;\r\n    max-width: 620px;\r\n    padding: 15px 0;\r\n\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n\/* =====================================\r\n   LABEL\r\n   MATCHING REFERENCE EYEBROW\r\n===================================== *\/\r\n\r\n.rhcb-label {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    gap: 13px;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    color: #1D2D44;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 800;\r\n    letter-spacing: 1.5px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.rhcb-label i {\r\n    color: #1D2D44;\r\n    font-size: 18px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.rhcb-label-line {\r\n    display: block;\r\n    width: 35px;\r\n    height: 1px;\r\n    flex: 0 0 35px;\r\n    background: #1D2D44;\r\n}\r\n\r\n\/* =====================================\r\n   MAIN HEADING\r\n===================================== *\/\r\n\r\n.rhcb-content h2 {\r\n    margin: 0 0 13px;\r\n\r\n    color: #1D2D44;\r\n    font-family: 'Overlock SC', sans-serif;\r\n    font-size: clamp(38px, 4vw, 54px);\r\n    font-weight: 700;\r\n    line-height: 1.15;\r\n}\r\n\r\n.rhcb-content h2 span {\r\n    display: block;\r\n    color: #3E5C76;\r\n}\r\n\r\n\/* =====================================\r\n   DESCRIPTION\r\n===================================== *\/\r\n\r\n.rhcb-description {\r\n    max-width: 540px;\r\n    margin: 0;\r\n\r\n    color: #1D2D44;\r\n    font-family: 'Overlock', sans-serif;\r\n    font-size: 21px;\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* =====================================\r\n   BUTTON AND SUPPORTING TEXT\r\n===================================== *\/\r\n\r\n.rhcb-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 25px;\r\n\r\n    margin-top: 32px;\r\n}\r\n\r\n.rhcb-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 18px;\r\n\r\n    min-width: 190px;\r\n    min-height: 58px;\r\n    padding: 15px 24px;\r\n\r\n    border: 2px solid #1D2D44;\r\n    border-radius: 8px;\r\n\r\n    background: #1D2D44;\r\n    color: #F4F7FA !important;\r\n\r\n    text-decoration: none !important;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n\r\n    box-shadow: none !important;\r\n}\r\n\r\n.rhcb-button i {\r\n    font-size: 17px;\r\n    color: #F4F7FA;\r\n}\r\n\r\n.rhcb-note {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n\r\n    color: #1D2D44;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n}\r\n\r\n.rhcb-note i {\r\n    color: #1D2D44;\r\n    font-size: 19px;\r\n}\r\n\r\n\/* =====================================\r\n   IMAGE AREA\r\n===================================== *\/\r\n\r\n.rhcb-visual {\r\n    position: relative;\r\n    width: 100%;\r\n    min-width: 0;\r\n    min-height: 390px;\r\n    padding: 0 0 28px 28px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: transparent !important;\r\n}\r\n\r\n.rhcb-image-frame {\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: 100%;\r\n    height: 365px;\r\n    overflow: hidden;\r\n\r\n    border: 1px solid rgba(29, 45, 68, 0.5);\r\n    border-radius: 12px 65px 12px 12px;\r\n}\r\n\r\n.rhcb-image-frame img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n}\r\n\r\n\/* IMAGE CAPTION *\/\r\n\r\n.rhcb-image-caption {\r\n    position: absolute;\r\n    z-index: 3;\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    min-width: 270px;\r\n    padding: 16px 20px;\r\n\r\n    background: #1D2D44;\r\n    color: #FFFFFF;\r\n}\r\n\r\n.rhcb-caption-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 43px;\r\n    height: 43px;\r\n    flex: 0 0 43px;\r\n\r\n    border: 2px solid #748CAB;\r\n    border-radius: 50%;\r\n\r\n    background: #748CAB;\r\n    color: #1D2D44;\r\n    font-size: 18px;\r\n}\r\n\r\n.rhcb-caption-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n}\r\n\r\n.rhcb-caption-text strong {\r\n    color: #FFFFFF;\r\n    font-family: 'Overlock SC', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n}\r\n\r\n.rhcb-caption-text span {\r\n    color: #DCE5EF;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* CORNER DETAIL *\/\r\n\r\n.rhcb-corner-decoration {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    z-index: 2;\r\n\r\n    width: 75px;\r\n    height: 75px;\r\n\r\n    border-top: 2px solid #1D2D44;\r\n    border-right: 2px solid #1D2D44;\r\n}\r\n\r\n\/* =====================================\r\n   TABLET VIEW\r\n   CENTERED CONTENT + WIDE IMAGE\r\n===================================== *\/\r\n\r\n@media (min-width: 601px) and (max-width: 1024px) {\r\n\r\n    .right-home-cta-b {\r\n        padding: 50px 30px 0;\r\n    }\r\n\r\n    .rhcb-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 35px;\r\n    }\r\n\r\n    .rhcb-content {\r\n        width: 100%;\r\n        max-width: 850px;\r\n        margin: 0 auto;\r\n        padding: 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .rhcb-label {\r\n        justify-content: center;\r\n        gap: 13px;\r\n        margin-bottom: 17px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .rhcb-label-line {\r\n        width: 35px;\r\n        flex-basis: 35px;\r\n    }\r\n\r\n    .rhcb-content h2 {\r\n        max-width: 750px;\r\n        margin: 0 auto 13px;\r\n        font-size: 43px;\r\n        line-height: 1.15;\r\n    }\r\n\r\n    .rhcb-content h2 span {\r\n        display: inline;\r\n        margin-left: 7px;\r\n    }\r\n\r\n    .rhcb-description {\r\n        max-width: 690px;\r\n        margin: 0 auto;\r\n        font-size: 19px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .rhcb-bottom {\r\n        justify-content: center;\r\n        margin-top: 24px;\r\n        gap: 25px;\r\n    }\r\n\r\n    .rhcb-visual {\r\n        width: 100%;\r\n        min-height: 310px;\r\n        height: auto;\r\n        padding: 0 25px 25px 0;\r\n        display: block;\r\n    }\r\n\r\n    .rhcb-image-frame {\r\n        width: 100%;\r\n        height: 310px;\r\n        border-radius: 12px 65px 12px 12px;\r\n    }\r\n\r\n    .rhcb-image-caption {\r\n        left: auto;\r\n        right: 0;\r\n        bottom: 0;\r\n        min-width: 270px;\r\n        padding: 15px 20px;\r\n    }\r\n\r\n    .rhcb-corner-decoration {\r\n        top: -10px;\r\n        right: 15px;\r\n        width: 65px;\r\n        height: 65px;\r\n    }\r\n\r\n}\r\n\r\n\/* =====================================\r\n   MOBILE VIEW\r\n===================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .right-home-cta-b {\r\n        padding: 30px 10px 0;\r\n    }\r\n\r\n    .rhcb-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 28px;\r\n    }\r\n\r\n    .rhcb-content {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        padding: 0;\r\n        text-align: left;\r\n    }\r\n\r\n    .rhcb-label {\r\n        justify-content: flex-start;\r\n        gap: 8px;\r\n        margin-bottom: 13px;\r\n\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        letter-spacing: 1px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .rhcb-label i {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .rhcb-label-line {\r\n        width: 18px;\r\n        flex-basis: 18px;\r\n    }\r\n\r\n    .rhcb-content h2 {\r\n        margin-bottom: 10px;\r\n        font-size: 34px;\r\n        line-height: 1.15;\r\n    }\r\n\r\n    .rhcb-content h2 span {\r\n        display: block;\r\n        margin-left: 0;\r\n    }\r\n\r\n    .rhcb-description {\r\n        font-size: 17px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .rhcb-bottom {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 18px;\r\n        margin-top: 23px;\r\n    }\r\n\r\n    .rhcb-button {\r\n        width: 100%;\r\n        max-width: 280px;\r\n        min-height: 54px;\r\n        font-size: 17px;\r\n    }\r\n\r\n    .rhcb-note {\r\n        align-items: flex-start;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .rhcb-note i {\r\n        padding-top: 2px;\r\n    }\r\n\r\n    \/* MOBILE IMAGE *\/\r\n\r\n    .rhcb-visual {\r\n        width: 100%;\r\n        min-height: 255px;\r\n        height: auto;\r\n        padding: 0 0 22px 15px;\r\n    }\r\n\r\n    .rhcb-image-frame {\r\n        width: 100%;\r\n        height: 245px;\r\n        border-radius: 55px 10px 10px 10px;\r\n    }\r\n\r\n    .rhcb-image-caption {\r\n        left: 0;\r\n        right: auto;\r\n        bottom: 0;\r\n\r\n        min-width: 0;\r\n        max-width: calc(100% - 15px);\r\n        padding: 12px 14px;\r\n        gap: 10px;\r\n    }\r\n\r\n    .rhcb-caption-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n        flex-basis: 38px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .rhcb-caption-text strong {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .rhcb-caption-text span {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .rhcb-corner-decoration {\r\n        width: 48px;\r\n        height: 48px;\r\n    }\r\n\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .rhcb-content h2 {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .rhcb-label {\r\n        font-size: 12px;\r\n        gap: 7px;\r\n    }\r\n\r\n    .rhcb-label-line {\r\n        width: 13px;\r\n        flex-basis: 13px;\r\n    }\r\n\r\n    .rhcb-description {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .rhcb-image-frame {\r\n        height: 215px;\r\n    }\r\n\r\n    .rhcb-visual {\r\n        min-height: 230px;\r\n    }\r\n\r\n}\r\n\r\n\/* =====================================\r\n   NO HOVER EFFECTS\r\n===================================== *\/\r\n\r\n.rhcb-button:hover,\r\n.rhcb-button:focus,\r\n.rhcb-button:active {\r\n    background: #1D2D44 !important;\r\n    color: #F4F7FA !important;\r\n    border-color: #1D2D44 !important;\r\n    text-decoration: none !important;\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n}\r\n\r\n.rhcb-button:hover i,\r\n.rhcb-button:focus i,\r\n.rhcb-button:active i {\r\n    color: #F4F7FA !important;\r\n}\r\n\r\n<\/style>\r\n\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>FEATURED LISTINGS Explore Exceptional Homes Discover spaces that inspire a better way of living. Explore our thoughtfully selected collection of exceptional properties, bringing together beautiful homes and desirable locations. YOUR NEXT CHAPTER STARTS HERE Collection Worth Exploring Discover thoughtfully selected properties that bring comfort, character and exceptional living together. Handpicked Properties Find Your Property All LocationsBanjara HillsGachibowliJubilee HillsKokapetKukatpallyMadhapur All Property TypesVillaApartmentIndependent House Any PriceBelow \u20b91 Crore\u20b91 \u2013 \u20b92 CroresAbove \u20b92 Crores Any Bedrooms2 Bedrooms3 Bedrooms4 Bedrooms5+ Bedrooms Sort ByPrice: Low to HighPrice: High to LowLargest Area Reset AVAILABLE COLLECTION Spaces to Call Home Showing 6 properties Featured SIGNATURE VILLA The Azure Residence \u20b92.85 Cr Banjara Hills, Hyderabad 4 Beds 4 Baths 3,200 sq.ft. Explore Property New Launch URBAN LIVING The Grand Crest \u20b91.35 Cr Gachibowli, Hyderabad 3 Beds 3 Baths 1,850 sq.ft. Explore Property Signature Home PRIVATE LIVING The Ivory Estate \u20b91.75 Cr Kukatpally, Hyderabad 3 Beds 3 Baths 2,400 sq.ft. Explore Property Premium PREMIUM COLLECTION The Willow Haven \u20b93.20 Cr Jubilee Hills, Hyderabad 5 Beds 5 Baths 4,200 sq.ft. Explore Property City Living CITY COLLECTION The Meridian Heights \u20b995 Lakhs Madhapur, Hyderabad 2 Beds 2 Baths 1,450 sq.ft. Explore Property Family Home FAMILY COLLECTION The Oakwood Residence \u20b92.10 Cr Kokapet, Hyderabad 4 Beds 4 Baths 2,800 sq.ft. Explore Property No Properties Found Try changing your search or filter options. View All Properties Every property has a story. Find the one that feels like yours. YOUR HOME, YOUR WAY View Properties PROPERTY DETAILS Enquire About This Property A HOME ABOVE THE ORDINARY Featured for a Reason Some properties stand apart through thoughtful design, exceptional spaces and a feeling that simply stays with you. THE SIGNATURE COLLECTION SIGNATURE RESIDENCE Jubilee Hills, Hyderabad EXPLORE THE RESIDENCE Spaces designed to inspire EXCLUSIVE VILLA AVAILABLE NOW A PLACE TO BELONG The Willow Haven Set within the sought-after surroundings of Jubilee Hills, The Willow Haven brings together generous proportions, contemporary architecture and inviting spaces. From its thoughtfully planned interiors to its peaceful outdoor setting, every detail creates a home that feels both distinctive and effortlessly welcoming. 5 Bedrooms 5 Bathrooms 4,200 Sq. Ft. EXCLUSIVE VALUE \u20b93.20 Cr Jubilee Hills Hyderabad, Telangana A considered blend of space, privacy and contemporary living. Enquire About This Property PERSONALLY SELECTED FOR EXCEPTIONAL LIVING FIND YOUR WAY OF LIVING Explore by Lifestyle Discover spaces that complement your dreams, your everyday moments and the life you want to build. SPACE TO GROW Family Homes Comfort, space and room to grow. CITY LIVING Modern Apartments NATURE INSPIRED Open Spaces SMART CHOICES Investment Picks YOUR PROPERTY VIEWING JOURNEY Your Viewing, Made Simple From discovering your ideal home to stepping inside, we make every part of your viewing experience effortless. 01 THE FIRST STEP Choose a Home Explore our curated properties and discover a home that feels right for you. 02 MAKE IT YOUR TIME Arrange a Time Choose a convenient date and time that works perfectly with your schedule. 03 EXPERIENCE THE HOME Visit with Guidance Walk through the property with our expert team and get the guidance you need. Ready to experience your future home? YOUR NEXT CHAPTER STARTS HERE Still Looking for the Right Home? The perfect home is worth finding. Let our team help you explore the right property and take the next step with confidence. Contact Us Let&#8217;s find a place that feels like yours. A Place to Call Home Your next beginning awaits<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknr7.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr7.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr7.thestackly.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr7.thestackly.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr7.thestackly.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":5,"href":"https:\/\/teknr7.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":107,"href":"https:\/\/teknr7.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/107"}],"wp:attachment":[{"href":"https:\/\/teknr7.thestackly.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}