{"id":7994,"date":"2026-01-03T13:23:02","date_gmt":"2026-01-03T13:23:02","guid":{"rendered":"https:\/\/promotionexams.com\/?p=7994"},"modified":"2026-01-24T04:26:49","modified_gmt":"2026-01-24T04:26:49","slug":"kvs-nvs-direct-main-page","status":"publish","type":"post","link":"https:\/\/promotionexams.com\/?p=7994","title":{"rendered":"KVS NVS DIRECT -MAIN PAGE in use"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7994\" class=\"elementor elementor-7994\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84759e3 e-con-full e-flex e-con e-parent\" data-id=\"84759e3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87c3a06 elementor-widget elementor-widget-html\" data-id=\"87c3a06\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>KVS & NVS Direct Recruitment 2025-26 | CSS ADDA<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n   \n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n      \/* ===== ELEMENTOR OVERRIDE - REMOVE ALL GAPS ===== *\/\n    .elementor-widget-html,\n    .elementor-widget-html .elementor-widget-container {\n        width: 100% !important;\n        max-width: 100% !important;\n        padding: 0 !important;\n        margin: 0 !important;\n    }\n    \n    .elementor-section.elementor-section-stretched,\n    .elementor-section-full_width,\n    .elementor-container,\n    .elementor-column,\n    .elementor-column-wrap,\n    .elementor-widget-wrap,\n    .elementor-element {\n        padding: 0 !important;\n        margin: 0 !important;\n        gap: 0 !important;\n    }\n      \/* ============================================\n           CSS VARIABLES\n           ============================================ *\/\n        :root {\n            --primary-blue: #2563EB;\n            --primary-blue-dark: #1D4ED8;\n            --primary-blue-light: #3B82F6;\n            --accent-orange: #f59e0b;\n            --accent-orange-dark: #d97706;\n            --accent-orange-light: #fbbf24;\n            --accent-orange-fade: #FFF0C5;\n            --success: #10b981;\n            --purple: #8b5cf6;\n            --red: #ef4444;\n            --teal: #0d9488;\n            --gradient-primary: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);\n            --gradient-secondary: linear-gradient(135deg, var(--accent-orange) 0%, var(--accent-orange-light) 100%);\n            --gradient-hero: linear-gradient(135deg, var(--primary-blue-dark) 0%, var(--primary-blue) 50%, var(--accent-orange-light) 100%);\n            --gradient-dark: linear-gradient(135deg, var(--primary-blue-dark) 0%, var(--primary-blue) 60%, #b45309 100%);\n            --radius: 8px;\n            --radius-md: 12px;\n            --radius-lg: 16px;\n            --transition: all 0.3s ease;\n            --bg-primary: #f8fafc;\n            --bg-secondary: #ffffff;\n            --bg-tertiary: #f1f5f9;\n            --bg-card: #ffffff;\n            --bg-hover: #f1f5f9;\n            --text-primary: #1e293b;\n            --text-secondary: #475569;\n            --text-muted: #64748b;\n            --border-color: #e2e8f0;\n            --border-light: #f1f5f9;\n            --shadow-sm: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\n            --shadow: 0 1px 3px 0 rgb(0 0 0 \/ 0.1);\n            --shadow-md: 0 4px 6px -1px rgb(0 0 0 \/ 0.1);\n            --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1);\n            --shadow-xl: 0 20px 25px -5px rgb(0 0 0 \/ 0.1);\n        }\n\n        \/* ============================================\n           BASE STYLES\n           ============================================ *\/\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        html { scroll-behavior: smooth; }\n        body { \n            font-family: 'Poppins', sans-serif; \n            background: var(--bg-primary); \n            color: var(--text-primary); \n            line-height: 1.6;\n        }\n        a { text-decoration: none; color: inherit; }\n        ::selection { background: var(--primary-blue); color: white; }\n\n        ::-webkit-scrollbar { width: 10px; height: 10px; }\n        ::-webkit-scrollbar-track { background: var(--bg-tertiary); }\n        ::-webkit-scrollbar-thumb { \n            background: var(--primary-blue); \n            border-radius: 5px;\n            border: 2px solid var(--bg-tertiary);\n        }\n\n        \/* ============================================\n           ANIMATIONS\n           ============================================ *\/\n        @keyframes fadeIn { \n            from { opacity: 0; transform: translateY(15px); } \n            to { opacity: 1; transform: translateY(0); } \n        }\n       @keyframes borderAnimation {\n    0% { --angle: 0deg; }\n    100% { --angle: 360deg; }\n}\n\n@property --angle {\n    syntax: '<angle>';\n    initial-value: 0deg;\n    inherits: false;\n}\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n        }\n        @keyframes shimmer {\n            0% { background-position: -200% 0; }\n            100% { background-position: 200% 0; }\n        }\n\n        \/* ============================================\n           READING PROGRESS BAR\n           ============================================ *\/\n        .reading-progress {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 0%;\n            height: 4px;\n            background: linear-gradient(90deg, var(--primary-blue), var(--accent-orange), var(--primary-blue));\n            background-size: 200% 200%;\n            animation: borderAnimation 3s ease infinite;\n            z-index: 9999;\n            transition: width 0.2s ease;\n        }\n\n        \/* ============================================\n           HERO SECTION\n           ============================================ *\/\n        .hero { \n            background: var(--gradient-hero); \n            padding: 50px 20px 90px; \n            position: relative; \n            overflow: hidden; \n            border-radius: 0 0 30px 30px; \n        }\n        .hero::before { \n            content: ''; \n            position: absolute; \n            inset: 0; \n            background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\"); \n            opacity: 0.5; \n        }\n        .hero-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; text-align: center; }\n        \n        .hero-badges {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            flex-wrap: wrap;\n            margin-bottom: 15px;\n        }\n        .hero-badge { \n            display: inline-flex; align-items: center; gap: 10px; \n            background: rgba(249, 115, 22, 0.2); border: 1px solid rgba(249, 115, 22, 0.3); \n            color: var(--accent-orange-light); padding: 8px 20px; border-radius: 50px; \n            font-size: 0.85rem; font-weight: 600;\n            text-transform: uppercase; letter-spacing: 1px; \n        }\n        .hero-badge.kvs { background: rgba(37, 99, 235, 0.2); border-color: rgba(37, 99, 235, 0.3); color: #93c5fd; }\n        .hero-badge.nvs { background: rgba(16, 185, 129, 0.2); border-color: rgba(16, 185, 129, 0.3); color: #6ee7b7; }\n        \n        .hero-title { \n            font-family: 'Plus Jakarta Sans', sans-serif; \n            font-size: clamp(1.8rem, 5vw, 2.8rem); font-weight: 800; \n            color: white; margin-bottom: 12px; line-height: 1.2; \n        }\n        .hero-title span { color: var(--accent-orange); }\n        .hero-description { font-size: 1rem; color: rgba(255, 255, 255, 0.85); max-width: 850px; margin: 0 auto 25px; }\n\n        \/* ============================================\n           COUNTDOWN TIMER\n           ============================================ *\/\n        .countdown-container {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            margin-top: 20px;\n            flex-wrap: wrap;\n        }\n        .countdown-box {\n            background: rgba(255, 255, 255, 0.15);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            border-radius: var(--radius-md);\n            padding: 15px 20px;\n            min-width: 80px;\n            text-align: center;\n        }\n        .countdown-value {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 2rem;\n            font-weight: 800;\n            color: var(--accent-orange);\n            line-height: 1;\n        }\n        .countdown-label {\n            font-size: 0.75rem;\n            color: rgba(255, 255, 255, 0.8);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-top: 5px;\n        }\n        .exam-date-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            color: white;\n            padding: 10px 20px;\n            border-radius: 50px;\n            font-weight: 600;\n            margin-top: 20px;\n        }\n        .exam-date-badge i { color: var(--accent-orange-light); }\n\n        \/* ============================================\n           QUICK STATS\n           ============================================ *\/\n        .quick-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            margin-top: 25px;\n            flex-wrap: wrap;\n        }\n        .stat-item {\n            text-align: center;\n            color: white;\n        }\n        .stat-value {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 1.8rem;\n            font-weight: 800;\n            color: var(--accent-orange-light);\n        }\n        .stat-label {\n            font-size: 0.8rem;\n            opacity: 0.8;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        \/* ============================================\n           MAIN CONTAINER & TABS\n           ============================================ *\/\n        .main-container { max-width: 1200px; margin: -50px auto 20px; padding: 0 15px; position: relative; z-index: 5; }\n        \n        .main-tabs-wrapper { \n            background: white;\n            border-radius: var(--radius-lg);\n            padding: 8px;\n            display: flex;\n            gap: 8px;\n            margin-bottom: 25px;\n            box-shadow: var(--shadow-lg);\n            flex-wrap: wrap;\n        }\n        \n        .main-tab-btn { \n            position: relative;\n            flex: 1;\n            min-width: 150px;\n            display: flex; \n            align-items: center; \n            justify-content: center; \n            gap: 10px; \n            padding: 16px 20px; \n            background: white;\n            border: none;\n            font-family: 'Poppins', sans-serif; \n            font-size: 0.95rem; \n            font-weight: 600; \n            color: var(--text-secondary);\n            cursor: pointer;\n            border-radius: var(--radius-md);\n            transition: var(--transition);\n            z-index: 1;\n        }\n\n        .main-tab-btn::before {\n            content: '';\n            position: absolute;\n            top: -3px;\n            left: -3px;\n            right: -3px;\n            bottom: -3px;\n     background: conic-gradient(from var(--angle), #ffd700, #ffec8b, #daa520, #b8860b, #ffd700);\nborder-radius: calc(var(--radius-md) + 3px);\n            z-index: -1;\n            animation: borderAnimation 3s linear infinite;\n        }\n\n        .main-tab-btn::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: white;\n            border-radius: var(--radius-md);\n            z-index: -1;\n            transition: var(--transition);\n        }\n\n        .main-tab-btn:hover { \n            transform: translateY(-3px);\n            box-shadow: var(--shadow-lg);\n        }\n        .main-tab-btn:hover::after { \n            background: var(--bg-hover); \n        }\n\n        .main-tab-btn i { \n            font-size: 1.2rem;\n            transition: var(--transition);\n            color: var(--primary-blue);\n        }\n        .main-tab-btn:hover i { \n            transform: scale(1.1); \n        }\n\n        .main-tab-btn.active::after { \n            background: var(--gradient-primary); \n        }\n        .main-tab-btn.active { \n            color: white; \n        }\n        .main-tab-btn.active i { \n            color: var(--accent-orange-light); \n        }\n\n        .content-wrapper { \n            background: var(--bg-card); \n            border-radius: var(--radius-lg); \n            box-shadow: var(--shadow-lg); \n            overflow: hidden;\n            border: 3px solid var(--border-color);\n            position: relative;\n        }\n        .content-wrapper::before {\n            content: '';\n            position: absolute;\n            top: -3px;\n            left: -3px;\n            right: -3px;\n            bottom: -3px;\n       background: conic-gradient(from var(--angle), #ffd700, #ffec8b, #daa520, #b8860b, #ffd700);\nborder-radius: calc(var(--radius-lg) + 3px);\n            z-index: -1;\n            animation: borderAnimation 4s linear infinite;\n        }\n        \n        .tab-panel { display: none; animation: fadeIn 0.4s ease; }\n        .tab-panel.active { display: block; }\n\n        \/* ============================================\n           BORDERED SECTIONS\n           ============================================ *\/\n        .bordered-section {\n            border: 2px solid var(--border-color);\n            border-radius: var(--radius-lg);\n            margin: 20px;\n            overflow: hidden;\n        }\n        \n        .section-header {\n            background: var(--gradient-primary);\n            padding: 18px 25px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            color: white;\n        }\n        .section-header i { font-size: 1.3rem; color: var(--accent-orange-light); }\n        .section-header-title {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-weight: 700;\n            font-size: 1.1rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        \n        .section-content {\n            padding: 25px;\n            background: var(--bg-secondary);\n        }\n\n        \/* ============================================\n           POST CATEGORY CARDS\n           ============================================ *\/\n        .post-category-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 20px;\n        }\n        \n        .post-category-card {\n            background: var(--bg-card);\n            border-radius: var(--radius-lg);\n            padding: 22px;\n            cursor: pointer;\n            transition: var(--transition);\n            border: 2px solid var(--border-color);\n            position: relative;\n            overflow: hidden;\n        }\n        .post-category-card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0;\n            width: 4px; height: 100%;\n            background: var(--primary-blue);\n            transition: var(--transition);\n        }\n        .post-category-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--shadow-lg);\n            border-color: var(--primary-blue-light);\n        }\n        .post-category-card:hover::before { width: 6px; }\n        .post-category-card.active {\n            border-color: var(--primary-blue);\n            box-shadow: 0 10px 30px rgba(37, 99, 235, 0.2);\n        }\n        .post-category-card.active::before { \n            width: 6px;\n            background: var(--gradient-secondary);\n        }\n        \n        .post-category-card-header {\n            display: flex; align-items: center; gap: 15px; margin-bottom: 12px;\n        }\n        .post-category-icon {\n            width: 50px; height: 50px;\n            background: var(--gradient-primary);\n            border-radius: var(--radius);\n            display: flex; align-items: center; justify-content: center;\n            color: white; font-size: 1.3rem;\n            flex-shrink: 0;\n        }\n        .post-category-card.active .post-category-icon { background: var(--gradient-secondary); }\n        \n        .post-category-title { \n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 1.05rem; font-weight: 700; \n            color: var(--text-primary);\n        }\n        .post-category-desc {\n            font-size: 0.85rem; color: var(--text-muted);\n            line-height: 1.6;\n        }\n        .post-category-badges {\n            display: flex;\n            gap: 8px;\n            margin-top: 10px;\n            flex-wrap: wrap;\n        }\n        .org-badge {\n            font-size: 0.7rem;\n            padding: 4px 10px;\n            border-radius: 20px;\n            font-weight: 600;\n            text-transform: uppercase;\n        }\n        .org-badge.kvs { background: rgba(37, 99, 235, 0.15); color: var(--primary-blue); }\n        .org-badge.nvs { background: rgba(16, 185, 129, 0.15); color: var(--success); }\n        .org-badge.both { background: rgba(139, 92, 246, 0.15); color: var(--purple); }\n\n        \/* ============================================\n           CONTENT PANELS\n           ============================================ *\/\n        .content-panel-wrapper { padding: 25px; }\n\n        .post-info-box { \n            background: linear-gradient(135deg, rgba(37, 99, 235, 0.05) 0%, rgba(245, 158, 11, 0.05) 100%); \n            border-radius: var(--radius-lg); \n            padding: 26px; \n            margin-bottom: 28px; \n            border: 2px solid var(--border-color); \n            border-left: 6px solid var(--accent-orange); \n        }\n        .post-info-header { \n            display: flex; align-items: center; gap: 18px; \n            margin-bottom: 18px; flex-wrap: wrap; \n        }\n        .post-info-icon { \n            width: 55px; height: 55px; \n            background: var(--gradient-primary); \n            border-radius: var(--radius); \n            display: flex; align-items: center; justify-content: center; \n            color: white; font-size: 1.4rem;\n            box-shadow: var(--shadow-md);\n        }\n        .post-info-header h2 { \n            font-family: 'Plus Jakarta Sans', sans-serif; \n            font-size: 1.35rem; font-weight: 700; \n            color: var(--text-primary); margin: 0; flex: 1; \n        }\n\n        \/* ============================================\n           ELIGIBILITY SECTION\n           ============================================ *\/\n        .eligibility-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 20px;\n            margin-bottom: 25px;\n        }\n        .eligibility-card {\n            background: var(--bg-card);\n            border-radius: var(--radius-md);\n            overflow: hidden;\n            border: 2px solid var(--border-color);\n            box-shadow: var(--shadow);\n        }\n        .eligibility-card-header {\n            background: var(--gradient-primary);\n            padding: 15px 20px;\n            color: white;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        .eligibility-card-header.kvs { background: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%); }\n        .eligibility-card-header.nvs { background: linear-gradient(135deg, #059669 0%, #10b981 100%); }\n        .eligibility-card-header h4 {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-weight: 700;\n            font-size: 1rem;\n            margin: 0;\n        }\n        .eligibility-card-body {\n            padding: 20px;\n        }\n        .eligibility-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 12px;\n            padding: 12px 0;\n            border-bottom: 1px solid var(--border-light);\n        }\n        .eligibility-item:last-child { border-bottom: none; }\n        .eligibility-label {\n            font-weight: 600;\n            font-size: 0.85rem;\n            color: var(--primary-blue);\n            min-width: 100px;\n            flex-shrink: 0;\n        }\n        .eligibility-value {\n            font-size: 0.9rem;\n            color: var(--text-secondary);\n            line-height: 1.6;\n        }\n\n        \/* ============================================\n           EXAM PATTERN SECTION\n           ============================================ *\/\n        .exam-pattern-section {\n            background: var(--bg-card);\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            margin-bottom: 30px;\n            box-shadow: var(--shadow-lg);\n            border: 2px solid var(--primary-blue-light);\n        }\n        .exam-pattern-header {\n            background: var(--gradient-primary);\n            padding: 22px 28px;\n            color: white;\n        }\n        .exam-pattern-header h3 {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 1.25rem; font-weight: 700;\n            display: flex; align-items: center; gap: 12px;\n            margin-bottom: 8px;\n        }\n        .exam-pattern-header p { font-size: 0.9rem; opacity: 0.9; }\n        .exam-pattern-body { padding: 25px; }\n\n        .exam-table-container { \n            overflow-x: auto; \n            border-radius: var(--radius-md); \n            border: 1px solid var(--border-color);\n        }\n        .exam-table { width: 100%; border-collapse: collapse; min-width: 650px; }\n        .exam-table thead { background: var(--gradient-dark); }\n        .exam-table th { \n            padding: 16px 20px; text-align: center; color: white; \n            font-weight: 600; font-size: 0.85rem; text-transform: uppercase; \n        }\n        .exam-table tbody tr { \n            border-bottom: 1px solid var(--border-light); \n            transition: var(--transition); \n        }\n        .exam-table tbody tr:hover { background: var(--bg-hover); }\n        .exam-table td { \n            padding: 16px 20px; text-align: center; \n            font-size: 0.9rem; vertical-align: middle;\n            color: var(--text-primary);\n        }\n        .exam-table td:first-child { \n            font-weight: 700; color: var(--primary-blue); \n        }\n        .exam-table td:nth-child(2) { text-align: left; }\n        .exam-table .highlight-row {\n            background: var(--accent-orange-fade);\n        }\n\n        \/* ============================================\n           SYLLABUS SECTION\n           ============================================ *\/\n        .syllabus-section { margin-bottom: 30px; }\n        .syllabus-header { \n            background: var(--gradient-primary); \n            padding: 18px 24px; \n            border-radius: var(--radius-md); \n            margin-bottom: 18px; \n            color: white; \n        }\n        .syllabus-header h3 { \n            font-family: 'Plus Jakarta Sans', sans-serif; \n            font-size: 1.1rem; font-weight: 700; margin: 0;\n            display: flex; align-items: center; gap: 14px; \n        }\n        .syllabus-content { \n            background: var(--bg-card); \n            border: 2px solid var(--border-color); \n            border-radius: var(--radius-md); \n            padding: 24px; \n            box-shadow: var(--shadow); \n        }\n        .syllabus-content h4 { \n            font-family: 'Plus Jakarta Sans', sans-serif; \n            font-size: 1rem; font-weight: 700; \n            color: var(--text-primary); \n            margin-bottom: 14px; \n            display: flex; align-items: center; gap: 10px; \n        }\n        .syllabus-content h4 i { color: var(--accent-orange); }\n        .syllabus-list { margin-left: 24px; margin-bottom: 18px; }\n        .syllabus-list li { \n            color: var(--text-secondary); font-size: 0.92rem; \n            line-height: 1.8; margin-bottom: 8px; \n        }\n        .syllabus-sublist {\n            margin-left: 20px;\n            margin-top: 8px;\n        }\n        .syllabus-sublist li {\n            font-size: 0.88rem;\n            margin-bottom: 5px;\n        }\n\n        .important-notes {\n            margin-top: 25px;\n            padding: 20px 24px;\n            background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(245, 158, 11, 0.05) 100%);\n            border-radius: var(--radius-lg);\n            border: 2px solid rgba(245, 158, 11, 0.3);\n            border-left: 5px solid var(--accent-orange);\n        }\n        .important-notes h4 { \n            font-size: 1rem; font-weight: 700; color: var(--text-primary); \n            margin-bottom: 12px; display: flex; align-items: center; gap: 10px; \n        }\n        .important-notes h4 i { color: var(--accent-orange); }\n        .important-notes ul { list-style: none; font-size: 0.88rem; color: var(--text-secondary); }\n        .important-notes li { \n            padding: 6px 0 6px 22px; position: relative; line-height: 1.6;\n        }\n        .important-notes li::before { \n            content: '\u2022'; position: absolute; left: 0; \n            color: var(--accent-orange); font-weight: bold; font-size: 1.2rem;\n        }\n\n        \/* Coverage Notice *\/\n        .coverage-notice {\n            background: linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%);\n            border: 2px solid var(--primary-blue-light);\n            border-radius: var(--radius-lg);\n            padding: 20px 25px;\n            margin: 20px;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n        .coverage-notice i {\n            font-size: 2rem;\n            color: var(--primary-blue);\n        }\n        .coverage-notice-content h4 {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-weight: 700;\n            color: var(--primary-blue);\n            margin-bottom: 5px;\n        }\n        .coverage-notice-content p {\n            font-size: 0.9rem;\n            color: var(--text-secondary);\n            margin: 0;\n        }\n\n        \/* ============================================\n           STUDY MATERIALS - DOCUMENT VIEWER\n           ============================================ *\/\n      .doc-subsection-header {\n    background: var(--bg-tertiary);\n    padding: 12px 20px;\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: var(--primary-blue);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n    transition: var(--transition);\n    border-bottom: 1px solid var(--border-color);\n}\n.doc-subsection-header:hover {\n    background: var(--bg-hover);\n}\n.doc-subsection-header i.main-icon {\n    color: var(--primary-blue);\n    margin-right: 8px;\n}\n.doc-subsection-header .arrow {\n    margin-left: auto;\n    transition: var(--transition);\n    font-size: 0.8rem;\n}\n.doc-subsection.open .doc-subsection-header .arrow {\n    transform: rotate(180deg);\n}\n\n.doc-subsection-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease;\n}\n.doc-subsection.open .doc-subsection-content {\n    max-height: 1000px;\n}\n.materials-container {\n            display: grid;\n            grid-template-columns: 380px 1fr;\n            gap: 0;\n            min-height: 650px;\n            border: 3px solid var(--accent-orange);\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            margin: 20px;\n        }\n        \n        .doc-sidebar {\n            background: var(--bg-secondary);\n            border-right: 3px solid var(--accent-orange);\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n        }\n        \n        .doc-sidebar-header {\n            background: var(--gradient-primary);\n            padding: 20px 22px;\n            color: white;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            position: sticky;\n            top: 0;\n            z-index: 10;\n        }\n        .doc-sidebar-header i { font-size: 1.4rem; color: var(--accent-orange-light); }\n        .doc-sidebar-header-title {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-weight: 700;\n            font-size: 1rem;\n        }\n        \n        .doc-topic-section {\n            border-bottom: 2px solid var(--accent-orange);\n        }\n        \n        .doc-topic-header {\n            background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(251, 191, 36, 0.2) 100%);\n            padding: 14px 20px;\n            font-weight: 600;\n            font-size: 0.92rem;\n            color: var(--accent-orange-dark);\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            border-left: 4px solid var(--accent-orange);\n            cursor: pointer;\n            transition: var(--transition);\n        }\n        .doc-topic-header:hover {\n            background: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(251, 191, 36, 0.25) 100%);\n        }\n        .doc-topic-header i { color: var(--accent-orange); }\n        .doc-topic-header .arrow {\n            margin-left: auto;\n            transition: var(--transition);\n        }\n        .doc-topic-section.open .doc-topic-header .arrow {\n            transform: rotate(180deg);\n        }\n        \n        .doc-list {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n        }\n        .doc-topic-section.open .doc-list {\n            max-height: 3000px;\n        }\n        \n        .doc-item {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            padding: 15px 22px;\n            cursor: pointer;\n            transition: var(--transition);\n            border-bottom: 1px solid var(--border-light);\n            background: var(--bg-card);\n        }\n        .doc-item:hover {\n            background: var(--bg-hover);\n        }\n        .doc-item.active {\n            background: linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(59, 130, 246, 0.15) 100%);\n            border-left: 4px solid var(--primary-blue);\n        }\n        \n        .doc-icon {\n            width: 48px;\n            height: 48px;\n            min-width: 48px;\n            background: var(--primary-blue);\n            border-radius: var(--radius);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 1.3rem;\n        }\n        .doc-icon.pdf { background: #dc2626; }\n        \n        .doc-info { flex: 1; min-width: 0; }\n        .doc-name {\n            font-weight: 600;\n            font-size: 0.9rem;\n            margin-bottom: 4px;\n            color: var(--text-primary);\n        }\n        .doc-badge {\n            display: inline-block;\n            font-size: 0.7rem;\n            padding: 3px 10px;\n            border-radius: 20px;\n            font-weight: 600;\n        }\n        .doc-badge.updated { background: rgba(16, 185, 129, 0.15); color: var(--success); }\n        .doc-badge.official { background: rgba(37, 99, 235, 0.15); color: var(--primary-blue); }\n        .doc-badge.latest { background: rgba(245, 158, 11, 0.15); color: var(--accent-orange-dark); }\n        \n        .pdf-viewer {\n            background: var(--bg-tertiary);\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .pdf-viewer-header {\n            background: var(--gradient-secondary);\n            padding: 18px 22px;\n            color: white;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n        .pdf-viewer-header i { font-size: 1.3rem; }\n        .pdf-viewer-title {\n            font-weight: 600;\n            font-size: 1rem;\n            flex: 1;\n        }\n        \n        .pdf-viewer-content {\n            flex: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 25px;\n        }\n        \n        .pdf-placeholder {\n            text-align: center;\n            color: var(--text-muted);\n        }\n        .pdf-placeholder i {\n            font-size: 5rem;\n            margin-bottom: 20px;\n            opacity: 0.3;\n        }\n        .pdf-placeholder p {\n            font-size: 1.1rem;\n            margin-bottom: 8px;\n        }\n        .pdf-placeholder .sub { font-size: 0.9rem; opacity: 0.7; }\n        \n        .pdf-frame {\n            width: 100%;\n            height: 100%;\n            border: none;\n            border-radius: var(--radius);\n            background: white;\n        }\n\n        \/* Official Links *\/\n        .official-links {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 12px;\n            margin-top: 20px;\n        }\n        .official-link-btn {\n            position: relative;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 14px 24px;\n            background: white;\n            border: none;\n            font-family: 'Poppins', sans-serif;\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: var(--text-secondary);\n            cursor: pointer;\n            border-radius: var(--radius-md);\n            transition: var(--transition);\n            text-decoration: none;\n            z-index: 1;\n        }\n        .official-link-btn::before {\n            content: '';\n            position: absolute;\n            top: -3px;\n            left: -3px;\n            right: -3px;\n            bottom: -3px;\n   background: conic-gradient(from var(--angle), #ffd700, #4169E1, #daa520, #1e3a8a, #ffd700);\nborder-radius: calc(var(--radius-md) + 3px);\n            z-index: -1;\n            animation: borderAnimation 3s linear infinite;\n        }\n        .official-link-btn::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: white;\n            border-radius: var(--radius-md);\n            z-index: -1;\n            transition: var(--transition);\n        }\n        .official-link-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-lg);\n        }\n        .official-link-btn:hover::after {\n            background: var(--bg-hover);\n        }\n        .official-link-btn i {\n            color: var(--primary-blue);\n        }\n\n        \/* ============================================\n           SELECTION PROCESS TIMELINE\n           ============================================ *\/\n        .selection-timeline {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            padding: 30px 20px;\n            position: relative;\n            flex-wrap: wrap;\n            gap: 20px;\n        }\n        .selection-timeline::before {\n            content: '';\n            position: absolute;\n            top: 65px;\n            left: 10%;\n            right: 10%;\n            height: 4px;\n            background: linear-gradient(90deg, var(--primary-blue), var(--accent-orange));\n            border-radius: 2px;\n        }\n        .timeline-step {\n            flex: 1;\n            min-width: 150px;\n            text-align: center;\n            position: relative;\n            z-index: 1;\n        }\n        .timeline-icon {\n            width: 70px;\n            height: 70px;\n            background: var(--gradient-primary);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 15px;\n            color: white;\n            font-size: 1.5rem;\n            box-shadow: var(--shadow-lg);\n            border: 4px solid white;\n        }\n        .timeline-step:nth-child(2) .timeline-icon { background: var(--gradient-secondary); }\n        .timeline-step:nth-child(3) .timeline-icon { background: linear-gradient(135deg, var(--success), #34d399); }\n        .timeline-step:nth-child(4) .timeline-icon { background: linear-gradient(135deg, var(--purple), #a78bfa); }\n        .timeline-title {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-weight: 700;\n            font-size: 0.95rem;\n            color: var(--text-primary);\n            margin-bottom: 5px;\n        }\n        .timeline-desc {\n            font-size: 0.8rem;\n            color: var(--text-muted);\n            line-height: 1.5;\n        }\n\n        \/* ============================================\n           TOAST NOTIFICATIONS\n           ============================================ *\/\n        .toast-container {\n            position: fixed;\n            bottom: 30px;\n            right: 30px;\n            z-index: 10000;\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n        .toast {\n            background: var(--bg-card);\n            padding: 15px 25px;\n            border-radius: var(--radius-md);\n            box-shadow: var(--shadow-lg);\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            min-width: 300px;\n            animation: fadeIn 0.3s ease;\n            border-left: 4px solid var(--success);\n        }\n        .toast i { font-size: 1.3rem; color: var(--success); }\n        .toast-content { flex: 1; }\n        .toast-title { font-weight: 600; font-size: 0.95rem; }\n        .toast-message { font-size: 0.85rem; color: var(--text-secondary); }\n        .toast-close {\n            background: none;\n            border: none;\n            color: var(--text-muted);\n            cursor: pointer;\n            padding: 5px;\n        }\n\n        \/* ============================================\n           SCROLL TO TOP\n           ============================================ *\/\n        .scroll-top-btn { \n            position: fixed; bottom: 30px; right: 30px; \n            width: 52px; height: 52px; \n            background: var(--gradient-secondary); \n            color: white; border: none; border-radius: 50%; \n            cursor: pointer; font-size: 1.3rem; \n            box-shadow: var(--shadow-lg); \n            transition: var(--transition); \n            opacity: 0; visibility: hidden; z-index: 1000; \n        }\n        .scroll-top-btn.visible { opacity: 1; visibility: visible; }\n        .scroll-top-btn:hover { \n            transform: translateY(-5px) scale(1.1); \n            box-shadow: var(--shadow-xl);\n        }\n\n        \/* ============================================\n           FOOTER\n           ============================================ *\/\n        .footer {\n            background: var(--gradient-dark);\n            color: white;\n            text-align: center;\n            padding: 25px 20px;\n            margin-top: 30px;\n        }\n        .footer a {\n            color: var(--accent-orange-light);\n        }\n        .footer p {\n            margin: 5px 0;\n        }\n        .footer .disclaimer {\n            font-size: 0.85rem;\n            opacity: 0.8;\n        }\n\n        \/* ============================================\n           RESPONSIVE\n           ============================================ *\/\n        @media (max-width: 992px) {\n            .post-category-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }\n            .eligibility-grid { grid-template-columns: 1fr; }\n            .materials-container { grid-template-columns: 1fr; }\n            .pdf-viewer { min-height: 450px; }\n            .main-tabs-wrapper { flex-direction: column; }\n            .selection-timeline::before { display: none; }\n        }\n        @media (max-width: 768px) {\n            .hero { padding: 40px 15px 80px; }\n            .countdown-container { gap: 10px; }\n            .countdown-box { min-width: 65px; padding: 12px 15px; }\n            .countdown-value { font-size: 1.5rem; }\n            .quick-stats { gap: 20px; }\n            .main-tabs-wrapper { flex-direction: column; }\n            .main-tab-btn { max-width: 100%; }\n            .content-panel-wrapper { padding: 20px; }\n            .bordered-section { margin: 15px; }\n            .materials-container { margin: 15px; }\n            .coverage-notice { flex-direction: column; text-align: center; }\n            .timeline-step { min-width: 100%; }\n        }\n        @media (max-width: 480px) {\n            .post-category-grid { grid-template-columns: 1fr; }\n            .exam-table { min-width: 550px; }\n            .eligibility-item { flex-direction: column; gap: 5px; }\n            .eligibility-label { min-width: auto; }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Reading Progress -->\n    <div class=\"reading-progress\" id=\"readingProgress\"><\/div>\n\n    <!-- Toast Container -->\n    <div class=\"toast-container\" id=\"toastContainer\"><\/div>\n\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"hero-container\">\n            <div class=\"hero-badges\">\n                <div class=\"hero-badge kvs\"><i class=\"fas fa-school\"><\/i> KVS<\/div>\n                <div class=\"hero-badge nvs\"><i class=\"fas fa-university\"><\/i> NVS<\/div>\n            <\/div>\n            <h1 class=\"hero-title\">KVS & NVS <span>Direct Recruitment 2025-26<\/span><\/h1>\n            <p class=\"hero-description\">Complete preparation guide for Teaching & Non-Teaching posts recruitment through CBSE for Kendriya Vidyalaya Sangathan and Navodaya Vidyalaya Samiti<\/p>\n            \n        \n\n            <!-- Quick Stats -->\n           \n        <\/div>\n    <\/section>\n\n    <!-- Main Container -->\n    <div class=\"main-container\">\n        <!-- Main Tabs -->\n        <div class=\"main-tabs-wrapper\">\n            <button class=\"main-tab-btn active\" data-tab=\"scheme\">\n                <i class=\"fas fa-clipboard-list\"><\/i> Scheme of Exam\n            <\/button>\n            <button class=\"main-tab-btn\" data-tab=\"eligibility\">\n                <i class=\"fas fa-user-check\"><\/i> Eligibility\n            <\/button>\n            <button class=\"main-tab-btn\" data-tab=\"syllabus\">\n                <i class=\"fas fa-book-open\"><\/i> Syllabus\n            <\/button>\n            <button class=\"main-tab-btn\" data-tab=\"study-material\">\n                <i class=\"fas fa-graduation-cap\"><\/i> Study Material\n            <\/button>\n        <\/div>\n\n        <div class=\"content-wrapper\">\n            <!-- Tab 1: Scheme of Exam -->\n            <div id=\"scheme\" class=\"tab-panel active\">\n                <div class=\"bordered-section\">\n                    <div class=\"section-header\">\n                        <i class=\"fas fa-link\"><\/i>\n                        <span class=\"section-header-title\">Official Documents & Links<\/span>\n                    <\/div>\n                    <div class=\"section-content\">\n                      \n                        <div class=\"official-links\">\n                            <a href=\"https:\/\/www.cbse.gov.in\/\" target=\"_blank\" class=\"official-link-btn\">\n                                <i class=\"fas fa-external-link-alt\"><\/i> CBSE Official Website\n                            <\/a>\n                            <a href=\"https:\/\/kvsangathan.nic.in\/\" target=\"_blank\" class=\"official-link-btn\">\n                                <i class=\"fas fa-school\"><\/i> KVS Official Website\n                            <\/a>\n                            <a href=\"https:\/\/navodaya.gov.in\/\" target=\"_blank\" class=\"official-link-btn\">\n                                <i class=\"fas fa-university\"><\/i> NVS Official Website\n                            <\/a>\n                           \n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Selection Process Timeline -->\n                <div class=\"bordered-section\">\n                    <div class=\"section-header\">\n                        <i class=\"fas fa-route\"><\/i>\n                        <span class=\"section-header-title\">Selection Process<\/span>\n                    <\/div>\n                    <div class=\"section-content\">\n                        <div class=\"selection-timeline\">\n                            <div class=\"timeline-step\">\n                                <div class=\"timeline-icon\"><i class=\"fas fa-file-alt\"><\/i><\/div>\n                                <div class=\"timeline-title\">Tier-I<\/div>\n                                <div class=\"timeline-desc\">Preliminary (Qualifying) Examination - OMR Based Objective<\/div>\n                            <\/div>\n                            <div class=\"timeline-step\">\n                                <div class=\"timeline-icon\"><i class=\"fas fa-pen-fancy\"><\/i><\/div>\n                                <div class=\"timeline-title\">Tier-II<\/div>\n                                <div class=\"timeline-desc\">Subject Knowledge Examination - Objective + Descriptive<\/div>\n                            <\/div>\n                            <div class=\"timeline-step\">\n                                <div class=\"timeline-icon\"><i class=\"fas fa-users\"><\/i><\/div>\n                                <div class=\"timeline-title\">Interview<\/div>\n                                <div class=\"timeline-desc\">Personal Interview (100 marks) - For select posts only<\/div>\n                            <\/div>\n                            <div class=\"timeline-step\">\n                                <div class=\"timeline-icon\"><i class=\"fas fa-trophy\"><\/i><\/div>\n                                <div class=\"timeline-title\">Final Merit<\/div>\n                                <div class=\"timeline-desc\">85% Tier-II + 15% Interview (where applicable)<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"content-panel-wrapper\">\n                    <!-- Tier-I Pattern -->\n                    <div class=\"exam-pattern-section\">\n                        <div class=\"exam-pattern-header\">\n                            <h3><i class=\"fas fa-clipboard-list\"><\/i> Tier-I Examination Pattern (Preliminary)<\/h3>\n                            <p>Qualifying Examination - OMR (Objective) Mode - 2 Hours Duration<\/p>\n                        <\/div>\n                        <div class=\"exam-pattern-body\">\n                            <div class=\"exam-table-container\">\n                                <table class=\"exam-table\">\n                                    <thead>\n                                        <tr>\n                                            <th>Part<\/th>\n                                            <th>Component<\/th>\n                                            <th>No. of Questions<\/th>\n                                            <th>Marks<\/th>\n                                        <\/tr>\n                                    <\/thead>\n                                    <tbody>\n                                        <tr>\n                                            <td>Part-I<\/td>\n                                            <td>General Reasoning<\/td>\n                                            <td>20<\/td>\n                                            <td>60<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Part-II<\/td>\n                                            <td>Numeric Ability<\/td>\n                                            <td>20<\/td>\n                                            <td>60<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Part-III<\/td>\n                                            <td>Basic Computer Literacy<\/td>\n                                            <td>20<\/td>\n                                            <td>60<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Part-IV<\/td>\n                                            <td>General Knowledge<\/td>\n                                            <td>20<\/td>\n                                            <td>60<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Part-V<\/td>\n                                            <td>Language Competency Test (English)<\/td>\n                                            <td>10<\/td>\n                                            <td>30<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Part-VI<\/td>\n                                            <td>Language Competency Test (Modern Indian Language)<\/td>\n                                            <td>10<\/td>\n                                            <td>30<\/td>\n                                        <\/tr>\n                                        <tr class=\"highlight-row\">\n                                            <td colspan=\"2\"><strong>Total<\/strong><\/td>\n                                            <td><strong>100<\/strong><\/td>\n                                            <td><strong>300<\/strong><\/td>\n                                        <\/tr>\n                                    <\/tbody>\n                                <\/table>\n                            <\/div>\n                            <div class=\"important-notes\" style=\"margin-top: 20px;\">\n                                <h4><i class=\"fas fa-info-circle\"><\/i> Important Information - Tier I<\/h4>\n                                <ul>\n                                    <li><strong>Negative Marking:<\/strong> 1\/3rd marks (1 mark) will be deducted for each wrong answer<\/li>\n                                    <li><strong>Shortlisting Ratio:<\/strong> Candidates shortlisted for Tier-2 in ratio of 1:10 relative to vacancies<\/li>\n                                    <li><strong>Expected Knowledge Level:<\/strong> Post Graduation level for AC, Principal, VP, PGT | Graduation level for TGT, AO, FO, AE, ASO, SSA | Senior Secondary for PRT, JSA<\/li>\n                                    <li><strong>Medium:<\/strong> Part I-IV bilingual (English + one Modern Indian Language), Part V English only, Part VI chosen language only<\/li>\n                                    <li><strong>Modern Indian Languages:<\/strong> Hindi, Assamese, Bengali, Gujarati, Kannada, Malayalam, Marathi, Odia, Punjabi, Tamil, Telugu, Urdu<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Tier-II Pattern -->\n                    <div class=\"exam-pattern-section\">\n                        <div class=\"exam-pattern-header\">\n                            <h3><i class=\"fas fa-pen-fancy\"><\/i> Tier-II Examination Pattern (Subject Knowledge)<\/h3>\n                            <p>Combination of Pen-Paper and OMR Based - 2.5 Hours Duration<\/p>\n                        <\/div>\n                        <div class=\"exam-pattern-body\">\n                            <div class=\"exam-table-container\">\n                                <table class=\"exam-table\">\n                                    <thead>\n                                        <tr>\n                                            <th>Component<\/th>\n                                            <th>Type<\/th>\n                                            <th>No. of Questions<\/th>\n                                            <th>Marks<\/th>\n                                        <\/tr>\n                                    <\/thead>\n                                    <tbody>\n                                        <tr>\n                                            <td>Part A<\/td>\n                                            <td>Objective (OMR Based)<\/td>\n                                            <td>60<\/td>\n                                            <td>60<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Part B<\/td>\n                                            <td>Descriptive (Pen-Paper)<\/td>\n                                            <td>10<\/td>\n                                            <td>40<\/td>\n                                        <\/tr>\n                                        <tr class=\"highlight-row\">\n                                            <td colspan=\"2\"><strong>Total<\/strong><\/td>\n                                            <td><strong>70<\/strong><\/td>\n                                            <td><strong>100<\/strong><\/td>\n                                        <\/tr>\n                                    <\/tbody>\n                                <\/table>\n                            <\/div>\n                            <div class=\"important-notes\" style=\"margin-top: 20px;\">\n                                <h4><i class=\"fas fa-info-circle\"><\/i> Important Information - Tier II<\/h4>\n                                <ul>\n                                    <li><strong>Negative Marking:<\/strong> 1\/4th marks (0.25) will be deducted for each wrong answer in objective section<\/li>\n                                    <li><strong>Medium:<\/strong> Bilingual (Hindi & English)<\/li>\n                                    <li><strong>Shortlisting for Interview:<\/strong> Candidates shortlisted in ratio of 1:3 relative to vacancies<\/li>\n                                    <li><strong>Duration:<\/strong> 2 hours 30 minutes (150 minutes) without separate time limit for each part<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Interview Details -->\n                    <div class=\"exam-pattern-section\">\n                        <div class=\"exam-pattern-header\">\n                            <h3><i class=\"fas fa-users\"><\/i> Interview \/ Personal Interaction<\/h3>\n                            <p>Applicable for select posts - Merit list: 85% Tier-II + 15% Interview<\/p>\n                        <\/div>\n                        <div class=\"exam-pattern-body\">\n                            <div class=\"exam-table-container\">\n                                <table class=\"exam-table\">\n                                    <thead>\n                                        <tr>\n                                            <th>Post<\/th>\n                                            <th>Interview<\/th>\n                                            <th>Interview Marks<\/th>\n                                            <th>Interview Ratio<\/th>\n                                        <\/tr>\n                                    <\/thead>\n                                    <tbody>\n                                        <tr>\n                                            <td>Assistant Commissioner<\/td>\n                                            <td>Yes<\/td>\n                                            <td>100 Marks<\/td>\n                                            <td>1:3<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Principal<\/td>\n                                            <td>Yes<\/td>\n                                            <td>100 Marks<\/td>\n                                            <td>1:3<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Vice-Principal (KVS)<\/td>\n                                            <td>Yes<\/td>\n                                            <td>100 Marks<\/td>\n                                            <td>1:3<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Administrative Officer<\/td>\n                                            <td>Yes<\/td>\n                                            <td>100 Marks<\/td>\n                                            <td>1:3<\/td>\n                                        <\/tr>\n                                        <tr class=\"highlight-row\">\n                                            <td>Assistant Section Officer<\/td>\n                                            <td>No Interview<\/td>\n                                            <td colspan=\"2\">Merit based on Tier-II only<\/td>\n                                        <\/tr>\n                                        <tr class=\"highlight-row\">\n                                            <td>Senior Secretariat Assistant<\/td>\n                                            <td>No Interview<\/td>\n                                            <td colspan=\"2\">Merit based on Tier-II only<\/td>\n                                        <\/tr>\n                                    <\/tbody>\n                                <\/table>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Age Relaxation -->\n                    <div class=\"exam-pattern-section\">\n                        <div class=\"exam-pattern-header\">\n                            <h3><i class=\"fas fa-user-clock\"><\/i> Age Relaxation<\/h3>\n                            <p>Category-wise relaxation in upper age limit<\/p>\n                        <\/div>\n                        <div class=\"exam-pattern-body\">\n                            <div class=\"exam-table-container\">\n                                <table class=\"exam-table\">\n                                    <thead>\n                                        <tr>\n                                            <th>Category<\/th>\n                                            <th>Age Relaxation<\/th>\n                                        <\/tr>\n                                    <\/thead>\n                                    <tbody>\n                                        <tr>\n                                            <td>Scheduled Caste \/ Scheduled Tribe<\/td>\n                                            <td>5 years<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Other Backward Classes (Non-Creamy Layer)<\/td>\n                                            <td>3 years<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Regular NVS Employees (for posts in NVS)<\/td>\n                                            <td>5 years<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Regular KVS Employees - General<\/td>\n                                            <td>5 years<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Regular KVS Employees - OBC<\/td>\n                                            <td>8 years<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Regular KVS Employees - SC\/ST<\/td>\n                                            <td>10 years<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Persons with Benchmark Disabilities - General<\/td>\n                                            <td>10 years<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Persons with Benchmark Disabilities - OBC<\/td>\n                                            <td>13 years<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td>Persons with Benchmark Disabilities - SC\/ST<\/td>\n                                            <td>15 years<\/td>\n                                        <\/tr>\n                                    <\/tbody>\n                                <\/table>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Tab 2: Eligibility -->\n            <div id=\"eligibility\" class=\"tab-panel\">\n                <div class=\"coverage-notice\">\n                    <i class=\"fas fa-bullhorn\"><\/i>\n                    <div class=\"coverage-notice-content\">\n                        <h4>Currently Covering These Posts<\/h4>\n                        <p>Assistant Commissioner, Principal, Vice-Principal, Administrative Officer, Senior Secretariat Assistant, and Assistant Section Officer. More categories will be added soon!<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bordered-section\">\n                    <div class=\"section-header\">\n                        <i class=\"fas fa-th-large\"><\/i>\n                        <span class=\"section-header-title\">Select Post Category<\/span>\n                    <\/div>\n                    <div class=\"section-content\">\n                        <div class=\"post-category-grid\" id=\"eligibilityPostGrid\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"content-panel-wrapper\" id=\"eligibilityContent\"><\/div>\n            <\/div>\n\n            <!-- Tab 3: Syllabus -->\n            <div id=\"syllabus\" class=\"tab-panel\">\n                <div class=\"coverage-notice\">\n                    <i class=\"fas fa-bullhorn\"><\/i>\n                    <div class=\"coverage-notice-content\">\n                        <h4>Tier-II Detailed Syllabus<\/h4>\n                        <p>Complete syllabus for Subject Knowledge Examination (Tier-II) for selected posts. Select a post category to view detailed syllabus.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bordered-section\">\n                    <div class=\"section-header\">\n                        <i class=\"fas fa-th-large\"><\/i>\n                        <span class=\"section-header-title\">Select Post Category<\/span>\n                    <\/div>\n                    <div class=\"section-content\">\n                        <div class=\"post-category-grid\" id=\"syllabusPostGrid\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"content-panel-wrapper\" id=\"syllabusContent\"><\/div>\n            <\/div>\n\n            <!-- Tab 4: Study Material -->\n            <div id=\"study-material\" class=\"tab-panel\">\n                <div class=\"coverage-notice\">\n                    <i class=\"fas fa-bullhorn\"><\/i>\n                    <div class=\"coverage-notice-content\">\n                        <h4>Study Materials for KVS & NVS Direct Recruitment<\/h4>\n                        <p>Access comprehensive study materials organized by topics for Administrative and Educational posts.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bordered-section\">\n                    <div class=\"section-header\">\n                        <i class=\"fas fa-th-large\"><\/i>\n                        <span class=\"section-header-title\">Select Post Category<\/span>\n                    <\/div>\n                    <div class=\"section-content\">\n                        <div class=\"post-category-grid\" id=\"studyMaterialPostGrid\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"materials-container\" id=\"materialsContainer\">\n                    <div class=\"doc-sidebar\">\n                        <div class=\"doc-sidebar-header\">\n                            <i class=\"fas fa-folder-open\"><\/i>\n                            <span class=\"doc-sidebar-header-title\">Select a Document to View<\/span>\n                        <\/div>\n                        <div id=\"docList\"><\/div>\n                    <\/div>\n                    <div class=\"pdf-viewer\">\n                        <div class=\"pdf-viewer-header\" id=\"pdfHeader\">\n                            <i class=\"fas fa-file-pdf\"><\/i>\n                            <span class=\"pdf-viewer-title\" id=\"pdfTitle\">No Document Selected<\/span>\n                        <\/div>\n                        <div class=\"pdf-viewer-content\" id=\"pdfContent\">\n                            <div class=\"pdf-placeholder\">\n                                <i class=\"fas fa-file-pdf\"><\/i>\n                                <p>Select a document from the list<\/p>\n                                <p class=\"sub\">Click on any document to view it here<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Scroll to Top -->\n    <button class=\"scroll-top-btn\" id=\"scrollTopBtn\">\n        <i class=\"fas fa-arrow-up\"><\/i>\n    <\/button>\n\n  \n\n    <script>\n        \/* ============================================\n           CONFIGURATION DATA\n           ============================================ *\/\n        const postCategories = {\n            assistant_commissioner: {\n                id: 'assistant_commissioner',\n                name: 'Assistant Commissioner',\n                fullName: 'Assistant Commissioner',\n                icon: 'fa-user-tie',\n                description: 'Level-12 (\u20b978,800-2,09,200)',\n                organizations: ['kvs', 'nvs'],\n                payScale: 'Level-12 (\u20b978,800-2,09,200) in Pay Matrix',\n                eligibility: {\n                    kvs: {\n                        ageLimit: 'Not exceeding 50 years',\n                        qualifications: [\n                            \"Master's Degree from a recognized university with at least 50% marks\",\n                            \"B.Ed. from NCTE Recognized Institute\/University with at least 50% marks OR Three-year integrated B.Ed.-M.Ed. from NCTE Recognized Institute\/University with at least 50% marks\",\n                            \"Working as Principal in the Pay Level 12 (\u20b978,800 to \u20b92,09,200) for at least 03 years in Central\/State\/Autonomous Organizations of Central Govt.\/State Govt.\",\n                            \"Knowledge of computer applications\",\n                            \"Working knowledge of Hindi and English\"\n                        ]\n                    },\n                    nvs: {\n                        ageLimit: 'Not exceeding 45 years',\n                        qualifications: [\n                            \"Master's Degree from a recognized university with at least 50% marks\",\n                            \"B.Ed. from NCTE Recognized Institute\/University\",\n                            \"Working as Principal in the Pay Level 12 (\u20b978,800 to \u20b92,09,200) for at least 03 years in Central\/State\/Autonomous Organizations of Central Govt.\/State Govt.\"\n                        ],\n                        desirable: [\n                            \"Working knowledge of English and Hindi \/ other Regional Language\",\n                            \"Experience of working in a residential school\",\n                            \"Research work done in the field of education\"\n                        ]\n                    }\n                },\n                hasInterview: true\n            },\n            principal: {\n                id: 'principal',\n                name: 'Principal',\n                fullName: 'Principal',\n                icon: 'fa-user-graduate',\n                description: 'Level-12 (\u20b978,800-2,09,200)',\n                organizations: ['kvs', 'nvs'],\n                payScale: 'Level-12 (\u20b978,800-2,09,200) in Pay Matrix',\n                eligibility: {\n                    common: {\n                        ageLimit: 'Minimum 35 years and Maximum 50 years',\n                        qualifications: [\n                            \"Master's Degree with at least 50% marks from recognized institution\/University\",\n                            \"Bachelor degree in Education (B.Ed.) with at least 50% marks from NCTE recognized Institution\/University OR Three year integrated B.Ed.-M.Ed. from NCTE recognized institution\/University with at least 50% marks OR Four years Integrated Degree with at least 50% marks including B.Ed. component from NCTE recognized Institution\/University\",\n                            \"Knowledge of Computer Applications\",\n                            \"Working knowledge of Hindi and English\"\n                        ],\n                        experience: [\n                            \"Working as Principal in Pay Level-12 (\u20b978,800-2,09,200) in Central\/State Govt.\/Autonomous organizations\",\n                            \"OR For KVS: Working as Vice-Principal for 3 years in Pay Level-10 (\u20b956,100-1,77,500)\",\n                            \"OR For NVS: Vice-Principal\/Asstt. Education Officer in Level-10 with 09 years of combined service as PGT and Vice-Principal, minimum 03 years as Vice-Principal\",\n                            \"OR 12 years regular service as PGT\/Lecturer in Pay Level-8 (\u20b947,600-1,51,100)\"\n                        ]\n                    },\n                    nvs: {\n                        desirable: [\n                            \"At least three years' experience as House Master of a fully residential school\",\n                            \"Experience of working in a fully residential\/CBSE affiliated\/Govt. recognized school\"\n                        ]\n                    }\n                },\n                hasInterview: true\n            },\n            vice_principal: {\n                id: 'vice_principal',\n                name: 'Vice-Principal',\n                fullName: 'Vice-Principal (KVS Only)',\n                icon: 'fa-chalkboard-teacher',\n                description: 'Level-10 (\u20b956,100-1,77,500)',\n                organizations: ['kvs'],\n                payScale: 'Level-10 (\u20b956,100-1,77,500) in Pay Matrix',\n                eligibility: {\n                    kvs: {\n                        ageLimit: 'Minimum 35 years and Maximum 45 years',\n                        qualifications: [\n                            \"Master Degree from a recognized university with at least 50% marks in aggregate\",\n                            \"Bachelor Degree in Education (B.Ed.) with at least 50% marks from NCTE Recognized Institute\/University OR Three-year integrated B.Ed.-M.Ed. with at least 50% marks from any NCTE recognized Institute\/University OR Four years Integrated degree with at least 50% marks from NCTE recognized Institution\/University including B.Ed. component\",\n                            \"Knowledge of Computer Applications\",\n                            \"Working knowledge of Hindi and English\"\n                        ],\n                        experience: [\n                            \"Working as Vice Principal in Central\/State Govt.\/Autonomous organizations in Pay Level 10 (\u20b956,100 to \u20b91,77,500)\",\n                            \"OR Working as PGT or Lecturer in Central\/State Govt.\/Autonomous organizations in Pay Level 8 (\u20b947,600 to \u20b91,51,100) for at least 06 years\"\n                        ]\n                    }\n                },\n                hasInterview: true\n            },\n            administrative_officer: {\n                id: 'administrative_officer',\n                name: 'Administrative Officer',\n                fullName: 'Administrative Officer',\n                icon: 'fa-briefcase',\n                description: 'Level-10 (\u20b956,100-1,77,500)',\n                organizations: ['kvs'],\n                payScale: 'Level-10 (\u20b956,100-1,77,500) in Pay Matrix',\n                eligibility: {\n                    kvs: {\n                        ageLimit: 'Not exceeding 45 years',\n                        qualifications: [\n                            \"Graduate from recognized university\/Institute\",\n                            \"Three years' regular service as Section Officer at least in pay level 7 (\u20b944,900 to \u20b91,42,400) in the Central Govt.\/Autonomous Bodies of Central Govt.\",\n                            \"Knowledge of Computer application\"\n                        ]\n                    }\n                },\n                hasInterview: true\n            },\n            assistant_section_officer: {\n                id: 'assistant_section_officer',\n                name: 'Assistant Section Officer',\n                fullName: 'Assistant Section Officer',\n                icon: 'fa-user-cog',\n                description: 'Level-6 (\u20b935,400-1,12,400)',\n                organizations: ['kvs'],\n                payScale: 'Level-6 (\u20b935,400-1,12,400) in Pay Matrix',\n                eligibility: {\n                    kvs: {\n                        ageLimit: 'Not exceeding 35 years',\n                        qualifications: [\n                            \"Bachelor degree from recognized university\/Institute\",\n                            \"Working as UDC\/SSA or equivalent on regular basis for minimum 3 years in Level 4 (\u20b925,500-\u20b981,100) in Central Govt.\/Autonomous Bodies of Central Govt.\",\n                            \"Knowledge of Computer Applications\",\n                            \"Working knowledge of Hindi and English\"\n                        ]\n                    }\n                },\n                hasInterview: false\n            },\n            senior_secretariat_assistant: {\n                id: 'senior_secretariat_assistant',\n                name: 'Senior Secretariat Assistant',\n                fullName: 'Senior Secretariat Assistant',\n                icon: 'fa-file-contract',\n                description: 'Level-4 (\u20b925,500-81,100)',\n                organizations: ['kvs'],\n                payScale: 'Level-4 (\u20b925,500-81,100) in Pay Matrix',\n                eligibility: {\n                    kvs: {\n                        ageLimit: 'Not exceeding 30 years',\n                        qualifications: [\n                            \"Bachelor's degree from recognized university\/Institute or equivalent\",\n                            \"Working as JSA\/LDC or equivalent on regular basis for minimum 3 years in Level 2 (\u20b919,900-\u20b963,200) in Central Govt.\/Autonomous bodies of Central Govt.\",\n                            \"Knowledge of Computer Applications\",\n                            \"Working knowledge of Hindi and English\"\n                        ]\n                    }\n                },\n                hasInterview: false\n            }\n        };\n\n        \/\/ Syllabus Data\n        const syllabusData = {\n            assistant_commissioner: {\n                sections: [\n                    {\n                        title: 'I. Prospective on Education and Leadership',\n                        icon: 'fa-graduation-cap',\n                        subsections: [\n                            {\n                                title: 'A. Understanding the Learner',\n                                topics: [\n                                    'Concept of growth, maturation and development, principles and debates of development',\n                                    'Development tasks and challenges with special reference to the Foundational, preparatory, middle and secondary stage school children',\n                                    'Domains of Development: Physical, Cognitive, Socio-emotional, Moral etc., deviations in development and its implications',\n                                    'Role of Primary and Secondary Socialization agencies. Steps to ensure Home school continuity',\n                                    'Mental Health and Well Being'\n                                ]\n                            },\n                            {\n                                title: 'B. Understanding Teaching Learning',\n                                topics: [\n                                    'Theoretical perspectives on Learning - Behaviorism, Cognitivism and Constructivism with special reference to their implications for: The role of Principal, Role of Vice-Principal and HM, The role of teacher, The role of learner, Nature of teacher-student relationship, Innovative Pedagogical Practices, Productive Classroom environment, Understanding of discipline, power etc.',\n                                    'Factors affecting learning and their implications for: Designing classroom instructions, Planning student activities, Creating learning spaces in school'\n                                ]\n                            },\n                            {\n                                title: 'C. Planning and Organization of Teaching-Learning',\n                                topics: [\n                                    'Concept of Syllabus and Curriculum, Overt and Hidden Curriculum',\n                                    'Preparation of School Time-table',\n                                    'Foundational Literacy and Numeracy, Early Childhood Care and Education',\n                                    'Competency Based Lesson Planning',\n                                    'Competency Based Assessment',\n                                    'Instructional Material and Resources',\n                                    'Digital Technology in Teaching Learning',\n                                    'Classroom Observation, Feedback and Follow-up, Reflections and Dialogues as a means of constructivist teaching'\n                                ]\n                            },\n                            {\n                                title: 'D. Creating Conducive Learning Environment',\n                                topics: [\n                                    'Inclusive Education: The concepts of Diversity, disability and Inclusion, implications of disability as social construct, types of disabilities-their identification and interventions',\n                                    'Concept of School Mental Health & Well Being. Addressing the curative, preventive and promotive dimensions of mental health for all students and staff. Provisioning for guidance and counselling',\n                                    'Developing School and community as a learning resource',\n                                    'Right of Person with Disability Act-2016 as amended from time to time'\n                                ]\n                            },\n                            {\n                                title: 'E. School Organization and Leadership',\n                                topics: [\n                                    'Leader as reflective practitioner, team builder, initiator, coach and mentor',\n                                    'Perspectives on School Leadership: instructional, distributed and transformative',\n                                    'Vision building, goal setting and creating a School development Plan',\n                                    'Using School Processes and forums for strengthening teaching learning - Annual Calendar, time-tabling, parent teacher forums, school assembly, teacher development forums, using achievement data for improving teaching-learning, School Self-Assessment and Improvement',\n                                    'Creating partnerships with community, industry and other neighboring schools and Higher Education Institutes - forming learning communities',\n                                    'School Accreditation'\n                                ]\n                            },\n                            {\n                                title: 'F. Perspectives in Education',\n                                topics: [\n                                    'Role of school in achieving aims of education',\n                                    'Educational Policies of Govt of India',\n                                    'National Education Policy-2020',\n                                    'National Curriculum Framework for Foundational Stage-2022',\n                                    'National Curriculum Framework for School Education 2023',\n                                    'NIPUN Bharat Mission',\n                                    'Guiding Principles for Child Rights, Protecting and provisioning for rights of children to safe and secure school environment',\n                                    'Right of Children to free and Compulsory Education Act, 2009 as amended from time to time',\n                                    'Historically studying the National Policies in education with special reference to school education',\n                                    'School Curriculum Principles: Perspective, Learning and Knowledge, Curricular Areas, School Stages - Pedagogy & Assessment'\n                                ]\n                            }\n                        ]\n                    },\n                    {\n                        title: 'II. Management, Supervision and Leadership',\n                        icon: 'fa-chart-line',\n                        topics: [\n                            'Management: its nature and scope; The Management Processes; Planning, Organization, Staffing, Directing and Controlling; The Role of a Manager in an Organization',\n                            'Leadership: The Tasks of a Leader, Leadership Styles; Leadership Theories; A successful Leader versus an effective Leader',\n                            'Human Resource Development: Concept of HRD; Goals of HRD; Performance Appraisal \u2014 Potential appraisal and development \u2014 Feedback and Performance Counseling \u2014 Career Planning \u2014 Training and Development \u2014 Rewards \u2014 Employee Welfare',\n                            'Motivation, Morale and Incentives: Theories of Motivation; How Managers Motivate; Concept of Morale; Factors determining morale; Role of Incentives in Building up Morale',\n                            'Communication: Steps in the Communication Process; Communication Channels; Oral versus Written Communication; Verbal versus non-verbal Communication; upward, downward and lateral Communication; Barriers to Communication, Role of Information Technology',\n                            'Class Observation and School Supervision',\n                            'Ethics in School Management',\n                            'Emotional Intelligence'\n                        ]\n                    },\n                    {\n                        title: 'III. Administration and Finance',\n                        icon: 'fa-file-invoice-dollar',\n                        topics: [\n                            'Office Procedure & Office Management',\n                            'CCS (CCA) Rules 1965',\n                            'CCS (Conduct) Rules 1964',\n                            'Fundamental & Supplementary Rules',\n                            'TA Rules',\n                            'Leave Travel Concession Rule',\n                            'Principles of School Budget',\n                            'Medical Attendance Rules & CGHS',\n                            'Right to Information Act 2005',\n                            'Contract Labour (Abolition and Regulation) Act, 1970',\n                            'Income Tax & GST',\n                            'POSH & POCSO Acts',\n                            'MoE, NCPCR and NDMA guidelines for school safety and security',\n                            'Constitutional Provisions for PwBD, EWS, SC\/ST and other disadvantageous groups',\n                            'General Financial Rules - 2017 as amended from time to time',\n                            'CCS (Pension) Rules 2021, NPS',\n                            'Human Rights'\n                        ]\n                    }\n                ]\n            },\n            principal: {\n                sections: [\n                    {\n                        title: 'I. Prospective on Education and Leadership',\n                        icon: 'fa-graduation-cap',\n                        subsections: [\n                            {\n                                title: 'A. Understanding the Learner',\n                                topics: [\n                                    'Concept of growth, maturation and development, principles and debates of development',\n                                    'Development tasks and challenges with special reference to the foundational, preparatory, middle and secondary school children',\n                                    'Domains of Development: Physical, Cognitive, Socio-emotional, Moral etc., deviations in development and its implications',\n                                    'Role of Primary and Secondary Socialization agencies. Steps to ensure Home school continuity',\n                                    'Mental Health and Well Being'\n                                ]\n                            },\n                            {\n                                title: 'B. Understanding Teaching Learning',\n                                topics: [\n                                    'Theoretical perspectives on Learning - Behaviorism, Cognitivism and Constructivism with special reference to their implications for: The role of Principal, Role of Vice-Principal and HM, The role of teacher, The role of learner, Nature of teacher-student relationship, Innovative Pedagogical Practices, Productive Classroom environment, Understanding of discipline, power etc.',\n                                    'Factors affecting learning and their implications for: Designing classroom instructions, Planning student activities, Creating learning spaces in school'\n                                ]\n                            },\n                            {\n                                title: 'C. Planning and Organization of Teaching-Learning',\n                                topics: [\n                                    'Concept of Syllabus and Curriculum, Overt and Hidden Curriculum',\n                                    'Preparation of School Time-table',\n                                    'Foundational Literacy and Numeracy, Early Childhood Care and Education',\n                                    'Competency Based Lesson Planning',\n                                    'Competency Based Assessment',\n                                    'Instructional Material and Resources',\n                                    'Digital Technology in Teaching Learning',\n                                    'Classroom Observation, Feedback and Follow-up, Reflections and Dialogues as a means of constructivist teaching'\n                                ]\n                            },\n                            {\n                                title: 'D. Creating Conducive Learning Environment',\n                                topics: [\n                                    'Inclusive Education: The concepts of Diversity, disability and Inclusion, implications of disability as social construct, types of disabilities-their identification and interventions',\n                                    'Concept of School Mental Health & Well Being. Addressing the curative, preventive and promotive dimensions of mental health for all students and staff. Provisioning for guidance and counselling',\n                                    'Developing School and community as a learning resource',\n                                    'Right of Person with Disability Act-2016 as amended from time to time'\n                                ]\n                            },\n                            {\n                                title: 'E. School Organization and Leadership',\n                                topics: [\n                                    'Leader as reflective practitioner, team builder, initiator, coach and mentor',\n                                    'Perspectives on School Leadership: instructional, distributed and transformative',\n                                    'Vision building, goal setting and creating a School development Plan',\n                                    'Using School Processes and forums for strengthening teaching learning - Annual Calendar, time-tabling, parent teacher forums, school assembly, teacher development forums, using achievement data for improving teaching-learning, School Self-Assessment and Improvement',\n                                    'Creating partnerships with community, industry and other neighboring schools and Higher Education Institutes - forming learning communities',\n                                    'School Accreditation'\n                                ]\n                            },\n                            {\n                                title: 'F. Perspectives in Education',\n                                topics: [\n                                    'Role of school in achieving aims of education',\n                                    'Educational Policies of Govt of India',\n                                    'National Education Policy-2020',\n                                    'National Curriculum Framework Foundational Stage-2022',\n                                    'National Curriculum Framework for School Education-2023',\n                                    'NIPUN Bharat Mission',\n                                    'Guiding Principles for Child Rights, Protecting and provisioning for rights of children to safe and secure school environment',\n                                    'Right of Children to free and Compulsory Education Act, 2009',\n                                    'Historically studying the National Policies in education with special reference to school education',\n                                    'School Curriculum Principles: Perspective, Learning and Knowledge, Curricular Areas, School Stages - Pedagogy & Assessment'\n                                ]\n                            }\n                        ]\n                    },\n                    {\n                        title: 'II. Management, Supervision and Leadership',\n                        icon: 'fa-chart-line',\n                        topics: [\n                            'Management: its nature and scope; The Management Processes; Planning, Organization, Staffing, Directing and Controlling; The Role of a Manager in an Organization',\n                            'Leadership: The Tasks of a Leader, Leadership Styles; Leadership Theories; A successful Leader versus an effective Leader',\n                            'Human Resource Development: Concept of HRD; Goals of HRD; Performance Appraisal \u2014 Potential appraisal and development \u2014 Feedback and Performance Counseling \u2014 Career Planning \u2014 Training and Development \u2014 Rewards \u2014 Employee Welfare',\n                            'Motivation, Morale and Incentives: Theories of Motivation; How Managers Motivate; Concept of Morale; Factors determining morale; Role of Incentives in Building up Morale',\n                            'Communication: Steps in the Communication Process; Communication Channels; Oral versus Written Communication; Verbal versus non-verbal Communication; upward, downward and lateral Communication; Barriers to Communication, Role of Information Technology',\n                            'Class Observation and School Supervision',\n                            'Ethics in School Management',\n                            'Emotional Intelligence'\n                        ]\n                    },\n                    {\n                        title: 'III. Administration and Finance',\n                        icon: 'fa-file-invoice-dollar',\n                        topics: [\n                            'Office Procedure & Office Management',\n                            'CCS (CCA) Rules 1965',\n                            'CCS (Conduct) Rules 1964',\n                            'Fundamental & Supplementary Rules',\n                            'TA Rules',\n                            'Leave Travel Concession Rule',\n                            'Principles of School Budget',\n                            'Medical Attendance Rules & CGHS',\n                            'Right to Information Act 2005',\n                            'Contract Labour (Abolition and Regulation) Act, 1970',\n                            'Income Tax & GST',\n                            'POSH & POCSO Acts',\n                            'MoE, NCPCR and NDMA guidelines for school safety and security',\n                            'Constitutional Provisions for PwBD, EWS, SC\/ST and other disadvantageous groups',\n                            'General Financial Rules - 2017',\n                            'CCS (Pension) Rules 2021, NPS',\n                            'Human Rights'\n                        ]\n                    }\n                ]\n            },\n            vice_principal: {\n                sections: [\n                    {\n                        title: 'I. Prospective on Education and Leadership',\n                        icon: 'fa-graduation-cap',\n                        subsections: [\n                            {\n                                title: 'A. Understanding the Learner',\n                                topics: [\n                                    'Concept of growth, maturation and development, principles and debates of development',\n                                    'Development tasks and challenges with special reference to the foundational, preparatory, middle and secondary school children',\n                                    'Domains of Development: Physical, Cognitive, Socio-emotional, Moral etc., deviations in development and its implications',\n                                    'Role of Primary and Secondary Socialization agencies. Steps to ensure Home school continuity',\n                                    'Mental Health and Well Being'\n                                ]\n                            },\n                            {\n                                title: 'B. Understanding Teaching Learning',\n                                topics: [\n                                    'Theoretical perspectives on Learning - Behaviorism, Cognitivism and Constructivism with special reference to their implications for: The role of Principal, Role of Vice-Principal and HM, The role of teacher, The role of learner, Nature of teacher-student relationship, Innovative Pedagogical Practices, Productive Classroom environment, Understanding of discipline, power etc.',\n                                    'Factors affecting learning and their implications for: Designing classroom instructions, Planning student activities, Creating learning spaces in school'\n                                ]\n                            },\n                            {\n                                title: 'C. Planning and Organization of Teaching-Learning',\n                                topics: [\n                                    'Concept of Syllabus and Curriculum, Overt and Hidden Curriculum',\n                                    'Preparation of School Time-table',\n                                    'Foundational Literacy and Numeracy, Early Childhood Care and Education',\n                                    'Competency Based Lesson Planning',\n                                    'Competency Based Assessment',\n                                    'Instructional Material and Resources',\n                                    'Digital Technology in Teaching Learning',\n                                    'Classroom Observation, Feedback and Follow-up, Reflections and Dialogues as a means of constructivist teaching'\n                                ]\n                            },\n                            {\n                                title: 'D. Creating Conducive Learning Environment',\n                                topics: [\n                                    'Inclusive Education: The concepts of Diversity, disability and Inclusion, implications of disability as social construct, types of disabilities-their identification and interventions',\n                                    'Concept of School Mental Health & Well Being. Addressing the curative, preventive and promotive dimensions of mental health for all students and staff. Provisioning for guidance and counselling',\n                                    'Developing School and community as a learning resource',\n                                    'Right of Person with Disability Act-2016 as amended from time to time'\n                                ]\n                            },\n                            {\n                                title: 'E. School Organization and Leadership',\n                                topics: [\n                                    'Leader as reflective practitioner, team builder, initiator, coach and mentor',\n                                    'Perspectives on School Leadership: instructional, distributed and transformative',\n                                    'Vision building, goal setting and creating a School development Plan',\n                                    'Using School Processes and forums for strengthening teaching learning - Annual Calendar, time-tabling, parent teacher forums, school assembly, teacher development forums, using achievement data for improving teaching-learning, School Self-Assessment and Improvement',\n                                    'Creating partnerships with community, industry and other neighboring schools and Higher Education Institutes - forming learning communities',\n                                    'School Accreditation'\n                                ]\n                            },\n                            {\n                                title: 'F. Perspectives in Education',\n                                topics: [\n                                    'Role of school in achieving aims of education',\n                                    'Educational Policies of Govt of India',\n                                    'National Education Policy-2020',\n                                    'National Curriculum Framework Foundational Stage-2022',\n                                    'National Curriculum Framework for School Education-2023',\n                                    'NIPUN Bharat Mission',\n                                    'Guiding Principles for Child Rights, Protecting and provisioning for rights of children to safe and secure school environment',\n                                    'Right of Children to free and Compulsory Education Act, 2009',\n                                    'Historically studying the National Policies in education with special reference to school education',\n                                    'School Curriculum Principles: Perspective, Learning and Knowledge, Curricular Areas, School Stages - Pedagogy & Assessment'\n                                ]\n                            }\n                        ]\n                    },\n                    {\n                        title: 'II. Management, Supervision and Leadership',\n                        icon: 'fa-chart-line',\n                        topics: [\n                            'Management: its nature and scope; The Management Processes; Planning, Organization, Staffing, Directing and Controlling; The Role of a Manager in an Organization',\n                            'Leadership: The Tasks of a Leader, Leadership Styles; Leadership Theories; A successful Leader versus an effective Leader',\n                            'Human Resource Development: Concept of HRD; Goals of HRD; Performance Appraisal \u2014 Potential appraisal and development \u2014 Feedback and Performance Counseling \u2014 Career Planning \u2014 Training and Development \u2014 Rewards \u2014 Employee Welfare',\n                            'Motivation, Morale and Incentives: Theories of Motivation; How Managers Motivate; Concept of Morale; Factors determining morale; Role of Incentives in Building up Morale',\n                            'Communication: Steps in the Communication Process; Communication Channels; Oral versus Written Communication; Verbal versus non-verbal Communication; upward, downward and lateral Communication; Barriers to Communication, Role of Information Technology',\n                            'Class Observation and School Supervision',\n                            'Ethics in School Management',\n                            'Emotional Intelligence'\n                        ]\n                    },\n                    {\n                        title: 'III. Administration and Finance',\n                        icon: 'fa-file-invoice-dollar',\n                        topics: [\n                            'Office Procedure & Office Management',\n                            'CCS (CCA) Rules 1965',\n                            'CCS (Conduct) Rules 1964',\n                            'Fundamental & Supplementary Rules',\n                            'TA Rules',\n                            'Leave Travel Concession Rule',\n                            'Principles of School Budget',\n                            'Medical Attendance Rules & CGHS',\n                            'Right to Information Act 2005',\n                            'Contract Labour (Abolition and Regulation) Act, 1970',\n                            'Income Tax & GST',\n                            'POSH & POCSO Acts',\n                            'MoE, NCPCR and NDMA guidelines for school safety and security',\n                            'Constitutional Provisions for PwD, EWS, SC\/ST and other disadvantageous groups',\n                            'General Financial Rules - 2017',\n                            'CCS (Pension) Rule 2021, NPS',\n                            'Human Rights'\n                        ]\n                    }\n                ]\n            },\n            administrative_officer: {\n                sections: [\n                    {\n                        title: 'Administrative Officer - Complete Syllabus',\n                        icon: 'fa-briefcase',\n                        topics: [\n                            'Office Procedure & Office Management',\n                            'General Financial Rules-2017 as amended from time to time',\n                            'Fundamental Rules & Supplementary Rules',\n                            'Medical Attendance Rules & CGHS',\n                            'Travelling Allowance Rules',\n                            'LTC Rules',\n                            'CCS Leave Rules',\n                            'CCS (CCA) Rules, 1965',\n                            'CCS (Conduct) Rules, 1964',\n                            'CCS (Pension) Rules-2021 & National Pension System',\n                            'Provident Fund Rules',\n                            'Reservation Policy',\n                            'Recruitment Rules',\n                            'Legal proceedings',\n                            'Quarter Allotment Rules',\n                            'Seniority Rules',\n                            'Promotion Rules',\n                            'Centralized Public Grievance Redress and Monitoring System (CPGRAMS)',\n                            'Condemnation of Articles',\n                            'Right to Information Act 2005',\n                            'Implementation of Rajbhasa',\n                            'Pay Fixation',\n                            'Financial Upgradation under MACP',\n                            'Confirmation and Probation',\n                            'Counting of Past services',\n                            'POSH & POCSO Acts'\n                        ]\n                    }\n                ]\n            },\n            assistant_section_officer: {\n                sections: [\n                    {\n                        title: 'Assistant Section Officer - Complete Syllabus',\n                        icon: 'fa-user-cog',\n                        topics: [\n                            'CCS (CCA) Rules 1965 - Basic concept',\n                            'CCS (Conduct) Rules 1964 - Basic concept',\n                            'CCS (Leave) Rules',\n                            'Pay & Allowances - HRA, Transport Allowance, Dress Allowance, Conveyance Allowance, Cash Handling Allowance, Tough Location Allowances, Children Education allowance, Joining time pay, increments etc.',\n                            'Pension Rules 2021 & National Pension System',\n                            'Medical Attendance Rules & CGHS',\n                            'Provident Fund Rules',\n                            'Noting and Drafting',\n                            'Advances',\n                            'Financial Upgradation under MACP',\n                            'Legal Proceedings - Basic concepts',\n                            'Implementation of Rajbhasa',\n                            'Seniority Rules',\n                            'Promotion Rules',\n                            'Quarter Allotment Rules',\n                            'Income Tax - Calculation, TDS as per Income tax & GST',\n                            'Auditing & Accounting - Basic concepts',\n                            'GFR-2017 related to procurement of Goods and services through GeM',\n                            'Travelling Allowance Rules',\n                            'Leave Travel Concession Rules',\n                            'Fundamental Rules and Supplementary Rules',\n                            'Pay Fixation Rules'\n                        ]\n                    }\n                ]\n            },\n            senior_secretariat_assistant: {\n                sections: [\n                    {\n                        title: 'Senior Secretariat Assistant - Complete Syllabus',\n                        icon: 'fa-file-contract',\n                        topics: [\n                            'CCS (CCA) Rules 1965 - Rule 1, 2, 3, 10 & 11',\n                            'CCS (Conduct) Rules 1964 - Rule 1 to 10',\n                            'CCS (Leave) Rules',\n                            'Pay & Allowances - HRA, Transport Allowance, Dress Allowance, Conveyance Allowance, Cash Handling Allowance, Tough Location Allowances, Children Education allowance, Joining time pay, increments etc.',\n                            'Pension Rules 2021 & National Pension System',\n                            'Medical Attendance Rules & CGHS',\n                            'Provident Fund Rules',\n                            'Noting and Drafting',\n                            'Advances',\n                            'Financial Upgradation under MACP',\n                            'Implementation of Rajbhasa',\n                            'Seniority Rules',\n                            'Promotion Rules',\n                            'Quarter Allotment Rules',\n                            'Maintenance of Cash Book',\n                            'Bank Reconciliation Statement',\n                            'Audit',\n                            'Income Tax - Calculation, TDS as per Income Tax and GST',\n                            'Basic Accounting concepts',\n                            'GFR-2017 related to procurement of Goods and services through GeM',\n                            'Pay Fixation Rules'\n                        ]\n                    }\n                ]\n            }\n        };\n\n        \/\/ Study Materials\n        const studyMaterials = {\n            educational: [\n        {\n            part: 'Part I: Prospective on Education and Leadership',\n            icon: 'fa-graduation-cap',\n            subsections: [\n                {\n                    name: 'A. Understanding the Learner',\n                    icon: 'fa-child',\n                    documents: [\n                       { name: 'Growth, Maturation & Development-IGNOU', url: '\/wp-content\/uploads\/2026\/01\/growth-and-development.pdf', badge: 'IGNOU Material' },\n                                { name: 'Development tasks and challenges', url: 'https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/development-tasks.pdf', badge: '' },\n                                { name: 'Domains of Development', url: '\/wp-content\/uploads\/2026\/01\/7_Domains_of_Development.pdf', badge: 'official' },\n                                { name: 'Socialization Agencies', url: '\/wp-content\/uploads\/2026\/01\/SOCIALZATION.pdf', badge: 'updated' },\n                                { name: 'Mental Health and Well Being', url: '\/wp-content\/uploads\/2026\/01\/CBSE_MH_Manual.pdf', badge: 'Official' },\n                                    { name: 'Mental Health and Well Being-Supreme Court Directions', url: '\/wp-content\/uploads\/2026\/01\/mental-health-supreme-court.pdf', badge: 'Official' }\n                    ]\n                },\n                {\n                    name: 'B. Understanding Teaching Learning',\n                    icon: 'fa-chalkboard',\n                    documents: [\n                        { name: 'Behaviorism, Cognitivism & Constructivism', url: '#', badge: 'official' },\n                                { name: 'Innovative Pedagogical Practices', url: '#', badge: 'latest' },\n                                { name: 'Factors Affecting Learning', url: 'https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/factors-affecting-learning.pdf', badge: 'updated' },\n                                { name: 'Classroom Environment', url: '#', badge: 'updated' }\n                    ]\n                },\n                {\n                    name: 'C. Planning and Organization',\n                    icon: 'fa-tasks',\n                    documents: [\n                       { name: 'Concept of Syllabus and Curriculum', url: 'https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/curriculam-1_merged.pdf', badge: 'ignou' },\n                                { name: 'Foundational Literacy and Numeracy', url: 'https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/Foundational-Literacy-and-Numeracy.pdf', badge: 'latest' },\n                                 { name: 'Early Childhood Care and Education', url: 'https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/1_Early_Childhood_Care_and_Education_Meaning_and_Significance.pdf', badge: 'latest' },\n                                { name: 'Competency Based Assessment', url: '#', badge: 'official' },\n                                { name: 'Digital Technology in Teaching Learning', url: 'https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/Copy-of-Day-1_leveraging-digital-technology.pdf', badge: '' }\n                    ]\n                },\n                {\n                    name: 'D. Creating Conducive Learning Environment',\n                    icon: 'fa-hands-helping',\n                    documents: [\n                { name: 'Inclusive Education ', url: 'https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/Inclusive-Education.pdf', badge: 'official' },\n                                { name: 'School Mental Health Programs', url: '#', badge: 'latest' },\n                                { name: 'Rights of Persons with Disabilities Act 2016', url: '\/wp-content\/uploads\/2026\/01\/right-of-person-with-disability-act-2016.pdf', badge: 'official' }\n                    ]\n                },\n                {\n                    name: 'E. School Organization and Leadership',\n                    icon: 'fa-users-cog',\n                    documents: [\n                         { name: 'School Leadership: Concepts and Applications', url: 'https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/school-organization-and-leadership.pdf', badge: '' },\n                                { name: 'School Development Plan', url: 'https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/school-development-plan.pdf', badge: 'official' },\n                                   { name: 'Annual Calendar, time-tabling', url: 'https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/time-table-school.pdf', badge: '' },\n                                     { name: 'Parent-Teacher Partnership', url: 'https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/parent-teacher-partnership.pdf', badge: '' },\n                                { name: 'School Accreditation', url: 'https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/NABET-Accreditation-Final.pdf', badge: 'latest' }\n                    ]\n                },\n                {\n                    name: 'F. Perspectives in Education',\n                    icon: 'fa-landmark',\n                    documents: [\n                         { name: 'National Education Policy 2020', url: '\/wp-content\/uploads\/2026\/01\/NEP_Final_English_0.pdf', badge: 'official' },\n                                { name: 'NCF Foundational Stage 2022', url: '\/wp-content\/uploads\/2026\/01\/NCF-FS_2022EN.pdf', badge: 'latest' },\n                                { name: 'NCF School Education 2023', url: '\/wp-content\/uploads\/2026\/01\/NCF-School-Education-Pre-Draft.pdf', badge: 'latest' },\n                                { name: 'NIPUN Bharat Mission', url: '\/wp-content\/uploads\/2026\/01\/NIPUN_BharatStakeholders_RolesResponsibilities.pdf', badge: 'official' },\n                                { name: 'RTE Act 2009', url: '\/wp-content\/uploads\/2026\/01\/the_right_of_children_to_free_and_compulsory_education_act_2009.pdf', badge: 'official' },\n                                     { name: 'RTE Act -Clarifications', url: 'https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/RTE_Section_wise_rationale_rev_0.pdf', badge: 'official' }\n                    ]\n                }\n            ]\n        },\n        {\n            part: 'Part II: Management, Supervision and Leadership',\n            icon: 'fa-chart-line',\n            documents: [\n                { name: 'Management Processes', url: '\/wp-content\/uploads\/2026\/01\/management-kvs.pdf', badge: 'official' },\n                        { name: 'Leadership Styles & Theories', url: '\/wp-content\/uploads\/2026\/01\/leadership.pdf', badge: 'updated' },\n                        { name: 'Human Resource Development', url: '#', badge: 'updated' },\n                        { name: 'Performance Appraisal (APAR)', url: '#', badge: 'official' },\n                        { name: 'Motivation & Morale', url: '\/wp-content\/uploads\/2026\/01\/kvs-morale-communication-leadership.pdf', badge: 'updated' }, \n                        { name: 'Communication in Organizations', url: '#', badge: 'updated' },\n                        { name: 'School Supervision Techniques', url: '#', badge: 'official' },\n                        { name: 'Ethics in School Management', url: '#', badge: 'updated' },\n                        { name: 'Emotional Intelligence', url: '#', badge: 'latest' }\n            ]\n        },\n        {\n            part: 'Part III: Administration and Finance',\n            icon: 'fa-file-invoice-dollar',\n            documents: [\n                 { name: 'Manual of Office Procedure', url: '\/wp-content\/uploads\/2025\/08\/csmop2022.pdf', badge: 'official' },\n                        { name: 'CCS (CCA) Rules 1965', url: '\/wp-content\/uploads\/2026\/01\/CCS-CCA-Rules-FINAL.pdf', badge: 'official' },\n                        { name: 'CCS (Conduct) Rules 1964', url: '\/wp-content\/uploads\/2025\/12\/CCS_Conduct_Rules_1964_Updated_27Feb15_0.pdf', badge: 'official' },\n                        { name: 'Fundamental & Supplementary Rules', url: '\/wp-content\/uploads\/2025\/12\/Compilation_FR_SR_English.pdf', badge: 'official' },\n          { name: 'TA Rules', url: '\/wp-content\/uploads\/2026\/01\/TA_English.pdf', badge: 'updated' },\n                         { name: 'TA Rules-S3WaaS', url: '\/wp-content\/uploads\/2026\/01\/ta-rules-kvs.pdf', badge: 'updated' },\n                        { name: 'LTC Rules', url: '\/wp-content\/uploads\/2025\/12\/Leave-Travel-Concession-LTC.pdf', badge: 'updated' },\n                  { name: 'Medical Attendance Rules & CGHS', url: '\/wp-content\/uploads\/2026\/01\/Central-Civil-Services-Medical-Attendance-Rules-1944.pdf', badge: 'updated' },\n                        { name: 'General Financial Rules 2017', url: '\/wp-content\/uploads\/2025\/07\/FInal_GFR_upto_31_07_2024.pdf', badge: 'official' },\n               { name: 'CCS (Pension) Rules 2021', url: '\/wp-content\/uploads\/2025\/12\/CSS_PensionRules_2021_Book_Eng.pdf', badge: 'Official' },\n                        { name: 'National Pension System (NPS)', url: '\/wp-content\/uploads\/2026\/01\/NPS_ENGLISH_BOOK.pdf', badge: 'Official' },\n        { name: 'Income Tax Act', url: '\/wp-content\/uploads\/2026\/01\/income-tax-act-1961-amended-by-finance-no.-2-act-2024.pdf', badge: 'updated' },\n                        { name: 'GST Act', url: '\/wp-content\/uploads\/2026\/01\/GST-Acts-and-Rules-Bare-Law-11-04-2025.pdf', badge: 'updated' },\n                        { name: 'RTI Act 2005', url: '\/wp-content\/uploads\/2025\/08\/RTI_English.pdf', badge: 'official' },\n                        { name: 'RTI Act-Supreme Court orders', url: '\/wp-content\/uploads\/2025\/12\/SCF-SUBJECTWISE.pdf', badge: 'official' },    \n                        { name: 'RTI Act-High Court orders', url: '\/wp-content\/uploads\/2025\/12\/HCF-SUBJECT-WISE.pdf', badge: 'official' },\n                 { name: 'POSH Act', url: '\/wp-content\/uploads\/2026\/01\/posh-act.pdf', badge: 'official' },\n                        { name: 'POCSO Act', url: '\/wp-content\/uploads\/2026\/01\/POSCO-ACT.pdf', badge: 'official' }\n            ]\n        }\n    ],\n            administrative: [\n                {\n                    part: 'Service Rules & Regulations',\n                    icon: 'fa-book-open',\n                    documents: [\n                       { name: 'CCS (CCA) Rules 1965', url: '\/wp-content\/uploads\/2026\/01\/CCS-CCA-Rules-FINAL.pdf', badge: 'official' },\n                        { name: 'CCS (Conduct) Rules 1964', url: '\/wp-content\/uploads\/2025\/12\/CCS_Conduct_Rules_1964_Updated_27Feb15_0.pdf', badge: 'official' },\n                         { name: 'LTC Rules', url: '\/wp-content\/uploads\/2025\/12\/Leave-Travel-Concession-LTC.pdf', badge: 'updated' },\n                       { name: 'Fundamental & Supplementary Rules', url: '\/wp-content\/uploads\/2025\/12\/Compilation_FR_SR_English.pdf', badge: 'official' },\n                        { name: 'Probation & Confirmation', url: '#', badge: 'official' },\n                        { name: 'Financial Upgradation (MACP)', url: '#', badge: 'updated' },\n                        { name: 'Seniority Rules', url: '#', badge: 'official' },\n                        { name: 'Promotion Rules', url: '#', badge: 'official' },\n                        { name: 'Reservation Policy', url: '#', badge: 'official' },\n                        { name: 'Recruitment Rules', url: '#', badge: 'official' }\n                    ]\n                },\n                {\n                    part: 'Financial Rules & Procedures',\n                    icon: 'fa-coins',\n                    documents: [\n                              { name: 'General Financial Rules 2017', url: '\/wp-content\/uploads\/2025\/07\/FInal_GFR_upto_31_07_2024.pdf', badge: 'official' },\n                       { name: 'TA Rules', url: '\/wp-content\/uploads\/2026\/01\/TA_English.pdf', badge: 'updated' },\n                         { name: 'TA Rules-S3WaaS', url: '\/wp-content\/uploads\/2026\/01\/ta-rules-kvs.pdf', badge: 'updated' },\n                        { name: 'LTC Rules', url: '\/wp-content\/uploads\/2025\/12\/Leave-Travel-Concession-LTC.pdf', badge: 'updated' },\n                          { name: 'Medical Attendance Rules & CGHS', url: '\/wp-content\/uploads\/2026\/01\/Central-Civil-Services-Medical-Attendance-Rules-1944.pdf', badge: 'updated' },\n                        { name: 'Pay Fixation Rules (FR&SR)', url: '#', badge: 'official' },\n                        { name: 'Advances', url: '#', badge: 'updated' },\n                        { name: 'Pay & Allowances', url: '#', badge: 'updated' }\n                    ]\n                },\n                {\n                    part: 'Pension & Retirement',\n                    icon: 'fa-piggy-bank',\n                    documents: [\n                     { name: 'CCS (Pension) Rules 2021', url: '\/wp-content\/uploads\/2025\/12\/CSS_PensionRules_2021_Book_Eng.pdf', badge: 'Official' },\n                        { name: 'National Pension System (NPS)', url: '\/wp-content\/uploads\/2026\/01\/NPS_ENGLISH_BOOK.pdf', badge: 'Official' },\n                        { name: 'Provident Fund Rules', url: '#', badge: 'official' }\n                    ]\n                },\n                {\n                    part: 'Office & Procurement',\n                    icon: 'fa-file-alt',\n                    documents: [\n                         { name: 'Manual of Office Procedure', url: '\/wp-content\/uploads\/2025\/08\/csmop2022.pdf', badge: 'official' },\n                      \n                        { name: 'E-Procurement through GeM', url: '#', badge: 'latest' },\n                        { name: 'Condemnation of Articles', url: '#', badge: 'updated' },\n                        { name: 'Quarter Allotment Rules', url: '#', badge: 'official' },\n                        { name: 'Maintenance of Cash Book', url: '#', badge: 'official' },\n                        { name: 'Bank Reconciliation Statement', url: '#', badge: 'official' }\n                    ]\n                },\n                {\n                    part: 'Taxation & Accounts',\n                    icon: 'fa-calculator',\n                    documents: [\n                           { name: 'Income Tax Act', url: '\/wp-content\/uploads\/2026\/01\/income-tax-act-1961-amended-by-finance-no.-2-act-2024.pdf', badge: 'updated' },\n                          { name: 'GST Act', url: '\/wp-content\/uploads\/2026\/01\/GST-Acts-and-Rules-Bare-Law-11-04-2025.pdf', badge: 'updated' },\n                        { name: 'Basic Accounting Concepts', url: '#', badge: 'official' },\n                        { name: 'Audit Procedures', url: '#', badge: 'official' }\n                    ]\n                },\n                {\n                    part: 'Miscellaneous',\n                    icon: 'fa-list',\n                    documents: [\n                        { name: 'RTI Act 2005', url: '#', badge: 'official' },\n                        { name: 'Rajbhasa Implementation', url: '#', badge: 'updated' },\n                        { name: 'APAR Guidelines', url: '#', badge: 'official' },\n                        { name: 'Legal Proceedings', url: '#', badge: 'updated' },\n                        { name: 'CPGRAMS', url: '#', badge: 'latest' },\n                         { name: 'POSH Act', url: '\/wp-content\/uploads\/2026\/01\/posh-act.pdf', badge: 'official' },\n                        { name: 'POCSO Act', url: '\/wp-content\/uploads\/2026\/01\/POSCO-ACT.pdf', badge: 'official' }\n                    ]\n                }\n            ]\n        };\n\n        let currentPostCategory = 'assistant_commissioner';\n\n        \/* ============================================\n           COUNTDOWN TIMER\n           ============================================ *\/\n        function updateCountdown() {\n            const applicationDeadline = new Date('December 04, 2025 23:59:59').getTime();\n            const now = new Date().getTime();\n            const distance = applicationDeadline - now;\n\n            if (distance > 0) {\n                const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n                const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n                const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n                const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n\n                document.getElementById('days').textContent = days.toString().padStart(2, '0');\n                document.getElementById('hours').textContent = hours.toString().padStart(2, '0');\n                document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');\n                document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');\n            }\n        }\n\n        \/* ============================================\n           INITIALIZATION\n           ============================================ *\/\n        document.addEventListener('DOMContentLoaded', () => {\n            initMainTabs();\n            initPostCategoryCards('eligibilityPostGrid', 'eligibility');\n            initPostCategoryCards('syllabusPostGrid', 'syllabus');\n            initPostCategoryCards('studyMaterialPostGrid', 'studyMaterial');\n            generateEligibilityContent();\n            generateSyllabusContent();\n            generateStudyMaterialContent();\n            initScrollTop();\n            initReadingProgress();\n            \n            updateCountdown();\n            setInterval(updateCountdown, 1000);\n        });\n\n        \/* ============================================\n           TOAST NOTIFICATIONS\n           ============================================ *\/\n        function showToast(title, message) {\n            const container = document.getElementById('toastContainer');\n            const toast = document.createElement('div');\n            toast.className = 'toast';\n            toast.innerHTML = `\n                <i class=\"fas fa-check-circle\"><\/i>\n                <div class=\"toast-content\">\n                    <div class=\"toast-title\">${title}<\/div>\n                    <div class=\"toast-message\">${message}<\/div>\n                <\/div>\n                <button class=\"toast-close\" onclick=\"this.parentElement.remove()\"><i class=\"fas fa-times\"><\/i><\/button>\n            `;\n            container.appendChild(toast);\n            setTimeout(() => toast.remove(), 3000);\n        }\n\n        \/* ============================================\n           MAIN TABS\n           ============================================ *\/\n        function initMainTabs() {\n            document.querySelectorAll('.main-tab-btn').forEach(tab => {\n                tab.addEventListener('click', () => {\n                    document.querySelectorAll('.main-tab-btn').forEach(t => t.classList.remove('active'));\n                    document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));\n                    tab.classList.add('active');\n                    document.getElementById(tab.dataset.tab).classList.add('active');\n                });\n            });\n        }\n\n        \/* ============================================\n           POST CATEGORY CARDS\n           ============================================ *\/\n        function initPostCategoryCards(gridId, context) {\n            const grid = document.getElementById(gridId);\n            if (!grid) return;\n\n            grid.innerHTML = Object.values(postCategories).map(post => `\n                <div class=\"post-category-card ${post.id === 'assistant_commissioner' ? 'active' : ''}\" data-post=\"${post.id}\" data-context=\"${context}\">\n                    <div class=\"post-category-card-header\">\n                        <div class=\"post-category-icon\">\n                            <i class=\"fas ${post.icon}\"><\/i>\n                        <\/div>\n                        <div class=\"post-category-title\">${post.name}<\/div>\n                    <\/div>\n                    <p class=\"post-category-desc\">${post.description}<\/p>\n                    <div class=\"post-category-badges\">\n                        ${post.organizations.map(org => `<span class=\"org-badge ${org}\">${org.toUpperCase()}<\/span>`).join('')}\n                    <\/div>\n                <\/div>\n            `).join('');\n\n            grid.querySelectorAll('.post-category-card').forEach(card => {\n                card.addEventListener('click', () => {\n                    grid.querySelectorAll('.post-category-card').forEach(c => c.classList.remove('active'));\n                    card.classList.add('active');\n                    currentPostCategory = card.dataset.post;\n                    \n                    if (context === 'eligibility') generateEligibilityContent();\n                    else if (context === 'syllabus') generateSyllabusContent();\n                    else if (context === 'studyMaterial') generateStudyMaterialContent();\n                });\n            });\n        }\n\n        \/* ============================================\n           GENERATE ELIGIBILITY CONTENT\n           ============================================ *\/\n        function generateEligibilityContent() {\n            const container = document.getElementById('eligibilityContent');\n            if (!container) return;\n            const post = postCategories[currentPostCategory];\n\n            let html = `\n                <div class=\"post-info-box\">\n                    <div class=\"post-info-header\">\n                        <div class=\"post-info-icon\"><i class=\"fas ${post.icon}\"><\/i><\/div>\n                        <h2>${post.fullName}<\/h2>\n                    <\/div>\n                    <div style=\"display: flex; gap: 15px; flex-wrap: wrap; margin-top: 15px;\">\n                        <div style=\"background: var(--bg-card); padding: 12px 20px; border-radius: var(--radius); border: 1px solid var(--border-color);\">\n                            <strong style=\"color: var(--primary-blue);\">Pay Scale:<\/strong> ${post.payScale}\n                        <\/div>\n                        <div style=\"background: var(--bg-card); padding: 12px 20px; border-radius: var(--radius); border: 1px solid var(--border-color);\">\n                            <strong style=\"color: var(--primary-blue);\">Interview:<\/strong> ${post.hasInterview ? 'Yes (100 marks)' : 'No Interview'}\n                        <\/div>\n                        <div style=\"background: var(--bg-card); padding: 12px 20px; border-radius: var(--radius); border: 1px solid var(--border-color);\">\n                            <strong style=\"color: var(--primary-blue);\">Organizations:<\/strong> ${post.organizations.map(o => o.toUpperCase()).join(' & ')}\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `;\n\n            \/\/ Generate eligibility cards based on post\n            html += '<div class=\"eligibility-grid\">';\n            \n            if (post.eligibility.common) {\n                html += generateEligibilityCard('Common Requirements (KVS & NVS)', 'both', post.eligibility.common);\n            }\n            if (post.eligibility.kvs) {\n                html += generateEligibilityCard('KVS Requirements', 'kvs', post.eligibility.kvs);\n            }\n            if (post.eligibility.nvs) {\n                html += generateEligibilityCard('NVS Requirements', 'nvs', post.eligibility.nvs);\n            }\n            \n            html += '<\/div>';\n\n            container.innerHTML = html;\n        }\n\n        function generateEligibilityCard(title, type, data) {\n            let html = `\n                <div class=\"eligibility-card\">\n                    <div class=\"eligibility-card-header ${type}\">\n                        <i class=\"fas ${type === 'kvs' ? 'fa-school' : type === 'nvs' ? 'fa-university' : 'fa-check-circle'}\"><\/i>\n                        <h4>${title}<\/h4>\n                    <\/div>\n                    <div class=\"eligibility-card-body\">\n            `;\n\n            if (data.ageLimit) {\n                html += `\n                    <div class=\"eligibility-item\">\n                        <span class=\"eligibility-label\"><i class=\"fas fa-user-clock\"><\/i> Age Limit<\/span>\n                        <span class=\"eligibility-value\">${data.ageLimit}<\/span>\n                    <\/div>\n                `;\n            }\n\n            if (data.qualifications && data.qualifications.length > 0) {\n                html += `\n                    <div class=\"eligibility-item\" style=\"flex-direction: column; gap: 10px;\">\n                        <span class=\"eligibility-label\"><i class=\"fas fa-graduation-cap\"><\/i> Essential Qualifications<\/span>\n                        <ul class=\"syllabus-list\" style=\"margin: 0;\">\n                            ${data.qualifications.map(q => `<li>${q}<\/li>`).join('')}\n                        <\/ul>\n                    <\/div>\n                `;\n            }\n\n            if (data.experience && data.experience.length > 0) {\n                html += `\n                    <div class=\"eligibility-item\" style=\"flex-direction: column; gap: 10px;\">\n                        <span class=\"eligibility-label\"><i class=\"fas fa-briefcase\"><\/i> Experience<\/span>\n                        <ul class=\"syllabus-list\" style=\"margin: 0;\">\n                            ${data.experience.map(e => `<li>${e}<\/li>`).join('')}\n                        <\/ul>\n                    <\/div>\n                `;\n            }\n\n            if (data.desirable && data.desirable.length > 0) {\n                html += `\n                    <div class=\"eligibility-item\" style=\"flex-direction: column; gap: 10px;\">\n                        <span class=\"eligibility-label\"><i class=\"fas fa-star\"><\/i> Desirable<\/span>\n                        <ul class=\"syllabus-list\" style=\"margin: 0;\">\n                            ${data.desirable.map(d => `<li>${d}<\/li>`).join('')}\n                        <\/ul>\n                    <\/div>\n                `;\n            }\n\n            html += '<\/div><\/div>';\n            return html;\n        }\n\n        \/* ============================================\n           GENERATE SYLLABUS CONTENT\n           ============================================ *\/\n        function generateSyllabusContent() {\n            const container = document.getElementById('syllabusContent');\n            if (!container) return;\n            const post = postCategories[currentPostCategory];\n            const syllabus = syllabusData[currentPostCategory];\n\n            if (!syllabus) {\n                container.innerHTML = `\n                    <div class=\"important-notes\">\n                        <h4><i class=\"fas fa-info-circle\"><\/i> Syllabus Coming Soon<\/h4>\n                        <p>Detailed syllabus for ${post.fullName} will be available soon.<\/p>\n                    <\/div>\n                `;\n                return;\n            }\n\n            let html = `\n                <div class=\"post-info-box\">\n                    <div class=\"post-info-header\">\n                        <div class=\"post-info-icon\"><i class=\"fas ${post.icon}\"><\/i><\/div>\n                        <h2>Tier-II Syllabus: ${post.fullName}<\/h2>\n                    <\/div>\n                    <div style=\"display: flex; gap: 15px; flex-wrap: wrap; margin-top: 15px;\">\n                        <div style=\"background: var(--bg-card); padding: 12px 20px; border-radius: var(--radius); border: 1px solid var(--border-color);\">\n                            <strong style=\"color: var(--primary-blue);\">Examination:<\/strong> Subject Knowledge Test\n                        <\/div>\n                        <div style=\"background: var(--bg-card); padding: 12px 20px; border-radius: var(--radius); border: 1px solid var(--border-color);\">\n                            <strong style=\"color: var(--primary-blue);\">Duration:<\/strong> 2.5 Hours\n                        <\/div>\n                        <div style=\"background: var(--bg-card); padding: 12px 20px; border-radius: var(--radius); border: 1px solid var(--border-color);\">\n                            <strong style=\"color: var(--primary-blue);\">Total Marks:<\/strong> 100 (60 Objective + 40 Descriptive)\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `;\n\n            syllabus.sections.forEach(section => {\n                html += `\n                    <div class=\"syllabus-section\">\n                        <div class=\"syllabus-header\">\n                            <h3><i class=\"fas ${section.icon}\"><\/i> ${section.title}<\/h3>\n                        <\/div>\n                        <div class=\"syllabus-content\">\n                `;\n\n                if (section.subsections) {\n                    section.subsections.forEach(subsection => {\n                        html += `\n                            <h4><i class=\"fas fa-chevron-right\"><\/i> ${subsection.title}<\/h4>\n                            <ul class=\"syllabus-list\">\n                                ${subsection.topics.map(topic => `<li>${topic}<\/li>`).join('')}\n                            <\/ul>\n                        `;\n                    });\n                } else if (section.topics) {\n                    html += `\n                        <ul class=\"syllabus-list\">\n                            ${section.topics.map(topic => `<li>${topic}<\/li>`).join('')}\n                        <\/ul>\n                    `;\n                }\n\n                html += '<\/div><\/div>';\n            });\n\n            html += `\n                <div class=\"important-notes\">\n                    <h4><i class=\"fas fa-exclamation-circle\"><\/i> Important Instructions<\/h4>\n                    <ul>\n                        <li>Tier-II examination is bilingual (Hindi & English)<\/li>\n                        <li>Objective questions carry 1 mark each with 0.25 negative marking<\/li>\n                        <li>Descriptive questions carry 4 marks each<\/li>\n                        <li>Total duration is 2 hours 30 minutes for both parts<\/li>\n                        <li>Always refer to the official notification for any updates<\/li>\n                    <\/ul>\n                <\/div>\n            `;\n\n            container.innerHTML = html;\n        }\n\n        \/* ============================================\n           STUDY MATERIALS - DOCUMENT VIEWER\n           ============================================ *\/\n      function generateStudyMaterialContent() {\n    const isEducational = ['assistant_commissioner', 'principal', 'vice_principal'].includes(currentPostCategory);\n    const materials = isEducational ? studyMaterials.educational : studyMaterials.administrative;\n    const docList = document.getElementById('docList');\n    \n    let html = '';\n    \n    materials.forEach((partData, partIndex) => {\n        if (partData.subsections) {\n            \/\/ Has subsections - render with nested collapsible structure\n            html += `\n                <div class=\"doc-topic-section ${partIndex === 0 ? 'open' : ''}\">\n                    <div class=\"doc-topic-header\" onclick=\"toggleDocSection(this)\">\n                        <i class=\"fas ${partData.icon}\"><\/i>\n                        ${partData.part}\n                        <i class=\"fas fa-chevron-down arrow\"><\/i>\n                    <\/div>\n                    <div class=\"doc-list\">`;\n            \n            partData.subsections.forEach((subsection, subIndex) => {\n                html += `\n                    <div class=\"doc-subsection ${partIndex === 0 && subIndex === 0 ? 'open' : ''}\">\n                        <div class=\"doc-subsection-header\" onclick=\"toggleSubSection(this)\">\n                            <i class=\"fas ${subsection.icon} main-icon\"><\/i>\n                            ${subsection.name}\n                            <i class=\"fas fa-chevron-down arrow\"><\/i>\n                        <\/div>\n                        <div class=\"doc-subsection-content\">`;\n                \n                subsection.documents.forEach(doc => {\n                    html += `\n                        <div class=\"doc-item\" onclick=\"selectDocument('${doc.name}', '${doc.url}', '${doc.badge}')\">\n                            <div class=\"doc-icon pdf\"><i class=\"fas fa-file-pdf\"><\/i><\/div>\n                            <div class=\"doc-info\">\n                                <div class=\"doc-name\">${doc.name}<\/div>\n                                <span class=\"doc-badge ${doc.badge}\">${doc.badge.charAt(0).toUpperCase() + doc.badge.slice(1)}<\/span>\n                            <\/div>\n                        <\/div>`;\n                });\n                \n                html += `<\/div><\/div>`;\n            });\n            \n            html += `<\/div><\/div>`;\n        } else {\n            \/\/ No subsections - render documents directly\n            html += `\n                <div class=\"doc-topic-section ${partIndex === 0 ? 'open' : ''}\">\n                    <div class=\"doc-topic-header\" onclick=\"toggleDocSection(this)\">\n                        <i class=\"fas ${partData.icon}\"><\/i>\n                        ${partData.part}\n                        <i class=\"fas fa-chevron-down arrow\"><\/i>\n                    <\/div>\n                    <div class=\"doc-list\">\n                        ${partData.documents.map(doc => `\n                            <div class=\"doc-item\" onclick=\"selectDocument('${doc.name}', '${doc.url}', '${doc.badge}')\">\n                                <div class=\"doc-icon pdf\"><i class=\"fas fa-file-pdf\"><\/i><\/div>\n                                <div class=\"doc-info\">\n                                    <div class=\"doc-name\">${doc.name}<\/div>\n                                    <span class=\"doc-badge ${doc.badge}\">${doc.badge.charAt(0).toUpperCase() + doc.badge.slice(1)}<\/span>\n                                <\/div>\n                            <\/div>\n                        `).join('')}\n                    <\/div>\n                <\/div>`;\n        }\n    });\n    \n    docList.innerHTML = html;\n}\n\n        function toggleDocSection(header) {\n            const section = header.parentElement;\n            const docList = document.getElementById('docList');\n            const isCurrentlyOpen = section.classList.contains('open');\n            \n            docList.querySelectorAll('.doc-topic-section').forEach(sec => {\n                sec.classList.remove('open');\n            });\n            \n            if (!isCurrentlyOpen) {\n                section.classList.add('open');\n            }\n        }\nfunction toggleSubSection(header) {\n    const subsection = header.parentElement;\n    const topicSection = subsection.closest('.doc-topic-section');\n    const isCurrentlyOpen = subsection.classList.contains('open');\n    \n    \/\/ Close all subsections within the same topic section\n    topicSection.querySelectorAll('.doc-subsection').forEach(sub => {\n        sub.classList.remove('open');\n    });\n    \n    \/\/ Open clicked one if it was closed\n    if (!isCurrentlyOpen) {\n        subsection.classList.add('open');\n    }\n}\n        function selectDocument(name, url, badge) {\n            document.querySelectorAll('.doc-item').forEach(item => item.classList.remove('active'));\n            event.currentTarget.classList.add('active');\n            \n            document.getElementById('pdfTitle').textContent = name;\n            const pdfContent = document.getElementById('pdfContent');\n            \n            if (url && url !== '#') {\n                pdfContent.innerHTML = `<iframe class=\"pdf-frame\" src=\"${url}\"><\/iframe>`;\n            } else {\n                pdfContent.innerHTML = `\n                    <div class=\"pdf-placeholder\">\n                        <i class=\"fas fa-file-pdf\"><\/i>\n                        <p><strong>${name}<\/strong><\/p>\n                        <p class=\"sub\">Document will be available soon<\/p>\n                        <button onclick=\"showToast('Coming Soon', 'This document will be added shortly')\" style=\"margin-top: 20px; padding: 12px 24px; background: var(--gradient-primary); color: white; border: none; border-radius: var(--radius); cursor: pointer; font-weight: 600;\">\n                            <i class=\"fas fa-bell\"><\/i> Notify Me\n                        <\/button>\n                    <\/div>\n                `;\n            }\n            \n            showToast('Document Selected', name);\n        }\n\n        \/* ============================================\n           SCROLL & PROGRESS\n           ============================================ *\/\n        function initScrollTop() {\n            const btn = document.getElementById('scrollTopBtn');\n            window.addEventListener('scroll', () => {\n                btn.classList.toggle('visible', window.scrollY > 300);\n            });\n            btn.addEventListener('click', () => {\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            });\n        }\n\n        function initReadingProgress() {\n            const progress = document.getElementById('readingProgress');\n            window.addEventListener('scroll', () => {\n                const winHeight = window.innerHeight;\n                const docHeight = document.documentElement.scrollHeight - winHeight;\n                const scrolled = window.scrollY;\n                progress.style.width = (scrolled \/ docHeight * 100) + '%';\n            });\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KVS &#038; NVS Direct Recruitment 2025-26 | CSS ADDA KVS NVS KVS &#038; NVS Direct Recruitment 2025-26 Complete preparation guide [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","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":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7994","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts\/7994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7994"}],"version-history":[{"count":68,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts\/7994\/revisions"}],"predecessor-version":[{"id":10605,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts\/7994\/revisions\/10605"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}