{"id":2511,"date":"2025-08-20T02:00:55","date_gmt":"2025-08-20T02:00:55","guid":{"rendered":"https:\/\/promotionexams.com\/?p=2511"},"modified":"2025-12-21T06:37:03","modified_gmt":"2025-12-21T06:37:03","slug":"upsc-so-steno-ldce-2","status":"publish","type":"post","link":"https:\/\/promotionexams.com\/?p=2511","title":{"rendered":"UPSC SO\/Steno LDCE"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Test Series - CSS Adda | SO\/Steno LDCE Preparation<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* ===== ROOT VARIABLES ===== *\/\n :root {\n --primary-blue: #1e3a8a;\n --primary-blue-light: #3b82f6;\n --primary-blue-dark: #1e40af;\n --accent-orange: #ff6b35;\n --accent-orange-light: #ff8c5a;\n --accent-orange-dark: #e55a2b;\n --accent-yellow: #fbbf24;\n --accent-yellow-light: #fef3c7;\n --success-green: #10b981;\n --paper2-green: #065f46;\n --paper2-green-light: #10b981;\n --pyq-purple: #7c3aed;\n --pyq-purple-light: #a78bfa;\n --text-dark: #1f2937;\n --text-gray: #6b7280;\n --text-light: #9ca3af;\n --bg-light: #f8fafc;\n --bg-white: #ffffff;\n --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);\n --shadow-md: 0 4px 20px rgba(0,0,0,0.12);\n --shadow-lg: 0 8px 30px rgba(0,0,0,0.15);\n --border-radius: 12px;\n --border-radius-lg: 20px;\n }\n\n \/* ===== RESET & BASE ===== *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background: var(--bg-light);\n color: var(--text-dark);\n line-height: 1.6;\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* ===== PAGE HEADER ===== *\/\n .page-header {\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);\n padding: 50px 20px 70px;\n position: relative;\n overflow: hidden;\n }\n\n .page-header::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 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' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%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\n .page-title-section {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .page-title {\n font-size: 42px;\n font-weight: 800;\n color: white;\n margin-bottom: 10px;\n }\n\n .page-title span {\n color: var(--accent-yellow);\n }\n\n .page-subtitle {\n font-size: 18px;\n color: rgba(255,255,255,0.9);\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* ===== FILTER NAVIGATION ===== *\/\n .filter-nav {\n background: white;\n padding: 0;\n margin-top: -30px;\n position: relative;\n z-index: 10;\n border-radius: var(--border-radius-lg);\n box-shadow: var(--shadow-md);\n max-width: 1000px;\n margin-left: auto;\n margin-right: auto;\n overflow: hidden;\n }\n\n .filter-tabs {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n .filter-tab {\n flex: 1;\n min-width: 120px;\n padding: 16px 20px;\n text-align: center;\n font-weight: 600;\n font-size: 13px;\n color: var(--text-gray);\n cursor: pointer;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n background: transparent;\n }\n\n .filter-tab:hover {\n color: var(--primary-blue);\n background: var(--bg-light);\n }\n\n .filter-tab.active {\n color: var(--accent-orange);\n border-bottom-color: var(--accent-orange);\n background: rgba(255,107,53,0.05);\n }\n\n .filter-tab i {\n display: block;\n font-size: 18px;\n margin-bottom: 4px;\n }\n\n \/* ===== STATS BAR ===== *\/\n .stats-bar {\n background: white;\n padding: 25px 20px;\n margin: 30px auto;\n max-width: 800px;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-sm);\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n .stat-item {\n text-align: center;\n padding: 10px;\n border-right: 1px solid #e5e7eb;\n }\n\n .stat-item:last-child {\n border-right: none;\n }\n\n .stat-number {\n font-size: 28px;\n font-weight: 700;\n color: var(--primary-blue);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .stat-number i {\n font-size: 20px;\n color: var(--accent-orange);\n }\n\n .stat-label {\n font-size: 13px;\n color: var(--text-gray);\n margin-top: 5px;\n }\n\n \/* ===== INFO BANNER ===== *\/\n .info-banner {\n background: linear-gradient(135deg, #dbeafe 0%, #eff6ff 100%);\n border-left: 4px solid var(--primary-blue);\n padding: 15px 20px;\n margin: 20px auto;\n max-width: 1000px;\n border-radius: 0 var(--border-radius) var(--border-radius) 0;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .info-banner i {\n font-size: 24px;\n color: var(--primary-blue);\n }\n\n .info-banner p {\n font-size: 14px;\n color: var(--text-dark);\n }\n\n .info-banner strong {\n color: var(--primary-blue);\n }\n\n \/* ===== BUNDLES SECTION ===== *\/\n .bundles-section {\n padding: 50px 20px;\n background: linear-gradient(135deg, var(--accent-yellow-light) 0%, #fef3c7 100%);\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 40px;\n }\n\n .section-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--accent-orange);\n color: white;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .section-title {\n font-size: 32px;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 10px;\n }\n\n .section-subtitle {\n font-size: 16px;\n color: var(--text-gray);\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* ===== BUNDLE CARDS GRID ===== *\/\n .bundles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .bundle-card {\n background: white;\n border-radius: var(--border-radius-lg);\n overflow: hidden;\n box-shadow: var(--shadow-md);\n transition: all 0.3s ease;\n position: relative;\n }\n\n .bundle-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-lg);\n }\n\n .bundle-card.featured {\n border: 3px solid var(--accent-orange);\n }\n\n .bundle-header {\n padding: 25px;\n color: white;\n position: relative;\n }\n\n .bundle-header.paper1 {\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);\n }\n\n .bundle-header.paper2 {\n background: linear-gradient(135deg, var(--paper2-green) 0%, var(--paper2-green-light) 100%);\n }\n\n .bundle-header.combo {\n background: linear-gradient(135deg, var(--pyq-purple) 0%, var(--pyq-purple-light) 100%);\n }\n\n .bundle-header.ultimate {\n background: linear-gradient(135deg, var(--accent-orange) 0%, var(--accent-orange-light) 100%);\n }\n\n .bundle-badge {\n position: absolute;\n top: 15px;\n right: 15px;\n background: rgba(255,255,255,0.2);\n padding: 4px 12px;\n border-radius: 15px;\n font-size: 11px;\n font-weight: 600;\n }\n\n .bundle-icon {\n width: 60px;\n height: 60px;\n background: rgba(255,255,255,0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 28px;\n margin-bottom: 15px;\n }\n\n .bundle-name {\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 5px;\n }\n\n .bundle-desc {\n font-size: 13px;\n opacity: 0.9;\n }\n\n .bundle-body {\n padding: 25px;\n }\n\n .bundle-features {\n margin-bottom: 20px;\n }\n\n .bundle-feature {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 8px 0;\n font-size: 13px;\n color: var(--text-gray);\n }\n\n .bundle-feature i {\n color: var(--success-green);\n font-size: 14px;\n }\n\n .bundle-pricing {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 15px;\n }\n\n .bundle-price-original {\n font-size: 16px;\n color: var(--text-light);\n text-decoration: line-through;\n }\n\n .bundle-price-current {\n font-size: 28px;\n font-weight: 800;\n color: var(--accent-orange);\n }\n\n .bundle-savings {\n background: #dcfce7;\n color: #166534;\n padding: 3px 10px;\n border-radius: 12px;\n font-size: 11px;\n font-weight: 600;\n }\n\n .btn-bundle {\n width: 100%;\n padding: 14px 20px;\n background: var(--primary-blue);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 14px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .btn-bundle:hover {\n background: var(--primary-blue-dark);\n transform: translateY(-2px);\n }\n\n .btn-bundle.added {\n background: var(--success-green);\n }\n\n \/* ===== TEST SERIES SECTIONS ===== *\/\n .test-series-section {\n padding: 60px 20px;\n }\n\n .test-series-section:nth-child(even) {\n background: white;\n }\n\n .paper-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 18px;\n border-radius: 25px;\n font-size: 13px;\n font-weight: 600;\n margin-bottom: 15px;\n }\n\n .paper-badge.paper1 {\n background: #dbeafe;\n color: var(--primary-blue);\n }\n\n .paper-badge.paper2 {\n background: #d1fae5;\n color: var(--paper2-green);\n }\n\n .paper-badge.pyq {\n background: #ede9fe;\n color: var(--pyq-purple);\n }\n\n .paper-badge.live {\n background: #fce7f3;\n color: #9d174d;\n }\n\n \/* ===== COMPACT TOPIC CARD ===== *\/\n .topic-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\n gap: 20px;\n }\n\n .topic-card {\n background: var(--accent-yellow-light);\n border-radius: 10px;\n overflow: hidden;\n transition: all 0.3s ease;\n border: 1px solid #fde68a;\n }\n\n .topic-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md);\n }\n\n .topic-card.paper2-topic {\n background: #d1fae5;\n border-color: #a7f3d0;\n }\n\n .topic-card.pyq-topic {\n background: #ede9fe;\n border-color: #c4b5fd;\n }\n\n \/* Main Row - Image + Title *\/\n .topic-main {\n display: flex;\n align-items: center;\n padding: 15px;\n gap: 15px;\n }\n\n .topic-image {\n width: 70px;\n height: 70px;\n min-width: 70px;\n background: white;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n box-shadow: var(--shadow-sm);\n }\n\n .topic-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .topic-image-placeholder {\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, var(--primary-blue-light) 0%, var(--primary-blue) 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n }\n\n .topic-image-placeholder i {\n font-size: 28px;\n }\n\n .topic-card.paper2-topic .topic-image-placeholder {\n background: linear-gradient(135deg, var(--paper2-green-light) 0%, var(--paper2-green) 100%);\n }\n\n .topic-card.pyq-topic .topic-image-placeholder {\n background: linear-gradient(135deg, var(--pyq-purple-light) 0%, var(--pyq-purple) 100%);\n }\n\n .topic-info {\n flex: 1;\n }\n\n .topic-name {\n font-size: 16px;\n font-weight: 700;\n color: var(--text-dark);\n line-height: 1.3;\n }\n\n \/* Preview Row *\/\n .topic-preview {\n background: rgba(255,255,255,0.5);\n padding: 12px 15px;\n border-top: 1px dashed rgba(0,0,0,0.1);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .sample-test-btn {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 6px 12px;\n background: var(--primary-blue);\n color: white;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n border: none;\n }\n\n .sample-test-btn:hover {\n background: var(--primary-blue-dark);\n }\n\n .topic-card.paper2-topic .sample-test-btn {\n background: var(--paper2-green);\n }\n\n .topic-card.pyq-topic .sample-test-btn {\n background: var(--pyq-purple);\n }\n\n .preview-thumb {\n width: 50px;\n height: 38px;\n background: white;\n border-radius: 5px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .preview-thumb:hover {\n border-color: var(--primary-blue);\n transform: scale(1.05);\n }\n\n .preview-thumb.placeholder {\n background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);\n color: var(--text-gray);\n font-size: 14px;\n }\n\n \/* Footer Row *\/\n .topic-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 15px;\n background: rgba(255,255,255,0.7);\n border-top: 1px solid rgba(0,0,0,0.05);\n }\n\n .topic-meta {\n display: flex;\n gap: 12px;\n }\n\n .topic-meta-item {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: 11px;\n color: var(--text-gray);\n }\n\n .topic-meta-item i {\n color: var(--primary-blue);\n font-size: 10px;\n }\n\n .topic-meta-item strong {\n color: var(--text-dark);\n }\n\n .topic-card.paper2-topic .topic-meta-item i {\n color: var(--paper2-green);\n }\n\n .topic-card.pyq-topic .topic-meta-item i {\n color: var(--pyq-purple);\n }\n\n .topic-actions {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .topic-price {\n text-align: right;\n }\n\n .topic-price-original {\n font-size: 11px;\n color: var(--text-light);\n text-decoration: line-through;\n }\n\n .topic-price-current {\n font-size: 18px;\n font-weight: 700;\n color: var(--accent-orange);\n }\n\n .btn-add-cart {\n display: flex;\n align-items: center;\n gap: 5px;\n padding: 8px 14px;\n background: var(--accent-orange);\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 600;\n font-size: 12px;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .btn-add-cart:hover {\n background: var(--accent-orange-dark);\n }\n\n .btn-add-cart.added {\n background: var(--success-green);\n }\n\n \/* ===== LIVE TEST SERIES SECTION ===== *\/\n .live-section {\n padding: 60px 20px;\n background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);\n }\n\n .live-notice {\n background: white;\n border-radius: var(--border-radius-lg);\n padding: 40px;\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n box-shadow: var(--shadow-md);\n }\n\n .live-notice-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, #ec4899 0%, #9d174d 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n font-size: 36px;\n color: white;\n }\n\n .live-notice h3 {\n font-size: 24px;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 15px;\n }\n\n .live-notice p {\n font-size: 16px;\n color: var(--text-gray);\n max-width: 500px;\n margin: 0 auto 20px;\n }\n\n .live-notice .highlight {\n display: inline-block;\n background: #fce7f3;\n color: #9d174d;\n padding: 8px 20px;\n border-radius: 20px;\n font-weight: 600;\n font-size: 14px;\n }\n\n \/* ===== TESTIMONIALS ===== *\/\n .testimonials-section {\n padding: 60px 20px;\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);\n }\n\n .testimonials-section .section-title {\n color: white;\n }\n\n .testimonials-section .section-subtitle {\n color: rgba(255,255,255,0.8);\n }\n\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .testimonial-card {\n background: white;\n padding: 30px;\n border-radius: var(--border-radius);\n position: relative;\n }\n\n .testimonial-quote {\n position: absolute;\n top: 20px;\n right: 25px;\n font-size: 40px;\n color: var(--primary-blue);\n opacity: 0.2;\n }\n\n .testimonial-stars {\n color: var(--accent-yellow);\n margin-bottom: 15px;\n }\n\n .testimonial-text {\n font-size: 15px;\n color: var(--text-gray);\n margin-bottom: 20px;\n line-height: 1.7;\n }\n\n .testimonial-author {\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .author-avatar {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 700;\n font-size: 18px;\n }\n\n .author-name {\n font-weight: 600;\n color: var(--text-dark);\n }\n\n .author-role {\n font-size: 13px;\n color: var(--text-gray);\n }\n\n \/* ===== FAQ SECTION ===== *\/\n .faq-section {\n padding: 60px 20px;\n background: var(--bg-light);\n }\n\n .faq-container {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .faq-item {\n background: white;\n border-radius: var(--border-radius);\n margin-bottom: 15px;\n overflow: hidden;\n box-shadow: var(--shadow-sm);\n }\n\n .faq-question {\n padding: 20px 25px;\n font-weight: 600;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.3s ease;\n }\n\n .faq-question:hover {\n background: var(--bg-light);\n }\n\n .faq-question i {\n transition: transform 0.3s ease;\n color: var(--primary-blue);\n }\n\n .faq-item.active .faq-question i {\n transform: rotate(180deg);\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n\n .faq-item.active .faq-answer {\n max-height: 200px;\n }\n\n .faq-answer p {\n padding: 0 25px 20px;\n color: var(--text-gray);\n line-height: 1.7;\n }\n\n \/* ===== CART SIDEBAR ===== *\/\n .cart-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.5);\n z-index: 1000;\n opacity: 0;\n visibility: hidden;\n transition: all 0.3s ease;\n }\n\n .cart-overlay.show {\n opacity: 1;\n visibility: visible;\n }\n\n .cart-sidebar {\n position: fixed;\n top: 0;\n right: -400px;\n width: 400px;\n max-width: 100%;\n height: 100%;\n background: white;\n z-index: 1001;\n transition: right 0.3s ease;\n display: flex;\n flex-direction: column;\n }\n\n .cart-sidebar.show {\n right: 0;\n }\n\n .cart-header {\n padding: 20px;\n background: var(--primary-blue);\n color: white;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .cart-header h3 {\n font-size: 18px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .cart-close {\n background: none;\n border: none;\n color: white;\n font-size: 24px;\n cursor: pointer;\n }\n\n .cart-items {\n flex: 1;\n overflow-y: auto;\n padding: 20px;\n }\n\n .cart-empty {\n text-align: center;\n padding: 40px 20px;\n color: var(--text-gray);\n }\n\n .cart-empty i {\n font-size: 48px;\n margin-bottom: 15px;\n opacity: 0.5;\n }\n\n .cart-item {\n display: flex;\n gap: 15px;\n padding: 15px;\n background: var(--bg-light);\n border-radius: var(--border-radius);\n margin-bottom: 15px;\n }\n\n .cart-item-icon {\n width: 50px;\n height: 50px;\n background: var(--primary-blue);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n }\n\n .cart-item-info {\n flex: 1;\n }\n\n .cart-item-name {\n font-weight: 600;\n font-size: 14px;\n margin-bottom: 5px;\n }\n\n .cart-item-price {\n color: var(--accent-orange);\n font-weight: 700;\n }\n\n .cart-item-remove {\n background: none;\n border: none;\n color: #ef4444;\n cursor: pointer;\n font-size: 16px;\n }\n\n .cart-footer {\n padding: 20px;\n border-top: 1px solid #e5e7eb;\n background: var(--bg-light);\n }\n\n .cart-total {\n display: flex;\n justify-content: space-between;\n margin-bottom: 15px;\n font-size: 18px;\n font-weight: 700;\n }\n\n .cart-total-price {\n color: var(--accent-orange);\n }\n\n .btn-checkout {\n width: 100%;\n padding: 15px;\n background: var(--success-green);\n color: white;\n border: none;\n border-radius: 10px;\n font-weight: 700;\n font-size: 16px;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .btn-checkout:hover {\n background: #059669;\n }\n\n \/* ===== FLOATING CART ===== *\/\n .cart-float {\n position: fixed;\n bottom: 30px;\n right: 30px;\n background: var(--primary-blue);\n color: white;\n padding: 15px 25px;\n border-radius: 50px;\n display: flex;\n align-items: center;\n gap: 10px;\n box-shadow: 0 5px 25px rgba(30,58,138,0.4);\n cursor: pointer;\n z-index: 999;\n transition: all 0.3s ease;\n }\n\n .cart-float:hover {\n background: var(--primary-blue-dark);\n transform: translateY(-3px);\n }\n\n .cart-count {\n background: var(--accent-orange);\n width: 24px;\n height: 24px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 700;\n }\n\n \/* ===== TOAST NOTIFICATION ===== *\/\n .toast {\n position: fixed;\n bottom: 100px;\n right: 30px;\n background: var(--success-green);\n color: white;\n padding: 15px 25px;\n border-radius: var(--border-radius);\n display: flex;\n align-items: center;\n gap: 10px;\n box-shadow: var(--shadow-lg);\n transform: translateX(150%);\n transition: transform 0.3s ease;\n z-index: 1002;\n }\n\n .toast.show {\n transform: translateX(0);\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 992px) {\n .bundles-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .topic-grid {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n .page-title {\n font-size: 28px;\n }\n\n .filter-tabs {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n }\n\n .filter-tab {\n padding: 12px 10px;\n font-size: 11px;\n }\n\n .filter-tab i {\n font-size: 16px;\n }\n\n .section-title {\n font-size: 24px;\n }\n\n .bundles-grid {\n grid-template-columns: 1fr;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .stat-item {\n border-right: none;\n border-bottom: 1px solid #e5e7eb;\n padding: 15px;\n }\n\n .stat-item:last-child {\n border-bottom: none;\n }\n\n .topic-footer {\n flex-direction: column;\n gap: 12px;\n align-items: stretch;\n }\n\n .topic-actions {\n justify-content: space-between;\n }\n\n .testimonials-grid {\n grid-template-columns: 1fr;\n }\n\n .cart-sidebar {\n width: 100%;\n }\n\n .cart-float {\n bottom: 20px;\n right: 20px;\n padding: 12px 20px;\n }\n\n .toast {\n right: 20px;\n left: 20px;\n bottom: 80px;\n }\n }\n\n @media (max-width: 480px) {\n .container {\n padding: 0 15px;\n }\n\n .filter-tabs {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .topic-preview {\n flex-wrap: wrap;\n }\n\n .preview-thumb {\n width: 45px;\n height: 34px;\n }\n }\n \n \/* Purchased button styles *\/\n .btn-add-cart.purchased,\n .btn-bundle.purchased {\n background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;\n box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3) !important;\n cursor: pointer !important;\n }\n .btn-add-cart.purchased:hover,\n .btn-bundle.purchased:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4) !important;\n }\n\n <\/style>\n<\/head>\n<body>\n\n <!-- ===== PAGE HEADER ===== -->\n <header class=\"page-header\">\n <div class=\"container\">\n <div class=\"page-title-section\">\n <h1 class=\"page-title\">Test Series <span>& Mock Tests<\/span><\/h1>\n <p class=\"page-subtitle\">Comprehensive practice for Combined SO\/Steno LDCE conducted by UPSC<\/p>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- ===== FILTER NAVIGATION ===== -->\n <div class=\"container\">\n <nav class=\"filter-nav\">\n <div class=\"filter-tabs\">\n <div class=\"filter-tab active\" data-filter=\"all\">\n <i class=\"fas fa-th-large\"><\/i>\n All Tests\n <\/div>\n <div class=\"filter-tab\" data-filter=\"pyq-paper1\">\n <i class=\"fas fa-history\"><\/i>\n PYQ Paper 1\n <\/div>\n <div class=\"filter-tab\" data-filter=\"pyq-paper2\">\n <i class=\"fas fa-history\"><\/i>\n PYQ Paper 2\n <\/div>\n <div class=\"filter-tab\" data-filter=\"paper1\">\n <i class=\"fas fa-file-alt\"><\/i>\n Paper 1\n <\/div>\n <div class=\"filter-tab\" data-filter=\"paper2\">\n <i class=\"fas fa-file-alt\"><\/i>\n Paper 2\n <\/div>\n <div class=\"filter-tab\" data-filter=\"live\">\n <i class=\"fas fa-broadcast-tower\"><\/i>\n Live Tests\n <\/div>\n <\/div>\n <\/nav>\n <\/div>\n\n <!-- ===== STATS BAR ===== -->\n \n\n <!-- ===== INFO BANNER ===== -->\n <div class=\"container\">\n <div class=\"info-banner\">\n <i class=\"fas fa-info-circle\"><\/i>\n <p><strong>After purchasing any test series,<\/strong> you can access your tests from your <strong>Dashboard \u2192 My Tests<\/strong> section.<\/p>\n <\/div>\n <\/div>\n\n <!-- ===== BUNDLES SECTION ===== -->\n <section class=\"bundles-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-tag\"><i class=\"fas fa-star\"><\/i> Best Value<\/span>\n <h2 class=\"section-title\">Test Series Bundles<\/h2>\n <p class=\"section-subtitle\">Save more with our combo packages<\/p>\n <\/div>\n\n <div class=\"bundles-grid\">\n <!-- Bundle 1: PYQ Paper 1 -->\n <div class=\"bundle-card\">\n <div class=\"bundle-header paper1\">\n <div class=\"bundle-badge\">Paper 1<\/div>\n <div class=\"bundle-icon\">\n <i class=\"fas fa-history\"><\/i>\n <\/div>\n <h3 class=\"bundle-name\">PYQ Topic-wise Paper 1<\/h3>\n <p class=\"bundle-desc\">Previous Year Questions - Paper 1<\/p>\n <\/div>\n <div class=\"bundle-body\">\n <div class=\"bundle-features\">\n <div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>Constitution PYQs (2009-2025) -with Explnation<\/span>\n <\/div>\n <div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>RTI Act PYQs(2009-2025)<\/span>\n <\/div>\n \n <div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>Parliamentary Procedures PYQs(2009-2025)<\/span>\n <\/div>\n <div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>AOBR\/TOBR PYQs(2009-2025)<\/span>\n <\/div><div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>Detailed Solutions<\/span>\n <\/div>\n <\/div>\n <div class=\"bundle-pricing\">\n <span class=\"bundle-price-original\">\u20b9699<\/span>\n <span class=\"bundle-price-current\">\u20b9399<\/span>\n <span class=\"bundle-savings\">Save \u20b9300<\/span>\n <\/div>\n <button class=\"btn-bundle\" data-product-id=\"pyq-paper1-bundle\" data-product-name=\"PYQ Topic-wise Paper 1\" data-product-price=\"499\">\n <i class=\"fas fa-cart-plus\"><\/i> Add to Cart\n <\/button>\n <\/div>\n <\/div>\n\n <!-- Bundle 2: PYQ Paper 2 -->\n <div class=\"bundle-card\">\n <div class=\"bundle-header paper2\">\n <div class=\"bundle-badge\">Paper 2<\/div>\n <div class=\"bundle-icon\">\n <i class=\"fas fa-history\"><\/i>\n <\/div>\n <h3 class=\"bundle-name\">PYQ Topic-wise Paper 2<\/h3>\n <p class=\"bundle-desc\">Previous Year Questions - Paper 2<\/p>\n <\/div>\n <div class=\"bundle-body\">\n <div class=\"bundle-features\">\n <div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>CCS Rules-Pension, Leave, CCA, Conduct PYQs (2009-2025)<\/span>\n <\/div>\n <div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>GFR & DFPR PYQs(2009-2025)<\/span>\n <\/div>\n <div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>FR\/SR PYQs(2009-2025)<\/span>\n <\/div>\n <div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>Office Procedure PYQs (2009-2025)<\/span>\n <\/div><div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>Detailed Solutions<\/span>\n <\/div>\n <\/div>\n \n <div class=\"bundle-pricing\">\n <span class=\"bundle-price-original\">\u20b9699<\/span>\n <span class=\"bundle-price-current\">\u20b9399<\/span>\n <span class=\"bundle-savings\">Save \u20b9300<\/span>\n <\/div>\n <button class=\"btn-bundle\" data-product-id=\"pyq-paper2-bundle\" data-product-name=\"PYQ Topic-wise Paper 2\" data-product-price=\"499\">\n <i class=\"fas fa-cart-plus\"><\/i> Add to Cart\n <\/button>\n <\/div>\n <\/div>\n\n <!-- Bundle 3: PYQ Combo -->\n <div class=\"bundle-card\">\n <div class=\"bundle-header combo\">\n <div class=\"bundle-badge\">Combo<\/div>\n <div class=\"bundle-icon\">\n <i class=\"fas fa-layer-group\"><\/i>\n <\/div>\n <h3 class=\"bundle-name\">PYQ Paper 1 + Paper 2<\/h3>\n <p class=\"bundle-desc\">Complete Previous Year Bundle<\/p>\n <\/div>\n <div class=\"bundle-body\">\n <div class=\"bundle-features\">\n <div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>All Paper 1 PYQs Topic-wise<\/span>\n <\/div>\n <div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>All Paper 2 PYQs Topic-wise<\/span>\n <\/div>\n <div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>Year-wise Papers (2009-2024)<\/span>\n <\/div>\n <div class=\"bundle-feature\">\n <i class=\"fas fa-check\"><\/i>\n <span>Detailed Solutions<\/span>\n <\/div>\n <\/div>\n <div class=\"bundle-pricing\">\n <span class=\"bundle-price-original\">\u20b91,198<\/span>\n <span class=\"bundle-price-current\">\u20b9749<\/span>\n <span class=\"bundle-savings\">Save \u20b9449<\/span>\n <\/div>\n <button class=\"btn-bundle\" data-product-id=\"pyq-combo-bundle\" data-product-name=\"PYQ Paper 1 + Paper 2\" data-product-price=\"799\">\n <i class=\"fas fa-cart-plus\"><\/i> Add to Cart\n <\/button>\n <\/div>\n <\/div>\n\n <!-- Bundle 4: Ultimate -->\n \n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== PAPER 1 TOPIC TESTS ===== -->\n <section class=\"test-series-section\" id=\"paper1\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"paper-badge paper1\"><i class=\"fas fa-file-alt\"><\/i> Paper 1<\/span>\n <h2 class=\"section-title\">Paper 1 - Topic-wise Tests<\/h2>\n <p class=\"section-subtitle\">Constitution, RTI, Economy, Current Affairs, AOBR\/TOBR, Parliamentary Procedures and Major Development Schemes<\/p>\n <\/div>\n\n <div class=\"topic-grid\">\n <!-- Constitution -->\n <!-- <div class=\"topic-card fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/rti.jpeg\" alt=\"Constitution of India\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">Constitution of India<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n <button class=\"sample-test-btn\" onclick=\"openSampleTest('constitution')\">\n <i class=\"fas fa-play-circle\"><\/i> Sample\n <\/button>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>10<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>500<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9499<\/span>\n <span class=\"topic-price-current\">\u20b9349<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"constitution\" data-product-name=\"Constitution of India\" data-product-price=\"349\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Parliamentary Procedure -->\n <!-- <div class=\"topic-card fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/RS.png\" alt=\"Parliamentary Procedure\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">Parliamentary Procedure<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n <button class=\"sample-test-btn\" onclick=\"openSampleTest('parliament')\">\n <i class=\"fas fa-play-circle\"><\/i> Sample\n <\/button>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>6<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>300<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9349<\/span>\n <span class=\"topic-price-current\">\u20b9249<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"parliament\" data-product-name=\"Parliamentary Procedure\" data-product-price=\"249\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- RTI Act -->\n <div class=\"topic-card fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/rti.jpeg\" alt=\"FR & SR\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">RTI Act 2005<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>5<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>250<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9249<\/span>\n <span class=\"topic-price-current\">\u20b9179<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"rti\" data-product-name=\"RTI Act 2005\" data-product-price=\"179\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Indian Economy -->\n <!-- <div class=\"topic-card fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">Indian Economy<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>8<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>400<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9399<\/span>\n <span class=\"topic-price-current\">\u20b9299<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"economy\" data-product-name=\"Indian Economy\" data-product-price=\"299\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div> \n\n <!-- Current Affairs -->\n <div class=\"topic-card fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/current-affairs.png\" alt=\"FR & SR\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">Current Affairs<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>12<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>600<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-sync\"><\/i> <strong>Monthly<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9499<\/span>\n <span class=\"topic-price-current\">\u20b9349<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"current-affairs\" data-product-name=\"Current Affairs\" data-product-price=\"349\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Development Schemes -->\n <div class=\"topic-card fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/schemes.png\" alt=\"FR & SR\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">Major Development Schemes<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>6<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>300<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9299<\/span>\n <span class=\"topic-price-current\">\u20b9199<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"schemes\" data-product-name=\"Development Schemes\" data-product-price=\"199\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== PAPER 2 TOPIC TESTS ===== -->\n <section class=\"test-series-section\" id=\"paper2\" style=\"background: white;\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"paper-badge paper2\"><i class=\"fas fa-gavel\"><\/i> Paper 2<\/span>\n <h2 class=\"section-title\">Paper 2 - Topic-wise Tests<\/h2>\n <p class=\"section-subtitle\">CCS Rules, GFR, FR\/SR & Office Procedure<\/p>\n <\/div>\n\n <div class=\"topic-grid\">\n <!-- MOP -->\n <!-- <div class=\"topic-card paper2-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <i class=\"fas fa-folder-open\"><\/i>\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">Manual of Office Procedure<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n <button class=\"sample-test-btn\" onclick=\"openSampleTest('mop')\">\n <i class=\"fas fa-play-circle\"><\/i> Sample\n <\/button>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>10<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>500<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9399<\/span>\n <span class=\"topic-price-current\">\u20b9299<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"mop\" data-product-name=\"Manual of Office Procedure\" data-product-price=\"299\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- CCS Pension -->\n <!-- <div class=\"topic-card paper2-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <i class=\"fas fa-user-clock\"><\/i>\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">CCS (Pension) Rules 2021<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n <button class=\"sample-test-btn\" onclick=\"openSampleTest('pension')\">\n <i class=\"fas fa-play-circle\"><\/i> Sample\n <\/button>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>8<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>400<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9349<\/span>\n <span class=\"topic-price-current\">\u20b9249<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"pension\" data-product-name=\"CCS Pension Rules\" data-product-price=\"249\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- CCS Conduct -->\n <!-- <div class=\"topic-card paper2-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <i class=\"fas fa-user-tie\"><\/i>\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">CCS (Conduct) Rules<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n <button class=\"sample-test-btn\" onclick=\"openSampleTest('conduct')\">\n <i class=\"fas fa-play-circle\"><\/i> Sample\n <\/button>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>6<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>300<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9299<\/span>\n <span class=\"topic-price-current\">\u20b9199<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"conduct\" data-product-name=\"CCS Conduct Rules\" data-product-price=\"199\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- CCS CCA -->\n <!-- <div class=\"topic-card paper2-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <i class=\"fas fa-gavel\"><\/i>\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">CCS (CCA) Rules<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n <button class=\"sample-test-btn\" onclick=\"openSampleTest('cca')\">\n <i class=\"fas fa-play-circle\"><\/i> Sample\n <\/button>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>8<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>400<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9349<\/span>\n <span class=\"topic-price-current\">\u20b9249<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"cca\" data-product-name=\"CCS CCA Rules\" data-product-price=\"249\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- CCS Leave -->\n <div class=\"topic-card paper2-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/leave.jpg\" alt=\"FR & SR\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">CCS (Leave & LTC) Rules<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>6<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>300<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9299<\/span>\n <span class=\"topic-price-current\">\u20b9199<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"leave\" data-product-name=\"CCS Leave & LTC Rules\" data-product-price=\"199\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- GFR -->\n <!-- <div class=\"topic-card paper2-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\"> <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/GFR.jpg\" alt=\"GFR\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">General Financial Rules (GFR), 2017<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>8<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>400<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9399<\/span>\n <span class=\"topic-price-current\">\u20b9299<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"gfr\" data-product-name=\"GFR 2017\" data-product-price=\"299\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- FRSR -->\n <!-- <div class=\"topic-card paper2-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <i class=\"fas fa-file-invoice\"><\/i>\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">DFPR<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>5<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>250<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9249<\/span>\n <span class=\"topic-price-current\">\u20b9179<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"dfpr\" data-product-name=\"DFPR\" data-product-price=\"179\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- DFPR -->\n <div class=\"topic-card paper2-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/DFPR.jpg\" alt=\"FR & SR\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">Delegation of financial Power Rules, 2024<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>10<\/strong> Tests<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>500<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9449<\/span>\n <span class=\"topic-price-current\">\u20b9349<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"frsr\" data-product-name=\"FR & SR\" data-product-price=\"349\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div> \n <\/section>\n\n <!-- ===== PYQ PAPER 1 ===== -->\n <section class=\"test-series-section\" id=\"pyq-paper1\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"paper-badge pyq\"><i class=\"fas fa-history\"><\/i> Previous Year<\/span>\n <h2 class=\"section-title\">PYQ Topic-wise - Paper 1<\/h2>\n <p class=\"section-subtitle\">Practice with actual exam questions (2010-2024)<\/p>\n <\/div>\n\n <div class=\"topic-grid\">\n <!-- PYQ Constitution -->\n <div class=\"topic-card pyq-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/coi.jpg\" alt=\"Parliamentary Procedures\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">Constitution PYQs<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>15<\/strong> Years<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>200+<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b999<\/span>\n <span class=\"topic-price-current\">\u20b999<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"pyq-constitution\" data-product-name=\"Constitution PYQs\" data-product-price=\"99\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PYQ RTI -->\n <div class=\"topic-card pyq-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/rti.jpeg\" alt=\"Parliamentary Procedures\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">RTI Act PYQs<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>15<\/strong> Years<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>100+<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b999<\/span>\n <span class=\"topic-price-current\">\u20b949<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"pyq-rti\" data-product-name=\"RTI Act PYQs\" data-product-price=\"99\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PYQ AOBR\/TOBR -->\n <div class=\"topic-card pyq-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/AOBR.png\" alt=\"AOBR\/TOBR\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">AOBR\/TOBR PYQs<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>15<\/strong> Years<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>150+<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9179<\/span>\n <span class=\"topic-price-current\">\u20b9129<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"pyq-economy\" data-product-name=\"Indian Economy PYQs\" data-product-price=\"129\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PYQ Parliamentary Procedures -->\n <div class=\"topic-card pyq-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/RS.png\" alt=\"Parliamentary Procedures\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">Parliamentary Procedures PYQs<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>15<\/strong> Years<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>180+<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9179<\/span>\n <span class=\"topic-price-current\">\u20b910<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"pyq-ca\" data-product-name=\"Current Affairs & Schemes PYQs\" data-product-price=\"10\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== PYQ PAPER 2 ===== -->\n <section class=\"test-series-section\" id=\"pyq-paper2\" style=\"background: white;\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"paper-badge pyq\"><i class=\"fas fa-history\"><\/i> Previous Year<\/span>\n <h2 class=\"section-title\">PYQ Topic-wise - Paper 2<\/h2>\n <p class=\"section-subtitle\">Practice with actual exam questions (2010-2024)<\/p>\n <\/div>\n\n <div class=\"topic-grid\">\n <!-- PYQ Conduct Rules -->\n <div class=\"topic-card pyq-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/conduct.jpg\" alt=\"Conduct Rules\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">CCS(Conduct) Rules PYQs<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>15<\/strong> Years<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>250+<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9199<\/span>\n <span class=\"topic-price-current\">\u20b9149<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"pyq-ccs\" data-product-name=\"CCS Rules PYQs\" data-product-price=\"149\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <!-- PYQ CCA Rules -->\n <div class=\"topic-card pyq-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/CCA.png\" alt=\"CCA Rules\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">CCS(CCA) Rules PYQs<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>15<\/strong> Years<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>250+<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9199<\/span>\n <span class=\"topic-price-current\">\u20b9149<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"pyq-ccs\" data-product-name=\"CCS Rules PYQs\" data-product-price=\"149\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PYQ GFR\/DFPR -->\n <div class=\"topic-card pyq-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/GFR.jpg\" alt=\"GFR & DFPR\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">GFR & DFPR PYQs<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>15<\/strong> Years<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>200+<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9179<\/span>\n <span class=\"topic-price-current\">\u20b9129<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"pyq-gfr\" data-product-name=\"GFR & DFPR PYQs\" data-product-price=\"129\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PYQ FR\/SR -->\n <div class=\"topic-card pyq-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/FRSR.png\" alt=\"FR & SR\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">FR & SR PYQs<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>15<\/strong> Years<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>220+<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9179<\/span>\n <span class=\"topic-price-current\">\u20b9129<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"pyq-frsr\" data-product-name=\"FR & SR PYQs\" data-product-price=\"129\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <!-- PYQ PENSION RULES -->\n <div class=\"topic-card pyq-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/FRSR.png\" alt=\"Pension Rules\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">CCS(Pension) Rules PYQs<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>15<\/strong> Years<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>220+<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9179<\/span>\n <span class=\"topic-price-current\">\u20b9129<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"pyq-frsr\" data-product-name=\"FR & SR PYQs\" data-product-price=\"129\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PYQ Office Procedure -->\n <div class=\"topic-card pyq-topic fade-in\">\n <div class=\"topic-main\">\n <div class=\"topic-image\">\n <div class=\"topic-image-placeholder\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/mop-e1684145514331.jpeg\" alt=\"Office Procedure\">\n <\/div>\n <\/div>\n <div class=\"topic-info\">\n <h3 class=\"topic-name\">Office Procedure PYQs<\/h3>\n <\/div>\n <\/div>\n <div class=\"topic-preview\">\n \n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <div class=\"preview-thumb placeholder\"><i class=\"fas fa-image\"><\/i><\/div>\n <\/div>\n <div class=\"topic-footer\">\n <div class=\"topic-meta\">\n <div class=\"topic-meta-item\"><i class=\"fas fa-file-alt\"><\/i> <strong>15<\/strong> Years<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-question-circle\"><\/i> <strong>180+<\/strong> Ques<\/div>\n <div class=\"topic-meta-item\"><i class=\"fas fa-clock\"><\/i> <strong>1 Yr<\/strong><\/div>\n <\/div>\n <div class=\"topic-actions\">\n <div class=\"topic-price\">\n <span class=\"topic-price-original\">\u20b9179<\/span>\n <span class=\"topic-price-current\">\u20b9129<\/span>\n <\/div>\n <button class=\"btn-add-cart\" data-product-id=\"pyq-mop\" data-product-name=\"Office Procedure PYQs\" data-product-price=\"129\">\n <i class=\"fas fa-cart-plus\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== LIVE TEST SERIES ===== -->\n <section class=\"live-section\" id=\"live\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"paper-badge live\"><i class=\"fas fa-broadcast-tower\"><\/i> Live Test Series<\/span>\n <h2 class=\"section-title\">Live Test Series<\/h2>\n <p class=\"section-subtitle\">Real-time mock tests with All India Ranking<\/p>\n <\/div>\n\n <div class=\"live-notice\">\n <div class=\"live-notice-icon\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n <\/div>\n <h3>Coming Soon!<\/h3>\n <p>Our Live Test Series will start <strong>2 months before the exam date<\/strong>. Stay tuned for schedule updates.<\/p>\n <span class=\"highlight\">\n <i class=\"fas fa-bell\"><\/i> We'll notify you when it starts\n <\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== TESTIMONIALS ===== -->\n <!-- <section class=\"testimonials-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-tag\"><i class=\"fas fa-heart\"><\/i> Success Stories<\/span>\n <h2 class=\"section-title\">What Our Students Say<\/h2>\n <\/div>\n\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card\">\n <i class=\"fas fa-quote-right testimonial-quote\"><\/i>\n <div class=\"testimonial-stars\">\n <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>\n <\/div>\n <p class=\"testimonial-text\">\"CSS Adda test series was a game-changer for my preparation. The questions were exactly on the pattern of actual LDCE. Cleared with 78% marks!\"<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">RK<\/div>\n <div>\n <div class=\"author-name\">Praveen Beniwal<\/div>\n <div class=\"author-role\">SO, Ministry of Defence<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card\">\n <i class=\"fas fa-quote-right testimonial-quote\"><\/i>\n <div class=\"testimonial-stars\">\n <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>\n <\/div>\n <p class=\"testimonial-text\">\"Best investment for LDCE preparation. The CCS Rules tests were extremely helpful. Detailed explanations made concepts clear.\"<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">PM<\/div>\n <div>\n <div class=\"author-name\">Abhishek Kumar<\/div>\n <div class=\"author-role\">Steno Grade D, MoD<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card\">\n <i class=\"fas fa-quote-right testimonial-quote\"><\/i>\n <div class=\"testimonial-stars\">\n <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>\n <\/div>\n <p class=\"testimonial-text\">\"Previous year questions helped me understand the exam pattern perfectly. Highly recommend for serious aspirants.\"<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">AS<\/div>\n <div>\n <div class=\"author-name\">Amit Singh<\/div>\n <div class=\"author-role\">SO, MoHUA<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== FAQ ===== -->\n <section class=\"faq-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-tag\"><i class=\"fas fa-question-circle\"><\/i> FAQs<\/span>\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\n <\/div>\n\n <div class=\"faq-container\">\n <div class=\"faq-item active\">\n <div class=\"faq-question\">\n How can I access my purchased tests?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n <p>After purchasing, go to your <strong>Dashboard \u2192 My Tests<\/strong> section. All your purchased tests will be available there.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n How long is the validity of test series?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n <p>All test series come with 1 year validity. You can attempt each test multiple times within the validity period.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n Are solutions provided for each question?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n <p>Yes, detailed explanations are provided for every question with references to relevant rules, sections, and articles.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n What payment methods are accepted?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n <p>We accept Credit\/Debit Cards, Net Banking, UPI (GPay, PhonePe, Paytm), and Wallets through Razorpay.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== CART SIDEBAR ===== -->\n <div class=\"cart-overlay\" id=\"cartOverlay\"><\/div>\n <div class=\"cart-sidebar\" id=\"cartSidebar\">\n <div class=\"cart-header\">\n <h3><i class=\"fas fa-shopping-cart\"><\/i> Your Cart<\/h3>\n <button class=\"cart-close\" id=\"cartClose\">×<\/button>\n <\/div>\n <div class=\"cart-items\" id=\"cartItems\"><\/div>\n <div class=\"cart-footer\">\n <div class=\"cart-total\">\n <span>Total:<\/span>\n <span class=\"cart-total-price\" id=\"cartTotal\">\u20b90<\/span>\n <\/div>\n <button class=\"btn-checkout\" id=\"btnCheckout\">\n <i class=\"fas fa-lock\"><\/i> Proceed to Checkout\n <\/button>\n <\/div>\n <\/div>\n\n <!-- ===== FLOATING CART ===== -->\n <div class=\"cart-float\" id=\"cartFloat\" style=\"display: none;\">\n <i class=\"fas fa-shopping-cart\"><\/i>\n <span>Cart<\/span>\n <span class=\"cart-count\" id=\"cartCount\">0<\/span>\n <\/div>\n\n <!-- ===== TOAST ===== -->\n <div class=\"toast\" id=\"toast\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span id=\"toastMessage\">Added to cart!<\/span>\n <\/div>\n\n <!-- ===== JAVASCRIPT ===== -->\n <!-- ===== REPLACE YOUR ENTIRE <script> SECTION WITH THIS ===== -->\n<script>\n \/\/ =====================================================\n \/\/ CONFIGURATION\n \/\/ =====================================================\n const CONFIG = {\n siteUrl: window.location.origin, \/\/ Auto-detect site URL\n cartUrl: '\/cart\/',\n checkoutUrl: '\/checkout\/'\n };\n\n \/\/ =====================================================\n \/\/ PRODUCT MAPPING - UPDATE WITH YOUR WOOCOMMERCE IDs!\n \/\/ =====================================================\n const wcProductMap = {\n \/\/ PYQ Paper 1\n 'pyq-constitution': 4036,\n 'pyq-rti': 2629,\n 'pyq-economy': 0,\n 'pyq-ca': 4611,\n \n \/\/ PYQ Paper 2\n 'pyq-ccs': 0,\n 'pyq-gfr': 0,\n 'pyq-frsr': 0,\n 'pyq-mop': 0,\n \n \/\/ Paper 1 Topic Tests\n 'constitution': 0,\n 'parliament': 0,\n 'rti': 0,\n 'economy': 0,\n 'current-affairs': 0,\n 'schemes': 0,\n \n \/\/ Paper 2 Topic Tests\n 'mop': 0,\n 'pension': 0,\n 'conduct': 0,\n 'cca': 0,\n 'leave': 0,\n 'gfr': 0,\n 'dfpr': 0,\n 'frsr': 0,\n \n \/\/ Bundles\n 'pyq-paper1-bundle': 0,\n 'pyq-paper2-bundle': 0,\n 'pyq-combo-bundle': 0,\n 'ultimate-bundle': 0\n };\n\n \/\/ This will be populated by WordPress plugin\n let purchasedProducts = {};\n if (typeof cssaddaPurchased !== 'undefined') {\n purchasedProducts = cssaddaPurchased;\n }\n\n \/\/ Cart count (synced with WooCommerce)\n let cartItemCount = 0;\n\n \/\/ DOM Elements\n const cartFloat = document.getElementById('cartFloat');\n const cartCount = document.getElementById('cartCount');\n const cartSidebar = document.getElementById('cartSidebar');\n const cartOverlay = document.getElementById('cartOverlay');\n const cartItems = document.getElementById('cartItems');\n const cartTotal = document.getElementById('cartTotal');\n const toast = document.getElementById('toast');\n const toastMessage = document.getElementById('toastMessage');\n\n \/\/ Local cart for UI display (mirrors WooCommerce cart)\n let localCart = [];\n\n \/\/ =====================================================\n \/\/ INITIALIZE\n \/\/ =====================================================\n document.addEventListener('DOMContentLoaded', function() {\n markPurchasedProducts();\n initializeEventListeners();\n getWooCommerceCartCount();\n });\n\n \/\/ =====================================================\n \/\/ GET WOOCOMMERCE CART COUNT\n \/\/ =====================================================\n function getWooCommerceCartCount() {\n \/\/ Try to get cart count from WooCommerce fragments\n const cartCountElement = document.querySelector('.cart-contents-count');\n if (cartCountElement) {\n cartItemCount = parseInt(cartCountElement.textContent) || 0;\n }\n updateFloatingCart();\n }\n\n \/\/ =====================================================\n \/\/ MARK PURCHASED PRODUCTS\n \/\/ =====================================================\n function markPurchasedProducts() {\n document.querySelectorAll('.btn-add-cart, .btn-bundle').forEach(btn => {\n const customId = btn.getAttribute('data-product-id');\n const wcProductId = wcProductMap[customId];\n \n if (wcProductId && purchasedProducts[wcProductId]) {\n const productData = purchasedProducts[wcProductId];\n \n btn.classList.add('purchased');\n btn.setAttribute('data-purchased', 'true');\n btn.setAttribute('data-quiz-url', productData.quiz_url || '');\n \n if (productData.quiz_url) {\n btn.innerHTML = '<i class=\"fas fa-play-circle\"><\/i> Take Test';\n } else {\n btn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> Bought';\n }\n }\n });\n }\n\n \/\/ =====================================================\n \/\/ INITIALIZE EVENT LISTENERS\n \/\/ =====================================================\n function initializeEventListeners() {\n \/\/ Add to cart buttons\n document.querySelectorAll('.btn-add-cart, .btn-bundle').forEach(btn => {\n btn.addEventListener('click', function(e) {\n e.preventDefault();\n \n \/\/ Check if already purchased\n if (this.getAttribute('data-purchased') === 'true') {\n const quizUrl = this.getAttribute('data-quiz-url');\n if (quizUrl) {\n window.location.href = quizUrl;\n } else {\n showToast('You already own this test!');\n }\n return;\n }\n \n \/\/ Get product info\n const customId = this.dataset.productId;\n const productName = this.dataset.productName;\n const productPrice = parseInt(this.dataset.productPrice);\n const wcProductId = wcProductMap[customId];\n \n if (!wcProductId || wcProductId === 0) {\n showToast('Product not available yet!');\n return;\n }\n \n \/\/ Add to WooCommerce cart\n addToWooCommerceCart(wcProductId, productName, productPrice, this);\n });\n });\n\n \/\/ Cart controls\n cartFloat.addEventListener('click', openCart);\n document.getElementById('cartClose').addEventListener('click', closeCart);\n cartOverlay.addEventListener('click', closeCart);\n document.getElementById('btnCheckout').addEventListener('click', proceedToCheckout);\n\n \/\/ Filter tabs\n document.querySelectorAll('.filter-tab').forEach(tab => {\n tab.addEventListener('click', function() {\n document.querySelectorAll('.filter-tab').forEach(t => t.classList.remove('active'));\n this.classList.add('active');\n \n const filter = this.dataset.filter;\n if (filter !== 'all') {\n const section = document.getElementById(filter);\n if (section) {\n section.scrollIntoView({ behavior: 'smooth' });\n }\n }\n });\n });\n\n \/\/ FAQ\n document.querySelectorAll('.faq-question').forEach(question => {\n question.addEventListener('click', function() {\n const faqItem = this.parentElement;\n const isActive = faqItem.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(item => item.classList.remove('active'));\n if (!isActive) faqItem.classList.add('active');\n });\n });\n }\n\n \/\/ =====================================================\n \/\/ ADD TO WOOCOMMERCE CART (AJAX)\n \/\/ =====================================================\n async function addToWooCommerceCart(productId, productName, productPrice, buttonElement) {\n \/\/ Show loading state\n const originalHTML = buttonElement.innerHTML;\n buttonElement.disabled = true;\n buttonElement.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Adding...';\n \n try {\n \/\/ Method 1: Try WooCommerce AJAX endpoint\n const formData = new FormData();\n formData.append('action', 'woocommerce_ajax_add_to_cart');\n formData.append('product_id', productId);\n formData.append('quantity', 1);\n \n const response = await fetch(CONFIG.siteUrl + '\/wp-admin\/admin-ajax.php', {\n method: 'POST',\n body: formData,\n credentials: 'same-origin'\n });\n \n const result = await response.json();\n \n if (result.error) {\n throw new Error(result.error);\n }\n \n \/\/ Success!\n buttonElement.classList.add('added');\n buttonElement.innerHTML = '<i class=\"fas fa-check\"><\/i> Added';\n buttonElement.disabled = false;\n \n \/\/ Update local cart for display\n localCart.push({\n id: productId,\n name: productName,\n price: productPrice\n });\n \n cartItemCount++;\n updateFloatingCart();\n updateCartSidebar();\n \n showToast(`${productName} added to cart!`);\n \n \/\/ Open cart after short delay\n setTimeout(() => openCart(), 500);\n \n } catch (error) {\n console.log('AJAX failed, trying direct URL method...');\n \n \/\/ Method 2: Fallback - redirect to add-to-cart URL\n \/\/ This will add to cart and redirect to cart page\n window.location.href = CONFIG.siteUrl + '\/?add-to-cart=' + productId;\n }\n }\n\n \/\/ =====================================================\n \/\/ UPDATE FLOATING CART BUTTON\n \/\/ =====================================================\n function updateFloatingCart() {\n if (cartItemCount > 0 || localCart.length > 0) {\n const count = Math.max(cartItemCount, localCart.length);\n cartCount.textContent = count;\n cartFloat.style.display = 'flex';\n } else {\n cartFloat.style.display = 'none';\n }\n }\n\n \/\/ =====================================================\n \/\/ UPDATE CART SIDEBAR\n \/\/ =====================================================\n function updateCartSidebar() {\n if (localCart.length === 0) {\n cartItems.innerHTML = `\n <div class=\"cart-empty\">\n <i class=\"fas fa-shopping-cart\"><\/i>\n <p>Your cart is empty<\/p>\n <\/div>\n `;\n cartTotal.textContent = '\u20b90';\n } else {\n cartItems.innerHTML = localCart.map((item, index) => `\n <div class=\"cart-item\">\n <div class=\"cart-item-icon\"><i class=\"fas fa-file-alt\"><\/i><\/div>\n <div class=\"cart-item-info\">\n <div class=\"cart-item-name\">${item.name}<\/div>\n <div class=\"cart-item-price\">\u20b9${item.price}<\/div>\n <\/div>\n <button class=\"cart-item-remove\" onclick=\"removeFromLocalCart(${index})\">\n <i class=\"fas fa-trash\"><\/i>\n <\/button>\n <\/div>\n `).join('');\n \n const total = localCart.reduce((sum, item) => sum + item.price, 0);\n cartTotal.textContent = `\u20b9${total}`;\n }\n }\n\n \/\/ =====================================================\n \/\/ REMOVE FROM LOCAL CART (UI only - actual removal happens on cart page)\n \/\/ =====================================================\n function removeFromLocalCart(index) {\n localCart.splice(index, 1);\n cartItemCount = Math.max(0, cartItemCount - 1);\n updateFloatingCart();\n updateCartSidebar();\n showToast('View cart page to confirm removal');\n }\n\n \/\/ =====================================================\n \/\/ OPEN\/CLOSE CART\n \/\/ =====================================================\n function openCart() {\n cartSidebar.classList.add('show');\n cartOverlay.classList.add('show');\n document.body.style.overflow = 'hidden';\n }\n\n function closeCart() {\n cartSidebar.classList.remove('show');\n cartOverlay.classList.remove('show');\n document.body.style.overflow = '';\n }\n\n \/\/ =====================================================\n \/\/ PROCEED TO CHECKOUT\n \/\/ =====================================================\n function proceedToCheckout() {\n \/\/ Go directly to WooCommerce cart page\n \/\/ From there, user can proceed to checkout\n window.location.href = CONFIG.cartUrl;\n }\n\n \/\/ =====================================================\n \/\/ SHOW TOAST NOTIFICATION\n \/\/ =====================================================\n function showToast(message) {\n toastMessage.textContent = message;\n toast.classList.add('show');\n setTimeout(() => toast.classList.remove('show'), 3000);\n }\n\n \/\/ =====================================================\n \/\/ ANIMATION OBSERVER\n \/\/ =====================================================\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('fade-in');\n });\n }, { threshold: 0.1 });\n \n document.querySelectorAll('.topic-card, .bundle-card, .testimonial-card').forEach(el => observer.observe(el));\n<\/script>\n\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d18d63 e-flex e-con-boxed e-con e-parent\" data-id=\"0d18d63\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\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>Test Series – CSS Adda | SO\/Steno LDCE Preparation Test Series & Mock Tests Comprehensive practice for Combined SO\/Steno LDCE […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[45],"tags":[],"class_list":["post-2511","post","type-post","status-publish","format-standard","hentry","category-test"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts\/2511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2511"}],"version-history":[{"count":228,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts\/2511\/revisions"}],"predecessor-version":[{"id":5577,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts\/2511\/revisions\/5577"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}