{"id":14141,"date":"2026-02-05T17:15:21","date_gmt":"2026-02-05T17:15:21","guid":{"rendered":"https:\/\/tezeducation.com\/blog\/?p=14141"},"modified":"2026-04-07T06:13:14","modified_gmt":"2026-04-07T06:13:14","slug":"mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be","status":"publish","type":"post","link":"https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/","title":{"rendered":"MPGK \u0938\u0941\u092a\u0930 \u0928\u094b\u091f\u094d\u0938 – \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928"},"content":{"rendered":"
<\/div>

<\/g><\/svg><\/i> \"Loading\"<\/p>

<\/div>\n\n\n\n \n \n \u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 (1950-1956)<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Devanagari:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans Devanagari', sans-serif;\n background-color: #fdfbf7; \/* Warm neutral background *\/\n color: #1f2937;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 500px;\n margin: 0 auto;\n height: 300px;\n max-height: 400px;\n }\n .interactive-card {\n transition: all 0.3s ease;\n }\n .interactive-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n .region-block {\n cursor: pointer;\n transition: all 0.2s ease;\n }\n .region-block:hover {\n filter: brightness(1.1);\n transform: scale(1.02);\n }\n .region-block.active {\n ring-width: 4px;\n ring-color: #f59e0b;\n }\n <\/style>\n <!-- Chosen Palette: \"Historical Earth & Tricolor Hints\" - Warm creamy background (#fdfbf7), deep text (#1f2937), with functional colors: Saffron (#e67e22), Green (#27ae60), and earthy Browns\/Reds for regions to reflect the map provided. -->\n \n <!-- Application Structure Plan:\n 1. Header: Title and Introduction.\n 2. \"Foundation of Unity\" Section: Focuses on the integration of 562 states using a Chart.js pie chart for visual impact of the scale. Includes toggleable cards for the 3 special cases (J&K, Junagadh, Hyderabad).\n 3. \"1950-1956 Administrative Map\" Section: The core interaction. Instead of a complex SVG map, I use a \"Schematic Grid\" layout using CSS Grid to represent the relative positions of Part A, B, C states. Users click these blocks to populate a detail panel with Capital and Description data.\n 4. \"1956 Reorganization\" Section: Explains the Fazal Ali Commission changes. Uses an interactive \"Transformation List\" where users click on a region (Part A\/B\/C) to see specifically how it changed or what was lost\/gained.\n 5. Summary\/Footer.\n Reasoning: This structure breaks the dense historical text into logical phases: Integration -> Structure -> Reorganization.\n -->\n\n <!-- Visualization & Content Choices:\n 1. Integration Stats -> Goal: Inform -> Pie Chart (559 vs 3) -> Interaction: Hover for numbers, click special section for details -> Chart.js is perfect for simple proportions.\n 2. Regional Structure -> Goal: Organize\/Explore -> Schematic CSS Grid (Abstract Map) -> Interaction: Click region to view details -> HTML\/CSS Grid allows responsive layout without SVG complexity.\n 3. Reorganization Changes -> Goal: Change\/Process -> Interactive Accordion\/List -> Interaction: Click to reveal 'Before -> After' transition -> Vanilla JS for DOM manipulation.\n 4. Key Figures -> Goal: Inform -> Profile Cards -> Static content with hover effects.\n -->\n\n <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\n<\/head>\n<body class=\"antialiased\">\n\n <!-- Navigation \/ Header -->\n <header class=\"bg-orange-800 text-orange-50 shadow-lg\">\n <div class=\"container mx-auto px-4 py-6\">\n <h1 class=\"text-3xl md:text-4xl font-bold mb-2\">\u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 (1950-1956)<\/h1>\n <p class=\"text-orange-200 text-lg\">\u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902 \u0915\u0947 \u0935\u093f\u0932\u0940\u0928\u0940\u0915\u0930\u0923 \u0938\u0947 \u0932\u0947\u0915\u0930 \u0906\u0927\u0941\u0928\u093f\u0915 \u0930\u093e\u091c\u094d\u092f \u0915\u0947 \u0928\u093f\u0930\u094d\u092e\u093e\u0923 \u0924\u0915 \u0915\u0940 \u092f\u093e\u0924\u094d\u0930\u093e<\/p>\n <\/div>\n <\/header>\n\n <main class=\"container mx-auto px-4 py-8 space-y-12\">\n\n <!-- Introduction Section -->\n <section class=\"bg-white rounded-xl shadow-md p-6 border-l-4 border-orange-600\">\n <h2 class=\"text-2xl font-bold text-gray-800 mb-4\">\u0910\u0924\u093f\u0939\u093e\u0938\u093f\u0915 \u092a\u0943\u0937\u094d\u0920\u092d\u0942\u092e\u093f<\/h2>\n <p class=\"text-gray-600 leading-relaxed text-lg\">\n 1947 \u092e\u0947\u0902 \u092d\u093e\u0930\u0924 \u0915\u0940 \u0938\u094d\u0935\u0924\u0902\u0924\u094d\u0930\u0924\u093e \u0938\u0947 \u0932\u0947\u0915\u0930 1956 \u0924\u0915, \u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u0938\u094d\u0935\u0930\u0942\u092a \u0906\u091c \u091c\u0948\u0938\u093e \u0928\u0939\u0940\u0902 \u0925\u093e\u0964 \u092f\u0939 \u090f\u0915 \u0938\u0902\u0915\u094d\u0930\u092e\u0923 \u0915\u093e\u0932 \u0925\u093e \u091c\u092c <strong>562 \u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902<\/strong> \u0915\u094b \u090f\u0915 \u0938\u0942\u0924\u094d\u0930 \u092e\u0947\u0902 \u092a\u093f\u0930\u094b\u092f\u093e \u091c\u093e \u0930\u0939\u093e \u0925\u093e\u0964 \u0907\u0938 \u0907\u0902\u091f\u0930\u0948\u0915\u094d\u091f\u093f\u0935 \u0905\u0928\u0941\u092d\u0935 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u091c\u093e\u0928\u0947\u0902 \u0915\u093f \u0915\u0948\u0938\u0947 \u0938\u0930\u0926\u093e\u0930 \u092a\u091f\u0947\u0932 \u0915\u0947 \u092a\u094d\u0930\u092f\u093e\u0938\u094b\u0902 \u0914\u0930 \u0935\u093f\u092d\u093f\u0928\u094d\u0928 \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0928\u093f\u0930\u094d\u0923\u092f\u094b\u0902 \u0928\u0947 \u092d\u093e\u0930\u0924 \u0915\u0947 \u0939\u0943\u0926\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u094b \u0906\u0915\u093e\u0930 \u0926\u093f\u092f\u093e\u0964\n <\/p>\n <\/section>\n\n <!-- Section 1: Integration of Princely States -->\n <section>\n <div class=\"mb-6\">\n <h2 class=\"text-2xl font-bold text-gray-800 flex items-center gap-2\">\n <span class=\"bg-orange-100 text-orange-800 px-3 py-1 rounded-full text-sm\">\u091a\u0930\u0923 1<\/span>\n \u092d\u093e\u0930\u0924\u0940\u092f \u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902 \u0915\u093e \u090f\u0915\u0940\u0915\u0930\u0923\n <\/h2>\n <p class=\"text-gray-600 mt-2\">\n \u0938\u094d\u0935\u0924\u0902\u0924\u094d\u0930\u0924\u093e \u0915\u0947 \u0938\u092e\u092f \u092d\u093e\u0930\u0924 562 \u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902 \u092e\u0947\u0902 \u092c\u0902\u091f\u093e \u0925\u093e\u0964 \u0924\u0924\u094d\u0915\u093e\u0932\u0940\u0928 \u0917\u0943\u0939\u092e\u0902\u0924\u094d\u0930\u0940 <strong>\u0938\u0930\u0926\u093e\u0930 \u0935\u0932\u094d\u0932\u092d\u092d\u093e\u0908 \u092a\u091f\u0947\u0932<\/strong> \u0914\u0930 \u0938\u091a\u093f\u0935 <strong>\u0935\u0940. \u092a\u0940. \u092e\u0947\u0928\u0928<\/strong> \u0915\u0947 \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u092e\u0947\u0902 \u090f\u0915\u0940\u0915\u0930\u0923 \u0915\u093e \u0935\u093f\u0936\u093e\u0932 \u0915\u093e\u0930\u094d\u092f \u0938\u0902\u092a\u0928\u094d\u0928 \u0939\u0941\u0906\u0964\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-start\">\n <!-- Chart Column -->\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\n <h3 class=\"text-lg font-semibold text-center mb-4 text-gray-700\">\u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902 \u0915\u0947 \u0935\u093f\u0932\u092f \u0915\u0940 \u0938\u094d\u0925\u093f\u0924\u093f<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"integrationChart\"><\/canvas>\n <\/div>\n <p class=\"text-center text-sm text-gray-500 mt-4\"><em>\u091a\u093e\u0930\u094d\u091f \u0915\u0947 \u0916\u0923\u094d\u0921\u094b\u0902 \u092a\u0930 \u0915\u094d\u0932\u093f\u0915 \u092f\u093e \u0939\u094b\u0935\u0930 \u0915\u0930\u0947\u0902<\/em><\/p>\n <\/div>\n\n <!-- Details Column -->\n <div class=\"space-y-4\">\n <div class=\"bg-orange-50 p-5 rounded-lg border border-orange-100\">\n <h3 class=\"font-bold text-orange-900 mb-2\">3 \u0935\u093f\u0936\u0947\u0937 \u092e\u093e\u092e\u0932\u0947<\/h3>\n <p class=\"text-sm text-gray-700 mb-4\">\u091c\u094d\u092f\u093e\u0926\u093e\u0924\u0930 \u0930\u093f\u092f\u093e\u0938\u0924\u0947\u0902 \u0938\u094d\u0935\u0947\u091a\u094d\u091b\u093e \u0938\u0947 \u0936\u093e\u092e\u093f\u0932 \u0939\u0941\u0908\u0902, \u0932\u0947\u0915\u093f\u0928 \u0924\u0940\u0928 \u0928\u0947 \u0936\u0941\u0930\u0941\u0906\u0924 \u092e\u0947\u0902 \u0905\u0932\u0917 \u0930\u0939\u0928\u0947 \u0915\u093e \u092b\u0948\u0938\u0932\u093e \u0915\u093f\u092f\u093e\u0964 \u0928\u0940\u091a\u0947 \u0926\u093f\u090f \u0917\u090f \u092c\u091f\u0928\u094b\u0902 \u092a\u0930 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0915\u0947 \u091c\u093e\u0928\u0947\u0902 \u0915\u093f \u0909\u0928\u0915\u093e \u0935\u093f\u0932\u092f \u0915\u0948\u0938\u0947 \u0939\u0941\u0906:<\/p>\n \n <div class=\"flex flex-wrap gap-2 mb-4\" id=\"specialStatesButtons\">\n <button onclick=\"showStateDetail('jk')\" class=\"px-4 py-2 bg-white border border-orange-200 text-orange-800 rounded hover:bg-orange-100 transition shadow-sm font-medium focus:ring-2 focus:ring-orange-500\">\u091c\u092e\u094d\u092e\u0942 \u0915\u0936\u094d\u092e\u0940\u0930<\/button>\n <button onclick=\"showStateDetail('junagadh')\" class=\"px-4 py-2 bg-white border border-orange-200 text-orange-800 rounded hover:bg-orange-100 transition shadow-sm font-medium focus:ring-2 focus:ring-orange-500\">\u091c\u0942\u0928\u093e\u0917\u0922\u093c<\/button>\n <button onclick=\"showStateDetail('hyd')\" class=\"px-4 py-2 bg-white border border-orange-200 text-orange-800 rounded hover:bg-orange-100 transition shadow-sm font-medium focus:ring-2 focus:ring-orange-500\">\u0939\u0948\u0926\u0930\u093e\u092c\u093e\u0926<\/button>\n <\/div>\n\n <div id=\"stateDetailPanel\" class=\"bg-white p-4 rounded border border-gray-200 hidden animate-fade-in\">\n <h4 id=\"detailTitle\" class=\"font-bold text-gray-800\"><\/h4>\n <p id=\"detailDate\" class=\"text-xs text-gray-500 mt-1 mb-2 font-mono\"><\/p>\n <p id=\"detailDesc\" class=\"text-gray-700\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Section 2: MP Structure 1950-1956 -->\n <section class=\"bg-gray-50 p-6 rounded-xl border border-gray-200\">\n <div class=\"mb-6\">\n <h2 class=\"text-2xl font-bold text-gray-800 flex items-center gap-2\">\n <span class=\"bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm\">\u091a\u0930\u0923 2<\/span>\n \u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u0940 \u0938\u0902\u0930\u091a\u0928\u093e (1950 – 1956)\n <\/h2>\n <p class=\"text-gray-600 mt-2\">\n 1956 \u0938\u0947 \u092a\u0939\u0932\u0947, \u0935\u0930\u094d\u0924\u092e\u093e\u0928 \u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u091a\u093e\u0930 \u0905\u0932\u0917-\u0905\u0932\u0917 \u092d\u093e\u0917\u094b\u0902 (Parts) \u092e\u0947\u0902 \u0935\u093f\u092d\u093e\u091c\u093f\u0924 \u0925\u093e\u0964 \u0928\u0940\u091a\u0947 \u0926\u093f\u090f \u0917\u090f <strong>\u0928\u0915\u094d\u0936\u0947 \u0915\u0947 \u092c\u094d\u0932\u0949\u0915\u094b\u0902 \u092a\u0930 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947\u0902<\/strong> \u0914\u0930 \u091c\u093e\u0928\u0947\u0902 \u0915\u093f \u092a\u094d\u0930\u0924\u094d\u092f\u0947\u0915 \u092d\u093e\u0917 \u0915\u0940 \u0930\u093e\u091c\u0927\u093e\u0928\u0940 \u0914\u0930 \u0935\u093f\u0936\u0947\u0937\u0924\u093e\u090f\u0901 \u0915\u094d\u092f\u093e \u0925\u0940\u0902\u0964\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n <!-- Interactive Schematic Map -->\n <div class=\"lg:col-span-2 bg-white p-6 rounded-xl shadow-inner select-none\">\n <h3 class=\"text-center text-gray-500 text-sm mb-4 font-mono tracking-wider\">\u092e\u0927\u094d\u092f \u092d\u093e\u0930\u0924 \u0915\u093e \u092f\u094b\u091c\u0928\u093e\u092c\u0926\u094d\u0927 \u092e\u093e\u0928\u091a\u093f\u0924\u094d\u0930 (1950-56)<\/h3>\n \n <!-- CSS Grid Layout for Map Abstraction -->\n <div class=\"grid grid-cols-4 gap-4 max-w-2xl mx-auto h-96\">\n <!-- Top Row: Neighbors -->\n <div class=\"col-span-2 row-span-1 bg-gray-200 rounded flex items-center justify-center text-gray-400 text-sm font-bold border-2 border-dashed border-gray-300\">\u0930\u093e\u091c\u0938\u094d\u0925\u093e\u0928 \/ \u0917\u0941\u091c\u0930\u093e\u0924<\/div>\n <div class=\"col-span-2 row-span-1 bg-gray-200 rounded flex items-center justify-center text-gray-400 text-sm font-bold border-2 border-dashed border-gray-300\">\u0909\u0924\u094d\u0924\u0930 \u092a\u094d\u0930\u0926\u0947\u0936<\/div>\n\n <!-- Middle Row: Part B and C -->\n <div onclick=\"selectPart('partB')\" class=\"region-block col-span-1 row-span-2 bg-red-100 border-2 border-red-300 rounded-lg p-2 flex flex-col items-center justify-center text-center hover:bg-red-200 group relative\">\n <span class=\"font-bold text-red-800\">\u092a\u093e\u0930\u094d\u091f – B<\/span>\n <span class=\"text-xs text-red-600\">\u092e\u0927\u094d\u092f \u092d\u093e\u0930\u0924<\/span>\n <div class=\"absolute bottom-2 text-[10px] text-red-500 opacity-0 group-hover:opacity-100\">\u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947\u0902<\/div>\n <\/div>\n\n <div class=\"col-span-1 row-span-2 flex flex-col gap-2\">\n <!-- Bhopal Nested -->\n <div onclick=\"selectPart('partCBhopal')\" class=\"region-block h-full bg-purple-100 border-2 border-purple-300 rounded-lg p-1 flex flex-col items-center justify-center text-center hover:bg-purple-200 group relative\">\n <span class=\"font-bold text-purple-800 text-sm\">\u092d\u094b\u092a\u093e\u0932<\/span>\n <span class=\"text-[10px] text-purple-600\">(\u092a\u093e\u0930\u094d\u091f C)<\/span>\n <\/div>\n <\/div>\n\n <div onclick=\"selectPart('partC')\" class=\"region-block col-span-2 row-span-1 bg-green-100 border-2 border-green-300 rounded-lg p-2 flex flex-col items-center justify-center text-center hover:bg-green-200 group relative\">\n <span class=\"font-bold text-green-800\">\u092a\u093e\u0930\u094d\u091f – C<\/span>\n <span class=\"text-xs text-green-600\">\u0935\u093f\u0928\u094d\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936<\/span>\n <div class=\"absolute bottom-2 text-[10px] text-green-500 opacity-0 group-hover:opacity-100\">\u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947\u0902<\/div>\n <\/div>\n\n <!-- Bottom Row: Part A -->\n <div onclick=\"selectPart('partA')\" class=\"region-block col-span-3 row-start-4 row-span-2 bg-yellow-100 border-2 border-yellow-300 rounded-lg p-4 flex flex-col items-center justify-center text-center hover:bg-yellow-200 group relative\">\n <span class=\"font-bold text-yellow-800\">\u092a\u093e\u0930\u094d\u091f – A<\/span>\n <span class=\"text-sm text-yellow-600\">\u0938\u0947\u0928\u094d\u091f\u094d\u0930\u0932 \u092a\u094d\u0930\u094b\u0935\u093f\u0902\u0938 \u090f\u0935\u0902 \u092c\u0930\u093e\u0930<\/span>\n <div class=\"absolute bottom-2 text-[10px] text-yellow-500 opacity-0 group-hover:opacity-100\">\u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947\u0902<\/div>\n <\/div>\n \n <!-- East Neighbor -->\n <div class=\"col-start-4 row-start-3 row-span-3 bg-gray-200 rounded flex items-center justify-center text-gray-400 text-sm font-bold border-2 border-dashed border-gray-300 writing-vertical\">\n \u092c\u093f\u0939\u093e\u0930 \/ \u0913\u0921\u093f\u0936\u093e\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Info Panel -->\n <div class=\"lg:col-span-1 bg-white p-6 rounded-xl shadow-md border-t-4 border-gray-400 transition-colors duration-300\" id=\"infoPanel\">\n <div id=\"defaultInfo\" class=\"flex flex-col items-center justify-center h-full text-center text-gray-400\">\n <svg class=\"w-12 h-12 mb-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <p>\u092e\u093e\u0928\u091a\u093f\u0924\u094d\u0930 \u092a\u0930 \u0915\u093f\u0938\u0940 \u092d\u093e\u0917 (Part) \u0915\u094b \u091a\u0941\u0928\u0947\u0902<\/p>\n <\/div>\n \n <div id=\"activeInfo\" class=\"hidden\">\n <span id=\"partTag\" class=\"inline-block px-2 py-1 text-xs font-bold uppercase rounded mb-2 bg-gray-200 text-gray-700\"><\/span>\n <h3 id=\"partName\" class=\"text-2xl font-bold text-gray-800 mb-4\"><\/h3>\n \n <div class=\"space-y-4\">\n <div>\n <h4 class=\"text-sm font-semibold text-gray-500 uppercase tracking-wide\">\u0930\u093e\u091c\u0927\u093e\u0928\u0940<\/h4>\n <p id=\"partCapital\" class=\"text-lg font-medium text-gray-800\"><\/p>\n <\/div>\n \n <div>\n <h4 class=\"text-sm font-semibold text-gray-500 uppercase tracking-wide\">\u0935\u093f\u0935\u0930\u0923<\/h4>\n <p id=\"partDesc\" class=\"text-gray-700 leading-relaxed\"><\/p>\n <\/div>\n\n <div class=\"pt-4 border-t border-gray-100\">\n <h4 class=\"text-sm font-semibold text-gray-500 uppercase tracking-wide mb-2\">\u0936\u093e\u092e\u093f\u0932 \u0915\u094d\u0937\u0947\u0924\u094d\u0930<\/h4>\n <ul id=\"partAreas\" class=\"list-disc list-inside text-sm text-gray-600 space-y-1\"><\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Section 3: 1956 Reorganization -->\n <section>\n <div class=\"mb-6\">\n <h2 class=\"text-2xl font-bold text-gray-800 flex items-center gap-2\">\n <span class=\"bg-indigo-100 text-indigo-800 px-3 py-1 rounded-full text-sm\">\u091a\u0930\u0923 3<\/span>\n 1956 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928\n <\/h2>\n <p class=\"text-gray-600 mt-2\">\n <strong>\u0930\u093e\u091c\u094d\u092f \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 \u0906\u092f\u094b\u0917 (\u092b\u091c\u0932 \u0905\u0932\u0940 \u0906\u092f\u094b\u0917)<\/strong> \u0915\u0940 \u0905\u0928\u0941\u0936\u0902\u0938\u093e \u092a\u0930 1 \u0928\u0935\u0902\u092c\u0930 1956 \u0915\u094b \u092d\u093e\u0937\u093e\u0908 \u0906\u0927\u093e\u0930 \u092a\u0930 \u0938\u0940\u092e\u093e\u0913\u0902 \u092e\u0947\u0902 \u092d\u093e\u0930\u0940 \u092c\u0926\u0932\u093e\u0935 \u0915\u093f\u090f \u0917\u090f\u0964 \u0928\u0940\u091a\u0947 \u0926\u0947\u0916\u0947\u0902 \u0915\u093f \u0915\u093f\u0938 \u092d\u093e\u0917 \u092e\u0947\u0902 \u0915\u094d\u092f\u093e \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u0928 \u0939\u0941\u0906\u0964\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\n <!-- Change Card 1: Part A -->\n <div class=\"bg-white rounded-lg shadow border border-gray-200 overflow-hidden group hover:shadow-lg transition\">\n <div class=\"bg-yellow-100 p-3 border-b border-yellow-200\">\n <h3 class=\"font-bold text-yellow-900\">\u092a\u093e\u0930\u094d\u091f – A (\u0928\u093e\u0917\u092a\u0941\u0930)<\/h3>\n <\/div>\n <div class=\"p-4\">\n <div class=\"flex items-center justify-between mb-2\">\n <span class=\"text-xs bg-red-100 text-red-600 px-2 py-0.5 rounded\">\u0928\u0941\u0915\u0938\u093e\u0928<\/span>\n <\/div>\n <p class=\"text-sm text-gray-700\">\n \u0928\u093e\u0917\u092a\u0941\u0930 \u0938\u0939\u093f\u0924 \u0935\u093f\u0926\u0930\u094d\u092d \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u0915\u0947 <strong>8 \u092e\u0930\u093e\u0920\u0940 \u092d\u093e\u0937\u0940 \u091c\u093f\u0932\u0947<\/strong> \u092c\u0949\u092e\u094d\u092c\u0947 \u0930\u093e\u091c\u094d\u092f (\u0905\u092c \u092e\u0939\u093e\u0930\u093e\u0937\u094d\u091f\u094d\u0930) \u0915\u094b \u0938\u094c\u0902\u092a \u0926\u093f\u090f \u0917\u090f\u0964\n <\/p>\n <\/div>\n <\/div>\n\n <!-- Change Card 2: Part B -->\n <div class=\"bg-white rounded-lg shadow border border-gray-200 overflow-hidden group hover:shadow-lg transition\">\n <div class=\"bg-red-100 p-3 border-b border-red-200\">\n <h3 class=\"font-bold text-red-900\">\u092a\u093e\u0930\u094d\u091f – B (\u092e\u0927\u094d\u092f \u092d\u093e\u0930\u0924)<\/h3>\n <\/div>\n <div class=\"p-4 space-y-3\">\n <div>\n <span class=\"text-xs bg-green-100 text-green-600 px-2 py-0.5 rounded\">\u092e\u093f\u0932\u093e<\/span>\n <p class=\"text-sm text-gray-700 mt-1\">\u0930\u093e\u091c\u0938\u094d\u0925\u093e\u0928 \u0915\u0947 <strong>\u0938\u093f\u0930\u094b\u0902\u091c<\/strong> \u0915\u094b \u0935\u093f\u0926\u093f\u0936\u093e \u091c\u093f\u0932\u0947 \u092e\u0947\u0902 \u0936\u093e\u092e\u093f\u0932 \u0915\u093f\u092f\u093e \u0917\u092f\u093e\u0964<\/p>\n <\/div>\n <div class=\"border-t pt-2\">\n <span class=\"text-xs bg-red-100 text-red-600 px-2 py-0.5 rounded\">\u0926\u093f\u092f\u093e<\/span>\n <p class=\"text-sm text-gray-700 mt-1\">\u092e\u0902\u0926\u0938\u094c\u0930 \u0915\u0940 <strong>\u0938\u0941\u0928\u0940\u0932 \u091f\u092a\u094d\u092a\u093e<\/strong> \u0924\u0939\u0938\u0940\u0932 \u0930\u093e\u091c\u0938\u094d\u0925\u093e\u0928 \u0915\u094b \u0926\u0947 \u0926\u0940 \u0917\u0908\u0964<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Change Card 3: Part C -->\n <div class=\"bg-white rounded-lg shadow border border-gray-200 overflow-hidden group hover:shadow-lg transition\">\n <div class=\"bg-green-100 p-3 border-b border-green-200\">\n <h3 class=\"font-bold text-green-900\">\u092a\u093e\u0930\u094d\u091f – C (\u0935\u093f\u0928\u094d\u0927\u094d\u092f & \u092d\u094b\u092a\u093e\u0932)<\/h3>\n <\/div>\n <div class=\"p-4\">\n <div class=\"flex items-center justify-between mb-2\">\n <span class=\"text-xs bg-blue-100 text-blue-600 px-2 py-0.5 rounded\">\u092a\u0942\u0930\u094d\u0923 \u0935\u093f\u0932\u092f<\/span>\n <\/div>\n <p class=\"text-sm text-gray-700\">\n \u092a\u0942\u0930\u093e \u0935\u093f\u0928\u094d\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0914\u0930 \u092d\u094b\u092a\u093e\u0932 \u0930\u093e\u091c\u094d\u092f \u0928\u090f \u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u0939\u093f\u0938\u094d\u0938\u093e \u092c\u0928 \u0917\u090f\u0964 \u0907\u0938\u092e\u0947\u0902 \u0915\u094b\u0908 \u092d\u094c\u0917\u094b\u0932\u093f\u0915 \u0915\u091f\u094c\u0924\u0940 \u0928\u0939\u0940\u0902 \u0915\u0940 \u0917\u0908\u0964\n <\/p>\n <\/div>\n <\/div>\n\n <!-- Change Card 4: New Capital -->\n <div class=\"bg-gradient-to-br from-indigo-50 to-white rounded-lg shadow border border-indigo-200 overflow-hidden group hover:shadow-lg transition\">\n <div class=\"bg-indigo-600 p-3 text-white\">\n <h3 class=\"font-bold\">\u0928\u0908 \u0930\u093e\u091c\u0927\u093e\u0928\u0940<\/h3>\n <\/div>\n <div class=\"p-4 flex flex-col items-center justify-center text-center h-full pb-8\">\n <div class=\"text-4xl mb-2\">\ud83c\udfdb\ufe0f<\/div>\n <h4 class=\"text-xl font-bold text-indigo-900\">\u092d\u094b\u092a\u093e\u0932<\/h4>\n <p class=\"text-xs text-indigo-600 mt-1\">\u092a\u0939\u0932\u0947 \u0915\u0947\u0935\u0932 \u090f\u0915 \u0924\u0939\u0938\u0940\u0932 \u0925\u0940<\/p>\n <p class=\"text-sm text-gray-600 mt-3\">1956 \u092e\u0947\u0902 \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u093f\u0924 \u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u0940 \u0930\u093e\u091c\u0927\u093e\u0928\u0940 \u0918\u094b\u0937\u093f\u0924\u0964<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <script>\n \/\/ --- Data ---\n const specialStates = {\n 'jk': {\n title: '\u091c\u092e\u094d\u092e\u0942 \u0914\u0930 \u0915\u0936\u094d\u092e\u0940\u0930',\n date: '26 \u0905\u0915\u094d\u091f\u0942\u092c\u0930 1947',\n desc: \"\u0930\u093e\u091c\u093e \u0939\u0930\u093f \u0938\u093f\u0902\u0939 \u0928\u0947 \u092a\u093e\u0915\u093f\u0938\u094d\u0924\u093e\u0928 \u0938\u092e\u0930\u094d\u0925\u093f\u0924 \u0915\u092c\u093e\u092f\u0932\u093f\u092f\u094b\u0902 \u0915\u0947 \u0906\u0915\u094d\u0930\u092e\u0923 \u0915\u0947 \u092c\u093e\u0926 '\u0935\u093f\u0932\u092f \u092a\u0924\u094d\u0930' (Instrument of Accession) \u092a\u0930 \u0939\u0938\u094d\u0924\u093e\u0915\u094d\u0937\u0930 \u0915\u093f\u090f\u0964\"\n },\n 'junagadh': {\n title: '\u091c\u0942\u0928\u093e\u0917\u0922\u093c',\n date: '20 \u092b\u0930\u0935\u0930\u0940 1948',\n desc: \"\u0928\u0935\u093e\u092c \u092a\u093e\u0915\u093f\u0938\u094d\u0924\u093e\u0928 \u091c\u093e\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0925\u0947, \u0932\u0947\u0915\u093f\u0928 \u091c\u0928\u0924\u093e \u092d\u093e\u0930\u0924 \u0915\u0947 \u0938\u093e\u0925 \u0925\u0940\u0964 \u091c\u0928\u092e\u0924 \u0938\u0902\u0917\u094d\u0930\u0939 (Referendum) \u092e\u0947\u0902 \u091c\u0928\u0924\u093e \u0928\u0947 \u092d\u093e\u0930\u0924 \u0915\u094b \u091a\u0941\u0928\u093e\u0964\"\n },\n 'hyd': {\n title: '\u0939\u0948\u0926\u0930\u093e\u092c\u093e\u0926',\n date: '18 \u0938\u093f\u0924\u0902\u092c\u0930 1948',\n desc: \"\u0928\u093f\u091c\u093c\u093e\u092e \u0928\u0947 \u0938\u094d\u0935\u0924\u0902\u0924\u094d\u0930 \u0930\u0939\u0928\u0947 \u0915\u0940 \u0915\u094b\u0936\u093f\u0936 \u0915\u0940\u0964 \u092d\u093e\u0930\u0924 \u0938\u0930\u0915\u093e\u0930 \u0928\u0947 '\u0911\u092a\u0930\u0947\u0936\u0928 \u092a\u094b\u0932\u094b' \u0928\u093e\u092e\u0915 \u092a\u0941\u0932\u093f\u0938\/\u0938\u0948\u0928\u094d\u092f \u0915\u093e\u0930\u094d\u092f\u0935\u093e\u0939\u0940 \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e \u0907\u0938\u0947 \u092e\u093f\u0932\u093e\u092f\u093e\u0964\"\n }\n };\n\n const partDetails = {\n 'partA': {\n name: '\u0938\u0947\u0928\u094d\u091f\u094d\u0930\u0932 \u092a\u094d\u0930\u094b\u0935\u093f\u0902\u0938 \u090f\u0935\u0902 \u092c\u0930\u093e\u0930',\n tag: 'PART - A',\n capital: '\u0928\u093e\u0917\u092a\u0941\u0930',\n desc: '\u092f\u0939 \u092c\u094d\u0930\u093f\u091f\u093f\u0936 \u092d\u093e\u0930\u0924 \u0915\u093e \u092e\u0941\u0916\u094d\u092f \u0939\u093f\u0938\u094d\u0938\u093e \u0925\u093e\u0964 \u0907\u0938\u092e\u0947\u0902 \u0938\u092c\u0938\u0947 \u092c\u0921\u093c\u093e \u092d\u094c\u0917\u094b\u0932\u093f\u0915 \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u0936\u093e\u092e\u093f\u0932 \u0925\u093e\u0964',\n areas: ['\u091b\u0924\u094d\u0924\u0940\u0938\u0917\u0922\u093c', '\u0935\u093f\u0926\u0930\u094d\u092d (\u0935\u0930\u094d\u0924\u092e\u093e\u0928 \u092e\u0939\u093e\u0930\u093e\u0937\u094d\u091f\u094d\u0930)', '\u092e\u0939\u093e\u0915\u094c\u0936\u0932'],\n color: 'yellow',\n borderColor: 'border-yellow-400',\n bgColor: 'bg-yellow-50'\n },\n 'partB': {\n name: '\u092e\u0927\u094d\u092f \u092d\u093e\u0930\u0924',\n tag: 'PART - B',\n capital: '\u0917\u094d\u0935\u093e\u0932\u093f\u092f\u0930 (\u0936\u0940\u0924\u0915\u093e\u0932\u0940\u0928) \/ \u0907\u0902\u0926\u094c\u0930 (\u0917\u094d\u0930\u0940\u0937\u094d\u092e\u0915\u093e\u0932\u0940\u0928)',\n desc: '\u092a\u0936\u094d\u091a\u093f\u092e \u0915\u0940 25 \u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902 \u0915\u094b \u092e\u093f\u0932\u093e\u0915\u0930 \u0907\u0938\u0915\u093e \u0917\u0920\u0928 \u0915\u093f\u092f\u093e \u0917\u092f\u093e \u0925\u093e\u0964',\n areas: ['\u0939\u094b\u0932\u0915\u0930 \u0930\u093f\u092f\u093e\u0938\u0924', '\u0938\u093f\u0902\u0927\u093f\u092f\u093e \u0930\u093f\u092f\u093e\u0938\u0924', '\u092a\u0936\u094d\u091a\u093f\u092e\u0940 \u0915\u094d\u0937\u0947\u0924\u094d\u0930'],\n color: 'red',\n borderColor: 'border-red-400',\n bgColor: 'bg-red-50'\n },\n 'partC': {\n name: '\u0935\u093f\u0928\u094d\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936',\n tag: 'PART - C',\n capital: '\u0930\u0940\u0935\u093e',\n desc: '\u0909\u0924\u094d\u0924\u0930 \u0915\u0940 \u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902 \u0915\u094b \u092e\u093f\u0932\u093e\u0915\u0930 \u0907\u0938\u0947 \u092c\u0928\u093e\u092f\u093e \u0917\u092f\u093e \u0925\u093e\u0964 \u091c\u093f\u0938\u0947 \u092c\u0918\u0947\u0932\u0916\u0902\u0921 \u0914\u0930 \u092c\u0941\u0902\u0926\u0947\u0932\u0916\u0902\u0921 \u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902 \u0915\u093e \u0935\u093f\u0932\u092f \u092e\u093e\u0928\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964',\n areas: ['\u092c\u0918\u0947\u0932\u0916\u0902\u0921', '\u092c\u0941\u0902\u0926\u0947\u0932\u0916\u0902\u0921'],\n color: 'green',\n borderColor: 'border-green-400',\n bgColor: 'bg-green-50'\n },\n 'partCBhopal': {\n name: '\u092d\u094b\u092a\u093e\u0932 \u0930\u093e\u091c\u094d\u092f',\n tag: 'PART - C (\u0938\u094d\u0935\u0924\u0902\u0924\u094d\u0930)',\n capital: '\u092d\u094b\u092a\u093e\u0932',\n desc: '\u092d\u094b\u092a\u093e\u0932 \u090f\u0915 \u0938\u094d\u0935\u0924\u0902\u0924\u094d\u0930 \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0907\u0915\u093e\u0908 \u0925\u0940, \u091c\u093f\u0938\u0915\u093e \u0936\u093e\u0938\u0928 \u0938\u0940\u0927\u0947 \u0915\u0947\u0902\u0926\u094d\u0930 \u0938\u0930\u0915\u093e\u0930 (Chief Commissioner) \u0926\u094d\u0935\u093e\u0930\u093e \u0939\u094b\u0924\u093e \u0925\u093e\u0964',\n areas: ['\u092d\u094b\u092a\u093e\u0932', '\u0938\u0940\u0939\u094b\u0930 (\u0906\u0938\u092a\u093e\u0938)'],\n color: 'purple',\n borderColor: 'border-purple-400',\n bgColor: 'bg-purple-50'\n }\n };\n\n \/\/ --- Logic ---\n\n \/\/ 1. Chart Initialization\n document.addEventListener('DOMContentLoaded', function() {\n const ctx = document.getElementById('integrationChart').getContext('2d');\n new Chart(ctx, {\n type: 'doughnut',\n data: {\n labels: ['\u0938\u094d\u0935\u0947\u091a\u094d\u091b\u093e \u0938\u0947 \u0936\u093e\u092e\u093f\u0932 (559)', '\u0935\u093f\u0936\u093f\u0937\u094d\u091f \u092e\u093e\u092e\u0932\u0947 (3)'],\n datasets: [{\n data: [559, 3],\n backgroundColor: [\n '#f97316', \/\/ Orange-500\n '#4b5563' \/\/ Gray-600\n ],\n borderWidth: 0,\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: { font: { family: 'Noto Sans Devanagari' } }\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return context.label + ': ' + context.raw + ' \u0930\u093f\u092f\u093e\u0938\u0924\u0947\u0902';\n }\n }\n }\n }\n }\n });\n });\n\n \/\/ 2. Special States Interaction\n function showStateDetail(key) {\n const data = specialStates[key];\n const panel = document.getElementById('stateDetailPanel');\n \n document.getElementById('detailTitle').innerText = data.title;\n document.getElementById('detailDate').innerText = '\u0935\u093f\u0932\u092f: ' + data.date;\n document.getElementById('detailDesc').innerText = data.desc;\n \n panel.classList.remove('hidden');\n \/\/ Simple animation reset\n panel.classList.remove('animate-fade-in');\n void panel.offsetWidth; \/\/ trigger reflow\n panel.classList.add('animate-fade-in');\n }\n\n \/\/ 3. Map Part Interaction\n function selectPart(key) {\n const data = partDetails[key];\n const panel = document.getElementById('infoPanel');\n const defaultView = document.getElementById('defaultInfo');\n const activeView = document.getElementById('activeInfo');\n\n \/\/ Hide default, show active\n defaultView.classList.add('hidden');\n activeView.classList.remove('hidden');\n\n \/\/ Update Panel Styling\n panel.className = `lg:col-span-1 p-6 rounded-xl shadow-md border-t-4 transition-colors duration-300 ${data.bgColor} ${data.borderColor}`;\n\n \/\/ Populate Data\n document.getElementById('partTag').innerText = data.tag;\n document.getElementById('partTag').className = `inline-block px-2 py-1 text-xs font-bold uppercase rounded mb-2 bg-white border border-gray-200 text-${data.color}-800`;\n \n document.getElementById('partName').innerText = data.name;\n document.getElementById('partCapital').innerText = data.capital;\n document.getElementById('partDesc').innerText = data.desc;\n\n \/\/ Populate List\n const list = document.getElementById('partAreas');\n list.innerHTML = '';\n data.areas.forEach(area => {\n const li = document.createElement('li');\n li.textContent = area;\n list.appendChild(li);\n });\n\n \/\/ Visual feedback on grid blocks\n document.querySelectorAll('.region-block').forEach(el => {\n el.classList.remove('ring-4', 'ring-offset-2', 'ring-gray-300', 'z-10');\n });\n \/\/ Find the clicked element (this logic assumes the function is called from the element)\n \/\/ Since we pass key, we need to find element by attribute if we wanted perfect highlighting, \n \/\/ but for simplicity, the panel update is the main feedback.\n }\n\n <\/script>\n <style>\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(5px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .animate-fade-in {\n animation: fadeIn 0.3s ease-out forwards;\n }\n .writing-vertical {\n writing-mode: vertical-rl;\n text-orientation: upright;\n }\n <\/style>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"hi\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936: 1950-1956<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Devanagari:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/js\/all.min.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <style>\n body {\n font-family: 'Noto Sans Devanagari', sans-serif;\n background-color: #f3f4f6;\n background-image: radial-gradient(#e5e7eb 1px, transparent 1px);\n background-size: 20px 20px;\n }\n .glass-card {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n .gradient-text {\n background: linear-gradient(135deg, #FF9933 0%, #138808 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .part-a { border-top: 4px solid #ef4444; }\n .part-b { border-top: 4px solid #3b82f6; }\n .part-c { border-top: 4px solid #22c55e; }\n .part-d { border-top: 4px solid #a855f7; }\n \n .timeline-line {\n position: absolute;\n left: 50%;\n top: 0;\n bottom: 0;\n width: 4px;\n background: #cbd5e1;\n transform: translateX(-50%);\n }\n \/* Mobile adjustment for timeline *\/\n @media (max-width: 768px) {\n .timeline-line { left: 20px; }\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800 pb-12\">\n\n <!-- Header Section -->\n <header class=\"relative bg-white shadow-md overflow-hidden\">\n <div class=\"absolute inset-0 bg-gradient-to-r from-orange-100 via-white to-green-100 opacity-50\"><\/div>\n <div class=\"container mx-auto px-4 py-8 relative z-10 text-center\">\n <div class=\"inline-block p-3 rounded-full bg-orange-100 text-orange-600 mb-3\">\n <i class=\"fas fa-landmark text-3xl\"><\/i>\n <\/div>\n <h1 class=\"text-4xl md:text-6xl font-black mb-2 text-gray-900\">\u092d\u093e\u0930\u0924 (1950-56)<\/h1>\n <h2 class=\"text-2xl md:text-3xl font-bold gradient-text\">\u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 \u0915\u0940 \u0938\u094d\u0925\u093f\u0924\u093f<\/h2>\n <p class=\"mt-4 text-gray-600 max-w-2xl mx-auto text-lg\">\n \u0938\u0902\u092a\u0942\u0930\u094d\u0923 \u092d\u093e\u0930\u0924 \u0915\u094b \u090f\u0915\u0940\u0915\u0943\u0924 \u0915\u0930\u0928\u0947 \u0915\u0947 \u092a\u0936\u094d\u091a\u093e\u0924\u094d \u0930\u093e\u091c\u094d\u092f\u094b\u0902 \u0915\u094b \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0906\u0927\u093e\u0930 \u092a\u0930 4 \u092d\u093e\u0917\u094b\u0902 (29 \u0930\u093e\u091c\u094d\u092f) \u092e\u0947\u0902 \u0935\u093f\u092d\u093e\u091c\u093f\u0924 \u0915\u093f\u092f\u093e \u0917\u092f\u093e \u0925\u093e\u0964\n <\/p>\n <\/div>\n <\/header>\n\n <!-- Main Content Container -->\n <div class=\"container mx-auto px-4 mt-8 space-y-12\">\n\n <!-- Chart & Overview Section -->\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n <!-- Left: Chart -->\n <div class=\"glass-card rounded-2xl shadow-xl p-6 lg:col-span-1 flex flex-col items-center justify-center bg-white\">\n <h3 class=\"text-xl font-bold mb-4 text-gray-700\">\u0930\u093e\u091c\u094d\u092f\u094b\u0902 \u0915\u093e \u0935\u093f\u0924\u0930\u0923 (\u0915\u0941\u0932 29)<\/h3>\n <div class=\"relative h-64 w-full\">\n <canvas id=\"statesChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <!-- Right: The 4 Parts Classification -->\n <div class=\"lg:col-span-2 grid grid-cols-1 md:grid-cols-2 gap-4\">\n \n <!-- Part A -->\n <div class=\"bg-white rounded-xl shadow-md p-5 part-a hover:shadow-xl transition-shadow duration-300\">\n <div class=\"flex justify-between items-start mb-3\">\n <h3 class=\"text-xl font-bold text-red-600\">\u092d\u093e\u0917 A (Part A)<\/h3>\n <span class=\"bg-red-100 text-red-800 text-xs font-semibold px-2.5 py-0.5 rounded\">9 \u0930\u093e\u091c\u094d\u092f<\/span>\n <\/div>\n <ul class=\"space-y-2 text-sm\">\n <li><i class=\"fas fa-gavel text-red-400 w-5\"><\/i> <strong>\u0936\u093e\u0938\u0928:<\/strong> \u0917\u0935\u0930\u094d\u0928\u0930 \u0915\u093e \u0936\u093e\u0938\u0928<\/li>\n <li><i class=\"fas fa-map-marked-alt text-red-400 w-5\"><\/i> <strong>MP \u0915\u093e \u0938\u0902\u092c\u0902\u0927:<\/strong> \u092a\u0942\u0930\u094d\u0935\u0940 \u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 (CP & \u092c\u0930\u093e\u0930)<\/li>\n <\/ul>\n <\/div>\n\n <!-- Part B -->\n <div class=\"bg-white rounded-xl shadow-md p-5 part-b hover:shadow-xl transition-shadow duration-300\">\n <div class=\"flex justify-between items-start mb-3\">\n <h3 class=\"text-xl font-bold text-blue-600\">\u092d\u093e\u0917 B (Part B)<\/h3>\n <span class=\"bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded\">9 \u0930\u093e\u091c\u094d\u092f<\/span>\n <\/div>\n <ul class=\"space-y-2 text-sm\">\n <li><i class=\"fas fa-crown text-blue-400 w-5\"><\/i> <strong>\u0936\u093e\u0938\u0928:<\/strong> \u0935\u093f\u0927\u093e\u0928\u092e\u0902\u0921\u0932 + \u0936\u093e\u0939\u0940 \u0936\u093e\u0938\u0928<\/li>\n <li><i class=\"fas fa-map-marked-alt text-blue-400 w-5\"><\/i> <strong>MP \u0915\u093e \u0938\u0902\u092c\u0902\u0927:<\/strong> \u092e\u0927\u094d\u092f\u092d\u093e\u0930\u0924<\/li>\n <\/ul>\n <\/div>\n\n <!-- Part C -->\n <div class=\"bg-white rounded-xl shadow-md p-5 part-c hover:shadow-xl transition-shadow duration-300\">\n <div class=\"flex justify-between items-start mb-3\">\n <h3 class=\"text-xl font-bold text-green-600\">\u092d\u093e\u0917 C (Part C)<\/h3>\n <span class=\"bg-green-100 text-green-800 text-xs font-semibold px-2.5 py-0.5 rounded\">10 \u0930\u093e\u091c\u094d\u092f<\/span>\n <\/div>\n <ul class=\"space-y-2 text-sm\">\n <li><i class=\"fas fa-user-tie text-green-400 w-5\"><\/i> <strong>\u0936\u093e\u0938\u0928:<\/strong> \u092c\u094d\u0930\u093f\u091f\u093f\u0936 \u092d\u093e\u0930\u0924 \u0915\u0947 \u0906\u092f\u0941\u0915\u094d\u0924<\/li>\n <li><i class=\"fas fa-map-marked-alt text-green-400 w-5\"><\/i> <strong>MP \u0915\u093e \u0938\u0902\u092c\u0902\u0927:<\/strong> \u0935\u093f\u0902\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0924\u0925\u093e \u092d\u094b\u092a\u093e\u0932<\/li>\n <\/ul>\n <\/div>\n\n <!-- Part D -->\n <div class=\"bg-white rounded-xl shadow-md p-5 part-d hover:shadow-xl transition-shadow duration-300\">\n <div class=\"flex justify-between items-start mb-3\">\n <h3 class=\"text-xl font-bold text-purple-600\">\u092d\u093e\u0917 D (Part D)<\/h3>\n <span class=\"bg-purple-100 text-purple-800 text-xs font-semibold px-2.5 py-0.5 rounded\">1 \u0930\u093e\u091c\u094d\u092f<\/span>\n <\/div>\n <ul class=\"space-y-2 text-sm\">\n <li><i class=\"fas fa-building-columns text-purple-400 w-5\"><\/i> <strong>\u0936\u093e\u0938\u0928:<\/strong> \u0915\u0947\u0928\u094d\u0926\u094d\u0930\u0940\u0915\u0943\u0924 \u0936\u093e\u0938\u0928<\/li>\n <li><i class=\"fas fa-map-pin text-purple-400 w-5\"><\/i> <strong>\u0930\u093e\u091c\u094d\u092f:<\/strong> \u0905\u0902\u0921\u092e\u093e\u0928 \u0914\u0930 \u0928\u093f\u0915\u094b\u092c\u093e\u0930<\/li>\n <li><i class=\"fas fa-ban text-purple-400 w-5\"><\/i> <strong>MP \u0915\u093e \u0938\u0902\u092c\u0902\u0927:<\/strong> \u0915\u094b\u0908 \u0928\u0939\u0940\u0902<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Detailed Section: CP & Berar (Part A) -->\n <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden\">\n <div class=\"bg-red-600 p-4 text-white flex items-center\">\n <i class=\"fas fa-history text-2xl mr-3\"><\/i>\n <h2 class=\"text-2xl font-bold\">\u092a\u0942\u0930\u094d\u0935 MP \/ CP & \u092c\u0930\u093e\u0930 (\u092d\u093e\u0917-A)<\/h2>\n <\/div>\n <div class=\"p-6 grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\n \n <!-- Timeline -->\n <div class=\"relative pl-8 md:pl-0\">\n <div class=\"hidden md:block timeline-line\"><\/div>\n \n <!-- Event 1 -->\n <div class=\"mb-8 flex flex-col md:flex-row items-center justify-between w-full relative z-10\">\n <div class=\"order-1 md:w-5\/12 text-left md:text-right px-4 mb-2 md:mb-0\">\n <h4 class=\"font-bold text-lg text-red-600\">11 \u0926\u093f\u0938\u0902\u092c\u0930 1853<\/h4>\n <p class=\"text-sm text-gray-600\">\u0928\u093e\u0917\u092a\u0941\u0930 \u0915\u093e \u0935\u093f\u0932\u092f<\/p>\n <\/div>\n <div class=\"z-20 flex items-center order-1 bg-red-500 shadow-xl w-8 h-8 rounded-full absolute left-[-18px] md:left-1\/2 md:transform md:-translate-x-1\/2 justify-center text-white text-xs\">\n <i class=\"fas fa-flag\"><\/i>\n <\/div>\n <div class=\"order-1 md:w-5\/12 px-4 bg-red-50 rounded-lg p-3 shadow-sm border-l-4 border-red-500\">\n \u0905\u0902\u0917\u094d\u0930\u0947\u091c\u094b\u0902 \u0926\u094d\u0935\u093e\u0930\u093e \u0928\u093e\u0917\u092a\u0941\u0930 \u0915\u094b \u0905\u092a\u0928\u0947 \u0905\u0927\u0940\u0928 \u0915\u0930 \u0926\u0915\u094d\u0937\u093f\u0923-\u092a\u0942\u0930\u094d\u0935\u0940 \u092d\u093e\u0917 \u092a\u0930 \u0905\u0927\u093f\u0915\u093e\u0930 \u0915\u093f\u092f\u093e \u0917\u092f\u093e\u0964\n <\/div>\n <\/div>\n\n <!-- Event 2 -->\n <div class=\"mb-8 flex flex-col md:flex-row items-center justify-between w-full relative z-10\">\n <div class=\"order-1 md:w-5\/12 md:order-last text-left px-4 mb-2 md:mb-0\">\n <h4 class=\"font-bold text-lg text-red-600\">02 \u0928\u0935\u0902\u092c\u0930 1861<\/h4>\n <p class=\"text-sm text-gray-600\">CP \u0915\u0940 \u0938\u094d\u0925\u093e\u092a\u0928\u093e<\/p>\n <\/div>\n <div class=\"z-20 flex items-center order-1 bg-red-500 shadow-xl w-8 h-8 rounded-full absolute left-[-18px] md:left-1\/2 md:transform md:-translate-x-1\/2 justify-center text-white text-xs\">\n <i class=\"fas fa-map\"><\/i>\n <\/div>\n <div class=\"order-1 md:w-5\/12 md:order-first text-left md:text-right px-4 bg-red-50 rounded-lg p-3 shadow-sm border-r-4 border-red-500\">\n \u092a\u0947\u0936\u0935\u093e, \u0938\u093f\u0902\u0927\u093f\u092f\u093e \u0914\u0930 \u092d\u094b\u0938\u0932\u0947 \u0915\u0947 \u092e\u0939\u093e\u0915\u094c\u0936\u0932 \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u0915\u094b \u092e\u093f\u0932\u093e\u0915\u0930 ‘Central Provinces’ \u092c\u0928\u093e\u0964\n <\/div>\n <\/div>\n\n <!-- Event 3 -->\n <div class=\"flex flex-col md:flex-row items-center justify-between w-full relative z-10\">\n <div class=\"order-1 md:w-5\/12 text-left md:text-right px-4 mb-2 md:mb-0\">\n <h4 class=\"font-bold text-lg text-red-600\">24 \u0905\u0915\u094d\u091f\u0942\u092c\u0930 1936<\/h4>\n <p class=\"text-sm text-gray-600\">CP & \u092c\u0930\u093e\u0930<\/p>\n <\/div>\n <div class=\"z-20 flex items-center order-1 bg-red-500 shadow-xl w-8 h-8 rounded-full absolute left-[-18px] md:left-1\/2 md:transform md:-translate-x-1\/2 justify-center text-white text-xs\">\n <i class=\"fas fa-plus\"><\/i>\n <\/div>\n <div class=\"order-1 md:w-5\/12 px-4 bg-red-50 rounded-lg p-3 shadow-sm border-l-4 border-red-500\">\n ‘\u092c\u0930\u093e\u0930’ \u0915\u094b \u0936\u093e\u092e\u093f\u0932 \u0915\u093f\u092f\u093e \u0917\u092f\u093e\u0964 1947 \u092e\u0947\u0902 \u092a\u0902. \u0928\u0947\u0939\u0930\u0942 \u0928\u0947 \u0907\u0938\u0947 ‘\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936’ \u0928\u093e\u092e \u0926\u093f\u092f\u093e\u0964\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Info Box -->\n <div class=\"bg-gray-50 rounded-xl p-6 border border-gray-200\">\n <h3 class=\"text-xl font-bold text-gray-800 mb-4 border-b pb-2\">\u092e\u0941\u0916\u094d\u092f \u0924\u0925\u094d\u092f<\/h3>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\">\n <div class=\"bg-white p-2 rounded shadow mr-3 text-red-500\"><i class=\"fas fa-map-marked\"><\/i><\/div>\n <div>\n <span class=\"block font-bold text-gray-700\">\u092a\u094d\u0930\u092e\u0941\u0916 \u0915\u094d\u0937\u0947\u0924\u094d\u0930<\/span>\n <span class=\"text-sm text-gray-600\">\u091b\u0924\u094d\u0924\u0940\u0938\u0917\u0922\u093c, \u0935\u093f\u0926\u0930\u094d\u092d, \u092e\u0939\u093e\u0915\u094c\u0936\u0932 (\u0915\u0941\u0932 15 \u0930\u093f\u092f\u093e\u0938\u0924\u0947\u0902)<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-white p-2 rounded shadow mr-3 text-red-500\"><i class=\"fas fa-city\"><\/i><\/div>\n <div>\n <span class=\"block font-bold text-gray-700\">\u0930\u093e\u091c\u0927\u093e\u0928\u0940<\/span>\n <span class=\"text-sm text-gray-600\">\u0928\u093e\u0917\u092a\u0941\u0930<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-white p-2 rounded shadow mr-3 text-red-500\"><i class=\"fas fa-user-tie\"><\/i><\/div>\n <div>\n <span class=\"block font-bold text-gray-700\">\u092e\u0941\u0916\u094d\u092f\u092e\u0902\u0924\u094d\u0930\u0940 (1956 \u0924\u0915)<\/span>\n <span class=\"text-sm text-gray-600\">\u092a\u0902. \u0930\u0935\u093f\u0936\u0902\u0915\u0930 \u0936\u0941\u0915\u094d\u0932<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-white p-2 rounded shadow mr-3 text-red-500\"><i class=\"fas fa-info-circle\"><\/i><\/div>\n <div>\n <span class=\"block font-bold text-gray-700\">\u0935\u093f\u0936\u0947\u0937 \u0928\u094b\u091f<\/span>\n <span class=\"text-sm text-gray-600\">\u090f\u0915\u092e\u093e\u0924\u094d\u0930 \u0930\u093f\u092f\u093e\u0938\u0924 \u091c\u094b \u0935\u0930\u094d\u0924\u092e\u093e\u0928 MP \u092e\u0947\u0902 \u0939\u0948: <strong>\u092e\u0915\u0921\u093c\u093e\u0908 (\u0939\u0930\u0926\u093e)<\/strong><\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Detailed Section: Madhya Bharat (Part B) -->\n <div class=\"grid grid-cols-1 md:grid-cols-12 gap-6\">\n <div class=\"md:col-span-12 bg-white rounded-2xl shadow-xl overflow-hidden border-t-8 border-blue-500\">\n <div class=\"p-6 md:p-8\">\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-center mb-6\">\n <div>\n <span class=\"bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full uppercase tracking-wide font-bold\">Part B<\/span>\n <h2 class=\"text-3xl font-bold text-gray-900 mt-2\">\u092e\u0927\u094d\u092f\u092d\u093e\u0930\u0924 (Madhya Bharat)<\/h2>\n <p class=\"text-gray-500\">\u0909\u0926\u094d\u0918\u093e\u091f\u0928: 28 \u092e\u0908 1948 (\u092a\u0902\u0921\u093f\u0924 \u0928\u0947\u0939\u0930\u0942 \u0926\u094d\u0935\u093e\u0930\u093e)<\/p>\n <\/div>\n <div class=\"mt-4 md:mt-0 bg-blue-50 p-3 rounded-lg text-center\">\n <div class=\"text-3xl font-black text-blue-600\">26<\/div>\n <div class=\"text-xs text-blue-800 font-bold uppercase\">\u0930\u093f\u092f\u093e\u0938\u0924\u0947\u0902<\/div>\n <\/div>\n <\/div>\n\n <!-- Capitals Split -->\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-8\">\n <div class=\"bg-gradient-to-br from-yellow-50 to-orange-50 p-4 rounded-xl border border-yellow-100 flex items-center\">\n <div class=\"w-12 h-12 bg-white rounded-full flex items-center justify-center text-yellow-500 shadow mr-4\">\n <i class=\"fas fa-sun text-xl\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-gray-800\">\u0907\u0902\u0926\u094c\u0930 (\u0917\u094d\u0930\u0940\u0937\u094d\u092e\u0915\u093e\u0932\u0940\u0928)<\/h4>\n <p class=\"text-sm text-gray-600\">\u0905\u0935\u0927\u093f: 5\u00bd \u092e\u093e\u0939<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-gradient-to-br from-blue-50 to-indigo-50 p-4 rounded-xl border border-blue-100 flex items-center\">\n <div class=\"w-12 h-12 bg-white rounded-full flex items-center justify-center text-blue-500 shadow mr-4\">\n <i class=\"fas fa-snowflake text-xl\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-gray-800\">\u0917\u094d\u0935\u093e\u0932\u093f\u092f\u0930 (\u0936\u0940\u0924\u0915\u093e\u0932\u0940\u0928)<\/h4>\n <p class=\"text-sm text-gray-600\">\u0905\u0935\u0927\u093f: 6\u00bd \u092e\u093e\u0939<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Leadership Grid -->\n <h3 class=\"text-lg font-bold text-gray-800 mb-4 flex items-center\"><i class=\"fas fa-users mr-2 text-blue-500\"><\/i> \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u090f\u0935\u0902 \u092a\u094d\u0930\u0936\u093e\u0938\u0928<\/h3>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n <div class=\"bg-gray-50 p-3 rounded-lg\">\n <span class=\"text-xs text-gray-500 uppercase font-bold block mb-1\">\u0930\u093e\u091c\u092a\u094d\u0930\u092e\u0941\u0916<\/span>\n <span class=\"font-semibold text-gray-800\">\u091c\u0940\u0935\u093e\u091c\u0940 \u0930\u093e\u0935<\/span>\n <\/div>\n <div class=\"bg-gray-50 p-3 rounded-lg\">\n <span class=\"text-xs text-gray-500 uppercase font-bold block mb-1\">\u0909\u092a\u0930\u093e\u091c \u092a\u094d\u0930\u092e\u0941\u0916<\/span>\n <span class=\"font-semibold text-gray-800\">\u092f\u0936\u0935\u0902\u0924 \u0930\u093e\u0935-II<\/span>\n <\/div>\n <div class=\"bg-gray-50 p-3 rounded-lg\">\n <span class=\"text-xs text-gray-500 uppercase font-bold block mb-1\">\u0935\u093f\u0927\u093e\u0928\u0938\u092d\u093e \u0905\u0927\u094d\u092f\u0915\u094d\u0937<\/span>\n <span class=\"font-semibold text-gray-800\">\u0905\u0928\u0902\u0924 \u0938\u0926\u093e\u0936\u093f\u0935 \u092a\u091f\u0935\u0930\u094d\u0927\u0928<\/span>\n <\/div>\n <div class=\"bg-gray-50 p-3 rounded-lg\">\n <span class=\"text-xs text-gray-500 uppercase font-bold block mb-1\">\u0909\u092a\u093e\u0927\u094d\u092f\u0915\u094d\u0937<\/span>\n <span class=\"font-semibold text-gray-800\">\u0935\u093f\u0937\u094d\u0923\u0941 \u0935\u093f\u0928\u093e\u092f\u0915 \u0938\u0930\u0935\u091f\u0947<\/span>\n <\/div>\n <\/div>\n \n <div class=\"mt-4 bg-blue-50 p-4 rounded-lg\">\n <span class=\"text-xs text-blue-600 uppercase font-bold block mb-2\">\u092e\u0941\u0916\u094d\u092f\u092e\u0902\u0924\u094d\u0930\u093f\u092f\u094b\u0902 \u0915\u093e \u0915\u094d\u0930\u092e<\/span>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"bg-white px-3 py-1 rounded shadow-sm text-sm border border-blue-100\">1. \u0932\u0940\u0932\u093e\u0927\u0930 \u091c\u094b\u0936\u0940<\/span>\n <span class=\"text-blue-300\">\u2192<\/span>\n <span class=\"bg-white px-3 py-1 rounded shadow-sm text-sm border border-blue-100\">2. \u0917\u094b\u092a\u0940\u0915\u0943\u0937\u094d\u0923 \u0935\u093f\u091c\u092f\u0935\u0930\u094d\u0917\u0940\u092f<\/span>\n <span class=\"text-blue-300\">\u2192<\/span>\n <span class=\"bg-white px-3 py-1 rounded shadow-sm text-sm border border-blue-100\">3. \u092e\u093f\u0936\u094d\u0930\u0940\u0932\u093e\u0932 \u0917\u0902\u0917\u0935\u093e\u0932<\/span>\n <span class=\"text-blue-300\">\u2192<\/span>\n <span class=\"bg-white px-3 py-1 rounded shadow-sm text-sm border border-blue-100 font-bold\">4. \u0924\u0916\u0924\u092e\u0932 \u091c\u0948\u0928 (\u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 \u0915\u0947 \u0938\u092e\u092f)<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Detailed Section: Vindhya Pradesh (Part C) -->\n <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden relative\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-green-100 rounded-bl-full opacity-50 z-0\"><\/div>\n <div class=\"p-6 md:p-8 relative z-10\">\n <div class=\"flex items-center mb-6\">\n <div class=\"bg-green-100 p-3 rounded-full text-green-600 mr-4\">\n <i class=\"fas fa-tree text-2xl\"><\/i>\n <\/div>\n <div>\n <h2 class=\"text-3xl font-bold text-gray-900\">\u0935\u093f\u0902\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 (Part C)<\/h2>\n <p class=\"text-green-600 font-medium\">\u092c\u0941\u0902\u0926\u0947\u0932\u0916\u0902\u0921 + \u092c\u0918\u0947\u0932\u0916\u0923\u094d\u0921 (38 \u0930\u093f\u092f\u093e\u0938\u0924\u0947\u0902)<\/p>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n <!-- Left: Formation Info -->\n <div class=\"space-y-4\">\n <div class=\"bg-green-50 rounded-xl p-5 border border-green-100\">\n <h3 class=\"font-bold text-lg mb-3 text-green-800\">\u0917\u0920\u0928 \u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e<\/h3>\n <ul class=\"space-y-3 text-sm text-gray-700\">\n <li class=\"flex\"><i class=\"fas fa-check-circle text-green-500 mt-1 mr-2\"><\/i> <span><strong>04 \u0905\u092a\u094d\u0930\u0948\u0932 1948:<\/strong> \u0917\u0920\u0928 (\u0909\u0926\u094d\u0918\u093e\u091f\u0928: N.V. \u0917\u093e\u0921\u0917\u093f\u0932)<\/span><\/li>\n <li class=\"flex\"><i class=\"fas fa-check-circle text-green-500 mt-1 mr-2\"><\/i> <span><strong>\u091c\u0941\u0932\u093e\u0908 1948:<\/strong> \u0926\u094b\u0928\u094b\u0902 \u0938\u0930\u0915\u093e\u0930\u094b\u0902 (\u092c\u0941\u0902\u0926\u0947\u0932\u0916\u0902\u0921\/\u092c\u0918\u0947\u0932\u0916\u0923\u094d\u0921) \u0915\u093e \u090f\u0915\u0940\u0915\u0930\u0923\u0964<\/span><\/li>\n <li class=\"flex\"><i class=\"fas fa-check-circle text-green-500 mt-1 mr-2\"><\/i> <span><strong>\u0928\u094b\u091f:<\/strong> \u092a\u094d\u0930\u093e\u0930\u0902\u092d \u092e\u0947\u0902 B \u0936\u094d\u0930\u0947\u0923\u0940, \u092c\u093e\u0926 \u092e\u0947\u0902 C \u0936\u094d\u0930\u0947\u0923\u0940 \u0915\u093e \u0926\u0930\u094d\u091c\u093e\u0964<\/span><\/li>\n <li class=\"flex\"><i class=\"fas fa-check-circle text-green-500 mt-1 mr-2\"><\/i> <span><strong>\u0935\u093f\u0932\u092f:<\/strong> 01 \u0928\u0935\u0902\u092c\u0930 1956<\/span><\/li>\n <\/ul>\n <\/div>\n \n <!-- Stats Row -->\n <div class=\"grid grid-cols-3 gap-3\">\n <div class=\"text-center p-3 bg-gray-100 rounded-lg\">\n <span class=\"block text-2xl font-bold text-gray-700\">38<\/span>\n <span class=\"text-xs text-gray-500\">\u0930\u093f\u092f\u093e\u0938\u0924\u0947\u0902<\/span>\n <\/div>\n <div class=\"text-center p-3 bg-gray-100 rounded-lg\">\n <span class=\"block text-2xl font-bold text-gray-700\">08<\/span>\n <span class=\"text-xs text-gray-500\">\u091c\u093f\u0932\u0947<\/span>\n <\/div>\n <div class=\"text-center p-3 bg-gray-100 rounded-lg\">\n <span class=\"block text-2xl font-bold text-gray-700\">60<\/span>\n <span class=\"text-xs text-gray-500\">\u0938\u0940\u091f\u0947\u0902<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Right: Key Persons -->\n <div class=\"space-y-4\">\n <h3 class=\"font-bold text-lg mb-2 text-gray-800\">\u092a\u094d\u0930\u092e\u0941\u0916 \u0935\u094d\u092f\u0915\u094d\u0924\u093f\u0924\u094d\u0935<\/h3>\n \n <!-- Raja Martand Singh -->\n <div class=\"flex items-center bg-white p-3 rounded-lg shadow-sm border border-gray-100\">\n <div class=\"h-10 w-10 rounded-full bg-green-100 flex items-center justify-center text-green-600 font-bold mr-3\">M<\/div>\n <div>\n <p class=\"font-bold text-gray-800\">\u092e\u093e\u0930\u094d\u0924\u0902\u0921 \u0938\u093f\u0902\u0939 (\u0930\u0940\u0935\u093e \u0915\u0947 \u0930\u093e\u091c\u093e)<\/p>\n <p class=\"text-xs text-gray-500\">\u092a\u094d\u0930\u0925\u092e \u0930\u093e\u091c\u092a\u094d\u0930\u092e\u0941\u0916<\/p>\n <\/div>\n <\/div>\n\n <!-- Avadhesh Pratap Singh -->\n <div class=\"flex items-center bg-white p-3 rounded-lg shadow-sm border border-gray-100\">\n <div class=\"h-10 w-10 rounded-full bg-orange-100 flex items-center justify-center text-orange-600 font-bold mr-3\">A<\/div>\n <div>\n <p class=\"font-bold text-gray-800\">\u0905\u0935\u0927\u0947\u0936 \u092a\u094d\u0930\u0924\u093e\u092a \u0938\u093f\u0902\u0939<\/p>\n <p class=\"text-xs text-gray-500\">\u092c\u0918\u0947\u0932\u0916\u0923\u094d\u0921 \u092e\u0902\u0924\u094d\u0930\u093f\u092e\u0902\u0921\u0932 \u092a\u094d\u0930\u092e\u0941\u0916 \/ \u090f\u0915\u0940\u0915\u0943\u0924 \u092e\u0941\u0916\u094d\u092f\u092e\u0902\u0924\u094d\u0930\u0940<\/p>\n <\/div>\n <\/div>\n\n <!-- Kamta Prasad Saxena -->\n <div class=\"flex items-center bg-white p-3 rounded-lg shadow-sm border border-gray-100\">\n <div class=\"h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 font-bold mr-3\">K<\/div>\n <div>\n <p class=\"font-bold text-gray-800\">\u0915\u093e\u092e\u0924\u093e \u092a\u094d\u0930\u0938\u093e\u0926 \u0938\u0915\u094d\u0938\u0947\u0928\u093e<\/p>\n <p class=\"text-xs text-gray-500\">\u092c\u0941\u0902\u0926\u0947\u0932\u0916\u0902\u0921 \u092e\u0902\u0924\u094d\u0930\u093f\u092e\u0902\u0921\u0932 \u092a\u094d\u0930\u092e\u0941\u0916<\/p>\n <\/div>\n <\/div>\n\n <!-- Shambhunath Shukla -->\n <div class=\"flex items-center bg-green-50 p-3 rounded-lg shadow-sm border border-green-200\">\n <div class=\"h-10 w-10 rounded-full bg-green-600 flex items-center justify-center text-white font-bold mr-3\">S<\/div>\n <div>\n <p class=\"font-bold text-gray-800\">\u092a\u0902\u0921\u093f\u0924 \u0936\u0902\u092d\u0941\u0928\u093e\u0925 \u0936\u0941\u0915\u094d\u0932<\/p>\n <p class=\"text-xs text-green-700 font-semibold\">1952 \u091a\u0941\u0928\u093e\u0935 \u0915\u0947 \u092c\u093e\u0926 \u092e\u0941\u0916\u094d\u092f\u092e\u0902\u0924\u094d\u0930\u0940<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-6 border-t pt-4 flex flex-col md:flex-row justify-between text-sm text-gray-600\">\n <div><strong>\u0930\u093e\u091c\u0927\u093e\u0928\u0940:<\/strong> \u0930\u0940\u0935\u093e<\/div>\n <div><strong>\u0935\u093f\u0927\u093e\u0928\u0938\u092d\u093e \u0905\u0927\u094d\u092f\u0915\u094d\u0937:<\/strong> \u0936\u094d\u0930\u0940 \u0936\u093f\u0935\u093e\u0928\u0902\u0926<\/div>\n <div><strong>\u0909\u092a\u093e\u0927\u094d\u092f\u0915\u094d\u0937:<\/strong> \u0936\u094d\u0930\u0940 \u0936\u094d\u092f\u093e\u092e \u0938\u0941\u0902\u0926\u0930<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Script for Charts -->\n <script>\n const ctx = document.getElementById('statesChart').getContext('2d');\n const statesChart = new Chart(ctx, {\n type: 'doughnut',\n data: {\n labels: ['\u092d\u093e\u0917 A (9)', '\u092d\u093e\u0917 B (9)', '\u092d\u093e\u0917 C (10)', '\u092d\u093e\u0917 D (1)'],\n datasets: [{\n label: '\u0930\u093e\u091c\u094d\u092f\u094b\u0902 \u0915\u0940 \u0938\u0902\u0916\u094d\u092f\u093e',\n data: [9, 9, 10, 1],\n backgroundColor: [\n '#ef4444', \/\/ Red for A\n '#3b82f6', \/\/ Blue for B\n '#22c55e', \/\/ Green for C\n '#a855f7' \/\/ Purple for D\n ],\n borderWidth: 0,\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: {\n font: {\n family: \"'Noto Sans Devanagari', sans-serif\"\n },\n boxWidth: 12\n }\n }\n },\n cutout: '65%'\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"hi\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u092d\u094b\u092a\u093e\u0932 \u0914\u0930 \u0930\u093e\u091c\u094d\u092f \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&family=Yantramanav:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Yantramanav', sans-serif;\n background-color: #f3f4f6;\n color: #333;\n }\n .heading-font {\n font-family: 'Poppins', sans-serif;\n }\n .gradient-bg {\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\n }\n .card-hover:hover {\n transform: translateY(-5px);\n transition: all 0.3s ease;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n }\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #f1f1f1;\n }\n ::-webkit-scrollbar-thumb {\n background: #3b82f6;\n border-radius: 4px;\n }\n <\/style>\n<\/head>\n<body class=\"pb-10\">\n\n <!-- Hero Section -->\n <header class=\"gradient-bg text-white p-8 md:p-12 rounded-b-3xl shadow-lg mb-8 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 opacity-10\">\n <i class=\"fas fa-landmark fa-10x transform translate-x-10 -translate-y-10\"><\/i>\n <\/div>\n <div class=\"max-w-6xl mx-auto relative z-10\">\n <span class=\"bg-yellow-400 text-blue-900 px-3 py-1 rounded-full text-sm font-bold tracking-wider mb-2 inline-block\">\u092d\u093e\u0917 C<\/span>\n <h1 class=\"text-4xl md:text-6xl font-bold mb-4 heading-font\">\u092d\u094b\u092a\u093e\u0932 \u0930\u093e\u091c\u094d\u092f<\/h1>\n <p class=\"text-xl opacity-90\">\u0907\u0924\u093f\u0939\u093e\u0938, \u0935\u093f\u0932\u092f \u0914\u0930 \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0938\u0902\u0930\u091a\u0928\u093e<\/p>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto px-4\">\n\n <!-- Section 1: History Timeline -->\n <section class=\"mb-12\">\n <h2 class=\"text-3xl font-bold text-gray-800 mb-6 border-l-4 border-blue-600 pl-4\">\u0910\u0924\u093f\u0939\u093e\u0938\u093f\u0915 \u092a\u0943\u0937\u094d\u0920\u092d\u0942\u092e\u093f<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n <!-- Card 1 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-md card-hover border-t-4 border-orange-500\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center text-orange-600 mr-4\">\n <i class=\"fas fa-crown text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-lg\">\u092a\u0930\u092e\u093e\u0930 \u0935\u0902\u0936<\/h3>\n <p class=\"text-sm text-gray-500\">\u0930\u093e\u091c\u093e \u092d\u094b\u091c (1010-1055 \u0908.)<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600\">\u092d\u094b\u092a\u093e\u0932 \u0915\u0940 \u092e\u0942\u0932 \u0938\u094d\u0925\u093e\u092a\u0928\u093e \u0930\u093e\u091c\u093e \u092d\u094b\u091c \u0926\u094d\u0935\u093e\u0930\u093e \u0915\u0940 \u0917\u0908 \u0925\u0940\u0964 \u092a\u094d\u0930\u093e\u091a\u0940\u0928 \u0928\u093e\u092e \u092d\u094b\u091c\u092a\u093e\u0932 \u0925\u093e\u0964<\/p>\n <\/div>\n\n <!-- Card 2 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-md card-hover border-t-4 border-green-600\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 bg-green-100 rounded-full flex items-center justify-center text-green-600 mr-4\">\n <i class=\"fas fa-city text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-lg\">\u0906\u0927\u0941\u0928\u093f\u0915 \u0938\u094d\u0925\u093e\u092a\u0928\u093e<\/h3>\n <p class=\"text-sm text-gray-500\">\u0926\u094b\u0938\u094d\u0924 \u092e\u094b\u0939\u092e\u094d\u092e\u0926 \u0916\u093e\u0928 (1723-24)<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600\">\u0905\u092b\u0917\u093e\u0928\u0940 \u0936\u093e\u0938\u0915 \u0926\u094b\u0938\u094d\u0924 \u092e\u094b\u0939\u092e\u094d\u092e\u0926 \u0916\u093e\u0928 \u0928\u0947 \u092d\u094b\u092a\u093e\u0932 \u0915\u094b \u0906\u0927\u0941\u0928\u093f\u0915 \u0930\u0942\u092a \u0938\u0947 \u092c\u0938\u093e\u092f\u093e\u0964<\/p>\n <\/div>\n\n <!-- Card 3 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-md card-hover border-t-4 border-indigo-600\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600 mr-4\">\n <i class=\"fas fa-file-signature text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-lg\">\u092d\u093e\u0930\u0924\u0940\u092f \u0935\u093f\u0932\u092f<\/h3>\n <p class=\"text-sm text-gray-500\">01 \u091c\u0942\u0928 1949<\/p>\n <\/div>\n <\/div>\n <p class=\"text-gray-600\">\u0928\u0935\u093e\u092c \u0939\u092e\u0940\u0926\u0941\u0932\u094d\u0932\u093e \u0916\u093e\u0901 \u0928\u0947 \u0935\u093f\u0932\u092f \u092a\u0924\u094d\u0930 \u092a\u0930 \u0939\u0938\u094d\u0924\u093e\u0915\u094d\u0937\u0930 \u0915\u0930 \u092d\u094b\u092a\u093e\u0932 \u0915\u094b ‘\u092d\u093e\u0930\u0924\u0940\u092f \u0938\u0902\u0918’ \u0915\u093e \u0939\u093f\u0938\u094d\u0938\u093e \u092c\u0928\u093e\u092f\u093e\u0964<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Section 2: Political Structure -->\n <section class=\"mb-12 bg-blue-50 p-8 rounded-3xl border border-blue-100\">\n <h2 class=\"text-3xl font-bold text-gray-800 mb-6 text-center\">\u092d\u094b\u092a\u093e\u0932: \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0938\u0902\u0930\u091a\u0928\u093e (1952)<\/h2>\n \n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-4\">\n <div class=\"bg-white p-4 rounded-xl shadow text-center transform hover:scale-105 transition-transform\">\n <div class=\"w-16 h-16 bg-blue-100 rounded-full mx-auto flex items-center justify-center text-blue-600 mb-3\">\n <i class=\"fas fa-user-tie text-2xl\"><\/i>\n <\/div>\n <p class=\"text-xs text-gray-500 uppercase tracking-wide\">\u092e\u0941\u0916\u094d\u092f\u092e\u0902\u0924\u094d\u0930\u0940<\/p>\n <h3 class=\"font-bold text-lg text-blue-800\">\u0936\u0902\u0915\u0930\u0926\u092f\u093e\u0932 \u0936\u0930\u094d\u092e\u093e<\/h3>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow text-center transform hover:scale-105 transition-transform\">\n <div class=\"w-16 h-16 bg-purple-100 rounded-full mx-auto flex items-center justify-center text-purple-600 mb-3\">\n <i class=\"fas fa-gavel text-2xl\"><\/i>\n <\/div>\n <p class=\"text-xs text-gray-500 uppercase tracking-wide\">\u0935\u093f\u0927\u093e\u0928\u0938\u092d\u093e \u0905\u0927\u094d\u092f\u0915\u094d\u0937<\/p>\n <h3 class=\"font-bold text-lg text-purple-800\">\u0938\u0941\u0932\u094d\u0924\u093e\u0928 \u092e\u094b. \u0916\u093e\u0901<\/h3>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow text-center transform hover:scale-105 transition-transform\">\n <div class=\"w-16 h-16 bg-pink-100 rounded-full mx-auto flex items-center justify-center text-pink-600 mb-3\">\n <i class=\"fas fa-users text-2xl\"><\/i>\n <\/div>\n <p class=\"text-xs text-gray-500 uppercase tracking-wide\">\u0909\u092a\u093e\u0927\u094d\u092f\u0915\u094d\u0937<\/p>\n <h3 class=\"font-bold text-lg text-pink-800\">\u0932\u0915\u094d\u0937\u094d\u092e\u0940\u0928\u093e\u0930\u093e\u092f\u0923 \u0905\u0917\u094d\u0930\u0935\u093e\u0932<\/h3>\n <\/div>\n\n <div class=\"bg-white p-4 rounded-xl shadow text-center transform hover:scale-105 transition-transform\">\n <div class=\"w-16 h-16 bg-yellow-100 rounded-full mx-auto flex items-center justify-center text-yellow-600 mb-3\">\n <i class=\"fas fa-briefcase text-2xl\"><\/i>\n <\/div>\n <p class=\"text-xs text-gray-500 uppercase tracking-wide\">\u0915\u092e\u093f\u0936\u094d\u0928\u0930<\/p>\n <h3 class=\"font-bold text-lg text-yellow-800\">N.B. \u092c\u0928\u0930\u094d\u091c\u0940<\/h3>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Divider with Graphic Context -->\n <div class=\"flex items-center justify-center my-12\">\n <div class=\"h-px bg-gray-300 w-full max-w-xs\"><\/div>\n <span class=\"px-4 text-gray-500 font-semibold bg-f3f4f6\">\u0930\u093e\u091c\u094d\u092f\u094b\u0902 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928<\/span>\n <div class=\"h-px bg-gray-300 w-full max-w-xs\"><\/div>\n <\/div>\n\n <!-- Section 3: Reorganization Context -->\n <section class=\"mb-12\">\n <div class=\"bg-white rounded-2xl shadow-lg overflow-hidden\">\n <div class=\"bg-gray-800 p-4 text-white flex justify-between items-center\">\n <h3 class=\"font-bold text-xl\">1950 \u0915\u0940 \u0938\u094d\u0925\u093f\u0924\u093f<\/h3>\n <i class=\"fas fa-map-marked-alt\"><\/i>\n <\/div>\n <div class=\"p-6\">\n <p class=\"mb-4 text-gray-600\">1950 \u092e\u0947\u0902 \u092d\u093e\u0930\u0924\u0940\u092f \u0938\u0902\u0918 \u0915\u0947 \u0930\u093e\u091c\u094d\u092f\u094b\u0902 \u0915\u094b 4 \u0936\u094d\u0930\u0947\u0923\u093f\u092f\u094b\u0902 \u092e\u0947\u0902 \u092c\u093e\u0902\u091f\u093e \u0917\u092f\u093e \u0925\u093e\u0964 \u0915\u0941\u0932 \u0938\u0902\u0916\u094d\u092f\u093e 29 \u0925\u0940\u0964<\/p>\n \n <!-- Visual Representation of A, B, C, D -->\n <div class=\"flex flex-wrap gap-4 justify-center\">\n <div class=\"flex-1 min-w-[150px] bg-red-50 border border-red-200 p-4 rounded-lg text-center\">\n <div class=\"text-2xl font-bold text-red-600 mb-1\">\u092d\u093e\u0917 A<\/div>\n <div class=\"text-xs text-gray-500\">\u092c\u094d\u0930\u093f\u091f\u093f\u0936 \u092d\u093e\u0930\u0924 \u0915\u0947 \u092a\u094d\u0930\u093e\u0902\u0924<\/div>\n <\/div>\n <div class=\"flex-1 min-w-[150px] bg-blue-50 border border-blue-200 p-4 rounded-lg text-center\">\n <div class=\"text-2xl font-bold text-blue-600 mb-1\">\u092d\u093e\u0917 B<\/div>\n <div class=\"text-xs text-gray-500\">\u0930\u093f\u092f\u093e\u0938\u0924\u0947\u0902 (\u0936\u093e\u0939\u0940 \u0936\u093e\u0938\u0928)<\/div>\n <\/div>\n <div class=\"flex-1 min-w-[150px] bg-yellow-50 border border-yellow-200 p-4 rounded-lg text-center ring-2 ring-yellow-400\">\n <div class=\"text-2xl font-bold text-yellow-600 mb-1\">\u092d\u093e\u0917 C<\/div>\n <div class=\"text-xs text-gray-500\">\u0915\u092e\u093f\u0936\u094d\u0928\u0930\u0940 \u0915\u094d\u0937\u0947\u0924\u094d\u0930 (\u092d\u094b\u092a\u093e\u0932)<\/div>\n <\/div>\n <div class=\"flex-1 min-w-[150px] bg-gray-50 border border-gray-200 p-4 rounded-lg text-center\">\n <div class=\"text-2xl font-bold text-gray-600 mb-1\">\u092d\u093e\u0917 D<\/div>\n <div class=\"text-xs text-gray-500\">\u0905\u0902\u0921\u092e\u093e\u0928 \u0935 \u0928\u093f\u0915\u094b\u092c\u093e\u0930<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Section 4: The Commissions (Vertical Flow) -->\n <h2 class=\"text-3xl font-bold text-gray-800 mb-8 border-l-4 border-red-500 pl-4\">\u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 \u0906\u092f\u094b\u0917 \u0914\u0930 \u0938\u092e\u093f\u0924\u093f\u092f\u093e\u0902<\/h2>\n \n <div class=\"space-y-8 relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-slate-300 before:to-transparent\">\n \n <!-- Dhar Commission -->\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-red-500 text-slate-500 group-[.is-active]:text-white shadow shrink-0 md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 z-10\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-6 rounded-xl shadow-md border-l-4 border-red-500\">\n <div class=\"flex justify-between items-start mb-2\">\n <h3 class=\"font-bold text-lg text-gray-800\">\u090f\u0938.\u0915\u0947. \u0927\u0930 \u0906\u092f\u094b\u0917<\/h3>\n <span class=\"text-xs font-bold bg-red-100 text-red-600 px-2 py-1 rounded\">\u091c\u0942\u0928 1948<\/span>\n <\/div>\n <ul class=\"text-sm text-gray-600 space-y-2 list-disc list-inside\">\n <li><strong>\u0905\u0927\u094d\u092f\u0915\u094d\u0937:<\/strong> \u0936\u094d\u092f\u093e\u092e\u0915\u0943\u0937\u094d\u0923 \u0927\u0930<\/li>\n <li><strong>\u0938\u093f\u092b\u093e\u0930\u093f\u0936:<\/strong> \u092d\u093e\u0937\u093e \u0928\u0939\u0940\u0902, \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0906\u0927\u093e\u0930 \u0939\u094b\u0928\u093e \u091a\u093e\u0939\u093f\u090f\u0964<\/li>\n <li><strong>\u092a\u0930\u093f\u0923\u093e\u092e:<\/strong> \u092d\u093e\u0930\u0940 \u091c\u0928 \u0905\u0938\u0902\u0924\u094b\u0937 \u092b\u0948\u0932\u093e\u0964<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- JVP Committee -->\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-blue-500 text-slate-500 group-[.is-active]:text-white shadow shrink-0 md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 z-10\">\n <i class=\"fas fa-handshake\"><\/i>\n <\/div>\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-6 rounded-xl shadow-md border-l-4 border-blue-500\">\n <div class=\"flex justify-between items-start mb-2\">\n <h3 class=\"font-bold text-lg text-gray-800\">JVP \u0938\u092e\u093f\u0924\u093f<\/h3>\n <span class=\"text-xs font-bold bg-blue-100 text-blue-600 px-2 py-1 rounded\">\u0926\u093f\u0938\u0902\u092c\u0930 1948<\/span>\n <\/div>\n <p class=\"text-xs text-gray-500 mb-2\">\u091c\u0935\u093e\u0939\u0930\u0932\u093e\u0932 \u0928\u0947\u0939\u0930\u0942, \u0935\u0932\u094d\u0932\u092d\u092d\u093e\u0908 \u092a\u091f\u0947\u0932, \u092a\u091f\u094d\u091f\u093e\u092d\u093f\u0938\u0940\u0924\u093e\u0930\u092e\u0948\u092f\u093e<\/p>\n <div class=\"bg-blue-50 p-3 rounded-lg text-sm border-l-2 border-blue-300\">\n <p class=\"mb-2\"><strong>\u0928\u093f\u0937\u094d\u0915\u0930\u094d\u0937:<\/strong> \u092d\u093e\u0937\u093e\u092f\u0940 \u0906\u0927\u093e\u0930 \u0905\u0938\u094d\u0935\u0940\u0915\u093e\u0930\u0964<\/p>\n <p class=\"text-red-600 font-semibold\"><i class=\"fas fa-fire mr-1\"><\/i> \u0935\u093f\u0930\u094b\u0927:<\/p>\n <p>\u092a\u094b\u091f\u094d\u091f\u093f \u0936\u094d\u0930\u0940\u0930\u093e\u092e\u0941\u0932\u0941 \u0915\u093e 56 \u0926\u093f\u0928 \u0915\u0940 \u0939\u095c\u0924\u093e\u0932 \u0915\u0947 \u092c\u093e\u0926 \u0928\u093f\u0927\u0928\u0964<\/p>\n <\/div>\n <div class=\"mt-2 text-green-700 text-sm font-bold bg-green-50 p-2 rounded\">\n <i class=\"fas fa-check-circle mr-1\"><\/i> \u092a\u0939\u0932\u093e \u0930\u093e\u091c\u094d\u092f: \u0906\u0902\u0927\u094d\u0930\u092a\u094d\u0930\u0926\u0947\u0936 (1 \u0905\u0915\u094d\u091f\u0942\u092c\u0930 1953)\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Fazal Ali Commission -->\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-green-500 text-slate-500 group-[.is-active]:text-white shadow shrink-0 md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 z-10\">\n <i class=\"fas fa-clipboard-check\"><\/i>\n <\/div>\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-6 rounded-xl shadow-md border-l-4 border-green-500\">\n <div class=\"flex justify-between items-start mb-2\">\n <h3 class=\"font-bold text-lg text-gray-800\">\u092b\u091c\u0932 \u0905\u0932\u0940 \u0906\u092f\u094b\u0917<\/h3>\n <span class=\"text-xs font-bold bg-green-100 text-green-600 px-2 py-1 rounded\">\u0926\u093f\u0938\u0902\u092c\u0930 1953<\/span>\n <\/div>\n <p class=\"text-sm text-gray-600 mb-2\"><strong>\u0938\u0926\u0938\u094d\u092f:<\/strong> K.M. \u092a\u0923\u093f\u0915\u094d\u0915\u0930, \u0939\u0943\u0926\u092f\u0928\u093e\u0925 \u0915\u0941\u0902\u091c\u0930\u0942<\/p>\n <div class=\"space-y-2 text-sm text-gray-700\">\n <p><i class=\"fas fa-times text-red-500 mr-2\"><\/i> ‘\u090f\u0915 \u0930\u093e\u091c\u094d\u092f – \u090f\u0915 \u092d\u093e\u0937\u093e’ \u0905\u0938\u094d\u0935\u0940\u0915\u093e\u0930\u0964<\/p>\n <p><i class=\"fas fa-check text-green-500 mr-2\"><\/i> \u092d\u093e\u0937\u093e \u0914\u0930 \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0938\u0941\u0935\u093f\u0927\u093e \u0926\u094b\u0928\u094b\u0902 \u0906\u0927\u093e\u0930\u0964<\/p>\n <p class=\"font-bold\">\u0905\u0928\u0941\u0936\u0902\u0938\u093e: 16 \u0930\u093e\u091c\u094d\u092f + 3 \u0915\u0947\u0902\u0926\u094d\u0930\u0936\u093e\u0938\u093f\u0924 \u092a\u094d\u0930\u0926\u0947\u0936<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Section 5: Final Result Box -->\n <section class=\"mt-16 mb-8\">\n <div class=\"bg-gradient-to-r from-gray-800 to-gray-900 text-white rounded-3xl p-8 shadow-2xl relative overflow-hidden\">\n <div class=\"absolute -right-10 -top-10 text-gray-700 opacity-20\">\n <i class=\"fas fa-constitution fa-10x\"><\/i>\n <\/div>\n \n <h2 class=\"text-2xl font-bold mb-4 text-yellow-400\">\u092a\u0930\u093f\u0923\u093e\u092e: \u0930\u093e\u091c\u094d\u092f \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 \u0905\u0927\u093f\u0928\u093f\u092f\u092e 1956<\/h2>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 relative z-10\">\n <div>\n <p class=\"mb-4 text-lg leading-relaxed\">\n 7\u0935\u093e\u0901 \u0938\u0902\u0935\u093f\u0927\u093e\u0928 \u0938\u0902\u0938\u094b\u0927\u0928 \u0905\u0927\u093f\u0928\u093f\u092f\u092e 1956 \u092a\u093e\u0930\u093f\u0924 \u0915\u093f\u092f\u093e \u0917\u092f\u093e\u0964 \u092d\u093e\u0917 A, B, C, D \u0915\u0940 \u0935\u094d\u092f\u0935\u0938\u094d\u0925\u093e \u0938\u092e\u093e\u092a\u094d\u0924 \u0915\u0940 \u0917\u0908\u0964\n <\/p>\n <div class=\"flex gap-4 mt-4\">\n <div class=\"bg-white\/10 p-4 rounded-xl text-center backdrop-blur-sm border border-white\/20\">\n <span class=\"block text-3xl font-bold text-green-400\">14<\/span>\n <span class=\"text-sm\">\u0930\u093e\u091c\u094d\u092f<\/span>\n <\/div>\n <div class=\"bg-white\/10 p-4 rounded-xl text-center backdrop-blur-sm border border-white\/20\">\n <span class=\"block text-3xl font-bold text-green-400\">06<\/span>\n <span class=\"text-sm\">\u0915\u0947\u0902\u0926\u094d\u0930\u0936\u093e\u0938\u093f\u0924 \u092a\u094d\u0930\u0926\u0947\u0936<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white\/10 p-5 rounded-xl border-l-4 border-yellow-400\">\n <h4 class=\"font-bold text-yellow-400 mb-2\"><i class=\"fas fa-star mr-2\"><\/i>MPPSC \u0935\u093f\u0936\u0947\u0937<\/h4>\n <p class=\"text-sm italic opacity-90\">\n “7\u0935\u0947\u0902 \u0938\u0902\u0935\u093f\u0927\u093e\u0928 \u0938\u0902\u0938\u094b\u0927\u0928 \u0905\u0927\u093f\u0928\u093f\u092f\u092e 1956 \u0926\u094d\u0935\u093e\u0930\u093e \u0938\u0902\u0935\u093f\u0927\u093e\u0928 \u0915\u093e \u092d\u093e\u0917 – 7 \u092d\u0940 \u0928\u093f\u0930\u0938\u093f\u0924 (Repealed) \u0915\u093f\u092f\u093e \u0917\u092f\u093e\u0964”\n <\/p>\n <div class=\"mt-4 pt-4 border-t border-white\/20\">\n <p class=\"text-sm font-semibold\">\u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u0917\u0920\u0928 \u0907\u0938\u0940 \u0905\u0927\u093f\u0928\u093f\u092f\u092e \u0915\u0947 \u0924\u0939\u0924 \u0939\u0941\u0906\u0964<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"hi\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Devanagari:wght@400;700&display=swap');\n body {\n font-family: 'Noto Sans Devanagari', sans-serif;\n background-color: #f0f4f8;\n color: #1a202c;\n }\n .gradient-header {\n background: linear-gradient(135deg, #ff9933 0%, #ffffff 50%, #128807 100%);\n }\n .card {\n background: white;\n border-radius: 1rem;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n transition: transform 0.3s ease;\n }\n .card:hover {\n transform: translateY(-5px);\n }\n .stat-bar {\n height: 12px;\n border-radius: 6px;\n background: #e2e8f0;\n overflow: hidden;\n }\n .stat-fill {\n height: 100%;\n transition: width 1s ease-in-out;\n }\n .map-container {\n position: relative;\n background: #eef2f7;\n border-radius: 1rem;\n padding: 20px;\n text-align: center;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n <!-- Header Section -->\n <div class=\"max-w-6xl mx-auto text-center mb-12 p-8 rounded-3xl gradient-header shadow-lg\">\n <h1 class=\"text-3xl md:text-5xl font-bold text-blue-900 mb-4\">\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928<\/h1>\n <p class=\"text-xl text-gray-800 font-semibold\">1 \u0928\u0935\u0902\u092c\u0930 1956: \u0939\u0943\u0926\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u0909\u0926\u092f<\/p>\n <div class=\"mt-4 inline-block bg-blue-100 text-blue-800 px-4 py-2 rounded-full font-bold\">\n \u0930\u093e\u091c\u094d\u092f \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 \u0906\u092f\u094b\u0917 1953 \u0915\u0940 \u0938\u093f\u092b\u093e\u0930\u093f\u0936 \u092a\u0930 \u0906\u0927\u093e\u0930\u093f\u0924\n <\/div>\n <\/div>\n\n <!-- Reorganization Changes Section -->\n <div class=\"max-auto max-w-6xl grid grid-cols-1 md:grid-cols-3 gap-6 mb-12\">\n <!-- Part A -->\n <div class=\"card p-6 border-t-4 border-orange-500\">\n <div class=\"flex items-center mb-4 text-orange-600\">\n <i class=\"fas fa-map-marked-alt text-3xl mr-3\"><\/i>\n <h2 class=\"text-xl font-bold\">\u092a\u093e\u0930\u094d\u091f A \u092e\u0947\u0902 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u0928<\/h2>\n <\/div>\n <p class=\"text-sm text-gray-600 mb-4\">\u092e\u0930\u093e\u0920\u0940 \u092d\u093e\u0937\u0940 8 \u091c\u093f\u0932\u094b\u0902 \u0915\u094b \u0924\u0924\u094d\u0915\u093e\u0932\u0940\u0928 \u092c\u0902\u092c\u0908 \u0930\u093e\u091c\u094d\u092f \u092e\u0947\u0902 \u092e\u093f\u0932\u093e\u092f\u093e \u0917\u092f\u093e\u0964<\/p>\n <ul class=\"space-y-1 text-sm font-medium grid grid-cols-2\">\n <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-orange-400 mr-2\"><\/i>\u092c\u0941\u0932\u094d\u0922\u093c\u093e\u0928\u093e<\/li>\n <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-orange-400 mr-2\"><\/i>\u092f\u0935\u0924\u092e\u093e\u0932<\/li>\n <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-orange-400 mr-2\"><\/i>\u0935\u0930\u094d\u0927\u093e<\/li>\n <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-orange-400 mr-2\"><\/i>\u091a\u093e\u0902\u0926\u093e<\/li>\n <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-orange-400 mr-2\"><\/i>\u0905\u0902\u0915\u094b\u0932\u093e<\/li>\n <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-orange-400 mr-2\"><\/i>\u092d\u0902\u0921\u093e\u0930\u093e<\/li>\n <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-orange-400 mr-2\"><\/i>\u0905\u092e\u0930\u093e\u0935\u0924\u0940<\/li>\n <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-orange-400 mr-2\"><\/i>\u0928\u093e\u0917\u092a\u0941\u0930<\/li>\n <\/ul>\n <\/div>\n\n <!-- Part B -->\n <div class=\"card p-6 border-t-4 border-blue-500\">\n <div class=\"flex items-center mb-4 text-blue-600\">\n <i class=\"fas fa-exchange-alt text-3xl mr-3\"><\/i>\n <h2 class=\"text-xl font-bold\">\u092a\u093e\u0930\u094d\u091f B \u092e\u0947\u0902 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u0928<\/h2>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"bg-blue-50 p-3 rounded-lg border-l-4 border-blue-400\">\n <p class=\"text-xs font-bold uppercase text-blue-500\">\u0917\u092f\u093e \u0930\u093e\u091c\u0938\u094d\u0925\u093e\u0928 \u092e\u0947\u0902<\/p>\n <p class=\"text-sm\">\u092e\u0902\u0926\u0938\u094c\u0930 \u0915\u0940 \u092d\u093e\u0928\u092a\u0941\u0930\u093e \u0924\u0939\u0938\u0940\u0932 \u0915\u093e <span class=\"font-bold text-blue-700\">‘\u0938\u0941\u0928\u0947\u0932 \u091f\u092a\u094d\u092a\u093e’<\/span><\/p>\n <\/div>\n <div class=\"bg-green-50 p-3 rounded-lg border-l-4 border-green-400\">\n <p class=\"text-xs font-bold uppercase text-green-500\">\u0906\u092f\u093e \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u092e\u0947\u0902<\/p>\n <p class=\"text-sm\">\u0915\u094b\u091f\u093e (\u0930\u093e\u091c\u0938\u094d\u0925\u093e\u0928) \u0915\u0940 <span class=\"font-bold text-green-700\">‘\u0938\u093f\u0930\u094b\u0902\u091c’<\/span> \u0924\u0939\u0938\u0940\u0932 \u0935\u093f\u0926\u093f\u0936\u093e \u092e\u0947\u0902<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Part C -->\n <div class=\"card p-6 border-t-4 border-green-500\">\n <div class=\"flex items-center mb-4 text-green-600\">\n <i class=\"fas fa-lock text-3xl mr-3\"><\/i>\n <h2 class=\"text-xl font-bold\">\u092a\u093e\u0930\u094d\u091f C (\u092d\u094b\u092a\u093e\u0932 \u0935 \u0935\u093f\u0902\u0927\u094d\u092f)<\/h2>\n <\/div>\n <div class=\"flex flex-col justify-center h-32 text-center bg-gray-50 rounded-xl\">\n <p class=\"text-xl font-bold text-gray-700\">\u0915\u094b\u0908 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u0928 \u0928\u0939\u0940\u0902<\/p>\n <p class=\"text-sm text-gray-500 italic\">\u092f\u0925\u093e\u0935\u0924 \u0930\u0916\u093e \u0917\u092f\u093e<\/p>\n <\/div>\n <p class=\"mt-4 text-xs text-center text-gray-400 font-semibold\">\u092a\u0902. \u0928\u0947\u0939\u0930\u0942 \u0915\u0947 \u0938\u0941\u091d\u093e\u0935 \u092a\u0930 ‘\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936’ \u0928\u093e\u092e\u0915\u0930\u0923 \u0939\u0941\u0906\u0964<\/p>\n <\/div>\n <\/div>\n\n <!-- Comparative Dashboard -->\n <div class=\"max-w-6xl mx-auto mb-12\">\n <h2 class=\"text-2xl font-bold text-center mb-8\"><i class=\"fas fa-chart-pie mr-2 text-indigo-600\"><\/i>\u0924\u0941\u0932\u0928\u093e\u0924\u094d\u092e\u0915 \u0935\u093f\u0936\u094d\u0932\u0947\u0937\u0923 (1956 \u092c\u0928\u093e\u092e \u0935\u0930\u094d\u0924\u092e\u093e\u0928)<\/h2>\n \n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n \n <!-- Statistical Card -->\n <div class=\"card p-6\">\n <h3 class=\"font-bold text-lg mb-6 border-b pb-2\">\u092d\u094c\u0917\u094b\u0932\u093f\u0915 \u090f\u0935\u0902 \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0938\u094d\u0925\u093f\u0924\u093f<\/h3>\n \n <!-- Area Graph -->\n <div class=\"mb-8\">\n <div class=\"flex justify-between mb-2\">\n <span class=\"text-sm font-bold\"><i class=\"fas fa-vector-square mr-2\"><\/i>\u0915\u094d\u0937\u0947\u0924\u094d\u0930\u092b\u0932 ($km^2$)<\/span>\n <span class=\"text-xs text-gray-500\">\u0915\u0941\u0932 \u0905\u0902\u0924\u0930: 135,194 $km^2$<\/span>\n <\/div>\n <div class=\"space-y-3\">\n <div>\n <div class=\"flex justify-between text-xs mb-1\"><span>\u0905\u0935\u093f\u092d\u093e\u091c\u093f\u0924 (1956)<\/span><span>443,446 $km^2$<\/span><\/div>\n <div class=\"stat-bar\"><div class=\"stat-fill bg-indigo-500\" style=\"width: 100%\"><\/div><\/div>\n <\/div>\n <div>\n <div class=\"flex justify-between text-xs mb-1\"><span>\u0935\u0930\u094d\u0924\u092e\u093e\u0928<\/span><span>308,252 $km^2$<\/span><\/div>\n <div class=\"stat-bar\"><div class=\"stat-fill bg-indigo-300\" style=\"width: 69.5%\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Districts & Divisions -->\n <div class=\"grid grid-cols-2 gap-4\">\n <div class=\"bg-indigo-50 p-4 rounded-xl text-center\">\n <i class=\"fas fa-city text-indigo-600 text-2xl mb-2\"><\/i>\n <p class=\"text-xs text-gray-500 uppercase font-bold\">\u091c\u093f\u0932\u0947 (1956)<\/p>\n <p class=\"text-2xl font-black text-indigo-900\">43<\/p>\n <\/div>\n <div class=\"bg-purple-50 p-4 rounded-xl text-center border-2 border-purple-200\">\n <i class=\"fas fa-city text-purple-600 text-2xl mb-2\"><\/i>\n <p class=\"text-xs text-gray-500 uppercase font-bold\">\u091c\u093f\u0932\u0947 (\u0935\u0930\u094d\u0924\u092e\u093e\u0928)<\/p>\n <p class=\"text-2xl font-black text-purple-900\">55<\/p>\n <\/div>\n <div class=\"bg-blue-50 p-4 rounded-xl text-center\">\n <i class=\"fas fa-layer-group text-blue-600 text-2xl mb-2\"><\/i>\n <p class=\"text-xs text-gray-500 uppercase font-bold\">\u0938\u0902\u092d\u093e\u0917 (1956)<\/p>\n <p class=\"text-2xl font-black text-blue-900\">08<\/p>\n <\/div>\n <div class=\"bg-teal-50 p-4 rounded-xl text-center border-2 border-teal-200\">\n <i class=\"fas fa-layer-group text-teal-600 text-2xl mb-2\"><\/i>\n <p class=\"text-xs text-gray-500 uppercase font-bold\">\u0938\u0902\u092d\u093e\u0917 (\u0935\u0930\u094d\u0924\u092e\u093e\u0928)<\/p>\n <p class=\"text-2xl font-black text-teal-900\">10<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Dimensions Card -->\n <div class=\"card p-6\">\n <h3 class=\"font-bold text-lg mb-6 border-b pb-2\">\u0935\u093f\u0938\u094d\u0924\u093e\u0930 \u090f\u0935\u0902 \u0932\u0902\u092c\u093e\u0908<\/h3>\n \n <div class=\"map-container\">\n <div class=\"flex flex-col md:flex-row justify-around items-center\">\n <!-- 1956 Dimensions -->\n <div class=\"text-center p-4\">\n <h4 class=\"text-xs font-bold text-gray-400 mb-4\">\u0905\u0935\u093f\u092d\u093e\u091c\u093f\u0924 \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936<\/h4>\n <div class=\"relative w-40 h-40 bg-gray-200 rounded-lg mx-auto flex items-center justify-center\">\n <span class=\"absolute top-0 text-[10px] font-bold\">\u0909\u0924\u094d\u0924\u0930-\u0926\u0915\u094d\u0937\u093f\u0923: 996 km<\/span>\n <span class=\"absolute left-0 -rotate-90 text-[10px] font-bold\">\u092a\u0942\u0930\u094d\u0935-\u092a\u0936\u094d\u091a\u093f\u092e: 1127 km<\/span>\n <i class=\"fas fa-expand-arrows-alt text-4xl text-gray-400\"><\/i>\n <\/div>\n <div class=\"mt-4 text-[11px] text-left space-y-1\">\n <p><strong>\u0905\u0915\u094d\u0937\u093e\u0902\u0936:<\/strong> $17^\\circ 46′ – 26^\\circ 30’$<\/p>\n <p><strong>\u0926\u0947\u0936\u093e\u0902\u0924\u0930:<\/strong> $74^\\circ 3′ – 84^\\circ 5’$<\/p>\n <\/div>\n <\/div>\n\n <!-- VS Divider -->\n <div class=\"font-black text-2xl text-indigo-200\">VS<\/div>\n\n <!-- Present Dimensions -->\n <div class=\"text-center p-4\">\n <h4 class=\"text-xs font-bold text-indigo-600 mb-4\">\u0935\u0930\u094d\u0924\u092e\u093e\u0928 \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936<\/h4>\n <div class=\"relative w-40 h-40 bg-indigo-100 rounded-lg mx-auto flex items-center justify-center border-2 border-indigo-300\">\n <span class=\"absolute top-0 text-[10px] font-bold text-indigo-700\">\u0909\u0924\u094d\u0924\u0930-\u0926\u0915\u094d\u0937\u093f\u0923: 605 km<\/span>\n <span class=\"absolute left-0 -rotate-90 text-[10px] font-bold text-indigo-700\">\u092a\u0942\u0930\u094d\u0935-\u092a\u0936\u094d\u091a\u093f\u092e: 870 km<\/span>\n <i class=\"fas fa-map-marker-alt text-4xl text-indigo-500\"><\/i>\n <\/div>\n <div class=\"mt-4 text-[11px] text-left space-y-1\">\n <p><strong>\u0905\u0915\u094d\u0937\u093e\u0902\u0936:<\/strong> $21^\\circ 6′ – 26^\\circ 36’$<\/p>\n <p><strong>\u0926\u0947\u0936\u093e\u0902\u0924\u0930:<\/strong> $74^\\circ 9′ – 82^\\circ 48’$<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-6 p-4 bg-yellow-50 rounded-lg border border-yellow-200\">\n <p class=\"text-xs text-yellow-800\"><i class=\"fas fa-info-circle mr-1\"><\/i> <b>\u092e\u0939\u0924\u094d\u0935\u092a\u0942\u0930\u094d\u0923 \u0924\u0925\u094d\u092f:<\/b> 31 \u0905\u0915\u094d\u091f\u0942\u092c\u0930 2000 \u0915\u094b \u091b\u0924\u094d\u0924\u0940\u0938\u0917\u0922\u093c \u0915\u0947 \u0905\u0932\u0917 \u0939\u094b\u0928\u0947 \u0915\u0947 \u092c\u093e\u0926 \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u0915\u094d\u0937\u0947\u0924\u094d\u0930\u092b\u0932 \u0914\u0930 \u0938\u094d\u0935\u0930\u0942\u092a \u0935\u0930\u094d\u0924\u092e\u093e\u0928 \u0938\u094d\u0925\u093f\u0924\u093f \u092e\u0947\u0902 \u0906\u092f\u093e\u0964<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- Evolution Timeline Summary -->\n <div class=\"max-w-6xl mx-auto grid grid-cols-2 md:grid-cols-4 gap-4 mb-8\">\n <div class=\"p-4 bg-white rounded-xl shadow text-center\">\n <span class=\"block text-2xl\">\ud83c\udfd7\ufe0f<\/span>\n <span class=\"block text-xs font-bold text-gray-500\">1956<\/span>\n <span class=\"block font-bold\">\u0917\u0920\u0928<\/span>\n <span class=\"text-sm\">43 \u091c\u093f\u0932\u0947<\/span>\n <\/div>\n <div class=\"p-4 bg-white rounded-xl shadow text-center\">\n <span class=\"block text-2xl\">\ud83d\udcc8<\/span>\n <span class=\"block text-xs font-bold text-gray-500\">\u0905\u0915\u094d\u091f\u0942\u092c\u0930 2000<\/span>\n <span class=\"block font-bold\">\u0936\u093f\u0916\u0930<\/span>\n <span class=\"text-sm\">61 \u091c\u093f\u0932\u0947<\/span>\n <\/div>\n <div class=\"p-4 bg-white rounded-xl shadow text-center border-2 border-red-100\">\n <span class=\"block text-2xl\">\u2702\ufe0f<\/span>\n <span class=\"block text-xs font-bold text-gray-500\">\u0928\u0935\u0902\u092c\u0930 2000<\/span>\n <span class=\"block font-bold\">\u0935\u093f\u092d\u093e\u091c\u0928<\/span>\n <span class=\"text-sm\">45 \u091c\u093f\u0932\u0947 \u0936\u0947\u0937<\/span>\n <\/div>\n <div class=\"p-4 bg-white rounded-xl shadow text-center border-2 border-green-100\">\n <span class=\"block text-2xl\">\ud83c\udfdb\ufe0f<\/span>\n <span class=\"block text-xs font-bold text-gray-500\">\u0926\u093f\u0938\u0902\u092c\u0930 2023<\/span>\n <span class=\"block font-bold\">\u0935\u0930\u094d\u0924\u092e\u093e\u0928<\/span>\n <span class=\"text-sm\">55 \u091c\u093f\u0932\u0947<\/span>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"hi\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u0906\u0902\u0924\u0930\u093f\u0915 \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lucide\/0.263.0\/lucide.min.js\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Hind:wght@300;400;500;600;700&display=swap');\n \n body {\n font-family: 'Hind', sans-serif;\n background-color: #f0f4f8;\n }\n\n .gradient-bg {\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\n }\n\n .card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n }\n\n .timeline-dot {\n width: 16px;\n height: 16px;\n background-color: #3b82f6;\n border-radius: 50%;\n position: absolute;\n left: -8px;\n top: 24px;\n border: 4px solid white;\n }\n\n .stat-badge {\n background: rgba(59, 130, 246, 0.1);\n color: #1d4ed8;\n padding: 4px 12px;\n border-radius: 9999px;\n font-weight: 600;\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n <!-- Hero Section -->\n <header class=\"gradient-bg text-white py-12 px-6 shadow-lg\">\n <div class=\"max-w-5xl mx-auto flex flex-col md:flex-row items-center justify-between\">\n <div class=\"text-center md:text-left\">\n <h1 class=\"text-4xl md:text-5xl font-bold mb-4\">\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u0906\u0902\u0924\u0930\u093f\u0915 \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928<\/h1>\n <p class=\"text-xl opacity-90\">1971 \u0938\u0947 1998 \u0924\u0915 \u0915\u0940 \u0910\u0924\u093f\u0939\u093e\u0938\u093f\u0915 \u0935\u093f\u0915\u093e\u0938 \u092f\u093e\u0924\u094d\u0930\u093e<\/p>\n <\/div>\n <div class=\"mt-8 md:mt-0\">\n <div class=\"bg-white\/20 p-4 rounded-2xl backdrop-blur-md border border-white\/30 text-center\">\n <span class=\"block text-sm uppercase tracking-widest font-bold\">1998 \u0915\u0940 \u0938\u094d\u0925\u093f\u0924\u093f<\/span>\n <span class=\"text-5xl font-black\">61<\/span>\n <span class=\"block text-lg\">\u0915\u0941\u0932 \u091c\u093f\u0932\u0947<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-5xl mx-auto px-6 py-12\">\n\n <!-- Initial Milestones -->\n <section class=\"mb-16\">\n <h2 class=\"text-2xl font-bold mb-8 flex items-center border-b-2 border-blue-500 pb-2\">\n <i data-lucide=\"map-pin\" class=\"mr-2 text-blue-600\"><\/i> \u092a\u094d\u0930\u093e\u0930\u0902\u092d\u093f\u0915 \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 \u091a\u0930\u0923\n <\/h2>\n \n <div class=\"grid md:grid-cols-3 gap-6\">\n <!-- 1971 -->\n <div class=\"card bg-white p-6 rounded-xl border-l-4 border-blue-500 shadow-sm\">\n <div class=\"flex items-center mb-4\">\n <span class=\"bg-blue-100 text-blue-700 px-3 py-1 rounded-lg font-bold text-sm\">13 \u0926\u093f\u0938\u0902\u092c\u0930 1971<\/span>\n <\/div>\n <h3 class=\"text-xl font-bold mb-2\">\u0939\u094b\u0936\u0902\u0917\u093e\u092c\u093e\u0926 \u0938\u0902\u092d\u093e\u0917<\/h3>\n <p class=\"text-gray-600\">\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e <span class=\"font-bold text-blue-600\">10\u0935\u093e\u0901 \u0938\u0902\u092d\u093e\u0917<\/span> \u092c\u0928\u093e\u092f\u093e \u0917\u092f\u093e\u0964<\/p>\n <\/div>\n\n <!-- 1972 -->\n <div class=\"card bg-white p-6 rounded-xl border-l-4 border-emerald-500 shadow-sm\">\n <div class=\"flex items-center mb-4\">\n <span class=\"bg-emerald-100 text-emerald-700 px-3 py-1 rounded-lg font-bold text-sm\">26 \u091c\u0928\u0935\u0930\u0940 1972<\/span>\n <\/div>\n <h3 class=\"text-xl font-bold mb-2\">\u092d\u094b\u092a\u093e\u0932 \u0935 \u0930\u093e\u091c\u0928\u093e\u0902\u0926\u0917\u093e\u0901\u0935<\/h3>\n <ul class=\"text-sm space-y-2 text-gray-600\">\n <li>\ud83d\udccd <span class=\"font-bold\">\u092d\u094b\u092a\u093e\u0932:<\/span> \u0938\u0940\u0939\u094b\u0930 \u0938\u0947 \u0905\u0932\u0917 \u0939\u094b\u0915\u0930 <span class=\"text-emerald-600 font-bold\">44\u0935\u093e\u0901 \u091c\u093f\u0932\u093e<\/span> \u092c\u0928\u093e\u0964<\/li>\n <li>\ud83d\udccd <span class=\"font-bold\">\u0930\u093e\u091c\u0928\u093e\u0902\u0926\u0917\u093e\u0901\u0935:<\/span> \u0926\u0941\u0930\u094d\u0917 \u0938\u0947 \u0905\u0932\u0917 \u0939\u094b\u0915\u0930 <span class=\"text-emerald-600 font-bold\">45\u0935\u093e\u0901 \u091c\u093f\u0932\u093e<\/span> \u092c\u0928\u093e\u0964<\/li>\n <\/ul>\n <\/div>\n\n <!-- 1980 -->\n <div class=\"card bg-white p-6 rounded-xl border-l-4 border-amber-500 shadow-sm\">\n <div class=\"flex items-center mb-4\">\n <span class=\"bg-amber-100 text-amber-700 px-3 py-1 rounded-lg font-bold text-sm\">\u0935\u0930\u094d\u0937 1980<\/span>\n <\/div>\n <h3 class=\"text-xl font-bold mb-2\">\u0938\u0902\u092d\u093e\u0917\u094b\u0902 \u0915\u093e \u0935\u093f\u0938\u094d\u0924\u093e\u0930<\/h3>\n <p class=\"text-gray-600\">\u0926\u094b \u0928\u092f\u0947 \u0938\u0902\u092d\u093e\u0917: <span class=\"font-bold\">\u091a\u0902\u092c\u0932<\/span> \u0914\u0930 <span class=\"font-bold\">\u092c\u0938\u094d\u0924\u0930<\/span>\u0964<\/p>\n <div class=\"mt-4 flex justify-between text-sm font-bold bg-gray-50 p-2 rounded\">\n <span>\u0915\u0941\u0932 \u0938\u0902\u092d\u093e\u0917: 12<\/span>\n <span>\u0915\u0941\u0932 \u091c\u093f\u0932\u0947: 45<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Committees Section -->\n <section class=\"mb-16 bg-blue-50 p-8 rounded-2xl\">\n <h2 class=\"text-2xl font-bold mb-8 flex items-center\">\n <i data-lucide=\"users\" class=\"mr-2 text-blue-600\"><\/i> \u091c\u093f\u0932\u093e \u0917\u0920\u0928 \u0939\u0947\u0924\u0941 \u092a\u094d\u0930\u092e\u0941\u0916 \u0938\u092e\u093f\u0924\u093f\u092f\u093e\u0901\n <\/h2>\n \n <div class=\"overflow-hidden bg-white rounded-xl shadow-md border border-gray-200\">\n <table class=\"w-full text-left border-collapse\">\n <thead class=\"bg-blue-600 text-white\">\n <tr>\n <th class=\"py-4 px-6 font-bold uppercase text-sm\">\u0938\u092e\u093f\u0924\u093f<\/th>\n <th class=\"py-4 px-6 font-bold uppercase text-sm\">\u0917\u0920\u0928 \u0935 \u0930\u093f\u092a\u094b\u0930\u094d\u091f<\/th>\n <th class=\"py-4 px-6 font-bold uppercase text-sm\">\u0928\u090f \u091c\u093f\u0932\u0947<\/th>\n <\/tr>\n <\/thead>\n <tbody class=\"divide-y divide-gray-200\">\n <tr class=\"hover:bg-blue-50 transition-colors\">\n <td class=\"py-4 px-6 font-bold\">\u092c\u0940. \u0906\u0930. \u0926\u092c\u0947 \u0938\u092e\u093f\u0924\u093f<\/td>\n <td class=\"py-4 px-6\">\u0917\u0920\u0928 1982 | \u0930\u093f\u092a\u094b\u0930\u094d\u091f 1998<\/td>\n <td class=\"py-4 px-6\">\n <span class=\"bg-indigo-100 text-indigo-700 px-3 py-1 rounded-full text-sm font-bold\">10 \u091c\u093f\u0932\u0947<\/span>\n <\/td>\n <\/tr>\n <tr class=\"hover:bg-blue-50 transition-colors\">\n <td class=\"py-4 px-6 font-bold\">\u0938\u093f\u0902\u0939\u0926\u0947\u0935 \u0938\u092e\u093f\u0924\u093f<\/td>\n <td class=\"py-4 px-6\">\u0917\u0920\u0928 1998 | \u0930\u093f\u092a\u094b\u0930\u094d\u091f 1998<\/td>\n <td class=\"py-4 px-6\">\n <span class=\"bg-purple-100 text-purple-700 px-3 py-1 rounded-full text-sm font-bold\">06 \u091c\u093f\u0932\u0947<\/span>\n <\/td>\n <\/tr>\n <tr class=\"hover:bg-blue-50 transition-colors\">\n <td class=\"py-4 px-6 font-bold\">\u092c\u094b\u0938 \u0938\u092e\u093f\u0924\u093f<\/td>\n <td class=\"py-4 px-6\">\u0917\u0920\u0928 2003 | \u0930\u093f\u092a\u094b\u0930\u094d\u091f 2003<\/td>\n <td class=\"py-4 px-6\">\n <span class=\"bg-rose-100 text-rose-700 px-3 py-1 rounded-full text-sm font-bold\">03 \u091c\u093f\u0932\u0947<\/span>\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <!-- Detailed 1998 Breakup -->\n <section class=\"mb-16\">\n <div class=\"flex items-center justify-between mb-8\">\n <h2 class=\"text-2xl font-bold flex items-center\">\n <i data-lucide=\"layers\" class=\"mr-2 text-blue-600\"><\/i> 1998: \u091c\u093f\u0932\u094b\u0902 \u0915\u093e \u0935\u094d\u092f\u093e\u092a\u0915 \u0935\u093f\u0938\u094d\u0924\u093e\u0930\n <\/h2>\n <span class=\"bg-blue-600 text-white px-4 py-1 rounded-lg text-sm font-bold italic\">\u0938\u094d\u0935\u0930\u094d\u0923\u093f\u092e \u0935\u0930\u094d\u0937<\/span>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-8\">\n <!-- B.R. Dubey Details -->\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border-t-8 border-indigo-600\">\n <div class=\"flex items-center justify-between mb-6\">\n <h3 class=\"text-xl font-bold text-indigo-800\">\u092c\u0940. \u0906\u0930. \u0926\u092c\u0947 \u0938\u092e\u093f\u0924\u093f<\/h3>\n <span class=\"text-xs text-gray-400\">25 \u092e\u0908 1998<\/span>\n <\/div>\n <p class=\"text-sm text-gray-500 mb-6 italic\">10 \u092e\u0947\u0902 \u0938\u0947 4 \u091c\u093f\u0932\u0947 \u0935\u0930\u094d\u0924\u092e\u093e\u0928 \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u092e\u0947\u0902 \u0939\u0948\u0902:<\/p>\n \n <div class=\"space-y-4\">\n <div class=\"flex items-center justify-between p-3 bg-indigo-50 rounded-lg\">\n <span class=\"font-bold\">\u0921\u093f\u0902\u0921\u094b\u0930\u0940<\/span>\n <span class=\"text-sm text-indigo-600\">\u2b05 \u092e\u0923\u094d\u0921\u0932\u093e<\/span>\n <\/div>\n <div class=\"flex items-center justify-between p-3 bg-indigo-50 rounded-lg\">\n <span class=\"font-bold\">\u092c\u0921\u093c\u0935\u093e\u0928\u0940<\/span>\n <span class=\"text-sm text-indigo-600\">\u2b05 \u0916\u0930\u0917\u094c\u0928<\/span>\n <\/div>\n <div class=\"flex items-center justify-between p-3 bg-indigo-50 rounded-lg\">\n <span class=\"font-bold\">\u0915\u091f\u0928\u0940<\/span>\n <span class=\"text-sm text-indigo-600\">\u2b05 \u091c\u092c\u0932\u092a\u0941\u0930<\/span>\n <\/div>\n <div class=\"flex items-center justify-between p-3 bg-indigo-50 rounded-lg\">\n <span class=\"font-bold\">\u0936\u094d\u092f\u094b\u092a\u0941\u0930<\/span>\n <span class=\"text-sm text-indigo-600\">\u2b05 \u092e\u0941\u0930\u0948\u0928\u093e<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Singhdeo Details -->\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border-t-8 border-purple-600\">\n <div class=\"flex items-center justify-between mb-6\">\n <h3 class=\"text-xl font-bold text-purple-800\">\u0938\u093f\u0902\u0939\u0926\u0947\u0935 \u0938\u092e\u093f\u0924\u093f<\/h3>\n <span class=\"text-xs text-gray-400\">\u091c\u0942\u0928 1998<\/span>\n <\/div>\n <p class=\"text-sm text-gray-500 mb-6 italic\">6 \u092e\u0947\u0902 \u0938\u0947 3 \u091c\u093f\u0932\u0947 \u0935\u0930\u094d\u0924\u092e\u093e\u0928 \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u092e\u0947\u0902 \u0939\u0948\u0902:<\/p>\n \n <div class=\"space-y-4\">\n <div class=\"flex items-center justify-between p-3 bg-purple-50 rounded-lg\">\n <span class=\"font-bold\">\u0909\u092e\u0930\u093f\u092f\u093e<\/span>\n <span class=\"text-sm text-purple-600\">\u2b05 \u0936\u0939\u0921\u094b\u0932<\/span>\n <\/div>\n <div class=\"flex items-center justify-between p-3 bg-purple-50 rounded-lg\">\n <span class=\"font-bold\">\u0928\u0940\u092e\u091a<\/span>\n <span class=\"text-sm text-purple-600\">\u2b05 \u092e\u0902\u0926\u0938\u094c\u0930<\/span>\n <\/div>\n <div class=\"flex items-center justify-between p-3 bg-purple-50 rounded-lg\">\n <span class=\"font-bold\">\u0939\u0930\u0926\u093e<\/span>\n <span class=\"text-sm text-purple-600\">\u2b05 \u0939\u094b\u0936\u0902\u0917\u093e\u092c\u093e\u0926<\/span>\n <\/div>\n <div class=\"invisible p-3 bg-purple-50 rounded-lg\">\n <span>Empty<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Final Summary Graph\/Visual -->\n <section class=\"mt-20 text-center\">\n <div class=\"inline-block bg-white p-10 rounded-3xl shadow-xl border border-gray-100 max-w-2xl w-full\">\n <i data-lucide=\"trending-up\" class=\"mx-auto mb-6 text-blue-600\" size=\"48\"><\/i>\n <h2 class=\"text-3xl font-black mb-6\">1998 \u0915\u0947 \u0905\u0902\u0924 \u092e\u0947\u0902 \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u0940 \u0938\u094d\u0925\u093f\u0924\u093f<\/h2>\n \n <div class=\"flex justify-around items-end h-48 mb-8 px-4\">\n <div class=\"w-1\/3 flex flex-col items-center\">\n <div class=\"bg-blue-500 w-16 rounded-t-lg\" style=\"height: 120px;\"><\/div>\n <span class=\"mt-4 font-bold text-xl\">12<\/span>\n <span class=\"text-gray-500 text-sm\">\u0938\u0902\u092d\u093e\u0917<\/span>\n <\/div>\n <div class=\"w-1\/3 flex flex-col items-center\">\n <div class=\"bg-emerald-500 w-16 rounded-t-lg\" style=\"height: 180px;\"><\/div>\n <span class=\"mt-4 font-bold text-xl\">61<\/span>\n <span class=\"text-gray-500 text-sm\">\u091c\u093f\u0932\u0947<\/span>\n <\/div>\n <\/div>\n \n <p class=\"text-gray-600 leading-relaxed italic border-t pt-6\">\n “\u0907\u0938 \u092a\u094d\u0930\u0915\u093e\u0930 \u0928\u093f\u0930\u0902\u0924\u0930 \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0928\u0947 \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0938\u0941\u0926\u0943\u0922\u093c\u0940\u0915\u0930\u0923 \u0915\u0940 \u0913\u0930 \u0915\u0926\u092e \u092c\u0922\u093c\u093e\u090f, \u091c\u093f\u0938\u0938\u0947 1998 \u0924\u0915 \u091c\u093f\u0932\u094b\u0902 \u0915\u0940 \u0915\u0941\u0932 \u0938\u0902\u0916\u094d\u092f\u093e 61 \u0939\u094b \u0917\u0908\u0964”\n <\/p>\n <\/div>\n <\/section>\n\n <\/main>\n\n <script>\n \/\/ Ensure the DOM and Lucide library are ready before creating icons\n function initializeIcons() {\n if (typeof lucide !== 'undefined') {\n lucide.createIcons();\n } else {\n \/\/ If not loaded yet, wait a bit and try again\n setTimeout(initializeIcons, 100);\n }\n }\n\n window.addEventListener('load', initializeIcons);\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"hi\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 \u090f\u0935\u0902 \u0928\u0935\u0940\u0928 \u091c\u093f\u0932\u094b\u0902 \u0915\u093e \u0938\u092b\u0930<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Devanagari:wght@300;400;700&display=swap');\n \n body {\n font-family: 'Noto Sans Devanagari', sans-serif;\n background-color: #f0f4f8;\n color: #1a202c;\n }\n\n .hero-gradient {\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\n }\n\n .stat-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .stat-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n }\n\n .timeline-item::before {\n content: '';\n position: absolute;\n left: -9px;\n top: 10px;\n width: 18px;\n height: 18px;\n background-color: #3b82f6;\n border-radius: 50%;\n border: 4px solid white;\n }\n\n .district-badge {\n background: linear-gradient(90deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);\n }\n\n .map-container {\n position: relative;\n background: #e2e8f0;\n border-radius: 20px;\n overflow: hidden;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50\">\n\n <!-- Hero Section -->\n <header class=\"hero-gradient text-white py-12 px-6 shadow-xl mb-8\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <h1 class=\"text-4xl md:text-5xl font-bold mb-4\">\n <i class=\"fas fa-map-marked-alt mr-3\"><\/i> \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 \u092f\u093e\u0924\u094d\u0930\u093e\n <\/h1>\n <p class=\"text-xl opacity-90\">1 \u0928\u0935\u0902\u092c\u0930 2000 \u0938\u0947 \u0935\u0930\u094d\u0924\u092e\u093e\u0928 \u0924\u0915 \u0915\u093e \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0938\u092b\u0930<\/p>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto px-4 pb-12\">\n \n <!-- 2000 Partition Summary -->\n <section class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-12\">\n <div class=\"bg-white p-8 rounded-3xl shadow-md border-t-4 border-blue-500\">\n <h2 class=\"text-2xl font-bold mb-6 flex items-center\">\n <i class=\"fas fa-scissors text-red-500 mr-3\"><\/i> 2000 \u0915\u093e \u0910\u0924\u093f\u0939\u093e\u0938\u093f\u0915 \u0935\u093f\u092d\u093e\u091c\u0928\n <\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-4\">\n \u0938\u0902\u0935\u093f\u0927\u093e\u0928 \u0915\u0947 <strong>\u0905\u0928\u0941\u091a\u094d\u091b\u0947\u0926 3<\/strong> \u0915\u0947 \u0924\u0939\u0924 \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u0947 <strong>30.47%<\/strong> \u092d\u0942-\u092d\u093e\u0917 \u0915\u094b \u0905\u0932\u0917 \u0915\u0930\u0915\u0947 01 \u0928\u0935\u0902\u092c\u0930 2000 \u0915\u094b \u091b\u0924\u094d\u0924\u0940\u0938\u0917\u0922\u093c \u092c\u0928\u093e\u092f\u093e \u0917\u092f\u093e\u0964\n <\/p>\n <div class=\"space-y-4\">\n <div class=\"flex justify-between items-center p-3 bg-blue-50 rounded-xl\">\n <span>\u0915\u0941\u0932 \u0915\u094d\u0937\u0947\u0924\u094d\u0930\u092b\u0932 (\u0935\u093f\u092d\u093e\u091c\u0928 \u0915\u0947 \u092c\u093e\u0926)<\/span>\n <span class=\"font-bold\">3,08,252 \u0935\u0930\u094d\u0917 \u0915\u093f.\u092e\u0940.<\/span>\n <\/div>\n <div class=\"flex justify-between items-center p-3 bg-green-50 rounded-xl\">\n <span>\u092d\u093e\u0930\u0924 \u0915\u0947 \u092d\u094c\u0917\u094b\u0932\u093f\u0915 \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u0915\u093e \u092a\u094d\u0930\u0924\u093f\u0936\u0924<\/span>\n <span class=\"font-bold text-green-700\">9.38%<\/span>\n <\/div>\n <\/div>\n <div class=\"mt-6\">\n \n <\/div>\n <\/div>\n\n <!-- Seat Division Visualization -->\n <div class=\"bg-white p-8 rounded-3xl shadow-md border-t-4 border-orange-500\">\n <h2 class=\"text-2xl font-bold mb-6 flex items-center\">\n <i class=\"fas fa-users-cog text-orange-500 mr-3\"><\/i> \u0938\u0940\u091f\u094b\u0902 \u0915\u093e \u0935\u093f\u092d\u093e\u091c\u0928 (84\u0935\u093e\u0901 \u0938\u0902\u0936\u094b\u0927\u0928)\n <\/h2>\n <div class=\"space-y-6\">\n <!-- Lok Sabha -->\n <div>\n <div class=\"flex justify-between mb-2\">\n <span class=\"font-semibold text-gray-600\">\u0932\u094b\u0915\u0938\u092d\u093e \u0938\u0940\u091f\u0947\u0902 (\u0915\u0941\u0932 40)<\/span>\n <span class=\"text-sm\">\u092e.\u092a\u094d\u0930. 29 | \u091b.\u0917. 11<\/span>\n <\/div>\n <div class=\"w-full bg-gray-200 rounded-full h-4 overflow-hidden flex\">\n <div class=\"bg-blue-600 h-full\" style=\"width: 72.5%\"><\/div>\n <div class=\"bg-blue-300 h-full\" style=\"width: 27.5%\"><\/div>\n <\/div>\n <\/div>\n <!-- Rajya Sabha -->\n <div>\n <div class=\"flex justify-between mb-2\">\n <span class=\"font-semibold text-gray-600\">\u0930\u093e\u091c\u094d\u092f\u0938\u092d\u093e \u0938\u0940\u091f\u0947\u0902 (\u0915\u0941\u0932 16)<\/span>\n <span class=\"text-sm\">\u092e.\u092a\u094d\u0930. 11 | \u091b.\u0917. 5<\/span>\n <\/div>\n <div class=\"w-full bg-gray-200 rounded-full h-4 overflow-hidden flex\">\n <div class=\"bg-purple-600 h-full\" style=\"width: 68.75%\"><\/div>\n <div class=\"bg-purple-300 h-full\" style=\"width: 31.25%\"><\/div>\n <\/div>\n <\/div>\n <!-- Vidhan Sabha -->\n <div>\n <div class=\"flex justify-between mb-2\">\n <span class=\"font-semibold text-gray-600\">\u0935\u093f\u0927\u093e\u0928\u0938\u092d\u093e \u0938\u0940\u091f\u0947\u0902 (\u0915\u0941\u0932 320)<\/span>\n <span class=\"text-sm\">\u092e.\u092a\u094d\u0930. 230 | \u091b.\u0917. 90<\/span>\n <\/div>\n <div class=\"w-full bg-gray-200 rounded-full h-4 overflow-hidden flex\">\n <div class=\"bg-red-600 h-full\" style=\"width: 71.8%\"><\/div>\n <div class=\"bg-red-300 h-full\" style=\"width: 28.2%\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"mt-4 text-xs text-gray-500 italic\">* 2026 \u0924\u0915 \u092f\u0947 \u0938\u0940\u091f\u0947\u0902 \u092f\u0925\u093e\u0935\u0924 \u0930\u0939\u0947\u0902\u0917\u0940\u0964<\/p>\n <\/div>\n <\/section>\n\n <!-- Leaders and Stats Table -->\n <section class=\"mb-12 overflow-hidden rounded-3xl shadow-lg\">\n <table class=\"w-full text-left bg-white\">\n <thead class=\"bg-gray-100 border-b border-gray-200\">\n <tr>\n <th class=\"px-6 py-4 font-bold text-gray-700\">\u0935\u093f\u0935\u0930\u0923<\/th>\n <th class=\"px-6 py-4 font-bold text-blue-700\">\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936<\/th>\n <th class=\"px-6 py-4 font-bold text-green-700\">\u091b\u0924\u094d\u0924\u0940\u0938\u0917\u0922\u093c<\/th>\n <\/tr>\n <\/thead>\n <tbody class=\"divide-y divide-gray-100\">\n <tr>\n <td class=\"px-6 py-4 font-semibold\">\u0915\u0941\u0932 \u091c\u093f\u0932\u0947 (\u0935\u093f\u092d\u093e\u091c\u0928 \u0915\u0947 \u0938\u092e\u092f)<\/td>\n <td class=\"px-6 py-4\">45<\/td>\n <td class=\"px-6 py-4\">16<\/td>\n <\/tr>\n <tr class=\"bg-gray-50\">\n <td class=\"px-6 py-4 font-semibold\">\u092a\u094d\u0930\u0925\u092e \u092e\u0941\u0916\u094d\u092f\u092e\u0902\u0924\u094d\u0930\u0940<\/td>\n <td class=\"px-6 py-4\">\u0936\u094d\u0930\u0940 \u0926\u093f\u0917\u094d\u0935\u093f\u091c\u092f \u0938\u093f\u0902\u0939<\/td>\n <td class=\"px-6 py-4\">\u0936\u094d\u0930\u0940 \u0905\u091c\u0940\u0924 \u091c\u094b\u0917\u0940<\/td>\n <\/tr>\n <tr>\n <td class=\"px-6 py-4 font-semibold\">\u092a\u094d\u0930\u0925\u092e \u0930\u093e\u091c\u094d\u092f\u092a\u093e\u0932<\/td>\n <td class=\"px-6 py-4\">\u0921\u0949. \u092d\u093e\u0908 \u092e\u0939\u093e\u0935\u0940\u0930<\/td>\n <td class=\"px-6 py-4\">\u0926\u093f\u0928\u0947\u0936 \u0928\u0902\u0926\u0928 \u0938\u0939\u093e\u092f<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/section>\n\n <!-- Timeline of District Formation -->\n <section class=\"mb-12\">\n <h2 class=\"text-3xl font-bold mb-8 text-center text-gray-800\">\n <i class=\"fas fa-history text-blue-500 mr-2\"><\/i> \u0935\u0930\u094d\u0924\u092e\u093e\u0928 \u0924\u0915 \u0915\u093e \u0938\u092b\u0930 (2003-2023)\n <\/h2>\n <div class=\"relative border-l-4 border-blue-200 ml-6 space-y-12 pb-4\">\n \n <!-- 2003 -->\n <div class=\"timeline-item relative pl-8\">\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100\">\n <span class=\"text-blue-600 font-bold text-lg\">15 \u0905\u0917\u0938\u094d\u0924 2003: \u092c\u094b\u0938 \u0938\u092e\u093f\u0924\u093f<\/span>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-3\">\n <div class=\"p-3 bg-yellow-50 rounded-lg border border-yellow-100\">\n <span class=\"block font-bold\">\u0905\u0936\u094b\u0915\u0928\u0917\u0930<\/span> <span class=\"text-sm text-gray-500\">\u0917\u0941\u0928\u093e \u0938\u0947<\/span>\n <\/div>\n <div class=\"p-3 bg-yellow-50 rounded-lg border border-yellow-100\">\n <span class=\"block font-bold\">\u0905\u0928\u0942\u092a\u092a\u0941\u0930<\/span> <span class=\"text-sm text-gray-500\">\u0936\u0939\u0921\u094b\u0932 \u0938\u0947<\/span>\n <\/div>\n <div class=\"p-3 bg-yellow-50 rounded-lg border border-yellow-100\">\n <span class=\"block font-bold\">\u092c\u0941\u0930\u0939\u093e\u0928\u092a\u0941\u0930<\/span> <span class=\"text-sm text-gray-500\">\u0916\u0902\u0921\u0935\u093e \u0938\u0947<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- 2008 -->\n <div class=\"timeline-item relative pl-8\">\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100\">\n <span class=\"text-blue-600 font-bold text-lg\">2008: \u0928\u090f \u091c\u093f\u0932\u0947 \u090f\u0935\u0902 \u0938\u0902\u092d\u093e\u0917<\/span>\n <div class=\"mt-3 space-y-2\">\n <p><i class=\"fas fa-check-circle text-green-500 mr-2\"><\/i><strong>\u0905\u0932\u0940\u0930\u093e\u091c\u092a\u0941\u0930 (49\u0935\u093e\u0902):<\/strong> \u091d\u093e\u092c\u0941\u0906 \u0938\u0947 (17 \u092e\u0908)<\/p>\n <p><i class=\"fas fa-check-circle text-green-500 mr-2\"><\/i><strong>\u0938\u093f\u0902\u0917\u0930\u094c\u0932\u0940 (50\u0935\u093e\u0902):<\/strong> \u0938\u0940\u0927\u0940 \u0938\u0947 (24 \u092e\u0908)<\/p>\n <p><i class=\"fas fa-star text-orange-400 mr-2\"><\/i><strong>\u0936\u0939\u0921\u094b\u0932 \u0938\u0902\u092d\u093e\u0917:<\/strong> 10\u0935\u093e\u0902 \u0938\u0902\u092d\u093e\u0917 \u092c\u0928\u093e (14 \u091c\u0942\u0928)<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- 2013-2018 -->\n <div class=\"timeline-item relative pl-8\">\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100\">\n <span class=\"text-blue-600 font-bold text-lg\">2013-2018: \u0906\u0917\u0930-\u092e\u093e\u0932\u0935\u093e \u090f\u0935\u0902 \u0928\u093f\u0935\u093e\u0921\u093c\u0940<\/span>\n <div class=\"mt-3 flex flex-wrap gap-4\">\n <div class=\"flex-1 min-w-[200px] p-4 bg-indigo-50 rounded-xl\">\n <span class=\"font-bold\">\u0906\u0917\u0930-\u092e\u093e\u0932\u0935\u093e (51\u0935\u093e\u0902)<\/span>\n <p class=\"text-sm\">\u0936\u093e\u091c\u093e\u092a\u0941\u0930 \u0938\u0947 | 2013<\/p>\n <\/div>\n <div class=\"flex-1 min-w-[200px] p-4 bg-indigo-50 rounded-xl\">\n <span class=\"font-bold\">\u0928\u093f\u0935\u093e\u0921\u093c\u0940 (52\u0935\u093e\u0902)<\/span>\n <p class=\"text-sm\">\u091f\u0940\u0915\u092e\u0917\u0922\u093c \u0938\u0947 | 2018<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Newest Districts 2023 Detailed Section -->\n <section class=\"mb-12\">\n <h2 class=\"text-3xl font-bold mb-8 text-center text-gray-800\">\n <i class=\"fas fa-map-marker-alt text-red-500 mr-2\"><\/i> \u0935\u0930\u094d\u0937 2023: \u0924\u0940\u0928 \u0928\u0935\u0940\u0928 \u091c\u093f\u0932\u0947\n <\/h2>\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n \n <!-- Mauganj -->\n <div class=\"stat-card bg-white rounded-3xl overflow-hidden shadow-lg border-b-8 border-blue-500\">\n <div class=\"p-6 bg-blue-50\">\n <h3 class=\"text-2xl font-bold text-blue-800\">53\u0935\u093e\u0902 \u091c\u093f\u0932\u093e: \u092e\u090a\u0917\u0902\u091c<\/h3>\n <p class=\"text-sm font-semibold text-blue-600\">\u0930\u0940\u0935\u093e \u0938\u0947 \u092a\u0943\u0925\u0915 (13 \u0905\u0917\u0938\u094d\u0924 2023)<\/p>\n <\/div>\n <div class=\"p-6 space-y-3\">\n <div class=\"flex justify-between\"><span class=\"text-gray-500\">\u091c\u0928\u0938\u0902\u0916\u094d\u092f\u093e<\/span> <span class=\"font-bold\">6,16,653<\/span><\/div>\n <div class=\"flex justify-between\"><span class=\"text-gray-500\">\u0924\u0939\u0938\u0940\u0932<\/span> <span class=\"font-bold text-right\">\u092e\u090a\u0917\u0902\u091c, \u0939\u0928\u0941\u092e\u0928\u093e, \u0928\u0908\u0917\u0922\u093c\u0940<\/span><\/div>\n <div class=\"flex justify-between\"><span class=\"text-gray-500\">\u0928\u0926\u0940<\/span> <span class=\"font-bold\">\u0938\u0947\u0932\u0930 (\u092c\u0939\u0941\u0924\u0940 \u091c\u0932\u092a\u094d\u0930\u092a\u093e\u0924)<\/span><\/div>\n <div class=\"mt-4 p-3 bg-blue-50 rounded-lg text-sm italic\">“\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u091c\u093f\u0917\u0930” – \u0921\u0949 \u0932\u093e\u0932 \u092c\u093f\u0939\u093e\u0930\u0940 \u0915\u0941\u0936\u0935\u093e\u0939\u093e<\/div>\n <\/div>\n <\/div>\n\n <!-- Pandhurna -->\n <div class=\"stat-card bg-white rounded-3xl overflow-hidden shadow-lg border-b-8 border-orange-500\">\n <div class=\"p-6 bg-orange-50\">\n <h3 class=\"text-2xl font-bold text-orange-800\">54\u0935\u093e\u0902 \u091c\u093f\u0932\u093e: \u092a\u093e\u0902\u0922\u0941\u0930\u094d\u0923\u093e<\/h3>\n <p class=\"text-sm font-semibold text-orange-600\">\u091b\u093f\u0902\u0926\u0935\u093e\u0921\u093c\u093e \u0938\u0947 \u092a\u0943\u0925\u0915 (05 \u0905\u0915\u094d\u091f\u0942\u092c\u0930 2023)<\/p>\n <\/div>\n <div class=\"p-6 space-y-3\">\n <div class=\"flex justify-between\"><span class=\"text-gray-500\">\u0935\u093f\u0936\u0947\u0937\u0924\u093e<\/span> <span class=\"font-bold\">\u0911\u0930\u0947\u0902\u091c \u0938\u093f\u091f\u0940<\/span><\/div>\n <div class=\"flex justify-between\"><span class=\"text-gray-500\">\u092a\u094d\u0930\u0938\u093f\u0926\u094d\u0927 \u0909\u0924\u094d\u0938\u0935<\/span> <span class=\"font-bold\">\u0917\u094b\u091f\u092e\u093e\u0930 \u092e\u0947\u0932\u093e<\/span><\/div>\n <div class=\"flex justify-between\"><span class=\"text-gray-500\">\u0928\u0926\u0940<\/span> <span class=\"font-bold\">\u091c\u093e\u092e \u0928\u0926\u0940<\/span><\/div>\n <div class=\"mt-4 p-3 bg-orange-50 rounded-lg text-sm\">\u0907\u0938\u0915\u0947 \u092c\u0928\u0928\u0947 \u0915\u0947 \u092c\u093e\u0926 \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u0938\u092c\u0938\u0947 \u092c\u0921\u093c\u093e \u091c\u093f\u0932\u093e <strong>\u0936\u093f\u0935\u092a\u0941\u0930\u0940<\/strong> \u092c\u0928\u093e\u0964<\/div>\n <\/div>\n <\/div>\n\n <!-- Maihar -->\n <div class=\"stat-card bg-white rounded-3xl overflow-hidden shadow-lg border-b-8 border-green-500\">\n <div class=\"p-6 bg-green-50\">\n <h3 class=\"text-2xl font-bold text-green-800\">55\u0935\u093e\u0902 \u091c\u093f\u0932\u093e: \u092e\u0948\u0939\u0930<\/h3>\n <p class=\"text-sm font-semibold text-green-600\">\u0938\u0924\u0928\u093e \u0938\u0947 \u092a\u0943\u0925\u0915 (05 \u0905\u0915\u094d\u091f\u0942\u092c\u0930 2023)<\/p>\n <\/div>\n <div class=\"p-6 space-y-3\">\n <div class=\"flex justify-between\"><span class=\"text-gray-500\">\u092a\u0939\u091a\u093e\u0928<\/span> <span class=\"font-bold\">\u0938\u0902\u0917\u0940\u0924 \u0930\u093e\u091c\u0927\u093e\u0928\u0940<\/span><\/div>\n <div class=\"flex justify-between\"><span class=\"text-gray-500\">\u0938\u0902\u092d\u093e\u0917<\/span> <span class=\"font-bold\">\u0930\u0940\u0935\u093e<\/span><\/div>\n <div class=\"flex justify-between\"><span class=\"text-gray-500\">\u0928\u0926\u0940<\/span> <span class=\"font-bold\">\u0924\u092e\u0938 \u0928\u0926\u0940<\/span><\/div>\n <div class=\"mt-4 p-3 bg-green-50 rounded-lg text-sm\">\u092f\u0939 \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e <strong>18\u0935\u093e\u0902 \u0905\u0902\u0924\u0930\u094d\u0935\u0930\u094d\u0924\u0940<\/strong> \u091c\u093f\u0932\u093e \u0939\u0948\u0964 \u092f\u0939\u093e\u0901 \u0906\u0932\u094d\u0939\u093e \u090a\u0926\u0932 \u0905\u0916\u093e\u0921\u093c\u093e \u0938\u094d\u0925\u093f\u0924 \u0939\u0948\u0964<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Summary Table -->\n <section class=\"bg-white p-8 rounded-3xl shadow-md border-l-8 border-purple-500 mb-12\">\n <h2 class=\"text-2xl font-bold mb-6\">\u0928\u0935\u0940\u0928 \u091c\u093f\u0932\u094b\u0902 \u0915\u093e \u0938\u093e\u0930\u093e\u0902\u0936 \u0924\u093e\u0932\u093f\u0915\u093e<\/h2>\n <div class=\"overflow-x-auto\">\n <table class=\"w-full text-center\">\n <thead>\n <tr class=\"bg-purple-50 text-purple-800\">\n <th class=\"p-4 border-b\">\u0915\u094d\u0930\u092e<\/th>\n <th class=\"p-4 border-b\">\u091c\u093f\u0932\u093e<\/th>\n <th class=\"p-4 border-b\">\u092a\u0943\u0925\u0915 \u0939\u0941\u0906<\/th>\n <th class=\"p-4 border-b\">\u0924\u093f\u0925\u093f<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"hover:bg-gray-50\">\n <td class=\"p-3 border-b\">49\u0935\u093e\u0902<\/td>\n <td class=\"p-3 border-b font-bold\">\u0905\u0932\u0940\u0930\u093e\u091c\u092a\u0941\u0930<\/td>\n <td class=\"p-3 border-b\">\u091d\u093e\u092c\u0941\u0906<\/td>\n <td class=\"p-3 border-b\">17 \u092e\u0908 2008<\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50\">\n <td class=\"p-3 border-b\">50\u0935\u093e\u0902<\/td>\n <td class=\"p-3 border-b font-bold\">\u0938\u093f\u0902\u0917\u0930\u094c\u0932\u0940<\/td>\n <td class=\"p-3 border-b\">\u0938\u0940\u0927\u0940<\/td>\n <td class=\"p-3 border-b\">24 \u092e\u0908 2008<\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50\">\n <td class=\"p-3 border-b\">51\u0935\u093e\u0902<\/td>\n <td class=\"p-3 border-b font-bold\">\u0906\u0917\u0930-\u092e\u093e\u0932\u0935\u093e<\/td>\n <td class=\"p-3 border-b\">\u0936\u093e\u091c\u093e\u092a\u0941\u0930<\/td>\n <td class=\"p-3 border-b\">16 \u0905\u0917\u0938\u094d\u0924 2013<\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50\">\n <td class=\"p-3 border-b\">52\u0935\u093e\u0902<\/td>\n <td class=\"p-3 border-b font-bold\">\u0928\u093f\u0935\u093e\u0921\u093c\u0940<\/td>\n <td class=\"p-3 border-b\">\u091f\u0940\u0915\u092e\u0917\u0922\u093c<\/td>\n <td class=\"p-3 border-b\">01 \u0905\u0915\u094d\u091f\u0942\u092c\u0930 2018<\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 bg-yellow-50\">\n <td class=\"p-3 border-b\">53-55\u0935\u093e\u0902<\/td>\n <td class=\"p-3 border-b font-bold\">\u092e\u090a\u0917\u0902\u091c, \u092a\u093e\u0902\u0922\u0941\u0930\u094d\u0923\u093e, \u092e\u0948\u0939\u0930<\/td>\n <td class=\"p-3 border-b\">\u0930\u0940\u0935\u093e, \u091b\u093f\u0902\u0926\u0935\u093e\u0921\u093c\u093e, \u0938\u0924\u0928\u093e<\/td>\n <td class=\"p-3 border-b\">\u0905\u0917\u0938\u094d\u0924-\u0905\u0915\u094d\u091f\u0942\u092c\u0930 2023<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"mt-6 flex flex-wrap gap-4 justify-center\">\n <div class=\"bg-blue-100 px-4 py-2 rounded-full text-blue-800 font-bold\">\n <i class=\"fas fa-border-all mr-2\"><\/i>\u0938\u0940\u092e\u093e\u0935\u0930\u094d\u0924\u0940 \u091c\u093f\u0932\u0947: 37\n <\/div>\n <div class=\"bg-pink-100 px-4 py-2 rounded-full text-pink-800 font-bold\">\n <i class=\"fas fa-dot-circle mr-2\"><\/i>\u0905\u0902\u0924\u0930\u094d\u0935\u0930\u094d\u0924\u0940 \u091c\u093f\u0932\u0947: 18\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <!-- Map Visualization Infographic -->\n <div class=\"max-w-6xl mx-auto px-4 mb-12\">\n <div class=\"bg-gray-800 text-white p-10 rounded-3xl shadow-2xl relative overflow-hidden\">\n <div class=\"relative z-10 flex flex-col md:flex-row items-center gap-8\">\n <div class=\"flex-1\">\n <h2 class=\"text-3xl font-bold mb-4\">\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u0940 \u0935\u0930\u094d\u0924\u092e\u093e\u0928 \u092d\u094c\u0917\u094b\u0932\u093f\u0915 \u0938\u094d\u0925\u093f\u0924\u093f<\/h2>\n <p class=\"opacity-80 mb-6\">\u0935\u093f\u092d\u093e\u091c\u0928 \u0915\u0947 \u092c\u093e\u0926 \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u092d\u093e\u0930\u0924 \u0915\u093e \u0926\u0942\u0938\u0930\u093e \u0938\u092c\u0938\u0947 \u092c\u0921\u093c\u093e \u0930\u093e\u091c\u094d\u092f \u092c\u0928\u093e \u0939\u0941\u0906 \u0939\u0948\u0964 \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0938\u0930\u0932\u0924\u093e \u0915\u0947 \u0932\u093f\u090f \u0928\u090f \u091c\u093f\u0932\u094b\u0902 \u0915\u093e \u0917\u0920\u0928 \u090f\u0915 \u0928\u093f\u0930\u0902\u0924\u0930 \u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e \u0939\u0948\u0964<\/p>\n <ul class=\"space-y-2\">\n <li><i class=\"fas fa-check text-green-400 mr-2\"><\/i> \u0935\u0930\u094d\u0924\u092e\u093e\u0928 \u092e\u0947\u0902 \u0915\u0941\u0932 55 \u091c\u093f\u0932\u0947<\/li>\n <li><i class=\"fas fa-check text-green-400 mr-2\"><\/i> 10 \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0938\u0902\u092d\u093e\u0917<\/li>\n <li><i class=\"fas fa-check text-green-400 mr-2\"><\/i> \u0909\u0924\u094d\u0924\u0930 \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u0947 \u0938\u093e\u0925 \u0938\u0930\u094d\u0935\u093e\u0927\u093f\u0915 \u0938\u0940\u092e\u093e (14 \u091c\u093f\u0932\u0947)<\/li>\n <\/ul>\n <\/div>\n <div class=\"flex-1 w-full text-center\">\n <!-- Simple SVG Graph for Area Representation -->\n <svg viewBox=\"0 0 400 200\" class=\"w-full h-auto max-w-sm mx-auto\">\n <rect x=\"0\" y=\"50\" width=\"400\" height=\"100\" fill=\"#4a5568\" rx=\"10\" \/>\n <rect x=\"0\" y=\"50\" width=\"278\" height=\"100\" fill=\"#3b82f6\" rx=\"10\" \/>\n <text x=\"10\" y=\"40\" fill=\"white\" font-size=\"12\">\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 (70.47%)<\/text>\n <text x=\"300\" y=\"40\" fill=\"white\" font-size=\"12\">\u091b\u0924\u094d\u0924\u0940\u0938\u0917\u0922\u093c (30.47%)<\/text>\n <text x=\"140\" y=\"108\" fill=\"white\" font-weight=\"bold\">\u0915\u0941\u0932 \u0915\u094d\u0937\u0947\u0924\u094d\u0930\u092b\u0932 4,43,446<\/text>\n <\/svg>\n <p class=\"text-xs mt-4 opacity-50\">\u0915\u094d\u0937\u0947\u0924\u094d\u0930\u092b\u0932 \u0935\u093f\u092d\u093e\u091c\u0928 \u0915\u093e \u0924\u0941\u0932\u0928\u093e\u0924\u094d\u092e\u0915 \u0917\u094d\u0930\u093e\u092b<\/p>\n <\/div>\n <\/div>\n <!-- Decorative Background Element -->\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-blue-500 opacity-10 rounded-full -mr-32 -mt-32\"><\/div>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_14141\" class=\"pvc_stats all \" data-element-id=\"14141\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.0\" viewBox=\"0 0 502 315\" preserveAspectRatio=\"xMidYMid meet\"><g transform=\"translate(0,332) scale(0.1,-0.1)\" fill=\"\" stroke=\"none\"><path d=\"M2394 3279 l-29 -30 -3 -207 c-2 -182 0 -211 15 -242 39 -76 157 -76 196 0 15 31 17 60 15 243 l-3 209 -33 29 c-26 23 -41 29 -80 29 -41 0 -53 -5 -78 -31z\"\/><path d=\"M3085 3251 c-45 -19 -58 -50 -96 -229 -47 -217 -49 -260 -13 -295 52 -53 146 -42 177 20 16 31 87 366 87 410 0 70 -86 122 -155 94z\"\/><path d=\"M1751 3234 c-13 -9 -29 -31 -37 -50 -12 -29 -10 -49 21 -204 19 -94 39 -189 45 -210 14 -50 54 -80 110 -80 34 0 48 6 76 34 21 21 34 44 34 59 0 14 -18 113 -40 219 -37 178 -43 195 -70 221 -36 32 -101 37 -139 11z\"\/><path d=\"M1163 3073 c-36 -7 -73 -59 -73 -102 0 -56 133 -378 171 -413 34 -32 83 -37 129 -13 70 36 67 87 -16 290 -86 209 -89 214 -129 231 -35 14 -42 15 -82 7z\"\/><path d=\"M3689 3066 c-15 -9 -33 -30 -42 -48 -48 -103 -147 -355 -147 -375 0 -98 131 -148 192 -74 13 15 57 108 97 206 80 196 84 226 37 273 -30 30 -99 39 -137 18z\"\/><path d=\"M583 2784 c-38 -19 -67 -74 -58 -113 9 -42 211 -354 242 -373 16 -10 45 -18 66 -18 51 0 107 52 107 100 0 39 -1 41 -124 234 -80 126 -108 162 -133 173 -41 17 -61 16 -100 -3z\"\/><path d=\"M4250 2784 c-14 -9 -74 -91 -133 -183 -95 -150 -107 -173 -107 -213 0 -55 33 -94 87 -104 67 -13 90 8 211 198 130 202 137 225 78 284 -27 27 -42 34 -72 34 -22 0 -50 -8 -64 -16z\"\/><path d=\"M2275 2693 c-553 -48 -1095 -270 -1585 -649 -135 -104 -459 -423 -483 -476 -23 -49 -22 -139 2 -186 73 -142 361 -457 571 -626 285 -228 642 -407 990 -497 242 -63 336 -73 660 -74 310 0 370 5 595 52 535 111 1045 392 1455 803 122 121 250 273 275 326 19 41 19 137 0 174 -41 79 -309 363 -465 492 -447 370 -946 591 -1479 653 -113 14 -422 18 -536 8z m395 -428 c171 -34 330 -124 456 -258 112 -119 167 -219 211 -378 27 -96 24 -300 -5 -401 -72 -255 -236 -447 -474 -557 -132 -62 -201 -76 -368 -76 -167 0 -236 14 -368 76 -213 98 -373 271 -451 485 -162 444 86 934 547 1084 153 49 292 57 452 25z m909 -232 c222 -123 408 -262 593 -441 76 -74 138 -139 138 -144 0 -16 -233 -242 -330 -319 -155 -123 -309 -223 -461 -299 l-81 -41 32 46 c18 26 49 83 70 128 143 306 141 649 -6 957 -25 52 -61 116 -79 142 l-34 47 45 -20 c26 -10 76 -36 113 -56z m-2057 25 c-40 -58 -105 -190 -130 -263 -110 -324 -59 -707 132 -981 25 -35 42 -64 37 -64 -19 0 -241 119 -326 174 -188 122 -406 314 -532 468 l-58 71 108 103 c185 178 428 349 672 473 66 33 121 60 123 61 2 0 -10 -19 -26 -42z\"\/><path d=\"M2375 1950 c-198 -44 -350 -190 -395 -379 -18 -76 -8 -221 19 -290 114 -284 457 -406 731 -260 98 52 188 154 231 260 27 69 37 214 19 290 -38 163 -166 304 -326 360 -67 23 -215 33 -279 19z\"\/><\/g><\/svg><\/i> <img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/tezeducation.com\/blog\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=0 \/><\/p>\n<div class=\"pvc_clear\"><\/div>\n<p>\u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 (1950-1956) \u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 (1950-1956) \u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902 \u0915\u0947 \u0935\u093f\u0932\u0940\u0928\u0940\u0915\u0930\u0923 \u0938\u0947 \u0932\u0947\u0915\u0930 \u0906\u0927\u0941\u0928\u093f\u0915 \u0930\u093e\u091c\u094d\u092f \u0915\u0947 \u0928\u093f\u0930\u094d\u092e\u093e\u0923 \u0924\u0915 \u0915\u0940 \u092f\u093e\u0924\u094d\u0930\u093e \u0910\u0924\u093f\u0939\u093e\u0938\u093f\u0915 \u092a\u0943\u0937\u094d\u0920\u092d\u0942\u092e\u093f 1947 \u092e\u0947\u0902 \u092d\u093e\u0930\u0924 \u0915\u0940 \u0938\u094d\u0935\u0924\u0902\u0924\u094d\u0930\u0924\u093e \u0938\u0947 \u0932\u0947\u0915\u0930 1956 \u0924\u0915, \u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u0938\u094d\u0935\u0930\u0942\u092a \u0906\u091c \u091c\u0948\u0938\u093e \u0928\u0939\u0940\u0902 \u0925\u093e\u0964 \u092f\u0939 \u090f\u0915 \u0938\u0902\u0915\u094d\u0930\u092e\u0923 \u0915\u093e\u0932 \u0925\u093e \u091c\u092c 562 \u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902 \u0915\u094b \u090f\u0915 \u0938\u0942\u0924\u094d\u0930 \u092e\u0947\u0902 \u092a\u093f\u0930\u094b\u092f\u093e \u091c\u093e […]<\/p>\n","protected":false},"author":1,"featured_media":16140,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"categories":[239,238],"tags":[285,25,138],"class_list":["post-14141","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mpgk-notes","category-tez-education-notes","tag-mpgk","tag-mpgk-in-hindi","tag-mpgk-notes"],"a3_pvc":{"activated":true,"total_views":46,"today_views":0},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>MPGK \u0938\u0941\u092a\u0930 \u0928\u094b\u091f\u094d\u0938 - \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 - Tez Education<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tezeducation.com\/blog\/mpgk-\u0938\u0941\u092a\u0930-\u0928\u094b\u091f\u094d\u0938-\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936-\u0915\u093e\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MPGK \u0938\u0941\u092a\u0930 \u0928\u094b\u091f\u094d\u0938 - \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 - Tez Education\" \/>\n<meta property=\"og:description\" content=\"\u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 (1950-1956) \u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 (1950-1956) \u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902 \u0915\u0947 \u0935\u093f\u0932\u0940\u0928\u0940\u0915\u0930\u0923 \u0938\u0947 \u0932\u0947\u0915\u0930 \u0906\u0927\u0941\u0928\u093f\u0915 \u0930\u093e\u091c\u094d\u092f \u0915\u0947 \u0928\u093f\u0930\u094d\u092e\u093e\u0923 \u0924\u0915 \u0915\u0940 \u092f\u093e\u0924\u094d\u0930\u093e \u0910\u0924\u093f\u0939\u093e\u0938\u093f\u0915 \u092a\u0943\u0937\u094d\u0920\u092d\u0942\u092e\u093f 1947 \u092e\u0947\u0902 \u092d\u093e\u0930\u0924 \u0915\u0940 \u0938\u094d\u0935\u0924\u0902\u0924\u094d\u0930\u0924\u093e \u0938\u0947 \u0932\u0947\u0915\u0930 1956 \u0924\u0915, \u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u0938\u094d\u0935\u0930\u0942\u092a \u0906\u091c \u091c\u0948\u0938\u093e \u0928\u0939\u0940\u0902 \u0925\u093e\u0964 \u092f\u0939 \u090f\u0915 \u0938\u0902\u0915\u094d\u0930\u092e\u0923 \u0915\u093e\u0932 \u0925\u093e \u091c\u092c 562 \u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902 \u0915\u094b \u090f\u0915 \u0938\u0942\u0924\u094d\u0930 \u092e\u0947\u0902 \u092a\u093f\u0930\u094b\u092f\u093e \u091c\u093e […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tezeducation.com\/blog\/mpgk-\u0938\u0941\u092a\u0930-\u0928\u094b\u091f\u094d\u0938-\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936-\u0915\u093e\/\" \/>\n<meta property=\"og:site_name\" content=\"Tez Education\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TezEducationServices\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-05T17:15:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-07T06:13:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tezeducation.com\/blog\/wp-content\/uploads\/2026\/02\/1775542146797.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1376\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tez Education\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tez Education\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\\\/\"},\"author\":{\"name\":\"Tez Education\",\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/#\\\/schema\\\/person\\\/962fe8e2a3632fa70aa2dc779d873b83\"},\"headline\":\"MPGK \u0938\u0941\u092a\u0930 \u0928\u094b\u091f\u094d\u0938 – \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928\",\"datePublished\":\"2026-02-05T17:15:21+00:00\",\"dateModified\":\"2026-04-07T06:13:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\\\/\"},\"wordCount\":123,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/1775542146797.png\",\"keywords\":[\"mpgk\",\"mpgk in hindi\",\"mpgk notes\"],\"articleSection\":[\"MPGK Notes\",\"Tez Education Notes\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/tezeducation.com\\\/blog\\\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\\\/\",\"url\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\\\/\",\"name\":\"MPGK \u0938\u0941\u092a\u0930 \u0928\u094b\u091f\u094d\u0938 - \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 - Tez Education\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/1775542146797.png\",\"datePublished\":\"2026-02-05T17:15:21+00:00\",\"dateModified\":\"2026-04-07T06:13:14+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/#\\\/schema\\\/person\\\/962fe8e2a3632fa70aa2dc779d873b83\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tezeducation.com\\\/blog\\\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\\\/#primaryimage\",\"url\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/1775542146797.png\",\"contentUrl\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/1775542146797.png\",\"width\":1376,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MPGK \u0938\u0941\u092a\u0930 \u0928\u094b\u091f\u094d\u0938 – \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/\",\"name\":\"Tez Education\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/#\\\/schema\\\/person\\\/962fe8e2a3632fa70aa2dc779d873b83\",\"name\":\"Tez Education\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/07aa62565213b05337f17dc5151fe15680a8cf1d272e0d3e9211d236d35699ab?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/07aa62565213b05337f17dc5151fe15680a8cf1d272e0d3e9211d236d35699ab?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/07aa62565213b05337f17dc5151fe15680a8cf1d272e0d3e9211d236d35699ab?s=96&d=mm&r=g\",\"caption\":\"Tez Education\"},\"sameAs\":[\"https:\\\/\\\/tezeducation.com\\\/blog\"],\"url\":\"https:\\\/\\\/tezeducation.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"MPGK \u0938\u0941\u092a\u0930 \u0928\u094b\u091f\u094d\u0938 - \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 - Tez Education","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tezeducation.com\/blog\/mpgk-\u0938\u0941\u092a\u0930-\u0928\u094b\u091f\u094d\u0938-\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936-\u0915\u093e\/","og_locale":"en_US","og_type":"article","og_title":"MPGK \u0938\u0941\u092a\u0930 \u0928\u094b\u091f\u094d\u0938 - \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 - Tez Education","og_description":"\u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 (1950-1956) \u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 (1950-1956) \u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902 \u0915\u0947 \u0935\u093f\u0932\u0940\u0928\u0940\u0915\u0930\u0923 \u0938\u0947 \u0932\u0947\u0915\u0930 \u0906\u0927\u0941\u0928\u093f\u0915 \u0930\u093e\u091c\u094d\u092f \u0915\u0947 \u0928\u093f\u0930\u094d\u092e\u093e\u0923 \u0924\u0915 \u0915\u0940 \u092f\u093e\u0924\u094d\u0930\u093e \u0910\u0924\u093f\u0939\u093e\u0938\u093f\u0915 \u092a\u0943\u0937\u094d\u0920\u092d\u0942\u092e\u093f 1947 \u092e\u0947\u0902 \u092d\u093e\u0930\u0924 \u0915\u0940 \u0938\u094d\u0935\u0924\u0902\u0924\u094d\u0930\u0924\u093e \u0938\u0947 \u0932\u0947\u0915\u0930 1956 \u0924\u0915, \u092e\u0927\u094d\u092f \u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u0938\u094d\u0935\u0930\u0942\u092a \u0906\u091c \u091c\u0948\u0938\u093e \u0928\u0939\u0940\u0902 \u0925\u093e\u0964 \u092f\u0939 \u090f\u0915 \u0938\u0902\u0915\u094d\u0930\u092e\u0923 \u0915\u093e\u0932 \u0925\u093e \u091c\u092c 562 \u0930\u093f\u092f\u093e\u0938\u0924\u094b\u0902 \u0915\u094b \u090f\u0915 \u0938\u0942\u0924\u094d\u0930 \u092e\u0947\u0902 \u092a\u093f\u0930\u094b\u092f\u093e \u091c\u093e […]","og_url":"https:\/\/tezeducation.com\/blog\/mpgk-\u0938\u0941\u092a\u0930-\u0928\u094b\u091f\u094d\u0938-\u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936-\u0915\u093e\/","og_site_name":"Tez Education","article_publisher":"https:\/\/www.facebook.com\/TezEducationServices\/","article_published_time":"2026-02-05T17:15:21+00:00","article_modified_time":"2026-04-07T06:13:14+00:00","og_image":[{"width":1376,"height":768,"url":"https:\/\/tezeducation.com\/blog\/wp-content\/uploads\/2026\/02\/1775542146797.png","type":"image\/png"}],"author":"Tez Education","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Tez Education","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/#article","isPartOf":{"@id":"https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/"},"author":{"name":"Tez Education","@id":"https:\/\/tezeducation.com\/blog\/#\/schema\/person\/962fe8e2a3632fa70aa2dc779d873b83"},"headline":"MPGK \u0938\u0941\u092a\u0930 \u0928\u094b\u091f\u094d\u0938 – \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928","datePublished":"2026-02-05T17:15:21+00:00","dateModified":"2026-04-07T06:13:14+00:00","mainEntityOfPage":{"@id":"https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/"},"wordCount":123,"commentCount":0,"image":{"@id":"https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/#primaryimage"},"thumbnailUrl":"https:\/\/tezeducation.com\/blog\/wp-content\/uploads\/2026\/02\/1775542146797.png","keywords":["mpgk","mpgk in hindi","mpgk notes"],"articleSection":["MPGK Notes","Tez Education Notes"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/","url":"https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/","name":"MPGK \u0938\u0941\u092a\u0930 \u0928\u094b\u091f\u094d\u0938 - \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928 - Tez Education","isPartOf":{"@id":"https:\/\/tezeducation.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/#primaryimage"},"image":{"@id":"https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/#primaryimage"},"thumbnailUrl":"https:\/\/tezeducation.com\/blog\/wp-content\/uploads\/2026\/02\/1775542146797.png","datePublished":"2026-02-05T17:15:21+00:00","dateModified":"2026-04-07T06:13:14+00:00","author":{"@id":"https:\/\/tezeducation.com\/blog\/#\/schema\/person\/962fe8e2a3632fa70aa2dc779d873b83"},"breadcrumb":{"@id":"https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/#primaryimage","url":"https:\/\/tezeducation.com\/blog\/wp-content\/uploads\/2026\/02\/1775542146797.png","contentUrl":"https:\/\/tezeducation.com\/blog\/wp-content\/uploads\/2026\/02\/1775542146797.png","width":1376,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/tezeducation.com\/blog\/mpgk-%e0%a4%b8%e0%a5%81%e0%a4%aa%e0%a4%b0-%e0%a4%a8%e0%a5%8b%e0%a4%9f%e0%a5%8d%e0%a4%b8-%e0%a4%ae%e0%a4%a7%e0%a5%8d%e0%a4%af%e0%a4%aa%e0%a5%8d%e0%a4%b0%e0%a4%a6%e0%a5%87%e0%a4%b6-%e0%a4%95%e0%a4%be\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tezeducation.com\/blog\/"},{"@type":"ListItem","position":2,"name":"MPGK \u0938\u0941\u092a\u0930 \u0928\u094b\u091f\u094d\u0938 – \u092e\u0927\u094d\u092f\u092a\u094d\u0930\u0926\u0947\u0936 \u0915\u093e \u092a\u0941\u0928\u0930\u094d\u0917\u0920\u0928"}]},{"@type":"WebSite","@id":"https:\/\/tezeducation.com\/blog\/#website","url":"https:\/\/tezeducation.com\/blog\/","name":"Tez Education","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tezeducation.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tezeducation.com\/blog\/#\/schema\/person\/962fe8e2a3632fa70aa2dc779d873b83","name":"Tez Education","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/07aa62565213b05337f17dc5151fe15680a8cf1d272e0d3e9211d236d35699ab?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/07aa62565213b05337f17dc5151fe15680a8cf1d272e0d3e9211d236d35699ab?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/07aa62565213b05337f17dc5151fe15680a8cf1d272e0d3e9211d236d35699ab?s=96&d=mm&r=g","caption":"Tez Education"},"sameAs":["https:\/\/tezeducation.com\/blog"],"url":"https:\/\/tezeducation.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/tezeducation.com\/blog\/wp-json\/wp\/v2\/posts\/14141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tezeducation.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tezeducation.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tezeducation.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tezeducation.com\/blog\/wp-json\/wp\/v2\/comments?post=14141"}],"version-history":[{"count":4,"href":"https:\/\/tezeducation.com\/blog\/wp-json\/wp\/v2\/posts\/14141\/revisions"}],"predecessor-version":[{"id":14145,"href":"https:\/\/tezeducation.com\/blog\/wp-json\/wp\/v2\/posts\/14141\/revisions\/14145"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tezeducation.com\/blog\/wp-json\/wp\/v2\/media\/16140"}],"wp:attachment":[{"href":"https:\/\/tezeducation.com\/blog\/wp-json\/wp\/v2\/media?parent=14141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tezeducation.com\/blog\/wp-json\/wp\/v2\/categories?post=14141"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tezeducation.com\/blog\/wp-json\/wp\/v2\/tags?post=14141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}