{"id":5620,"date":"2025-12-21T13:17:42","date_gmt":"2025-12-21T13:17:42","guid":{"rendered":"https:\/\/promotionexams.com\/?page_id=5620"},"modified":"2026-02-24T14:24:45","modified_gmt":"2026-02-24T14:24:45","slug":"cga-aaocivil-cbt","status":"publish","type":"page","link":"https:\/\/promotionexams.com\/?page_id=5620","title":{"rendered":"CGA AAO(CIVIL) CBT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5620\" class=\"elementor elementor-5620\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76c61f8 e-con-full e-flex e-con e-parent\" data-id=\"76c61f8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65b691e elementor-widget elementor-widget-html\" data-id=\"65b691e\" 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>CGA AAO (Civil) CBT Exam - Complete Preparation Guide | CSS Adda<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\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       :root {\n            --primary-blue: #1a4b8c;\n            --primary-blue-dark: #0d2d5a;\n            --primary-blue-light: #2d6bc4;\n            --accent-orange: #f59e0b;\n            --accent-orange-dark: #d97706;\n            --accent-orange-light: #fbbf24;\n            --accent-orange-fade: #FFF0C5;\n            --white: #ffffff;\n            --gray-50: #f8fafc;\n            --gray-100: #f1f5f9;\n            --gray-200: #e2e8f0;\n            --gray-300: #d1d5db;\n            --gray-400: #9ca3af;\n            --gray-500: #64748b;\n            --gray-600: #475569;\n            --gray-700: #334155;\n            --gray-800: #1e293b;\n            --success: #10b981;\n            --purple: #8b5cf6;\n            --red: #dc2626;\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            --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            --radius: 8px;\n            --radius-md: 12px;\n            --radius-lg: 16px;\n            --transition: all 0.3s ease;\n        }\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body { font-family: 'Poppins', sans-serif; background: var(--gray-50); color: var(--gray-800); line-height: 1.6; }\n        a { text-decoration: none; color: inherit; }\n \/* ============================================\n           SECTION 3: ANIMATIONS\n           ============================================ *\/\n        @keyframes borderGlow {\n            0%, 100% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n        }\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); box-shadow: 0 4px 15px rgba(26, 75, 140, 0.2); }\n            50% { transform: scale(1.02); box-shadow: 0 8px 25px rgba(26, 75, 140, 0.35); }\n        }\n        @keyframes bounce {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(8px); }\n        }\n        @keyframes fadeIn { \n            from { opacity: 0; transform: translateY(15px); } \n            to { opacity: 1; transform: translateY(0); } \n        }\n        @keyframes shimmer {\n            0% { background-position: -200% center; }\n            100% { background-position: 200% center; }\n        }\n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-5px); }\n        }\n\n        \/* ANIMATED BORDER KEYFRAMES *\/\n        @keyframes borderAnimation {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n        @keyframes bounce {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(5px); }\n        }\n        @keyframes fadeIn { \n            from { opacity: 0; transform: translateY(10px); } \n            to { opacity: 1; transform: translateY(0); } \n        }\n\n        \/* ANIMATED BUTTON STYLES *\/\n        .animated-btn {\n            position: relative;\n            background: var(--white);\n            border: none;\n            border-radius: var(--radius-md);\n            cursor: pointer;\n            transition: var(--transition);\n            z-index: 1;\n        }\n        .animated-btn::before {\n            content: '';\n            position: absolute;\n            top: -3px; left: -3px; right: -3px; bottom: -3px;\n            background: linear-gradient(90deg, var(--primary-blue), var(--accent-orange), var(--primary-blue-light), var(--accent-orange-light), var(--primary-blue));\n            background-size: 300% 300%;\n            border-radius: calc(var(--radius-md) + 3px);\n            z-index: -1;\n            animation: borderAnimation 3s ease infinite;\n        }\n        .animated-btn::after {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background: var(--white);\n            border-radius: var(--radius-md);\n            z-index: -1;\n        }\n        .animated-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 30px rgba(26, 75, 140, 0.3);\n        }\n        .animated-btn.active::after { background: var(--gradient-primary); }\n        .animated-btn.active { color: var(--white); }\n        .animated-btn.steno-active::after { background: var(--gradient-secondary); }\n        .animated-btn.steno-active { color: var(--white); }\n\n\n        \/* Hero *\/\n        .hero { background: var(--gradient-hero); padding: 50px 20px 80px; position: relative; overflow: hidden; border-radius: 0 0 30px 30px; }\n        .hero::before { content: ''; position: absolute; inset: 0; 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\"); opacity: 0.5; }\n        .hero-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; text-align: center; }\n        .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(249, 115, 22, 0.2); border: 1px solid rgba(249, 115, 22, 0.3); color: var(--accent-orange-light); padding: 8px 20px; border-radius: 50px; font-size: 0.85rem; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; }\n        .hero-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(1.8rem, 5vw, 2.8rem); font-weight: 800; color: var(--white); margin-bottom: 12px; line-height: 1.2; }\n        .hero-title span { color: var(--accent-orange); }\n        .hero-description { font-size: 1rem; color: rgba(255, 255, 255, 0.85); max-width: 700px; margin: 0 auto 20px; }\n        .hero-badges { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }\n        .hero-badge-item { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50px; padding: 8px 16px; font-size: 0.8rem; color: var(--white); display: flex; align-items: center; gap: 6px; }\n        .hero-badge-item i { color: var(--accent-orange); }\n        .hero-stats { display: flex; justify-content: center; gap: 25px; flex-wrap: wrap; }\n        .hero-stat { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: var(--radius-md); padding: 15px 22px; text-align: center; }\n        .hero-stat-value { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.6rem; font-weight: 800; color: var(--accent-orange); }\n        .hero-stat-label { font-size: 0.75rem; color: rgba(255, 255, 255, 0.8); text-transform: uppercase; }\n\n        \/* Container *\/\n        .main-container { max-width: 1200px; margin: -35px auto 60px; padding: 0 20px; position: relative; z-index: 10; }\n\n        \/* Main Tabs *\/\n        .main-tabs-wrapper { background: var(--white); border-radius: var(--radius-lg); padding: 8px; display: flex; gap: 8px; margin-bottom: 25px; box-shadow: var(--shadow-lg); flex-wrap: wrap; }\n        \n        .main-tab-btn { flex: 1; min-width: 150px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 20px; border: 2px solid var(--accent-orange); background: transparent; color: var(--gray-600); font-family: 'Poppins', sans-serif; font-size: 0.95rem; font-weight: 600; cursor: pointer; border-radius: var(--radius-md); transition: var(--transition); }\n        .main-tab-btn:hover { background: var(--gray-100); color: var(--primary-blue); }\n        .main-tab-btn.active { background: var(--gradient-primary); color: var(--white); border-color: var(--primary-blue); box-shadow: 0 8px 30px rgba(26, 75, 140, 0.3); }\n        .main-tab-btn i { font-size: 1.2rem; }\n\n        \/* Content *\/\n        .content-wrapper { background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); overflow: hidden; }\n        .tab-panel { display: none; animation: fadeIn 0.4s ease; }\n        .tab-panel.active { display: block; }\n        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n\n        \/* Paper Tabs *\/\n        .paper-tabs-wrapper { background: var(--gray-100); padding: 20px 25px; border-bottom: 1px solid var(--gray-200); }\n        .paper-tabs { display: flex; gap: 10px; flex-wrap: wrap; }\n        .paper-tab-btn { display: flex; align-items: center; gap: 8px; padding: 12px 20px; border: 2px solid var(--gray-300); background: var(--white); color: var(--gray-700); font-family: 'Poppins', sans-serif; font-size: 0.85rem; font-weight: 600; cursor: pointer; border-radius: var(--radius); transition: var(--transition); }\n        .paper-tab-btn:hover { border-color: var(--primary-blue-light); color: var(--primary-blue); transform: translateY(-2px); }\n        .paper-tab-btn.active { background: var(--primary-blue); border-color: var(--primary-blue); color: var(--white); box-shadow: var(--shadow); }\n\n        \/* Paper Content *\/\n        .paper-content-wrapper { padding: 25px; }\n        .paper-panel { display: none; animation: fadeIn 0.3s ease; }\n        .paper-panel.active { display: block; }\n\n        \/* Paper Info Box *\/\n        .paper-info-box { background: linear-gradient(135deg, #eef2ff 0%, #fef3c7 100%); border-radius: var(--radius-md); padding: 24px; margin-bottom: 25px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; border: 1px solid var(--gray-200); border-left: 5px solid var(--accent-orange); }\n        .paper-info-left h2 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.2rem; font-weight: 700; color: var(--primary-blue-dark); margin-bottom: 6px; }\n        .paper-info-left p { color: var(--gray-600); font-size: 0.85rem; }\n        .paper-info-stats { display: flex; gap: 12px; flex-wrap: wrap; }\n        .info-stat-box { background: var(--white); padding: 10px 18px; border-radius: var(--radius); text-align: center; box-shadow: var(--shadow-sm); border: 1px solid var(--gray-200); }\n        .info-stat-value { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.4rem; font-weight: 800; color: var(--accent-orange); }\n        .info-stat-label { font-size: 0.7rem; color: var(--gray-500); text-transform: uppercase; }\n\n        \/* Syllabus Grid *\/\n        .syllabus-content { display: grid; grid-template-columns: 2fr 1fr; gap: 25px; }\n        .syllabus-main { background: var(--white); border-radius: var(--radius-md); padding: 25px; border: 1px solid var(--gray-200); }\n        .syllabus-main h3 { font-size: 1.1rem; font-weight: 700; color: var(--gray-800); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--gray-100); }\n        .syllabus-list { list-style: none; }\n        .syllabus-list li { display: flex; align-items: flex-start; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--gray-100); }\n        .syllabus-list li:last-child { border-bottom: none; }\n        .syllabus-list .list-number { width: 28px; height: 28px; background: var(--gradient-secondary); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: 700; flex-shrink: 0; }\n        .syllabus-list .list-text { font-size: 0.9rem; color: var(--gray-700); line-height: 1.5; }\n        .reading-sidebar { background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); border-radius: var(--radius-md); padding: 25px; border-left: 4px solid var(--primary-blue); }\n        .reading-sidebar h3 { font-size: 1rem; font-weight: 700; color: var(--primary-blue-dark); margin-bottom: 18px; display: flex; align-items: center; gap: 10px; }\n        .reading-sidebar h3 i { color: var(--accent-orange); }\n        .reading-list { list-style: none; }\n        .reading-list li { font-size: 0.85rem; color: var(--gray-600); padding: 10px 0; border-bottom: 1px dashed var(--gray-300); display: flex; align-items: flex-start; gap: 10px; }\n        .reading-list li:last-child { border-bottom: none; }\n        .reading-list li::before { content: '\ud83d\udcda'; font-size: 0.9rem; }\n\n        \/* Study Material - PDF Viewer Layout *\/\n        .study-layout { display: grid; grid-template-columns: 380px 1fr; gap: 25px; min-height: 600px; }\n        .document-list { background: var(--white); border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--gray-200); box-shadow: var(--shadow); display: flex; flex-direction: column; }\n        .list-header { background: var(--gradient-dark); color: var(--white); padding: 18px 20px; font-size: 0.95rem; font-weight: 700; display: flex; align-items: center; gap: 10px; border-bottom: 3px solid var(--accent-orange); }\n        .list-header i { font-size: 1.2rem; }\n        .list-container { overflow-y: auto; max-height: 550px; padding: 12px; flex: 1; }\n        .list-container::-webkit-scrollbar { width: 6px; }\n        .list-container::-webkit-scrollbar-track { background: var(--gray-100); }\n        .list-container::-webkit-scrollbar-thumb { background: var(--gray-300); border-radius: 3px; }\n        .doc-item { display: flex; align-items: center; gap: 12px; padding: 14px 16px; margin-bottom: 8px; background: var(--gray-50); border-radius: var(--radius); cursor: pointer; transition: var(--transition); border: 2px solid transparent; position: relative; }\n        .doc-item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: transparent; transition: var(--transition); border-radius: 4px 0 0 4px; }\n        .doc-item:hover { background: var(--gray-100); transform: translateX(4px); }\n        .doc-item:hover::before { background: var(--accent-orange); }\n        .doc-item.active { background: var(--gradient-primary); color: var(--white); border-color: var(--primary-blue-dark); box-shadow: 0 4px 12px rgba(26, 75, 140, 0.3); }\n        .doc-item.active::before { background: var(--accent-orange); width: 5px; }\n        .doc-item.active .doc-title, .doc-item.active .doc-meta { color: var(--white); }\n        .doc-icon { width: 40px; height: 40px; border-radius: var(--radius); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1.1rem; color: var(--white); background: linear-gradient(135deg, #dc2626, #f87171); }\n        .doc-item.active .doc-icon { background: var(--white); color: var(--primary-blue); }\n        .doc-info { flex: 1; min-width: 0; }\n        .doc-title { font-size: 0.85rem; font-weight: 600; color: var(--gray-700); line-height: 1.4; margin-bottom: 4px; }\n        .doc-meta { font-size: 0.7rem; color: var(--gray-500); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n        .doc-badge { background: var(--accent-orange-light); color: var(--gray-800); padding: 2px 8px; border-radius: 4px; font-size: 0.65rem; font-weight: 600; }\n        .pdf-viewer { background: var(--white); border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--gray-200); box-shadow: var(--shadow); display: flex; flex-direction: column; }\n        .viewer-header { background: var(--gradient-dark); color: var(--white); padding: 16px 20px; font-size: 0.9rem; font-weight: 600; border-bottom: 3px solid var(--accent-orange); display: flex; align-items: center; gap: 10px; }\n        .viewer-header i { font-size: 1.1rem; }\n        .pdf-container { flex: 1; position: relative; min-height: 550px; background: var(--gray-100); }\n        .pdf-iframe { width: 100%; height: 100%; min-height: 550px; border: none; background: var(--gray-100); }\n        .pdf-placeholder { width: 100%; height: 100%; min-height: 400px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 40px 20px; color: var(--gray-500); }\n        .pdf-placeholder i { font-size: 4rem; margin-bottom: 20px; color: var(--primary-blue-light); }\n        .pdf-placeholder h3 { font-size: 1.2rem; font-weight: 700; color: var(--gray-700); margin-bottom: 10px; }\n        .mobile-pdf-actions { display: none; padding: 20px; text-align: center; background: var(--gray-50); border-top: 2px solid var(--gray-200); }\n        .download-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: var(--gradient-secondary); color: var(--white); border-radius: var(--radius); font-weight: 600; font-size: 0.9rem; transition: var(--transition); box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3); }\n        .download-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(245, 158, 11, 0.4); }\n\n        \/* PYP Table *\/\n        .pyp-notice { background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); border: 1px solid #fde68a; border-radius: var(--radius-md); padding: 20px; margin-bottom: 25px; display: flex; align-items: flex-start; gap: 15px; }\n        .pyp-notice-icon { width: 45px; height: 45px; background: var(--accent-orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 1.2rem; flex-shrink: 0; }\n        .pyp-notice-content h4 { font-size: 1rem; font-weight: 700; color: var(--accent-orange-dark); margin-bottom: 6px; }\n        .pyp-notice-content p { font-size: 0.85rem; color: var(--gray-600); line-height: 1.5; }\n        .table-container { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--gray-200); box-shadow: var(--shadow); }\n        .data-table { width: 100%; border-collapse: collapse; }\n        .data-table thead { background: var(--gradient-dark); }\n        .data-table th { padding: 16px 18px; text-align: left; color: var(--white); font-weight: 600; font-size: 0.85rem; text-transform: uppercase; }\n        .data-table tbody tr { border-bottom: 1px solid var(--gray-100); transition: var(--transition); }\n        .data-table tbody tr:hover { background: var(--gray-50); }\n        .data-table tbody tr:nth-child(even) { background: var(--gray-50); }\n        .data-table td { padding: 16px 18px; vertical-align: middle; font-size: 0.9rem; }\n        .year-cell { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.3rem; font-weight: 800; color: var(--primary-blue); }\n        .paper-btns { display: flex; flex-wrap: wrap; gap: 8px; }\n        .paper-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; background: var(--gradient-primary); color: var(--white); border-radius: var(--radius); font-size: 0.75rem; font-weight: 600; transition: var(--transition); border: none; cursor: pointer; }\n        .paper-btn:hover { transform: scale(1.05); box-shadow: var(--shadow-md); }\n        .paper-btn i { font-size: 0.7rem; }\n\n        \/* Mobile Cards *\/\n        .mobile-cards-wrapper { display: none; }\n        .mobile-card { background: var(--white); border-radius: var(--radius-md); overflow: hidden; margin-bottom: 16px; border: 1px solid var(--gray-200); box-shadow: var(--shadow); }\n        .mobile-card-header { background: var(--gradient-dark); padding: 16px 20px; }\n        .mobile-card-year { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 1.2rem; color: var(--white); }\n        .mobile-card-body { padding: 16px 20px; }\n        .mobile-card-actions { display: flex; gap: 8px; flex-wrap: wrap; }\n\n        \/* Scroll Top *\/\n        .scroll-top-btn { position: fixed; bottom: 25px; right: 25px; width: 48px; height: 48px; background: var(--gradient-secondary); color: var(--white); border: none; border-radius: 50%; cursor: pointer; font-size: 1.2rem; box-shadow: var(--shadow-lg); transition: var(--transition); opacity: 0; visibility: hidden; z-index: 1000; }\n        .scroll-top-btn.visible { opacity: 1; visibility: visible; }\n        .scroll-top-btn:hover { transform: translateY(-3px); }\n\n        \/* Responsive *\/\n   @media (max-width: 1024px) {\n    .study-layout { grid-template-columns: 1fr; }\n    .document-list { order: 1; }\n    .pdf-viewer { order: 2; }\n    .list-container { max-height: 350px; }\n    .mobile-pdf-actions { display: block; }\n    .syllabus-content { grid-template-columns: 1fr; }\n    .pdf-container { overflow: auto; -webkit-overflow-scrolling: touch; max-height: 600px; }\n    .pdf-iframe { min-height: 2000px; height: 2000px; position: static; }\n}\n        @media (max-width: 768px) {\n            .hero { padding: 40px 15px 65px; }\n            .main-tabs-wrapper, .paper-tabs { flex-direction: column; }\n            .main-tab-btn { justify-content: flex-start; padding: 14px 20px; }\n            .paper-tab-btn { width: 100%; justify-content: center; }\n            .paper-content-wrapper { padding: 15px; }\n            .paper-info-box { flex-direction: column; text-align: center; }\n            .paper-info-stats { width: 100%; justify-content: center; }\n            .table-container { display: none; }\n            .mobile-cards-wrapper { display: block; }\n            .hero-badges { gap: 8px; }\n            .hero-badge-item { font-size: 0.7rem; padding: 6px 12px; }\n        }\n        @media (max-width: 480px) {\n            .hero-stats { flex-direction: column; gap: 12px; }\n            .hero-stat { width: 100%; }\n            .paper-btn { padding: 6px 10px; font-size: 0.7rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"hero-container\">\n            <div class=\"hero-badge\"><i class=\"fas fa-certificate\"><\/i> CGA Departmental Examination<\/div>\n            <h1 class=\"hero-title\"><span>CGA AAO (Civil)<\/span> CBT Exam<\/h1>\n            <p class=\"hero-description\">Complete preparation guide for the Departmental Computer Based Promotion Examination with syllabus, study materials & previous year papers<\/p>\n           \n            <div class=\"hero-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 animated-btn active\" data-tab=\"syllabus\"><i class=\"fas fa-book-open\"><\/i> Syllabus<\/button>\n            <button class=\"main-tab-btn animated-btn \" data-tab=\"study-material\"><i class=\"fas fa-graduation-cap\"><\/i> Study Material<\/button>\n        <\/div>\n\n        <div class=\"content-wrapper\">\n            <!-- SYLLABUS TAB -->\n            <div id=\"syllabus\" class=\"tab-panel active\">\n                <div class=\"paper-tabs-wrapper\">\n                    <div class=\"paper-tabs\">\n                        <button class=\"paper-tab-btn animated-btn active\" data-paper=\"paper1-syllabus\"><i class=\"fas fa-file-contract\"><\/i> Paper I<\/button>\n                        <button class=\"paper-tab-btn animated-btn\" data-paper=\"paper2-syllabus\"><i class=\"fas fa-file-invoice\"><\/i> Paper II<\/button>\n                        <button class=\"paper-tab-btn animated-btn\" data-paper=\"paper3-syllabus\"><i class=\"fas fa-file-alt\"><\/i> Paper III<\/button>\n                        <button class=\"paper-tab-btn animated-btn\" data-paper=\"paper4-syllabus\"><i class=\"fas fa-landmark\"><\/i> Paper IV<\/button>\n                        <button class=\"paper-tab-btn animated-btn\" data-paper=\"paper5-syllabus\"><i class=\"fas fa-search-dollar\"><\/i> Paper V<\/button>\n                    <\/div>\n                <\/div>\n                <div class=\"paper-content-wrapper\">\n                    <!-- Paper 1 Syllabus -->\n                    <div id=\"paper1-syllabus\" class=\"paper-panel active\">\n                        <div class=\"paper-info-box\">\n                            <div class=\"paper-info-left\">\n                                <h2><i class=\"fas fa-book-reader\" style=\"color: var(--accent-orange); margin-right: 10px;\"><\/i>Paper I - Comprehension & Office Procedure<\/h2>\n                                <p>Hindi\/English Grammar, Comprehension, Translation, Office Procedure<\/p>\n                            <\/div>\n                            <div class=\"paper-info-stats\">\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">100<\/div><div class=\"info-stat-label\">Questions<\/div><\/div>\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">100<\/div><div class=\"info-stat-label\">Marks<\/div><\/div>\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">2 Hrs<\/div><div class=\"info-stat-label\">Duration<\/div><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"syllabus-content\" id=\"paper1SyllabusContent\"><\/div>\n                    <\/div>\n                    <!-- Paper 2 Syllabus -->\n                    <div id=\"paper2-syllabus\" class=\"paper-panel\">\n                        <div class=\"paper-info-box\">\n                            <div class=\"paper-info-left\">\n                                <h2><i class=\"fas fa-balance-scale\" style=\"color: var(--accent-orange); margin-right: 10px;\"><\/i>Paper II - Service Rules<\/h2>\n                                <p>FRSR, CCS Rules, Pension, Leave, LTC, Conduct, CCA, RTI<\/p>\n                            <\/div>\n                            <div class=\"paper-info-stats\">\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">100<\/div><div class=\"info-stat-label\">Questions<\/div><\/div>\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">100<\/div><div class=\"info-stat-label\">Marks<\/div><\/div>\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">2 Hrs<\/div><div class=\"info-stat-label\">Duration<\/div><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"syllabus-content\" id=\"paper2SyllabusContent\"><\/div>\n                    <\/div>\n                    <!-- Paper 3 Syllabus -->\n                    <div id=\"paper3-syllabus\" class=\"paper-panel\">\n                        <div class=\"paper-info-box\">\n                            <div class=\"paper-info-left\">\n                                <h2><i class=\"fas fa-calculator\" style=\"color: var(--accent-orange); margin-right: 10px;\"><\/i>Paper III - Government Accounts<\/h2>\n                                <p>GAR, Receipt & Payment Rules, Civil Accounts Manual, CPWD Code<\/p>\n                            <\/div>\n                            <div class=\"paper-info-stats\">\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">100<\/div><div class=\"info-stat-label\">Questions<\/div><\/div>\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">100<\/div><div class=\"info-stat-label\">Marks<\/div><\/div>\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">2 Hrs<\/div><div class=\"info-stat-label\">Duration<\/div><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"syllabus-content\" id=\"paper3SyllabusContent\"><\/div>\n                    <\/div>\n                    <!-- Paper 4 Syllabus -->\n                    <div id=\"paper4-syllabus\" class=\"paper-panel\">\n                        <div class=\"paper-info-box\">\n                            <div class=\"paper-info-left\">\n                                <h2><i class=\"fas fa-landmark\" style=\"color: var(--accent-orange); margin-right: 10px;\"><\/i>Paper IV - Parliamentary Financial Control<\/h2>\n                                <p>Constitution, FRBM Act, GFR, DFPR, Budget Manual, CAG Act<\/p>\n                            <\/div>\n                            <div class=\"paper-info-stats\">\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">100<\/div><div class=\"info-stat-label\">Questions<\/div><\/div>\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">100<\/div><div class=\"info-stat-label\">Marks<\/div><\/div>\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">2 Hrs<\/div><div class=\"info-stat-label\">Duration<\/div><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"syllabus-content\" id=\"paper4SyllabusContent\"><\/div>\n                    <\/div>\n                    <!-- Paper 5 Syllabus -->\n                    <div id=\"paper5-syllabus\" class=\"paper-panel\">\n                        <div class=\"paper-info-box\">\n                            <div class=\"paper-info-left\">\n                                <h2><i class=\"fas fa-search-dollar\" style=\"color: var(--accent-orange); margin-right: 10px;\"><\/i>Paper V - Procurement, Internal Audit & Control<\/h2>\n                                <p>Procurement Manuals, GeM, Internal Audit Manuals<\/p>\n                            <\/div>\n                            <div class=\"paper-info-stats\">\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">100<\/div><div class=\"info-stat-label\">Questions<\/div><\/div>\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">100<\/div><div class=\"info-stat-label\">Marks<\/div><\/div>\n                                <div class=\"info-stat-box\"><div class=\"info-stat-value\">2 Hrs<\/div><div class=\"info-stat-label\">Duration<\/div><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"syllabus-content\" id=\"paper5SyllabusContent\"><\/div>\n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n\n            <!-- STUDY MATERIAL TAB -->\n            <div id=\"study-material\" class=\"tab-panel\">\n                <div class=\"paper-tabs-wrapper\">\n                    <div class=\"paper-tabs\">\n                        <button class=\"paper-tab-btn animated-btn active\" data-paper=\"paper1-material\"><i class=\"fas fa-file-contract\"><\/i> Paper I<\/button>\n                        <button class=\"paper-tab-btn animated-btn\" data-paper=\"paper2-material\"><i class=\"fas fa-file-invoice\"><\/i> Paper II<\/button>\n                        <button class=\"paper-tab-btn animated-btn\" data-paper=\"paper3-material\"><i class=\"fas fa-file-alt\"><\/i> Paper III<\/button>\n                        <button class=\"paper-tab-btn animated-btn\" data-paper=\"paper4-material\"><i class=\"fas fa-landmark\"><\/i> Paper IV<\/button>\n                        <button class=\"paper-tab-btn animated-btn\" data-paper=\"paper5-material\"><i class=\"fas fa-search-dollar\"><\/i> Paper V<\/button>\n                    <\/div>\n                <\/div>\n                <div class=\"paper-content-wrapper\">\n                    <!-- Paper 1 Material -->\n                    <div id=\"paper1-material\" class=\"paper-panel active\">\n                        <div class=\"paper-info-box\">\n                            <div class=\"paper-info-left\">\n                                <h2><i class=\"fas fa-book-reader\" style=\"color: var(--accent-orange); margin-right: 10px;\"><\/i>Paper I - Study Materials<\/h2>\n                                <p>Comprehension & Office Procedure Resources<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"study-layout\">\n                            <aside class=\"document-list\" data-paper-id=\"paper1\">\n                                <div class=\"list-header\"><i class=\"fas fa-folder-open\"><\/i> Select a Document to View<\/div>\n                                <div class=\"list-container\" id=\"paper1DocList\"><\/div>\n                            <\/aside>\n                            <section class=\"pdf-viewer\">\n                                <div class=\"viewer-header\"><i class=\"fas fa-file-pdf\"><\/i> <span id=\"viewer-title-paper1\">Document Viewer<\/span><\/div>\n                                <div class=\"pdf-container\">\n                                    <iframe id=\"iframe-paper1\" class=\"pdf-iframe\" src=\"\" title=\"PDF Viewer - Paper I\"><\/iframe>\n                                <\/div>\n                                <div class=\"mobile-pdf-actions\">\n                                    <a href=\"#\" id=\"download-btn-paper1\" class=\"download-btn\" target=\"_blank\"><i class=\"fas fa-download\"><\/i> Download PDF<\/a>\n                                <\/div>\n                            <\/section>\n                        <\/div>\n                    <\/div>\n                    <!-- Paper 2 Material -->\n                    <div id=\"paper2-material\" class=\"paper-panel\">\n                        <div class=\"paper-info-box\">\n                            <div class=\"paper-info-left\">\n                                <h2><i class=\"fas fa-balance-scale\" style=\"color: var(--accent-orange); margin-right: 10px;\"><\/i>Paper II - Study Materials<\/h2>\n                                <p>Service Rules & Regulations Resources<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"study-layout\">\n                            <aside class=\"document-list\" data-paper-id=\"paper2\">\n                                <div class=\"list-header\"><i class=\"fas fa-folder-open\"><\/i> Select a Document to View<\/div>\n                                <div class=\"list-container\" id=\"paper2DocList\"><\/div>\n                            <\/aside>\n                            <section class=\"pdf-viewer\">\n                                <div class=\"viewer-header\"><i class=\"fas fa-file-pdf\"><\/i> <span id=\"viewer-title-paper2\">Document Viewer<\/span><\/div>\n                                <div class=\"pdf-container\">\n                                    <iframe id=\"iframe-paper2\" class=\"pdf-iframe\" src=\"\" title=\"PDF Viewer - Paper II\"><\/iframe>\n                                <\/div>\n                                <div class=\"mobile-pdf-actions\">\n                                    <a href=\"#\" id=\"download-btn-paper2\" class=\"download-btn\" target=\"_blank\"><i class=\"fas fa-download\"><\/i> Download PDF<\/a>\n                                <\/div>\n                            <\/section>\n                        <\/div>\n                    <\/div>\n                    <!-- Paper 3 Material -->\n                    <div id=\"paper3-material\" class=\"paper-panel\">\n                        <div class=\"paper-info-box\">\n                            <div class=\"paper-info-left\">\n                                <h2><i class=\"fas fa-calculator\" style=\"color: var(--accent-orange); margin-right: 10px;\"><\/i>Paper III - Study Materials<\/h2>\n                                <p>Government Accounts Resources<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"study-layout\">\n                            <aside class=\"document-list\" data-paper-id=\"paper3\">\n                                <div class=\"list-header\"><i class=\"fas fa-folder-open\"><\/i> Select a Document to View<\/div>\n                                <div class=\"list-container\" id=\"paper3DocList\"><\/div>\n                            <\/aside>\n                            <section class=\"pdf-viewer\">\n                                <div class=\"viewer-header\"><i class=\"fas fa-file-pdf\"><\/i> <span id=\"viewer-title-paper3\">Document Viewer<\/span><\/div>\n                                <div class=\"pdf-container\">\n                                    <iframe id=\"iframe-paper3\" class=\"pdf-iframe\" src=\"\" title=\"PDF Viewer - Paper III\"><\/iframe>\n                                <\/div>\n                                <div class=\"mobile-pdf-actions\">\n                                    <a href=\"#\" id=\"download-btn-paper3\" class=\"download-btn\" target=\"_blank\"><i class=\"fas fa-download\"><\/i> Download PDF<\/a>\n                                <\/div>\n                            <\/section>\n                        <\/div>\n                    <\/div>\n                    <!-- Paper 4 Material -->\n                    <div id=\"paper4-material\" class=\"paper-panel\">\n                        <div class=\"paper-info-box\">\n                            <div class=\"paper-info-left\">\n                                <h2><i class=\"fas fa-landmark\" style=\"color: var(--accent-orange); margin-right: 10px;\"><\/i>Paper IV - Study Materials<\/h2>\n                                <p>Parliamentary Financial Control Resources<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"study-layout\">\n                            <aside class=\"document-list\" data-paper-id=\"paper4\">\n                                <div class=\"list-header\"><i class=\"fas fa-folder-open\"><\/i> Select a Document to View<\/div>\n                                <div class=\"list-container\" id=\"paper4DocList\"><\/div>\n                            <\/aside>\n                            <section class=\"pdf-viewer\">\n                                <div class=\"viewer-header\"><i class=\"fas fa-file-pdf\"><\/i> <span id=\"viewer-title-paper4\">Document Viewer<\/span><\/div>\n                                <div class=\"pdf-container\">\n                                    <iframe id=\"iframe-paper4\" class=\"pdf-iframe\" src=\"\" title=\"PDF Viewer - Paper IV\"><\/iframe>\n                                <\/div>\n                                <div class=\"mobile-pdf-actions\">\n                                    <a href=\"#\" id=\"download-btn-paper4\" class=\"download-btn\" target=\"_blank\"><i class=\"fas fa-download\"><\/i> Download PDF<\/a>\n                                <\/div>\n                            <\/section>\n                        <\/div>\n                    <\/div>\n                    <!-- Paper 5 Material -->\n                    <div id=\"paper5-material\" class=\"paper-panel\">\n                        <div class=\"paper-info-box\">\n                            <div class=\"paper-info-left\">\n                                <h2><i class=\"fas fa-search-dollar\" style=\"color: var(--accent-orange); margin-right: 10px;\"><\/i>Paper V - Study Materials<\/h2>\n                                <p>Procurement & Internal Audit Resources<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"study-layout\">\n                            <aside class=\"document-list\" data-paper-id=\"paper5\">\n                                <div class=\"list-header\"><i class=\"fas fa-folder-open\"><\/i> Select a Document to View<\/div>\n                                <div class=\"list-container\" id=\"paper5DocList\"><\/div>\n                            <\/aside>\n                            <section class=\"pdf-viewer\">\n                                <div class=\"viewer-header\"><i class=\"fas fa-file-pdf\"><\/i> <span id=\"viewer-title-paper5\">Document Viewer<\/span><\/div>\n                                <div class=\"pdf-container\">\n                                    <iframe id=\"iframe-paper5\" class=\"pdf-iframe\" src=\"\" title=\"PDF Viewer - Paper V\"><\/iframe>\n                                <\/div>\n                                <div class=\"mobile-pdf-actions\">\n                                    <a href=\"#\" id=\"download-btn-paper5\" class=\"download-btn\" target=\"_blank\"><i class=\"fas fa-download\"><\/i> Download PDF<\/a>\n                                <\/div>\n                            <\/section>\n                        <\/div>\n                    <\/div>\n                <\/div>\n             <div class=\"pyp-notice\">\n                        <div class=\"pyp-notice-icon\"><i class=\"fas fa-exclamation-triangle\"><\/i><\/div>\n                        <div class=\"pyp-notice-content\">\n                            <h4>CBT Papers Availability Notice<\/h4>\n                            <p>Official CBT question papers are <strong>not released for public consumption<\/strong> by the CGA. The CBT interface operates in a secured environment. Use archived descriptive papers to master core rulebooks as the regulatory framework remains consistent.<\/p>\n                        <\/div>\n                    <\/div> <\/div>\n            \n        <\/div>\n          \n   \n    <\/div>\n\n    <button class=\"scroll-top-btn\" id=\"scrollTopBtn\"><i class=\"fas fa-arrow-up\"><\/i><\/button>\n    <script>\n        \/\/ ============================================\n        \/\/ CONFIGURATION DATA\n        \/\/ ============================================\n\n        \/\/ Syllabus Data\n        const syllabusData = {\n            paper1: {\n                topics: [\n                    'Five short paragraphs followed by four questions each based on the given paragraphs',\n                    'Questions on Hindi\/English grammar including sentence correction, idioms and phrases, parts of speech, articles, direct and indirect speech, question tags, synonyms and antonyms, vocabulary, arranging sentences in correct order, spellings etc.',\n                    'Translation of words\/phrases commonly used in office notings\/correspondences from English to Hindi, and vice versa',\n                    'Office procedure'\n                ],\n                readings: [\n                    'Good publications on Hindi\/English grammar and comprehension of Graduate level',\n                    'Manual of Office Procedure brought out by Department of Administrative Reforms and Public Grievances',\n                    'Establishment and Office Procedure Manual'\n                ]\n            },\n            paper2: {\n                topics: [\n                    'FRSR Part-I \u2013 General Rules (excluding provisions relating to Government Residences under SR 26\u201328)',\n                    'Revised Pay Rules, 2008 & 2016 and orders issued thereunder',\n                    'FRSR Part-II \u2013 Travelling Allowance Rules',\n                    'Central Services (Medical Attendance) Rules, 1944 and CGHS Orders',\n                    'CCS (Pension) Rules, 1972',\n                    'CCS (Extraordinary Pension) Rules',\n                    'Payment of Arrears of Pension (Nomination) Rules, 1983',\n                    'CCS (Commutation of Pension) Rules, 1983',\n                    'National Pension System (NPS)',\n                    'Scheme for Payment of Pension to Central Government Civilian Pensioners through Authorised Banks',\n                    'CCS (Leave) Rules and CCS (Joining Time) Rules',\n                    'Orders on Dearness Allowance, Dearness Relief and House Rent Allowance',\n                    'Leave Travel Concession (LTC) Rules',\n                    'General Provident Fund (Central Services) Rules, 1960',\n                    'Central Government Employees Group Insurance Scheme (CGEGIS), 1980',\n                    'Orders governing fixation of pay of re-employed pensioners',\n                    'Sections 192 and 194-C of the Income Tax Act and related CBDT circulars',\n                    'ACP \/ MACP Schemes',\n                    'Children Education Allowance (CEA)',\n                    'CCS (Conduct) Rules',\n                    'CCS (Classification, Control & Appeal) Rules',\n                    'Right to Information Act, 2005 and Right to Information Rules, 2012'\n                ],\n                readings: [\n                    'FRSR Part-I, II, III, IV',\n                    'Revised Pay Rules, 2008 and 2016',\n                    'Central Services (Medical Attendance) Rules, 1944',\n                    'CCS (Pension) Rules, 1972 & NPS Rules, 2021',\n                    'CCS (Leave) Rules & (Joining Time) Rules',\n                    'LTC Rules & GPF Rules, 1960',\n                    'CGEGIS, 1980',\n                    'CCS (Conduct) Rules & CCS (CCA) Rules',\n                    'RTI Act, 2005 & Rules, 2012'\n                ]\n            },\n            paper3: {\n                topics: [\n                    'Government Accounting Rules, 1990',\n                    'Central Government Account (Receipt & Payment) Rules, 1983 (excluding Sections IV and V of Part-III)',\n                    'Civil Accounts Manual (latest edition)',\n                    'General Directions for the List of Major and Minor Heads of Accounts',\n                    'Report of the Committee of Experts on Uniform Format of Accounts for Central Autonomous Bodies (CGA Publications)',\n                    'Suspense Manual',\n                    'CPWD Works Manual, 2019\/2022 and Standard Operating Procedures (SOPs)',\n                    'CPWD Accounts Code',\n                    'Manual for Procurement of Works, 2019\/2024 (Department of Expenditure)'\n                ],\n                readings: [\n                    'Government Accounting Rules, 1990',\n                    'Central Government Account (Receipt & Payment) Rules, 1983',\n                    'Civil Accounts Manual (latest edition)',\n                    'List of Major and Minor Heads of Accounts',\n                    'Report on Uniform Format of Accounts for Central Autonomous Bodies',\n                    'Suspense Manual',\n                    'CPWD Works Manual & Accounts Code',\n                    'Manual for Procurement of Works'\n                ]\n            },\n            paper4: {\n                topics: [\n                    'Constitution of India (Articles 77; 79\u2013151; 245\u2013290A; 292\u2013312A; and 352\u2013360)',\n                    'Fiscal Responsibility and Budget Management (FRBM) Act and Rules',\n                    'Rules of Procedure and Conduct of Business in the Lok Sabha (Chapter XXVI \u2013 Parliamentary Committees)',\n                    'Comptroller and Auditor General (Duties, Powers and Conditions of Service) Act, 1971 \u2013 Chapter III (as amended)',\n                    'General Financial Rules (GFR), 2017',\n                    'Delegation of Financial Powers Rules (DFPR), 1978\/2024 (as amended)',\n                    'Contingency Fund of India Rules',\n                    'Budget Manual issued by the Budget Division, Department of Economic Affairs'\n                ],\n                readings: [\n                    'Constitution of India \u2013 Relevant Articles',\n                    'FRBM Act, 2003 and FRBM Rules, 2004',\n                    'Rules of Procedure - Lok Sabha (Chapter XXVI)',\n                    'CAG (DPC) Act \u2013 Chapter III',\n                    'General Financial Rules, 2017',\n                    'Delegation of Financial Powers Rules',\n                    'Contingency Fund of India Rules',\n                    'Budget Manual'\n                ]\n            },\n            paper5: {\n                topics: [\n                    'Manual for Procurement of Goods issued by the Department of Expenditure',\n                    'Manual for Procurement of Consultancy and Other Services issued by the Department of Expenditure',\n                    'Public Procurement (Preference to Make in India) Order, 2017',\n                    'E-Procurement System and Government e-Marketplace (GeM)',\n                    'Generic Internal Audit Manual issued by the Controller General of Accounts (CGA)',\n                    'Internal Audit Handbook for Central Civil Ministries\/Departments issued by CGA',\n                    'Operational Manual for Internal Audit for Central Civil Ministries\/Departments'\n                ],\n                readings: [\n                    'Manual for Procurement of Goods',\n                    'Manual for Procurement of Consultancy and Other Services',\n                    'Public Procurement (Preference to Make in India) Order, 2017',\n                    'GeM Portal Guidelines',\n                    'Generic Internal Audit Manual (CGA)',\n                    'Internal Audit Handbook for Central Civil Ministries',\n                    'Operational Manual for Internal Audit'\n                ]\n            }\n        };\n\n        \/\/ Study Materials Data - UPDATE PDF URLs\n        const studyMaterials = {\n            paper1: [\n                { title: '\u0938\u0930\u0932 \u092a\u094d\u0930\u0936\u093e\u0938\u0928\u093f\u0915 \u0936\u092c\u094d\u0926\u093e\u0935\u0932\u0940', url: '\/wp-content\/uploads\/2025\/12\/saralshabdavali.pdf', badge: 'Updated' },\n                { title: 'Central Secretariat Manual for Office Procedure', url: '\/wp-content\/uploads\/2025\/08\/csmop2022.pdf', badge: 'Official' }\n            ],\n            paper2: [\n                { title: 'FRSR Compilation', url: '\/wp-content\/uploads\/2025\/12\/Compilation_FR_SR_English.pdf', badge: 'Official' },\n                { title: 'CCS (CCA) Rules', url: 'https:\/\/dopt.gov.in\/ccs-cca-rules-1965', badge: 'Official' },\n                { title: 'CCS (Conduct) Rules', url: '\/wp-content\/uploads\/2025\/12\/CCS_Conduct_Rules_1964_Updated_27Feb15_0.pdf', badge: '' },\n                { title: 'General Provident Fund (Central Services) Rules', url: '\/wp-content\/uploads\/2025\/12\/gpf-rules1960-20200706170907.pdf', badge: '' },\n                { title: 'CGEGIS, 1980', url: '\/wp-content\/uploads\/2025\/12\/ilovepdf_merged-28-1.pdf', badge: '' },\n                { title: 'Right to Information Act, 2005', url: '\/wp-content\/uploads\/2025\/08\/RTI_English.pdf', badge: 'Official' },\n                { title: 'Right to Information Rules, 2012', url: '\/wp-content\/uploads\/2025\/12\/RTIRules2019_Hindi.pdf', badge: '' },\n                { title: 'ACP \/ MACP Schemes', url: '\/wp-content\/uploads\/2025\/12\/ACP-_-MACP.pdf', badge: '' },\n                { title: 'Leave Travel Concession (LTC) Rules', url: '\/wp-content\/uploads\/2025\/12\/Leave-Travel-Concession-LTC.pdf', badge: '' },\n                { title: 'CCS (Leave) Rules', url: '\/wp-content\/uploads\/2025\/12\/ccs-leave-rules.pdf', badge: '' },\n                { title: 'CCS (Joining Time) Rules', url: '\/wp-content\/uploads\/2025\/12\/joining-time-rules.pdf', badge: '' },\n                { title: 'CCS (Extraordinary Pension) Rules', url: '\/wp-content\/uploads\/2025\/12\/CSS_EOP_-Rules_2023_H.pdf', badge: '' },\n                { title: 'CCS (Pension) Rules', url: '\/wp-content\/uploads\/2025\/12\/CSS_PensionRules_2021_Book_Eng.pdf', badge: 'Official' },\n                { title: 'Children Education Allowance (CEA)', url: '\/wp-content\/uploads\/2025\/12\/CEA-OMwVQXm_merged-1.pdf', badge: '' }\n            ],\n            paper3: [\n                { title: 'Government Accounting Rules, 1990', url: '\/wp-content\/uploads\/2025\/07\/GAR-1990.pdf', badge: 'Official' },\n                { title: 'Central Govt Account (Receipt & Payment) Rules 1983', url: '\/wp-content\/uploads\/2025\/07\/Central-govt-account-receipt-and-payment-rule-1983.pdf', badge: '' },\n                { title: 'Civil Accounts Manual (latest edition)', url: '\/wp-content\/uploads\/2025\/07\/Civil-account-manaual-2024.pdf', badge: 'Updated' },\n                { title: 'List of Major and Minor Heads of Accounts', url: '\/wp-content\/uploads\/2025\/07\/LMMH.pdf', badge: '' },\n                { title: 'Uniform Format of Accounts for Central Autonomous Bodies', url: '\/wp-content\/uploads\/2025\/07\/Report-Uniform_format_of_Accounts-autonomous-bodies.pdf', badge: '' },\n                { title: 'Suspense Manual', url: '\/wp-content\/uploads\/2025\/07\/SuspenseManual.pdf', badge: '' },\n                { title: 'CPWD Works Manual, 2022', url: '\/wp-content\/uploads\/2025\/07\/CPWD-Works-Manual-2022.pdf', badge: '' },\n                { title: 'CPWD Accounts Code', url: '\/wp-content\/uploads\/2025\/07\/CPWD-ACCOUNTS-CODE.pdf', badge: '' },\n                { title: 'Manual of Procurement of Works 2024', url: '\/wp-content\/uploads\/2025\/12\/Draft_Works_Manual_2nd_Edition.pdf', badge: 'Updated' }\n            ],\n            paper4: [\n                { title: 'Constitution of India (Relevant Articles)', url: '\/wp-content\/uploads\/2025\/09\/COI_2024.pdf', badge: 'Official' },\n                { title: 'FRBM Act and Rules', url: '\/wp-content\/uploads\/2025\/07\/FRBM-Act-2003-and-FRBM-Rules-2004.pdf', badge: '' },\n                { title: 'Rules of Procedure - Lok Sabha (Chapter XXVI)', url: '\/wp-content\/uploads\/2025\/07\/rule-and-procedure-of-lok-sabha-chpter-XXVII.pdf', badge: '' },\n                { title: 'CAG (DPC) Act - Chapter III', url: '\/wp-content\/uploads\/2025\/07\/CAGDPC-act.pdf', badge: '' },\n                { title: 'General Financial Rules, 2017', url: '\/wp-content\/uploads\/2025\/07\/FInal_GFR_upto_31_07_2024.pdf', badge: 'Updated' },\n                { title: 'Delegation of Financial Powers Rules, 2024', url: '\/wp-content\/uploads\/2025\/07\/Delegation_of_Financial_Powers_Rules_2024_Booklet.pdf', badge: 'Updated' },\n                { title: 'Contingency Fund of India Rules', url: '\/wp-content\/uploads\/2025\/07\/Contingency_Fund_of_India_Rules.pdf', badge: '' },\n                { title: 'Budget Manual', url: '\/wp-content\/uploads\/2025\/07\/BUDGET-MANUAL-FINAL-15-11-22.pdf', badge: '' }\n            ],\n            paper5: [\n                { title: 'Manual of Procurement of Goods 2024', url: '\/wp-content\/uploads\/2025\/07\/Manual-OF-PROCUREMENT-OF-Goods_2024.pdf', badge: 'Updated' },\n                { title: 'Manual of Procurement of Consultancy Services', url: '\/wp-content\/uploads\/2025\/07\/Manual_for_Procurement_of_Consultancy__Other_Services_Updated-June-2022.pdf', badge: '' },\n                { title: 'Procurement (Preference to Make in India) Order 2017', url: '\/wp-content\/uploads\/2025\/12\/0ee62cb7cfc6586c69e0acd4febb3f2f.pdf', badge: '' },\n                { title: 'Generic Internal Audit Manual by CGA', url: '\/wp-content\/uploads\/2025\/07\/Generic-Internal-aUDIT-MANUAL.pdf', badge: '' },\n                { title: 'Internal Audit Handbook for Central Civil Ministries', url: '\/wp-content\/uploads\/2025\/07\/INTERNALAUDITHANDBOOK_pdf.pdf', badge: '' },\n                { title: 'Operational Manual for Internal Audit', url: '\/wp-content\/uploads\/2025\/07\/Operational-manual-for-internal-audit-for-central-ministries.pdf', badge: '' }\n            ]\n        };\n\n        \/\/ Previous Year Papers - Old Pattern (8 Papers)\n        const pypYears = ['2018', '2017', '2014 (Re-exam)', '2014', '2013', '2012', '2011', '2010', '2009'];\n        const pypPapers = {\n            '2018': {\n                'P-I': '#', 'P-II': '#', 'P-III': '#', 'P-IV': '#',\n                'P-V': '#', 'P-VI': '#', 'P-VII': '#', 'P-VIII': '#'\n            },\n            '2017': {\n                'P-I': '#', 'P-II': '#', 'P-III': '#', 'P-IV': '#',\n                'P-V': '#', 'P-VI': '#', 'P-VII': '#', 'P-VIII': '#'\n            },\n            '2014 (Re-exam)': {\n                'P-I': '#', 'P-II': '#', 'P-III': '#', 'P-IV': '#',\n                'P-V': '#', 'P-VI': '#', 'P-VII': '#', 'P-VIII': '#'\n            },\n            '2014': {\n                'P-I': '#', 'P-II': '#', 'P-III': '#', 'P-IV': '#',\n                'P-V': '#', 'P-VI': '#', 'P-VII': '#', 'P-VIII': '#'\n            },\n            '2013': {\n                'P-I': '#', 'P-II': '#', 'P-III': '#', 'P-IV': '#',\n                'P-V': '#', 'P-VI': '#', 'P-VII': '#', 'P-VIII': '#'\n            },\n            '2012': {\n                'P-I': '#', 'P-II': '#', 'P-III': '#', 'P-IV': '#',\n                'P-V': '#', 'P-VI': '#', 'P-VII': '#', 'P-VIII': '#'\n            },\n            '2011': {\n                'P-I': '#', 'P-II': '#', 'P-III': '#', 'P-IV': '#',\n                'P-V': '#', 'P-VI': '#', 'P-VII': '#', 'P-VIII': '#'\n            },\n            '2010': {\n                'P-I': '#', 'P-II': '#', 'P-III': '#', 'P-IV': '#',\n                'P-V': '#', 'P-VI': '#', 'P-VII': '#', 'P-VIII': '#'\n            },\n            '2009': {\n                'P-I': '#', 'P-II': '#', 'P-III': '#', 'P-IV': '#',\n                'P-V': '#', 'P-VI': '#', 'P-VII': '#', 'P-VIII': '#'\n            }\n        };\n\n        \/\/ ============================================\n        \/\/ INITIALIZATION\n        \/\/ ============================================\n        document.addEventListener('DOMContentLoaded', () => {\n            initMainTabs();\n            initPaperTabs();\n            generateSyllabus();\n            generateStudyMaterialsUI();\n            generatePYPTable();\n            initScrollTop();\n        });\n\n        \/\/ ============================================\n        \/\/ TAB NAVIGATION\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        function initPaperTabs() {\n            document.querySelectorAll('.tab-panel').forEach(panel => {\n                panel.querySelectorAll('.paper-tab-btn').forEach(tab => {\n                    tab.addEventListener('click', () => {\n                        panel.querySelectorAll('.paper-tab-btn').forEach(t => t.classList.remove('active'));\n                        panel.querySelectorAll('.paper-panel').forEach(p => p.classList.remove('active'));\n                        tab.classList.add('active');\n                        const targetPanel = document.getElementById(tab.dataset.paper);\n                        if (targetPanel) {\n                            targetPanel.classList.add('active');\n                            \/\/ Load first document when switching to material tab\n                            if (tab.dataset.paper.includes('-material')) {\n                                const paperId = tab.dataset.paper.replace('-material', '');\n                                loadFirstDocument(paperId);\n                            }\n                        }\n                    });\n                });\n            });\n        }\n\n        \/\/ ============================================\n        \/\/ GENERATE SYLLABUS\n        \/\/ ============================================\n        function generateSyllabus() {\n            ['paper1', 'paper2', 'paper3', 'paper4', 'paper5'].forEach(paper => {\n                const container = document.getElementById(`${paper}SyllabusContent`);\n                if (!container || !syllabusData[paper]) return;\n\n                const data = syllabusData[paper];\n                container.innerHTML = `\n                    <div class=\"syllabus-main\">\n                        <h3><i class=\"fas fa-list-check\" style=\"color: var(--accent-orange); margin-right: 10px;\"><\/i>Detailed Syllabus Content<\/h3>\n                        <ul class=\"syllabus-list\">\n                            ${data.topics.map((topic, i) => `\n                                <li>\n                                    <span class=\"list-number\">${i + 1}<\/span>\n                                    <span class=\"list-text\">${topic}<\/span>\n                                <\/li>\n                            `).join('')}\n                        <\/ul>\n                    <\/div>\n                    <div class=\"reading-sidebar\">\n                        <h3><i class=\"fas fa-book-open\"><\/i> Suggested Readings<\/h3>\n                        <p style=\"font-size: 0.75rem; color: var(--gray-500); margin-bottom: 15px; font-style: italic;\">\n                            [All Study Materials available under 'Study Material' Tab]\n                        <\/p>\n                        <ul class=\"reading-list\">\n                            ${data.readings.map(reading => `<li>${reading}<\/li>`).join('')}\n                        <\/ul>\n                    <\/div>\n                `;\n            });\n        }\n\n        \/\/ ============================================\n        \/\/ GENERATE STUDY MATERIALS\n        \/\/ ============================================\n        function generateStudyMaterialsUI() {\n            ['paper1', 'paper2', 'paper3', 'paper4', 'paper5'].forEach(paper => {\n                const listContainer = document.getElementById(`${paper}DocList`);\n                if (!listContainer || !studyMaterials[paper]) return;\n\n                listContainer.innerHTML = studyMaterials[paper].map((doc, i) => `\n                    <div class=\"doc-item ${i === 0 ? 'active' : ''}\" data-pdf-url=\"${doc.url}\" data-title=\"${doc.title}\">\n                        <div class=\"doc-icon\"><i class=\"fas fa-file-pdf\"><\/i><\/div>\n                        <div class=\"doc-info\">\n                            <div class=\"doc-title\">${doc.title}<\/div>\n                            ${doc.badge ? `<div class=\"doc-meta\"><span class=\"doc-badge\">${doc.badge}<\/span><\/div>` : ''}\n                        <\/div>\n                    <\/div>\n                `).join('');\n\n                \/\/ Add click handlers\n                listContainer.querySelectorAll('.doc-item').forEach(item => {\n                    item.addEventListener('click', () => {\n                        listContainer.querySelectorAll('.doc-item').forEach(d => d.classList.remove('active'));\n                        item.classList.add('active');\n                        loadPdf(paper, item.dataset.pdfUrl, item.dataset.title);\n                    });\n                });\n\n                \/\/ Load first document\n                loadFirstDocument(paper);\n            });\n        }\n\n        function loadFirstDocument(paperId) {\n            const firstDoc = document.querySelector(`#${paperId}DocList .doc-item`);\n            if (firstDoc) {\n                loadPdf(paperId, firstDoc.dataset.pdfUrl, firstDoc.dataset.title);\n            }\n        }\n\n     function loadPdf(paperId, url, title) {\n    const iframe = document.getElementById(`iframe-${paperId}`);\n    const viewerTitle = document.getElementById(`viewer-title-${paperId}`);\n    const downloadBtn = document.getElementById(`download-btn-${paperId}`);\n\n    if (iframe && url) {\n        \/\/ Use Google Docs Viewer for mobile devices to ensure inline viewing\n        const isMobile = \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent);\n        const fullUrl = url.startsWith('http') ? url : window.location.origin + url;\n        \n        if (isMobile) {\n            iframe.src = `https:\/\/docs.google.com\/viewer?url=${encodeURIComponent(fullUrl)}&embedded=true`;\n        } else {\n            iframe.src = url + '#view=FitH';\n        }\n    }\n    if (viewerTitle) {\n        viewerTitle.textContent = title || 'Document Viewer';\n    }\n    if (downloadBtn) {\n        downloadBtn.href = url;\n    }\n}\n\n        \/\/ ============================================\n        \/\/ GENERATE PYP TABLE\n        \/\/ ============================================\n        function generatePYPTable() {\n            const tbody = document.getElementById('pypTableBody');\n            const mobileContainer = document.getElementById('pypMobileCards');\n\n            let tableHTML = '';\n            let mobileHTML = '';\n\n            pypYears.forEach(year => {\n                const papers = pypPapers[year];\n                \n                tableHTML += `\n                    <tr>\n                        <td class=\"year-cell\">${year}<\/td>\n                        <td>\n                            <div class=\"paper-btns\">\n                                ${Object.entries(papers).map(([name, url]) => `\n                                    <a href=\"${url}\" target=\"_blank\" class=\"paper-btn\">\n                                        ${name} <i class=\"fas fa-download\"><\/i>\n                                    <\/a>\n                                `).join('')}\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                `;\n\n                mobileHTML += `\n                    <div class=\"mobile-card\">\n                        <div class=\"mobile-card-header\">\n                            <span class=\"mobile-card-year\">${year}<\/span>\n                        <\/div>\n                        <div class=\"mobile-card-body\">\n                            <div class=\"mobile-card-actions\">\n                                ${Object.entries(papers).map(([name, url]) => `\n                                    <a href=\"${url}\" target=\"_blank\" class=\"paper-btn\">\n                                        ${name} <i class=\"fas fa-download\"><\/i>\n                                    <\/a>\n                                `).join('')}\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                `;\n            });\n\n            if (tbody) tbody.innerHTML = tableHTML;\n            if (mobileContainer) mobileContainer.innerHTML = mobileHTML;\n        }\n\n        \/\/ ============================================\n        \/\/ SCROLL TO TOP\n        \/\/ ============================================\n        function initScrollTop() {\n            const btn = document.getElementById('scrollTopBtn');\n            window.addEventListener('scroll', () => btn.classList.toggle('visible', window.pageYOffset > 300));\n            btn.addEventListener('click', () => window.scrollTo({ top: 0, behavior: 'smooth' }));\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>CGA AAO (Civil) CBT Exam &#8211; Complete Preparation Guide | CSS Adda CGA Departmental Examination CGA AAO (Civil) CBT Exam [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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":[53],"tags":[],"class_list":["post-5620","page","type-page","status-publish","hentry","category-website-main-pages-header"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/5620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5620"}],"version-history":[{"count":64,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/5620\/revisions"}],"predecessor-version":[{"id":11577,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/5620\/revisions\/11577"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}