{"id":6399,"date":"2026-09-11T11:13:38","date_gmt":"2026-09-11T11:13:38","guid":{"rendered":"https:\/\/brightcodess.com\/bengaluru\/?page_id=6399"},"modified":"2026-09-11T11:41:19","modified_gmt":"2026-09-11T11:41:19","slug":"real-estate-app","status":"publish","type":"page","link":"https:\/\/brightcodess.com\/bengaluru\/real-estate-app\/","title":{"rendered":"Real Estate App"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6399\" class=\"elementor elementor-6399\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1943003 e-con-full e-flex e-con e-parent\" data-id=\"1943003\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e60303d e-con-full e-flex e-con e-child\" data-id=\"e60303d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d678ea elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5d678ea\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Real Estate Hero Section Start -->\r\n<div class=\"re-hero-wrapper\">\r\n  <div class=\"re-hero-container\">\r\n    \r\n    <!-- Left Column: Content -->\r\n    <div class=\"re-hero-content\">\r\n      <div class=\"re-badge\">\r\n        <span class=\"re-badge-dot\"><\/span>\r\n        #1 PropTech & Real Estate App Development\r\n      <\/div>\r\n      \r\n      <h1 class=\"re-hero-title\">\r\n        Next-Gen Real Estate App Development in <span>Bangalore<\/span>\r\n      <\/h1>\r\n      \r\n      <p class=\"re-hero-desc\">\r\n        Empower buyers, sellers, and agents with custom property portals, immersive 3D virtual tours, AI-driven smart matching, and seamless MLS\/CRM integrations.\r\n      <\/p>\r\n      \r\n      <div class=\"re-hero-cta-group\">\r\n        <a href=\"https:\/\/brightcodess.com\/bengaluru\/contact\/\" class=\"re-btn re-btn-primary\">\r\n          <span>Schedule a Free Tech Consult<\/span>\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n      \r\n      <!-- Trust Metrics -->\r\n      <div class=\"re-metrics\">\r\n        <div class=\"re-metric-item\">\r\n          <strong>10K+<\/strong>\r\n          <span>Properties Managed<\/span>\r\n        <\/div>\r\n        <div class=\"re-metric-divider\"><\/div>\r\n        <div class=\"re-metric-item\">\r\n          <strong>360&deg;<\/strong>\r\n          <span>AR\/VR Integrations<\/span>\r\n        <\/div>\r\n        <div class=\"re-metric-divider\"><\/div>\r\n        <div class=\"re-metric-item\">\r\n          <strong>IDX\/MLS<\/strong>\r\n          <span>Seamless Sync<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Right Column: Animated App Mockup -->\r\n    <div class=\"re-hero-visual\">\r\n      \r\n      <!-- Glowing Background Gradients -->\r\n      <div class=\"re-glow-1\"><\/div>\r\n      <div class=\"re-glow-2\"><\/div>\r\n\r\n      <!-- Floating Badge: AI Match -->\r\n      <div class=\"re-float-card re-float-card-match\">\r\n        <div class=\"re-card-icon re-bg-blue\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"2\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <small>AI Smart Match<\/small>\r\n          <strong>98% Match <span class=\"re-text-blue\">\u2022 Premium Villa<\/span><\/strong>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Floating Badge: New Listing -->\r\n      <div class=\"re-float-card re-float-card-alert\">\r\n        <div class=\"re-card-icon re-bg-green\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <small>Property Alert<\/small>\r\n          <strong>New Listing in Area<\/strong>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Smartphone Device Frame -->\r\n      <div class=\"re-phone-frame\">\r\n        <div class=\"re-phone-notch\"><\/div>\r\n        \r\n        <!-- App Screen -->\r\n        <div class=\"re-phone-screen\">\r\n          \r\n          <!-- Top App Bar -->\r\n          <div class=\"re-app-header\">\r\n            <div class=\"re-location\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n              Whitefield, BLR\r\n            <\/div>\r\n            <button class=\"re-icon-btn\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"4\" y1=\"21\" x2=\"4\" y2=\"14\"><\/line><line x1=\"4\" y1=\"10\" x2=\"4\" y2=\"3\"><\/line><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"3\"><\/line><line x1=\"20\" y1=\"21\" x2=\"20\" y2=\"16\"><\/line><line x1=\"20\" y1=\"12\" x2=\"20\" y2=\"3\"><\/line><line x1=\"1\" y1=\"14\" x2=\"7\" y2=\"14\"><\/line><line x1=\"9\" y1=\"8\" x2=\"15\" y2=\"8\"><\/line><line x1=\"17\" y1=\"16\" x2=\"23\" y2=\"16\"><\/line><\/svg>\r\n            <\/button>\r\n          <\/div>\r\n          \r\n          <!-- Main Property Image -->\r\n          <div class=\"re-property-showcase\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?q=80&w=400&auto=format&fit=crop\" alt=\"Luxury Villa\" class=\"re-property-img\" \/>\r\n            \r\n            <!-- 360 Tour Badge -->\r\n            <div class=\"re-tour-badge\">\r\n              <span class=\"re-tour-dot\"><\/span> 360&deg; Tour\r\n            <\/div>\r\n            \r\n            <!-- Price Overlay -->\r\n            <div class=\"re-price-tag\">\r\n              \u20b912.5 Cr\r\n            <\/div>\r\n            \r\n            <!-- Favorite Button -->\r\n            <button class=\"re-fav-btn\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#ef4444\" stroke=\"#ef4444\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>\r\n            <\/button>\r\n          <\/div>\r\n          \r\n          <!-- Property Details -->\r\n          <div class=\"re-property-info\">\r\n            <h2>The Glass House Villa<\/h2>\r\n            <p>Prestige Golfshire, Nandi Hills<\/p>\r\n            \r\n            <div class=\"re-features-row\">\r\n              <div class=\"re-feature\">\r\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\r\n                4 Beds\r\n              <\/div>\r\n              <div class=\"re-feature\">\r\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\r\n                5 Baths\r\n              <\/div>\r\n              <div class=\"re-feature\">\r\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16v16H4z\"><\/path><\/svg>\r\n                5,200 sqft\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Agent Profile & Action -->\r\n          <div class=\"re-bottom-action\">\r\n            <div class=\"re-agent-row\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?q=80&w=100&auto=format&fit=crop\" alt=\"Agent\" class=\"re-agent-img\"\/>\r\n              <div class=\"re-agent-details\">\r\n                <strong>Rahul Sharma<\/strong>\r\n                <span>Premier Agent<\/span>\r\n              <\/div>\r\n              <button class=\"re-call-btn\" title=\"Contact Agent\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Scoped CSS for Real Estate \/ PropTech Hero *\/\r\n  .re-hero-wrapper {\r\n    position: relative;\r\n    \/* Soft premium background: subtle blue-gray to white *\/\r\n    background: radial-gradient(circle at 85% 15%, #e0f2fe 0%, #f8fafc 60%, #ffffff 100%);\r\n    padding: 80px 24px;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n    color: #0f172a;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n  }\r\n  .re-hero-wrapper * {\r\n    box-sizing: border-box;\r\n  }\r\n  .re-hero-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: 50px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Left Column Styling *\/\r\n  .re-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: #e0f2fe;\r\n    color: #0284c7;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    padding: 6px 14px;\r\n    border-radius: 9999px;\r\n    margin-bottom: 24px;\r\n    border: 1px solid #bae6fd;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n  .re-badge-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #0284c7;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.2);\r\n    animation: rePulse 2s infinite;\r\n  }\r\n  .re-hero-title {\r\n    font-size: 48px;\r\n    line-height: 1.15;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0 0 20px 0;\r\n    letter-spacing: -0.02em;\r\n  }\r\n  .re-hero-title span {\r\n    \/* Trustworthy Ocean Blue Gradient *\/\r\n    background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n  .re-hero-desc {\r\n    font-size: 17px;\r\n    line-height: 1.6;\r\n    color: #475569;\r\n    margin: 0 0 36px 0;\r\n    max-width: 540px;\r\n  }\r\n  .re-hero-cta-group {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n    margin-bottom: 40px;\r\n  }\r\n  .re-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 14px 28px;\r\n    border-radius: 12px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.25s ease;\r\n  }\r\n  .re-btn-primary {\r\n    background: #2563eb;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 10px 20px -5px rgba(37, 99, 235, 0.4);\r\n  }\r\n  .re-btn-primary:hover {\r\n    background: #1d4ed8;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 14px 24px -5px rgba(37, 99, 235, 0.5);\r\n  }\r\n\r\n  \/* Metrics *\/\r\n  .re-metrics {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    padding-top: 24px;\r\n    border-top: 1px solid #e2e8f0;\r\n  }\r\n  .re-metric-item strong {\r\n    display: block;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n  }\r\n  .re-metric-item span {\r\n    font-size: 12px;\r\n    color: #64748b;\r\n    font-weight: 500;\r\n  }\r\n  .re-metric-divider {\r\n    width: 1px;\r\n    height: 32px;\r\n    background: #e2e8f0;\r\n  }\r\n\r\n  \/* Right Column: Visual Mockup *\/\r\n  .re-hero-visual {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n  .re-glow-1 {\r\n    position: absolute;\r\n    width: 320px;\r\n    height: 320px;\r\n    top: 5%;\r\n    right: 5%;\r\n    background: rgba(14, 165, 233, 0.2);\r\n    filter: blur(80px);\r\n    border-radius: 50%;\r\n    z-index: 1;\r\n  }\r\n  .re-glow-2 {\r\n    position: absolute;\r\n    width: 260px;\r\n    height: 260px;\r\n    bottom: 5%;\r\n    left: 10%;\r\n    background: rgba(37, 99, 235, 0.15);\r\n    filter: blur(70px);\r\n    border-radius: 50%;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Phone Mockup *\/\r\n  .re-phone-frame {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 310px;\r\n    height: 600px;\r\n    background: #ffffff;\r\n    border-radius: 44px;\r\n    padding: 10px;\r\n    box-shadow: 0 30px 60px -15px rgba(15, 23, 42, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);\r\n    animation: reFloat 6s ease-in-out infinite;\r\n  }\r\n  .re-phone-notch {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 90px;\r\n    height: 18px;\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    z-index: 6;\r\n    box-shadow: inset 0px -2px 4px rgba(0,0,0,0.05);\r\n  }\r\n  .re-phone-screen {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #f8fafc;\r\n    border-radius: 36px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  \/* Real Estate App UI Elements *\/\r\n  .re-app-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 28px 20px 16px;\r\n    background: #ffffff;\r\n    z-index: 4;\r\n  }\r\n  .re-location {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #1e293b;\r\n  }\r\n  .re-icon-btn {\r\n    background: #f1f5f9;\r\n    border: none;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #0f172a;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Property Showcase (Image area) *\/\r\n  .re-property-showcase {\r\n    position: relative;\r\n    width: calc(100% - 24px);\r\n    height: 320px;\r\n    margin: 0 auto;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);\r\n  }\r\n  .re-property-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n  \r\n  .re-tour-badge {\r\n    position: absolute;\r\n    top: 12px;\r\n    left: 12px;\r\n    background: rgba(15, 23, 42, 0.75);\r\n    backdrop-filter: blur(8px);\r\n    color: #ffffff;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    padding: 6px 12px;\r\n    border-radius: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    border: 1px solid rgba(255,255,255,0.2);\r\n  }\r\n  .re-tour-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    background: #10b981;\r\n    border-radius: 50%;\r\n    animation: rePulse 1.5s infinite;\r\n  }\r\n  \r\n  .re-fav-btn {\r\n    position: absolute;\r\n    top: 12px;\r\n    right: 12px;\r\n    width: 32px;\r\n    height: 32px;\r\n    background: rgba(255,255,255,0.9);\r\n    backdrop-filter: blur(4px);\r\n    border: none;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .re-price-tag {\r\n    position: absolute;\r\n    bottom: 12px;\r\n    left: 12px;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    backdrop-filter: blur(8px);\r\n    color: #0f172a;\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    padding: 8px 16px;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  \/* Property Info Text *\/\r\n  .re-property-info {\r\n    padding: 20px 16px;\r\n  }\r\n  .re-property-info h2 {\r\n    margin: 0 0 4px 0;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n  }\r\n  .re-property-info p {\r\n    margin: 0 0 16px 0;\r\n    font-size: 12px;\r\n    color: #64748b;\r\n  }\r\n  .re-features-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    background: #ffffff;\r\n    padding: 12px;\r\n    border-radius: 14px;\r\n    box-shadow: 0 2px 10px rgba(0,0,0,0.03);\r\n  }\r\n  .re-feature {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 4px;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n  }\r\n  .re-feature svg {\r\n    color: #2563eb;\r\n  }\r\n\r\n  \/* Bottom Agent Action Bar *\/\r\n  .re-bottom-action {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 16px;\r\n    background: #ffffff;\r\n    border-top: 1px solid #f1f5f9;\r\n    border-bottom-left-radius: 36px;\r\n    border-bottom-right-radius: 36px;\r\n  }\r\n  .re-agent-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n  .re-agent-img {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n    border: 2px solid #e0f2fe;\r\n  }\r\n  .re-agent-details {\r\n    flex: 1;\r\n  }\r\n  .re-agent-details strong {\r\n    display: block;\r\n    font-size: 13px;\r\n    color: #0f172a;\r\n  }\r\n  .re-agent-details span {\r\n    display: block;\r\n    font-size: 11px;\r\n    color: #64748b;\r\n  }\r\n  .re-call-btn {\r\n    background: #10b981;\r\n    border: none;\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3);\r\n    transition: transform 0.2s;\r\n  }\r\n  .re-call-btn:hover {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* Floating UI Cards *\/\r\n  .re-float-card {\r\n    position: absolute;\r\n    z-index: 3;\r\n    background: rgba(255, 255, 255, 0.85);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    padding: 12px 16px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.12);\r\n    border: 1px solid rgba(255, 255, 255, 1);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n  .re-float-card small {\r\n    display: block;\r\n    font-size: 10px;\r\n    color: #64748b;\r\n    font-weight: 600;\r\n    margin-bottom: 2px;\r\n  }\r\n  .re-float-card strong {\r\n    display: block;\r\n    font-size: 13px;\r\n    color: #0f172a;\r\n  }\r\n  .re-text-blue { color: #2563eb; font-size: 11px; }\r\n\r\n  .re-float-card-match {\r\n    left: -50px;\r\n    top: 100px;\r\n    animation: reFloatReverse 5s ease-in-out infinite;\r\n  }\r\n  .re-float-card-alert {\r\n    right: -40px;\r\n    bottom: 120px;\r\n    animation: reFloat 7s ease-in-out infinite 1s;\r\n  }\r\n  .re-card-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .re-bg-blue { background: #eff6ff; }\r\n  .re-bg-green { background: #ecfdf5; }\r\n\r\n  \/* Keyframe Animations *\/\r\n  @keyframes reFloat {\r\n    0%, 100% { transform: translateY(0px); }\r\n    50% { transform: translateY(-12px); }\r\n  }\r\n  @keyframes reFloatReverse {\r\n    0%, 100% { transform: translateY(0px); }\r\n    50% { transform: translateY(10px); }\r\n  }\r\n  @keyframes rePulse {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.6; transform: scale(1.2); }\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 992px) {\r\n    .re-hero-container {\r\n      grid-template-columns: 1fr;\r\n      text-align: center;\r\n      gap: 60px;\r\n    }\r\n    .re-hero-desc {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n    .re-hero-cta-group {\r\n      justify-content: center;\r\n    }\r\n    .re-metrics {\r\n      justify-content: center;\r\n    }\r\n    .re-float-card-match { left: 10px; top: -15px; }\r\n    .re-float-card-alert { right: 10px; bottom: 80px; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .re-hero-wrapper {\r\n      padding: 50px 16px;\r\n    }\r\n    .re-hero-title {\r\n      font-size: 36px;\r\n    }\r\n    .re-phone-frame {\r\n      width: 290px;\r\n      height: 560px;\r\n    }\r\n    .re-float-card {\r\n      display: none;\r\n    }\r\n    .re-metrics {\r\n      flex-direction: column;\r\n      gap: 12px;\r\n    }\r\n    .re-metric-divider {\r\n      display: none;\r\n    }\r\n  }\r\n<\/style>\r\n<!-- Real Estate Hero Section End -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2369d43 e-flex e-con-boxed e-con e-parent\" data-id=\"2369d43\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e29b74c elementor-widget elementor-widget-html\" data-id=\"e29b74c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   PREMIUM REAL ESTATE SECTION (WordPress Friendly & Scoped)\r\n========================================= *\/\r\n\r\n.re-lux-section-wrapper {\r\n    --re-font-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    --re-color-bg: #ffffff;\r\n    --re-color-text-main: #0f172a; \/* Deep Slate\/Navy *\/\r\n    --re-color-text-muted: #64748b;\r\n    --re-color-accent-blue: #2563eb;  \/* Ocean Blue *\/\r\n    --re-color-accent-blue-light: #dbeafe; \r\n    --re-color-accent-navy: #1e293b;  \/* Premium Dark Navy *\/\r\n    --re-color-card-bg: #faf9f6; \/* Pearl White for cards *\/\r\n    \r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: var(--re-font-primary);\r\n    background: transparent;\r\n    padding: 40px 0;\r\n}\r\n\r\n.re-lux-section-wrapper *,\r\n.re-lux-section-wrapper *::before,\r\n.re-lux-section-wrapper *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN CARD\r\n========================================= *\/\r\n\r\n.re-lux-card {\r\n    width: 100%;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    background: var(--re-color-bg);\r\n    border-radius: 24px;\r\n    padding: 55px 50px 0px 50px;\r\n    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.08);\r\n    position: relative;\r\n    overflow: visible;\r\n    border: 1px solid rgba(37, 99, 235, 0.15); \/* Subtle blue border *\/\r\n}\r\n\r\n\/* =========================================\r\n   TWO COLUMN LAYOUT\r\n========================================= *\/\r\n\r\n.re-lux-grid-layout {\r\n    display: grid;\r\n    grid-template-columns: 0.85fr 1.15fr;\r\n    gap: 40px;\r\n    align-items: flex-end;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT VISUAL COLUMN\r\n========================================= *\/\r\n\r\n.re-lux-visual-wrapper {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    min-height: 520px;\r\n    overflow: visible;\r\n}\r\n\r\n\/* Background Luxury Glow *\/\r\n.re-lux-bg-shape {\r\n    position: absolute;\r\n    bottom: -20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 420px;\r\n    height: 420px;\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(37, 99, 235, 0.15) 0%,\r\n        rgba(30, 41, 59, 0.05) 45%,\r\n        rgba(255, 255, 255, 0) 72%\r\n    );\r\n    border-radius: 50%;\r\n    z-index: 1;\r\n}\r\n\r\n\/* PREMIUM APP MOCKUP \/ PROPERTY IMAGE *\/\r\n.re-lux-app-img {\r\n    position: relative;\r\n    z-index: 2;\r\n    height: 500px;\r\n    width: 280px;\r\n    object-fit: cover;\r\n    display: block;\r\n    align-self: flex-end;\r\n    transform-origin: bottom center;\r\n    animation: reLuxFloat 6s ease-in-out infinite;\r\n    border-radius: 36px 36px 0 0;\r\n    border: 8px solid #ffffff;\r\n    border-bottom: none;\r\n    box-shadow: 0 -15px 35px rgba(15, 23, 42, 0.12);\r\n}\r\n\r\n@keyframes reLuxFloat {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-10px); }\r\n}\r\n\r\n\/* SPEECH BUBBLE *\/\r\n.re-lux-speech-bubble {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: -40px;\r\n    width: 310px;\r\n    background: linear-gradient(135deg, var(--re-color-accent-navy) 0%, #0f172a 100%);\r\n    color: #ffffff;\r\n    padding: 24px;\r\n    border-radius: 20px;\r\n    border-bottom-left-radius: 5px;\r\n    z-index: 5;\r\n    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.3);\r\n    border: 1px solid rgba(37, 99, 235, 0.3);\r\n    animation: reLuxFloatBubble 5s ease-in-out infinite 0.5s;\r\n}\r\n\r\n.re-lux-speech-bubble::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -13px;\r\n    left: 42px;\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 13px solid transparent;\r\n    border-right: 13px solid transparent;\r\n    border-top: 13px solid var(--re-color-accent-navy);\r\n}\r\n\r\n.re-lux-icon-wrap {\r\n    width: 36px;\r\n    height: 36px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    color: var(--re-color-accent-blue);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 12px;\r\n    border: 1px solid rgba(37, 99, 235, 0.5);\r\n}\r\n\r\n.re-lux-speech-bubble h3 {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n    margin-bottom: 10px;\r\n    color: #ffffff;\r\n    font-family: inherit;\r\n}\r\n\r\n.re-lux-highlight-blue {\r\n    color: var(--re-color-accent-blue);\r\n}\r\n\r\n.re-lux-speech-divider {\r\n    height: 1px;\r\n    background: rgba(37, 99, 235, 0.2);\r\n    margin: 12px 0;\r\n}\r\n\r\n.re-lux-speech-bubble p {\r\n    font-size: 13px;\r\n    color: #cbd5e1;\r\n    line-height: 1.5;\r\n}\r\n\r\n.re-lux-speech-bubble p strong {\r\n    color: #ffffff;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* FLOATING LUXURY ELEMENTS *\/\r\n.re-lux-float-element {\r\n    position: absolute;\r\n    z-index: 4;\r\n    font-weight: 800;\r\n    animation: reLuxFloatElement 4s ease-in-out infinite;\r\n    opacity: 0.8;\r\n}\r\n\r\n.re-lux-element-top { \r\n    top: 60px; \r\n    left: 50px; \r\n    animation-delay: 0s; \r\n    color: var(--re-color-accent-blue); \r\n}\r\n.re-lux-element-bottom { \r\n    bottom: 140px; \r\n    left: 100px; \r\n    animation-delay: 1.5s;\r\n    color: var(--re-color-accent-navy);\r\n}\r\n\r\n\/* DOT PATTERN *\/\r\n.re-lux-dot-grid {\r\n    position: absolute;\r\n    width: 70px;\r\n    height: 70px;\r\n    background-image: radial-gradient(rgba(37, 99, 235, 0.4) 2px, transparent 2px);\r\n    background-size: 14px 14px;\r\n    z-index: 1;\r\n}\r\n\r\n.re-lux-grid-top { top: 25px; left: -10px; }\r\n.re-lux-grid-bottom { bottom: 90px; right: 25px; }\r\n\r\n\/* =========================================\r\n   RIGHT CONTENT COLUMN\r\n========================================= *\/\r\n\r\n.re-lux-content-wrapper {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding-bottom: 60px;\r\n}\r\n\r\n.re-lux-subheading {\r\n    color: var(--re-color-accent-blue);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 14px;\r\n}\r\n\r\n.re-lux-subheading::before {\r\n    content: '';\r\n    display: block;\r\n    width: 30px;\r\n    height: 2px;\r\n    background: var(--re-color-accent-blue);\r\n}\r\n\r\n.re-lux-main-heading {\r\n    font-size: 42px;\r\n    font-weight: 800;\r\n    color: var(--re-color-text-main);\r\n    line-height: 1.15;\r\n    margin-bottom: 24px;\r\n    letter-spacing: -0.5px;\r\n    font-family: inherit;\r\n}\r\n\r\n.re-lux-main-heading span {\r\n    background: linear-gradient(90deg, var(--re-color-accent-blue) 0%, #0ea5e9 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.re-lux-heading-line {\r\n    width: 80px;\r\n    height: 4px;\r\n    background: var(--re-color-accent-navy);\r\n    border-radius: 4px;\r\n    margin-bottom: 40px;\r\n    position: relative;\r\n}\r\n.re-lux-heading-line::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    right: -15px;\r\n    width: 10px;\r\n    height: 4px;\r\n    background: var(--re-color-accent-blue);\r\n    border-radius: 4px;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT SIDE - HORIZONTAL CARDS (3 IN 1 ROW)\r\n========================================= *\/\r\n\r\n.re-lux-feature-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 16px;\r\n}\r\n\r\n.re-lux-feature-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    align-items: flex-start;\r\n    gap: 16px; \/* Rigid spacing to prevent stretching *\/\r\n    padding: 26px 20px 28px 20px;\r\n    border-radius: 16px;\r\n    background: var(--re-color-card-bg);\r\n    border: 1px solid #e2e8f0;\r\n    transition: all .4s cubic-bezier(.4,0,.2,1);\r\n    cursor: pointer;\r\n    height: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Blue Accent Bottom Border *\/\r\n.re-lux-feature-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    height: 4px;\r\n    width: 0%;\r\n    background: linear-gradient(90deg, var(--re-color-accent-blue), #0ea5e9);\r\n    transition: width 0.4s ease;\r\n}\r\n\r\n.re-lux-feature-card:hover {\r\n    background: #ffffff;\r\n    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08);\r\n    transform: translateY(-6px);\r\n    border-color: rgba(37, 99, 235, 0.3);\r\n}\r\n\r\n.re-lux-feature-card:hover::after {\r\n    width: 100%;\r\n}\r\n\r\n.re-lux-icon-box {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    background: #ffffff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 6px 16px rgba(0,0,0,0.04);\r\n    transition: all .4s ease;\r\n    border: 1px solid #f1f5f9;\r\n}\r\n\r\n.re-lux-feature-card:hover .re-lux-icon-box {\r\n    background: var(--re-color-accent-navy);\r\n    transform: scale(1.05);\r\n    border-color: var(--re-color-accent-navy);\r\n}\r\n\r\n.re-lux-icon-box svg {\r\n    width: 26px;\r\n    height: 26px;\r\n    stroke: var(--re-color-text-main);\r\n    transition: stroke .4s ease;\r\n}\r\n\r\n.re-lux-feature-card:hover .re-lux-icon-box svg {\r\n    stroke: var(--re-color-accent-blue);\r\n}\r\n\r\n.re-lux-feature-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    gap: 8px; \/* Strict alignment gap *\/\r\n}\r\n\r\n.re-lux-feature-text h4 {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: var(--re-color-text-main);\r\n    line-height: 1.3;\r\n    font-family: inherit;\r\n    margin: 0;\r\n}\r\n\r\n.re-lux-feature-text p {\r\n    font-size: 13px;\r\n    color: var(--re-color-text-muted);\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* Animations & Responsive *\/\r\n@keyframes reLuxFloatBubble {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-8px); }\r\n}\r\n\r\n@keyframes reLuxFloatElement {\r\n    0%, 100% { transform: translateY(0) scale(1) rotate(0deg); opacity: .6; }\r\n    50% { transform: translateY(-12px) scale(1.1) rotate(15deg); opacity: 1; }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .re-lux-grid-layout {\r\n        grid-template-columns: 1fr;\r\n        gap: 60px;\r\n    }\r\n    .re-lux-visual-wrapper {\r\n        min-height: auto;\r\n    }\r\n    .re-lux-app-img {\r\n        height: 420px;\r\n        width: 240px;\r\n        margin-bottom: 0;\r\n    }\r\n    .re-lux-speech-bubble {\r\n        right: 0;\r\n        top: -10px;\r\n        width: 280px;\r\n    }\r\n    .re-lux-card {\r\n        padding: 40px 30px 0;\r\n        overflow: hidden;\r\n    }\r\n    .re-lux-content-wrapper {\r\n        padding-bottom: 40px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .re-lux-feature-list {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .re-lux-main-heading {\r\n        font-size: 32px;\r\n    }\r\n    .re-lux-speech-bubble {\r\n        display: none;\r\n    }\r\n    .re-lux-app-img {\r\n        height: 360px;\r\n        width: 200px;\r\n    }\r\n    .re-lux-card {\r\n        padding: 30px 20px 0;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"re-lux-section-wrapper\">\r\n    <div class=\"re-lux-card\">\r\n        \r\n        <div class=\"re-lux-grid-layout\">\r\n            \r\n            <!-- Left Visual Column -->\r\n            <div class=\"re-lux-visual-wrapper\">\r\n                <div class=\"re-lux-bg-shape\"><\/div>\r\n                \r\n                <span class=\"re-lux-dot-grid re-lux-grid-top\"><\/span>\r\n                <span class=\"re-lux-dot-grid re-lux-grid-bottom\"><\/span>\r\n\r\n                <!-- Floating Luxury Accents -->\r\n                <span class=\"re-lux-float-element re-lux-element-top\">\r\n                    <!-- Diamond SVG -->\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2L2 12l10 10 10-10L12 2z\"\/><\/svg>\r\n                <\/span>\r\n                <span class=\"re-lux-float-element re-lux-element-bottom\">\r\n                    <!-- Star SVG -->\r\n                    <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                <\/span>\r\n\r\n                <div class=\"re-lux-speech-bubble\">\r\n                    <div class=\"re-lux-icon-wrap\">\r\n                        <!-- Crown \/ Premium Icon -->\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M2 4h20M2 20h20M4 20V8l4 4 4-6 4 6 4-4v12\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Planning to launch a <span class=\"re-lux-highlight-blue\">PropTech App?<\/span><\/h3>\r\n                    <div class=\"re-lux-speech-divider\"><\/div>\r\n                    <p>Partner with <strong>Brightcode<\/strong> \u2013 Elite Real Estate Tech Experts!<\/p>\r\n                <\/div>\r\n\r\n                <!-- Sleek App \/ Interior Placeholder Image -->\r\n                <img decoding=\"async\" src=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/eal-estate.webp\" class=\"re-lux-app-img\">\r\n            <\/div>\r\n\r\n            <!-- Right Content Column -->\r\n            <div class=\"re-lux-content-wrapper\">\r\n                <span class=\"re-lux-subheading\">Premium PropTech Solutions<\/span>\r\n                <h2 class=\"re-lux-main-heading\">Real Estate apps built for <span>luxury & scale<\/span><\/h2>\r\n                <div class=\"re-lux-heading-line\"><\/div>\r\n\r\n                <!-- 3 CARDS IN 1 ROW INSIDE RIGHT COLUMN -->\r\n                <div class=\"re-lux-feature-list\">\r\n                    \r\n                    <div class=\"re-lux-feature-card\">\r\n                        <div class=\"re-lux-icon-box\">\r\n                            <!-- Smart Home \/ MLS Icon -->\r\n                            <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n                                <polyline points=\"9 22 9 12 15 12 15 22\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"re-lux-feature-text\">\r\n                            <h4>IDX & MLS Ready<\/h4>\r\n                            <p>Seamlessly integrate global property databases, advanced filters, and real-time mapping.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"re-lux-feature-card\">\r\n                        <div class=\"re-lux-icon-box\">\r\n                            <!-- Virtual Tour \/ 3D Cube Icon -->\r\n                            <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\r\n                                <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\r\n                                <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"re-lux-feature-text\">\r\n                            <h4>Immersive 3D Tours<\/h4>\r\n                            <p>High-performance AR\/VR media integration allowing buyers to tour properties effortlessly.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"re-lux-feature-card\">\r\n                        <div class=\"re-lux-icon-box\">\r\n                            <!-- Lead Gen \/ CRM Key Icon -->\r\n                            <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"re-lux-feature-text\">\r\n                            <h4>Smart Lead CRM<\/h4>\r\n                            <p>AI-driven buyer matching, automated follow-ups, and robust agent dashboard architecture.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b119300 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"b119300\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad0553a elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"ad0553a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Core Features\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6eb1b1 elementor-widget elementor-widget-heading\" data-id=\"e6eb1b1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Powerful Features for Modern Real Estate<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20076ac elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"20076ac\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Every build includes AI-driven property matching, secure buyer and agent profiles, seamless in-app communication, immersive 3D virtual tours, and robust CRM tools configured for scalable property management systems.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebff6b9 elementor-widget elementor-widget-html\" data-id=\"ebff6b9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"re-features\">\r\n  <div class=\"re-features__container\">\r\n\r\n    <div class=\"re-features__grid\">\r\n\r\n      <!-- Feature 01 -->\r\n      <div class=\"re-feature-card\">\r\n        <div class=\"re-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\r\n            <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"re-feature-card__content\">\r\n          <span class=\"re-feature-card__number\">01<\/span>\r\n          <h3>IDX\/MLS Integration<\/h3>\r\n          <p>\r\n            Seamlessly sync global property databases with real-time updates, advanced filtering, and instant listing accuracy.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 02 -->\r\n      <div class=\"re-feature-card\">\r\n        <div class=\"re-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\r\n            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\r\n            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"re-feature-card__content\">\r\n          <span class=\"re-feature-card__number\">02<\/span>\r\n          <h3>Immersive 3D Tours<\/h3>\r\n          <p>\r\n            High-performance AR\/VR media integration allowing buyers to virtually tour and experience properties from anywhere.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 03 -->\r\n      <div class=\"re-feature-card\">\r\n        <div class=\"re-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"re-feature-card__content\">\r\n          <span class=\"re-feature-card__number\">03<\/span>\r\n          <h3>Smart Mortgage Calculator<\/h3>\r\n          <p>\r\n            Built-in financial tools to instantly estimate monthly payments, interest rates, and custom down payment scenarios.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 04 -->\r\n      <div class=\"re-feature-card\">\r\n        <div class=\"re-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"re-feature-card__content\">\r\n          <span class=\"re-feature-card__number\">04<\/span>\r\n          <h3>Agent CRM Dashboard<\/h3>\r\n          <p>\r\n            Robust management architecture with automated lead follow-ups, client tracking, and detailed interaction history.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 05 -->\r\n      <div class=\"re-feature-card\">\r\n        <div class=\"re-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <polygon points=\"1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6\"><\/polygon>\r\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"18\"><\/line>\r\n            <line x1=\"16\" y1=\"6\" x2=\"16\" y2=\"22\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"re-feature-card__content\">\r\n          <span class=\"re-feature-card__number\">05<\/span>\r\n          <h3>Interactive Map Search<\/h3>\r\n          <p>\r\n            Advanced map-based discovery with polygon drawing, dynamic neighborhood insights, and point-of-interest markers.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 06 -->\r\n      <div class=\"re-feature-card\">\r\n        <div class=\"re-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"re-feature-card__content\">\r\n          <span class=\"re-feature-card__number\">06<\/span>\r\n          <h3>Secure In-App Chat<\/h3>\r\n          <p>\r\n            Encrypted messaging functionality enabling instant, direct communication between buyers, sellers, and agents.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 07 -->\r\n      <div class=\"re-feature-card\">\r\n        <div class=\"re-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\r\n            <path d=\"M12 2a3 3 0 0 0-3 3v7l4 4\"><\/path>\r\n            <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"re-feature-card__content\">\r\n          <span class=\"re-feature-card__number\">07<\/span>\r\n          <h3>AI Property Match<\/h3>\r\n          <p>\r\n            Intelligent predictive algorithms that analyze user behavior to generate highly accurate, personalized property recommendations.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 08 -->\r\n      <div class=\"re-feature-card\">\r\n        <div class=\"re-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"><\/path>\r\n            <path d=\"M13.73 21a2 2 0 0 1-3.46 0\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"re-feature-card__content\">\r\n          <span class=\"re-feature-card__number\">08<\/span>\r\n          <h3>Instant Property Alerts<\/h3>\r\n          <p>\r\n            Automated push notifications and triggered emails alerting users to new listings, price drops, and upcoming open houses.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   REAL ESTATE FEATURES SECTION\r\n   WordPress \/ Elementor Friendly (Scoped with .re-)\r\n   No External Libraries\r\n   ========================================================= *\/\r\n\r\n.re-features {\r\n  \/* Ocean Blue Real Estate Palette *\/\r\n  --re-primary: #2563eb;\r\n  --re-primary-dark: #1d4ed8;\r\n  --re-primary-light: #60a5fa;\r\n  --re-accent: #0ea5e9;\r\n\r\n  --re-bg-soft: #eff6ff;\r\n  --re-bg-soft-2: #f0f9ff;\r\n\r\n  --re-background: transparent;\r\n\r\n  --re-card: #ffffff;\r\n  --re-card-hover: #f8fafc;\r\n\r\n  --re-text: #0f172a;\r\n  --re-muted: #64748b;\r\n\r\n  --re-border: #e2e8f0;\r\n\r\n  width: 100%;\r\n  max-width: 100%;\r\n\r\n  margin: 0;\r\n  padding: 0px 20px 75px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 5% 5%,\r\n      rgba(37, 99, 235, 0.06),\r\n      transparent 40%\r\n    ),\r\n    radial-gradient(\r\n      circle at 95% 90%,\r\n      rgba(14, 165, 233, 0.05),\r\n      transparent 32%\r\n    ),\r\n    var(--re-background);\r\n\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Make everything inside predictable *\/\r\n.re-features *,\r\n.re-features *::before,\r\n.re-features *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n.re-features__container {\r\n  width: 100%;\r\n  max-width: 1250px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n.re-features__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 22px;\r\n  width: 100%;\r\n}\r\n\r\n\/* =========================================================\r\n   FEATURE CARD\r\n   ========================================================= *\/\r\n.re-feature-card {\r\n  position: relative;\r\n  min-height: 285px;\r\n  padding: 29px 25px 27px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  \r\n  background: linear-gradient(\r\n    145deg,\r\n    #ffffff 0%,\r\n    #ffffff 68%,\r\n    #f8fafc 100%\r\n  );\r\n  \r\n  border: 1px solid var(--re-border);\r\n  border-radius: 19px;\r\n  \r\n  box-shadow:\r\n    0 8px 25px rgba(15, 23, 42, 0.04),\r\n    0 2px 5px rgba(15, 23, 42, 0.02);\r\n    \r\n  transition:\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    border-color 0.3s ease;\r\n    \r\n  isolation: isolate;\r\n}\r\n\r\n\/* =========================================================\r\n   TOP ACCENT\r\n   ========================================================= *\/\r\n.re-feature-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 24px;\r\n  right: 24px;\r\n  height: 3px;\r\n  \r\n  background: linear-gradient(\r\n    90deg,\r\n    var(--re-primary),\r\n    var(--re-accent)\r\n  );\r\n  \r\n  border-radius: 0 0 10px 10px;\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.35s ease;\r\n  z-index: 3;\r\n}\r\n\r\n\/* =========================================================\r\n   DECORATIVE GLOW\r\n   ========================================================= *\/\r\n.re-feature-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 180px;\r\n  height: 180px;\r\n  right: -100px;\r\n  bottom: -100px;\r\n  border-radius: 50%;\r\n  \r\n  background: radial-gradient(\r\n    circle,\r\n    #eff6ff 0%,\r\n    #e0f2fe 45%,\r\n    transparent 70%\r\n  );\r\n  \r\n  opacity: 0.8;\r\n  transform: scale(0.9);\r\n  transition:\r\n    transform 0.4s ease,\r\n    opacity 0.3s ease;\r\n    \r\n  z-index: 0;\r\n}\r\n\r\n\/* =========================================================\r\n   HOVER\r\n   ========================================================= *\/\r\n.re-feature-card:hover {\r\n  transform: translateY(-7px);\r\n  border-color: #bfdbfe;\r\n  \r\n  background: linear-gradient(\r\n    145deg,\r\n    #ffffff 0%,\r\n    #ffffff 65%,\r\n    #f8fafc 100%\r\n  );\r\n  \r\n  box-shadow:\r\n    0 20px 45px rgba(37, 99, 235, 0.1),\r\n    0 5px 12px rgba(15, 23, 42, 0.04);\r\n}\r\n\r\n.re-feature-card:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.re-feature-card:hover::after {\r\n  transform: scale(1.3);\r\n  opacity: 1;\r\n}\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n.re-feature-card__icon {\r\n  position: relative;\r\n  z-index: 4;\r\n  width: 58px;\r\n  height: 58px;\r\n  flex: 0 0 58px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n  color: var(--re-primary);\r\n  \r\n  background: linear-gradient(\r\n    145deg,\r\n    #f1f5f9,\r\n    #e2e8f0\r\n  );\r\n  \r\n  border: 1px solid #cbd5e1;\r\n  border-radius: 16px;\r\n  box-shadow: 0 5px 12px rgba(15, 23, 42, 0.05);\r\n  \r\n  transition:\r\n    background 0.3s ease,\r\n    color 0.3s ease,\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease;\r\n}\r\n\r\n.re-feature-card__icon svg {\r\n  display: block;\r\n  width: 27px;\r\n  height: 27px;\r\n  max-width: 100%;\r\n  stroke: currentColor;\r\n}\r\n\r\n\/* =========================================================\r\n   ICON HOVER\r\n   ========================================================= *\/\r\n.re-feature-card:hover .re-feature-card__icon {\r\n  color: #ffffff;\r\n  \r\n  background: linear-gradient(\r\n    135deg,\r\n    var(--re-primary),\r\n    var(--re-primary-dark)\r\n  );\r\n  \r\n  border-color: var(--re-primary);\r\n  transform: translateY(-2px) scale(1.05);\r\n  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.25);\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n.re-feature-card__content {\r\n  position: relative;\r\n  z-index: 4;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n.re-feature-card__number {\r\n  display: block;\r\n  margin: 0 0 7px;\r\n  color: var(--re-primary-light);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  letter-spacing: 1.6px;\r\n}\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n.re-feature-card h3 {\r\n  margin: 0 0 11px;\r\n  padding: 0;\r\n  color: var(--re-text);\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: -0.2px;\r\n}\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n.re-feature-card p {\r\n  margin: 0;\r\n  padding: 0;\r\n  color: var(--re-muted);\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 1.65;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n@media screen and (max-width: 1100px) {\r\n  .re-features {\r\n    padding-left: 18px;\r\n    padding-right: 18px;\r\n  }\r\n  .re-features__grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n  .re-feature-card {\r\n    min-height: 255px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n@media screen and (max-width: 600px) {\r\n  .re-features {\r\n    padding: 30px 14px 55px;\r\n  }\r\n  .re-features__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n  .re-feature-card {\r\n    min-height: auto;\r\n    padding: 24px 20px 23px;\r\n    border-radius: 17px;\r\n  }\r\n  .re-feature-card::before {\r\n    left: 20px;\r\n    right: 20px;\r\n  }\r\n  .re-feature-card__icon {\r\n    width: 54px;\r\n    height: 54px;\r\n    flex-basis: 54px;\r\n    margin-bottom: 17px;\r\n    border-radius: 14px;\r\n  }\r\n  .re-feature-card__icon svg {\r\n    width: 25px;\r\n    height: 25px;\r\n  }\r\n  .re-feature-card h3 {\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n  }\r\n  .re-feature-card p {\r\n    font-size: 13.5px;\r\n    line-height: 1.6;\r\n  }\r\n  .re-feature-card:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n@media screen and (max-width: 380px) {\r\n  .re-features {\r\n    padding-left: 12px;\r\n    padding-right: 12px;\r\n  }\r\n  .re-feature-card {\r\n    padding: 22px 18px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .re-feature-card,\r\n  .re-feature-card *,\r\n  .re-feature-card::before,\r\n  .re-feature-card::after {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de9b0a0 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"de9b0a0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fc090c elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"9fc090c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PROPTECH ADVANTAGE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be37667 elementor-widget elementor-widget-heading\" data-id=\"be37667\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Build seamless real estate apps that connect buyers, sellers, and agents.<\/h3>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bfa29c4 e-con-full e-flex e-con e-child\" data-id=\"bfa29c4\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4207100 e-con-full e-flex e-con e-child\" data-id=\"4207100\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54e2083 elementor-widget elementor-widget-heading\" data-id=\"54e2083\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"http:\/\/Smart%20Matchmaking\">Custom Real Estate Solutions<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e5275d elementor-widget elementor-widget-heading\" data-id=\"1e5275d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Feature-rich property apps with live virtual tours, smart listing schedules, inquiry tracking, client progress records, and seamless inventory management.<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea45369 e-con-full e-flex e-con e-child\" data-id=\"ea45369\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95915fe elementor-widget elementor-widget-heading\" data-id=\"95915fe\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Secure &amp; MLS-Compliant Platform<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fadbc54 elementor-widget elementor-widget-heading\" data-id=\"fadbc54\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Protect sensitive buyer and institutional data with secure communication, encrypted property transactions, strict authentication, and privacy-focused architecture.<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6db9e5a e-con-full e-flex e-con e-child\" data-id=\"6db9e5a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2568199 elementor-widget elementor-widget-heading\" data-id=\"2568199\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dedicated Development Support<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f026e6 elementor-widget elementor-widget-heading\" data-id=\"0f026e6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">From app design and development to deployment and ongoing maintenance, Brightcode provides reliable support throughout your real estate journey.<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03cffdb e-flex e-con-boxed e-con e-parent\" data-id=\"03cffdb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f993af5 elementor-widget elementor-widget-html\" data-id=\"f993af5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"prop-tech-section\">\r\n  <div class=\"prop-container\">\r\n    \r\n    <!-- LEFT COLUMN: Heading & Highlights -->\r\n    <div class=\"prop-left\">\r\n      <div class=\"prop-tag\">\r\n        PROPTECH ARCHITECTURE <span class=\"tag-line\"><\/span><span class=\"tag-dot\"><\/span>\r\n      <\/div>\r\n      \r\n      <h4 class=\"prop-title\">\r\n        Technology Stack<br>Built for <span>Scale & Luxury<\/span>\r\n      <\/h4>\r\n      \r\n      <p class=\"prop-description\">\r\n        We utilize highly scalable, modern, and MLS-compliant technologies to build premium real estate platforms that foster seamless property discovery while ensuring absolute data security.\r\n      <\/p>\r\n\r\n      <!-- 4 Value Props -->\r\n      <div class=\"prop-props-grid\">\r\n        <div class=\"prop-prop-item\">\r\n          <div class=\"prop-icon\">\ud83c\udfe0<\/div>\r\n          <h4>AI Matching<\/h4>\r\n          <p>Smart discovery<\/p>\r\n        <\/div>\r\n        <div class=\"prop-prop-item\">\r\n          <div class=\"prop-icon\">\ud83d\udee1\ufe0f<\/div>\r\n          <h4>MLS Ready<\/h4>\r\n          <p>Global standards<\/p>\r\n        <\/div>\r\n        <div class=\"prop-prop-item\">\r\n          <div class=\"prop-icon\">\u26a1<\/div>\r\n          <h4>Cloud Scale<\/h4>\r\n          <p>High-concurrency<\/p>\r\n        <\/div>\r\n        <div class=\"prop-prop-item\">\r\n          <div class=\"prop-icon\">\ud83d\udd04<\/div>\r\n          <h4>3D Tours<\/h4>\r\n          <p>Zero-lag AR\/VR<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature Pill (Glassmorphism twist) -->\r\n      <div class=\"prop-architecture-pill\">\r\n        <div class=\"code-icon\">&lt;\/&gt;<\/div>\r\n        <div class=\"pill-text-content\">\r\n          <strong>Modular architecture. Next-gen tech.<\/strong>\r\n          <p>Exceptional digital experience for modern real estate.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT COLUMN: Grid Cards + Center Atomic Badge -->\r\n    <div class=\"prop-right\">\r\n      <div class=\"prop-cards-grid\">\r\n        \r\n        <!-- Mobile App Card -->\r\n        <div class=\"prop-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon\">\ud83d\udcf1<\/div>\r\n            <div>\r\n              <h3>BUYER & AGENT APPS<\/h3>\r\n              <p>Cross-platform apps for on-the-go property search and tour scheduling.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"prop-tags\">\r\n            <div class=\"prop-tag-item\"><span class=\"tag-ico\">\ud83d\udc99<\/span> Flutter<\/div>\r\n            <div class=\"prop-tag-item\"><span class=\"tag-ico\">\u269b\ufe0f<\/span> React Native<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Backend & AI Card -->\r\n        <div class=\"prop-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon\">\ud83d\udcca<\/div>\r\n            <div>\r\n              <h3>MLS CORE & ANALYTICS<\/h3>\r\n              <p>Powerful backend handling secure property records and AI valuation.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"prop-tags\">\r\n            <div class=\"prop-tag-item\"><span class=\"tag-ico\">\ud83d\udfe2<\/span> Node.js \/ Python<\/div>\r\n            <div class=\"prop-tag-item\"><span class=\"tag-ico\">\ud83d\udc18<\/span> PostgreSQL \/ Redis<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Payments & Subscriptions Card -->\r\n        <div class=\"prop-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon\">\ud83d\udcb3<\/div>\r\n            <div>\r\n              <h3>ESCROW & BILLING<\/h3>\r\n              <p>Secure global deposits, closing fees, and recurring agent subscriptions.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"prop-tags\">\r\n            <div class=\"prop-tag-item\"><span class=\"tag-ico\">\ud83d\udd12<\/span> Stripe \/ Razorpay<\/div>\r\n            <div class=\"prop-tag-item\"><span class=\"tag-ico\">\u2601\ufe0f<\/span> AWS \/ Google Cloud<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Communication Card -->\r\n        <div class=\"prop-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon\">\ud83d\udcac<\/div>\r\n            <div>\r\n              <h3>VIRTUAL TOURS & CHAT<\/h3>\r\n              <p>Immersive 3D walk-throughs, encrypted messaging, and video calling.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"prop-tags\">\r\n            <div class=\"prop-tag-item\"><span class=\"tag-ico\">\u26a1<\/span> Socket.io \/ GraphQL<\/div>\r\n            <div class=\"prop-tag-item\"><span class=\"tag-ico\">\ud83c\udf10<\/span> WebRTC \/ Agora<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- CENTER INNOVATIVE ATOMIC BADGE -->\r\n      <div class=\"prop-badge-wrapper\">\r\n        <!-- Dual rotating orbits for an atomic\/network feel -->\r\n        <div class=\"orbit-circle orbit-1\">\r\n          <div class=\"orbit-dot dot-a\"><\/div>\r\n        <\/div>\r\n        <div class=\"orbit-circle orbit-2\">\r\n          <div class=\"orbit-dot dot-b\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"badge-content\">\r\n          <!-- Vector Real Estate Node SVG -->\r\n          <svg class=\"prop-svg\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"#e0f2fe\"\/>\r\n            <path d=\"M30 60 L50 35 L70 60 Z\" stroke=\"#0284c7\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M50 35 L50 70\" stroke=\"#0284c7\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"#0ea5e9\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n            <!-- Floating nodes -->\r\n            <circle cx=\"30\" cy=\"60\" r=\"4\" fill=\"#2563eb\"\/>\r\n            <circle cx=\"70\" cy=\"60\" r=\"4\" fill=\"#2563eb\"\/>\r\n            <circle cx=\"50\" cy=\"35\" r=\"4\" fill=\"#2563eb\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- BOTTOM STATS BANNER -->\r\n  <div class=\"prop-stats-banner\">\r\n    <div class=\"banner-left\">\r\n      <div class=\"shield-icon\">\ud83d\ude80<\/div>\r\n      <span>A secure, future-ready stack designed by Brightcode to build proactive real estate ecosystems.<\/span>\r\n    <\/div>\r\n    <div class=\"banner-stats\">\r\n      <div class=\"stat-item\">\r\n        <h4>100%<\/h4>\r\n        <p>MLS Compliant<\/p>\r\n      <\/div>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <div class=\"stat-item\">\r\n        <h4>AI<\/h4>\r\n        <p>Smart Matching<\/p>\r\n      <\/div>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <div class=\"stat-item\">\r\n        <h4>99.9%<\/h4>\r\n        <p>Uptime SLA<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Import a clean modern font *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n  .prop-tech-section {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    padding: 60px 20px;\r\n    background-color: #fafaf9; \/* Warm off-white for a modern professional feel *\/\r\n    color: #1e293b;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .prop-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.3fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* LEFT COLUMN *\/\r\n  .prop-tag {\r\n    color: #0284c7; \/* Vibrant Ocean Blue *\/\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.5px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 16px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .prop-tag .tag-line {\r\n    width: 30px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #0284c7, #2563eb);\r\n    display: inline-block;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .prop-tag .tag-dot {\r\n    width: 5px;\r\n    height: 5px;\r\n    background-color: #2563eb;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .prop-title {\r\n    font-size: 44px;\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    color: #0f172a;\r\n    margin: 0 0 20px 0;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .prop-title span { \r\n    background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .prop-description {\r\n    font-size: 16px;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .prop-props-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 15px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .prop-prop-item {\r\n    background: #ffffff;\r\n    padding: 20px 12px;\r\n    border-radius: 16px;\r\n    text-align: center;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.02);\r\n    border: 1px solid #e2e8f0;\r\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;\r\n  }\r\n\r\n  .prop-prop-item:hover { \r\n    transform: translateY(-6px);\r\n    border-color: #38bdf8;\r\n    box-shadow: 0 10px 25px rgba(2, 132, 199, 0.08);\r\n  }\r\n\r\n  .prop-prop-item .prop-icon { \r\n    font-size: 26px; \r\n    margin-bottom: 12px; \r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .prop-prop-item:hover .prop-icon {\r\n    transform: scale(1.15);\r\n  }\r\n\r\n  .prop-prop-item h4 { \r\n    font-size: 14px; \r\n    font-weight: 800; \r\n    margin: 0 0 6px 0; \r\n    color: #1e293b;\r\n  }\r\n\r\n  .prop-prop-item p { \r\n    font-size: 12px; \r\n    color: #64748b; \r\n    margin: 0; \r\n    line-height: 1.4; \r\n  }\r\n\r\n  .prop-architecture-pill {\r\n    background: rgba(224, 242, 254, 0.6); \/* Soft blue glass *\/\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid #bae6fd;\r\n    border-radius: 20px;\r\n    padding: 18px 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px; \/* Consistent gap spacing *\/\r\n  }\r\n\r\n  .prop-architecture-pill .code-icon {\r\n    background: linear-gradient(135deg, #0284c7, #2563eb);\r\n    color: #fff;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 800;\r\n    font-size: 14px;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3);\r\n  }\r\n\r\n  .prop-architecture-pill .pill-text-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px; \/* Consistent gap spacing *\/\r\n  }\r\n\r\n  .prop-architecture-pill strong { \r\n    display: block; \r\n    font-size: 15px; \r\n    color: #0369a1; \r\n  }\r\n\r\n  .prop-architecture-pill p { \r\n    margin: 0; \r\n    font-size: 14px; \r\n    color: #0284c7; \r\n  }\r\n\r\n  \/* RIGHT COLUMN & CARDS *\/\r\n  .prop-right {\r\n    position: relative;\r\n    background: #ffffff;\r\n    padding: 35px;\r\n    border-radius: 28px;\r\n    box-shadow: 0 25px 50px -12px rgba(37, 99, 235, 0.08);\r\n    border: 1px solid #e2e8f0;\r\n  }\r\n\r\n  .prop-cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  .prop-card {\r\n    background: #f8fafc;\r\n    border: 1px solid #f1f5f9;\r\n    border-radius: 20px;\r\n    padding: 24px;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  }\r\n\r\n  .prop-card:hover {\r\n    background: #ffffff;\r\n    border-color: #7dd3fc;\r\n    box-shadow: 0 15px 35px rgba(2, 132, 199, 0.06);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .prop-card .card-header {\r\n    display: flex;\r\n    gap: 16px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .prop-card .card-icon {\r\n    background: #e0f2fe;\r\n    color: #0284c7;\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 20px;\r\n    flex-shrink: 0;\r\n    border: 1px solid #bae6fd;\r\n  }\r\n\r\n  .prop-card .card-header h3 {\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    color: #1d4ed8;\r\n    margin: 0 0 6px 0;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .prop-card .card-header p {\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .prop-tags {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .prop-tag-item {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 12px;\r\n    padding: 10px 14px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #334155;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: transform 0.2s ease, border-color 0.2s ease;\r\n  }\r\n\r\n  .prop-tag-item:hover {\r\n    transform: translateX(4px);\r\n    border-color: #38bdf8;\r\n    color: #0369a1;\r\n  }\r\n\r\n  \/* VECTOR RINGS & ATOMIC ORBIT ANIMATION *\/\r\n  .prop-badge-wrapper {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 200px;\r\n    height: 200px;\r\n    pointer-events: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 10;\r\n  }\r\n\r\n  .prop-badge-wrapper .orbit-circle {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    border: 1px dashed #38bdf8;\r\n  }\r\n\r\n  .orbit-1 { animation: rotateOrbit 18s linear infinite; }\r\n  .orbit-2 { animation: rotateOrbitReverse 24s linear infinite; width: 115% !important; height: 115% !important; border-color: #7dd3fc !important; }\r\n\r\n  .prop-badge-wrapper .orbit-dot {\r\n    position: absolute;\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .dot-a { background-color: #0284c7; top: -5px; left: 50%; transform: translateX(-50%); box-shadow: 0 0 12px #0284c7; }\r\n  .dot-b { background-color: #2563eb; bottom: -5px; left: 50%; transform: translateX(-50%); box-shadow: 0 0 12px #2563eb; }\r\n\r\n  .prop-badge-wrapper .badge-content {\r\n    width: 140px;\r\n    height: 140px;\r\n    background: radial-gradient(circle, #ffffff 40%, #e0f2fe 100%);\r\n    border-radius: 50%;\r\n    box-shadow: 0 15px 40px rgba(2, 132, 199, 0.25);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 6px solid #ffffff;\r\n    animation: floatBadge 4s ease-in-out infinite;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .prop-svg {\r\n    width: 75px;\r\n    height: auto;\r\n    filter: drop-shadow(0 4px 6px rgba(2, 132, 199, 0.2));\r\n  }\r\n\r\n  \/* STATS BANNER *\/\r\n  .prop-stats-banner {\r\n    max-width: 1100px;\r\n    margin: 60px auto 0 auto;\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 100px;\r\n    padding: 16px 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.03);\r\n  }\r\n\r\n  .prop-stats-banner .banner-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #1e293b;\r\n  }\r\n\r\n  .prop-stats-banner .shield-icon {\r\n    background: linear-gradient(135deg, #0284c7, #2563eb);\r\n    color: white;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 20px;\r\n    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\r\n  }\r\n\r\n  .prop-stats-banner .banner-stats { \r\n    display: flex; \r\n    align-items: center; \r\n    gap: 30px; \r\n  }\r\n\r\n  .prop-stats-banner .stat-item { \r\n    text-align: center; \r\n  }\r\n\r\n  .prop-stats-banner .stat-item h4 { \r\n    font-size: 22px; \r\n    font-weight: 800; \r\n    color: #2563eb; \r\n    margin: 0 0 2px 0; \r\n  }\r\n\r\n  .prop-stats-banner .stat-item p { \r\n    font-size: 12px; \r\n    color: #64748b; \r\n    font-weight: 600;\r\n    margin: 0; \r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .prop-stats-banner .stat-divider { \r\n    width: 1px; \r\n    height: 35px; \r\n    background-color: #e2e8f0; \r\n  }\r\n\r\n  \/* KEYFRAMES *\/\r\n  @keyframes floatBadge {\r\n    0%, 100% { transform: translateY(0px); }\r\n    50% { transform: translateY(-8px); }\r\n  }\r\n\r\n  @keyframes rotateOrbit {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n  @keyframes rotateOrbitReverse {\r\n    0% { transform: rotate(360deg); }\r\n    100% { transform: rotate(0deg); }\r\n  }\r\n\r\n  \/* WORDPRESS-FRIENDLY RESPONSIVE FIXES *\/\r\n  @media (max-width: 1024px) {\r\n    .prop-container { grid-template-columns: 1fr; gap: 40px; }\r\n    .prop-badge-wrapper { display: none; }\r\n    .prop-stats-banner { flex-direction: column; gap: 24px; border-radius: 24px; text-align: center; padding: 24px; }\r\n    .prop-stats-banner .banner-left { flex-direction: column; text-align: center; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .prop-props-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .prop-title { font-size: 34px; }\r\n    .prop-right { padding: 20px; }\r\n    .prop-cards-grid { grid-template-columns: 1fr; }\r\n  }\r\n  \r\n  @media (max-width: 480px) {\r\n    .prop-props-grid { grid-template-columns: 1fr; }\r\n    .prop-stats-banner .banner-stats { flex-direction: column; gap: 15px; }\r\n    .prop-stats-banner .stat-divider { width: 50px; height: 1px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17997eb e-flex e-con-boxed e-con e-parent\" data-id=\"17997eb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13ba5fc elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"13ba5fc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">DEVELOPMENT ROADMAP<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4814bf elementor-widget elementor-widget-heading\" data-id=\"a4814bf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">From concept to a scalable, MLS-compliant real estate platform in five steps.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aab6417 elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"aab6417\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"prop-process-section\">\r\n  <div class=\"prop-process-container\">\r\n    \r\n    <!-- Process Steps Grid -->\r\n    <div class=\"prop-process-steps\">\r\n      <div class=\"prop-connecting-line\"><\/div>\r\n      \r\n      <!-- Step 1 -->\r\n      <div class=\"prop-step-item\" style=\"--delay: 0.1s;\">\r\n        <div class=\"prop-number-circle\">\r\n          <span class=\"step-num\">01<\/span>\r\n          <div class=\"step-pulse-ring\"><\/div>\r\n        <\/div>\r\n        <div class=\"prop-step-content\">\r\n          <div class=\"prop-step-badge\">Discovery<\/div>\r\n          <h3 class=\"prop-step-title\">Workflow Mapping<\/h3>\r\n          <p class=\"prop-step-desc\">We map out your property listings, agent hierarchies, and MLS\/IDX API requirements.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 2 -->\r\n      <div class=\"prop-step-item\" style=\"--delay: 0.2s;\">\r\n        <div class=\"prop-number-circle\">\r\n          <span class=\"step-num\">02<\/span>\r\n          <div class=\"step-pulse-ring\"><\/div>\r\n        <\/div>\r\n        <div class=\"prop-step-content\">\r\n          <div class=\"prop-step-badge\">Experience<\/div>\r\n          <h3 class=\"prop-step-title\">Luxurious UI\/UX<\/h3>\r\n          <p class=\"prop-step-desc\">Intuitive screens engineered for immersive 3D tours, interactive map search, and fast filters.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 3 -->\r\n      <div class=\"prop-step-item\" style=\"--delay: 0.3s;\">\r\n        <div class=\"prop-number-circle\">\r\n          <span class=\"step-num\">03<\/span>\r\n          <div class=\"step-pulse-ring\"><\/div>\r\n        <\/div>\r\n        <div class=\"prop-step-content\">\r\n          <div class=\"prop-step-badge\">Engineering<\/div>\r\n          <h3 class=\"prop-step-title\">App Development<\/h3>\r\n          <p class=\"prop-step-desc\">Real-time chat APIs, MLS data pipelines, and robust buyer\/agent portals built in agile sprints.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 4 -->\r\n      <div class=\"prop-step-item\" style=\"--delay: 0.4s;\">\r\n        <div class=\"prop-number-circle\">\r\n          <span class=\"step-num\">04<\/span>\r\n          <div class=\"step-pulse-ring\"><\/div>\r\n        <\/div>\r\n        <div class=\"prop-step-content\">\r\n          <div class=\"prop-step-badge\">Assurance<\/div>\r\n          <h3 class=\"prop-step-title\">Security & QA<\/h3>\r\n          <p class=\"prop-step-desc\">Rigorous testing for data protection, secure escrow transactions, and high-concurrency stability.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 5 -->\r\n      <div class=\"prop-step-item\" style=\"--delay: 0.5s;\">\r\n        <div class=\"prop-number-circle\">\r\n          <span class=\"step-num\">05<\/span>\r\n          <div class=\"step-pulse-ring\"><\/div>\r\n        <\/div>\r\n        <div class=\"prop-step-content\">\r\n          <div class=\"prop-step-badge\">Deployment<\/div>\r\n          <h3 class=\"prop-step-title\">Launch & Support<\/h3>\r\n          <p class=\"prop-step-desc\">App Store rollout, secure cloud infrastructure scaling, and ongoing PropTech maintenance.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap'); \r\n \r\n  .prop-process-section { \r\n    font-family: 'Plus Jakarta Sans', sans-serif; \r\n    padding: 80px 0px; \r\n    background: radial-gradient(circle at 50% 0%, #f0f9ff 0%, #ffffff 70%);\r\n    color: #0f172a; \r\n    overflow: hidden; \r\n  } \r\n \r\n  .prop-process-container { \r\n    max-width: 1240px; \r\n    margin: 0 auto; \r\n    padding: 0 20px;\r\n  } \r\n \r\n  \/* Process Steps Layout *\/ \r\n  .prop-process-steps { \r\n    position: relative; \r\n    display: grid; \r\n    grid-template-columns: repeat(5, 1fr); \r\n    gap: 24px; \r\n  } \r\n \r\n  \/* Glowing Connecting Line *\/ \r\n  .prop-connecting-line { \r\n    position: absolute; \r\n    top: 36px; \r\n    left: 8%; \r\n    right: 8%; \r\n    height: 3px; \r\n    background: linear-gradient(90deg, #bae6fd, #0284c7, #2563eb, #bae6fd);\r\n    background-size: 200% 100%;\r\n    animation: lineShimmer 6s linear infinite;\r\n    z-index: 1; \r\n  }\r\n\r\n  @keyframes lineShimmer {\r\n    0% { background-position: 200% 0; }\r\n    100% { background-position: -200% 0; }\r\n  }\r\n \r\n  \/* Step Item Styling *\/ \r\n  .prop-step-item { \r\n    position: relative; \r\n    z-index: 2; \r\n    text-align: center; \r\n    display: flex; \r\n    flex-direction: column; \r\n    align-items: center; \r\n    opacity: 0; \r\n    transform: translateY(30px); \r\n    animation: fadeInUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \r\n    animation-delay: var(--delay); \r\n  } \r\n \r\n  \/* Innovative Circle with Radar Pulse *\/ \r\n  .prop-number-circle { \r\n    position: relative;\r\n    width: 72px; \r\n    height: 72px; \r\n    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\r\n    border: 2px solid #0284c7; \/* Vibrant Ocean Blue *\/ \r\n    border-radius: 50%; \r\n    display: flex; \r\n    align-items: center; \r\n    justify-content: center; \r\n    font-size: 20px; \r\n    font-weight: 800; \r\n    color: #0284c7; \r\n    margin-bottom: 24px; \r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); \r\n    box-shadow: 0 0 0 10px #ffffff, 0 10px 25px rgba(2, 132, 199, 0.1); \r\n  } \r\n\r\n  \/* Subtle background pulse animation *\/\r\n  .step-pulse-ring {\r\n    position: absolute;\r\n    inset: -6px;\r\n    border-radius: 50%;\r\n    border: 1px dashed rgba(2, 132, 199, 0.4);\r\n    animation: rotateRing 15s linear infinite;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes rotateRing {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n  .prop-step-content {\r\n    background: #ffffff;\r\n    border: 1px solid #f1f5f9;\r\n    padding: 20px 16px;\r\n    border-radius: 18px;\r\n    width: 100%;\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .prop-step-item:hover .prop-step-content {\r\n    border-color: #bae6fd;\r\n    box-shadow: 0 20px 40px rgba(2, 132, 199, 0.08);\r\n    transform: translateY(-5px);\r\n  }\r\n\r\n  .prop-step-badge {\r\n    display: inline-block;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #2563eb;\r\n    background: #eff6ff;\r\n    padding: 4px 10px;\r\n    border-radius: 20px;\r\n    margin-bottom: 10px;\r\n  }\r\n \r\n  .prop-step-title { \r\n    font-size: 15px; \r\n    font-weight: 700; \r\n    color: #0f172a; \r\n    margin: 0 0 8px 0; \r\n  } \r\n \r\n  .prop-step-desc { \r\n    font-size: 13px; \r\n    color: #64748b; \r\n    line-height: 1.5; \r\n    margin: 0; \r\n  } \r\n \r\n  \/* Hover Effects for Circle *\/ \r\n  .prop-step-item:hover .prop-number-circle { \r\n    background: linear-gradient(135deg, #0284c7, #2563eb); \r\n    color: #ffffff; \r\n    border-color: #2563eb;\r\n    transform: scale(1.1); \r\n    box-shadow: 0 0 0 10px #ffffff, 0 15px 35px rgba(37, 99, 235, 0.35); \r\n  } \r\n \r\n  \/* Entrance Animation Keyframes *\/ \r\n  @keyframes fadeInUp { \r\n    to { \r\n      opacity: 1; \r\n      transform: translateY(0); \r\n    } \r\n  } \r\n \r\n  \/* Responsive Design *\/ \r\n  @media (max-width: 1024px) { \r\n    .prop-process-steps { \r\n      grid-template-columns: repeat(2, 1fr); \r\n      gap: 30px; \r\n    } \r\n    .prop-connecting-line { \r\n      display: none; \/* Hide horizontal line on tablet\/mobile vertical stack *\/ \r\n    } \r\n  } \r\n \r\n  @media (max-width: 576px) { \r\n    .prop-process-steps { \r\n      grid-template-columns: 1fr; \r\n      gap: 24px; \r\n    } \r\n  } \r\n<\/style> \r\n \r\n<script> \r\n  \/\/ Re-trigger animation when scrolled into view\r\n  document.addEventListener('DOMContentLoaded', () => { \r\n    const observer = new IntersectionObserver((entries) => { \r\n      entries.forEach(entry => { \r\n        if (entry.isIntersecting) { \r\n          entry.target.style.animationPlayState = 'running'; \r\n        } \r\n      }); \r\n    }, { threshold: 0.15 }); \r\n \r\n    document.querySelectorAll('.prop-step-item').forEach(el => { \r\n      el.style.animationPlayState = 'paused';\r\n      observer.observe(el); \r\n    }); \r\n  }); \r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-382bce2 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"382bce2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fafabf elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"5fafabf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQs\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-554de5a elementor-widget elementor-widget-heading\" data-id=\"554de5a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Common questions about real estate app development in Bangalore<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf965c3 e-flex e-con-boxed e-con e-parent\" data-id=\"bf965c3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15c99ff elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-n-accordion\" data-id=\"15c99ff\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2280\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-2280\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> How long does it take to build a real estate app? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2280\" class=\"elementor-element elementor-element-5130286 e-con-full e-flex e-con e-child\" data-id=\"5130286\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1eab78f elementor-widget elementor-widget-text-editor\" data-id=\"1eab78f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The development timeline typically ranges from 12 to 24 weeks, depending on the complexity of features like MLS\/IDX integration, immersive 3D virtual tours, and custom agent CRM infrastructure.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2281\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2281\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can the app support secure property transactions and data privacy? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2281\" class=\"elementor-element elementor-element-d64c8eb e-con-full e-flex e-con e-child\" data-id=\"d64c8eb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36b9c79 elementor-widget elementor-widget-text-editor\" data-id=\"36b9c79\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"1\">Yes, every build protects sensitive buyer, seller, and financial data with secure communication, encrypted escrow transactions, strict authentication, and privacy-focused architecture.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2282\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2282\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can agents manage listings and communicate with buyers directly? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2282\" class=\"elementor-element elementor-element-f7f215c e-con-full e-flex e-con e-child\" data-id=\"f7f215c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6b11e3 elementor-widget elementor-widget-text-editor\" data-id=\"f6b11e3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Yes, agents can easily manage inventory, schedule property tours, track leads, and conduct real-time, encrypted in-app messaging with prospective buyers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2283\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2283\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Will you support us after the app is live? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2283\" class=\"elementor-element elementor-element-13947ea e-con-full e-flex e-con e-child\" data-id=\"13947ea\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f4752b elementor-widget elementor-widget-text-editor\" data-id=\"3f4752b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Yes, Brightcode provides dedicated, reliable ongoing support following your app store rollout, including cloud infrastructure scaling and continuous platform maintenance.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How long does it take to build a real estate app?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}},{\"@type\":\"Question\",\"name\":\"Can the app support secure property transactions and data privacy?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}},{\"@type\":\"Question\",\"name\":\"Can agents manage listings and communicate with buyers directly?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}},{\"@type\":\"Question\",\"name\":\"Will you support us after the app is live?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}}]}<\/script>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab22d60 e-flex e-con-boxed e-con e-parent\" data-id=\"ab22d60\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-638d271 e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"638d271\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b5b2b63 e-con-full e-flex e-con e-child\" data-id=\"b5b2b63\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4793f43 elementor-widget elementor-widget-heading\" data-id=\"4793f43\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ready to build your real estate app in Bangalore?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7ee727 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"e7ee727\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"2\"><span style=\"color: #d1cfcf;\">Talk to our team about your property listings, agent requirements, and launch timeline.<\/span><\/p><p data-path-to-node=\"3\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b31a1b5 e-con-full e-flex e-con e-child\" data-id=\"b31a1b5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b0ded8 elementor-widget elementor-widget-button\" data-id=\"0b0ded8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-sink\" href=\"https:\/\/brightcodess.com\/bengaluru\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get a Free Quote \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>#1 PropTech &#038; Real Estate App Development Next-Gen Real Estate App Development in Bangalore Empower buyers, sellers, and agents with custom property portals, immersive 3D virtual tours, AI-driven smart matching, and seamless MLS\/CRM integrations. Schedule a Free Tech Consult 10K+ Properties Managed 360&deg; AR\/VR Integrations IDX\/MLS Seamless Sync AI Smart Match 98% Match \u2022 Premium [&hellip;]<\/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":{"footnotes":""},"class_list":["post-6399","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Real Estate App - Brightcode Software Services<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brightcodess.com\/bengaluru\/real-estate-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Real Estate App\" \/>\n<meta property=\"og:description\" content=\"#1 PropTech &#038; Real Estate App Development Next-Gen Real Estate App Development in Bangalore Empower buyers, sellers, and agents with custom property portals, immersive 3D virtual tours, AI-driven smart matching, and seamless MLS\/CRM integrations. Schedule a Free Tech Consult 10K+ Properties Managed 360&deg; AR\/VR Integrations IDX\/MLS Seamless Sync AI Smart Match 98% Match \u2022 Premium [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brightcodess.com\/bengaluru\/real-estate-app\/\" \/>\n<meta property=\"og:site_name\" content=\"Brightcode Software Services\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brightcodess\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-11T11:41:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?q=80&w=400&auto=format&fit=crop\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Brightcodebss\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"27 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/real-estate-app\\\/\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/real-estate-app\\\/\",\"name\":\"Real Estate App - Brightcode Software Services\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/real-estate-app\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/real-estate-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1600596542815-ffad4c1539a9?q=80&w=400&auto=format&fit=crop\",\"datePublished\":\"2026-09-11T11:13:38+00:00\",\"dateModified\":\"2026-09-11T11:41:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/real-estate-app\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/real-estate-app\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/real-estate-app\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1600596542815-ffad4c1539a9?q=80&w=400&auto=format&fit=crop\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1600596542815-ffad4c1539a9?q=80&w=400&auto=format&fit=crop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/real-estate-app\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Real Estate App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#website\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\",\"name\":\"Brightcode Software Services\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#organization\",\"name\":\"Brightcode Software Services\",\"alternateName\":\"Brightcode\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Brightcode-Logo.webp\",\"contentUrl\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Brightcode-Logo.webp\",\"width\":500,\"height\":500,\"caption\":\"Brightcode Software Services\"},\"image\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/brightcodess\\\/\",\"https:\\\/\\\/x.com\\\/Brightcodebss\",\"https:\\\/\\\/www.instagram.com\\\/brightcodess\\\/\",\"https:\\\/\\\/linkedin.com\\\/company\\\/brightcodess\"],\"description\":\"Brightcode is a leading software company in Bangalore offers wide range of IT solutions that include software development, website development, mobile app development and digital marketing services.\",\"telephone\":\"93868 06214\",\"legalName\":\"Brightcode Software Services Pvt. Ltd.\",\"foundingDate\":\"2019-02-07\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"51\",\"maxValue\":\"200\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Real Estate App - Brightcode Software Services","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/brightcodess.com\/bengaluru\/real-estate-app\/","og_locale":"en_US","og_type":"article","og_title":"Real Estate App","og_description":"#1 PropTech &#038; Real Estate App Development Next-Gen Real Estate App Development in Bangalore Empower buyers, sellers, and agents with custom property portals, immersive 3D virtual tours, AI-driven smart matching, and seamless MLS\/CRM integrations. Schedule a Free Tech Consult 10K+ Properties Managed 360&deg; AR\/VR Integrations IDX\/MLS Seamless Sync AI Smart Match 98% Match \u2022 Premium [&hellip;]","og_url":"https:\/\/brightcodess.com\/bengaluru\/real-estate-app\/","og_site_name":"Brightcode Software Services","article_publisher":"https:\/\/www.facebook.com\/brightcodess\/","article_modified_time":"2026-09-11T11:41:19+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?q=80&w=400&auto=format&fit=crop","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Brightcodebss","twitter_misc":{"Est. reading time":"27 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/brightcodess.com\/bengaluru\/real-estate-app\/","url":"https:\/\/brightcodess.com\/bengaluru\/real-estate-app\/","name":"Real Estate App - Brightcode Software Services","isPartOf":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brightcodess.com\/bengaluru\/real-estate-app\/#primaryimage"},"image":{"@id":"https:\/\/brightcodess.com\/bengaluru\/real-estate-app\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?q=80&w=400&auto=format&fit=crop","datePublished":"2026-09-11T11:13:38+00:00","dateModified":"2026-09-11T11:41:19+00:00","breadcrumb":{"@id":"https:\/\/brightcodess.com\/bengaluru\/real-estate-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brightcodess.com\/bengaluru\/real-estate-app\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightcodess.com\/bengaluru\/real-estate-app\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?q=80&w=400&auto=format&fit=crop","contentUrl":"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?q=80&w=400&auto=format&fit=crop"},{"@type":"BreadcrumbList","@id":"https:\/\/brightcodess.com\/bengaluru\/real-estate-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brightcodess.com\/bengaluru\/"},{"@type":"ListItem","position":2,"name":"Real Estate App"}]},{"@type":"WebSite","@id":"https:\/\/brightcodess.com\/bengaluru\/#website","url":"https:\/\/brightcodess.com\/bengaluru\/","name":"Brightcode Software Services","description":"","publisher":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brightcodess.com\/bengaluru\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/brightcodess.com\/bengaluru\/#organization","name":"Brightcode Software Services","alternateName":"Brightcode","url":"https:\/\/brightcodess.com\/bengaluru\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightcodess.com\/bengaluru\/#\/schema\/logo\/image\/","url":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2025\/11\/Brightcode-Logo.webp","contentUrl":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2025\/11\/Brightcode-Logo.webp","width":500,"height":500,"caption":"Brightcode Software Services"},"image":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/brightcodess\/","https:\/\/x.com\/Brightcodebss","https:\/\/www.instagram.com\/brightcodess\/","https:\/\/linkedin.com\/company\/brightcodess"],"description":"Brightcode is a leading software company in Bangalore offers wide range of IT solutions that include software development, website development, mobile app development and digital marketing services.","telephone":"93868 06214","legalName":"Brightcode Software Services Pvt. Ltd.","foundingDate":"2019-02-07","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"51","maxValue":"200"}}]}},"_links":{"self":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages\/6399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/comments?post=6399"}],"version-history":[{"count":0,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages\/6399\/revisions"}],"wp:attachment":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/media?parent=6399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}