{"id":7,"date":"2026-01-31T08:02:38","date_gmt":"2026-01-31T08:02:38","guid":{"rendered":"https:\/\/1508snehangi.com\/?page_id=7"},"modified":"2026-02-05T10:37:23","modified_gmt":"2026-02-05T10:37:23","slug":"home","status":"publish","type":"page","link":"https:\/\/1508snehangi.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82d81ee e-flex e-con-boxed e-con e-parent\" data-id=\"82d81ee\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aee5db4 elementor-widget elementor-widget-html\" data-id=\"aee5db4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Meta Pixel Code -->\n<script>\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\nfbq('init', '1656991365682497');\nfbq('track', 'PageView');\n<\/script>\n<noscript><img height=\"1\" width=\"1\" style=\"display:none\"\nsrc=\"https:\/\/www.facebook.com\/tr?id=1656991365682497&ev=PageView&noscript=1\"\n\/><\/noscript>\n<!-- End Meta Pixel Code -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be1d601 e-flex e-con-boxed e-con e-parent\" data-id=\"be1d601\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10ae1d41 e-flex e-con-boxed e-con e-parent\" data-id=\"10ae1d41\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ee3ce1d elementor-widget elementor-widget-html\" data-id=\"5ee3ce1d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Ayodhya Nagar - Premium Real Estate<\/title>\n    \n    <!-- Icons -->\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\n    \n    <!-- Premium Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* RESET & BASE *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #f4f4f4;\n            color: #333;\n        }\n\n        \/* UNIQUE SCOPED CSS FOR HEADER *\/\n        #ua-header-section {\n            \/* Palette Update: Richer Blacks & Metallic Gold *\/\n            --ua-midnight: #050505; \n            --ua-obsidian: #121212;\n            --ua-gold: #D4AF37; \/* Metallic Gold *\/\n            --ua-gold-gradient: linear-gradient(135deg, #D4AF37 0%, #F2D06B 50%, #D4AF37 100%);\n            --ua-white: #FFFFFF;\n            --ua-text-muted: #A0A0A0;\n            --ua-glass-dark: rgba(5, 5, 5, 0.85); \/* Slightly more transparent for demo *\/\n            \n            --font-heading: 'Playfair Display', serif;\n            --font-body: 'Inter', sans-serif;\n\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            z-index: 1000;\n            padding: 15px 20px;\n            transition: all 0.3s ease;\n            font-family: var(--font-body);\n            \n            \/* Glassmorphism Background *\/\n            background-color: var(--ua-glass-dark);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border-bottom: 1px solid rgba(212, 175, 55, 0.2);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        }\n\n        #ua-header-section .ua-header-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        \/* Branding *\/\n        #ua-header-section .ua-brand-wrapper {\n            display: flex;\n            flex-direction: column;\n            text-decoration: none;\n        }\n\n        #ua-header-section .ua-brand-name {\n            font-family: var(--font-heading);\n            color: var(--ua-white);\n            font-size: 1.6rem;\n            font-weight: 700;\n            line-height: 1;\n            letter-spacing: -0.5px;\n            background: var(--ua-gold-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        #ua-header-section .ua-brand-sub {\n            color: var(--ua-text-muted);\n            font-size: 0.65rem;\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            margin-top: 5px;\n            font-weight: 500;\n        }\n\n        \/* Action Buttons Wrapper *\/\n        #ua-header-section .ua-actions-wrapper {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        \/* Base Button Style *\/\n        #ua-header-section .ua-header-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 12px 24px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 0.9rem;\n            font-weight: 600;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            cursor: pointer;\n            border: none;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* WhatsApp Button *\/\n        #ua-header-section .ua-btn-whatsapp {\n            background: linear-gradient(135deg, #25D366, #128C7E);\n            color: #ffffff;\n            box-shadow: 0 4px 15px rgba(37, 211, 102, 0.2);\n        }\n\n        #ua-header-section .ua-btn-whatsapp:hover {\n            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);\n            transform: translateY(-2px);\n        }\n\n        \/* Call Button (Premium Gold Outline) *\/\n        #ua-header-section .ua-btn-call {\n            border: 1px solid rgba(212, 175, 55, 0.4);\n            color: var(--ua-gold);\n            background: transparent;\n        }\n\n        #ua-header-section .ua-btn-call:hover {\n            border-color: var(--ua-gold);\n            background: rgba(212, 175, 55, 0.1);\n            box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n            transform: translateY(-2px);\n        }\n\n        #ua-header-section .ua-header-btn i {\n            font-size: 1.1em;\n        }\n\n        \/* --- PREMIUM MODAL POPUP CSS --- *\/\n        .ua-modal-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.8); \/* Dark overlay *\/\n            backdrop-filter: blur(8px);\n            z-index: 2000;\n            display: none;\n            justify-content: center;\n            align-items: center;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .ua-modal-overlay.active {\n            display: flex;\n            opacity: 1;\n        }\n\n        .ua-modal-box {\n            \/* LIGHT THEME FOR POPUP *\/\n            background: #ffffff; \n            border: 1px solid rgba(212, 175, 55, 0.3);\n            border-radius: 24px;\n            padding: 40px 30px;\n            width: 90%;\n            max-width: 380px;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\n            position: relative;\n            transform: translateY(30px) scale(0.95);\n            transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n            font-family: var(--font-body);\n            text-align: center;\n        }\n\n        \/* Subtle Gold Glow at top of modal *\/\n        .ua-modal-box::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 50%;\n            transform: translateX(-50%);\n            width: 40%;\n            height: 3px;\n            background: var(--ua-gold);\n            border-radius: 0 0 4px 4px;\n        }\n\n        .ua-modal-overlay.active .ua-modal-box {\n            transform: translateY(0) scale(1);\n        }\n\n        .ua-modal-header {\n            margin-bottom: 30px;\n        }\n\n        .ua-modal-title {\n            \/* Dark text for white background *\/\n            color: #1a1a1a;\n            font-family: var(--font-heading);\n            font-size: 2rem;\n            margin-bottom: 8px;\n            font-weight: 600;\n        }\n\n        .ua-modal-title span {\n            color: var(--ua-gold);\n            font-style: italic;\n        }\n\n        .ua-modal-subtitle {\n            color: #666; \/* Darker grey for readability *\/\n            font-size: 0.85rem;\n            letter-spacing: 0.5px;\n        }\n\n        .ua-close-modal {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background: transparent;\n            border: none;\n            color: #999;\n            font-size: 1.5rem;\n            cursor: pointer;\n            transition: color 0.3s;\n            width: 30px; height: 30px;\n            display: flex; align-items: center; justify-content: center;\n            border-radius: 50%;\n        }\n\n        .ua-close-modal:hover {\n            color: #000;\n            background: rgba(0,0,0,0.05);\n        }\n\n        .ua-contact-list {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n\n        .ua-contact-option {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            \/* Light grey background for options *\/\n            background: #f8f9fa;\n            border: 1px solid #e9ecef;\n            padding: 18px 25px;\n            border-radius: 16px;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Gold Hover Effect *\/\n        .ua-contact-option:hover {\n            background: #ffffff;\n            border-color: var(--ua-gold);\n            transform: translateY(-2px);\n            box-shadow: 0 5px 15px rgba(212, 175, 55, 0.15);\n        }\n\n        .ua-opt-details {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n        }\n\n        .ua-opt-type {\n            color: var(--ua-gold);\n            font-size: 0.7rem;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            font-weight: 700;\n            margin-bottom: 4px;\n        }\n\n        .ua-opt-number {\n            color: #1a1a1a; \/* Dark text *\/\n            font-size: 1.2rem;\n            font-weight: 600;\n            letter-spacing: 0.5px;\n        }\n\n        .ua-opt-icon {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            \/* Gold tint background *\/\n            background: rgba(212, 175, 55, 0.1);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            color: var(--ua-gold);\n            transition: all 0.3s ease;\n        }\n\n        .ua-contact-option:hover .ua-opt-icon {\n            background: var(--ua-gold);\n            color: #ffffff;\n            transform: scale(1.1);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            #ua-header-section {\n                padding: 15px;\n            }\n            #ua-header-section .ua-brand-name {\n                font-size: 1.3rem; \n            }\n            #ua-header-section .ua-brand-sub {\n                display: block; \n                font-size: 0.6rem; \n            }\n            \n            #ua-header-section .ua-actions-wrapper {\n                gap: 8px; \n            }\n\n            #ua-header-section .ua-header-btn {\n                padding: 10px 16px;\n                font-size: 0.8rem;\n                gap: 8px;\n            }\n            \n            \/* Adjust modal sizing for mobile *\/\n            .ua-modal-box {\n                padding: 30px 20px;\n                width: 85%;\n            }\n            \n            .ua-modal-title {\n                font-size: 1.6rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <header id=\"ua-header-section\">\n        <div class=\"ua-header-container\">\n            <!-- Brand Identity -->\n            <a href=\"#\" class=\"ua-brand-wrapper\">\n                <span class=\"ua-brand-name\">AYODHYA NAGAR<\/span>\n                <span class=\"ua-brand-sub\">EXCELLENCE IN EVERY SQ.FT<\/span>\n            <\/a>\n\n            <div class=\"ua-actions-wrapper\">\n                <!-- Quick Call Button (Triggers Modal) -->\n                <button onclick=\"toggleCallModal()\" class=\"ua-header-btn ua-btn-call\">\n                    <i class=\"fas fa-phone-volume\"><\/i>\n                    <span class=\"ua-btn-text\">Call<\/span>\n                <\/button>\n\n                <!-- WhatsApp Call to Action -->\n                <a href=\"https:\/\/wa.me\/917001615452?text=Hi%2C%20I%E2%80%99m%20interested%20in%20this%20property%20and%20would%20like%20to%20know%20more%20details.\" target=\"_blank\" class=\"ua-header-btn ua-btn-whatsapp\">\n                    <i class=\"fab fa-whatsapp\"><\/i>\n                    <span class=\"ua-btn-text\">WhatsApp<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- CALL MODAL POPUP -->\n    <div id=\"ua-call-modal\" class=\"ua-modal-overlay\" onclick=\"closeModalOnOutsideClick(event)\">\n        <div class=\"ua-modal-box\">\n            <button class=\"ua-close-modal\" onclick=\"toggleCallModal()\">&times;<\/button>\n            \n            <div class=\"ua-modal-header\">\n                <h3 class=\"ua-modal-title\">Contact <span>Us<\/span><\/h3>\n                <p class=\"ua-modal-subtitle\">Select a line to connect immediately<\/p>\n            <\/div>\n\n            <div class=\"ua-contact-list\">\n                <!-- Primary Phone -->\n                <a href=\"tel:+917001615452\" class=\"ua-contact-option\">\n                    <div class=\"ua-opt-details\">\n                        <span class=\"ua-opt-type\">Phone<\/span>\n                        <span class=\"ua-opt-number\">7001615452<\/span>\n                    <\/div>\n                    <div class=\"ua-opt-icon\">\n                        <i class=\"fas fa-phone\"><\/i>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        function toggleCallModal() {\n            const modal = document.getElementById('ua-call-modal');\n            modal.classList.toggle('active');\n        }\n\n        function closeModalOnOutsideClick(event) {\n            if (event.target.id === 'ua-call-modal') {\n                toggleCallModal();\n            }\n        }\n    <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-323a4c3b e-con-full e-flex e-con e-parent\" data-id=\"323a4c3b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f69a72c elementor-widget elementor-widget-html\" data-id=\"6f69a72c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Ayodhya Nagar - Signature Collection<\/title>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <!-- Premium Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* UNIQUE SCOPED CSS FOR ELEMENTOR - COMBINED HERO *\/\n        body {\n            margin: 0;\n            padding: 0;\n            font-family: 'Inter', sans-serif;\n            background-color: #040b14; \/* Fallback background *\/\n        }\n\n        #ua-premium-v3 {\n            --ua-midnight: #040b14;\n            --ua-gold: #C5A059; \/* Champagne Gold *\/\n            --ua-gold-bright: #E2C28E;\n            --ua-white: #FFFFFF;\n            --ua-glass: rgba(255, 255, 255, 0.03);\n            --ua-font-heading: 'Playfair Display', serif;\n            --ua-font-body: 'Inter', sans-serif;\n\n            position: relative;\n            width: 100%;\n            \/* Auto height to fit content, min-height to ensure full screen impact *\/\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            background-color: var(--ua-midnight);\n            color: var(--ua-white);\n            \/* Minimized padding to remove negative space *\/\n            padding: 40px 20px; \n        }\n\n        \/* Cinematic Background Container *\/\n        #ua-premium-v3 .ua-bg-layer {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n        }\n\n        \/* Overlay to ensure text readability *\/\n        #ua-premium-v3 .ua-bg-overlay {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: linear-gradient(to bottom, rgba(4, 11, 20, 0.5), rgba(4, 11, 20, 0.8), rgba(4, 11, 20, 1));\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        \/* Responsive HTML Image Background *\/\n        #ua-premium-v3 .ua-bg-img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n            \/* Ken Burns Animation applied directly to the image tag *\/\n            animation: kenBurns 20s infinite alternate;\n            display: block;\n        }\n\n        @keyframes kenBurns {\n            0% { transform: scale(1); }\n            100% { transform: scale(1.1); }\n        }\n\n        #ua-premium-v3 .ua-content {\n            position: relative;\n            max-width: 1100px;\n            width: 100%;\n            z-index: 10;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding-top: 60px; \/* Internal spacing *\/\n        }\n\n        \/* Premium Badge *\/\n        #ua-premium-v3 .ua-tagline {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            font-family: var(--ua-font-body);\n            font-size: 0.85rem;\n            font-weight: 600;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            color: var(--ua-gold);\n            margin-bottom: 25px;\n            padding: 8px 0;\n            border-bottom: 1px solid var(--ua-gold);\n            animation: fadeInLetter 1.2s ease-out forwards;\n        }\n\n        \/* Main Heading *\/\n        #ua-premium-v3 .ua-main-title {\n            font-family: var(--ua-font-heading);\n            font-size: clamp(2.8rem, 6vw, 5rem);\n            font-weight: 700;\n            line-height: 1.1;\n            margin-bottom: 25px;\n            color: var(--ua-white);\n            text-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        }\n\n        #ua-premium-v3 .ua-main-title span {\n            display: block;\n            font-style: italic;\n            font-weight: 400;\n            font-size: 0.8em;\n            color: var(--ua-gold-bright);\n        }\n\n        \/* Narrative Description *\/\n        #ua-premium-v3 .ua-desc {\n            font-family: var(--ua-font-body);\n            font-size: clamp(1rem, 1.8vw, 1.25rem);\n            max-width: 750px;\n            margin: 0 auto 40px;\n            line-height: 1.7;\n            color: rgba(255, 255, 255, 0.85);\n            font-weight: 300;\n        }\n\n        \/* INTEGRATED VIDEO CONTAINER *\/\n        #ua-premium-v3 .ua-hero-video-wrapper {\n            width: 100%;\n            max-width: 800px;\n            aspect-ratio: 16 \/ 9;\n            margin: 0 auto 30px;\n            border-radius: 12px;\n            overflow: hidden;\n            background: #000;\n            border: 1px solid rgba(197, 160, 89, 0.3);\n            box-shadow: 0 20px 60px rgba(0,0,0,0.6);\n            position: relative;\n            z-index: 15;\n        }\n\n        \/* Video Overlay & Play Button *\/\n        #ua-premium-v3 .ua-video-overlay {\n            position: absolute;\n            top: 0; left: 0; \n            width: 100%; height: 100%;\n            cursor: pointer;\n            display: flex;\n            align-items: center; \n            justify-content: center; \n            background: rgba(0,0,0,0.2); \n            z-index: 20; \n            transition: background 0.3s ease;\n        }\n\n        #ua-premium-v3 .ua-video-overlay:hover {\n            background: rgba(0,0,0,0.1);\n        }\n\n        #ua-premium-v3 .ua-video-thumb {\n            position: absolute;\n            top: 0; left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            opacity: 0.9;\n            transition: opacity 0.3s ease, transform 0.5s ease;\n            z-index: 1; \n        }\n\n        #ua-premium-v3 .ua-video-overlay:hover .ua-video-thumb {\n            opacity: 0.8;\n            transform: scale(1.02);\n        }\n\n        \/* Black Play Button Icon - Doubled Size *\/\n        #ua-premium-v3 .ua-play-btn {\n            position: relative; \n            background: transparent;\n            border: none;\n            box-shadow: none;\n            color: #000000; \/* Black *\/\n            font-size: 140px; \/* Doubled Size from 70px *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.3s ease, text-shadow 0.3s ease;\n            z-index: 10;\n            padding: 0;\n            \/* White\/Gold Glow to make the Black icon visible on dark video *\/\n            text-shadow: 0 0 30px rgba(255, 215, 0, 0.8), 0 0 10px rgba(255, 255, 255, 0.5); \n        }\n\n        #ua-premium-v3 .ua-video-overlay:hover .ua-play-btn {\n            transform: scale(1.15);\n            \/* Intense Gold Glow on Hover *\/\n            text-shadow: 0 0 50px rgba(197, 160, 89, 1), 0 0 20px rgba(255, 255, 255, 0.8);\n        }\n\n        #ua-premium-v3 .ua-hero-video-wrapper iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n            display: block;\n        }\n\n        \/* Button Group *\/\n        #ua-premium-v3 .ua-actions {\n            display: flex;\n            gap: 25px;\n            justify-content: center;\n            flex-wrap: wrap;\n            margin-bottom: 60px;\n        }\n\n        #ua-premium-v3 .ua-btn {\n            font-family: var(--ua-font-body);\n            padding: 18px 45px;\n            font-size: 1rem;\n            font-weight: 700;\n            text-decoration: none;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            border-radius: 2px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n        }\n\n        \/* Primary: The Signature Luxury Gold *\/\n        #ua-premium-v3 .ua-btn-gold {\n            background: linear-gradient(135deg, #bf953f, #fcf6ba 45%, #b38728 50%, #fbf5b7 100%);\n            background-size: 200% auto;\n            color: #000;\n            border: 1px solid #bf953f;\n            box-shadow: 0 4px 15px rgba(191, 149, 63, 0.3);\n            text-shadow: 0 1px 0 rgba(255,255,255,0.4);\n        }\n\n        #ua-premium-v3 .ua-btn-gold:hover {\n            background-position: right center;\n            box-shadow: 0 10px 30px rgba(191, 149, 63, 0.5);\n            transform: translateY(-3px) scale(1.02);\n            border-color: #fcf6ba;\n        }\n\n        #ua-premium-v3 .ua-btn-gold i {\n            font-size: 1.2rem;\n        }\n\n        \/* Secondary: Outline Gold (New) *\/\n        #ua-premium-v3 .ua-btn-outline {\n            background: transparent;\n            border: 1px solid var(--ua-gold);\n            color: var(--ua-gold);\n            box-shadow: none;\n        }\n\n        #ua-premium-v3 .ua-btn-outline:hover {\n            background: rgba(197, 160, 89, 0.1);\n            color: var(--ua-white);\n            border-color: var(--ua-white);\n            transform: translateY(-3px);\n        }\n\n        \/* Statistics: The Minimalist Bar *\/\n        #ua-premium-v3 .ua-dashboard {\n            width: 100%;\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 30px;\n            border-top: 1px solid rgba(197, 160, 89, 0.2);\n            padding-top: 40px;\n        }\n\n        #ua-premium-v3 .ua-stat-box {\n            display: flex;\n            flex-direction: column; \n            gap: 8px;\n        }\n\n        #ua-premium-v3 .ua-stat-num {\n            font-family: var(--ua-font-heading);\n            font-size: 2.2rem;\n            color: var(--ua-gold-bright);\n        }\n\n        #ua-premium-v3 .ua-stat-label {\n            font-family: var(--ua-font-body);\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: rgba(255, 255, 255, 0.6);\n        }\n\n        \/* Animations *\/\n        @keyframes fadeInLetter {\n            from { opacity: 0; letter-spacing: 10px; }\n            to { opacity: 1; letter-spacing: 3px; }\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 992px) {\n            #ua-premium-v3 .ua-dashboard {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 30px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #ua-premium-v3 {\n                padding: 40px 15px 40px; \n                min-height: auto;\n            }\n            #ua-premium-v3 .ua-content {\n                padding-top: 40px;\n            }\n            #ua-premium-v3 .ua-tagline {\n                font-size: 0.75rem;\n                letter-spacing: 2px;\n                margin-bottom: 15px;\n            }\n            #ua-premium-v3 .ua-main-title {\n                font-size: 2.2rem;\n                margin-bottom: 15px;\n            }\n            #ua-premium-v3 .ua-desc {\n                font-size: 1rem;\n                margin-bottom: 30px;\n            }\n            #ua-premium-v3 .ua-hero-video-wrapper {\n                margin-bottom: 20px;\n                border-radius: 8px;\n                box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n            }\n            #ua-premium-v3 .ua-actions {\n                width: 100%;\n                gap: 15px;\n                margin-bottom: 30px;\n                justify-content: center; \n            }\n            #ua-premium-v3 .ua-btn {\n                width: auto; \n                display: inline-flex;\n                justify-content: center;\n                padding: 10px 24px;\n                font-size: 0.85rem; \n                letter-spacing: 1px;\n            }\n            #ua-premium-v3 .ua-btn i {\n                font-size: 1rem; \n            }\n            #ua-premium-v3 .ua-dashboard {\n                grid-template-columns: repeat(2, 1fr);\n                text-align: center;\n                gap: 20px;\n                margin-top: 10px;\n                padding-top: 20px;\n            }\n            #ua-premium-v3 .ua-stat-box {\n                gap: 5px;\n            }\n            #ua-premium-v3 .ua-stat-num {\n                font-size: 1.6rem;\n            }\n            #ua-premium-v3 .ua-stat-label {\n                font-size: 0.65rem;\n                letter-spacing: 1px;\n            }\n            \/* Adjust Play Button Size for Mobile *\/\n            #ua-premium-v3 .ua-play-btn {\n                font-size: 100px; \/* Doubled Mobile Size (50px * 2) *\/\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section id=\"ua-premium-v3\">\n        <!-- Background Elements: Replaced CSS BG with Picture Tag for Eager Loading -->\n        <div class=\"ua-bg-layer\">\n            <div class=\"ua-bg-overlay\"><\/div>\n            <picture>\n                <!-- Mobile Image -->\n                <source \n                    media=\"(max-width: 768px)\" \n                    srcset=\"https:\/\/crudoimage.in\/wp-content\/uploads\/2026\/01\/Amanat-realty1mobile--scaled.png\">\n                <!-- Desktop Image -->\n                <img decoding=\"async\" \n                    src=\"https:\/\/crudoimage.in\/wp-content\/uploads\/2026\/01\/Amanat-realty1.jpeg\" \n                    alt=\"Ayodhya Nagar Background\" \n                    class=\"ua-bg-img\"\n                    fetchpriority=\"high\"\n                    loading=\"eager\">\n            <\/picture>\n        <\/div>\n\n        <div class=\"ua-content\">\n            <!-- 1. Hero Text -->\n            <div class=\"ua-tagline\">\n                <i class=\"fas fa-crown\"><\/i> THE AYODHYA NAGAR SIGNATURE COLLECTION\n            <\/div>\n\n            <h1 class=\"ua-main-title\">\n                Ayodhya Nagar <span>Smart Land. Strong Location. Secure Future.<\/span>\n            <\/h1>\n\n            <p class=\"ua-desc\">\n                Well-planned residential plots on IISCO Bypass Road with clear titles and easy connectivity. An opportunity built for today\u2019s buyers and tomorrow\u2019s growth.\n            <\/p>\n\n            <!-- 3. Hero Action (Moved Below Video) -->\n            <div class=\"ua-actions\">\n                <a href=\"https:\/\/wa.me\/917001615452?text=Hi%2C%20I%E2%80%99m%20interested%20in%20this%20property%20and%20would%20like%20to%20know%20more%20details.\" target=\"_blank\" class=\"ua-btn ua-btn-gold\">\n                    <i class=\"fab fa-whatsapp\"><\/i> Connect via WhatsApp\n                <\/a>\n                <a href=\"tel:+917001615452\" class=\"ua-btn ua-btn-outline\">\n                    <i class=\"fas fa-phone-alt\"><\/i> Call Now\n                <\/a>\n            <\/div>\n\n            <!-- 4. Hero Stats section removed -->\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffed9de e-con-full e-flex e-con e-parent\" data-id=\"ffed9de\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-504a6984 elementor-widget elementor-widget-html\" data-id=\"504a6984\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Ayodhya Nagar Interactive USP<\/title>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <!-- Premium Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* Scoped Styles for Unicorn Aerocity Interactive USP Section - Golden Hour Dark Glass Version *\/\n        body {\n            margin: 0;\n            background-color: #120f0d;\n        }\n\n        #ua-usp-interactive-section {\n            \/* Palette: Golden Hour \/ Deep Dusk *\/\n            --ua-bg-base: #120f0d; \/* Very deep warm brown\/black *\/\n            --ua-glass-bg: rgba(30, 30, 30, 0.5); \/* Darker smoked glass *\/\n            --ua-glass-border: rgba(255, 215, 0, 0.15); \/* Subtle gold rim *\/\n            --ua-gold: #FFC107; \/* Bright Amber Gold for accents *\/\n            --ua-gold-deep: #B8860B; \/* Deep gold for gradients *\/\n            --ua-text-main: #FFFFFF;\n            --ua-text-muted: #cccccc;\n            --font-heading: 'Playfair Display', serif;\n            --font-body: 'Inter', sans-serif;\n            \n            box-sizing: border-box;\n            font-family: var(--font-body);\n            background-color: var(--ua-bg-base);\n            \/* Golden Hour Gradient Glow *\/\n            background-image: \n                radial-gradient(circle at 90% 10%, rgba(255, 160, 0, 0.12) 0%, transparent 60%),\n                radial-gradient(circle at 10% 90%, rgba(184, 134, 11, 0.15) 0%, transparent 50%),\n                linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);\n            padding: 0; \/* Removed negative space\/padding *\/\n            overflow: hidden;\n            position: relative;\n            min-height: 100vh; \/* Ensure full viewport height for demo *\/\n            display: flex;\n            align-items: center;\n        }\n\n        #ua-usp-interactive-section *,\n        #ua-usp-interactive-section *::before,\n        #ua-usp-interactive-section *::after {\n            box-sizing: inherit;\n            margin: 0;\n            padding: 0;\n        }\n\n        #ua-usp-interactive-section .ua-usp-container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px; \/* Minimal internal padding for mobile edges *\/\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            position: relative;\n            z-index: 1;\n        }\n\n        #ua-usp-interactive-section .ua-usp-main-title {\n            font-family: var(--font-heading);\n            font-size: clamp(2.5rem, 5vw, 3.5rem);\n            font-weight: 700;\n            line-height: 1.2;\n            color: var(--ua-text-main);\n            text-align: center;\n            max-width: 800px;\n            margin-bottom: 15px;\n            text-shadow: 0 2px 10px rgba(0,0,0,0.3);\n            margin-top: 20px; \/* Added small margin to prevent text hitting top edge immediately *\/\n        }\n\n        #ua-usp-interactive-section .ua-usp-subtitle {\n            color: var(--ua-text-muted);\n            font-size: 1.1rem;\n            text-align: center;\n            margin-bottom: 40px; \/* Reduced from 60px to tighten layout *\/\n            max-width: 600px;\n            font-weight: 300;\n        }\n\n        #ua-usp-interactive-section .ua-usp-interactive-area {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            width: 100%;\n            max-width: 500px;\n            height: 520px;\n            margin-bottom: 20px; \/* Small bottom margin *\/\n        }\n\n        #ua-usp-interactive-section .ua-usp-stack-container {\n            position: relative;\n            width: 340px;\n            height: 480px;\n            perspective: 1500px;\n            margin: 0 auto;\n        }\n\n        \/* Smoked Glassmorphism Card *\/\n        #ua-usp-interactive-section .ua-usp-stack-card {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            border-radius: 24px;\n            padding: 40px 30px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            text-align: left;\n            cursor: grab;\n            user-select: none;\n            transform-origin: center;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1.1), opacity 0.5s;\n            will-change: transform, opacity;\n            \n            \/* Smoked Glass Effect *\/\n            background: var(--ua-glass-bg);\n            backdrop-filter: blur(25px);\n            -webkit-backdrop-filter: blur(25px);\n            border: 1px solid var(--ua-glass-border);\n            box-shadow: \n                0 25px 50px -12px rgba(0,0,0,0.4),\n                inset 0 0 0 1px rgba(255,255,255,0.05); \/* Inner light rim *\/\n        }\n        \n        #ua-usp-interactive-section .ua-usp-stack-card.ua-is-dragging {\n            cursor: grabbing;\n            transition: none;\n        }\n\n        \/* Card Content Styling *\/\n        #ua-usp-interactive-section .ua-usp-icon-wrapper {\n            width: 56px;\n            height: 56px;\n            border-radius: 16px;\n            \/* Gradient Icon BG *\/\n            background: linear-gradient(135deg, var(--ua-gold) 0%, var(--ua-gold-deep) 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 25px;\n            box-shadow: 0 8px 20px rgba(184, 134, 11, 0.3);\n        }\n\n        #ua-usp-interactive-section .ua-usp-icon-wrapper i {\n            color: #000000 !important; \/* Black icon on gold for high contrast *\/\n            font-size: 1.5rem !important;\n            display: inline-block;\n        }\n\n        #ua-usp-interactive-section .ua-usp-step-title {\n            font-family: var(--font-heading);\n            font-size: 1.8rem;\n            font-weight: 700;\n            margin-bottom: 20px;\n            color: var(--ua-text-main);\n            letter-spacing: 0.5px;\n        }\n\n        #ua-usp-interactive-section .ua-usp-list {\n            list-style: none;\n            flex-grow: 1;\n        }\n\n        #ua-usp-interactive-section .ua-usp-list li {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 14px;\n            color: var(--ua-text-muted);\n            font-size: 1rem;\n            line-height: 1.6;\n            font-weight: 400;\n        }\n\n        #ua-usp-interactive-section .ua-usp-list li::before {\n            content: '\\f00c';\n            font-family: 'Font Awesome 6 Free';\n            font-weight: 900;\n            position: absolute;\n            left: 0;\n            top: 4px;\n            color: var(--ua-gold);\n            font-size: 0.8rem;\n        }\n\n        \/* Footer container for Tag and CTA *\/\n        #ua-usp-interactive-section .ua-card-footer {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 12px; \/* Spacing between tag and button *\/\n            margin-top: 10px;\n        }\n\n        #ua-usp-interactive-section .ua-highlight-tag {\n            display: inline-block;\n            font-size: 0.75rem;\n            background: rgba(255, 255, 255, 0.1);\n            color: var(--ua-gold);\n            padding: 6px 14px;\n            border-radius: 20px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            border: 1px solid rgba(255, 215, 0, 0.2);\n        }\n\n        \/* WhatsApp CTA Button *\/\n        #ua-usp-interactive-section .ua-whatsapp-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            text-decoration: none;\n            padding: 8px 16px;\n            border-radius: 50px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            background: rgba(37, 211, 102, 0.1); \/* Subtle green tint *\/\n            color: #25D366; \/* WhatsApp Green *\/\n            border: 1px solid rgba(37, 211, 102, 0.3);\n            transition: all 0.3s ease;\n            letter-spacing: 0.5px;\n            cursor: pointer; \/* Ensure pointer cursor *\/\n        }\n\n        #ua-usp-interactive-section .ua-whatsapp-btn:hover {\n            background: rgba(37, 211, 102, 0.2);\n            color: #fff;\n            border-color: #25D366;\n            box-shadow: 0 4px 15px rgba(37, 211, 102, 0.2);\n            transform: translateY(-2px);\n        }\n\n        #ua-usp-interactive-section .ua-whatsapp-btn i {\n            font-size: 1.1em;\n        }\n        \n        \/* Navigation Arrows *\/\n        #ua-usp-interactive-section .ua-usp-nav-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 48px;\n            height: 48px;\n            \/* Glassy Button *\/\n            background-color: rgba(255, 255, 255, 0.05);\n            backdrop-filter: blur(5px);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            font-size: 18px;\n            color: var(--ua-gold);\n            z-index: 20;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n        }\n\n        #ua-usp-interactive-section #ua-usp-prev-card {\n            left: 0px; \n        }\n\n        #ua-usp-interactive-section #ua-usp-next-card {\n            right: 0px;\n        }\n        \n        #ua-usp-interactive-section .ua-usp-nav-arrow:hover {\n            transform: translateY(-50%) scale(1.1);\n            box-shadow: 0 8px 24px rgba(255, 215, 0, 0.15);\n            background-color: var(--ua-gold);\n            color: #000; \/* Black arrow on hover *\/\n            border-color: var(--ua-gold);\n        }\n\n        @media (max-width: 768px) {\n            #ua-usp-interactive-section .ua-usp-interactive-area {\n                height: 500px;\n                max-width: 360px;\n            }\n            #ua-usp-interactive-section .ua-usp-stack-container {\n                width: 280px;\n                height: 440px;\n            }\n            #ua-usp-interactive-section .ua-usp-nav-arrow {\n                width: 40px;\n                height: 40px;\n                font-size: 16px;\n                background-color: rgba(20, 20, 20, 0.8); \/* Darker on mobile for visibility *\/\n            }\n            #ua-usp-interactive-section #ua-usp-prev-card {\n                left: -10px;\n            }\n            #ua-usp-interactive-section #ua-usp-next-card {\n                right: -10px;\n            }\n            #ua-usp-interactive-section .ua-usp-main-title {\n                margin-bottom: 20px;\n                font-size: 2rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div id=\"ua-usp-interactive-section\">\n    <div class=\"ua-usp-container\">\n        <h2 class=\"ua-usp-main-title\">Why Choose Ayodhya Nagar?<\/h2>\n        <p class=\"ua-usp-subtitle\">Swipe to explore the key advantages of owning land in a growing residential corridor.<\/p>\n        \n        <div class=\"ua-usp-interactive-area\">\n            <div class=\"ua-usp-nav-arrow\" id=\"ua-usp-prev-card\"><i class=\"fas fa-chevron-left\"><\/i><\/div>\n            \n            <div class=\"ua-usp-stack-container\" id=\"ua-usp-stack\">\n                <!-- Cards will be dynamically inserted here -->\n            <\/div>\n            \n            <div class=\"ua-usp-nav-arrow\" id=\"ua-usp-next-card\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    let stackContainer, prevBtn, nextBtn, cards, currentIndex, isDragging, startX, startY, currentX, currentY;\n    \n    \/\/ Ayodhya Nagar Data\n    const steps = [\n        { \n            icon: \"fa-map-location-dot\",\n            title: \"Prime Location\", \n            content: `<li>Located on <strong>IISCO Bypass<\/strong><\/li><li>Easy access to Burnpur\u2013Asansol<\/li><li>Strong daily connectivity<\/li><li>Growing residential zone<\/li>`,\n            tag: \"Connectivity\"\n        },\n        { \n            icon: \"fa-chart-line\",\n            title: \"Future Growth\", \n            content: `<li>High Growth Potential<\/li><li>Strong Value Outlook<\/li><li>Future-Ready Location<\/li><li>Smart Investment Choice<\/li>`,\n            tag: \"Investment\"\n        },\n        { \n            icon: \"fa-tree\",\n            title: \"Amenities\", \n            \/\/ Updated content to include road width and \"More\" option\n            content: `<li>Planned Open Spaces<\/li><li>Internal Road Network (18-20 ft)<\/li><li>Secure Gated Layout<\/li><li>Clear Plot Demarcation<\/li><li>Many other amenities<\/li>`,\n            tag: \"Lifestyle\"\n        },\n        { \n            icon: \"fa-tags\",\n            title: \"Plot & Pricing\", \n            content: `<li>Plot Sizes: <strong>2\u20138 Kathas<\/strong><\/li><li>Starting From: <strong>\u20b93,00,000 per Katha<\/strong><\/li><li>Residential Plot Development<\/li><li>No Hidden Charges<\/li>`,\n            tag: \"Value\"\n        }\n    ];\n    \n    function init() {\n        stackContainer = document.getElementById('ua-usp-stack');\n        prevBtn = document.getElementById('ua-usp-prev-card');\n        nextBtn = document.getElementById('ua-usp-next-card');\n\n        if (!stackContainer || !prevBtn || !nextBtn) return;\n\n        cards = [];\n        currentIndex = 0;\n        isDragging = false;\n\n        createCards();\n        \n        nextBtn.addEventListener('click', () => swipeCard('right'));\n        prevBtn.addEventListener('click', () => swipeBack());\n        \n        window.addEventListener('mousemove', onDragMove);\n        window.addEventListener('touchmove', onDragMove, { passive: false });\n        window.addEventListener('mouseup', onDragEnd);\n        window.addEventListener('touchend', onDragEnd);\n    }\n\n    function createCards() {\n        stackContainer.innerHTML = '';\n        cards = steps.map((step, index) => {\n            const card = document.createElement('div');\n            card.classList.add('ua-usp-stack-card');\n            \n            \/\/ Updated WhatsApp Link logic\n            \/\/ Using anchor tag with wa.me link and pre-filled text\n            const phoneNumber = \"917001615452\";\n            const message = encodeURIComponent(\"Hi, I\u2019m interested in this property and would like to know more details.\");\n            const whatsappUrl = `https:\/\/wa.me\/${phoneNumber}?text=${message}`;\n\n            card.innerHTML = `\n                <div class=\"ua-usp-icon-wrapper\"><i class=\"fas ${step.icon}\"><\/i><\/div>\n                <h3 class=\"ua-usp-step-title\">${step.title}<\/h3>\n                <ul class=\"ua-usp-list\">${step.content}<\/ul>\n                <div class=\"ua-card-footer\">\n                    ${step.tag ? `<div class=\"ua-highlight-tag\">${step.tag}<\/div>` : ''}\n                    <a href=\"${whatsappUrl}\" target=\"_blank\" class=\"ua-whatsapp-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Chat on WhatsApp\n                    <\/a>\n                <\/div>\n            `;\n            card.dataset.index = index;\n            stackContainer.appendChild(card);\n            return card;\n        });\n        updateStack();\n        addEventListenersToTopCard();\n    }\n\n    function updateStack() {\n        cards.forEach((card, index) => {\n            const pos = (index - currentIndex + cards.length) % cards.length;\n            const zIndex = cards.length - pos;\n            \n            let transform;\n            if (pos === 0) {\n                transform = 'translateY(0) scale(1) rotate(0deg)';\n                card.style.opacity = '1';\n                \/\/ Stronger shadow for the top card\n                card.style.boxShadow = '0 25px 50px -12px rgba(0,0,0,0.5)';\n            } else if (pos < 3) {\n                const yOffset = -15 * pos;\n                const scale = 1 - 0.05 * pos;\n                \/\/ Alternate rotation for the stack look\n                const rotation = (pos % 2 === 0) ? 2 : -2;\n                transform = `translateY(${yOffset}px) scale(${scale}) rotate(${rotation}deg)`;\n                card.style.opacity = '0.6'; \/\/ Fade out cards behind\n                card.style.boxShadow = '0 10px 15px -3px rgba(0,0,0,0.3)';\n            } else {\n                transform = `translateY(-40px) scale(0.9)`;\n                card.style.opacity = '0';\n            }\n\n            card.style.transform = transform;\n            card.style.zIndex = zIndex;\n            card.style.pointerEvents = (pos === 0) ? 'all' : 'none';\n        });\n    }\n    \n    function addEventListenersToTopCard() {\n        const topCard = cards[currentIndex];\n        if (!topCard) return;\n        topCard.addEventListener('mousedown', onDragStart);\n        topCard.addEventListener('touchstart', onDragStart, { passive: false });\n    }\n\n    function onDragStart(e) {\n        if (e.target.closest('.ua-usp-stack-card') !== cards[currentIndex]) return;\n        isDragging = true;\n        const topCard = cards[currentIndex];\n        topCard.classList.add('ua-is-dragging');\n        \n        startX = e.pageX || e.touches[0].pageX;\n        startY = e.pageY || e.touches[0].pageY;\n        currentX = startX;\n    }\n\n    function onDragMove(e) {\n        if (!isDragging) return;\n        currentX = e.pageX || e.touches[0].pageX;\n        currentY = e.pageY || e.touches[0].pageY;\n\n        const deltaX = currentX - startX;\n        const deltaY = currentY - startY;\n\n        if (e.touches && Math.abs(deltaX) > Math.abs(deltaY)) e.preventDefault();\n\n        const rotate = deltaX * 0.05;\n        const topCard = cards[currentIndex];\n        topCard.style.transform = `translateX(${deltaX}px) rotate(${rotate}deg)`;\n    }\n\n    function onDragEnd() {\n        if (!isDragging) return;\n        isDragging = false;\n        const topCard = cards[currentIndex];\n        topCard.classList.remove('ua-is-dragging');\n\n        const deltaX = currentX - startX;\n        const swipeThreshold = stackContainer.offsetWidth \/ 3.5; \n\n        if (Math.abs(deltaX) > swipeThreshold) {\n            swipeCard(deltaX > 0 ? 'right' : 'left');\n        } else {\n            updateStack(); \n        }\n        currentX = 0; startX = 0;\n    }\n\n    function swipeCard(direction) {\n        const swipedCard = cards[currentIndex];\n        const flyOutX = (direction === 'right' ? 1 : -1) * (window.innerWidth + 200);\n        const rotate = (direction === 'right' ? 1 : -1) * 20;\n        \n        swipedCard.style.pointerEvents = 'none';\n        swipedCard.style.transform = `translateX(${flyOutX}px) rotate(${rotate}deg)`;\n        \n        currentIndex = (currentIndex + 1) % cards.length;\n        \n        setTimeout(() => {\n            updateStack();\n            addEventListenersToTopCard();\n        }, 150);\n    }\n    \n    function swipeBack() {\n        if (cards.length < 2) return;\n        const currentTopCard = cards[currentIndex];\n        const prevIndex = (currentIndex - 1 + cards.length) % cards.length;\n        const prevCard = cards[prevIndex];\n        \n        prevCard.style.transition = 'none';\n        const flyInX = -1 * (window.innerWidth + 200);\n        prevCard.style.transform = `translateX(${flyInX}px) rotate(-20deg)`;\n        \n        currentIndex = prevIndex;\n        void prevCard.offsetWidth; \/\/ Force reflow\n        \n        prevCard.style.transition = 'transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.5s';\n        updateStack();\n        addEventListenersToTopCard();\n    }\n    \n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', init);\n    } else {\n        init();\n    }\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c5244fe e-con-full e-flex e-con e-parent\" data-id=\"2c5244fe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cc766 elementor-widget elementor-widget-html\" data-id=\"3cc766\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Amenities & Gallery<\/title>\n    <!-- Load FontAwesome for Icons -->\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <!-- Load Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* UNIQUE SCOPED CSS TO PREVENT THEME CONFLICTS *\/\n        #ua-wrapper {\n            --ua-midnight: #040b14;\n            --ua-card-bg: #0d141e;\n            --ua-gold: #C5A059;\n            --ua-gold-glow: rgba(197, 160, 89, 0.4);\n            --ua-white: #FFFFFF;\n            --ua-text-muted: #8892b0;\n            --ua-glass: rgba(255, 255, 255, 0.03);\n            --ua-border: rgba(197, 160, 89, 0.15);\n            \n            --font-heading: 'Playfair Display', serif;\n            --font-body: 'Inter', sans-serif;\n\n            font-family: var(--font-body);\n            line-height: 1.5;\n            background-color: var(--ua-midnight);\n            color: var(--ua-white);\n            margin: 0;\n            padding: 0;\n            min-height: 100vh;\n        }\n\n        #ua-wrapper * {\n            box-sizing: border-box;\n        }\n\n        \/* === AMENITIES SECTION STYLES === *\/\n        #ua-amenities-section {\n            padding: 80px 20px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Subtle Background Texture *\/\n        #ua-amenities-section::before, #ua-gallery-section::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background-image: \n                radial-gradient(circle at 15% 50%, rgba(197, 160, 89, 0.05) 0%, transparent 25%),\n                radial-gradient(circle at 85% 30%, rgba(197, 160, 89, 0.03) 0%, transparent 25%);\n            pointer-events: none;\n        }\n\n        #ua-amenities-section .ua-container, #ua-gallery-section .ua-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Header Styling *\/\n        .ua-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .ua-title {\n            font-family: var(--font-heading);\n            font-size: clamp(2rem, 5vw, 3.5rem);\n            color: var(--ua-white);\n            margin: 0 0 15px 0;\n            font-weight: 400;\n        }\n\n        .ua-title span {\n            color: var(--ua-gold);\n            font-style: italic;\n        }\n\n        .ua-subtitle {\n            color: var(--ua-text-muted);\n            font-size: 1.1rem;\n            max-width: 700px;\n            margin: 0 auto;\n            line-height: 1.6;\n        }\n\n        \/* Sticky Filters *\/\n        #ua-amenities-section .ua-filters {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            margin-bottom: 50px;\n            flex-wrap: wrap;\n            position: sticky;\n            top: 20px;\n            z-index: 50;\n            padding: 15px 20px;\n            background: rgba(4, 11, 20, 0.9);\n            backdrop-filter: blur(10px);\n            -webkit-backdrop-filter: blur(10px);\n            border-radius: 50px;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n            width: fit-content;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        #ua-amenities-section .ua-filter-btn {\n            background: transparent;\n            border: 1px solid var(--ua-border);\n            color: var(--ua-text-muted);\n            padding: 10px 25px;\n            border-radius: 50px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            transition: all 0.3s ease;\n            font-family: var(--font-body);\n            white-space: nowrap; \n        }\n\n        #ua-amenities-section .ua-filter-btn:hover,\n        #ua-amenities-section .ua-filter-btn.active {\n            background: var(--ua-gold);\n            color: #000;\n            border-color: var(--ua-gold);\n            box-shadow: 0 0 15px var(--ua-gold-glow);\n        }\n\n        \/* Grid Layout *\/\n        #ua-amenities-section .ua-grid-wrapper {\n            position: relative;\n        }\n\n        #ua-amenities-section .ua-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n            gap: 25px;\n        }\n\n        \/* Card Styling *\/\n        #ua-amenities-section .ua-card {\n            background: var(--ua-card-bg);\n            border: 1px solid var(--ua-border);\n            border-radius: 12px;\n            padding: 30px 25px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n            height: 100%;\n            min-height: 220px;\n            justify-content: center;\n        }\n\n        #ua-amenities-section .ua-card::after {\n            content: '';\n            position: absolute;\n            bottom: 0; left: 0; width: 100%; height: 3px;\n            background: var(--ua-gold);\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.4s ease;\n        }\n\n        #ua-amenities-section .ua-card:hover {\n            transform: translateY(-5px);\n            background: linear-gradient(145deg, #131b26, #0d141e);\n            border-color: var(--ua-gold);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n        }\n\n        #ua-amenities-section .ua-card:hover::after {\n            transform: scaleX(1);\n        }\n\n        \/* Icon Styling *\/\n        #ua-amenities-section .ua-icon-box {\n            width: 60px;\n            height: 60px;\n            background: var(--ua-glass);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            color: var(--ua-gold);\n            margin-bottom: 20px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(255,255,255,0.05);\n            flex-shrink: 0;\n        }\n\n        #ua-amenities-section .ua-card:hover .ua-icon-box {\n            background: var(--ua-gold);\n            color: #000;\n            box-shadow: 0 0 20px var(--ua-gold-glow);\n        }\n\n        #ua-amenities-section .ua-card-title {\n            color: var(--ua-white);\n            font-size: 1.15rem;\n            font-weight: 500;\n            letter-spacing: 0.5px;\n            margin: 0;\n        }\n        \n        #ua-amenities-section .ua-card-desc {\n            color: var(--ua-text-muted);\n            font-size: 0.9rem;\n            margin-top: 8px;\n            line-height: 1.4;\n        }\n\n        \/* Featured Cards (Span 2 columns) *\/\n        #ua-amenities-section .ua-card.featured {\n            grid-column: span 2;\n            flex-direction: row;\n            text-align: left;\n            padding: 40px;\n            background: linear-gradient(135deg, rgba(197, 160, 89, 0.1), var(--ua-card-bg));\n            justify-content: flex-start;\n        }\n\n        #ua-amenities-section .ua-card.featured .ua-icon-box {\n            width: 80px;\n            height: 80px;\n            font-size: 2rem;\n            margin-bottom: 0;\n            margin-right: 25px;\n        }\n\n        #ua-amenities-section .ua-card.featured .ua-card-title {\n            font-size: 1.5rem;\n            font-family: var(--font-heading);\n        }\n\n        \/* Utility Class for JS Filtering *\/\n        #ua-amenities-section .ua-card.hidden {\n            display: none;\n        }\n\n        \/* Mobile Arrows - Now Global for Horizontal Scroll Areas *\/\n        .ua-scroll-arrow {\n            display: none; \n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 40px;\n            height: 40px;\n            background: var(--ua-gold);\n            color: #000;\n            border-radius: 50%;\n            align-items: center;\n            justify-content: center;\n            z-index: 10;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.5);\n            cursor: pointer;\n            border: 1px solid rgba(255,255,255,0.2);\n            opacity: 0.9;\n            transition: all 0.3s ease;\n        }\n        .ua-scroll-arrow:hover {\n            transform: translateY(-50%) scale(1.1);\n            background: #fff;\n        }\n        .ua-scroll-arrow.left { left: 10px; }\n        .ua-scroll-arrow.right { right: 10px; }\n\n\n        \/* === GALLERY SECTION STYLES === *\/\n        #ua-gallery-section {\n            padding: 0 20px 80px; \/* Continue flow from amenities *\/\n            position: relative;\n        }\n\n        \/* UPDATED: Horizontal Scroll for Gallery *\/\n        .ua-gallery-grid {\n            display: flex;\n            overflow-x: auto;\n            gap: 20px;\n            padding: 10px 5px 20px; \/* Bottom padding for shadow\/hover space *\/\n            scroll-snap-type: x mandatory;\n            scrollbar-width: none; \/* Firefox *\/\n        }\n        \n        .ua-gallery-grid::-webkit-scrollbar {\n            display: none; \/* Chrome\/Safari *\/\n        }\n\n        .ua-gallery-item {\n            position: relative;\n            border-radius: 12px;\n            overflow: hidden;\n            border: 1px solid var(--ua-border);\n            aspect-ratio: 4\/3; \/* Consistent height *\/\n            cursor: pointer;\n            background: var(--ua-card-bg);\n            \/* Fixed width for horizontal scroll *\/\n            min-width: 300px;\n            max-width: 300px;\n            flex-shrink: 0;\n            scroll-snap-align: center;\n        }\n\n        .ua-gallery-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n            display: block;\n        }\n\n        .ua-gallery-overlay {\n            position: absolute;\n            inset: 0;\n            background: rgba(4, 11, 20, 0.6);\n            opacity: 0;\n            transition: opacity 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .ua-gallery-overlay i {\n            color: var(--ua-gold);\n            font-size: 2rem;\n            transform: scale(0.5);\n            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n\n        .ua-gallery-item:hover img {\n            transform: scale(1.1);\n        }\n\n        .ua-gallery-item:hover .ua-gallery-overlay {\n            opacity: 1;\n        }\n\n        .ua-gallery-item:hover .ua-gallery-overlay i {\n            transform: scale(1);\n        }\n        \n        .ua-gallery-item:hover {\n            border-color: var(--ua-gold);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n        }\n\n        \/* Show arrows for gallery on all screens *\/\n        #ua-gallery-section .ua-scroll-arrow {\n            display: flex;\n        }\n\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            #ua-amenities-section {\n                padding: 60px 0; \n            }\n            #ua-amenities-section .ua-container, #ua-gallery-section .ua-container {\n                padding: 0; \n            }\n            .ua-header, \n            #ua-amenities-section .ua-filters {\n                padding-left: 20px;\n                padding-right: 20px;\n                margin-left: 10px;\n                margin-right: 10px;\n            }\n\n            \/* Scrollable Filters *\/\n            #ua-amenities-section .ua-filters {\n                justify-content: flex-start;\n                overflow-x: auto;\n                flex-wrap: nowrap;\n                padding-bottom: 15px; \n                -webkit-overflow-scrolling: touch;\n            }\n            #ua-amenities-section .ua-filters::-webkit-scrollbar {\n                display: none; \n            }\n\n            \/* Horizontal Scroll Grid *\/\n            #ua-amenities-section .ua-grid {\n                display: flex;\n                overflow-x: auto;\n                gap: 15px;\n                padding: 10px 20px 40px; \n                scroll-snap-type: x mandatory;\n                -webkit-overflow-scrolling: touch;\n                grid-template-columns: unset;\n            }\n            \n            #ua-amenities-section .ua-grid::-webkit-scrollbar {\n                display: none;\n            }\n\n            #ua-amenities-section .ua-card {\n                min-width: 280px; \n                max-width: 280px;\n                flex-shrink: 0;\n                scroll-snap-align: center; \n            }\n\n            \/* Reset Featured Card for Mobile *\/\n            #ua-amenities-section .ua-card.featured {\n                grid-column: unset;\n                flex-direction: column;\n                text-align: center;\n                padding: 30px 20px;\n                justify-content: center;\n            }\n            \n            #ua-amenities-section .ua-card.featured .ua-icon-box {\n                margin-right: 0;\n                margin-bottom: 20px;\n                width: 60px; height: 60px; font-size: 1.5rem; \n            }\n            \n            #ua-amenities-section .ua-card.featured .ua-card-title {\n                font-size: 1.15rem;\n                font-family: var(--font-body);\n            }\n\n            .ua-scroll-arrow {\n                display: flex;\n            }\n\n            \/* Gallery Mobile Padding *\/\n            #ua-gallery-section {\n                padding: 0 20px 60px;\n            }\n            \n            \/* Adjust gallery item size for mobile *\/\n            .ua-gallery-item {\n                min-width: 280px;\n                max-width: 280px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div id=\"ua-wrapper\">\n\n    <!-- === AMENITIES SECTION === -->\n    <section id=\"ua-amenities-section\">\n        <div class=\"ua-container\">\n            <div class=\"ua-header\">\n                <h2 class=\"ua-title\">Curated for <span>Excellence<\/span><\/h2>\n                <p class=\"ua-subtitle\">Discover a prime location with world-class connectivity and modern facilities designed for a superior lifestyle.<\/p>\n            <\/div>\n\n            <div class=\"ua-filters\">\n                <button class=\"ua-filter-btn active\" onclick=\"filterAmenities('all')\">View All<\/button>\n                <button class=\"ua-filter-btn\" onclick=\"filterAmenities('location')\">Location<\/button>\n                <button class=\"ua-filter-btn\" onclick=\"filterAmenities('facilities')\">Facilities<\/button>\n            <\/div>\n\n            <div class=\"ua-grid-wrapper\">\n                <div class=\"ua-scroll-arrow left\" onclick=\"scrollGrid('left', 'ua-amenities-grid')\"><i class=\"fas fa-chevron-left\"><\/i><\/div>\n                <div class=\"ua-scroll-arrow right\" onclick=\"scrollGrid('right', 'ua-amenities-grid')\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n\n                <div class=\"ua-grid\" id=\"ua-amenities-grid\">\n                    \n                    <!-- === LOCATION ITEMS === -->\n                    <!-- 1. Sri Sri Academy -->\n                    <div class=\"ua-card featured\" data-category=\"location\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n                        <div class=\"ua-card-content\">\n                            <h3 class=\"ua-card-title\">Sri Sri Academy<\/h3>\n                            <p class=\"ua-card-desc\">Just 100 Metres away<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- 2. Petrol Pump -->\n                    <div class=\"ua-card\" data-category=\"location\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-gas-pump\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Petrol Pump<\/h3>\n                        <p class=\"ua-card-desc\">10 Metre<\/p>\n                    <\/div>\n\n                    <!-- 3. Market -->\n                    <div class=\"ua-card\" data-category=\"location\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-shop\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Market<\/h3>\n                        <p class=\"ua-card-desc\">2 Km<\/p>\n                    <\/div>\n\n                    <!-- 4. Hospital -->\n                    <div class=\"ua-card\" data-category=\"location\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-notes-medical\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Hospital<\/h3>\n                        <p class=\"ua-card-desc\">5 Km<\/p>\n                    <\/div>\n\n                    <!-- 5. Burnpur Station -->\n                    <div class=\"ua-card\" data-category=\"location\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-train\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Burnpur Railway Station<\/h3>\n                        <p class=\"ua-card-desc\">6 Km<\/p>\n                    <\/div>\n\n                    <!-- 6. Sitarampur Station -->\n                    <div class=\"ua-card\" data-category=\"location\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-train\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Sitarampur Railway Station<\/h3>\n                        <p class=\"ua-card-desc\">5 Km<\/p>\n                    <\/div>\n\n                    <!-- 7. NH2 Highway -->\n                    <div class=\"ua-card\" data-category=\"location\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-road\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">NH2 Highway<\/h3>\n                        <p class=\"ua-card-desc\">5 Km<\/p>\n                    <\/div>\n\n                    <!-- NEW: Chitra Galaxy Mall -->\n                    <div class=\"ua-card\" data-category=\"location\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-bag-shopping\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Chitra Galaxy Mall<\/h3>\n                        <p class=\"ua-card-desc\">5 Km<\/p>\n                    <\/div>\n\n\n                    <!-- === FACILITIES ITEMS === -->\n                    <!-- 8. Grand Entrance -->\n                    <div class=\"ua-card featured\" data-category=\"facilities\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-archway\"><\/i><\/div>\n                        <div class=\"ua-card-content\">\n                            <h3 class=\"ua-card-title\">Grand Entrance<\/h3>\n                            <p class=\"ua-card-desc\">30 Feet Wide Entrance<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- 9. Link Roads (Renamed from Branch Roads) -->\n                    <div class=\"ua-card\" data-category=\"facilities\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-route\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Link Roads<\/h3>\n                        <p class=\"ua-card-desc\">20 Feet Wide<\/p>\n                    <\/div>\n\n                    <!-- 10. Electricity -->\n                    <div class=\"ua-card\" data-category=\"facilities\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-bolt\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Electricity<\/h3>\n                        <p class=\"ua-card-desc\">Available<\/p>\n                    <\/div>\n\n                    <!-- 11. Water Supply -->\n                    <div class=\"ua-card\" data-category=\"facilities\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-faucet\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Water Supply<\/h3>\n                        <p class=\"ua-card-desc\">Available<\/p>\n                    <\/div>\n\n                    <!-- 12. Drainage System -->\n                    <div class=\"ua-card\" data-category=\"facilities\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-arrow-down-long\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Drainage System<\/h3>\n                        <p class=\"ua-card-desc\">Modern Infrastructure<\/p>\n                    <\/div>\n\n                    <!-- 13. Temple -->\n                    <div class=\"ua-card\" data-category=\"facilities\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-gopuram\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Temple<\/h3>\n                    <\/div>\n\n                    <!-- 14. Park -->\n                    <div class=\"ua-card\" data-category=\"facilities\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-tree\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Park<\/h3>\n                    <\/div>\n\n                    <!-- 15. Garden -->\n                    <div class=\"ua-card\" data-category=\"facilities\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-leaf\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Garden<\/h3>\n                    <\/div>\n\n                    <!-- 16. Gated Community -->\n                    <div class=\"ua-card\" data-category=\"facilities\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-shield-halved\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">Gated Community<\/h3>\n                        <p class=\"ua-card-desc\">With Security Guards<\/p>\n                    <\/div>\n\n                    <!-- NEW: CCTV -->\n                    <div class=\"ua-card\" data-category=\"facilities\">\n                        <div class=\"ua-icon-box\"><i class=\"fas fa-video\"><\/i><\/div>\n                        <h3 class=\"ua-card-title\">24\/7 Surveillance<\/h3>\n                        <p class=\"ua-card-desc\">CCTV Monitoring<\/p>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- === GALLERY SECTION === -->\n    <section id=\"ua-gallery-section\">\n        <div class=\"ua-container\">\n            <div class=\"ua-header\">\n                <h2 class=\"ua-title\">Project <span>Gallery<\/span><\/h2>\n                <p class=\"ua-subtitle\">A glimpse into the lifestyle that awaits you.<\/p>\n            <\/div>\n\n            <!-- Horizontal Scroll Wrapper -->\n            <div class=\"ua-grid-wrapper\">\n                <div class=\"ua-scroll-arrow left\" onclick=\"scrollGrid('left', 'ua-gallery-grid')\"><i class=\"fas fa-chevron-left\"><\/i><\/div>\n                <div class=\"ua-scroll-arrow right\" onclick=\"scrollGrid('right', 'ua-gallery-grid')\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n\n                <!-- GALLERY IMAGES START -->\n                <div class=\"ua-gallery-grid\" id=\"ua-gallery-grid\">\n                    <!-- Image 1 -->\n                    <div class=\"ua-gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/crudoimage.in\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-13-at-15.26.23-scaled.jpeg\" alt=\"Project view\" loading=\"lazy\">\n                        <div class=\"ua-gallery-overlay\"><i class=\"fas fa-plus\"><\/i><\/div>\n                    <\/div>\n                    <!-- Image 2 -->\n                    <div class=\"ua-gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/crudoimage.in\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-13-at-15.26.23-1-scaled.jpeg\" alt=\"Amenities view\" loading=\"lazy\">\n                        <div class=\"ua-gallery-overlay\"><i class=\"fas fa-plus\"><\/i><\/div>\n                    <\/div>\n                    <!-- Image 3 -->\n                    <div class=\"ua-gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/crudoimage.in\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-13-at-15.26.23-2-scaled.jpeg\" alt=\"Interior view\" loading=\"lazy\">\n                        <div class=\"ua-gallery-overlay\"><i class=\"fas fa-plus\"><\/i><\/div>\n                    <\/div>\n                    <!-- Image 4 -->\n                    <div class=\"ua-gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/crudoimage.in\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-13-at-15.26.24-scaled.jpeg\" alt=\"Outdoor view\" loading=\"lazy\">\n                        <div class=\"ua-gallery-overlay\"><i class=\"fas fa-plus\"><\/i><\/div>\n                    <\/div>\n                    <!-- Image 5 -->\n                    <div class=\"ua-gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/crudoimage.in\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-13-at-15.26.24-1-scaled.jpeg\" alt=\"Building view\" loading=\"lazy\">\n                        <div class=\"ua-gallery-overlay\"><i class=\"fas fa-plus\"><\/i><\/div>\n                    <\/div>\n                    <!-- Image 6 -->\n                    <div class=\"ua-gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/crudoimage.in\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-13-at-15.26.25-scaled.jpeg\" alt=\"Garden view\" loading=\"lazy\">\n                        <div class=\"ua-gallery-overlay\"><i class=\"fas fa-plus\"><\/i><\/div>\n                    <\/div>\n                <\/div>\n                <!-- GALLERY IMAGES END -->\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n    function filterAmenities(category) {\n        \/\/ Update Buttons\n        const buttons = document.querySelectorAll('#ua-amenities-section .ua-filter-btn');\n        buttons.forEach(btn => btn.classList.remove('active'));\n        event.target.classList.add('active');\n\n        \/\/ Filter Cards\n        const cards = document.querySelectorAll('#ua-amenities-section .ua-card');\n        const grid = document.getElementById('ua-amenities-grid');\n        \n        \/\/ Reset scroll logic\n        grid.scrollLeft = 0;\n\n        cards.forEach(card => {\n            if (category === 'all' || card.dataset.category === category) {\n                card.classList.remove('hidden');\n                \/\/ Force layout recalculation for mobile scroll fix\n                if(window.innerWidth <= 768) {\n                    card.style.display = 'flex';\n                } else {\n                    card.style.display = null; \/\/ Let CSS grid handle it\n                }\n                \n                \/\/ Add simple fade animation\n                card.style.animation = 'none';\n                card.offsetHeight; \/* trigger reflow *\/\n                card.style.animation = 'uaFadeIn 0.5s ease forwards';\n            } else {\n                card.classList.add('hidden');\n            }\n        });\n    }\n\n    function scrollGrid(direction, elementId) {\n        \/\/ Default to amenities if no ID passed (backward compatibility)\n        const gridId = elementId || 'ua-amenities-grid';\n        const grid = document.getElementById(gridId);\n        \n        \/\/ Adjust scroll amount based on item width + gap\n        \/\/ Amenities card ~260-280px + 25px gap\n        \/\/ Gallery item ~300px + 20px gap\n        const scrollAmount = 320; \n        \n        if (direction === 'left') {\n            grid.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\n        } else {\n            grid.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n        }\n    }\n\n    \/\/ Inject simple animation\n    const styleSheet = document.createElement(\"style\");\n    styleSheet.innerText = `\n        @keyframes uaFadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n    `;\n    document.head.appendChild(styleSheet);\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b1b86a9 e-con-full e-flex e-con e-parent\" data-id=\"6b1b86a9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-608ec90f elementor-widget elementor-widget-html\" data-id=\"608ec90f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <!-- Load FontAwesome and Fonts -->\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* Scoped CSS for WordPress Connectivity Section *\/\n        #ua-connectivity-section {\n            --ua-midnight: #040b14;\n            --ua-card-bg: rgba(13, 20, 30, 0.6);\n            --ua-gold: #C5A059;\n            --ua-gold-bright: #E2C28E;\n            --ua-white: #FFFFFF;\n            --ua-text-muted: #9aa5b1;\n            --ua-border: rgba(197, 160, 89, 0.2);\n            --ua-glass: rgba(255, 255, 255, 0.03);\n            \n            --font-heading: 'Playfair Display', serif;\n            --font-body: 'Inter', sans-serif;\n\n            background-color: var(--ua-midnight);\n            padding: 100px 20px;\n            position: relative;\n            font-family: var(--font-body);\n            overflow: hidden;\n            box-sizing: border-box;\n            color: var(--ua-text-muted);\n        }\n\n        \/* Reset for WP environments *\/\n        #ua-connectivity-section * {\n            box-sizing: border-box;\n        }\n\n        #ua-connectivity-section h2, \n        #ua-connectivity-section h3, \n        #ua-connectivity-section p {\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* Ambient Background Glow *\/\n        #ua-connectivity-section::before {\n            content: '';\n            position: absolute;\n            top: -10%; right: -10%; width: 50%; height: 50%;\n            background: radial-gradient(circle, rgba(197, 160, 89, 0.08) 0%, transparent 60%);\n            pointer-events: none;\n        }\n\n        #ua-connectivity-section .ua-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Section Header *\/\n        #ua-connectivity-section .ua-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        #ua-connectivity-section .ua-title {\n            font-family: var(--font-heading);\n            font-size: clamp(2.5rem, 5vw, 3.5rem);\n            color: var(--ua-white);\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        #ua-connectivity-section .ua-title span {\n            color: var(--ua-gold);\n            font-style: italic;\n        }\n\n        #ua-connectivity-section .ua-subtitle {\n            color: var(--ua-text-muted);\n            font-size: 1.1rem;\n            max-width: 700px;\n            margin: 0 auto;\n            line-height: 1.6;\n        }\n\n        \/* Grid Layout *\/\n        #ua-connectivity-section .ua-content-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            align-items: start;\n        }\n\n        \/* Left Side: Connectivity List *\/\n        #ua-connectivity-section .ua-list-container {\n            background: var(--ua-glass);\n            border: 1px solid var(--ua-border);\n            border-radius: 16px;\n            padding: 30px;\n            backdrop-filter: blur(10px);\n            max-height: 600px;\n            overflow-y: auto;\n        }\n\n        \/* Scrollbar Styling *\/\n        #ua-connectivity-section .ua-list-container::-webkit-scrollbar { width: 6px; }\n        #ua-connectivity-section .ua-list-container::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.02); }\n        #ua-connectivity-section .ua-list-container::-webkit-scrollbar-thumb { background: var(--ua-gold); border-radius: 3px; }\n\n        .ua-location-item {\n            display: flex;\n            align-items: center;\n            padding: 15px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n            transition: all 0.3s ease;\n        }\n\n        .ua-location-item:last-child { border-bottom: none; }\n        .ua-location-item:hover {\n            background: rgba(255, 255, 255, 0.02);\n            padding-left: 10px;\n            border-radius: 8px;\n        }\n\n        .ua-loc-icon {\n            width: 45px;\n            height: 45px;\n            border-radius: 50%;\n            background: rgba(197, 160, 89, 0.15);\n            color: var(--ua-gold);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 20px;\n            font-size: 1.1rem;\n            flex-shrink: 0;\n            transition: transform 0.3s;\n        }\n\n        .ua-location-item:hover .ua-loc-icon {\n            transform: scale(1.1);\n        }\n\n        .ua-loc-info { flex-grow: 1; }\n\n        .ua-loc-name {\n            color: var(--ua-white);\n            font-size: 1rem;\n            font-weight: 600;\n            margin-bottom: 4px;\n            display: block;\n            transition: color 0.3s;\n        }\n        \n        .ua-location-item:hover .ua-loc-name {\n            color: var(--ua-gold);\n        }\n\n        .ua-loc-meta {\n            font-size: 0.85rem;\n            color: var(--ua-text-muted);\n            display: flex;\n            flex-wrap: wrap;\n            gap: 15px;\n        }\n\n        .ua-loc-meta span {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .ua-loc-meta i {\n            color: var(--ua-gold);\n            font-size: 0.8rem;\n        }\n\n        \/* Right Side: Map *\/\n        #ua-connectivity-section .ua-map-wrapper {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            border: 1px solid var(--ua-border);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\n            height: 500px;\n            width: 100%;\n        }\n\n        #ua-connectivity-section .ua-map-wrapper iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n            filter: grayscale(20%) contrast(1.1);\n            transition: filter 0.5s ease;\n        }\n\n        #ua-connectivity-section .ua-map-wrapper:hover iframe {\n            filter: grayscale(0%) contrast(1);\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 992px) {\n            #ua-connectivity-section { padding: 60px 20px; }\n            #ua-connectivity-section .ua-content-grid { grid-template-columns: 1fr; gap: 40px; }\n            #ua-connectivity-section .ua-map-wrapper { min-height: 400px; order: -1; }\n            #ua-connectivity-section .ua-list-container { max-height: none; padding: 20px; }\n            .ua-loc-meta { flex-direction: column; gap: 5px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section id=\"ua-connectivity-section\">\n    <div class=\"ua-container\">\n        <div class=\"ua-header\">\n            <h2 class=\"ua-title\">Strategic <span>Connectivity<\/span><\/h2>\n            <p class=\"ua-subtitle\">Located along the IISCO Bypass corridor, Ayodhya Nagar offers quick access to key towns, industrial hubs, and everyday essentials, without city congestion.<\/p>\n        <\/div>\n\n        <div class=\"ua-content-grid\">\n            <!-- Left: Connectivity List -->\n            <div class=\"ua-list-container\">\n                <!-- 1. IISCO Bypass Road -->\n                <div class=\"ua-location-item\">\n                    <div class=\"ua-loc-icon\"><i class=\"fas fa-road\"><\/i><\/div>\n                    <div class=\"ua-loc-info\">\n                        <span class=\"ua-loc-name\">IISCO Bypass Road<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-check-circle\"><\/i> Immediate access<\/span>\n                            <span><i class=\"fas fa-arrow-right\"><\/i> Smooth movement toward Burnpur and Asansol<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 2. Burnpur Town Area -->\n                <div class=\"ua-location-item\">\n                    <div class=\"ua-loc-icon\"><i class=\"fas fa-city\"><\/i><\/div>\n                    <div class=\"ua-loc-info\">\n                        <span class=\"ua-loc-name\">Burnpur Town Area<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-clock\"><\/i> Approx. 10 minutes<\/span>\n                            <span><i class=\"fas fa-store\"><\/i> Daily markets, banks, and services<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 3. Asansol City Center -->\n                <div class=\"ua-location-item\">\n                    <div class=\"ua-loc-icon\"><i class=\"fas fa-building\"><\/i><\/div>\n                    <div class=\"ua-loc-info\">\n                        <span class=\"ua-loc-name\">Asansol City Center<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-clock\"><\/i> Approx. 20\u201325 minutes<\/span>\n                            <span><i class=\"fas fa-bag-shopping\"><\/i> Commercial zones, malls, and institutions<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 4. Industrial & Employment Hubs -->\n                <div class=\"ua-location-item\">\n                    <div class=\"ua-loc-icon\"><i class=\"fas fa-industry\"><\/i><\/div>\n                    <div class=\"ua-loc-info\">\n                        <span class=\"ua-loc-name\">Industrial & Employment Hubs<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-map-pin\"><\/i> Close to steel and allied industrial units<\/span>\n                            <span><i class=\"fas fa-chart-line\"><\/i> Strong rental and demand drivers<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 5. Schools & Healthcare -->\n                <div class=\"ua-location-item\">\n                    <div class=\"ua-loc-icon\"><i class=\"fas fa-heart-pulse\"><\/i><\/div>\n                    <div class=\"ua-loc-info\">\n                        <span class=\"ua-loc-name\">Schools & Healthcare<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-check-circle\"><\/i> Nearby schools, clinics, and hospitals<\/span>\n                            <span><i class=\"fas fa-car-side\"><\/i> Easy daily commute for families<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 6. Internal Road Network (NEW ADDITION) -->\n                <div class=\"ua-location-item\">\n                    <div class=\"ua-loc-icon\"><i class=\"fas fa-route\"><\/i><\/div>\n                    <div class=\"ua-loc-info\">\n                        <span class=\"ua-loc-name\">Internal Road Network<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-check-circle\"><\/i> 18 & 20 ft wide internal roads<\/span>\n                            <span><i class=\"fas fa-car-side\"><\/i> Congestion-free movement within the township<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- Right: Google Map Embed -->\n            <div class=\"ua-map-wrapper\">\n                <iframe \n                    src=\"https:\/\/maps.google.com\/maps?q=IISCO+Bypass+Road,+Asansol&t=&z=13&ie=UTF8&iwloc=&output=embed\"\n                    allowfullscreen=\"\" \n                    loading=\"lazy\" \n                    referrerpolicy=\"no-referrer-when-downgrade\" \n                    title=\"Ayodhya Nagar Connectivity Map\">\n                <\/iframe>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30b12ac e-con-full e-flex e-con e-parent\" data-id=\"30b12ac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-180bb5b5 elementor-widget elementor-widget-html\" data-id=\"180bb5b5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- COPY AND PASTE THIS ENTIRE BLOCK INTO AN ELEMENTOR HTML WIDGET -->\n\n<div id=\"ua-downloads-section\">\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* SCOPED CSS FOR ELEMENTOR *\/\n        #ua-downloads-section {\n            --ua-midnight: #040b14;\n            --ua-card-surface: #0e1218;\n            --ua-gold: #C5A059;\n            --ua-gold-bright: #E2C28E;\n            --ua-white: #FFFFFF;\n            --ua-text-grey: #86868b;\n            --ua-border: rgba(197, 160, 89, 0.15);\n            \n            --font-heading: 'Playfair Display', serif;\n            --font-body: 'Inter', sans-serif;\n\n            background-color: var(--ua-midnight);\n            padding: 80px 20px;\n            font-family: var(--font-body);\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-sizing: border-box;\n        }\n\n        #ua-downloads-section * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        #ua-downloads-section .ua-container {\n            max-width: 1100px;\n            margin: 0 auto;\n            width: 100%;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Section Header *\/\n        #ua-downloads-section .ua-section-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        #ua-downloads-section .ua-title {\n            font-family: var(--font-heading);\n            font-size: clamp(2rem, 4vw, 3.5rem);\n            color: var(--ua-white);\n            margin-bottom: 10px;\n        }\n\n        \/* Bento Grid *\/\n        #ua-downloads-section .ua-bento-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 30px;\n        }\n\n        \/* Card Design *\/\n        #ua-downloads-section .ua-bento-card {\n            background-color: var(--ua-card-surface);\n            border-radius: 30px;\n            padding: 50px 40px;\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            min-height: 350px;\n            border: 1px solid var(--ua-border);\n            transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease, border-color 0.4s ease;\n            text-decoration: none; \/* Reset for if card is link *\/\n        }\n\n        #ua-downloads-section .ua-bento-card:hover {\n            transform: scale(1.02);\n            box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n            border-color: rgba(197, 160, 89, 0.3);\n        }\n\n        \/* Card Background Glow *\/\n        #ua-downloads-section .ua-bento-card::before {\n            content: '';\n            position: absolute;\n            top: -50%; right: -50%;\n            width: 100%; height: 100%;\n            background: radial-gradient(circle, rgba(197, 160, 89, 0.08) 0%, transparent 70%);\n            pointer-events: none;\n        }\n\n        #ua-downloads-section .ua-content-wrapper {\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Typography inside Card *\/\n        #ua-downloads-section .ua-eyebrow {\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--ua-gold);\n            font-weight: 700;\n            margin-bottom: 16px;\n            display: block;\n        }\n\n        #ua-downloads-section .ua-card-title {\n            font-family: var(--font-heading);\n            font-size: 2.2rem;\n            color: var(--ua-white);\n            margin-bottom: 20px;\n            line-height: 1.1;\n        }\n\n        #ua-downloads-section .ua-card-desc {\n            color: var(--ua-text-grey);\n            font-size: 1.05rem;\n            line-height: 1.6;\n            max-width: 90%;\n        }\n\n        \/* SVG Icons *\/\n        #ua-downloads-section .ua-card-bg-icon {\n            position: absolute;\n            top: 32px;\n            right: 32px;\n            width: 64px;\n            height: 64px;\n            color: rgba(255, 255, 255, 0.05);\n            transition: color 0.3s ease;\n            z-index: 1;\n        }\n\n        #ua-downloads-section .ua-bento-card:hover .ua-card-bg-icon {\n            color: rgba(197, 160, 89, 0.1);\n        }\n\n        \/* Button *\/\n        #ua-downloads-section .ua-btn-wrapper {\n            margin-top: 40px;\n            position: relative;\n            z-index: 2;\n        }\n\n        #ua-downloads-section .ua-download-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background: linear-gradient(135deg, rgba(197, 160, 89, 0.1), rgba(197, 160, 89, 0.05));\n            border: 1px solid var(--ua-gold);\n            padding: 12px 24px;\n            border-radius: 50px;\n            color: var(--ua-gold-bright);\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        #ua-downloads-section .ua-download-btn:hover {\n            background: var(--ua-gold);\n            color: #000;\n            padding-right: 32px; \n        }\n\n        #ua-downloads-section .ua-download-btn svg {\n            width: 18px;\n            height: 18px;\n            fill: currentColor;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            #ua-downloads-section {\n                padding: 60px 20px;\n            }\n            #ua-downloads-section .ua-bento-grid {\n                grid-template-columns: 1fr;\n            }\n            #ua-downloads-section .ua-bento-card {\n                padding: 30px;\n                min-height: auto;\n            }\n            #ua-downloads-section .ua-card-title {\n                font-size: 1.8rem;\n            }\n            #ua-downloads-section .ua-card-desc {\n                max-width: 100%;\n            }\n            #ua-downloads-section .ua-card-bg-icon {\n                width: 48px;\n                height: 48px;\n            }\n        }\n    <\/style>\n\n    <div class=\"ua-container\">\n        \n        <div class=\"ua-section-header\">\n            <h2 class=\"ua-title\">Project Resources<\/h2>\n        <\/div>\n\n        <div class=\"ua-bento-grid\">\n            <!-- Card 1: Project Overview -->\n            <div class=\"ua-bento-card\">\n                <!-- Background Icon (Building) -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"ua-card-bg-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"\/><path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\"\/><path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\"\/><path d=\"M10 6h4\"\/><path d=\"M10 10h4\"\/><path d=\"M10 14h4\"\/><path d=\"M10 18h4\"\/><\/svg>\n\n                <div class=\"ua-content-wrapper\">\n                    <span class=\"ua-eyebrow\">Comprehensive Guide<\/span>\n                    <h3 class=\"ua-card-title\">Project Overview<\/h3>\n                    <p class=\"ua-card-desc\">\n                        A clear introduction to Ayodhya Nagar, covering location strengths, layout planning, ownership clarity, and the key reasons this development makes sense for long-term buyers and investors.\n                    <\/p>\n                <\/div>\n                <div class=\"ua-btn-wrapper\">\n                    <a href=\"https:\/\/wa.me\/917001615452?text=Hi%2C%20please%20share%20the%20Ayodhya%20Nagar%20Project%20Overview%20PDF%20with%20layout%2C%20pricing%2C%20and%20ownership%20details.\" target=\"_blank\" class=\"ua-download-btn\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382C17.119 14.195 15.385 13.315 15.061 13.197C14.736 13.078 14.499 13.019 14.263 13.382C14.027 13.744 13.349 14.57 13.142 14.806C12.936 15.042 12.729 15.072 12.376 14.885C12.022 14.698 10.884 14.312 9.53503 13.085C8.47303 12.119 7.75503 10.925 7.54903 10.562C7.34203 10.198 7.52703 10.003 7.70403 9.822C7.86303 9.66 8.05803 9.394 8.23503 9.178C8.41103 8.962 8.47003 8.795 8.58803 8.549C8.70603 8.303 8.64703 8.087 8.55803 7.89C8.47003 7.694 7.76103 5.903 7.46703 5.195C7.17303 4.505 6.87903 4.594 6.67303 4.594C6.47603 4.594 6.25003 4.584 6.01503 4.584C5.77903 4.584 5.39603 4.682 5.07203 5.046C4.74803 5.41 3.83403 6.285 3.83403 8.065C3.83403 9.845 5.10103 11.566 5.27803 11.812C5.45503 12.057 7.78503 15.795 11.453 17.447C12.326 17.84 13.007 18.075 13.536 18.247C14.441 18.542 15.267 18.498 15.916 18.398C16.637 18.287 18.14 17.461 18.455 16.547C18.77 15.633 18.77 14.856 18.681 14.699C18.592 14.541 18.356 14.451 18.003 14.265H17.472V14.382ZM12.005 21.921C10.22 21.921 8.53703 21.452 7.07303 20.612L6.72303 20.407L3 21.5L4.12303 17.902L3.89603 17.527C2.96903 15.996 2.48203 14.225 2.48203 12.392C2.48203 7.135 6.75303 2.858 12.011 2.858C14.555 2.858 16.945 3.852 18.743 5.655C20.541 7.458 21.531 9.853 21.531 12.398C21.531 17.655 17.26 21.921 12.005 21.921Z\" \/><\/svg>\n                        Request PDF\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 2: Connectivity Map -->\n            <div class=\"ua-bento-card\">\n                <!-- Background Icon (Map) -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"ua-card-bg-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z\"\/><path d=\"M15 5.764v15\"\/><path d=\"M9 3.236v15\"\/><\/svg>\n\n                <div class=\"ua-content-wrapper\">\n                    <span class=\"ua-eyebrow\">Location Intelligence<\/span>\n                    <h3 class=\"ua-card-title\">Connectivity Map<\/h3>\n                    <p class=\"ua-card-desc\">\n                        Explore how Ayodhya Nagar connects you to Burnpur, Asansol, industrial hubs, everyday essentials, and key road networks along the IISCO Bypass corridor.\n                    <\/p>\n                <\/div>\n                <div class=\"ua-btn-wrapper\">\n                    <a href=\"https:\/\/wa.me\/917001615452?text=Hi%2C%20please%20share%20the%20Ayodhya%20Nagar%20Connectivity%20Map%20PDF%20with%20nearby%20distances%20and%20access%20details.\" target=\"_blank\" class=\"ua-download-btn\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382C17.119 14.195 15.385 13.315 15.061 13.197C14.736 13.078 14.499 13.019 14.263 13.382C14.027 13.744 13.349 14.57 13.142 14.806C12.936 15.042 12.729 15.072 12.376 14.885C12.022 14.698 10.884 14.312 9.53503 13.085C8.47303 12.119 7.75503 10.925 7.54903 10.562C7.34203 10.198 7.52703 10.003 7.70403 9.822C7.86303 9.66 8.05803 9.394 8.23503 9.178C8.41103 8.962 8.47003 8.795 8.58803 8.549C8.70603 8.303 8.64703 8.087 8.55803 7.89C8.47003 7.694 7.76103 5.903 7.46703 5.195C7.17303 4.505 6.87903 4.594 6.67303 4.594C6.47603 4.594 6.25003 4.584 6.01503 4.584C5.77903 4.584 5.39603 4.682 5.07203 5.046C4.74803 5.41 3.83403 6.285 3.83403 8.065C3.83403 9.845 5.10103 11.566 5.27803 11.812C5.45503 12.057 7.78503 15.795 11.453 17.447C12.326 17.84 13.007 18.075 13.536 18.247C14.441 18.542 15.267 18.498 15.916 18.398C16.637 18.287 18.14 17.461 18.455 16.547C18.77 15.633 18.77 14.856 18.681 14.699C18.592 14.541 18.356 14.451 18.003 14.265H17.472V14.382ZM12.005 21.921C10.22 21.921 8.53703 21.452 7.07303 20.612L6.72303 20.407L3 21.5L4.12303 17.902L3.89603 17.527C2.96903 15.996 2.48203 14.225 2.48203 12.392C2.48203 7.135 6.75303 2.858 12.011 2.858C14.555 2.858 16.945 3.852 18.743 5.655C20.541 7.458 21.531 9.853 21.531 12.398C21.531 17.655 17.26 21.921 12.005 21.921Z\" \/><\/svg>\n                        Request PDF\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a8cad58 e-con-full e-flex e-con e-parent\" data-id=\"3a8cad58\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ac59703 elementor-widget elementor-widget-html\" data-id=\"5ac59703\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Signature Plot Configurations<\/title>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <!-- Premium Google Fonts: Cormorant Garamond (Luxury Serif) & Montserrat (Modern Sans) -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* UNIQUE SCOPED CSS FOR PLOTS SECTION *\/\n        body {\n            margin: 0;\n            background-color: #040b14; \/* Matches section bg *\/\n        }\n\n        #ua-plots-section {\n            --ua-midnight: #040b14;\n            --ua-card-bg: #0e131b;\n            --ua-gold: #C5A059;\n            --ua-gold-bright: #E2C28E;\n            --ua-white: #FFFFFF;\n            --ua-text-muted: #aab2bd;\n            --ua-border: rgba(197, 160, 89, 0.25);\n            --ua-alert-red: #ff5252;\n            \n            --font-heading: 'Cormorant Garamond', serif;\n            --font-body: 'Montserrat', sans-serif;\n\n            background-color: var(--ua-midnight);\n            padding: 0; \/* Removed external negative space *\/\n            font-family: var(--font-body);\n            position: relative;\n            overflow: hidden;\n        }\n\n        #ua-plots-section .ua-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 2;\n            \/* Reduced padding to remove negative space *\/\n            padding: 40px 20px 60px; \n        }\n\n        \/* Section Header *\/\n        #ua-plots-section .ua-header {\n            text-align: center;\n            \/* Reduced margin to tighten layout *\/\n            margin-bottom: 50px; \n        }\n\n        #ua-plots-section .ua-title {\n            font-family: var(--font-heading);\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            color: var(--ua-white);\n            margin-bottom: 10px;\n            font-weight: 600;\n            letter-spacing: -0.02em;\n            line-height: 1.1;\n        }\n\n        #ua-plots-section .ua-title span {\n            color: var(--ua-gold);\n            font-style: italic;\n        }\n\n        #ua-plots-section .ua-subtitle {\n            color: var(--ua-text-muted);\n            font-size: 1rem;\n            max-width: 700px;\n            margin: 0 auto;\n            line-height: 1.6;\n            font-weight: 300;\n            letter-spacing: 0.5px;\n        }\n\n        \/* Grid Layout *\/\n        #ua-plots-section .ua-plot-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 30px; \/* Slightly reduced gap *\/\n            justify-content: center;\n        }\n\n        \/* Card Design *\/\n        #ua-plots-section .ua-plot-card {\n            background-color: var(--ua-card-bg);\n            border: 1px solid var(--ua-border);\n            border-radius: 4px; \/* Sharper corners for luxury look *\/\n            overflow: hidden;\n            transition: transform 0.5s ease, box-shadow 0.5s ease, border-color 0.3s ease;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #ua-plots-section .ua-plot-card:hover {\n            transform: translateY(-12px);\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\n            border-color: var(--ua-gold);\n        }\n\n        \/* Image Wrapper *\/\n        #ua-plots-section .ua-img-wrapper {\n            position: relative;\n            width: 100%;\n            height: 240px;\n            overflow: hidden;\n        }\n\n        #ua-plots-section .ua-plot-img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.8s ease;\n        }\n\n        #ua-plots-section .ua-plot-card:hover .ua-plot-img {\n            transform: scale(1.1);\n        }\n\n        \/* Size Badge over Image - Positioned Left *\/\n        #ua-plots-section .ua-size-badge {\n            position: absolute;\n            top: 15px;\n            left: 15px; \n            background: rgba(4, 11, 20, 0.9);\n            color: var(--ua-gold-bright);\n            padding: 8px 16px;\n            border-radius: 2px;\n            font-size: 0.85rem;\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 800; \n            border: 1px solid var(--ua-gold);\n            backdrop-filter: blur(4px);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        \/* Content Area *\/\n        #ua-plots-section .ua-card-body {\n            padding: 30px 25px; \/* Compact padding *\/\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #ua-plots-section .ua-plot-title {\n            font-family: var(--font-heading);\n            font-size: 1.8rem;\n            color: var(--ua-white);\n            margin-bottom: 5px;\n            line-height: 1.2;\n            font-weight: 600;\n        }\n        \n        #ua-plots-section .ua-plot-subtitle {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 0.85rem;\n            color: var(--ua-gold);\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            margin-bottom: 15px;\n            display: block;\n            font-weight: 700;\n        }\n\n        \/* New Feature List Styles *\/\n        #ua-plots-section .ua-feature-list {\n            list-style: none;\n            padding: 0;\n            margin: 0 0 20px 0;\n            flex-grow: 1; \/* Pushes price down *\/\n        }\n\n        #ua-plots-section .ua-feature-list li {\n            color: var(--ua-text-muted);\n            font-size: 0.9rem;\n            margin-bottom: 8px;\n            display: flex;\n            align-items: flex-start;\n            gap: 10px;\n            line-height: 1.5;\n        }\n\n        #ua-plots-section .ua-feature-list li i {\n            color: var(--ua-gold);\n            font-size: 0.8rem;\n            margin-top: 5px; \/* Align with text *\/\n        }\n\n        #ua-plots-section .ua-divider {\n            height: 1px;\n            background: linear-gradient(90deg, transparent, var(--ua-border), transparent);\n            width: 100%;\n            margin-bottom: 20px;\n        }\n\n        \/* Pricing Section *\/\n        #ua-plots-section .ua-price-wrapper {\n            display: flex;\n            justify-content: space-between;\n            align-items: baseline;\n            margin-bottom: 10px;\n            flex-wrap: wrap;\n            gap: 5px;\n        }\n\n        #ua-plots-section .ua-price-label {\n            font-size: 0.7rem;\n            color: var(--ua-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n        }\n\n        #ua-plots-section .ua-price-value {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 1.4rem;\n            color: var(--ua-gold-bright);\n            font-weight: 700;\n            line-height: 1.1;\n        }\n\n        \/* Micro Text (Disclaimer) *\/\n        #ua-plots-section .ua-micro-text {\n            color: var(--ua-text-muted);\n            font-size: 0.7rem;\n            font-style: italic;\n            margin-bottom: 8px;\n            opacity: 0.6;\n            line-height: 1.4;\n        }\n\n        \/* Road Info Text - New Addition *\/\n        #ua-plots-section .ua-road-info {\n            color: var(--ua-gold-bright);\n            font-size: 0.75rem;\n            margin-bottom: 20px;\n            line-height: 1.4;\n            font-weight: 400;\n            border-left: 2px solid var(--ua-gold);\n            padding-left: 10px;\n            background: linear-gradient(90deg, rgba(197, 160, 89, 0.05), transparent);\n        }\n\n        \/* Action Button *\/\n        #ua-plots-section .ua-card-btn {\n            margin-top: auto;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            width: 100%;\n            padding: 12px 24px;\n            background: linear-gradient(135deg, var(--ua-gold), #b8860b);\n            color: #000;\n            text-decoration: none;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            font-size: 0.8rem;\n            transition: all 0.3s ease;\n            border-radius: 50px;\n            box-shadow: 0 4px 15px rgba(197, 160, 89, 0.3);\n            border: none;\n            cursor: pointer;\n        }\n\n        #ua-plots-section .ua-card-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(197, 160, 89, 0.5);\n            background: linear-gradient(135deg, #e2c28e, var(--ua-gold));\n        }\n\n        @media (min-width: 768px) {\n            #ua-plots-section .ua-card-btn {\n                width: auto;\n                align-self: center;\n                min-width: 180px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #ua-plots-section .ua-container {\n                padding: 40px 20px;\n            }\n            #ua-plots-section .ua-title {\n                font-size: 2rem;\n            }\n            #ua-plots-section .ua-plot-grid {\n                gap: 20px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section id=\"ua-plots-section\">\n    <div class=\"ua-container\">\n        \n        <div class=\"ua-header\">\n            <h2 class=\"ua-title\">Signature <span>Plot Configurations<\/span><\/h2>\n            <p class=\"ua-subtitle\">Choose the right plot for your home or investment, from a range of well-planned residential sizes at Ayodhya Nagar.<\/p>\n        <\/div>\n\n        <div class=\"ua-plot-grid\">\n            \n            <!-- Card 1: Compact Plot -->\n            <div class=\"ua-plot-card\">\n                <div class=\"ua-img-wrapper\">\n                    <!-- Real Landscape Image -->\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500382017468-9049fed747ef?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" \n                         alt=\"Compact Plot\" class=\"ua-plot-img\">\n                    <div class=\"ua-size-badge\">2 Kathas<\/div>\n                <\/div>\n                <div class=\"ua-card-body\">\n                    <h3 class=\"ua-plot-title\">Compact Plot<\/h3>\n                    <span class=\"ua-plot-subtitle\">2 Kathas (approx.)<\/span>\n                    \n                    <ul class=\"ua-feature-list\">\n                        <li><i class=\"fas fa-check\"><\/i> Ideal for first-time land buyers<\/li>\n                        <li><i class=\"fas fa-check\"><\/i> Suitable for a G+1 independent home<\/li>\n                        <li><i class=\"fas fa-check\"><\/i> Easy to maintain, flexible for future use<\/li>\n                    <\/ul>\n\n                    <div class=\"ua-divider\"><\/div>\n\n                    <!-- Restored Price Section -->\n                    <div class=\"ua-price-wrapper\">\n                        <span class=\"ua-price-label\">Starting From<\/span>\n                        <span class=\"ua-price-value\">\u20b93,00,000 \/ Katha<\/span>\n                    <\/div>\n                    \n                    <div class=\"ua-micro-text\">Prices and availability subject to change. Site visit recommended.<\/div>\n                    \n                    <a href=\"https:\/\/wa.me\/917001615452?text=Hi%2C%20I%E2%80%99m%20interested%20in%20reserving%20a%20plot%20at%20Ayodhya%20Nagar.%20Please%20share%20the%20booking%20process%20and%20next%20steps.\" target=\"_blank\" class=\"ua-card-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Reserve Your Plot\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 2: Family Plot -->\n            <div class=\"ua-plot-card\">\n                <div class=\"ua-img-wrapper\">\n                    <!-- Real Landscape Image -->\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472214103451-9374bd1c798e?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" \n                         alt=\"Family Plot\" class=\"ua-plot-img\">\n                    <div class=\"ua-size-badge\">2.5 \u2013 5 Kathas<\/div>\n                <\/div>\n                <div class=\"ua-card-body\">\n                    <h3 class=\"ua-plot-title\">Family Plot<\/h3>\n                    <span class=\"ua-plot-subtitle\">2.5 \u2013 5 Kathas<\/span>\n                    \n                    <ul class=\"ua-feature-list\">\n                        <li><i class=\"fas fa-check\"><\/i> Comfortable space for a family residence<\/li>\n                        <li><i class=\"fas fa-check\"><\/i> Good frontage and construction flexibility<\/li>\n                        <li><i class=\"fas fa-check\"><\/i> Balanced choice for living and long-term holding<\/li>\n                    <\/ul>\n\n                    <div class=\"ua-divider\"><\/div>\n                    \n                    <div class=\"ua-micro-text\">Prices differ by plot location. Site visit recommended.<\/div>\n\n                    <a href=\"https:\/\/wa.me\/917001615452?text=Hi%2C%20please%20share%20detailed%20plot%20options%2C%20sizes%2C%20and%20current%20pricing%20for%20Ayodhya%20Nagar.\" target=\"_blank\" class=\"ua-card-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Get Plot Details\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 3: Large Plot -->\n            <div class=\"ua-plot-card\">\n                <div class=\"ua-img-wrapper\">\n                    <!-- Real Landscape Image -->\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500076656116-558758c991c1?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" \n                         alt=\"Large Plot\" class=\"ua-plot-img\">\n                    <div class=\"ua-size-badge\">8 Kathas & Above<\/div>\n                <\/div>\n                <div class=\"ua-card-body\">\n                    <h3 class=\"ua-plot-title\">Large Plot<\/h3>\n                    <span class=\"ua-plot-subtitle\">8 Kathas & Above<\/span>\n                    \n                    <ul class=\"ua-feature-list\">\n                        <li><i class=\"fas fa-check\"><\/i> Ideal for Residential Investment<\/li>\n                        <li><i class=\"fas fa-check\"><\/i> Excellent appreciation & high-yield investment<\/li>\n                        <li><i class=\"fas fa-check\"><\/i> Preferred by end-users and investors<\/li>\n                    <\/ul>\n\n                    <div class=\"ua-divider\"><\/div>\n\n                    <div class=\"ua-micro-text\">Prices differ by plot location. Site visit recommended.<\/div>\n\n                    <a href=\"https:\/\/wa.me\/917001615452?text=Hi%2C%20I%E2%80%99d%20like%20to%20check%20current%20plot%20availability%20at%20Ayodhya%20Nagar.%20Please%20share%20available%20options.\" target=\"_blank\" class=\"ua-card-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Check Availability\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c28ba12 elementor-widget elementor-widget-html\" data-id=\"5c28ba12\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Book Site Visit - Ayodhya Nagar<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\n\n<style>\n    \/* Scoped Styles for Site Visit Form - Adapted to Unicorn Theme *\/\n    body {\n        margin: 0;\n        padding: 0;\n        \/* Default body background to match the section for seamless look *\/\n        background-color: #0d141e; \n    }\n\n    #ua-visit-form-section {\n        --ua-gold: #C5A059;\n        --ua-gold-dark: #b8934a;\n        --ua-midnight: #040b14;\n        --ua-midnight-light: #0d141e;\n        --text-dark: #1f2937;\n        --text-light: #f9fafb;\n        --bg-form: #ffffff;\n        --bg-panel: #f9fafb;\n        --border-color: #d1d5db;\n        --focus-ring: #C5A059;\n    }\n\n    #ua-visit-form-section .form-wrapper {\n        font-family: 'Poppins', sans-serif;\n        background-color: var(--ua-midnight-light); \/* Dark background for the section *\/\n        padding: 80px 20px;\n        min-height: 100vh; \/* Ensure full height *\/\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-image: radial-gradient(circle at 50% 0%, rgba(197, 160, 89, 0.05) 0%, transparent 70%);\n        box-sizing: border-box;\n    }\n\n    #ua-visit-form-section .catchy-form-container {\n        display: flex;\n        max-width: 900px;\n        width: 100%;\n        background: var(--bg-form);\n        border-radius: 24px;\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); \/* Stronger shadow for dark mode *\/\n        overflow: hidden;\n        border: 1px solid rgba(197, 160, 89, 0.2); \/* Subtle gold border *\/\n    }\n\n    \/* --- Left Info Panel --- *\/\n    #ua-visit-form-section .form-info-panel {\n        flex-basis: 45%;\n        background-color: var(--ua-midnight);\n        padding: 48px;\n        color: var(--text-light);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Decorative element *\/\n    #ua-visit-form-section .form-info-panel::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; height: 4px;\n        background: linear-gradient(90deg, var(--ua-gold), transparent);\n    }\n\n    #ua-visit-form-section .form-info-panel h2 {\n        font-size: 28px;\n        font-weight: 700;\n        line-height: 1.3;\n        margin: 0 0 12px 0;\n        color: #ffffff;\n    }\n\n    #ua-visit-form-section .form-info-panel span {\n        color: var(--ua-gold);\n    }\n\n    #ua-visit-form-section .form-info-panel p {\n        font-size: 15px;\n        color: rgba(255, 255, 255, 0.8);\n        line-height: 1.6;\n        margin: 0 0 32px 0;\n    }\n     \n    #ua-visit-form-section .form-info-panel h3 {\n        font-size: 18px;\n        font-weight: 600;\n        color: #ffffff;\n        margin: 0 0 16px 0;\n    }\n\n    #ua-visit-form-section .benefits-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }\n\n    #ua-visit-form-section .benefits-list li {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        font-size: 14px;\n        font-weight: 500;\n    }\n\n    #ua-visit-form-section .benefits-list i {\n        color: var(--ua-gold);\n        font-size: 18px;\n    }\n\n    \/* --- Right Form Panel --- *\/\n    #ua-visit-form-section .form-fields-panel {\n        flex-basis: 55%;\n        padding: 48px;\n        background-color: #fff;\n    }\n\n    #ua-visit-form-section .input-group {\n        margin-bottom: 16px;\n    }\n\n    #ua-visit-form-section .input-group label {\n        display: block;\n        font-size: 14px;\n        font-weight: 600;\n        color: #374151;\n        margin-bottom: 8px;\n    }\n\n    #ua-visit-form-section .input-group input,\n    #ua-visit-form-section .input-group textarea {\n        width: 100%;\n        padding: 12px;\n        border-radius: 8px;\n        border: 1px solid var(--border-color);\n        background-color: var(--bg-panel);\n        font-size: 14px;\n        font-family: 'Poppins', sans-serif;\n        box-sizing: border-box;\n        transition: border-color 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    #ua-visit-form-section .input-group input:focus,\n    #ua-visit-form-section .input-group textarea:focus {\n        outline: none;\n        border-color: var(--focus-ring);\n        box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.2); \/* Gold focus ring *\/\n    }\n\n    #ua-visit-form-section textarea {\n        resize: vertical;\n    }\n\n    #ua-visit-form-section .form-fields-panel button {\n        background: linear-gradient(135deg, var(--ua-gold), var(--ua-gold-dark));\n        color: #000;\n        padding: 14px 24px;\n        border: none;\n        border-radius: 8px;\n        font-weight: 700;\n        font-size: 16px;\n        cursor: pointer;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 10px;\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    #ua-visit-form-section .form-fields-panel button:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 10px 20px -5px rgba(197, 160, 89, 0.4);\n    }\n     \n    #ua-visit-form-section .form-microcopy {\n        font-size: 13px;\n        color: #6b7280;\n        text-align: center;\n        margin-top: 15px;\n        font-weight: 500;\n    }\n\n    \/* --- Responsive Design --- *\/\n    @media (max-width: 820px) {\n        #ua-visit-form-section .catchy-form-container {\n            flex-direction: column;\n        }\n        #ua-visit-form-section .form-info-panel, \n        #ua-visit-form-section .form-fields-panel {\n            flex-basis: 100%;\n        }\n        #ua-visit-form-section .form-info-panel {\n            padding: 40px;\n            text-align: center;\n        }\n        #ua-visit-form-section .benefits-list li {\n            justify-content: center;\n            text-align: left;\n        }\n        #ua-visit-form-section .form-fields-panel {\n            padding: 30px 20px;\n        }\n    }\n<\/style>\n\n<\/head>\n<body>\n\n<div id=\"ua-visit-form-section\">\n    <div class=\"form-wrapper\">\n        <div class=\"catchy-form-container\">\n\n            <div class=\"form-info-panel\">\n                <h2>Book a <span>Site Visit<\/span><\/h2>\n                <p>Experience Ayodhya Nagar firsthand. Visit the site, understand the layout, and review plot options at your own pace.<\/p>\n                 \n                <h3>What to expect<\/h3>\n                 \n                <ul class=\"benefits-list\">\n                    <li><i class=\"fa-solid fa-car-side\"><\/i> Assisted site visit from office to project (on request)<\/li>\n                    <li><i class=\"fa-solid fa-user-tie\"><\/i> Dedicated relationship manager for guidance<\/li>\n                    <li><i class=\"fa-solid fa-file-contract\"><\/i> Complete clarity on documents, pricing, and layout<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"form-fields-panel\">\n                <div class=\"input-group\">\n                    <label for=\"visitName\">Full Name<\/label>\n                    <input id=\"visitName\" type=\"text\" placeholder=\"e.g. Rahul Roy\">\n                <\/div>\n                <div class=\"input-group\">\n                    <label for=\"visitPhone\">Phone Number<\/label>\n                    <input id=\"visitPhone\" type=\"tel\" placeholder=\"Your 10-digit number\">\n                <\/div>\n                <div class=\"input-group\">\n                    <label for=\"visitLocation\">Current Location<\/label>\n                    <input id=\"visitLocation\" type=\"text\" placeholder=\"e.g. Salt Lake, Kolkata\">\n                <\/div>\n                <div class=\"input-group\">\n                    <label for=\"visitNote\">Preferred Visit Date & Time<\/label>\n                    <textarea id=\"visitNote\" rows=\"3\" placeholder=\"e.g. Planning to visit this Saturday around 11 AM\"><\/textarea>\n                <\/div>\n\n                <button onclick=\"submitSiteVisit()\">\n                    <i class=\"fab fa-whatsapp\"><\/i> Submit Request\n                <\/button>\n                 \n                <p class=\"form-microcopy\">Our team will confirm your visit and share directions.<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n  function submitSiteVisit() {\n    const name = document.getElementById('visitName').value.trim();\n    const phone = document.getElementById('visitPhone').value.trim();\n    const location = document.getElementById('visitLocation').value.trim();\n    const note = document.getElementById('visitNote').value.trim();\n\n    if (!name || !phone) {\n      alert('Please fill in your name and phone number to proceed.');\n      return;\n    }\n\n    \/\/ Message formatted for Ayodhya Nagar\n    const msg = `\u2708\ufe0f *Site Visit Schedule Request - Ayodhya Nagar*\\n\\n\ud83d\udc49 *Name:* ${name}\\n\ud83d\udcf1 *Phone:* ${phone}\\n\ud83d\udccd *Current Location:* ${location || 'Not specified'}\\n\ud83d\udcc5 *Preferred Date\/Note:* ${note || 'Flexible'}\\n\\nPlease confirm my slot.`;\n\n    \/\/ Target Number: +917001615452\n    const waUrl = `https:\/\/api.whatsapp.com\/send?phone=917001615452&text=${encodeURIComponent(msg)}`;\n    window.open(waUrl, '_blank');\n  }\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ayodhya Nagar &#8211; Premium Real Estate AYODHYA NAGAR EXCELLENCE IN EVERY SQ.FT Call WhatsApp &times; Contact Us Select a line to connect immediately Phone 7001615452 Ayodhya Nagar &#8211; Signature Collection THE AYODHYA NAGAR SIGNATURE COLLECTION Ayodhya Nagar Smart Land. Strong Location. Secure Future. Well-planned residential plots on IISCO Bypass Road with clear titles and easy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/1508snehangi.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/1508snehangi.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/1508snehangi.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/1508snehangi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/1508snehangi.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":8,"href":"https:\/\/1508snehangi.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/1508snehangi.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/1508snehangi.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}