{"id":20,"date":"2026-11-04T15:02:32","date_gmt":"2026-11-04T15:02:32","guid":{"rendered":"https:\/\/teknr5.thestackly.net\/?page_id=20"},"modified":"2026-11-05T03:16:29","modified_gmt":"2026-11-05T03:16:29","slug":"featured-listings","status":"publish","type":"page","link":"https:\/\/teknr5.thestackly.net\/?page_id=20","title":{"rendered":"Featured Listings"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a1d625 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=\"3a1d625\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a3885d elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4a3885d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">    FEATURED LISTINGS\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8797144 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=\"8797144\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb46fc8 elementor-widget elementor-widget-html\" data-id=\"eb46fc8\" 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=Esteban&family=Mulish:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&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=\"featured-homes-section\">\r\n\r\n    <div class=\"featured-homes-container\">\r\n\r\n        <!-- SECTION LABEL -->\r\n        <div class=\"featured-homes-label\">\r\n            <span class=\"featured-label-line\"><\/span>\r\n            <i class=\"fa-solid fa-building\"><\/i>\r\n            <span>FEATURED HOMES<\/span>\r\n            <span class=\"featured-label-line\"><\/span>\r\n        <\/div>\r\n\r\n        <!-- SECTION HEADING -->\r\n        <h2 class=\"featured-homes-heading\">\r\n            Homes Worth a Closer Look\r\n        <\/h2>\r\n\r\n        <p class=\"featured-homes-intro\">\r\n            Explore a handpicked collection of properties designed\r\n            around the way you want to live.\r\n        <\/p>\r\n\r\n\r\n        <!-- PROPERTY CATEGORY TABS -->\r\n        <div class=\"featured-category-tabs\" role=\"tablist\" aria-label=\"Property categories\">\r\n\r\n            <button class=\"featured-tab active\"\r\n                    type=\"button\"\r\n                    role=\"tab\"\r\n                    aria-selected=\"true\"\r\n                    data-category=\"apartments\">\r\n                <i class=\"fa-solid fa-building\"><\/i>\r\n                <span>Apartments<\/span>\r\n            <\/button>\r\n\r\n            <button class=\"featured-tab\"\r\n                    type=\"button\"\r\n                    role=\"tab\"\r\n                    aria-selected=\"false\"\r\n                    data-category=\"villas\">\r\n                <i class=\"fa-solid fa-house\"><\/i>\r\n                <span>Villas<\/span>\r\n            <\/button>\r\n\r\n            <button class=\"featured-tab\"\r\n                    type=\"button\"\r\n                    role=\"tab\"\r\n                    aria-selected=\"false\"\r\n                    data-category=\"plots\">\r\n                <i class=\"fa-solid fa-layer-group\"><\/i>\r\n                <span>Plots<\/span>\r\n            <\/button>\r\n\r\n            <button class=\"featured-tab\"\r\n                    type=\"button\"\r\n                    role=\"tab\"\r\n                    aria-selected=\"false\"\r\n                    data-category=\"commercial\">\r\n                <i class=\"fa-solid fa-store\"><\/i>\r\n                <span>Commercial<\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PROPERTY SHOWCASE -->\r\n        <div class=\"featured-property-showcase\">\r\n\r\n            <!-- PROPERTY IMAGE -->\r\n            <div class=\"featured-property-image-wrap\">\r\n\r\n                <img decoding=\"async\"\r\n                    id=\"featuredPropertyImage\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=85\"\r\n                    alt=\"Modern apartment property\"\r\n                    class=\"featured-property-image\"\r\n                >\r\n\r\n                <div class=\"featured-image-badge\">\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <span id=\"featuredPropertyBadge\">Featured Apartment<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- PROPERTY DETAILS -->\r\n            <div class=\"featured-property-details\">\r\n\r\n                <div class=\"featured-property-top-label\">\r\n                    <i class=\"fa-solid fa-house-chimney\"><\/i>\r\n                    <span id=\"featuredPropertyType\">PREMIUM APARTMENT<\/span>\r\n                <\/div>\r\n\r\n                <h3 id=\"featuredPropertyName\">\r\n                    2 BHK Luxury Apartment\r\n                <\/h3>\r\n\r\n                <div class=\"featured-property-location\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                    <span id=\"featuredPropertyLocation\">\r\n                        Gachibowli, Hyderabad\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <p class=\"featured-property-description\" id=\"featuredPropertyDescription\">\r\n                    A thoughtfully designed home with spacious interiors,\r\n                    contemporary features and convenient access to\r\n                    everyday essentials.\r\n                <\/p>\r\n\r\n\r\n                <!-- PROPERTY FEATURES -->\r\n                <div class=\"featured-property-features\">\r\n\r\n                    <div class=\"featured-feature\">\r\n                        <i class=\"fa-solid fa-bed\"><\/i>\r\n                        <span id=\"featuredBedrooms\">2 Bedrooms<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"featured-feature\">\r\n                        <i class=\"fa-solid fa-bath\"><\/i>\r\n                        <span id=\"featuredBathrooms\">2 Bathrooms<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"featured-feature\">\r\n                        <i class=\"fa-solid fa-expand\"><\/i>\r\n                        <span id=\"featuredArea\">1,320 sq.ft.<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- PRICE AND BUTTON -->\r\n                <div class=\"featured-property-bottom\">\r\n\r\n                    <div class=\"featured-property-price\" id=\"featuredPropertyPrice\">\r\n                        \u20b91.05 Crore\r\n                    <\/div>\r\n\r\n                    <a href=\"\/property-listings\/\"\r\n                       class=\"featured-property-button\"\r\n                       id=\"featuredPropertyLink\">\r\n\r\n                        <span>View Details<\/span>\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n                    <\/a>\r\n\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-homes-section {\r\n    width: 100%;\r\n    padding: 80px 50px 0;\r\n    background: #7A7A7A;\r\n    font-family: 'Mulish', sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.featured-homes-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.featured-homes-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 LABEL\r\n========================================= *\/\r\n\r\n.featured-homes-label {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n    margin-bottom: 22px;\r\n\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    text-align: center;\r\n}\r\n\r\n.featured-homes-label i {\r\n    font-size: 18px;\r\n}\r\n\r\n.featured-label-line {\r\n    width: 38px;\r\n    height: 1px;\r\n    background: #111111;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SECTION HEADING\r\n========================================= *\/\r\n\r\n.featured-homes-heading {\r\n    margin: 0 0 15px;\r\n\r\n    color: #111111;\r\n    font-family: 'Esteban', serif;\r\n    font-size: clamp(38px, 4vw, 56px);\r\n    font-weight: 400;\r\n    line-height: 1.2;\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INTRODUCTION\r\n========================================= *\/\r\n\r\n.featured-homes-intro {\r\n    max-width: 750px;\r\n    margin: 0 auto 35px;\r\n\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    line-height: 1.7;\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CATEGORY TABS\r\n========================================= *\/\r\n\r\n.featured-category-tabs {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 10px;\r\n\r\n    width: 100%;\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.featured-tab {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n\r\n    min-height: 68px;\r\n    padding: 14px 18px;\r\n\r\n    border: 1px solid #111111;\r\n    border-radius: 0;\r\n\r\n    background: transparent;\r\n    color: #111111;\r\n\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n\r\n    cursor: pointer;\r\n    outline: none;\r\n}\r\n\r\n.featured-tab i {\r\n    font-size: 21px;\r\n    color: inherit;\r\n}\r\n\r\n.featured-tab.active {\r\n    background: #111111;\r\n    color: #FFFFFF;\r\n    border-color: #111111;\r\n}\r\n\r\n\/* NO HOVER COLOR CHANGE *\/\r\n\r\n.featured-tab:hover,\r\n.featured-tab:focus,\r\n.featured-tab:focus-visible {\r\n    background: transparent;\r\n    color: #111111;\r\n    border-color: #111111;\r\n    outline: none;\r\n}\r\n\r\n.featured-tab.active:hover,\r\n.featured-tab.active:focus,\r\n.featured-tab.active:focus-visible {\r\n    background: #111111;\r\n    color: #FFFFFF;\r\n    border-color: #111111;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROPERTY SHOWCASE\r\n========================================= *\/\r\n\r\n.featured-property-showcase {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.9fr;\r\n    align-items: stretch;\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n\r\n    background: transparent;\r\n    padding: 0;\r\n    gap: 35px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROPERTY IMAGE\r\n========================================= *\/\r\n\r\n.featured-property-image-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 460px;\r\n    overflow: hidden;\r\n}\r\n\r\n.featured-property-image {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 460px;\r\n\r\n    object-fit: cover;\r\n    object-position: center center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE BADGE\r\n========================================= *\/\r\n\r\n.featured-image-badge {\r\n    position: absolute;\r\n    top: 20px;\r\n    left: 20px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    padding: 12px 17px;\r\n\r\n    background: #111111;\r\n    color: #FFFFFF;\r\n\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n}\r\n\r\n.featured-image-badge i {\r\n    font-size: 16px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROPERTY DETAILS\r\n========================================= *\/\r\n\r\n.featured-property-details {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    min-width: 0;\r\n    padding: 25px 10px;\r\n\r\n    background: transparent;\r\n    color: #111111;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROPERTY TOP LABEL\r\n========================================= *\/\r\n\r\n.featured-property-top-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.4px;\r\n}\r\n\r\n.featured-property-top-label i {\r\n    font-size: 19px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROPERTY NAME\r\n========================================= *\/\r\n\r\n.featured-property-details h3 {\r\n    margin: 0 0 16px;\r\n\r\n    color: #111111;\r\n    font-family: 'Esteban', serif;\r\n    font-size: clamp(30px, 3vw, 42px);\r\n    font-weight: 400;\r\n    line-height: 1.25;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROPERTY LOCATION\r\n========================================= *\/\r\n\r\n.featured-property-location {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n}\r\n\r\n.featured-property-location i {\r\n    font-size: 19px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROPERTY DESCRIPTION\r\n========================================= *\/\r\n\r\n.featured-property-description {\r\n    margin: 0 0 25px;\r\n\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROPERTY FEATURES\r\n========================================= *\/\r\n\r\n.featured-property-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 10px;\r\n\r\n    padding: 20px 0;\r\n    margin-bottom: 18px;\r\n\r\n    border-top: 1px solid #111111;\r\n    border-bottom: 1px solid #111111;\r\n}\r\n\r\n.featured-feature {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n\r\n    min-width: 0;\r\n\r\n    color: #111111;\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.featured-feature i {\r\n    font-size: 21px;\r\n    color: #111111;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PRICE AND BUTTON\r\n========================================= *\/\r\n\r\n.featured-property-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    gap: 18px;\r\n}\r\n\r\n.featured-property-price {\r\n    color: #111111;\r\n    font-family: 'Esteban', serif;\r\n    font-size: 30px;\r\n    font-weight: 400;\r\n    line-height: 1.3;\r\n}\r\n\r\n.featured-property-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: 54px;\r\n    padding: 14px 20px;\r\n\r\n    background: #111111;\r\n    color: #FFFFFF;\r\n    border: 1px solid #111111;\r\n    border-radius: 0;\r\n\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n    outline: none;\r\n}\r\n\r\n\/* KEEP BUTTON COLOR CONSTANT *\/\r\n\r\n.featured-property-button:hover,\r\n.featured-property-button:focus,\r\n.featured-property-button:focus-visible,\r\n.featured-property-button:active {\r\n    background: #111111;\r\n    color: #FFFFFF;\r\n    border-color: #111111;\r\n    text-decoration: none;\r\n    outline: none;\r\n}\r\n\r\n.featured-property-button i {\r\n    color: #FFFFFF;\r\n    font-size: 17px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET VIEW\r\n   IMAGE AND DETAILS ONE BY ONE\r\n========================================= *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n    .featured-homes-section {\r\n        padding: 50px 30px 0;\r\n    }\r\n\r\n    .featured-homes-heading {\r\n        font-size: 46px;\r\n    }\r\n\r\n    \/* TWO CATEGORY TABS PER ROW *\/\r\n\r\n    .featured-category-tabs {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 12px;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .featured-tab {\r\n        min-height: 65px;\r\n        padding: 12px 15px;\r\n        gap: 10px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .featured-tab i {\r\n        font-size: 19px;\r\n    }\r\n\r\n    \/* IMAGE FIRST, DETAILS BELOW *\/\r\n\r\n    .featured-property-showcase {\r\n        grid-template-columns: 1fr;\r\n        gap: 0;\r\n    }\r\n\r\n    .featured-property-image-wrap {\r\n        width: 100%;\r\n        height: 390px;\r\n        min-height: 390px;\r\n    }\r\n\r\n    .featured-property-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 390px;\r\n        object-fit: cover;\r\n        object-position: center center;\r\n    }\r\n\r\n    .featured-property-details {\r\n        width: 100%;\r\n        padding: 35px 5px 20px;\r\n    }\r\n\r\n    .featured-property-top-label {\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .featured-property-details h3 {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .featured-property-location {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .featured-property-description {\r\n        max-width: 750px;\r\n        font-size: 17px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .featured-property-features {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 20px;\r\n        padding: 22px 0;\r\n    }\r\n\r\n    .featured-feature {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .featured-property-bottom {\r\n        flex-direction: row;\r\n        align-items: center;\r\n        justify-content: space-between;\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: 767px) {\r\n\r\n    .featured-homes-section {\r\n        padding: 30px 10px 0;\r\n    }\r\n\r\n    .featured-homes-label {\r\n        gap: 9px;\r\n        margin-bottom: 18px;\r\n        font-size: 16px;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    .featured-label-line {\r\n        width: 23px;\r\n    }\r\n\r\n    .featured-homes-heading {\r\n        font-size: 36px;\r\n        line-height: 1.25;\r\n        margin-bottom: 13px;\r\n    }\r\n\r\n    .featured-homes-intro {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .featured-category-tabs {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 8px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .featured-tab {\r\n        min-height: 60px;\r\n        padding: 12px 8px;\r\n        gap: 9px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .featured-tab i {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .featured-property-showcase {\r\n        grid-template-columns: 1fr;\r\n        gap: 0;\r\n    }\r\n\r\n    .featured-property-image-wrap {\r\n        height: 280px;\r\n        min-height: 280px;\r\n    }\r\n\r\n    .featured-property-image {\r\n        height: 280px;\r\n        min-height: 280px;\r\n    }\r\n\r\n    .featured-image-badge {\r\n        top: 13px;\r\n        left: 13px;\r\n        padding: 10px 13px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .featured-property-details {\r\n        padding: 28px 5px 15px;\r\n    }\r\n\r\n    .featured-property-top-label {\r\n        font-size: 16px;\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n    .featured-property-details h3 {\r\n        font-size: 32px;\r\n        line-height: 1.25;\r\n    }\r\n\r\n    .featured-property-location {\r\n        font-size: 16px;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .featured-property-description {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .featured-property-features {\r\n        padding: 17px 0;\r\n        margin-bottom: 18px;\r\n        gap: 8px;\r\n    }\r\n\r\n    .featured-feature {\r\n        font-size: 16px;\r\n        gap: 8px;\r\n    }\r\n\r\n    .featured-feature i {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .featured-property-bottom {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 15px;\r\n    }\r\n\r\n    .featured-property-price {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .featured-property-button {\r\n        width: 100%;\r\n        min-height: 54px;\r\n        justify-content: space-between;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE VIEW\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .featured-homes-heading {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .featured-homes-label {\r\n        gap: 7px;\r\n    }\r\n\r\n    .featured-label-line {\r\n        width: 17px;\r\n    }\r\n\r\n    .featured-tab {\r\n        gap: 7px;\r\n        padding: 10px 5px;\r\n    }\r\n\r\n    .featured-property-image-wrap,\r\n    .featured-property-image {\r\n        height: 250px;\r\n        min-height: 250px;\r\n    }\r\n\r\n    .featured-property-details h3 {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .featured-property-features {\r\n        grid-template-columns: 1fr 1fr;\r\n        row-gap: 17px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const section = document.querySelector(\".featured-homes-section\");\r\n\r\n    if (!section || section.dataset.tabsInitialized === \"true\") return;\r\n\r\n    section.dataset.tabsInitialized = \"true\";\r\n\r\n    const propertyData = {\r\n\r\n        apartments: {\r\n            image: \"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=85\",\r\n            imageAlt: \"Contemporary luxury apartment\",\r\n            badge: \"Featured Apartment\",\r\n            type: \"PREMIUM APARTMENT\",\r\n            name: \"2 BHK Luxury Apartment\",\r\n            location: \"Gachibowli, Hyderabad\",\r\n            description: \"A thoughtfully designed home with spacious interiors, contemporary features and convenient access to everyday essentials.\",\r\n            bedrooms: \"2 Bedrooms\",\r\n            bathrooms: \"2 Bathrooms\",\r\n            area: \"1,320 sq.ft.\",\r\n            price: \"\u20b91.05 Crore\",\r\n            link: \"\/property-listings\/\"\r\n        },\r\n\r\n        villas: {\r\n            image: \"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=1400&q=85\",\r\n            imageAlt: \"Modern independent luxury villa\",\r\n            badge: \"Premium Villa\",\r\n            type: \"LUXURY VILLA\",\r\n            name: \"4 BHK Modern Villa\",\r\n            location: \"Kokapet, Hyderabad\",\r\n            description: \"Experience spacious living with elegant architecture, private outdoor spaces and thoughtfully planned interiors.\",\r\n            bedrooms: \"4 Bedrooms\",\r\n            bathrooms: \"4 Bathrooms\",\r\n            area: \"3,200 sq.ft.\",\r\n            price: \"\u20b92.35 Crore\",\r\n            link: \"\/property-listings\/\"\r\n        },\r\n\r\n        plots: {\r\n            image: \"https:\/\/images.unsplash.com\/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=1400&q=85\",\r\n            imageAlt: \"Open residential land surrounded by greenery\",\r\n            badge: \"Residential Plot\",\r\n            type: \"RESIDENTIAL LAND\",\r\n            name: \"Premium Residential Plot\",\r\n            location: \"Kokapet, Hyderabad\",\r\n            description: \"A well-positioned residential plot offering an opportunity to plan and build a home that reflects your vision.\",\r\n            bedrooms: \"Residential\",\r\n            bathrooms: \"Approved Layout\",\r\n            area: \"2,400 sq.ft.\",\r\n            price: \"\u20b985 Lakhs\",\r\n            link: \"\/property-listings\/\"\r\n        },\r\n\r\n        commercial: {\r\n            image: \"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1400&q=85\",\r\n            imageAlt: \"Modern commercial office interior\",\r\n            badge: \"Commercial Space\",\r\n            type: \"COMMERCIAL PROPERTY\",\r\n            name: \"Premium Office Space\",\r\n            location: \"Madhapur, Hyderabad\",\r\n            description: \"A contemporary commercial space with a practical layout, professional surroundings and convenient access to business hubs.\",\r\n            bedrooms: \"Open Workspace\",\r\n            bathrooms: \"2 Washrooms\",\r\n            area: \"2,000 sq.ft.\",\r\n            price: \"\u20b91.80 Crore\",\r\n            link: \"\/property-listings\/\"\r\n        }\r\n\r\n    };\r\n\r\n\r\n    const tabs = section.querySelectorAll(\".featured-tab\");\r\n\r\n    const image = section.querySelector(\"#featuredPropertyImage\");\r\n    const badge = section.querySelector(\"#featuredPropertyBadge\");\r\n    const type = section.querySelector(\"#featuredPropertyType\");\r\n    const name = section.querySelector(\"#featuredPropertyName\");\r\n    const location = section.querySelector(\"#featuredPropertyLocation\");\r\n    const description = section.querySelector(\"#featuredPropertyDescription\");\r\n    const bedrooms = section.querySelector(\"#featuredBedrooms\");\r\n    const bathrooms = section.querySelector(\"#featuredBathrooms\");\r\n    const area = section.querySelector(\"#featuredArea\");\r\n    const price = section.querySelector(\"#featuredPropertyPrice\");\r\n    const link = section.querySelector(\"#featuredPropertyLink\");\r\n\r\n\r\n    function updateProperty(category) {\r\n\r\n        const property = propertyData[category];\r\n\r\n        if (!property) return;\r\n\r\n        image.src = property.image;\r\n        image.alt = property.imageAlt;\r\n\r\n        badge.textContent = property.badge;\r\n        type.textContent = property.type;\r\n        name.textContent = property.name;\r\n        location.textContent = property.location;\r\n        description.textContent = property.description;\r\n\r\n        bedrooms.textContent = property.bedrooms;\r\n        bathrooms.textContent = property.bathrooms;\r\n        area.textContent = property.area;\r\n\r\n        price.textContent = property.price;\r\n        link.href = property.link;\r\n\r\n        tabs.forEach(function (tab) {\r\n\r\n            const isActive = tab.dataset.category === category;\r\n\r\n            tab.classList.toggle(\"active\", isActive);\r\n            tab.setAttribute(\"aria-selected\", isActive ? \"true\" : \"false\");\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    tabs.forEach(function (tab) {\r\n\r\n        tab.addEventListener(\"click\", function () {\r\n            updateProperty(tab.dataset.category);\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-6b23636 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=\"6b23636\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8cef1e elementor-widget elementor-widget-html\" data-id=\"b8cef1e\" 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=Esteban&family=Mulish:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&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=\"new-market-section\">\r\n\r\n    <div class=\"new-market-container\">\r\n\r\n        <!-- SECTION LABEL -->\r\n        <div class=\"new-market-label\">\r\n            <span class=\"new-market-label-line\"><\/span>\r\n            <i class=\"fa-solid fa-sparkles\"><\/i>\r\n            <span>JUST ADDED<\/span>\r\n            <span class=\"new-market-label-line\"><\/span>\r\n        <\/div>\r\n\r\n        <!-- SECTION HEADING -->\r\n        <h2 class=\"new-market-heading\">\r\n            New to the Market\r\n        <\/h2>\r\n\r\n        <p class=\"new-market-intro\">\r\n            Take a closer look at the latest properties\r\n            recently added to our collection.\r\n        <\/p>\r\n\r\n\r\n        <!-- PROPERTY GRID -->\r\n        <div class=\"new-market-grid\">\r\n\r\n\r\n            <!-- PROPERTY 1 -->\r\n            <article class=\"new-market-card\">\r\n\r\n                <div class=\"new-market-image-wrap\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1000&q=85\"\r\n                        alt=\"Contemporary apartment property\"\r\n                        class=\"new-market-image\"\r\n                    >\r\n\r\n                    <div class=\"new-market-ribbon\">NEW<\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"new-market-date\">\r\n                    <i class=\"fa-regular fa-calendar-days\"><\/i>\r\n                    <span>Added on November 02, 2026<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"new-market-card-content\">\r\n\r\n                    <div class=\"new-market-property-type\">\r\n                        <i class=\"fa-solid fa-building\"><\/i>\r\n                        <span>PREMIUM APARTMENT<\/span>\r\n                    <\/div>\r\n\r\n                    <h3>2 BHK Luxury Apartment<\/h3>\r\n\r\n                    <div class=\"new-market-location\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                        <span>Gachibowli, Hyderabad<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"new-market-features\">\r\n\r\n                        <div class=\"new-market-feature\">\r\n                            <i class=\"fa-solid fa-bed\"><\/i>\r\n                            <span>2 Beds<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"new-market-feature\">\r\n                            <i class=\"fa-solid fa-bath\"><\/i>\r\n                            <span>2 Baths<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"new-market-feature\">\r\n                            <i class=\"fa-solid fa-expand\"><\/i>\r\n                            <span>1,320 sq.ft.<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"new-market-card-bottom\">\r\n\r\n                        <div class=\"new-market-price\">\r\n                            \u20b91.05 Crore\r\n                        <\/div>\r\n\r\n                        <a href=\"\/property-listings\/\" class=\"new-market-button\">\r\n                            <span>View Details<\/span>\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            <\/article>\r\n\r\n\r\n\r\n            <!-- PROPERTY 2 -->\r\n            <article class=\"new-market-card\">\r\n\r\n                <div class=\"new-market-image-wrap\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=1000&q=85\"\r\n                        alt=\"Modern luxury villa property\"\r\n                        class=\"new-market-image\"\r\n                    >\r\n\r\n                    <div class=\"new-market-ribbon\">NEW<\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"new-market-date\">\r\n                    <i class=\"fa-regular fa-calendar-days\"><\/i>\r\n                    <span>Added on October 29, 2026<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"new-market-card-content\">\r\n\r\n                    <div class=\"new-market-property-type\">\r\n                        <i class=\"fa-solid fa-house\"><\/i>\r\n                        <span>LUXURY VILLA<\/span>\r\n                    <\/div>\r\n\r\n                    <h3>4 BHK Modern Villa<\/h3>\r\n\r\n                    <div class=\"new-market-location\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                        <span>Kokapet, Hyderabad<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"new-market-features\">\r\n\r\n                        <div class=\"new-market-feature\">\r\n                            <i class=\"fa-solid fa-bed\"><\/i>\r\n                            <span>4 Beds<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"new-market-feature\">\r\n                            <i class=\"fa-solid fa-bath\"><\/i>\r\n                            <span>4 Baths<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"new-market-feature\">\r\n                            <i class=\"fa-solid fa-expand\"><\/i>\r\n                            <span>3,200 sq.ft.<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"new-market-card-bottom\">\r\n\r\n                        <div class=\"new-market-price\">\r\n                            \u20b92.35 Crore\r\n                        <\/div>\r\n\r\n                        <a href=\"\/property-listings\/\" class=\"new-market-button\">\r\n                            <span>View Details<\/span>\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            <\/article>\r\n\r\n\r\n\r\n            <!-- PROPERTY 3 -->\r\n            <article class=\"new-market-card\">\r\n\r\n                <div class=\"new-market-image-wrap\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1000&q=85\"\r\n                        alt=\"Modern residential apartment building\"\r\n                        class=\"new-market-image\"\r\n                    >\r\n\r\n                    <div class=\"new-market-ribbon\">NEW<\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"new-market-date\">\r\n                    <i class=\"fa-regular fa-calendar-days\"><\/i>\r\n                    <span>Added on October 25, 2026<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"new-market-card-content\">\r\n\r\n                    <div class=\"new-market-property-type\">\r\n                        <i class=\"fa-solid fa-building\"><\/i>\r\n                        <span>RESIDENTIAL APARTMENT<\/span>\r\n                    <\/div>\r\n\r\n                    <h3>3 BHK Premium Apartment<\/h3>\r\n\r\n                    <div class=\"new-market-location\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                        <span>Madhapur, Hyderabad<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"new-market-features\">\r\n\r\n                        <div class=\"new-market-feature\">\r\n                            <i class=\"fa-solid fa-bed\"><\/i>\r\n                            <span>3 Beds<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"new-market-feature\">\r\n                            <i class=\"fa-solid fa-bath\"><\/i>\r\n                            <span>2 Baths<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"new-market-feature\">\r\n                            <i class=\"fa-solid fa-expand\"><\/i>\r\n                            <span>1,860 sq.ft.<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"new-market-card-bottom\">\r\n\r\n                        <div class=\"new-market-price\">\r\n                            \u20b91.78 Crore\r\n                        <\/div>\r\n\r\n                        <a href=\"\/property-listings\/\" class=\"new-market-button\">\r\n                            <span>View Details<\/span>\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            <\/article>\r\n\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.new-market-section {\r\n    width: 100%;\r\n    padding: 80px 50px 0;\r\n    background: #7A7A7A;\r\n    font-family: 'Mulish', sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.new-market-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.new-market-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 LABEL\r\n========================================= *\/\r\n\r\n.new-market-label {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    text-align: center;\r\n}\r\n\r\n.new-market-label i {\r\n    font-size: 18px;\r\n}\r\n\r\n.new-market-label-line {\r\n    width: 38px;\r\n    height: 1px;\r\n    background: #111111;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SECTION HEADING\r\n========================================= *\/\r\n\r\n.new-market-heading {\r\n    margin: 0 0 15px;\r\n\r\n    color: #111111;\r\n    font-family: 'Esteban', serif;\r\n    font-size: clamp(38px, 4vw, 56px);\r\n    font-weight: 400;\r\n    line-height: 1.2;\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INTRODUCTION\r\n========================================= *\/\r\n\r\n.new-market-intro {\r\n    max-width: 750px;\r\n    margin: 0 auto 42px;\r\n\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    line-height: 1.7;\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROPERTY GRID - DESKTOP\r\n========================================= *\/\r\n\r\n.new-market-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 25px;\r\n\r\n    width: 100%;\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INDIVIDUAL WHITE PROPERTY CARD\r\n========================================= *\/\r\n\r\n.new-market-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n    height: 100%;\r\n\r\n    background: #FFFFFF;\r\n    color: #111111;\r\n\r\n    border: 1px solid rgba(17, 17, 17, 0.08);\r\n    border-radius: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROPERTY IMAGE\r\n========================================= *\/\r\n\r\n.new-market-image-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 275px;\r\n    flex-shrink: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.new-market-image {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NEW RIBBON\r\n========================================= *\/\r\n\r\n.new-market-ribbon {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n\r\n    min-width: 82px;\r\n    padding: 12px 17px;\r\n\r\n    background: #111111;\r\n    color: #FFFFFF;\r\n\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    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DATE STRIP\r\n========================================= *\/\r\n\r\n.new-market-date {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n\r\n    min-height: 52px;\r\n    padding: 12px 18px;\r\n\r\n    background: #FFFFFF;\r\n    border-bottom: 1px solid #D5D5D5;\r\n\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n}\r\n\r\n.new-market-date i {\r\n    flex-shrink: 0;\r\n    font-size: 17px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD CONTENT\r\n========================================= *\/\r\n\r\n.new-market-card-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 1;\r\n\r\n    padding: 22px 20px 20px;\r\n    background: #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROPERTY TYPE\r\n========================================= *\/\r\n\r\n.new-market-property-type {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.new-market-property-type i {\r\n    flex-shrink: 0;\r\n    font-size: 18px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROPERTY NAME\r\n========================================= *\/\r\n\r\n.new-market-card-content h3 {\r\n    margin: 0 0 13px;\r\n\r\n    color: #111111;\r\n    font-family: 'Esteban', serif;\r\n    font-size: 28px;\r\n    font-weight: 400;\r\n    line-height: 1.3;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LOCATION\r\n========================================= *\/\r\n\r\n.new-market-location {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color: #111111;\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.new-market-location i {\r\n    flex-shrink: 0;\r\n    font-size: 18px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROPERTY FEATURES\r\n========================================= *\/\r\n\r\n.new-market-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 8px;\r\n\r\n    padding: 17px 0;\r\n    margin-bottom: 18px;\r\n\r\n    border-top: 1px solid #D5D5D5;\r\n    border-bottom: 1px solid #D5D5D5;\r\n}\r\n\r\n.new-market-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    min-width: 0;\r\n\r\n    color: #111111;\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.new-market-feature i {\r\n    flex-shrink: 0;\r\n    font-size: 17px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PRICE AND BUTTON\r\n========================================= *\/\r\n\r\n.new-market-card-bottom {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 15px;\r\n\r\n    margin-top: auto;\r\n}\r\n\r\n.new-market-price {\r\n    color: #111111;\r\n    font-family: 'Esteban', serif;\r\n    font-size: 29px;\r\n    font-weight: 400;\r\n    line-height: 1.3;\r\n}\r\n\r\n.new-market-button {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n\r\n    width: 100%;\r\n    min-height: 54px;\r\n    padding: 14px 20px;\r\n\r\n    background: #111111;\r\n    color: #FFFFFF;\r\n    border: 1px solid #111111;\r\n    border-radius: 0;\r\n\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n    outline: none;\r\n}\r\n\r\n.new-market-button i {\r\n    color: #FFFFFF;\r\n    font-size: 17px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NO HOVER COLOR CHANGES\r\n========================================= *\/\r\n\r\n.new-market-button:hover,\r\n.new-market-button:focus,\r\n.new-market-button:focus-visible,\r\n.new-market-button:active {\r\n    background: #111111;\r\n    color: #FFFFFF;\r\n    border-color: #111111;\r\n    text-decoration: none;\r\n    outline: none;\r\n}\r\n\r\n.new-market-button:hover i,\r\n.new-market-button:focus i,\r\n.new-market-button:active i {\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET VIEW\r\n   ONE FULL-WIDTH CARD PER ROW\r\n========================================= *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n    .new-market-section {\r\n        padding: 50px 30px 0;\r\n    }\r\n\r\n    .new-market-heading {\r\n        font-size: 46px;\r\n    }\r\n\r\n    .new-market-intro {\r\n        max-width: 650px;\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    \/* STACK ALL THREE CARDS VERTICALLY *\/\r\n\r\n    .new-market-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 28px;\r\n    }\r\n\r\n    .new-market-card {\r\n        display: grid;\r\n        grid-template-columns: 0.95fr 1.05fr;\r\n        grid-template-rows: auto 1fr;\r\n\r\n        width: 100%;\r\n        height: auto;\r\n        align-items: stretch;\r\n    }\r\n\r\n    \/* IMAGE ON LEFT *\/\r\n\r\n    .new-market-image-wrap {\r\n        grid-column: 1;\r\n        grid-row: 1 \/ 3;\r\n\r\n        height: 100%;\r\n        min-height: 340px;\r\n    }\r\n\r\n    .new-market-image {\r\n        height: 100%;\r\n        min-height: 340px;\r\n        object-fit: cover;\r\n        object-position: center;\r\n    }\r\n\r\n    \/* DATE BELOW IMAGE *\/\r\n\r\n    .new-market-date {\r\n        grid-column: 1;\r\n        grid-row: 3;\r\n\r\n        min-height: 52px;\r\n        padding: 12px 16px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    \/* PROPERTY DETAILS ON RIGHT *\/\r\n\r\n    .new-market-card-content {\r\n        grid-column: 2;\r\n        grid-row: 1 \/ 4;\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n\r\n        padding: 28px 25px;\r\n    }\r\n\r\n    .new-market-property-type {\r\n        font-size: 16px;\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .new-market-card-content h3 {\r\n        font-size: 32px;\r\n        line-height: 1.3;\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .new-market-location {\r\n        font-size: 16px;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .new-market-features {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        gap: 10px;\r\n        padding: 17px 0;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .new-market-feature {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 8px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .new-market-feature i {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .new-market-card-bottom {\r\n        gap: 14px;\r\n    }\r\n\r\n    .new-market-price {\r\n        font-size: 29px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE VIEW\r\n   ONE FULL-WIDTH CARD PER ROW\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .new-market-section {\r\n        padding: 30px 10px 0;\r\n    }\r\n\r\n    .new-market-label {\r\n        gap: 9px;\r\n        margin-bottom: 18px;\r\n        font-size: 16px;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    .new-market-label-line {\r\n        width: 23px;\r\n    }\r\n\r\n    .new-market-heading {\r\n        font-size: 36px;\r\n        line-height: 1.25;\r\n        margin-bottom: 13px;\r\n    }\r\n\r\n    .new-market-intro {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .new-market-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 28px;\r\n    }\r\n\r\n    .new-market-card {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        width: 100%;\r\n        height: auto;\r\n    }\r\n\r\n    .new-market-image-wrap {\r\n        height: 260px;\r\n        min-height: 260px;\r\n    }\r\n\r\n    .new-market-image {\r\n        height: 100%;\r\n        min-height: 260px;\r\n    }\r\n\r\n    .new-market-ribbon {\r\n        min-width: 75px;\r\n        padding: 11px 15px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .new-market-date {\r\n        min-height: 49px;\r\n        padding: 11px 15px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .new-market-card-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        padding: 20px 17px 18px;\r\n    }\r\n\r\n    .new-market-property-type {\r\n        font-size: 16px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .new-market-card-content h3 {\r\n        font-size: 29px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .new-market-location {\r\n        font-size: 16px;\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n    .new-market-features {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        padding: 16px 0;\r\n        margin-bottom: 17px;\r\n        gap: 8px;\r\n    }\r\n\r\n    .new-market-feature {\r\n        flex-direction: row;\r\n        align-items: center;\r\n        gap: 7px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .new-market-feature i {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .new-market-price {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .new-market-button {\r\n        min-height: 54px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE VIEW\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .new-market-heading {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .new-market-label {\r\n        gap: 7px;\r\n    }\r\n\r\n    .new-market-label-line {\r\n        width: 17px;\r\n    }\r\n\r\n    .new-market-image-wrap {\r\n        height: 235px;\r\n        min-height: 235px;\r\n    }\r\n\r\n    .new-market-image {\r\n        min-height: 235px;\r\n    }\r\n\r\n    .new-market-card-content {\r\n        padding: 18px 14px;\r\n    }\r\n\r\n    .new-market-card-content h3 {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .new-market-features {\r\n        grid-template-columns: 1fr 1fr;\r\n        row-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-d63dc83 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=\"d63dc83\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acf5415 elementor-widget elementor-widget-html\" data-id=\"acf5415\" 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=Esteban&family=Mulish:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&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=\"neighbourhood-section\">\r\n\r\n    <div class=\"neighbourhood-container\">\r\n\r\n        <!-- SECTION LABEL -->\r\n        <div class=\"neighbourhood-label\">\r\n            <span class=\"neighbourhood-label-line\"><\/span>\r\n            <i class=\"fa-solid fa-location-dot\"><\/i>\r\n            <span>LOCATION HIGHLIGHTS<\/span>\r\n            <span class=\"neighbourhood-label-line\"><\/span>\r\n        <\/div>\r\n\r\n\r\n        <!-- SECTION HEADING -->\r\n        <h2 class=\"neighbourhood-heading\">\r\n            Explore the Neighbourhood\r\n        <\/h2>\r\n\r\n        <p class=\"neighbourhood-intro\">\r\n            A well-connected location with everything you need,\r\n            close at hand.\r\n        <\/p>\r\n\r\n\r\n        <!-- MAIN CONTENT -->\r\n        <div class=\"neighbourhood-content\">\r\n\r\n\r\n            <!-- LEFT: MAP PANEL -->\r\n            <div class=\"neighbourhood-map-panel\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1519501025264-65ba15a82390?auto=format&fit=crop&w=1400&q=85\"\r\n                    alt=\"Aerial view of a city neighbourhood\"\r\n                    class=\"neighbourhood-map-image\"\r\n                >\r\n\r\n                <div class=\"neighbourhood-map-overlay\"><\/div>\r\n\r\n\r\n                <!-- MAP LABELS -->\r\n                <div class=\"map-place map-school\">\r\n                    <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n                    <span>Schools<\/span>\r\n                    <small>7 mins<\/small>\r\n                <\/div>\r\n\r\n                <div class=\"map-place map-hospital\">\r\n                    <i class=\"fa-solid fa-plus\"><\/i>\r\n                    <span>Hospitals<\/span>\r\n                    <small>5 mins<\/small>\r\n                <\/div>\r\n\r\n                <div class=\"map-place map-shopping\">\r\n                    <i class=\"fa-solid fa-bag-shopping\"><\/i>\r\n                    <span>Shopping<\/span>\r\n                    <small>6 mins<\/small>\r\n                <\/div>\r\n\r\n                <div class=\"map-place map-it\">\r\n                    <i class=\"fa-solid fa-laptop\"><\/i>\r\n                    <span>IT Hubs<\/span>\r\n                    <small>10 mins<\/small>\r\n                <\/div>\r\n\r\n                <div class=\"map-place map-metro\">\r\n                    <i class=\"fa-solid fa-train-subway\"><\/i>\r\n                    <span>Metro<\/span>\r\n                    <small>8 mins<\/small>\r\n                <\/div>\r\n\r\n                <div class=\"map-place map-parks\">\r\n                    <i class=\"fa-solid fa-tree\"><\/i>\r\n                    <span>Parks<\/span>\r\n                    <small>4 mins<\/small>\r\n                <\/div>\r\n\r\n\r\n                <!-- CENTRAL PROPERTY LOCATION -->\r\n                <div class=\"map-home-marker\">\r\n                    <div class=\"map-home-pulse\">\r\n                        <i class=\"fa-solid fa-house\"><\/i>\r\n                    <\/div>\r\n                    <span>Your Location<\/span>\r\n                <\/div>\r\n\r\n\r\n                <!-- MAP CAPTION -->\r\n                <div class=\"map-bottom-caption\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                    <span>Connected Living Starts Here<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- RIGHT: AMENITY HIGHLIGHTS -->\r\n            <div class=\"neighbourhood-highlights\">\r\n\r\n                <div class=\"neighbourhood-highlights-heading\">\r\n                    <span class=\"neighbourhood-heading-icon\">\r\n                        <i class=\"fa-solid fa-compass\"><\/i>\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <h3>Everything Within Reach<\/h3>\r\n                        <p>Everyday essentials and experiences nearby.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n                <!-- SCHOOL -->\r\n                <div class=\"neighbourhood-item\">\r\n\r\n                    <div class=\"neighbourhood-item-icon\">\r\n                        <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"neighbourhood-item-content\">\r\n                        <h4>Top Schools<\/h4>\r\n                        <p>Quality education and learning options nearby.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"neighbourhood-distance\">\r\n                        7 mins\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- HOSPITAL -->\r\n                <div class=\"neighbourhood-item\">\r\n\r\n                    <div class=\"neighbourhood-item-icon\">\r\n                        <i class=\"fa-solid fa-plus\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"neighbourhood-item-content\">\r\n                        <h4>Leading Hospitals<\/h4>\r\n                        <p>Convenient access to healthcare facilities.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"neighbourhood-distance\">\r\n                        5 mins\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- SHOPPING -->\r\n                <div class=\"neighbourhood-item\">\r\n\r\n                    <div class=\"neighbourhood-item-icon\">\r\n                        <i class=\"fa-solid fa-bag-shopping\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"neighbourhood-item-content\">\r\n                        <h4>Shopping & Dining<\/h4>\r\n                        <p>Malls, retail stores and popular restaurants.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"neighbourhood-distance\">\r\n                        6 mins\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- IT HUBS -->\r\n                <div class=\"neighbourhood-item\">\r\n\r\n                    <div class=\"neighbourhood-item-icon\">\r\n                        <i class=\"fa-solid fa-laptop\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"neighbourhood-item-content\">\r\n                        <h4>IT & Business Hubs<\/h4>\r\n                        <p>Major workplaces and business destinations.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"neighbourhood-distance\">\r\n                        10 mins\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- METRO -->\r\n                <div class=\"neighbourhood-item\">\r\n\r\n                    <div class=\"neighbourhood-item-icon\">\r\n                        <i class=\"fa-solid fa-train-subway\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"neighbourhood-item-content\">\r\n                        <h4>Metro Connectivity<\/h4>\r\n                        <p>Easy access to public transport connections.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"neighbourhood-distance\">\r\n                        8 mins\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- PARKS -->\r\n                <div class=\"neighbourhood-item\">\r\n\r\n                    <div class=\"neighbourhood-item-icon\">\r\n                        <i class=\"fa-solid fa-tree\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"neighbourhood-item-content\">\r\n                        <h4>Parks & Recreation<\/h4>\r\n                        <p>Green spaces for relaxation and outdoor activities.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"neighbourhood-distance\">\r\n                        4 mins\r\n                    <\/div>\r\n\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.neighbourhood-section {\r\n    width: 100%;\r\n    padding: 80px 50px 0;\r\n    background: #7A7A7A;\r\n    font-family: 'Mulish', sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.neighbourhood-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.neighbourhood-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 LABEL\r\n========================================= *\/\r\n\r\n.neighbourhood-label {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    text-align: center;\r\n}\r\n\r\n.neighbourhood-label i {\r\n    font-size: 18px;\r\n}\r\n\r\n.neighbourhood-label-line {\r\n    width: 38px;\r\n    height: 1px;\r\n    background: #111111;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SECTION HEADING\r\n========================================= *\/\r\n\r\n.neighbourhood-heading {\r\n    margin: 0 0 15px;\r\n\r\n    color: #111111;\r\n    font-family: 'Esteban', serif;\r\n    font-size: clamp(38px, 4vw, 56px);\r\n    font-weight: 400;\r\n    line-height: 1.2;\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INTRODUCTION\r\n========================================= *\/\r\n\r\n.neighbourhood-intro {\r\n    max-width: 750px;\r\n    margin: 0 auto 40px;\r\n\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    line-height: 1.7;\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN CONTENT GRID\r\n========================================= *\/\r\n\r\n.neighbourhood-content {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);\r\n    align-items: stretch;\r\n    gap: 30px;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAP PANEL\r\n========================================= *\/\r\n\r\n.neighbourhood-map-panel {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-height: 540px;\r\n\r\n    overflow: hidden;\r\n    background: #333333;\r\n}\r\n\r\n.neighbourhood-map-image {\r\n    position: absolute;\r\n    inset: 0;\r\n\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.neighbourhood-map-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background: rgba(17, 17, 17, 0.17);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAP AMENITY LABELS\r\n========================================= *\/\r\n\r\n.map-place {\r\n    position: absolute;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 5px;\r\n\r\n    min-width: 105px;\r\n    min-height: 76px;\r\n    padding: 10px 12px;\r\n\r\n    background: #FFFFFF;\r\n    color: #111111;\r\n\r\n    text-align: center;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n\r\n    border: 1px solid rgba(17, 17, 17, 0.12);\r\n}\r\n\r\n.map-place i {\r\n    font-size: 19px;\r\n    color: #111111;\r\n}\r\n\r\n.map-place span {\r\n    font-size: 16px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.map-place small {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n}\r\n\r\n\r\n\/* MAP MARKER POSITIONS *\/\r\n\r\n.map-school {\r\n    top: 9%;\r\n    left: 8%;\r\n}\r\n\r\n.map-hospital {\r\n    top: 9%;\r\n    right: 8%;\r\n}\r\n\r\n.map-shopping {\r\n    top: 39%;\r\n    right: 5%;\r\n}\r\n\r\n.map-it {\r\n    top: 39%;\r\n    left: 5%;\r\n}\r\n\r\n.map-metro {\r\n    bottom: 10%;\r\n    left: 12%;\r\n}\r\n\r\n.map-parks {\r\n    bottom: 10%;\r\n    right: 12%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CENTRAL HOME MARKER\r\n========================================= *\/\r\n\r\n.map-home-marker {\r\n    position: absolute;\r\n    z-index: 3;\r\n\r\n    top: 50%;\r\n    left: 50%;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    color: #FFFFFF;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    text-align: center;\r\n}\r\n\r\n.map-home-pulse {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 64px;\r\n    height: 64px;\r\n\r\n    background: #111111;\r\n    border: 3px solid #FFFFFF;\r\n    border-radius: 50%;\r\n}\r\n\r\n.map-home-pulse i {\r\n    color: #FFFFFF;\r\n    font-size: 25px;\r\n}\r\n\r\n.map-home-marker span {\r\n    padding: 7px 12px;\r\n    background: #111111;\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAP BOTTOM CAPTION\r\n========================================= *\/\r\n\r\n.map-bottom-caption {\r\n    position: absolute;\r\n    z-index: 3;\r\n    bottom: 0;\r\n    left: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n\r\n    width: 100%;\r\n    min-height: 48px;\r\n    padding: 12px 18px;\r\n\r\n    background: #111111;\r\n    color: #FFFFFF;\r\n\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n}\r\n\r\n.map-bottom-caption i {\r\n    font-size: 18px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   RIGHT HIGHLIGHTS PANEL\r\n========================================= *\/\r\n\r\n.neighbourhood-highlights {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n    padding: 5px 0;\r\n\r\n    background: transparent;\r\n    color: #111111;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HIGHLIGHTS INTRO\r\n========================================= *\/\r\n\r\n.neighbourhood-highlights-heading {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n\r\n    margin-bottom: 20px;\r\n    padding-bottom: 20px;\r\n\r\n    border-bottom: 1px solid #111111;\r\n}\r\n\r\n.neighbourhood-heading-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 54px;\r\n    height: 54px;\r\n    flex-shrink: 0;\r\n\r\n    background: #111111;\r\n    color: #FFFFFF;\r\n}\r\n\r\n.neighbourhood-heading-icon i {\r\n    font-size: 22px;\r\n}\r\n\r\n.neighbourhood-highlights-heading h3 {\r\n    margin: 0 0 6px;\r\n\r\n    color: #111111;\r\n    font-family: 'Esteban', serif;\r\n    font-size: 27px;\r\n    font-weight: 400;\r\n    line-height: 1.25;\r\n}\r\n\r\n.neighbourhood-highlights-heading p {\r\n    margin: 0;\r\n\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   AMENITY ROW\r\n========================================= *\/\r\n\r\n.neighbourhood-item {\r\n    display: grid;\r\n    grid-template-columns: 48px minmax(0, 1fr) auto;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    width: 100%;\r\n    padding: 14px 0;\r\n\r\n    border-bottom: 1px solid rgba(17, 17, 17, 0.55);\r\n}\r\n\r\n.neighbourhood-item:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   AMENITY ICON\r\n========================================= *\/\r\n\r\n.neighbourhood-item-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    background: transparent;\r\n    color: #111111;\r\n}\r\n\r\n.neighbourhood-item-icon i {\r\n    font-size: 25px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   AMENITY CONTENT\r\n========================================= *\/\r\n\r\n.neighbourhood-item-content {\r\n    min-width: 0;\r\n}\r\n\r\n.neighbourhood-item-content h4 {\r\n    margin: 0 0 5px;\r\n\r\n    color: #111111;\r\n    font-family: 'Esteban', serif;\r\n    font-size: 21px;\r\n    font-weight: 400;\r\n    line-height: 1.3;\r\n}\r\n\r\n.neighbourhood-item-content p {\r\n    margin: 0;\r\n\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DISTANCE\r\n========================================= *\/\r\n\r\n.neighbourhood-distance {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 75px;\r\n    padding: 9px 10px;\r\n\r\n    background: #111111;\r\n    color: #FFFFFF;\r\n\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET VIEW\r\n   MAP FIRST, HIGHLIGHTS BELOW\r\n========================================= *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n    .neighbourhood-section {\r\n        padding: 50px 30px 0;\r\n    }\r\n\r\n    .neighbourhood-heading {\r\n        font-size: 46px;\r\n    }\r\n\r\n    .neighbourhood-intro {\r\n        max-width: 650px;\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n    .neighbourhood-content {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n    }\r\n\r\n    .neighbourhood-map-panel {\r\n        min-height: 480px;\r\n        height: 480px;\r\n    }\r\n\r\n    .map-place {\r\n        min-width: 120px;\r\n        min-height: 82px;\r\n        padding: 11px 15px;\r\n    }\r\n\r\n    .map-place i {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .map-place span,\r\n    .map-place small {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .map-school {\r\n        left: 12%;\r\n    }\r\n\r\n    .map-hospital {\r\n        right: 12%;\r\n    }\r\n\r\n    .map-it {\r\n        left: 9%;\r\n    }\r\n\r\n    .map-shopping {\r\n        right: 9%;\r\n    }\r\n\r\n    .map-metro {\r\n        left: 16%;\r\n    }\r\n\r\n    .map-parks {\r\n        right: 16%;\r\n    }\r\n\r\n    .neighbourhood-highlights {\r\n        padding: 0;\r\n    }\r\n\r\n    .neighbourhood-highlights-heading {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .neighbourhood-highlights-heading h3 {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .neighbourhood-item {\r\n        grid-template-columns: 55px minmax(0, 1fr) auto;\r\n        gap: 18px;\r\n        padding: 17px 5px;\r\n    }\r\n\r\n    .neighbourhood-item-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .neighbourhood-item-icon i {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .neighbourhood-item-content h4 {\r\n        font-size: 23px;\r\n    }\r\n\r\n    .neighbourhood-item-content p {\r\n        font-size: 16px;\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: 767px) {\r\n\r\n    .neighbourhood-section {\r\n        padding: 30px 10px 0;\r\n    }\r\n\r\n    .neighbourhood-label {\r\n        gap: 9px;\r\n        margin-bottom: 18px;\r\n        font-size: 16px;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    .neighbourhood-label-line {\r\n        width: 23px;\r\n    }\r\n\r\n    .neighbourhood-heading {\r\n        font-size: 36px;\r\n        line-height: 1.25;\r\n        margin-bottom: 13px;\r\n    }\r\n\r\n    .neighbourhood-intro {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        margin-bottom: 26px;\r\n    }\r\n\r\n    .neighbourhood-content {\r\n        grid-template-columns: 1fr;\r\n        gap: 25px;\r\n    }\r\n\r\n    .neighbourhood-map-panel {\r\n        min-height: 390px;\r\n        height: 390px;\r\n    }\r\n\r\n    .map-place {\r\n        min-width: 83px;\r\n        min-height: 68px;\r\n        padding: 8px 6px;\r\n        gap: 4px;\r\n    }\r\n\r\n    .map-place i {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .map-place span,\r\n    .map-place small {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .map-school {\r\n        top: 8%;\r\n        left: 4%;\r\n    }\r\n\r\n    .map-hospital {\r\n        top: 8%;\r\n        right: 4%;\r\n    }\r\n\r\n    .map-it {\r\n        top: 39%;\r\n        left: 2%;\r\n    }\r\n\r\n    .map-shopping {\r\n        top: 39%;\r\n        right: 2%;\r\n    }\r\n\r\n    .map-metro {\r\n        bottom: 12%;\r\n        left: 5%;\r\n    }\r\n\r\n    .map-parks {\r\n        bottom: 12%;\r\n        right: 5%;\r\n    }\r\n\r\n    .map-home-marker {\r\n        gap: 7px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .map-home-pulse {\r\n        width: 52px;\r\n        height: 52px;\r\n    }\r\n\r\n    .map-home-pulse i {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .map-bottom-caption {\r\n        min-height: 44px;\r\n        padding: 10px 12px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .neighbourhood-highlights {\r\n        padding: 0;\r\n    }\r\n\r\n    .neighbourhood-highlights-heading {\r\n        gap: 12px;\r\n        margin-bottom: 13px;\r\n        padding-bottom: 16px;\r\n    }\r\n\r\n    .neighbourhood-heading-icon {\r\n        width: 47px;\r\n        height: 47px;\r\n    }\r\n\r\n    .neighbourhood-heading-icon i {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .neighbourhood-highlights-heading h3 {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .neighbourhood-highlights-heading p {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .neighbourhood-item {\r\n        grid-template-columns: 40px minmax(0, 1fr) auto;\r\n        gap: 10px;\r\n        padding: 15px 0;\r\n    }\r\n\r\n    .neighbourhood-item-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n    }\r\n\r\n    .neighbourhood-item-icon i {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .neighbourhood-item-content h4 {\r\n        font-size: 19px;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .neighbourhood-item-content p {\r\n        font-size: 16px;\r\n        line-height: 1.45;\r\n    }\r\n\r\n    .neighbourhood-distance {\r\n        min-width: 65px;\r\n        padding: 8px 7px;\r\n        font-size: 16px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE VIEW\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .neighbourhood-heading {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .neighbourhood-label {\r\n        gap: 7px;\r\n    }\r\n\r\n    .neighbourhood-label-line {\r\n        width: 17px;\r\n    }\r\n\r\n    .neighbourhood-map-panel {\r\n        height: 350px;\r\n        min-height: 350px;\r\n    }\r\n\r\n    .map-place {\r\n        min-width: 75px;\r\n        min-height: 64px;\r\n        padding: 7px 4px;\r\n    }\r\n\r\n    .map-place span,\r\n    .map-place small {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .map-it {\r\n        left: 1%;\r\n    }\r\n\r\n    .map-shopping {\r\n        right: 1%;\r\n    }\r\n\r\n    .neighbourhood-item {\r\n        grid-template-columns: 34px minmax(0, 1fr);\r\n        gap: 9px;\r\n    }\r\n\r\n    .neighbourhood-distance {\r\n        grid-column: 2;\r\n        justify-self: start;\r\n        margin-top: 5px;\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-70e032d 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=\"70e032d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23858f8 elementor-widget elementor-widget-html\" data-id=\"23858f8\" 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=Esteban&family=Mulish:wght@400;500;600;700;800&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=\"property-collections\">\r\n    <div class=\"pc-container\">\r\n\r\n        <!-- SECTION HEADING -->\r\n        <div class=\"pc-heading\">\r\n\r\n            <div class=\"pc-label\">\r\n                <span class=\"pc-label-line\"><\/span>\r\n                <i class=\"fa-solid fa-layer-group\"><\/i>\r\n                <span>EXPLORE OUR COLLECTIONS<\/span>\r\n                <span class=\"pc-label-line\"><\/span>\r\n            <\/div>\r\n\r\n            <h2>Distinctive Property Collections<\/h2>\r\n\r\n            <p>\r\n                Discover thoughtfully selected properties, each collection\r\n                bringing together homes that match different lifestyles and aspirations.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- CAROUSEL -->\r\n        <div class=\"pc-carousel\">\r\n\r\n            <div class=\"pc-track-wrapper\">\r\n                <div class=\"pc-track\">\r\n\r\n                    <!-- COLLECTION 1 -->\r\n                    <article class=\"pc-card\">\r\n                        <div class=\"pc-image-wrap\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1000&q=85\"\r\n                                alt=\"Modern city residence\"\r\n                            >\r\n                            <span class=\"pc-image-tag\">01 COLLECTION<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"pc-card-content\">\r\n                            <div class=\"pc-card-top\">\r\n                                <span class=\"pc-category\">URBAN LIVING<\/span>\r\n                                <i class=\"fa-solid fa-building\"><\/i>\r\n                            <\/div>\r\n\r\n                            <h3>City Residences<\/h3>\r\n\r\n                            <p>\r\n                                Contemporary homes in vibrant neighbourhoods,\r\n                                designed for convenient and connected city living.\r\n                            <\/p>\r\n\r\n                            <a href=\"\/property-listings\/\" class=\"pc-link\">\r\n                                Explore Collection\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- COLLECTION 2 -->\r\n                    <article class=\"pc-card\">\r\n                        <div class=\"pc-image-wrap\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1000&q=85\"\r\n                                alt=\"Spacious family home\"\r\n                            >\r\n                            <span class=\"pc-image-tag\">02 COLLECTION<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"pc-card-content\">\r\n                            <div class=\"pc-card-top\">\r\n                                <span class=\"pc-category\">COMFORTABLE LIVING<\/span>\r\n                                <i class=\"fa-solid fa-house\"><\/i>\r\n                            <\/div>\r\n\r\n                            <h3>Family Homes<\/h3>\r\n\r\n                            <p>\r\n                                Welcoming spaces with room to grow, thoughtfully\r\n                                suited to everyday family life and lasting memories.\r\n                            <\/p>\r\n\r\n                            <a href=\"\/property-listings\/\" class=\"pc-link\">\r\n                                Explore Collection\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- COLLECTION 3 -->\r\n                    <article class=\"pc-card\">\r\n                        <div class=\"pc-image-wrap\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1613490493576-7fde63acd811?auto=format&fit=crop&w=1000&q=85\"\r\n                                alt=\"Premium luxury villa\"\r\n                            >\r\n                            <span class=\"pc-image-tag\">03 COLLECTION<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"pc-card-content\">\r\n                            <div class=\"pc-card-top\">\r\n                                <span class=\"pc-category\">EXCLUSIVE LIVING<\/span>\r\n                                <i class=\"fa-solid fa-gem\"><\/i>\r\n                            <\/div>\r\n\r\n                            <h3>Premium Villas<\/h3>\r\n\r\n                            <p>\r\n                                Exceptional residences with generous spaces,\r\n                                refined details and a sense of private luxury.\r\n                            <\/p>\r\n\r\n                            <a href=\"\/property-listings\/\" class=\"pc-link\">\r\n                                Explore Collection\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- COLLECTION 4 -->\r\n                    <article class=\"pc-card\">\r\n                        <div class=\"pc-image-wrap\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1600047509807-ba8f99d2cdde?auto=format&fit=crop&w=1000&q=85\"\r\n                                alt=\"Contemporary independent home\"\r\n                            >\r\n                            <span class=\"pc-image-tag\">04 COLLECTION<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"pc-card-content\">\r\n                            <div class=\"pc-card-top\">\r\n                                <span class=\"pc-category\">PEACEFUL SURROUNDINGS<\/span>\r\n                                <i class=\"fa-solid fa-tree\"><\/i>\r\n                            <\/div>\r\n\r\n                            <h3>Private Retreats<\/h3>\r\n\r\n                            <p>\r\n                                Carefully selected homes offering a quieter\r\n                                atmosphere and space to enjoy a slower pace of life.\r\n                            <\/p>\r\n\r\n                            <a href=\"\/property-listings\/\" class=\"pc-link\">\r\n                                Explore Collection\r\n                                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CAROUSEL CONTROLS -->\r\n            <div class=\"pc-controls\">\r\n\r\n                <div class=\"pc-pagination\" aria-label=\"Carousel pagination\"><\/div>\r\n\r\n                <div class=\"pc-arrows\">\r\n                    <button class=\"pc-arrow pc-prev\" type=\"button\" aria-label=\"Previous collections\">\r\n                        <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n                    <\/button>\r\n\r\n                    <button class=\"pc-arrow pc-next\" type=\"button\" aria-label=\"Next collections\">\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =================================\r\n   PROPERTY COLLECTIONS\r\n================================= *\/\r\n\r\n.property-collections,\r\n.property-collections * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.property-collections {\r\n    width: 100%;\r\n    background: #7A7A7A;\r\n    padding: 80px 50px 0;\r\n    font-family: 'Mulish', sans-serif;\r\n    color: #111111;\r\n}\r\n\r\n.pc-container {\r\n    width: 100%;\r\n    max-width: 1500px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* =================================\r\n   HEADING\r\n================================= *\/\r\n\r\n.pc-heading {\r\n    max-width: 800px;\r\n    margin: 0 auto 48px;\r\n    text-align: center;\r\n}\r\n\r\n.pc-label {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n    margin-bottom: 20px;\r\n    color: #FFFFFF;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.pc-label i {\r\n    font-size: 17px;\r\n}\r\n\r\n.pc-label-line {\r\n    display: block;\r\n    width: 38px;\r\n    height: 1px;\r\n    background: #FFFFFF;\r\n}\r\n\r\n.pc-heading h2 {\r\n    margin: 0 0 17px;\r\n    color: #111111;\r\n    font-family: 'Esteban', serif;\r\n    font-size: 46px;\r\n    line-height: 1.2;\r\n    font-weight: 400;\r\n}\r\n\r\n.pc-heading p {\r\n    max-width: 690px;\r\n    margin: 0 auto;\r\n    color: #FFFFFF;\r\n    font-size: 17px;\r\n    font-weight: 500;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* =================================\r\n   CAROUSEL\r\n================================= *\/\r\n\r\n.pc-carousel {\r\n    width: 100%;\r\n}\r\n\r\n.pc-track-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\n.pc-track {\r\n    display: flex;\r\n    gap: 24px;\r\n    width: 100%;\r\n    transform: translateX(0);\r\n}\r\n\r\n\/* =================================\r\n   COLLECTION CARD\r\n================================= *\/\r\n\r\n.pc-card {\r\n    flex: 0 0 calc((100% - 48px) \/ 3);\r\n    min-width: 0;\r\n    background: #FFFFFF;\r\n    border: 1px solid rgba(17, 17, 17, 0.10);\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.pc-image-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 270px;\r\n    overflow: hidden;\r\n    background: #E5E5E5;\r\n}\r\n\r\n.pc-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}\r\n\r\n.pc-image-tag {\r\n    position: absolute;\r\n    left: 18px;\r\n    bottom: 18px;\r\n    padding: 10px 14px;\r\n    background: #FFFFFF;\r\n    color: #111111;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* =================================\r\n   CARD CONTENT\r\n================================= *\/\r\n\r\n.pc-card-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 1;\r\n    padding: 27px 25px 28px;\r\n}\r\n\r\n.pc-card-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 17px;\r\n}\r\n\r\n.pc-category {\r\n    color: #555555;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n.pc-card-top i {\r\n    color: #111111;\r\n    font-size: 21px;\r\n}\r\n\r\n.pc-card-content h3 {\r\n    margin: 0 0 13px;\r\n    color: #111111;\r\n    font-family: 'Esteban', serif;\r\n    font-size: 29px;\r\n    font-weight: 400;\r\n    line-height: 1.25;\r\n}\r\n\r\n.pc-card-content p {\r\n    min-height: 87px;\r\n    margin: 0 0 24px;\r\n    color: #444444;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    line-height: 1.7;\r\n}\r\n\r\n.pc-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    align-self: flex-start;\r\n    margin-top: auto;\r\n    padding: 12px 0 0;\r\n    border: none;\r\n    border-top: 1px solid #111111;\r\n    background: transparent;\r\n    color: #111111;\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n}\r\n\r\n.pc-link i {\r\n    font-size: 15px;\r\n}\r\n\r\n\/* =================================\r\n   CAROUSEL CONTROLS\r\n================================= *\/\r\n\r\n.pc-controls {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 20px;\r\n    padding: 30px 0 0;\r\n}\r\n\r\n.pc-pagination {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.pc-dot {\r\n    display: block;\r\n    width: 11px;\r\n    height: 11px;\r\n    padding: 0;\r\n    border: 1px solid #FFFFFF;\r\n    border-radius: 50%;\r\n    background: transparent;\r\n    cursor: pointer;\r\n}\r\n\r\n.pc-dot.is-active {\r\n    width: 30px;\r\n    border-radius: 20px;\r\n    background: #FFFFFF;\r\n}\r\n\r\n.pc-arrows {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.pc-arrow {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 47px;\r\n    height: 47px;\r\n    border: 1px solid #FFFFFF;\r\n    border-radius: 0;\r\n    background: transparent;\r\n    color: #FFFFFF;\r\n    font-size: 17px;\r\n    cursor: pointer;\r\n}\r\n\r\n.pc-arrow:disabled {\r\n    opacity: 0.4;\r\n    cursor: not-allowed;\r\n}\r\n\r\n\/* =================================\r\n   REMOVE ALL HOVER EFFECTS\r\n================================= *\/\r\n\r\n.property-collections a,\r\n.property-collections button,\r\n.property-collections i {\r\n    transition: none !important;\r\n    animation: none !important;\r\n}\r\n\r\n.property-collections a:hover,\r\n.property-collections a:focus,\r\n.property-collections button:hover,\r\n.property-collections button:focus,\r\n.property-collections .pc-card:hover,\r\n.property-collections .pc-link:hover {\r\n    background-color: inherit;\r\n    color: inherit;\r\n    border-color: inherit;\r\n    box-shadow: none;\r\n    transform: none;\r\n    text-decoration: none;\r\n    outline-offset: 3px;\r\n}\r\n\r\n\/* =================================\r\n   TABLET VIEW\r\n================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .property-collections {\r\n        padding: 50px 30px 0;\r\n    }\r\n\r\n    .pc-heading {\r\n        margin-bottom: 38px;\r\n    }\r\n\r\n    .pc-heading h2 {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .pc-heading p {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .pc-track {\r\n        gap: 20px;\r\n    }\r\n\r\n    .pc-card {\r\n        flex-basis: calc((100% - 20px) \/ 2);\r\n    }\r\n\r\n    .pc-image-wrap {\r\n        height: 250px;\r\n    }\r\n\r\n    .pc-card-content {\r\n        padding: 24px 21px 25px;\r\n    }\r\n\r\n    .pc-card-content h3 {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .pc-card-content p {\r\n        min-height: 105px;\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    .property-collections {\r\n        padding: 30px 10px 0;\r\n    }\r\n\r\n    .pc-heading {\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .pc-label {\r\n        gap: 9px;\r\n        margin-bottom: 15px;\r\n        font-size: 13px;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    .pc-label-line {\r\n        width: 22px;\r\n    }\r\n\r\n    .pc-heading h2 {\r\n        font-size: 31px;\r\n        line-height: 1.25;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .pc-heading p {\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .pc-track {\r\n        gap: 15px;\r\n    }\r\n\r\n    .pc-card {\r\n        flex-basis: 100%;\r\n    }\r\n\r\n    .pc-image-wrap {\r\n        height: 235px;\r\n    }\r\n\r\n    .pc-image-tag {\r\n        left: 13px;\r\n        bottom: 13px;\r\n        padding: 9px 11px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .pc-card-content {\r\n        padding: 22px 18px 23px;\r\n    }\r\n\r\n    .pc-card-top {\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .pc-category {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .pc-card-top i {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .pc-card-content h3 {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .pc-card-content p {\r\n        min-height: 0;\r\n        margin-bottom: 22px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .pc-link {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .pc-controls {\r\n        padding-top: 22px;\r\n    }\r\n\r\n    .pc-arrow {\r\n        width: 42px;\r\n        height: 42px;\r\n    }\r\n\r\n    .pc-pagination {\r\n        gap: 8px;\r\n    }\r\n\r\n    .pc-dot {\r\n        width: 9px;\r\n        height: 9px;\r\n    }\r\n\r\n    .pc-dot.is-active {\r\n        width: 25px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    const sections = document.querySelectorAll('.property-collections');\r\n\r\n    sections.forEach(function (section) {\r\n        const track = section.querySelector('.pc-track');\r\n        const cards = Array.from(section.querySelectorAll('.pc-card'));\r\n        const pagination = section.querySelector('.pc-pagination');\r\n        const prevButton = section.querySelector('.pc-prev');\r\n        const nextButton = section.querySelector('.pc-next');\r\n\r\n        if (!track || cards.length === 0) return;\r\n\r\n        let currentIndex = 0;\r\n        let visibleCount = 3;\r\n        let maxIndex = 0;\r\n\r\n        function getVisibleCount() {\r\n            if (window.innerWidth <= 600) return 1;\r\n            if (window.innerWidth <= 1024) return 2;\r\n            return 3;\r\n        }\r\n\r\n        function createPagination() {\r\n            pagination.innerHTML = '';\r\n\r\n            maxIndex = Math.max(0, cards.length - visibleCount);\r\n\r\n            for (let i = 0; i <= maxIndex; i++) {\r\n                const dot = document.createElement('button');\r\n                dot.type = 'button';\r\n                dot.className = 'pc-dot';\r\n                dot.setAttribute('aria-label', 'Show collection group ' + (i + 1));\r\n\r\n                dot.addEventListener('click', function () {\r\n                    currentIndex = i;\r\n                    updateCarousel();\r\n                });\r\n\r\n                pagination.appendChild(dot);\r\n            }\r\n        }\r\n\r\n        function updateCarousel() {\r\n            visibleCount = getVisibleCount();\r\n            maxIndex = Math.max(0, cards.length - visibleCount);\r\n            currentIndex = Math.min(currentIndex, maxIndex);\r\n\r\n            const targetCard = cards[currentIndex];\r\n\r\n            track.style.transform = 'translateX(-' + targetCard.offsetLeft + 'px)';\r\n\r\n            const dots = pagination.querySelectorAll('.pc-dot');\r\n\r\n            dots.forEach(function (dot, index) {\r\n                dot.classList.toggle('is-active', index === currentIndex);\r\n                dot.setAttribute('aria-current', index === currentIndex ? 'true' : 'false');\r\n            });\r\n\r\n            prevButton.disabled = currentIndex === 0;\r\n            nextButton.disabled = currentIndex >= maxIndex;\r\n        }\r\n\r\n        prevButton.addEventListener('click', function () {\r\n            if (currentIndex > 0) {\r\n                currentIndex--;\r\n                updateCarousel();\r\n            }\r\n        });\r\n\r\n        nextButton.addEventListener('click', function () {\r\n            if (currentIndex < maxIndex) {\r\n                currentIndex++;\r\n                updateCarousel();\r\n            }\r\n        });\r\n\r\n        function refreshCarousel() {\r\n            visibleCount = getVisibleCount();\r\n            currentIndex = 0;\r\n            createPagination();\r\n            updateCarousel();\r\n        }\r\n\r\n        refreshCarousel();\r\n        window.addEventListener('resize', refreshCarousel);\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-caf662e 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=\"caf662e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac01a2d elementor-widget elementor-widget-html\" data-id=\"ac01a2d\" 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=Esteban&family=Mulish:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&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<!-- YOUR NEXT VIEWING STARTS HERE -->\r\n<section class=\"viewing-invitation-section\">\r\n\r\n    <div class=\"viewing-invitation-container\">\r\n\r\n        <!-- DECORATIVE BACKGROUND IMAGE -->\r\n        <div class=\"viewing-background-image\">\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1800&q=90\"\r\n                alt=\"\"\r\n                loading=\"lazy\"\r\n            >\r\n        <\/div>\r\n\r\n        <div class=\"viewing-background-overlay\"><\/div>\r\n\r\n\r\n        <!-- CONTENT -->\r\n        <div class=\"viewing-invitation-content\">\r\n\r\n            <!-- SECTION LABEL -->\r\n            <div class=\"viewing-section-label\">\r\n                <span class=\"viewing-label-line\"><\/span>\r\n                <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                <span>PLAN A VIEWING<\/span>\r\n                <span class=\"viewing-label-line\"><\/span>\r\n            <\/div>\r\n\r\n\r\n            <!-- MAIN HEADING -->\r\n            <h2>Your Next Viewing Starts Here<\/h2>\r\n\r\n            <p class=\"viewing-intro\">\r\n                Let us know your preferences, and we\u2019ll schedule\r\n                a property viewing at your convenience.\r\n            <\/p>\r\n\r\n\r\n            <!-- ICON HIGHLIGHT CARDS -->\r\n            <div class=\"viewing-benefits-grid\">\r\n\r\n                <!-- SHARE YOUR NEEDS -->\r\n                <article class=\"viewing-benefit-card\">\r\n\r\n                    <div class=\"viewing-benefit-icon\">\r\n                        <i class=\"fa-solid fa-house\"><\/i>\r\n                    <\/div>\r\n\r\n                    <h3>Share Your Needs<\/h3>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- SCHEDULE A VIEWING -->\r\n                <article class=\"viewing-benefit-card\">\r\n\r\n                    <div class=\"viewing-benefit-icon\">\r\n                        <i class=\"fa-regular fa-calendar-check\"><\/i>\r\n                    <\/div>\r\n\r\n                    <h3>Schedule a Viewing<\/h3>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- EXPERT SUPPORT -->\r\n                <article class=\"viewing-benefit-card\">\r\n\r\n                    <div class=\"viewing-benefit-icon\">\r\n                        <i class=\"fa-solid fa-headset\"><\/i>\r\n                    <\/div>\r\n\r\n                    <h3>Get Expert Support<\/h3>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CONTACT BUTTON -->\r\n            <div class=\"viewing-contact-wrap\">\r\n\r\n                <a href=\"\/contact-us\/\" class=\"viewing-contact-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>\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.viewing-invitation-section,\r\n.viewing-invitation-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.viewing-invitation-section {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 80px 50px 0;\r\n\r\n    background-color: #7A7A7A;\r\n\r\n    font-family: 'Mulish', sans-serif;\r\n    color: #111111;\r\n}\r\n\r\n.viewing-invitation-container {\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    min-height: 570px;\r\n\r\n    margin: 0 auto;\r\n    padding: 65px 50px 55px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   BACKGROUND IMAGE\r\n========================================== *\/\r\n\r\n.viewing-background-image {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -2;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n.viewing-background-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center center;\r\n\r\n    border: none;\r\n    border-radius: 0;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   BACKGROUND OVERLAY\r\n========================================== *\/\r\n\r\n.viewing-background-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n\r\n    background-color: rgba(122, 122, 122, 0.91);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   MAIN CONTENT\r\n========================================== *\/\r\n\r\n.viewing-invitation-content {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   SECTION LABEL\r\n========================================== *\/\r\n\r\n.viewing-section-label {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 15px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    color: #111111;\r\n}\r\n\r\n.viewing-section-label i {\r\n    font-size: 25px;\r\n    color: #111111;\r\n}\r\n\r\n.viewing-section-label > span:not(.viewing-label-line) {\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    line-height: 1.5;\r\n\r\n    color: #111111;\r\n}\r\n\r\n.viewing-label-line {\r\n    display: block;\r\n    width: 48px;\r\n    height: 2px;\r\n\r\n    background-color: #111111;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   MAIN HEADING\r\n========================================== *\/\r\n\r\n.viewing-invitation-content h2 {\r\n    width: 100%;\r\n    max-width: 950px;\r\n\r\n    margin: 0 0 15px;\r\n\r\n    font-family: 'Esteban', serif;\r\n    font-size: 52px;\r\n    font-weight: 400;\r\n    line-height: 1.2;\r\n\r\n    color: #111111;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   INTRODUCTION\r\n========================================== *\/\r\n\r\n.viewing-intro {\r\n    width: 100%;\r\n    max-width: 750px;\r\n\r\n    margin: 0 auto 35px;\r\n\r\n    font-family: 'Mulish', sans-serif;\r\n    font-size: 19px;\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    line-height: 1.7;\r\n\r\n    color: #111111;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   BENEFITS GRID\r\n========================================== *\/\r\n\r\n.viewing-benefits-grid {\r\n    width: 100%;\r\n    max-width: 900px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 22px;\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   BENEFIT CARD\r\n========================================== *\/\r\n\r\n.viewing-benefit-card {\r\n    width: 100%;\r\n    min-width: 0;\r\n    min-height: 165px;\r\n\r\n    padding: 23px 18px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    text-align: center;\r\n\r\n    background-color: #FFFFFF;\r\n    border: 2px solid #FFFFFF;\r\n    border-radius: 0;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   BENEFIT ICON\r\n========================================== *\/\r\n\r\n.viewing-benefit-icon {\r\n    width: 62px;\r\n    height: 62px;\r\n\r\n    margin: 0 0 15px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: #111111;\r\n}\r\n\r\n.viewing-benefit-icon i {\r\n    font-size: 38px;\r\n    color: #111111;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   BENEFIT HEADING\r\n========================================== *\/\r\n\r\n.viewing-benefit-card h3 {\r\n    width: 100%;\r\n    max-width: 230px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: 'Esteban', serif;\r\n    font-size: 24px;\r\n    font-weight: 400;\r\n    line-height: 1.3;\r\n\r\n    color: #111111;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   CONTACT BUTTON\r\n========================================== *\/\r\n\r\n.viewing-contact-wrap {\r\n    width: 100%;\r\n\r\n    margin-top: 28px;\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.viewing-contact-button {\r\n    min-width: 245px;\r\n    min-height: 60px;\r\n\r\n    padding: 15px 25px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 22px;\r\n\r\n    background-color: #111111;\r\n    border: 2px solid #111111;\r\n    border-radius: 0;\r\n\r\n    color: #FFFFFF;\r\n    text-decoration: none;\r\n\r\n    font-family: 'Esteban', serif;\r\n    font-size: 22px;\r\n    font-weight: 400;\r\n    line-height: 1.3;\r\n}\r\n\r\n.viewing-contact-button span {\r\n    color: #FFFFFF;\r\n}\r\n\r\n.viewing-contact-button i {\r\n    font-size: 20px;\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TABLET VIEW\r\n========================================== *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n    .viewing-invitation-section {\r\n        padding: 50px 30px 0;\r\n    }\r\n\r\n    .viewing-invitation-container {\r\n        min-height: 540px;\r\n        padding: 50px 30px 45px;\r\n    }\r\n\r\n\r\n    \/* CONTENT *\/\r\n\r\n    .viewing-invitation-content {\r\n        max-width: 850px;\r\n    }\r\n\r\n\r\n    \/* LABEL *\/\r\n\r\n    .viewing-section-label {\r\n        gap: 12px;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .viewing-section-label i {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .viewing-label-line {\r\n        width: 38px;\r\n    }\r\n\r\n\r\n    \/* HEADING *\/\r\n\r\n    .viewing-invitation-content h2 {\r\n        max-width: 750px;\r\n        font-size: 44px;\r\n        margin-bottom: 13px;\r\n    }\r\n\r\n    .viewing-intro {\r\n        max-width: 650px;\r\n        font-size: 17px;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n\r\n    \/* CARDS *\/\r\n\r\n    .viewing-benefits-grid {\r\n        max-width: 760px;\r\n        gap: 15px;\r\n    }\r\n\r\n    .viewing-benefit-card {\r\n        min-height: 150px;\r\n        padding: 20px 13px;\r\n    }\r\n\r\n    .viewing-benefit-icon {\r\n        width: 55px;\r\n        height: 55px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .viewing-benefit-icon i {\r\n        font-size: 33px;\r\n    }\r\n\r\n    .viewing-benefit-card h3 {\r\n        font-size: 22px;\r\n    }\r\n\r\n\r\n    \/* BUTTON *\/\r\n\r\n    .viewing-contact-wrap {\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .viewing-contact-button {\r\n        min-width: 230px;\r\n        min-height: 57px;\r\n        font-size: 21px;\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: 767px) {\r\n\r\n    .viewing-invitation-section {\r\n        padding: 30px 10px 0;\r\n    }\r\n\r\n    .viewing-invitation-container {\r\n        min-height: auto;\r\n\r\n        padding: 38px 16px 35px;\r\n    }\r\n\r\n\r\n    \/* CONTENT *\/\r\n\r\n    .viewing-invitation-content {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    \/* LABEL *\/\r\n\r\n    .viewing-section-label {\r\n        gap: 9px;\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n    .viewing-section-label i {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .viewing-section-label > span:not(.viewing-label-line) {\r\n        font-size: 16px;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    .viewing-label-line {\r\n        width: 23px;\r\n    }\r\n\r\n\r\n    \/* HEADING *\/\r\n\r\n    .viewing-invitation-content h2 {\r\n        font-size: 35px;\r\n        line-height: 1.2;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n\r\n    \/* INTRO *\/\r\n\r\n    .viewing-intro {\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n\r\n    \/* STACKED CARDS *\/\r\n\r\n    .viewing-benefits-grid {\r\n        width: 100%;\r\n        max-width: 420px;\r\n\r\n        grid-template-columns: 1fr;\r\n        gap: 13px;\r\n    }\r\n\r\n\r\n    \/* CARD *\/\r\n\r\n    .viewing-benefit-card {\r\n        min-height: 105px;\r\n\r\n        padding: 16px 18px;\r\n\r\n        display: grid;\r\n        grid-template-columns: 60px minmax(0, 1fr);\r\n        align-items: center;\r\n\r\n        column-gap: 15px;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n\r\n    \/* ICON *\/\r\n\r\n    .viewing-benefit-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n\r\n        margin: 0;\r\n    }\r\n\r\n    .viewing-benefit-icon i {\r\n        font-size: 31px;\r\n    }\r\n\r\n\r\n    \/* CARD HEADING *\/\r\n\r\n    .viewing-benefit-card h3 {\r\n        max-width: 100%;\r\n        font-size: 22px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n\r\n    \/* BUTTON *\/\r\n\r\n    .viewing-contact-wrap {\r\n        margin-top: 23px;\r\n    }\r\n\r\n    .viewing-contact-button {\r\n        width: 100%;\r\n        max-width: 280px;\r\n\r\n        min-height: 56px;\r\n        padding: 14px 20px;\r\n\r\n        gap: 18px;\r\n\r\n        font-size: 21px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   SMALL MOBILE VIEW\r\n========================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .viewing-invitation-section {\r\n        padding: 30px 10px 0;\r\n    }\r\n\r\n    .viewing-invitation-container {\r\n        padding: 32px 12px 28px;\r\n    }\r\n\r\n    .viewing-invitation-content h2 {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .viewing-section-label {\r\n        gap: 7px;\r\n    }\r\n\r\n    .viewing-label-line {\r\n        width: 18px;\r\n    }\r\n\r\n    .viewing-benefit-card {\r\n        grid-template-columns: 52px minmax(0, 1fr);\r\n        column-gap: 12px;\r\n        padding: 14px 12px;\r\n    }\r\n\r\n    .viewing-benefit-icon {\r\n        width: 52px;\r\n        height: 52px;\r\n    }\r\n\r\n    .viewing-benefit-icon i {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .viewing-benefit-card h3 {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .viewing-contact-button {\r\n        font-size: 20px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   NO HOVER EFFECTS OR ANIMATIONS\r\n========================================== *\/\r\n\r\n.viewing-invitation-section *,\r\n.viewing-invitation-section *::before,\r\n.viewing-invitation-section *::after {\r\n    animation: none !important;\r\n    transition: none !important;\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-17d98fe 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=\"17d98fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FEATURED LISTINGS FEATURED HOMES Homes Worth a Closer Look Explore a handpicked collection of properties designed around the way you want to live. Apartments Villas Plots Commercial Featured Apartment PREMIUM APARTMENT 2 BHK Luxury Apartment Gachibowli, Hyderabad A thoughtfully designed home with spacious interiors, contemporary features and convenient access to everyday essentials. 2 Bedrooms 2 Bathrooms 1,320 sq.ft. \u20b91.05 Crore View Details JUST ADDED New to the Market Take a closer look at the latest properties recently added to our collection. NEW Added on November 02, 2026 PREMIUM APARTMENT 2 BHK Luxury Apartment Gachibowli, Hyderabad 2 Beds 2 Baths 1,320 sq.ft. \u20b91.05 Crore View Details NEW Added on October 29, 2026 LUXURY VILLA 4 BHK Modern Villa Kokapet, Hyderabad 4 Beds 4 Baths 3,200 sq.ft. \u20b92.35 Crore View Details NEW Added on October 25, 2026 RESIDENTIAL APARTMENT 3 BHK Premium Apartment Madhapur, Hyderabad 3 Beds 2 Baths 1,860 sq.ft. \u20b91.78 Crore View Details LOCATION HIGHLIGHTS Explore the Neighbourhood A well-connected location with everything you need, close at hand. Schools 7 mins Hospitals 5 mins Shopping 6 mins IT Hubs 10 mins Metro 8 mins Parks 4 mins Your Location Connected Living Starts Here Everything Within Reach Everyday essentials and experiences nearby. Top Schools Quality education and learning options nearby. 7 mins Leading Hospitals Convenient access to healthcare facilities. 5 mins Shopping &#038; Dining Malls, retail stores and popular restaurants. 6 mins IT &#038; Business Hubs Major workplaces and business destinations. 10 mins Metro Connectivity Easy access to public transport connections. 8 mins Parks &#038; Recreation Green spaces for relaxation and outdoor activities. 4 mins EXPLORE OUR COLLECTIONS Distinctive Property Collections Discover thoughtfully selected properties, each collection bringing together homes that match different lifestyles and aspirations. 01 COLLECTION URBAN LIVING City Residences Contemporary homes in vibrant neighbourhoods, designed for convenient and connected city living. Explore Collection 02 COLLECTION COMFORTABLE LIVING Family Homes Welcoming spaces with room to grow, thoughtfully suited to everyday family life and lasting memories. Explore Collection 03 COLLECTION EXCLUSIVE LIVING Premium Villas Exceptional residences with generous spaces, refined details and a sense of private luxury. Explore Collection 04 COLLECTION PEACEFUL SURROUNDINGS Private Retreats Carefully selected homes offering a quieter atmosphere and space to enjoy a slower pace of life. Explore Collection PLAN A VIEWING Your Next Viewing Starts Here Let us know your preferences, and we\u2019ll schedule a property viewing at your convenience. Share Your Needs Schedule a Viewing Get Expert Support Contact Us<\/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-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknr5.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr5.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr5.thestackly.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr5.thestackly.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr5.thestackly.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":5,"href":"https:\/\/teknr5.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/teknr5.thestackly.net\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/teknr5.thestackly.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}