{"id":3666,"date":"2026-08-13T06:21:14","date_gmt":"2026-08-13T06:21:14","guid":{"rendered":"https:\/\/myuktravel.in\/?page_id=3666"},"modified":"2026-08-26T08:03:07","modified_gmt":"2026-08-26T08:03:07","slug":"home","status":"publish","type":"page","link":"https:\/\/myuktravel.in\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3666\" class=\"elementor elementor-3666\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22d35fb e-con e-atomic-element e-flexbox-base e-22fb1db \" data-id=\"22d35fb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"22d35fb\">\n    \t\t<div class=\"elementor-element elementor-element-24aa683 elementor-widget elementor-widget-html\" data-id=\"24aa683\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- Hero Section Specific CSS --- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800;900&display=swap');\r\n\r\n    .sparkle-hero-section {\r\n        width: 100%;\r\n        background: linear-gradient(135deg, #f4fcfe 0%, #e8f9fd 100%);\r\n        padding: 60px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n        -webkit-font-smoothing: antialiased;\r\n        -moz-osx-font-smoothing: grayscale;\r\n    }\r\n    .sparkle-hero-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n    .sparkle-container {\r\n        max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 50px; width: 100%;\r\n    }\r\n    .sparkle-content { flex: 1.1; max-width: 55%; }\r\n    .sparkle-rating-badge {\r\n        display: inline-flex; align-items: center; background: #fff; padding: 8px 16px; border-radius: 50px; font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #1a2b3c; box-shadow: 0 4px 15px rgba(0,0,0,0.04); margin-bottom: 25px;\r\n    }\r\n    .sparkle-rating-badge svg { margin-right: 4px; }\r\n    .sparkle-rating-badge span.text-teal { color: #00b5ad; margin-left: 5px; font-weight: 600; font-family: 'Inter', sans-serif; }\r\n    .sparkle-content h1 { font-family: 'Montserrat', sans-serif; font-size: 56px; line-height: 1.1; font-weight: 900; color: #1a2b3c; margin-bottom: 20px; letter-spacing: -1.5px; }\r\n    .sparkle-content h1 .highlight { color: #00b5ad; }\r\n    .sparkle-content p.subtext { font-size: 16px; line-height: 1.6; color: #5a6b7c; margin-bottom: 30px; max-width: 90%; font-weight: 400; }\r\n    .sparkle-features { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 40px; }\r\n    .sparkle-feature-pill { display: inline-flex; align-items: center; background: #fff; padding: 10px 15px; border-radius: 8px; font-size: 13px; font-weight: 600; color: #334155; border: 1px solid #e2e8f0; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }\r\n    .sparkle-feature-pill svg { margin-right: 8px; width: 16px; height: 16px; }\r\n    \r\n    .sparkle-estimator { background: #fff; border-radius: 16px; padding: 25px; box-shadow: 0 10px 40px rgba(0,181,173,0.1); border: 1px solid rgba(0,181,173,0.1); }\r\n    .estimator-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }\r\n    .estimator-header h3 { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 800; color: #0077b6; text-transform: uppercase; display: flex; align-items: center; }\r\n    .estimator-header h3 svg { margin-right: 6px; }\r\n    .estimator-header span { font-size: 12px; color: #94a3b8; }\r\n    .estimator-inputs { display: flex; gap: 12px; margin-bottom: 20px; }\r\n    .input-group { flex: 1; display: flex; flex-direction: column; min-width: 0; }\r\n    .input-group label { font-size: 11px; color: #64748b; margin-bottom: 6px; font-weight: 500; }\r\n    .input-group select, .input-group input { width: 100%; height: 48px; padding: 0 15px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 500; color: #1e293b; outline: none; box-sizing: border-box; }\r\n    .input-group select { -webkit-appearance: none; appearance: none; padding-right: 30px; line-height: 46px; }\r\n    .select-wrapper { position: relative; }\r\n    .select-wrapper::after { content: '\u25bc'; font-size: 10px; color: #64748b; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; }\r\n    .input-icon-wrapper { position: relative; }\r\n    .input-icon-wrapper svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: #94a3b8; }\r\n    .input-icon-wrapper input { padding-left: 35px; }\r\n    .btn-calculate { width: 100%; background: #00b5ad; color: #fff; border: none; height: 50px; border-radius: 8px; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: 0.3s; }\r\n    .btn-calculate:hover { background: #009992; }\r\n    .btn-calculate svg { margin-left: 8px; }\r\n\r\n    .sparkle-image-area { flex: 0.9; max-width: 45%; position: relative; }\r\n    .sparkle-main-img { width: 100%; aspect-ratio: 4 \/ 4.2; object-fit: cover; border-radius: 24px; box-shadow: 0 20px 50px rgba(0,0,0,0.15); display: block; }\r\n    .img-badge-top { position: absolute; top: 20px; left: 20px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(5px); padding: 8px 16px; border-radius: 50px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; color: #0077b6; display: flex; align-items: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }\r\n    .img-badge-top svg { margin-right: 6px; width: 14px; height: 14px; }\r\n    .img-overlay-bottom { position: absolute; bottom: 20px; left: 20px; right: 20px; background: #fff; border-radius: 16px; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }\r\n    .guarantee-box { display: flex; align-items: center; gap: 15px; }\r\n    .guarantee-icon { background: #e8f9fd; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #00b5ad; }\r\n    .guarantee-text h4 { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; color: #1a2b3c; margin: 0 0 2px 0; }\r\n    .guarantee-text p { font-size: 11px; color: #64748b; margin: 0; }\r\n    .btn-book-now { background: #0077b6; color: #fff; border: none; padding: 10px 20px; border-radius: 6px; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 700; cursor: pointer; transition: 0.3s; }\r\n    .btn-book-now:hover { background: #005f92; }\r\n\r\n    @media (max-width: 992px) {\r\n        .sparkle-container { flex-direction: column; text-align: center; }\r\n        .sparkle-content, .sparkle-image-area { max-width: 100%; }\r\n        .sparkle-content h1 { font-size: 40px; }\r\n        .sparkle-features { justify-content: center; }\r\n        .estimator-inputs { flex-direction: column; }\r\n        .subtext { margin: 0 auto 30px auto; }\r\n    }\r\n    @media (max-width: 480px) {\r\n        .img-overlay-bottom { flex-direction: column; text-align: center; gap: 15px; }\r\n        .guarantee-box { flex-direction: column; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"sparkle-hero-section\">\r\n    <div class=\"sparkle-container\">\r\n        <div class=\"sparkle-content\">\r\n            <div class=\"sparkle-rating-badge\">\r\n                <svg width=\"60\" height=\"12\" viewBox=\"0 0 70 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M7 0L9.16 4.38L14 5.09L10.5 8.5L11.32 13.31L7 11.04L2.68 13.31L3.5 8.5L0 5.09L4.84 4.38L7 0Z\" fill=\"#FFB800\"\/>\r\n                    <path d=\"M21 0L23.16 4.38L28 5.09L24.5 8.5L25.32 13.31L21 11.04L16.68 13.31L17.5 8.5L14 5.09L18.84 4.38L21 0Z\" fill=\"#FFB800\"\/>\r\n                    <path d=\"M35 0L37.16 4.38L42 5.09L38.5 8.5L39.32 13.31L35 11.04L30.68 13.31L31.5 8.5L28 5.09L32.84 4.38L35 0Z\" fill=\"#FFB800\"\/>\r\n                    <path d=\"M49 0L51.16 4.38L56 5.09L52.5 8.5L53.32 13.31L49 11.04L44.68 13.31L45.5 8.5L42 5.09L46.84 4.38L49 0Z\" fill=\"#FFB800\"\/>\r\n                    <path d=\"M63 0L65.16 4.38L70 5.09L66.5 8.5L67.32 13.31L63 11.04L58.68 13.31L59.5 8.5L56 5.09L60.84 4.38L63 0Z\" fill=\"#FFB800\"\/>\r\n                <\/svg>\r\n                4.9 \/ 5.0 Rating <span class=\"text-teal\">- 1,280+ Verified Cleans<\/span>\r\n            <\/div>\r\n\r\n            <h1>Spotless Spaces,<br><span class=\"highlight\">Effortless Shine.<\/span><\/h1>\r\n            <p class=\"subtext\">California's premier eco-friendly cleaning service. 100% background-checked, insured professionals bringing hotel-grade freshness to your home or office in 60 seconds.<\/p>\r\n\r\n            <div class=\"sparkle-features\">\r\n                <div class=\"sparkle-feature-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00b5ad\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>100% Guaranteed<\/div>\r\n                <div class=\"sparkle-feature-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0077b6\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><path d=\"M9 12l2 2 4-4\"><\/path><\/svg>$2M Insured & Bonded<\/div>\r\n                <div class=\"sparkle-feature-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00b5ad\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>Vetted Pros<\/div>\r\n                <div class=\"sparkle-feature-pill\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F59E0B\" stroke-width=\"2\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"><\/path><path d=\"M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12\"><\/path><\/svg>Eco-Friendly<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"sparkle-estimator\">\r\n                <div class=\"estimator-header\">\r\n                    <h3><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" 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>INSTANT PRICE ESTIMATOR<\/h3>\r\n                    <span>No credit card required<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"estimator-inputs\">\r\n                    <div class=\"input-group\">\r\n                        <label>Service Type<\/label>\r\n                        <div class=\"select-wrapper\">\r\n                            <select id=\"hero-service-type\">\r\n                                <option value=\"Standard Home Cleaning\">Standard House Clean<\/option>\r\n                                <option value=\"Deep Detail Clean\">Deep Detail Clean<\/option>\r\n                                <option value=\"Move In \/ Move Out Clean\">Move In \/ Move Out<\/option>\r\n                                <option value=\"Commercial & Office Cleaning\">Commercial Office<\/option>\r\n                                <option value=\"Airbnb & Turnover Service\">Airbnb Turnover<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"input-group\">\r\n                        <label>Bedrooms \/ Size<\/label>\r\n                        <div class=\"select-wrapper\">\r\n                            <select id=\"hero-bedroom-size\">\r\n                                <option value=\"1\">1 Bedroom \/ Studio<\/option>\r\n                                <option value=\"2\">2 Bedrooms<\/option>\r\n                                <option value=\"3\">3 Bedrooms<\/option>\r\n                                <option value=\"4\">4 Bedrooms<\/option>\r\n                                <option value=\"5+\">5+ Bedrooms<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"input-group\">\r\n                        <label>ZIP Code<\/label>\r\n                        <div class=\"input-icon-wrapper\">\r\n                            <svg 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                            <input type=\"text\" id=\"hero-zip-code\" value=\"90210\" placeholder=\"Enter Zip Code\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <button id=\"hero-calculate-btn\" class=\"btn-calculate\">\r\n                    Calculate Instant Price \r\n                    <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sparkle-image-area\">\r\n            <div class=\"img-badge-top\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>Next Availability: Today 2:00 PM<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/myuktravel.in\/wp-content\/uploads\/2026\/08\/Untitled-July-25-2026-at-19.57.12.png\" alt=\"Cleaning Professional\" class=\"sparkle-main-img\">\r\n            <div class=\"img-overlay-bottom\">\r\n                <div class=\"guarantee-box\">\r\n                    <div class=\"guarantee-icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg><\/div>\r\n                    <div class=\"guarantee-text\"><h4>100% Happiness Guarantee<\/h4><p>Re-cleaned free if not satisfied within 24h<\/p><\/div>\r\n                <\/div>\r\n                <button class=\"btn-book-now\">Book Now<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e8a9110 e-con e-atomic-element e-flexbox-base e-e8a9110-73ec8b7 \" data-id=\"e8a9110\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e8a9110\">\n    \t\t<div class=\"elementor-element elementor-element-9e655cc elementor-widget elementor-widget-html\" data-id=\"9e655cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Google Fonts *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@700;800;900&display=swap');\r\n\r\n    \/* --- Stats Section Wrapper --- *\/\r\n    .sparkle-stats-section {\r\n        width: 100%;\r\n        \/* Subtle background gradient matching the image *\/\r\n        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(240,252,253,0.6) 100%);\r\n        padding: 40px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n        border-top: 1px solid #edf2f7; \/* Light top border *\/\r\n        border-bottom: 1px solid #edf2f7; \/* Light bottom border *\/\r\n    }\r\n\r\n    .sparkle-stats-section * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Standardized Container Size - EXACTLY 1200px for perfect alignment *\/\r\n    .sparkle-stats-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-around; \/* Distributes items evenly *\/\r\n        flex-wrap: wrap;\r\n        gap: 30px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* --- Individual Stat Items --- *\/\r\n    .stat-item {\r\n        text-align: center;\r\n        flex: 1;\r\n        min-width: 200px; \/* Ensures they don't squish too much on smaller screens *\/\r\n    }\r\n\r\n    .stat-number {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 31.5px; \/* Reduced by 25% from 42px *\/\r\n        font-weight: 900;\r\n        margin-bottom: 8px;\r\n        line-height: 1.1;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .stat-label {\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 10.5px; \/* Reduced by 25% from 14px *\/\r\n        font-weight: 600;\r\n        color: #5a6b7c;\r\n        letter-spacing: 0.2px;\r\n    }\r\n\r\n    \/* --- Exact Colors from Screenshot --- *\/\r\n    .color-blue-cyan {\r\n        color: #007a9b; \/* Deep Cyan *\/\r\n    }\r\n    .color-dark-teal {\r\n        color: #008272; \/* Dark Teal for Rating *\/\r\n    }\r\n    .color-green {\r\n        color: #009e60; \/* Solid Green for 100% *\/\r\n    }\r\n    .color-orange {\r\n        color: #f38210; \/* Orange for 60 Secs *\/\r\n    }\r\n\r\n    \/* --- Responsive Design for Stats --- *\/\r\n    @media (max-width: 992px) {\r\n        .stat-number {\r\n            font-size: 27px; \/* Reduced by 25% from 36px *\/\r\n        }\r\n        .stat-label {\r\n            font-size: 10px; \/* Reduced by ~25% from 13px *\/\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .sparkle-stats-container {\r\n            justify-content: center;\r\n            gap: 40px;\r\n        }\r\n        .stat-item {\r\n            flex: 1 1 40%; \/* 2 items per row on tablet *\/\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .stat-item {\r\n            flex: 1 1 100%; \/* 1 item per row on mobile *\/\r\n            margin-bottom: 10px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"sparkle-stats-section\">\r\n    <div class=\"sparkle-stats-container\">\r\n        \r\n        <div class=\"stat-item\">\r\n            <div class=\"stat-number color-blue-cyan\">1,280+<\/div>\r\n            <div class=\"stat-label\">Homes & Offices Cleaned<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stat-item\">\r\n            <div class=\"stat-number color-dark-teal\">4.98 \/ 5.0<\/div>\r\n            <div class=\"stat-label\">Average Customer Rating<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stat-item\">\r\n            <div class=\"stat-number color-green\">100%<\/div>\r\n            <div class=\"stat-label\">Vetted & Insured Staff<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stat-item\">\r\n            <div class=\"stat-number color-orange\">60 Secs<\/div>\r\n            <div class=\"stat-label\">Fast Online Booking<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-48649a7 e-con e-atomic-element e-flexbox-base e-48649a7-f720f68 \" data-id=\"48649a7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"48649a7\">\n    \t\t<div class=\"elementor-element elementor-element-84b16e4 elementor-widget elementor-widget-html\" data-id=\"84b16e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Google Fonts *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800;900&display=swap');\r\n\r\n    \/* --- Services Section Wrapper --- *\/\r\n    .sparkle-services-section {\r\n        width: 100%;\r\n        background-color: #fafbfc;\r\n        padding: 80px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .sparkle-services-section * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Standardized Container - EXACTLY 1200px *\/\r\n    .sparkle-services-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* --- Section Header --- *\/\r\n    .services-header-top {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-end;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .services-header-left {\r\n        max-width: 65%;\r\n    }\r\n\r\n    .services-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: #e8f9fd;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #00b5ad;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 15px;\r\n    }\r\n    .services-badge svg { margin-right: 6px; width: 12px; height: 12px; }\r\n\r\n    .services-header-left h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #1a2b3c;\r\n        line-height: 1.2;\r\n        margin-bottom: 15px;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .services-header-left p {\r\n        font-size: 14px;\r\n        color: #5a6b7c;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .btn-compare {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: #fff;\r\n        border: 1px solid #e2e8f0;\r\n        padding: 10px 20px;\r\n        border-radius: 8px;\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #1a2b3c;\r\n        cursor: pointer;\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.02);\r\n        transition: 0.3s;\r\n    }\r\n    .btn-compare:hover { border-color: #cbd5e1; }\r\n    .btn-compare svg { margin-right: 8px; color: #00b5ad; width: 16px; height: 16px; }\r\n\r\n    \/* --- Cards Grid --- *\/\r\n    .services-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px;\r\n    }\r\n\r\n    \/* --- Single Card --- *\/\r\n    .service-card {\r\n        background: #fff;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.04);\r\n        border: 1px solid #f1f5f9;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: transform 0.3s, box-shadow 0.3s;\r\n    }\r\n    .service-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 40px rgba(0,0,0,0.08);\r\n    }\r\n\r\n    \/* Card Image Area *\/\r\n    .card-img-wrapper {\r\n        position: relative;\r\n        height: 200px;\r\n        width: 100%;\r\n        background-color: #e2e8f0;\r\n    }\r\n\r\n    .card-img-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .card-badge-top {\r\n        position: absolute;\r\n        top: 15px;\r\n        left: 15px;\r\n        background: #00b5ad;\r\n        color: #fff;\r\n        padding: 4px 10px;\r\n        border-radius: 4px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .bg-deep-blue { background: #0077b6; }\r\n    .bg-dark-teal { background: #008272; }\r\n\r\n    .card-badge-bottom {\r\n        position: absolute;\r\n        bottom: -15px;\r\n        right: 15px;\r\n        background: #fff;\r\n        color: #1a2b3c;\r\n        padding: 6px 12px;\r\n        border-radius: 50px;\r\n        font-size: 11px;\r\n        font-weight: 600;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n\r\n    \/* Card Content Area *\/\r\n    .card-content {\r\n        padding: 30px 25px 25px 25px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex: 1;\r\n    }\r\n\r\n    .card-title {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #1a2b3c;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .card-desc {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        line-height: 1.6;\r\n        margin-bottom: 20px;\r\n        min-height: 60px;\r\n    }\r\n\r\n    .whats-included-title {\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        color: #94a3b8;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .included-list {\r\n        list-style: none;\r\n        margin-bottom: 30px;\r\n        flex: 1;\r\n    }\r\n\r\n    .included-list li {\r\n        font-size: 12px;\r\n        color: #475569;\r\n        margin-bottom: 10px;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        line-height: 1.4;\r\n    }\r\n    .included-list li:last-child { margin-bottom: 0; }\r\n\r\n    .included-list li svg {\r\n        min-width: 14px;\r\n        height: 14px;\r\n        color: #00b5ad;\r\n        margin-right: 8px;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    \/* Card Footer (Price & Button) *\/\r\n    .card-footer {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-end;\r\n        border-top: 1px solid #f1f5f9;\r\n        padding-top: 20px;\r\n        margin-top: auto;\r\n    }\r\n\r\n    .price-box {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    .price-label {\r\n        font-size: 10px;\r\n        font-weight: 600;\r\n        color: #94a3b8;\r\n        text-transform: uppercase;\r\n        margin-bottom: 2px;\r\n    }\r\n    .price-value {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 24px;\r\n        font-weight: 800;\r\n        color: #0077b6;\r\n    }\r\n\r\n    .btn-card-book {\r\n        background: #00b5ad;\r\n        color: #fff;\r\n        border: none;\r\n        padding: 10px 18px;\r\n        border-radius: 6px;\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        transition: 0.3s;\r\n    }\r\n    .btn-card-book:hover { background: #009992; }\r\n    .btn-card-book svg { margin-left: 6px; width: 14px; height: 14px; }\r\n\r\n    \/* --- Responsive Design for Services --- *\/\r\n    @media (max-width: 992px) {\r\n        .services-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .services-header-top { flex-direction: column; align-items: flex-start; gap: 20px; }\r\n        .services-header-left { max-width: 100%; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .services-grid { grid-template-columns: 1fr; }\r\n        .services-header-left h2 { font-size: 28px; }\r\n    }\r\n<\/style>\r\n\r\n<!-- SERVICES CARDS SECTION -->\r\n<section id=\"services\" class=\"sparkle-services-section\">\r\n    <div class=\"sparkle-services-container\">\r\n\r\n        <!-- Header Section -->\r\n        <div class=\"services-header-top\">\r\n            <div class=\"services-header-left\">\r\n                <div class=\"services-badge\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n                    PROFESSIONAL SERVICE OFFERINGS\r\n                <\/div>\r\n                <h2>Tailored Cleaning Solutions for Every Space<\/h2>\r\n                <p>Whether you need regular house maintenance, a heavy deep clean, or landlord-approved move-out sanitization, we've got you covered.<\/p>\r\n            <\/div>\r\n            <div class=\"services-header-right\">\r\n                <button class=\"btn-compare\" onclick=\"document.getElementById('booking-engine').scrollIntoView({ behavior: 'smooth', block: 'start' });\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\r\n                    Compare Room Checklist\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 6 Cards Grid -->\r\n        <div class=\"services-grid\">\r\n\r\n            <!-- Card 1 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"card-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581578731548-c64695cc6952?q=80&w=600&auto=format&fit=crop\" alt=\"Standard Clean\">\r\n                    <div class=\"card-badge-top\">MOST POPULAR<\/div>\r\n                    <div class=\"card-badge-bottom\">Est. 2.5 - 3.5 hrs<\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-title\">Standard Home Cleaning<\/h3>\r\n                    <p class=\"card-desc\">Our core recurring service includes dusting, vacuuming, mopping, bathroom sanitation, kitchen wipe-down, trash removal, and bed making.<\/p>\r\n                    <div class=\"whats-included-title\">WHAT'S INCLUDED:<\/div>\r\n                    <ul class=\"included-list\">\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Dusting all accessible surfaces & furniture<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Vacuuming rugs, carpets & hardwood floors<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Sanitizing sinks, counters & mirrors<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Complete bathroom scrubbing & disinfection<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Exterior appliance & microwave wipe-down<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Emptying trash cans & making beds<\/li>\r\n                    <\/ul>\r\n                    <div class=\"card-footer\">\r\n                        <div class=\"price-box\"><span class=\"price-label\">STARTING AT<\/span><span class=\"price-value\">$119<\/span><\/div>\r\n                        <button class=\"btn-card-book\" data-target-service=\"Standard Home Cleaning\">Book Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 2 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"card-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556911220-e15b29be8c8f?q=80&w=600&auto=format&fit=crop\" alt=\"Deep Detail Clean\">\r\n                    <div class=\"card-badge-top bg-deep-blue\">DEEP DETAIL<\/div>\r\n                    <div class=\"card-badge-bottom\">Est. 4.0 - 5.5 hrs<\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-title\">Deep Detail Clean<\/h3>\r\n                    <p class=\"card-desc\">Includes everything in a Standard Clean plus baseboards, door frames, deep grout scrubbing, light fixture dusting, and intensive grease removal.<\/p>\r\n                    <div class=\"whats-included-title\">WHAT'S INCLUDED:<\/div>\r\n                    <ul class=\"included-list\">\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Hand-washing baseboards, doors & trim<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Deep grout scrubbing in bathrooms<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Intensive stove top & backsplash degreasing<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Dusting light fixtures, fans & vents<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Cleaning under accessible furniture<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Detailed window sill & frame cleaning<\/li>\r\n                    <\/ul>\r\n                    <div class=\"card-footer\">\r\n                        <div class=\"price-box\"><span class=\"price-label\">STARTING AT<\/span><span class=\"price-value\">$199<\/span><\/div>\r\n                        <button class=\"btn-card-book\" data-target-service=\"Deep Detail Clean\">Book Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 3 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"card-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1584622650111-993a426fbf0a?q=80&w=600&auto=format&fit=crop\" alt=\"Move In Out\">\r\n                    <div class=\"card-badge-top\">DEPOSIT BACK GUARANTEE<\/div>\r\n                    <div class=\"card-badge-bottom\">Est. 5.0 - 7.0 hrs<\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-title\">Move In \/ Move Out Clean<\/h3>\r\n                    <p class=\"card-desc\">Thorough cleaning inside cabinets, drawers, inside oven, inside fridge, and complete perimeter sanitization so the home is 100% move-in ready.<\/p>\r\n                    <div class=\"whats-included-title\">WHAT'S INCLUDED:<\/div>\r\n                    <ul class=\"included-list\">\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Inside & outside all kitchen cabinets & drawers<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Deep Inside Oven & Inside Refrigerator cleaning<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Baseboards, doors, vents & window tracks<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Complete sanitization of closets & shelving<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> High-dusting & cobweb removal from ceilings<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Full surface scrub & zero-residue floor polish<\/li>\r\n                    <\/ul>\r\n                    <div class=\"card-footer\">\r\n                        <div class=\"price-box\"><span class=\"price-label\">STARTING AT<\/span><span class=\"price-value\">$249<\/span><\/div>\r\n                        <button class=\"btn-card-book\" data-target-service=\"Move In \/ Move Out Clean\">Book Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 4 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"card-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=600&auto=format&fit=crop\" alt=\"Office Cleaning\">\r\n                    <div class=\"card-badge-top bg-deep-blue\">BUSINESS PLAN<\/div>\r\n                    <div class=\"card-badge-bottom\">Est. Custom Schedule<\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-title\">Commercial & Office Cleaning<\/h3>\r\n                    <p class=\"card-desc\">Customized after-hours or weekend office cleaning including workstations, breakroom sanitization, conference rooms, and high-touch surface disinfections.<\/p>\r\n                    <div class=\"whats-included-title\">WHAT'S INCLUDED:<\/div>\r\n                    <ul class=\"included-list\">\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Sanitizing desk surfaces, keyboards & phones<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Breakroom fridge, microwave & coffee bar clean<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Restroom restocking & hospital-grade disinfections<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Trash & recycling collection & liner changes<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Vacuuming high-traffic carpets & floor polishing<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Glass entryway & partition wall spot cleaning<\/li>\r\n                    <\/ul>\r\n                    <div class=\"card-footer\">\r\n                        <div class=\"price-box\"><span class=\"price-label\">STARTING AT<\/span><span class=\"price-value\">$289<\/span><\/div>\r\n                        <button class=\"btn-card-book\" data-target-service=\"Commercial & Office Cleaning\">Book Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 5 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"card-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522708323590-d24dbb6b0267?q=80&w=600&auto=format&fit=crop\" alt=\"Airbnb Cleaning\">\r\n                    <div class=\"card-badge-top bg-dark-teal\">SUPERHOST CHOICE<\/div>\r\n                    <div class=\"card-badge-bottom\">Est. 2.0 - 3.0 hrs<\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-title\">Airbnb & Turnover Service<\/h3>\r\n                    <p class=\"card-desc\">Designed specifically for short-term rental hosts needing guaranteed speed, photo-worthy staging, amenity restocking, and guest ready freshness.<\/p>\r\n                    <div class=\"whats-included-title\">WHAT'S INCLUDED:<\/div>\r\n                    <ul class=\"included-list\">\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Laundering sheets & towels with fresh replacements<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Restocking guest toiletries & coffee station<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Checking for left-behind items & damaged property<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Complete kitchen & bathroom disinfections<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Staging furniture & pillows for guest photos<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Same-day emergency turnaround availability<\/li>\r\n                    <\/ul>\r\n                    <div class=\"card-footer\">\r\n                        <div class=\"price-box\"><span class=\"price-label\">STARTING AT<\/span><span class=\"price-value\">$139<\/span><\/div>\r\n                        <button class=\"btn-card-book\" data-target-service=\"Airbnb & Turnover Service\">Book Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 6 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"card-img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?q=80&w=600&auto=format&fit=crop\" alt=\"Post Construction\">\r\n                    <div class=\"card-badge-top bg-dark-teal\">HEAVY DUTY<\/div>\r\n                    <div class=\"card-badge-bottom\">Est. 6.0 - 9.0 hrs<\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3 class=\"card-title\">Post-Construction Clean<\/h3>\r\n                    <p class=\"card-desc\">Eliminating fine drywall dust, paint splatters, grout haze, adhesive stickers, and construction debris across all rooms.<\/p>\r\n                    <div class=\"whats-included-title\">WHAT'S INCLUDED:<\/div>\r\n                    <ul class=\"included-list\">\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> HEPA filtration vacuuming for fine drywall dust<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Removing sticker labels from new fixtures & glass<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Paint overspray spot cleaning on floors & trim<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Wiping inside air vents & return ducts<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Polishing hardware, plumbing & chrome<\/li>\r\n                        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Multi-pass floor scrubbing & buffing<\/li>\r\n                    <\/ul>\r\n                    <div class=\"card-footer\">\r\n                        <div class=\"price-box\"><span class=\"price-label\">STARTING AT<\/span><span class=\"price-value\">$329<\/span><\/div>\r\n                        <button class=\"btn-card-book\" data-target-service=\"Post-Construction Clean\">Book Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SERVICES JUMP SCRIPT -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const serviceCardBtns = document.querySelectorAll('.btn-card-book');\r\n    serviceCardBtns.forEach(btn => {\r\n        btn.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            const targetServiceName = this.getAttribute('data-target-service');\r\n            \r\n            \/\/ Check if booking engine script is loaded and function exists\r\n            if (targetServiceName && window.triggerServiceSelection) {\r\n                window.triggerServiceSelection(targetServiceName);\r\n            } else {\r\n                \/\/ Fallback: Just scroll to booking engine if function isn't ready\r\n                const bookingEngine = document.getElementById('booking-engine');\r\n                if (bookingEngine) {\r\n                    bookingEngine.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n                }\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-71183d1 e-con e-atomic-element e-flexbox-base e-71183d1-423336e \" data-id=\"71183d1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"71183d1\">\n    \t\t<div class=\"elementor-element elementor-element-497c720 elementor-widget elementor-widget-html\" data-id=\"497c720\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Google Fonts *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800;900&display=swap');\r\n\r\n    \/* ====================================================\r\n       BOOKING ENGINE CSS\r\n       ==================================================== *\/\r\n    .sparkle-booking-section { width: 100%; background-color: #f8fafc; padding: 80px 20px; font-family: 'Inter', sans-serif; box-sizing: border-box; margin-top: 40px; }\r\n    .sparkle-booking-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n    .sparkle-booking-container { max-width: 1200px; margin: 0 auto; width: 100%; }\r\n    .booking-header-center { text-align: center; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center; }\r\n    .booking-badge { display: inline-flex; align-items: center; background: #e8f9fd; padding: 6px 14px; border-radius: 50px; font-size: 11px; font-weight: 700; color: #00b5ad; text-transform: uppercase; margin-bottom: 15px; }\r\n    .booking-badge svg { margin-right: 6px; width: 14px; height: 14px; }\r\n    .booking-header-center h2 { font-family: 'Montserrat', sans-serif; font-size: 38px; font-weight: 900; color: #1a2b3c; line-height: 1.2; margin-bottom: 12px; letter-spacing: -0.5px; }\r\n    .booking-header-center p { font-size: 15px; color: #5a6b7c; max-width: 600px; line-height: 1.6; }\r\n    .booking-layout { display: flex; gap: 40px; align-items: flex-start; }\r\n    .booking-steps-column { flex: 1; max-width: 65%; display: flex; flex-direction: column; gap: 30px; }\r\n    .booking-summary-column { width: 35%; position: sticky; top: 120px; }\r\n    .step-card { background: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); border: 1px solid #e2e8f0; }\r\n    .step-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }\r\n    .step-title { display: flex; align-items: center; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 800; color: #1a2b3c; }\r\n    .step-number-circle { background: #0077b6; color: #fff; width: 28px; height: 28px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 700; margin-right: 12px; }\r\n    .step-indicator { font-size: 12px; color: #94a3b8; font-weight: 500; }\r\n    .service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }\r\n    .service-option { border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px; cursor: pointer; position: relative; transition: 0.2s; background: #fff; user-select: none; }\r\n    .service-option:hover { border-color: #cbd5e1; }\r\n    .service-option.active { border: 2px solid #00b5ad; background: #f4fcfe; }\r\n    .service-option-title { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 700; color: #1a2b3c; margin-bottom: 6px; }\r\n    .service-option-desc { font-size: 10px; color: #64748b; line-height: 1.4; margin-bottom: 12px; }\r\n    .service-option-price { font-size: 11px; font-weight: 700; color: #0077b6; }\r\n    .tag-popular { position: absolute; top: -10px; right: 10px; background: #f38210; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; }\r\n    .specs-grid { display: flex; gap: 40px; margin-bottom: 30px; }\r\n    .spec-group { flex: 1; }\r\n    .spec-label { font-size: 12px; color: #475569; font-weight: 600; margin-bottom: 12px; }\r\n    .spec-label span { color: #0077b6; font-weight: 700; }\r\n    .btn-group { display: flex; gap: 5px; }\r\n    .btn-square { flex: 1; padding: 10px 0; text-align: center; border: 1px solid #e2e8f0; background: #f8fafc; border-radius: 6px; font-size: 13px; font-weight: 600; color: #475569; cursor: pointer; transition: 0.2s; user-select: none; }\r\n    .btn-square:hover { background: #e2e8f0; }\r\n    .btn-square.active { background: #0077b6; color: #fff; border-color: #0077b6; }\r\n    .slider-container { margin-top: 20px; }\r\n    .slider-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }\r\n    .slider-title { font-size: 12px; color: #475569; font-weight: 500; }\r\n    .slider-value { font-size: 13px; font-weight: 700; color: #00b5ad; background: #e8f9fd; padding: 4px 10px; border-radius: 6px; border: 1px solid #00b5ad; }\r\n    .custom-range { -webkit-appearance: none; width: 100%; height: 6px; background: linear-gradient(to right, #00b5ad 16%, #e2e8f0 16%); border-radius: 10px; outline: none; margin-bottom: 10px; cursor: pointer; }\r\n    .custom-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #00b5ad; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }\r\n    .slider-labels { display: flex; justify-content: space-between; font-size: 10px; color: #94a3b8; }\r\n    \r\n    .freq-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }\r\n    .freq-option { border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px 10px; text-align: center; cursor: pointer; position: relative; background: #fff; transition: 0.2s; user-select: none; }\r\n    .freq-option:hover { border-color: #009e60; }\r\n    .freq-option.active { border: 2px solid #009e60; background: #f2fcf5; }\r\n    .freq-title { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; color: #1a2b3c; margin-bottom: 5px; }\r\n    .freq-desc { font-size: 10px; color: #64748b; line-height: 1.3; }\r\n    .tag-save { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: #009e60; color: #fff; font-size: 10px; font-weight: 700; padding: 3px 10px; border-radius: 50px; white-space: nowrap; }\r\n    \r\n    .addons-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }\r\n    .addon-item { display: flex; align-items: center; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px; cursor: pointer; background: #fff; transition: 0.2s; user-select: none; }\r\n    .addon-item:hover { border-color: #cbd5e1; }\r\n    .addon-item.active { border: 2px solid #00b5ad; background: #f4fcfe; }\r\n    .addon-icon { width: 40px; height: 40px; background: #f8fafc; border-radius: 8px; display: flex; justify-content: center; align-items: center; margin-right: 15px; color: #00b5ad; }\r\n    .addon-item.active .addon-icon { background: #fff; }\r\n    .addon-details { flex: 1; }\r\n    .addon-title { font-size: 13px; font-weight: 700; color: #1a2b3c; margin-bottom: 2px; display: flex; align-items: center; }\r\n    .addon-tag { background: #fef3c7; color: #d97706; font-size: 9px; padding: 2px 6px; border-radius: 4px; margin-left: 6px; font-weight: 700; }\r\n    .addon-desc { font-size: 10px; color: #64748b; line-height: 1.3;}\r\n    .addon-price { font-weight: 700; color: #0077b6; font-size: 13px; margin-right: 12px; }\r\n    .custom-checkbox { width: 18px; height: 18px; border: 2px solid #cbd5e1; border-radius: 4px; background: #fff; display: flex; justify-content: center; align-items: center; }\r\n    .addon-item.active .custom-checkbox { background: #0077b6; border-color: #0077b6; }\r\n    .addon-item.active .custom-checkbox::after { content: '\u2713'; color: #fff; font-size: 12px; font-weight: 900; }\r\n    .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\r\n    .form-full { grid-column: 1 \/ -1; }\r\n    .form-group label { display: block; font-size: 11px; color: #475569; font-weight: 500; margin-bottom: 8px; }\r\n    .form-group input, .form-group select, .form-group textarea { width: 100%; height: 48px; padding: 0 15px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; font-family: 'Inter', sans-serif; font-size: 13px; color: #1e293b; outline: none; box-sizing: border-box; }\r\n    .form-group select { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 35px; -webkit-appearance: none; appearance: none; }\r\n    .form-group textarea { height: auto; min-height: 80px; padding: 15px; resize: vertical; }\r\n    .input-icon { position: relative; }\r\n    .input-icon svg { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #94a3b8; width: 16px; height: 16px; pointer-events: none; }\r\n    .form-group input[type=\"date\"] { position: relative; cursor: pointer; }\r\n    .form-group input[type=\"date\"]::-webkit-calendar-picker-indicator { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }\r\n    \r\n    .summary-card { background: #fff; border-radius: 16px; box-shadow: 0 10px 40px rgba(0,181,173,0.1); border: 2px solid #e8f9fd; overflow: hidden; }\r\n    .summary-header { padding: 25px 25px 20px 25px; border-bottom: 1px solid #f1f5f9; }\r\n    .summary-pretitle { font-size: 11px; font-weight: 700; color: #0077b6; text-transform: uppercase; margin-bottom: 5px; }\r\n    .summary-title { font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 800; color: #1a2b3c; margin-bottom: 5px; }\r\n    .summary-specs { font-size: 12px; color: #64748b; }\r\n    .summary-body { padding: 25px; }\r\n    .line-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; font-size: 13px; color: #475569; }\r\n    .line-item.discount { background: #e6f6ec; color: #009e60; padding: 10px 15px; border-radius: 6px; font-weight: 600; margin: 20px 0; display: flex; }\r\n    .line-item-val { font-weight: 600; color: #1e293b; }\r\n    .discount .line-item-val { color: #009e60; }\r\n    .total-row { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 30px; margin-bottom: 20px; }\r\n    .total-label { font-size: 13px; font-weight: 600; color: #64748b; }\r\n    .total-price { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 900; color: #007a9b; line-height: 1; }\r\n    .total-saving { font-size: 11px; color: #009e60; font-weight: 700; text-align: right; margin-top: 4px; }\r\n    .guarantee-box { display: flex; align-items: flex-start; background: #f8fafc; border: 1px solid #e2e8f0; padding: 12px; border-radius: 8px; margin-bottom: 20px; }\r\n    .guarantee-box svg { min-width: 16px; height: 16px; color: #009e60; margin-right: 10px; margin-top: 2px; }\r\n    .guarantee-box p { font-size: 11px; color: #475569; line-height: 1.4; }\r\n    .btn-checkout { width: 100%; background: #00b5ad; color: #fff; border: none; padding: 16px; border-radius: 8px; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: 0.3s; }\r\n    .btn-checkout:hover { background: #009992; }\r\n    .btn-checkout svg { margin-left: 8px; width: 16px; height: 16px; }\r\n\r\n    \/* ====================================================\r\n       BULLETPROOF SUCCESS MODAL CSS\r\n       ==================================================== *\/\r\n    .booking-modal-overlay {\r\n        position: fixed !important; top: 0 !important; left: 0 !important; \r\n        width: 100vw !important; height: 100vh !important;\r\n        background: rgba(15, 23, 42, 0.7) !important; backdrop-filter: blur(4px) !important;\r\n        display: none !important; justify-content: center !important; align-items: center !important;\r\n        z-index: 100000 !important; opacity: 0 !important; transition: opacity 0.3s !important;\r\n    }\r\n    .booking-modal-overlay.show { display: flex !important; opacity: 1 !important; }\r\n    \r\n    .sparkle-booking-section .booking-modal-box {\r\n        background: #fff !important; width: 100% !important; max-width: 420px !important;\r\n        border-radius: 16px !important; padding: 30px !important;\r\n        box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25) !important; border: none !important;\r\n        position: relative !important; font-family: 'Inter', sans-serif !important; \r\n        text-align: left !important; transform: translateY(20px) !important; transition: transform 0.3s !important;\r\n    }\r\n    .booking-modal-overlay.show .booking-modal-box { transform: translateY(0) !important; }\r\n    \r\n    .sparkle-booking-section .modal-close-btn {\r\n        position: absolute !important; top: 15px !important; right: 15px !important; \r\n        background: #f1f5f9 !important; border: none !important;\r\n        width: 28px !important; height: 28px !important; border-radius: 50% !important; \r\n        display: flex !important; justify-content: center !important; align-items: center !important;\r\n        cursor: pointer !important; color: #64748b !important; padding: 0 !important; margin: 0 !important;\r\n    }\r\n    .sparkle-booking-section .modal-close-btn:hover { background: #e2e8f0 !important; color: #0f172a !important; }\r\n    \r\n    .sparkle-booking-section .modal-icon {\r\n        width: 50px !important; height: 50px !important; border-radius: 50% !important;\r\n        background: #f0fdf4 !important; border: 2px solid #009e60 !important;\r\n        display: flex !important; justify-content: center !important; align-items: center !important; \r\n        margin: 0 auto 15px auto !important; color: #009e60 !important; padding: 0 !important;\r\n    }\r\n    \r\n    .sparkle-booking-section .modal-title { \r\n        font-family: 'Montserrat', sans-serif !important; font-size: 22px !important; line-height: 1.2 !important;\r\n        font-weight: 800 !important; color: #1a2b3c !important; margin: 0 0 8px 0 !important; padding: 0 !important; text-align: center !important;\r\n    }\r\n    .sparkle-booking-section .modal-subtitle { \r\n        font-family: 'Inter', sans-serif !important; font-size: 13px !important; line-height: 1.5 !important;\r\n        color: #64748b !important; margin: 0 0 20px 0 !important; padding: 0 !important; text-align: center !important;\r\n    }\r\n    .sparkle-booking-section .modal-ref { \r\n        background: #e8f9fd !important; color: #007a9b !important; font-weight: 700 !important; \r\n        padding: 3px 8px !important; border-radius: 6px !important; letter-spacing: 0.5px !important; \r\n        font-size: 12px !important; display: inline-block !important; \r\n    }\r\n    \r\n    .sparkle-booking-section .modal-details-table { \r\n        width: 100% !important; text-align: left !important; margin: 0 0 20px 0 !important; \r\n        border-top: 1px solid #e2e8f0 !important; padding: 0 !important; display: block !important;\r\n    }\r\n    .sparkle-booking-section .modal-row { \r\n        display: flex !important; justify-content: space-between !important; align-items: center !important;\r\n        padding: 10px 0 !important; border-bottom: 1px solid #e2e8f0 !important; margin: 0 !important;\r\n    }\r\n    .sparkle-booking-section .modal-lbl { \r\n        font-family: 'Inter', sans-serif !important; font-size: 12px !important; color: #64748b !important;\r\n        margin: 0 !important; padding: 0 !important; font-weight: 500 !important;\r\n    }\r\n    .sparkle-booking-section .modal-val { \r\n        font-family: 'Inter', sans-serif !important; font-size: 12px !important; font-weight: 700 !important;\r\n        color: #1e293b !important; margin: 0 !important; padding: 0 !important; text-align: right !important;\r\n    }\r\n    \r\n    \/* TOTAL ROW FORMATTING *\/\r\n    .sparkle-booking-section .modal-total-row { \r\n        display: flex !important; justify-content: space-between !important; align-items: flex-end !important;\r\n        padding: 15px 0 10px 0 !important; border-top: 2px solid #e2e8f0 !important; margin-top: 10px !important;\r\n    }\r\n    .sparkle-booking-section .modal-total-left {\r\n        display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important;\r\n    }\r\n    .sparkle-booking-section .modal-total-label {\r\n        font-family: 'Inter', sans-serif !important; font-size: 12px !important;\r\n        font-weight: 600 !important; color: #64748b !important; margin-bottom: 4px !important;\r\n    }\r\n    .sparkle-booking-section .modal-savings-label {\r\n        font-family: 'Inter', sans-serif !important; font-size: 10px !important;\r\n        font-weight: 700 !important; color: #009e60 !important; display: none !important;\r\n    }\r\n    .sparkle-booking-section .modal-total-price {\r\n        font-family: 'Montserrat', sans-serif !important; font-size: 26px !important;\r\n        font-weight: 900 !important; color: #007a9b !important; line-height: 1 !important;\r\n    }\r\n    \r\n    .sparkle-booking-section .modal-actions { \r\n        display: flex !important; flex-direction: row !important; gap: 10px !important; \r\n        margin: 0 !important; padding: 0 !important; width: 100% !important;\r\n    }\r\n    .sparkle-booking-section .modal-btn-print {\r\n        flex: 1 !important; padding: 12px !important; border-radius: 8px !important; \r\n        border: 1px solid #cbd5e1 !important; background: #fff !important; margin: 0 !important;\r\n        font-family: 'Montserrat', sans-serif !important; font-size: 13px !important;\r\n        font-weight: 700 !important; color: #475569 !important; cursor: pointer !important; \r\n        display: flex !important; justify-content: center !important; align-items: center !important; \r\n        transition: 0.2s !important; height: auto !important; line-height: 1 !important;\r\n    }\r\n    .sparkle-booking-section .modal-btn-print:hover { background: #f8fafc !important; border-color: #94a3b8 !important; }\r\n    .sparkle-booking-section .modal-btn-print svg { margin-right: 6px !important; width: 14px !important; height: 14px !important; }\r\n    \r\n    .sparkle-booking-section .modal-btn-done {\r\n        flex: 1 !important; padding: 12px !important; border-radius: 8px !important; \r\n        border: none !important; background: #00b5ad !important; margin: 0 !important;\r\n        font-family: 'Montserrat', sans-serif !important; font-size: 13px !important;\r\n        font-weight: 700 !important; color: #fff !important; cursor: pointer !important; \r\n        display: flex !important; justify-content: center !important; align-items: center !important;\r\n        transition: 0.2s !important; height: auto !important; line-height: 1 !important;\r\n    }\r\n    .sparkle-booking-section .modal-btn-done:hover { background: #009992 !important; color: #fff !important; }\r\n\r\n    \/* ====================================================\r\n       ANTI-SPAM HIDDEN CF7 CSS\r\n       ==================================================== *\/\r\n    #sparkle-hidden-cf7-wrapper {\r\n        position: absolute !important;\r\n        left: -9999px !important;\r\n        top: -9999px !important;\r\n        height: 0 !important;\r\n        width: 0 !important;\r\n        overflow: hidden !important;\r\n        opacity: 0 !important;\r\n        z-index: -9999 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .booking-layout { flex-direction: column; }\r\n        .booking-steps-column, .booking-summary-column { max-width: 100%; width: 100%; }\r\n        .booking-summary-column { position: static; }\r\n        .service-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n    @media (max-width: 768px) {\r\n        .service-grid, .freq-grid, .addons-grid { grid-template-columns: 1fr; }\r\n        .specs-grid { flex-direction: column; gap: 20px; }\r\n        .form-grid { grid-template-columns: 1fr; }\r\n        .sparkle-booking-section .modal-actions { flex-direction: column !important; }\r\n    }\r\n<\/style>\r\n\r\n<!-- BOOKING ENGINE HTML -->\r\n<section id=\"booking-engine\" class=\"sparkle-booking-section\">\r\n    \r\n    <!-- HIDDEN CONTACT FORM 7 WRAPPER -->\r\n    <div id=\"sparkle-hidden-cf7-wrapper\">\r\n        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f4027-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"4027\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F3666#wpcf7-f4027-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"4027\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f4027-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"customer-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"cf-name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"customer-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"customer-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"cf-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"customer-email\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"customer-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" id=\"cf-phone\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"customer-phone\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"customer-address\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"cf-address\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"customer-address\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"service-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"cf-service\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"service-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"property-specs\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"cf-specs\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"property-specs\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"booking-date\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"cf-date\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"booking-date\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"special-notes\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" id=\"cf-notes\" aria-invalid=\"false\" name=\"special-notes\"><\/textarea><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"total-price\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"cf-total\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"total-price\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"booking-ref\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"cf-ref\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"booking-ref\" \/><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" id=\"cf-submit\" type=\"submit\" value=\"Submit Booking\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n    <\/div>\r\n\r\n    <div class=\"sparkle-booking-container\">\r\n        \r\n        <div class=\"booking-header-center\">\r\n            <div class=\"booking-badge\">\r\n                <svg 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                TRANSPARENT PRICING ENGINE\r\n            <\/div>\r\n            <h2>Instant Quote & Online Booking<\/h2>\r\n            <p>Customize your clean, lock in recurring discounts, pick your date, and book in under 60 seconds with zero hidden fees.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"booking-layout\">\r\n            <!-- LEFT COLUMN -->\r\n            <div class=\"booking-steps-column\">\r\n                \r\n                <!-- STEP 1 -->\r\n                <div class=\"step-card\">\r\n                    <div class=\"step-header\">\r\n                        <div class=\"step-title\"><div class=\"step-number-circle\">1<\/div>Select Cleaning Service<\/div>\r\n                        <div class=\"step-indicator\">Step 1 of 5<\/div>\r\n                    <\/div>\r\n                    <div class=\"service-grid\" id=\"service-grid\">\r\n                        <div class=\"service-option active\" data-name=\"Standard Home Cleaning\" data-price=\"119\">\r\n                            <div class=\"tag-popular\">POPULAR<\/div>\r\n                            <div class=\"service-option-title\">Standard Home Cleaning<\/div>\r\n                            <p class=\"service-option-desc\">Regular maintenance cleaning to keep your home spotless, fresh, and...<\/p>\r\n                            <div class=\"service-option-price\">From $119<\/div>\r\n                        <\/div>\r\n                        <div class=\"service-option\" data-name=\"Deep Detail Clean\" data-price=\"199\">\r\n                            <div class=\"service-option-title\">Deep Detail Clean<\/div>\r\n                            <p class=\"service-option-desc\">Intensive top-to-bottom scrub designed for homes that need extra...<\/p>\r\n                            <div class=\"service-option-price\">From $199<\/div>\r\n                        <\/div>\r\n                        <div class=\"service-option\" data-name=\"Move In \/ Move Out Clean\" data-price=\"249\">\r\n                            <div class=\"service-option-title\">Move In \/ Move Out Clean<\/div>\r\n                            <p class=\"service-option-desc\">Complete empty home overhaul backed by our 100% Security Deposit...<\/p>\r\n                            <div class=\"service-option-price\">From $249<\/div>\r\n                        <\/div>\r\n                        <div class=\"service-option\" data-name=\"Commercial & Office Cleaning\" data-price=\"289\">\r\n                            <div class=\"service-option-title\">Commercial & Office Cleaning<\/div>\r\n                            <p class=\"service-option-desc\">Tailored corporate & retail workspace sanitization ensuring a healthy,...<\/p>\r\n                            <div class=\"service-option-price\">From $289<\/div>\r\n                        <\/div>\r\n                        <div class=\"service-option\" data-name=\"Airbnb & Turnover Service\" data-price=\"139\">\r\n                            <div class=\"service-option-title\">Airbnb & Turnover Service<\/div>\r\n                            <p class=\"service-option-desc\">Rapid turnaround cleaning with linen laundering and restock for 5-star...<\/p>\r\n                            <div class=\"service-option-price\">From $139<\/div>\r\n                        <\/div>\r\n                        <div class=\"service-option\" data-name=\"Post-Construction Clean\" data-price=\"329\">\r\n                            <div class=\"service-option-title\">Post-Construction Clean<\/div>\r\n                            <p class=\"service-option-desc\">Heavy dust filtering and chemical debris removal after renovation or ne...<\/p>\r\n                            <div class=\"service-option-price\">From $329<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- STEP 2 -->\r\n                <div class=\"step-card\">\r\n                    <div class=\"step-header\">\r\n                        <div class=\"step-title\"><div class=\"step-number-circle\">2<\/div>Property Size & Specs<\/div>\r\n                        <div class=\"step-indicator\">Step 2 of 5<\/div>\r\n                    <\/div>\r\n                    <div class=\"specs-grid\">\r\n                        <div class=\"spec-group\">\r\n                            <div class=\"spec-label\">Bedrooms: <span id=\"lbl-beds\">2 Bedrooms<\/span><\/div>\r\n                            <div class=\"btn-group\" id=\"bed-btns\">\r\n                                <div class=\"btn-square\" data-val=\"1\">1<\/div>\r\n                                <div class=\"btn-square active\" data-val=\"2\">2<\/div>\r\n                                <div class=\"btn-square\" data-val=\"3\">3<\/div>\r\n                                <div class=\"btn-square\" data-val=\"4\">4<\/div>\r\n                                <div class=\"btn-square\" data-val=\"5+\">5+<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"spec-group\">\r\n                            <div class=\"spec-label\">Bathrooms: <span id=\"lbl-baths\">1.5 Baths<\/span><\/div>\r\n                            <div class=\"btn-group\" id=\"bath-btns\">\r\n                                <div class=\"btn-square\" data-val=\"1\">1<\/div>\r\n                                <div class=\"btn-square active\" data-val=\"1.5\">1.5<\/div>\r\n                                <div class=\"btn-square\" data-val=\"2\">2<\/div>\r\n                                <div class=\"btn-square\" data-val=\"2.5\">2.5<\/div>\r\n                                <div class=\"btn-square\" data-val=\"3\">3<\/div>\r\n                                <div class=\"btn-square\" data-val=\"4+\">4+<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"slider-container\">\r\n                        <div class=\"slider-header\">\r\n                            <div class=\"slider-title\">Approximate Square Footage<\/div>\r\n                            <div class=\"slider-value\" id=\"lbl-sqft\">1,400 sq. ft.<\/div>\r\n                        <\/div>\r\n                        <input type=\"range\" id=\"sqft-slider\" min=\"500\" max=\"6000\" step=\"100\" value=\"1400\" class=\"custom-range\">\r\n                        <div class=\"slider-labels\">\r\n                            <span>500 sq ft (Apartment)<\/span>\r\n                            <span>2,500 sq ft (Family Home)<\/span>\r\n                            <span>4,500+ sq ft (Estate)<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- STEP 3 -->\r\n                <div class=\"step-card\">\r\n                    <div class=\"step-header\">\r\n                        <div class=\"step-title\"><div class=\"step-number-circle\">3<\/div>Choose Frequency & Recurring Discount<\/div>\r\n                        <div class=\"step-indicator\">Step 3 of 5<\/div>\r\n                    <\/div>\r\n                    <div class=\"freq-grid\" id=\"freq-grid\">\r\n                        <div class=\"freq-option\" data-name=\"One-Time Clean\" data-discount=\"0\">\r\n                            <div class=\"freq-title\">One-Time Clean<\/div><div class=\"freq-desc\">Standard single visit<\/div>\r\n                        <\/div>\r\n                        <div class=\"freq-option\" data-name=\"Weekly\" data-discount=\"0.20\">\r\n                            <div class=\"tag-save\">SAVE 20%<\/div><div class=\"freq-title\">Weekly<\/div><div class=\"freq-desc\">Best for busy homes<\/div>\r\n                        <\/div>\r\n                        <div class=\"freq-option active\" data-name=\"Bi-Weekly\" data-discount=\"0.15\">\r\n                            <div class=\"tag-save\">SAVE 15%<\/div><div class=\"freq-title\">Bi-Weekly<\/div><div class=\"freq-desc\">Most popular plan<\/div>\r\n                        <\/div>\r\n                        <div class=\"freq-option\" data-name=\"Monthly\" data-discount=\"0.10\">\r\n                            <div class=\"tag-save\">SAVE 10%<\/div><div class=\"freq-title\">Monthly<\/div><div class=\"freq-desc\">Great for maintenance<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- STEP 4 -->\r\n                <div class=\"step-card\">\r\n                    <div class=\"step-header\">\r\n                        <div class=\"step-title\"><div class=\"step-number-circle\">4<\/div>Select Extra Add-Ons<\/div>\r\n                        <div class=\"step-indicator\">Step 4 of 5<\/div>\r\n                    <\/div>\r\n                    <div class=\"addons-grid\" id=\"addons-grid\">\r\n                        <div class=\"addon-item\" data-price=\"35\">\r\n                            <div class=\"addon-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"20\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg><\/div>\r\n                            <div class=\"addon-details\"><div class=\"addon-title\">Inside Oven Scrub <span class=\"addon-tag\">Popular<\/span><\/div><div class=\"addon-desc\">Heavy grease degreasing and baked-on food removal<\/div><\/div><div class=\"addon-price\">+$35<\/div><div class=\"custom-checkbox\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"addon-item\" data-price=\"30\">\r\n                            <div class=\"addon-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"20\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"4\" y1=\"10\" x2=\"20\" y2=\"10\"><\/line><\/svg><\/div>\r\n                            <div class=\"addon-details\"><div class=\"addon-title\">Inside Refrigerator <span class=\"addon-tag\">Popular<\/span><\/div><div class=\"addon-desc\">Shelf removal, spill wipe-down & odor elimination<\/div><\/div><div class=\"addon-price\">+$30<\/div><div class=\"custom-checkbox\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"addon-item\" data-price=\"45\">\r\n                            <div class=\"addon-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"20\"><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><\/div>\r\n                            <div class=\"addon-details\"><div class=\"addon-title\">Interior Windows & Tracks<\/div><div class=\"addon-desc\">Streak-free window glass & track vacuuming<\/div><\/div><div class=\"addon-price\">+$45<\/div><div class=\"custom-checkbox\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"addon-item\" data-price=\"25\">\r\n                            <div class=\"addon-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"20\"><path d=\"M20.38 3.46L16 2a8 8 0 0 0-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z\"><\/path><\/svg><\/div>\r\n                            <div class=\"addon-details\"><div class=\"addon-title\">Wash & Fold Laundry<\/div><div class=\"addon-desc\">Up to 2 loads washed, dried & neatly folded<\/div><\/div><div class=\"addon-price\">+$25<\/div><div class=\"custom-checkbox\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"addon-item\" data-price=\"75\">\r\n                            <div class=\"addon-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"20\"><rect x=\"3\" y=\"8\" width=\"18\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 8V6a2 2 0 0 0-2-2H10a2 2 0 0 0-2 2v2\"><\/path><\/svg><\/div>\r\n                            <div class=\"addon-details\"><div class=\"addon-title\">Carpet Steam Extraction<\/div><div class=\"addon-desc\">Deep fiber stain & pet odor steam extraction<\/div><\/div><div class=\"addon-price\">+$75<\/div><div class=\"custom-checkbox\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"addon-item\" data-price=\"40\">\r\n                            <div class=\"addon-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"20\"><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><\/div>\r\n                            <div class=\"addon-details\"><div class=\"addon-title\">Inside Cabinets & Drawers<\/div><div class=\"addon-desc\">Wiping down internal shelving & drawer liners<\/div><\/div><div class=\"addon-price\">+$40<\/div><div class=\"custom-checkbox\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"addon-item active\" data-price=\"15\">\r\n                            <div class=\"addon-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"20\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"><\/path><path d=\"M12 16v-4\"><\/path><path d=\"M12 8h.01\"><\/path><\/svg><\/div>\r\n                            <div class=\"addon-details\"><div class=\"addon-title\">100% Organic Eco-Products <span class=\"addon-tag\">Popular<\/span><\/div><div class=\"addon-desc\">Plant-based, hypoallergenic & pet-safe solutions<\/div><\/div><div class=\"addon-price\">+$15<\/div><div class=\"custom-checkbox\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"addon-item\" data-price=\"25\">\r\n                            <div class=\"addon-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"20\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 16v-4\"><\/path><path d=\"M12 8h.01\"><\/path><\/svg><\/div>\r\n                            <div class=\"addon-details\"><div class=\"addon-title\">Pet Hair Extra Detail<\/div><div class=\"addon-desc\">Specialized rubber squeegee fur removal from sofas<\/div><\/div><div class=\"addon-price\">+$25<\/div><div class=\"custom-checkbox\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- STEP 5 -->\r\n                <div class=\"step-card\">\r\n                    <div class=\"step-header\">\r\n                        <div class=\"step-title\"><div class=\"step-number-circle\">5<\/div>Appointment Schedule & Details<\/div>\r\n                        <div class=\"step-indicator\">Step 5 of 5<\/div>\r\n                    <\/div>\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\"><label>Preferred Cleaning Date<\/label><div class=\"input-icon\"><input type=\"date\" id=\"booking-date\" value=\"2026-08-15\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg><\/div><\/div>\r\n                        \r\n                        <div class=\"form-group\">\r\n                            <label>Arrival Window<\/label>\r\n                            <div class=\"input-icon\">\r\n                                <select id=\"booking-time\">\r\n                                    <option value=\"morning\">Morning Arrival (8:00 AM - 11:00 AM)<\/option>\r\n                                    <option value=\"midday\">Midday Arrival (11:00 AM - 2:00 PM)<\/option>\r\n                                    <option value=\"afternoon\">Afternoon Arrival (2:00 PM - 5:00 PM)<\/option>\r\n                                <\/select>\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"form-group\"><label>Full Name<\/label><input type=\"text\" id=\"booking-name\" placeholder=\"e.g. Jessica Taylor\"><\/div>\r\n                        <div class=\"form-group\"><label>Email Address<\/label><input type=\"email\" id=\"booking-email\" placeholder=\"e.g. jessica@example.com\"><\/div>\r\n                        <div class=\"form-group\"><label>Phone Number<\/label><input type=\"tel\" id=\"booking-phone\" placeholder=\"e.g. (310) 555-0192\"><\/div>\r\n                        <div class=\"form-group\"><label>ZIP Code<\/label><input type=\"text\" id=\"booking-zip\" value=\"90210\"><\/div>\r\n                        <div class=\"form-group form-full\"><label>Street Address \/ Unit #<\/label><input type=\"text\" id=\"booking-address\" placeholder=\"e.g. 742 Evergreen Terrace, Apt 4B\"><\/div>\r\n                        <div class=\"form-group form-full\"><label>Special Entry Instructions \/ Pet Notes<\/label><textarea id=\"booking-notes\" placeholder=\"e.g. Gate code is #1234. Friendly Golden Retriever inside named Barnaby.\"><\/textarea><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div> <!-- End Left Column -->\r\n\r\n            <!-- RIGHT COLUMN: Sticky Summary Card -->\r\n            <div class=\"booking-summary-column\">\r\n                <div class=\"summary-card\">\r\n                    <div class=\"summary-header\">\r\n                        <div class=\"summary-pretitle\">ESTIMATED SUMMARY<\/div>\r\n                        <h3 class=\"summary-title\" id=\"sum-title\">Standard Home Cleaning<\/h3>\r\n                        <p class=\"summary-specs\" id=\"sum-specs\">2 Bed \u2022 1.5 Bath \u2022 1400 sq ft<\/p>\r\n                    <\/div>\r\n                    <div class=\"summary-body\">\r\n                        <div class=\"line-item\"><span>Base Service Fee:<\/span><span class=\"line-item-val\" id=\"sum-base-price\">$217<\/span><\/div>\r\n                        <div class=\"line-item\"><span id=\"sum-addon-title\">Add-ons (1):<\/span><span class=\"line-item-val\" id=\"sum-addon-price\">+$15<\/span><\/div>\r\n                        <div class=\"line-item discount\" id=\"sum-discount-row\"><span id=\"sum-discount-title\">Bi-Weekly Discount (15%):<\/span><span class=\"line-item-val\" id=\"sum-discount-price\">-$35<\/span><\/div>\r\n                        <div class=\"total-row\">\r\n                            <div><div class=\"total-label\">Total Per Cleaning<\/div><div class=\"total-saving\" id=\"sum-savings-text\">You save $35<\/div><\/div>\r\n                            <div class=\"total-price\" id=\"sum-total-price\">$197<\/div>\r\n                        <\/div>\r\n                        <div class=\"guarantee-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg><p>100% Money-Back Guarantee. No contracts, cancel anytime.<\/p><\/div>\r\n                        <button class=\"btn-checkout\" id=\"final-checkout-btn\">Confirm & Reserve Appointment <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div> <!-- End Right Column -->\r\n\r\n        <\/div> <!-- End Layout -->\r\n    <\/div>\r\n\r\n    <!-- SUCCESS MODAL POPUP -->\r\n    <div class=\"booking-modal-overlay\" id=\"success-modal\">\r\n        <div class=\"booking-modal-box\">\r\n            <button class=\"modal-close-btn\" id=\"close-modal-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"18\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button>\r\n            \r\n            <div id=\"printable-modal-box\">\r\n                <div class=\"modal-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"30\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <h3 class=\"modal-title\">Booking Reserved!<\/h3>\r\n                <p class=\"modal-subtitle\">Thank you! Your cleaning appointment reference code is <span class=\"modal-ref\" id=\"mod-ref\">SCP-123456<\/span><\/p>\r\n\r\n                <div class=\"modal-details-table\">\r\n                    <div class=\"modal-row\"><span class=\"modal-lbl\">Service:<\/span><span class=\"modal-val\" id=\"mod-service\">Standard Home Cleaning<\/span><\/div>\r\n                    <div class=\"modal-row\"><span class=\"modal-lbl\">Scheduled Date:<\/span><span class=\"modal-val\" id=\"mod-date\">2026-08-15 (morning)<\/span><\/div>\r\n                    <div class=\"modal-row\"><span class=\"modal-lbl\">Property Specs:<\/span><span class=\"modal-val\" id=\"mod-specs\">2 Bed \/ 1.5 Bath (1400 sqft)<\/span><\/div>\r\n                    <div class=\"modal-row\"><span class=\"modal-lbl\">Customer Name:<\/span><span class=\"modal-val\" id=\"mod-name\">Valued Customer<\/span><\/div>\r\n                    <div class=\"modal-row\"><span class=\"modal-lbl\">Address:<\/span><span class=\"modal-val\" id=\"mod-address\">742 Evergreen Terrace<\/span><\/div>\r\n                    \r\n                    <div class=\"modal-total-row\">\r\n                        <div class=\"modal-total-left\">\r\n                            <span class=\"modal-total-label\">Total Per Cleaning<\/span>\r\n                            <span class=\"modal-savings-label\" id=\"mod-savings\">You save $0<\/span>\r\n                        <\/div>\r\n                        <span class=\"modal-total-price\" id=\"mod-total\">$197<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"modal-actions\">\r\n                <button class=\"modal-btn-print\" id=\"print-receipt-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 6 2 18 2 18 9\"><\/polyline><path d=\"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2\"><\/path><rect x=\"6\" y=\"14\" width=\"12\" height=\"8\"><\/rect><\/svg> Print Confirmation<\/button>\r\n                <button class=\"modal-btn-done\" id=\"done-btn\">Done & Return<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- MASTER JAVASCRIPT BLOCK -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    function getEl(id) { return document.getElementById(id); }\r\n\r\n    \/\/ --- Master Summary Update Function ---\r\n    function updateSummary() {\r\n        try {\r\n            const activeService = document.querySelector('#service-grid .service-option.active') || document.querySelector('#service-grid .service-option');\r\n            if (!activeService) return;\r\n            \r\n            const serviceName = activeService.getAttribute('data-name');\r\n            const basePrice = parseFloat(activeService.getAttribute('data-price')) || 0;\r\n\r\n            const activeBedObj = document.querySelector('#bed-btns .btn-square.active') || document.querySelector('#bed-btns .btn-square');\r\n            const activeBathObj = document.querySelector('#bath-btns .btn-square.active') || document.querySelector('#bath-btns .btn-square');\r\n\r\n            const activeBed = activeBedObj ? activeBedObj.getAttribute('data-val') : '2';\r\n            const activeBath = activeBathObj ? activeBathObj.getAttribute('data-val') : '1.5';\r\n            \r\n            const sqftSlider = getEl('sqft-slider');\r\n            const sqft = sqftSlider ? parseInt(sqftSlider.value) : 1400;\r\n            \r\n            let bedCount = parseFloat(activeBed.replace('+', '')) || 2;\r\n            let bathCount = parseFloat(activeBath.replace('+', '')) || 1.5;\r\n\r\n            const activeFreq = document.querySelector('#freq-grid .freq-option.active') || document.querySelector('#freq-grid .freq-option');\r\n            let freqName = \"One-Time Clean\";\r\n            let freqDiscount = 0;\r\n            if (activeFreq) {\r\n                freqName = activeFreq.getAttribute('data-name');\r\n                freqDiscount = parseFloat(activeFreq.getAttribute('data-discount')) || 0;\r\n            }\r\n\r\n            const activeAddons = document.querySelectorAll('#addons-grid .addon-item.active');\r\n            let addonsTotal = 0;\r\n            activeAddons.forEach(addon => {\r\n                addonsTotal += parseFloat(addon.getAttribute('data-price')) || 0;\r\n            });\r\n\r\n            let bedModifier = (bedCount - 2) * 15; \r\n            let bathModifier = (bathCount - 1.5) * 15; \r\n            let sqftModifier = Math.floor((sqft - 1400) \/ 500) * 10; \r\n            \r\n            let calculatedBasePrice = basePrice + bedModifier + bathModifier + sqftModifier;\r\n            if(calculatedBasePrice < basePrice) calculatedBasePrice = basePrice;\r\n\r\n            let subTotal = calculatedBasePrice + addonsTotal;\r\n            let discountAmount = subTotal * freqDiscount;\r\n            let finalTotal = subTotal - discountAmount;\r\n\r\n            function setText(id, text) {\r\n                const el = getEl(id);\r\n                if (el) el.innerText = text;\r\n            }\r\n\r\n            setText('sum-title', serviceName);\r\n            setText('sum-specs', `${activeBed} Bed \u2022 ${activeBath} Bath \u2022 ${sqft.toLocaleString()} sq ft`);\r\n            setText('sum-base-price', `$${calculatedBasePrice.toFixed(0)}`);\r\n            setText('sum-addon-title', `Add-ons (${activeAddons.length}):`);\r\n            setText('sum-addon-price', `+$${addonsTotal.toFixed(0)}`);\r\n            setText('sum-total-price', `$${finalTotal.toFixed(0)}`);\r\n\r\n            const discountRow = getEl('sum-discount-row');\r\n            if (discountRow) {\r\n                if (freqDiscount > 0) {\r\n                    discountRow.style.display = 'flex';\r\n                    setText('sum-discount-title', `${freqName} Discount (${(freqDiscount * 100).toFixed(0)}%):`);\r\n                    setText('sum-discount-price', `-$${discountAmount.toFixed(0)}`);\r\n                } else {\r\n                    discountRow.style.display = 'none';\r\n                }\r\n            }\r\n\r\n            const savingText = getEl('sum-savings-text');\r\n            if (savingText) {\r\n                if (discountAmount > 0) {\r\n                    savingText.style.display = 'block';\r\n                    savingText.innerText = `You save $${discountAmount.toFixed(0)}`;\r\n                } else {\r\n                    savingText.style.display = 'none';\r\n                }\r\n            }\r\n        } catch (e) { console.error(\"Calculator Error:\", e); }\r\n    }\r\n\r\n    \/\/ 1. ISOLATED SERVICE SELECTION\r\n    const serviceGrid = getEl('service-grid');\r\n    if (serviceGrid) {\r\n        serviceGrid.addEventListener('click', function(e) {\r\n            const opt = e.target.closest('.service-option');\r\n            if (opt) {\r\n                serviceGrid.querySelectorAll('.service-option').forEach(o => o.classList.remove('active'));\r\n                opt.classList.add('active');\r\n                updateSummary();\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ 2. ISOLATED BEDROOM SELECTION\r\n    const bedGroup = getEl('bed-btns');\r\n    if (bedGroup) {\r\n        bedGroup.addEventListener('click', function(e) {\r\n            const btn = e.target.closest('.btn-square');\r\n            if (btn) {\r\n                bedGroup.querySelectorAll('.btn-square').forEach(b => b.classList.remove('active'));\r\n                btn.classList.add('active');\r\n                const lblBeds = getEl('lbl-beds');\r\n                if (lblBeds) lblBeds.innerText = btn.innerText + (btn.innerText === '1' ? ' Bedroom' : ' Bedrooms');\r\n                updateSummary();\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ 3. ISOLATED BATHROOM SELECTION\r\n    const bathGroup = getEl('bath-btns');\r\n    if (bathGroup) {\r\n        bathGroup.addEventListener('click', function(e) {\r\n            const btn = e.target.closest('.btn-square');\r\n            if (btn) {\r\n                bathGroup.querySelectorAll('.btn-square').forEach(b => b.classList.remove('active'));\r\n                btn.classList.add('active');\r\n                const lblBaths = getEl('lbl-baths');\r\n                if (lblBaths) lblBaths.innerText = btn.innerText + (btn.innerText === '1' ? ' Bath' : ' Baths');\r\n                updateSummary();\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ 4. SQFT SLIDER\r\n    const sqftSlider = getEl('sqft-slider');\r\n    if (sqftSlider) {\r\n        sqftSlider.addEventListener('input', function() {\r\n            const lblSqft = getEl('lbl-sqft');\r\n            if (lblSqft) lblSqft.innerText = parseInt(this.value).toLocaleString() + ' sq. ft.';\r\n            let percentage = ((this.value - this.min) \/ (this.max - this.min)) * 100;\r\n            this.style.background = `linear-gradient(to right, #00b5ad ${percentage}%, #e2e8f0 ${percentage}%)`;\r\n            updateSummary();\r\n        });\r\n    }\r\n\r\n    \/\/ 5. FREQUENCY SELECTION\r\n    const freqGrid = getEl('freq-grid');\r\n    if (freqGrid) {\r\n        freqGrid.addEventListener('click', function(e) {\r\n            const opt = e.target.closest('.freq-option');\r\n            if (opt) {\r\n                freqGrid.querySelectorAll('.freq-option').forEach(o => o.classList.remove('active'));\r\n                opt.classList.add('active');\r\n                updateSummary();\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ 6. ISOLATED ADDONS SELECTION\r\n    const addonsGrid = getEl('addons-grid');\r\n    if (addonsGrid) {\r\n        addonsGrid.addEventListener('click', function(e) {\r\n            const addon = e.target.closest('.addon-item');\r\n            if (addon) {\r\n                addon.classList.toggle('active');\r\n                updateSummary();\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ INITIAL TRIGGER\r\n    updateSummary();\r\n\r\n    \/\/ =========================================================================\r\n    \/\/ HERO TO BOOKING INTERLINKING\r\n    \/\/ =========================================================================\r\n    const heroCalcBtn = getEl('hero-calculate-btn');\r\n    if (heroCalcBtn) {\r\n        heroCalcBtn.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            \r\n            const bookingEngine = getEl('booking-engine');\r\n            if (bookingEngine) {\r\n                const elementPosition = bookingEngine.getBoundingClientRect().top;\r\n                const offsetPosition = elementPosition + window.pageYOffset - 120;\r\n                window.scrollTo({ top: offsetPosition, behavior: 'smooth' });\r\n            }\r\n\r\n            const heroServiceEl = getEl('hero-service-type');\r\n            const heroBedsEl = getEl('hero-bedroom-size');\r\n            const heroZipEl = getEl('hero-zip-code');\r\n\r\n            if (heroServiceEl && heroServiceEl.value) {\r\n                const targetService = document.querySelector(`.service-option[data-name=\"${heroServiceEl.value}\"]`);\r\n                if (targetService && serviceGrid) {\r\n                    serviceGrid.querySelectorAll('.service-option').forEach(s => s.classList.remove('active'));\r\n                    targetService.classList.add('active');\r\n                }\r\n            }\r\n\r\n            if (heroBedsEl && heroBedsEl.value && bedGroup) {\r\n                let lookupVal = heroBedsEl.value;\r\n                if (lookupVal === '5') lookupVal = '5+'; \r\n                \r\n                const targetBed = bedGroup.querySelector(`.btn-square[data-val=\"${lookupVal}\"]`);\r\n                if (targetBed) {\r\n                    bedGroup.querySelectorAll('.btn-square').forEach(b => b.classList.remove('active'));\r\n                    targetBed.classList.add('active');\r\n                    const lblBeds = getEl('lbl-beds');\r\n                    if (lblBeds) lblBeds.innerText = targetBed.innerText + (targetBed.innerText === '1' ? ' Bedroom' : ' Bedrooms');\r\n                }\r\n            }\r\n\r\n            if (heroZipEl && heroZipEl.value) {\r\n                const bookingZipInput = getEl('booking-zip');\r\n                if (bookingZipInput) bookingZipInput.value = heroZipEl.value;\r\n            }\r\n\r\n            updateSummary();\r\n        });\r\n    }\r\n\r\n    \/\/ =========================================================================\r\n    \/\/ GLOBAL SERVICE JUMP FUNCTION (FOR FOOTER \/ SERVICES)\r\n    \/\/ =========================================================================\r\n    window.triggerServiceSelection = function(serviceName) {\r\n        const bookingEngine = getEl('booking-engine');\r\n        if (bookingEngine) {\r\n            const elementPosition = bookingEngine.getBoundingClientRect().top;\r\n            const offsetPosition = elementPosition + window.pageYOffset - 120;\r\n            window.scrollTo({ top: offsetPosition, behavior: 'smooth' });\r\n        }\r\n\r\n        setTimeout(() => {\r\n            const targetService = document.querySelector(`.service-option[data-name=\"${serviceName}\"]`);\r\n            if (targetService && serviceGrid) {\r\n                serviceGrid.querySelectorAll('.service-option').forEach(s => s.classList.remove('active'));\r\n                targetService.classList.add('active');\r\n                \r\n                targetService.style.transition = '0.3s';\r\n                targetService.style.transform = 'scale(1.04)';\r\n                setTimeout(() => { targetService.style.transform = 'scale(1)'; }, 300);\r\n                \r\n                updateSummary();\r\n            }\r\n        }, 350); \r\n    };\r\n\r\n    \/\/ =========================================================================\r\n    \/\/ A HELPER TO SET CF7 VALUES (BY ID OR BY NAME)\r\n    \/\/ =========================================================================\r\n    function setCF7Val(name, id, val) {\r\n        const field = document.getElementById(id) || document.querySelector('input[name=\"' + name + '\"]') || document.querySelector('textarea[name=\"' + name + '\"]');\r\n        if (field) field.value = val;\r\n    }\r\n\r\n    \/\/ =========================================================================\r\n    \/\/ SUCCESS MODAL & CF7 SUBMIT LOGIC\r\n    \/\/ =========================================================================\r\n    const checkoutBtn = getEl('final-checkout-btn');\r\n    const modal = getEl('success-modal');\r\n    const closeBtn = getEl('close-modal-btn');\r\n    const doneBtn = getEl('done-btn');\r\n    const printBtn = getEl('print-receipt-btn');\r\n\r\n    if (checkoutBtn) {\r\n        checkoutBtn.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n\r\n            let name = getEl('booking-name').value || \"Valued Customer\";\r\n            let date = getEl('booking-date').value || \"Date not selected\";\r\n            let time = getEl('booking-time').value || \"morning\";\r\n            let address = getEl('booking-address').value || \"Address not provided\";\r\n            let service = getEl('sum-title') ? getEl('sum-title').innerText : \"Standard Clean\";\r\n            let specs = getEl('sum-specs') ? getEl('sum-specs').innerText : \"\";\r\n            let total = getEl('sum-total-price') ? getEl('sum-total-price').innerText : \"$0\";\r\n\r\n            let refCode = 'SCP-' + Math.floor(100000 + Math.random() * 900000);\r\n\r\n            if (getEl('mod-ref')) getEl('mod-ref').innerText = refCode;\r\n            if (getEl('mod-service')) getEl('mod-service').innerText = service;\r\n            if (getEl('mod-date')) getEl('mod-date').innerText = date + ' (' + time + ')';\r\n            if (getEl('mod-specs')) getEl('mod-specs').innerText = specs;\r\n            if (getEl('mod-name')) getEl('mod-name').innerText = name;\r\n            if (getEl('mod-address')) getEl('mod-address').innerText = address;\r\n            if (getEl('mod-total')) getEl('mod-total').innerText = total;\r\n\r\n            let savingTextNode = getEl('sum-savings-text');\r\n            let modSavingsSpan = getEl('mod-savings');\r\n            \r\n            if (savingTextNode && savingTextNode.style.display !== 'none' && modSavingsSpan) {\r\n                modSavingsSpan.innerText = savingTextNode.innerText;\r\n                modSavingsSpan.style.setProperty('display', 'block', 'important');\r\n            } else if (modSavingsSpan) {\r\n                modSavingsSpan.style.setProperty('display', 'none', 'important');\r\n            }\r\n\r\n            \/\/ SET VALUES FOR CF7\r\n            setCF7Val('booking-ref', 'cf-ref', refCode);\r\n            setCF7Val('customer-name', 'cf-name', name);\r\n            setCF7Val('customer-email', 'cf-email', getEl('booking-email').value);\r\n            setCF7Val('customer-phone', 'cf-phone', getEl('booking-phone').value);\r\n            setCF7Val('customer-address', 'cf-address', address);\r\n            setCF7Val('service-name', 'cf-service', service);\r\n            setCF7Val('property-specs', 'cf-specs', specs);\r\n            setCF7Val('booking-date', 'cf-date', date + ' (' + time + ')');\r\n            setCF7Val('special-notes', 'cf-notes', getEl('booking-notes').value);\r\n            setCF7Val('total-price', 'cf-total', total);\r\n\r\n            \/\/ SHOW MODAL\r\n            if (modal) modal.classList.add('show');\r\n            \r\n            \/\/ SUBMIT CF7 FORM\r\n            setTimeout(function() {\r\n                const cfSubmit = document.getElementById('cf-submit') || document.querySelector('.wpcf7-form input[type=\"submit\"]') || document.querySelector('.wpcf7-submit');\r\n                const cfForm = document.querySelector('.wpcf7-form');\r\n                \r\n                if (cfSubmit) {\r\n                    cfSubmit.click();\r\n                    console.log(\"CF7 Button clicked.\");\r\n                } else if (cfForm) {\r\n                    cfForm.dispatchEvent(new Event('submit', { cancelable: true, bubbles: true }));\r\n                    console.log(\"CF7 Form dispatched submit event.\");\r\n                } else {\r\n                    console.log(\"Error: No CF7 form or submit button found.\");\r\n                }\r\n            }, 500);\r\n        });\r\n    }\r\n\r\n    function closeModal() { if (modal) modal.classList.remove('show'); }\r\n    if (closeBtn) closeBtn.addEventListener('click', closeModal);\r\n    if (doneBtn) doneBtn.addEventListener('click', closeModal);\r\n\r\n    \/\/ EXACT 1 PAGE PRINT SOLUTION\r\n    if (printBtn) {\r\n        printBtn.addEventListener('click', function() {\r\n            var modalContent = getEl('printable-modal-box').innerHTML;\r\n            var printWindow = window.open('', '', 'height=600,width=800');\r\n            \r\n            printWindow.document.write('<html><head><title>Booking Receipt<\/title>');\r\n            printWindow.document.write('<style>');\r\n            printWindow.document.write('body { font-family: Arial, sans-serif; padding: 40px; color: #1a2b3c; }');\r\n            printWindow.document.write('.modal-icon { text-align: center; margin-bottom: 20px; }');\r\n            printWindow.document.write('.modal-icon svg { width: 50px; height: 50px; color: #009e60; }');\r\n            printWindow.document.write('.modal-title { text-align: center; font-size: 28px; margin-bottom: 10px; }');\r\n            printWindow.document.write('.modal-subtitle { text-align: center; font-size: 14px; color: #64748b; margin-bottom: 40px; }');\r\n            printWindow.document.write('.modal-ref { font-weight: bold; background: #e8f9fd; padding: 5px 10px; border-radius: 5px; }');\r\n            printWindow.document.write('.modal-details-table { width: 100%; border-collapse: collapse; margin-bottom: 30px; border-top: 2px solid #e2e8f0; }');\r\n            printWindow.document.write('.modal-row { display: flex; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #e2e8f0; font-size: 14px; }');\r\n            printWindow.document.write('.modal-lbl { color: #64748b; }');\r\n            printWindow.document.write('.modal-val { font-weight: bold; text-align: right; }');\r\n            printWindow.document.write('.modal-total-row { display: flex; justify-content: space-between; align-items: center; padding: 20px 0 10px 0; border-top: 2px solid #e2e8f0; margin-top: 10px; }');\r\n            printWindow.document.write('.modal-total-left { display: flex; flex-direction: column; text-align: left; }');\r\n            printWindow.document.write('.modal-total-label { font-size: 16px; color: #1a2b3c; font-weight: bold; }');\r\n            printWindow.document.write('.modal-savings-label { font-size: 13px; color: #009e60; font-weight: bold; margin-top: 4px; }');\r\n            printWindow.document.write('.modal-total-price { font-size: 32px; font-weight: 900; color: #009e60; }');\r\n            printWindow.document.write('<\/style>');\r\n            printWindow.document.write('<\/head><body>');\r\n            printWindow.document.write(modalContent);\r\n            printWindow.document.write('<\/body><\/html>');\r\n            printWindow.document.close();\r\n            printWindow.focus();\r\n            \r\n            setTimeout(function() {\r\n                printWindow.print();\r\n                printWindow.close();\r\n            }, 250);\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3066814 e-con e-atomic-element e-flexbox-base e-3066814-3f7ee2f \" data-id=\"3066814\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3066814\">\n    \t\t<div class=\"elementor-element elementor-element-2b4efa1 elementor-widget elementor-widget-html\" data-id=\"2b4efa1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Google Fonts *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800;900&display=swap');\r\n\r\n    \/* --- Checklist Section Wrapper --- *\/\r\n    .sparkle-checklist-section {\r\n        width: 100%;\r\n        background-color: #fff;\r\n        padding: 80px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .sparkle-checklist-section * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Standardized Container - EXACTLY 1200px *\/\r\n    .sparkle-checklist-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        background: #fff;\r\n        border-radius: 20px;\r\n        box-shadow: 0 10px 40px rgba(0,0,0,0.05);\r\n        border: 1px solid #e2e8f0;\r\n        padding: 50px;\r\n    }\r\n\r\n    \/* --- Header Area --- *\/\r\n    .checklist-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .checklist-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: #e8f9fd;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #00b5ad;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 15px;\r\n    }\r\n    .checklist-badge svg { margin-right: 6px; width: 14px; height: 14px; }\r\n\r\n    .checklist-header h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 34px;\r\n        font-weight: 900;\r\n        color: #1a2b3c;\r\n        line-height: 1.2;\r\n        margin-bottom: 12px;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .checklist-header p {\r\n        font-size: 14px;\r\n        color: #5a6b7c;\r\n    }\r\n\r\n    \/* --- Tabs Navigation --- *\/\r\n    .checklist-tabs {\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 15px;\r\n        margin-bottom: 40px;\r\n        border-bottom: 1px solid #e2e8f0;\r\n        padding-bottom: 30px;\r\n    }\r\n\r\n    .tab-btn {\r\n        background: #fff;\r\n        border: 1px solid #e2e8f0;\r\n        padding: 10px 20px;\r\n        border-radius: 8px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #1a2b3c;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n    }\r\n    \r\n    .tab-btn:hover { border-color: #cbd5e1; }\r\n    \r\n    .tab-btn.active {\r\n        background: #00b5ad;\r\n        color: #fff;\r\n        border-color: #00b5ad;\r\n    }\r\n\r\n    \/* --- Table Layout --- *\/\r\n    .checklist-table-wrapper {\r\n        width: 100%;\r\n        overflow-x: auto; \/* For mobile scroll *\/\r\n    }\r\n\r\n    .checklist-table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n        min-width: 800px; \/* Forces scroll on small screens *\/\r\n        table-layout: fixed; \/* Ensures columns respect widths *\/\r\n    }\r\n\r\n    \/* Column Widths to ensure perfect alignment *\/\r\n    .col-task { width: 40%; }\r\n    .col-std { width: 20%; }\r\n    .col-deep { width: 20%; }\r\n    .col-move { width: 20%; }\r\n\r\n    .checklist-table th {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 14px;\r\n        font-weight: 800;\r\n        text-align: center;\r\n        padding: 15px;\r\n        border-bottom: 2px solid #e2e8f0;\r\n    }\r\n\r\n    \/* Table Column Headers *\/\r\n    .th-task { text-align: left !important; color: #1a2b3c; }\r\n    .th-standard { color: #0077b6; }\r\n    .th-deep { color: #f38210; }\r\n    .th-move { color: #009e60; }\r\n\r\n    .checklist-table td {\r\n        padding: 15px;\r\n        border-bottom: 1px solid #f1f5f9;\r\n        text-align: center;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .td-task {\r\n        text-align: left !important;\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        color: #1a2b3c;\r\n    }\r\n\r\n    \/* Icons inside table *\/\r\n    .icon-wrapper {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .icon-check {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: 24px;\r\n        height: 24px;\r\n        border-radius: 50%;\r\n        border: 1px solid;\r\n    }\r\n    \r\n    .check-standard { border-color: #b3e6f4; color: #0077b6; background: #f0faff; }\r\n    .check-deep { border-color: #fde0c3; color: #f38210; background: #fff8f0; }\r\n    .check-move { border-color: #bcebc5; color: #009e60; background: #f0fdf4; }\r\n    \r\n    .icon-dash {\r\n        color: #cbd5e1;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* PERFECT TABLE TAB FIX *\/\r\n    .tab-content { display: none; }\r\n    \/* By using table-row-group instead of block, the table structure stays perfectly intact *\/\r\n    .tab-content.active { \r\n        display: table-row-group; \r\n        animation: fadeInTable 0.4s ease-in-out; \r\n    }\r\n    \r\n    @keyframes fadeInTable {\r\n        from { opacity: 0; }\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* --- Footer & Buttons --- *\/\r\n    .checklist-footer {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-top: 40px;\r\n        padding-top: 30px;\r\n        border-top: 1px solid #e2e8f0;\r\n    }\r\n\r\n    .footer-text {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .footer-buttons {\r\n        display: flex;\r\n        gap: 15px;\r\n    }\r\n\r\n    .btn-book-std, .btn-book-deep {\r\n        padding: 12px 24px;\r\n        border-radius: 8px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        color: #fff;\r\n        border: none;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n        text-decoration: none; \r\n        display: inline-flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .btn-book-std { background: #00b5ad; }\r\n    .btn-book-std:hover { background: #009992; }\r\n\r\n    .btn-book-deep { background: #f38210; }\r\n    .btn-book-deep:hover { background: #d97706; }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .sparkle-checklist-container { padding: 30px 15px; }\r\n        .checklist-footer { flex-direction: column; text-align: center; gap: 20px; }\r\n        .footer-buttons { flex-direction: column; width: 100%; }\r\n        .btn-book-std, .btn-book-deep { width: 100%; justify-content: center; }\r\n    }\r\n<\/style>\r\n\r\n<!-- Target anchor for jump links -->\r\n<div id=\"booking-engine-target\"><\/div>\r\n\r\n<!-- ADDED id=\"checklist\" -->\r\n<section id=\"checklist\" class=\"sparkle-checklist-section\">\r\n    <div class=\"sparkle-checklist-container\">\r\n        \r\n        <!-- Header -->\r\n        <div class=\"checklist-header\">\r\n            <div class=\"checklist-badge\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\r\n                ROOM-BY-ROOM CLEANING STANDARD\r\n            <\/div>\r\n            <h2>Interactive Cleaning Checklist<\/h2>\r\n            <p>Compare our exact cleaning tasks across Standard, Deep, and Move-In\/Out service packages.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Tabs -->\r\n        <div class=\"checklist-tabs\">\r\n            <button class=\"tab-btn active\" data-target=\"tab-kitchen\">Kitchen<\/button>\r\n            <button class=\"tab-btn\" data-target=\"tab-bathroom\">Bathrooms<\/button>\r\n            <button class=\"tab-btn\" data-target=\"tab-bedroom\">Bedrooms & Living<\/button>\r\n            <button class=\"tab-btn\" data-target=\"tab-general\">General & Extras<\/button>\r\n        <\/div>\r\n\r\n        <!-- Table Wrapper -->\r\n        <div class=\"checklist-table-wrapper\">\r\n            <table class=\"checklist-table\">\r\n                <colgroup>\r\n                    <col class=\"col-task\">\r\n                    <col class=\"col-std\">\r\n                    <col class=\"col-deep\">\r\n                    <col class=\"col-move\">\r\n                <\/colgroup>\r\n                <thead>\r\n                    <tr>\r\n                        <th class=\"th-task\">Cleaning Task<\/th>\r\n                        <th class=\"th-standard\">Standard Clean<\/th>\r\n                        <th class=\"th-deep\">Deep Clean<\/th>\r\n                        <th class=\"th-move\">Move In \/ Out<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                \r\n                <!-- KITCHEN DATA (Default Active) -->\r\n                <tbody id=\"tab-kitchen\" class=\"tab-content active\">\r\n                    <tr>\r\n                        <td class=\"td-task\">Clean & sanitize countertops & backsplash<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Scrub & disinfect sink & polish chrome fixtures<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Wipe exterior of microwave, stove & fridge<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Clean stove cooktop & burner rings<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Wipe down kitchen table & chairs<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Empty trash & recycling cans<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Hand-wash cabinet fronts & handles<\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Inside Oven degreasing scrub<\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Inside Refrigerator & freezer cleaning<\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Inside all empty drawers & cabinets<\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n\r\n                <!-- BATHROOMS DATA -->\r\n                <tbody id=\"tab-bathroom\" class=\"tab-content\">\r\n                    <tr>\r\n                        <td class=\"td-task\">Wash & sanitize toilet inside out<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Scrub bathtub, shower walls & glass doors<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Clean & shine sinks, faucets & countertops<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Clean mirrors & glass surfaces<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Vacuum & mop bathroom floors & bathmats<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Deep scrub grout mold & soap scum buildup<\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Detail exhaust fans & air vent grilles<\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Clean inside vanity cabinets & drawers<\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n\r\n                <!-- BEDROOMS & LIVING DATA -->\r\n                <tbody id=\"tab-bedroom\" class=\"tab-content\">\r\n                    <tr>\r\n                        <td class=\"td-task\">Dust all accessible furniture, lamps & frames<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Make beds & change bed linens (if left out)<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Vacuum all carpets, rugs & stairs<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Mop all hard surface floors & wood flooring<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Neatly straighten pillows & couch cushions<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Hand-wash baseboards, door frames & light switches<\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Dust ceiling fans & high light fixtures<\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Vacuum under beds & movable furniture<\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n\r\n                <!-- GENERAL & EXTRAS DATA -->\r\n                <tbody id=\"tab-general\" class=\"tab-content\">\r\n                    <tr>\r\n                        <td class=\"td-task\">Empty all wastebaskets & replace liners<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Wipe door handles & light switch plates<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Remove ceiling cobwebs in corners<\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-standard\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Clean interior window glass & sills<\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"td-task\">Vacuum closet floors & wipe closet shelves<\/td>\r\n                        <td><div class=\"icon-wrapper\"><span class=\"icon-dash\">\u2014<\/span><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-deep\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                        <td><div class=\"icon-wrapper\"><div class=\"icon-check check-move\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><\/div><\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n\r\n        <!-- Footer -->\r\n        <div class=\"checklist-footer\">\r\n            <div class=\"footer-text\">Have custom requirements? We tailor cleaning checklists for every home!<\/div>\r\n            <div class=\"footer-buttons\">\r\n                <!-- Anchor Jumps setup -->\r\n                <button class=\"btn-book-std\" onclick=\"jumpToBooking('Standard Home Cleaning')\">BOOK STANDARD<\/button>\r\n                <button class=\"btn-book-deep\" onclick=\"jumpToBooking('Deep Detail Clean')\">BOOK DEEP CLEAN<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Functional JavaScript for Tabs and Anchor Jumps -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \r\n    \/\/ --- Tabs Logic ---\r\n    const tabBtns = document.querySelectorAll('.tab-btn');\r\n    const tabContents = document.querySelectorAll('.tab-content');\r\n\r\n    tabBtns.forEach(btn => {\r\n        btn.addEventListener('click', function() {\r\n            \/\/ Remove active class from all buttons and contents\r\n            tabBtns.forEach(b => b.classList.remove('active'));\r\n            tabContents.forEach(c => c.classList.remove('active'));\r\n            \r\n            \/\/ Add active class to clicked button\r\n            this.classList.add('active');\r\n            \r\n            \/\/ Show corresponding content\r\n            const targetId = this.getAttribute('data-target');\r\n            document.getElementById(targetId).classList.add('active');\r\n        });\r\n    });\r\n\r\n});\r\n\r\n\/\/ --- Anchor Jump & Auto Select Logic ---\r\nfunction jumpToBooking(serviceName) {\r\n    \/\/ 1. Scroll to the booking engine section smoothly\r\n    \/\/ Look for the actual booking section if it exists, otherwise use fallback target\r\n    const bookingSection = document.getElementById('booking-engine') || document.querySelector('.sparkle-booking-section');\r\n    \r\n    if(bookingSection) {\r\n        \/\/ Calculate position considering sticky header\r\n        const elementPosition = bookingSection.getBoundingClientRect().top;\r\n        const offsetPosition = elementPosition + window.pageYOffset - 120; \/\/ 120px offset for header\r\n        window.scrollTo({ top: offsetPosition, behavior: 'smooth' });\r\n    }\r\n\r\n    \/\/ 2. Automatically select the corresponding service card in the booking engine\r\n    \/\/ Use setTimeout to allow the smooth scroll to start before changing UI state\r\n    setTimeout(() => {\r\n        \/\/ Find all service options in the booking engine\r\n        const serviceOptions = document.querySelectorAll('#service-grid .service-option');\r\n        \r\n        if(serviceOptions.length > 0) {\r\n            serviceOptions.forEach(opt => {\r\n                \/\/ If the data-name matches the one passed from the button click\r\n                if(opt.getAttribute('data-name') === serviceName) {\r\n                    opt.click(); \/\/ Trigger the click event on the card\r\n                    \r\n                    \/\/ Add a slight flash effect to highlight the selected card\r\n                    opt.style.transition = '0.3s';\r\n                    opt.style.transform = 'scale(1.05)';\r\n                    setTimeout(() => { opt.style.transform = 'scale(1)'; }, 300);\r\n                }\r\n            });\r\n        }\r\n    }, 400); \/\/ 400ms delay gives scroll time to initiate\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-993ba21 e-con e-atomic-element e-flexbox-base e-993ba21-86f2ce0 \" data-id=\"993ba21\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"993ba21\">\n    \t\t<div class=\"elementor-element elementor-element-cccb464 elementor-widget elementor-widget-html\" data-id=\"cccb464\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Google Fonts *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800;900&display=swap');\r\n\r\n    \/* --- Showcase Section Wrapper --- *\/\r\n    .sparkle-showcase-section {\r\n        width: 100%;\r\n        background-color: #f8fafc; \/* Very light slate background *\/\r\n        padding: 80px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .sparkle-showcase-section * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Standardized Container - EXACTLY 1200px *\/\r\n    .sparkle-showcase-container {\r\n        max-width: 1000px; \/* Kept slightly narrower for premium slider focus *\/\r\n        margin: 0 auto;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* --- Header Area --- *\/\r\n    .showcase-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .showcase-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: #e8f9fd;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #00b5ad;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 15px;\r\n    }\r\n    .showcase-badge svg { margin-right: 6px; width: 14px; height: 14px; }\r\n\r\n    .showcase-header h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 38px;\r\n        font-weight: 900;\r\n        color: #1a2b3c;\r\n        line-height: 1.2;\r\n        margin-bottom: 12px;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .showcase-header p {\r\n        font-size: 14px;\r\n        color: #5a6b7c;\r\n        max-width: 600px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* --- Tabs Navigation --- *\/\r\n    .showcase-tabs {\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 15px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .showcase-tab-btn {\r\n        background: #fff;\r\n        border: 1px solid #e2e8f0;\r\n        padding: 10px 24px;\r\n        border-radius: 8px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #1a2b3c;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.02);\r\n    }\r\n    \r\n    .showcase-tab-btn:hover { border-color: #cbd5e1; }\r\n    \r\n    .showcase-tab-btn.active {\r\n        background: #00b5ad;\r\n        color: #fff;\r\n        border-color: #00b5ad;\r\n    }\r\n\r\n    \/* --- Main Card Layout --- *\/\r\n    .showcase-card {\r\n        background: #fff;\r\n        border-radius: 16px;\r\n        padding: 20px;\r\n        box-shadow: 0 10px 40px rgba(0,0,0,0.06);\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n\r\n    .showcase-content-area {\r\n        display: none;\r\n        animation: fadeIn 0.4s ease-in-out;\r\n    }\r\n    .showcase-content-area.active {\r\n        display: block;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; }\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* --- Image Comparison Slider --- *\/\r\n    .img-comp-container {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 500px; \/* Fixed height for desktop *\/\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        background-color: #f1f5f9;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .img-comp-img {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 0;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .img-comp-img img {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: left center; \/* Keeps image anchored left *\/\r\n    }\r\n\r\n    .img-comp-overlay {\r\n        width: 50%; \/* Default starting point *\/\r\n        z-index: 2;\r\n        border-right: 2px solid #00b5ad; \/* The vertical line *\/\r\n    }\r\n\r\n    \/* Slider Handle (The draggable circle) *\/\r\n    .img-comp-slider {\r\n        position: absolute;\r\n        z-index: 9;\r\n        cursor: ew-resize;\r\n        width: 40px;\r\n        height: 40px;\r\n        background-color: #00b5ad;\r\n        border-radius: 50%;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: #fff;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.3);\r\n    }\r\n    .img-comp-slider svg {\r\n        width: 20px;\r\n        height: 20px;\r\n    }\r\n\r\n    \/* Before & After Labels *\/\r\n    .label-badge {\r\n        position: absolute;\r\n        bottom: 20px;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 11px;\r\n        font-weight: 800;\r\n        color: #fff;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n    }\r\n    \r\n    .label-before {\r\n        left: 20px;\r\n        background-color: #e11d48; \/* Red *\/\r\n        z-index: 3;\r\n    }\r\n\r\n    .label-after {\r\n        right: 20px;\r\n        background-color: #009e60; \/* Green *\/\r\n        z-index: 1; \/* Below overlay *\/\r\n    }\r\n\r\n    \/* --- Caption Area below Image --- *\/\r\n    .showcase-caption {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 10px 10px 0 10px;\r\n    }\r\n\r\n    .caption-text h3 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        color: #1a2b3c;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .caption-text p {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n    }\r\n\r\n    .caption-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        background: #f4fcfe;\r\n        border: 1px solid #b3e6f4;\r\n        color: #0077b6;\r\n        padding: 6px 12px;\r\n        border-radius: 50px;\r\n        font-size: 10px;\r\n        font-weight: 600;\r\n    }\r\n    .caption-badge svg { margin-right: 6px; width: 14px; height: 14px; }\r\n\r\n    \/* --- Responsive --- *\/\r\n    @media (max-width: 768px) {\r\n        .img-comp-container { height: 300px; }\r\n        .showcase-caption { flex-direction: column; align-items: flex-start; gap: 15px; }\r\n        .showcase-header h2 { font-size: 28px; }\r\n        .caption-badge { align-self: flex-start; }\r\n    }\r\n<\/style>\r\n\r\n<!-- ADDED id=\"transformations\" -->\r\n<section id=\"transformations\" class=\"sparkle-showcase-section\">\r\n    <div class=\"sparkle-showcase-container\">\r\n        \r\n        <!-- Header -->\r\n        <div class=\"showcase-header\">\r\n            <div class=\"showcase-badge\">\r\n                <svg 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                REAL TRANSFORMATION RESULTS\r\n            <\/div>\r\n            <h2>Before & After Sparkle Showcase<\/h2>\r\n            <p>Drag the interactive slider handle left or right to reveal the dramatic difference our deep cleaning process achieves.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Tabs -->\r\n        <div class=\"showcase-tabs\">\r\n            <button class=\"showcase-tab-btn active\" data-target=\"showcase-kitchen\">Kitchen<\/button>\r\n            <button class=\"showcase-tab-btn\" data-target=\"showcase-bathroom\">Bathroom<\/button>\r\n            <button class=\"showcase-tab-btn\" data-target=\"showcase-oven\">Oven<\/button>\r\n            <button class=\"showcase-tab-btn\" data-target=\"showcase-floors\">Floors<\/button>\r\n        <\/div>\r\n\r\n        <!-- Card Wrapper -->\r\n        <div class=\"showcase-card\">\r\n            \r\n            <!-- KITCHEN TAB -->\r\n            <div id=\"showcase-kitchen\" class=\"showcase-content-area active\">\r\n                <div class=\"img-comp-container\">\r\n                    \r\n                    <!-- KITCHEN: AFTER Image (Clean) -->\r\n                    <div class=\"img-comp-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/myuktravel.in\/wp-content\/uploads\/2026\/08\/pix1861-kitchen-728724_1920.jpg\" alt=\"Kitchen After Clean\">\r\n                        <div class=\"label-badge label-after\">AFTER (SPARKLE CLEAN)<\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- KITCHEN: BEFORE Image (Dirty Filter Applied) -->\r\n                    <div class=\"img-comp-img img-comp-overlay\">\r\n                        <!-- Sepia and brightness give it a greasy, dirty look -->\r\n                        <img decoding=\"async\" src=\"https:\/\/myuktravel.in\/wp-content\/uploads\/2026\/08\/pix1861-kitchen-728724_1920.jpg\" style=\"filter: brightness(0.6) sepia(0.5) contrast(1.2);\" alt=\"Kitchen Before Dirty\">\r\n                        <div class=\"label-badge label-before\">BEFORE CLEANING<\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Slider Handle -->\r\n                    <div class=\"img-comp-slider\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><polyline points=\"9 18 15 12 9 6\" transform=\"rotate(180 12 12)\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"showcase-caption\">\r\n                    <div class=\"caption-text\">\r\n                        <h3>Gourmet Kitchen Restoration<\/h3>\r\n                        <p>Heavy grease degreasing, backsplash restoration, and stainless steel streak-free shine.<\/p>\r\n                    <\/div>\r\n                    <div class=\"caption-badge\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"><\/line><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"><\/line><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"><\/line><\/svg>\r\n                        Drag slider left or right to compare\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- BATHROOM TAB -->\r\n            <div id=\"showcase-bathroom\" class=\"showcase-content-area\">\r\n                <div class=\"img-comp-container\">\r\n                    \r\n                    <!-- BATHROOM: AFTER Image (Clean) -->\r\n                    <div class=\"img-comp-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/myuktravel.in\/wp-content\/uploads\/2026\/08\/leemelina08-bathroom-1622403_1920.jpg\" alt=\"Bathroom After Clean\">\r\n                        <div class=\"label-badge label-after\">AFTER (SPARKLE CLEAN)<\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- BATHROOM: BEFORE Image (Dirty Filter Applied) -->\r\n                    <div class=\"img-comp-img img-comp-overlay\">\r\n                        <!-- Blur and slight darkening simulate soap scum\/grime -->\r\n                        <img decoding=\"async\" src=\"https:\/\/myuktravel.in\/wp-content\/uploads\/2026\/08\/leemelina08-bathroom-1622403_1920.jpg\" style=\"filter: brightness(0.8) blur(1.5px) grayscale(0.2);\" alt=\"Bathroom Before Dirty\">\r\n                        <div class=\"label-badge label-before\">BEFORE CLEANING<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"img-comp-slider\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><polyline points=\"9 18 15 12 9 6\" transform=\"rotate(180 12 12)\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"showcase-caption\">\r\n                    <div class=\"caption-text\">\r\n                        <h3>Spa-Like Bathroom Revival<\/h3>\r\n                        <p>Soap scum eradication, hard water stain removal, and complete grout whitening.<\/p>\r\n                    <\/div>\r\n                    <div class=\"caption-badge\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"><\/line><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"><\/line><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"><\/line><\/svg>\r\n                        Drag slider left or right to compare\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- OVEN TAB -->\r\n            <div id=\"showcase-oven\" class=\"showcase-content-area\">\r\n                <div class=\"img-comp-container\">\r\n                    \r\n                    <!-- OVEN: AFTER Image (Clean) -->\r\n                    <div class=\"img-comp-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/myuktravel.in\/wp-content\/uploads\/2026\/08\/pexels-curtis-adams-1694007-7168051-scaled.jpg\" alt=\"Oven After Clean\">\r\n                        <div class=\"label-badge label-after\">AFTER (SPARKLE CLEAN)<\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- OVEN: BEFORE Image (Dirty Filter Applied) -->\r\n                    <div class=\"img-comp-img img-comp-overlay\">\r\n                        <!-- High contrast and darkness simulate burnt food\/carbon -->\r\n                        <img decoding=\"async\" src=\"https:\/\/myuktravel.in\/wp-content\/uploads\/2026\/08\/pexels-curtis-adams-1694007-7168051-scaled.jpg\" style=\"filter: contrast(1.5) brightness(0.5) sepia(0.4);\" alt=\"Oven Before Dirty\">\r\n                        <div class=\"label-badge label-before\">BEFORE CLEANING<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"img-comp-slider\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><polyline points=\"9 18 15 12 9 6\" transform=\"rotate(180 12 12)\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"showcase-caption\">\r\n                    <div class=\"caption-text\">\r\n                        <h3>Burnt-On Grease Removal<\/h3>\r\n                        <p>Internal oven scrubbing, glass door clarification, and toxic-free carbon scraping.<\/p>\r\n                    <\/div>\r\n                    <div class=\"caption-badge\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"><\/line><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"><\/line><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"><\/line><\/svg>\r\n                        Drag slider left or right to compare\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FLOORS TAB -->\r\n            <div id=\"showcase-floors\" class=\"showcase-content-area\">\r\n                <div class=\"img-comp-container\">\r\n                    \r\n                    <!-- FLOORS: AFTER Image (Clean) -->\r\n                    <div class=\"img-comp-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/myuktravel.in\/wp-content\/uploads\/2026\/08\/pexels-curtis-adams-1694007-3935327-scaled.jpg\" alt=\"Floors After Clean\">\r\n                        <div class=\"label-badge label-after\">AFTER (SPARKLE CLEAN)<\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- FLOORS: BEFORE Image (Dirty Filter Applied) -->\r\n                    <div class=\"img-comp-img img-comp-overlay\">\r\n                        <!-- Grayscale and blur simulate dust\/faded floors -->\r\n                        <img decoding=\"async\" src=\"https:\/\/myuktravel.in\/wp-content\/uploads\/2026\/08\/pexels-curtis-adams-1694007-3935327-scaled.jpg\" style=\"filter: grayscale(0.5) blur(1px) brightness(0.8);\" alt=\"Floors Before Dirty\">\r\n                        <div class=\"label-badge label-before\">BEFORE CLEANING<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"img-comp-slider\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><polyline points=\"9 18 15 12 9 6\" transform=\"rotate(180 12 12)\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"showcase-caption\">\r\n                    <div class=\"caption-text\">\r\n                        <h3>Hardwood & Tile Polishing<\/h3>\r\n                        <p>Deep dirt extraction, zero-residue mopping, and wood-safe restorative polishing.<\/p>\r\n                    <\/div>\r\n                    <div class=\"caption-badge\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"><\/line><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"><\/line><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"><\/line><\/svg>\r\n                        Drag slider left or right to compare\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- JavaScript for Interactive Slider and Tabs -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \r\n    \/\/ --- 1. Image Slider Logic ---\r\n    function initComparisons() {\r\n        const containers = document.querySelectorAll('.img-comp-container');\r\n        \r\n        containers.forEach(container => {\r\n            const overlay = container.querySelector('.img-comp-overlay');\r\n            const imgInside = overlay.querySelector('img');\r\n            const slider = container.querySelector('.img-comp-slider');\r\n            \r\n            let isDown = false;\r\n            \r\n            \/\/ Sync image width to container width to prevent squishing\r\n            function setDimensions() {\r\n                let w = container.offsetWidth;\r\n                imgInside.style.width = w + 'px';\r\n                \/\/ Reset to 50% on initialization or resize\r\n                overlay.style.width = (w \/ 2) + 'px';\r\n                slider.style.left = (w \/ 2) + 'px';\r\n            }\r\n            \r\n            setDimensions();\r\n            \r\n            \/\/ Attach recalc function to container so it can be called on tab switch\r\n            container.recalcSlider = setDimensions;\r\n            \r\n            \/\/ Mouse\/Touch Events\r\n            function slideReady(e) {\r\n                e.preventDefault();\r\n                isDown = true;\r\n                window.addEventListener('mousemove', slideMove);\r\n                window.addEventListener('touchmove', slideMove, {passive: true});\r\n                window.addEventListener('mouseup', slideFinish);\r\n                window.addEventListener('touchend', slideFinish);\r\n            }\r\n            \r\n            function slideFinish() {\r\n                isDown = false;\r\n                window.removeEventListener('mousemove', slideMove);\r\n                window.removeEventListener('touchmove', slideMove);\r\n            }\r\n            \r\n            function slideMove(e) {\r\n                if (!isDown) return;\r\n                let pos = getCursorPos(e);\r\n                let w = container.offsetWidth;\r\n                if (pos < 0) pos = 0;\r\n                if (pos > w) pos = w;\r\n                overlay.style.width = pos + 'px';\r\n                slider.style.left = pos + 'px';\r\n            }\r\n            \r\n            function getCursorPos(e) {\r\n                let a, x = 0;\r\n                e = (e.changedTouches) ? e.changedTouches[0] : e;\r\n                a = container.getBoundingClientRect();\r\n                x = e.pageX - a.left - window.pageXOffset;\r\n                return x;\r\n            }\r\n            \r\n            slider.addEventListener('mousedown', slideReady);\r\n            slider.addEventListener('touchstart', slideReady, {passive: true});\r\n        });\r\n    }\r\n    \r\n    \/\/ Initialize sliders on load\r\n    initComparisons();\r\n    \r\n    \/\/ Handle Window Resize\r\n    window.addEventListener('resize', function() {\r\n        document.querySelectorAll('.img-comp-container').forEach(c => {\r\n            if(c.recalcSlider && c.parentElement.classList.contains('active')) {\r\n                c.recalcSlider();\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ --- 2. Tabs Logic ---\r\n    const tabBtns = document.querySelectorAll('.showcase-tab-btn');\r\n    const tabContents = document.querySelectorAll('.showcase-content-area');\r\n\r\n    tabBtns.forEach(btn => {\r\n        btn.addEventListener('click', function() {\r\n            \/\/ Remove active class\r\n            tabBtns.forEach(b => b.classList.remove('active'));\r\n            tabContents.forEach(c => c.classList.remove('active'));\r\n            \r\n            \/\/ Set active class\r\n            this.classList.add('active');\r\n            const targetContent = document.getElementById(this.dataset.target);\r\n            targetContent.classList.add('active');\r\n            \r\n            \/\/ Recalculate slider dimensions because display:none breaks offsetWidth\r\n            const activeContainer = targetContent.querySelector('.img-comp-container');\r\n            if(activeContainer && activeContainer.recalcSlider) {\r\n                activeContainer.recalcSlider();\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-38c0e83 e-con e-atomic-element e-flexbox-base e-38c0e83-d9f4e2b \" data-id=\"38c0e83\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"38c0e83\">\n    \t\t<div class=\"elementor-element elementor-element-3a558a2 elementor-widget elementor-widget-html\" data-id=\"3a558a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Section 1 Styling *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800;900&display=swap');\r\n\r\n    .sparkle-steps-section {\r\n        width: 100%;\r\n        background-color: #fff;\r\n        padding: 80px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .sparkle-steps-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    .steps-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .section-header-center {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .badge-teal {\r\n        display: inline-flex;\r\n        background: #e8f9fd;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #00b5ad;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .section-header-center h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 34px;\r\n        font-weight: 900;\r\n        color: #1a2b3c;\r\n        margin-bottom: 12px;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .section-header-center p {\r\n        font-size: 14px;\r\n        color: #5a6b7c;\r\n        max-width: 600px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Cards Grid *\/\r\n    .steps-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .step-box {\r\n        background: #fff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        padding: 40px 30px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 20px rgba(0,0,0,0.03);\r\n        transition: transform 0.3s, box-shadow 0.3s;\r\n    }\r\n    \r\n    .step-box:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 30px rgba(0,181,173,0.1);\r\n        border-color: #b3e6f4;\r\n    }\r\n\r\n    .step-number-bg {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 20px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 60px;\r\n        font-weight: 900;\r\n        color: #f1f5f9;\r\n        line-height: 1;\r\n        z-index: 1;\r\n    }\r\n\r\n    .step-icon {\r\n        position: relative;\r\n        z-index: 2;\r\n        width: 50px;\r\n        height: 50px;\r\n        background: #f8fafc;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: #00b5ad;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .step-box h3 {\r\n        position: relative;\r\n        z-index: 2;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        color: #1a2b3c;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .step-box p {\r\n        position: relative;\r\n        z-index: 2;\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .btn-center-wrapper {\r\n        text-align: center;\r\n    }\r\n\r\n    .btn-solid-teal {\r\n        background: #00b5ad;\r\n        color: #fff;\r\n        border: none;\r\n        padding: 15px 30px;\r\n        border-radius: 8px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 14px;\r\n        font-weight: 800;\r\n        cursor: pointer;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        transition: 0.3s;\r\n    }\r\n    .btn-solid-teal:hover { background: #009992; }\r\n    .btn-solid-teal svg { margin-left: 8px; width: 16px; height: 16px; }\r\n\r\n    @media (max-width: 768px) {\r\n        .steps-grid { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"sparkle-steps-section\">\r\n    <div class=\"steps-container\">\r\n        \r\n        <div class=\"section-header-center\">\r\n            <div class=\"badge-teal\">SIMPLE 3-STEP PROCESS<\/div>\r\n            <h2>How SparkleClean Pro Works<\/h2>\r\n            <p>No endless phone back-and-forth or cash negotiations. Simple, transparent, and hassle-free from start to finish.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"steps-grid\">\r\n            <div class=\"step-box\">\r\n                <div class=\"step-number-bg\">01<\/div>\r\n                <div class=\"step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><polyline points=\"9 16 12 19 16 13\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <h3>Book Online in 60 Seconds<\/h3>\r\n                <p>Choose your home size, select custom add-ons, pick your preferred date & time slot, and lock in your price with zero hidden fees.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"step-box\">\r\n                <div class=\"step-number-bg\">02<\/div>\r\n                <div class=\"step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><polyline points=\"9 12 12 15 16 9\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <h3>Vetted Pros Arrive<\/h3>\r\n                <p>Our 100% background-checked, bonded, and insured cleaners arrive punctually with commercial HEPA vacuums and eco-friendly supplies.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"step-box\">\r\n                <div class=\"step-number-bg\">03<\/div>\r\n                <div class=\"step-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"24\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"><\/path><\/svg>\r\n                <\/div>\r\n                <h3>Enjoy Your Pristine Space<\/h3>\r\n                <p>Walk into a hotel-fresh, immaculate home! Backed by our 100% Happiness Guarantee \u2014 if anything is missed, we re-clean free within 24h.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"btn-center-wrapper\">\r\n            <!-- Adding anchor jump just like you wanted in previous section -->\r\n            <button class=\"btn-solid-teal\" onclick=\"document.querySelector('.sparkle-booking-section')?.scrollIntoView({ behavior: 'smooth' });\">\r\n                Book Your Clean Today <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n            <\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4559fb5 e-con e-atomic-element e-flexbox-base e-4559fb5-c1bf8b9 \" data-id=\"4559fb5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4559fb5\">\n    \t\t<div class=\"elementor-element elementor-element-4ee54fd elementor-widget elementor-widget-html\" data-id=\"4ee54fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Google Fonts *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800;900&display=swap');\r\n\r\n    \/* Section 2 Styling *\/\r\n    .sparkle-zip-section {\r\n        width: 100%;\r\n        background-color: #f8fafc; \r\n        padding: 60px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n    .sparkle-zip-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    .zip-card {\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n        background: #fff;\r\n        border-radius: 16px;\r\n        box-shadow: 0 10px 40px rgba(0,0,0,0.04);\r\n        border: 1px solid #e2e8f0;\r\n        padding: 50px 40px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .zip-header {\r\n        text-align: center;\r\n        max-width: 650px;\r\n        margin-bottom: 40px;\r\n    }\r\n    \r\n    .zip-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: #e8f9fd;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #00b5ad;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n        border: 1px solid #b3e6f4;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    .zip-badge svg { margin-right: 6px; width: 14px; height: 14px; }\r\n\r\n    .zip-header h3 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 32px;\r\n        font-weight: 900;\r\n        color: #1a2b3c;\r\n        margin-bottom: 15px;\r\n        line-height: 1.2;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .zip-header p {\r\n        font-size: 14px;\r\n        color: #5a6b7c;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Beautiful Grid List *\/\r\n    .hub-list {\r\n        width: 100%;\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 15px;\r\n        list-style: none;\r\n    }\r\n    \r\n    .hub-list li {\r\n        font-size: 13px;\r\n        color: #475569;\r\n        display: flex;\r\n        align-items: center;\r\n        background: #f8fafc;\r\n        padding: 14px 18px;\r\n        border-radius: 8px;\r\n        border: 1px solid #e2e8f0;\r\n        font-weight: 600;\r\n        transition: 0.2s ease-in-out;\r\n        cursor: default;\r\n    }\r\n    \r\n    .hub-list li:hover {\r\n        border-color: #00b5ad;\r\n        color: #0077b6;\r\n        background: #f4fcfe;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 12px rgba(0,181,173,0.1);\r\n    }\r\n    \r\n    .hub-list li svg {\r\n        min-width: 16px;\r\n        height: 16px;\r\n        color: #00b5ad;\r\n        margin-right: 10px;\r\n    }\r\n\r\n    \/* Responsive Views *\/\r\n    @media (max-width: 992px) {\r\n        .hub-list { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .zip-card { padding: 40px 25px; }\r\n        .hub-list { grid-template-columns: repeat(2, 1fr); }\r\n        .zip-header h3 { font-size: 26px; }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .hub-list { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"sparkle-zip-section\">\r\n    <div class=\"zip-card\">\r\n        \r\n        <div class=\"zip-header\">\r\n            <div class=\"zip-badge\">\r\n                <svg 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                SERVICE AREA VERIFICATION\r\n            <\/div>\r\n            <h3>Areas We Serve<\/h3>\r\n            <p>We currently serve over 45+ locations across Greater Los Angeles and Orange County. Check out our popular service hubs below.<\/p>\r\n        <\/div>\r\n        \r\n        <ul class=\"hub-list\">\r\n            <li><svg 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> Beverly Hills<\/li>\r\n            <li><svg 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> Santa Monica<\/li>\r\n            <li><svg 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> West Hollywood<\/li>\r\n            <li><svg 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> Pasadena<\/li>\r\n            <li><svg 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> Manhattan Beach<\/li>\r\n            <li><svg 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> Culver City<\/li>\r\n            <li><svg 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> Malibu<\/li>\r\n            <li><svg 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> Irvine<\/li>\r\n            <li><svg 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> Newport Beach<\/li>\r\n            <li><svg 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> Studio City<\/li>\r\n            <li><svg 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> Brentwood<\/li>\r\n            <li><svg 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> Downtown<\/li>\r\n        <\/ul>\r\n        \r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7919189 e-con e-atomic-element e-flexbox-base e-7919189-0b57107 \" data-id=\"7919189\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7919189\">\n    \t\t<div class=\"elementor-element elementor-element-caa9785 elementor-widget elementor-widget-html\" data-id=\"caa9785\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Section 3 Styling *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800;900&display=swap');\r\n\r\n    .sparkle-safety-section {\r\n        width: 100%;\r\n        background-color: #fff;\r\n        padding: 40px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n    .sparkle-safety-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    .safety-card {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        background: #f8fafc; \/* Very light blue background *\/\r\n        border-radius: 16px;\r\n        border: 1px solid #e2e8f0;\r\n        padding: 50px;\r\n    }\r\n\r\n    .safety-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .safety-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: #fff;\r\n        border: 1px solid #b3e6f4;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #00b5ad;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n    }\r\n    .safety-badge svg { margin-right: 6px; width: 14px; height: 14px; }\r\n\r\n    .safety-header h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 32px;\r\n        font-weight: 900;\r\n        color: #1a2b3c;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .safety-header p {\r\n        font-size: 14px;\r\n        color: #5a6b7c;\r\n        max-width: 600px;\r\n    }\r\n\r\n    .safety-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 20px;\r\n    }\r\n\r\n    .safety-item {\r\n        background: #fff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 12px;\r\n        padding: 25px 20px;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.02);\r\n    }\r\n\r\n    .safety-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        margin-bottom: 15px;\r\n    }\r\n    .safety-icon svg { width: 30px; height: 30px; }\r\n    \r\n    \/* Specific Icon colors *\/\r\n    .icon-blue { color: #0077b6; }\r\n    .icon-green { color: #009e60; }\r\n    .icon-orange { color: #f38210; }\r\n\r\n    .safety-item h4 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 14px;\r\n        font-weight: 800;\r\n        color: #1a2b3c;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .safety-item p {\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .safety-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n    @media (max-width: 480px) {\r\n        .safety-grid { grid-template-columns: 1fr; }\r\n        .safety-card { padding: 30px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<!-- ADDED id=\"safety\" -->\r\n<section id=\"safety\" class=\"sparkle-safety-section\">\r\n    <div class=\"safety-card\">\r\n        \r\n        <div class=\"safety-header\">\r\n            <div class=\"safety-badge\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><polyline points=\"9 12 12 15 16 9\"><\/polyline><\/svg>\r\n                SAFETY & SECURITY FIRST\r\n            <\/div>\r\n            <h2>Your Safety & Peace of Mind<\/h2>\r\n            <p>We know letting someone into your home requires trust. That's why we maintain industry-leading security standards.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"safety-grid\">\r\n            <div class=\"safety-item\">\r\n                <div class=\"safety-icon icon-blue\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><polyline points=\"16 11 18 13 22 9\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <h4>100% Background Checked<\/h4>\r\n                <p>Nation-wide criminal record & identity check on every single employee.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"safety-item\">\r\n                <div class=\"safety-icon icon-green\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><polyline points=\"9 12 12 15 16 9\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <h4>$2,000,000 Insured<\/h4>\r\n                <p>Comprehensive general liability policy protecting your property & items.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"safety-item\">\r\n                <div class=\"safety-icon icon-green\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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                <\/div>\r\n                <h4>Pet & Infant Safe<\/h4>\r\n                <p>Plant-based, hypoallergenic cleaning solutions free of harsh chemical fumes.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"safety-item\">\r\n                <div class=\"safety-icon icon-orange\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <h4>24h Satisfaction Guarantee<\/h4>\r\n                <p>If any spot is missed, we re-clean free within 24 hours. No questions asked.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-20e3068 e-con e-atomic-element e-flexbox-base e-20e3068-0f2abde \" data-id=\"20e3068\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"20e3068\">\n    \t\t<div class=\"elementor-element elementor-element-8579592 elementor-widget elementor-widget-html\" data-id=\"8579592\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Section 4 Styling *\/\r\n    .sparkle-team-section {\r\n        width: 100%;\r\n        background-color: #fff;\r\n        padding: 60px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n    .sparkle-team-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    .team-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .team-header {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n    .team-header h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 34px;\r\n        font-weight: 900;\r\n        color: #1a2b3c;\r\n        margin-bottom: 10px;\r\n    }\r\n    .team-header p {\r\n        font-size: 15px;\r\n        color: #5a6b7c;\r\n    }\r\n\r\n    .team-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px;\r\n    }\r\n\r\n    .team-card {\r\n        background: #fff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 16px;\r\n        padding: 25px;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.03);\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .team-profile {\r\n        display: flex;\r\n        align-items: center;\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .team-img {\r\n        width: 60px;\r\n        height: 60px;\r\n        border-radius: 50%;\r\n        object-fit: cover;\r\n        margin-right: 15px;\r\n    }\r\n\r\n    .team-info h4 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 16px;\r\n        font-weight: 800;\r\n        color: #1a2b3c;\r\n        margin-bottom: 2px;\r\n    }\r\n    .team-info .role {\r\n        font-size: 11px;\r\n        color: #0077b6;\r\n        font-weight: 600;\r\n        margin-bottom: 4px;\r\n    }\r\n    .team-info .rating {\r\n        font-size: 11px;\r\n        color: #475569;\r\n        font-weight: 600;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    .team-info .rating svg {\r\n        color: #FFB800;\r\n        width: 12px; height: 12px;\r\n        margin-right: 4px;\r\n        fill: #FFB800;\r\n    }\r\n\r\n    .team-quote {\r\n        font-size: 12px;\r\n        color: #475569;\r\n        font-style: italic;\r\n        line-height: 1.6;\r\n        margin-bottom: 20px;\r\n        border-left: 2px solid #e2e8f0;\r\n        padding-left: 10px;\r\n        flex: 1; \/* Pushes tags to bottom *\/\r\n    }\r\n\r\n    .team-tags {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n    }\r\n    .team-tag {\r\n        background: #f4fcfe;\r\n        border: 1px solid #b3e6f4;\r\n        color: #00b5ad;\r\n        font-size: 9px;\r\n        font-weight: 600;\r\n        padding: 4px 8px;\r\n        border-radius: 4px;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    .team-tag svg { margin-right: 4px; width: 10px; height: 10px; }\r\n\r\n    @media (max-width: 992px) { .team-grid { grid-template-columns: repeat(2, 1fr); } }\r\n    @media (max-width: 768px) { .team-grid { grid-template-columns: 1fr; } }\r\n<\/style>\r\n\r\n<section class=\"sparkle-team-section\">\r\n    <div class=\"team-container\">\r\n        \r\n        <div class=\"team-header\">\r\n            <h2>Meet Our Master Cleaners<\/h2>\r\n            <p>Friendly, professional, and meticulously trained in hotel-standard hygiene practices.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"team-grid\">\r\n            \r\n            <!-- Profile 1 -->\r\n            <div class=\"team-card\">\r\n                <div class=\"team-profile\">\r\n                    <!-- Image placeholder representing Elena -->\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?q=80&w=150&auto=format&fit=crop\" class=\"team-img\" alt=\"Elena Rostova\">\r\n                    <div class=\"team-info\">\r\n                        <h4>Elena Rostova<\/h4>\r\n                        <div class=\"role\">Lead Master Cleaner<\/div>\r\n                        <div class=\"rating\">\r\n                            <svg viewBox=\"0 0 24 24\"><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\"><\/polygon><\/svg>\r\n                            4.98 <span style=\"font-weight:400; margin-left:4px;\">(342 reviews)<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"team-quote\">\"Elena specializes in high-end residential detail cleans and post-renovation dust elimination. She takes immense pride in perfectionism.\"<\/div>\r\n                <div class=\"team-tags\">\r\n                    <div class=\"team-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Background Checked<\/div>\r\n                    <div class=\"team-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Deep Clean Specialist<\/div>\r\n                    <div class=\"team-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Pet Approved<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Profile 2 -->\r\n            <div class=\"team-card\">\r\n                <div class=\"team-profile\">\r\n                    <!-- Image placeholder representing Marcus -->\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?q=80&w=150&auto=format&fit=crop\" class=\"team-img\" alt=\"Marcus Vance\">\r\n                    <div class=\"team-info\">\r\n                        <h4>Marcus Vance<\/h4>\r\n                        <div class=\"role\">Commercial & Move Specialist<\/div>\r\n                        <div class=\"rating\">\r\n                            <svg viewBox=\"0 0 24 24\"><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\"><\/polygon><\/svg>\r\n                            4.95 <span style=\"font-weight:400; margin-left:4px;\">(289 reviews)<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"team-quote\">\"Marcus leads our commercial office crews and move-out guarantee team. Known for efficiency and punctual reliability.\"<\/div>\r\n                <div class=\"team-tags\">\r\n                    <div class=\"team-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Background Checked<\/div>\r\n                    <div class=\"team-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Commercial Certified<\/div>\r\n                    <div class=\"team-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Floor Care Pro<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Profile 3 -->\r\n            <div class=\"team-card\">\r\n                <div class=\"team-profile\">\r\n                    <!-- Image placeholder representing Sophia -->\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?q=80&w=150&auto=format&fit=crop\" class=\"team-img\" alt=\"Sophia Martinez\">\r\n                    <div class=\"team-info\">\r\n                        <h4>Sophia Martinez<\/h4>\r\n                        <div class=\"role\">Eco-Green Cleaning Tech<\/div>\r\n                        <div class=\"rating\">\r\n                            <svg viewBox=\"0 0 24 24\"><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\"><\/polygon><\/svg>\r\n                            4.97 <span style=\"font-weight:400; margin-left:4px;\">(215 reviews)<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"team-quote\">\"Sophia is passionate about non-toxic, chemical-free home cleaning solutions safe for infants, allergies, and household pets.\"<\/div>\r\n                <div class=\"team-tags\">\r\n                    <div class=\"team-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Background Checked<\/div>\r\n                    <div class=\"team-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Eco Product Expert<\/div>\r\n                    <div class=\"team-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Airbnb Turnover<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2371c99 e-con e-atomic-element e-flexbox-base e-2371c99-9196c26 \" data-id=\"2371c99\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2371c99\">\n    \t\t<div class=\"elementor-element elementor-element-85d6992 elementor-widget elementor-widget-html\" data-id=\"85d6992\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Section 5 Styling *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800;900&display=swap');\r\n\r\n    .sparkle-reviews-section {\r\n        width: 100%;\r\n        background-color: #f4fcfe; \r\n        padding: 80px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n    .sparkle-reviews-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    .reviews-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Header & Write Review Button *\/\r\n    .rev-header-top {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-end;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .rev-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: #fff;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #FFB800;\r\n        text-transform: uppercase;\r\n        margin-bottom: 12px;\r\n        border: 1px solid #fde0c3;\r\n    }\r\n    .rev-badge svg { margin-right: 6px; width: 14px; height: 14px; fill: #FFB800;}\r\n\r\n    .rev-header-left h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 34px;\r\n        font-weight: 900;\r\n        color: #1a2b3c;\r\n        margin-bottom: 10px;\r\n    }\r\n    .rev-header-left p { font-size: 14px; color: #5a6b7c; }\r\n\r\n    .btn-write-review {\r\n        background: #00b5ad;\r\n        color: #fff;\r\n        border: none;\r\n        padding: 10px 20px;\r\n        border-radius: 8px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        transition: 0.3s;\r\n    }\r\n    .btn-write-review:hover { background: #009992; }\r\n    .btn-write-review svg { margin-right: 6px; width: 14px; height: 14px; }\r\n\r\n    \/* Main Stat Card *\/\r\n    .rev-stats-card {\r\n        background: #fff;\r\n        border-radius: 16px;\r\n        padding: 30px 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.03);\r\n        border: 1px solid #e2e8f0;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .stat-main {\r\n        flex: 1;\r\n        border-right: 1px solid #e2e8f0;\r\n    }\r\n    .stat-main h3 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 48px;\r\n        font-weight: 900;\r\n        color: #1a2b3c;\r\n        line-height: 1;\r\n    }\r\n    .stars-large { display: flex; color: #FFB800; margin: 8px 0; }\r\n    .stars-large svg { width: 18px; height: 18px; fill: #FFB800; }\r\n    .stat-main p { font-size: 11px; color: #64748b; }\r\n\r\n    .stat-items-wrap {\r\n        display: flex;\r\n        flex: 2;\r\n        justify-content: space-around;\r\n    }\r\n    .stat-sub-item { text-align: center; }\r\n    .stat-sub-item h4 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 24px;\r\n        font-weight: 800;\r\n        color: #00b5ad;\r\n        margin-bottom: 5px;\r\n    }\r\n    .stat-sub-item p { font-size: 11px; color: #64748b; font-weight: 500; }\r\n\r\n    \/* Filter Tabs *\/\r\n    .rev-filters {\r\n        display: flex;\r\n        gap: 10px;\r\n        margin-bottom: 30px;\r\n        flex-wrap: wrap;\r\n    }\r\n    .filter-btn {\r\n        background: #fff;\r\n        border: 1px solid #e2e8f0;\r\n        padding: 8px 16px;\r\n        border-radius: 50px;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        color: #475569;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n    }\r\n    .filter-btn.active {\r\n        background: #0077b6;\r\n        color: #fff;\r\n        border-color: #0077b6;\r\n    }\r\n\r\n    \/* Review Grid *\/\r\n    .reviews-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    \/* Fade In Animation *\/\r\n    @keyframes fadeInRev {\r\n        from { opacity: 0; transform: translateY(10px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .review-card {\r\n        background: #fff;\r\n        border-radius: 12px;\r\n        padding: 25px;\r\n        border: 1px solid #e2e8f0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        animation: fadeInRev 0.4s ease-in-out;\r\n    }\r\n\r\n    .rev-card-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-start;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .rev-user { display: flex; align-items: center; }\r\n    .rev-user img {\r\n        width: 40px; height: 40px;\r\n        border-radius: 50%;\r\n        object-fit: cover;\r\n        margin-right: 12px;\r\n    }\r\n    .rev-user h5 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #1a2b3c;\r\n        display: flex; align-items: center;\r\n    }\r\n    .icon-verify { color: #00b5ad; width: 14px; height: 14px; margin-left: 4px; }\r\n    .rev-user p { font-size: 11px; color: #64748b; }\r\n\r\n    .rev-stars-date { text-align: right; }\r\n    .stars-small { display: flex; justify-content: flex-end; margin-bottom: 4px; gap: 2px; }\r\n    .stars-small svg { width: 12px; height: 12px; }\r\n    .rev-date { font-size: 10px; color: #94a3b8; }\r\n\r\n    .rev-service-tag {\r\n        display: inline-block;\r\n        background: #f4fcfe;\r\n        border: 1px solid #b3e6f4;\r\n        color: #00b5ad;\r\n        font-size: 9px;\r\n        font-weight: 700;\r\n        padding: 3px 8px;\r\n        border-radius: 4px;\r\n        margin-bottom: 12px;\r\n        align-self: flex-start;\r\n    }\r\n\r\n    .rev-text {\r\n        font-size: 13px;\r\n        color: #475569;\r\n        line-height: 1.6;\r\n        flex: 1;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .rev-card-footer {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        border-top: 1px solid #f1f5f9;\r\n        padding-top: 15px;\r\n    }\r\n    \r\n    .btn-helpful {\r\n        background: none !important; border: none !important;\r\n        font-size: 11px; color: #64748b !important; \r\n        cursor: pointer; display: flex; align-items: center;\r\n        transition: 0.2s; outline: none !important;\r\n    }\r\n    .btn-helpful:focus, .btn-helpful:active {\r\n        background: transparent !important; outline: none !important; box-shadow: none !important;\r\n        color: #64748b !important; \r\n    }\r\n    .btn-helpful svg { margin-right: 4px; width: 14px; height: 14px; transition: 0.2s; stroke: #64748b; }\r\n    \r\n    .btn-helpful.voted, .btn-helpful.voted:focus, .btn-helpful.voted:active {\r\n        color: #00b5ad !important; \r\n        font-weight: 700;\r\n    }\r\n    .btn-helpful.voted svg { stroke: #00b5ad !important; fill: #e8f9fd !important; }\r\n\r\n    .text-verified { font-size: 11px; color: #009e60; font-weight: 600; display: flex; align-items: center; }\r\n    .text-verified svg { margin-right: 4px; width: 12px; height: 12px; }\r\n\r\n    \/* See All Reviews Button Center Container *\/\r\n    .see-all-container { text-align: center; margin-top: 20px; }\r\n    .btn-see-all {\r\n        background: #fff; color: #0077b6; border: 2px solid #0077b6; padding: 12px 30px;\r\n        border-radius: 50px; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 800;\r\n        cursor: pointer; transition: 0.3s; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px;\r\n    }\r\n    .btn-see-all:hover { background: #0077b6; color: #fff; }\r\n\r\n    \/* ====================================================\r\n       WRITE REVIEW MODAL\r\n       ==================================================== *\/\r\n    .rev-modal-overlay {\r\n        position: fixed !important; top: 0 !important; left: 0 !important;\r\n        width: 100vw !important; height: 100vh !important;\r\n        background: rgba(15, 23, 42, 0.7) !important; backdrop-filter: blur(4px) !important;\r\n        display: none !important; justify-content: center !important; align-items: center !important;\r\n        z-index: 100000 !important; opacity: 0 !important; transition: opacity 0.3s !important;\r\n    }\r\n    .rev-modal-overlay.show { display: flex !important; opacity: 1 !important; }\r\n\r\n    .rev-modal-box {\r\n        background: #fff !important; width: 100% !important; max-width: 450px !important;\r\n        border-radius: 16px !important; padding: 30px !important;\r\n        box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25) !important; border: none !important;\r\n        position: relative !important; font-family: 'Inter', sans-serif !important; \r\n        transform: translateY(20px) !important; transition: transform 0.3s !important;\r\n        max-height: 90vh; overflow-y: auto; \r\n    }\r\n    .rev-modal-overlay.show .rev-modal-box { transform: translateY(0) !important; }\r\n\r\n    .rev-close-btn {\r\n        position: absolute !important; top: 15px !important; right: 15px !important; \r\n        background: #000000 !important; color: #ffffff !important; border: none !important;\r\n        width: 32px !important; height: 32px !important; border-radius: 6px !important; \r\n        display: flex !important; justify-content: center !important; align-items: center !important;\r\n        font-family: 'Arial', sans-serif !important; font-size: 20px !important; font-weight: bold !important;\r\n        line-height: 1 !important; cursor: pointer !important; z-index: 10; transition: 0.2s;\r\n    }\r\n    .rev-close-btn:hover { background: #333333 !important; transform: scale(1.05); }\r\n\r\n    .rev-modal-title { font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 800; color: #1a2b3c; margin-bottom: 5px; }\r\n    .rev-modal-sub { font-size: 13px; color: #64748b; margin-bottom: 20px; }\r\n\r\n    .rev-form-group { margin-bottom: 15px; }\r\n    .rev-form-group label { display: block; font-size: 12px; font-weight: 600; color: #475569; margin-bottom: 6px; }\r\n    .rev-form-group input, .rev-form-group select, .rev-form-group textarea {\r\n        width: 100%; padding: 12px 15px; border: 1px solid #cbd5e1; border-radius: 8px;\r\n        font-family: 'Inter', sans-serif; font-size: 13px; color: #1e293b; outline: none; box-sizing: border-box;\r\n    }\r\n    .rev-form-group textarea { height: 90px; resize: vertical; }\r\n\r\n    \/* Interactive Star Rating CSS *\/\r\n    .star-rating-picker { display: flex; gap: 5px; cursor: pointer; }\r\n    .star-rating-picker .picker-star { font-size: 24px; color: #cbd5e1; transition: color 0.2s; }\r\n    .star-rating-picker .picker-star.selected { color: #FFB800; }\r\n\r\n    .rev-form-group input[type=\"file\"] { padding: 8px 15px; background: #f8fafc; cursor: pointer; }\r\n    .rev-form-group input[type=\"file\"]::file-selector-button {\r\n        background: #00b5ad; color: #fff; border: none; padding: 6px 12px; \r\n        border-radius: 4px; font-weight: 600; cursor: pointer; margin-right: 10px; font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .btn-submit-rev {\r\n        width: 100%; background: #00b5ad; color: #fff; border: none; padding: 14px;\r\n        border-radius: 8px; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700;\r\n        cursor: pointer; transition: 0.3s; margin-top: 5px;\r\n    }\r\n    .btn-submit-rev:hover { background: #009992; }\r\n\r\n    \/* ====================================================\r\n       ALL REVIEWS FULL-SCREEN OVERLAY SCREEN\r\n       ==================================================== *\/\r\n    .all-reviews-screen {\r\n        position: fixed !important; top: 0 !important; left: 0 !important;\r\n        width: 100vw !important; height: 100vh !important;\r\n        background: #f4fcfe !important; z-index: 99999 !important;\r\n        display: none !important; flex-direction: column !important;\r\n        opacity: 0 !important; transition: opacity 0.3s ease !important;\r\n    }\r\n    .all-reviews-screen.show { display: flex !important; opacity: 1 !important; }\r\n\r\n    .all-rev-sticky-header {\r\n        background: #fff !important; padding: 20px 40px !important;\r\n        border-bottom: 1px solid #e2e8f0 !important; display: flex !important;\r\n        justify-content: space-between !important; align-items: center !important;\r\n        box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important; position: sticky !important; top: 0 !important; z-index: 10;\r\n    }\r\n    .all-rev-sticky-title h3 { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 800; color: #1a2b3c; }\r\n    .all-rev-sticky-title p { font-size: 12px; color: #64748b; }\r\n    \r\n    .all-rev-actions { display: flex; gap: 15px; align-items: center; }\r\n    .btn-close-all-screen {\r\n        background: #f1f5f9; border: none; padding: 10px 20px; border-radius: 8px;\r\n        font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; color: #475569;\r\n        cursor: pointer; transition: 0.2s;\r\n    }\r\n    .btn-close-all-screen:hover { background: #e2e8f0; color: #0f172a; }\r\n\r\n    .all-rev-scrollable-body {\r\n        flex: 1; overflow-y: auto; padding: 40px 20px; box-sizing: border-box;\r\n    }\r\n    .all-rev-inner-wrap { max-width: 1200px; margin: 0 auto; }\r\n\r\n    @media (max-width: 992px) {\r\n        .reviews-grid { grid-template-columns: 1fr; }\r\n        .rev-stats-card { flex-direction: column; text-align: center; gap: 30px; }\r\n        .stat-main { border-right: none; border-bottom: 1px solid #e2e8f0; padding-bottom: 20px; width: 100%; }\r\n        .stat-items-wrap { width: 100%; }\r\n        .rev-header-top { flex-direction: column; align-items: flex-start; gap: 20px; }\r\n        .all-rev-sticky-header { padding: 15px 20px !important; flex-direction: column; gap: 15px; align-items: flex-start; }\r\n        .all-rev-actions { width: 100%; justify-content: space-between; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"reviews\" class=\"sparkle-reviews-section\">\r\n    <div class=\"reviews-container\">\r\n        \r\n        <div class=\"rev-header-top\">\r\n            <div class=\"rev-header-left\">\r\n                <div class=\"rev-badge\">\r\n                    <svg viewBox=\"0 0 24 24\"><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\"><\/polygon><\/svg>\r\n                    VERIFIED CLIENT FEEDBACK\r\n                <\/div>\r\n                <h2>Loved by <span id=\"dynamic-review-count\">4<\/span> California Homeowners<\/h2>\r\n                <p>Real reviews from real homeowners, tenants, hosts, and property managers.<\/p>\r\n            <\/div>\r\n            <!-- BUTTON TRIGGER -->\r\n            <button class=\"btn-write-review\" id=\"btn-open-review-modal\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><line x1=\"9\" y1=\"10\" x2=\"15\" y2=\"10\"><\/line><\/svg>\r\n                WRITE A REVIEW\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"rev-stats-card\">\r\n            <div class=\"stat-main\">\r\n                <h3>4.98<\/h3>\r\n                <div class=\"stars-large\">\r\n                    <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                    <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                    <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                    <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                    <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                <\/div>\r\n                <p>Based on Google & Yelp Reviews<\/p>\r\n            <\/div>\r\n            <div class=\"stat-items-wrap\">\r\n                <div class=\"stat-sub-item\">\r\n                    <h4>99.4%<\/h4>\r\n                    <p>On-Time Arrival<\/p>\r\n                <\/div>\r\n                <div class=\"stat-sub-item\">\r\n                    <h4>98.2%<\/h4>\r\n                    <p>Repeat Bookings<\/p>\r\n                <\/div>\r\n                <div class=\"stat-sub-item\">\r\n                    <h4>100%<\/h4>\r\n                    <p>Deposit Returned<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rev-filters\">\r\n            <button class=\"filter-btn active\" data-filter=\"all\">All Reviews<\/button>\r\n            <button class=\"filter-btn\" data-filter=\"deep\">Deep Cleans<\/button>\r\n            <button class=\"filter-btn\" data-filter=\"weekly\">Weekly Cleans<\/button>\r\n            <button class=\"filter-btn\" data-filter=\"move\">Move Cleans<\/button>\r\n            <button class=\"filter-btn\" data-filter=\"commercial\">Commercial Cleans<\/button>\r\n        <\/div>\r\n\r\n        <!-- The Container where reviews appear -->\r\n        <div class=\"reviews-grid\" id=\"reviews-container-box\">\r\n            \r\n            <!-- Default Dummy Review 1 -->\r\n            <div class=\"review-card default-review\" data-category=\"deep\">\r\n                <div class=\"rev-card-header\">\r\n                    <div class=\"rev-user\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?q=80&w=100&auto=format&fit=crop\" alt=\"Jennifer\">\r\n                        <div>\r\n                            <h5>Jennifer Sterling <svg class=\"icon-verify\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg><\/h5>\r\n                            <p>Downtown Loft<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"rev-stars-date\">\r\n                        <div class=\"stars-small\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                        <\/div>\r\n                        <div class=\"rev-date\">2 days ago<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"rev-service-tag\">Deep Detail Clean<\/div>\r\n                <div class=\"rev-text\">\"SparkleClean Pro transformed my condo before hosting family for the holidays! Elena and her team arrived right on time, brought all their own eco-friendly products, and my baseboards haven't looked this white since the day I moved in!\"<\/div>\r\n                <div class=\"rev-card-footer\">\r\n                    <button class=\"btn-helpful\" data-review-id=\"rev-default-001\" data-count=\"0\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"><\/path><\/svg> \r\n                        <span class=\"helpful-txt\">Helpful review<\/span>\r\n                    <\/button>\r\n                    <div class=\"text-verified\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Verified Booking<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Default Dummy Review 2 -->\r\n            <div class=\"review-card default-review\" data-category=\"weekly\">\r\n                <div class=\"rev-card-header\">\r\n                    <div class=\"rev-user\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?q=80&w=100&auto=format&fit=crop\" alt=\"David & Sarah\">\r\n                        <div>\r\n                            <h5>David & Sarah Miller <svg class=\"icon-verify\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg><\/h5>\r\n                            <p>Suburban Home<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"rev-stars-date\">\r\n                        <div class=\"stars-small\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                        <\/div>\r\n                        <div class=\"rev-date\">1 week ago<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"rev-service-tag\">Weekly Cleaning<\/div>\r\n                <div class=\"rev-text\">\"We've been using SparkleClean Pro for 6 months now on a bi-weekly schedule. The consistency is unbelievable. Coming home on cleaning Thursdays to a pristine, fresh-smelling home is worth every single dollar.\"<\/div>\r\n                <div class=\"rev-card-footer\">\r\n                    <button class=\"btn-helpful\" data-review-id=\"rev-default-002\" data-count=\"0\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3\"><\/path><\/svg> \r\n                        <span class=\"helpful-txt\">Helpful review<\/span>\r\n                    <\/button>\r\n                    <div class=\"text-verified\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Verified Booking<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Default Dummy Review 3 -->\r\n            <div class=\"review-card default-review\" data-category=\"commercial\">\r\n                <div class=\"rev-card-header\">\r\n                    <div class=\"rev-user\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?q=80&w=100&auto=format&fit=crop\" alt=\"Robert\">\r\n                        <div>\r\n                            <h5>Robert Vance <svg class=\"icon-verify\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg><\/h5>\r\n                            <p>Tech Startup HQ<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"rev-stars-date\">\r\n                        <div class=\"stars-small\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                        <\/div>\r\n                        <div class=\"rev-date\">2 weeks ago<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"rev-service-tag\">Commercial Cleaning<\/div>\r\n                <div class=\"rev-text\">\"Our 4,500 sq ft office space is kept immaculate by Marcus's evening team. Our conference rooms, kitchen appliances, and bathrooms are always spotless for clients. Excellent communication and billing.\"<\/div>\r\n                <div class=\"rev-card-footer\">\r\n                    <button class=\"btn-helpful\" data-review-id=\"rev-default-003\" data-count=\"0\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"><\/path><\/svg> \r\n                        <span class=\"helpful-txt\">Helpful review<\/span>\r\n                    <\/button>\r\n                    <div class=\"text-verified\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Verified Booking<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Default Dummy Review 4 -->\r\n            <div class=\"review-card default-review\" data-category=\"move\">\r\n                <div class=\"rev-card-header\">\r\n                    <div class=\"rev-user\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?q=80&w=100&auto=format&fit=crop\" alt=\"Amanda\">\r\n                        <div>\r\n                            <h5>Amanda Chen <svg class=\"icon-verify\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg><\/h5>\r\n                            <p>Westside Apartment<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"rev-stars-date\">\r\n                        <div class=\"stars-small\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>\r\n                        <\/div>\r\n                        <div class=\"rev-date\">3 weeks ago<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"rev-service-tag\">Move In \/ Move Out<\/div>\r\n                <div class=\"rev-text\">\"I was nervous about losing my $2,000 security deposit due to grease buildup in the oven. SparkleClean Pro did the Move Out package and my landlord didn't deduct a single penny! 100% recommended.\"<\/div>\r\n                <div class=\"rev-card-footer\">\r\n                    <button class=\"btn-helpful\" data-review-id=\"rev-default-004\" data-count=\"0\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3\"><\/path><\/svg> \r\n                        <span class=\"helpful-txt\">Helpful review<\/span>\r\n                    <\/button>\r\n                    <div class=\"text-verified\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Verified Booking<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n\r\n        <!-- See All \/ Load More Button -->\r\n        <div class=\"see-all-container\">\r\n            <button class=\"btn-see-all\" id=\"btn-open-all-reviews\">\r\n                See All Reviews \r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"16\" height=\"16\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ==============================================\r\n     WRITE REVIEW MODAL\r\n     ============================================== -->\r\n<div class=\"rev-modal-overlay\" id=\"write-review-modal\">\r\n    <div class=\"rev-modal-box\">\r\n        <button class=\"rev-close-btn\" id=\"close-rev-modal\">&times;<\/button>\r\n        \r\n        <h3 class=\"rev-modal-title\">Share Your Experience<\/h3>\r\n        <p class=\"rev-modal-sub\">Your feedback helps us provide the best cleaning service.<\/p>\r\n\r\n        <form id=\"new-review-form\">\r\n            <div class=\"rev-form-group\">\r\n                <label>Your Name<\/label>\r\n                <input type=\"text\" id=\"new-rev-name\" placeholder=\"e.g. John Smith\" required>\r\n            <\/div>\r\n            <div class=\"rev-form-group\">\r\n                <label>Property Area \/ Type<\/label>\r\n                <input type=\"text\" id=\"new-rev-location\" placeholder=\"e.g. Downtown Apartment\" required>\r\n            <\/div>\r\n            <div class=\"rev-form-group\">\r\n                <label>Service Received<\/label>\r\n                <select id=\"new-rev-service\" required>\r\n                    <option value=\"Standard Home Cleaning\">Standard Home Cleaning<\/option>\r\n                    <option value=\"Deep Detail Clean\">Deep Detail Clean<\/option>\r\n                    <option value=\"Move In \/ Move Out\">Move In \/ Move Out<\/option>\r\n                    <option value=\"Commercial Cleaning\">Commercial Cleaning<\/option>\r\n                    <option value=\"Weekly Cleaning\">Weekly \/ Recurring Clean<\/option>\r\n                <\/select>\r\n            <\/div>\r\n            <!-- INTERACTIVE STAR RATING PICKER -->\r\n            <div class=\"rev-form-group\">\r\n                <label>Rating<\/label>\r\n                <div class=\"star-rating-picker\" id=\"star-picker\">\r\n                    <span class=\"picker-star selected\" data-rating=\"1\">&#9733;<\/span>\r\n                    <span class=\"picker-star selected\" data-rating=\"2\">&#9733;<\/span>\r\n                    <span class=\"picker-star selected\" data-rating=\"3\">&#9733;<\/span>\r\n                    <span class=\"picker-star selected\" data-rating=\"4\">&#9733;<\/span>\r\n                    <span class=\"picker-star selected\" data-rating=\"5\">&#9733;<\/span>\r\n                <\/div>\r\n                <input type=\"hidden\" id=\"selected-rating-val\" value=\"5\">\r\n            <\/div>\r\n\r\n            <div class=\"rev-form-group\">\r\n                <label>Profile Picture (Optional)<\/label>\r\n                <input type=\"file\" id=\"new-rev-photo\" accept=\"image\/*\">\r\n            <\/div>\r\n            <div class=\"rev-form-group\">\r\n                <label>Your Review<\/label>\r\n                <textarea id=\"new-rev-text\" placeholder=\"Tell us how we did...\" required><\/textarea>\r\n            <\/div>\r\n            <button type=\"submit\" class=\"btn-submit-rev\">Submit Review<\/button>\r\n        <\/form>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==============================================\r\n     ALL REVIEWS FULL-SCREEN OVERLAY SCREEN\r\n     ============================================== -->\r\n<div class=\"all-reviews-screen\" id=\"all-reviews-screen-modal\">\r\n    <div class=\"all-rev-sticky-header\">\r\n        <div class=\"all-rev-sticky-title\">\r\n            <h3>All Customer Feedback<\/h3>\r\n            <p>Browse through all verified reviews and ratings.<\/p>\r\n        <\/div>\r\n        <div class=\"all-rev-actions\">\r\n            <button class=\"btn-write-review\" id=\"btn-open-review-modal-from-all\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><line x1=\"9\" y1=\"10\" x2=\"15\" y2=\"10\"><\/line><\/svg>\r\n                Write Review\r\n            <\/button>\r\n            <button class=\"btn-close-all-screen\" id=\"btn-close-all-screen\">Close Window<\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"all-rev-scrollable-body\">\r\n        <div class=\"all-rev-inner-wrap\">\r\n            <div class=\"reviews-grid\" id=\"all-reviews-grid-box\">\r\n                <!-- All reviews mirrored here -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \r\n    \/\/ Ye WordPress ka system link hai jo PHP code se baat karega\r\n    const ajaxurl = '\/wp-admin\/admin-ajax.php'; \r\n    const reviewsContainer = document.getElementById('reviews-container-box');\r\n    const allReviewsGrid = document.getElementById('all-reviews-grid-box');\r\n\r\n    \/\/ --- 1. FETCH REVIEWS ON PAGE LOAD ---\r\n    function loadRealReviews() {\r\n        fetch(ajaxurl + '?action=get_sparkle_reviews')\r\n        .then(response => {\r\n            if(!response.ok) return [];\r\n            return response.json();\r\n        })\r\n        .then(data => {\r\n            \/\/ NOTE: Humne yahan \"reviewsContainer.innerHTML = '';\" HATA DIYA HAI.\r\n            \/\/ Taaki 4 default reviews HTML mein bane rahein aur website bhari hui lage.\r\n            \r\n            if(allReviewsGrid) allReviewsGrid.innerHTML = ''; \r\n\r\n            \/\/ Database se aane wale naye reviews ko sabse uper (Top par) add karenge\r\n            data.reverse().forEach(rev => {\r\n                const finalAvatar = rev.photo ? rev.photo : `https:\/\/ui-avatars.com\/api\/?name=${encodeURIComponent(rev.name)}&background=00b5ad&color=fff`;\r\n                insertCardHTML(rev.name, rev.location, rev.service, parseInt(rev.rating), rev.text, rev.date, rev.id, finalAvatar, true);\r\n            });\r\n\r\n            updateReviewCount();\r\n            initHelpfulButtons();\r\n        })\r\n        .catch(err => {\r\n            \/\/ Agar database empty hai toh bas count update kar do (jo default 4 hai)\r\n            updateReviewCount();\r\n            initHelpfulButtons();\r\n        });\r\n    }\r\n\r\n    function updateReviewCount() {\r\n        const countSpan = document.getElementById('dynamic-review-count');\r\n        if (countSpan && reviewsContainer) {\r\n            \/\/ HTML me majood total cards ko count karega (Dummies + Real)\r\n            const totalReviews = reviewsContainer.querySelectorAll('.review-card').length;\r\n            countSpan.innerText = totalReviews;\r\n        }\r\n    }\r\n\r\n    if(reviewsContainer) { loadRealReviews(); }\r\n\r\n    \/\/ HTML Generator Function\r\n    function insertCardHTML(name, location, service, ratingVal, text, dateText, uniqueRevId, finalAvatarSrc, isMainGrid) {\r\n        let starsHTML = '';\r\n        for(let i=1; i<=5; i++) {\r\n            if(i <= ratingVal) {\r\n                starsHTML += `<svg viewBox=\"0 0 24 24\" fill=\"#FFB800\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>`;\r\n            } else {\r\n                starsHTML += `<svg viewBox=\"0 0 24 24\" fill=\"#cbd5e1\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"><\/polygon><\/svg>`;\r\n            }\r\n        }\r\n\r\n        const newCardHTML = `\r\n            <div class=\"review-card\" data-category=\"${service.toLowerCase().split(' ')[0]}\">\r\n                <div class=\"rev-card-header\">\r\n                    <div class=\"rev-user\">\r\n                        <img decoding=\"async\" src=\"${finalAvatarSrc}\" alt=\"${name}\">\r\n                        <div>\r\n                            <h5>${name} <svg class=\"icon-verify\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg><\/h5>\r\n                            <p>${location}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"rev-stars-date\">\r\n                        <div class=\"stars-small\">${starsHTML}<\/div>\r\n                        <div class=\"rev-date\">${dateText}<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"rev-service-tag\">${service}<\/div>\r\n                <div class=\"rev-text\">\"${text}\"<\/div>\r\n                <div class=\"rev-card-footer\">\r\n                    <button class=\"btn-helpful\" data-review-id=\"${uniqueRevId}\" data-count=\"0\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3\"><\/path><\/svg> \r\n                        <span class=\"helpful-txt\">Helpful review<\/span>\r\n                    <\/button>\r\n                    <div class=\"text-verified\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Verified Booking<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        `;\r\n        \r\n        if(isMainGrid && reviewsContainer) {\r\n            \/\/ 'afterbegin' ensures the new review from DB is placed at the top, above the 4 dummy ones.\r\n            reviewsContainer.insertAdjacentHTML('afterbegin', newCardHTML);\r\n        }\r\n        \/\/ \"See all\" grid gets populated on click, so we don't need to insert here\r\n    }\r\n\r\n    \/\/ --- 2. SUBMIT REVIEW TO WORDPRESS DATABASE ---\r\n    const newRevForm = document.getElementById('new-review-form');\r\n    const ratingInput = document.getElementById('selected-rating-val');\r\n    const photoInput = document.getElementById('new-rev-photo');\r\n    \r\n    if (newRevForm) {\r\n        newRevForm.addEventListener('submit', function(e) {\r\n            e.preventDefault(); \r\n            \r\n            const submitBtn = this.querySelector('.btn-submit-rev');\r\n            submitBtn.innerText = \"Publishing...\";\r\n\r\n            const name = document.getElementById('new-rev-name').value;\r\n            const location = document.getElementById('new-rev-location').value;\r\n            const service = document.getElementById('new-rev-service').value;\r\n            const ratingVal = parseInt(ratingInput.value) || 5;\r\n            const text = document.getElementById('new-rev-text').value;\r\n\r\n            \/\/ Process image if uploaded\r\n            let photoBase64 = '';\r\n            if (photoInput.files && photoInput.files[0]) {\r\n                const reader = new FileReader();\r\n                reader.onload = function(evt) {\r\n                    photoBase64 = evt.target.result;\r\n                    sendToDatabase();\r\n                }\r\n                reader.readAsDataURL(photoInput.files[0]);\r\n            } else {\r\n                sendToDatabase();\r\n            }\r\n\r\n            function sendToDatabase() {\r\n                const formData = new FormData();\r\n                formData.append('action', 'submit_new_review');\r\n                formData.append('name', name);\r\n                formData.append('location', location);\r\n                formData.append('service', service);\r\n                formData.append('rating', ratingVal);\r\n                formData.append('text', text);\r\n                if(photoBase64) formData.append('photo', photoBase64);\r\n\r\n                fetch(ajaxurl, { method: 'POST', body: formData })\r\n                .then(res => res.text())\r\n                .then(res => {\r\n                    if(res === 'success') {\r\n                        \/\/ Immediately update UI with new review at top\r\n                        const defaultAvatarUrl = `https:\/\/ui-avatars.com\/api\/?name=${encodeURIComponent(name)}&background=00b5ad&color=fff`;\r\n                        const finalAvatarSrc = photoBase64 ? photoBase64 : defaultAvatarUrl;\r\n                        \r\n                        const uniqueRevId = 'rev-dyn-' + Date.now();\r\n                        insertCardHTML(name, location, service, ratingVal, text, \"Just now\", uniqueRevId, finalAvatarSrc, true);\r\n\r\n                        updateReviewCount();\r\n                        initHelpfulButtons();\r\n\r\n                        newRevForm.reset();\r\n                        document.getElementById('close-rev-modal').click();\r\n                        \r\n                        \/\/ Reset stars\r\n                        document.querySelectorAll('.picker-star').forEach(s => s.classList.add('selected'));\r\n                        ratingInput.value = '5';\r\n                        \r\n                        submitBtn.innerText = \"Submit Review\";\r\n                        document.querySelector('[data-filter=\"all\"]').click();\r\n                    } else {\r\n                        alert(\"Error submitting review.\");\r\n                        submitBtn.innerText = \"Submit Review\";\r\n                    }\r\n                });\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ --- BAAKI UI LOGIC (Stars, Modals, Helpful) ---\r\n    const pickerStars = document.querySelectorAll('.picker-star');\r\n    pickerStars.forEach(star => {\r\n        star.addEventListener('click', function() {\r\n            const val = parseInt(this.getAttribute('data-rating'));\r\n            ratingInput.value = val;\r\n            pickerStars.forEach((s, idx) => {\r\n                if (idx < val) s.classList.add('selected');\r\n                else s.classList.remove('selected');\r\n            });\r\n        });\r\n    });\r\n\r\n    const btnOpenModal = document.getElementById('btn-open-review-modal');\r\n    const btnOpenModalFromAll = document.getElementById('btn-open-review-modal-from-all');\r\n    const revModal = document.getElementById('write-review-modal');\r\n    if(btnOpenModal) btnOpenModal.addEventListener('click', () => revModal.classList.add('show'));\r\n    if(btnOpenModalFromAll) btnOpenModalFromAll.addEventListener('click', () => revModal.classList.add('show'));\r\n    \r\n    document.querySelectorAll('.rev-close-btn').forEach(btn => {\r\n        btn.addEventListener('click', () => revModal.classList.remove('show'));\r\n    });\r\n\r\n    const btnSeeAll = document.getElementById('btn-open-all-reviews');\r\n    const allReviewsScreen = document.getElementById('all-reviews-screen-modal');\r\n    const btnCloseAllScreen = document.getElementById('btn-close-all-screen');\r\n\r\n    if (btnSeeAll) {\r\n        btnSeeAll.addEventListener('click', function() {\r\n            \/\/ Copy ALL cards from main container into the full screen grid\r\n            allReviewsGrid.innerHTML = '';\r\n            const currentCards = reviewsContainer.querySelectorAll('.review-card');\r\n            currentCards.forEach(card => {\r\n                allReviewsGrid.appendChild(card.cloneNode(true));\r\n            });\r\n\r\n            allReviewsScreen.classList.add('show');\r\n            document.body.style.overflow = 'hidden'; \r\n            initHelpfulButtons();\r\n        });\r\n    }\r\n    if (btnCloseAllScreen) {\r\n        btnCloseAllScreen.addEventListener('click', function() {\r\n            allReviewsScreen.classList.remove('show');\r\n            document.body.style.overflow = 'auto'; \r\n        });\r\n    }\r\n\r\n    function initHelpfulButtons() {\r\n        const helpfulBtns = document.querySelectorAll('.btn-helpful');\r\n        helpfulBtns.forEach(btn => {\r\n            if (btn.hasAttribute('data-initialized')) return;\r\n            btn.setAttribute('data-initialized', 'true');\r\n            const revId = btn.getAttribute('data-review-id');\r\n            const textSpan = btn.querySelector('.helpful-txt');\r\n            \r\n            let votedReviews = JSON.parse(localStorage.getItem('sparkle_voted_reviews')) || {};\r\n            if (votedReviews[revId]) {\r\n                btn.classList.add('voted');\r\n                textSpan.innerHTML = `&check; 1 found this helpful`;\r\n            }\r\n            btn.addEventListener('click', function() {\r\n                let currentVoted = JSON.parse(localStorage.getItem('sparkle_voted_reviews')) || {};\r\n                if (currentVoted[revId]) {\r\n                    delete currentVoted[revId];\r\n                    localStorage.setItem('sparkle_voted_reviews', JSON.stringify(currentVoted));\r\n                    btn.classList.remove('voted');\r\n                    textSpan.innerHTML = `Helpful review`;\r\n                } else {\r\n                    currentVoted[revId] = true;\r\n                    localStorage.setItem('sparkle_voted_reviews', JSON.stringify(currentVoted));\r\n                    btn.classList.add('voted');\r\n                    textSpan.innerHTML = `&check; 1 found this helpful`;\r\n                }\r\n            });\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d2827f1 e-con e-atomic-element e-flexbox-base e-d2827f1-e8962ac \" data-id=\"d2827f1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d2827f1\">\n    \t\t<div class=\"elementor-element elementor-element-6956faf elementor-widget elementor-widget-html\" data-id=\"6956faf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* FAQ Section Styling *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800;900&display=swap');\r\n\r\n    .sparkle-faq-section {\r\n        width: 100%;\r\n        background-color: #fff;\r\n        padding: 80px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n    .sparkle-faq-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    .faq-container {\r\n        max-width: 800px; \/* Narrower for readability *\/\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .faq-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .faq-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: #e8f9fd;\r\n        border: 1px solid #b3e6f4;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #00b5ad;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n    }\r\n    .faq-badge svg { margin-right: 6px; width: 14px; height: 14px; }\r\n\r\n    .faq-header h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 34px;\r\n        font-weight: 900;\r\n        color: #1a2b3c;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .faq-header p {\r\n        font-size: 14px;\r\n        color: #5a6b7c;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .faq-search-wrapper {\r\n        position: relative;\r\n        margin-bottom: 40px;\r\n    }\r\n    .faq-search-wrapper svg {\r\n        position: absolute;\r\n        left: 20px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        color: #94a3b8;\r\n        width: 16px; height: 16px;\r\n    }\r\n    .faq-search-wrapper input {\r\n        width: 100%;\r\n        padding: 15px 20px 15px 45px;\r\n        border: 1px solid #cbd5e1;\r\n        border-radius: 50px;\r\n        background: #f8fafc;\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 14px;\r\n        outline: none;\r\n        transition: 0.3s;\r\n    }\r\n    .faq-search-wrapper input:focus { border-color: #00b5ad; background: #fff; }\r\n\r\n    \/* Accordion *\/\r\n    .faq-accordion {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n\r\n    .faq-item {\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 8px;\r\n        background: #fff;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .faq-question {\r\n        padding: 20px 25px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #1a2b3c;\r\n        transition: 0.3s;\r\n    }\r\n    \r\n    .faq-question svg {\r\n        width: 18px; height: 18px;\r\n        color: #00b5ad;\r\n        transition: transform 0.3s;\r\n    }\r\n\r\n    .faq-answer {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.3s ease-out;\r\n        background: #fff;\r\n    }\r\n\r\n    .faq-answer-inner {\r\n        padding: 0 25px 25px 25px;\r\n        font-size: 13px;\r\n        color: #475569;\r\n        line-height: 1.6;\r\n        border-top: 1px solid transparent;\r\n    }\r\n\r\n    \/* Active State *\/\r\n    .faq-item.active .faq-question { border-bottom: 1px solid #f1f5f9; }\r\n    .faq-item.active .faq-question svg { transform: rotate(180deg); }\r\n    \/* Max height is handled by JS dynamically, but we set a fallback here *\/\r\n    .faq-item.active .faq-answer { max-height: 500px; } \r\n\r\n<\/style>\r\n\r\n<!-- ADDED id=\"faq\" -->\r\n<section id=\"faq\" class=\"sparkle-faq-section\">\r\n    <div class=\"faq-container\">\r\n        \r\n        <div class=\"faq-header\">\r\n            <div class=\"faq-badge\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\r\n                GOT QUESTIONS? WE HAVE ANSWERS\r\n            <\/div>\r\n            <h2>Frequently Asked Questions<\/h2>\r\n            <p>Everything you need to know about our cleaning standards, equipment, pet policy, and satisfaction guarantee.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-search-wrapper\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><\/svg>\r\n            <input type=\"text\" placeholder=\"Search questions (e.g., pets, supplies, guarantee)...\">\r\n        <\/div>\r\n\r\n        <div class=\"faq-accordion\">\r\n            <!-- Item 1 (Active by default) -->\r\n            <div class=\"faq-item active\">\r\n                <div class=\"faq-question\">\r\n                    Are your cleaners background-checked and insured?\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <div class=\"faq-answer-inner\">\r\n                        Yes, 100%! Every single team member undergoes rigorous nation-wide criminal background checks, multi-step reference verification, in-person training, and is fully bonded and covered under our $2,000,000 general liability insurance policy.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 2 -->\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    Do I need to be home during the cleaning service?\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <div class=\"faq-answer-inner\">\r\n                        No, you do not need to be home. Most of our clients prefer to provide us with a spare key or garage code. Your home's security is our top priority.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 3 -->\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    Do you bring your own cleaning equipment and supplies?\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <div class=\"faq-answer-inner\">\r\n                        Yes, our professional teams come fully equipped with commercial-grade HEPA vacuums, microfiber cloths, and premium eco-friendly cleaning solutions.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 4 -->\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    What is your 100% Satisfaction Guarantee policy?\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <div class=\"faq-answer-inner\">\r\n                        If you are not completely satisfied with any part of our service, simply let us know within 24 hours. We will return to your home and re-clean the specific area at no additional cost.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 5 -->\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    Are your cleaning products safe for pets and children?\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <div class=\"faq-answer-inner\">\r\n                        Absolutely. We exclusively use plant-based, non-toxic, and hypoallergenic products that are tough on dirt but completely safe for your little ones and furry friends.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Item 6 -->\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    How do cancellations and rescheduling work?\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <div class=\"faq-answer-inner\">\r\n                        You can cancel or reschedule for free up to 24 hours before your appointment. Late cancellations may be subject to a small cancellation fee to compensate our cleaners.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ FAQ Accordion Logic\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const faqItems = document.querySelectorAll('.faq-item');\r\n        \r\n        \/\/ Initialize heights\r\n        faqItems.forEach(item => {\r\n            const answer = item.querySelector('.faq-answer');\r\n            if(item.classList.contains('active')) {\r\n                answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n            }\r\n        });\r\n\r\n        faqItems.forEach(item => {\r\n            const question = item.querySelector('.faq-question');\r\n            question.addEventListener('click', () => {\r\n                const answer = item.querySelector('.faq-answer');\r\n                const isActive = item.classList.contains('active');\r\n\r\n                \/\/ Close all others\r\n                faqItems.forEach(otherItem => {\r\n                    otherItem.classList.remove('active');\r\n                    otherItem.querySelector('.faq-answer').style.maxHeight = null;\r\n                });\r\n\r\n                \/\/ Open clicked if it wasn't already open\r\n                if (!isActive) {\r\n                    item.classList.add('active');\r\n                    answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n                }\r\n            });\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7e7b901 e-con e-atomic-element e-flexbox-base e-7e7b901-c76ca99 \" data-id=\"7e7b901\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7e7b901\">\n    \t\t<div class=\"elementor-element elementor-element-4af3094 elementor-widget elementor-widget-html\" data-id=\"4af3094\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Contact Section Styling *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800;900&display=swap');\r\n\r\n    .sparkle-contact-section {\r\n        width: 100%;\r\n        background-color: #f4fcfe; \/* Very light blue background matching image *\/\r\n        padding: 80px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n    .sparkle-contact-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    .contact-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        gap: 50px;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    \/* Left Column *\/\r\n    .contact-left { flex: 1; max-width: 45%; }\r\n    \r\n    .contact-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: #fff;\r\n        border: 1px solid #b3e6f4;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #00b5ad;\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n    }\r\n    .contact-badge svg { margin-right: 6px; width: 14px; height: 14px; }\r\n\r\n    .contact-left h2 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 38px;\r\n        font-weight: 900;\r\n        color: #1a2b3c;\r\n        line-height: 1.1;\r\n        margin-bottom: 15px;\r\n    }\r\n    .contact-left > p {\r\n        font-size: 14px;\r\n        color: #5a6b7c;\r\n        line-height: 1.6;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .contact-pills-wrap {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n\r\n    .contact-pill {\r\n        display: flex;\r\n        align-items: center;\r\n        background: #fff;\r\n        border: 1px solid #e2e8f0;\r\n        padding: 20px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .cp-icon {\r\n        width: 40px; height: 40px;\r\n        border-radius: 8px;\r\n        background: #f4fcfe;\r\n        color: #00b5ad;\r\n        display: flex; justify-content: center; align-items: center;\r\n        margin-right: 15px;\r\n        border: 1px solid #e8f9fd;\r\n    }\r\n    .cp-icon svg { width: 20px; height: 20px; }\r\n\r\n    .cp-text span {\r\n        display: block;\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        margin-bottom: 4px;\r\n        text-transform: uppercase;\r\n        font-weight: 600;\r\n    }\r\n    .cp-text h4 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: #1a2b3c;\r\n    }\r\n\r\n    .pill-emergency {\r\n        background: #fffbef;\r\n        border-color: #fde0c3;\r\n    }\r\n    .pill-emergency .cp-icon {\r\n        background: #fff;\r\n        color: #f38210;\r\n        border-color: #fde0c3;\r\n    }\r\n    .pill-emergency .cp-text span { color: #d97706; }\r\n    .pill-emergency .cp-text h4 { font-size: 12px; font-weight: 500; font-family: 'Inter', sans-serif; color: #475569;}\r\n\r\n    \/* Right Column (Form) *\/\r\n    .contact-right { flex: 1.2; }\r\n\r\n    .contact-form-card {\r\n        background: #fff;\r\n        border-radius: 16px;\r\n        padding: 40px;\r\n        box-shadow: 0 10px 40px rgba(0,0,0,0.05);\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n\r\n    .contact-form-card h3 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: #1a2b3c;\r\n        margin-bottom: 5px;\r\n    }\r\n    .contact-form-card > p {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .c-form-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 20px;\r\n    }\r\n    .c-form-full { grid-column: 1 \/ -1; }\r\n\r\n    .c-form-group label {\r\n        display: block;\r\n        font-size: 11px;\r\n        color: #475569;\r\n        font-weight: 500;\r\n        margin-bottom: 6px;\r\n    }\r\n    \r\n    .c-form-group input, .c-form-group select, .c-form-group textarea {\r\n        width: 100%;\r\n        height: 48px;\r\n        padding: 0 15px;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 8px;\r\n        background: #f8fafc;\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 13px;\r\n        color: #1e293b;\r\n        outline: none;\r\n        box-sizing: border-box;\r\n    }\r\n    .c-form-group textarea { height: auto; min-height: 100px; padding: 15px; resize: vertical; }\r\n    .c-form-group select { appearance: none; padding-right: 35px; }\r\n\r\n    .c-select-wrap { position: relative; }\r\n    .c-select-wrap::after {\r\n        content: '\u25bc'; font-size: 10px; color: #1a2b3c;\r\n        position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none;\r\n    }\r\n\r\n    .btn-send-msg {\r\n        width: 100%;\r\n        background: #0077b6; \/* Blue button *\/\r\n        color: #fff;\r\n        border: none;\r\n        height: 50px;\r\n        border-radius: 8px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin-top: 20px;\r\n        transition: 0.3s;\r\n    }\r\n    .btn-send-msg:hover { background: #005f92; }\r\n    .btn-send-msg svg { margin-right: 8px; width: 16px; height: 16px; }\r\n\r\n    @media (max-width: 992px) {\r\n        .contact-container { flex-direction: column; }\r\n        .contact-left, .contact-right { max-width: 100%; width: 100%; }\r\n    }\r\n    @media (max-width: 600px) {\r\n        .c-form-grid { grid-template-columns: 1fr; }\r\n        .contact-form-card { padding: 25px; }\r\n    }\r\n<\/style>\r\n\r\n<!-- ADDED id=\"contact\" -->\r\n<section id=\"contact\" class=\"sparkle-contact-section\">\r\n    <div class=\"contact-container\">\r\n        \r\n        <div class=\"contact-left\">\r\n            <div class=\"contact-badge\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\r\n                GET IN TOUCH\r\n            <\/div>\r\n            <h2>We're Here to Make Your Life Sparkle<\/h2>\r\n            <p>Have special cleaning requirements, need a custom corporate quote, or require immediate same-day service? Our friendly support team is standing by.<\/p>\r\n\r\n            <div class=\"contact-pills-wrap\">\r\n                <div class=\"contact-pill\">\r\n                    <div class=\"cp-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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><\/div>\r\n                    <div class=\"cp-text\">\r\n                        <span>Customer Support Phone<\/span>\r\n                        <h4>(800) 555-SPARKLE \/ (800) 555-7727<\/h4>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-pill\">\r\n                    <div class=\"cp-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg><\/div>\r\n                    <div class=\"cp-text\">\r\n                        <span>Email Inquiries<\/span>\r\n                        <h4>hello@sparklecleanpro.com<\/h4>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-pill\">\r\n                    <div class=\"cp-icon\"><svg 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><\/div>\r\n                    <div class=\"cp-text\">\r\n                        <span>Headquarters Address<\/span>\r\n                        <h4>8400 Wilshire Blvd, Beverly Hills, CA 90211<\/h4>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-pill pill-emergency\">\r\n                    <div class=\"cp-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17.5 19c2.5-2.2 3.5-5.6 2.5-8.6-1-2.9-3.7-5-6.8-5.3-3.1-.3-6.1 1.3-7.6 4-1.5 2.8-1 6.2 1.3 8.4\"><\/path><path d=\"M12 2v4\"><\/path><path d=\"M12 18v4\"><\/path><path d=\"M4.93 4.93l2.83 2.83\"><\/path><path d=\"M16.24 16.24l2.83 2.83\"><\/path><path d=\"M2 12h4\"><\/path><path d=\"M18 12h4\"><\/path><path d=\"M4.93 19.07l2.83-2.83\"><\/path><path d=\"M16.24 7.76l2.83-2.83\"><\/path><\/svg><\/div>\r\n                    <div class=\"cp-text\">\r\n                        <span>EMERGENCY SAME-DAY DISPATCH<\/span>\r\n                        <h4>Need a clean within 3 hours? Call our priority hotline directly.<\/h4>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"contact-right\">\r\n            <div class=\"contact-form-card\">\r\n                <h3>Send Us a Direct Message<\/h3>\r\n                <p>We respond to all online inquiries within 15 minutes during operating hours.<\/p>\r\n\r\n                <div class=\"c-form-grid\">\r\n                    <div class=\"c-form-group\">\r\n                        <label>Your Full Name<\/label>\r\n                        <input type=\"text\" placeholder=\"e.g. David Miller\">\r\n                    <\/div>\r\n                    <div class=\"c-form-group\">\r\n                        <label>Email Address<\/label>\r\n                        <input type=\"email\" placeholder=\"e.g. david@example.com\">\r\n                    <\/div>\r\n                    <div class=\"c-form-group\">\r\n                        <label>Phone Number<\/label>\r\n                        <input type=\"tel\" placeholder=\"e.g. (310) 555-0199\">\r\n                    <\/div>\r\n                    <div class=\"c-form-group\">\r\n                        <label>Interested Service<\/label>\r\n                        <div class=\"c-select-wrap\">\r\n                            <select>\r\n                                <option>Standard House Clean<\/option>\r\n                                <option>Deep Detail Clean<\/option>\r\n                                <option>Move In\/Out Clean<\/option>\r\n                                <option>Commercial Office<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"c-form-group c-form-full\">\r\n                        <label>How can we help you?<\/label>\r\n                        <textarea placeholder=\"Tell us about your home size, specific cleaning requests, or preferred date...\"><\/textarea>\r\n                    <\/div>\r\n                <\/div>\r\n                <button class=\"btn-send-msg\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\r\n                    SEND MESSAGE NOW\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-781070f e-con e-atomic-element e-flexbox-base e-781070f-7e1ed3d \" data-id=\"781070f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"781070f\">\n    \t\t<div class=\"elementor-element elementor-element-7d11c96 elementor-widget elementor-widget-html\" data-id=\"7d11c96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Newsletter Section Styling *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@700;800;900&display=swap');\r\n\r\n    .sparkle-newsletter-section {\r\n        width: 100%;\r\n        \/* Teal gradient matching the image *\/\r\n        background: linear-gradient(90deg, #008272 0%, #00b5ad 100%);\r\n        padding: 40px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n    .sparkle-newsletter-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    .nl-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        gap: 30px;\r\n    }\r\n\r\n    .nl-left { flex: 1; color: #fff; }\r\n    .nl-title {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        margin-bottom: 8px;\r\n    }\r\n    .nl-title svg { color: #FFB800; fill: #FFB800; width: 24px; height: 24px; margin-right: 10px; }\r\n    \r\n    .nl-left p {\r\n        font-size: 13px;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .nl-right {\r\n        display: flex;\r\n        gap: 10px;\r\n        width: 450px; \/* Fixed max width for the form *\/\r\n    }\r\n    \r\n    .nl-right input {\r\n        flex: 1;\r\n        height: 50px;\r\n        padding: 0 20px;\r\n        border: none;\r\n        border-radius: 8px;\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 14px;\r\n        outline: none;\r\n    }\r\n    \r\n    .nl-right button {\r\n        background: #0f172a; \/* Dark navy button *\/\r\n        color: #fff;\r\n        border: none;\r\n        padding: 0 25px;\r\n        border-radius: 8px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n    }\r\n    .nl-right button:hover { background: #1e293b; }\r\n\r\n    @media (max-width: 992px) {\r\n        .nl-container { flex-direction: column; text-align: center; }\r\n        .nl-title { justify-content: center; font-size: 24px; }\r\n        .nl-right { width: 100%; justify-content: center; }\r\n    }\r\n    @media (max-width: 480px) {\r\n        .nl-right { flex-direction: column; }\r\n        .nl-right button { height: 50px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"sparkle-newsletter-section\">\r\n    <div class=\"nl-container\">\r\n        \r\n        <div class=\"nl-left\">\r\n            <div class=\"nl-title\">\r\n                <!-- Sparkle SVG Icon -->\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L15 9L22 12L15 15L12 22L9 15L2 12L9 9L12 2Z\"><\/path><\/svg>\r\n                Get 15% OFF Your First Cleaning\r\n            <\/div>\r\n            <p>Subscribe to our newsletter for exclusive cleaning tips, seasonal promo codes, and priority booking slots.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"nl-right\">\r\n            <input type=\"email\" placeholder=\"Enter your email address\">\r\n            <button>CLAIM 15% OFF<\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bc7e5cf e-con e-atomic-element e-flexbox-base e-bc7e5cf-87f36d0 \" data-id=\"bc7e5cf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bc7e5cf\">\n    \t\t<div class=\"elementor-element elementor-element-3dc9081 elementor-widget elementor-widget-html\" data-id=\"3dc9081\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Footer Section Styling *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@700;800;900&display=swap');\r\n\r\n    .sparkle-footer-section {\r\n        width: 100%;\r\n        background-color: #f4fcfe; \/* Matches the image *\/\r\n        padding: 60px 20px 30px 20px;\r\n        font-family: 'Inter', sans-serif;\r\n        box-sizing: border-box;\r\n        position: relative; \r\n        border-top: 1px solid #e2e8f0;\r\n    }\r\n    .sparkle-footer-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    .footer-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Top Grid *\/\r\n    .footer-grid {\r\n        display: grid;\r\n        grid-template-columns: 2fr 1fr 1fr 1.5fr; \/* Logo col is wider *\/\r\n        gap: 40px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    \/* Col 1: Brand *\/\r\n    .footer-brand .brand-logo {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 22px;\r\n        font-weight: 900;\r\n        color: #1a2b3c;\r\n        margin-bottom: 15px;\r\n    }\r\n    .footer-brand .brand-logo svg {\r\n        width: 30px; height: 30px;\r\n        background: #00b5ad;\r\n        color: #fff;\r\n        border-radius: 8px;\r\n        padding: 5px;\r\n        margin-right: 10px;\r\n    }\r\n    .footer-brand p {\r\n        font-size: 13px;\r\n        color: #5a6b7c;\r\n        line-height: 1.6;\r\n        margin-bottom: 20px;\r\n    }\r\n    .footer-badges { display: flex; gap: 10px; }\r\n    .f-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: #fff;\r\n        border: 1px solid #e2e8f0;\r\n        padding: 4px 10px;\r\n        border-radius: 4px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #0077b6;\r\n    }\r\n    .f-badge svg { margin-right: 4px; width: 12px; height: 12px; }\r\n\r\n    \/* Col 2, 3 & 4 Alignment Fixes *\/\r\n    .footer-title {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 14px;\r\n        font-weight: 800;\r\n        color: #1a2b3c;\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n        text-align: left; \/* Headers perfectly left-aligned *\/\r\n    }\r\n\r\n    .footer-links { \r\n        list-style: none; \r\n        padding-left: 0 !important; \/* Removes WordPress default indent *\/\r\n        margin-left: 0 !important;\r\n        text-align: left; \/* Items perfectly left-aligned *\/\r\n    }\r\n    \r\n    .footer-links li { margin-bottom: 12px; }\r\n    \r\n    .sparkle-footer-section .footer-links a {\r\n        text-decoration: none !important;\r\n        border: none !important;\r\n        outline: none !important;\r\n        box-shadow: none !important;\r\n        color: #5a6b7c;\r\n        font-size: 13px;\r\n        transition: color 0.3s;\r\n        cursor: pointer;\r\n    }\r\n    .sparkle-footer-section .footer-links a:hover { \r\n        color: #00b5ad !important; \r\n        text-decoration: none !important; \r\n    }\r\n\r\n    \/* Contact & Hours Alignment Fixes *\/\r\n    .footer-contact-list { \r\n        list-style: none; \r\n        margin-bottom: 20px;\r\n        padding-left: 0 !important; \/* Removes WordPress default indent *\/\r\n        margin-left: 0 !important;\r\n        text-align: left;\r\n    }\r\n    \r\n    .footer-contact-list li {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        font-size: 13px;\r\n        color: #5a6b7c;\r\n        margin-bottom: 12px;\r\n        line-height: 1.4;\r\n    }\r\n    .footer-contact-list svg {\r\n        min-width: 16px; height: 16px;\r\n        color: #00b5ad;\r\n        margin-right: 10px;\r\n        margin-top: 2px;\r\n    }\r\n    \r\n    .footer-hours {\r\n        font-size: 11px;\r\n        color: #94a3b8;\r\n        line-height: 1.5;\r\n        border-top: 1px solid #e2e8f0;\r\n        padding-top: 15px;\r\n        text-align: left; \/* Hours left-aligned *\/\r\n    }\r\n\r\n    \/* Bottom Row *\/\r\n    .footer-bottom {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        border-top: 1px solid #e2e8f0;\r\n        padding-top: 20px;\r\n    }\r\n    .footer-bottom p { font-size: 11px; color: #94a3b8; }\r\n    .footer-bottom-links { display: flex; gap: 20px; }\r\n    \r\n    .sparkle-footer-section .footer-bottom-links a {\r\n        text-decoration: none !important;\r\n        border: none !important;\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        transition: 0.3s;\r\n        cursor: pointer;\r\n    }\r\n    .sparkle-footer-section .footer-bottom-links a:hover { \r\n        color: #1a2b3c !important; \r\n        text-decoration: none !important;\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .footer-grid { grid-template-columns: 1fr 1fr; }\r\n    }\r\n    @media (max-width: 600px) {\r\n        .footer-grid { grid-template-columns: 1fr; gap: 30px; }\r\n        .footer-bottom { flex-direction: column; text-align: center; gap: 15px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"sparkle-footer-section\">\r\n    <div class=\"footer-container\">\r\n        \r\n        <div class=\"footer-grid\">\r\n            <!-- Col 1 -->\r\n            <div class=\"footer-brand\">\r\n                <div class=\"brand-logo\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L15 9L22 12L15 15L12 22L9 15L2 12L9 9L12 2Z\"><\/path><\/svg>\r\n                    SparkleClean PRO\r\n                <\/div>\r\n                <p>California's trusted partner for residential, deep, move-out, and commercial cleaning. Licensed, bonded, $2M insured, and backed by our 100% Happiness Guarantee.<\/p>\r\n                <div class=\"footer-badges\">\r\n                    <div class=\"f-badge\">\r\n                        <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\" fill=\"currentColor\"><\/polygon><\/svg>\r\n                        4.9\/5 Rating\r\n                    <\/div>\r\n                    <div class=\"f-badge\" style=\"color: #009e60;\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n                        $2M Insured\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Col 2: Quick Links (with standard anchor jumps) -->\r\n            <div>\r\n                <div class=\"footer-title\">QUICK LINKS<\/div>\r\n                <ul class=\"footer-links\">\r\n                    <li><a href=\"javascript:void(0);\" onclick=\"forceScrollTo('services')\">Service Packages<\/a><\/li>\r\n                    <li><a href=\"javascript:void(0);\" onclick=\"forceScrollTo('booking-engine')\">Instant Price Calculator<\/a><\/li>\r\n                    <li><a href=\"javascript:void(0);\" onclick=\"forceScrollTo('checklist')\">Room Cleaning Checklist<\/a><\/li>\r\n                    <li><a href=\"javascript:void(0);\" onclick=\"forceScrollTo('transformations')\">Before & After Photos<\/a><\/li>\r\n                    <li><a href=\"javascript:void(0);\" onclick=\"forceScrollTo('reviews')\">Customer Reviews<\/a><\/li>\r\n                    <li><a href=\"javascript:void(0);\" onclick=\"forceScrollTo('faq')\">FAQ & Support<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Col 3: Services (NEW INTERLINKING: Jump & Select Service) -->\r\n            <div>\r\n                <div class=\"footer-title\">SERVICES<\/div>\r\n                <ul class=\"footer-links\">\r\n                    <li><a href=\"javascript:void(0);\" onclick=\"triggerServiceSelection('Standard Home Cleaning')\">Standard House Cleaning<\/a><\/li>\r\n                    <li><a href=\"javascript:void(0);\" onclick=\"triggerServiceSelection('Deep Detail Clean')\">Deep Detail Clean<\/a><\/li>\r\n                    <li><a href=\"javascript:void(0);\" onclick=\"triggerServiceSelection('Move In \/ Move Out Clean')\">Move In \/ Move Out Clean<\/a><\/li>\r\n                    <li><a href=\"javascript:void(0);\" onclick=\"triggerServiceSelection('Commercial & Office Cleaning')\">Commercial Office Sanitization<\/a><\/li>\r\n                    <li><a href=\"javascript:void(0);\" onclick=\"triggerServiceSelection('Airbnb & Turnover Service')\">Airbnb Turnover Service<\/a><\/li>\r\n                    <li><a href=\"javascript:void(0);\" onclick=\"triggerServiceSelection('Post-Construction Clean')\">Post-Construction Clean<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Col 4 -->\r\n            <div>\r\n                <div class=\"footer-title\">CONTACT & HOURS<\/div>\r\n                <ul class=\"footer-contact-list\">\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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                        (800) 555-SPARKLE\r\n                    <\/li>\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\r\n                        hello@sparklecleanpro.com\r\n                    <\/li>\r\n                    <li>\r\n                        <svg 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                        8400 Wilshire Blvd, Beverly Hills, CA 90211\r\n                    <\/li>\r\n                <\/ul>\r\n                <div class=\"footer-hours\">\r\n                    Mon - Sat: 7:00 AM - 8:00 PM<br>\r\n                    Sunday: Emergency Bookings Only\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bottom -->\r\n        <div class=\"footer-bottom\">\r\n            <p>\u00a9 2026 SparkleClean Pro Inc. All rights reserved.<\/p>\r\n            <div class=\"footer-bottom-links\">\r\n                <a href=\"#\">Privacy Policy<\/a>\r\n                <a href=\"#\">Terms of Service<\/a>\r\n                <a href=\"#\">100% Satisfaction Guarantee<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>4.9 \/ 5.0 Rating &#8211; 1,280+ Verified Cleans Spotless Spaces,Effortless Shine. California&#8217;s premier eco-friendly cleaning service. 100% background-checked, insured professionals [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3666","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/myuktravel.in\/index.php?rest_route=\/wp\/v2\/pages\/3666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myuktravel.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myuktravel.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myuktravel.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myuktravel.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3666"}],"version-history":[{"count":378,"href":"https:\/\/myuktravel.in\/index.php?rest_route=\/wp\/v2\/pages\/3666\/revisions"}],"predecessor-version":[{"id":4126,"href":"https:\/\/myuktravel.in\/index.php?rest_route=\/wp\/v2\/pages\/3666\/revisions\/4126"}],"wp:attachment":[{"href":"https:\/\/myuktravel.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}