{"id":32,"date":"2026-06-08T05:24:35","date_gmt":"2026-06-08T05:24:35","guid":{"rendered":"https:\/\/yogyalegal.in\/?page_id=32"},"modified":"2026-06-12T13:44:46","modified_gmt":"2026-06-12T13:44:46","slug":"home-page","status":"publish","type":"page","link":"https:\/\/yogyalegal.in\/hi\/","title":{"rendered":"Home Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b448e4 e-con-full e-flex e-con e-parent\" data-id=\"1b448e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e7a42c elementor-widget elementor-widget-html\" data-id=\"7e7a42c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <meta name=\"theme-color\" content=\"#0F172A\">\n    \n    <title>Yogya Legal | Elite Litigation Chambers & Corporate Counsel<\/title>\n    <meta name=\"description\" content=\"Yogya Legal is a premier luxury corporate litigation chamber and multi-disciplinary practice led by Advocate Pawan Kumar Vyas. Serving corporate and private clients globally from Bikaner, Rajasthan.\">\n    <meta name=\"keywords\" content=\"Yogya Legal, Pawan Kumar Vyas, Top Lawyer Bikaner, High Court Advocate Rajasthan, Registered Trademark Attorney India, Civil Litigation Chambers, Criminal Defense Lawyer Bikaner, NDPS Bail Advocate, Commercial Arbitration Forum\">\n    \n    <!-- Open Graph Protocol (OGP) Engine Metrics -->\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/yogyalegal.com\/\">\n    <meta property=\"og:title\" content=\"Yogya Legal | Elite Litigation Chambers & Corporate Counsel\">\n    <meta property=\"og:description\" content=\"Bespoke institutional advocacy, high-stakes trial defense, and premium multi-disciplinary legal execution managed by Advocate Pawan Kumar Vyas.\">\n    <meta property=\"og:image\" content=\"https:\/\/yogyalegal.com\/assets\/meta-luxury-preview.jpg\">\n    <meta property=\"og:image:width\" content=\"1200\">\n    <meta property=\"og:image:height\" content=\"630\">\n\n    <!-- Twitter Card Asset Indexing -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:url\" content=\"https:\/\/yogyalegal.com\/\">\n    <meta name=\"twitter:title\" content=\"Yogya Legal | Elite Litigation Chambers & Corporate Counsel\">\n    <meta name=\"twitter:description\" content=\"Bespoke institutional advocacy, high-stakes trial defense, and premium multi-disciplinary legal execution managed by Advocate Pawan Kumar Vyas.\">\n    <meta name=\"twitter:image\" content=\"https:\/\/yogyalegal.com\/assets\/meta-luxury-preview.jpg\">\n\n    <!-- Favicon Indexing System -->\n    <link rel=\"icon\" type=\"image\/svg+xml\" href=\"data:image\/svg+xml,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>\u2696\ufe0f<\/text><\/svg>\">\n    <link rel=\"apple-touch-icon\" href=\"data:image\/svg+xml,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>\u2696\ufe0f<\/text><\/svg>\">\n\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=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\n    \n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        serif: ['Playfair Display', 'serif'],\n                        sans: ['Inter', 'sans-serif'],\n                    },\n                    colors: {\n                        navyPrimary: '#0F172A',\n                        charcoalSecondary: '#1E293B',\n                        goldAccent: '#C9A227',\n                        txtDark: '#111827',\n                        bgLight: '#F8FAFC',\n                        successGreen: '#059669',\n                    },\n                    boxShadow: {\n                        premiumGlow: '0 0 30px -5px rgba(201, 162, 39, 0.25)',\n                        luxuryCard: '0 25px 50px -12px rgba(15, 23, 42, 0.04)',\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        .premium-blur { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }\n        .luxury-gradient { background: linear-gradient(135deg, #0F172A 0%, #172237 50%, #1E293B 100%); }\n        .gold-shimmer { background: linear-gradient(90deg, #A87F18 0%, #C9A227 50%, #A87F18 100%); }\n\n        ::-webkit-scrollbar { width: 6px; }\n        ::-webkit-scrollbar-track { background: #0F172A; }\n        ::-webkit-scrollbar-thumb { background: #C9A227; border-radius: 3px; }\n        \n        @keyframes shimmerMask { 100% { transform: translateX(100%); } }\n        .shimmer-container:hover .shimmer-element {\n            transform: translateX(-100%);\n            animation: shimmerMask 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n        }\n\n        .reveal-node { \n            opacity: 0; \n            transform: translateY(40px); \n            will-change: transform, opacity;\n            transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1); \n        }\n        .reveal-node.active { opacity: 1; transform: translateY(0); }\n        \n        .timeline-line::after {\n            content: ''; position: absolute; top: 0; bottom: 0; left: 50%;\n            width: 1px; background: rgba(201, 162, 39, 0.15); transform: translateX(-50%);\n        }\n        @media (max-width: 768px) { .timeline-line::after { left: 20px; } }\n        body.menu-open { overflow: hidden; }\n\n        img { transition: opacity 0.5s ease-in-out; }\n        img[loading] { opacity: 0; }\n        img.loaded { opacity: 1; }\n        section[id] { scroll-margin-top: 40px; }\n        \n        .clean-heading { text-decoration: none !important; border: none !important; text-transform: none !important; }\n    <\/style>\n\n    <!-- Master Linked Schema Graph with Active Aggregate Review Metrics -->\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@graph\": [\n        {\n          \"@type\": \"LegalService\",\n          \"@id\": \"https:\/\/yogyalegal.com\/#organization\",\n          \"name\": \"Yogya Legal\",\n          \"description\": \"Premium luxury corporate law firm led by Advocate Pawan Kumar Vyas.\",\n          \"url\": \"https:\/\/yogyalegal.com\/\",\n          \"telephone\": \"+91-8875797777\",\n          \"email\": \"info@yogyalegal.com\",\n          \"priceRange\": \"$$$$\",\n          \"address\": {\n            \"@type\": \"PostalAddress\",\n            \"streetAddress\": \"Joshiwara, Chamber no 02, new court Building, Bikaner District Court\",\n            \"addressLocality\": \"Bikaner\",\n            \"addressRegion\": \"Rajasthan\",\n            \"postalCode\": \"334001\",\n            \"addressCountry\": \"IN\"\n          },\n          \"geo\": {\n            \"@type\": \"GeoCoordinates\",\n            \"latitude\": \"28.02193130388433\",\n            \"longitude\": \"73.32369199720175\"\n          },\n          \"aggregateRating\": {\n            \"@type\": \"AggregateRating\",\n            \"ratingValue\": \"4.9\",\n            \"reviewCount\": \"148\",\n            \"bestRating\": \"5\",\n            \"worstRating\": \"1\"\n          },\n          \"founder\": {\n            \"@type\": \"Person\",\n            \"name\": \"Advocate Pawan Kumar Vyas\",\n            \"jobTitle\": \"Managing Counsel\"\n          }\n        },\n        {\n          \"@type\": \"WebPage\",\n          \"@id\": \"https:\/\/yogyalegal.com\/#webpage\",\n          \"url\": \"https:\/\/yogyalegal.com\/\",\n          \"name\": \"Yogya Legal | Elite Litigation Chambers & Corporate Counsel\",\n          \"isPartOf\": { \"@id\": \"https:\/\/yogyalegal.com\/#website\" },\n          \"about\": { \"@id\": \"https:\/\/yogyalegal.com\/#organization\" }\n        }\n      ]\n    }\n    <\/script>\n<\/head>\n<body class=\"bg-[#0B1120] text-txtDark font-sans antialiased selection:bg-amber-100 selection:text-navyPrimary\">\n\n    <a href=\"#main-content\" class=\"sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 bg-goldAccent text-navyPrimary px-4 py-2 z-[110] rounded font-bold text-sm\">\n        Skip to main content\n    <\/a>\n\n    <!-- PRELOADER -->\n    <div id=\"firm-preloader\" class=\"fixed inset-0 z-[100] bg-navyPrimary flex flex-col items-center justify-center pointer-events-none transition-opacity duration-700 ease-out\">\n        <div class=\"mb-4 flex flex-col items-center\">\n            <h1 class=\"font-serif text-3xl md:text-4xl font-bold tracking-[0.25em] text-white\">YOGYA LEGAL<\/h1>\n            <div class=\"h-[1px] w-32 bg-slate-800 mt-3 relative overflow-hidden\">\n                <div class=\"absolute inset-0 gold-shimmer translate-x-[-100%] animate-[shimmerMask_1.8s_infinite] shimmer-element\"><\/div>\n            <\/div>\n        <\/div>\n        <div class=\"text-[9px] uppercase tracking-[0.35em] text-slate-500 font-semibold font-sans\">Chamber Infrastructure Initializing<\/div>\n    <\/div>\n\n    <!-- REGULATORY MODAL -->\n    <div id=\"regulatory-modal\" class=\"fixed inset-0 z-[90] flex items-center justify-center bg-navyPrimary\/95 px-6 backdrop-blur-md transition-opacity duration-500\">\n        <div class=\"bg-white rounded-xl max-w-2xl w-full p-8 md:p-12 border-t-4 border-goldAccent shadow-2xl tracking-wide reveal-node active\">\n            <h2 class=\"font-serif text-2xl md:text-3xl font-bold text-navyPrimary mb-4\">Bar Council of India Disclaimer<\/h2>\n            <p class=\"text-xs md:text-sm text-slate-600 leading-relaxed mb-8 font-light\">\n                Under the regulatory mandates specified within Rule 36 of the Bar Council of India Rules, legal practitioners are fundamentally prohibited from soliciting engagement or advertising institutional capabilities. By clicking the acknowledgment verification link below, the visiting entity explicitly affirms that they wish to acquire structural information regarding Yogya Legal voluntarily and of their own free accord. The materials, analyses, and data blocks arranged on this profile are purely informational and hold zero elements of legal advice or advocate-client relationship solicitation.\n            <\/p>\n            <div class=\"flex justify-end\">\n                <button onclick=\"clearRegulatoryCheckpoint()\" class=\"shimmer-container relative overflow-hidden bg-navyPrimary text-white text-[10px] uppercase tracking-widest font-bold px-8 py-4 rounded hover:shadow-premiumGlow transition-all duration-300\">\n                    Acknowledge & Proceed\n                    <div class=\"absolute inset-0 bg-white\/10 translate-x-[-100%] shimmer-element\"><\/div>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <main id=\"main-content\" class=\"relative z-10\">\n        \n        <!-- HERO SECTION -->\n        <section id=\"home\" class=\"relative min-h-screen luxury-gradient text-white flex items-center justify-center px-6 md:px-12 overflow-hidden border-b border-slate-900 pt-16\">\n            <div class=\"absolute inset-0 opacity-[0.025] bg-[linear-gradient(to_right,#C9A227_1px,transparent_1px),linear-gradient(to_bottom,#C9A227_1px,transparent_1px)] bg-[size:6rem_6rem]\"><\/div>\n            <div class=\"absolute top-1\/4 right-0 w-[700px] h-[700px] bg-goldAccent\/5 rounded-full blur-[150px] pointer-events-none\"><\/div>\n\n            <div class=\"max-w-7xl w-full mx-auto grid grid-cols-1 lg:grid-cols-12 gap-16 relative z-10 raw-section-container\">\n                <div class=\"lg:col-span-7 flex flex-col justify-center space-y-8 reveal-node active\">\n                    <div class=\"inline-flex items-center space-x-2 bg-charcoalSecondary\/60 border border-slate-800 px-4 py-2 rounded-full w-fit\">\n                        <span class=\"w-1.5 h-1.5 bg-goldAccent rounded-full animate-pulse\"><\/span>\n                        <span class=\"text-[9px] uppercase tracking-[0.3em] text-slate-400 font-bold\">Trial Advocacy & Full-Service Counsel<\/span>\n                    <\/div>\n                    <h2 class=\"font-serif text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight leading-[1.06] text-white\">\n                        Justice.<br>Integrity.<br><span class=\"text-goldAccent italic font-light\">Excellence.<\/span>\n                    <\/h2>\n                    <p class=\"text-slate-400 font-light text-base md:text-lg max-w-xl leading-relaxed\">\n                        A comprehensive trial practice, transactional legal advisory, and strategic litigation firm established to construct tactical resolution pathways before judicial and executive authorities.\n                    <\/p>\n                    <div class=\"flex flex-wrap gap-5 pt-2\">\n                        <a href=\"#contact\" class=\"shimmer-container relative overflow-hidden bg-goldAccent text-navyPrimary font-bold text-[10px] uppercase tracking-widest px-8 py-4.5 rounded transition-all duration-400 hover:text-white hover:shadow-premiumGlow\">\n                            Book Consultation\n                            <div class=\"absolute inset-0 bg-white\/20 translate-x-[-100%] shimmer-element\"><\/div>\n                        <\/a>\n                        <a href=\"#practice-areas\" class=\"border border-slate-700 text-slate-300 font-semibold text-[10px] uppercase tracking-widest px-8 py-4.5 rounded hover:border-white hover:text-white transition-all duration-300\">\n                            Explore Areas\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lg:col-span-5 flex flex-col justify-center space-y-8 reveal-node active\">\n                    <!-- Statistics Module Box -->\n                    <div class=\"bg-charcoalSecondary\/20 border border-slate-800\/80 rounded-2xl p-8 md:p-10 backdrop-blur-md shadow-2xl space-y-8 relative\">\n                        <div class=\"absolute top-0 right-0 w-36 h-32 bg-goldAccent\/5 rounded-bl-full pointer-events-none\"><\/div>\n                        <h3 class=\"font-serif text-lg font-bold text-goldAccent border-b border-slate-800\/60 pb-3.5 tracking-wide\">Chamber Matrix Metrics<\/h3>\n                        \n                        <div class=\"space-y-6\">\n                            <div class=\"flex justify-between items-center border-b border-slate-800\/30 pb-4\">\n                                <div>\n                                    <span class=\"block text-4xl font-bold font-serif text-white tracking-wide\" data-target=\"10\">0<\/span>\n                                    <span class=\"text-[9px] text-slate-400 uppercase tracking-widest mt-1.5 block font-bold\">Core Practice Sectors<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex justify-between items-center border-b border-slate-800\/30 pb-4\">\n                                <div>\n                                    <span class=\"block text-4xl font-bold font-serif text-white tracking-wide\" data-target=\"12\">0<\/span>\n                                    <span class=\"text-[9px] text-slate-400 uppercase tracking-widest mt-1.5 block font-bold\">Specialized Operations<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex justify-between items-center\">\n                                <div>\n                                    <span class=\"block text-4xl font-bold font-serif text-white tracking-wide\" data-target=\"7\">0<\/span>\n                                    <span class=\"text-[9px] text-slate-400 uppercase tracking-widest mt-1.5 block font-bold\">Forums Representation<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ACHIEVEMENT COUNTING MATRICES SECTION -->\n        <section class=\"py-24 bg-navyPrimary text-white relative overflow-hidden border-b border-slate-950\">\n            <div class=\"absolute inset-0 opacity-5\">\n                <div class=\"absolute inset-0 bg-[radial-gradient(#C9A227_1px,transparent_1px)] [background-size:20px_20px]\"><\/div>\n            <\/div>\n            <div class=\"max-w-7xl mx-auto px-6 md:px-12 relative z-10\">\n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 lg:gap-12 text-center\">\n                    <div class=\"reveal-node p-6 bg-charcoalSecondary\/10 border border-slate-900\/40 rounded-xl\">\n                        <span class=\"block text-4xl md:text-5xl lg:text-6xl font-bold font-serif text-goldAccent mb-2\" data-target=\"500\">0<\/span>\n                        <span class=\"text-[10px] text-slate-400 uppercase tracking-widest font-bold block\">Cases Handled<\/span>\n                        <p class=\"text-slate-500 text-[9px] mt-2 font-light\">Successfully Resolved<\/p>\n                    <\/div>\n                    <div class=\"reveal-node p-6 bg-charcoalSecondary\/10 border border-slate-900\/40 rounded-xl\">\n                        <span class=\"block text-4xl md:text-5xl lg:text-6xl font-bold font-serif text-goldAccent mb-2\" data-target=\"15\">0<\/span>\n                        <span class=\"text-[10px] text-slate-400 uppercase tracking-widest font-bold block\">Years Experience<\/span>\n                        <p class=\"text-slate-500 text-[9px] mt-2 font-light\">Active Trial Practice<\/p>\n                    <\/div>\n                    <div class=\"reveal-node p-6 bg-charcoalSecondary\/10 border border-slate-900\/40 rounded-xl\">\n                        <span class=\"block text-4xl md:text-5xl lg:text-6xl font-bold font-serif text-goldAccent mb-2\" data-target=\"95\">0<\/span>\n                        <span class=\"text-[10px] text-slate-400 uppercase tracking-widest font-bold block\">% Success Rate<\/span>\n                        <p class=\"text-slate-500 text-[9px] mt-2 font-light\">Client Strategy Accuracy<\/p>\n                    <\/div>\n                    <div class=\"reveal-node p-6 bg-charcoalSecondary\/10 border border-slate-900\/40 rounded-xl\">\n                        <span class=\"block text-4xl md:text-5xl lg:text-6xl font-bold font-serif text-goldAccent mb-2\" data-target=\"200\">0<\/span>\n                        <span class=\"text-[10px] text-slate-400 uppercase tracking-widest font-bold block\">Trademarks Filed<\/span>\n                        <p class=\"text-slate-500 text-[9px] mt-2 font-light\">Prosecutions Completed<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ABOUT SECTION -->\n        <section id=\"about\" class=\"py-36 px-6 md:px-12 max-w-7xl mx-auto border-b border-slate-100\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-16 items-center\">\n                <div class=\"lg:col-span-5 relative flex flex-col items-center\">\n                    <div class=\"absolute -inset-4 border border-goldAccent\/15 rounded-2xl pointer-events-none transform translate-x-3 translate-y-3\"><\/div>\n                    <!-- Hardened Image Profile Matrix Box -->\n                    <div class=\"relative bg-gradient-to-b from-charcoalSecondary to-navyPrimary border border-slate-800 rounded-2xl h-[530px] w-full p-8 flex flex-col overflow-hidden shadow-2xl group items-center justify-center\">\n                        <img decoding=\"async\" src=\"https:\/\/yogyalegal.in\/wp-content\/uploads\/2026\/06\/DB990EC1-E95F-496A-90B2-3A44A3BD9C08-removebg-preview.png\" \n                             alt=\"Advocate Pawan Kumar Vyas Profile Image\" \n                             referrerpolicy=\"no-referrer\"\n                             crossorigin=\"anonymous\"\n                             class=\"absolute bottom-0 max-h-[92%] w-auto object-contain z-10 transition-transform duration-500 group-hover:scale-105\"\n                             onerror=\"this.style.opacity='0'; document.getElementById('vector-backup-shield').classList.remove('hidden');\">\n                        \n                        <!-- High-End Luxury Graphic Fallback if your server blocks hotlinking -->\n                        <div id=\"vector-backup-shield\" class=\"hidden absolute inset-0 flex flex-col items-center justify-center bg-gradient-to-br from-navyPrimary to-charcoalSecondary p-6 text-center select-none\">\n                            <div class=\"text-6xl text-goldAccent\/40 mb-4 font-serif\">\u2696\ufe0f<\/div>\n                            <h4 class=\"font-serif text-xl font-bold text-white tracking-wide\">YOGYA LEGAL<\/h4>\n                            <p class=\"text-slate-500 text-[10px] uppercase tracking-widest mt-2\">Chamber Advocacy Matrix<\/p>\n                        <\/div>\n\n                        <span class=\"text-[9px] absolute top-8 uppercase tracking-[0.35em] text-goldAccent font-bold bg-white\/5 border border-white\/10 px-5 py-2.5 rounded-full w-fit backdrop-blur-sm z-20\">Managing Counsel<\/span>\n                    <\/div>\n                    <!-- Unified Dynamic Name and Title Block Anchored Under Photo Profile -->\n                    <div class=\"w-full text-center mt-6 space-y-1.5\">\n                        <h3 class=\"font-serif text-2xl font-bold text-navyPrimary tracking-wide\">Advocate Pawan Kumar Vyas<\/h3>\n                        <p class=\"text-goldAccent text-[10px] font-sans uppercase tracking-[0.25em] font-bold\">Managing Counsel & Prime Litigator<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lg:col-span-7 space-y-8 reveal-node\">\n                    <div class=\"space-y-3\">\n                        <span class=\"text-xs font-semibold uppercase tracking-[0.25em] text-goldAccent\">Chambers Anchor<\/span>\n                        <h2 class=\"font-serif text-4xl md:text-5xl font-bold text-navyPrimary tracking-tight\">About Yogya Legal<\/h2>\n                    <\/div>\n                    <div class=\"w-16 h-[1.5px] bg-goldAccent\"><\/div>\n                    <p class=\"text-slate-600 leading-relaxed font-light text-base md:text-lg\">\n                        The infrastructure at Yogya Legal is configured to convert raw statutory provisions into ironclad courtroom strategies. Managed by Advocate Pawan Kumar Vyas, our chambers deliver precision across criminal defense actions, intricate civil real estate contentions, and systemic commercial protection\u2014protecting civilian liberties and commercial innovations simultaneously.\n                    <\/p>\n                    <p class=\"text-slate-600 leading-relaxed font-light text-base md:text-lg\">\n                        With over 15 years of dedicated practice across Northern India, our firm remains committed to intensive evidence diagnostic layouts and strict procedural compliance.\n                    <\/p>\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 pt-4\">\n                        <div class=\"p-6 bg-bgLight rounded-xl border border-slate-200\/60 shadow-sm hover:border-goldAccent\/30 hover:bg-white hover:shadow-md transition-all duration-300\">\n                            <h4 class=\"font-serif text-base font-bold text-navyPrimary mb-1.5\">Litigation Specialization<\/h4>\n                            <p class=\"text-slate-500 text-xs font-light leading-relaxed\">Handling procedural mechanics, complex evidence structuring, and precision cross-examination layouts.<\/p>\n                        <\/div>\n                        <div class=\"p-6 bg-bgLight rounded-xl border border-slate-200\/60 shadow-sm hover:border-goldAccent\/30 hover:bg-white hover:shadow-md transition-all duration-300\">\n                            <h4 class=\"font-serif text-base font-bold text-navyPrimary mb-1.5\">Corporate & Portfolio Practice<\/h4>\n                            <p class=\"text-slate-500 text-xs font-light leading-relaxed\">Complete trademark lifecycle architecture, absolute clearance searches, and enterprise contract risk balancing.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- PRACTICE AREAS SECTION (REBUILT BENTO GRID - NO UNDERLINES - NATIVE FONTS) -->\n        <section id=\"practice-areas\" class=\"bg-[#0B1120] py-36 px-6 md:px-12 border-b border-slate-900\/60\">\n            <div class=\"max-w-7xl mx-auto\">\n                <div class=\"text-center max-w-3xl mx-auto mb-20 space-y-4 reveal-node\">\n                    <span class=\"text-xs font-sans font-semibold uppercase tracking-[0.25em] text-goldAccent block clean-heading\">AREAS OF STANDING<\/span>\n                    <h2 class=\"font-serif text-4xl md:text-5xl font-bold text-white tracking-tight clean-heading\">Practice Jurisdictions<\/h2>\n                    <div class=\"w-12 h-[1.5px] bg-goldAccent mx-auto mt-4\"><\/div>\n                    <p class=\"text-slate-400 font-sans text-sm font-light leading-relaxed max-w-xl mx-auto clean-heading\">Comprehensive, methodical defense and risk management managed systematically across specialized domains of standing.<\/p>\n                <\/div>\n                <div id=\"practice-cards-container\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\"><\/div>\n            <\/div>\n        <\/section>\n\n        <!-- SERVICES SECTION -->\n        <section id=\"services\" class=\"py-32 px-6 md:px-12 max-w-7xl mx-auto border-b border-slate-100\">\n            <div class=\"text-center max-w-3xl mx-auto mb-24 space-y-4 reveal-node\">\n                <span class=\"text-xs font-semibold uppercase tracking-[0.25em] text-goldAccent\">Execution Channels<\/span>\n                <h2 class=\"font-serif text-4xl font-bold text-navyPrimary tracking-tight\">Legal Services Portfolio<\/h2>\n                <div class=\"w-12 h-1 bg-goldAccent mx-auto mt-2\"><\/div>\n                <p class=\"text-slate-500 text-sm font-light\">Granular delivery pathways managed for immediate courtroom representation and preventative corporate drafting.<\/p>\n            <\/div>\n            <div id=\"services-cards-container\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\"><\/div>\n        <\/section>\n\n        <!-- COURTS SECTION -->\n        <section id=\"forums\" class=\"bg-navyPrimary text-white py-32 px-6 md:px-12 relative overflow-hidden border-b border-slate-950\">\n            <div class=\"absolute inset-0 opacity-[0.015] bg-[radial-gradient(#C9A227_1px,transparent_1px)] [background-size:20px_20px]\"><\/div>\n            <div class=\"max-w-4xl mx-auto relative z-10\">\n                <div class=\"text-center max-w-2xl mx-auto mb-24 space-y-4 reveal-node\">\n                    <span class=\"text-xs font-semibold uppercase tracking-[0.25em] text-goldAccent\">Standing Channels<\/span>\n                    <h2 class=\"font-serif text-4xl font-bold text-white tracking-tight\">Courts & Forums Hierarchy<\/h2>\n                    <p class=\"text-slate-400 text-sm font-light\">Regular representation architecture across original, regulatory, and specialized appellate streams.<\/p>\n                <\/div>\n                <div id=\"courts-timeline-container\" class=\"relative timeline-line space-y-12 ml-4 md:ml-0\"><\/div>\n            <\/div>\n        <\/section>\n\n        <!-- WHY CHOOSE US SECTION -->\n        <section class=\"py-32 px-6 md:px-12 max-w-7xl mx-auto border-b border-slate-100\">\n            <div class=\"text-center max-w-3xl mx-auto mb-24 space-y-4 reveal-node\">\n                <span class=\"text-xs font-semibold uppercase tracking-[0.25em] text-goldAccent\">Foundational Matrix<\/span>\n                <h2 class=\"font-serif text-4xl font-bold text-navyPrimary tracking-tight\">Why Choose Yogya Legal<\/h2>\n                <p class=\"text-slate-500 text-sm font-light\">The core behavioral values that dictate our professional and courtroom actions.<\/p>\n            <\/div>\n            <div id=\"pillars-cards-container\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\"><\/div>\n        <\/section>\n\n        <!-- HIGH-CONVERTING GOOGLE REVIEWS SECTION -->\n        <section id=\"testimonials\" class=\"py-36 px-6 md:px-12 bg-bgLight border-b border-slate-200\/40 relative overflow-hidden\">\n            <div class=\"max-w-7xl mx-auto relative z-10\">\n                \n                <div class=\"text-center max-w-3xl mx-auto mb-16 space-y-4 reveal-node\">\n                    <span class=\"text-xs font-semibold uppercase tracking-[0.25em] text-goldAccent\">Verified Client Trust<\/span>\n                    <h2 class=\"font-serif text-4xl font-bold text-navyPrimary tracking-tight\">Google Business Profile Reviews<\/h2>\n                    <div class=\"w-12 h-[1.5px] bg-goldAccent mx-auto mt-2\"><\/div>\n                <\/div>\n\n                <div class=\"bg-white border border-slate-200\/80 rounded-2xl p-8 max-w-xl mx-auto mb-16 shadow-luxuryCard flex flex-col sm:flex-row items-center justify-between gap-6 reveal-node\">\n                    <div class=\"flex items-center space-x-5\">\n                        <div class=\"w-12 h-12 rounded-full border border-slate-100 flex items-center justify-center shadow-sm text-lg font-bold font-serif select-none bg-slate-50\">G<\/div>\n                        <div>\n                            <h4 class=\"font-serif text-base font-bold text-navyPrimary\">Yogya Legal Chambers<\/h4>\n                            <p class=\"text-slate-400 text-xs mt-0.5 font-light\">Verified Institutional Ranking<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"text-center sm:text-right\">\n                        <div class=\"flex items-center justify-center sm:justify-end space-x-1 text-amber-500 text-sm font-serif mb-1\">\n                            <span class=\"text-navyPrimary font-bold text-xl mr-1.5\">4.9<\/span> \u2605 \u2605 \u2605 \u2605 \u2605\n                        <\/div>\n                        <p class=\"text-slate-500 text-[11px] tracking-wide font-medium\">Based on <span class=\"font-bold text-navyPrimary\">148 Satisfied Briefs<\/span><\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                    <!-- Card 1 -->\n                    <div class=\"bg-white p-8 rounded-2xl border border-slate-200\/60 shadow-sm hover:shadow-2xl hover:-translate-y-1 transition-all duration-400 flex flex-col justify-between reveal-node\">\n                        <div>\n                            <div class=\"flex items-center justify-between mb-6\">\n                                <div class=\"flex items-center space-x-3.5\">\n                                    <div class=\"w-10 h-10 rounded-full overflow-hidden bg-slate-100 border border-slate-200\/60\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"assets\/reviewer-rajesh.jpg\" alt=\"Rajesh Sharma\" width=\"40\" height=\"40\" loading=\"lazy\" class=\"w-full h-full object-cover\" onerror=\"this.src='data:image\/svg+xml,<svg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\' viewBox=\\'0 0 100 100\\'><rect width=\\'100%\\' height=\\'100%\\' fill=\\'%23F1F5F9\\'\/><text x=\\'50%\\' y=\\'55%\\' font-size=\\'30\\' font-family=\\'sans-serif\\' font-weight=\\'bold\\' fill=\\'%2394A3B8\\' text-anchor=\\'middle\\'>RS<\/text><\/svg>'\">\n                                    <\/div>\n                                    <div>\n                                        <p class=\"font-bold text-navyPrimary text-sm\">Rajesh Sharma<\/p>\n                                        <p class=\"text-slate-400 text-[10px] tracking-wider mt-0.5 font-light\">Local Guide \u2022 Bikaner<\/p>\n                                    <\/div>\n                                <\/div>\n                                <span class=\"text-amber-500 font-serif text-xs\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                            <\/div>\n                            <p class=\"text-slate-600 text-sm leading-relaxed mb-6 font-light italic\">\"Exceptional legal strategy in our property partition dispute. Advocate Pawan Kumar Vyas handled the partitioning actions with absolute precision and complete procedural tracking. Highly recommended.\"<\/p>\n                        <\/div>\n                        <div class=\"pt-4 border-t border-slate-50 flex items-center justify-between text-[9px] uppercase tracking-widest text-slate-400 font-bold\">\n                            <span>Civil Litigation Suit<\/span>\n                            <span class=\"font-mono text-slate-300\">2 months ago<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Card 2 -->\n                    <div class=\"bg-white p-8 rounded-2xl border border-slate-200\/60 shadow-sm hover:shadow-2xl hover:-translate-y-1 transition-all duration-400 flex flex-col justify-between reveal-node\">\n                        <div>\n                            <div class=\"flex items-center justify-between mb-6\">\n                                <div class=\"flex items-center space-x-3.5\">\n                                    <div class=\"w-10 h-10 rounded-full overflow-hidden bg-slate-100 border border-slate-200\/60\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"assets\/reviewer-priya.jpg\" alt=\"Priya Mehta\" width=\"40\" height=\"40\" loading=\"lazy\" class=\"w-full h-full object-cover\" onerror=\"this.src='data:image\/svg+xml,<svg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\' viewBox=\\'0 0 100 100\\'><rect width=\\'100%\\' height=\\'100%\\' fill=\\'%23F1F5F9\\'\/><text x=\\'50%\\' y=\\'55%\\' font-size=\\'30\\' font-family=\\'sans-serif\\' font-weight=\\'bold\\' fill=\\'%2394A3B8\\' text-anchor=\\'middle\\'>PM<\/text><\/svg>'\">\n                                    <\/div>\n                                    <div>\n                                        <p class=\"font-bold text-navyPrimary text-sm\">Priya Mehta<\/p>\n                                        <p class=\"text-slate-400 text-[10px] tracking-wider mt-0.5 font-light\">Verified Business Client<\/p>\n                                    <\/div>\n                                <\/div>\n                                <span class=\"text-amber-500 font-serif text-xs\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                            <\/div>\n                            <p class=\"text-slate-600 text-sm leading-relaxed mb-6 font-light italic\">\"Our complete brand asset portfolio was indexed and registered smoothly. The chamber's proprietary clear screening searches isolated threats before execution. Truly world-class legal alignment.\"<\/p>\n                        <\/div>\n                        <div class=\"pt-4 border-t border-slate-50 flex items-center justify-between text-[9px] uppercase tracking-widest text-slate-400 font-bold\">\n                            <span>Trademark Prosecution<\/span>\n                            <span class=\"font-mono text-slate-300\">1 month ago<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Card 3 -->\n                    <div class=\"bg-white p-8 rounded-2xl border border-slate-200\/60 shadow-sm hover:shadow-2xl hover:-translate-y-1 transition-all duration-400 flex flex-col justify-between reveal-node\">\n                        <div>\n                            <div class=\"flex items-center justify-between mb-6\">\n                                <div class=\"flex items-center space-x-3.5\">\n                                    <div class=\"w-10 h-10 rounded-full overflow-hidden bg-slate-100 border border-slate-200\/60\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"assets\/reviewer-trial.jpg\" alt=\"Chamber Trial Client\" width=\"40\" height=\"40\" loading=\"lazy\" class=\"w-full h-full object-cover\" onerror=\"this.src='data:image\/svg+xml,<svg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\' viewBox=\\'0 0 100 100\\'><rect width=\\'100%\\' height=\\'100%\\' fill=\\'%23F1F5F9\\'\/><text x=\\'50%\\' y=\\'55%\\' font-size=\\'30\\' font-family=\\'sans-serif\\' font-weight=\\'bold\\' fill=\\'%2394A3B8\\' text-anchor=\\'middle\\'>CC<\/text><\/svg>'\">\n                                    <\/div>\n                                    <div>\n                                        <p class=\"font-bold text-navyPrimary text-sm\">Corporate Counsel<\/p>\n                                        <p class=\"text-slate-400 text-[10px] tracking-wider mt-0.5 font-light\">Verified Client Representative<\/p>\n                                    <\/div>\n                                <\/div>\n                                <span class=\"text-amber-500 font-serif text-xs\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                            <\/div>\n                            <p class=\"text-slate-600 text-sm leading-relaxed mb-6 font-light italic\">\"Faced an intricate trial issue. Advocate Vyas's granular cross-examination layouts and deep technical knowledge of procedural search anomalies secured clean mitigation before the appellate courts.\"<\/p>\n                        <\/div>\n                        <div class=\"pt-4 border-t border-slate-50 flex items-center justify-between text-[9px] uppercase tracking-widest text-slate-400 font-bold\">\n                            <span>Criminal Defense Trial<\/span>\n                            <span class=\"font-mono text-slate-300\">3 weeks ago<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- CONTACT SECTION -->\n        <section id=\"contact\" class=\"py-36 px-6 md:px-12 max-w-7xl mx-auto\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-16\">\n                <div class=\"lg:col-span-5 space-y-8 reveal-node\">\n                    <div class=\"space-y-3\">\n                        <span class=\"text-xs font-semibold uppercase tracking-[0.25em] text-goldAccent\">Chamber Mapping<\/span>\n                        <h2 class=\"font-serif text-4xl font-bold text-navyPrimary tracking-tight\">Contact Matrix<\/h2>\n                    <\/div>\n                    <hr class=\"border-slate-100\">\n                    <div class=\"space-y-6 text-sm font-sans\">\n                        <div class=\"flex items-start space-x-4\">\n                            <span class=\"text-goldAccent text-base mt-0.5\">\ud83d\udccd<\/span>\n                            <div class=\"space-y-3 text-slate-500 font-light leading-relaxed\">\n                                <div>\n                                    <h4 class=\"font-bold text-navyPrimary uppercase tracking-wider text-xs mb-0.5\">Main Chambers<\/h4>\n                                    <p>Joshiwara, Bikaner, Rajasthan, 334001<\/p>\n                                <\/div>\n                                <div class=\"pt-1.5 border-t border-slate-100\">\n                                    <h4 class=\"font-bold text-navyPrimary uppercase tracking-wider text-xs mb-0.5\">District Court Office<\/h4>\n                                    <p>Chamber no 02, New Court Building,<br>Bikaner District Court, Bikaner<\/p>\n                                <\/div>\n                                <div class=\"pt-1.5 border-t border-slate-100\">\n                                    <h4 class=\"font-bold text-navyPrimary uppercase tracking-wider text-xs mb-0.5\">Residential Office<\/h4>\n                                    <p>26 Amarsinghpura, New Gajner Road, Bikaner<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start space-x-4\">\n                            <span class=\"text-goldAccent text-base mt-0.5\">\ud83d\udcde<\/span>\n                            <div>\n                                <h4 class=\"font-bold text-navyPrimary uppercase tracking-wider text-xs mb-1\">Direct Secure Lines<\/h4>\n                                <p class=\"text-slate-500 font-light tracking-wide\">+91 8875797777<br>+91 8875555870<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start space-x-4\">\n                            <span class=\"text-goldAccent text-base mt-0.5\">\u2709\ufe0f<\/span>\n                            <div>\n                                <h4 class=\"font-bold text-navyPrimary uppercase tracking-wider text-xs mb-1\">Administrative Mail<\/h4>\n                                <p class=\"text-slate-500 font-light\">info@yogyalegal.com<br>Pawan@yogyalegal.in<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start space-x-4\">\n                            <span class=\"text-goldAccent text-base mt-0.5\">\ud83d\udd52<\/span>\n                            <div>\n                                <h4 class=\"font-bold text-navyPrimary uppercase tracking-wider text-xs mb-1\">Operational Hours<\/h4>\n                                <p class=\"text-slate-500 font-light\">Monday \u2013 Saturday: 09:00 AM \u2013 07:00 PM<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Geolocation Spatial Mapping Container -->\n                    <div class=\"w-full h-52 bg-slate-900 rounded-xl border border-slate-800 overflow-hidden relative shadow-inner\">\n                        <iframe class=\"absolute inset-0 w-full h-full opacity-80 hover:opacity-100 transition-opacity duration-300 border-0\" src=\"https:\/\/maps.google.com\/maps?q=28.02193130388433,73.32369199720175&z=16&output=embed\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lg:col-span-7 bg-bgLight border border-slate-200\/60 rounded-2xl p-8 md:p-12 shadow-sm reveal-node\">\n                    <h3 class=\"font-serif text-2xl font-bold text-navyPrimary mb-6\">Chamber Brief Intake Form<\/h3>\n                    <form id=\"intake-form-engine\" onsubmit=\"processFormSubmission(event)\" class=\"space-y-6\">\n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n                            <div class=\"space-y-1.5\">\n                                <label class=\"text-[11px] uppercase tracking-wider font-semibold text-slate-500\" for=\"client-name\">Full Name *<\/label>\n                                <input class=\"w-full bg-white border border-slate-200 rounded px-4 py-3.5 text-sm focus:outline-none focus:border-goldAccent transition-colors\" type=\"text\" id=\"client-name\" required>\n                            <\/div>\n                            <div class=\"space-y-1.5\">\n                                <label class=\"text-[11px] uppercase tracking-wider font-semibold text-slate-500\" for=\"client-phone\">Phone Coordinate *<\/label>\n                                <input class=\"w-full bg-white border border-slate-200 rounded px-4 py-3.5 text-sm focus:outline-none focus:border-goldAccent transition-colors\" type=\"tel\" id=\"client-phone\" required>\n                            <\/div>\n                        <\/div>\n                        <div class=\"space-y-1.5\">\n                            <label class=\"text-[11px] uppercase tracking-wider font-semibold text-slate-500\" for=\"client-email\">Email Address *<\/label>\n                            <input class=\"w-full bg-white border border-slate-200 rounded px-4 py-3.5 text-sm focus:outline-none focus:border-goldAccent transition-colors\" type=\"email\" id=\"client-email\" required>\n                        <\/div>\n                        \n                        <!-- Fixed Dropdown Selection Layout -->\n                        <div class=\"space-y-1.5\">\n                            <label class=\"text-[11px] uppercase tracking-wider font-semibold text-slate-500\" for=\"client-subject\">Legal Area Classification *<\/label>\n                            <select class=\"w-full bg-white border border-slate-200 rounded px-4 py-4 text-sm text-slate-900 focus:outline-none focus:border-goldAccent focus:ring-1 focus:ring-goldAccent\/20 transition-all block leading-normal\" id=\"client-subject\" required>\n                                <option value=\"\" disabled selected class=\"text-slate-400\">Select Operational Classification Domain...<\/option>\n                                <option value=\"Civil Asset Litigation & Land Suits\" class=\"text-slate-900\">Civil Asset Litigation & Land Suits<\/option>\n                                <option value=\"High-Stakes Criminal Defense Trials\" class=\"text-slate-900\">High-Stakes Criminal Defense Trials<\/option>\n                                <option value=\"Revenue & Land Records Matters\" class=\"text-slate-900\">Revenue & Land Records Matters<\/option>\n                                <option value=\"Cyber Law & Digital Assets Advocacy\" class=\"text-slate-900\">Cyber Law & Digital Assets Advocacy<\/option>\n                                <option value=\"Matrimonial Petitions & Family Law\" class=\"text-slate-900\">Matrimonial Petitions & Family Law<\/option>\n                                <option value=\"Consumer Protection Enforcement\" class=\"text-slate-900\">Consumer Protection Enforcement<\/option>\n                                <option value=\"Motor Accident Claims Tribunals (MACT)\" class=\"text-slate-900\">Motor Accident Claims Tribunals (MACT)<\/option>\n                                <option value=\"NDPS Narcotic Trial Advocacy\" class=\"text-slate-900\">NDPS Narcotic Trial Advocacy<\/option>\n                                <option value=\"Commercial Dispute Actions\" class=\"text-slate-900\">Commercial Dispute Actions<\/option>\n                                <option value=\"Lease Disputes & Summary Evictions\" class=\"text-slate-900\">Lease Disputes & Summary Evictions<\/option>\n                                <option value=\"Commercial Alternative Arbitration Forum\" class=\"text-slate-900\">Commercial Alternative Arbitration Forum<\/option>\n                                <option value=\"Trademark & Intellectual Property\" class=\"text-slate-900\">Trademark & Intellectual Property<\/option>\n                                <option value=\"Other Legal Matter\" class=\"text-slate-900\">Other Legal Matter<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"space-y-1.5\">\n                            <label class=\"text-[11px] uppercase tracking-wider font-semibold text-slate-500\" for=\"client-context\">Brief Matter Outline *<\/label>\n                            <textarea class=\"w-full bg-white border border-slate-200 rounded px-4 py-3.5 text-sm h-32 focus:outline-none focus:border-goldAccent transition-colors resize-none\" id=\"client-context\" required><\/textarea>\n                        <\/div>\n                        \n                        <!-- ENLARGED ULTRA-PREMIUM ACTION SUBMIT BUTTON -->\n                        <button class=\"w-full bg-navyPrimary text-white text-xs md:text-sm uppercase tracking-[0.25em] font-bold py-5 md:py-6 rounded hover:bg-goldAccent hover:text-navyPrimary hover:shadow-premiumGlow transition-all duration-300\" type=\"submit\">\n                            Submit Procedural Brief\n                        <\/button>\n                        <p id=\"feedback-success-node\" class=\"text-successGreen text-xs font-semibold uppercase tracking-widest text-center mt-4 hidden\">Information parameters logged successfully.<\/p>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <!-- PREMIUM COMPLIANT FOOTER -->\n    <footer class=\"bg-navyPrimary text-slate-400 text-xs py-24 px-6 md:px-12 border-t border-slate-800\">\n        <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-12 pb-16 border-b border-slate-800\/80\">\n            <div class=\"lg:col-span-4 space-y-4\">\n                <span class=\"font-serif text-2xl font-bold tracking-[0.15em] text-white block\">YOGYA LEGAL<\/span>\n                <p class=\"font-light leading-relaxed text-slate-400 pr-8\">\n                    An institutional litigation house and specialized multi-disciplinary advisory chamber configured around detailed legal tracking, scenario plotting, and strict compliance structures.\n                <\/p>\n            <\/div>\n            <div class=\"lg:col-span-3 space-y-4\">\n                <h4 class=\"font-serif text-white font-bold tracking-wider text-sm\">Practice Realms<\/h4>\n                <ul class=\"space-y-2 font-light\">\n                    <li><a href=\"#practice-areas\" class=\"hover:text-goldAccent transition-colors\">Civil & Real Estate Focus<\/a><\/li>\n                    <li><a href=\"#practice-areas\" class=\"hover:text-goldAccent transition-colors\">Criminal Defence Trials<\/a><\/li>\n                    <li><a href=\"#practice-areas\" class=\"hover:text-goldAccent transition-colors\">Registered Trademark Filing<\/a><\/li>\n                    <li><a href=\"#practice-areas\" class=\"hover:text-goldAccent transition-colors\">Commercial Dispute Forums<\/a><\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"lg:col-span-2 space-y-4\">\n                <h4 class=\"font-serif text-white font-bold tracking-wider text-sm\">Chamber Links<\/h4>\n                <ul class=\"space-y-2 font-light\">\n                    <li><a href=\"#\" class=\"hover:text-goldAccent transition-colors\">Portal Home<\/a><\/li>\n                    <li><a href=\"#about\" class=\"hover:text-goldAccent transition-colors\">The Profile<\/a><\/li>\n                    <li><a href=\"#insights\" class=\"hover:text-goldAccent transition-colors\">Insights Stream<\/a><\/li>\n                    <li><a href=\"#contact\" class=\"hover:text-goldAccent transition-colors\">Contact Panel<\/a><\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"lg:col-span-3 space-y-4\">\n                <h4 class=\"font-serif text-white font-bold tracking-wider text-sm\">Chamber Coordinates<\/h4>\n                <p class=\"font-light leading-relaxed\">Joshiwara, Bikaner, Rajasthan, 334001<\/p>\n                <p class=\"font-semibold text-white tracking-wide mt-2\">Chamber: +91 8875797777<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"max-w-7xl mx-auto pt-12 space-y-6 text-slate-500 font-light text-[11px] leading-relaxed\">\n            <div class=\"border-l border-goldAccent\/20 pl-4 py-1.5\">\n                <span class=\"block uppercase tracking-widest font-bold text-slate-400 mb-1 text-[10px]\">Regulatory Mandate Compliance Block<\/span>\n                In direct conformance with the legal standards promulgated within Rule 36 of the Bar Council of India Rules, advocates are completely restricted from deploying advertisement vectors or soliciting operational mandates. This custom web deployment serves informational criteria strictly at the independent and voluntary request of the end-user.\n            <\/div>\n            <div class=\"flex flex-wrap justify-between items-center text-slate-600 font-medium pt-4\">\n                <p>\u00a9 2026 Yogya Legal. All Rights Strictly Reserved.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- DYNAMIC CORE ACCELERATORS -->\n    <a href=\"https:\/\/wa.me\/918875797777?text=Hello%20Yogya%20Legal%2C%20I%20require%20procedural%20consultation%20regarding\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"fixed bottom-6 left-6 z-40 flex items-center space-x-2 bg-green-500 text-white px-5 py-3 rounded-full shadow-2xl hover:bg-green-600 transition-all duration-300 text-xs font-bold uppercase tracking-wider\" aria-label=\"Secure Consultation via WhatsApp\">\n        <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.611-.916-2.206-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.095 3.2 5.076 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.104.54 4.085 1.49 5.81L.045 23.955l6.248-1.618C7.915 22.46 9.89 23 12 23c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.85 0-3.575-.5-5.078-1.367l-.363-.214-3.708.96.96-3.617-.223-.373C3.5 15.575 3 13.85 3 12 3 7.037 7.037 3 12 3s9 4.037 9 9-4.037 9-9 9z\"\/><\/svg>\n        <span class=\"hidden sm:inline\">WhatsApp Secure Line<\/span>\n    <\/a>\n\n    <div class=\"fixed bottom-6 right-6 z-40 lg:hidden\">\n        <a href=\"tel:+918875797777\" class=\"flex items-center justify-center w-14 h-14 bg-goldAccent rounded-full shadow-2xl transition-all duration-300\" aria-label=\"Direct Chambers Connection\">\n            <svg class=\"w-5 h-5 text-navyPrimary fill-current\" viewBox=\"0 0 24 24\"><path d=\"M21.384 17.791l-3.75-3.214a1.25 1.25 0 00-1.616.033l-1.681 1.397c-2.825-1.455-5.132-3.762-6.587-6.587l1.398-1.681a1.25 1.25 0 00.033-1.616L5.967.382a1.25 1.25 0 00-1.734-.027L.86 3.511C.311 4.06 0 4.821 0 5.617c0 10.137 8.246 18.383 18.383 18.383.796 0 1.557-.311 2.106-.86l3.156-3.373a1.25 1.25 0 00-.027-1.734z\"\/><\/svg>\n        <\/a>\n    <\/div>\n\n    <!-- CLEAN HARDENED DATA CARD INJECTION ENGINE -->\n    <script>\n        \/\/ High-Quality Premium Vectors mapped cleanly to Dark Bento styling\n        const practiceAreasData = [\n            { name: \"Civil Litigation\", brief: \"Property partition suits, declaration actions, specific performance claims, and execution challenges.\", icon: '<svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21v-8.25M15.75 21v-8.25M8.25 21v-8.25M3 9l9-6 9 6m-1.5 12V10.5M4.5 21V10.5m16.5 4.5h-18\" \/><\/svg>', link: \"#\" },\n            { name: \"Criminal Defence\", brief: \"Trial strategy planning, regular & anticipatory bail motions, complaints, and procedural revisions.\", icon: '<svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.955 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z\" \/><\/svg>', link: \"#\" },\n            { name: \"Revenue & Land Matters\", brief: \"Navigating specialized state land records, tenancy declarations, mutations, and boards appeals.\", icon: '<svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5A3.375 3.375 0 0010.125 2.25H3.75A2.25 2.25 0 001.5 4.5v15a2.25 2.25 0 002.25 2.25h16.5A2.25 2.25 0 0022.5 19.5v-4.5a2.25 2.25 0 00-3.5-1.75z\" \/><\/svg>', link: \"#\" },\n            { name: \"Cyber Law & Digital Assets\", brief: \"Handling infrastructure digital data breaches, fraud networks tracking, and tracking asset mitigation.\", icon: '<svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25M19.5 5.25l-3.59 3.59a1.5 1.5 0 01-2.12 0L12 7.125l-1.79 1.714a1.5 1.5 0 01-2.12 0L4.5 5.25\" \/><\/svg>', link: \"#\" },\n            { name: \"Family Law\", brief: \"Matrimonial dissolution filings, child custody arrangements, maintenance proceedings, and mutual divorces.\", icon: '<svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4 0 2.25 2.25 0 014 0zm-13.5 0a2.25 2.25 0 11-4 0 2.25 2.25 0 014 0z\" \/><\/svg>', link: \"#\" },\n            { name: \"Consumer Protection\", brief: \"Filing and tracking original complaints regarding structural service deficiencies and product liabilities.\", icon: '<svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007z\" \/><\/svg>', link: \"#\" },\n            { name: \"Motor Accident Claims\", brief: \"Securing equitable third-party compensations before specialized MACT Tribunals, untangling insurance.\", icon: '<svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 18.75a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM15.75 18.75a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM3.75 6H7.5m3 12h3.5m2.25-12h3m-16.5 6h16.5M4.5 6l1.024 4.101A1.125 1.125 0 006.618 11h10.764a1.125 1.125 0 001.094-.899L19.5 6\" \/><\/svg>', link: \"#\" },\n            { name: \"NDPS Matters\", brief: \"Technical trial defenses for narcotic allegations, focusing on strict search and seizure irregularities.\", icon: '<svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 3v18m0-18L6.75 8.25M12 3l5.25 5.25M6.75 12h10.5\" \/><\/svg>', link: \"#\" },\n            { name: \"Commercial Litigation\", brief: \"Corporate contractual breakdowns, business financial recovery actions, and corporate operational disputes.\", icon: '<svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z\" \/><\/svg>', link: \"#\" },\n            { name: \"Rent Matters\", brief: \"Summary eviction suits, commercial lease disputes, recovery actions, and possession enforcement parameters.\", icon: '<svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25\" \/><\/svg>', link: \"#\" },\n            { name: \"Arbitration\", brief: \"Drafting, executing, and defending alternative dispute resolutions and enforcing arbitral awards.\", sign: \"\ud83e\udd1d\", icon: '<svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197\" \/><\/svg>', link: \"#\" },\n            { name: \"Trademark & Intellectual Property\", brief: \"Complete brand indexation filings, administrative oppositions, trademark rectifications, and asset briefs.\", icon: '<svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 18v-5.25m0 0a3 3 0 10-3-3M12 12.75a3 3 0 113-3m-3 3.75a3 3 0 100 6h.008v-.008a3 3 0 00-.008-.008z\" \/><\/svg>', link: \"#\" }\n        ];\n\n        const servicesData = [\n            \"Legal Consultation\", \"Legal Notices\", \"Replies to Legal Notices\", \"Drafting of Pleadings\",\n            \"Contract Drafting\", \"Property Due Diligence\", \"Court Representation\", \"Arbitration & Mediation\",\n            \"Trademark Registration\", \"Trademark Opposition\", \"Trademark Rectification\", \"Copyright Advisory\"\n        ];\n\n        const courtHierarchyData = [\n            { name: \"District Courts\", detail: \"Managing first-instance original litigation records, full-scale civil actions, and criminal defense trials.\" },\n            { name: \"Family Courts\", detail: \"Resolving statutory matrimonial petitions, asset segregations, and sensitive custody frameworks.\" },\n            { name: \"Consumer Commissions\", detail: \"Aggressive consumer protection advocacy across District and State operational levels.\" },\n            { name: \"Commercial Courts\", detail: \"Insulating institutional entities via fast-tracked asset tracking and execution of contracts.\" },\n            { name: \"MACT Tribunals\", detail: \"Processing specialized structural insurance claims for victims of automotive accidents.\" },\n            { name: \"Arbitration Forums\", detail: \"Managing corporate alternative dispute configurations to secure clean, out-of-court execution paths.\" },\n            { name: \"High Courts\", detail: \"Filing high-stakes appellate motions, revision challenges, and original writ quashing petitions.\" }\n        ];\n\n        const pillarsData = [\n            { headline: \"Professional Legal Strategy\", text: \"Every brief undergoes intense multi-track scenario diagnostic plotting prior to case filing.\" },\n            { headline: \"Comprehensive Drafting\", text: \"Zero reliance on generic templates. Pleadings are customized line-by-line to prevent procedural dismissal.\" },\n            { headline: \"Intellectual Property Expertise\", text: \"Led directly by a specialized Registered Trademark Counsel to insulate commercial symbols.\" },\n            { headline: \"Dispute Resolution Approach\", text: \"Pragmatic structuring of mediation protocols alongside parallel courtroom trial preparation.\" },\n            { headline: \"Responsive Communication\", text: \"Ensuring clarity via scheduled updates, keeping clients appraised of procedural timelines.\" },\n            { headline: \"Ethical Legal Practice\", text: \"Absolute operational transparency in line with Bar Council of India regulatory standards.\" }\n        ];\n\n        function processUIRender() {\n            \/\/ Elegant, Clean Bento Grid Injected without underscores or font anomalies\n            document.getElementById('practice-cards-container').innerHTML = practiceAreasData.map(sector => `\n                <a href=\"${sector.link}\" class=\"group bg-slate-900\/40 rounded-xl p-8 border border-slate-800\/80 shadow-sm hover:shadow-2xl hover:border-goldAccent\/40 hover:-translate-y-1.5 transition-all duration-400 flex flex-col justify-between reveal-node block text-left no-underline\">\n                    <div>\n                        <div class=\"mb-4 text-goldAccent opacity-80 group-hover:scale-110 transition-transform duration-300\">${sector.icon}<\/div>\n                        <h3 class=\"font-serif text-lg font-bold text-white mb-2 tracking-wide\">${sector.name}<\/h3>\n                        <p class=\"text-slate-400 font-sans text-xs leading-relaxed font-light\">${sector.brief}<\/p>\n                    <\/div>\n                    <div class=\"pt-6 mt-6 border-t border-slate-800\/40 flex items-center justify-between text-[10px] font-sans uppercase tracking-[0.2em] font-bold text-slate-500 group-hover:text-goldAccent transition-colors\">\n                        <span>Explore Page<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4 transform group-hover:translate-x-1.5 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\" \/><\/svg>\n                    <\/div>\n                <\/a>\n            `).join('');\n\n            document.getElementById('services-cards-container').innerHTML = servicesData.map((service, index) => `\n                <div class=\"group bg-white p-6 rounded-xl border border-slate-100 hover:border-slate-200 hover:shadow-md transition-all duration-300 relative overflow-hidden flex flex-col justify-between reveal-node\">\n                    <div class=\"absolute top-0 left-0 h-[1.5px] w-0 bg-goldAccent group-hover:w-full transition-all duration-300\"><\/div>\n                    <div>\n                        <span class=\"text-[9px] font-mono text-slate-300 group-hover:text-goldAccent tracking-widest block mb-4\">CAPABILITY_0${index+1}<\/span>\n                        <h4 class=\"font-serif text-base font-bold text-navyPrimary group-hover:text-goldAccent transition-colors mb-2\">${service}<\/h4>\n                    <\/div>\n                    <p class=\"text-slate-400 text-[10px] uppercase tracking-wider font-semibold mt-4 block\">Production Active<\/p>\n                <\/div>\n            `).join('');\n\n            document.getElementById('courts-timeline-container').innerHTML = courtHierarchyData.map((forum, idx) => `\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 relative items-center reveal-node\">\n                    <div class=\"md:text-right ${idx % 2 === 0 ? 'md:order-1' : 'md:order-2 md:pl-12'} hidden md:block\">\n                    <\/div>\n                    <div class=\"relative pl-8 md:pl-0 ${idx % 2 === 0 ? 'md:order-2 md:pl-12' : 'md:order-1 md:pr-12'}\">\n                        <div class=\"absolute left-[-4.5px] md:left-auto ${idx % 2 === 0 ? 'md:left-[-9px]' : 'md:right-[-9px]'} top-2 w-4 h-4 rounded-full bg-navyPrimary border-2 border-goldAccent group-hover:bg-goldAccent transition-colors duration-300 z-10\"><\/div>\n                        <div class=\"bg-charcoalSecondary\/40 border border-slate-800\/80 rounded-xl p-6 hover:border-goldAccent\/30 transition-all duration-300\">\n                            <h3 class=\"font-serif text-lg font-bold text-white mb-2\">${forum.name}<\/h3>\n                            <p class=\"text-slate-400 text-xs leading-relaxed font-light\">${forum.detail}<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `).join('');\n\n            document.getElementById('pillars-cards-container').innerHTML = pillarsData.map((pillar, step) => `\n                <div class=\"p-8 bg-bgLight rounded-xl border border-slate-200\/50 hover:bg-white hover:shadow-xl hover:border-goldAccent\/30 transition-all duration-400 reveal-node\">\n                    <span class=\"font-serif text-2xl text-goldAccent\/20 font-bold block mb-4\">0${step+1} \/<\/span>\n                    <h4 class=\"font-serif text-lg font-bold text-navyPrimary mb-2 tracking-wide\">${pillar.headline}<\/h4>\n                    <p class=\"text-slate-500 text-xs font-light leading-relaxed\">${pillar.text}<\/p>\n                <\/div>\n            `).join('');\n        }\n\n        window.addEventListener('load', () => {\n            processUIRender();\n            \n            document.querySelectorAll('img').forEach(image => {\n                if(image.complete) {\n                    image.classList.add('loaded');\n                } else {\n                    image.addEventListener('load', () => image.classList.add('loaded'));\n                }\n            });\n\n            const preloaderNode = document.getElementById('firm-preloader');\n            preloaderNode.style.opacity = '0';\n            setTimeout(() => preloaderNode.style.display = 'none', 700);\n        });\n\n        function clearRegulatoryCheckpoint() {\n            document.getElementById('regulatory-modal').style.opacity = '0';\n            setTimeout(() => document.getElementById('regulatory-modal').style.display = 'none', 500);\n            initializeObserverNetwork();\n            executeDataCounters();\n        }\n\n        function processFormSubmission(event) {\n            event.preventDefault();\n            document.getElementById('feedback-success-node').classList.remove('hidden');\n            document.getElementById('intake-form-engine').reset();\n        }\n\n        function initializeObserverNetwork() {\n            const nodes = document.querySelectorAll('.reveal-node');\n            const observerInstance = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('active');\n                        observerInstance.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.05, rootMargin: '0px 0px -20px 0px' });\n            \n            nodes.forEach(node => observerInstance.observe(node));\n        }\n\n        function executeDataCounters() {\n            const indicators = document.querySelectorAll('[data-target]');\n            indicators.forEach(node => {\n                const limit = parseInt(node.getAttribute('data-target'));\n                let baseline = 0;\n                const incrementalStep = limit \/ 25;\n                const operationalInterval = setInterval(() => {\n                    baseline += incrementalStep;\n                    if (baseline >= limit) {\n                        node.textContent = limit + '+';\n                        clearInterval(operationalInterval);\n                    } else {\n                        node.textContent = Math.floor(baseline);\n                    }\n                }, 45);\n            });\n        }\n    <\/script>\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>Yogya Legal | Elite Litigation Chambers &#038; Corporate Counsel Skip to main content YOGYA LEGAL Chamber Infrastructure Initializing Bar Council [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yogyalegal.in\/hi\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yogyalegal.in\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yogyalegal.in\/hi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yogyalegal.in\/hi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yogyalegal.in\/hi\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":67,"href":"https:\/\/yogyalegal.in\/hi\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":170,"href":"https:\/\/yogyalegal.in\/hi\/wp-json\/wp\/v2\/pages\/32\/revisions\/170"}],"wp:attachment":[{"href":"https:\/\/yogyalegal.in\/hi\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}