UPSC Steno LDCE Courses - Subject Wise | PromotionExams.com<\/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 } :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 --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 --gray-900: #0f172a;\n --success: #10b981;\n --purple: #a435f0;\n --purple-dark: #8710d8;\n --red: #ef4444;\n --yellow: #f69c08;\n --gradient-hero: linear-gradient(135deg, var(--primary-blue-dark) 0%, var(--primary-blue) 50%, var(--accent-orange-light) 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 --shadow-xl: 0 20px 25px -5px 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\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 \/* ============================================\n ANIMATIONS\n ============================================ *\/\n @keyframes borderAnimation {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n @keyframes fadeIn { \n from { opacity: 0; transform: translateY(15px); } \n to { opacity: 1; transform: translateY(0); } \n }\n\n \/* ============================================\n HERO SECTION\n ============================================ *\/\n .courses-hero {\n background: var(--gradient-hero);\n padding: 60px 20px 90px;\n position: relative;\n overflow: hidden;\n border-radius: 0 0 30px 30px;\n }\n .courses-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 {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n text-align: center;\n }\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: rgba(249, 115, 22, 0.2);\n border: 1px solid rgba(249, 115, 22, 0.3);\n color: var(--accent-orange-light);\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 600;\n margin-bottom: 15px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n .hero-title {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n font-weight: 800;\n color: var(--white);\n margin-bottom: 10px;\n line-height: 1.2;\n }\n .hero-title span { color: var(--accent-orange); }\n .hero-description {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.9);\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* ============================================\n PAPER TABS - ANIMATED BORDER STYLE\n ============================================ *\/\n .paper-tabs-section {\n max-width: 1200px; margin: -40px auto 20px; padding: 0 10px; position: relative; z-index: 5; }\n .main-tabs-wrapper { \n background: var(--white); border-radius: var(--radius-lg); padding: 10px; \n display: flex; gap: 10px; margin-bottom: 25px; box-shadow: var(--shadow-lg); \n flex-wrap: wrap; \n \/* UPDATED: Changed from center to space-between for justified alignment *\/\n justify-content: space-between;\n }\n \n .tabs-container {\n max-width: 1200px;\n margin: -40px auto 0;\n position: relative;\n z-index: 5;\n }\n \n .paper-tabs {\n background: var(--white);\n border-radius: var(--radius-lg);\n padding: 10px;\n display: flex;\n gap: 10px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\n flex-wrap: wrap;\n justify-content: space-between;\n }\n \n .paper-tab {\n flex: 1;\n min-width: 180px;\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 display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n padding: 18px 25px;\n font-family: 'Poppins', sans-serif;\n font-size: 1rem;\n font-weight: 600;\n color: var(--gray-600);\n }\n \n .paper-tab::before {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n background: linear-gradient(90deg, \n var(--primary-blue), \n var(--accent-orange), \n var(--primary-blue-light), \n var(--accent-orange-light), \n 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 \n .paper-tab::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--white);\n border-radius: var(--radius-md);\n z-index: -1;\n }\n \n .paper-tab:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(37, 99, 235, 0.3);\n }\n \n .paper-tab.active::after {\n background: linear-gradient(135deg, var(--primary-blue-dark) 0%, var(--primary-blue) 100%);\n }\n \n .paper-tab.active {\n color: var(--white);\n }\n \n .paper-tab .tab-icon {\n font-size: 1.4rem;\n transition: var(--transition);\n }\n \n .paper-tab:hover .tab-icon {\n transform: scale(1.1);\n }\n \n .paper-tab.active .tab-icon {\n color: var(--accent-orange-light);\n }\n\n \/* ============================================\n COURSES SECTION\n ============================================ *\/\n .courses-section {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 20px 50px;\n }\n .section-header {\n margin-bottom: 30px;\n text-align: center;\n }\n .section-header h2 {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--gray-900);\n margin-bottom: 8px;\n }\n .section-header p {\n font-size: 0.95rem;\n color: var(--gray-500);\n }\n\n \/* TAB CONTENT *\/\n .tab-content { display: none; animation: fadeIn 0.4s ease; }\n .tab-content.active { display: block; }\n\n \/* COURSES GRID *\/\n .courses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 25px;\n }\n\n \/* ============================================\n COURSE CARD\n ============================================ *\/\n .course-card {\n position: relative;\n cursor: pointer;\n background: var(--white);\n border-radius: 8px;\n overflow: visible;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n transition: var(--transition);\n z-index: 1;\n }\n \n .course-card:hover {\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n transform: translateY(-3px);\n z-index: 100;\n }\n\n \/* Course Image *\/\n .course-image {\n width: 100%;\n aspect-ratio: 16\/9;\n border-radius: 8px 8px 0 0;\n overflow: hidden;\n position: relative;\n }\n .course-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.4s ease;\n }\n .course-card:hover .course-image img {\n transform: scale(1.05);\n }\n .course-image .paper-label {\n position: absolute;\n top: 10px;\n left: 10px;\n background: rgba(0, 0, 0, 0.7);\n color: var(--white);\n padding: 4px 12px;\n border-radius: 4px;\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n backdrop-filter: blur(4px);\n }\n .course-image .duration-badge {\n position: absolute;\n bottom: 10px;\n right: 10px;\n background: rgba(0, 0, 0, 0.8);\n color: var(--white);\n padding: 4px 10px;\n border-radius: 4px;\n font-size: 0.75rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 5px;\n }\n\n \/* Course Info *\/\n .course-info { padding: 15px; }\n .course-title {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n color: var(--gray-900);\n line-height: 1.35;\n margin-bottom: 6px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n .course-instructor {\n font-size: 0.8rem;\n color: var(--gray-500);\n margin-bottom: 8px;\n }\n .course-rating {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 8px;\n }\n .rating-value {\n font-size: 0.85rem;\n font-weight: 700;\n color: #b4690e;\n }\n .rating-stars {\n display: flex;\n gap: 1px;\n }\n .rating-stars i {\n font-size: 0.7rem;\n color: #e59819;\n }\n .rating-count {\n font-size: 0.75rem;\n color: var(--gray-500);\n }\n .course-meta {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 10px;\n }\n .bestseller-badge {\n background: #eceb98;\n color: #3d3c0a;\n padding: 3px 8px;\n border-radius: 3px;\n font-size: 0.7rem;\n font-weight: 700;\n }\n .new-badge {\n background: #acd2cc;\n color: #1a4d4a;\n padding: 3px 8px;\n border-radius: 3px;\n font-size: 0.7rem;\n font-weight: 700;\n }\n .course-pricing {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-top: 12px;\n border-top: 1px solid var(--gray-100);\n }\n .course-price {\n display: flex;\n align-items: baseline;\n gap: 8px;\n }\n .price-current {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.15rem;\n font-weight: 800;\n color: var(--gray-900);\n }\n .price-original {\n font-size: 0.9rem;\n color: var(--gray-400);\n text-decoration: line-through;\n }\n\n \/* Add to Cart Button *\/\n .btn-add-cart {\n padding: 8px 16px;\n background: var(--purple);\n border: none;\n border-radius: 4px;\n color: var(--white);\n font-family: 'Poppins', sans-serif;\n font-size: 0.8rem;\n font-weight: 600;\n cursor: pointer;\n transition: var(--transition);\n display: flex;\n align-items: center;\n gap: 6px;\n }\n .btn-add-cart:hover {\n background: var(--purple-dark);\n transform: scale(1.05);\n }\n .btn-add-cart.in-cart {\n background: var(--success);\n }\n .btn-add-cart.in-cart:hover {\n background: #059669;\n }\n .btn-add-cart.purchased {\n background: linear-gradient(135deg, #ff6b35 0%, #f59e0b 100%);\n }\n .btn-add-cart.purchased:hover {\n background: linear-gradient(135deg, #e55a2b 0%, #d97706 100%);\n }\n\n \/* ============================================\n HOVER POPUP - UPDATED WITH BLUE BG & WATERMARK\n ============================================ *\/\n .course-popup {\n position: absolute;\n top: 0;\n left: calc(100% + 15px);\n width: 320px;\n background: var(--primary-blue);\n border-radius: 8px;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\n padding: 20px;\n opacity: 0;\n visibility: hidden;\n transform: translateX(-10px);\n transition: all 0.3s ease;\n z-index: 1000;\n pointer-events: none;\n overflow: hidden;\n }\n\n \/* Watermark Image *\/\n .course-popup > * {\n position: relative;\n z-index: 2;\n }\n \n .course-popup::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 200px;\n height: 200px;\n background: url('https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/07\/CSS-ADDA-Logo-icon1.png') no-repeat center center;\n background-size: contain;\n opacity: 0.4;\n pointer-events: none;\n z-index: 1;\n }\n \n .course-card:hover .course-popup {\n opacity: 1;\n visibility: visible;\n transform: translateX(0);\n pointer-events: auto;\n }\n \n .course-card.popup-left .course-popup {\n left: auto;\n right: calc(100% + 15px);\n transform: translateX(10px);\n }\n \n .course-card.popup-left:hover .course-popup { \n transform: translateX(0); \n }\n\n .popup-header { margin-bottom: 12px; }\n .popup-title {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.05rem;\n font-weight: 700;\n color: var(--white);\n line-height: 1.3;\n margin-bottom: 8px;\n }\n .popup-meta {\n display: flex;\n align-items: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .popup-badge {\n background: #eceb98;\n color: #3d3c0a;\n padding: 3px 8px;\n border-radius: 3px;\n font-size: 0.7rem;\n font-weight: 700;\n }\n .popup-updated {\n font-size: 0.75rem;\n color: var(--accent-orange-light);\n font-weight: 600;\n }\n .popup-stats {\n font-size: 0.75rem;\n color: rgba(255, 255, 255, 0.8);\n }\n .popup-description {\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.9);\n line-height: 1.5;\n margin-bottom: 15px;\n }\n .popup-features {\n list-style: none;\n margin-bottom: 18px;\n }\n .popup-features li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n font-size: 0.82rem;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 10px;\n line-height: 1.4;\n }\n .popup-features li i {\n color: var(--accent-orange-light);\n margin-top: 3px;\n flex-shrink: 0;\n }\n .popup-btn-cart {\n width: 100%;\n padding: 14px 20px;\n background: var(--purple);\n border: none;\n border-radius: 4px;\n color: var(--white);\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n cursor: pointer;\n transition: var(--transition);\n }\n .popup-btn-cart:hover { background: var(--purple-dark); }\n\n \/* Arrow for popup - Updated to blue *\/\n .course-popup::before {\n content: '';\n position: absolute;\n top: 30px;\n left: -8px;\n width: 16px;\n height: 16px;\n background: var(--primary-blue);\n transform: rotate(45deg);\n box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.05);\n z-index: 3;\n }\n \n .course-card.popup-left .course-popup::before {\n left: auto;\n right: -8px;\n box-shadow: 3px -3px 5px rgba(0, 0, 0, 0.05);\n }\n\n \/* ============================================\n BUNDLE BANNER\n ============================================ *\/\n .bundle-banner {\n background: linear-gradient(135deg, var(--gray-900), var(--gray-800));\n border-radius: 12px;\n padding: 25px 30px;\n margin-top: 40px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n }\n .bundle-left {\n display: flex;\n align-items: center;\n gap: 15px;\n }\n .bundle-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--purple) 0%, #c084fc 100%);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 1.5rem;\n }\n .bundle-info h3 {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.15rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 4px;\n }\n .bundle-info p {\n font-size: 0.85rem;\n color: var(--gray-400);\n }\n .bundle-right {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .bundle-pricing { text-align: right; }\n .bundle-price {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.8rem;\n font-weight: 800;\n color: var(--white);\n }\n .bundle-original {\n font-size: 0.95rem;\n color: var(--gray-500);\n text-decoration: line-through;\n }\n .btn-bundle {\n padding: 14px 28px;\n background: linear-gradient(135deg, var(--accent-orange), var(--accent-orange-light));\n border: none;\n border-radius: 50px;\n color: var(--white);\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: var(--transition);\n box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4);\n }\n .btn-bundle:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(245, 158, 11, 0.5);\n }\n .btn-bundle.in-cart {\n background: linear-gradient(135deg, var(--success), #34d399);\n box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);\n }\n .btn-bundle.purchased {\n background: linear-gradient(135deg, #ff6b35, #f59e0b);\n }\n\n \/* ============================================\n RESPONSIVE\n ============================================ *\/\n @media (max-width: 1024px) {\n .course-popup { display: none !important; }\n }\n \n @media (max-width: 768px) {\n .paper-tabs {\n flex-direction: column;\n }\n .paper-tab {\n width: 100%;\n justify-content: center;\n }\n .courses-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n }\n .bundle-banner {\n flex-direction: column;\n text-align: center;\n }\n .bundle-left { flex-direction: column; }\n .bundle-pricing { text-align: center; }\n }\n \n @media (max-width: 500px) {\n .courses-grid { grid-template-columns: 1fr; }\n }\n<\/style>\n<\/head>\n<body>\n \n<section class=\"courses-hero\">\n <div class=\"hero-container\">\n <div class=\"hero-badge\">\n <i class=\"fas fa-certificate\"><\/i>\n UPSC Departmental Examination\n <\/div>\n <h1 class=\"hero-title\">Steno LDCE Subject-wise Courses<\/h1>\n <p class=\"hero-description\">Choose specific subjects you need. Each course includes video lectures, PDF notes, and practice tests.<\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"paper-tabs-section\">\n <div class=\"tabs-container\">\n <div class=\"main-tabs-wrapper\">\n <button class=\"paper-tab active\" data-tab=\"paper1\">\n <i class=\"fas fa-landmark tab-icon\"><\/i> Paper I\n <\/button>\n <button class=\"paper-tab\" data-tab=\"paper2\">\n <i class=\"fas fa-balance-scale tab-icon\"><\/i> Paper II\n <\/button>\n <button class=\"paper-tab\" data-tab=\"paper3\">\n <i class=\"fas fa-pen-fancy tab-icon\"><\/i> Paper III\n <\/button>\n \n <\/div>\n <\/div>\n<\/section>\n\n \n <section class=\"courses-section\">\n \n <div class=\"tab-content active\" id=\"paper1\">\n <div class=\"section-header\">\n <h2>Paper I - General Studies Courses<\/h2>\n <p>150 Marks \u2022 2 Hours \u2022 120 MCQs \u2022 Common for all categories<\/p>\n <\/div>\n <div class=\"courses-grid\">\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/RS.png\" alt=\"Constitution of India\">\n <span class=\"paper-label\">Paper I<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 12 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Constitution of India - Complete Course<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.8<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(2,847)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9499<\/span><span class=\"price-original\">\u20b9999<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p1-constitution\" onclick=\"addToCart({id:'course-p1-constitution',name:'Constitution of India - Complete Course',price:499,originalPrice:999,type:'course',icon:'fa-scroll',wooProductId:0}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Constitution of India - Complete Course<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">12 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Master all Articles, Schedules & Amendments relevant for LDCE with PYQ analysis.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Preamble, Fundamental Rights & DPSPs<\/li>\n <li><i class=\"fas fa-check\"><\/i> Union & State Executive, Legislature<\/li>\n <li><i class=\"fas fa-check\"><\/i> All important Constitutional Amendments<\/li>\n <li><i class=\"fas fa-check\"><\/i> 200+ MCQs with detailed explanations<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p1-constitution',name:'Constitution of India - Complete Course',price:499,originalPrice:999,type:'course',icon:'fa-scroll',wooProductId:1001}, document.querySelector('[data-product-id=course-p1-constitution]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/LS.png\" alt=\"Parliamentary Procedure\">\n <span class=\"paper-label\">Paper I<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 8 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Parliamentary Procedure - Lok Sabha & Rajya Sabha<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.7<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,523)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9399<\/span><span class=\"price-original\">\u20b9799<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p1-parliament\" onclick=\"addToCart({id:'course-p1-parliament',name:'Parliamentary Procedure - LS & RS',price:399,originalPrice:799,type:'course',icon:'fa-university',wooProductId:0}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Parliamentary Procedure - LS & RS<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">8 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete Rules of Procedure of both Houses including recent amendments.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Lok Sabha Rules & Procedures<\/li>\n <li><i class=\"fas fa-check\"><\/i> Rajya Sabha Rules of Procedure<\/li>\n <li><i class=\"fas fa-check\"><\/i> Motions, Resolutions & Speaker's Directions<\/li>\n <li><i class=\"fas fa-check\"><\/i> 150+ Practice MCQs<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p1-parliament',name:'Parliamentary Procedure - LS & RS',price:399,originalPrice:799,type:'course',icon:'fa-university',wooProductId:1002}, document.querySelector('[data-product-id=course-p1-parliament]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/rti.jpeg\" alt=\"RTI Act\">\n <span class=\"paper-label\">Paper I<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 6 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">RTI Act, 2005 - Complete with Rules & Cases<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.6<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,245)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9349<\/span><span class=\"price-original\">\u20b9699<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p1-rti\" onclick=\"addToCart({id:'course-p1-rti',name:'RTI Act, 2005 - Complete Course',price:349,originalPrice:699,type:'course',icon:'fa-info-circle',wooProductId:0}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">RTI Act, 2005 - Complete Course<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">6 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">RTI Act with RTI Rules 2019, CIC decisions, and landmark SC orders.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> RTI Act - All Sections explained<\/li>\n <li><i class=\"fas fa-check\"><\/i> RTI Rules 2019 with amendments<\/li>\n <li><i class=\"fas fa-check\"><\/i> Important CIC & Court decisions<\/li>\n <li><i class=\"fas fa-check\"><\/i> 100+ MCQs with solutions<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p1-rti',name:'RTI Act, 2005 - Complete Course',price:349,originalPrice:699,type:'course',icon:'fa-info-circle',wooProductId:1003}, document.querySelector('[data-product-id=course-p1-rti]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/AOBR.png\" alt=\"AOBR TOBR\">\n <span class=\"paper-label\">Paper I<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 5 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">AOBR \/ TOBR - Business Rules of Government<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.5<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(892)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9299<\/span><span class=\"price-original\">\u20b9599<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p1-aobr\" onclick=\"addToCart({id:'course-p1-aobr',name:'AOBR \/ TOBR - Business Rules',price:299,originalPrice:599,type:'course',icon:'fa-sitemap',wooProductId:0}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">AOBR \/ TOBR - Business Rules<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">5 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Allocation & Transaction of Business Rules with Table of Precedence.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Allocation of Business Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> Transaction of Business Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> Table of Precedence & GoI structure<\/li>\n <li><i class=\"fas fa-check\"><\/i> 80+ Practice Questions<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p1-aobr',name:'AOBR \/ TOBR - Business Rules',price:299,originalPrice:599,type:'course',icon:'fa-sitemap',wooProductId:1004}, document.querySelector('[data-product-id=course-p1-aobr]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/schemes.png\" alt=\"Development Schemes\">\n <span class=\"paper-label\">Paper I<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 7 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Development Schemes - Government Programmes<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.6<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,089)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"new-badge\">New<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9349<\/span><span class=\"price-original\">\u20b9699<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p1-schemes\" onclick=\"addToCart({id:'course-p1-schemes',name:'Development Schemes - Complete',price:349,originalPrice:699,type:'course',icon:'fa-project-diagram',wooProductId:0}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Development Schemes - Complete<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">New<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">7 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">All major Central Sector and CSS Schemes with flagship programmes.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Central Sector Schemes<\/li>\n <li><i class=\"fas fa-check\"><\/i> Centrally Sponsored Schemes<\/li>\n <li><i class=\"fas fa-check\"><\/i> Flagship Programmes (PM Schemes)<\/li>\n <li><i class=\"fas fa-check\"><\/i> 100+ MCQs on schemes<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p1-schemes',name:'Development Schemes - Complete',price:349,originalPrice:699,type:'course',icon:'fa-project-diagram',wooProductId:1005}, document.querySelector('[data-product-id=course-p1-schemes]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/current-affairs.png\" alt=\"Current Affairs\">\n <span class=\"paper-label\">Paper I<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 10 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Current Affairs & Indian Economy<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.7<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,678)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9499<\/span><span class=\"price-original\">\u20b9999<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p1-ca\" onclick=\"addToCart({id:'course-p1-ca',name:'Current Affairs & Economy',price:499,originalPrice:999,type:'course',icon:'fa-chart-line',wooProductId:0}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Current Affairs & Economy<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated Weekly<\/span><\/div>\n <p class=\"popup-stats\">10 hours + Monthly Updates \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Economy basics with 6-month current affairs, Economic Survey & Budget.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Indian Economy fundamentals<\/li>\n <li><i class=\"fas fa-check\"><\/i> 6 months current affairs coverage<\/li>\n <li><i class=\"fas fa-check\"><\/i> Economic Survey & Budget highlights<\/li>\n <li><i class=\"fas fa-check\"><\/i> 150+ MCQs with monthly updates<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p1-ca',name:'Current Affairs & Economy',price:499,originalPrice:999,type:'course',icon:'fa-chart-line',wooProductId:1006}, document.querySelector('[data-product-id=course-p1-ca]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n\n \n <div class=\"tab-content\" id=\"paper2\">\n <div class=\"section-header\">\n <h2>Paper II - Service Rules & Procedures<\/h2>\n <p>150 Marks \u2022 2 Hours \u2022 120 MCQs \u2022 Category-specific syllabus<\/p>\n <\/div>\n <div class=\"courses-grid\">\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/mop-e1684145514331.jpeg\" alt=\"Manual of Office Procedure\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 14 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Manual of Office Procedure (CSMOP 2022)<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.9<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <span class=\"rating-count\">(3,456)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9449<\/span><span class=\"price-original\">\u20b9899<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-mop\" onclick=\"addToCart({id:'course-p2-mop',name:'CSMOP 2022 - Complete Course',price:449,originalPrice:899,type:'course',icon:'fa-book',wooProductId:2001}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Manual of Office Procedure (CSMOP 2022)<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">14 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete CSMOP 2022 with ISTM Notes. Most important for Paper II.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> CSMOP 2022 - All chapters<\/li>\n <li><i class=\"fas fa-check\"><\/i> ISTM Notes on Office Procedure<\/li>\n <li><i class=\"fas fa-check\"><\/i> File Management & e-Office<\/li>\n <li><i class=\"fas fa-check\"><\/i> 180+ MCQs with explanations<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-mop',name:'CSMOP 2022 - Complete Course',price:449,originalPrice:899,type:'course',icon:'fa-book',wooProductId:2001}, document.querySelector('[data-product-id=course-p2-mop]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/pension.png\" alt=\"Pension Rules\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 10 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">CCS (Pension) Rules 2021 & EOP Rules<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.7<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(2,123)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9399<\/span><span class=\"price-original\">\u20b9799<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-pension\" onclick=\"addToCart({id:'course-p2-pension',name:'CCS Pension Rules 2021',price:399,originalPrice:799,type:'course',icon:'fa-hand-holding-usd',wooProductId:2002}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">CCS (Pension) Rules 2021 & EOP<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">10 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">New Pension Rules 2021 with EOP Rules 2023, Family Pension & Gratuity.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> CCS Pension Rules 2021 - Complete<\/li>\n <li><i class=\"fas fa-check\"><\/i> EOP Rules 2023<\/li>\n <li><i class=\"fas fa-check\"><\/i> Family Pension, Commutation, Gratuity<\/li>\n <li><i class=\"fas fa-check\"><\/i> 120+ Practice MCQs<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-pension',name:'CCS Pension Rules 2021',price:399,originalPrice:799,type:'course',icon:'fa-hand-holding-usd',wooProductId:2002}, document.querySelector('[data-product-id=course-p2-pension]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/conduct.jpg\" alt=\"Conduct Rules\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 7 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">CCS (Conduct) Rules, 1964<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.6<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,567)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9349<\/span><span class=\"price-original\">\u20b9699<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-conduct\" onclick=\"addToCart({id:'course-p2-conduct',name:'CCS Conduct Rules 1964',price:349,originalPrice:699,type:'course',icon:'fa-user-check',wooProductId:2003}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">CCS (Conduct) Rules, 1964<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">7 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">All 23 Rules with amendments, case studies and DoPT decisions.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> All Rules (1-23) explained<\/li>\n <li><i class=\"fas fa-check\"><\/i> Recent Amendments & OM<\/li>\n <li><i class=\"fas fa-check\"><\/i> Case Studies & Decisions<\/li>\n <li><i class=\"fas fa-check\"><\/i> 80+ MCQs<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-conduct',name:'CCS Conduct Rules 1964',price:349,originalPrice:699,type:'course',icon:'fa-user-check',wooProductId:2003}, document.querySelector('[data-product-id=course-p2-conduct]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/CCA.png\" alt=\"CCA Rules\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 8 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">CCS (CCA) Rules, 1965 - Disciplinary Rules<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.7<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,892)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9349<\/span><span class=\"price-original\">\u20b9699<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-cca\" onclick=\"addToCart({id:'course-p2-cca',name:'CCS CCA Rules 1965',price:349,originalPrice:699,type:'course',icon:'fa-gavel',wooProductId:2004}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">CCS (CCA) Rules, 1965<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">8 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Disciplinary proceedings, penalties, suspension and appeals.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Disciplinary Proceedings<\/li>\n <li><i class=\"fas fa-check\"><\/i> Penalties & Appeals<\/li>\n <li><i class=\"fas fa-check\"><\/i> Suspension Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> Important Case Laws<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-cca',name:'CCS CCA Rules 1965',price:349,originalPrice:699,type:'course',icon:'fa-gavel',wooProductId:2004}, document.querySelector('[data-product-id=course-p2-cca]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/leave.jpg\" alt=\"Leave Rules\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 6 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">CCS (Leave) Rules & LTC Rules<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.5<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,234)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9299<\/span><span class=\"price-original\">\u20b9599<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-leave\" onclick=\"addToCart({id:'course-p2-leave',name:'CCS Leave & LTC Rules',price:299,originalPrice:599,type:'course',icon:'fa-calendar-alt',wooProductId:2005}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">CCS (Leave) & LTC Rules<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">6 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete Leave Rules with encashment and LTC entitlements.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> All Types of Leave explained<\/li>\n <li><i class=\"fas fa-check\"><\/i> Leave Encashment Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> LTC Rules & Entitlements<\/li>\n <li><i class=\"fas fa-check\"><\/i> Recent OM Circulars<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-leave',name:'CCS Leave & LTC Rules',price:299,originalPrice:599,type:'course',icon:'fa-calendar-alt',wooProductId:2005}, document.querySelector('[data-product-id=course-p2-leave]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/GFR.jpg\" alt=\"GFR\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 10 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">GFR 2017 - General Financial Rules<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.6<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,678)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9399<\/span><span class=\"price-original\">\u20b9799<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-gfr\" onclick=\"addToCart({id:'course-p2-gfr',name:'GFR 2017 - Complete',price:399,originalPrice:799,type:'course',icon:'fa-file-invoice-dollar',wooProductId:2006}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">GFR 2017 - Complete<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">10 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete GFR with procurement, contract management and GeM portal.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> All Chapters & Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> Procurement & Contract Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> GeM Portal Procedures<\/li>\n <li><i class=\"fas fa-check\"><\/i> 120+ MCQs<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-gfr',name:'GFR 2017 - Complete',price:399,originalPrice:799,type:'course',icon:'fa-file-invoice-dollar',wooProductId:2006}, document.querySelector('[data-product-id=course-p2-gfr]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/TOBR.png\" alt=\"DFPR\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 5 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">DFPR 2024 - Delegation of Financial Powers<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.5<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(987)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"new-badge\">New<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9299<\/span><span class=\"price-original\">\u20b9599<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-dfpr\" onclick=\"addToCart({id:'course-p2-dfpr',name:'DFPR 2024 - Complete',price:299,originalPrice:599,type:'course',icon:'fa-coins',wooProductId:2007}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">DFPR 2024 - Complete<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">New<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">5 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">New DFPR 2024 with delegation powers and Charter for FA.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> DFPR 2024 Complete<\/li>\n <li><i class=\"fas fa-check\"><\/i> Delegation Powers & Limits<\/li>\n <li><i class=\"fas fa-check\"><\/i> Charter for FA<\/li>\n <li><i class=\"fas fa-check\"><\/i> 80+ MCQs<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-dfpr',name:'DFPR 2024 - Complete',price:299,originalPrice:599,type:'course',icon:'fa-coins',wooProductId:2007}, document.querySelector('[data-product-id=course-p2-dfpr]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?w=400&h=225&fit=crop\" alt=\"FR SR\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 12 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">FR & SR - Fundamental & Supplementary Rules<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.7<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(2,345)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9449<\/span><span class=\"price-original\">\u20b9899<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-frsr\" onclick=\"addToCart({id:'course-p2-frsr',name:'FR & SR - Complete Course',price:449,originalPrice:899,type:'course',icon:'fa-balance-scale-right',wooProductId:2008}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">FR & SR - Complete Course<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">12 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete FR & SR with TA\/DA, CEA, HRA and all allowances.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> FR Part I, II, III - Complete<\/li>\n <li><i class=\"fas fa-check\"><\/i> Supplementary Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> TA\/DA, CEA, HRA Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> 150+ MCQs<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-frsr',name:'FR & SR - Complete Course',price:449,originalPrice:899,type:'course',icon:'fa-balance-scale-right',wooProductId:2008}, document.querySelector('[data-product-id=course-p2-frsr]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n\n \n <div class=\"tab-content\" id=\"paper3\">\n <div class=\"section-header\">\n <h2>Paper III - Descriptive Paper<\/h2>\n <p>200 Marks \u2022 3 Hours \u2022 5 Questions \u2022 Common for all categories<\/p>\n <\/div>\n <div class=\"courses-grid\">\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1455390582262-044cdead277a?w=400&h=225&fit=crop\" alt=\"Precis Writing\">\n <span class=\"paper-label\">Paper III<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 8 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Precis Writing - Master Summarization<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.8<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <span class=\"rating-count\">(2,567)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9499<\/span><span class=\"price-original\">\u20b9999<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p3-precis\" onclick=\"addToCart({id:'course-p3-precis',name:'Precis Writing - Master Course',price:499,originalPrice:999,type:'course',icon:'fa-compress-alt',wooProductId:3001}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Precis Writing - Master Summarization<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">8 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Master summarization with 50+ practice passages and model answers.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Precis Techniques & Methods<\/li>\n <li><i class=\"fas fa-check\"><\/i> Title Selection Tips<\/li>\n <li><i class=\"fas fa-check\"><\/i> 1\/3 Reduction Practice<\/li>\n <li><i class=\"fas fa-check\"><\/i> 50+ Practice Passages<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p3-precis',name:'Precis Writing - Master Course',price:499,originalPrice:999,type:'course',icon:'fa-compress-alt',wooProductId:3001}, document.querySelector('[data-product-id=course-p3-precis]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586281380349-632531db7ed4?w=400&h=225&fit=crop\" alt=\"Note Drafting\">\n <span class=\"paper-label\">Paper III<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 12 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Note & Drafting - Official Correspondence<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.9<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <span class=\"rating-count\">(3,234)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9599<\/span><span class=\"price-original\">\u20b91,199<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p3-drafting\" onclick=\"addToCart({id:'course-p3-drafting',name:'Note & Drafting - Complete',price:599,originalPrice:1199,type:'course',icon:'fa-file-signature',wooProductId:3002}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Note & Drafting - Official Correspondence<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">12 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete noting and drafting with 100+ sample documents.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Note Making from Data<\/li>\n <li><i class=\"fas fa-check\"><\/i> Official Letters & D.O. Letters<\/li>\n <li><i class=\"fas fa-check\"><\/i> Memos & Office Orders<\/li>\n <li><i class=\"fas fa-check\"><\/i> 100+ Sample Drafts<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p3-drafting',name:'Note & Drafting - Complete',price:599,originalPrice:1199,type:'course',icon:'fa-file-signature',wooProductId:3002}, document.querySelector('[data-product-id=course-p3-drafting]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586281380349-632531db7ed4?w=400&h=225&fit=crop\" alt=\"Note Drafting\">\n <span class=\"paper-label\">Paper III<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 12 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Note & Drafting - Official Correspondence<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.9<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <span class=\"rating-count\">(3,234)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9599<\/span><span class=\"price-original\">\u20b91,199<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p3-drafting\" onclick=\"addToCart({id:'course-p3-drafting',name:'Note & Drafting - Complete',price:599,originalPrice:1199,type:'course',icon:'fa-file-signature',wooProductId:3002}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Note & Drafting - Official Correspondence<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">12 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete noting and drafting with 100+ sample documents.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Note Making from Data<\/li>\n <li><i class=\"fas fa-check\"><\/i> Official Letters & D.O. Letters<\/li>\n <li><i class=\"fas fa-check\"><\/i> Memos & Office Orders<\/li>\n <li><i class=\"fas fa-check\"><\/i> 100+ Sample Drafts<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p3-drafting',name:'Note & Drafting - Complete',price:599,originalPrice:1199,type:'course',icon:'fa-file-signature',wooProductId:3002}, document.querySelector('[data-product-id=course-p3-drafting]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n \n <\/section>\n\n \n <script>\n (function() {\n 'use strict';\n \n const CONFIG = {\n storageKey: 'cssadda_cart',\n maxItems: 50,\n toastDuration: 3000,\n DEBUG_MODE: true\n };\n \n function debug(...args) {\n if (CONFIG.DEBUG_MODE) console.log('[CSS ADDA Cart]', ...args);\n }\n \n debug('Initializing cart system...');\n \n class Cart {\n constructor() {\n this.items = this.loadFromStorage();\n this.listeners = [];\n debug('Cart loaded with', this.items.length, 'items');\n }\n\n loadFromStorage() {\n try {\n const data = localStorage.getItem(CONFIG.storageKey);\n const items = data ? JSON.parse(data) : [];\n return Array.isArray(items) ? items : [];\n } catch (e) {\n console.error('Error loading cart:', e);\n return [];\n }\n }\n\n saveToStorage() {\n try {\n localStorage.setItem(CONFIG.storageKey, JSON.stringify(this.items));\n debug('Cart saved:', this.items.length, 'items');\n } catch (e) {\n console.error('Error saving cart:', e);\n }\n }\n\n addItem(product) {\n if (!product || !product.id || !product.name || typeof product.price !== 'number') {\n debug('Invalid product:', product);\n return { success: false, message: 'Invalid product data' };\n }\n \n if (this.hasItem(product.id)) {\n return { success: false, message: 'Already in cart' };\n }\n \n if (this.items.length >= CONFIG.maxItems) {\n return { success: false, message: 'Cart is full (max ' + CONFIG.maxItems + ' items)' };\n }\n \n product.addedAt = new Date().toISOString();\n this.items.push(product);\n this.saveToStorage();\n this.notifyListeners('add', product);\n \n debug('Added to cart:', product.name, 'WooID:', product.wooProductId);\n return { success: true, message: 'Added to cart' };\n }\n\n removeItem(productId) {\n const index = this.items.findIndex(item => item.id === productId);\n if (index === -1) return { success: false, message: 'Item not found' };\n \n const removed = this.items.splice(index, 1)[0];\n this.saveToStorage();\n this.notifyListeners('remove', removed);\n \n debug('Removed from cart:', removed.name);\n return { success: true, message: 'Item removed', item: removed };\n }\n\n hasItem(productId) { return this.items.some(item => item.id === productId); }\n getItems() { return [...this.items]; }\n getCount() { return this.items.length; }\n getTotal() { return this.items.reduce((sum, item) => sum + (item.price || 0), 0); }\n getOriginalTotal() { return this.items.reduce((sum, item) => sum + (item.originalPrice || item.price || 0), 0); }\n getSavings() { return this.getOriginalTotal() - this.getTotal(); }\n \n clear() {\n this.items = [];\n this.saveToStorage();\n this.notifyListeners('clear', null);\n debug('Cart cleared');\n }\n\n addListener(callback) { this.listeners.push(callback); }\n notifyListeners(action, product) {\n this.listeners.forEach(cb => { try { cb(action, product, this); } catch(e) { console.error(e); } });\n }\n }\n\n class CartUI {\n constructor(cart) {\n this.cart = cart;\n this.isOpen = false;\n this.elements = {};\n }\n\n init() {\n this.createCartHTML();\n this.cacheElements();\n this.bindEvents();\n this.update();\n this.cart.addListener(() => this.update());\n debug('UI initialized');\n }\n\n createCartHTML() {\n const existing = document.querySelector('.cssadda-floating-cart');\n if (existing) existing.remove();\n const existingOverlay = document.querySelector('.cssadda-cart-overlay');\n if (existingOverlay) existingOverlay.remove();\n const existingSidebar = document.querySelector('.cssadda-cart-sidebar');\n if (existingSidebar) existingSidebar.remove();\n\n const cartHTML = `\n <div class=\"cssadda-floating-cart\">\n <div class=\"cssadda-cart-preview\" onclick=\"CSSAddaCart.toggle()\">\n <span>Total:<\/span>\n <span class=\"cssadda-cart-preview-amount\">\u20b90<\/span>\n <\/div>\n <button class=\"cssadda-cart-btn\" onclick=\"CSSAddaCart.toggle()\" aria-label=\"Shopping Cart\">\n <i class=\"fas fa-shopping-cart\"><\/i>\n <span class=\"cssadda-cart-count\">0<\/span>\n <\/button>\n <\/div>\n <div class=\"cssadda-cart-overlay\" onclick=\"CSSAddaCart.toggle()\"><\/div>\n <div class=\"cssadda-cart-sidebar\">\n <div class=\"cssadda-cart-header\">\n <h2><i class=\"fas fa-shopping-cart\"><\/i> Your Cart<\/h2>\n <button class=\"cssadda-cart-close\" onclick=\"CSSAddaCart.toggle()\"><i class=\"fas fa-times\"><\/i><\/button>\n <\/div>\n <div class=\"cssadda-cart-items\" id=\"cssadda-cart-items\">\n <div class=\"cssadda-cart-empty\">\n <i class=\"fas fa-shopping-bag\"><\/i>\n <h3>Your cart is empty<\/h3>\n <p>Add some courses to get started!<\/p>\n <\/div>\n <\/div>\n <div class=\"cssadda-cart-footer\">\n <div class=\"cssadda-cart-summary\">\n <div class=\"cssadda-cart-summary-row\"><span>Items<\/span><span class=\"cssadda-item-count\">0<\/span><\/div>\n <div class=\"cssadda-cart-summary-row cssadda-savings\"><span>You Save<\/span><span class=\"cssadda-cart-savings\">\u20b90<\/span><\/div>\n <div class=\"cssadda-cart-summary-row cssadda-total\"><span>Total<\/span><span class=\"cssadda-cart-total\">\u20b90<\/span><\/div>\n <\/div>\n <button class=\"cssadda-checkout-btn\" onclick=\"CSSAddaCart.checkout()\"><i class=\"fas fa-lock\"><\/i> Proceed to Checkout<\/button>\n <button class=\"cssadda-clear-btn\" onclick=\"CSSAddaCart.clear()\"><i class=\"fas fa-trash-alt\"><\/i> Clear Cart<\/button>\n <\/div>\n <\/div>\n `;\n\n document.body.insertAdjacentHTML('beforeend', cartHTML);\n if (!document.getElementById('cssadda-cart-styles')) this.injectStyles();\n }\n\n injectStyles() {\n const styles = document.createElement('style');\n styles.id = 'cssadda-cart-styles';\n styles.textContent = `\n .cssadda-floating-cart{position:fixed;top:20px;right:20px;z-index:99999;display:flex;align-items:center;gap:12px}\n .cssadda-cart-btn{width:60px;height:60px;background:linear-gradient(135deg,#ff6b35 0%,#f59e0b 100%);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(255,107,53,0.4);transition:all .3s ease;position:relative}\n .cssadda-cart-btn:hover{transform:scale(1.1)}\n .cssadda-cart-btn i{font-size:1.5rem;color:#fff}\n .cssadda-cart-count{position:absolute;top:-5px;right:-5px;min-width:24px;height:24px;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);color:#fff;font-size:.75rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 4px 12px rgba(220,38,38,0.4);font-family:'Poppins',sans-serif}\n .cssadda-cart-count.empty{display:none}\n .cssadda-cart-count.bounce{animation:cssadda-bounce .5s ease}\n .cssadda-cart-preview{background:#fff;padding:10px 18px;border-radius:50px;box-shadow:0 10px 40px rgba(0,0,0,0.15);display:flex;align-items:center;gap:8px;font-weight:600;color:#334155;transition:all .3s ease;cursor:pointer;border:2px solid #f1f5f9;font-family:'Poppins',sans-serif}\n .cssadda-cart-preview:hover{border-color:#ff6b35;transform:translateX(-5px)}\n .cssadda-cart-preview-amount{color:#ff6b35;font-weight:700}\n .cssadda-cart-preview.hidden{display:none}\n .cssadda-cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:100000;opacity:0;visibility:hidden;transition:all .3s ease;backdrop-filter:blur(5px)}\n .cssadda-cart-overlay.active{opacity:1;visibility:visible}\n .cssadda-cart-sidebar{position:fixed;top:0;right:0;width:420px;max-width:100%;height:100vh;background:#fff;z-index:100001;transform:translateX(100%);transition:transform .4s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;box-shadow:-10px 0 50px rgba(0,0,0,0.2);font-family:'Poppins',sans-serif}\n .cssadda-cart-sidebar.active{transform:translateX(0)}\n .cssadda-cart-header{background:linear-gradient(135deg,#0d2d5a 0%,#1e3a8a 50%,#2563EB 100%);padding:25px;color:#fff;display:flex;align-items:center;justify-content:space-between}\n .cssadda-cart-header h2{font-family:'Plus Jakarta Sans','Poppins',sans-serif;font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:12px;margin:0}\n .cssadda-cart-close{width:40px;height:40px;background:rgba(255,255,255,0.15);border:none;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}\n .cssadda-cart-close:hover{background:rgba(255,255,255,0.25);transform:rotate(90deg)}\n .cssadda-cart-items{flex:1;overflow-y:auto;padding:20px}\n .cssadda-cart-empty{text-align:center;padding:60px 20px;color:#9ca3af}\n .cssadda-cart-empty i{font-size:4rem;margin-bottom:20px;color:#d1d5db}\n .cssadda-cart-empty h3{font-size:1.2rem;color:#475569;margin-bottom:10px}\n .cssadda-cart-item{background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;padding:16px;margin-bottom:15px;display:flex;gap:15px;align-items:flex-start;transition:all .3s ease;animation:cssadda-fade-in .3s ease}\n .cssadda-cart-item:hover{border-color:#fbbf24;box-shadow:0 2px 8px rgba(0,0,0,0.08)}\n .cssadda-cart-item-icon{width:50px;height:50px;min-width:50px;background:linear-gradient(135deg,#1e3a8a 0%,#2563EB 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}\n .cssadda-cart-item-icon.course{background:linear-gradient(135deg,#a435f0 0%,#c084fc 100%)}\n .cssadda-cart-item-icon.bundle{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}\n .cssadda-cart-item-details{flex:1}\n .cssadda-cart-item-type{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#a435f0;font-weight:700;margin-bottom:4px}\n .cssadda-cart-item-name{font-size:.95rem;font-weight:600;color:#1e293b;margin-bottom:6px;line-height:1.3}\n .cssadda-cart-item-price{font-size:1.1rem;font-weight:700;color:#ff6b35}\n .cssadda-cart-item-remove{width:32px;height:32px;background:transparent;border:2px solid #e2e8f0;border-radius:50%;color:#9ca3af;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.85rem}\n .cssadda-cart-item-remove:hover{background:#dc2626;border-color:#dc2626;color:#fff}\n .cssadda-cart-footer{padding:25px;background:#f8fafc;border-top:2px solid #e2e8f0}\n .cssadda-cart-summary{margin-bottom:20px}\n .cssadda-cart-summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:.95rem;color:#475569}\n .cssadda-cart-summary-row.cssadda-total{border-top:2px dashed #e2e8f0;padding-top:15px;margin-top:10px;font-size:1.2rem;font-weight:700;color:#1e293b}\n .cssadda-cart-summary-row.cssadda-total span:last-child{color:#ff6b35;font-size:1.4rem}\n .cssadda-cart-summary-row.cssadda-savings{color:#10b981;font-weight:600}\n .cssadda-checkout-btn{width:100%;padding:16px 30px;background:linear-gradient(135deg,#ff6b35 0%,#f59e0b 100%);border:none;border-radius:50px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 25px rgba(255,107,53,0.3);font-family:'Poppins',sans-serif}\n .cssadda-checkout-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(255,107,53,0.4)}\n .cssadda-checkout-btn:disabled{background:#9ca3af !important;cursor:not-allowed;box-shadow:none;transform:none !important}\n .cssadda-clear-btn{width:100%;padding:12px;background:transparent;border:2px solid #e2e8f0;border-radius:50px;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px;font-family:'Poppins',sans-serif}\n .cssadda-clear-btn:hover{border-color:#dc2626;color:#dc2626}\n .cssadda-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:16px 28px;border-radius:50px;font-family:'Poppins',sans-serif;font-size:.95rem;font-weight:600;z-index:999999;animation:cssadda-toast-in .3s ease;box-shadow:0 10px 40px rgba(0,0,0,0.2);display:flex;align-items:center;gap:10px;max-width:90%;text-align:center}\n .cssadda-toast.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}\n .cssadda-toast.info{background:linear-gradient(135deg,#1e3a8a 0%,#2563EB 100%);color:#fff}\n .cssadda-toast.warning{background:linear-gradient(135deg,#ff6b35 0%,#f59e0b 100%);color:#fff}\n .cssadda-toast.error{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);color:#fff}\n @keyframes cssadda-bounce{0%,100%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}\n @keyframes cssadda-toast-in{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}\n @keyframes cssadda-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}\n @media(max-width:768px){.cssadda-cart-sidebar{width:100%}.cssadda-floating-cart{top:auto;bottom:20px;right:20px}.cssadda-cart-btn{width:55px;height:55px}.cssadda-cart-preview{display:none}}\n `;\n document.head.appendChild(styles);\n }\n\n cacheElements() {\n this.elements = {\n overlay: document.querySelector('.cssadda-cart-overlay'),\n sidebar: document.querySelector('.cssadda-cart-sidebar'),\n itemsContainer: document.getElementById('cssadda-cart-items'),\n countBadge: document.querySelector('.cssadda-cart-count'),\n preview: document.querySelector('.cssadda-cart-preview'),\n previewAmount: document.querySelector('.cssadda-cart-preview-amount'),\n itemCount: document.querySelector('.cssadda-item-count'),\n savings: document.querySelector('.cssadda-cart-savings'),\n total: document.querySelector('.cssadda-cart-total'),\n checkoutBtn: document.querySelector('.cssadda-checkout-btn')\n };\n }\n\n bindEvents() {\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && this.isOpen) this.toggle();\n });\n }\n\n toggle() {\n this.isOpen = !this.isOpen;\n if (this.elements.overlay) this.elements.overlay.classList.toggle('active', this.isOpen);\n if (this.elements.sidebar) this.elements.sidebar.classList.toggle('active', this.isOpen);\n document.body.style.overflow = this.isOpen ? 'hidden' : '';\n }\n\n update() {\n const count = this.cart.getCount();\n const total = this.cart.getTotal();\n const savings = this.cart.getSavings();\n const items = this.cart.getItems();\n\n if (this.elements.countBadge) {\n this.elements.countBadge.textContent = count;\n this.elements.countBadge.classList.toggle('empty', count === 0);\n }\n if (this.elements.preview) this.elements.preview.classList.toggle('hidden', count === 0);\n if (this.elements.previewAmount) this.elements.previewAmount.textContent = '\u20b9' + total.toLocaleString();\n if (this.elements.itemCount) this.elements.itemCount.textContent = count;\n if (this.elements.savings) this.elements.savings.textContent = '\u20b9' + savings.toLocaleString();\n if (this.elements.total) this.elements.total.textContent = '\u20b9' + total.toLocaleString();\n if (this.elements.checkoutBtn) this.elements.checkoutBtn.disabled = count === 0;\n\n this.renderItems(items);\n this.updateProductButtons();\n }\n\n renderItems(items) {\n if (!this.elements.itemsContainer) return;\n \n if (items.length === 0) {\n this.elements.itemsContainer.innerHTML = `\n <div class=\"cssadda-cart-empty\">\n <i class=\"fas fa-shopping-bag\"><\/i>\n <h3>Your cart is empty<\/h3>\n <p>Add some courses to get started!<\/p>\n <\/div>\n `;\n } else {\n this.elements.itemsContainer.innerHTML = items.map(item => `\n <div class=\"cssadda-cart-item\" data-id=\"${item.id}\">\n <div class=\"cssadda-cart-item-icon ${item.type || ''}\">\n <i class=\"fas ${item.icon || 'fa-box'}\"><\/i>\n <\/div>\n <div class=\"cssadda-cart-item-details\">\n <div class=\"cssadda-cart-item-type\">${this.getTypeLabel(item.type)}<\/div>\n <div class=\"cssadda-cart-item-name\">${item.name}<\/div>\n <div class=\"cssadda-cart-item-price\">\u20b9${item.price.toLocaleString()}<\/div>\n <\/div>\n <button class=\"cssadda-cart-item-remove\" onclick=\"CSSAddaCart.removeItem('${item.id}')\" title=\"Remove\">\n <i class=\"fas fa-times\"><\/i>\n <\/button>\n <\/div>\n `).join('');\n }\n }\n\n getTypeLabel(type) {\n const labels = { 'course': 'Video Course', 'bundle': 'Bundle Pack' };\n return labels[type] || type || 'Product';\n }\n\n updateProductButtons() {\n const cartIds = this.cart.getItems().map(item => item.id);\n \n document.querySelectorAll('[data-product-id]').forEach(btn => {\n const productId = btn.dataset.productId;\n if (btn.classList.contains('purchased')) return;\n \n if (cartIds.includes(productId)) {\n btn.classList.add('in-cart');\n if (!btn.innerHTML.includes('In Cart')) {\n btn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> In Cart';\n }\n }\n });\n }\n\n animateCountBadge() {\n if (this.elements.countBadge) {\n this.elements.countBadge.classList.add('bounce');\n setTimeout(() => this.elements.countBadge.classList.remove('bounce'), 500);\n }\n }\n\n showToast(message, type = 'info') {\n const existing = document.querySelector('.cssadda-toast');\n if (existing) existing.remove();\n \n const toast = document.createElement('div');\n toast.className = 'cssadda-toast ' + type;\n toast.innerHTML = message;\n document.body.appendChild(toast);\n \n setTimeout(() => {\n toast.style.opacity = '0';\n toast.style.transform = 'translateX(-50%) translateY(20px)';\n setTimeout(() => toast.remove(), 300);\n }, CONFIG.toastDuration);\n }\n }\n\n const cart = new Cart();\n const ui = new CartUI(cart);\n\n window.CSSAddaCart = {\n init: function() { ui.init(); },\n \n addItem: function(product, buttonElement) {\n debug('Adding item:', product);\n const result = cart.addItem(product);\n \n if (result.success) {\n ui.animateCountBadge();\n ui.showToast('\u2705 ' + product.name + ' added!', 'success');\n \n if (buttonElement) {\n buttonElement.classList.add('in-cart');\n buttonElement.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> In Cart';\n }\n \n setTimeout(() => { if (!ui.isOpen) ui.toggle(); }, 400);\n } else {\n ui.showToast(result.message, 'warning');\n }\n \n return result;\n },\n \n removeItem: function(productId) {\n const result = cart.removeItem(productId);\n \n if (result.success) {\n ui.showToast('Item removed', 'info');\n \n document.querySelectorAll('[data-product-id=\"' + productId + '\"]').forEach(btn => {\n if (!btn.classList.contains('purchased')) {\n btn.classList.remove('in-cart');\n btn.innerHTML = '<i class=\"fas fa-cart-plus\"><\/i> Add';\n }\n });\n }\n \n return result;\n },\n \n clear: function() {\n if (cart.getCount() === 0) { \n ui.showToast('Cart is already empty!', 'warning'); \n return; \n }\n \n if (confirm('Clear all items from your cart?')) {\n cart.clear();\n ui.showToast('Cart cleared!', 'info');\n \n document.querySelectorAll('.in-cart').forEach(btn => {\n if (!btn.classList.contains('purchased')) {\n btn.classList.remove('in-cart');\n btn.innerHTML = '<i class=\"fas fa-cart-plus\"><\/i> Add';\n }\n });\n }\n },\n \n toggle: function() { ui.toggle(); },\n getItems: function() { return cart.getItems(); },\n getCount: function() { return cart.getCount(); },\n getTotal: function() { return cart.getTotal(); },\n hasItem: function(productId) { return cart.hasItem(productId); },\n showToast: function(message, type) { ui.showToast(message, type); },\n \n checkout: function() {\n debug('Checkout initiated');\n \n if (cart.getCount() === 0) { \n ui.showToast('Your cart is empty!', 'warning'); \n return; \n }\n \n ui.showToast('\ud83d\udd04 Redirecting to checkout...', 'info');\n \n \/\/ For demo - redirect to checkout page\n setTimeout(() => {\n window.location.href = '\/checkout\/';\n }, 1500);\n }\n };\n\n function initCart() {\n CSSAddaCart.init();\n debug('Cart system ready!');\n }\n \n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initCart);\n } else {\n initCart();\n }\n })();\n\n \/\/ Add to Cart helper function\n function addToCart(product, buttonElement) {\n if (buttonElement && buttonElement.classList.contains('purchased')) {\n const accessUrl = buttonElement.dataset.accessUrl || '\/my-courses\/';\n CSSAddaCart.showToast('Redirecting to your course...', 'info');\n setTimeout(() => { window.location.href = accessUrl; }, 1000);\n return;\n }\n \n if (!product.wooProductId || product.wooProductId === 0) {\n CSSAddaCart.showToast('\u23f3 Coming soon! This course is not available yet.', 'warning');\n return;\n }\n \n CSSAddaCart.addItem(product, buttonElement);\n }\n\n \/\/ Mark Purchased Products\n function markPurchasedProducts() {\n if (typeof cssaddaPurchased === 'undefined' || !cssaddaPurchased) return;\n \n const productButtons = document.querySelectorAll('.btn-add-cart[data-product-id], .btn-bundle[data-product-id]');\n \n productButtons.forEach(btn => {\n const onclickAttr = btn.getAttribute('onclick');\n if (onclickAttr) {\n const match = onclickAttr.match(\/wooProductId:\\s*(\\d+)\/);\n if (match && match[1] && cssaddaPurchased[match[1]]) {\n const purchasedProduct = cssaddaPurchased[match[1]];\n btn.classList.add('purchased');\n btn.innerHTML = '<i class=\"fas fa-play-circle\"><\/i> Take Course';\n if (purchasedProduct.course_url) {\n btn.dataset.accessUrl = purchasedProduct.course_url;\n }\n }\n }\n });\n }\n\n document.addEventListener('DOMContentLoaded', function() {\n setTimeout(markPurchasedProducts, 100);\n });\n\n \/\/ Tab Switching\n document.querySelectorAll('.paper-tab').forEach(tab => {\n tab.addEventListener('click', () => {\n document.querySelectorAll('.paper-tab').forEach(t => t.classList.remove('active'));\n tab.classList.add('active');\n document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));\n document.getElementById(tab.getAttribute('data-tab')).classList.add('active');\n \n \/\/ Re-run popup positioning after tab switch\n setTimeout(updatePopupPositions, 100);\n });\n });\n\n \/\/ IMPROVED Popup positioning - Dynamically based on card position in row\n function updatePopupPositions() {\n const grids = document.querySelectorAll('.courses-grid');\n \n grids.forEach(grid => {\n const cards = grid.querySelectorAll('.course-card');\n if (cards.length === 0) return;\n \n \/\/ Get grid computed style to determine columns\n const gridStyle = window.getComputedStyle(grid);\n const gridWidth = grid.offsetWidth;\n \n cards.forEach((card, index) => {\n const cardRect = card.getBoundingClientRect();\n const gridRect = grid.getBoundingClientRect();\n \n \/\/ Calculate if card is in the right portion of the grid\n const cardRightEdge = cardRect.right;\n const viewportWidth = window.innerWidth;\n const cardCenterX = cardRect.left + (cardRect.width \/ 2);\n \n \/\/ Check if popup would overflow on right side\n \/\/ Popup width is 320px + 15px gap = 335px needed on right\n const spaceOnRight = viewportWidth - cardRect.right;\n const needsLeftPopup = spaceOnRight < 350;\n \n if (needsLeftPopup) {\n card.classList.add('popup-left');\n } else {\n card.classList.remove('popup-left');\n }\n });\n });\n }\n \n \/\/ Run on load and resize\n updatePopupPositions();\n window.addEventListener('resize', updatePopupPositions);\n \n \/\/ Also run when scrolling (for dynamic content)\n let scrollTimeout;\n window.addEventListener('scroll', () => {\n clearTimeout(scrollTimeout);\n scrollTimeout = setTimeout(updatePopupPositions, 100);\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>UPSC Steno LDCE Courses – Subject Wise | PromotionExams.com UPSC Departmental Examination Steno LDCE Subject-wise Courses Choose specific subjects you […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"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-10646","page","type-page","status-publish","hentry","category-website-main-pages-header"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/10646","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10646"}],"version-history":[{"count":16,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/10646\/revisions"}],"predecessor-version":[{"id":10775,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/10646\/revisions\/10775"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n UPSC Steno LDCE Courses - Subject Wise | PromotionExams.com<\/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 } :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 --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 --gray-900: #0f172a;\n --success: #10b981;\n --purple: #a435f0;\n --purple-dark: #8710d8;\n --red: #ef4444;\n --yellow: #f69c08;\n --gradient-hero: linear-gradient(135deg, var(--primary-blue-dark) 0%, var(--primary-blue) 50%, var(--accent-orange-light) 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 --shadow-xl: 0 20px 25px -5px 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\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 \/* ============================================\n ANIMATIONS\n ============================================ *\/\n @keyframes borderAnimation {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n @keyframes fadeIn { \n from { opacity: 0; transform: translateY(15px); } \n to { opacity: 1; transform: translateY(0); } \n }\n\n \/* ============================================\n HERO SECTION\n ============================================ *\/\n .courses-hero {\n background: var(--gradient-hero);\n padding: 60px 20px 90px;\n position: relative;\n overflow: hidden;\n border-radius: 0 0 30px 30px;\n }\n .courses-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 {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n text-align: center;\n }\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: rgba(249, 115, 22, 0.2);\n border: 1px solid rgba(249, 115, 22, 0.3);\n color: var(--accent-orange-light);\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 600;\n margin-bottom: 15px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n .hero-title {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n font-weight: 800;\n color: var(--white);\n margin-bottom: 10px;\n line-height: 1.2;\n }\n .hero-title span { color: var(--accent-orange); }\n .hero-description {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.9);\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* ============================================\n PAPER TABS - ANIMATED BORDER STYLE\n ============================================ *\/\n .paper-tabs-section {\n max-width: 1200px; margin: -40px auto 20px; padding: 0 10px; position: relative; z-index: 5; }\n .main-tabs-wrapper { \n background: var(--white); border-radius: var(--radius-lg); padding: 10px; \n display: flex; gap: 10px; margin-bottom: 25px; box-shadow: var(--shadow-lg); \n flex-wrap: wrap; \n \/* UPDATED: Changed from center to space-between for justified alignment *\/\n justify-content: space-between;\n }\n \n .tabs-container {\n max-width: 1200px;\n margin: -40px auto 0;\n position: relative;\n z-index: 5;\n }\n \n .paper-tabs {\n background: var(--white);\n border-radius: var(--radius-lg);\n padding: 10px;\n display: flex;\n gap: 10px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\n flex-wrap: wrap;\n justify-content: space-between;\n }\n \n .paper-tab {\n flex: 1;\n min-width: 180px;\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 display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n padding: 18px 25px;\n font-family: 'Poppins', sans-serif;\n font-size: 1rem;\n font-weight: 600;\n color: var(--gray-600);\n }\n \n .paper-tab::before {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n background: linear-gradient(90deg, \n var(--primary-blue), \n var(--accent-orange), \n var(--primary-blue-light), \n var(--accent-orange-light), \n 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 \n .paper-tab::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--white);\n border-radius: var(--radius-md);\n z-index: -1;\n }\n \n .paper-tab:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(37, 99, 235, 0.3);\n }\n \n .paper-tab.active::after {\n background: linear-gradient(135deg, var(--primary-blue-dark) 0%, var(--primary-blue) 100%);\n }\n \n .paper-tab.active {\n color: var(--white);\n }\n \n .paper-tab .tab-icon {\n font-size: 1.4rem;\n transition: var(--transition);\n }\n \n .paper-tab:hover .tab-icon {\n transform: scale(1.1);\n }\n \n .paper-tab.active .tab-icon {\n color: var(--accent-orange-light);\n }\n\n \/* ============================================\n COURSES SECTION\n ============================================ *\/\n .courses-section {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 20px 50px;\n }\n .section-header {\n margin-bottom: 30px;\n text-align: center;\n }\n .section-header h2 {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--gray-900);\n margin-bottom: 8px;\n }\n .section-header p {\n font-size: 0.95rem;\n color: var(--gray-500);\n }\n\n \/* TAB CONTENT *\/\n .tab-content { display: none; animation: fadeIn 0.4s ease; }\n .tab-content.active { display: block; }\n\n \/* COURSES GRID *\/\n .courses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 25px;\n }\n\n \/* ============================================\n COURSE CARD\n ============================================ *\/\n .course-card {\n position: relative;\n cursor: pointer;\n background: var(--white);\n border-radius: 8px;\n overflow: visible;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n transition: var(--transition);\n z-index: 1;\n }\n \n .course-card:hover {\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n transform: translateY(-3px);\n z-index: 100;\n }\n\n \/* Course Image *\/\n .course-image {\n width: 100%;\n aspect-ratio: 16\/9;\n border-radius: 8px 8px 0 0;\n overflow: hidden;\n position: relative;\n }\n .course-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.4s ease;\n }\n .course-card:hover .course-image img {\n transform: scale(1.05);\n }\n .course-image .paper-label {\n position: absolute;\n top: 10px;\n left: 10px;\n background: rgba(0, 0, 0, 0.7);\n color: var(--white);\n padding: 4px 12px;\n border-radius: 4px;\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n backdrop-filter: blur(4px);\n }\n .course-image .duration-badge {\n position: absolute;\n bottom: 10px;\n right: 10px;\n background: rgba(0, 0, 0, 0.8);\n color: var(--white);\n padding: 4px 10px;\n border-radius: 4px;\n font-size: 0.75rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 5px;\n }\n\n \/* Course Info *\/\n .course-info { padding: 15px; }\n .course-title {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n color: var(--gray-900);\n line-height: 1.35;\n margin-bottom: 6px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n .course-instructor {\n font-size: 0.8rem;\n color: var(--gray-500);\n margin-bottom: 8px;\n }\n .course-rating {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 8px;\n }\n .rating-value {\n font-size: 0.85rem;\n font-weight: 700;\n color: #b4690e;\n }\n .rating-stars {\n display: flex;\n gap: 1px;\n }\n .rating-stars i {\n font-size: 0.7rem;\n color: #e59819;\n }\n .rating-count {\n font-size: 0.75rem;\n color: var(--gray-500);\n }\n .course-meta {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 10px;\n }\n .bestseller-badge {\n background: #eceb98;\n color: #3d3c0a;\n padding: 3px 8px;\n border-radius: 3px;\n font-size: 0.7rem;\n font-weight: 700;\n }\n .new-badge {\n background: #acd2cc;\n color: #1a4d4a;\n padding: 3px 8px;\n border-radius: 3px;\n font-size: 0.7rem;\n font-weight: 700;\n }\n .course-pricing {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-top: 12px;\n border-top: 1px solid var(--gray-100);\n }\n .course-price {\n display: flex;\n align-items: baseline;\n gap: 8px;\n }\n .price-current {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.15rem;\n font-weight: 800;\n color: var(--gray-900);\n }\n .price-original {\n font-size: 0.9rem;\n color: var(--gray-400);\n text-decoration: line-through;\n }\n\n \/* Add to Cart Button *\/\n .btn-add-cart {\n padding: 8px 16px;\n background: var(--purple);\n border: none;\n border-radius: 4px;\n color: var(--white);\n font-family: 'Poppins', sans-serif;\n font-size: 0.8rem;\n font-weight: 600;\n cursor: pointer;\n transition: var(--transition);\n display: flex;\n align-items: center;\n gap: 6px;\n }\n .btn-add-cart:hover {\n background: var(--purple-dark);\n transform: scale(1.05);\n }\n .btn-add-cart.in-cart {\n background: var(--success);\n }\n .btn-add-cart.in-cart:hover {\n background: #059669;\n }\n .btn-add-cart.purchased {\n background: linear-gradient(135deg, #ff6b35 0%, #f59e0b 100%);\n }\n .btn-add-cart.purchased:hover {\n background: linear-gradient(135deg, #e55a2b 0%, #d97706 100%);\n }\n\n \/* ============================================\n HOVER POPUP - UPDATED WITH BLUE BG & WATERMARK\n ============================================ *\/\n .course-popup {\n position: absolute;\n top: 0;\n left: calc(100% + 15px);\n width: 320px;\n background: var(--primary-blue);\n border-radius: 8px;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\n padding: 20px;\n opacity: 0;\n visibility: hidden;\n transform: translateX(-10px);\n transition: all 0.3s ease;\n z-index: 1000;\n pointer-events: none;\n overflow: hidden;\n }\n\n \/* Watermark Image *\/\n .course-popup > * {\n position: relative;\n z-index: 2;\n }\n \n .course-popup::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 200px;\n height: 200px;\n background: url('https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/07\/CSS-ADDA-Logo-icon1.png') no-repeat center center;\n background-size: contain;\n opacity: 0.4;\n pointer-events: none;\n z-index: 1;\n }\n \n .course-card:hover .course-popup {\n opacity: 1;\n visibility: visible;\n transform: translateX(0);\n pointer-events: auto;\n }\n \n .course-card.popup-left .course-popup {\n left: auto;\n right: calc(100% + 15px);\n transform: translateX(10px);\n }\n \n .course-card.popup-left:hover .course-popup { \n transform: translateX(0); \n }\n\n .popup-header { margin-bottom: 12px; }\n .popup-title {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.05rem;\n font-weight: 700;\n color: var(--white);\n line-height: 1.3;\n margin-bottom: 8px;\n }\n .popup-meta {\n display: flex;\n align-items: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n .popup-badge {\n background: #eceb98;\n color: #3d3c0a;\n padding: 3px 8px;\n border-radius: 3px;\n font-size: 0.7rem;\n font-weight: 700;\n }\n .popup-updated {\n font-size: 0.75rem;\n color: var(--accent-orange-light);\n font-weight: 600;\n }\n .popup-stats {\n font-size: 0.75rem;\n color: rgba(255, 255, 255, 0.8);\n }\n .popup-description {\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.9);\n line-height: 1.5;\n margin-bottom: 15px;\n }\n .popup-features {\n list-style: none;\n margin-bottom: 18px;\n }\n .popup-features li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n font-size: 0.82rem;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 10px;\n line-height: 1.4;\n }\n .popup-features li i {\n color: var(--accent-orange-light);\n margin-top: 3px;\n flex-shrink: 0;\n }\n .popup-btn-cart {\n width: 100%;\n padding: 14px 20px;\n background: var(--purple);\n border: none;\n border-radius: 4px;\n color: var(--white);\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n cursor: pointer;\n transition: var(--transition);\n }\n .popup-btn-cart:hover { background: var(--purple-dark); }\n\n \/* Arrow for popup - Updated to blue *\/\n .course-popup::before {\n content: '';\n position: absolute;\n top: 30px;\n left: -8px;\n width: 16px;\n height: 16px;\n background: var(--primary-blue);\n transform: rotate(45deg);\n box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.05);\n z-index: 3;\n }\n \n .course-card.popup-left .course-popup::before {\n left: auto;\n right: -8px;\n box-shadow: 3px -3px 5px rgba(0, 0, 0, 0.05);\n }\n\n \/* ============================================\n BUNDLE BANNER\n ============================================ *\/\n .bundle-banner {\n background: linear-gradient(135deg, var(--gray-900), var(--gray-800));\n border-radius: 12px;\n padding: 25px 30px;\n margin-top: 40px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n }\n .bundle-left {\n display: flex;\n align-items: center;\n gap: 15px;\n }\n .bundle-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--purple) 0%, #c084fc 100%);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 1.5rem;\n }\n .bundle-info h3 {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.15rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 4px;\n }\n .bundle-info p {\n font-size: 0.85rem;\n color: var(--gray-400);\n }\n .bundle-right {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n .bundle-pricing { text-align: right; }\n .bundle-price {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.8rem;\n font-weight: 800;\n color: var(--white);\n }\n .bundle-original {\n font-size: 0.95rem;\n color: var(--gray-500);\n text-decoration: line-through;\n }\n .btn-bundle {\n padding: 14px 28px;\n background: linear-gradient(135deg, var(--accent-orange), var(--accent-orange-light));\n border: none;\n border-radius: 50px;\n color: var(--white);\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: var(--transition);\n box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4);\n }\n .btn-bundle:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(245, 158, 11, 0.5);\n }\n .btn-bundle.in-cart {\n background: linear-gradient(135deg, var(--success), #34d399);\n box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);\n }\n .btn-bundle.purchased {\n background: linear-gradient(135deg, #ff6b35, #f59e0b);\n }\n\n \/* ============================================\n RESPONSIVE\n ============================================ *\/\n @media (max-width: 1024px) {\n .course-popup { display: none !important; }\n }\n \n @media (max-width: 768px) {\n .paper-tabs {\n flex-direction: column;\n }\n .paper-tab {\n width: 100%;\n justify-content: center;\n }\n .courses-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n }\n .bundle-banner {\n flex-direction: column;\n text-align: center;\n }\n .bundle-left { flex-direction: column; }\n .bundle-pricing { text-align: center; }\n }\n \n @media (max-width: 500px) {\n .courses-grid { grid-template-columns: 1fr; }\n }\n<\/style>\n<\/head>\n<body>\n \n<section class=\"courses-hero\">\n <div class=\"hero-container\">\n <div class=\"hero-badge\">\n <i class=\"fas fa-certificate\"><\/i>\n UPSC Departmental Examination\n <\/div>\n <h1 class=\"hero-title\">Steno LDCE Subject-wise Courses<\/h1>\n <p class=\"hero-description\">Choose specific subjects you need. Each course includes video lectures, PDF notes, and practice tests.<\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"paper-tabs-section\">\n <div class=\"tabs-container\">\n <div class=\"main-tabs-wrapper\">\n <button class=\"paper-tab active\" data-tab=\"paper1\">\n <i class=\"fas fa-landmark tab-icon\"><\/i> Paper I\n <\/button>\n <button class=\"paper-tab\" data-tab=\"paper2\">\n <i class=\"fas fa-balance-scale tab-icon\"><\/i> Paper II\n <\/button>\n <button class=\"paper-tab\" data-tab=\"paper3\">\n <i class=\"fas fa-pen-fancy tab-icon\"><\/i> Paper III\n <\/button>\n \n <\/div>\n <\/div>\n<\/section>\n\n \n <section class=\"courses-section\">\n \n <div class=\"tab-content active\" id=\"paper1\">\n <div class=\"section-header\">\n <h2>Paper I - General Studies Courses<\/h2>\n <p>150 Marks \u2022 2 Hours \u2022 120 MCQs \u2022 Common for all categories<\/p>\n <\/div>\n <div class=\"courses-grid\">\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/RS.png\" alt=\"Constitution of India\">\n <span class=\"paper-label\">Paper I<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 12 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Constitution of India - Complete Course<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.8<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(2,847)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9499<\/span><span class=\"price-original\">\u20b9999<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p1-constitution\" onclick=\"addToCart({id:'course-p1-constitution',name:'Constitution of India - Complete Course',price:499,originalPrice:999,type:'course',icon:'fa-scroll',wooProductId:0}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Constitution of India - Complete Course<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">12 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Master all Articles, Schedules & Amendments relevant for LDCE with PYQ analysis.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Preamble, Fundamental Rights & DPSPs<\/li>\n <li><i class=\"fas fa-check\"><\/i> Union & State Executive, Legislature<\/li>\n <li><i class=\"fas fa-check\"><\/i> All important Constitutional Amendments<\/li>\n <li><i class=\"fas fa-check\"><\/i> 200+ MCQs with detailed explanations<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p1-constitution',name:'Constitution of India - Complete Course',price:499,originalPrice:999,type:'course',icon:'fa-scroll',wooProductId:1001}, document.querySelector('[data-product-id=course-p1-constitution]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/LS.png\" alt=\"Parliamentary Procedure\">\n <span class=\"paper-label\">Paper I<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 8 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Parliamentary Procedure - Lok Sabha & Rajya Sabha<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.7<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,523)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9399<\/span><span class=\"price-original\">\u20b9799<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p1-parliament\" onclick=\"addToCart({id:'course-p1-parliament',name:'Parliamentary Procedure - LS & RS',price:399,originalPrice:799,type:'course',icon:'fa-university',wooProductId:0}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Parliamentary Procedure - LS & RS<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">8 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete Rules of Procedure of both Houses including recent amendments.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Lok Sabha Rules & Procedures<\/li>\n <li><i class=\"fas fa-check\"><\/i> Rajya Sabha Rules of Procedure<\/li>\n <li><i class=\"fas fa-check\"><\/i> Motions, Resolutions & Speaker's Directions<\/li>\n <li><i class=\"fas fa-check\"><\/i> 150+ Practice MCQs<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p1-parliament',name:'Parliamentary Procedure - LS & RS',price:399,originalPrice:799,type:'course',icon:'fa-university',wooProductId:1002}, document.querySelector('[data-product-id=course-p1-parliament]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/rti.jpeg\" alt=\"RTI Act\">\n <span class=\"paper-label\">Paper I<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 6 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">RTI Act, 2005 - Complete with Rules & Cases<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.6<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,245)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9349<\/span><span class=\"price-original\">\u20b9699<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p1-rti\" onclick=\"addToCart({id:'course-p1-rti',name:'RTI Act, 2005 - Complete Course',price:349,originalPrice:699,type:'course',icon:'fa-info-circle',wooProductId:0}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">RTI Act, 2005 - Complete Course<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">6 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">RTI Act with RTI Rules 2019, CIC decisions, and landmark SC orders.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> RTI Act - All Sections explained<\/li>\n <li><i class=\"fas fa-check\"><\/i> RTI Rules 2019 with amendments<\/li>\n <li><i class=\"fas fa-check\"><\/i> Important CIC & Court decisions<\/li>\n <li><i class=\"fas fa-check\"><\/i> 100+ MCQs with solutions<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p1-rti',name:'RTI Act, 2005 - Complete Course',price:349,originalPrice:699,type:'course',icon:'fa-info-circle',wooProductId:1003}, document.querySelector('[data-product-id=course-p1-rti]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/AOBR.png\" alt=\"AOBR TOBR\">\n <span class=\"paper-label\">Paper I<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 5 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">AOBR \/ TOBR - Business Rules of Government<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.5<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(892)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9299<\/span><span class=\"price-original\">\u20b9599<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p1-aobr\" onclick=\"addToCart({id:'course-p1-aobr',name:'AOBR \/ TOBR - Business Rules',price:299,originalPrice:599,type:'course',icon:'fa-sitemap',wooProductId:0}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">AOBR \/ TOBR - Business Rules<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">5 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Allocation & Transaction of Business Rules with Table of Precedence.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Allocation of Business Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> Transaction of Business Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> Table of Precedence & GoI structure<\/li>\n <li><i class=\"fas fa-check\"><\/i> 80+ Practice Questions<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p1-aobr',name:'AOBR \/ TOBR - Business Rules',price:299,originalPrice:599,type:'course',icon:'fa-sitemap',wooProductId:1004}, document.querySelector('[data-product-id=course-p1-aobr]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/schemes.png\" alt=\"Development Schemes\">\n <span class=\"paper-label\">Paper I<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 7 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Development Schemes - Government Programmes<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.6<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,089)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"new-badge\">New<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9349<\/span><span class=\"price-original\">\u20b9699<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p1-schemes\" onclick=\"addToCart({id:'course-p1-schemes',name:'Development Schemes - Complete',price:349,originalPrice:699,type:'course',icon:'fa-project-diagram',wooProductId:0}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Development Schemes - Complete<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">New<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">7 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">All major Central Sector and CSS Schemes with flagship programmes.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Central Sector Schemes<\/li>\n <li><i class=\"fas fa-check\"><\/i> Centrally Sponsored Schemes<\/li>\n <li><i class=\"fas fa-check\"><\/i> Flagship Programmes (PM Schemes)<\/li>\n <li><i class=\"fas fa-check\"><\/i> 100+ MCQs on schemes<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p1-schemes',name:'Development Schemes - Complete',price:349,originalPrice:699,type:'course',icon:'fa-project-diagram',wooProductId:1005}, document.querySelector('[data-product-id=course-p1-schemes]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/current-affairs.png\" alt=\"Current Affairs\">\n <span class=\"paper-label\">Paper I<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 10 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Current Affairs & Indian Economy<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.7<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,678)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9499<\/span><span class=\"price-original\">\u20b9999<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p1-ca\" onclick=\"addToCart({id:'course-p1-ca',name:'Current Affairs & Economy',price:499,originalPrice:999,type:'course',icon:'fa-chart-line',wooProductId:0}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Current Affairs & Economy<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated Weekly<\/span><\/div>\n <p class=\"popup-stats\">10 hours + Monthly Updates \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Economy basics with 6-month current affairs, Economic Survey & Budget.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Indian Economy fundamentals<\/li>\n <li><i class=\"fas fa-check\"><\/i> 6 months current affairs coverage<\/li>\n <li><i class=\"fas fa-check\"><\/i> Economic Survey & Budget highlights<\/li>\n <li><i class=\"fas fa-check\"><\/i> 150+ MCQs with monthly updates<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p1-ca',name:'Current Affairs & Economy',price:499,originalPrice:999,type:'course',icon:'fa-chart-line',wooProductId:1006}, document.querySelector('[data-product-id=course-p1-ca]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n\n \n <div class=\"tab-content\" id=\"paper2\">\n <div class=\"section-header\">\n <h2>Paper II - Service Rules & Procedures<\/h2>\n <p>150 Marks \u2022 2 Hours \u2022 120 MCQs \u2022 Category-specific syllabus<\/p>\n <\/div>\n <div class=\"courses-grid\">\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/mop-e1684145514331.jpeg\" alt=\"Manual of Office Procedure\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 14 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Manual of Office Procedure (CSMOP 2022)<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.9<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <span class=\"rating-count\">(3,456)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9449<\/span><span class=\"price-original\">\u20b9899<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-mop\" onclick=\"addToCart({id:'course-p2-mop',name:'CSMOP 2022 - Complete Course',price:449,originalPrice:899,type:'course',icon:'fa-book',wooProductId:2001}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Manual of Office Procedure (CSMOP 2022)<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">14 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete CSMOP 2022 with ISTM Notes. Most important for Paper II.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> CSMOP 2022 - All chapters<\/li>\n <li><i class=\"fas fa-check\"><\/i> ISTM Notes on Office Procedure<\/li>\n <li><i class=\"fas fa-check\"><\/i> File Management & e-Office<\/li>\n <li><i class=\"fas fa-check\"><\/i> 180+ MCQs with explanations<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-mop',name:'CSMOP 2022 - Complete Course',price:449,originalPrice:899,type:'course',icon:'fa-book',wooProductId:2001}, document.querySelector('[data-product-id=course-p2-mop]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/pension.png\" alt=\"Pension Rules\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 10 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">CCS (Pension) Rules 2021 & EOP Rules<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.7<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(2,123)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9399<\/span><span class=\"price-original\">\u20b9799<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-pension\" onclick=\"addToCart({id:'course-p2-pension',name:'CCS Pension Rules 2021',price:399,originalPrice:799,type:'course',icon:'fa-hand-holding-usd',wooProductId:2002}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">CCS (Pension) Rules 2021 & EOP<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">10 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">New Pension Rules 2021 with EOP Rules 2023, Family Pension & Gratuity.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> CCS Pension Rules 2021 - Complete<\/li>\n <li><i class=\"fas fa-check\"><\/i> EOP Rules 2023<\/li>\n <li><i class=\"fas fa-check\"><\/i> Family Pension, Commutation, Gratuity<\/li>\n <li><i class=\"fas fa-check\"><\/i> 120+ Practice MCQs<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-pension',name:'CCS Pension Rules 2021',price:399,originalPrice:799,type:'course',icon:'fa-hand-holding-usd',wooProductId:2002}, document.querySelector('[data-product-id=course-p2-pension]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/conduct.jpg\" alt=\"Conduct Rules\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 7 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">CCS (Conduct) Rules, 1964<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.6<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,567)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9349<\/span><span class=\"price-original\">\u20b9699<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-conduct\" onclick=\"addToCart({id:'course-p2-conduct',name:'CCS Conduct Rules 1964',price:349,originalPrice:699,type:'course',icon:'fa-user-check',wooProductId:2003}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">CCS (Conduct) Rules, 1964<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">7 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">All 23 Rules with amendments, case studies and DoPT decisions.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> All Rules (1-23) explained<\/li>\n <li><i class=\"fas fa-check\"><\/i> Recent Amendments & OM<\/li>\n <li><i class=\"fas fa-check\"><\/i> Case Studies & Decisions<\/li>\n <li><i class=\"fas fa-check\"><\/i> 80+ MCQs<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-conduct',name:'CCS Conduct Rules 1964',price:349,originalPrice:699,type:'course',icon:'fa-user-check',wooProductId:2003}, document.querySelector('[data-product-id=course-p2-conduct]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/CCA.png\" alt=\"CCA Rules\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 8 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">CCS (CCA) Rules, 1965 - Disciplinary Rules<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.7<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,892)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9349<\/span><span class=\"price-original\">\u20b9699<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-cca\" onclick=\"addToCart({id:'course-p2-cca',name:'CCS CCA Rules 1965',price:349,originalPrice:699,type:'course',icon:'fa-gavel',wooProductId:2004}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">CCS (CCA) Rules, 1965<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">8 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Disciplinary proceedings, penalties, suspension and appeals.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Disciplinary Proceedings<\/li>\n <li><i class=\"fas fa-check\"><\/i> Penalties & Appeals<\/li>\n <li><i class=\"fas fa-check\"><\/i> Suspension Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> Important Case Laws<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-cca',name:'CCS CCA Rules 1965',price:349,originalPrice:699,type:'course',icon:'fa-gavel',wooProductId:2004}, document.querySelector('[data-product-id=course-p2-cca]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/leave.jpg\" alt=\"Leave Rules\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 6 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">CCS (Leave) Rules & LTC Rules<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.5<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,234)<\/span>\n <\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9299<\/span><span class=\"price-original\">\u20b9599<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-leave\" onclick=\"addToCart({id:'course-p2-leave',name:'CCS Leave & LTC Rules',price:299,originalPrice:599,type:'course',icon:'fa-calendar-alt',wooProductId:2005}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">CCS (Leave) & LTC Rules<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">6 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete Leave Rules with encashment and LTC entitlements.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> All Types of Leave explained<\/li>\n <li><i class=\"fas fa-check\"><\/i> Leave Encashment Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> LTC Rules & Entitlements<\/li>\n <li><i class=\"fas fa-check\"><\/i> Recent OM Circulars<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-leave',name:'CCS Leave & LTC Rules',price:299,originalPrice:599,type:'course',icon:'fa-calendar-alt',wooProductId:2005}, document.querySelector('[data-product-id=course-p2-leave]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/GFR.jpg\" alt=\"GFR\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 10 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">GFR 2017 - General Financial Rules<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.6<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(1,678)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9399<\/span><span class=\"price-original\">\u20b9799<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-gfr\" onclick=\"addToCart({id:'course-p2-gfr',name:'GFR 2017 - Complete',price:399,originalPrice:799,type:'course',icon:'fa-file-invoice-dollar',wooProductId:2006}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">GFR 2017 - Complete<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">10 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete GFR with procurement, contract management and GeM portal.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> All Chapters & Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> Procurement & Contract Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> GeM Portal Procedures<\/li>\n <li><i class=\"fas fa-check\"><\/i> 120+ MCQs<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-gfr',name:'GFR 2017 - Complete',price:399,originalPrice:799,type:'course',icon:'fa-file-invoice-dollar',wooProductId:2006}, document.querySelector('[data-product-id=course-p2-gfr]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/TOBR.png\" alt=\"DFPR\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 5 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">DFPR 2024 - Delegation of Financial Powers<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.5<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(987)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"new-badge\">New<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9299<\/span><span class=\"price-original\">\u20b9599<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-dfpr\" onclick=\"addToCart({id:'course-p2-dfpr',name:'DFPR 2024 - Complete',price:299,originalPrice:599,type:'course',icon:'fa-coins',wooProductId:2007}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">DFPR 2024 - Complete<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">New<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">5 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">New DFPR 2024 with delegation powers and Charter for FA.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> DFPR 2024 Complete<\/li>\n <li><i class=\"fas fa-check\"><\/i> Delegation Powers & Limits<\/li>\n <li><i class=\"fas fa-check\"><\/i> Charter for FA<\/li>\n <li><i class=\"fas fa-check\"><\/i> 80+ MCQs<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-dfpr',name:'DFPR 2024 - Complete',price:299,originalPrice:599,type:'course',icon:'fa-coins',wooProductId:2007}, document.querySelector('[data-product-id=course-p2-dfpr]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?w=400&h=225&fit=crop\" alt=\"FR SR\">\n <span class=\"paper-label\">Paper II<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 12 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">FR & SR - Fundamental & Supplementary Rules<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.7<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n <span class=\"rating-count\">(2,345)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9449<\/span><span class=\"price-original\">\u20b9899<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p2-frsr\" onclick=\"addToCart({id:'course-p2-frsr',name:'FR & SR - Complete Course',price:449,originalPrice:899,type:'course',icon:'fa-balance-scale-right',wooProductId:2008}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">FR & SR - Complete Course<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">12 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete FR & SR with TA\/DA, CEA, HRA and all allowances.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> FR Part I, II, III - Complete<\/li>\n <li><i class=\"fas fa-check\"><\/i> Supplementary Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> TA\/DA, CEA, HRA Rules<\/li>\n <li><i class=\"fas fa-check\"><\/i> 150+ MCQs<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p2-frsr',name:'FR & SR - Complete Course',price:449,originalPrice:899,type:'course',icon:'fa-balance-scale-right',wooProductId:2008}, document.querySelector('[data-product-id=course-p2-frsr]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n\n \n <div class=\"tab-content\" id=\"paper3\">\n <div class=\"section-header\">\n <h2>Paper III - Descriptive Paper<\/h2>\n <p>200 Marks \u2022 3 Hours \u2022 5 Questions \u2022 Common for all categories<\/p>\n <\/div>\n <div class=\"courses-grid\">\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1455390582262-044cdead277a?w=400&h=225&fit=crop\" alt=\"Precis Writing\">\n <span class=\"paper-label\">Paper III<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 8 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Precis Writing - Master Summarization<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.8<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <span class=\"rating-count\">(2,567)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9499<\/span><span class=\"price-original\">\u20b9999<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p3-precis\" onclick=\"addToCart({id:'course-p3-precis',name:'Precis Writing - Master Course',price:499,originalPrice:999,type:'course',icon:'fa-compress-alt',wooProductId:3001}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Precis Writing - Master Summarization<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">8 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Master summarization with 50+ practice passages and model answers.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Precis Techniques & Methods<\/li>\n <li><i class=\"fas fa-check\"><\/i> Title Selection Tips<\/li>\n <li><i class=\"fas fa-check\"><\/i> 1\/3 Reduction Practice<\/li>\n <li><i class=\"fas fa-check\"><\/i> 50+ Practice Passages<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p3-precis',name:'Precis Writing - Master Course',price:499,originalPrice:999,type:'course',icon:'fa-compress-alt',wooProductId:3001}, document.querySelector('[data-product-id=course-p3-precis]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586281380349-632531db7ed4?w=400&h=225&fit=crop\" alt=\"Note Drafting\">\n <span class=\"paper-label\">Paper III<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 12 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Note & Drafting - Official Correspondence<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.9<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <span class=\"rating-count\">(3,234)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9599<\/span><span class=\"price-original\">\u20b91,199<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p3-drafting\" onclick=\"addToCart({id:'course-p3-drafting',name:'Note & Drafting - Complete',price:599,originalPrice:1199,type:'course',icon:'fa-file-signature',wooProductId:3002}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Note & Drafting - Official Correspondence<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">12 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete noting and drafting with 100+ sample documents.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Note Making from Data<\/li>\n <li><i class=\"fas fa-check\"><\/i> Official Letters & D.O. Letters<\/li>\n <li><i class=\"fas fa-check\"><\/i> Memos & Office Orders<\/li>\n <li><i class=\"fas fa-check\"><\/i> 100+ Sample Drafts<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p3-drafting',name:'Note & Drafting - Complete',price:599,originalPrice:1199,type:'course',icon:'fa-file-signature',wooProductId:3002}, document.querySelector('[data-product-id=course-p3-drafting]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"course-card\">\n <div class=\"course-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586281380349-632531db7ed4?w=400&h=225&fit=crop\" alt=\"Note Drafting\">\n <span class=\"paper-label\">Paper III<\/span>\n <span class=\"duration-badge\"><i class=\"fas fa-clock\"><\/i> 12 hrs<\/span>\n <\/div>\n <div class=\"course-info\">\n <h3 class=\"course-title\">Note & Drafting - Official Correspondence<\/h3>\n <p class=\"course-instructor\">PromotionExams Faculty<\/p>\n <div class=\"course-rating\">\n <span class=\"rating-value\">4.9<\/span>\n <div class=\"rating-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <span class=\"rating-count\">(3,234)<\/span>\n <\/div>\n <div class=\"course-meta\"><span class=\"bestseller-badge\">Bestseller<\/span><\/div>\n <div class=\"course-pricing\">\n <div class=\"course-price\"><span class=\"price-current\">\u20b9599<\/span><span class=\"price-original\">\u20b91,199<\/span><\/div>\n <button class=\"btn-add-cart\" data-product-id=\"course-p3-drafting\" onclick=\"addToCart({id:'course-p3-drafting',name:'Note & Drafting - Complete',price:599,originalPrice:1199,type:'course',icon:'fa-file-signature',wooProductId:3002}, this)\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <div class=\"course-popup\">\n <div class=\"popup-header\">\n <h4 class=\"popup-title\">Note & Drafting - Official Correspondence<\/h4>\n <div class=\"popup-meta\"><span class=\"popup-badge\">Bestseller<\/span><span class=\"popup-updated\">Updated January 2025<\/span><\/div>\n <p class=\"popup-stats\">12 hours \u2022 All Levels \u2022 Hindi\/English<\/p>\n <\/div>\n <p class=\"popup-description\">Complete noting and drafting with 100+ sample documents.<\/p>\n <ul class=\"popup-features\">\n <li><i class=\"fas fa-check\"><\/i> Note Making from Data<\/li>\n <li><i class=\"fas fa-check\"><\/i> Official Letters & D.O. Letters<\/li>\n <li><i class=\"fas fa-check\"><\/i> Memos & Office Orders<\/li>\n <li><i class=\"fas fa-check\"><\/i> 100+ Sample Drafts<\/li>\n <\/ul>\n <button class=\"popup-btn-cart\" onclick=\"addToCart({id:'course-p3-drafting',name:'Note & Drafting - Complete',price:599,originalPrice:1199,type:'course',icon:'fa-file-signature',wooProductId:3002}, document.querySelector('[data-product-id=course-p3-drafting]'))\">Add to cart<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n \n <\/section>\n\n \n <script>\n (function() {\n 'use strict';\n \n const CONFIG = {\n storageKey: 'cssadda_cart',\n maxItems: 50,\n toastDuration: 3000,\n DEBUG_MODE: true\n };\n \n function debug(...args) {\n if (CONFIG.DEBUG_MODE) console.log('[CSS ADDA Cart]', ...args);\n }\n \n debug('Initializing cart system...');\n \n class Cart {\n constructor() {\n this.items = this.loadFromStorage();\n this.listeners = [];\n debug('Cart loaded with', this.items.length, 'items');\n }\n\n loadFromStorage() {\n try {\n const data = localStorage.getItem(CONFIG.storageKey);\n const items = data ? JSON.parse(data) : [];\n return Array.isArray(items) ? items : [];\n } catch (e) {\n console.error('Error loading cart:', e);\n return [];\n }\n }\n\n saveToStorage() {\n try {\n localStorage.setItem(CONFIG.storageKey, JSON.stringify(this.items));\n debug('Cart saved:', this.items.length, 'items');\n } catch (e) {\n console.error('Error saving cart:', e);\n }\n }\n\n addItem(product) {\n if (!product || !product.id || !product.name || typeof product.price !== 'number') {\n debug('Invalid product:', product);\n return { success: false, message: 'Invalid product data' };\n }\n \n if (this.hasItem(product.id)) {\n return { success: false, message: 'Already in cart' };\n }\n \n if (this.items.length >= CONFIG.maxItems) {\n return { success: false, message: 'Cart is full (max ' + CONFIG.maxItems + ' items)' };\n }\n \n product.addedAt = new Date().toISOString();\n this.items.push(product);\n this.saveToStorage();\n this.notifyListeners('add', product);\n \n debug('Added to cart:', product.name, 'WooID:', product.wooProductId);\n return { success: true, message: 'Added to cart' };\n }\n\n removeItem(productId) {\n const index = this.items.findIndex(item => item.id === productId);\n if (index === -1) return { success: false, message: 'Item not found' };\n \n const removed = this.items.splice(index, 1)[0];\n this.saveToStorage();\n this.notifyListeners('remove', removed);\n \n debug('Removed from cart:', removed.name);\n return { success: true, message: 'Item removed', item: removed };\n }\n\n hasItem(productId) { return this.items.some(item => item.id === productId); }\n getItems() { return [...this.items]; }\n getCount() { return this.items.length; }\n getTotal() { return this.items.reduce((sum, item) => sum + (item.price || 0), 0); }\n getOriginalTotal() { return this.items.reduce((sum, item) => sum + (item.originalPrice || item.price || 0), 0); }\n getSavings() { return this.getOriginalTotal() - this.getTotal(); }\n \n clear() {\n this.items = [];\n this.saveToStorage();\n this.notifyListeners('clear', null);\n debug('Cart cleared');\n }\n\n addListener(callback) { this.listeners.push(callback); }\n notifyListeners(action, product) {\n this.listeners.forEach(cb => { try { cb(action, product, this); } catch(e) { console.error(e); } });\n }\n }\n\n class CartUI {\n constructor(cart) {\n this.cart = cart;\n this.isOpen = false;\n this.elements = {};\n }\n\n init() {\n this.createCartHTML();\n this.cacheElements();\n this.bindEvents();\n this.update();\n this.cart.addListener(() => this.update());\n debug('UI initialized');\n }\n\n createCartHTML() {\n const existing = document.querySelector('.cssadda-floating-cart');\n if (existing) existing.remove();\n const existingOverlay = document.querySelector('.cssadda-cart-overlay');\n if (existingOverlay) existingOverlay.remove();\n const existingSidebar = document.querySelector('.cssadda-cart-sidebar');\n if (existingSidebar) existingSidebar.remove();\n\n const cartHTML = `\n <div class=\"cssadda-floating-cart\">\n <div class=\"cssadda-cart-preview\" onclick=\"CSSAddaCart.toggle()\">\n <span>Total:<\/span>\n <span class=\"cssadda-cart-preview-amount\">\u20b90<\/span>\n <\/div>\n <button class=\"cssadda-cart-btn\" onclick=\"CSSAddaCart.toggle()\" aria-label=\"Shopping Cart\">\n <i class=\"fas fa-shopping-cart\"><\/i>\n <span class=\"cssadda-cart-count\">0<\/span>\n <\/button>\n <\/div>\n <div class=\"cssadda-cart-overlay\" onclick=\"CSSAddaCart.toggle()\"><\/div>\n <div class=\"cssadda-cart-sidebar\">\n <div class=\"cssadda-cart-header\">\n <h2><i class=\"fas fa-shopping-cart\"><\/i> Your Cart<\/h2>\n <button class=\"cssadda-cart-close\" onclick=\"CSSAddaCart.toggle()\"><i class=\"fas fa-times\"><\/i><\/button>\n <\/div>\n <div class=\"cssadda-cart-items\" id=\"cssadda-cart-items\">\n <div class=\"cssadda-cart-empty\">\n <i class=\"fas fa-shopping-bag\"><\/i>\n <h3>Your cart is empty<\/h3>\n <p>Add some courses to get started!<\/p>\n <\/div>\n <\/div>\n <div class=\"cssadda-cart-footer\">\n <div class=\"cssadda-cart-summary\">\n <div class=\"cssadda-cart-summary-row\"><span>Items<\/span><span class=\"cssadda-item-count\">0<\/span><\/div>\n <div class=\"cssadda-cart-summary-row cssadda-savings\"><span>You Save<\/span><span class=\"cssadda-cart-savings\">\u20b90<\/span><\/div>\n <div class=\"cssadda-cart-summary-row cssadda-total\"><span>Total<\/span><span class=\"cssadda-cart-total\">\u20b90<\/span><\/div>\n <\/div>\n <button class=\"cssadda-checkout-btn\" onclick=\"CSSAddaCart.checkout()\"><i class=\"fas fa-lock\"><\/i> Proceed to Checkout<\/button>\n <button class=\"cssadda-clear-btn\" onclick=\"CSSAddaCart.clear()\"><i class=\"fas fa-trash-alt\"><\/i> Clear Cart<\/button>\n <\/div>\n <\/div>\n `;\n\n document.body.insertAdjacentHTML('beforeend', cartHTML);\n if (!document.getElementById('cssadda-cart-styles')) this.injectStyles();\n }\n\n injectStyles() {\n const styles = document.createElement('style');\n styles.id = 'cssadda-cart-styles';\n styles.textContent = `\n .cssadda-floating-cart{position:fixed;top:20px;right:20px;z-index:99999;display:flex;align-items:center;gap:12px}\n .cssadda-cart-btn{width:60px;height:60px;background:linear-gradient(135deg,#ff6b35 0%,#f59e0b 100%);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(255,107,53,0.4);transition:all .3s ease;position:relative}\n .cssadda-cart-btn:hover{transform:scale(1.1)}\n .cssadda-cart-btn i{font-size:1.5rem;color:#fff}\n .cssadda-cart-count{position:absolute;top:-5px;right:-5px;min-width:24px;height:24px;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);color:#fff;font-size:.75rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 4px 12px rgba(220,38,38,0.4);font-family:'Poppins',sans-serif}\n .cssadda-cart-count.empty{display:none}\n .cssadda-cart-count.bounce{animation:cssadda-bounce .5s ease}\n .cssadda-cart-preview{background:#fff;padding:10px 18px;border-radius:50px;box-shadow:0 10px 40px rgba(0,0,0,0.15);display:flex;align-items:center;gap:8px;font-weight:600;color:#334155;transition:all .3s ease;cursor:pointer;border:2px solid #f1f5f9;font-family:'Poppins',sans-serif}\n .cssadda-cart-preview:hover{border-color:#ff6b35;transform:translateX(-5px)}\n .cssadda-cart-preview-amount{color:#ff6b35;font-weight:700}\n .cssadda-cart-preview.hidden{display:none}\n .cssadda-cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:100000;opacity:0;visibility:hidden;transition:all .3s ease;backdrop-filter:blur(5px)}\n .cssadda-cart-overlay.active{opacity:1;visibility:visible}\n .cssadda-cart-sidebar{position:fixed;top:0;right:0;width:420px;max-width:100%;height:100vh;background:#fff;z-index:100001;transform:translateX(100%);transition:transform .4s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;box-shadow:-10px 0 50px rgba(0,0,0,0.2);font-family:'Poppins',sans-serif}\n .cssadda-cart-sidebar.active{transform:translateX(0)}\n .cssadda-cart-header{background:linear-gradient(135deg,#0d2d5a 0%,#1e3a8a 50%,#2563EB 100%);padding:25px;color:#fff;display:flex;align-items:center;justify-content:space-between}\n .cssadda-cart-header h2{font-family:'Plus Jakarta Sans','Poppins',sans-serif;font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:12px;margin:0}\n .cssadda-cart-close{width:40px;height:40px;background:rgba(255,255,255,0.15);border:none;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}\n .cssadda-cart-close:hover{background:rgba(255,255,255,0.25);transform:rotate(90deg)}\n .cssadda-cart-items{flex:1;overflow-y:auto;padding:20px}\n .cssadda-cart-empty{text-align:center;padding:60px 20px;color:#9ca3af}\n .cssadda-cart-empty i{font-size:4rem;margin-bottom:20px;color:#d1d5db}\n .cssadda-cart-empty h3{font-size:1.2rem;color:#475569;margin-bottom:10px}\n .cssadda-cart-item{background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;padding:16px;margin-bottom:15px;display:flex;gap:15px;align-items:flex-start;transition:all .3s ease;animation:cssadda-fade-in .3s ease}\n .cssadda-cart-item:hover{border-color:#fbbf24;box-shadow:0 2px 8px rgba(0,0,0,0.08)}\n .cssadda-cart-item-icon{width:50px;height:50px;min-width:50px;background:linear-gradient(135deg,#1e3a8a 0%,#2563EB 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}\n .cssadda-cart-item-icon.course{background:linear-gradient(135deg,#a435f0 0%,#c084fc 100%)}\n .cssadda-cart-item-icon.bundle{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}\n .cssadda-cart-item-details{flex:1}\n .cssadda-cart-item-type{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#a435f0;font-weight:700;margin-bottom:4px}\n .cssadda-cart-item-name{font-size:.95rem;font-weight:600;color:#1e293b;margin-bottom:6px;line-height:1.3}\n .cssadda-cart-item-price{font-size:1.1rem;font-weight:700;color:#ff6b35}\n .cssadda-cart-item-remove{width:32px;height:32px;background:transparent;border:2px solid #e2e8f0;border-radius:50%;color:#9ca3af;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.85rem}\n .cssadda-cart-item-remove:hover{background:#dc2626;border-color:#dc2626;color:#fff}\n .cssadda-cart-footer{padding:25px;background:#f8fafc;border-top:2px solid #e2e8f0}\n .cssadda-cart-summary{margin-bottom:20px}\n .cssadda-cart-summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:.95rem;color:#475569}\n .cssadda-cart-summary-row.cssadda-total{border-top:2px dashed #e2e8f0;padding-top:15px;margin-top:10px;font-size:1.2rem;font-weight:700;color:#1e293b}\n .cssadda-cart-summary-row.cssadda-total span:last-child{color:#ff6b35;font-size:1.4rem}\n .cssadda-cart-summary-row.cssadda-savings{color:#10b981;font-weight:600}\n .cssadda-checkout-btn{width:100%;padding:16px 30px;background:linear-gradient(135deg,#ff6b35 0%,#f59e0b 100%);border:none;border-radius:50px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 25px rgba(255,107,53,0.3);font-family:'Poppins',sans-serif}\n .cssadda-checkout-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(255,107,53,0.4)}\n .cssadda-checkout-btn:disabled{background:#9ca3af !important;cursor:not-allowed;box-shadow:none;transform:none !important}\n .cssadda-clear-btn{width:100%;padding:12px;background:transparent;border:2px solid #e2e8f0;border-radius:50px;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px;font-family:'Poppins',sans-serif}\n .cssadda-clear-btn:hover{border-color:#dc2626;color:#dc2626}\n .cssadda-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:16px 28px;border-radius:50px;font-family:'Poppins',sans-serif;font-size:.95rem;font-weight:600;z-index:999999;animation:cssadda-toast-in .3s ease;box-shadow:0 10px 40px rgba(0,0,0,0.2);display:flex;align-items:center;gap:10px;max-width:90%;text-align:center}\n .cssadda-toast.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}\n .cssadda-toast.info{background:linear-gradient(135deg,#1e3a8a 0%,#2563EB 100%);color:#fff}\n .cssadda-toast.warning{background:linear-gradient(135deg,#ff6b35 0%,#f59e0b 100%);color:#fff}\n .cssadda-toast.error{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);color:#fff}\n @keyframes cssadda-bounce{0%,100%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}\n @keyframes cssadda-toast-in{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}\n @keyframes cssadda-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}\n @media(max-width:768px){.cssadda-cart-sidebar{width:100%}.cssadda-floating-cart{top:auto;bottom:20px;right:20px}.cssadda-cart-btn{width:55px;height:55px}.cssadda-cart-preview{display:none}}\n `;\n document.head.appendChild(styles);\n }\n\n cacheElements() {\n this.elements = {\n overlay: document.querySelector('.cssadda-cart-overlay'),\n sidebar: document.querySelector('.cssadda-cart-sidebar'),\n itemsContainer: document.getElementById('cssadda-cart-items'),\n countBadge: document.querySelector('.cssadda-cart-count'),\n preview: document.querySelector('.cssadda-cart-preview'),\n previewAmount: document.querySelector('.cssadda-cart-preview-amount'),\n itemCount: document.querySelector('.cssadda-item-count'),\n savings: document.querySelector('.cssadda-cart-savings'),\n total: document.querySelector('.cssadda-cart-total'),\n checkoutBtn: document.querySelector('.cssadda-checkout-btn')\n };\n }\n\n bindEvents() {\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && this.isOpen) this.toggle();\n });\n }\n\n toggle() {\n this.isOpen = !this.isOpen;\n if (this.elements.overlay) this.elements.overlay.classList.toggle('active', this.isOpen);\n if (this.elements.sidebar) this.elements.sidebar.classList.toggle('active', this.isOpen);\n document.body.style.overflow = this.isOpen ? 'hidden' : '';\n }\n\n update() {\n const count = this.cart.getCount();\n const total = this.cart.getTotal();\n const savings = this.cart.getSavings();\n const items = this.cart.getItems();\n\n if (this.elements.countBadge) {\n this.elements.countBadge.textContent = count;\n this.elements.countBadge.classList.toggle('empty', count === 0);\n }\n if (this.elements.preview) this.elements.preview.classList.toggle('hidden', count === 0);\n if (this.elements.previewAmount) this.elements.previewAmount.textContent = '\u20b9' + total.toLocaleString();\n if (this.elements.itemCount) this.elements.itemCount.textContent = count;\n if (this.elements.savings) this.elements.savings.textContent = '\u20b9' + savings.toLocaleString();\n if (this.elements.total) this.elements.total.textContent = '\u20b9' + total.toLocaleString();\n if (this.elements.checkoutBtn) this.elements.checkoutBtn.disabled = count === 0;\n\n this.renderItems(items);\n this.updateProductButtons();\n }\n\n renderItems(items) {\n if (!this.elements.itemsContainer) return;\n \n if (items.length === 0) {\n this.elements.itemsContainer.innerHTML = `\n <div class=\"cssadda-cart-empty\">\n <i class=\"fas fa-shopping-bag\"><\/i>\n <h3>Your cart is empty<\/h3>\n <p>Add some courses to get started!<\/p>\n <\/div>\n `;\n } else {\n this.elements.itemsContainer.innerHTML = items.map(item => `\n <div class=\"cssadda-cart-item\" data-id=\"${item.id}\">\n <div class=\"cssadda-cart-item-icon ${item.type || ''}\">\n <i class=\"fas ${item.icon || 'fa-box'}\"><\/i>\n <\/div>\n <div class=\"cssadda-cart-item-details\">\n <div class=\"cssadda-cart-item-type\">${this.getTypeLabel(item.type)}<\/div>\n <div class=\"cssadda-cart-item-name\">${item.name}<\/div>\n <div class=\"cssadda-cart-item-price\">\u20b9${item.price.toLocaleString()}<\/div>\n <\/div>\n <button class=\"cssadda-cart-item-remove\" onclick=\"CSSAddaCart.removeItem('${item.id}')\" title=\"Remove\">\n <i class=\"fas fa-times\"><\/i>\n <\/button>\n <\/div>\n `).join('');\n }\n }\n\n getTypeLabel(type) {\n const labels = { 'course': 'Video Course', 'bundle': 'Bundle Pack' };\n return labels[type] || type || 'Product';\n }\n\n updateProductButtons() {\n const cartIds = this.cart.getItems().map(item => item.id);\n \n document.querySelectorAll('[data-product-id]').forEach(btn => {\n const productId = btn.dataset.productId;\n if (btn.classList.contains('purchased')) return;\n \n if (cartIds.includes(productId)) {\n btn.classList.add('in-cart');\n if (!btn.innerHTML.includes('In Cart')) {\n btn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> In Cart';\n }\n }\n });\n }\n\n animateCountBadge() {\n if (this.elements.countBadge) {\n this.elements.countBadge.classList.add('bounce');\n setTimeout(() => this.elements.countBadge.classList.remove('bounce'), 500);\n }\n }\n\n showToast(message, type = 'info') {\n const existing = document.querySelector('.cssadda-toast');\n if (existing) existing.remove();\n \n const toast = document.createElement('div');\n toast.className = 'cssadda-toast ' + type;\n toast.innerHTML = message;\n document.body.appendChild(toast);\n \n setTimeout(() => {\n toast.style.opacity = '0';\n toast.style.transform = 'translateX(-50%) translateY(20px)';\n setTimeout(() => toast.remove(), 300);\n }, CONFIG.toastDuration);\n }\n }\n\n const cart = new Cart();\n const ui = new CartUI(cart);\n\n window.CSSAddaCart = {\n init: function() { ui.init(); },\n \n addItem: function(product, buttonElement) {\n debug('Adding item:', product);\n const result = cart.addItem(product);\n \n if (result.success) {\n ui.animateCountBadge();\n ui.showToast('\u2705 ' + product.name + ' added!', 'success');\n \n if (buttonElement) {\n buttonElement.classList.add('in-cart');\n buttonElement.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> In Cart';\n }\n \n setTimeout(() => { if (!ui.isOpen) ui.toggle(); }, 400);\n } else {\n ui.showToast(result.message, 'warning');\n }\n \n return result;\n },\n \n removeItem: function(productId) {\n const result = cart.removeItem(productId);\n \n if (result.success) {\n ui.showToast('Item removed', 'info');\n \n document.querySelectorAll('[data-product-id=\"' + productId + '\"]').forEach(btn => {\n if (!btn.classList.contains('purchased')) {\n btn.classList.remove('in-cart');\n btn.innerHTML = '<i class=\"fas fa-cart-plus\"><\/i> Add';\n }\n });\n }\n \n return result;\n },\n \n clear: function() {\n if (cart.getCount() === 0) { \n ui.showToast('Cart is already empty!', 'warning'); \n return; \n }\n \n if (confirm('Clear all items from your cart?')) {\n cart.clear();\n ui.showToast('Cart cleared!', 'info');\n \n document.querySelectorAll('.in-cart').forEach(btn => {\n if (!btn.classList.contains('purchased')) {\n btn.classList.remove('in-cart');\n btn.innerHTML = '<i class=\"fas fa-cart-plus\"><\/i> Add';\n }\n });\n }\n },\n \n toggle: function() { ui.toggle(); },\n getItems: function() { return cart.getItems(); },\n getCount: function() { return cart.getCount(); },\n getTotal: function() { return cart.getTotal(); },\n hasItem: function(productId) { return cart.hasItem(productId); },\n showToast: function(message, type) { ui.showToast(message, type); },\n \n checkout: function() {\n debug('Checkout initiated');\n \n if (cart.getCount() === 0) { \n ui.showToast('Your cart is empty!', 'warning'); \n return; \n }\n \n ui.showToast('\ud83d\udd04 Redirecting to checkout...', 'info');\n \n \/\/ For demo - redirect to checkout page\n setTimeout(() => {\n window.location.href = '\/checkout\/';\n }, 1500);\n }\n };\n\n function initCart() {\n CSSAddaCart.init();\n debug('Cart system ready!');\n }\n \n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initCart);\n } else {\n initCart();\n }\n })();\n\n \/\/ Add to Cart helper function\n function addToCart(product, buttonElement) {\n if (buttonElement && buttonElement.classList.contains('purchased')) {\n const accessUrl = buttonElement.dataset.accessUrl || '\/my-courses\/';\n CSSAddaCart.showToast('Redirecting to your course...', 'info');\n setTimeout(() => { window.location.href = accessUrl; }, 1000);\n return;\n }\n \n if (!product.wooProductId || product.wooProductId === 0) {\n CSSAddaCart.showToast('\u23f3 Coming soon! This course is not available yet.', 'warning');\n return;\n }\n \n CSSAddaCart.addItem(product, buttonElement);\n }\n\n \/\/ Mark Purchased Products\n function markPurchasedProducts() {\n if (typeof cssaddaPurchased === 'undefined' || !cssaddaPurchased) return;\n \n const productButtons = document.querySelectorAll('.btn-add-cart[data-product-id], .btn-bundle[data-product-id]');\n \n productButtons.forEach(btn => {\n const onclickAttr = btn.getAttribute('onclick');\n if (onclickAttr) {\n const match = onclickAttr.match(\/wooProductId:\\s*(\\d+)\/);\n if (match && match[1] && cssaddaPurchased[match[1]]) {\n const purchasedProduct = cssaddaPurchased[match[1]];\n btn.classList.add('purchased');\n btn.innerHTML = '<i class=\"fas fa-play-circle\"><\/i> Take Course';\n if (purchasedProduct.course_url) {\n btn.dataset.accessUrl = purchasedProduct.course_url;\n }\n }\n }\n });\n }\n\n document.addEventListener('DOMContentLoaded', function() {\n setTimeout(markPurchasedProducts, 100);\n });\n\n \/\/ Tab Switching\n document.querySelectorAll('.paper-tab').forEach(tab => {\n tab.addEventListener('click', () => {\n document.querySelectorAll('.paper-tab').forEach(t => t.classList.remove('active'));\n tab.classList.add('active');\n document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));\n document.getElementById(tab.getAttribute('data-tab')).classList.add('active');\n \n \/\/ Re-run popup positioning after tab switch\n setTimeout(updatePopupPositions, 100);\n });\n });\n\n \/\/ IMPROVED Popup positioning - Dynamically based on card position in row\n function updatePopupPositions() {\n const grids = document.querySelectorAll('.courses-grid');\n \n grids.forEach(grid => {\n const cards = grid.querySelectorAll('.course-card');\n if (cards.length === 0) return;\n \n \/\/ Get grid computed style to determine columns\n const gridStyle = window.getComputedStyle(grid);\n const gridWidth = grid.offsetWidth;\n \n cards.forEach((card, index) => {\n const cardRect = card.getBoundingClientRect();\n const gridRect = grid.getBoundingClientRect();\n \n \/\/ Calculate if card is in the right portion of the grid\n const cardRightEdge = cardRect.right;\n const viewportWidth = window.innerWidth;\n const cardCenterX = cardRect.left + (cardRect.width \/ 2);\n \n \/\/ Check if popup would overflow on right side\n \/\/ Popup width is 320px + 15px gap = 335px needed on right\n const spaceOnRight = viewportWidth - cardRect.right;\n const needsLeftPopup = spaceOnRight < 350;\n \n if (needsLeftPopup) {\n card.classList.add('popup-left');\n } else {\n card.classList.remove('popup-left');\n }\n });\n });\n }\n \n \/\/ Run on load and resize\n updatePopupPositions();\n window.addEventListener('resize', updatePopupPositions);\n \n \/\/ Also run when scrolling (for dynamic content)\n let scrollTimeout;\n window.addEventListener('scroll', () => {\n clearTimeout(scrollTimeout);\n scrollTimeout = setTimeout(updatePopupPositions, 100);\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>UPSC Steno LDCE Courses – Subject Wise | PromotionExams.com UPSC Departmental Examination Steno LDCE Subject-wise Courses Choose specific subjects you […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"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-10646","page","type-page","status-publish","hentry","category-website-main-pages-header"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/10646","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10646"}],"version-history":[{"count":16,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/10646\/revisions"}],"predecessor-version":[{"id":10775,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/10646\/revisions\/10775"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}