{"id":22,"date":"2026-09-09T14:16:53","date_gmt":"2026-09-09T14:16:53","guid":{"rendered":"https:\/\/teknr8.thestackly.tech\/?page_id=22"},"modified":"2026-10-21T11:09:21","modified_gmt":"2026-10-21T11:09:21","slug":"featured-listings","status":"publish","type":"page","link":"https:\/\/teknr8.thestackly.tech\/?page_id=22","title":{"rendered":"Featured Listings"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80d75e3 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"80d75e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4505ed elementor-widget elementor-widget-html\" data-id=\"f4505ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n    <title>About Our Approach | Real Estate<\/title>\r\n\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=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <!-- Font Awesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n    <style>\r\n        :root {\r\n            --primary: #D05B37;\r\n            --dark: #060517;\r\n            --body-bg: #F3F0EA;\r\n            --white: #FFFFFF;\r\n            --soft-dark: #24222C;\r\n            --border: rgba(6, 5, 23, 0.14);\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: auto;\r\n        }\r\n\r\n        body {\r\n            margin: 0;\r\n            background: var(--body-bg);\r\n            color: var(--dark);\r\n            font-family: \"DM Sans\", sans-serif;\r\n            font-size: 16px;\r\n            font-weight: 400;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .realestate-hero {\r\n            width: 100% !important;\r\n            max-width: none !important;\r\n            margin: 0 !important;\r\n            padding: 80px 50px 0;\r\n            background: var(--body-bg);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero-wrapper {\r\n            width: 100%;\r\n            max-width: 1440px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 0.92fr 1.08fr;\r\n            align-items: center;\r\n            gap: 70px;\r\n        }\r\n\r\n        \/* LEFT CONTENT *\/\r\n\r\n        .hero-content {\r\n            width: 100%;\r\n            max-width: 650px;\r\n        }\r\n\r\n        \/* ICON BEFORE SECTION LABEL *\/\r\n\r\n        .hero-label {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-bottom: 24px;\r\n            color: var(--primary);\r\n            font-family: \"DM Sans\", sans-serif;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            letter-spacing: 1.5px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .hero-label i {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            color: var(--primary);\r\n            font-size: 19px;\r\n        }\r\n\r\n        \/* HEADING *\/\r\n\r\n        .hero-content h1 {\r\n            margin: 0;\r\n            color: var(--dark);\r\n            font-family: \"Cormorant Garamond\", serif;\r\n            font-size: 72px;\r\n            font-weight: 600;\r\n            line-height: 0.98;\r\n            letter-spacing: -1.5px;\r\n        }\r\n\r\n        .hero-content h1 span {\r\n            display: block;\r\n            color: var(--primary);\r\n        }\r\n\r\n        \/* DESCRIPTION *\/\r\n\r\n        .hero-description {\r\n            max-width: 570px;\r\n            margin: 30px 0 0;\r\n            color: var(--soft-dark);\r\n            font-family: \"DM Sans\", sans-serif;\r\n            font-size: 18px;\r\n            font-weight: 400;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* BUTTONS *\/\r\n\r\n        .hero-buttons {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            align-items: center;\r\n            gap: 16px;\r\n            margin-top: 38px;\r\n        }\r\n\r\n        .hero-button,\r\n        .hero-button:hover,\r\n        .hero-button:focus,\r\n        .hero-button:focus-visible,\r\n        .hero-button:active,\r\n        .hero-button:visited {\r\n            min-height: 58px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            padding: 15px 24px;\r\n            font-family: \"DM Sans\", sans-serif;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            text-decoration: none !important;\r\n            box-shadow: none !important;\r\n            transform: none !important;\r\n            transition: none !important;\r\n            animation: none !important;\r\n        }\r\n\r\n        .primary-button,\r\n        .primary-button:hover,\r\n        .primary-button:focus,\r\n        .primary-button:focus-visible,\r\n        .primary-button:active,\r\n        .primary-button:visited {\r\n            background: var(--dark) !important;\r\n            color: var(--white) !important;\r\n            border: 1px solid var(--dark) !important;\r\n        }\r\n\r\n        .secondary-button,\r\n        .secondary-button:hover,\r\n        .secondary-button:focus,\r\n        .secondary-button:focus-visible,\r\n        .secondary-button:active,\r\n        .secondary-button:visited {\r\n            background: transparent !important;\r\n            color: var(--dark) !important;\r\n            border: 1px solid var(--dark) !important;\r\n        }\r\n\r\n        .hero-button i {\r\n            font-size: 16px;\r\n            color: inherit !important;\r\n        }\r\n\r\n        \/* TRUST INFORMATION *\/\r\n\r\n        .hero-trust {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 25px;\r\n            margin-top: 52px;\r\n            padding-top: 28px;\r\n            border-top: 1px solid var(--border);\r\n        }\r\n\r\n        .trust-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 14px;\r\n        }\r\n\r\n        .trust-item > i {\r\n            width: 46px;\r\n            height: 46px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: var(--primary);\r\n            color: var(--white);\r\n            font-size: 18px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .trust-item strong {\r\n            display: block;\r\n            color: var(--dark);\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .trust-item span {\r\n            display: block;\r\n            margin-top: 4px;\r\n            color: var(--soft-dark);\r\n            font-size: 16px;\r\n            font-weight: 400;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* RIGHT IMAGE *\/\r\n\r\n        .hero-image-area {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 650px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: flex-end;\r\n        }\r\n\r\n        .hero-image-frame {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 650px;\r\n            overflow: hidden;\r\n            background: var(--dark);\r\n        }\r\n\r\n        .hero-image-frame img {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: block;\r\n            object-fit: cover;\r\n            object-position: center;\r\n        }\r\n\r\n        \/* IMAGE OVERLAY *\/\r\n\r\n        .hero-image-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(\r\n                to top,\r\n                rgba(6, 5, 23, 0.65) 0%,\r\n                rgba(6, 5, 23, 0.08) 48%,\r\n                rgba(6, 5, 23, 0) 100%\r\n            );\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* PROPERTY CARD *\/\r\n\r\n        .hero-property-card {\r\n            position: absolute;\r\n            left: 32px;\r\n            bottom: 32px;\r\n            width: calc(100% - 64px);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 18px;\r\n            padding: 22px 24px;\r\n            background: var(--white);\r\n        }\r\n\r\n        .property-card-icon {\r\n            width: 52px;\r\n            height: 52px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: var(--primary);\r\n            color: var(--white);\r\n            font-size: 20px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .property-card-content span {\r\n            display: block;\r\n            color: var(--primary);\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            letter-spacing: 1.3px;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .property-card-content h3 {\r\n            margin: 4px 0 0;\r\n            color: var(--dark);\r\n            font-family: \"Cormorant Garamond\", serif;\r\n            font-size: 30px;\r\n            font-weight: 600;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .property-card-content p {\r\n            margin: 5px 0 0;\r\n            color: var(--soft-dark);\r\n            font-size: 16px;\r\n            font-weight: 400;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* ACCENT BOX *\/\r\n\r\n        .hero-accent-box {\r\n            position: absolute;\r\n            right: -18px;\r\n            top: 42px;\r\n            width: 72px;\r\n            height: 72px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: var(--primary);\r\n            color: var(--white);\r\n            font-size: 20px;\r\n        }\r\n\r\n        \/* IMAGE FALLBACK *\/\r\n\r\n        .hero-image-frame.image-fallback {\r\n            background: var(--dark);\r\n        }\r\n\r\n        .hero-image-frame.image-fallback::after {\r\n            content: \"Property Image\";\r\n            position: absolute;\r\n            inset: 0;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--white);\r\n            font-family: \"Cormorant Garamond\", serif;\r\n            font-size: 32px;\r\n        }\r\n\r\n        \/* TABLET *\/\r\n\r\n        @media (max-width: 1024px) {\r\n            .realestate-hero {\r\n                padding: 50px 30px 0;\r\n            }\r\n\r\n            .hero-wrapper {\r\n                grid-template-columns: 1fr;\r\n                gap: 50px;\r\n            }\r\n\r\n            .hero-content {\r\n                max-width: 850px;\r\n            }\r\n\r\n            .hero-content h1 {\r\n                font-size: 64px;\r\n            }\r\n\r\n            .hero-description {\r\n                max-width: 720px;\r\n                font-size: 18px;\r\n            }\r\n\r\n            .hero-image-area {\r\n                min-height: 560px;\r\n            }\r\n\r\n            .hero-image-frame {\r\n                height: 560px;\r\n            }\r\n\r\n            .hero-accent-box {\r\n                right: -10px;\r\n                top: 30px;\r\n            }\r\n        }\r\n\r\n        \/* MOBILE *\/\r\n\r\n        @media (max-width: 767px) {\r\n            .realestate-hero {\r\n                padding: 30px 10px 0;\r\n            }\r\n\r\n            .hero-wrapper {\r\n                gap: 38px;\r\n            }\r\n\r\n            .hero-label {\r\n                gap: 10px;\r\n                margin-bottom: 20px;\r\n                font-size: 16px;\r\n                letter-spacing: 1px;\r\n            }\r\n\r\n            .hero-label i {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .hero-content h1 {\r\n                font-size: 48px;\r\n                line-height: 1;\r\n                letter-spacing: -0.8px;\r\n            }\r\n\r\n            .hero-description {\r\n                margin-top: 24px;\r\n                font-size: 16px;\r\n                line-height: 1.7;\r\n            }\r\n\r\n            .hero-buttons {\r\n                flex-direction: column;\r\n                align-items: stretch;\r\n                gap: 12px;\r\n                margin-top: 30px;\r\n            }\r\n\r\n            .hero-button,\r\n            .hero-button:hover,\r\n            .hero-button:focus,\r\n            .hero-button:focus-visible,\r\n            .hero-button:active,\r\n            .hero-button:visited {\r\n                width: 100%;\r\n                min-height: 56px;\r\n                padding: 14px 18px;\r\n                font-size: 16px;\r\n            }\r\n\r\n            .hero-trust {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n                margin-top: 38px;\r\n                padding-top: 24px;\r\n            }\r\n\r\n            .hero-image-area {\r\n                min-height: 480px;\r\n                padding-right: 10px;\r\n            }\r\n\r\n            .hero-image-frame {\r\n                height: 480px;\r\n            }\r\n\r\n            .hero-property-card {\r\n                left: 18px;\r\n                bottom: 18px;\r\n                width: calc(100% - 36px);\r\n                gap: 14px;\r\n                padding: 18px;\r\n            }\r\n\r\n            .property-card-icon {\r\n                width: 44px;\r\n                height: 44px;\r\n                font-size: 17px;\r\n            }\r\n\r\n            .property-card-content span {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .property-card-content h3 {\r\n                font-size: 26px;\r\n            }\r\n\r\n            .property-card-content p {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .hero-accent-box {\r\n                right: 0;\r\n                top: 18px;\r\n                width: 58px;\r\n                height: 58px;\r\n                font-size: 18px;\r\n            }\r\n        }\r\n\r\n        \/* SMALL MOBILE *\/\r\n\r\n        @media (max-width: 480px) {\r\n            .hero-content h1 {\r\n                font-size: 43px;\r\n            }\r\n\r\n            .hero-image-area {\r\n                min-height: 420px;\r\n            }\r\n\r\n            .hero-image-frame {\r\n                height: 420px;\r\n            }\r\n\r\n            .hero-property-card {\r\n                align-items: flex-start;\r\n            }\r\n\r\n            .property-card-content h3 {\r\n                font-size: 24px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"realestate-hero\">\r\n    <div class=\"hero-wrapper\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n        <div class=\"hero-content\">\r\n\r\n            <!-- ICON BEFORE LABEL; DECORATIVE LINE REMOVED -->\r\n            <div class=\"hero-label\">\r\n                <i class=\"fa-solid fa-house-chimney\" aria-hidden=\"true\"><\/i>\r\n                <span>ABOUT OUR APPROACH<\/span>\r\n            <\/div>\r\n\r\n            <h1>\r\n                Spaces Designed\r\n                <span>For The Way You Live.<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"hero-description\">\r\n                We bring together thoughtfully selected properties, local\r\n                knowledge, and a personal approach to help you discover a\r\n                place that truly feels like home.\r\n            <\/p>\r\n\r\n            <div class=\"hero-buttons\">\r\n                <a href=\"https:\/\/teknr8.thestackly.tech\/?page_id=17\" class=\"hero-button primary-button\">\r\n                    Discover Our Process\r\n                    <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/teknr8.thestackly.tech\/?page_id=27\" class=\"hero-button secondary-button\">\r\n                    Explore Properties\r\n                    <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- TRUST INFORMATION -->\r\n            <div class=\"hero-trust\">\r\n\r\n                <div class=\"trust-item\">\r\n                    <i class=\"fa-solid fa-house\" aria-hidden=\"true\"><\/i>\r\n                    <div>\r\n                        <strong>Curated Homes<\/strong>\r\n                        <span>Selected with purpose<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"trust-item\">\r\n                    <i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"><\/i>\r\n                    <div>\r\n                        <strong>Local Expertise<\/strong>\r\n                        <span>Knowledge you can trust<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT IMAGE -->\r\n        <div class=\"hero-image-area\">\r\n\r\n            <div class=\"hero-image-frame\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=85\"\r\n                    alt=\"Modern luxury residential property\"\r\n                    onerror=\"this.style.display='none'; this.parentElement.classList.add('image-fallback');\"\r\n                >\r\n\r\n                <div class=\"hero-image-overlay\"><\/div>\r\n\r\n                <!-- PROPERTY CARD -->\r\n                <div class=\"hero-property-card\">\r\n                    <div class=\"property-card-icon\">\r\n                        <i class=\"fa-solid fa-house-chimney\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"property-card-content\">\r\n                        <span>FEATURED SPACE<\/span>\r\n                        <h3>Modern Living<\/h3>\r\n                        <p>Thoughtful design. Timeless character.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ACCENT BOX -->\r\n            <div class=\"hero-accent-box\" aria-hidden=\"true\">\r\n                <i class=\"fa-solid fa-arrow-down\"><\/i>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-668957b 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=\"668957b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1075fb9 elementor-widget elementor-widget-html\" data-id=\"1075fb9\" 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=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&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=\"our-process-section\" id=\"our-process\">\r\n\r\n  <div class=\"our-process-wrapper\">\r\n\r\n    <!-- LEFT INTRODUCTION -->\r\n    <div class=\"process-intro\">\r\n\r\n      <!-- ICON BEFORE LABEL -->\r\n      <div class=\"process-label\">\r\n        <i class=\"fa-solid fa-house-chimney\" aria-hidden=\"true\"><\/i>\r\n        <span>OUR PROCESS<\/span>\r\n      <\/div>\r\n\r\n      <h2>\r\n        A Simpler Way\r\n        <span>To Find Your Place.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"process-intro-text\">\r\n        From the first conversation to the final handover,\r\n        our approach is designed to make every property\r\n        decision clear, personal, and comfortable.\r\n      <\/p>\r\n\r\n      <!-- HIGHLIGHT -->\r\n      <div class=\"process-highlight\">\r\n\r\n        <div class=\"highlight-icon\">\r\n          <i class=\"fa-solid fa-compass\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"highlight-content\">\r\n          <strong>Guidance At Every Step<\/strong>\r\n          <p>\r\n            Clear communication and thoughtful support throughout\r\n            your property journey.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- PROCESS CARDS -->\r\n    <div class=\"process-grid\">\r\n\r\n      <!-- CARD 1 -->\r\n      <article class=\"process-card\">\r\n        <div class=\"process-card-top\">\r\n          <div class=\"process-icon\">\r\n            <i class=\"fa-solid fa-comments\" aria-hidden=\"true\"><\/i>\r\n          <\/div>\r\n          <i class=\"fa-solid fa-arrow-right process-arrow\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"process-card-content\">\r\n          <h3>Understand Your Needs<\/h3>\r\n          <p>\r\n            We begin by understanding your lifestyle, preferences,\r\n            goals, and expectations.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- CARD 2 -->\r\n      <article class=\"process-card\">\r\n        <div class=\"process-card-top\">\r\n          <div class=\"process-icon\">\r\n            <i class=\"fa-solid fa-magnifying-glass\" aria-hidden=\"true\"><\/i>\r\n          <\/div>\r\n          <i class=\"fa-solid fa-arrow-right process-arrow\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"process-card-content\">\r\n          <h3>Discover The Right Properties<\/h3>\r\n          <p>\r\n            We carefully identify properties that align with what\r\n            matters most to you.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- CARD 3 -->\r\n      <article class=\"process-card\">\r\n        <div class=\"process-card-top\">\r\n          <div class=\"process-icon\">\r\n            <i class=\"fa-solid fa-building\" aria-hidden=\"true\"><\/i>\r\n          <\/div>\r\n          <i class=\"fa-solid fa-arrow-right process-arrow\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"process-card-content\">\r\n          <h3>Explore With Confidence<\/h3>\r\n          <p>\r\n            Visit, compare, and understand each property with clear\r\n            information and practical guidance.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- CARD 4 -->\r\n      <article class=\"process-card\">\r\n        <div class=\"process-card-top\">\r\n          <div class=\"process-icon\">\r\n            <i class=\"fa-solid fa-key\" aria-hidden=\"true\"><\/i>\r\n          <\/div>\r\n          <i class=\"fa-solid fa-check process-arrow\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"process-card-content\">\r\n          <h3>Move Forward With Clarity<\/h3>\r\n          <p>\r\n            When you are ready, we help make the next steps\r\n            straightforward and well organised.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================\r\n   OUR PROCESS\r\n========================================= *\/\r\n\r\n.our-process-section,\r\n.our-process-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.our-process-section {\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  margin: 0 !important;\r\n  padding: 80px 50px 0 !important;\r\n  background: #F3F0EA;\r\n  color: #060517;\r\n  font-family: \"DM Sans\", sans-serif;\r\n}\r\n\r\n.our-process-wrapper {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);\r\n  align-items: center;\r\n  gap: 45px;\r\n  width: 100%;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   INTRODUCTION\r\n========================================= *\/\r\n\r\n.process-intro {\r\n  min-width: 0;\r\n}\r\n\r\n\/* ICON BEFORE LABEL \u2014 NO LINE *\/\r\n\r\n.process-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  width: fit-content;\r\n  margin: 0 0 18px;\r\n  color: #D05B37;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  line-height: 1.5;\r\n  letter-spacing: 1.3px;\r\n}\r\n\r\n.process-label i {\r\n  flex-shrink: 0;\r\n  color: #D05B37;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n.process-intro h2 {\r\n  margin: 0 0 20px;\r\n  color: #060517;\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 48px;\r\n  font-weight: 600;\r\n  line-height: 1.08;\r\n}\r\n\r\n.process-intro h2 span {\r\n  display: block;\r\n  color: #D05B37;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* INTRO TEXT *\/\r\n\r\n.process-intro-text {\r\n  margin: 0;\r\n  color: #3F3D4A;\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* =========================================\r\n   HIGHLIGHT\r\n========================================= *\/\r\n\r\n.process-highlight {\r\n  display: grid;\r\n  grid-template-columns: 50px minmax(0, 1fr);\r\n  align-items: start;\r\n  gap: 15px;\r\n  margin-top: 28px;\r\n  padding: 20px;\r\n  background: #FFFFFF;\r\n  border: 1px solid #DED8D1;\r\n  border-radius: 12px;\r\n}\r\n\r\n.highlight-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 50px;\r\n  height: 50px;\r\n  background: #060517;\r\n  color: #FFFFFF;\r\n  border-radius: 8px;\r\n  font-size: 19px;\r\n}\r\n\r\n.highlight-content {\r\n  min-width: 0;\r\n}\r\n\r\n.highlight-content strong {\r\n  display: block;\r\n  margin-bottom: 7px;\r\n  color: #D05B37;\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  line-height: 1.25;\r\n}\r\n\r\n.highlight-content p {\r\n  margin: 0;\r\n  color: #3F3D4A;\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n}\r\n\r\n\/* =========================================\r\n   PROCESS GRID\r\n========================================= *\/\r\n\r\n.process-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 18px;\r\n  min-width: 0;\r\n}\r\n\r\n\/* =========================================\r\n   PROCESS CARD\r\n========================================= *\/\r\n\r\n.process-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n  min-height: 245px;\r\n  padding: 24px;\r\n  background: #FFFFFF;\r\n  border: 1px solid #DED8D1;\r\n  border-radius: 18px 7px 18px 7px;\r\n}\r\n\r\n.process-card-top {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  margin-bottom: 27px;\r\n}\r\n\r\n.process-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  width: 50px;\r\n  height: 50px;\r\n  background: #D05B37;\r\n  color: #FFFFFF;\r\n  border-radius: 9px;\r\n  font-size: 19px;\r\n}\r\n\r\n.process-arrow {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #D05B37;\r\n  font-size: 17px;\r\n}\r\n\r\n.process-card-content {\r\n  margin-top: auto;\r\n}\r\n\r\n.process-card-content h3 {\r\n  margin: 0 0 10px;\r\n  color: #060517;\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 26px;\r\n  font-weight: 600;\r\n  line-height: 1.2;\r\n}\r\n\r\n.process-card-content p {\r\n  margin: 0;\r\n  color: #3F3D4A;\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n  .our-process-section {\r\n    padding: 50px 30px 0 !important;\r\n  }\r\n\r\n  .our-process-wrapper {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  .process-intro h2 {\r\n    font-size: 44px;\r\n  }\r\n\r\n  .process-intro-text {\r\n    max-width: 760px;\r\n  }\r\n\r\n  .process-highlight {\r\n    max-width: 650px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .process-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n\r\n  .process-card {\r\n    min-height: 230px;\r\n    padding: 23px;\r\n  }\r\n\r\n  .process-card-top {\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .process-card-content h3 {\r\n    font-size: 25px;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .our-process-section {\r\n    padding: 30px 10px 0 !important;\r\n  }\r\n\r\n  .our-process-wrapper {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 25px;\r\n  }\r\n\r\n  .process-label {\r\n    gap: 9px;\r\n    margin-bottom: 13px;\r\n    font-size: 16px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .process-intro h2 {\r\n    margin-bottom: 15px;\r\n    font-size: 35px;\r\n    line-height: 1.13;\r\n  }\r\n\r\n  .process-intro-text {\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .process-highlight {\r\n    grid-template-columns: 44px minmax(0, 1fr);\r\n    gap: 13px;\r\n    margin-top: 21px;\r\n    padding: 17px;\r\n  }\r\n\r\n  .highlight-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    font-size: 17px;\r\n  }\r\n\r\n  .highlight-content strong {\r\n    font-size: 23px;\r\n  }\r\n\r\n  .highlight-content p {\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .process-grid {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 14px;\r\n  }\r\n\r\n  .process-card {\r\n    min-height: 0;\r\n    padding: 22px 20px;\r\n    border-radius: 14px 7px 14px 7px;\r\n  }\r\n\r\n  .process-card-top {\r\n    margin-bottom: 21px;\r\n  }\r\n\r\n  .process-icon {\r\n    width: 46px;\r\n    height: 46px;\r\n    font-size: 17px;\r\n  }\r\n\r\n  .process-card-content h3 {\r\n    margin-bottom: 9px;\r\n    font-size: 25px;\r\n  }\r\n\r\n  .process-card-content p {\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .process-intro h2 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .process-card-content h3 {\r\n    font-size: 23px;\r\n  }\r\n}\r\n\r\n\/* NO HOVER EFFECTS, ANIMATIONS OR TRANSITIONS *\/\r\n\r\n.our-process-section *,\r\n.our-process-section *::before,\r\n.our-process-section *::after {\r\n  animation: none !important;\r\n  transition: none !important;\r\n  box-shadow: none !important;\r\n  transform: none !important;\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-b26ee48 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=\"b26ee48\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5980fad elementor-widget elementor-widget-html\" data-id=\"5980fad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Featured Properties<\/title>\r\n\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=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <!-- Font Awesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n    <style>\r\n        :root {\r\n            --fp-primary: #D05B37;\r\n            --fp-dark: #060517;\r\n            --fp-bg: #F3F0EA;\r\n            --fp-white: #FFFFFF;\r\n            --fp-text: #3F3D4A;\r\n            --fp-muted: #6B6872;\r\n            --fp-border: #DED8D1;\r\n        }\r\n\r\n        * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: auto;\r\n        }\r\n\r\n        body {\r\n            margin: 0;\r\n            font-family: \"DM Sans\", sans-serif;\r\n            color: var(--fp-dark);\r\n            background: var(--fp-bg);\r\n            font-size: 16px;\r\n            line-height: 1.65;\r\n        }\r\n\r\n        img {\r\n            display: block;\r\n            width: 100%;\r\n        }\r\n\r\n        a {\r\n            text-decoration: none;\r\n        }\r\n\r\n        \/* =========================================\r\n           FEATURED PROPERTY SECTION\r\n        ========================================= *\/\r\n\r\n        .featured-properties {\r\n            width: 100% !important;\r\n            max-width: none !important;\r\n            margin: 0 !important;\r\n            padding: 80px 50px 0;\r\n            background: var(--fp-bg);\r\n        }\r\n\r\n        .fp-container {\r\n            width: 100%;\r\n            max-width: 1440px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* SECTION INTRO *\/\r\n\r\n        .fp-heading-row {\r\n            display: flex;\r\n            align-items: flex-end;\r\n            justify-content: space-between;\r\n            gap: 30px;\r\n            margin-bottom: 36px;\r\n        }\r\n\r\n        .fp-intro {\r\n            max-width: 760px;\r\n        }\r\n\r\n        .fp-eyebrow {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 11px;\r\n            margin-bottom: 16px;\r\n            color: var(--fp-primary);\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            letter-spacing: 1.5px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .fp-eyebrow i {\r\n            flex-shrink: 0;\r\n            font-size: 19px;\r\n            color: var(--fp-primary);\r\n        }\r\n\r\n        .fp-heading {\r\n            margin: 0;\r\n            color: var(--fp-dark);\r\n            font-family: \"Cormorant Garamond\", serif;\r\n            font-size: 58px;\r\n            font-weight: 600;\r\n            line-height: 1.05;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .fp-heading span {\r\n            color: var(--fp-primary);\r\n        }\r\n\r\n        .fp-intro-text {\r\n            max-width: 650px;\r\n            margin: 16px 0 0;\r\n            color: var(--fp-text);\r\n            font-size: 17px;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .fp-view-all,\r\n        .fp-view-all:visited,\r\n        .fp-view-all:hover,\r\n        .fp-view-all:focus,\r\n        .fp-view-all:active {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            flex-shrink: 0;\r\n            min-height: 52px;\r\n            padding: 13px 19px;\r\n            border: 1px solid var(--fp-dark);\r\n            background: transparent;\r\n            color: var(--fp-dark) !important;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            box-shadow: none !important;\r\n            transform: none !important;\r\n            transition: none !important;\r\n        }\r\n\r\n        .fp-view-all i {\r\n            color: inherit;\r\n            font-size: 16px;\r\n        }\r\n\r\n        \/* =========================================\r\n           LARGE FEATURED PROPERTY\r\n        ========================================= *\/\r\n\r\n        .fp-featured {\r\n            display: grid;\r\n            grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);\r\n            background: var(--fp-white);\r\n            border: 1px solid var(--fp-border);\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .fp-featured-image {\r\n            position: relative;\r\n            min-width: 0;\r\n            min-height: 490px;\r\n            overflow: hidden;\r\n            background: #D9D2CA;\r\n        }\r\n\r\n        .fp-featured-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            min-height: 490px;\r\n            object-fit: cover;\r\n            object-position: center;\r\n        }\r\n\r\n        .fp-image-tag {\r\n            position: absolute;\r\n            top: 22px;\r\n            left: 22px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 9px;\r\n            padding: 11px 15px;\r\n            background: var(--fp-white);\r\n            color: var(--fp-dark);\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .fp-image-tag i {\r\n            color: var(--fp-primary);\r\n        }\r\n\r\n        .fp-featured-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            justify-content: center;\r\n            min-width: 0;\r\n            padding: 42px;\r\n        }\r\n\r\n        .fp-property-type {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 9px;\r\n            color: var(--fp-primary);\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            letter-spacing: 1px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .fp-property-type i {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .fp-featured-content h3 {\r\n            margin: 15px 0 0;\r\n            color: var(--fp-dark);\r\n            font-family: \"Cormorant Garamond\", serif;\r\n            font-size: 46px;\r\n            font-weight: 600;\r\n            line-height: 1.05;\r\n        }\r\n\r\n        .fp-location {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 9px;\r\n            margin-top: 15px;\r\n            color: var(--fp-text);\r\n            font-size: 16px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .fp-location i {\r\n            margin-top: 5px;\r\n            color: var(--fp-primary);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .fp-featured-description {\r\n            margin: 20px 0 0;\r\n            color: var(--fp-text);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .fp-featured-details {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, minmax(0, 1fr));\r\n            gap: 12px;\r\n            width: 100%;\r\n            margin-top: 27px;\r\n            padding: 20px 0;\r\n            border-top: 1px solid var(--fp-border);\r\n            border-bottom: 1px solid var(--fp-border);\r\n        }\r\n\r\n        .fp-detail {\r\n            min-width: 0;\r\n        }\r\n\r\n        .fp-detail strong {\r\n            display: block;\r\n            color: var(--fp-dark);\r\n            font-size: 17px;\r\n            font-weight: 700;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .fp-detail span {\r\n            display: block;\r\n            margin-top: 3px;\r\n            color: var(--fp-muted);\r\n            font-size: 16px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .fp-featured-bottom {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n            width: 100%;\r\n            margin-top: 25px;\r\n        }\r\n\r\n        .fp-price-label {\r\n            display: block;\r\n            color: var(--fp-muted);\r\n            font-size: 16px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .fp-price {\r\n            display: block;\r\n            margin-top: 2px;\r\n            color: var(--fp-dark);\r\n            font-family: \"Cormorant Garamond\", serif;\r\n            font-size: 34px;\r\n            font-weight: 700;\r\n            line-height: 1.15;\r\n        }\r\n\r\n        .fp-property-link,\r\n        .fp-property-link:visited,\r\n        .fp-property-link:hover,\r\n        .fp-property-link:focus,\r\n        .fp-property-link:active {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 11px;\r\n            min-height: 50px;\r\n            padding: 12px 17px;\r\n            background: var(--fp-dark);\r\n            color: var(--fp-white) !important;\r\n            border: 1px solid var(--fp-dark);\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            box-shadow: none !important;\r\n            transform: none !important;\r\n            transition: none !important;\r\n        }\r\n\r\n        .fp-property-link i {\r\n            color: inherit;\r\n        }\r\n\r\n        \/* =========================================\r\n           FOUR EQUAL SUPPORTING PROPERTY CARDS\r\n        ========================================= *\/\r\n\r\n        .fp-supporting-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 28px;\r\n        }\r\n\r\n        .fp-card {\r\n            display: flex;\r\n            flex-direction: column;\r\n            min-width: 0;\r\n            height: 100%;\r\n            background: var(--fp-white);\r\n            border: 1px solid var(--fp-border);\r\n        }\r\n\r\n        .fp-card-image {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 285px;\r\n            flex-shrink: 0;\r\n            overflow: hidden;\r\n            background: #D9D2CA;\r\n        }\r\n\r\n        .fp-card-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n        }\r\n\r\n        .fp-card-tag {\r\n            position: absolute;\r\n            top: 16px;\r\n            left: 16px;\r\n            padding: 9px 13px;\r\n            background: var(--fp-white);\r\n            color: var(--fp-dark);\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .fp-card-content {\r\n            display: flex;\r\n            flex: 1;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            padding: 25px;\r\n        }\r\n\r\n        .fp-card-type {\r\n            color: var(--fp-primary);\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            letter-spacing: 0.8px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .fp-card-content h3 {\r\n            margin: 10px 0 0;\r\n            color: var(--fp-dark);\r\n            font-family: \"Cormorant Garamond\", serif;\r\n            font-size: 32px;\r\n            font-weight: 600;\r\n            line-height: 1.12;\r\n        }\r\n\r\n        .fp-card-location {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 9px;\r\n            margin-top: 10px;\r\n            color: var(--fp-text);\r\n            font-size: 16px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .fp-card-location i {\r\n            margin-top: 5px;\r\n            flex-shrink: 0;\r\n            color: var(--fp-primary);\r\n        }\r\n\r\n        .fp-card-description {\r\n            margin: 15px 0 0;\r\n            color: var(--fp-text);\r\n            font-size: 16px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .fp-card-details {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, minmax(0, 1fr));\r\n            gap: 10px;\r\n            width: 100%;\r\n            margin-top: 22px;\r\n            padding: 17px 0;\r\n            border-top: 1px solid var(--fp-border);\r\n            border-bottom: 1px solid var(--fp-border);\r\n        }\r\n\r\n        .fp-card-detail {\r\n            min-width: 0;\r\n        }\r\n\r\n        .fp-card-detail strong {\r\n            display: block;\r\n            color: var(--fp-dark);\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .fp-card-detail span {\r\n            display: block;\r\n            margin-top: 3px;\r\n            color: var(--fp-muted);\r\n            font-size: 16px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .fp-card-bottom {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 15px;\r\n            flex-wrap: wrap;\r\n            width: 100%;\r\n            margin-top: auto;\r\n            padding-top: 20px;\r\n        }\r\n\r\n        .fp-card-price {\r\n            color: var(--fp-dark);\r\n            font-family: \"Cormorant Garamond\", serif;\r\n            font-size: 29px;\r\n            font-weight: 700;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .fp-card-link,\r\n        .fp-card-link:visited,\r\n        .fp-card-link:hover,\r\n        .fp-card-link:focus,\r\n        .fp-card-link:active {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 9px;\r\n            min-height: 44px;\r\n            padding: 9px 0;\r\n            background: transparent;\r\n            color: var(--fp-dark) !important;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            box-shadow: none !important;\r\n            transform: none !important;\r\n            transition: none !important;\r\n        }\r\n\r\n        .fp-card-link i {\r\n            color: var(--fp-primary);\r\n        }\r\n\r\n        \/* =========================================\r\n           TABLET DESIGN: 768px\u20131024px\r\n\r\n           Featured property:\r\n           Image on top, details underneath.\r\n\r\n           Supporting properties:\r\n           Four equal cards in a 2-column grid.\r\n        ========================================= *\/\r\n\r\n        @media (min-width: 768px) and (max-width: 1024px) {\r\n            .featured-properties {\r\n                padding: 50px 30px 0;\r\n            }\r\n\r\n            .fp-heading-row {\r\n                align-items: flex-start;\r\n                gap: 22px;\r\n                margin-bottom: 28px;\r\n            }\r\n\r\n            .fp-intro {\r\n                max-width: 650px;\r\n            }\r\n\r\n            .fp-heading {\r\n                font-size: 50px;\r\n            }\r\n\r\n            .fp-intro-text {\r\n                font-size: 16px;\r\n                line-height: 1.75;\r\n            }\r\n\r\n            .fp-view-all {\r\n                margin-top: 35px;\r\n                white-space: nowrap;\r\n            }\r\n\r\n            \/* Main featured property becomes stacked *\/\r\n\r\n            .fp-featured {\r\n                grid-template-columns: minmax(0, 1fr);\r\n                margin-bottom: 24px;\r\n            }\r\n\r\n            .fp-featured-image {\r\n                min-height: 0;\r\n                height: 400px;\r\n            }\r\n\r\n            .fp-featured-image img {\r\n                min-height: 0;\r\n                height: 100%;\r\n            }\r\n\r\n            .fp-featured-content {\r\n                display: grid;\r\n                grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);\r\n                align-items: start;\r\n                column-gap: 28px;\r\n                row-gap: 0;\r\n                padding: 28px;\r\n            }\r\n\r\n            .fp-featured-content > .fp-property-type,\r\n            .fp-featured-content > h3,\r\n            .fp-featured-content > .fp-location {\r\n                grid-column: 1;\r\n            }\r\n\r\n            .fp-featured-content > .fp-property-type {\r\n                grid-row: 1;\r\n            }\r\n\r\n            .fp-featured-content > h3 {\r\n                grid-row: 2;\r\n                margin-top: 10px;\r\n                font-size: 39px;\r\n            }\r\n\r\n            .fp-featured-content > .fp-location {\r\n                grid-row: 3;\r\n                margin-top: 10px;\r\n            }\r\n\r\n            .fp-featured-description {\r\n                grid-column: 2;\r\n                grid-row: 1 \/ span 3;\r\n                margin: 0;\r\n                font-size: 16px;\r\n            }\r\n\r\n            .fp-featured-details {\r\n                grid-column: 1 \/ -1;\r\n                margin-top: 22px;\r\n                padding: 17px 0;\r\n            }\r\n\r\n            .fp-featured-bottom {\r\n                grid-column: 1 \/ -1;\r\n                margin-top: 20px;\r\n            }\r\n\r\n            \/* Equal 2-column supporting cards *\/\r\n\r\n            .fp-supporting-grid {\r\n                grid-template-columns: repeat(2, minmax(0, 1fr));\r\n                gap: 22px;\r\n                align-items: stretch;\r\n            }\r\n\r\n            .fp-card-image {\r\n                height: 235px;\r\n            }\r\n\r\n            .fp-card-content {\r\n                padding: 21px;\r\n            }\r\n\r\n            .fp-card-content h3 {\r\n                font-size: 29px;\r\n            }\r\n\r\n            .fp-card-description {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .fp-card-details {\r\n                gap: 8px;\r\n                margin-top: 18px;\r\n            }\r\n\r\n            .fp-card-detail strong,\r\n            .fp-card-detail span {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .fp-card-bottom {\r\n                align-items: flex-start;\r\n                flex-direction: column;\r\n                gap: 8px;\r\n                padding-top: 17px;\r\n            }\r\n\r\n            .fp-card-price {\r\n                font-size: 28px;\r\n            }\r\n        }\r\n\r\n        \/* =========================================\r\n           MOBILE: STACK ALL FIVE PROPERTIES\r\n        ========================================= *\/\r\n\r\n        @media (max-width: 767px) {\r\n            .featured-properties {\r\n                padding: 30px 10px 0;\r\n            }\r\n\r\n            .fp-heading-row {\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 20px;\r\n                margin-bottom: 25px;\r\n            }\r\n\r\n            .fp-eyebrow {\r\n                gap: 10px;\r\n                margin-bottom: 13px;\r\n                font-size: 16px;\r\n                letter-spacing: 1px;\r\n            }\r\n\r\n            .fp-eyebrow i {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .fp-heading {\r\n                font-size: 43px;\r\n                line-height: 1.05;\r\n            }\r\n\r\n            .fp-intro-text {\r\n                margin-top: 13px;\r\n                font-size: 16px;\r\n                line-height: 1.7;\r\n            }\r\n\r\n            .fp-view-all {\r\n                width: 100%;\r\n                justify-content: space-between;\r\n                margin: 0;\r\n            }\r\n\r\n            .fp-featured {\r\n                grid-template-columns: minmax(0, 1fr);\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .fp-featured-image {\r\n                min-height: 0;\r\n                height: 300px;\r\n            }\r\n\r\n            .fp-featured-image img {\r\n                min-height: 0;\r\n                height: 100%;\r\n            }\r\n\r\n            .fp-image-tag {\r\n                top: 14px;\r\n                left: 14px;\r\n                padding: 9px 11px;\r\n                font-size: 16px;\r\n            }\r\n\r\n            .fp-featured-content {\r\n                display: flex;\r\n                padding: 22px 18px;\r\n            }\r\n\r\n            .fp-featured-content h3 {\r\n                margin-top: 10px;\r\n                font-size: 35px;\r\n                line-height: 1.08;\r\n            }\r\n\r\n            .fp-location {\r\n                margin-top: 10px;\r\n                font-size: 16px;\r\n            }\r\n\r\n            .fp-featured-description {\r\n                margin-top: 15px;\r\n                font-size: 16px;\r\n                line-height: 1.7;\r\n            }\r\n\r\n            .fp-featured-details {\r\n                gap: 8px;\r\n                margin-top: 20px;\r\n                padding: 16px 0;\r\n            }\r\n\r\n            .fp-detail strong {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .fp-detail span {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .fp-featured-bottom {\r\n                align-items: flex-start;\r\n                flex-direction: column;\r\n                gap: 14px;\r\n                margin-top: 20px;\r\n            }\r\n\r\n            .fp-price {\r\n                font-size: 32px;\r\n            }\r\n\r\n            .fp-property-link {\r\n                width: 100%;\r\n                justify-content: space-between;\r\n            }\r\n\r\n            \/* Supporting cards stack vertically *\/\r\n\r\n            .fp-supporting-grid {\r\n                grid-template-columns: minmax(0, 1fr);\r\n                gap: 20px;\r\n            }\r\n\r\n            .fp-card {\r\n                width: 100%;\r\n            }\r\n\r\n            .fp-card-image {\r\n                height: 250px;\r\n            }\r\n\r\n            .fp-card-content {\r\n                padding: 21px 18px;\r\n            }\r\n\r\n            .fp-card-content h3 {\r\n                font-size: 31px;\r\n            }\r\n\r\n            .fp-card-description {\r\n                font-size: 16px;\r\n                line-height: 1.7;\r\n            }\r\n\r\n            .fp-card-details {\r\n                gap: 8px;\r\n                margin-top: 18px;\r\n                padding: 15px 0;\r\n            }\r\n\r\n            .fp-card-detail strong,\r\n            .fp-card-detail span {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .fp-card-bottom {\r\n                align-items: center;\r\n                flex-direction: row;\r\n                gap: 12px;\r\n                padding-top: 17px;\r\n            }\r\n\r\n            .fp-card-price {\r\n                font-size: 27px;\r\n            }\r\n\r\n            .fp-card-link {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n\r\n        \/* SMALL MOBILE *\/\r\n\r\n        @media (max-width: 380px) {\r\n            .fp-heading {\r\n                font-size: 38px;\r\n            }\r\n\r\n            .fp-featured-image {\r\n                height: 250px;\r\n            }\r\n\r\n            .fp-card-image {\r\n                height: 220px;\r\n            }\r\n\r\n            .fp-card-bottom {\r\n                align-items: flex-start;\r\n                flex-direction: column;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"featured-properties\" id=\"property-listings\">\r\n    <div class=\"fp-container\">\r\n\r\n        <!-- SECTION INTRO -->\r\n        <div class=\"fp-heading-row\">\r\n            <div class=\"fp-intro\">\r\n                <div class=\"fp-eyebrow\">\r\n                    <i class=\"fa-solid fa-house-chimney\" aria-hidden=\"true\"><\/i>\r\n                    <span>FEATURED PROPERTIES<\/span>\r\n                <\/div>\r\n\r\n                <h2 class=\"fp-heading\">\r\n                    Find A Place\r\n                    <span>To Call Home.<\/span>\r\n                <\/h2>\r\n\r\n                <p class=\"fp-intro-text\">\r\n                    Explore a considered collection of homes chosen for their\r\n                    character, comfort and location. Discover a property that\r\n                    fits the way you want to live.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <a class=\"fp-view-all\" href=\"https:\/\/teknr8.thestackly.tech\/?page_id=27\">\r\n                Explore All Properties\r\n                <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- =====================================\r\n             LARGE FEATURED PROPERTY\r\n             Example content: replace with actual listing details.\r\n        ====================================== -->\r\n\r\n        <article class=\"fp-featured\">\r\n\r\n            <div class=\"fp-featured-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=85\"\r\n                    alt=\"Contemporary luxury home with elegant architectural design\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"fp-image-tag\">\r\n                    <i class=\"fa-solid fa-star\" aria-hidden=\"true\"><\/i>\r\n                    Featured Property\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"fp-featured-content\">\r\n\r\n                <span class=\"fp-property-type\">\r\n                    <i class=\"fa-solid fa-house\" aria-hidden=\"true\"><\/i>\r\n                    SIGNATURE RESIDENCE\r\n                <\/span>\r\n\r\n                <h3>The Maple Residences<\/h3>\r\n\r\n                <div class=\"fp-location\">\r\n                    <i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"><\/i>\r\n                    <span>Jubilee Hills, Hyderabad<\/span>\r\n                <\/div>\r\n\r\n                <p class=\"fp-featured-description\">\r\n                    A thoughtfully designed residence combining generous\r\n                    interiors, refined details and comfortable contemporary\r\n                    living.\r\n                <\/p>\r\n\r\n                <div class=\"fp-featured-details\">\r\n                    <div class=\"fp-detail\">\r\n                        <strong>4 Beds<\/strong>\r\n                        <span>Bedrooms<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"fp-detail\">\r\n                        <strong>3 Baths<\/strong>\r\n                        <span>Bathrooms<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"fp-detail\">\r\n                        <strong>3,200 sq.ft.<\/strong>\r\n                        <span>Area<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fp-featured-bottom\">\r\n                    <div>\r\n                        <span class=\"fp-price-label\">Indicative price<\/span>\r\n                        <strong class=\"fp-price\">\u20b92.40 Cr<\/strong>\r\n                    <\/div>\r\n\r\n                    \r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- =====================================\r\n             FOUR EQUAL SUPPORTING PROPERTY CARDS\r\n        ====================================== -->\r\n\r\n        <div class=\"fp-supporting-grid\">\r\n\r\n            <!-- CARD 1 -->\r\n            <article class=\"fp-card\">\r\n                <div class=\"fp-card-image\">\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=\"Modern apartment with refined interior finishes\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                    <span class=\"fp-card-tag\">For Sale<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"fp-card-content\">\r\n                    <span class=\"fp-card-type\">CITY APARTMENT<\/span>\r\n\r\n                    <h3>Skyline Apartments<\/h3>\r\n\r\n                    <div class=\"fp-card-location\">\r\n                        <i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"><\/i>\r\n                        <span>Gachibowli, Hyderabad<\/span>\r\n                    <\/div>\r\n\r\n                    <p class=\"fp-card-description\">\r\n                        A contemporary apartment with well-planned spaces\r\n                        and convenient access to everyday essentials.\r\n                    <\/p>\r\n\r\n                    <div class=\"fp-card-details\">\r\n                        <div class=\"fp-card-detail\">\r\n                            <strong>3 Beds<\/strong>\r\n                            <span>Bedrooms<\/span>\r\n                        <\/div>\r\n                        <div class=\"fp-card-detail\">\r\n                            <strong>2 Baths<\/strong>\r\n                            <span>Bathrooms<\/span>\r\n                        <\/div>\r\n                        <div class=\"fp-card-detail\">\r\n                            <strong>1,850 sq.ft.<\/strong>\r\n                            <span>Area<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"fp-card-bottom\">\r\n                        <strong class=\"fp-card-price\">\u20b91.25 Cr<\/strong>\r\n                        <a class=\"fp-card-link\" href=\"https:\/\/teknr8.thestackly.tech\/?page_id=27\">\r\n                            View Details\r\n                            <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 2 -->\r\n            <article class=\"fp-card\">\r\n                <div class=\"fp-card-image\">\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 villa surrounded by landscaped greenery\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                    <span class=\"fp-card-tag\">For Sale<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"fp-card-content\">\r\n                    <span class=\"fp-card-type\">PRIVATE VILLA<\/span>\r\n\r\n                    <h3>The Green Villas<\/h3>\r\n\r\n                    <div class=\"fp-card-location\">\r\n                        <i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"><\/i>\r\n                        <span>Kokapet, Hyderabad<\/span>\r\n                    <\/div>\r\n\r\n                    <p class=\"fp-card-description\">\r\n                        A spacious villa concept with inviting interiors,\r\n                        outdoor space and room for family living.\r\n                    <\/p>\r\n\r\n                    <div class=\"fp-card-details\">\r\n                        <div class=\"fp-card-detail\">\r\n                            <strong>4 Beds<\/strong>\r\n                            <span>Bedrooms<\/span>\r\n                        <\/div>\r\n                        <div class=\"fp-card-detail\">\r\n                            <strong>4 Baths<\/strong>\r\n                            <span>Bathrooms<\/span>\r\n                        <\/div>\r\n                        <div class=\"fp-card-detail\">\r\n                            <strong>3,000 sq.ft.<\/strong>\r\n                            <span>Area<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"fp-card-bottom\">\r\n                        <strong class=\"fp-card-price\">\u20b92.10 Cr<\/strong>\r\n                        <a class=\"fp-card-link\" href=\"https:\/\/teknr8.thestackly.tech\/?page_id=27\">\r\n                            View Details\r\n                            <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 3 -->\r\n            <article class=\"fp-card\">\r\n                <div class=\"fp-card-image\">\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=\"Elegant modern residence with a bright open-plan living area\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                    <span class=\"fp-card-tag\">For Sale<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"fp-card-content\">\r\n                    <span class=\"fp-card-type\">FAMILY RESIDENCE<\/span>\r\n\r\n                    <h3>Marina View Residence<\/h3>\r\n\r\n                    <div class=\"fp-card-location\">\r\n                        <i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"><\/i>\r\n                        <span>Financial District, Hyderabad<\/span>\r\n                    <\/div>\r\n\r\n                    <p class=\"fp-card-description\">\r\n                        A welcoming home with practical layouts, natural\r\n                        light and space for relaxed everyday living.\r\n                    <\/p>\r\n\r\n                    <div class=\"fp-card-details\">\r\n                        <div class=\"fp-card-detail\">\r\n                            <strong>3 Beds<\/strong>\r\n                            <span>Bedrooms<\/span>\r\n                        <\/div>\r\n                        <div class=\"fp-card-detail\">\r\n                            <strong>3 Baths<\/strong>\r\n                            <span>Bathrooms<\/span>\r\n                        <\/div>\r\n                        <div class=\"fp-card-detail\">\r\n                            <strong>2,100 sq.ft.<\/strong>\r\n                            <span>Area<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"fp-card-bottom\">\r\n                        <strong class=\"fp-card-price\">\u20b91.55 Cr<\/strong>\r\n                        <a class=\"fp-card-link\" href=\"https:\/\/teknr8.thestackly.tech\/?page_id=27\">\r\n                            View Details\r\n                            <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 4 -->\r\n            <article class=\"fp-card\">\r\n                <div class=\"fp-card-image\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1000&q=85\"\r\n                        alt=\"Stylish contemporary townhouse with warm interior finishes\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                    <span class=\"fp-card-tag\">For Sale<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"fp-card-content\">\r\n                    <span class=\"fp-card-type\">CONTEMPORARY HOME<\/span>\r\n\r\n                    <h3>The Lakes Townhouse<\/h3>\r\n\r\n                    <div class=\"fp-card-location\">\r\n                        <i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"><\/i>\r\n                        <span>Kondapur, Hyderabad<\/span>\r\n                    <\/div>\r\n\r\n                    <p class=\"fp-card-description\">\r\n                        A modern home combining comfortable interiors,\r\n                        thoughtful design and everyday functionality.\r\n                    <\/p>\r\n\r\n                    <div class=\"fp-card-details\">\r\n                        <div class=\"fp-card-detail\">\r\n                            <strong>3 Beds<\/strong>\r\n                            <span>Bedrooms<\/span>\r\n                        <\/div>\r\n                        <div class=\"fp-card-detail\">\r\n                            <strong>3 Baths<\/strong>\r\n                            <span>Bathrooms<\/span>\r\n                        <\/div>\r\n                        <div class=\"fp-card-detail\">\r\n                            <strong>2,250 sq.ft.<\/strong>\r\n                            <span>Area<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"fp-card-bottom\">\r\n                        <strong class=\"fp-card-price\">\u20b91.70 Cr<\/strong>\r\n                        <a class=\"fp-card-link\" href=\"https:\/\/teknr8.thestackly.tech\/?page_id=27\">\r\n                            View Details\r\n                            <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f857bf2 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=\"f857bf2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-938cea3 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"938cea3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"property-process\" aria-labelledby=\"property-process-title\">\r\n  <div class=\"property-process__inner\">\r\n\r\n    <header class=\"property-process__header\">\r\n      <div class=\"property-process__label\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M4 5h16v14H4z\"\/>\r\n          <path d=\"M8 9h8M8 13h5\"\/>\r\n          <path d=\"m15 16 2 2 4-5\"\/>\r\n        <\/svg>\r\n        <span>HOW IT WORKS<\/span>\r\n      <\/div>\r\n\r\n      <h2 id=\"property-process-title\">\r\n        Your Property Journey,<br>\r\n        <span>Made Simple.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        From your first enquiry to a confident property decision,\r\n        we make every step clear, considered and personal.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"property-process__steps\">\r\n\r\n      <article class=\"property-process__step\">\r\n        <div class=\"property-process__icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M4 5h16v14H4z\"\/>\r\n            <path d=\"m4 7 8 6 8-6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Make an Enquiry<\/h3>\r\n        <p>\r\n          Tell us what you are looking for, including your needs,\r\n          preferred location and budget.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"property-process__step\">\r\n        <div class=\"property-process__icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M4 5h16v14H4z\"\/>\r\n            <path d=\"M8 9h8M8 12h5\"\/>\r\n            <path d=\"m14 16 2 2 4-5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Shortlist Properties<\/h3>\r\n        <p>\r\n          Explore suitable options selected around your preferences\r\n          and property goals.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"property-process__step\">\r\n        <div class=\"property-process__icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"m3 10 9-7 9 7\"\/>\r\n            <path d=\"M5.5 9v12h13V9\"\/>\r\n            <path d=\"M9 21v-7h6v7\"\/>\r\n            <path d=\"M16 5V3h3v4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Arrange a Viewing<\/h3>\r\n        <p>\r\n          Visit your preferred properties to understand the space,\r\n          features and surroundings.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"property-process__step\">\r\n        <div class=\"property-process__icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 3 20 6v5c0 5-3.4 8.3-8 10-4.6-1.7-8-5-8-10V6l8-3Z\"\/>\r\n            <path d=\"m8.5 12 2.3 2.3 4.8-5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Decide with Confidence<\/h3>\r\n        <p>\r\n          Compare your options with clear guidance and move forward\r\n          when you are ready.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.property-process,\r\n.property-process * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.property-process {\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  margin: 0 !important;\r\n  padding: 80px 50px 0 !important;\r\n  background: #F7F4F0 !important;\r\n  color: #060517;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.property-process__inner {\r\n  width: 100%;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.property-process__header {\r\n  max-width: 790px;\r\n  margin: 0 auto 52px;\r\n  text-align: center;\r\n}\r\n\r\n.property-process__label {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  margin-bottom: 18px;\r\n  color: #D05B37;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  line-height: 1.5;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.property-process__label svg {\r\n  width: 21px;\r\n  height: 21px;\r\n  flex: 0 0 21px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.6;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.property-process__header h2 {\r\n  margin: 0 0 18px;\r\n  color: #060517;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(36px, 4vw, 56px);\r\n  font-weight: 500;\r\n  line-height: 1.2;\r\n}\r\n\r\n.property-process__header h2 span {\r\n  color: #D05B37;\r\n}\r\n\r\n.property-process__header > p {\r\n  max-width: 650px;\r\n  margin: 0 auto;\r\n  color: #4B4B55;\r\n  font-size: 17px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* FOUR-STEP LAYOUT *\/\r\n\r\n.property-process__steps {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 24px;\r\n  align-items: stretch;\r\n}\r\n\r\n.property-process__step {\r\n  position: relative;\r\n  min-width: 0;\r\n  padding: 30px 24px;\r\n  background: #FFFFFF;\r\n  border: 1px solid #DED8D1;\r\n  border-radius: 12px;\r\n}\r\n\r\n.property-process__icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 56px;\r\n  height: 56px;\r\n  margin-bottom: 24px;\r\n  border-radius: 50%;\r\n  background: #F7F4F0;\r\n  color: #D05B37;\r\n}\r\n\r\n.property-process__icon svg {\r\n  display: block;\r\n  width: 27px;\r\n  height: 27px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.6;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.property-process__step h3 {\r\n  margin: 0 0 12px;\r\n  color: #060517;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 23px;\r\n  font-weight: 500;\r\n  line-height: 1.35;\r\n}\r\n\r\n.property-process__step p {\r\n  margin: 0;\r\n  color: #4B4B55;\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* FOOTER CTA *\/\r\n\r\n.property-process__footer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n  margin-top: 30px;\r\n  padding: 24px 0 0;\r\n  border-top: 1px solid #DED8D1;\r\n}\r\n\r\n.property-process__footer > p {\r\n  margin: 0;\r\n  color: #4B4B55;\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.property-process__cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  min-height: 50px;\r\n  padding: 13px 22px;\r\n  border: 1px solid #D05B37;\r\n  border-radius: 4px;\r\n  background: #D05B37;\r\n  color: #FFFFFF !important;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  line-height: 1.5;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.property-process__cta:link,\r\n.property-process__cta:visited,\r\n.property-process__cta:hover,\r\n.property-process__cta:focus,\r\n.property-process__cta:active {\r\n  background: #D05B37 !important;\r\n  border-color: #D05B37 !important;\r\n  color: #FFFFFF !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.property-process__cta svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  flex: 0 0 20px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* TABLET: TWO-COLUMN PROCESS CARDS *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .property-process {\r\n    padding: 50px 30px 0 !important;\r\n  }\r\n\r\n  .property-process__header {\r\n    max-width: 700px;\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .property-process__header h2 {\r\n    font-size: 44px;\r\n  }\r\n\r\n  .property-process__header > p {\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .property-process__steps {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  .property-process__step {\r\n    display: grid;\r\n    grid-template-columns: 56px minmax(0, 1fr);\r\n    column-gap: 18px;\r\n    align-content: start;\r\n    align-items: start;\r\n    min-height: 175px;\r\n    padding: 24px;\r\n  }\r\n\r\n  .property-process__icon {\r\n    grid-column: 1;\r\n    grid-row: 1 \/ span 2;\r\n    width: 52px;\r\n    height: 52px;\r\n    margin: 0;\r\n  }\r\n\r\n  .property-process__step h3 {\r\n    grid-column: 2;\r\n    margin: 0 0 8px;\r\n    font-size: 22px;\r\n  }\r\n\r\n  .property-process__step p {\r\n    grid-column: 2;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .property-process__footer {\r\n    margin-top: 24px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n  .property-process {\r\n    padding: 30px 10px 0 !important;\r\n  }\r\n\r\n  .property-process__header {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .property-process__label {\r\n    gap: 8px;\r\n    margin-bottom: 14px;\r\n    letter-spacing: 0.7px;\r\n  }\r\n\r\n  .property-process__header h2 {\r\n    font-size: clamp(31px, 8vw, 39px);\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .property-process__header > p {\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .property-process__steps {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 12px;\r\n  }\r\n\r\n  .property-process__step {\r\n    display: grid;\r\n    grid-template-columns: 48px minmax(0, 1fr);\r\n    column-gap: 15px;\r\n    align-content: start;\r\n    align-items: start;\r\n    min-height: 0;\r\n    padding: 22px 18px;\r\n  }\r\n\r\n  .property-process__icon {\r\n    grid-column: 1;\r\n    grid-row: 1 \/ span 2;\r\n    width: 46px;\r\n    height: 46px;\r\n    margin: 0;\r\n  }\r\n\r\n  .property-process__icon svg {\r\n    width: 23px;\r\n    height: 23px;\r\n  }\r\n\r\n  .property-process__step h3 {\r\n    grid-column: 2;\r\n    margin: 0 0 6px;\r\n    font-size: 21px;\r\n  }\r\n\r\n  .property-process__step p {\r\n    grid-column: 2;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .property-process__footer {\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    margin-top: 20px;\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .property-process__footer > p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .property-process__cta {\r\n    width: 100%;\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-5457b76 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=\"5457b76\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b46c18 elementor-widget elementor-widget-html\" data-id=\"3b46c18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\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<!-- 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=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"faq-section\" id=\"frequently-asked-questions\">\r\n\r\n  <div class=\"faq-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"faq-header\">\r\n\r\n      <div class=\"faq-heading-area\">\r\n\r\n        <!-- ICON BEFORE LABEL -->\r\n        <div class=\"faq-label\">\r\n          <i class=\"fa-solid fa-house-chimney\" aria-hidden=\"true\"><\/i>\r\n          <span>FREQUENTLY ASKED QUESTIONS<\/span>\r\n        <\/div>\r\n\r\n        <h2>\r\n          Questions,\r\n          <strong>Answered Clearly.<\/strong>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"faq-header-text\">\r\n        <p>\r\n          From finding the right property to understanding the buying process,\r\n          we make every step easier to understand so you can move forward\r\n          with greater clarity and confidence.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- FAQ GRID -->\r\n    <div class=\"faq-grid\">\r\n\r\n      <!-- FAQ 1 -->\r\n      <article class=\"faq-card\">\r\n        <div class=\"faq-card-top\">\r\n          <div class=\"faq-card-icon\">\r\n            <i class=\"fa-solid fa-house\" aria-hidden=\"true\"><\/i>\r\n          <\/div>\r\n          <div class=\"faq-plus\" aria-hidden=\"true\">\r\n            <i class=\"fa-solid fa-plus\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>How do I know which property is right for me?<\/h3>\r\n\r\n        <p>\r\n          We begin by understanding your preferred location, lifestyle,\r\n          budget, property requirements and long-term goals. This helps\r\n          us narrow down suitable options for you.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- FAQ 2 -->\r\n      <article class=\"faq-card\">\r\n        <div class=\"faq-card-top\">\r\n          <div class=\"faq-card-icon\">\r\n            <i class=\"fa-solid fa-calendar-check\" aria-hidden=\"true\"><\/i>\r\n          <\/div>\r\n          <div class=\"faq-plus\" aria-hidden=\"true\">\r\n            <i class=\"fa-solid fa-plus\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>Can I schedule a property viewing?<\/h3>\r\n\r\n        <p>\r\n          Yes. You can contact our team to arrange a convenient viewing\r\n          based on the property's availability and your preferred schedule.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- FAQ 3 -->\r\n      <article class=\"faq-card\">\r\n        <div class=\"faq-card-top\">\r\n          <div class=\"faq-card-icon\">\r\n            <i class=\"fa-solid fa-magnifying-glass\" aria-hidden=\"true\"><\/i>\r\n          <\/div>\r\n          <div class=\"faq-plus\" aria-hidden=\"true\">\r\n            <i class=\"fa-solid fa-plus\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>What should I consider before buying a property?<\/h3>\r\n\r\n        <p>\r\n          Important factors include location, connectivity, property\r\n          condition, documentation, budget, future requirements and\r\n          overall value.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- FAQ 4 -->\r\n      <article class=\"faq-card\">\r\n        <div class=\"faq-card-top\">\r\n          <div class=\"faq-card-icon\">\r\n            <i class=\"fa-solid fa-file-circle-check\" aria-hidden=\"true\"><\/i>\r\n          <\/div>\r\n          <div class=\"faq-plus\" aria-hidden=\"true\">\r\n            <i class=\"fa-solid fa-plus\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>Do you help with the property documentation process?<\/h3>\r\n\r\n        <p>\r\n          Our team can guide you through the documentation requirements\r\n          and help you understand the important steps involved in the\r\n          property transaction.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- CONTACT CARD -->\r\n      <article class=\"faq-help-card\">\r\n\r\n        <div class=\"faq-help-icon\">\r\n          <i class=\"fa-solid fa-comments\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"faq-help-content\">\r\n          <span>NEED MORE INFORMATION?<\/span>\r\n\r\n          <h3>Let's Talk About Your Property Plans.<\/h3>\r\n\r\n          <p>\r\n            Have a question that isn't covered here?\r\n            Our property team is ready to help.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <a\r\n          href=\"https:\/\/teknr8.thestackly.tech\/?page_id=32\"\r\n          class=\"faq-help-button\"\r\n        >\r\n          <span>Talk To Our Team<\/span>\r\n          <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================\r\n   FAQ SECTION\r\n========================================= *\/\r\n\r\n.faq-section,\r\n.faq-section *,\r\n.faq-section *::before,\r\n.faq-section *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.faq-section {\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  margin: 0 !important;\r\n  padding: 80px 50px 0 !important;\r\n  background: #F3F0EA;\r\n  color: #060517;\r\n  font-family: \"DM Sans\", sans-serif;\r\n}\r\n\r\n.faq-container {\r\n  width: 100%;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   HEADER\r\n========================================= *\/\r\n\r\n.faq-header {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(0, 0.72fr);\r\n  gap: 55px;\r\n  align-items: end;\r\n  margin-bottom: 38px;\r\n}\r\n\r\n.faq-heading-area {\r\n  min-width: 0;\r\n}\r\n\r\n\/* ICON BEFORE LABEL \u2014 NO LINE *\/\r\n\r\n.faq-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  width: fit-content;\r\n  max-width: 100%;\r\n  margin: 0 0 18px;\r\n  color: #D05B37;\r\n  font-family: \"DM Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  line-height: 1.5;\r\n  letter-spacing: 1.2px;\r\n}\r\n\r\n.faq-label i {\r\n  flex-shrink: 0;\r\n  color: #D05B37;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* HEADING *\/\r\n\r\n.faq-heading-area h2 {\r\n  margin: 0;\r\n  color: #060517;\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 60px;\r\n  font-weight: 600;\r\n  line-height: 1.03;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n.faq-heading-area h2 strong {\r\n  display: block;\r\n  color: #D05B37;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* INTRODUCTION *\/\r\n\r\n.faq-header-text {\r\n  padding-bottom: 5px;\r\n}\r\n\r\n.faq-header-text p {\r\n  max-width: 500px;\r\n  margin: 0;\r\n  color: #55525D;\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n}\r\n\r\n\/* =========================================\r\n   FAQ GRID\r\n========================================= *\/\r\n\r\n.faq-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 18px;\r\n  width: 100%;\r\n  align-items: stretch;\r\n}\r\n\r\n\/* =========================================\r\n   FAQ CARDS\r\n========================================= *\/\r\n\r\n.faq-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n  min-height: 290px;\r\n  padding: 28px 28px 27px;\r\n  background: #FFFFFF;\r\n  border: 1px solid #DED8D1;\r\n  overflow: hidden;\r\n}\r\n\r\n.faq-card:nth-child(1) {\r\n  border-radius: 30px 8px 8px 8px;\r\n}\r\n\r\n.faq-card:nth-child(2) {\r\n  border-radius: 8px 30px 8px 8px;\r\n}\r\n\r\n.faq-card:nth-child(3) {\r\n  border-radius: 8px 8px 8px 30px;\r\n}\r\n\r\n.faq-card:nth-child(4) {\r\n  border-radius: 8px 8px 30px 8px;\r\n}\r\n\r\n\/* CARD TOP *\/\r\n\r\n.faq-card-top {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 15px;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n\/* CARD ICON *\/\r\n\r\n.faq-card-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50%;\r\n  background: #060517;\r\n  color: #FFFFFF;\r\n  font-size: 18px;\r\n}\r\n\r\n\/* PLUS DECORATION *\/\r\n\r\n.faq-plus {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 1px solid #D8CFC1;\r\n  border-radius: 50%;\r\n  color: #D05B37;\r\n  font-size: 14px;\r\n}\r\n\r\n\/* QUESTION *\/\r\n\r\n.faq-card h3 {\r\n  margin: 0 0 14px;\r\n  color: #060517;\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 28px;\r\n  font-weight: 600;\r\n  line-height: 1.18;\r\n}\r\n\r\n\/* ANSWER *\/\r\n\r\n.faq-card p {\r\n  margin: auto 0 0;\r\n  color: #55525D;\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* =========================================\r\n   CONTACT CARD\r\n========================================= *\/\r\n\r\n.faq-help-card {\r\n  grid-column: 1 \/ -1;\r\n  display: grid;\r\n  grid-template-columns: 64px minmax(0, 1fr) auto;\r\n  align-items: center;\r\n  gap: 25px;\r\n  width: 100%;\r\n  min-width: 0;\r\n  margin-top: 2px;\r\n  padding: 30px 32px;\r\n  background: #060517;\r\n  border-radius: 8px 34px 8px 34px;\r\n}\r\n\r\n\/* CONTACT ICON *\/\r\n\r\n.faq-help-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 60px;\r\n  height: 60px;\r\n  border-radius: 50%;\r\n  background: #D05B37;\r\n  color: #FFFFFF;\r\n  font-size: 21px;\r\n}\r\n\r\n\/* CONTACT TEXT *\/\r\n\r\n.faq-help-content {\r\n  min-width: 0;\r\n}\r\n\r\n.faq-help-content > span {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n  color: #D05B37;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.2px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.faq-help-content h3 {\r\n  margin: 0 0 8px;\r\n  color: #FFFFFF;\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 30px;\r\n  font-weight: 600;\r\n  line-height: 1.15;\r\n}\r\n\r\n.faq-help-content p {\r\n  margin: 0;\r\n  color: #D8D6DD;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* CONTACT BUTTON *\/\r\n\r\n.faq-help-button,\r\n.faq-help-button:link,\r\n.faq-help-button:visited,\r\n.faq-help-button:hover,\r\n.faq-help-button:focus,\r\n.faq-help-button:active {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  min-width: 190px;\r\n  padding: 16px 20px;\r\n  background: #D05B37 !important;\r\n  border: 1px solid #D05B37 !important;\r\n  border-radius: 4px;\r\n  color: #FFFFFF !important;\r\n  font-family: \"DM Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.faq-help-button i {\r\n  color: #FFFFFF;\r\n  font-size: 14px;\r\n}\r\n\r\n\/* =========================================\r\n   REMOVE ANIMATIONS AND EFFECTS\r\n========================================= *\/\r\n\r\n.faq-section *,\r\n.faq-section *::before,\r\n.faq-section *::after {\r\n  animation: none !important;\r\n  transition: none !important;\r\n  box-shadow: none !important;\r\n  transform: none !important;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET \u2014 768px TO 1024px\r\n========================================= *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n  .faq-section {\r\n    padding: 50px 30px 0 !important;\r\n  }\r\n\r\n  .faq-header {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 18px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .faq-heading-area h2 {\r\n    font-size: 48px;\r\n    line-height: 1.08;\r\n  }\r\n\r\n  .faq-header-text {\r\n    padding: 0;\r\n  }\r\n\r\n  .faq-header-text p {\r\n    max-width: 750px;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .faq-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 15px;\r\n  }\r\n\r\n  .faq-card {\r\n    min-height: 285px;\r\n    padding: 24px 22px;\r\n  }\r\n\r\n  .faq-card-top {\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .faq-card h3 {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .faq-card p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .faq-help-card {\r\n    grid-template-columns: 54px minmax(0, 1fr);\r\n    gap: 18px;\r\n    padding: 26px;\r\n  }\r\n\r\n  .faq-help-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    font-size: 19px;\r\n  }\r\n\r\n  .faq-help-content h3 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .faq-help-button {\r\n    grid-column: 2;\r\n    justify-self: start;\r\n    min-width: 200px;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE \u2014 767px AND BELOW\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .faq-section {\r\n    padding: 30px 10px 0 !important;\r\n  }\r\n\r\n  .faq-header {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 17px;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .faq-label {\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 15px;\r\n    font-size: 16px;\r\n    letter-spacing: 0.6px;\r\n  }\r\n\r\n  .faq-label i {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .faq-heading-area h2 {\r\n    font-size: 38px;\r\n    line-height: 1.08;\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  .faq-header-text p {\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .faq-grid {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 13px;\r\n  }\r\n\r\n  .faq-card {\r\n    min-height: auto;\r\n    padding: 22px 19px 23px;\r\n    border-radius: 18px 7px 18px 7px !important;\r\n  }\r\n\r\n  .faq-card-top {\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .faq-card-icon {\r\n    width: 46px;\r\n    height: 46px;\r\n    font-size: 17px;\r\n  }\r\n\r\n  .faq-plus {\r\n    width: 38px;\r\n    height: 38px;\r\n  }\r\n\r\n  .faq-card h3 {\r\n    margin-bottom: 12px;\r\n    font-size: 25px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .faq-card p {\r\n    margin-top: 0;\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  \/* CONTACT CARD *\/\r\n\r\n  .faq-help-card {\r\n    grid-column: auto;\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 16px;\r\n    padding: 24px 20px;\r\n    border-radius: 8px 25px 8px 25px;\r\n  }\r\n\r\n  .faq-help-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .faq-help-content > span {\r\n    font-size: 16px;\r\n    letter-spacing: 0.8px;\r\n  }\r\n\r\n  .faq-help-content h3 {\r\n    font-size: 27px;\r\n    line-height: 1.18;\r\n  }\r\n\r\n  .faq-help-content p {\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .faq-help-button,\r\n  .faq-help-button:link,\r\n  .faq-help-button:visited,\r\n  .faq-help-button:hover,\r\n  .faq-help-button:focus,\r\n  .faq-help-button:active {\r\n    width: 100%;\r\n    min-width: 0;\r\n    padding: 15px 16px;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .faq-heading-area h2 {\r\n    font-size: 34px;\r\n  }\r\n\r\n  .faq-label {\r\n    font-size: 15px;\r\n    letter-spacing: 0.3px;\r\n  }\r\n\r\n  .faq-card h3 {\r\n    font-size: 23px;\r\n  }\r\n\r\n  .faq-help-content h3 {\r\n    font-size: 25px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Our Approach | Real Estate ABOUT OUR APPROACH Spaces Designed For The Way You Live. We bring together thoughtfully selected properties, local knowledge, and a personal approach to help you discover a place that truly feels like home. Discover Our Process Explore Properties Curated Homes Selected with purpose Local Expertise Knowledge you can trust FEATURED SPACE Modern Living Thoughtful design. Timeless character. OUR PROCESS A Simpler Way To Find Your Place. From the first conversation to the final handover, our approach is designed to make every property decision clear, personal, and comfortable. Guidance At Every Step Clear communication and thoughtful support throughout your property journey. Understand Your Needs We begin by understanding your lifestyle, preferences, goals, and expectations. Discover The Right Properties We carefully identify properties that align with what matters most to you. Explore With Confidence Visit, compare, and understand each property with clear information and practical guidance. Move Forward With Clarity When you are ready, we help make the next steps straightforward and well organised. Featured Properties FEATURED PROPERTIES Find A Place To Call Home. Explore a considered collection of homes chosen for their character, comfort and location. Discover a property that fits the way you want to live. Explore All Properties Featured Property SIGNATURE RESIDENCE The Maple Residences Jubilee Hills, Hyderabad A thoughtfully designed residence combining generous interiors, refined details and comfortable contemporary living. 4 Beds Bedrooms 3 Baths Bathrooms 3,200 sq.ft. Area Indicative price \u20b92.40 Cr For Sale CITY APARTMENT Skyline Apartments Gachibowli, Hyderabad A contemporary apartment with well-planned spaces and convenient access to everyday essentials. 3 Beds Bedrooms 2 Baths Bathrooms 1,850 sq.ft. Area \u20b91.25 Cr View Details For Sale PRIVATE VILLA The Green Villas Kokapet, Hyderabad A spacious villa concept with inviting interiors, outdoor space and room for family living. 4 Beds Bedrooms 4 Baths Bathrooms 3,000 sq.ft. Area \u20b92.10 Cr View Details For Sale FAMILY RESIDENCE Marina View Residence Financial District, Hyderabad A welcoming home with practical layouts, natural light and space for relaxed everyday living. 3 Beds Bedrooms 3 Baths Bathrooms 2,100 sq.ft. Area \u20b91.55 Cr View Details For Sale CONTEMPORARY HOME The Lakes Townhouse Kondapur, Hyderabad A modern home combining comfortable interiors, thoughtful design and everyday functionality. 3 Beds Bedrooms 3 Baths Bathrooms 2,250 sq.ft. Area \u20b91.70 Cr View Details HOW IT WORKS Your Property Journey, Made Simple. From your first enquiry to a confident property decision, we make every step clear, considered and personal. Make an Enquiry Tell us what you are looking for, including your needs, preferred location and budget. Shortlist Properties Explore suitable options selected around your preferences and property goals. Arrange a Viewing Visit your preferred properties to understand the space, features and surroundings. Decide with Confidence Compare your options with clear guidance and move forward when you are ready. FREQUENTLY ASKED QUESTIONS Questions, Answered Clearly. From finding the right property to understanding the buying process, we make every step easier to understand so you can move forward with greater clarity and confidence. How do I know which property is right for me? We begin by understanding your preferred location, lifestyle, budget, property requirements and long-term goals. This helps us narrow down suitable options for you. Can I schedule a property viewing? Yes. You can contact our team to arrange a convenient viewing based on the property&#8217;s availability and your preferred schedule. What should I consider before buying a property? Important factors include location, connectivity, property condition, documentation, budget, future requirements and overall value. Do you help with the property documentation process? Our team can guide you through the documentation requirements and help you understand the important steps involved in the property transaction. NEED MORE INFORMATION? Let&#8217;s Talk About Your Property Plans. Have a question that isn&#8217;t covered here? Our property team is ready to help. Talk To Our Team<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknr8.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr8.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr8.thestackly.tech\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr8.thestackly.tech\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr8.thestackly.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":5,"href":"https:\/\/teknr8.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":725,"href":"https:\/\/teknr8.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/725"}],"wp:attachment":[{"href":"https:\/\/teknr8.thestackly.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}