{"id":12,"date":"2026-01-16T12:11:55","date_gmt":"2026-01-16T12:11:55","guid":{"rendered":"https:\/\/amanatrealty.com\/?page_id=12"},"modified":"2026-03-06T08:36:42","modified_gmt":"2026-03-06T08:36:42","slug":"home","status":"publish","type":"page","link":"https:\/\/amanatrealty.com\/","title":{"rendered":"homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77ba3f7 e-flex e-con-boxed e-con e-parent\" data-id=\"77ba3f7\" 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-b8c80af elementor-widget elementor-widget-html\" data-id=\"b8c80af\" 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', '869482422659079');\nfbq('track', 'PageView');\n<\/script>\n<noscript><img height=\"1\" width=\"1\" style=\"display:none\"\nsrc=\"https:\/\/www.facebook.com\/tr?id=869482422659079&ev=PageView&noscript=1\"\n\/><\/noscript>\n<!-- End Meta Pixel Code -->A\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-4d21ee8a e-flex e-con-boxed e-con e-parent\" data-id=\"4d21ee8a\" 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-25a0a1ec elementor-widget elementor-widget-html\" data-id=\"25a0a1ec\" 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>Amanat Realty - Header Preview<\/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        \/* GLOBAL RESET FOR PREVIEW *\/\n        body {\n            margin: 0;\n            padding: 0;\n            background-color: #f4f4f4; \/* Light background to contrast the glass header *\/\n            font-family: 'Inter', sans-serif;\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.9);\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            box-sizing: border-box; \/* Ensure padding doesn't overflow width *\/\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: 'Inter', sans-serif;\n            text-align: center;\n            box-sizing: border-box;\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: #D4AF37;\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: 'Playfair Display', serif;\n            font-size: 2rem;\n            margin: 0 0 8px 0;\n            font-weight: 600;\n        }\n\n        .ua-modal-title span {\n            color: #D4AF37;\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            margin: 0;\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: #D4AF37;\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: #D4AF37;\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: #D4AF37;\n            transition: all 0.3s ease;\n        }\n\n        .ua-contact-option:hover .ua-opt-icon {\n            background: #D4AF37;\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            #ua-header-section .ua-btn-text {\n                display: inline-block;\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\">Amanat Realty<\/span>\n                <span class=\"ua-brand-sub\">BY MD MUSTAKIM<\/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 Now<\/span>\n                <\/button>\n\n                <!-- WhatsApp Call to Action -->\n                <a href=\"https:\/\/wa.link\/50pxxr\" 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                <!-- Number 1 -->\n                <a href=\"tel:+919674931565\" class=\"ua-contact-option\">\n                    <div class=\"ua-opt-details\">\n                        <span class=\"ua-opt-type\">Phone 1<\/span>\n                        <span class=\"ua-opt-number\">9674931565<\/span>\n                    <\/div>\n                    <div class=\"ua-opt-icon\">\n                        <i class=\"fas fa-phone\"><\/i>\n                    <\/div>\n                <\/a>\n\n                <!-- Number 2 -->\n                <a href=\"tel:+919674931575\" class=\"ua-contact-option\">\n                    <div class=\"ua-opt-details\">\n                        <span class=\"ua-opt-type\">Phone 2<\/span>\n                        <span class=\"ua-opt-number\">9674931575<\/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-5b327f8c e-con-full e-flex e-con e-parent\" data-id=\"5b327f8c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-795351f7 elementor-widget elementor-widget-html\" data-id=\"795351f7\" 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>Unicorn Aerocity - The Novesta Signature Collection<\/title>\n    \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            box-sizing: border-box;\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.2), rgba(4, 11, 20, 0.5), rgba(4, 11, 20, 0.9));\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            margin-top: 0;\n        }\n\n        #ua-premium-v3 .ua-main-title span {\n            display: block;\n            font-family: var(--ua-font-body); \/* Changed to Inter *\/\n            font-style: normal; \/* Removed italic *\/\n            font-weight: 600; \/* Slightly bolder to support the large size *\/\n            font-size: 0.8em; \/* Kept the original larger size *\/\n            letter-spacing: 2px; \/* Added subtle premium spacing *\/\n            color: var(--ua-gold-bright);\n            margin-top: 10px;\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        \/* Transparent Glass Play Button - Smaller Size *\/\n        #ua-premium-v3 .ua-play-btn {\n            position: relative; \n            background: rgba(255, 255, 255, 0.15); \/* Transparent glassy background *\/\n            backdrop-filter: blur(6px);\n            -webkit-backdrop-filter: blur(6px);\n            border: 2px solid rgba(255, 255, 255, 0.8);\n            border-radius: 50%;\n            width: 80px;\n            height: 80px;\n            color: #ffffff; \/* White icon *\/\n            font-size: 32px; \/* Smaller icon size *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            z-index: 10;\n            padding: 0 0 0 6px; \/* Offset to visually center the play triangle *\/\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n            text-shadow: none;\n        }\n\n        #ua-premium-v3 .ua-video-overlay:hover .ua-play-btn {\n            transform: scale(1.1);\n            background: rgba(197, 160, 89, 0.25); \/* Subtle transparent gold on hover *\/\n            border-color: var(--ua-gold-bright);\n            color: var(--ua-gold-bright);\n            box-shadow: 0 8px 32px rgba(197, 160, 89, 0.4);\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        \/* 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                width: 60px;\n                height: 60px;\n                font-size: 24px;\n                padding: 0 0 0 4px;\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=\"Unicorn Aerocity 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 Novesta Signature Collection\n            <\/div>\n            \n            <h1 class=\"ua-main-title\">\n                Unicorn Aerocity <span>NEXT TO RUNWAY<\/span>\n            <\/h1>\n            \n            <p class=\"ua-desc\">\n                An ultra-exclusive 52 Bigha gated estate adjacent to Kolkata International Airport. \n                Experience a lifestyle defined by heritage, connectivity, and absolute legal transparency.\n            <\/p>\n            \n            <!-- 2. Integrated Project Video with Custom Thumbnail -->\n            <div class=\"ua-hero-video-wrapper\" id=\"ua-video-container\">\n                <div class=\"ua-video-overlay\" onclick=\"playHeroVideo()\">\n                    <img decoding=\"async\" src=\"https:\/\/crudoimage.in\/wp-content\/uploads\/2026\/01\/Unicorn-aerocity-overview-.jpeg\" alt=\"Unicorn Aerocity Overview\" class=\"ua-video-thumb\">\n                    <!-- Plain Black Play Icon with Glow -->\n                    <button class=\"ua-play-btn\" aria-label=\"Play Video\">\n                        <i class=\"fa-solid fa-play\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- 3. Hero Action (Moved Below Video) -->\n            <div class=\"ua-actions\">\n                <a href=\"https:\/\/wa.link\/50pxxr\" target=\"_blank\" class=\"ua-btn ua-btn-gold\">\n                    <i class=\"fab fa-whatsapp\"><\/i> Connect via WhatsApp\n                <\/a>\n            <\/div>\n\n            <!-- 4. Hero Stats -->\n            <div class=\"ua-dashboard\">\n                <div class=\"ua-stat-box\">\n                    <span class=\"ua-stat-num\">52<\/span>\n                    <span class=\"ua-stat-label\">Bigha Gated Estate<\/span>\n                <\/div>\n                <div class=\"ua-stat-box\">\n                    <span class=\"ua-stat-num\">30+<\/span>\n                    <span class=\"ua-stat-label\">Bespoke Amenities<\/span>\n                <\/div>\n                <div class=\"ua-stat-box\">\n                    <span class=\"ua-stat-num\">G+1<\/span>\n                    <span class=\"ua-stat-label\">Bungalow Approval<\/span>\n                <\/div>\n                <div class=\"ua-stat-box\">\n                    <span class=\"ua-stat-num\">100%<\/span>\n                    <span class=\"ua-stat-label\">Secured Titles<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Script for Video Interaction -->\n    <script>\n        function playHeroVideo() {\n            const wrapper = document.getElementById('ua-video-container');\n            wrapper.innerHTML = '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/4C1vLhPLklE?autoplay=1&rel=0\" title=\"Unicorn Aerocity Project Overview\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>';\n        }\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-59da44f e-flex e-con-boxed e-con e-parent\" data-id=\"59da44f\" 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-b1e2122 elementor-widget elementor-widget-html\" data-id=\"b1e2122\" 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&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        body {\n            margin: 0;\n            padding: 0;\n            background-color: #040b14;\n        }\n\n        \/* UNIQUE SCOPED CSS FOR PLOTS SECTION *\/\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            padding: 20px 20px 80px; \/* Reduced top padding to remove negative space *\/\n        }\n\n        \/* Section Header *\/\n        #ua-plots-section .ua-header {\n            text-align: center;\n            margin-bottom: 70px;\n        }\n\n        #ua-plots-section .ua-title {\n            font-family: var(--font-heading);\n            font-size: clamp(3rem, 6vw, 4.5rem);\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: 600px;\n            margin: 0 auto;\n            line-height: 1.8;\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: 35px;\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.75rem;\n            font-weight: 600;\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: 35px 30px;\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: 2rem;\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: var(--font-body);\n            font-size: 0.8rem;\n            color: var(--ua-gold);\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            margin-bottom: 15px;\n            display: block;\n            font-weight: 500;\n        }\n\n        #ua-plots-section .ua-plot-dims {\n            color: var(--ua-text-muted);\n            font-size: 0.9rem;\n            margin-bottom: 25px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-weight: 400;\n        }\n\n        #ua-plots-section .ua-plot-dims i {\n            color: var(--ua-gold);\n            font-size: 1rem;\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: 5px; \/* Reduced margin to fit alert below *\/\n        }\n\n        #ua-plots-section .ua-price-label {\n            font-size: 0.75rem;\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: var(--font-heading);\n            font-size: 2.2rem;\n            color: var(--ua-gold-bright);\n            font-weight: 600;\n            line-height: 1;\n            font-variant-numeric: lining-nums; \n        }\n\n        \/* Red Price Alert - Auto Scrolling *\/\n        #ua-plots-section .ua-price-alert {\n            color: var(--ua-alert-red);\n            font-size: 0.7rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 25px;\n            position: relative;\n            overflow: hidden;\n            white-space: nowrap;\n            display: flex;\n            \/* Fade edges for smooth scrolling effect *\/\n            mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n            -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n        }\n\n        \/* Scrolling Track *\/\n        #ua-plots-section .ua-price-alert-track {\n            display: flex;\n            gap: 30px; \/* Space between the duplicated messages *\/\n            animation: ua-marquee 12s linear infinite;\n        }\n\n        \/* Individual Message Item *\/\n        #ua-plots-section .ua-alert-item {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            flex-shrink: 0;\n        }\n\n        #ua-plots-section .ua-alert-item i {\n            font-size: 0.8rem;\n        }\n\n        @keyframes ua-marquee {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-50%); } \/* Move half the track width (one full set of messages) *\/\n        }\n\n        \/* Action Button - Small & Premium *\/\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: auto;\n            align-self: center; \/* Center button *\/\n            padding: 10px 24px;\n            \/* Premium Gold Gradient *\/\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; \/* Pill shape *\/\n            box-shadow: 0 4px 15px rgba(197, 160, 89, 0.3);\n            border: none;\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 (max-width: 768px) {\n            #ua-plots-section {\n                padding: 0;\n            }\n            #ua-plots-section .ua-container {\n                padding: 60px 20px;\n            }\n            #ua-plots-section .ua-title {\n                font-size: 2.8rem;\n            }\n            #ua-plots-section .ua-plot-grid {\n                gap: 25px;\n            }\n            #ua-plots-section .ua-price-alert {\n                font-size: 0.65rem; \/* Slightly smaller for mobile *\/\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 perfect canvas for your dream home from our range of meticulously planned estate sizes.<\/p>\n        <\/div>\n\n        <div class=\"ua-plot-grid\">\n            \n            <!-- Card 1: 1000 Sq Ft -->\n            <div class=\"ua-plot-card\">\n                <div class=\"ua-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/amanatrealty.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-22-at-14.44.20-1.jpeg\" alt=\"1000 Sq Ft Plot\" class=\"ua-plot-img\" onerror=\"this.src='https:\/\/placehold.co\/600x400\/111\/C5A059?text=Estate+Image'\">\n                    <div class=\"ua-size-badge\">1000 Sq. Ft.<\/div>\n                <\/div>\n                <div class=\"ua-card-body\">\n                    <h3 class=\"ua-plot-title\">Compact Estate<\/h3>\n                    <span class=\"ua-plot-subtitle\">1000 Sq. Ft.<\/span>\n                    <div class=\"ua-plot-dims\">\n                        <i class=\"fas fa-ruler-combined\"><\/i> 30 ft \u00d7 33.33 ft Plot Size\n                    <\/div>\n                    <div class=\"ua-divider\"><\/div>\n                    <div class=\"ua-price-wrapper\">\n                        <span class=\"ua-price-label\">Starting At<\/span>\n                        <span class=\"ua-price-value\">\u20b935 Lakh<\/span>\n                    <\/div>\n                    <!-- Auto Scrolling Disclaimer -->\n                    <div class=\"ua-price-alert\">\n                        <div class=\"ua-price-alert-track\">\n                            <span class=\"ua-alert-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Rates increasing quarterly\u2014Secure current price now.<\/span>\n                            <span class=\"ua-alert-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Rates increasing quarterly\u2014Secure current price now.<\/span>\n                            <span class=\"ua-alert-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Rates increasing quarterly\u2014Secure current price now.<\/span>\n                            <span class=\"ua-alert-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Rates increasing quarterly\u2014Secure current price now.<\/span>\n                        <\/div>\n                    <\/div>\n                    <a href=\"https:\/\/wa.link\/50pxxr\" target=\"_blank\" class=\"ua-card-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Reserve Interest\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 2: 2000 Sq Ft -->\n            <div class=\"ua-plot-card\">\n                <div class=\"ua-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/amanatrealty.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-22-at-14.44.20.jpeg\" alt=\"2000 Sq Ft Plot\" class=\"ua-plot-img\" onerror=\"this.src='https:\/\/placehold.co\/600x400\/111\/C5A059?text=Estate+Image'\">\n                    <div class=\"ua-size-badge\">2000 Sq. Ft.<\/div>\n                <\/div>\n                <div class=\"ua-card-body\">\n                    <h3 class=\"ua-plot-title\">Premium Family<\/h3>\n                    <span class=\"ua-plot-subtitle\">2000 Sq. Ft.<\/span>\n                    <div class=\"ua-plot-dims\">\n                        <i class=\"fas fa-ruler-combined\"><\/i> 40 ft \u00d7 50 ft Plot Size\n                    <\/div>\n                    <div class=\"ua-divider\"><\/div>\n                    <div class=\"ua-price-wrapper\">\n                        <span class=\"ua-price-label\">Starting At<\/span>\n                        <span class=\"ua-price-value\">\u20b965 Lakh<\/span>\n                    <\/div>\n                    <!-- Auto Scrolling Disclaimer -->\n                    <div class=\"ua-price-alert\">\n                        <div class=\"ua-price-alert-track\">\n                            <span class=\"ua-alert-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Rates increasing quarterly\u2014Secure current price now.<\/span>\n                            <span class=\"ua-alert-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Rates increasing quarterly\u2014Secure current price now.<\/span>\n                            <span class=\"ua-alert-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Rates increasing quarterly\u2014Secure current price now.<\/span>\n                            <span class=\"ua-alert-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Rates increasing quarterly\u2014Secure current price now.<\/span>\n                        <\/div>\n                    <\/div>\n                    <a href=\"https:\/\/wa.link\/50pxxr\" target=\"_blank\" class=\"ua-card-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Reserve Interest\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 3: 4000 Sq Ft -->\n            <div class=\"ua-plot-card\">\n                <div class=\"ua-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/amanatrealty.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-22-at-14.44.21.jpeg\" alt=\"4000 Sq Ft Plot\" class=\"ua-plot-img\" onerror=\"this.src='https:\/\/placehold.co\/600x400\/111\/C5A059?text=Estate+Image'\">\n                    <div class=\"ua-size-badge\">4000 Sq. Ft.<\/div>\n                <\/div>\n                <div class=\"ua-card-body\">\n                    <h3 class=\"ua-plot-title\">Signature Villa<\/h3>\n                    <span class=\"ua-plot-subtitle\">4000 Sq. Ft.<\/span>\n                    <div class=\"ua-plot-dims\">\n                        <i class=\"fas fa-ruler-combined\"><\/i> 50 ft \u00d7 80 ft Plot Size\n                    <\/div>\n                    <div class=\"ua-divider\"><\/div>\n                    <div class=\"ua-price-wrapper\">\n                        <span class=\"ua-price-label\">Starting At<\/span>\n                        <span class=\"ua-price-value\">\u20b91.21 Cr<\/span>\n                    <\/div>\n                    <!-- Auto Scrolling Disclaimer -->\n                    <div class=\"ua-price-alert\">\n                        <div class=\"ua-price-alert-track\">\n                            <span class=\"ua-alert-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Rates increasing quarterly\u2014Secure current price now.<\/span>\n                            <span class=\"ua-alert-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Rates increasing quarterly\u2014Secure current price now.<\/span>\n                            <span class=\"ua-alert-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Rates increasing quarterly\u2014Secure current price now.<\/span>\n                            <span class=\"ua-alert-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Rates increasing quarterly\u2014Secure current price now.<\/span>\n                        <\/div>\n                    <\/div>\n                    <a href=\"https:\/\/wa.link\/50pxxr\" target=\"_blank\" class=\"ua-card-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Reserve Interest\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f279b6a e-flex e-con-boxed e-con e-parent\" data-id=\"f279b6a\" 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-973d2f7 elementor-widget elementor-widget-html\" data-id=\"973d2f7\" 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 - Unicorn Aerocity<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;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    :root {\n        --ua-gold: #D4AF37;\n        --ua-gold-dark: #9e8022;\n        --ua-midnight: #040b14;\n        --ua-panel: #0b1521;\n        --ua-input: #131e2d;\n        --text-main: #f3f4f6;\n        --text-muted: #9ca3af;\n        --border-light: rgba(212, 175, 55, 0.2);\n        --focus-ring: rgba(212, 175, 55, 0.4);\n    }\n\n    body {\n        margin: 0;\n        padding: 0;\n        background-color: var(--ua-midnight);\n        background-image: \n            radial-gradient(circle at 0% 0%, rgba(212, 175, 55, 0.1) 0%, transparent 40%),\n            radial-gradient(circle at 100% 100%, rgba(212, 175, 55, 0.05) 0%, transparent 40%);\n        font-family: 'Poppins', sans-serif;\n        color: var(--text-main);\n    }\n\n    \/* Custom Message Box Styles *\/\n    #custom-message-box {\n        display: none;\n        position: fixed;\n        top: 20px;\n        left: 50%;\n        transform: translateX(-50%);\n        background-color: rgba(220, 38, 38, 0.95);\n        backdrop-filter: blur(10px);\n        color: white;\n        padding: 12px 24px;\n        border-radius: 8px;\n        border: 1px solid #ef4444;\n        box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.5);\n        z-index: 9999;\n        font-weight: 500;\n        font-size: 14px;\n        transition: opacity 0.3s ease;\n        text-align: center;\n        max-width: 90%;\n        opacity: 0;\n    }\n\n    \/* Scoped Styles for Site Visit Form *\/\n    #ua-visit-form-section {\n        min-height: 100vh;\n        padding: 40px 20px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .catchy-form-container {\n        display: flex;\n        max-width: 950px;\n        width: 100%;\n        background: var(--ua-panel);\n        border-radius: 20px;\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8), 0 0 20px rgba(212, 175, 55, 0.05);\n        overflow: hidden;\n        border: 1px solid var(--border-light);\n    }\n\n    \/* --- Left Info Panel --- *\/\n    .form-info-panel {\n        flex-basis: 40%;\n        background: linear-gradient(145deg, #0b1521 0%, #040b14 100%);\n        padding: 50px 40px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        position: relative;\n        border-right: 1px solid var(--border-light);\n    }\n    \n    .form-info-panel::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background-image: radial-gradient(circle at top right, rgba(212, 175, 55, 0.15), transparent 60%);\n        pointer-events: none;\n    }\n\n    .form-info-panel h2 {\n        font-size: 32px;\n        font-weight: 300;\n        line-height: 1.2;\n        margin: 0 0 16px 0;\n        color: var(--text-main);\n        letter-spacing: 1px;\n    }\n    \n    .form-info-panel span {\n        font-weight: 700;\n        background: linear-gradient(to right, var(--ua-gold), #FFF8D6);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    .form-info-panel p {\n        font-size: 15px;\n        color: var(--text-muted);\n        line-height: 1.7;\n        margin: 0 0 40px 0;\n        font-weight: 300;\n    }\n\n    .benefits-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    .benefits-list li {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        font-size: 14px;\n        font-weight: 400;\n        color: #d1d5db;\n        letter-spacing: 0.5px;\n    }\n\n    .benefits-list i {\n        color: var(--ua-gold);\n        font-size: 20px;\n        width: 24px;\n        text-align: center;\n        filter: drop-shadow(0 0 8px rgba(212,175,55,0.4));\n    }\n\n    \/* --- Right Form Panel --- *\/\n    .form-fields-panel {\n        flex-basis: 60%;\n        padding: 50px 40px;\n        background-color: var(--ua-panel);\n    }\n\n    .input-group {\n        margin-bottom: 24px;\n    }\n\n    .input-group label {\n        display: block;\n        font-size: 12px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        color: var(--ua-gold);\n        margin-bottom: 10px;\n    }\n\n    .input-group input[type=\"text\"],\n    .input-group input[type=\"tel\"],\n    .input-group input[type=\"date\"],\n    .input-group input[type=\"time\"] {\n        width: 100%;\n        padding: 14px 16px;\n        border-radius: 8px;\n        border: 1px solid var(--border-light);\n        background-color: var(--ua-input);\n        color: var(--text-main);\n        font-size: 14px;\n        font-family: 'Poppins', sans-serif;\n        box-sizing: border-box;\n        transition: all 0.3s ease;\n    }\n\n    .input-group input::placeholder {\n        color: #555;\n    }\n\n    .input-group input:focus {\n        outline: none;\n        border-color: var(--ua-gold);\n        background-color: #222;\n        box-shadow: 0 0 15px rgba(212, 175, 55, 0.15);\n    }\n    \n    \/* Calendar and Time picker icon coloring for dark mode *\/\n    ::-webkit-calendar-picker-indicator {\n        filter: invert(0.8) sepia(1) saturate(3) hue-rotate(5deg);\n        cursor: pointer;\n    }\n\n    \/* Styles for Sleek Radio Buttons & Split Inputs *\/\n    .radio-group {\n        display: flex;\n        gap: 12px;\n        flex-wrap: wrap;\n    }\n\n    .radio-label {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        font-size: 13px;\n        font-weight: 500;\n        color: var(--text-muted);\n        background: var(--ua-input);\n        padding: 12px 20px;\n        border-radius: 8px; \/* Sleeker look *\/\n        border: 1px solid var(--border-light);\n        transition: all 0.3s ease;\n        user-select: none;\n        flex: 1;\n        text-align: center;\n    }\n\n    .radio-label:hover {\n        border-color: var(--ua-gold);\n        color: var(--text-main);\n    }\n\n    .radio-label input {\n        display: none;\n    }\n\n    .radio-label:has(input:checked) {\n        background: rgba(212, 175, 55, 0.1);\n        color: var(--ua-gold);\n        border-color: var(--ua-gold);\n        box-shadow: inset 0 0 10px rgba(212, 175, 55, 0.1);\n    }\n\n    .split-group {\n        display: flex;\n        gap: 20px;\n    }\n\n    .split-group .half-width {\n        flex: 1;\n    }\n\n    .submit-btn {\n        background: linear-gradient(135deg, var(--ua-gold), var(--ua-gold-dark));\n        color: #000;\n        padding: 18px 24px;\n        border: none;\n        border-radius: 8px;\n        font-weight: 600;\n        font-size: 16px;\n        cursor: pointer;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 12px;\n        transition: all 0.3s ease;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-top: 30px;\n        font-family: 'Poppins', sans-serif;\n        box-shadow: 0 10px 20px rgba(212, 175, 55, 0.2);\n    }\n\n    .submit-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 25px rgba(212, 175, 55, 0.3);\n        background: linear-gradient(135deg, #e6c56a, var(--ua-gold));\n    }\n\n    .submit-btn:active {\n        transform: translateY(0);\n        box-shadow: 0 5px 10px rgba(212, 175, 55, 0.2);\n    }\n\n    \/* --- Responsive Design --- *\/\n    @media (max-width: 820px) {\n        .catchy-form-container {\n            flex-direction: column;\n            border-radius: 16px;\n        }\n        .form-info-panel, \n        .form-fields-panel {\n            flex-basis: 100%;\n        }\n        .form-info-panel {\n            padding: 40px 30px;\n            text-align: center;\n            border-right: none;\n            border-bottom: 1px solid var(--border-light);\n        }\n        .benefits-list {\n            align-items: center;\n        }\n        .benefits-list li {\n            justify-content: center;\n            text-align: center;\n        }\n        .form-fields-panel {\n            padding: 40px 30px;\n        }\n        .split-group {\n            flex-direction: column;\n            gap: 24px;\n        }\n        .radio-label {\n            flex: 1 1 calc(50% - 12px);\n        }\n    }\n<\/style>\n<\/head>\n<body>\n\n<!-- Custom Message Box for validation errors -->\n<div id=\"custom-message-box\"><\/div>\n\n<section id=\"ua-visit-form-section\">\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 the aviation lifestyle firsthand. Schedule a personalized tour of the 52 Bigha estate.<\/p>\n            <ul class=\"benefits-list\">\n                <li><i class=\"fa-solid fa-car-side\"><\/i> Complimentary Office to Project Pick-up & Drop<\/li>\n                <li><i class=\"fa-solid fa-user-tie\"><\/i> Dedicated Relationship Manager<\/li>\n                <li><i class=\"fa-solid fa-file-contract\"><\/i> Legal Documentation Assistance<\/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\" required>\n            <\/div>\n            <div class=\"input-group\">\n                <label for=\"visitPhone\">Contact Number (WhatsApp)<\/label>\n                <input id=\"visitPhone\" type=\"tel\" placeholder=\"e.g. 9876543210\" maxlength=\"10\" oninput=\"this.value = this.value.replace(\/[^0-9]\/g, '')\" required>\n            <\/div>\n            <div class=\"input-group\">\n                <label for=\"visitLocation\">Address<\/label>\n                <input id=\"visitLocation\" type=\"text\" placeholder=\"e.g. Salt Lake, Kolkata\">\n            <\/div>\n            <div class=\"input-group\">\n                <label>Preferred Plot Size<\/label>\n                <div class=\"radio-group\">\n                    <label class=\"radio-label\"><input type=\"radio\" name=\"plotSize\" value=\"1000 Sqft\"> <span>1000 Sqft<\/span><\/label>\n                    <label class=\"radio-label\"><input type=\"radio\" name=\"plotSize\" value=\"2000 Sqft\"> <span>2000 Sqft<\/span><\/label>\n                    <label class=\"radio-label\"><input type=\"radio\" name=\"plotSize\" value=\"4000 Sqft\"> <span>4000 Sqft<\/span><\/label>\n                <\/div>\n            <\/div>\n            <div class=\"input-group\">\n                <label>When Are You Planning to Visit?<\/label>\n                <div class=\"radio-group\">\n                    <label class=\"radio-label\"><input type=\"radio\" name=\"timeline\" value=\"This Week\"> <span>This Week<\/span><\/label>\n                    <label class=\"radio-label\"><input type=\"radio\" name=\"timeline\" value=\"Next Week\"> <span>Next Week<\/span><\/label>\n                    <label class=\"radio-label\"><input type=\"radio\" name=\"timeline\" value=\"This Month\"> <span>This Month<\/span><\/label>\n                <\/div>\n            <\/div>\n            <div class=\"input-group split-group\">\n                <div class=\"half-width\">\n                    <label for=\"visitDate\">Preferred Date<\/label>\n                    <input id=\"visitDate\" type=\"date\">\n                <\/div>\n                <div class=\"half-width\">\n                    <label for=\"visitTime\">Time<\/label>\n                    <input id=\"visitTime\" type=\"time\">\n                <\/div>\n            <\/div>\n\n            <button class=\"submit-btn\" onclick=\"submitSiteVisit()\">\n                <i class=\"fab fa-whatsapp\"><\/i> Submit Request\n            <\/button>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n    \/\/ Function to show custom message instead of alert()\n    function showMessage(msg) {\n        const msgBox = document.getElementById('custom-message-box');\n        msgBox.textContent = msg;\n        msgBox.style.display = 'block';\n        \n        \/\/ Use a small timeout to allow display: block to apply before changing opacity for transition\n        setTimeout(() => {\n            msgBox.style.opacity = '1';\n        }, 10);\n        \n        \/\/ Hide after 3.5 seconds\n        setTimeout(() => {\n            msgBox.style.opacity = '0';\n            setTimeout(() => {\n                msgBox.style.display = 'none';\n            }, 300); \/\/ Wait for fade out transition\n        }, 3500);\n    }\n\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        \n        \/\/ Grab selected radio values\n        const plotSizeNode = document.querySelector('input[name=\"plotSize\"]:checked');\n        const timelineNode = document.querySelector('input[name=\"timeline\"]:checked');\n        \n        const plotSize = plotSizeNode ? plotSizeNode.value : '';\n        const timeline = timelineNode ? timelineNode.value : '';\n        \n        \/\/ Grab Date & Time\n        const visitDate = document.getElementById('visitDate').value;\n        const visitTime = document.getElementById('visitTime').value;\n\n        \/\/ Ensure all fields are filled\n        if (!name || !phone || !location || !plotSize || !timeline || !visitDate || !visitTime) {\n            showMessage('Please fill all the details to proceed.');\n            return;\n        }\n\n        if (phone.length !== 10) {\n            showMessage('Please enter a valid 10-digit phone number.');\n            return;\n        }\n\n        \/\/ Format Date (DD\/MM\/YYYY) for readability if picked\n        let formattedDate = visitDate;\n        if(visitDate) {\n            const d = new Date(visitDate);\n            \/\/ Handling timezone offsets cleanly to avoid date shifting\n            formattedDate = d.toLocaleDateString('en-GB', { timeZone: 'UTC' }); \n        }\n\n        \/\/ Format Time to 12-hour AM\/PM\n        let formattedTime = visitTime;\n        if (visitTime) {\n            let [hours, minutes] = visitTime.split(':');\n            hours = parseInt(hours, 10);\n            let ampm = hours >= 12 ? 'PM' : 'AM';\n            hours = hours % 12;\n            hours = hours ? hours : 12; \/\/ the hour '0' should be '12'\n            let strHours = hours < 10 ? '0' + hours : hours;\n            formattedTime = `${strHours}:${minutes} ${ampm}`;\n        }\n        \n        const dateStr = `${formattedDate} at ${formattedTime}`;\n\n        \/\/ Message formatted for WhatsApp\n        const msg = `\ud83d\udcdd *Site Visit Registration Form*\\n\\n*Full Name:* ${name}\\n*Contact Number:* ${phone}\\n*Address:* ${location}\\n*Preferred Plot Size:* ${plotSize}\\n*Planning to Visit:* ${timeline}\\n*Preferred Visit Date & Time:* ${dateStr}\\n\\nPlease confirm my slot.`;\n        \n        \/\/ Target Number\n        const targetNumber = '919674931565';\n        const waUrl = `https:\/\/api.whatsapp.com\/send?phone=${targetNumber}&text=${encodeURIComponent(msg)}`;\n        \n        \/\/ Open WhatsApp in a new tab\n        window.open(waUrl, '_blank');\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-4ea3733e e-con-full e-flex e-con e-parent\" data-id=\"4ea3733e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cb9236b elementor-widget elementor-widget-html\" data-id=\"3cb9236b\" 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>Unicorn Aerocity - USPs<\/title>\n    \n    <!-- Icons 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 Styles for Unicorn Aerocity Interactive USP Section - Golden Hour Dark Glass Version *\/\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: 40px 0; \/* Added slight vertical padding for better breathing room *\/\n            overflow: hidden;\n            position: relative;\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            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\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;\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: 50px;\n            max-width: 600px;\n            font-weight: 300;\n        }\n\n        \/* Flex Layout for Centered Cards *\/\n        #ua-usp-interactive-section .ua-usp-grid {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 30px;\n            width: 100%;\n            padding-bottom: 40px;\n        }\n\n        \/* Smoked Glassmorphism Card *\/\n        #ua-usp-interactive-section .ua-usp-card {\n            flex: 1 1 320px;\n            max-width: 380px;\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);\n            border-radius: 24px;\n            padding: 40px 30px;\n            display: flex;\n            flex-direction: column;\n            text-align: left;\n            transition: transform 0.4s ease, box-shadow 0.4s ease, opacity 0.6s ease, transform 0.6s ease;\n            \n            \/* Initial state for animation *\/\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        \n        \/* Visible state for animation *\/\n        #ua-usp-interactive-section .ua-usp-card.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #ua-usp-interactive-section .ua-usp-card:hover {\n            transform: translateY(-10px) !important;\n            box-shadow: \n                0 35px 60px -15px rgba(0,0,0,0.6),\n                inset 0 0 0 1px rgba(255,215,0,0.3);\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            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;\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: 16px;\n            margin-top: 15px;\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: 10px 18px;\n            border-radius: 50px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            background: rgba(37, 211, 102, 0.1);\n            color: #25D366;\n            border: 1px solid rgba(37, 211, 102, 0.3);\n            transition: all 0.3s ease;\n            letter-spacing: 0.5px;\n            width: max-content;\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        @media (max-width: 768px) {\n            #ua-usp-interactive-section .ua-usp-main-title {\n                margin-bottom: 15px;\n                font-size: 2rem;\n            }\n            #ua-usp-interactive-section .ua-usp-card {\n                max-width: 100%;\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 Unicorn Aerocity?<\/h2>\n        <p class=\"ua-usp-subtitle\">Explore the exclusive benefits of our aviation township.<\/p>\n        \n        <div class=\"ua-usp-grid\">\n            <!-- Card 1 -->\n            <div class=\"ua-usp-card\">\n                <div class=\"ua-usp-icon-wrapper\"><i class=\"fas fa-search-location\"><\/i><\/div>\n                <h3 class=\"ua-usp-step-title\">Prime Location<\/h3>\n                <ul class=\"ua-usp-list\">\n                    <li>4 Mins From <strong>NH-12<\/strong><\/li>\n                    <li>12 Mins from Airport<\/li>\n                    <li>Direct access to IT Corridors<\/li>\n                    <li>5 Mins From Upcoming Metro Station<\/li>\n                <\/ul>\n                <div class=\"ua-card-footer\">\n                    <div class=\"ua-highlight-tag\">Connectivity<\/div>\n                    <a href=\"https:\/\/wa.link\/50pxxr\" target=\"_blank\" class=\"ua-whatsapp-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Chat on WhatsApp\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 2 -->\n            <div class=\"ua-usp-card\">\n                <div class=\"ua-usp-icon-wrapper\"><i class=\"fas fa-tags\"><\/i><\/div>\n                <h3 class=\"ua-usp-step-title\">Plot & Pricing<\/h3>\n                <ul class=\"ua-usp-list\">\n                    <li>Sizes: <strong>1000 - 4000 sq.ft.<\/strong><\/li>\n                    <li>Range: \u20b933L - \u20b91.15 Cr+<\/li>\n                    <li>G+1 Bungalow Township<\/li>\n                    <li>No Hidden Cost<\/li>\n                <\/ul>\n                <div class=\"ua-card-footer\">\n                    <div class=\"ua-highlight-tag\">High Value<\/div>\n                    <a href=\"https:\/\/wa.link\/50pxxr\" target=\"_blank\" class=\"ua-whatsapp-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Chat on WhatsApp\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 3 -->\n            <div class=\"ua-usp-card\">\n                <div class=\"ua-usp-icon-wrapper\"><i class=\"fas fa-city\"><\/i><\/div>\n                <h3 class=\"ua-usp-step-title\">Amenities<\/h3>\n                <ul class=\"ua-usp-list\">\n                    <li>Aeroplane-themed Pool<\/li>\n                    <li>8,000 sq.ft. Sports Turf<\/li>\n                    <li>Fully WiFi-enabled Campus<\/li>\n                    <li>24*7 CCTV and Security Services<\/li>\n                <\/ul>\n                <div class=\"ua-card-footer\">\n                    <div class=\"ua-highlight-tag\">Lifestyle<\/div>\n                    <a href=\"https:\/\/wa.link\/50pxxr\" target=\"_blank\" class=\"ua-whatsapp-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Chat on WhatsApp\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 4 -->\n            <div class=\"ua-usp-card\">\n                <div class=\"ua-usp-icon-wrapper\"><i class=\"fas fa-hand-holding-usd\"><\/i><\/div>\n                <h3 class=\"ua-usp-step-title\">Investment<\/h3>\n                <ul class=\"ua-usp-list\">\n                    <li><strong>Immediate Registry<\/strong><\/li>\n                    <li>Flexible Payment Plans<\/li>\n                    <li>100% Registered Land<\/li>\n                    <li>Clear Title Deed<\/li>\n                <\/ul>\n                <div class=\"ua-card-footer\">\n                    <div class=\"ua-highlight-tag\">Security<\/div>\n                    <a href=\"https:\/\/wa.link\/50pxxr\" target=\"_blank\" class=\"ua-whatsapp-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Chat on WhatsApp\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 5 -->\n            <div class=\"ua-usp-card\">\n                <div class=\"ua-usp-icon-wrapper\"><i class=\"fas fa-chart-line\"><\/i><\/div>\n                <h3 class=\"ua-usp-step-title\">Future Growth<\/h3>\n                <ul class=\"ua-usp-list\">\n                    <li>Fast-developing corridor<\/li>\n                    <li>Strong 3-5yr appreciation<\/li>\n                    <li>Proximity to Metro\/Rail<\/li>\n                    <li>Expanding Infrastructure<\/li>\n                <\/ul>\n                <div class=\"ua-card-footer\">\n                    <div class=\"ua-highlight-tag\">ROI<\/div>\n                    <a href=\"https:\/\/wa.link\/50pxxr\" target=\"_blank\" class=\"ua-whatsapp-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Chat on WhatsApp\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Add a simple scroll reveal animation for the cards\n    document.addEventListener(\"DOMContentLoaded\", () => {\n        const cards = document.querySelectorAll('.ua-usp-card');\n        \n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: \"0px 0px -50px 0px\"\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach((entry, index) => {\n                if (entry.isIntersecting) {\n                    \/\/ Stagger the animation delay based on card index\n                    setTimeout(() => {\n                        entry.target.classList.add('visible');\n                    }, index * 100); \/\/ 100ms delay between each card\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        cards.forEach(card => {\n            observer.observe(card);\n        });\n        \n        \/\/ Fallback for browsers that don't support IntersectionObserver\n        if (!('IntersectionObserver' in window)) {\n            cards.forEach(card => card.classList.add('visible'));\n        }\n    });\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-77dc0c44 e-con-full e-flex e-con e-parent\" data-id=\"77dc0c44\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c8229a elementor-widget elementor-widget-html\" data-id=\"4c8229a\" 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    <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        \/* UNIQUE SCOPED CSS FOR AMENITIES SECTION *\/\n        #ua-amenities-section {\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            background-color: var(--ua-midnight);\n            padding: 100px 20px;\n            position: relative;\n            overflow: hidden;\n            font-family: var(--font-body);\n        }\n\n        \/* Subtle Background Texture *\/\n        #ua-amenities-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 {\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Header Styling *\/\n        #ua-amenities-section .ua-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        #ua-amenities-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        }\n\n        #ua-amenities-section .ua-title span {\n            color: var(--ua-gold);\n            font-style: italic;\n        }\n\n        #ua-amenities-section .ua-subtitle {\n            color: var(--ua-text-muted);\n            font-size: 1.1rem;\n            max-width: 600px;\n            margin: 0 auto;\n            line-height: 1.6;\n        }\n\n        \/* Interactive Filters - Sticky on Desktop *\/\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            \n            \/* Sticky Logic *\/\n            position: sticky;\n            top: 20px;\n            z-index: 50;\n            padding: 15px 20px;\n            background: rgba(4, 11, 20, 0.85); \/* Semi-transparent Midnight *\/\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            transition: all 0.3s ease;\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        \/* Amenities Grid Wrapper for relative arrow positioning *\/\n        #ua-amenities-section .ua-grid-wrapper {\n            position: relative;\n        }\n\n        \/* Amenities Grid *\/\n        #ua-amenities-section .ua-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n            gap: 25px;\n            scroll-behavior: smooth;\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            cursor: default;\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        }\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.1rem;\n            font-weight: 500;\n            letter-spacing: 0.5px;\n        }\n\n        \/* Feature 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        }\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            flex-shrink: 0;\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        #ua-amenities-section .ua-card.hidden {\n            display: none;\n        }\n\n        \/* Mobile Arrows *\/\n        .ua-scroll-arrow {\n            display: none; \/* Hidden on Desktop *\/\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        }\n        .ua-scroll-arrow.left { left: 10px; }\n        .ua-scroll-arrow.right { right: 10px; }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            #ua-amenities-section {\n                padding: 60px 0; \/* Full width bleeding *\/\n            }\n            #ua-amenities-section .ua-container {\n                padding: 0; \n            }\n            #ua-amenities-section .ua-header, \n            #ua-amenities-section .ua-filters {\n                padding: 15px 20px;\n                \/* Adjust sticky top for mobile due to smaller screen\/admin bars *\/\n                top: 0px; \n                margin-left: 10px;\n                margin-right: 10px;\n                border-radius: 12px;\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                padding: 30px 20px;\n                margin: 0;\n            }\n\n            \/* Reset Featured Card for Carousel *\/\n            #ua-amenities-section .ua-card.featured {\n                grid-column: unset;\n                flex-direction: column;\n                text-align: center;\n                padding: 30px 20px;\n                background: var(--ua-card-bg); \n                border: 1px solid var(--ua-gold-glow);\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.1rem;\n                font-family: var(--font-body);\n            }\n\n            \/* Show Arrows on Mobile *\/\n            .ua-scroll-arrow {\n                display: flex;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\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\">Over 30 world-class amenities designed to elevate your lifestyle, ensuring comfort, security, and leisure at every step.<\/p>\n        <\/div>\n\n        <!-- Sticky Filter Header -->\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('lifestyle')\">Lifestyle<\/button>\n            <button class=\"ua-filter-btn\" onclick=\"filterAmenities('infrastructure')\">Infrastructure<\/button>\n            <button class=\"ua-filter-btn\" onclick=\"filterAmenities('safety')\">Safety & Community<\/button>\n        <\/div>\n\n        <div class=\"ua-grid-wrapper\">\n            <!-- Mobile Navigation Arrows -->\n            <div class=\"ua-scroll-arrow left\" onclick=\"scrollGrid('left')\"><i class=\"fas fa-chevron-left\"><\/i><\/div>\n            <div class=\"ua-scroll-arrow right\" onclick=\"scrollGrid('right')\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n\n            <div class=\"ua-grid\" id=\"ua-amenities-grid\">\n                <!-- Featured Lifestyle -->\n                <div class=\"ua-card featured\" data-category=\"lifestyle\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-water-ladder\"><\/i><\/div>\n                    <div class=\"ua-card-content\">\n                        <h3 class=\"ua-card-title\">Aeroplane Themed Swimming Pool<\/h3>\n                        <p style=\"color:var(--ua-text-muted); font-size:0.9rem; margin-top:5px;\">Signature design with integrated deck.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Lifestyle -->\n                <div class=\"ua-card\" data-category=\"lifestyle\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-martini-glass-citrus\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">Club House<\/h3>\n                <\/div>\n                <div class=\"ua-card\" data-category=\"lifestyle\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-dumbbell\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">Modern Gym<\/h3>\n                <\/div>\n                <div class=\"ua-card\" data-category=\"lifestyle\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-utensils\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">Restaurant<\/h3>\n                <\/div>\n                <div class=\"ua-card\" data-category=\"lifestyle\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-chess\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">Indoor Games<\/h3>\n                <\/div>\n                <div class=\"ua-card\" data-category=\"lifestyle\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-child-reaching\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">Children's Park<\/h3>\n                <\/div>\n\n                <!-- Infrastructure (Featured) -->\n                <div class=\"ua-card featured\" data-category=\"infrastructure\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-wifi\"><\/i><\/div>\n                    <div class=\"ua-card-content\">\n                        <h3 class=\"ua-card-title\">Fully WiFi Enabled Campus<\/h3>\n                        <p style=\"color:var(--ua-text-muted); font-size:0.9rem; margin-top:5px;\">High-speed connectivity across the township.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Infrastructure -->\n                <div class=\"ua-card\" data-category=\"infrastructure\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-bolt\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">Underground Electricity<\/h3>\n                <\/div>\n                <div class=\"ua-card\" data-category=\"infrastructure\">\n                    <!-- Corrected Icon: Downward arrow\/flow for Drainage -->\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-circle-arrow-down\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">Underground Drainage<\/h3>\n                <\/div>\n                <div class=\"ua-card\" data-category=\"infrastructure\">\n                    <!-- Corrected Icon: Faucet for Water Pipeline -->\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-faucet\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">Underground Water<\/h3>\n                <\/div>\n                <div class=\"ua-card\" data-category=\"infrastructure\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-car\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">Parking Space<\/h3>\n                <\/div>\n                <div class=\"ua-card\" data-category=\"infrastructure\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-building-columns\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">Bank & ATM<\/h3>\n                <\/div>\n\n                <!-- Safety & Community -->\n                <div class=\"ua-card\" data-category=\"safety\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-video\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">24x7 CCTV<\/h3>\n                <\/div>\n                <div class=\"ua-card\" data-category=\"safety\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-user-shield\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">24x7 Security<\/h3>\n                <\/div>\n                <div class=\"ua-card\" data-category=\"safety\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-users\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">Community Hall<\/h3>\n                <\/div>\n                <div class=\"ua-card\" data-category=\"safety\">\n                    <div class=\"ua-icon-box\"><i class=\"fas fa-heart-pulse\"><\/i><\/div>\n                    <h3 class=\"ua-card-title\">Health Center<\/h3>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    \/\/ Filtering Logic\n    function filterAmenities(category) {\n        const buttons = document.querySelectorAll('.ua-filter-btn');\n        buttons.forEach(btn => btn.classList.remove('active'));\n        event.target.classList.add('active');\n\n        const cards = document.querySelectorAll('.ua-card');\n        const grid = document.getElementById('ua-amenities-grid');\n        \n        \/\/ Reset scroll position when filtering\n        grid.scrollLeft = 0;\n\n        cards.forEach(card => {\n            if (category === 'all' || card.dataset.category === category) {\n                card.classList.remove('hidden');\n                card.style.display = window.innerWidth <= 768 ? 'flex' : 'flex'; \/\/ Ensure flex display for mobile scroll\n                card.style.animation = 'none';\n                card.offsetHeight; \n                card.style.animation = 'fadeInUp 0.5s ease forwards';\n            } else {\n                card.classList.add('hidden');\n                \/\/ Use display: none via class to completely remove from flow\n                card.style.display = 'none'; \n            }\n        });\n        \n        \/\/ Update arrow visibility based on content width\n        updateArrowVisibility();\n    }\n\n    \/\/ Mobile Horizontal Scroll Logic\n    function scrollGrid(direction) {\n        const grid = document.getElementById('ua-amenities-grid');\n        const scrollAmount = 300; \/\/ Approx one card width + gap\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    function updateArrowVisibility() {\n        if(window.innerWidth > 768) return;\n        \n        const grid = document.getElementById('ua-amenities-grid');\n        const leftArrow = document.querySelector('.ua-scroll-arrow.left');\n        const rightArrow = document.querySelector('.ua-scroll-arrow.right');\n        \n        \/\/ Simple toggle for UX - in production, check scrollLeft vs scrollWidth\n        \/\/ Here we just ensure they are visible on mobile load\n        leftArrow.style.display = 'flex';\n        rightArrow.style.display = 'flex';\n    }\n\n    \/\/ Add Keyframe for JS animation\n    const styleSheet = document.createElement(\"style\");\n    styleSheet.innerText = `\n        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(20px); }\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-338775af e-con-full e-flex e-con e-parent\" data-id=\"338775af\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21fcccf9 elementor-widget elementor-widget-html\" data-id=\"21fcccf9\" 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    <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        \/* UNIQUE SCOPED CSS FOR 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        }\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        }\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            \/* Custom Scrollbar for list *\/\n            max-height: 600px;\n            overflow-y: auto;\n        }\n\n        #ua-connectivity-section .ua-list-container::-webkit-scrollbar {\n            width: 6px;\n        }\n        #ua-connectivity-section .ua-list-container::-webkit-scrollbar-track {\n            background: rgba(255, 255, 255, 0.02);\n        }\n        #ua-connectivity-section .ua-list-container::-webkit-scrollbar-thumb {\n            background: var(--ua-gold);\n            border-radius: 3px;\n        }\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 {\n            border-bottom: none;\n        }\n\n        .ua-location-item:hover {\n            background: rgba(255, 255, 255, 0.02);\n            padding-left: 10px; \/* Subtle slide *\/\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        }\n\n        .ua-loc-info {\n            flex-grow: 1;\n        }\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        }\n\n        .ua-loc-meta {\n            font-size: 0.85rem;\n            color: var(--ua-text-muted);\n            display: flex;\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: 100%;\n            min-height: 500px; \/* Fixed height match list *\/\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); \/* Subtle premium map styling *\/\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 {\n                padding: 60px 20px;\n            }\n            #ua-connectivity-section .ua-content-grid {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n            #ua-connectivity-section .ua-map-wrapper {\n                min-height: 400px;\n                order: -1; \/* Map on top for mobile context *\/\n            }\n            #ua-connectivity-section .ua-list-container {\n                max-height: none; \/* Show full list on mobile *\/\n                padding: 20px;\n            }\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 at the heart of growth, ensuring you are just minutes away from essential hubs, transit points, and lifestyle centers.<\/p>\n        <\/div>\n\n        <div class=\"ua-content-grid\">\n            <!-- Left: Connectivity List -->\n            <div class=\"ua-list-container\">\n                <!-- 1. National Highway -->\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\">National Highway (NH-12)<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-location-dot\"><\/i> 1.5 Km<\/span>\n                            <span><i class=\"fas fa-clock\"><\/i> 4 Min<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 2. Julien Day School -->\n                <div class=\"ua-location-item\">\n                    <div class=\"ua-loc-icon\"><i class=\"fas fa-school\"><\/i><\/div>\n                    <div class=\"ua-loc-info\">\n                        <span class=\"ua-loc-name\">Julien Day School<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-location-dot\"><\/i> 1.5 Km<\/span>\n                            <span><i class=\"fas fa-clock\"><\/i> 4 Min<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 3. BT College -->\n                <div class=\"ua-location-item\">\n                    <div class=\"ua-loc-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n                    <div class=\"ua-loc-info\">\n                        <span class=\"ua-loc-name\">B.T. College<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-location-dot\"><\/i> 2 Km<\/span>\n                            <span><i class=\"fas fa-clock\"><\/i> 5 Min<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 4. Vivacity Hospital (Kept) -->\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\">Vivacity Hospital<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-location-dot\"><\/i> 3.5 Km<\/span>\n                            <span><i class=\"fas fa-clock\"><\/i> 10 Min<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 5. Calcutta Public School -->\n                <div class=\"ua-location-item\">\n                    <div class=\"ua-loc-icon\"><i class=\"fas fa-book-open\"><\/i><\/div>\n                    <div class=\"ua-loc-info\">\n                        <span class=\"ua-loc-name\">Calcutta Public School, Barasat<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-location-dot\"><\/i> 5 Km<\/span>\n                            <span><i class=\"fas fa-clock\"><\/i> 12 Min<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 6. Narayana Hospital -->\n                <div class=\"ua-location-item\">\n                    <div class=\"ua-loc-icon\"><i class=\"fas fa-user-nurse\"><\/i><\/div>\n                    <div class=\"ua-loc-info\">\n                        <span class=\"ua-loc-name\">Narayana Hospital<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-location-dot\"><\/i> 5 Km<\/span>\n                            <span><i class=\"fas fa-clock\"><\/i> 12 Min<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- NEW ADDITIONS -->\n\n                <!-- 7. Airport -->\n                <div class=\"ua-location-item\">\n                    <div class=\"ua-loc-icon\"><i class=\"fas fa-plane-departure\"><\/i><\/div>\n                    <div class=\"ua-loc-info\">\n                        <span class=\"ua-loc-name\">Airport<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-location-dot\"><\/i> 6.5 Km<\/span>\n                            <span><i class=\"fas fa-clock\"><\/i> 12 Min<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 8. Upcoming Metro Station -->\n                <div class=\"ua-location-item\">\n                    <div class=\"ua-loc-icon\"><i class=\"fas fa-train-subway\"><\/i><\/div>\n                    <div class=\"ua-loc-info\">\n                        <span class=\"ua-loc-name\">Upcoming Metro Station<\/span>\n                        <div class=\"ua-loc-meta\">\n                            <span><i class=\"fas fa-location-dot\"><\/i> 2.5 Km<\/span>\n                            <span><i class=\"fas fa-clock\"><\/i> 5 Min<\/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:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3681.75881949225!2d88.44912727530311!3d22.66277917942755!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89f000a641e63%3A0xc31ffdf062b49b7c!2sUnicorn%20Aerocity!5e0!3m2!1sen!2sin!4v1762393679866!5m2!1sen!2sin\" \n                    width=\"600\" \n                    height=\"450\" \n                    style=\"border:0;\" \n                    allowfullscreen=\"\" \n                    loading=\"lazy\" \n                    referrerpolicy=\"no-referrer-when-downgrade\" \n                    title=\"Unicorn Aerocity Map Location\">\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-647a7a04 e-con-full e-flex e-con e-parent\" data-id=\"647a7a04\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e66820d elementor-widget elementor-widget-html\" data-id=\"6e66820d\" 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    <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        \/* UNIQUE SCOPED CSS FOR DOWNLOADS SECTION *\/\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; \/* Apple-style grey *\/\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        }\n\n        #ua-downloads-section .ua-container {\n            max-width: 1100px;\n            margin: 0 auto;\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, 3rem);\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 (Apple Style) *\/\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;\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            transition: opacity 0.4s ease;\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.8rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--ua-gold);\n            font-weight: 600;\n            margin-bottom: 15px;\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        \/* Icon styling *\/\n        #ua-downloads-section .ua-card-icon {\n            font-size: 3rem;\n            color: rgba(255, 255, 255, 0.05);\n            position: absolute;\n            top: 30px;\n            right: 30px;\n            transition: color 0.3s ease;\n        }\n\n        #ua-downloads-section .ua-bento-card:hover .ua-card-icon {\n            color: rgba(197, 160, 89, 0.1);\n        }\n\n        \/* Button Group at Bottom *\/\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: 10px;\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        }\n\n        #ua-downloads-section .ua-download-btn:hover {\n            background: var(--ua-gold);\n            color: #000;\n            padding-right: 30px; \/* Slight expansion effect *\/\n        }\n\n        #ua-downloads-section .ua-download-btn i {\n            font-size: 1.1rem;\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                gap: 20px;\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                font-size: 0.95rem;\n                max-width: 100%;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section id=\"ua-downloads-section\">\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                <i class=\"fas fa-building-user ua-card-icon\"><\/i>\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 detailed introduction to Unicorn Aerocity, featuring location advantages, master plan insights, and key project highlights.\n                    <\/p>\n                <\/div>\n                <div class=\"ua-btn-wrapper\">\n                    <a href=\"https:\/\/wa.link\/6jvq7f\" target=\"_blank\" class=\"ua-download-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Request PDF\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 2: Connectivity Map -->\n            <div class=\"ua-bento-card\">\n                <i class=\"fas fa-map-location-dot ua-card-icon\"><\/i>\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 our strategic proximity to schools, hospitals, metro stations, the airport, and major landmarks in Madhyamgram.\n                    <\/p>\n                <\/div>\n                <div class=\"ua-btn-wrapper\">\n                    <a href=\"https:\/\/wa.link\/smbxlm\" target=\"_blank\" class=\"ua-download-btn\">\n                        <i class=\"fab fa-whatsapp\"><\/i> Request PDF\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\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-3f30b038 e-con-full e-flex e-con e-parent\" data-id=\"3f30b038\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b272350 elementor-widget elementor-widget-html\" data-id=\"6b272350\" 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>Our Happy Family - Unicorn Aerocity<\/title>\n    \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=Montserrat:wght@200..800&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* Base Reset *\/\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* UNIQUE SCOPED CSS FOR ALBUM SECTION - AMANAT REALTY THEME *\/\n        :root {\n            --ua-bg-main: #040b14;      \/* Deep Navy *\/\n            --ua-bg-secondary: #0a1320; \/* Very Dark Navy *\/\n            --ua-gold: #c19b6c;         \/* Premium Muted Gold *\/\n            --ua-gold-bright: #e8c885;  \/* Hover Gold *\/\n            --ua-white: #ffffff;\n            --ua-text-muted: #a0a0a0;\n            --ua-border: rgba(193, 155, 108, 0.2);\n            \n            --font-heading: 'Playfair Display', serif;\n            --font-body: 'Montserrat', sans-serif;\n        }\n\n        body {\n            background-color: var(--ua-bg-main);\n            color: var(--ua-white);\n            font-family: var(--font-body);\n        }\n\n        \/* Gallery Section *\/\n        #ua-album-section {\n            background-color: var(--ua-bg-main);\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n            border-bottom: 1px solid var(--ua-border);\n        }\n\n        #ua-album-section::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 50%; transform: translateX(-50%);\n            width: 100%; height: 100%;\n            background: radial-gradient(circle at center, rgba(193, 155, 108, 0.05) 0%, transparent 70%);\n            pointer-events: none;\n        }\n\n        .ua-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 2;\n            padding: 0 20px;\n            width: 100%;\n        }\n\n        \/* Shared Header Styles *\/\n        .ua-header {\n            text-align: center;\n            margin-bottom: 60px;\n            padding: 0 20px;\n        }\n\n        .ua-title {\n            font-family: var(--font-heading);\n            font-size: clamp(2.5rem, 5vw, 3.8rem);\n            color: var(--ua-white);\n            margin-bottom: 15px;\n            font-weight: 500;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n        }\n\n        .ua-title span {\n            color: var(--ua-gold);\n            font-style: italic;\n            text-transform: none;\n            font-weight: 400;\n        }\n\n        .ua-subtitle {\n            color: var(--ua-text-muted);\n            font-size: 1rem;\n            max-width: 650px;\n            margin: 0 auto;\n            line-height: 1.8;\n            font-weight: 300;\n            letter-spacing: 0.5px;\n        }\n\n        \/* Scroll Wrapper *\/\n        .ua-gallery-wrapper {\n            position: relative;\n            display: flex;\n            align-items: center;\n        }\n\n        .ua-gallery-track {\n            display: flex;\n            gap: 25px;\n            overflow-x: auto;\n            scroll-behavior: smooth;\n            padding: 20px 20px 60px;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            width: 100%;\n            scrollbar-width: none;\n        }\n        \n        .ua-gallery-track::-webkit-scrollbar {\n            display: none;\n        }\n\n        \/* Photo Card *\/\n        .ua-photo-card {\n            flex: 0 0 auto;\n            width: 320px;\n            height: 420px;\n            border-radius: 8px; \/* Sharper corners for luxury feel *\/\n            overflow: hidden;\n            position: relative;\n            scroll-snap-align: center;\n            border: 1px solid var(--ua-border);\n            background: var(--ua-bg-secondary);\n            transition: all 0.5s ease;\n            cursor: pointer;\n        }\n\n        .ua-photo-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n            border-color: var(--ua-gold);\n            z-index: 5;\n        }\n\n        .ua-photo-img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.8s ease;\n            opacity: 0.9;\n        }\n\n        .ua-photo-card:hover .ua-photo-img {\n            transform: scale(1.08);\n            opacity: 1;\n        }\n\n        .ua-photo-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 50%);\n            display: flex;\n            align-items: flex-end;\n            justify-content: center;\n            padding: 30px;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n\n        .ua-photo-card:hover .ua-photo-overlay {\n            opacity: 1;\n        }\n\n        .ua-zoom-icon {\n            color: var(--ua-bg-main);\n            font-size: 1.2rem;\n            background: var(--ua-gold);\n            padding: 15px;\n            border-radius: 50%;\n            transform: translateY(20px);\n            transition: transform 0.4s ease;\n        }\n\n        .ua-photo-card:hover .ua-zoom-icon {\n            transform: translateY(0);\n        }\n\n        \/* Navigation Arrows *\/\n        .ua-nav-btn {\n            position: absolute;\n            top: 45%;\n            transform: translateY(-50%);\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            background: rgba(0, 0, 0, 0.6);\n            border: 1px solid var(--ua-border);\n            color: var(--ua-gold);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            z-index: 10;\n            transition: all 0.3s ease;\n            font-size: 1.2rem;\n            backdrop-filter: blur(5px);\n        }\n\n        .ua-nav-btn:hover {\n            background: var(--ua-gold);\n            color: var(--ua-bg-main);\n            border-color: var(--ua-gold);\n        }\n\n        .ua-nav-prev { left: 5px; }\n        .ua-nav-next { right: 5px; }\n\n        \/* Lightbox Styles *\/\n        #ua-album-lightbox {\n            position: fixed;\n            inset: 0;\n            background: rgba(0,0,0,0.98);\n            z-index: 10000;\n            display: none;\n            justify-content: center;\n            align-items: center;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n            backdrop-filter: blur(10px);\n        }\n\n        #ua-album-lightbox.active {\n            display: flex;\n            opacity: 1;\n        }\n\n        #ua-album-lightbox img {\n            max-width: 90%;\n            max-height: 90vh;\n            border-radius: 4px;\n            box-shadow: 0 0 50px rgba(0,0,0,0.9);\n            border: 1px solid var(--ua-border);\n            object-fit: contain;\n        }\n\n        #ua-lightbox-close {\n            position: absolute;\n            top: 30px;\n            right: 40px;\n            background: transparent;\n            border: none;\n            color: var(--ua-text-muted);\n            font-size: 3rem;\n            cursor: pointer;\n            line-height: 1;\n            transition: color 0.3s ease, transform 0.3s ease;\n            z-index: 10001;\n        }\n\n        #ua-lightbox-close:hover {\n            color: var(--ua-gold);\n            transform: scale(1.1);\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            #ua-album-section {\n                padding: 60px 0;\n            }\n            .ua-nav-btn {\n                width: 40px;\n                height: 40px;\n                font-size: 1rem;\n                background: rgba(0, 0, 0, 0.8);\n            }\n            .ua-photo-card {\n                width: 280px;\n                height: 380px;\n            }\n            .ua-photo-overlay {\n                opacity: 1;\n                background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 40%);\n            }\n            .ua-zoom-icon {\n                transform: translateY(0);\n                padding: 12px;\n                font-size: 1rem;\n            }\n            #ua-lightbox-close {\n                top: 15px;\n                right: 20px;\n                font-size: 2.5rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- Gallery Section -->\n<section id=\"ua-album-section\">\n    <div class=\"ua-container\">\n        \n        <div class=\"ua-header\">\n            <h2 class=\"ua-title\">Our Happy <span>Family<\/span><\/h2>\n            <p class=\"ua-subtitle\">Join the growing community of proud owners at Unicorn Aerocity. Real smiles, real assets, premium living.<\/p>\n        <\/div>\n\n        <div class=\"ua-gallery-wrapper\">\n            <button class=\"ua-nav-btn ua-nav-prev\" onclick=\"scrollGallery('left')\" aria-label=\"Previous image\">\n                <i class=\"fas fa-chevron-left\"><\/i>\n            <\/button>\n            <button class=\"ua-nav-btn ua-nav-next\" onclick=\"scrollGallery('right')\" aria-label=\"Next image\">\n                <i class=\"fas fa-chevron-right\"><\/i>\n            <\/button>\n\n            <div class=\"ua-gallery-track\" id=\"ua-gallery-track\">\n                <!-- Fallback handler added in script for broken novestagroup links -->\n                <div class=\"ua-photo-card\" onclick=\"openLightbox('https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/1.jpg')\">\n                    <img decoding=\"async\" src=\"https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/1.jpg\" alt=\"Happy Client 1\" class=\"ua-photo-img\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&fit=crop&q=80&w=400&h=500'\">\n                    <div class=\"ua-photo-overlay\"><i class=\"fas fa-search-plus ua-zoom-icon\"><\/i><\/div>\n                <\/div>\n                <div class=\"ua-photo-card\" onclick=\"openLightbox('https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/2.jpg')\">\n                    <img decoding=\"async\" src=\"https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/2.jpg\" alt=\"Happy Client 2\" class=\"ua-photo-img\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&q=80&w=400&h=500'\">\n                    <div class=\"ua-photo-overlay\"><i class=\"fas fa-search-plus ua-zoom-icon\"><\/i><\/div>\n                <\/div>\n                <div class=\"ua-photo-card\" onclick=\"openLightbox('https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/3.jpg')\">\n                    <img decoding=\"async\" src=\"https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/3.jpg\" alt=\"Happy Client 3\" class=\"ua-photo-img\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1516156008625-3a9d6067fab5?auto=format&fit=crop&q=80&w=400&h=500'\">\n                    <div class=\"ua-photo-overlay\"><i class=\"fas fa-search-plus ua-zoom-icon\"><\/i><\/div>\n                <\/div>\n                <div class=\"ua-photo-card\" onclick=\"openLightbox('https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/4.jpg')\">\n                    <img decoding=\"async\" src=\"https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/4.jpg\" alt=\"Happy Client 4\" class=\"ua-photo-img\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1583608205776-bfd35f0d9f83?auto=format&fit=crop&q=80&w=400&h=500'\">\n                    <div class=\"ua-photo-overlay\"><i class=\"fas fa-search-plus ua-zoom-icon\"><\/i><\/div>\n                <\/div>\n                <div class=\"ua-photo-card\" onclick=\"openLightbox('https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/5.jpg')\">\n                    <img decoding=\"async\" src=\"https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/5.jpg\" alt=\"Happy Client 5\" class=\"ua-photo-img\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1564013799919-ab600027ffc6?auto=format&fit=crop&q=80&w=400&h=500'\">\n                    <div class=\"ua-photo-overlay\"><i class=\"fas fa-search-plus ua-zoom-icon\"><\/i><\/div>\n                <\/div>\n                <div class=\"ua-photo-card\" onclick=\"openLightbox('https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/6.jpg')\">\n                    <img decoding=\"async\" src=\"https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/6.jpg\" alt=\"Happy Client 6\" class=\"ua-photo-img\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&q=80&w=400&h=500'\">\n                    <div class=\"ua-photo-overlay\"><i class=\"fas fa-search-plus ua-zoom-icon\"><\/i><\/div>\n                <\/div>\n                <div class=\"ua-photo-card\" onclick=\"openLightbox('https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/7.jpg')\">\n                    <img decoding=\"async\" src=\"https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/7.jpg\" alt=\"Happy Client 7\" class=\"ua-photo-img\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&q=80&w=400&h=500'\">\n                    <div class=\"ua-photo-overlay\"><i class=\"fas fa-search-plus ua-zoom-icon\"><\/i><\/div>\n                <\/div>\n                <div class=\"ua-photo-card\" onclick=\"openLightbox('https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/8.jpg')\">\n                    <img decoding=\"async\" src=\"https:\/\/novestagroup.in\/wp-content\/uploads\/2025\/11\/8.jpg\" alt=\"Happy Client 8\" class=\"ua-photo-img\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&fit=crop&q=80&w=400&h=500'\">\n                    <div class=\"ua-photo-overlay\"><i class=\"fas fa-search-plus ua-zoom-icon\"><\/i><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Lightbox Modal -->\n    <div id=\"ua-album-lightbox\" onclick=\"closeLightbox(event)\">\n        <button id=\"ua-lightbox-close\" aria-label=\"Close Lightbox\">&times;<\/button>\n        <img decoding=\"async\" id=\"ua-lightbox-img\" src=\"\" alt=\"Full view\">\n    <\/div>\n<\/section>\n\n<script>\n    function scrollGallery(direction) {\n        const track = document.getElementById('ua-gallery-track');\n        const scrollAmount = 345; \/\/ card width + gap\n        \n        if (direction === 'left') {\n            track.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\n        } else {\n            track.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n        }\n    }\n\n    function openLightbox(src) {\n        const lightbox = document.getElementById('ua-album-lightbox');\n        const img = document.getElementById('ua-lightbox-img');\n        \n        \/\/ Handle broken links in lightbox by providing a fallback Unsplash image\n        img.onerror = function() {\n            this.src = 'https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&fit=crop&q=80&w=1000&h=1000';\n        };\n        \n        img.src = src;\n        lightbox.classList.add('active');\n        document.body.style.overflow = 'hidden';\n    }\n\n    function closeLightbox(event) {\n        if (event.target.id === 'ua-album-lightbox' || event.target.id === 'ua-lightbox-close') {\n            const lightbox = document.getElementById('ua-album-lightbox');\n            lightbox.classList.remove('active');\n            document.body.style.overflow = '';\n            setTimeout(() => { document.getElementById('ua-lightbox-img').src = ''; }, 400);\n        }\n    }\n\n    document.addEventListener('keydown', function(event) {\n        if (event.key === 'Escape') {\n            const lightbox = document.getElementById('ua-album-lightbox');\n            if (lightbox.classList.contains('active')) {\n                closeLightbox({target: {id: 'ua-lightbox-close'}});\n            }\n        }\n    });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-537fe13c elementor-widget elementor-widget-html\" data-id=\"537fe13c\" 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>Unicorn Aerocity Reviews<\/title>\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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    <script>\n        tailwind.config = {\n            corePlugins: {\n                preflight: false,\n            },\n            theme: {\n                extend: {\n                    fontFamily: {\n                        head: ['Playfair Display', 'serif'],\n                        body: ['Inter', 'sans-serif'],\n                    },\n                    colors: {\n                        'ua-midnight': '#040b14',\n                        'ua-card': '#0d141e',\n                        'ua-gold': '#C5A059',\n                        'ua-white': '#FFFFFF',\n                        'ua-text': '#9aa5b1',\n                        'ua-border': 'rgba(197, 160, 89, 0.2)'\n                    },\n                    boxShadow: {\n                        'ua-glow': '0 0 20px rgba(197, 160, 89, 0.15)',\n                    },\n                    animation: {\n                        'fade-in-up': 'fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards',\n                    },\n                    keyframes: {\n                        fadeInUp: {\n                            '0%': { opacity: '0', transform: 'translateY(20px)' },\n                            '100%': { opacity: '1', transform: 'translateY(0)' },\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        \/* Scoped CSS Reset for Crudoimage Section *\/\n        #Crudoimage-reviews-wrapper {\n            font-family: 'Inter', sans-serif;\n            line-height: 1.6;\n            background-color: #040b14;\n        }\n        \n        #Crudoimage-reviews-wrapper *, \n        #Crudoimage-reviews-wrapper ::before, \n        #Crudoimage-reviews-wrapper ::after {\n            box-sizing: border-box;\n            border-width: 0;\n            border-style: solid;\n            border-color: rgba(197, 160, 89, 0.2);\n        }\n\n        .bg-luxury-pattern {\n            background-image: radial-gradient(#C5A059 0.5px, transparent 0.5px);\n            background-size: 30px 30px;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-ua-midnight\">\n\n    <!-- WRAPPER ID -->\n    <div id=\"Crudoimage-reviews-wrapper\" class=\"text-ua-white antialiased relative w-full min-h-screen flex items-center justify-center p-4 lg:p-12\">\n\n        <!-- Background Pattern -->\n        <div class=\"absolute inset-0 opacity-[0.05] pointer-events-none z-0 bg-luxury-pattern\"><\/div>\n\n        <section class=\"max-w-6xl w-full mx-auto relative z-10\">\n            \n            <!-- Section Header & Summary -->\n            <div class=\"grid lg:grid-cols-12 gap-8 mb-16 lg:items-center\">\n                <div class=\"lg:col-span-5\">\n                    <span class=\"inline-block py-1.5 px-4 rounded-full bg-ua-gold\/10 border border-ua-gold\/30 text-ua-gold text-xs font-body font-bold tracking-widest uppercase mb-4\">\n                        Verified Investors\n                    <\/span>\n                    <h2 class=\"font-head font-bold text-3xl md:text-5xl text-ua-white mb-4 uppercase tracking-tight leading-tight\">\n                        Trusted by <span class=\"text-ua-gold italic\">Families<\/span> & Investors\n                    <\/h2>\n                    <p class=\"text-ua-text font-body text-lg leading-relaxed\">\n                        Discover why Unicorn Aerocity is the preferred choice for secure land investment near Kolkata Airport.\n                    <\/p>\n                <\/div>\n\n                <!-- Rating Summary Card -->\n                <div class=\"lg:col-span-7 flex flex-col sm:flex-row gap-6 lg:justify-end\">\n                    <div class=\"bg-ua-card p-6 rounded-xl border border-ua-border shadow-lg flex items-center gap-5 backdrop-blur-sm\">\n                        <div class=\"text-center px-2\">\n                            <span class=\"block text-4xl font-head font-bold text-ua-white\">4.9<\/span>\n                            <div class=\"flex text-ua-gold text-sm mt-1\">\n                                \u2605\u2605\u2605\u2605\u2605\n                            <\/div>\n                        <\/div>\n                        <div class=\"h-12 w-px bg-ua-border\"><\/div>\n                        <div>\n                            <p class=\"text-sm font-bold text-ua-white uppercase tracking-wide\">Excellence Score<\/p>\n                            <p class=\"text-xs text-ua-text mt-1 font-body\">Based on 500+ site visits<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"bg-ua-card p-6 rounded-xl border border-ua-border shadow-lg flex items-center gap-5 backdrop-blur-sm\">\n                         <div class=\"h-12 w-12 rounded-full bg-ua-gold\/10 flex items-center justify-center text-ua-gold\">\n                            <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n                         <\/div>\n                         <div>\n                            <p class=\"text-sm font-bold text-ua-white uppercase tracking-wide\">100% Legal<\/p>\n                            <p class=\"text-xs text-ua-text mt-1 font-body\">Dispute-free titles verified<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Reviews Grid -->\n            <div id=\"Crudoimage-reviewsGrid\" class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\">\n\n                <!-- Review 1 -->\n                <div class=\"bg-ua-card p-8 rounded-2xl border border-ua-border shadow-sm hover:shadow-ua-glow transition-all duration-300 group hover:-translate-y-1\">\n                    <div class=\"flex items-center justify-between mb-6\">\n                        <div class=\"flex text-ua-gold text-sm\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                        <span class=\"text-xs text-ua-white bg-ua-midnight border border-ua-border px-2 py-1 rounded-md font-mono font-bold flex items-center gap-1 uppercase tracking-wider\">\n                            <svg class=\"w-3 h-3 text-ua-gold\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/><\/svg> Booked\n                        <\/span>\n                    <\/div>\n                    <h4 class=\"font-head font-bold text-lg text-ua-white mb-3\">\"Perfect location for NRIs\"<\/h4>\n                    <p class=\"text-ua-text text-sm leading-relaxed font-body mb-6\">\n                        \"Living in Dubai, I wanted a secure investment back home. The proximity to the airport (just 10 mins) is unbeatable. The legal transparency gave me total peace of mind to book remotely.\"\n                    <\/p>\n                    <div class=\"flex items-center gap-3 pt-6 border-t border-ua-border\">\n                        <div class=\"w-10 h-10 rounded-full bg-ua-gold text-ua-midnight flex items-center justify-center font-head font-bold text-sm\">AD<\/div>\n                        <div>\n                            <p class=\"text-sm font-bold text-ua-white\">Anirban Das<\/p>\n                            <p class=\"text-xs text-ua-text font-body\">Dubai (NRI)<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Review 2 -->\n                <div class=\"bg-ua-card p-8 rounded-2xl border border-ua-border shadow-sm hover:shadow-ua-glow transition-all duration-300 group hover:-translate-y-1\">\n                    <div class=\"flex items-center justify-between mb-6\">\n                        <div class=\"flex text-ua-gold text-sm\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                        <span class=\"text-xs text-ua-white bg-ua-midnight border border-ua-border px-2 py-1 rounded-md font-mono font-bold flex items-center gap-1 uppercase tracking-wider\">\n                            <svg class=\"w-3 h-3 text-ua-gold\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/><\/svg> Verified\n                        <\/span>\n                    <\/div>\n                    <h4 class=\"font-head font-bold text-lg text-ua-white mb-3\">\"Transparency is real\"<\/h4>\n                    <p class=\"text-ua-text text-sm leading-relaxed font-body mb-6\">\n                        \"I've seen many projects in Madhyamgram, but Novesta's paperwork is the cleanest. They showed me the mutation and conversion documents upfront. The G+1 plan fits my retirement villa dream perfectly.\"\n                    <\/p>\n                    <div class=\"flex items-center gap-3 pt-6 border-t border-ua-border\">\n                        <div class=\"w-10 h-10 rounded-full bg-ua-gold text-ua-midnight flex items-center justify-center font-head font-bold text-sm\">PB<\/div>\n                        <div>\n                            <p class=\"text-sm font-bold text-ua-white\">Pradip Bose<\/p>\n                            <p class=\"text-xs text-ua-text font-body\">Salt Lake, Kolkata<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Review 3 -->\n                <div class=\"bg-ua-card p-8 rounded-2xl border border-ua-border shadow-sm hover:shadow-ua-glow transition-all duration-300 group hover:-translate-y-1\">\n                    <div class=\"flex items-center justify-between mb-6\">\n                        <div class=\"flex text-ua-gold text-sm\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                        <span class=\"text-xs text-ua-white bg-ua-midnight border border-ua-border px-2 py-1 rounded-md font-mono font-bold flex items-center gap-1 uppercase tracking-wider\">\n                            <svg class=\"w-3 h-3 text-ua-gold\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/><\/svg> Booked\n                        <\/span>\n                    <\/div>\n                    <h4 class=\"font-head font-bold text-lg text-ua-white mb-3\">\"Connectivity is key\"<\/h4>\n                    <p class=\"text-ua-text text-sm leading-relaxed font-body mb-6\">\n                        \"My office is in Newtown, and this location is strategic. Getting to NH-12 takes barely 5 minutes. The proposed amenities like the swimming pool and organic farm sealed the deal for my family.\"\n                    <\/p>\n                    <div class=\"flex items-center gap-3 pt-6 border-t border-ua-border\">\n                        <div class=\"w-10 h-10 rounded-full bg-ua-gold text-ua-midnight flex items-center justify-center font-head font-bold text-sm\">RG<\/div>\n                        <div>\n                            <p class=\"text-sm font-bold text-ua-white\">Rahul Gupta<\/p>\n                            <p class=\"text-xs text-ua-text font-body\">IT Professional<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Review 4 -->\n                <div class=\"bg-ua-card p-8 rounded-2xl border border-ua-border shadow-sm hover:shadow-ua-glow transition-all duration-300 group hover:-translate-y-1\">\n                    <div class=\"flex items-center justify-between mb-6\">\n                        <div class=\"flex text-ua-gold text-sm\">\u2605\u2605\u2605\u2605<span class=\"text-gray-500\">\u2605<\/span><\/div>\n                        <span class=\"text-xs text-ua-white bg-ua-midnight border border-ua-border px-2 py-1 rounded-md font-mono font-bold flex items-center gap-1 uppercase tracking-wider\">\n                            <svg class=\"w-3 h-3 text-ua-gold\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/><\/svg> Verified\n                        <\/span>\n                    <\/div>\n                    <h4 class=\"font-head font-bold text-lg text-ua-white mb-3\">\"Great future ROI\"<\/h4>\n                    <p class=\"text-ua-text text-sm leading-relaxed font-body mb-6\">\n                        \"The price point of \u20b933 Lakhs for 1000 sq ft is very competitive given the location. With the airport expansion, I expect property rates here to double in the next 3-4 years.\"\n                    <\/p>\n                    <div class=\"flex items-center gap-3 pt-6 border-t border-ua-border\">\n                        <div class=\"w-10 h-10 rounded-full bg-ua-gold text-ua-midnight flex items-center justify-center font-head font-bold text-sm\">SM<\/div>\n                        <div>\n                            <p class=\"text-sm font-bold text-ua-white\">Sanjay Mitra<\/p>\n                            <p class=\"text-xs text-ua-text font-body\">Investor, Howrah<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                 <!-- Review 5 (Highlighted) -->\n                 <div class=\"md:col-span-2 lg:col-span-2 bg-gradient-to-br from-ua-card to-ua-midnight p-8 rounded-2xl border border-ua-gold\/50 shadow-sm group relative overflow-hidden\">\n                    <!-- Subtle Gold Highlight -->\n                    <div class=\"absolute top-0 left-0 w-1 h-full bg-ua-gold\"><\/div>\n                    \n                    <div class=\"flex flex-col md:flex-row md:items-start justify-between mb-6 gap-4 relative z-10\">\n                        <div>\n                            <div class=\"flex text-ua-gold text-sm mb-2\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                            <h4 class=\"font-head font-bold text-xl text-ua-white\">\"A safe, gated haven for my parents\"<\/h4>\n                        <\/div>\n                        <span class=\"text-xs text-ua-gold bg-ua-gold\/10 border border-ua-gold px-3 py-1 rounded-full font-mono font-bold self-start uppercase tracking-wider\">\n                            Premium Family Plot\n                        <\/span>\n                    <\/div>\n                    <p class=\"text-ua-text text-base leading-relaxed font-body mb-6 relative z-10\">\n                        \"Security was my main concern for my elderly parents. Unicorn Aerocity's plan for 24x7 CCTV and guards, plus the health center inside the campus, convinced me. It's rare to find such a well-planned community layout in this budget.\"\n                    <\/p>\n                    <div class=\"flex items-center gap-3 pt-6 border-t border-ua-border relative z-10\">\n                        <div class=\"w-10 h-10 rounded-full bg-ua-white flex items-center justify-center text-ua-midnight font-head font-bold text-sm\">SC<\/div>\n                        <div>\n                            <p class=\"text-sm font-bold text-ua-white\">Sneha Chatterjee<\/p>\n                            <p class=\"text-xs text-ua-text font-body\">Barasat<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- HIDDEN REVIEWS -->\n                \n                <!-- Review 6 -->\n                <div class=\"Crudoimage-hidden-review hidden bg-ua-card p-8 rounded-2xl border border-ua-border shadow-sm hover:shadow-ua-glow transition-all duration-300 group hover:-translate-y-1\">\n                    <div class=\"flex items-center justify-between mb-6\">\n                        <div class=\"flex text-ua-gold text-sm\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                        <span class=\"text-xs text-ua-white bg-ua-midnight border border-ua-border px-2 py-1 rounded-md font-mono font-bold flex items-center gap-1 uppercase tracking-wider\">\n                            <svg class=\"w-3 h-3 text-ua-gold\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/><\/svg> Booked\n                        <\/span>\n                    <\/div>\n                    <h4 class=\"font-head font-bold text-lg text-ua-white mb-3\">\"Hassle-free booking\"<\/h4>\n                    <p class=\"text-ua-text text-sm leading-relaxed font-body mb-6\">\n                        \"The sales team was very professional. They explained the payment flexibility clearly. I booked with just \u20b91 Lakh and the down payment terms were very reasonable.\"\n                    <\/p>\n                    <div class=\"flex items-center gap-3 pt-6 border-t border-ua-border\">\n                        <div class=\"w-10 h-10 rounded-full bg-ua-gold text-ua-midnight flex items-center justify-center font-head font-bold text-sm\">AK<\/div>\n                        <div>\n                            <p class=\"text-sm font-bold text-ua-white\">Amit Kumar<\/p>\n                            <p class=\"text-xs text-ua-text font-body\">Dum Dum<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Review 7 -->\n                <div class=\"Crudoimage-hidden-review hidden bg-ua-card p-8 rounded-2xl border border-ua-border shadow-sm hover:shadow-ua-glow transition-all duration-300 group hover:-translate-y-1\">\n                    <div class=\"flex items-center justify-between mb-6\">\n                        <div class=\"flex text-ua-gold text-sm\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                        <span class=\"text-xs text-ua-white bg-ua-midnight border border-ua-border px-2 py-1 rounded-md font-mono font-bold flex items-center gap-1 uppercase tracking-wider\">\n                            <svg class=\"w-3 h-3 text-ua-gold\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/><\/svg> Verified\n                        <\/span>\n                    <\/div>\n                    <h4 class=\"font-head font-bold text-lg text-ua-white mb-3\">\"Aviation theme is unique\"<\/h4>\n                    <p class=\"text-ua-text text-sm leading-relaxed font-body mb-6\">\n                        \"The aeroplane-themed pool and deck concept is fantastic. It sets this project apart from standard housing societies. Excited to see the final construction.\"\n                    <\/p>\n                    <div class=\"flex items-center gap-3 pt-6 border-t border-ua-border\">\n                        <div class=\"w-10 h-10 rounded-full bg-ua-gold text-ua-midnight flex items-center justify-center font-head font-bold text-sm\">RD<\/div>\n                        <div>\n                            <p class=\"text-sm font-bold text-ua-white\">Riya Dutta<\/p>\n                            <p class=\"text-xs text-ua-text font-body\">Rajarhat<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- CTA Area -->\n            <div class=\"mt-16 text-center\">\n                <button id=\"Crudoimage-loadMoreBtn\" onclick=\"CrudoimageLoadMoreReviews()\" class=\"inline-flex items-center justify-center bg-transparent border border-ua-gold text-ua-gold hover:bg-ua-gold hover:text-ua-midnight font-head font-bold text-sm uppercase tracking-wide py-3 px-8 rounded-lg transition-all shadow-sm hover:shadow-ua-glow\">\n                    Load More Reviews\n                    <svg class=\"w-4 h-4 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/><\/svg>\n                <\/button>\n            <\/div>\n\n        <\/section>\n\n    <\/div>\n\n    <script>\n        function CrudoimageLoadMoreReviews() {\n            const hiddenReviews = document.querySelectorAll('.Crudoimage-hidden-review');\n            hiddenReviews.forEach((el, index) => {\n                \/\/ Remove hidden class\n                el.classList.remove('hidden');\n                \/\/ Add fade-in animation with staggered delay\n                el.style.animationDelay = `${index * 100}ms`;\n                el.classList.add('animate-fade-in-up');\n            });\n\n            \/\/ Hide the button after loading\n            const btn = document.getElementById('Crudoimage-loadMoreBtn');\n            btn.classList.add('hidden');\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c364e4a elementor-widget elementor-widget-html\" data-id=\"4c364e4a\" 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>Novesta Testimonials<\/title>\n<!-- Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<\/head>\n<body style=\"margin:0; background-color:#1A1A20;\">\n\n<!-- \u2728 NOVESTA \u2014 Customer Testimonials (Gold on Dark Glass) -->\n<section id=\"novesta-testimonials-gold-20251108\" aria-labelledby=\"novesta-testimonials-title-20251108\">\n  <div id=\"novesta-testimonials-container-20251108\">\n    <h2 id=\"novesta-testimonials-title-20251108\">What Our Customers Say<\/h2>\n    <p id=\"novesta-testimonials-sub-20251108\">\n      Real stories from the Unicorn Aerocity community.\n    <\/p>\n\n    <div id=\"novesta-testimonials-grid-20251108\">\n      <!-- Video 1: Walkthrough (muJSIcOUCkU) -->\n      <div class=\"novesta-testimonial-card-20251108\" data-video=\"muJSIcOUCkU\">\n        <div class=\"novesta-thumb-20251108\">\n          <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/muJSIcOUCkU\/hqdefault.jpg\" alt=\"Customer walkthrough\">\n          <div class=\"novesta-play-icon-20251108\"><i class=\"fa-solid fa-play\"><\/i><\/div>\n        <\/div>\n        <h3>Customer Experience \u2014 Walkthrough<\/h3>\n        <p>Real buyers talk about their visit and experience at the 52-bigha estate.<\/p>\n      <\/div>\n\n      <!-- Video 2: Amenities (qEPUEXlp1bg) -->\n      <div class=\"novesta-testimonial-card-20251108\" data-video=\"qEPUEXlp1bg\">\n        <div class=\"novesta-thumb-20251108\">\n          <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/qEPUEXlp1bg\/hqdefault.jpg\" alt=\"Customer amenities feedback\">\n          <div class=\"novesta-play-icon-20251108\"><i class=\"fa-solid fa-play\"><\/i><\/div>\n        <\/div>\n        <h3>Customer Review \u2014 Amenities<\/h3>\n        <p>Owners share their love for the aeroplane-themed pool and lifestyle facilities.<\/p>\n      <\/div>\n\n      <!-- Video 3: Connectivity (C-Eb6sKa1x8) -->\n      <div class=\"novesta-testimonial-card-20251108\" data-video=\"C-Eb6sKa1x8\">\n        <div class=\"novesta-thumb-20251108\">\n          <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/C-Eb6sKa1x8\/hqdefault.jpg\" alt=\"Customer connectivity feedback\">\n          <div class=\"novesta-play-icon-20251108\"><i class=\"fa-solid fa-play\"><\/i><\/div>\n        <\/div>\n        <h3>Customer Feedback \u2014 Connectivity<\/h3>\n        <p>Buyers appreciate the secured titles, great connectivity, and nearby facilities.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lightbox -->\n  <div id=\"novesta-testimonials-lightbox-20251108\" class=\"novesta-testimonials-lightbox-20251108\" aria-hidden=\"true\">\n    <div class=\"novesta-lightbox-inner-20251108\">\n      <button id=\"novesta-lb-close-20251108\">&times;<\/button>\n      <div id=\"novesta-lightbox-player-20251108\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \ud83c\udfa8 Gold Accent Glass Design -->\n<style>\n#novesta-testimonials-gold-20251108 {\n  --bg-dark: #1A1A20;\n  --accent: #F5B544;\n  --text-light: #ffffff;\n  --glass-bg: rgba(255,255,255,0.05);\n  --glass-border: rgba(255,255,255,0.12);\n  background-color: var(--bg-dark);\n  background-image: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.06) 0%, transparent 70%);\n  padding: 80px 20px;\n  text-align: center;\n  color: var(--text-light);\n  position: relative;\n  overflow: hidden;\n  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n#novesta-testimonials-title-20251108 {\n  font-size: clamp(26px, 3vw, 38px);\n  font-weight: 800;\n  color: var(--accent);\n  text-shadow: 0 4px 12px rgba(0,0,0,0.6);\n  letter-spacing: -0.02em;\n  margin-bottom: 10px;\n  margin-top: 0;\n}\n\n#novesta-testimonials-sub-20251108 {\n  color: rgba(255,255,255,0.9);\n  font-size: 16px;\n  margin-bottom: 50px;\n  max-width: 700px;\n  margin-inline: auto;\n}\n\n#novesta-testimonials-grid-20251108 {\n  display: grid;\n  gap: 30px;\n  justify-items: center;\n  grid-template-columns: 1fr;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n@media(min-width:700px){ #novesta-testimonials-grid-20251108{ grid-template-columns:repeat(2,1fr);} }\n@media(min-width:1000px){ #novesta-testimonials-grid-20251108{ grid-template-columns:repeat(3,1fr);} }\n\n.novesta-testimonial-card-20251108 {\n  background: var(--glass-bg);\n  border: 1px solid var(--glass-border);\n  border-radius: 18px;\n  max-width: 360px;\n  width: 100%;\n  overflow: hidden;\n  backdrop-filter: blur(15px) saturate(180%);\n  -webkit-backdrop-filter: blur(15px) saturate(180%);\n  box-shadow: 0 10px 40px rgba(0,0,0,0.35);\n  transition: all 0.3s ease;\n  cursor: pointer;\n}\n.novesta-testimonial-card-20251108:hover {\n  transform: translateY(-8px);\n  background: rgba(255,255,255,0.1);\n  box-shadow: 0 18px 50px rgba(0,0,0,0.5);\n}\n\n.novesta-thumb-20251108 { \n  position: relative; \n  overflow: hidden; \n  width: 100%;\n  padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n  background: #000;\n}\n.novesta-thumb-20251108 img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%; \n  height: 100%;\n  object-fit: cover;\n  display: block;\n  filter: brightness(0.9);\n  transition: transform .4s ease, filter .3s ease;\n}\n.novesta-testimonial-card-20251108:hover img {\n  transform: scale(1.05);\n  filter: brightness(1);\n}\n\n.novesta-play-icon-20251108 {\n  position: absolute;\n  top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  background: linear-gradient(145deg, #F5B544, #E09C3E);\n  color: #1A1A20;\n  border-radius: 50%;\n  font-size: 20px;\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 0 20px rgba(245,181,68,0.5);\n  transition: transform .3s ease, box-shadow .3s ease;\n}\n.novesta-testimonial-card-20251108:hover .novesta-play-icon-20251108 {\n  transform: translate(-50%, -50%) scale(1.1);\n  box-shadow: 0 0 30px rgba(245,181,68,0.7);\n}\n\n.novesta-testimonial-card-20251108 h3 {\n  color: var(--accent);\n  font-size: 15px;\n  text-transform: uppercase;\n  font-weight: 700;\n  margin: 20px 20px 6px;\n  text-align: left;\n}\n.novesta-testimonial-card-20251108 p {\n  color: rgba(255,255,255,0.8);\n  font-size: 13.5px;\n  margin: 0 20px 25px;\n  text-align: left;\n  line-height: 1.5;\n}\n\n\/* Lightbox *\/\n#novesta-testimonials-lightbox-20251108 {\n  position: fixed;\n  inset: 0;\n  display: none;\n  justify-content: center;\n  align-items: center;\n  background: rgba(0,0,0,0.9);\n  z-index: 10000;\n  backdrop-filter: blur(5px);\n}\n#novesta-testimonials-lightbox-20251108.active { display: flex; }\n\n.novesta-lightbox-inner-20251108 {\n  position: relative;\n  width: 90%;\n  max-width: 900px;\n  border-radius: 12px;\n  overflow: hidden;\n  background: #000;\n  box-shadow: 0 20px 60px rgba(0,0,0,0.8);\n}\n#novesta-lb-close-20251108 {\n  position: absolute;\n  top: -40px; right: 0;\n  background: transparent;\n  color: #fff;\n  border: none;\n  font-size: 32px;\n  cursor: pointer;\n  z-index: 2;\n  line-height: 1;\n  padding: 5px;\n}\n#novesta-lightbox-player-20251108 {\n  position: relative;\n  padding-bottom: 56.25%; \/* 16:9 *\/\n  height: 0;\n}\n#novesta-lightbox-player-20251108 iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n<\/style>\n\n<!-- JS -->\n<script>\ndocument.querySelectorAll('.novesta-testimonial-card-20251108').forEach(card=>{\n  card.addEventListener('click',()=>{\n    const id=card.getAttribute('data-video');\n    const lightbox=document.getElementById('novesta-testimonials-lightbox-20251108');\n    const player=document.getElementById('novesta-lightbox-player-20251108');\n    player.innerHTML=`<iframe src=\"https:\/\/www.youtube.com\/embed\/${id}?autoplay=1&rel=0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>`;\n    lightbox.classList.add('active');\n  });\n});\ndocument.getElementById('novesta-lb-close-20251108').addEventListener('click',()=>{\n  document.getElementById('novesta-lightbox-player-20251108').innerHTML='';\n  document.getElementById('novesta-testimonials-lightbox-20251108').classList.remove('active');\n});\ndocument.getElementById('novesta-testimonials-lightbox-20251108').addEventListener('click',(e)=>{\n  if(e.target.id==='novesta-testimonials-lightbox-20251108'){\n    document.getElementById('novesta-lightbox-player-20251108').innerHTML='';\n    e.target.classList.remove('active');\n  }\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54048b4d elementor-widget elementor-widget-html\" data-id=\"54048b4d\" 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>Our Happy Family - Unicorn Aerocity<\/title>\n    \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=Montserrat:wght@200..800&display=swap\" rel=\"stylesheet\">\n    \n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n\n    <style>\n        \/* Base Reset *\/\n        * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        :root {\n            --ua-bg-main: #040b14;\n            --ua-bg-secondary: #0a1320;\n            --ua-gold: #c19b6c;\n            --ua-gold-bright: #e8c885;\n            --ua-white: #ffffff;\n            --ua-text-muted: #a0a0a0;\n            --ua-border: rgba(193, 155, 108, 0.2);\n            --font-heading: 'Playfair Display', serif;\n            --font-body: 'Montserrat', sans-serif;\n        }\n\n        body { background-color: var(--ua-bg-main); color: var(--ua-white); font-family: var(--font-body); }\n\n        \/* Section Layout *\/\n        #ua-shorts-section {\n            background-color: var(--ua-bg-main);\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .ua-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 3;\n            padding: 0 40px; \/* Increased padding for arrows *\/\n        }\n\n        .ua-header { text-align: center; margin-bottom: 60px; }\n\n        .ua-title {\n            font-family: var(--font-heading);\n            font-size: clamp(2.5rem, 5vw, 3.8rem);\n            margin-bottom: 15px;\n            text-transform: uppercase;\n        }\n\n        .ua-title span {\n            background: linear-gradient(to right, #c19b6c 0%, #fdf5e6 50%, #c19b6c 100%);\n            background-size: 200% auto;\n            color: transparent;\n            -webkit-background-clip: text;\n            background-clip: text;\n            font-style: italic;\n            animation: goldShine 4s linear infinite;\n        }\n\n        @keyframes goldShine { to { background-position: 200% center; } }\n\n        \/* Carousel Specific Styles *\/\n        .swiper-container {\n            padding: 20px 10px 60px 10px !important;\n        }\n\n        .ua-short-card {\n            display: block;\n            width: 100%;\n            aspect-ratio: 9\/16;\n            border-radius: 16px;\n            background: linear-gradient(145deg, rgba(193, 155, 108, 0.4) 0%, rgba(4, 11, 20, 0) 60%);\n            padding: 1px;\n            text-decoration: none;\n            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .ua-short-inner {\n            width: 100%; height: 100%;\n            border-radius: 15px;\n            overflow: hidden;\n            position: relative;\n            background-color: var(--ua-bg-main);\n        }\n\n        .ua-short-inner img {\n            width: 100%; height: 100%;\n            object-fit: cover;\n            opacity: 0.8;\n            transition: 0.8s ease;\n        }\n\n        .ua-short-card:hover { transform: translateY(-10px); }\n        .ua-short-card:hover img { transform: scale(1.08); opacity: 1; }\n\n        \/* Play Button & Overlays *\/\n        .ua-short-play-overlay {\n            position: absolute; inset: 0;\n            display: flex; align-items: center; justify-content: center;\n            background: rgba(0, 0, 0, 0.2);\n        }\n\n        .ua-play-btn {\n            width: 60px; height: 60px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(8px);\n            border: 1px solid var(--ua-gold);\n            display: flex; align-items: center; justify-content: center;\n            color: white; font-size: 1.5rem;\n            transition: 0.4s;\n        }\n\n        .ua-short-card:hover .ua-play-btn {\n            background: var(--ua-gold);\n            color: var(--ua-bg-main);\n            transform: scale(1.1);\n        }\n\n        \/* Swiper Navigation Customization *\/\n        .swiper-button-next, .swiper-button-prev {\n            color: var(--ua-gold) !important;\n            transition: 0.3s;\n        }\n\n        .swiper-button-next:after, .swiper-button-prev:after {\n            font-size: 24px !important;\n            font-weight: bold;\n        }\n\n        .swiper-pagination-bullet {\n            background: var(--ua-gold) !important;\n            opacity: 0.3;\n        }\n\n        .swiper-pagination-bullet-active {\n            opacity: 1;\n            width: 25px;\n            border-radius: 5px;\n        }\n\n        \/* Ambient Glows *\/\n        .ua-ambient-glow {\n            position: absolute; width: 600px; height: 600px;\n            background: radial-gradient(circle, rgba(193, 155, 108, 0.08) 0%, rgba(4, 11, 20, 0) 70%);\n            border-radius: 50%; pointer-events: none; z-index: 1;\n        }\n        .ua-glow-1 { top: -200px; left: -200px; }\n    <\/style>\n<\/head>\n<body>\n\n<section id=\"ua-shorts-section\">\n    <div class=\"ua-ambient-glow ua-glow-1\"><\/div>\n\n    <div class=\"ua-container\">\n        <div class=\"ua-header\">\n            <h2 class=\"ua-title\">Life at <span>Unicorn Aerocity<\/span><\/h2>\n            <p class=\"ua-subtitle\">Swipe through our latest moments and vibrant community progress.<\/p>\n        <\/div>\n\n        <div class=\"swiper mySwiper swiper-container\">\n            <div class=\"swiper-wrapper\">\n                \n                <div class=\"swiper-slide\">\n                    <a href=\"https:\/\/youtube.com\/shorts\/syyIRoRUlH0\" target=\"_blank\" class=\"ua-short-card\">\n                        <div class=\"ua-short-inner\">\n                            <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/syyIRoRUlH0\/hqdefault.jpg\" alt=\"Short 1\">\n                            <div class=\"ua-short-play-overlay\">\n                                <div class=\"ua-play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n\n                <div class=\"swiper-slide\">\n                    <a href=\"https:\/\/youtube.com\/shorts\/l-DHMRFpafk\" target=\"_blank\" class=\"ua-short-card\">\n                        <div class=\"ua-short-inner\">\n                            <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/l-DHMRFpafk\/hqdefault.jpg\" alt=\"Short 2\">\n                            <div class=\"ua-short-play-overlay\">\n                                <div class=\"ua-play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n\n                <div class=\"swiper-slide\">\n                    <a href=\"https:\/\/youtube.com\/shorts\/U-V8tnlVWc8\" target=\"_blank\" class=\"ua-short-card\">\n                        <div class=\"ua-short-inner\">\n                            <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/U-V8tnlVWc8\/hqdefault.jpg\" alt=\"Short 3\">\n                            <div class=\"ua-short-play-overlay\">\n                                <div class=\"ua-play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n\n                <div class=\"swiper-slide\">\n                    <a href=\"https:\/\/youtube.com\/shorts\/s16r1DmI5pE\" target=\"_blank\" class=\"ua-short-card\">\n                        <div class=\"ua-short-inner\">\n                            <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/s16r1DmI5pE\/hqdefault.jpg\" alt=\"Short 4\">\n                            <div class=\"ua-short-play-overlay\">\n                                <div class=\"ua-play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"swiper-button-next\"><\/div>\n            <div class=\"swiper-button-prev\"><\/div>\n            <div class=\"swiper-pagination\"><\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n    var swiper = new Swiper(\".mySwiper\", {\n        slidesPerView: 1,\n        spaceBetween: 20,\n        loop: true,\n        autoplay: {\n            delay: 3000,\n            disableOnInteraction: false,\n        },\n        pagination: {\n            el: \".swiper-pagination\",\n            clickable: true,\n        },\n        navigation: {\n            nextEl: \".swiper-button-next\",\n            prevEl: \".swiper-button-prev\",\n        },\n        breakpoints: {\n            640: { slidesPerView: 2, spaceBetween: 20 },\n            1024: { slidesPerView: 3, spaceBetween: 30 },\n            1200: { slidesPerView: 4, spaceBetween: 40 },\n        },\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>A Amanat Realty &#8211; Header Preview Amanat Realty BY MD MUSTAKIM Call Now WhatsApp &times; Contact Us Select a line to connect immediately Phone 1 9674931565 Phone 2 9674931575 Unicorn Aerocity &#8211; The Novesta Signature Collection The Novesta Signature Collection Unicorn Aerocity NEXT TO RUNWAY An ultra-exclusive 52 Bigha gated estate adjacent to Kolkata International [&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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amanatrealty.com\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amanatrealty.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amanatrealty.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amanatrealty.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amanatrealty.com\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":80,"href":"https:\/\/amanatrealty.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/amanatrealty.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/amanatrealty.com\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}