{"id":39,"date":"2026-07-12T17:41:13","date_gmt":"2026-07-12T17:41:13","guid":{"rendered":"https:\/\/brownwood.co.in\/blog\/?page_id=39"},"modified":"2026-07-15T04:37:53","modified_gmt":"2026-07-15T04:37:53","slug":"full-home-interior-gurugram","status":"publish","type":"page","link":"https:\/\/brownwood.co.in\/blog\/full-home-interior-gurugram\/","title":{"rendered":"full home interior gurugram"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"39\" class=\"elementor elementor-39\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c928fd e-con e-atomic-element e-flexbox-base e-aa55904 \" data-id=\"3c928fd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3c928fd\">\n    \t\t<div class=\"elementor-element elementor-element-d4e407c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d4e407c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- START OF BROWNWOOD INTERIORS HEADER V2 & POPUP ENGINE -->\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap');\r\n    \r\n    :root {\r\n        --bw-primary: #0B2344;\r\n        --bw-accent: #F25B4A;\r\n        --bw-success: #22C55E;\r\n        --bw-gray-btn: #6B7280;\r\n        --bw-white: #FFFFFF;\r\n        --bw-bg-light: #F9FAFB;\r\n        --bw-text-dark: #1F2937;\r\n        --bw-text-light: #6B7280;\r\n        --bw-border: #E5E7EB;\r\n        --bw-radius: 50px;\r\n        --bw-shadow: 0 4px 25px rgba(11, 35, 68, 0.05);\r\n        --bw-modal-shadow: 0 20px 40px rgba(11, 35, 68, 0.15);\r\n        --bw-transition: all 0.25s ease;\r\n    }\r\n\r\n    \/* HEADER V2 STRUCTURE *\/\r\n    .bw-header-v2 {\r\n        position: fixed; top: 0; left: 0; width: 100%; height: 95px; \/* Height optimized for larger logo *\/\r\n        background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(12px);\r\n        z-index: 1000; box-shadow: var(--bw-shadow); display: flex; align-items: center;\r\n    }\r\n    .bw-header-v2 * { box-sizing: border-box; font-family: 'Poppins', sans-serif; }\r\n    \r\n    .bw-header-container {\r\n        width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 24px;\r\n        display: flex; justify-content: space-between; align-items: center;\r\n    }\r\n    \r\n    \/* NATURAL LARGER LOGO METRICS *\/\r\n    .bw-logo-wrap img { height: 72px; width: auto; display: block; transition: var(--bw-transition); }\r\n    \r\n    \/* TRUST BAR WITHIN HEADER *\/\r\n    .bw-header-trust-bar {\r\n        display: flex; align-items: center; gap: 24px;\r\n    }\r\n    .bw-header-trust-item {\r\n        display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: var(--bw-text-dark);\r\n    }\r\n    .bw-header-trust-item svg { width: 16px; height: 16px; fill: var(--bw-accent); }\r\n\r\n    .bw-header-actions { display: flex; align-items: center; gap: 16px; }\r\n    \r\n    .bw-btn-calc-v2 {\r\n        background-color: var(--bw-accent); color: var(--bw-white);\r\n        font-size: 14px; font-weight: 600; padding: 12px 26px;\r\n        border: none; border-radius: var(--bw-radius); cursor: pointer;\r\n        box-shadow: 0 4px 14px rgba(242, 91, 74, 0.25); transition: var(--bw-transition);\r\n    }\r\n    .bw-btn-calc-v2:hover { background-color: var(--bw-primary); transform: translateY(-1px); }\r\n\r\n    \/* COMPACT MODAL ENGINE OVERLAYS *\/\r\n    .bw-calc-overlay {\r\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n        background: rgba(11, 35, 68, 0.65); backdrop-filter: blur(4px);\r\n        z-index: 2000; display: flex; align-items: center; justify-content: center;\r\n        opacity: 0; pointer-events: none; transition: var(--bw-transition); padding: 16px;\r\n    }\r\n    .bw-calc-overlay.active { opacity: 1; pointer-events: auto; }\r\n    \r\n    .bw-calc-modal {\r\n        background: var(--bw-white); width: 100%; max-width: 410px;\r\n        border-radius: 16px; padding: 32px 24px; box-shadow: var(--bw-modal-shadow);\r\n        position: relative; transform: translateY(15px); transition: var(--bw-transition);\r\n        max-height: 88vh; overflow-y: auto;\r\n    }\r\n    .bw-calc-overlay.active .bw-calc-modal { transform: translateY(0); }\r\n    \r\n    .bw-calc-close {\r\n        position: absolute; top: 20px; right: 20px; background: none; border: none;\r\n        cursor: pointer; padding: 4px; z-index: 10;\r\n    }\r\n    .bw-calc-close svg { width: 22px; height: 22px; fill: var(--bw-text-dark); }\r\n\r\n    \/* TRACKER MODULE *\/\r\n    .bw-step-tracker { display: flex; justify-content: space-between; position: relative; margin-bottom: 28px; }\r\n    .bw-step-tracker::before {\r\n        content: ''; position: absolute; top: 16px; left: 20px; right: 20px; height: 3px; background: var(--bw-border); z-index: 1;\r\n    }\r\n    .bw-step-progress-line {\r\n        position: absolute; top: 16px; left: 20px; height: 3px; background: var(--bw-accent); z-index: 2; transition: var(--bw-transition); width: 0%;\r\n    }\r\n    .bw-step-item { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 6px; }\r\n    .bw-step-circle {\r\n        width: 32px; height: 32px; border-radius: 50%; background: #F3F4F6;\r\n        display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; color: #9CA3AF;\r\n    }\r\n    .bw-step-label { font-size: 11px; color: #9CA3AF; font-weight: 500; }\r\n    .bw-step-item.active .bw-step-circle { background: var(--bw-accent); color: var(--bw-white); }\r\n    .bw-step-item.active .bw-step-label { color: var(--bw-accent); }\r\n    .bw-step-item.completed .bw-step-circle { background: var(--bw-success); color: var(--bw-white); }\r\n    .bw-step-item.completed .bw-step-label { color: var(--bw-success); }\r\n\r\n    .bw-step-content { display: none; }\r\n    .bw-step-content.active { display: block; }\r\n    .bw-calc-title { font-size: 19px; color: var(--bw-primary); font-weight: 600; margin-bottom: 18px; text-align: center; }\r\n\r\n    \/* CONFIGURATION METRICS *\/\r\n    .bw-property-grid { display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; }\r\n    .bw-property-card {\r\n        border: 1.5px solid var(--bw-border); border-radius: 10px; padding: 14px 18px;\r\n        cursor: pointer; transition: var(--bw-transition); display: flex; justify-content: space-between; align-items: center;\r\n    }\r\n    .bw-property-card.selected { border-color: var(--bw-accent); background: #FFF7F5; }\r\n    .bw-prop-title { font-size: 14.5px; font-weight: 600; color: var(--bw-text-dark); }\r\n    .bw-prop-desc { font-size: 12px; color: var(--bw-text-light); }\r\n\r\n    \/* COUNT SYSTEMS *\/\r\n    .bw-room-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; }\r\n    .bw-room-row {\r\n        display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; border: 1px solid var(--bw-border); border-radius: 10px;\r\n    }\r\n    .bw-room-name { font-size: 14px; font-weight: 500; color: var(--bw-text-dark); }\r\n    .bw-counter { display: flex; align-items: center; gap: 12px; }\r\n    .bw-btn-count {\r\n        width: 26px; height: 26px; border-radius: 50%; border: none; background: var(--bw-accent); color: var(--bw-white); font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .bw-count-val { font-size: 15px; font-weight: 600; color: var(--bw-text-dark); min-width: 14px; text-align: center; }\r\n\r\n    \/* CORE INPUT METRICS *\/\r\n    .bw-form-list { display: flex; flex-direction: column; gap: 14px; margin-bottom: 24px; }\r\n    .bw-form-input {\r\n        width: 100%; padding: 14px 16px; border: 1px solid var(--bw-border); border-radius: 10px; font-size: 14px; background: var(--bw-bg-light); outline: none;\r\n    }\r\n    .bw-form-input:focus { border-color: var(--bw-accent); background: var(--bw-white); }\r\n\r\n    .bw-nav-actions { display: flex; justify-content: center; gap: 12px; }\r\n    .bw-btn-nav { padding: 12px 30px; border-radius: var(--bw-radius); font-size: 15px; font-weight: 600; cursor: pointer; border: none; transition: var(--bw-transition); }\r\n    .bw-btn-next { background: var(--bw-accent); color: var(--bw-white); }\r\n    .bw-btn-back { background: var(--bw-gray-btn); color: var(--bw-white); }\r\n\r\n    .bw-result-box { text-align: center; padding: 10px 0; }\r\n    .bw-success-icon { font-size: 44px; color: var(--bw-success); margin-bottom: 12px; }\r\n    .bw-estimate-msg { font-size: 15px; color: var(--bw-text-dark); line-height: 1.5; margin-bottom: 20px; font-weight: 500; }\r\n    \r\n    .bw-btn-whatsapp {\r\n        display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%;\r\n        background: #25D366; color: var(--bw-white); padding: 14px; border-radius: 10px;\r\n        font-size: 15px; font-weight: 600; text-decoration: none;\r\n    }\r\n    .bw-btn-whatsapp svg { width: 20px; height: 20px; fill: var(--bw-white); }\r\n\r\n    @media (max-width: 991px) {\r\n        .bw-header-trust-bar { display: none; }\r\n    }\r\n    @media (max-width: 768px) {\r\n        .bw-header-v2 { height: 80px; }\r\n        .bw-logo-wrap img { height: 56px; } \/* Clean larger scaling for mobile displays *\/\r\n        .bw-btn-calc-v2 { padding: 10px 18px; font-size: 13px; }\r\n        .bw-calc-modal { padding: 24px 16px; border-radius: 12px; }\r\n    }\r\n<\/style>\r\n\r\n<header class=\"bw-header-v2\">\r\n    <div class=\"bw-header-container\">\r\n        <a href=\"#\" class=\"bw-logo-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/brownwood.co.in\/blog\/wp-content\/uploads\/2026\/07\/d7d09607-60d5-46dd-ac3e-e1b7d740512c.png\" alt=\"Brownwood Interiors\">\r\n        <\/a>\r\n        \r\n        <!-- Trust indicators matched from layout schema -->\r\n        <div class=\"bw-header-trust-bar\">\r\n            <div class=\"bw-header-trust-item\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg>\r\n                20-Year Warranty*\r\n            <\/div>\r\n            <div class=\"bw-header-trust-item\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\"\/><\/svg>\r\n                500+ Homes\r\n            <\/div>\r\n            <div class=\"bw-header-trust-item\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                Gurgaon Experience Centre\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bw-header-actions\">\r\n            <button class=\"bw-btn-calc-v2\" id=\"openCalcBtn\">Price Calculator<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/header>\r\n\r\n<!-- PRICE CALCULATOR MODAL MODULE -->\r\n<div class=\"bw-calc-overlay\" id=\"calcModalOverlay\">\r\n    <div class=\"bw-calc-modal\">\r\n        <button class=\"bw-calc-close\" id=\"closeCalcBtn\" aria-label=\"Close\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/><\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"bw-step-tracker\">\r\n            <div class=\"bw-step-progress-line\" id=\"calcProgressBar\"><\/div>\r\n            <div class=\"bw-step-item active\" id=\"stepIndicator1\"><div class=\"bw-step-circle\">1<\/div><div class=\"bw-step-label\">Property<\/div><\/div>\r\n            <div class=\"bw-step-item\" id=\"stepIndicator2\"><div class=\"bw-step-circle\">2<\/div><div class=\"bw-step-label\">Rooms<\/div><\/div>\r\n            <div class=\"bw-step-item\" id=\"stepIndicator3\"><div class=\"bw-step-circle\">3<\/div><div class=\"bw-step-label\">Details<\/div><\/div>\r\n            <div class=\"bw-step-item\" id=\"stepIndicator4\"><div class=\"bw-step-circle\">4<\/div><div class=\"bw-step-label\">Estimate<\/div><\/div>\r\n        <\/div>\r\n\r\n        <!-- STEP 1 -->\r\n        <div class=\"bw-step-content active\" id=\"calcStep1\">\r\n            <h3 class=\"bw-calc-title\">Select Your Property Type<\/h3>\r\n            <div class=\"bw-property-grid\">\r\n                <div class=\"bw-property-card selected\" onclick=\"selectProperty(this, '1 BHK')\"><span class=\"bw-prop-title\">\ud83c\udfe0 1 BHK<\/span><span class=\"bw-prop-desc\">One bedroom<\/span><\/div>\r\n                <div class=\"bw-property-card\" onclick=\"selectProperty(this, '2 BHK')\"><span class=\"bw-prop-title\">\ud83c\udfe0 2 BHK<\/span><span class=\"bw-prop-desc\">Two bedroom<\/span><\/div>\r\n                <div class=\"bw-property-card\" onclick=\"selectProperty(this, '3 BHK')\"><span class=\"bw-prop-title\">\ud83c\udfe0 3 BHK<\/span><span class=\"bw-prop-desc\">Three bedroom<\/span><\/div>\r\n                <div class=\"bw-property-card\" onclick=\"selectProperty(this, '4 BHK')\"><span class=\"bw-prop-title\">\ud83c\udfe0 4 BHK<\/span><span class=\"bw-prop-desc\">Four bedroom<\/span><\/div>\r\n                <div class=\"bw-property-card\" onclick=\"selectProperty(this, '5+ BHK')\"><span class=\"bw-prop-title\">\ud83c\udfe0 5+ BHK<\/span><span class=\"bw-prop-desc\">Five+ bedroom<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"bw-nav-actions\"><button class=\"bw-btn-nav bw-btn-next\" onclick=\"goToStep(2)\">Next<\/button><\/div>\r\n        <\/div>\r\n\r\n        <!-- STEP 2 -->\r\n        <div class=\"bw-step-content\" id=\"calcStep2\">\r\n            <h3 class=\"bw-calc-title\">Select Rooms to Design<\/h3>\r\n            <div class=\"bw-room-list\">\r\n                <div class=\"bw-room-row\"><span class=\"bw-room-name\">Living Room<\/span><div class=\"bw-counter\"><button class=\"bw-btn-count\" onclick=\"updateCount('living', -1)\">-<\/button><span class=\"bw-count-val\" id=\"count-living\">1<\/span><button class=\"bw-btn-count\" onclick=\"updateCount('living', 1)\">+<\/button><\/div><\/div>\r\n                <div class=\"bw-room-row\"><span class=\"bw-room-name\">Kitchen<\/span><div class=\"bw-counter\"><button class=\"bw-btn-count\" onclick=\"updateCount('kitchen', -1)\">-<\/button><span class=\"bw-count-val\" id=\"count-kitchen\">1<\/span><button class=\"bw-btn-count\" onclick=\"updateCount('kitchen', 1)\">+<\/button><\/div><\/div>\r\n                <div class=\"bw-room-row\"><span class=\"bw-room-name\">Bedroom<\/span><div class=\"bw-counter\"><button class=\"bw-btn-count\" onclick=\"updateCount('bedroom', -1)\">-<\/button><span class=\"bw-count-val\" id=\"count-bedroom\">1<\/span><button class=\"bw-btn-count\" onclick=\"updateCount('bedroom', 1)\">+<\/button><\/div><\/div>\r\n                <div class=\"bw-room-row\"><span class=\"bw-room-name\">Bathroom<\/span><div class=\"bw-counter\"><button class=\"bw-btn-count\" onclick=\"updateCount('bathroom', -1)\">-<\/button><span class=\"bw-count-val\" id=\"count-bathroom\">1<\/span><button class=\"bw-btn-count\" onclick=\"updateCount('bathroom', 1)\">+<\/button><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"bw-nav-actions\"><button class=\"bw-btn-nav bw-btn-back\" onclick=\"goToStep(1)\">Back<\/button><button class=\"bw-btn-nav bw-btn-next\" onclick=\"goToStep(3)\">Next<\/button><\/div>\r\n        <\/div>\r\n\r\n        <!-- STEP 3 -->\r\n        <div class=\"bw-step-content\" id=\"calcStep3\">\r\n            <h3 class=\"bw-calc-title\">Your Details<\/h3>\r\n            <div class=\"bw-form-list\">\r\n                <input type=\"text\" id=\"calcName\" class=\"bw-form-input\" placeholder=\"Full Name\" required>\r\n                <input type=\"tel\" id=\"calcPhone\" class=\"bw-form-input\" placeholder=\"Phone Number\" maxlength=\"10\" required>\r\n            <\/div>\r\n            <div class=\"bw-nav-actions\"><button class=\"bw-btn-nav bw-btn-back\" onclick=\"goToStep(2)\">Back<\/button><button class=\"bw-btn-nav bw-btn-next\" onclick=\"submitLeadDetails()\">Get Free Estimate<\/button><\/div>\r\n        <\/div>\r\n\r\n        <!-- STEP 4 -->\r\n        <div class=\"bw-step-content\" id=\"calcStep4\">\r\n            <div class=\"bw-result-box\">\r\n                <div class=\"bw-success-icon\">\u2713<\/div>\r\n                <p class=\"bw-estimate-msg\">Our team will contact you as soon as possible.<\/p>\r\n                <a href=\"https:\/\/wa.me\/918882442213?text=Hi%20Brownwood%20Interiors%2C%20I%20just%20submitted%20my%20details%20for%20a%20home%20interior%20estimate.\" target=\"_blank\" class=\"bw-btn-whatsapp\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946C.06 5.348 5.397 0 11.948 0c3.179.001 6.164 1.24 8.413 3.496 2.248 2.256 3.483 5.245 3.48 8.432-.007 6.597-5.343 11.945-11.898 11.945-1.996-.001-3.959-.502-5.701-1.458L0 24zm6.59-4.846c1.66.986 3.294 1.491 5.293 1.492 5.437 0 9.855-4.387 9.86-9.777.002-2.61-1.01-5.066-2.853-6.91C17.054 2.112 14.6 1.1 12.01 1.1c-5.441 0-9.859 4.389-9.864 9.779-.001 2.012.528 3.654 1.547 5.247l-.994 3.629 3.738-.973zm11.23-5.234c-.303-.151-1.794-.882-2.072-.983-.279-.101-.482-.151-.684.151-.202.302-.782 1.01-.959 1.212-.177.201-.355.226-.658.076-.303-.151-1.278-.47-2.434-1.497-.899-.801-1.505-1.792-1.682-2.093-.177-.302-.019-.465.133-.615.136-.135.303-.352.454-.529.152-.177.202-.27.303-.471.101-.201.051-.377-.025-.528-.076-.151-.684-1.649-.937-2.254-.247-.594-.499-.514-.684-.523-.177-.009-.38-.01-.582-.01-.202 0-.531.075-.81.377-.278.301-1.062 1.037-1.062 2.531 0 1.493 1.088 2.934 1.239 3.136.152.201 2.141 3.268 5.187 4.582.724.313 1.289.5 1.73.641.727.23 1.388.198 1.912.121.583-.087 1.794-.733 2.048-1.439.254-.706.254-1.31.177-1.439-.077-.129-.279-.205-.583-.356z\"\/><\/svg>\r\n                    Chat on WhatsApp\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const calcState = { propertyType: '1 BHK', rooms: { living: 1, kitchen: 1, bedroom: 1, bathroom: 1 } };\r\n    const overlay = document.getElementById('calcModalOverlay');\r\n    const openBtn = document.getElementById('openCalcBtn');\r\n    const closeBtn = document.getElementById('closeCalcBtn');\r\n\r\n    openBtn.addEventListener('click', () => { overlay.classList.add('active'); goToStep(1); });\r\n    closeBtn.addEventListener('click', () => overlay.classList.remove('active'));\r\n    overlay.addEventListener('click', (e) => { if(e.target === overlay) overlay.classList.remove('active'); });\r\n\r\n    function selectProperty(element, type) {\r\n        document.querySelectorAll('.bw-property-card').forEach(card => card.classList.remove('selected'));\r\n        element.classList.add('selected');\r\n        calcState.propertyType = type;\r\n    }\r\n    function updateCount(room, change) {\r\n        let current = calcState.rooms[room];\r\n        let newVal = current + change;\r\n        if(newVal < 0) newVal = 0;\r\n        calcState.rooms[room] = newVal;\r\n        document.getElementById(`count-${room}`).innerText = newVal;\r\n    }\r\n    function goToStep(stepNum) {\r\n        document.querySelectorAll('.bw-step-content').forEach(el => el.classList.remove('active'));\r\n        document.getElementById(`calcStep${stepNum}`).classList.add('active');\r\n        const progressPercent = ((stepNum - 1) \/ 3) * 100;\r\n        document.getElementById('calcProgressBar').style.width = `${progressPercent}%`;\r\n        for(let i = 1; i <= 4; i++) {\r\n            let dot = document.getElementById(`stepIndicator${i}`);\r\n            dot.classList.remove('active', 'completed');\r\n            if(i === stepNum) dot.classList.add('active');\r\n            else if(i < stepNum) dot.classList.add('completed');\r\n        }\r\n    }\r\n    const POPUP_SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbxwt_60zVUwuaXQrnoaQxz5ezJYqSC_7jYq3uxNCeGX090t0ZduTc4lrILU6Dy8P2d6\/exec\";\r\n\r\nasync function submitLeadDetails() {\r\n\r\n    const name = document.getElementById(\"calcName\").value.trim();\r\n    const phone = document.getElementById(\"calcPhone\").value.trim();\r\n\r\n    if (!name || phone.length !== 10) {\r\n        alert(\"Please enter a valid Name and 10-digit Phone Number.\");\r\n        return;\r\n    }\r\n\r\n    const leadData = {\r\n        name: name,\r\n        phone: phone,\r\n        property_type: calcState.propertyType,\r\n        living: calcState.rooms.living,\r\n        kitchen: calcState.rooms.kitchen,\r\n        bedroom: calcState.rooms.bedroom,\r\n        bathroom: calcState.rooms.bathroom,\r\n        page_url: window.location.href\r\n    };\r\n\r\n    try {\r\n\r\n        const response = await fetch(POPUP_SCRIPT_URL, {\r\n            method: \"POST\",\r\n            headers: {\r\n                \"Content-Type\": \"text\/plain;charset=utf-8\"\r\n            },\r\n            body: JSON.stringify(leadData)\r\n        });\r\n\r\n        const result = await response.json();\r\n\r\n        if (result.success) {\r\n            window.dataLayer = window.dataLayer || [];\r\nwindow.dataLayer.push({\r\n    event: \"generate_lead\",\r\n    form_type: \"popup\"\r\n});\r\n\r\n            console.log(\"Popup Lead Saved Successfully\");\r\n\r\n            goToStep(4);\r\n\r\n        } else {\r\n\r\n            alert(\"Unable to submit. Please try again.\");\r\n            console.error(result);\r\n\r\n        }\r\n\r\n    } catch (error) {\r\n\r\n        console.error(error);\r\n        alert(\"Something went wrong. Please try again.\");\r\n\r\n    }\r\n\r\n}\r\n<\/script>\r\n<!-- END OF BROWNWOOD INTERIORS HEADER V2 -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e1136b2 e-con e-atomic-element e-flexbox-base e-dca42ed \" data-id=\"e1136b2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e1136b2\">\n    \t\t<div class=\"elementor-element elementor-element-a5a311f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a5a311f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- START OF BROWNWOOD INTERIORS HERO SECTION V2 -->\r\n<style>\r\n    :root {\r\n        --bw-primary: #0B2344;\r\n        --bw-accent: #F25B4A;\r\n        --bw-bg-light: #FAFAF8;\r\n        --bw-white: #FFFFFF;\r\n        --bw-text-dark: #1A2E40;\r\n        --bw-text-light: #5A6E85;\r\n        --bw-radius-card: 12px;\r\n        --bw-shadow-premium: 0 10px 30px rgba(11, 35, 68, 0.05);\r\n        --bw-transition-fast: all 0.2s ease;\r\n    }\r\n\r\n    .bw-hero-v2 {\r\n        background-color: var(--bw-bg-light);\r\n        padding: 140px 0 80px;\r\n        min-height: 90vh;\r\n        display: flex;\r\n        align-items: center;\r\n        box-sizing: border-box;\r\n        border-bottom: 1px solid #E5E7EB;\r\n    }\r\n\r\n    .bw-hero-v2 * {\r\n        box-sizing: border-box;\r\n        font-family: 'Poppins', sans-serif;\r\n    }\r\n\r\n    .bw-hero-container {\r\n        width: 100%;\r\n        max-width: 1250px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    .bw-hero-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 0.9fr;\r\n        gap: 40px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* LEFT SIDE: TEXT AND TRUST MATRICES *\/\r\n    .bw-hero-left h1 {\r\n        font-size: 44px;\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n        color: var(--bw-primary);\r\n        margin-bottom: 16px;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .bw-hero-left h1 span {\r\n        color: var(--bw-accent);\r\n    }\r\n\r\n    .bw-hero-subtext {\r\n        font-size: 15.5px;\r\n        line-height: 1.6;\r\n        color: var(--bw-text-light);\r\n        margin-bottom: 36px;\r\n        max-width: 540px;\r\n    }\r\n\r\n    \/* HORIZONTAL METRIC BAR (From Sketch Block 2) *\/\r\n    .bw-metric-row {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 12px;\r\n        border-top: 1px solid #E5E7EB;\r\n        padding-top: 24px;\r\n    }\r\n\r\n    .bw-metric-box {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4px;\r\n    }\r\n\r\n    .bw-metric-icon {\r\n        margin-bottom: 4px;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .bw-metric-icon svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        fill: var(--bw-primary);\r\n    }\r\n\r\n    .bw-metric-label {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: var(--bw-primary);\r\n    }\r\n\r\n    .bw-metric-desc {\r\n        font-size: 11.5px;\r\n        color: var(--bw-text-light);\r\n        line-height: 1.3;\r\n    }\r\n\r\n    \/* RIGHT SIDE: CONVERSION ESTIMATE WINDOW *\/\r\n    .bw-hero-form-card {\r\n        background: var(--bw-white);\r\n        padding: 36px 28px;\r\n        border-radius: var(--bw-radius-card);\r\n        border: 1px solid #E5E7EB;\r\n        box-shadow: var(--bw-shadow-premium);\r\n    }\r\n\r\n    .bw-hero-form-card h2 {\r\n        font-size: 20px;\r\n        color: var(--bw-primary);\r\n        font-weight: 700;\r\n        margin-bottom: 20px;\r\n        text-align: center;\r\n    }\r\n\r\n    .bw-form-element-wrap {\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .bw-form-element-wrap input, \r\n    .bw-form-element-wrap select {\r\n        width: 100%;\r\n        padding: 14px 16px;\r\n        border: 1.5px solid #E5E7EB;\r\n        background: var(--bw-white);\r\n        border-radius: 8px;\r\n        font-size: 14px;\r\n        color: var(--bw-text-dark);\r\n        outline: none;\r\n        transition: var(--bw-transition-fast);\r\n        -webkit-appearance: none;\r\n        height: 50px;\r\n    }\r\n\r\n    .bw-form-element-wrap select {\r\n        background-image: url(\"data:image\/svg+xml;utf8,<svg fill='%230B2344' height='24' viewBox='0 0 24 24' width='24' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='M7 10l5 5 5-5z'\/><\/svg>\");\r\n        background-repeat: no-repeat;\r\n        background-position: right 14px center;\r\n    }\r\n\r\n    .bw-form-element-wrap input:focus,\r\n    .bw-form-element-wrap select:focus {\r\n        border-color: var(--bw-accent);\r\n        box-shadow: 0 0 0 3px rgba(242, 91, 74, 0.08);\r\n    }\r\n\r\n    .bw-btn-estimate-submit {\r\n        width: 100%;\r\n        background-color: var(--bw-accent);\r\n        color: var(--bw-white);\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        padding: 15px;\r\n        border: none;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        transition: var(--bw-transition-fast);\r\n        height: 50px;\r\n    }\r\n\r\n    .bw-btn-estimate-submit:hover {\r\n        background-color: var(--bw-primary);\r\n    }\r\n\r\n    .bw-form-footer-note {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 6px;\r\n        font-size: 11.5px;\r\n        color: var(--bw-text-light);\r\n        margin-top: 16px;\r\n        line-height: 1.4;\r\n    }\r\n    \r\n    .bw-form-footer-note svg {\r\n        width: 14px;\r\n        height: 14px;\r\n        fill: var(--bw-text-light);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* RESPONSIVE LAYOUT ADJUSTMENTS *\/\r\n    @media (max-width: 991px) {\r\n        .bw-hero-v2 { padding: 110px 0 50px; }\r\n        .bw-hero-grid { grid-template-columns: 1fr; gap: 36px; }\r\n        .bw-hero-left { text-align: center; }\r\n        .bw-hero-subtext { margin-left: auto; margin-right: auto; }\r\n        .bw-metric-row { max-width: 600px; margin: 0 auto; text-align: left; }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        .bw-hero-left h1 { font-size: 30px; }\r\n        .bw-hero-subtext { font-size: 14px; margin-bottom: 24px; }\r\n        .bw-metric-row { grid-template-columns: repeat(2, 1fr); gap: 16px; }\r\n        .bw-hero-form-card { padding: 24px 16px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bw-hero-v2\">\r\n    <div class=\"bw-hero-container\">\r\n        <div class=\"bw-hero-grid\">\r\n            \r\n            <!-- LEFT AREA: STRATEGIC headlines & TRUST MATRIX -->\r\n            <div class=\"bw-hero-left\">\r\n                <h1>Know Your Home Interior Cost in <span>60 Seconds<\/span><\/h1>\r\n                <p class=\"bw-hero-subtext\">Get a personalized estimate*, explore premium materials at our Experience Hub, and consult with expert designers before making any commitment.<\/p>\r\n                \r\n                <!-- 4-Point Trust Layout Layered from Blueprint Sketch -->\r\n                <div class=\"bw-metric-row\">\r\n                    <div class=\"bw-metric-box\">\r\n                        <div class=\"bw-metric-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm0-4h-2V7h2v8z\"\/><\/svg><\/div>\r\n                        <div class=\"bw-metric-label\">From \u20b96 Lakhs*<\/div>\r\n                        <div class=\"bw-metric-desc\">Complete home spaces<\/div>\r\n                    <\/div>\r\n                    <div class=\"bw-metric-box\">\r\n                        <div class=\"bw-metric-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg><\/div>\r\n                        <div class=\"bw-metric-label\">20-Year*<\/div>\r\n                        <div class=\"bw-metric-desc\">Structural warranty<\/div>\r\n                    <\/div>\r\n                    <div class=\"bw-metric-box\">\r\n                        <div class=\"bw-metric-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg><\/div>\r\n                        <div class=\"bw-metric-label\">500+<\/div>\r\n                        <div class=\"bw-metric-desc\">Homes delivered<\/div>\r\n                    <\/div>\r\n                    <div class=\"bw-metric-box\">\r\n                        <div class=\"bw-metric-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg><\/div>\r\n                        <div class=\"bw-metric-label\">Gurgaon<\/div>\r\n                        <div class=\"bw-metric-desc\">Experience Centre<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- RIGHT AREA: VISIBLE ESTIMATION CONVERSION WINDOW -->\r\n            <div class=\"bw-hero-form-card\">\r\n                <h2>Get Your Personalized Interior Estimate<\/h2>\r\n                \r\n                <form action=\"#\" method=\"POST\" onsubmit=\"handleHeroV2Submit(event)\">\r\n                    <div class=\"bw-form-element-wrap\">\r\n                        <select id=\"v2PropertyType\" required>\r\n                            <option value=\"\" disabled selected>Select Property Type<\/option>\r\n                            <option value=\"1BHK\">1 BHK<\/option>\r\n                            <option value=\"2BHK\">2 BHK<\/option>\r\n                            <option value=\"3BHK\">3 BHK<\/option>\r\n                            <option value=\"4BHK+\">4 BHK \/ Villa<\/option>\r\n                            <option value=\"Independent Floor\">Independent Floor<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                    <div class=\"bw-form-element-wrap\">\r\n                        <input type=\"text\" id=\"v2Name\" placeholder=\"Your Name\" required>\r\n                    <\/div>\r\n                    <div class=\"bw-form-element-wrap\">\r\n                        <input type=\"tel\" id=\"v2Phone\" placeholder=\"Mobile Number\" pattern=\"[0-9]{10}\" maxlength=\"10\" required>\r\n                    <\/div>\r\n                    \r\n                    <button type=\"submit\" class=\"bw-btn-estimate-submit\">Get My Estimate<\/button>\r\n                <\/form>\r\n\r\n                <div class=\"bw-form-footer-note\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z\"\/><\/svg>\r\n                    <span>Your information is secure. We will call within 15 minutes.<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst GOOGLE_SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbzdt6zvHnIIqBqaR1hZ_8hCyw_t1kh4kH8Ng5J_IaYPZmj2nBciRYeiiR3GMxqjtf2FZQ\/exec\";\r\n\r\nasync function handleHeroV2Submit(e) {\r\n    e.preventDefault();\r\n\r\n    const property = document.getElementById('v2PropertyType').value;\r\n    const name = document.getElementById('v2Name').value.trim();\r\n    const phone = document.getElementById('v2Phone').value.trim();\r\n\r\n    if (!name || phone.length !== 10) {\r\n        alert(\"Please enter a valid Name and 10-digit Phone Number.\");\r\n        return;\r\n    }\r\n\r\n    const submitBtn = e.target.querySelector(\"button[type='submit']\");\r\n    const originalText = submitBtn.innerHTML;\r\n\r\n    submitBtn.disabled = true;\r\n    submitBtn.innerHTML = \"Submitting...\";\r\n\r\n    const params = new URLSearchParams(window.location.search);\r\n\r\n    const leadData = {\r\n        form_source: \"Hero Form\",\r\n        name: name,\r\n        phone: phone,\r\n        property_type: property,\r\n        page_url: window.location.href,\r\n        utm_source: params.get(\"utm_source\") || \"\",\r\n        utm_medium: params.get(\"utm_medium\") || \"\",\r\n        utm_campaign: params.get(\"utm_campaign\") || \"\",\r\n        gclid: params.get(\"gclid\") || \"\"\r\n    };\r\n\r\n    try {\r\n\r\n        const response = await fetch(GOOGLE_SCRIPT_URL, {\r\n            method: \"POST\",\r\n            headers: {\r\n                \"Content-Type\": \"text\/plain;charset=utf-8\"\r\n            },\r\n            body: JSON.stringify(leadData)\r\n        });\r\n\r\n        const result = await response.json();\r\n\r\n        if (result.success) {\r\n            window.dataLayer = window.dataLayer || [];\r\nwindow.dataLayer.push({\r\n    event: \"generate_lead\",\r\n    form_type: \"hero\"\r\n});\r\n\r\n            console.log(\"Lead Saved Successfully\");\r\n\r\n            \/\/ Existing Success Popup\r\n            const successOverlay = document.getElementById('calcModalOverlay');\r\n\r\n            if (successOverlay) {\r\n                successOverlay.classList.add('active');\r\n\r\n                if (typeof goToStep === 'function') {\r\n                    goToStep(4);\r\n                }\r\n            }\r\n\r\n            e.target.reset();\r\n\r\n        } else {\r\n\r\n            alert(\"Something went wrong. Please try again.\");\r\n\r\n            console.error(result);\r\n\r\n        }\r\n\r\n    } catch (error) {\r\n\r\n        console.error(error);\r\n        alert(\"Unable to submit. Please try again.\");\r\n\r\n    }\r\n\r\n    submitBtn.disabled = false;\r\n    submitBtn.innerHTML = originalText;\r\n}\r\n<\/script>\r\n<!-- END OF BROWNWOOD INTERIORS HERO SECTION V2 -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8e842f6 e-con e-atomic-element e-flexbox-base e-d30aefd \" data-id=\"8e842f6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8e842f6\">\n    \t\t<div class=\"elementor-element elementor-element-bf1fb45 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bf1fb45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- START OF BROWNWOOD INTERIORS EXPERIENCE HUB V3 -->\r\n<style>\r\n    :root {\r\n        --bw-primary: #0B2344;\r\n        --bw-accent: #F25B4A;\r\n        --bw-bg-light: #FAFAF8;\r\n        --bw-white: #FFFFFF;\r\n        --bw-text-dark: #1A2E40;\r\n        --bw-text-light: #5A6E85;\r\n        --bw-radius-element: 12px;\r\n        --bw-shadow-premium: 0 10px 30px rgba(11, 35, 68, 0.04);\r\n        --bw-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .bw-hub-v3 {\r\n        background-color: var(--bw-white);\r\n        padding: 90px 0;\r\n        box-sizing: border-box;\r\n        border-bottom: 1px solid #E5E7EB;\r\n        position: relative;\r\n    }\r\n\r\n    .bw-hub-v3 * {\r\n        box-sizing: border-box;\r\n        font-family: 'Poppins', sans-serif;\r\n    }\r\n\r\n    .bw-hub-container-v3 {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .bw-hub-v3 h2 {\r\n        font-size: 34px;\r\n        color: var(--bw-primary);\r\n        font-weight: 700;\r\n        line-height: 1.3;\r\n        margin-bottom: 40px;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    \/* FIXED STICKY WINDOW CONFIGURATION FOR SQUARE VIDEO *\/\r\n    .bw-hub-video-window {\r\n        position: sticky;\r\n        top: 120px; \/* Positions perfectly below V2 Header height *\/\r\n        width: 100%;\r\n        max-width: 500px; \r\n        aspect-ratio: 1 \/ 1;\r\n        margin: 0 auto 40px;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        box-shadow: 0 20px 50px rgba(11, 35, 68, 0.15);\r\n        z-index: 1;\r\n    }\r\n\r\n    .bw-hub-video-element {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .bw-hub-video-window::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: rgba(11, 35, 68, 0.2);\r\n        z-index: 2;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* SCROLLABLE CARDS CONTAINER OVER THE VIDEO SCENE *\/\r\n    .bw-hub-scroll-deck {\r\n        position: relative;\r\n        z-index: 5; \/* Forces grid layout order above the video frame window *\/\r\n        margin-top: -340px; \/* Pulls cards upward to overlay gracefully on scroll *\/\r\n        margin-bottom: 48px;\r\n    }\r\n\r\n    \/* BOXED 4-COLUMN GRID CONFIGURATION *\/\r\n    .bw-hub-matrix {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 24px;\r\n    }\r\n\r\n    .bw-hub-feature-box {\r\n        background: var(--bw-white); \r\n        padding: 32px 20px;\r\n        border-radius: var(--bw-radius-element);\r\n        transition: var(--bw-transition);\r\n        border: 1px solid #E5E7EB;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        box-shadow: var(--bw-shadow-premium);\r\n    }\r\n\r\n    .bw-hub-feature-box:hover {\r\n        transform: translateY(-4px);\r\n        border-color: var(--bw-accent);\r\n        box-shadow: 0 15px 35px rgba(11, 35, 68, 0.08);\r\n    }\r\n\r\n    .bw-hub-box-icon {\r\n        width: 52px;\r\n        height: 52px;\r\n        background: var(--bw-bg-light);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 20px;\r\n        transition: var(--bw-transition);\r\n    }\r\n\r\n    .bw-hub-feature-box:hover .bw-hub-box-icon {\r\n        background: var(--bw-accent);\r\n    }\r\n\r\n    .bw-hub-box-icon svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        fill: var(--bw-primary);\r\n        transition: var(--bw-transition);\r\n    }\r\n\r\n    .bw-hub-feature-box:hover .bw-hub-box-icon svg {\r\n        fill: var(--bw-white);\r\n    }\r\n\r\n    .bw-hub-feature-box h4 {\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: var(--bw-primary);\r\n        margin-bottom: 8px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .bw-hub-feature-box p {\r\n        font-size: 12.5px;\r\n        color: var(--bw-text-light);\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* FIXED \/ NORMAL BACKGROUND FLOW AT FOOTER LEVEL *\/\r\n    .bw-hub-action-block {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 12px;\r\n        position: relative;\r\n        z-index: 10; \/* Locked in standard stacking hierarchy *\/\r\n        background-color: var(--bw-white);\r\n        padding-top: 20px;\r\n    }\r\n\r\n    .bw-btn-hub-v2 {\r\n        background-color: var(--bw-accent);\r\n        color: var(--bw-white);\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        padding: 16px 40px;\r\n        border: none;\r\n        border-radius: var(--bw-radius-element);\r\n        cursor: pointer;\r\n        box-shadow: 0 4px 14px rgba(242, 91, 74, 0.25);\r\n        transition: var(--bw-transition);\r\n        text-decoration: none;\r\n    }\r\n\r\n    .bw-btn-hub-v2:hover {\r\n        background-color: var(--bw-primary);\r\n        transform: translateY(-1px);\r\n    }\r\n\r\n    .bw-hub-location-tag {\r\n        font-size: 13px;\r\n        color: var(--bw-text-light);\r\n        font-weight: 500;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n    }\r\n\r\n    .bw-hub-location-tag svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        fill: var(--bw-text-light);\r\n    }\r\n\r\n    \/* RESPONSIVE CONTROL MATRIX *\/\r\n    @media (max-width: 991px) {\r\n        .bw-hub-matrix {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n        }\r\n        .bw-hub-video-window {\r\n            max-width: 420px;\r\n        }\r\n        .bw-hub-scroll-deck {\r\n            margin-top: -200px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .bw-hub-v3 { padding: 60px 0; }\r\n        .bw-hub-v3 h2 { font-size: 26px; margin-bottom: 24px; }\r\n        .bw-hub-video-window { max-width: 100%; top: 100px; margin-bottom: 24px;}\r\n        .bw-hub-scroll-deck { margin-top: 0; }\r\n        .bw-hub-matrix { grid-template-columns: 1fr; gap: 14px; }\r\n        .bw-hub-feature-box { padding: 24px 16px; }\r\n        .bw-btn-hub-v2 { width: 100%; text-align: center; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bw-hub-v3\">\r\n    <div class=\"bw-hub-container-v3\">\r\n        \r\n        <h2>Experience Everything Before We Build It<\/h2>\r\n\r\n        <!-- STICKY BACKDROP VIDEO WINDOW -->\r\n        <div class=\"bw-hub-video-window\">\r\n            <video class=\"bw-hub-video-element\" id=\"hubVideoClip\" autoplay loop muted playsinline>\r\n                <source src=\"https:\/\/brownwood.co.in\/blog\/wp-content\/uploads\/2026\/07\/WhatsApp-Video-2026-07-13-at-7.16.04-PM-1.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n        <\/div>\r\n        \r\n        <!-- SCROLLABLE INTERACTION DECK OVER THE VIDEO STAGE -->\r\n        <div class=\"bw-hub-scroll-deck\">\r\n            <div class=\"bw-hub-matrix\">\r\n                <!-- Box 1 -->\r\n                <div class=\"bw-hub-feature-box\">\r\n                    <div class=\"bw-hub-box-icon\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2c-4.97 0-9 4.03-9 9 0 2.12.74 4.07 1.97 5.61L4.35 19.4c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l1.9-1.9C9.22 19.58 10.57 20 12 20c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 15c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h4>Real-Size Setups<\/h4>\r\n                    <p>Walk through fully realized mock rooms and check dimensions live before committing.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Box 2 -->\r\n                <div class=\"bw-hub-feature-box\">\r\n                    <div class=\"bw-hub-box-icon\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 3c-4.97 0-9 4.03-9 9 0 2.12.74 4.07 1.97 5.61L4.35 19.4c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l1.9-1.9C9.22 19.58 10.57 20 12 20c4.97 0 9-4.03 9-9s-4.03-9-9-9zm1 14h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h4>1000+ Materials<\/h4>\r\n                    <p>Compare premium surface textures, hardware finishes, and luxury panels side by side.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Box 3 -->\r\n                <div class=\"bw-hub-feature-box\">\r\n                    <div class=\"bw-hub-box-icon\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M7 11h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zM9 7h2v2H9zm4 0h2v2h-2zm4 0h2v2h-2zM5 21h14v-2H5v2zm0-4h14v-2H5v2zm0-4h14v-2H5v2zM3 5v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2zm2 0h14v6H5V5z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h4>Touch & Feel<\/h4>\r\n                    <p>Directly test performance layers, modular handles, and core structural wood grades.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Box 4 -->\r\n                <div class=\"bw-hub-feature-box\">\r\n                    <div class=\"bw-hub-box-icon\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M16.5 13c-1.2 0-3.07.34-4.5 1-1.43-.67-3.3-1-4.5-1C5.33 13 1 15.17 1 18.5V22h22v-3.5c0-3.33-4.33-5.5-6.5-5.5zM12 6c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h4>Meet Designers<\/h4>\r\n                    <p>Sit down with veteran interior architects to systematically finalize your layout plans.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- STATIONARY CONVERSION FOOTER BLOCK -->\r\n        <div class=\"bw-hub-action-block\">\r\n            <button class=\"bw-btn-hub-v2\" onclick=\"document.getElementById('calcModalOverlay').classList.add('active'); goToStep(1);\">\r\n                Visit Our Experience Centre\r\n            <\/button>\r\n            <div class=\"bw-hub-location-tag\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                Gurgaon Experience Centre: Golf Course Extension Road\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ Precision Frame Clipper Engine (6 seconds to 36 seconds timeline loop indicator)\r\n    const videoObj = document.getElementById('hubVideoClip');\r\n    if (videoObj) {\r\n        videoObj.addEventListener('timeupdate', function() {\r\n            if (this.currentTime < 6) {\r\n                this.currentTime = 6;\r\n            }\r\n            if (this.currentTime >= 36) {\r\n                this.currentTime = 6;\r\n            }\r\n        });\r\n        videoObj.addEventListener('loadedmetadata', function() {\r\n            this.currentTime = 6;\r\n        });\r\n    }\r\n<\/script>\r\n<!-- END OF BROWNWOOD INTERIORS EXPERIENCE HUB V3 -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2992167 e-con e-atomic-element e-flexbox-base e-ba0ef44 \" data-id=\"2992167\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2992167\">\n    \t\t<div class=\"elementor-element elementor-element-f6b7dc6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f6b7dc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- START OF BROWNWOOD INTERIORS SECTION 3: RECENT PROJECTS -->\r\n<style>\r\n    :root {\r\n        --bw-primary: #0B2344;\r\n        --bw-accent: #F25B4A;\r\n        --bw-bg-section: #FAFAF8;\r\n        --bw-white: #FFFFFF;\r\n        --bw-text-dark: #1A2E40;\r\n        --bw-text-light: #5A6E85;\r\n        --bw-radius-element: 12px;\r\n        --bw-shadow-premium: 0 10px 30px rgba(11, 35, 68, 0.05);\r\n        --bw-transition: all 0.25s ease;\r\n    }\r\n\r\n    .bw-projects-v2 {\r\n        background-color: var(--bw-bg-section);\r\n        padding: 90px 0;\r\n        box-sizing: border-box;\r\n        border-bottom: 1px solid #E5E7EB;\r\n    }\r\n\r\n    .bw-projects-v2 * {\r\n        box-sizing: border-box;\r\n        font-family: 'Poppins', sans-serif;\r\n    }\r\n\r\n    .bw-projects-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    .bw-projects-v2 h2 {\r\n        text-align: center;\r\n        font-size: 34px;\r\n        color: var(--bw-primary);\r\n        font-weight: 700;\r\n        line-height: 1.3;\r\n        margin-bottom: 12px;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .bw-projects-desc {\r\n        text-align: center;\r\n        font-size: 15.5px;\r\n        color: var(--bw-text-light);\r\n        max-width: 600px;\r\n        margin: 0 auto 52px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* 4-COLUMN RESPONSIVE PROJECT CARDS GRID *\/\r\n    .bw-projects-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 20px;\r\n    }\r\n\r\n    .bw-project-card {\r\n        background: var(--bw-white);\r\n        border-radius: var(--bw-radius-element);\r\n        border: 1px solid #E5E7EB;\r\n        overflow: hidden;\r\n        box-shadow: var(--bw-shadow-premium);\r\n        transition: var(--bw-transition);\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .bw-project-card:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 16px 35px rgba(11, 35, 68, 0.08);\r\n        border-color: var(--bw-accent);\r\n    }\r\n\r\n    .bw-project-img-frame {\r\n        width: 100%;\r\n        height: 200px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        background-color: #E5E7EB;\r\n    }\r\n\r\n    .bw-project-img-frame img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: var(--bw-transition);\r\n    }\r\n\r\n    .bw-project-card:hover .bw-project-img-frame img {\r\n        transform: scale(1.04);\r\n    }\r\n\r\n    .bw-project-details-box {\r\n        padding: 20px 16px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .bw-project-details-box h3 {\r\n        font-size: 15.5px;\r\n        font-weight: 700;\r\n        color: var(--bw-primary);\r\n        margin-bottom: 6px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .bw-project-price-metric {\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: var(--bw-accent);\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .bw-project-location-stamp {\r\n        font-size: 12px;\r\n        color: var(--bw-text-light);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n        margin-top: auto;\r\n    }\r\n\r\n    .bw-project-location-stamp svg {\r\n        width: 14px;\r\n        height: 14px;\r\n        fill: var(--bw-text-light);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* RESPONSIVE BREAKPOINTS *\/\r\n    @media (max-width: 1024px) {\r\n        .bw-projects-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 16px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        .bw-projects-v2 { padding: 60px 0; }\r\n        .bw-projects-v2 h2 { font-size: 26px; }\r\n        .bw-projects-desc { font-size: 14px; margin-bottom: 36px; }\r\n        .bw-projects-grid { grid-template-columns: 1fr; gap: 16px; }\r\n        .bw-project-img-frame { height: 220px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bw-projects-v2\">\r\n    <div class=\"bw-projects-container\">\r\n        \r\n        <h2>Recent Homes Designed & Delivered<\/h2>\r\n        <p class=\"bw-projects-desc\">Explore context validation mappings across actual premium structural project handovers executed localized in Gurugram.<\/p>\r\n        \r\n        <div class=\"bw-projects-grid\">\r\n            \r\n            <!-- Project 1: Modular Kitchen -->\r\n            <div class=\"bw-project-card\">\r\n                <div class=\"bw-project-img-frame\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556912173-3bb406ef7e77?q=80&w=500&auto=format&fit=crop\" alt=\"Premium Modular Kitchen Gurgaon Delivery\">\r\n                <\/div>\r\n                <div class=\"bw-project-details-box\">\r\n                    <h3>Modern Kitchen Setup<\/h3>\r\n                    <div class=\"bw-project-price-metric\">From \u20b91.8 Lakhs*<\/div>\r\n                    <div class=\"bw-project-location-stamp\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                        DLF Phase 5, Gurgaon\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 2: Luxury Living Room -->\r\n            <div class=\"bw-project-card\">\r\n                <div class=\"bw-project-img-frame\">\r\n                    <img decoding=\"async\" src=\"https:\/\/brownwood.co.in\/blog\/wp-content\/uploads\/2026\/07\/af6e2970-3125-4489-bcd6-bdf206f71543.webp\" alt=\"Luxury Living Room Interior Gurugram\">\r\n                <\/div>\r\n                <div class=\"bw-project-details-box\">\r\n                    <h3>Luxury Living Room<\/h3>\r\n                    <div class=\"bw-project-price-metric\">From \u20b92.4 Lakhs*<\/div>\r\n                    <div class=\"bw-project-location-stamp\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                        M3M Golf Estate, Gurgaon\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 3: Master Bedroom -->\r\n            <div class=\"bw-project-card\">\r\n                <div class=\"bw-project-img-frame\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616594039964-ae9021a400a0?q=80&w=500&auto=format&fit=crop\" alt=\"Premium Master Bedroom Interior Setup\">\r\n                <\/div>\r\n                <div class=\"bw-project-details-box\">\r\n                    <h3>Master Bedroom Suite<\/h3>\r\n                    <div class=\"bw-project-price-metric\">From \u20b91.6 Lakhs*<\/div>\r\n                    <div class=\"bw-project-location-stamp\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                        Emaar Gurgaon Greens\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 4: Complete Interior -->\r\n            <div class=\"bw-project-card\">\r\n                <div class=\"bw-project-img-frame\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?q=80&w=500&auto=format&fit=crop\" alt=\"Complete Luxury Home Turnkey Interior Execution\">\r\n                <\/div>\r\n                <div class=\"bw-project-details-box\">\r\n                    <h3>Complete Luxury Fitout<\/h3>\r\n                    <div class=\"bw-project-price-metric\">From \u20b96.0 Lakhs*<\/div>\r\n                    <div class=\"bw-project-location-stamp\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                        Sushant Lok 1, Gurgaon\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<!-- END OF BROWNWOOD INTERIORS SECTION 3: RECENT PROJECTS -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2e70f28 e-con e-atomic-element e-flexbox-base e-cc662a9 \" data-id=\"2e70f28\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2e70f28\">\n    \t\t<div class=\"elementor-element elementor-element-32182c8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"32182c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- START OF BROWNWOOD INTERIORS SECTION 4: PRICING GUIDE & TIMELINES -->\r\n<style>\r\n    :root {\r\n        --bw-primary: #0B2344;\r\n        --bw-accent: #F25B4A;\r\n        --bw-bg-light: #FAFAF8;\r\n        --bw-white: #FFFFFF;\r\n        --bw-text-dark: #1A2E40;\r\n        --bw-text-light: #5A6E85;\r\n        --bw-radius-element: 12px;\r\n        --bw-shadow-premium: 0 10px 30px rgba(11, 35, 68, 0.04);\r\n        --bw-transition: all 0.25s ease;\r\n    }\r\n\r\n    .bw-pricing-process-v2 {\r\n        background-color: var(--bw-white);\r\n        padding: 90px 0;\r\n        box-sizing: border-box;\r\n        border-bottom: 1px solid #E5E7EB;\r\n    }\r\n\r\n    .bw-pricing-process-v2 * {\r\n        box-sizing: border-box;\r\n        font-family: 'Poppins', sans-serif;\r\n    }\r\n\r\n    .bw-pricing-container {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    .bw-block-title {\r\n        text-align: center;\r\n        font-size: 32px;\r\n        color: var(--bw-primary);\r\n        font-weight: 700;\r\n        letter-spacing: -0.5px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .bw-block-subtitle {\r\n        text-align: center;\r\n        font-size: 15px;\r\n        color: var(--bw-text-light);\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* PRICING GUIDE LAYOUT GRID *\/\r\n    .bw-price-guide-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 16px;\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    .bw-price-guide-card {\r\n        background: var(--bw-white);\r\n        border: 1px solid #E5E7EB;\r\n        border-radius: var(--bw-radius-element);\r\n        padding: 24px 20px;\r\n        text-align: center;\r\n        position: relative;\r\n        box-shadow: var(--bw-shadow-premium);\r\n        transition: var(--bw-transition);\r\n    }\r\n\r\n    .bw-price-guide-card:hover {\r\n        border-color: var(--bw-accent);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .bw-price-guide-card.featured {\r\n        border: 2px solid var(--bw-accent);\r\n        background: #FFF7F5;\r\n    }\r\n\r\n    .bw-badge-pop {\r\n        position: absolute;\r\n        top: -12px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        background: var(--bw-accent);\r\n        color: var(--bw-white);\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        padding: 4px 12px;\r\n        border-radius: 20px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .bw-pg-config {\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        color: var(--bw-text-light);\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .bw-pg-investment {\r\n        font-size: 26px;\r\n        font-weight: 700;\r\n        color: var(--bw-primary);\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .bw-price-guide-card.featured .bw-pg-investment {\r\n        color: var(--bw-accent);\r\n    }\r\n\r\n    .bw-pg-scope {\r\n        font-size: 12px;\r\n        color: var(--bw-text-light);\r\n    }\r\n\r\n    .bw-pricing-disclaimer {\r\n        text-align: center;\r\n        font-size: 12px;\r\n        color: var(--bw-text-light);\r\n        margin-bottom: 70px;\r\n    }\r\n\r\n    \/* 5-STEP DESIGN LIFECYCLE ROADMAP *\/\r\n    .bw-process-flow-row {\r\n        display: grid;\r\n        grid-template-columns: repeat(5, 1fr);\r\n        gap: 16px;\r\n        position: relative;\r\n    }\r\n\r\n    .bw-process-flow-row::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 26px;\r\n        left: 10%;\r\n        right: 10%;\r\n        height: 2px;\r\n        background: #E5E7EB;\r\n        z-index: 1;\r\n    }\r\n\r\n    .bw-process-node {\r\n        text-align: center;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .bw-process-counter {\r\n        width: 54px;\r\n        height: 54px;\r\n        background: var(--bw-white);\r\n        border: 2px solid #E5E7EB;\r\n        color: var(--bw-primary);\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto 16px;\r\n        transition: var(--bw-transition);\r\n    }\r\n\r\n    .bw-process-node:hover .bw-process-counter {\r\n        border-color: var(--bw-accent);\r\n        background: var(--bw-accent);\r\n        color: var(--bw-white);\r\n        box-shadow: 0 4px 14px rgba(242, 91, 74, 0.25);\r\n    }\r\n\r\n    .bw-process-title {\r\n        font-size: 14.5px;\r\n        font-weight: 700;\r\n        color: var(--bw-primary);\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .bw-process-explain {\r\n        font-size: 11.5px;\r\n        color: var(--bw-text-light);\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* RESPONSIVE RESPONSIVENESS *\/\r\n    @media (max-width: 991px) {\r\n        .bw-price-guide-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 16px;\r\n        }\r\n        .bw-process-flow-row {\r\n            grid-template-columns: 1fr;\r\n            gap: 32px;\r\n        }\r\n        .bw-process-flow-row::before {\r\n            display: none;\r\n        }\r\n        .bw-process-counter {\r\n            margin-bottom: 10px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        .bw-pricing-process-v2 { padding: 60px 0; }\r\n        .bw-block-title { font-size: 26px; }\r\n        .bw-price-guide-grid { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bw-pricing-process-v2\">\r\n    <div class=\"bw-pricing-container\">\r\n        \r\n        <!-- MODULE 4 & 5: PRICING ANCHOR GUIDE -->\r\n        <h2 class=\"bw-block-title\">Interior Cost Estimate Guide<\/h2>\r\n        <p class=\"bw-block-subtitle\">Transparent framework structures to eliminate budget ambiguity up front.<\/p>\r\n        \r\n        <div class=\"bw-price-guide-grid\">\r\n            <!-- 2 BHK -->\r\n            <div class=\"bw-price-guide-card\">\r\n                <div class=\"bw-pg-config\">2 BHK Setup<\/div>\r\n                <div class=\"bw-pg-investment\">\u20b96 - 8 Lakhs*<\/div>\r\n                <div class=\"bw-pg-scope\">Complete Standard Fitout<\/div>\r\n            <\/div>\r\n\r\n            <!-- 3 BHK (Featured Active Metric from Sketch Blueprint) -->\r\n            <div class=\"bw-price-guide-card featured\">\r\n                <div class=\"bw-badge-pop\">Most Popular<\/div>\r\n                <div class=\"bw-pg-config\">3 BHK Setup<\/div>\r\n                <div class=\"bw-pg-investment\">\u20b98 - 12 Lakhs*<\/div>\r\n                <div class=\"bw-pg-scope\">Complete Luxury Fitout<\/div>\r\n            <\/div>\r\n\r\n            <!-- 4 BHK -->\r\n            <div class=\"bw-price-guide-card\">\r\n                <div class=\"bw-pg-config\">4 BHK Setup<\/div>\r\n                <div class=\"bw-pg-investment\">\u20b912 - 18 Lakhs*<\/div>\r\n                <div class=\"bw-pg-scope\">Complete Elite Fitout<\/div>\r\n            <\/div>\r\n\r\n            <!-- Custom Villa -->\r\n            <div class=\"bw-price-guide-card\">\r\n                <div class=\"bw-pg-config\">Villa \/ Penthouse<\/div>\r\n                <div class=\"bw-pg-investment\">Custom*<\/div>\r\n                <div class=\"bw-pg-scope\">Bespoke Architectural Plan<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <p class=\"bw-pricing-disclaimer\">*Actual project investment scales vary based on specific room footprints, customized structural materials, and technical design complexity frameworks. Terms &amp; conditions apply.<\/p>\r\n\r\n        <!-- MODULE 6: THE 5-STEP EXECUTION PROCESS TIMELINE -->\r\n        <h2 class=\"bw-block-title\" style=\"margin-top: 20px;\">Our 5-Step Design Process<\/h2>\r\n        <p class=\"bw-block-subtitle\">An intentional roadmap engineered to secure structural delivery timelines cleanly.<\/p>\r\n        \r\n        <div class=\"bw-process-flow-row\">\r\n            <!-- Step 1 -->\r\n            <div class=\"bw-process-node\">\r\n                <div class=\"bw-process-counter\">1<\/div>\r\n                <div class=\"bw-process-title\">Consultation<\/div>\r\n                <div class=\"bw-process-explain\">Requirements collection &amp; structural layout mapping.<\/div>\r\n            <\/div>\r\n            <!-- Step 2 -->\r\n            <div class=\"bw-process-node\">\r\n                <div class=\"bw-process-counter\">2<\/div>\r\n                <div class=\"bw-process-title\">Experience Hub<\/div>\r\n                <div class=\"bw-process-explain\">Touch, evaluate, and freeze materials live.<\/div>\r\n            <\/div>\r\n            <!-- Step 3 -->\r\n            <div class=\"bw-process-node\">\r\n                <div class=\"bw-process-counter\">3<\/div>\r\n                <div class=\"bw-process-title\">3D Design<\/div>\r\n                <div class=\"bw-process-explain\">Photorealistic renders frozen down completely.<\/div>\r\n            <\/div>\r\n            <!-- Step 4 -->\r\n            <div class=\"bw-process-node\">\r\n                <div class=\"bw-process-counter\">4<\/div>\r\n                <div class=\"bw-process-title\">Production<\/div>\r\n                <div class=\"bw-process-explain\">Precision modular factory panel manufacturing.<\/div>\r\n            <\/div>\r\n            <!-- Step 5 -->\r\n            <div class=\"bw-process-node\">\r\n                <div class=\"bw-process-counter\">5<\/div>\r\n                <div class=\"bw-process-title\">Installation<\/div>\r\n                <div class=\"bw-process-explain\">Expert delivery oversight and project handoff.<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n<!-- END OF BROWNWOOD INTERIORS SECTION 4: PRICING GUIDE & TIMELINES -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cce5583 e-con e-atomic-element e-flexbox-base e-8a6085b \" data-id=\"cce5583\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cce5583\">\n    \t\t<div class=\"elementor-element elementor-element-9023bd3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9023bd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- START OF BROWNWOOD INTERIORS SECTION 5: FINAL CTA & STICKY OVERLAYS -->\r\n<style>\r\n    :root {\r\n        --bw-primary: #0B2344;\r\n        --bw-accent: #F25B4A;\r\n        --bw-white: #FFFFFF;\r\n        --bw-text-dark: #1A2E40;\r\n        --bw-text-light: #5A6E85;\r\n        --bw-bg-light: #FAFAF8;\r\n        --bw-radius-element: 12px;\r\n        --bw-shadow-premium: 0 10px 30px rgba(11, 35, 68, 0.05);\r\n        --bw-transition: all 0.25s ease;\r\n    }\r\n\r\n    .bw-final-cta-section {\r\n        background-color: var(--bw-bg-light);\r\n        padding: 90px 0;\r\n        box-sizing: border-box;\r\n        border-bottom: 1px solid #E5E7EB;\r\n    }\r\n\r\n    .bw-final-cta-section * {\r\n        box-sizing: border-box;\r\n        font-family: 'Poppins', sans-serif;\r\n    }\r\n\r\n    .bw-final-container {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    \/* CHANNELS GRID ARRANGEMENT - REMOVED INLINE INPUT FORMS *\/\r\n    .bw-final-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 0.9fr;\r\n        gap: 50px;\r\n        background: var(--bw-white);\r\n        padding: 50px;\r\n        border-radius: 16px;\r\n        border: 1px solid #E5E7EB;\r\n        box-shadow: var(--bw-shadow-premium);\r\n        align-items: center;\r\n    }\r\n\r\n    .bw-final-left h2 {\r\n        font-size: 36px;\r\n        font-weight: 700;\r\n        color: var(--bw-primary);\r\n        line-height: 1.25;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .bw-final-left p {\r\n        font-size: 15px;\r\n        color: var(--bw-text-light);\r\n        line-height: 1.6;\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n    .bw-final-trust-checks {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .bw-check-line {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-size: 13.5px;\r\n        font-weight: 600;\r\n        color: var(--bw-primary);\r\n    }\r\n\r\n    .bw-check-line svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        fill: #22C55E;\r\n    }\r\n\r\n    \/* RIGHT SIDE ROW INTERACTION AREA *\/\r\n    .bw-final-right-hub {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        text-align: center;\r\n    }\r\n\r\n    .bw-final-right-hub h3 {\r\n        font-size: 20px;\r\n        color: var(--bw-primary);\r\n        font-weight: 700;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .bw-final-right-hub p {\r\n        font-size: 14px;\r\n        color: var(--bw-text-light);\r\n        margin-bottom: 12px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .bw-btn-main-trigger {\r\n        width: 100%;\r\n        background-color: var(--bw-accent);\r\n        color: var(--bw-white);\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        padding: 15px;\r\n        border: none;\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        transition: var(--bw-transition);\r\n        height: 52px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 4px 14px rgba(242, 91, 74, 0.2);\r\n    }\r\n\r\n    .bw-btn-main-trigger:hover {\r\n        background-color: var(--bw-primary);\r\n        transform: translateY(-1px);\r\n        box-shadow: 0 6px 20px rgba(11, 35, 68, 0.2);\r\n    }\r\n\r\n    .bw-final-separator {\r\n        text-align: center;\r\n        margin: 8px 0;\r\n        font-size: 13px;\r\n        color: var(--bw-text-light);\r\n        position: relative;\r\n    }\r\n\r\n    .bw-final-direct-channels {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 12px;\r\n    }\r\n\r\n    .bw-channel-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        padding: 12px;\r\n        border-radius: 8px;\r\n        font-size: 13.5px;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        border: 1px solid #E5E7EB;\r\n        transition: var(--bw-transition);\r\n        height: 48px;\r\n    }\r\n\r\n    .bw-channel-btn.phone { color: var(--bw-primary); background: var(--bw-bg-light); }\r\n    .bw-channel-btn.phone svg { fill: var(--bw-primary); width: 16px; height: 16px; }\r\n    \r\n    .bw-channel-btn.wa { color: #25D366; background: rgba(37, 211, 102, 0.05); border-color: rgba(37, 211, 102, 0.2); }\r\n    .bw-channel-btn.wa svg { fill: #25D366; width: 16px; height: 16px; }\r\n\r\n    .bw-channel-btn:hover { background: #FFFFFF; border-color: var(--bw-accent); }\r\n\r\n    \/* FOOTER STRIP COMPLIANCE *\/\r\n    .bw-footer-strip-v2 {\r\n        background-color: var(--bw-primary);\r\n        color: rgba(255, 255, 255, 0.45);\r\n        padding: 40px 24px 110px;\r\n        text-align: center;\r\n        font-size: 11px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* GLOBAL STICKY BOTTOM ACTIONSBAR *\/\r\n    .bw-fixed-bottom-bar {\r\n        position: fixed;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        background: var(--bw-white);\r\n        box-shadow: 0 -8px 30px rgba(0,0,0,0.08);\r\n        display: none;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        z-index: 1999;\r\n        box-sizing: border-box;\r\n        border-top: 1px solid #E5E7EB;\r\n    }\r\n    \r\n    .bw-fixed-bottom-bar * { box-sizing: border-box; font-family: 'Poppins', sans-serif; }\r\n\r\n    .bw-bottom-action-node {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 4px;\r\n        padding: 12px 6px 20px;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        color: var(--bw-text-dark);\r\n        border-right: 1px solid #E5E7EB;\r\n        cursor: pointer;\r\n        background: none;\r\n        border-top: none;\r\n        border-left: none;\r\n        border-bottom: none;\r\n    }\r\n    \r\n    .bw-bottom-action-node:last-child { border-right: none; }\r\n    .bw-bottom-action-node svg { width: 18px; height: 18px; fill: var(--bw-text-dark); }\r\n    \r\n    .bw-bottom-action-node.accent-node {\r\n        background-color: var(--bw-accent);\r\n        color: var(--bw-white);\r\n    }\r\n    .bw-bottom-action-node.accent-node svg { fill: var(--bw-white); }\r\n\r\n    @media (max-width: 991px) {\r\n        .bw-final-grid { grid-template-columns: 1fr; padding: 36px 24px; gap: 32px; }\r\n        .bw-final-left { text-align: center; }\r\n        .bw-final-trust-checks { align-items: center; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .bw-final-left h2 { font-size: 26px; }\r\n        .bw-fixed-bottom-bar { display: grid; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bw-final-cta-section\">\r\n    <div class=\"bw-final-container\">\r\n        <div class=\"bw-final-grid\">\r\n            \r\n            <!-- LEFT AREA: BRAND ASSURANCES -->\r\n            <div class=\"bw-final-left\">\r\n                <h2>Ready to Design Your Dream Home?<\/h2>\r\n                <p>Book your complimentary design consultation today and secure verified estimation architectures immediately.<\/p>\r\n                \r\n                <div class=\"bw-final-trust-checks\">\r\n                    <div class=\"bw-check-line\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n                        Free Expert Consultation*\r\n                    <\/div>\r\n                    <div class=\"bw-check-line\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n                        Zero Obligation Policy\r\n                    <\/div>\r\n                    <div class=\"bw-check-line\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n                        Direct Expert Panel Assistance\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- RIGHT AREA: RECONFIGURED LOW FRICTION CONVERSION NODES -->\r\n            <div class=\"bw-final-right-hub\">\r\n                <h3>Calculate Cost Instantly<\/h3>\r\n                <p>Use our interactive evaluation matrix tool to configure space allocations in under a minute.<\/p>\r\n                \r\n                <button class=\"bw-btn-main-trigger\" onclick=\"document.getElementById('calcModalOverlay').classList.add('active'); if(typeof goToStep === 'function') goToStep(1);\">\r\n                    Use Price Calculator\r\n                <\/button>\r\n\r\n                <div class=\"bw-final-separator\">or connect instantly<\/div>\r\n\r\n                <div class=\"bw-final-direct-channels\">\r\n                    <a href=\"tel:+918882442213\" class=\"bw-channel-btn phone\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 0 0-1.01.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1A11.36 11.36 0 0 1 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"\/><\/svg>\r\n                        Call Now\r\n                    <\/a>\r\n                    <a href=\"https:\/\/wa.me\/918882442213?text=Hi%20Brownwood%20Interiors%2C%20I%20want%20to%20get%20a%20price%20estimate%20for%20my%20home.\" target=\"_blank\" class=\"bw-channel-btn wa\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946C.06 5.348 5.397 0 11.948 0c3.179.001 6.164 1.24 8.413 3.496 2.248 2.256 3.483 5.245 3.48 8.432-.007 6.597-5.343 11.945-11.898 11.945-1.996-.001-3.959-.502-5.701-1.458L0 24zm6.59-4.846c1.66.986 3.294 1.491 5.293 1.492 5.437 0 9.855-4.387 9.86-9.777.002-2.61-1.01-5.066-2.853-6.91C17.054 2.112 14.6 1.1 12.01 1.1c-5.441 0-9.859 4.389-9.864 9.779-.001 2.012.528 3.654 1.547 5.247l-.994 3.629 3.738-.973zm11.23-5.234c-.303-.151-1.794-.882-2.072-.983-.279-.101-.482-.151-.684.151-.202.302-.782 1.01-.959 1.212-.177.201-.355.226-.658.076-.303-.151-1.278-.47-2.434-1.497-.899-.801-1.505-1.792-1.682-2.093-.177-.302-.019-.465.133-.615.136-.135.303-.352.454-.529.152-.177.202-.27.303-.471.101-.201.051-.377-.025-.528-.076-.151-.684-1.649-.937-2.254-.247-.594-.499-.514-.684-.523-.177-.009-.38-.01-.582-.01-.202 0-.531.075-.81.377-.278.301-1.062 1.037-1.062 2.531 0 1.493 1.088 2.934 1.239 3.136.152.201 2.141 3.268 5.187 4.582.724.313 1.289.5 1.73.641.727.23 1.388.198 1.912.121.583-.087 1.794-.733 2.048-1.439.254-.706.254-1.31.177-1.439-.077-.129-.279-.205-.583-.356z\"\/><\/svg>\r\n                        WhatsApp Us\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- POLICY DISCLOSURE STRIP -->\r\n<footer class=\"bw-footer-strip-v2\">\r\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\r\n        <p>\u00a9 2026 Brownwood Interiors. All rights reserved. Registered operations centered in Gurugram, Haryana. *Execution timelines, warranty policies, and pricing guide frames vary based on structural choices and finalized design matrices. Terms &amp; conditions apply.<\/p>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<!-- FIXED FLOATING UTILITIES BAR (Mobile Only) -->\r\n<div class=\"bw-fixed-bottom-bar\">\r\n    <a href=\"tel:+918882442213\" class=\"bw-bottom-action-node\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 0 0-1.01.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1A11.36 11.36 0 0 1 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"\/><\/svg>\r\n        Call Now\r\n    <\/a>\r\n    <a href=\"https:\/\/wa.me\/918882442213?text=Hi%20Brownwood%20Interiors%2C%20I%20want%20to%20connect%20with%20a%20designer%20immediately.\" target=\"_blank\" class=\"bw-bottom-action-node\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946C.06 5.348 5.397 0 11.948 0c3.179.001 6.164 1.24 8.413 3.496 2.248 2.256 3.483 5.245 3.48 8.432-.007 6.597-5.343 11.945-11.898 11.945-1.996-.001-3.959-.502-5.701-1.458L0 24zm6.59-4.846c1.66.986 3.294 1.491 5.293 1.492 5.437 0 9.855-4.387 9.86-9.777.002-2.61-1.01-5.066-2.853-6.91C17.054 2.112 14.6 1.1 12.01 1.1c-5.441 0-9.859 4.389-9.864 9.779-.001 2.012.528 3.654 1.547 5.247l-.994 3.629 3.738-.973zm11.23-5.234c-.303-.151-1.794-.882-2.072-.983-.279-.101-.482-.151-.684.151-.202.302-.782 1.01-.959 1.212-.177.201-.355.226-.658.076-.303-.151-1.278-.47-2.434-1.497-.899-.801-1.505-1.792-1.682-2.093-.177-.302-.019-.465.133-.615.136-.135.303-.352.454-.529.152-.177.202-.27.303-.471.101-.201.051-.377-.025-.528-.076-.151-.684-1.649-.937-2.254-.247-.594-.499-.514-.684-.523-.177-.009-.38-.01-.582-.01-.202 0-.531.075-.81.377-.278.301-1.062 1.037-1.062 2.531 0 1.493 1.088 2.934 1.239 3.136.152.201 2.141 3.268 5.187 4.582.724.313 1.289.5 1.73.641.727.23 1.388.198 1.912.121.583-.087 1.794-.733 2.048-1.439.254-.706.254-1.31.177-1.439-.077-.129-.279-.205-.583-.356z\"\/><\/svg>\r\n        WhatsApp Us\r\n    <\/a>\r\n    <button class=\"bw-bottom-action-node accent-node\" onclick=\"document.getElementById('calcModalOverlay').classList.add('active'); goToStep(1);\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/><\/svg>\r\n        Free Estimate\r\n    <\/button>\r\n<\/div>\r\n\r\n<!-- SCROLL DEPTH AUTOMATION MACROS & FORM HANDLERS -->\r\n<script>\r\n    const GOOGLE_SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbzdt6zvHnIIqBqaR1hZ_8hCyw_t1kh4kH8Ng5J_IaYPZmj2nBciRYeiiR3GMxqjtf2FZQ\/exec\";\r\n\r\n    \/\/ Google Sheets Integration for Hero Form Submit\r\n    async function handleHeroV2Submit(e) {\r\n        e.preventDefault();\r\n\r\n        const property = document.getElementById('v2PropertyType').value;\r\n        const name = document.getElementById('v2Name').value.trim();\r\n        const phone = document.getElementById('v2Phone').value.trim();\r\n\r\n        if (!name || phone.length !== 10) {\r\n            alert(\"Please enter a valid Name and 10-digit Phone Number.\");\r\n            return;\r\n        }\r\n\r\n        const submitBtn = e.target.querySelector(\"button[type='submit']\");\r\n        const originalText = submitBtn.innerHTML;\r\n\r\n        submitBtn.disabled = true;\r\n        submitBtn.innerHTML = \"Submitting...\";\r\n\r\n        const params = new URLSearchParams(window.location.search);\r\n\r\n        const leadData = {\r\n            form_source: \"Hero Form\",\r\n            name: name,\r\n            phone: phone,\r\n            property_type: property,\r\n            page_url: window.location.href,\r\n            utm_source: params.get(\"utm_source\") || \"\",\r\n            utm_medium: params.get(\"utm_medium\") || \"\",\r\n            utm_campaign: params.get(\"utm_campaign\") || \"\",\r\n            gclid: params.get(\"gclid\") || \"\"\r\n        };\r\n\r\n        try {\r\n            const response = await fetch(GOOGLE_SCRIPT_URL, {\r\n                method: \"POST\",\r\n                headers: {\r\n                    \"Content-Type\": \"text\/plain;charset=utf-8\"\r\n                },\r\n                body: JSON.stringify(leadData)\r\n            });\r\n\r\n            const result = await response.json();\r\n\r\n            if (result.success) {\r\n                console.log(\"Lead Saved Successfully\");\r\n                const successOverlay = document.getElementById('calcModalOverlay');\r\n                if (successOverlay) {\r\n                    successOverlay.classList.add('active');\r\n                    if (typeof goToStep === 'function') {\r\n                        goToStep(4);\r\n                    }\r\n                }\r\n                e.target.reset();\r\n            } else {\r\n                alert(\"Something went wrong. Please try again.\");\r\n                console.error(result);\r\n            }\r\n        } catch (error) {\r\n            console.error(error);\r\n            alert(\"Unable to submit. Please try again.\");\r\n        }\r\n\r\n        submitBtn.disabled = false;\r\n        submitBtn.innerHTML = originalText;\r\n    }\r\n\r\n    let globalOverlayTriggered = false;\r\n\r\n    \/\/ Timeout Trigger: 10 Seconds\r\n    setTimeout(() => {\r\n        executeGlobalModalPopup();\r\n    }, 10000);\r\n\r\n    \/\/ Depth Trigger: 50% Page Scroll Height\r\n    window.addEventListener('scroll', () => {\r\n        let maxTrackableHeight = document.documentElement.scrollHeight - window.innerHeight;\r\n        if (maxTrackableHeight > 0) {\r\n            let activeScrollPercentage = (window.scrollY \/ maxTrackableHeight) * 100;\r\n            if (activeScrollPercentage >= 50) {\r\n                executeGlobalModalPopup();\r\n            }\r\n        }\r\n    });\r\n\r\n    function executeGlobalModalPopup() {\r\n        if (!globalOverlayTriggered) {\r\n            const popupWrapper = document.getElementById('calcModalOverlay');\r\n            if (popupWrapper && !popupWrapper.classList.contains('active')) {\r\n                popupWrapper.classList.add('active');\r\n                if (typeof goToStep === \"function\") {\r\n                    goToStep(1);\r\n                }\r\n                globalOverlayTriggered = true;\r\n            }\r\n        }\r\n    }\r\n<\/script>\r\n<!-- END OF BROWNWOOD INTERIORS SECTION 5: FINAL CTA & STICKY OVERLAYS -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>20-Year Warranty* 500+ Homes Gurgaon Experience Centre Price Calculator 1Property 2Rooms 3Details 4Estimate Select Your Property Type \ud83c\udfe0 1 BHKOne bedroom \ud83c\udfe0 2 BHKTwo bedroom \ud83c\udfe0 3 BHKThree bedroom \ud83c\udfe0 4 BHKFour bedroom \ud83c\udfe0 5+ BHKFive+ bedroom Next Select Rooms to Design Living Room&#8211;1+ Kitchen&#8211;1+ Bedroom&#8211;1+ Bathroom&#8211;1+ BackNext Your Details BackGet Free Estimate \u2713 Our [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/brownwood.co.in\/blog\/wp-json\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brownwood.co.in\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brownwood.co.in\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brownwood.co.in\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brownwood.co.in\/blog\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":56,"href":"https:\/\/brownwood.co.in\/blog\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":104,"href":"https:\/\/brownwood.co.in\/blog\/wp-json\/wp\/v2\/pages\/39\/revisions\/104"}],"wp:attachment":[{"href":"https:\/\/brownwood.co.in\/blog\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}