Test Series - CSS Adda | SSC ASO LDCE CBT Exam Preparation<\/title>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* ===== ELEMENTOR OVERRIDE - REMOVE ALL GAPS ===== *\/\r\n .elementor-widget-html,\r\n .elementor-widget-html .elementor-widget-container {\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n \r\n .elementor-section.elementor-section-stretched,\r\n .elementor-section-full_width,\r\n .elementor-container,\r\n .elementor-column,\r\n .elementor-column-wrap,\r\n .elementor-widget-wrap,\r\n .elementor-element {\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n gap: 0 !important;\r\n }\r\n \/* ===== ROOT VARIABLES ===== *\/\r\n :root {\r\n --primary-blue: #1e3a8a;\r\n --primary-blue-light: #3b82f6;\r\n --primary-blue-dark: #1e40af;\r\n --accent-orange: #ff6b35;\r\n --accent-orange-light: #ff8c5a;\r\n --accent-orange-dark: #e55a2b;\r\n --accent-yellow: #fbbf24;\r\n --accent-yellow-light: #fef3c7;\r\n --success-green: #10b981;\r\n --paper2-green: #065f46;\r\n --paper2-green-light: #10b981;\r\n --pyq-purple: #7c3aed;\r\n --pyq-purple-light: #a78bfa;\r\n --text-dark: #1f2937;\r\n --text-gray: #6b7280;\r\n --text-light: #9ca3af;\r\n --bg-light: #f8fafc;\r\n --bg-white: #ffffff;\r\n --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);\r\n --shadow-md: 0 4px 20px rgba(0,0,0,0.12);\r\n --shadow-lg: 0 8px 30px rgba(0,0,0,0.15);\r\n --border-radius: 12px;\r\n --border-radius-lg: 20px;\r\n }\r\n\r\n \/* ===== RESET & BASE ===== *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background: var(--bg-light);\r\n color: var(--text-dark);\r\n line-height: 1.6;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* ===== HERO CAROUSEL SECTION ===== *\/\r\n .hero-carousel {\r\n position: relative;\r\n width: 100%;\r\n height: 450px;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-slides {\r\n display: flex;\r\n width: 100%;\r\n height: 100%;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .hero-slide {\r\n min-width: 100%;\r\n height: 100%;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .hero-slide-bg {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .hero-slide-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(30, 58, 138, 0.85) 0%, rgba(59, 130, 246, 0.7) 50%, rgba(255, 107, 53, 0.6) 100%);\r\n }\r\n\r\n .hero-slide-content {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n padding: 0 20px;\r\n max-width: 800px;\r\n }\r\n\r\n .hero-slide-content h1 {\r\n font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif;\r\n font-size: 48px;\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 15px;\r\n text-shadow: 0 4px 20px rgba(0,0,0,0.3);\r\n }\r\n\r\n .hero-slide-content h1 span {\r\n color: var(--accent-yellow);\r\n }\r\n\r\n .hero-slide-content p {\r\n font-size: 20px;\r\n color: rgba(255,255,255,0.95);\r\n max-width: 600px;\r\n margin: 0 auto;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\r\n }\r\n\r\n \/* Carousel Navigation Dots *\/\r\n .hero-dots {\r\n position: absolute;\r\n bottom: 25px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n gap: 12px;\r\n z-index: 10;\r\n }\r\n\r\n .hero-dot {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.4);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: 2px solid transparent;\r\n }\r\n\r\n .hero-dot:hover {\r\n background: rgba(255,255,255,0.6);\r\n }\r\n\r\n .hero-dot.active {\r\n background: var(--accent-yellow);\r\n transform: scale(1.2);\r\n border-color: white;\r\n }\r\n\r\n \/* Carousel Arrow Navigation *\/\r\n .hero-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(255,255,255,0.15);\r\n border: none;\r\n border-radius: 50%;\r\n color: white;\r\n font-size: 20px;\r\n cursor: pointer;\r\n z-index: 10;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .hero-nav:hover {\r\n background: rgba(255,255,255,0.25);\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n\r\n .hero-nav.prev { left: 20px; }\r\n .hero-nav.next { right: 20px; }\r\n\r\n \/* ===== FILTER NAVIGATION ===== *\/\r\n .filter-nav {\r\n background: white;\r\n padding: 0;\r\n margin-top: -30px;\r\n position: relative;\r\n z-index: 10;\r\n border-radius: var(--border-radius-lg);\r\n box-shadow: var(--shadow-md);\r\n max-width: 900px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n overflow: hidden;\r\n }\r\n\r\n .filter-tabs {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .filter-tab {\r\n flex: 1;\r\n min-width: 100px;\r\n padding: 16px 20px;\r\n text-align: center;\r\n font-weight: 600;\r\n font-size: 13px;\r\n color: var(--text-gray);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border-bottom: 3px solid transparent;\r\n background: transparent;\r\n }\r\n\r\n .filter-tab:hover {\r\n color: var(--primary-blue);\r\n background: var(--bg-light);\r\n }\r\n\r\n .filter-tab.active {\r\n color: var(--accent-orange);\r\n border-bottom-color: var(--accent-orange);\r\n background: rgba(255,107,53,0.05);\r\n }\r\n\r\n .filter-tab i {\r\n display: block;\r\n font-size: 18px;\r\n margin-bottom: 4px;\r\n }\r\n\r\n \/* ===== INFO BANNER ===== *\/\r\n .info-banner {\r\n background: linear-gradient(135deg, #dbeafe 0%, #eff6ff 100%);\r\n border-left: 4px solid var(--primary-blue);\r\n padding: 15px 20px;\r\n margin: 20px auto;\r\n max-width: 1000px;\r\n border-radius: 0 var(--border-radius) var(--border-radius) 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .info-banner i {\r\n font-size: 24px;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .info-banner p {\r\n font-size: 14px;\r\n color: var(--text-dark);\r\n }\r\n\r\n .info-banner strong {\r\n color: var(--primary-blue);\r\n }\r\n\r\n \/* ===== INFO CARDS SECTION ===== *\/\r\n .info-cards-section {\r\n padding: 40px 20px;\r\n background: var(--bg-light);\r\n }\r\n\r\n .info-cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 25px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .info-card {\r\n background: white;\r\n border-radius: 16px;\r\n padding: 30px 25px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n transition: all 0.3s ease;\r\n border: 2px solid transparent;\r\n }\r\n\r\n .info-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .info-card.green {\r\n background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);\r\n border-color: #6ee7b7;\r\n }\r\n\r\n .info-card.blue {\r\n background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\r\n border-color: #93c5fd;\r\n }\r\n\r\n .info-card.orange {\r\n background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\r\n border-color: #fcd34d;\r\n }\r\n\r\n .info-card-icon {\r\n width: 55px;\r\n height: 55px;\r\n min-width: 55px;\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n }\r\n\r\n .info-card.green .info-card-icon {\r\n background: rgba(16, 185, 129, 0.15);\r\n color: #059669;\r\n }\r\n\r\n .info-card.blue .info-card-icon {\r\n background: rgba(59, 130, 246, 0.15);\r\n color: #2563eb;\r\n }\r\n\r\n .info-card.orange .info-card-icon {\r\n background: rgba(245, 158, 11, 0.15);\r\n color: #d97706;\r\n }\r\n\r\n .info-card-content h3 {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n margin-bottom: 2px;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .info-card-content h3 .emoji {\r\n font-size: 14px;\r\n }\r\n\r\n .info-card-content .highlight {\r\n font-weight: 700;\r\n display: block;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .info-card.green .info-card-content .highlight {\r\n color: #059669;\r\n }\r\n\r\n .info-card.blue .info-card-content .highlight {\r\n color: #2563eb;\r\n }\r\n\r\n .info-card.orange .info-card-content .highlight {\r\n color: #d97706;\r\n }\r\n\r\n .info-card-content p {\r\n font-size: 13px;\r\n color: var(--text-gray);\r\n line-height: 1.6;\r\n }\r\n\r\n .info-card-content p strong {\r\n color: var(--text-dark);\r\n font-weight: 600;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .info-cards-grid {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n\r\n .info-card {\r\n padding: 20px;\r\n }\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .section-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--accent-orange);\r\n color: white;\r\n padding: 6px 16px;\r\n border-radius: 20px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif;\r\n font-size: 32px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 16px;\r\n color: var(--text-gray);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ===== TEST SERIES SECTIONS ===== *\/\r\n .test-series-section {\r\n padding: 60px 20px;\r\n }\r\n\r\n .test-series-section:nth-child(even) {\r\n background: white;\r\n }\r\n\r\n .paper-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 18px;\r\n border-radius: 25px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .paper-badge.paper1 {\r\n background: #dbeafe;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .paper-badge.paper2 {\r\n background: #d1fae5;\r\n color: var(--paper2-green);\r\n }\r\n\r\n .paper-badge.pyq {\r\n background: #ede9fe;\r\n color: var(--pyq-purple);\r\n }\r\n\r\n .paper-badge.live {\r\n background: #fce7f3;\r\n color: #9d174d;\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* PRODUCT CARD DESIGN *\/\r\n \/* ============================================ *\/\r\n .topic-grid { \r\n display: grid; \r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); \r\n gap: 24px; \r\n }\r\n\r\n .topic-card {\r\n background: #fff;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\r\n transition: all 0.3s ease;\r\n border: 1px solid #e5e7eb;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .topic-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 30px rgba(0,0,0,0.12);\r\n border-color: #3b82f6;\r\n }\r\n\r\n \/* Card Banner\/Image Area *\/\r\n.topic-card .card-banner {\r\n position: relative;\r\n height: 180px;\r\n overflow: hidden;\r\n background: #f8fafc;\r\n border-radius: 16px 16px 0 0; \/* Add this *\/\r\n}\r\n\r\n \/* Banner Image - Fit Completely *\/\r\n.card-banner-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n padding: 10px;\r\n background: #f8fafc;\r\n border-radius: 12px; \/* Add this *\/\r\n}\r\n\r\n \/* Fallback gradient backgrounds when no image *\/\r\n .topic-card.pyq-topic .card-banner {\r\n background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);\r\n }\r\n\r\n .topic-card.paper2-topic .card-banner {\r\n background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);\r\n }\r\n\r\n \/* Placeholder icon when no image - centered *\/\r\n .card-banner-placeholder {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(255,255,255,0.15);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n backdrop-filter: blur(5px);\r\n }\r\n\r\n .card-banner-placeholder i {\r\n font-size: 28px;\r\n color: rgba(255,255,255,0.6);\r\n }\r\n\r\n \/* Test Series Badge on Banner *\/\r\n .card-type-badge {\r\n position: absolute;\r\n bottom: 12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n color: #fff;\r\n padding: 6px 16px;\r\n border-radius: 20px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);\r\n }\r\n\r\n \/* New Interface Badge *\/\r\n .new-badge {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\r\n color: #fff;\r\n padding: 4px 10px;\r\n border-radius: 6px;\r\n font-size: 10px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n z-index: 3;\r\n }\r\n\r\n .new-badge.pyq-badge {\r\n background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);\r\n }\r\n\r\n \/* Card Body *\/\r\n .card-body {\r\n padding: 16px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n \/* Tags Row *\/\r\n .card-tags {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .card-tag {\r\n padding: 4px 10px;\r\n border-radius: 4px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .card-tag.lang-tag {\r\n background: #e0f2fe;\r\n color: #0369a1;\r\n }\r\n\r\n .card-tag.type-tag {\r\n background: #dcfce7;\r\n color: #059669;\r\n }\r\n\r\n .topic-card.pyq-topic .card-tag.type-tag {\r\n background: #f3e8ff;\r\n color: #7c3aed;\r\n }\r\n\r\n \/* Card Title *\/\r\n .card-title {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #1f2937;\r\n line-height: 1.4;\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* Tests Count *\/\r\n .card-tests-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 12px;\r\n color: #6b7280;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .card-tests-info i {\r\n color: #9ca3af;\r\n font-size: 11px;\r\n }\r\n\r\n \/* Card Footer with Price *\/\r\n .card-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding-top: 12px;\r\n border-top: 1px solid #f3f4f6;\r\n margin-top: auto;\r\n }\r\n\r\n .card-price {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .price-current {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #1f2937;\r\n }\r\n\r\n .price-original {\r\n font-size: 13px;\r\n color: #9ca3af;\r\n text-decoration: line-through;\r\n }\r\n\r\n .price-discount {\r\n font-size: 12px;\r\n color: #10b981;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Add to Cart Button *\/\r\n .btn-add-cart {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n padding: 10px 18px;\r\n background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\r\n color: white;\r\n border: none;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n font-size: 12px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n font-family: 'Poppins', sans-serif;\r\n min-width: 90px;\r\n }\r\n\r\n .btn-add-cart:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\r\n }\r\n\r\n .btn-add-cart.in-cart {\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n }\r\n\r\n .btn-add-cart.purchased {\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;\r\n box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3) !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .btn-add-cart.purchased:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4) !important;\r\n }\r\n\r\n .btn-add-cart.purchased i {\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.7; }\r\n }\r\n\r\n \/* ===== LIVE TEST SERIES SECTION ===== *\/\r\n .live-section {\r\n padding: 60px 20px;\r\n background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);\r\n }\r\n\r\n .live-notice {\r\n background: white;\r\n border-radius: var(--border-radius-lg);\r\n padding: 40px;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .live-notice-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, #ec4899 0%, #9d174d 100%);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n font-size: 36px;\r\n color: white;\r\n }\r\n\r\n .live-notice h3 {\r\n font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif;\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .live-notice p {\r\n font-size: 16px;\r\n color: var(--text-gray);\r\n max-width: 500px;\r\n margin: 0 auto 20px;\r\n }\r\n\r\n .live-notice .highlight {\r\n display: inline-block;\r\n background: #fce7f3;\r\n color: #9d174d;\r\n padding: 8px 20px;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n font-size: 14px;\r\n }\r\n\r\n \/* ===== FAQ SECTION ===== *\/\r\n .faq-section {\r\n padding: 60px 20px;\r\n background: var(--bg-light);\r\n }\r\n\r\n .faq-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .faq-item {\r\n background: white;\r\n border-radius: var(--border-radius);\r\n margin-bottom: 15px;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .faq-question {\r\n padding: 20px 25px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .faq-question:hover {\r\n background: var(--bg-light);\r\n }\r\n\r\n .faq-question i {\r\n transition: transform 0.3s ease;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .faq-item.active .faq-question i {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 200px;\r\n }\r\n\r\n .faq-answer p {\r\n padding: 0 25px 20px;\r\n color: var(--text-gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 992px) {\r\n .info-cards-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .topic-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .hero-carousel {\r\n height: 350px;\r\n }\r\n\r\n .hero-slide-content h1 {\r\n font-size: 32px;\r\n }\r\n\r\n .hero-slide-content p {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-carousel {\r\n height: 300px;\r\n }\r\n\r\n .hero-slide-content h1 {\r\n font-size: 26px;\r\n }\r\n\r\n .hero-slide-content p {\r\n font-size: 14px;\r\n }\r\n\r\n .hero-nav {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 16px;\r\n }\r\n\r\n .hero-nav.prev { left: 10px; }\r\n .hero-nav.next { right: 10px; }\r\n\r\n .filter-tabs {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .filter-tab {\r\n padding: 12px 10px;\r\n font-size: 11px;\r\n }\r\n\r\n .filter-tab i {\r\n font-size: 16px;\r\n }\r\n\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n\r\n .info-cards-grid {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n\r\n .topic-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n }\r\n\r\n .card-banner {\r\n height: 140px;\r\n }\r\n\r\n .card-body {\r\n padding: 12px;\r\n }\r\n\r\n .card-title {\r\n font-size: 13px;\r\n }\r\n\r\n .card-footer {\r\n flex-direction: column;\r\n gap: 10px;\r\n align-items: stretch;\r\n }\r\n\r\n .btn-add-cart {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container {\r\n padding: 0 15px;\r\n }\r\n\r\n .filter-tabs {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .topic-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n \/* ============================================ *\/\r\n\/* HORIZONTAL BUNDLE CARDS SECTION *\/\r\n\/* ============================================ *\/\r\n.bundle-section {\r\n padding: 60px 20px;\r\n background: linear-gradient(135deg, #fef3c7 0%, #fff7ed 50%, #fffbeb 100%);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.bundle-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -20%;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(255,107,53,0.1) 0%, transparent 70%);\r\n border-radius: 50%;\r\n}\r\n\r\n\/* Horizontal Scroll Container *\/\r\n.bundle-scroll-wrapper {\r\n position: relative;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n}\r\n\r\n.bundle-grid {\r\n display: flex;\r\n gap: 24px;\r\n overflow-x: auto;\r\n scroll-behavior: smooth;\r\n padding: 10px 5px 20px;\r\n scrollbar-width: thin;\r\n scrollbar-color: #ff6b35 #f1f5f9;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.bundle-grid::-webkit-scrollbar {\r\n height: 8px;\r\n}\r\n\r\n.bundle-grid::-webkit-scrollbar-track {\r\n background: #f1f5f9;\r\n border-radius: 10px;\r\n}\r\n\r\n.bundle-grid::-webkit-scrollbar-thumb {\r\n background: linear-gradient(135deg, #ff6b35 0%, #f59e0b 100%);\r\n border-radius: 10px;\r\n}\r\n\r\n.bundle-grid::-webkit-scrollbar-thumb:hover {\r\n background: linear-gradient(135deg, #e55a2b 0%, #d97706 100%);\r\n}\r\n\r\n\/* Scroll Navigation Arrows *\/\r\n.bundle-scroll-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 45px;\r\n height: 45px;\r\n background: white;\r\n border: none;\r\n border-radius: 50%;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.15);\r\n cursor: pointer;\r\n z-index: 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: #1e3a8a;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.bundle-scroll-nav:hover {\r\n background: #1e3a8a;\r\n color: white;\r\n transform: translateY(-50%) scale(1.1);\r\n}\r\n\r\n.bundle-scroll-nav.prev {\r\n left: -20px;\r\n}\r\n\r\n.bundle-scroll-nav.next {\r\n right: -20px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .bundle-scroll-nav {\r\n display: none;\r\n }\r\n}\r\n\r\n\/* Bundle Card - Fixed Width for Horizontal Layout *\/\r\n.bundle-card {\r\n min-width: 320px;\r\n max-width: 320px;\r\n flex-shrink: 0;\r\n background: white;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 30px rgba(0,0,0,0.1);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n border: 2px solid transparent;\r\n}\r\n\r\n.bundle-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 15px 45px rgba(0,0,0,0.15);\r\n}\r\n\r\n.bundle-card.super-bundle { border-color: #fbbf24; }\r\n.bundle-card.super-bundle:hover { border-color: #f59e0b; }\r\n.bundle-card.pyq-bundle { border-color: #c4b5fd; }\r\n.bundle-card.pyq-bundle:hover { border-color: #a78bfa; }\r\n.bundle-card.paper1-bundle { border-color: #93c5fd; }\r\n.bundle-card.paper1-bundle:hover { border-color: #3b82f6; }\r\n.bundle-card.paper2-bundle { border-color: #6ee7b7; }\r\n.bundle-card.paper2-bundle:hover { border-color: #10b981; }\r\n\r\n\/* Bundle Header *\/\r\n.bundle-header {\r\n padding: 25px 20px 18px;\r\n position: relative;\r\n text-align: center;\r\n}\r\n\r\n.bundle-card.super-bundle .bundle-header {\r\n background: linear-gradient(135deg, #ff6b35 0%, #f59e0b 50%, #fbbf24 100%);\r\n}\r\n.bundle-card.pyq-bundle .bundle-header {\r\n background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);\r\n}\r\n.bundle-card.paper1-bundle .bundle-header {\r\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\r\n}\r\n.bundle-card.paper2-bundle .bundle-header {\r\n background: linear-gradient(135deg, #065f46 0%, #10b981 100%);\r\n}\r\n\r\n.bundle-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: rgba(255,255,255,0.2);\r\n backdrop-filter: blur(10px);\r\n padding: 5px 12px;\r\n border-radius: 15px;\r\n font-size: 10px;\r\n font-weight: 700;\r\n color: white;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.bundle-icon {\r\n width: 55px;\r\n height: 55px;\r\n background: rgba(255,255,255,0.2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 12px;\r\n font-size: 24px;\r\n color: white;\r\n backdrop-filter: blur(10px);\r\n}\r\n\r\n.bundle-title {\r\n font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif;\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: white;\r\n margin-bottom: 5px;\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.2);\r\n}\r\n\r\n.bundle-subtitle {\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 0;\r\n}\r\n\r\n\/* Popular Tag *\/\r\n.popular-tag {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n background: white;\r\n color: #f59e0b;\r\n padding: 4px 10px;\r\n border-radius: 15px;\r\n font-size: 9px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 3px 10px rgba(0,0,0,0.15);\r\n display: flex;\r\n align-items: center;\r\n gap: 3px;\r\n}\r\n\r\n\/* Bundle Body *\/\r\n.bundle-body {\r\n padding: 18px;\r\n}\r\n\r\n\/* Bundle Stats - Compact *\/\r\n.bundle-stats {\r\n display: flex;\r\n justify-content: space-around;\r\n padding: 12px 0;\r\n border-bottom: 1px dashed #e5e7eb;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.bundle-stat {\r\n text-align: center;\r\n}\r\n\r\n.bundle-stat-value {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n line-height: 1;\r\n}\r\n\r\n.bundle-card.super-bundle .bundle-stat-value { color: #f59e0b; }\r\n.bundle-card.pyq-bundle .bundle-stat-value { color: #7c3aed; }\r\n.bundle-card.paper1-bundle .bundle-stat-value { color: #1e3a8a; }\r\n.bundle-card.paper2-bundle .bundle-stat-value { color: #065f46; }\r\n\r\n.bundle-stat-label {\r\n font-size: 10px;\r\n color: var(--text-gray);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-top: 3px;\r\n}\r\n\r\n\/* Bundle Topics Expander - Compact *\/\r\n.bundle-topics-toggle {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 12px 14px;\r\n background: #f8fafc;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n margin-bottom: 12px;\r\n border: 1px solid #e5e7eb;\r\n}\r\n\r\n.bundle-topics-toggle:hover {\r\n background: #f1f5f9;\r\n border-color: #cbd5e1;\r\n}\r\n\r\n.bundle-topics-toggle span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n}\r\n\r\n.bundle-topics-toggle .toggle-icon {\r\n width: 24px;\r\n height: 24px;\r\n background: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 10px;\r\n color: var(--text-gray);\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.08);\r\n}\r\n\r\n.bundle-topics-toggle.active .toggle-icon {\r\n transform: rotate(180deg);\r\n background: var(--primary-blue);\r\n color: white;\r\n}\r\n\r\n\/* Bundle Topics List *\/\r\n.bundle-topics-list {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease-out, padding 0.3s ease;\r\n background: #f8fafc;\r\n border-radius: 10px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.bundle-topics-list.expanded {\r\n max-height: 400px;\r\n overflow-y: auto;\r\n padding: 12px;\r\n border: 1px solid #e5e7eb;\r\n}\r\n\r\n.bundle-topics-category {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.bundle-topics-category:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.bundle-topics-category-title {\r\n font-size: 10px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n color: var(--text-gray);\r\n margin-bottom: 8px;\r\n padding-bottom: 5px;\r\n border-bottom: 1px solid #e5e7eb;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n}\r\n\r\n.bundle-topics-category.pyq-cat .bundle-topics-category-title {\r\n color: #7c3aed;\r\n border-bottom-color: #ddd6fe;\r\n}\r\n\r\n.bundle-topics-category.paper1-cat .bundle-topics-category-title {\r\n color: #1e3a8a;\r\n border-bottom-color: #bfdbfe;\r\n}\r\n\r\n.bundle-topics-category.paper2-cat .bundle-topics-category-title {\r\n color: #065f46;\r\n border-bottom-color: #a7f3d0;\r\n}\r\n\r\n.bundle-topic-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 6px 10px;\r\n background: white;\r\n border-radius: 6px;\r\n margin-bottom: 5px;\r\n font-size: 11px;\r\n color: var(--text-dark);\r\n transition: all 0.2s ease;\r\n border: 1px solid #f1f5f9;\r\n}\r\n\r\n.bundle-topic-item:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.bundle-topic-item:hover {\r\n background: #eff6ff;\r\n border-color: #bfdbfe;\r\n}\r\n\r\n.bundle-topic-item i {\r\n color: #10b981;\r\n font-size: 9px;\r\n}\r\n\r\n.bundle-topic-item .topic-questions {\r\n margin-left: auto;\r\n font-size: 9px;\r\n color: var(--text-gray);\r\n background: #f1f5f9;\r\n padding: 2px 6px;\r\n border-radius: 8px;\r\n white-space: nowrap;\r\n}\r\n\r\n\/* Bundle Pricing - Compact *\/\r\n.bundle-pricing {\r\n padding: 15px;\r\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n border-radius: 12px;\r\n margin-bottom: 12px;\r\n text-align: center;\r\n}\r\n\r\n.bundle-price-row {\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: center;\r\n gap: 10px;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.bundle-price-current {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif;\r\n}\r\n\r\n.bundle-price-original {\r\n font-size: 14px;\r\n color: var(--text-gray);\r\n text-decoration: line-through;\r\n}\r\n\r\n.bundle-savings-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 4px;\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n color: white;\r\n padding: 4px 10px;\r\n border-radius: 15px;\r\n font-size: 10px;\r\n font-weight: 700;\r\n}\r\n\r\n\/* Bundle Add to Cart Button *\/\r\n.btn-bundle-cart {\r\n width: 100%;\r\n padding: 14px 20px;\r\n border: none;\r\n border-radius: 12px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n font-family: 'Poppins', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.bundle-card.super-bundle .btn-bundle-cart {\r\n background: linear-gradient(135deg, #ff6b35 0%, #f59e0b 100%);\r\n color: white;\r\n box-shadow: 0 5px 20px rgba(255,107,53,0.35);\r\n}\r\n\r\n.bundle-card.pyq-bundle .btn-bundle-cart {\r\n background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);\r\n color: white;\r\n box-shadow: 0 5px 20px rgba(124,58,237,0.35);\r\n}\r\n\r\n.bundle-card.paper1-bundle .btn-bundle-cart {\r\n background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%);\r\n color: white;\r\n box-shadow: 0 5px 20px rgba(30,58,138,0.35);\r\n}\r\n\r\n.bundle-card.paper2-bundle .btn-bundle-cart {\r\n background: linear-gradient(135deg, #065f46 0%, #059669 100%);\r\n color: white;\r\n box-shadow: 0 5px 20px rgba(6,95,70,0.35);\r\n}\r\n\r\n.btn-bundle-cart:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n.btn-bundle-cart.in-cart {\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;\r\n box-shadow: 0 5px 20px rgba(16,185,129,0.35) !important;\r\n}\r\n\r\n.btn-bundle-cart.purchased {\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;\r\n}\r\n\r\n\/* Bundle Features - Compact *\/\r\n.bundle-features {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n margin-top: 12px;\r\n padding-top: 12px;\r\n border-top: 1px dashed #e5e7eb;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.bundle-feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n font-size: 10px;\r\n color: var(--text-gray);\r\n}\r\n\r\n.bundle-feature i {\r\n color: #10b981;\r\n font-size: 10px;\r\n}\r\n\r\n\/* Paper badge for bundles *\/\r\n.paper-badge.bundle {\r\n background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\r\n color: #92400e;\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 768px) {\r\n .bundle-card {\r\n min-width: 280px;\r\n max-width: 280px;\r\n }\r\n \r\n .bundle-grid {\r\n padding: 10px 0 20px;\r\n }\r\n}\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"hero-carousel\" id=\"heroCarousel\">\r\n <div class=\"hero-slides\" id=\"heroSlides\">\r\n \r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/Screenshot-1947-10-21-at-11.51.29-AM.png\" alt=\"Study Materials\" class=\"hero-slide-bg\">\r\n <div class=\"hero-slide-overlay\"><\/div>\r\n <div class=\"hero-slide-content\">\r\n <h1><span>SSC ASO LDCE CBT<\/span> Test Series<\/h1>\r\n <p>Comprehensive practice for SSC Assistant Section Officer LDCE Computer Based Test<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/Screenshot-1947-10-21-at-11.51.29-AM.png\" alt=\"Exam Preparation\" class=\"hero-slide-bg\">\r\n <div class=\"hero-slide-overlay\"><\/div>\r\n <div class=\"hero-slide-content\">\r\n <h1>Topic-wise <span>PYQ Practice<\/span><\/h1>\r\n <p>15+ years of previous year questions with detailed explanations<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/Screenshot-1947-10-21-at-11.51.29-AM.png\" alt=\"Success\" class=\"hero-slide-bg\">\r\n <div class=\"hero-slide-overlay\"><\/div>\r\n <div class=\"hero-slide-content\">\r\n <h1>Prepare to <span>Succeed<\/span><\/h1>\r\n <p>Join thousands of successful candidates who cleared their exams with CSS Adda<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button class=\"hero-nav prev\" onclick=\"changeSlide(-1)\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n <button class=\"hero-nav next\" onclick=\"changeSlide(1)\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n\r\n \r\n <div class=\"hero-dots\">\r\n <span class=\"hero-dot active\" onclick=\"goToSlide(0)\"><\/span>\r\n <span class=\"hero-dot\" onclick=\"goToSlide(1)\"><\/span>\r\n <span class=\"hero-dot\" onclick=\"goToSlide(2)\"><\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"container\">\r\n <nav class=\"filter-nav\">\r\n <div class=\"filter-tabs\">\r\n <div class=\"filter-tab active\" data-filter=\"all\">\r\n <i class=\"fas fa-th-large\"><\/i>\r\n All Tests\r\n <\/div>\r\n <div class=\"filter-tab\" data-filter=\"bundles\">\r\n <i class=\"fas fa-cubes\"><\/i>\r\n Bundles\r\n<\/div>\r\n <div class=\"filter-tab\" data-filter=\"pyqs\">\r\n <i class=\"fas fa-history\"><\/i>\r\n PYQs\r\n <\/div>\r\n <div class=\"filter-tab\" data-filter=\"paper1\">\r\n <i class=\"fas fa-file-alt\"><\/i>\r\n Paper 1\r\n <\/div>\r\n <div class=\"filter-tab\" data-filter=\"paper2\">\r\n <i class=\"fas fa-file-alt\"><\/i>\r\n Paper 2\r\n <\/div>\r\n <div class=\"filter-tab\" data-filter=\"live\">\r\n <i class=\"fas fa-broadcast-tower\"><\/i>\r\n Live Tests\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n <\/div>\r\n\r\n \r\n <div class=\"container\">\r\n <div class=\"info-banner\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <p><strong>After purchasing any test series,<\/strong> you can access your tests from your <strong>Hello, Username \u2192 My Purchases<\/strong> section.<strong> <br><br>For any issues\/queries,<\/strong> kindly contact us at <strong>Whatsapp @9870176238<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section class=\"info-cards-section\">\r\n <div class=\"container\">\r\n <div class=\"info-cards-grid\">\r\n \r\n <div class=\"info-card green\">\r\n <div class=\"info-card-icon\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/div>\r\n <div class=\"info-card-content\">\r\n <h3><span class=\"emoji\">\ud83d\udcc8<\/span> Invest in Your<\/h3>\r\n <span class=\"highlight\">Career Growth<\/span>\r\n <p>Targeted preparation for <strong>SSC ASO LDCE CBT Exam<\/strong>. Each test series covers specific syllabus topics with detailed solutions.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"info-card blue\">\r\n <div class=\"info-card-icon\">\r\n <i class=\"fas fa-unlock-alt\"><\/i>\r\n <\/div>\r\n <div class=\"info-card-content\">\r\n <h3><span class=\"emoji\">\ud83d\udd13<\/span> Buy What You<\/h3>\r\n <span class=\"highlight\">Need<\/span>\r\n <p>No forced packages or unnecessary bundles. Choose <strong>individual topic tests<\/strong> based on your preparation requirements and weak areas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"info-card orange\">\r\n <div class=\"info-card-icon\">\r\n <i class=\"fas fa-award\"><\/i>\r\n <\/div>\r\n <div class=\"info-card-content\">\r\n <h3><span class=\"emoji\">\ud83c\udfc5<\/span> Aligned with<\/h3>\r\n <span class=\"highlight\">Official Syllabus<\/span>\r\n <p>Questions prepared strictly as per <strong>SSC ASO LDCE CBT Exam<\/strong> syllabus.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n\r\n\r\n \r\n <section class=\"test-series-section\" id=\"pyqs\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"paper-badge pyq\"><i class=\"fas fa-history\"><\/i> Previous Year Questions<\/span>\r\n <h2 class=\"section-title\">PYQ Topic-wise Practice<\/h2>\r\n <p class=\"section-subtitle\">Practice with actual exam questions<strong> asked in UPSC SO\/STENO LDCE (2009-2025)<\/strong><\/p>\r\n <\/div>\r\n\r\n <div class=\"topic-grid\">\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/coi.jpg\" alt=\"Constitution of India\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Constitution of India PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 300+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b9119<\/span>\r\n <span class=\"price-original\">\u20b9149<\/span>\r\n <span class=\"price-discount\">(20% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-coi-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-coi-sscaso',\r\n name: 'Constitution of India PYQs',\r\n type: 'test-series',\r\n price: 119,\r\n originalPrice: 149,\r\n icon: 'fa-landmark',\r\n wooProductId: 4036\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/parliamentaryPROCEDURE-e1769608618432.webp\" alt=\"Parliamentary Procedure\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Parliamentary Procedure PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 180+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b979<\/span>\r\n <span class=\"price-original\">\u20b9129<\/span>\r\n <span class=\"price-discount\">(39% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-parliament-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-parliament-sscaso',\r\n name: 'Parliamentary Procedure PYQs',\r\n type: 'test-series',\r\n price: 79,\r\n originalPrice: 129,\r\n icon: 'fa-university',\r\n wooProductId: 4611\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/mop-e1684145514331.jpeg\" alt=\"CSMOP\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Central Secretariat Manual of Office Procedure PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 200+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b999<\/span>\r\n <span class=\"price-original\">\u20b9149<\/span>\r\n <span class=\"price-discount\">(34% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-csmop-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-csmop-sscaso',\r\n name: 'CSMOP PYQs',\r\n type: 'test-series',\r\n price: 99,\r\n originalPrice: 149,\r\n icon: 'fa-folder-open',\r\n wooProductId: 5753\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/AOBR.png\" alt=\"AOBR\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Allocation of Business Rules PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 100+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b959<\/span>\r\n <span class=\"price-original\">\u20b999<\/span>\r\n <span class=\"price-discount\">(40% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-aobr-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-aobr-sscaso',\r\n name: 'Allocation of Business Rules PYQs',\r\n type: 'test-series',\r\n price: 59,\r\n originalPrice: 99,\r\n icon: 'fa-chart-line',\r\n wooProductId: 5749\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/conduct.jpg\" alt=\"Conduct Rules\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">CCS (Conduct) Rules PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 121 Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b979<\/span>\r\n <span class=\"price-original\">\u20b9129<\/span>\r\n <span class=\"price-discount\">(39% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-conduct-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-conduct-sscaso',\r\n name: 'CCS (Conduct) Rules PYQs',\r\n type: 'test-series',\r\n price: 79,\r\n originalPrice: 129,\r\n icon: 'fa-user-tie',\r\n wooProductId: 5750\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/CCA.png\" alt=\"CCA Rules\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">CCS (Classification, Control & Appeal) Rules PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 250+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b979<\/span>\r\n <span class=\"price-original\">\u20b9129<\/span>\r\n <span class=\"price-discount\">(39% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-cca-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-cca-sscaso',\r\n name: 'CCS (CCA) Rules PYQs',\r\n type: 'test-series',\r\n price: 79,\r\n originalPrice: 129,\r\n icon: 'fa-gavel',\r\n wooProductId: 2630\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/pension.png\" alt=\"Pension Rules\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">CCS (Pension) Rules PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 220+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b979<\/span>\r\n <span class=\"price-original\">\u20b9129<\/span>\r\n <span class=\"price-discount\">(39% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-pension-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-pension-sscaso',\r\n name: 'CCS (Pension) Rules PYQs',\r\n type: 'test-series',\r\n price: 79,\r\n originalPrice: 129,\r\n icon: 'fa-user-clock',\r\n wooProductId: 2631\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/rti.jpeg\" alt=\"RTI\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Right to Information Act PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 100+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b959<\/span>\r\n <span class=\"price-original\">\u20b999<\/span>\r\n <span class=\"price-discount\">(40% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-rti-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-rti-sscaso',\r\n name: 'Right to Information Act PYQs',\r\n type: 'test-series',\r\n price: 59,\r\n originalPrice: 99,\r\n icon: 'fa-file-alt',\r\n wooProductId: 2629\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"test-series-section\" id=\"paper1\" style=\"background: white;\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"paper-badge paper1\"><i class=\"fas fa-file-alt\"><\/i> Paper 1<\/span>\r\n <h2 class=\"section-title\">Paper 1 - Topic-wise Tests<\/h2>\r\n <p class=\"section-subtitle\">Flagship Programmes, Constitution, Parliamentary Procedure, CSMOP, AOBR, TOBR, Comprehension & Noting\/Drafting<\/p>\r\n <\/div>\r\n\r\n <div class=\"topic-grid\">\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n <div class=\"topic-card\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/TOBR.png\" alt=\"TOBR\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge\">New<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">Chapter wise TESTs<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Transaction of Business Rules <\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 4 Tests | 200 Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b9149<\/span>\r\n <span class=\"price-original\">\u20b9199<\/span>\r\n <span class=\"price-discount\">(25% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"tobr-tests-sscaso\" onclick=\"addToCart({\r\n id: 'tobr-tests-sscaso',\r\n name: 'Transaction of Business Rules Test Series',\r\n type: 'test-series',\r\n price: 149,\r\n originalPrice: 199,\r\n icon: 'fa-exchange-alt',\r\n wooProductId: 0\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/READING-COMPREHENSION.jpg\" alt=\"Comprehension\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge\">New<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">Practice TESTs<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Comprehension - Practice Test Series<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 10 Tests | 100 Passages\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b9179<\/span>\r\n <span class=\"price-original\">\u20b9249<\/span>\r\n <span class=\"price-discount\">(28% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"comprehension-tests-sscaso\" onclick=\"addToCart({\r\n id: 'comprehension-tests-sscaso',\r\n name: 'Comprehension Test Series',\r\n type: 'test-series',\r\n price: 179,\r\n originalPrice: 249,\r\n icon: 'fa-book-open',\r\n wooProductId: 0\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"test-series-section\" id=\"paper2\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"paper-badge paper2\"><i class=\"fas fa-gavel\"><\/i> Paper 2<\/span>\r\n <h2 class=\"section-title\">Paper 2 - Topic-wise Tests<\/h2>\r\n <p class=\"section-subtitle\">CCS Leave, Conduct, CCA, Pension, NPS, TA, LTC, RTI, PSH Act & Record Management<\/p>\r\n <\/div>\r\n\r\n <div class=\"topic-grid\">\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n <div class=\"topic-card paper2-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/RECORD-MANAGEMENT.jpg\" alt=\"Record Management\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge\">New<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">Chapter wise TESTs<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Record Management<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 300+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b979<\/span>\r\n <span class=\"price-original\">\u20b9129<\/span>\r\n <span class=\"price-discount\">(38% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"record-mgmt-sscaso\" onclick=\"addToCart({\r\n id: 'record-mgmt-sscaso',\r\n name: 'Record Management Test Series',\r\n type: 'test-series',\r\n price: 79,\r\n originalPrice: 129,\r\n icon: 'fa-archive',\r\n wooProductId: 11467\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"live-section\" id=\"live\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"paper-badge live\"><i class=\"fas fa-broadcast-tower\"><\/i> Live Test Series<\/span>\r\n <h2 class=\"section-title\">Live Test Series<\/h2>\r\n <p class=\"section-subtitle\">Real-time mock tests with All India Ranking<\/p>\r\n <\/div>\r\n\r\n <div class=\"live-notice\">\r\n <div class=\"live-notice-icon\">\r\n <i class=\"fas fa-calendar-alt\"><\/i>\r\n <\/div>\r\n <h3>Coming Soon!<\/h3>\r\n <p>Our Live Test Series will start <strong>2 months before the exam date<\/strong>. Stay tuned for schedule updates.<\/p>\r\n <span class=\"highlight\">\r\n <i class=\"fas fa-bell\"><\/i> We'll notify you when it starts\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"faq-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\"><i class=\"fas fa-question-circle\"><\/i> FAQs<\/span>\r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <\/div>\r\n\r\n <div class=\"faq-container\">\r\n <div class=\"faq-item active\">\r\n <div class=\"faq-question\">\r\n How can I access my purchased tests?\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>After purchasing, go to your <strong>Dashboard \u2192 My Tests<\/strong> section. All your purchased tests will be available there.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n How long is the validity of test series?\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>All test series come with 1 year validity. You can attempt each test multiple times within the validity period.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n Are solutions provided for each question?\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes, detailed explanations are provided for every question with references to relevant rules, sections, and articles.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n What payment methods are accepted?\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We accept Credit\/Debit Cards, Net Banking, UPI (GPay, PhonePe, Paytm), and Wallets through Razorpay.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n \r\n \/\/ ============================================\r\n \/\/ CONFIGURATION\r\n \/\/ ============================================\r\n const CONFIG = {\r\n storageKey: 'cssadda_cart',\r\n maxItems: 50,\r\n toastDuration: 3000,\r\n DEBUG_MODE: true\r\n };\r\n \r\n function debug(...args) {\r\n if (CONFIG.DEBUG_MODE) {\r\n console.log('[CSS ADDA Cart]', ...args);\r\n }\r\n }\r\n \r\n debug('Initializing cart system...');\r\n \r\n \/\/ ============================================\r\n \/\/ CART DATA CLASS\r\n \/\/ ============================================\r\n class Cart {\r\n constructor() {\r\n this.items = this.loadFromStorage();\r\n this.listeners = [];\r\n debug('Cart loaded with', this.items.length, 'items');\r\n }\r\n\r\n loadFromStorage() {\r\n try {\r\n const data = localStorage.getItem(CONFIG.storageKey);\r\n const items = data ? JSON.parse(data) : [];\r\n return Array.isArray(items) ? items : [];\r\n } catch (e) {\r\n console.error('Error loading cart:', e);\r\n return [];\r\n }\r\n }\r\n\r\n saveToStorage() {\r\n try {\r\n localStorage.setItem(CONFIG.storageKey, JSON.stringify(this.items));\r\n debug('Cart saved:', this.items.length, 'items');\r\n } catch (e) {\r\n console.error('Error saving cart:', e);\r\n }\r\n }\r\n\r\n addItem(product) {\r\n if (!product || !product.id || !product.name || typeof product.price !== 'number') {\r\n debug('Invalid product:', product);\r\n return { success: false, message: 'Invalid product data' };\r\n }\r\n \r\n if (this.hasItem(product.id)) {\r\n return { success: false, message: 'Already in cart' };\r\n }\r\n \r\n if (this.items.length >= CONFIG.maxItems) {\r\n return { success: false, message: 'Cart is full (max ' + CONFIG.maxItems + ' items)' };\r\n }\r\n \r\n product.addedAt = new Date().toISOString();\r\n this.items.push(product);\r\n this.saveToStorage();\r\n this.notifyListeners('add', product);\r\n \r\n debug('Added to cart:', product.name, 'WooID:', product.wooProductId);\r\n return { success: true, message: 'Added to cart' };\r\n }\r\n\r\n removeItem(productId) {\r\n const index = this.items.findIndex(item => item.id === productId);\r\n if (index === -1) {\r\n return { success: false, message: 'Item not found' };\r\n }\r\n \r\n const removed = this.items.splice(index, 1)[0];\r\n this.saveToStorage();\r\n this.notifyListeners('remove', removed);\r\n \r\n debug('Removed from cart:', removed.name);\r\n return { success: true, message: 'Item removed', item: removed };\r\n }\r\n\r\n hasItem(productId) {\r\n return this.items.some(item => item.id === productId);\r\n }\r\n\r\n getItems() { return [...this.items]; }\r\n getCount() { return this.items.length; }\r\n getTotal() { return this.items.reduce((sum, item) => sum + (item.price || 0), 0); }\r\n getOriginalTotal() { return this.items.reduce((sum, item) => sum + (item.originalPrice || item.price || 0), 0); }\r\n getSavings() { return this.getOriginalTotal() - this.getTotal(); }\r\n \r\n clear() {\r\n this.items = [];\r\n this.saveToStorage();\r\n this.notifyListeners('clear', null);\r\n debug('Cart cleared');\r\n }\r\n\r\n addListener(callback) { \r\n this.listeners.push(callback); \r\n }\r\n \r\n notifyListeners(action, product) {\r\n this.listeners.forEach(cb => { \r\n try { cb(action, product, this); } catch(e) { console.error(e); } \r\n });\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ CART UI CLASS\r\n \/\/ ============================================\r\n class CartUI {\r\n constructor(cart) {\r\n this.cart = cart;\r\n this.isOpen = false;\r\n this.elements = {};\r\n }\r\n\r\n init() {\r\n this.createCartHTML();\r\n this.cacheElements();\r\n this.bindEvents();\r\n this.update();\r\n this.cart.addListener(() => this.update());\r\n debug('UI initialized');\r\n }\r\n\r\n createCartHTML() {\r\n const existing = document.querySelector('.cssadda-floating-cart');\r\n if (existing) existing.remove();\r\n const existingOverlay = document.querySelector('.cssadda-cart-overlay');\r\n if (existingOverlay) existingOverlay.remove();\r\n const existingSidebar = document.querySelector('.cssadda-cart-sidebar');\r\n if (existingSidebar) existingSidebar.remove();\r\n\r\n const cartHTML = `\r\n <div class=\"cssadda-floating-cart\">\r\n <div class=\"cssadda-cart-preview\" onclick=\"CSSAddaCart.toggle()\">\r\n <span>Total:<\/span>\r\n <span class=\"cssadda-cart-preview-amount\">\u20b90<\/span>\r\n <\/div>\r\n <button class=\"cssadda-cart-btn\" onclick=\"CSSAddaCart.toggle()\" aria-label=\"Shopping Cart\">\r\n <i class=\"fas fa-shopping-cart\"><\/i>\r\n <span class=\"cssadda-cart-count\">0<\/span>\r\n <\/button>\r\n <\/div>\r\n <div class=\"cssadda-cart-overlay\" onclick=\"CSSAddaCart.toggle()\"><\/div>\r\n <div class=\"cssadda-cart-sidebar\">\r\n <div class=\"cssadda-cart-header\">\r\n <h2><i class=\"fas fa-shopping-cart\"><\/i> Your Cart<\/h2>\r\n <button class=\"cssadda-cart-close\" onclick=\"CSSAddaCart.toggle()\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div class=\"cssadda-cart-items\" id=\"cssadda-cart-items\">\r\n <div class=\"cssadda-cart-empty\">\r\n <i class=\"fas fa-shopping-bag\"><\/i>\r\n <h3>Your cart is empty<\/h3>\r\n <p>Add some study materials to get started!<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cssadda-cart-footer\">\r\n <div class=\"cssadda-cart-summary\">\r\n <div class=\"cssadda-cart-summary-row\">\r\n <span>Items<\/span>\r\n <span class=\"cssadda-item-count\">0<\/span>\r\n <\/div>\r\n <div class=\"cssadda-cart-summary-row cssadda-savings\">\r\n <span>You Save<\/span>\r\n <span class=\"cssadda-cart-savings\">\u20b90<\/span>\r\n <\/div>\r\n <div class=\"cssadda-cart-summary-row cssadda-total\">\r\n <span>Total<\/span>\r\n <span class=\"cssadda-cart-total\">\u20b90<\/span>\r\n <\/div>\r\n <\/div>\r\n <button class=\"cssadda-checkout-btn\" onclick=\"CSSAddaCart.checkout()\">\r\n <i class=\"fas fa-lock\"><\/i> Proceed to Checkout\r\n <\/button>\r\n <button class=\"cssadda-clear-btn\" onclick=\"CSSAddaCart.clear()\">\r\n <i class=\"fas fa-trash-alt\"><\/i> Clear Cart\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n document.body.insertAdjacentHTML('beforeend', cartHTML);\r\n \r\n if (!document.getElementById('cssadda-cart-styles')) {\r\n this.injectStyles();\r\n }\r\n }\r\n\r\n injectStyles() {\r\n const styles = document.createElement('style');\r\n styles.id = 'cssadda-cart-styles';\r\n styles.textContent = `\r\n .cssadda-floating-cart{position:fixed;top:20px;right:20px;z-index:99999;display:flex;align-items:center;gap:12px}\r\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}\r\n .cssadda-cart-btn:hover{transform:scale(1.1)}\r\n .cssadda-cart-btn i{font-size:1.5rem;color:#fff}\r\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}\r\n .cssadda-cart-count.empty{display:none}\r\n .cssadda-cart-count.bounce{animation:cssadda-bounce .5s ease}\r\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}\r\n .cssadda-cart-preview:hover{border-color:#ff6b35;transform:translateX(-5px)}\r\n .cssadda-cart-preview-amount{color:#ff6b35;font-weight:700}\r\n .cssadda-cart-preview.hidden{display:none}\r\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)}\r\n .cssadda-cart-overlay.active{opacity:1;visibility:visible}\r\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}\r\n .cssadda-cart-sidebar.active{transform:translateX(0)}\r\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}\r\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}\r\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}\r\n .cssadda-cart-close:hover{background:rgba(255,255,255,0.25);transform:rotate(90deg)}\r\n .cssadda-cart-items{flex:1;overflow-y:auto;padding:20px}\r\n .cssadda-cart-empty{text-align:center;padding:60px 20px;color:#9ca3af}\r\n .cssadda-cart-empty i{font-size:4rem;margin-bottom:20px;color:#d1d5db}\r\n .cssadda-cart-empty h3{font-size:1.2rem;color:#475569;margin-bottom:10px}\r\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}\r\n .cssadda-cart-item:hover{border-color:#fbbf24;box-shadow:0 2px 8px rgba(0,0,0,0.08)}\r\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}\r\n .cssadda-cart-item-icon.flashcards{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%)}\r\n .cssadda-cart-item-icon.notes{background:linear-gradient(135deg,#1e3a8a 0%,#2563EB 100%)}\r\n .cssadda-cart-item-icon.test-series{background:linear-gradient(135deg,#ff6b35 0%,#f59e0b 100%)}\r\n .cssadda-cart-item-icon.lastminute{background:linear-gradient(135deg,#dc2626 0%,#f87171 100%)}\r\n .cssadda-cart-item-icon.bundle{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}\r\n .cssadda-cart-item-details{flex:1}\r\n .cssadda-cart-item-type{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#ff6b35;font-weight:700;margin-bottom:4px}\r\n .cssadda-cart-item-name{font-size:.95rem;font-weight:600;color:#1e293b;margin-bottom:6px;line-height:1.3}\r\n .cssadda-cart-item-price{font-size:1.1rem;font-weight:700;color:#ff6b35}\r\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}\r\n .cssadda-cart-item-remove:hover{background:#dc2626;border-color:#dc2626;color:#fff}\r\n .cssadda-cart-footer{padding:25px;background:#f8fafc;border-top:2px solid #e2e8f0}\r\n .cssadda-cart-summary{margin-bottom:20px}\r\n .cssadda-cart-summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:.95rem;color:#475569}\r\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}\r\n .cssadda-cart-summary-row.cssadda-total span:last-child{color:#ff6b35;font-size:1.4rem}\r\n .cssadda-cart-summary-row.cssadda-savings{color:#10b981;font-weight:600}\r\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}\r\n .cssadda-checkout-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(255,107,53,0.4)}\r\n .cssadda-checkout-btn:disabled{background:#9ca3af !important;cursor:not-allowed;box-shadow:none;transform:none !important}\r\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}\r\n .cssadda-clear-btn:hover{border-color:#dc2626;color:#dc2626}\r\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}\r\n .cssadda-toast.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}\r\n .cssadda-toast.info{background:linear-gradient(135deg,#1e3a8a 0%,#2563EB 100%);color:#fff}\r\n .cssadda-toast.warning{background:linear-gradient(135deg,#ff6b35 0%,#f59e0b 100%);color:#fff}\r\n .cssadda-toast.error{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);color:#fff}\r\n @keyframes cssadda-bounce{0%,100%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}\r\n @keyframes cssadda-toast-in{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}\r\n @keyframes cssadda-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}\r\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}}\r\n `;\r\n document.head.appendChild(styles);\r\n }\r\n\r\n cacheElements() {\r\n this.elements = {\r\n overlay: document.querySelector('.cssadda-cart-overlay'),\r\n sidebar: document.querySelector('.cssadda-cart-sidebar'),\r\n itemsContainer: document.getElementById('cssadda-cart-items'),\r\n countBadge: document.querySelector('.cssadda-cart-count'),\r\n preview: document.querySelector('.cssadda-cart-preview'),\r\n previewAmount: document.querySelector('.cssadda-cart-preview-amount'),\r\n itemCount: document.querySelector('.cssadda-item-count'),\r\n savings: document.querySelector('.cssadda-cart-savings'),\r\n total: document.querySelector('.cssadda-cart-total'),\r\n checkoutBtn: document.querySelector('.cssadda-checkout-btn')\r\n };\r\n }\r\n\r\n bindEvents() {\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && this.isOpen) this.toggle();\r\n });\r\n }\r\n\r\n toggle() {\r\n this.isOpen = !this.isOpen;\r\n if (this.elements.overlay) this.elements.overlay.classList.toggle('active', this.isOpen);\r\n if (this.elements.sidebar) this.elements.sidebar.classList.toggle('active', this.isOpen);\r\n document.body.style.overflow = this.isOpen ? 'hidden' : '';\r\n }\r\n\r\n update() {\r\n const count = this.cart.getCount();\r\n const total = this.cart.getTotal();\r\n const savings = this.cart.getSavings();\r\n const items = this.cart.getItems();\r\n\r\n if (this.elements.countBadge) {\r\n this.elements.countBadge.textContent = count;\r\n this.elements.countBadge.classList.toggle('empty', count === 0);\r\n }\r\n if (this.elements.preview) this.elements.preview.classList.toggle('hidden', count === 0);\r\n if (this.elements.previewAmount) this.elements.previewAmount.textContent = '\u20b9' + total.toLocaleString();\r\n if (this.elements.itemCount) this.elements.itemCount.textContent = count;\r\n if (this.elements.savings) this.elements.savings.textContent = '\u20b9' + savings.toLocaleString();\r\n if (this.elements.total) this.elements.total.textContent = '\u20b9' + total.toLocaleString();\r\n if (this.elements.checkoutBtn) this.elements.checkoutBtn.disabled = count === 0;\r\n\r\n this.renderItems(items);\r\n this.updateProductButtons();\r\n }\r\n\r\n renderItems(items) {\r\n if (!this.elements.itemsContainer) return;\r\n \r\n if (items.length === 0) {\r\n this.elements.itemsContainer.innerHTML = `\r\n <div class=\"cssadda-cart-empty\">\r\n <i class=\"fas fa-shopping-bag\"><\/i>\r\n <h3>Your cart is empty<\/h3>\r\n <p>Add some study materials to get started!<\/p>\r\n <\/div>\r\n `;\r\n } else {\r\n this.elements.itemsContainer.innerHTML = items.map(item => `\r\n <div class=\"cssadda-cart-item\" data-id=\"${item.id}\">\r\n <div class=\"cssadda-cart-item-icon ${item.type || ''}\">\r\n <i class=\"fas ${item.icon || 'fa-box'}\"><\/i>\r\n <\/div>\r\n <div class=\"cssadda-cart-item-details\">\r\n <div class=\"cssadda-cart-item-type\">${this.getTypeLabel(item.type)}<\/div>\r\n <div class=\"cssadda-cart-item-name\">${item.name}<\/div>\r\n <div class=\"cssadda-cart-item-price\">\u20b9${item.price.toLocaleString()}<\/div>\r\n <\/div>\r\n <button class=\"cssadda-cart-item-remove\" onclick=\"CSSAddaCart.removeItem('${item.id}')\" title=\"Remove\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/button>\r\n <\/div>\r\n `).join('');\r\n }\r\n }\r\n\r\n getTypeLabel(type) {\r\n const labels = { \r\n 'flashcards': 'Flashcards', \r\n 'notes': 'Concise Notes', \r\n 'test-series': 'Test Series', \r\n 'lastminute': 'Last Minute Notes', \r\n 'bundle': 'Bundle Pack',\r\n 'pyq': 'Previous Year Questions'\r\n };\r\n return labels[type] || type || 'Product';\r\n }\r\n\r\n updateProductButtons() {\r\n const cartIds = this.cart.getItems().map(item => item.id);\r\n \r\n document.querySelectorAll('[data-product-id]').forEach(btn => {\r\n const productId = btn.dataset.productId;\r\n if (btn.classList.contains('purchased')) return;\r\n \r\n if (cartIds.includes(productId)) {\r\n btn.classList.add('in-cart');\r\n if (!btn.innerHTML.includes('In Cart')) {\r\n btn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> In Cart';\r\n }\r\n }\r\n });\r\n }\r\n\r\n animateCountBadge() {\r\n if (this.elements.countBadge) {\r\n this.elements.countBadge.classList.add('bounce');\r\n setTimeout(() => this.elements.countBadge.classList.remove('bounce'), 500);\r\n }\r\n }\r\n\r\n showToast(message, type = 'info') {\r\n const existing = document.querySelector('.cssadda-toast');\r\n if (existing) existing.remove();\r\n \r\n const toast = document.createElement('div');\r\n toast.className = 'cssadda-toast ' + type;\r\n toast.innerHTML = message;\r\n document.body.appendChild(toast);\r\n \r\n setTimeout(() => {\r\n toast.style.opacity = '0';\r\n toast.style.transform = 'translateX(-50%) translateY(20px)';\r\n setTimeout(() => toast.remove(), 300);\r\n }, CONFIG.toastDuration);\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ INITIALIZE CART\r\n \/\/ ============================================\r\n const cart = new Cart();\r\n const ui = new CartUI(cart);\r\n\r\n \/\/ ============================================\r\n \/\/ GLOBAL API\r\n \/\/ ============================================\r\n window.CSSAddaCart = {\r\n init: function() { \r\n ui.init(); \r\n },\r\n \r\n addItem: function(product, buttonElement) {\r\n debug('Adding item:', product);\r\n \r\n const result = cart.addItem(product);\r\n \r\n if (result.success) {\r\n ui.animateCountBadge();\r\n ui.showToast('\u2705 ' + product.name + ' added!', 'success');\r\n \r\n if (buttonElement) {\r\n buttonElement.classList.add('in-cart');\r\n buttonElement.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> In Cart';\r\n }\r\n \r\n setTimeout(() => {\r\n if (!ui.isOpen) ui.toggle();\r\n }, 400);\r\n } else {\r\n ui.showToast(result.message, 'warning');\r\n }\r\n \r\n return result;\r\n },\r\n \r\n removeItem: function(productId) {\r\n const result = cart.removeItem(productId);\r\n \r\n if (result.success) {\r\n ui.showToast('Item removed', 'info');\r\n \r\n document.querySelectorAll('[data-product-id=\"' + productId + '\"]').forEach(btn => {\r\n if (!btn.classList.contains('purchased')) {\r\n btn.classList.remove('in-cart');\r\n btn.innerHTML = '<i class=\"fas fa-cart-plus\"><\/i> Add';\r\n }\r\n });\r\n }\r\n \r\n return result;\r\n },\r\n \r\n clear: function() {\r\n if (cart.getCount() === 0) { \r\n ui.showToast('Cart is already empty!', 'warning'); \r\n return; \r\n }\r\n \r\n if (confirm('Clear all items from your cart?')) {\r\n cart.clear();\r\n ui.showToast('Cart cleared!', 'info');\r\n \r\n document.querySelectorAll('.in-cart').forEach(btn => {\r\n if (!btn.classList.contains('purchased')) {\r\n btn.classList.remove('in-cart');\r\n btn.innerHTML = '<i class=\"fas fa-cart-plus\"><\/i> Add';\r\n }\r\n });\r\n }\r\n },\r\n \r\n toggle: function() { ui.toggle(); },\r\n getItems: function() { return cart.getItems(); },\r\n getCount: function() { return cart.getCount(); },\r\n getTotal: function() { return cart.getTotal(); },\r\n hasItem: function(productId) { return cart.hasItem(productId); },\r\n showToast: function(message, type) { ui.showToast(message, type); },\r\n \r\n checkout: function() {\r\n debug('Checkout initiated');\r\n \r\n if (cart.getCount() === 0) { \r\n ui.showToast('Your cart is empty!', 'warning'); \r\n return; \r\n }\r\n \r\n if (typeof cssaddaCartSync === 'undefined') {\r\n console.error('cssaddaCartSync not found! PHP snippet is not active.');\r\n ui.showToast('\u26a0\ufe0f System error. Please refresh the page.', 'error');\r\n return;\r\n }\r\n \r\n const cartItems = cart.getItems();\r\n debug('Cart items to checkout:', cartItems);\r\n \r\n const invalidItems = cartItems.filter(item => !item.wooProductId || item.wooProductId === 0);\r\n \r\n if (invalidItems.length > 0) {\r\n const names = invalidItems.map(i => i.name).slice(0, 3).join(', ');\r\n const more = invalidItems.length > 3 ? ' and ' + (invalidItems.length - 3) + ' more' : '';\r\n ui.showToast('\u26a0\ufe0f Not available: ' + names + more, 'warning');\r\n console.error('Products without WooCommerce IDs:', invalidItems);\r\n return;\r\n }\r\n \r\n const checkoutBtn = document.querySelector('.cssadda-checkout-btn');\r\n const originalHTML = checkoutBtn ? checkoutBtn.innerHTML : '';\r\n \r\n if (checkoutBtn) {\r\n checkoutBtn.disabled = true;\r\n checkoutBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Processing...';\r\n }\r\n \r\n ui.showToast('\ud83d\udd04 Preparing checkout...', 'info');\r\n \r\n const formData = new FormData();\r\n formData.append('action', 'cssadda_sync_cart');\r\n formData.append('nonce', cssaddaCartSync.nonce);\r\n formData.append('debug', CONFIG.DEBUG_MODE ? 'true' : 'false');\r\n \r\n cartItems.forEach((item, index) => {\r\n formData.append('cart_items[' + index + '][id]', item.id);\r\n formData.append('cart_items[' + index + '][name]', item.name);\r\n formData.append('cart_items[' + index + '][wooProductId]', item.wooProductId);\r\n formData.append('cart_items[' + index + '][price]', item.price);\r\n formData.append('cart_items[' + index + '][quantity]', 1);\r\n });\r\n \r\n debug('Sending sync request to:', cssaddaCartSync.ajaxUrl);\r\n \r\n fetch(cssaddaCartSync.ajaxUrl, {\r\n method: 'POST',\r\n body: formData,\r\n credentials: 'same-origin'\r\n })\r\n .then(response => {\r\n debug('Response status:', response.status);\r\n if (!response.ok) {\r\n throw new Error('HTTP ' + response.status);\r\n }\r\n return response.json();\r\n })\r\n .then(data => {\r\n debug('Sync response:', data);\r\n \r\n if (data.success && data.data && data.data.added_count > 0) {\r\n const addedCount = data.data.added_count;\r\n const failedCount = data.data.failed_count || 0;\r\n \r\n let message = '\u2705 ' + addedCount + ' item(s) ready!';\r\n if (failedCount > 0) {\r\n message += ' (' + failedCount + ' unavailable)';\r\n console.warn('Failed items:', data.data.failed);\r\n }\r\n \r\n ui.showToast(message + ' Redirecting to checkout...', 'success');\r\n \r\n const redirectUrl = data.data.redirect_to || data.data.checkout_url || cssaddaCartSync.checkoutUrl;\r\n debug('Redirecting to:', redirectUrl);\r\n \r\n sessionStorage.setItem('cssadda_checkout_pending', 'true');\r\n \r\n if (ui.isOpen) ui.toggle();\r\n \r\n setTimeout(() => {\r\n window.location.href = redirectUrl;\r\n }, 1200);\r\n \r\n } else {\r\n const errorMsg = (data.data && data.data.message) ? data.data.message : 'Could not process checkout';\r\n ui.showToast('\u274c ' + errorMsg, 'error');\r\n \r\n console.error('Checkout failed:', data);\r\n if (data.data && data.data.failed) {\r\n console.error('Failed items:', data.data.failed);\r\n }\r\n if (data.data && data.data.debug_log) {\r\n console.log('Debug log:', data.data.debug_log);\r\n }\r\n \r\n if (checkoutBtn) {\r\n checkoutBtn.disabled = false;\r\n checkoutBtn.innerHTML = originalHTML;\r\n }\r\n }\r\n })\r\n .catch(error => {\r\n console.error('Checkout network error:', error);\r\n ui.showToast('\u274c Connection error. Please try again.', 'error');\r\n \r\n if (checkoutBtn) {\r\n checkoutBtn.disabled = false;\r\n checkoutBtn.innerHTML = originalHTML;\r\n }\r\n });\r\n },\r\n \r\n debug: function() {\r\n console.log('=== CSS ADDA Cart Debug ===');\r\n console.log('Local cart items:', cart.getItems());\r\n console.log('Cart count:', cart.getCount());\r\n console.log('Cart total:', cart.getTotal());\r\n console.log('cssaddaCartSync:', typeof cssaddaCartSync !== 'undefined' ? cssaddaCartSync : 'NOT DEFINED');\r\n }\r\n };\r\n\r\n \/\/ ============================================\r\n \/\/ INITIALIZE ON DOM READY\r\n \/\/ ============================================\r\n function initCart() {\r\n CSSAddaCart.init();\r\n debug('Cart system ready!');\r\n \r\n if (typeof cssaddaCartSync === 'undefined') {\r\n console.warn('[CSS ADDA] \u26a0\ufe0f PHP snippet not active! Cart sync will not work.');\r\n console.warn('[CSS ADDA] Make sure \"CSS Adda Cart Sync v3\" snippet is active in WordPress.');\r\n } else {\r\n debug('PHP integration active. Checkout URL:', cssaddaCartSync.checkoutUrl);\r\n }\r\n }\r\n \r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initCart);\r\n } else {\r\n initCart();\r\n }\r\n \r\n})();\r\n\r\n\/\/ ============================================\r\n\/\/ HERO CAROUSEL FUNCTIONALITY\r\n\/\/ ============================================\r\nlet currentSlide = 0;\r\nlet slideInterval;\r\nconst totalSlides = 3;\r\n\r\nfunction changeSlide(direction) {\r\n currentSlide += direction;\r\n if (currentSlide >= totalSlides) currentSlide = 0;\r\n if (currentSlide < 0) currentSlide = totalSlides - 1;\r\n updateCarousel();\r\n resetAutoSlide();\r\n}\r\n\r\nfunction goToSlide(index) {\r\n currentSlide = index;\r\n updateCarousel();\r\n resetAutoSlide();\r\n}\r\n\r\nfunction updateCarousel() {\r\n const slides = document.getElementById('heroSlides');\r\n const dots = document.querySelectorAll('.hero-dot');\r\n \r\n if (slides) {\r\n slides.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n }\r\n \r\n dots.forEach((dot, index) => {\r\n dot.classList.toggle('active', index === currentSlide);\r\n });\r\n}\r\n\r\nfunction startAutoSlide() {\r\n slideInterval = setInterval(() => {\r\n currentSlide++;\r\n if (currentSlide >= totalSlides) currentSlide = 0;\r\n updateCarousel();\r\n }, 5000);\r\n}\r\n\r\nfunction resetAutoSlide() {\r\n clearInterval(slideInterval);\r\n startAutoSlide();\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n startAutoSlide();\r\n});\r\n\r\n\/\/ ============================================\r\n\/\/ FILTER NAVIGATION FUNCTIONALITY\r\n\/\/ ============================================\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const filterTabs = document.querySelectorAll('.filter-tab');\r\n \r\n const filterSections = {\r\n 'all': ['pyqs', 'paper1', 'paper2', 'live'],\r\n 'pyqs': ['pyqs'],\r\n 'paper1': ['paper1'],\r\n 'paper2': ['paper2'],\r\n 'live': ['live']\r\n };\r\n \r\n filterTabs.forEach(tab => {\r\n tab.addEventListener('click', function() {\r\n const filter = this.dataset.filter;\r\n \r\n filterTabs.forEach(t => t.classList.remove('active'));\r\n this.classList.add('active');\r\n \r\n const allSections = document.querySelectorAll('.test-series-section, .live-section');\r\n \r\n if (filter === 'all') {\r\n allSections.forEach(section => {\r\n section.style.display = '';\r\n });\r\n const filterNav = document.querySelector('.filter-nav');\r\n if (filterNav) {\r\n window.scrollTo({\r\n top: filterNav.offsetTop + filterNav.offsetHeight + 20,\r\n behavior: 'smooth'\r\n });\r\n }\r\n } else {\r\n allSections.forEach(section => {\r\n section.style.display = 'none';\r\n });\r\n \r\n const sectionsToShow = filterSections[filter] || [];\r\n sectionsToShow.forEach(sectionId => {\r\n const section = document.getElementById(sectionId);\r\n if (section) {\r\n section.style.display = '';\r\n }\r\n });\r\n \r\n if (sectionsToShow.length > 0) {\r\n const firstSection = document.getElementById(sectionsToShow[0]);\r\n if (firstSection) {\r\n const offset = 100;\r\n const elementPosition = firstSection.getBoundingClientRect().top;\r\n const offsetPosition = elementPosition + window.pageYOffset - offset;\r\n \r\n window.scrollTo({\r\n top: offsetPosition,\r\n behavior: 'smooth'\r\n });\r\n }\r\n }\r\n }\r\n });\r\n });\r\n});\r\n\r\n\/\/ ============================================\r\n\/\/ FAQ FUNCTIONALITY\r\n\/\/ ============================================\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n \r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n question.addEventListener('click', function() {\r\n const isActive = item.classList.contains('active');\r\n \r\n faqItems.forEach(faq => faq.classList.remove('active'));\r\n \r\n if (!isActive) {\r\n item.classList.add('active');\r\n }\r\n });\r\n });\r\n});\r\n\r\n\/\/ ============================================\r\n\/\/ HELPER FUNCTION FOR PRODUCT BUTTONS\r\n\/\/ ============================================\r\nfunction addToCart(product, buttonElement) {\r\n if (typeof cssaddaIsLoggedIn !== 'undefined' && !cssaddaIsLoggedIn) {\r\n CSSAddaCart.showToast('Please login to add items to cart', 'warning');\r\n setTimeout(() => {\r\n window.location.href = '\/my-account\/';\r\n }, 1500);\r\n return;\r\n }\r\n \r\n if (buttonElement && buttonElement.classList.contains('purchased')) {\r\n const accessUrl = buttonElement.dataset.accessUrl;\r\n if (accessUrl) {\r\n window.location.href = accessUrl;\r\n } else {\r\n CSSAddaCart.showToast('Redirecting to your test...', 'info');\r\n window.location.href = '?page_id=4602';\r\n }\r\n return;\r\n }\r\n \r\n if (!product.wooProductId || product.wooProductId === 0) {\r\n CSSAddaCart.showToast('\u23f3 Coming soon! This product is not available yet.', 'warning');\r\n return;\r\n }\r\n \r\n CSSAddaCart.addItem(product, buttonElement);\r\n}\r\n\r\n\/\/ ============================================\r\n\/\/ MARK PURCHASED PRODUCTS ON PAGE LOAD\r\n\/\/ ============================================\r\nfunction markPurchasedProducts() {\r\n if (typeof cssaddaPurchased === 'undefined' || !cssaddaPurchased) {\r\n console.log('[CSS ADDA] No purchased products data found');\r\n return;\r\n }\r\n \r\n console.log('[CSS ADDA] Checking purchased products:', cssaddaPurchased);\r\n \r\n const productButtons = document.querySelectorAll('.btn-add-cart[onclick], .btn-bundle[onclick]');\r\n \r\n productButtons.forEach(btn => {\r\n const onclickAttr = btn.getAttribute('onclick');\r\n \r\n if (onclickAttr) {\r\n const match = onclickAttr.match(\/wooProductId:\\s*(\\d+)\/);\r\n if (match && match[1]) {\r\n const wooProductId = match[1];\r\n \r\n if (wooProductId !== '0' && cssaddaPurchased[wooProductId]) {\r\n const purchasedProduct = cssaddaPurchased[wooProductId];\r\n \r\n btn.classList.add('purchased');\r\n btn.innerHTML = '<i class=\"fas fa-play-circle\"><\/i> Take Test';\r\n \r\n if (purchasedProduct.quiz_url) {\r\n btn.dataset.accessUrl = purchasedProduct.quiz_url;\r\n }\r\n \r\n console.log('[CSS ADDA] Marked as purchased:', purchasedProduct.name, 'WooID:', wooProductId);\r\n }\r\n }\r\n }\r\n });\r\n}\r\n\/\/ ============================================\r\n\/\/ BUNDLE SCROLL NAVIGATION\r\n\/\/ ============================================\r\nfunction scrollBundles(direction) {\r\n const grid = document.getElementById('bundleGrid');\r\n const scrollAmount = 350; \/\/ Card width + gap\r\n grid.scrollBy({\r\n left: direction * scrollAmount,\r\n behavior: 'smooth'\r\n });\r\n}\r\n\r\n\/\/ ============================================\r\n\/\/ BUNDLE TOPICS TOGGLE FUNCTION\r\n\/\/ ============================================\r\nfunction toggleBundleTopics(element) {\r\n const topicsList = element.nextElementSibling;\r\n const isExpanded = topicsList.classList.contains('expanded');\r\n \r\n \/\/ Close all other expanded lists\r\n document.querySelectorAll('.bundle-topics-list.expanded').forEach(list => {\r\n if (list !== topicsList) {\r\n list.classList.remove('expanded');\r\n list.previousElementSibling.classList.remove('active');\r\n }\r\n });\r\n \r\n \/\/ Toggle current list\r\n if (isExpanded) {\r\n topicsList.classList.remove('expanded');\r\n element.classList.remove('active');\r\n } else {\r\n topicsList.classList.add('expanded');\r\n element.classList.add('active');\r\n }\r\n}\r\n\r\n\/\/ ============================================\r\n\/\/ BUNDLE ADD TO CART FUNCTION\r\n\/\/ ============================================\r\nfunction addBundleToCart(product, buttonElement) {\r\n \/\/ Check login status\r\n if (typeof cssaddaIsLoggedIn !== 'undefined' && !cssaddaIsLoggedIn) {\r\n CSSAddaCart.showToast('Please login to add items to cart', 'warning');\r\n setTimeout(() => {\r\n window.location.href = '\/my-account\/';\r\n }, 1500);\r\n return;\r\n }\r\n \r\n \/\/ Check if already purchased\r\n if (buttonElement && buttonElement.classList.contains('purchased')) {\r\n const accessUrl = buttonElement.dataset.accessUrl;\r\n if (accessUrl) {\r\n window.location.href = accessUrl;\r\n } else {\r\n CSSAddaCart.showToast('Redirecting to your tests...', 'info');\r\n window.location.href = '?page_id=4602';\r\n }\r\n return;\r\n }\r\n \r\n \/\/ Check if WooCommerce ID is set\r\n if (!product.wooProductId || product.wooProductId === 0) {\r\n CSSAddaCart.showToast('\u23f3 Coming soon! This bundle is not available yet.', 'warning');\r\n return;\r\n }\r\n \r\n \/\/ Add to cart using existing cart system\r\n CSSAddaCart.addItem(product, buttonElement);\r\n}\r\n\r\n\/\/ ============================================\r\n\/\/ MARK PURCHASED BUNDLES ON PAGE LOAD\r\n\/\/ ============================================\r\nfunction markPurchasedBundles() {\r\n if (typeof cssaddaPurchased === 'undefined' || !cssaddaPurchased) {\r\n return;\r\n }\r\n \r\n const bundleButtons = document.querySelectorAll('.btn-bundle-cart[onclick]');\r\n \r\n bundleButtons.forEach(btn => {\r\n const onclickAttr = btn.getAttribute('onclick');\r\n \r\n if (onclickAttr) {\r\n const match = onclickAttr.match(\/wooProductId:\\s*(\\d+)\/);\r\n if (match && match[1]) {\r\n const wooProductId = match[1];\r\n \r\n if (wooProductId !== '0' && cssaddaPurchased[wooProductId]) {\r\n const purchasedProduct = cssaddaPurchased[wooProductId];\r\n \r\n btn.classList.add('purchased');\r\n btn.innerHTML = '<i class=\"fas fa-play-circle\"><\/i> Access Tests';\r\n \r\n if (purchasedProduct.quiz_url) {\r\n btn.dataset.accessUrl = purchasedProduct.quiz_url;\r\n }\r\n }\r\n }\r\n }\r\n });\r\n}\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n setTimeout(markPurchasedProducts, 100);\r\n setTimeout(markPurchasedBundles, 100);\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\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>Test Series – CSS Adda | SSC ASO LDCE CBT Exam Preparation SSC ASO LDCE CBT Test Series Comprehensive practice […]<\/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-11128","page","type-page","status-publish","hentry","category-website-main-pages-header"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/11128","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=11128"}],"version-history":[{"count":86,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/11128\/revisions"}],"predecessor-version":[{"id":12332,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/11128\/revisions\/12332"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Test Series - CSS Adda | SSC ASO LDCE CBT Exam Preparation<\/title>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* ===== ELEMENTOR OVERRIDE - REMOVE ALL GAPS ===== *\/\r\n .elementor-widget-html,\r\n .elementor-widget-html .elementor-widget-container {\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n \r\n .elementor-section.elementor-section-stretched,\r\n .elementor-section-full_width,\r\n .elementor-container,\r\n .elementor-column,\r\n .elementor-column-wrap,\r\n .elementor-widget-wrap,\r\n .elementor-element {\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n gap: 0 !important;\r\n }\r\n \/* ===== ROOT VARIABLES ===== *\/\r\n :root {\r\n --primary-blue: #1e3a8a;\r\n --primary-blue-light: #3b82f6;\r\n --primary-blue-dark: #1e40af;\r\n --accent-orange: #ff6b35;\r\n --accent-orange-light: #ff8c5a;\r\n --accent-orange-dark: #e55a2b;\r\n --accent-yellow: #fbbf24;\r\n --accent-yellow-light: #fef3c7;\r\n --success-green: #10b981;\r\n --paper2-green: #065f46;\r\n --paper2-green-light: #10b981;\r\n --pyq-purple: #7c3aed;\r\n --pyq-purple-light: #a78bfa;\r\n --text-dark: #1f2937;\r\n --text-gray: #6b7280;\r\n --text-light: #9ca3af;\r\n --bg-light: #f8fafc;\r\n --bg-white: #ffffff;\r\n --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);\r\n --shadow-md: 0 4px 20px rgba(0,0,0,0.12);\r\n --shadow-lg: 0 8px 30px rgba(0,0,0,0.15);\r\n --border-radius: 12px;\r\n --border-radius-lg: 20px;\r\n }\r\n\r\n \/* ===== RESET & BASE ===== *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background: var(--bg-light);\r\n color: var(--text-dark);\r\n line-height: 1.6;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* ===== HERO CAROUSEL SECTION ===== *\/\r\n .hero-carousel {\r\n position: relative;\r\n width: 100%;\r\n height: 450px;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-slides {\r\n display: flex;\r\n width: 100%;\r\n height: 100%;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .hero-slide {\r\n min-width: 100%;\r\n height: 100%;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .hero-slide-bg {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .hero-slide-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(30, 58, 138, 0.85) 0%, rgba(59, 130, 246, 0.7) 50%, rgba(255, 107, 53, 0.6) 100%);\r\n }\r\n\r\n .hero-slide-content {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n padding: 0 20px;\r\n max-width: 800px;\r\n }\r\n\r\n .hero-slide-content h1 {\r\n font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif;\r\n font-size: 48px;\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 15px;\r\n text-shadow: 0 4px 20px rgba(0,0,0,0.3);\r\n }\r\n\r\n .hero-slide-content h1 span {\r\n color: var(--accent-yellow);\r\n }\r\n\r\n .hero-slide-content p {\r\n font-size: 20px;\r\n color: rgba(255,255,255,0.95);\r\n max-width: 600px;\r\n margin: 0 auto;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\r\n }\r\n\r\n \/* Carousel Navigation Dots *\/\r\n .hero-dots {\r\n position: absolute;\r\n bottom: 25px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n gap: 12px;\r\n z-index: 10;\r\n }\r\n\r\n .hero-dot {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.4);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: 2px solid transparent;\r\n }\r\n\r\n .hero-dot:hover {\r\n background: rgba(255,255,255,0.6);\r\n }\r\n\r\n .hero-dot.active {\r\n background: var(--accent-yellow);\r\n transform: scale(1.2);\r\n border-color: white;\r\n }\r\n\r\n \/* Carousel Arrow Navigation *\/\r\n .hero-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(255,255,255,0.15);\r\n border: none;\r\n border-radius: 50%;\r\n color: white;\r\n font-size: 20px;\r\n cursor: pointer;\r\n z-index: 10;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .hero-nav:hover {\r\n background: rgba(255,255,255,0.25);\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n\r\n .hero-nav.prev { left: 20px; }\r\n .hero-nav.next { right: 20px; }\r\n\r\n \/* ===== FILTER NAVIGATION ===== *\/\r\n .filter-nav {\r\n background: white;\r\n padding: 0;\r\n margin-top: -30px;\r\n position: relative;\r\n z-index: 10;\r\n border-radius: var(--border-radius-lg);\r\n box-shadow: var(--shadow-md);\r\n max-width: 900px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n overflow: hidden;\r\n }\r\n\r\n .filter-tabs {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .filter-tab {\r\n flex: 1;\r\n min-width: 100px;\r\n padding: 16px 20px;\r\n text-align: center;\r\n font-weight: 600;\r\n font-size: 13px;\r\n color: var(--text-gray);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border-bottom: 3px solid transparent;\r\n background: transparent;\r\n }\r\n\r\n .filter-tab:hover {\r\n color: var(--primary-blue);\r\n background: var(--bg-light);\r\n }\r\n\r\n .filter-tab.active {\r\n color: var(--accent-orange);\r\n border-bottom-color: var(--accent-orange);\r\n background: rgba(255,107,53,0.05);\r\n }\r\n\r\n .filter-tab i {\r\n display: block;\r\n font-size: 18px;\r\n margin-bottom: 4px;\r\n }\r\n\r\n \/* ===== INFO BANNER ===== *\/\r\n .info-banner {\r\n background: linear-gradient(135deg, #dbeafe 0%, #eff6ff 100%);\r\n border-left: 4px solid var(--primary-blue);\r\n padding: 15px 20px;\r\n margin: 20px auto;\r\n max-width: 1000px;\r\n border-radius: 0 var(--border-radius) var(--border-radius) 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .info-banner i {\r\n font-size: 24px;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .info-banner p {\r\n font-size: 14px;\r\n color: var(--text-dark);\r\n }\r\n\r\n .info-banner strong {\r\n color: var(--primary-blue);\r\n }\r\n\r\n \/* ===== INFO CARDS SECTION ===== *\/\r\n .info-cards-section {\r\n padding: 40px 20px;\r\n background: var(--bg-light);\r\n }\r\n\r\n .info-cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 25px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .info-card {\r\n background: white;\r\n border-radius: 16px;\r\n padding: 30px 25px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n transition: all 0.3s ease;\r\n border: 2px solid transparent;\r\n }\r\n\r\n .info-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .info-card.green {\r\n background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);\r\n border-color: #6ee7b7;\r\n }\r\n\r\n .info-card.blue {\r\n background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\r\n border-color: #93c5fd;\r\n }\r\n\r\n .info-card.orange {\r\n background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\r\n border-color: #fcd34d;\r\n }\r\n\r\n .info-card-icon {\r\n width: 55px;\r\n height: 55px;\r\n min-width: 55px;\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n }\r\n\r\n .info-card.green .info-card-icon {\r\n background: rgba(16, 185, 129, 0.15);\r\n color: #059669;\r\n }\r\n\r\n .info-card.blue .info-card-icon {\r\n background: rgba(59, 130, 246, 0.15);\r\n color: #2563eb;\r\n }\r\n\r\n .info-card.orange .info-card-icon {\r\n background: rgba(245, 158, 11, 0.15);\r\n color: #d97706;\r\n }\r\n\r\n .info-card-content h3 {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n margin-bottom: 2px;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .info-card-content h3 .emoji {\r\n font-size: 14px;\r\n }\r\n\r\n .info-card-content .highlight {\r\n font-weight: 700;\r\n display: block;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .info-card.green .info-card-content .highlight {\r\n color: #059669;\r\n }\r\n\r\n .info-card.blue .info-card-content .highlight {\r\n color: #2563eb;\r\n }\r\n\r\n .info-card.orange .info-card-content .highlight {\r\n color: #d97706;\r\n }\r\n\r\n .info-card-content p {\r\n font-size: 13px;\r\n color: var(--text-gray);\r\n line-height: 1.6;\r\n }\r\n\r\n .info-card-content p strong {\r\n color: var(--text-dark);\r\n font-weight: 600;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .info-cards-grid {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n\r\n .info-card {\r\n padding: 20px;\r\n }\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .section-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--accent-orange);\r\n color: white;\r\n padding: 6px 16px;\r\n border-radius: 20px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif;\r\n font-size: 32px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 16px;\r\n color: var(--text-gray);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ===== TEST SERIES SECTIONS ===== *\/\r\n .test-series-section {\r\n padding: 60px 20px;\r\n }\r\n\r\n .test-series-section:nth-child(even) {\r\n background: white;\r\n }\r\n\r\n .paper-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 18px;\r\n border-radius: 25px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .paper-badge.paper1 {\r\n background: #dbeafe;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .paper-badge.paper2 {\r\n background: #d1fae5;\r\n color: var(--paper2-green);\r\n }\r\n\r\n .paper-badge.pyq {\r\n background: #ede9fe;\r\n color: var(--pyq-purple);\r\n }\r\n\r\n .paper-badge.live {\r\n background: #fce7f3;\r\n color: #9d174d;\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* PRODUCT CARD DESIGN *\/\r\n \/* ============================================ *\/\r\n .topic-grid { \r\n display: grid; \r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); \r\n gap: 24px; \r\n }\r\n\r\n .topic-card {\r\n background: #fff;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\r\n transition: all 0.3s ease;\r\n border: 1px solid #e5e7eb;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .topic-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 30px rgba(0,0,0,0.12);\r\n border-color: #3b82f6;\r\n }\r\n\r\n \/* Card Banner\/Image Area *\/\r\n.topic-card .card-banner {\r\n position: relative;\r\n height: 180px;\r\n overflow: hidden;\r\n background: #f8fafc;\r\n border-radius: 16px 16px 0 0; \/* Add this *\/\r\n}\r\n\r\n \/* Banner Image - Fit Completely *\/\r\n.card-banner-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n padding: 10px;\r\n background: #f8fafc;\r\n border-radius: 12px; \/* Add this *\/\r\n}\r\n\r\n \/* Fallback gradient backgrounds when no image *\/\r\n .topic-card.pyq-topic .card-banner {\r\n background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);\r\n }\r\n\r\n .topic-card.paper2-topic .card-banner {\r\n background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);\r\n }\r\n\r\n \/* Placeholder icon when no image - centered *\/\r\n .card-banner-placeholder {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(255,255,255,0.15);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n backdrop-filter: blur(5px);\r\n }\r\n\r\n .card-banner-placeholder i {\r\n font-size: 28px;\r\n color: rgba(255,255,255,0.6);\r\n }\r\n\r\n \/* Test Series Badge on Banner *\/\r\n .card-type-badge {\r\n position: absolute;\r\n bottom: 12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n color: #fff;\r\n padding: 6px 16px;\r\n border-radius: 20px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);\r\n }\r\n\r\n \/* New Interface Badge *\/\r\n .new-badge {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\r\n color: #fff;\r\n padding: 4px 10px;\r\n border-radius: 6px;\r\n font-size: 10px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n z-index: 3;\r\n }\r\n\r\n .new-badge.pyq-badge {\r\n background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);\r\n }\r\n\r\n \/* Card Body *\/\r\n .card-body {\r\n padding: 16px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n \/* Tags Row *\/\r\n .card-tags {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .card-tag {\r\n padding: 4px 10px;\r\n border-radius: 4px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .card-tag.lang-tag {\r\n background: #e0f2fe;\r\n color: #0369a1;\r\n }\r\n\r\n .card-tag.type-tag {\r\n background: #dcfce7;\r\n color: #059669;\r\n }\r\n\r\n .topic-card.pyq-topic .card-tag.type-tag {\r\n background: #f3e8ff;\r\n color: #7c3aed;\r\n }\r\n\r\n \/* Card Title *\/\r\n .card-title {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #1f2937;\r\n line-height: 1.4;\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* Tests Count *\/\r\n .card-tests-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 12px;\r\n color: #6b7280;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .card-tests-info i {\r\n color: #9ca3af;\r\n font-size: 11px;\r\n }\r\n\r\n \/* Card Footer with Price *\/\r\n .card-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding-top: 12px;\r\n border-top: 1px solid #f3f4f6;\r\n margin-top: auto;\r\n }\r\n\r\n .card-price {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .price-current {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #1f2937;\r\n }\r\n\r\n .price-original {\r\n font-size: 13px;\r\n color: #9ca3af;\r\n text-decoration: line-through;\r\n }\r\n\r\n .price-discount {\r\n font-size: 12px;\r\n color: #10b981;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Add to Cart Button *\/\r\n .btn-add-cart {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n padding: 10px 18px;\r\n background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\r\n color: white;\r\n border: none;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n font-size: 12px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n font-family: 'Poppins', sans-serif;\r\n min-width: 90px;\r\n }\r\n\r\n .btn-add-cart:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\r\n }\r\n\r\n .btn-add-cart.in-cart {\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n }\r\n\r\n .btn-add-cart.purchased {\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;\r\n box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3) !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .btn-add-cart.purchased:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4) !important;\r\n }\r\n\r\n .btn-add-cart.purchased i {\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.7; }\r\n }\r\n\r\n \/* ===== LIVE TEST SERIES SECTION ===== *\/\r\n .live-section {\r\n padding: 60px 20px;\r\n background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);\r\n }\r\n\r\n .live-notice {\r\n background: white;\r\n border-radius: var(--border-radius-lg);\r\n padding: 40px;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .live-notice-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, #ec4899 0%, #9d174d 100%);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n font-size: 36px;\r\n color: white;\r\n }\r\n\r\n .live-notice h3 {\r\n font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif;\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .live-notice p {\r\n font-size: 16px;\r\n color: var(--text-gray);\r\n max-width: 500px;\r\n margin: 0 auto 20px;\r\n }\r\n\r\n .live-notice .highlight {\r\n display: inline-block;\r\n background: #fce7f3;\r\n color: #9d174d;\r\n padding: 8px 20px;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n font-size: 14px;\r\n }\r\n\r\n \/* ===== FAQ SECTION ===== *\/\r\n .faq-section {\r\n padding: 60px 20px;\r\n background: var(--bg-light);\r\n }\r\n\r\n .faq-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .faq-item {\r\n background: white;\r\n border-radius: var(--border-radius);\r\n margin-bottom: 15px;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .faq-question {\r\n padding: 20px 25px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .faq-question:hover {\r\n background: var(--bg-light);\r\n }\r\n\r\n .faq-question i {\r\n transition: transform 0.3s ease;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .faq-item.active .faq-question i {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 200px;\r\n }\r\n\r\n .faq-answer p {\r\n padding: 0 25px 20px;\r\n color: var(--text-gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 992px) {\r\n .info-cards-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .topic-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .hero-carousel {\r\n height: 350px;\r\n }\r\n\r\n .hero-slide-content h1 {\r\n font-size: 32px;\r\n }\r\n\r\n .hero-slide-content p {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-carousel {\r\n height: 300px;\r\n }\r\n\r\n .hero-slide-content h1 {\r\n font-size: 26px;\r\n }\r\n\r\n .hero-slide-content p {\r\n font-size: 14px;\r\n }\r\n\r\n .hero-nav {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 16px;\r\n }\r\n\r\n .hero-nav.prev { left: 10px; }\r\n .hero-nav.next { right: 10px; }\r\n\r\n .filter-tabs {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .filter-tab {\r\n padding: 12px 10px;\r\n font-size: 11px;\r\n }\r\n\r\n .filter-tab i {\r\n font-size: 16px;\r\n }\r\n\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n\r\n .info-cards-grid {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n\r\n .topic-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n }\r\n\r\n .card-banner {\r\n height: 140px;\r\n }\r\n\r\n .card-body {\r\n padding: 12px;\r\n }\r\n\r\n .card-title {\r\n font-size: 13px;\r\n }\r\n\r\n .card-footer {\r\n flex-direction: column;\r\n gap: 10px;\r\n align-items: stretch;\r\n }\r\n\r\n .btn-add-cart {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container {\r\n padding: 0 15px;\r\n }\r\n\r\n .filter-tabs {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .topic-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n \/* ============================================ *\/\r\n\/* HORIZONTAL BUNDLE CARDS SECTION *\/\r\n\/* ============================================ *\/\r\n.bundle-section {\r\n padding: 60px 20px;\r\n background: linear-gradient(135deg, #fef3c7 0%, #fff7ed 50%, #fffbeb 100%);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.bundle-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -20%;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(255,107,53,0.1) 0%, transparent 70%);\r\n border-radius: 50%;\r\n}\r\n\r\n\/* Horizontal Scroll Container *\/\r\n.bundle-scroll-wrapper {\r\n position: relative;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n}\r\n\r\n.bundle-grid {\r\n display: flex;\r\n gap: 24px;\r\n overflow-x: auto;\r\n scroll-behavior: smooth;\r\n padding: 10px 5px 20px;\r\n scrollbar-width: thin;\r\n scrollbar-color: #ff6b35 #f1f5f9;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.bundle-grid::-webkit-scrollbar {\r\n height: 8px;\r\n}\r\n\r\n.bundle-grid::-webkit-scrollbar-track {\r\n background: #f1f5f9;\r\n border-radius: 10px;\r\n}\r\n\r\n.bundle-grid::-webkit-scrollbar-thumb {\r\n background: linear-gradient(135deg, #ff6b35 0%, #f59e0b 100%);\r\n border-radius: 10px;\r\n}\r\n\r\n.bundle-grid::-webkit-scrollbar-thumb:hover {\r\n background: linear-gradient(135deg, #e55a2b 0%, #d97706 100%);\r\n}\r\n\r\n\/* Scroll Navigation Arrows *\/\r\n.bundle-scroll-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 45px;\r\n height: 45px;\r\n background: white;\r\n border: none;\r\n border-radius: 50%;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.15);\r\n cursor: pointer;\r\n z-index: 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: #1e3a8a;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.bundle-scroll-nav:hover {\r\n background: #1e3a8a;\r\n color: white;\r\n transform: translateY(-50%) scale(1.1);\r\n}\r\n\r\n.bundle-scroll-nav.prev {\r\n left: -20px;\r\n}\r\n\r\n.bundle-scroll-nav.next {\r\n right: -20px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .bundle-scroll-nav {\r\n display: none;\r\n }\r\n}\r\n\r\n\/* Bundle Card - Fixed Width for Horizontal Layout *\/\r\n.bundle-card {\r\n min-width: 320px;\r\n max-width: 320px;\r\n flex-shrink: 0;\r\n background: white;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 30px rgba(0,0,0,0.1);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n border: 2px solid transparent;\r\n}\r\n\r\n.bundle-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 15px 45px rgba(0,0,0,0.15);\r\n}\r\n\r\n.bundle-card.super-bundle { border-color: #fbbf24; }\r\n.bundle-card.super-bundle:hover { border-color: #f59e0b; }\r\n.bundle-card.pyq-bundle { border-color: #c4b5fd; }\r\n.bundle-card.pyq-bundle:hover { border-color: #a78bfa; }\r\n.bundle-card.paper1-bundle { border-color: #93c5fd; }\r\n.bundle-card.paper1-bundle:hover { border-color: #3b82f6; }\r\n.bundle-card.paper2-bundle { border-color: #6ee7b7; }\r\n.bundle-card.paper2-bundle:hover { border-color: #10b981; }\r\n\r\n\/* Bundle Header *\/\r\n.bundle-header {\r\n padding: 25px 20px 18px;\r\n position: relative;\r\n text-align: center;\r\n}\r\n\r\n.bundle-card.super-bundle .bundle-header {\r\n background: linear-gradient(135deg, #ff6b35 0%, #f59e0b 50%, #fbbf24 100%);\r\n}\r\n.bundle-card.pyq-bundle .bundle-header {\r\n background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);\r\n}\r\n.bundle-card.paper1-bundle .bundle-header {\r\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\r\n}\r\n.bundle-card.paper2-bundle .bundle-header {\r\n background: linear-gradient(135deg, #065f46 0%, #10b981 100%);\r\n}\r\n\r\n.bundle-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: rgba(255,255,255,0.2);\r\n backdrop-filter: blur(10px);\r\n padding: 5px 12px;\r\n border-radius: 15px;\r\n font-size: 10px;\r\n font-weight: 700;\r\n color: white;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.bundle-icon {\r\n width: 55px;\r\n height: 55px;\r\n background: rgba(255,255,255,0.2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 12px;\r\n font-size: 24px;\r\n color: white;\r\n backdrop-filter: blur(10px);\r\n}\r\n\r\n.bundle-title {\r\n font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif;\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: white;\r\n margin-bottom: 5px;\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.2);\r\n}\r\n\r\n.bundle-subtitle {\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 0;\r\n}\r\n\r\n\/* Popular Tag *\/\r\n.popular-tag {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n background: white;\r\n color: #f59e0b;\r\n padding: 4px 10px;\r\n border-radius: 15px;\r\n font-size: 9px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 3px 10px rgba(0,0,0,0.15);\r\n display: flex;\r\n align-items: center;\r\n gap: 3px;\r\n}\r\n\r\n\/* Bundle Body *\/\r\n.bundle-body {\r\n padding: 18px;\r\n}\r\n\r\n\/* Bundle Stats - Compact *\/\r\n.bundle-stats {\r\n display: flex;\r\n justify-content: space-around;\r\n padding: 12px 0;\r\n border-bottom: 1px dashed #e5e7eb;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.bundle-stat {\r\n text-align: center;\r\n}\r\n\r\n.bundle-stat-value {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n line-height: 1;\r\n}\r\n\r\n.bundle-card.super-bundle .bundle-stat-value { color: #f59e0b; }\r\n.bundle-card.pyq-bundle .bundle-stat-value { color: #7c3aed; }\r\n.bundle-card.paper1-bundle .bundle-stat-value { color: #1e3a8a; }\r\n.bundle-card.paper2-bundle .bundle-stat-value { color: #065f46; }\r\n\r\n.bundle-stat-label {\r\n font-size: 10px;\r\n color: var(--text-gray);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-top: 3px;\r\n}\r\n\r\n\/* Bundle Topics Expander - Compact *\/\r\n.bundle-topics-toggle {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 12px 14px;\r\n background: #f8fafc;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n margin-bottom: 12px;\r\n border: 1px solid #e5e7eb;\r\n}\r\n\r\n.bundle-topics-toggle:hover {\r\n background: #f1f5f9;\r\n border-color: #cbd5e1;\r\n}\r\n\r\n.bundle-topics-toggle span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n}\r\n\r\n.bundle-topics-toggle .toggle-icon {\r\n width: 24px;\r\n height: 24px;\r\n background: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 10px;\r\n color: var(--text-gray);\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.08);\r\n}\r\n\r\n.bundle-topics-toggle.active .toggle-icon {\r\n transform: rotate(180deg);\r\n background: var(--primary-blue);\r\n color: white;\r\n}\r\n\r\n\/* Bundle Topics List *\/\r\n.bundle-topics-list {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease-out, padding 0.3s ease;\r\n background: #f8fafc;\r\n border-radius: 10px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.bundle-topics-list.expanded {\r\n max-height: 400px;\r\n overflow-y: auto;\r\n padding: 12px;\r\n border: 1px solid #e5e7eb;\r\n}\r\n\r\n.bundle-topics-category {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.bundle-topics-category:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.bundle-topics-category-title {\r\n font-size: 10px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n color: var(--text-gray);\r\n margin-bottom: 8px;\r\n padding-bottom: 5px;\r\n border-bottom: 1px solid #e5e7eb;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n}\r\n\r\n.bundle-topics-category.pyq-cat .bundle-topics-category-title {\r\n color: #7c3aed;\r\n border-bottom-color: #ddd6fe;\r\n}\r\n\r\n.bundle-topics-category.paper1-cat .bundle-topics-category-title {\r\n color: #1e3a8a;\r\n border-bottom-color: #bfdbfe;\r\n}\r\n\r\n.bundle-topics-category.paper2-cat .bundle-topics-category-title {\r\n color: #065f46;\r\n border-bottom-color: #a7f3d0;\r\n}\r\n\r\n.bundle-topic-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 6px 10px;\r\n background: white;\r\n border-radius: 6px;\r\n margin-bottom: 5px;\r\n font-size: 11px;\r\n color: var(--text-dark);\r\n transition: all 0.2s ease;\r\n border: 1px solid #f1f5f9;\r\n}\r\n\r\n.bundle-topic-item:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.bundle-topic-item:hover {\r\n background: #eff6ff;\r\n border-color: #bfdbfe;\r\n}\r\n\r\n.bundle-topic-item i {\r\n color: #10b981;\r\n font-size: 9px;\r\n}\r\n\r\n.bundle-topic-item .topic-questions {\r\n margin-left: auto;\r\n font-size: 9px;\r\n color: var(--text-gray);\r\n background: #f1f5f9;\r\n padding: 2px 6px;\r\n border-radius: 8px;\r\n white-space: nowrap;\r\n}\r\n\r\n\/* Bundle Pricing - Compact *\/\r\n.bundle-pricing {\r\n padding: 15px;\r\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n border-radius: 12px;\r\n margin-bottom: 12px;\r\n text-align: center;\r\n}\r\n\r\n.bundle-price-row {\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: center;\r\n gap: 10px;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.bundle-price-current {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif;\r\n}\r\n\r\n.bundle-price-original {\r\n font-size: 14px;\r\n color: var(--text-gray);\r\n text-decoration: line-through;\r\n}\r\n\r\n.bundle-savings-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 4px;\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n color: white;\r\n padding: 4px 10px;\r\n border-radius: 15px;\r\n font-size: 10px;\r\n font-weight: 700;\r\n}\r\n\r\n\/* Bundle Add to Cart Button *\/\r\n.btn-bundle-cart {\r\n width: 100%;\r\n padding: 14px 20px;\r\n border: none;\r\n border-radius: 12px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n font-family: 'Poppins', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.bundle-card.super-bundle .btn-bundle-cart {\r\n background: linear-gradient(135deg, #ff6b35 0%, #f59e0b 100%);\r\n color: white;\r\n box-shadow: 0 5px 20px rgba(255,107,53,0.35);\r\n}\r\n\r\n.bundle-card.pyq-bundle .btn-bundle-cart {\r\n background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);\r\n color: white;\r\n box-shadow: 0 5px 20px rgba(124,58,237,0.35);\r\n}\r\n\r\n.bundle-card.paper1-bundle .btn-bundle-cart {\r\n background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%);\r\n color: white;\r\n box-shadow: 0 5px 20px rgba(30,58,138,0.35);\r\n}\r\n\r\n.bundle-card.paper2-bundle .btn-bundle-cart {\r\n background: linear-gradient(135deg, #065f46 0%, #059669 100%);\r\n color: white;\r\n box-shadow: 0 5px 20px rgba(6,95,70,0.35);\r\n}\r\n\r\n.btn-bundle-cart:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n.btn-bundle-cart.in-cart {\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;\r\n box-shadow: 0 5px 20px rgba(16,185,129,0.35) !important;\r\n}\r\n\r\n.btn-bundle-cart.purchased {\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;\r\n}\r\n\r\n\/* Bundle Features - Compact *\/\r\n.bundle-features {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n margin-top: 12px;\r\n padding-top: 12px;\r\n border-top: 1px dashed #e5e7eb;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.bundle-feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n font-size: 10px;\r\n color: var(--text-gray);\r\n}\r\n\r\n.bundle-feature i {\r\n color: #10b981;\r\n font-size: 10px;\r\n}\r\n\r\n\/* Paper badge for bundles *\/\r\n.paper-badge.bundle {\r\n background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\r\n color: #92400e;\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 768px) {\r\n .bundle-card {\r\n min-width: 280px;\r\n max-width: 280px;\r\n }\r\n \r\n .bundle-grid {\r\n padding: 10px 0 20px;\r\n }\r\n}\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"hero-carousel\" id=\"heroCarousel\">\r\n <div class=\"hero-slides\" id=\"heroSlides\">\r\n \r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/Screenshot-1947-10-21-at-11.51.29-AM.png\" alt=\"Study Materials\" class=\"hero-slide-bg\">\r\n <div class=\"hero-slide-overlay\"><\/div>\r\n <div class=\"hero-slide-content\">\r\n <h1><span>SSC ASO LDCE CBT<\/span> Test Series<\/h1>\r\n <p>Comprehensive practice for SSC Assistant Section Officer LDCE Computer Based Test<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/Screenshot-1947-10-21-at-11.51.29-AM.png\" alt=\"Exam Preparation\" class=\"hero-slide-bg\">\r\n <div class=\"hero-slide-overlay\"><\/div>\r\n <div class=\"hero-slide-content\">\r\n <h1>Topic-wise <span>PYQ Practice<\/span><\/h1>\r\n <p>15+ years of previous year questions with detailed explanations<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/Screenshot-1947-10-21-at-11.51.29-AM.png\" alt=\"Success\" class=\"hero-slide-bg\">\r\n <div class=\"hero-slide-overlay\"><\/div>\r\n <div class=\"hero-slide-content\">\r\n <h1>Prepare to <span>Succeed<\/span><\/h1>\r\n <p>Join thousands of successful candidates who cleared their exams with CSS Adda<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button class=\"hero-nav prev\" onclick=\"changeSlide(-1)\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n <button class=\"hero-nav next\" onclick=\"changeSlide(1)\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n\r\n \r\n <div class=\"hero-dots\">\r\n <span class=\"hero-dot active\" onclick=\"goToSlide(0)\"><\/span>\r\n <span class=\"hero-dot\" onclick=\"goToSlide(1)\"><\/span>\r\n <span class=\"hero-dot\" onclick=\"goToSlide(2)\"><\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"container\">\r\n <nav class=\"filter-nav\">\r\n <div class=\"filter-tabs\">\r\n <div class=\"filter-tab active\" data-filter=\"all\">\r\n <i class=\"fas fa-th-large\"><\/i>\r\n All Tests\r\n <\/div>\r\n <div class=\"filter-tab\" data-filter=\"bundles\">\r\n <i class=\"fas fa-cubes\"><\/i>\r\n Bundles\r\n<\/div>\r\n <div class=\"filter-tab\" data-filter=\"pyqs\">\r\n <i class=\"fas fa-history\"><\/i>\r\n PYQs\r\n <\/div>\r\n <div class=\"filter-tab\" data-filter=\"paper1\">\r\n <i class=\"fas fa-file-alt\"><\/i>\r\n Paper 1\r\n <\/div>\r\n <div class=\"filter-tab\" data-filter=\"paper2\">\r\n <i class=\"fas fa-file-alt\"><\/i>\r\n Paper 2\r\n <\/div>\r\n <div class=\"filter-tab\" data-filter=\"live\">\r\n <i class=\"fas fa-broadcast-tower\"><\/i>\r\n Live Tests\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n <\/div>\r\n\r\n \r\n <div class=\"container\">\r\n <div class=\"info-banner\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <p><strong>After purchasing any test series,<\/strong> you can access your tests from your <strong>Hello, Username \u2192 My Purchases<\/strong> section.<strong> <br><br>For any issues\/queries,<\/strong> kindly contact us at <strong>Whatsapp @9870176238<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section class=\"info-cards-section\">\r\n <div class=\"container\">\r\n <div class=\"info-cards-grid\">\r\n \r\n <div class=\"info-card green\">\r\n <div class=\"info-card-icon\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/div>\r\n <div class=\"info-card-content\">\r\n <h3><span class=\"emoji\">\ud83d\udcc8<\/span> Invest in Your<\/h3>\r\n <span class=\"highlight\">Career Growth<\/span>\r\n <p>Targeted preparation for <strong>SSC ASO LDCE CBT Exam<\/strong>. Each test series covers specific syllabus topics with detailed solutions.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"info-card blue\">\r\n <div class=\"info-card-icon\">\r\n <i class=\"fas fa-unlock-alt\"><\/i>\r\n <\/div>\r\n <div class=\"info-card-content\">\r\n <h3><span class=\"emoji\">\ud83d\udd13<\/span> Buy What You<\/h3>\r\n <span class=\"highlight\">Need<\/span>\r\n <p>No forced packages or unnecessary bundles. Choose <strong>individual topic tests<\/strong> based on your preparation requirements and weak areas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"info-card orange\">\r\n <div class=\"info-card-icon\">\r\n <i class=\"fas fa-award\"><\/i>\r\n <\/div>\r\n <div class=\"info-card-content\">\r\n <h3><span class=\"emoji\">\ud83c\udfc5<\/span> Aligned with<\/h3>\r\n <span class=\"highlight\">Official Syllabus<\/span>\r\n <p>Questions prepared strictly as per <strong>SSC ASO LDCE CBT Exam<\/strong> syllabus.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n\r\n\r\n \r\n <section class=\"test-series-section\" id=\"pyqs\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"paper-badge pyq\"><i class=\"fas fa-history\"><\/i> Previous Year Questions<\/span>\r\n <h2 class=\"section-title\">PYQ Topic-wise Practice<\/h2>\r\n <p class=\"section-subtitle\">Practice with actual exam questions<strong> asked in UPSC SO\/STENO LDCE (2009-2025)<\/strong><\/p>\r\n <\/div>\r\n\r\n <div class=\"topic-grid\">\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/coi.jpg\" alt=\"Constitution of India\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Constitution of India PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 300+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b9119<\/span>\r\n <span class=\"price-original\">\u20b9149<\/span>\r\n <span class=\"price-discount\">(20% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-coi-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-coi-sscaso',\r\n name: 'Constitution of India PYQs',\r\n type: 'test-series',\r\n price: 119,\r\n originalPrice: 149,\r\n icon: 'fa-landmark',\r\n wooProductId: 4036\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/parliamentaryPROCEDURE-e1769608618432.webp\" alt=\"Parliamentary Procedure\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Parliamentary Procedure PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 180+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b979<\/span>\r\n <span class=\"price-original\">\u20b9129<\/span>\r\n <span class=\"price-discount\">(39% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-parliament-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-parliament-sscaso',\r\n name: 'Parliamentary Procedure PYQs',\r\n type: 'test-series',\r\n price: 79,\r\n originalPrice: 129,\r\n icon: 'fa-university',\r\n wooProductId: 4611\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/mop-e1684145514331.jpeg\" alt=\"CSMOP\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Central Secretariat Manual of Office Procedure PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 200+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b999<\/span>\r\n <span class=\"price-original\">\u20b9149<\/span>\r\n <span class=\"price-discount\">(34% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-csmop-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-csmop-sscaso',\r\n name: 'CSMOP PYQs',\r\n type: 'test-series',\r\n price: 99,\r\n originalPrice: 149,\r\n icon: 'fa-folder-open',\r\n wooProductId: 5753\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/AOBR.png\" alt=\"AOBR\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Allocation of Business Rules PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 100+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b959<\/span>\r\n <span class=\"price-original\">\u20b999<\/span>\r\n <span class=\"price-discount\">(40% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-aobr-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-aobr-sscaso',\r\n name: 'Allocation of Business Rules PYQs',\r\n type: 'test-series',\r\n price: 59,\r\n originalPrice: 99,\r\n icon: 'fa-chart-line',\r\n wooProductId: 5749\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/conduct.jpg\" alt=\"Conduct Rules\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">CCS (Conduct) Rules PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 121 Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b979<\/span>\r\n <span class=\"price-original\">\u20b9129<\/span>\r\n <span class=\"price-discount\">(39% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-conduct-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-conduct-sscaso',\r\n name: 'CCS (Conduct) Rules PYQs',\r\n type: 'test-series',\r\n price: 79,\r\n originalPrice: 129,\r\n icon: 'fa-user-tie',\r\n wooProductId: 5750\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/CCA.png\" alt=\"CCA Rules\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">CCS (Classification, Control & Appeal) Rules PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 250+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b979<\/span>\r\n <span class=\"price-original\">\u20b9129<\/span>\r\n <span class=\"price-discount\">(39% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-cca-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-cca-sscaso',\r\n name: 'CCS (CCA) Rules PYQs',\r\n type: 'test-series',\r\n price: 79,\r\n originalPrice: 129,\r\n icon: 'fa-gavel',\r\n wooProductId: 2630\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/08\/pension.png\" alt=\"Pension Rules\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">CCS (Pension) Rules PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 220+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b979<\/span>\r\n <span class=\"price-original\">\u20b9129<\/span>\r\n <span class=\"price-discount\">(39% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-pension-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-pension-sscaso',\r\n name: 'CCS (Pension) Rules PYQs',\r\n type: 'test-series',\r\n price: 79,\r\n originalPrice: 129,\r\n icon: 'fa-user-clock',\r\n wooProductId: 2631\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n\r\n \r\n <div class=\"topic-card pyq-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/rti.jpeg\" alt=\"RTI\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge pyq-badge\">PYQs<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">PYQ_SERIES<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Right to Information Act PYQs<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 15 Years (2009-2025) | 100+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b959<\/span>\r\n <span class=\"price-original\">\u20b999<\/span>\r\n <span class=\"price-discount\">(40% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"pyq-rti-sscaso\" onclick=\"addToCart({\r\n id: 'pyq-rti-sscaso',\r\n name: 'Right to Information Act PYQs',\r\n type: 'test-series',\r\n price: 59,\r\n originalPrice: 99,\r\n icon: 'fa-file-alt',\r\n wooProductId: 2629\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"test-series-section\" id=\"paper1\" style=\"background: white;\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"paper-badge paper1\"><i class=\"fas fa-file-alt\"><\/i> Paper 1<\/span>\r\n <h2 class=\"section-title\">Paper 1 - Topic-wise Tests<\/h2>\r\n <p class=\"section-subtitle\">Flagship Programmes, Constitution, Parliamentary Procedure, CSMOP, AOBR, TOBR, Comprehension & Noting\/Drafting<\/p>\r\n <\/div>\r\n\r\n <div class=\"topic-grid\">\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n <div class=\"topic-card\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/TOBR.png\" alt=\"TOBR\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge\">New<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">Chapter wise TESTs<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Transaction of Business Rules <\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 4 Tests | 200 Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b9149<\/span>\r\n <span class=\"price-original\">\u20b9199<\/span>\r\n <span class=\"price-discount\">(25% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"tobr-tests-sscaso\" onclick=\"addToCart({\r\n id: 'tobr-tests-sscaso',\r\n name: 'Transaction of Business Rules Test Series',\r\n type: 'test-series',\r\n price: 149,\r\n originalPrice: 199,\r\n icon: 'fa-exchange-alt',\r\n wooProductId: 0\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"topic-card\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/READING-COMPREHENSION.jpg\" alt=\"Comprehension\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge\">New<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">Practice TESTs<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Comprehension - Practice Test Series<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 10 Tests | 100 Passages\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b9179<\/span>\r\n <span class=\"price-original\">\u20b9249<\/span>\r\n <span class=\"price-discount\">(28% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"comprehension-tests-sscaso\" onclick=\"addToCart({\r\n id: 'comprehension-tests-sscaso',\r\n name: 'Comprehension Test Series',\r\n type: 'test-series',\r\n price: 179,\r\n originalPrice: 249,\r\n icon: 'fa-book-open',\r\n wooProductId: 0\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"test-series-section\" id=\"paper2\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"paper-badge paper2\"><i class=\"fas fa-gavel\"><\/i> Paper 2<\/span>\r\n <h2 class=\"section-title\">Paper 2 - Topic-wise Tests<\/h2>\r\n <p class=\"section-subtitle\">CCS Leave, Conduct, CCA, Pension, NPS, TA, LTC, RTI, PSH Act & Record Management<\/p>\r\n <\/div>\r\n\r\n <div class=\"topic-grid\">\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n <div class=\"topic-card paper2-topic\">\r\n <div class=\"card-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/RECORD-MANAGEMENT.jpg\" alt=\"Record Management\" class=\"card-banner-img\" onerror=\"this.style.display='none'\">\r\n <span class=\"new-badge\">New<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-tags\">\r\n <span class=\"card-tag lang-tag\">English<\/span>\r\n <span class=\"card-tag type-tag\">Chapter wise TESTs<\/span>\r\n <\/div>\r\n <h3 class=\"card-title\">Record Management<\/h3>\r\n <div class=\"card-tests-info\">\r\n <i class=\"fas fa-file-alt\"><\/i> 300+ Questions\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-price\">\r\n <span class=\"price-current\">\u20b979<\/span>\r\n <span class=\"price-original\">\u20b9129<\/span>\r\n <span class=\"price-discount\">(38% off)<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" data-product-id=\"record-mgmt-sscaso\" onclick=\"addToCart({\r\n id: 'record-mgmt-sscaso',\r\n name: 'Record Management Test Series',\r\n type: 'test-series',\r\n price: 79,\r\n originalPrice: 129,\r\n icon: 'fa-archive',\r\n wooProductId: 11467\r\n },this)\">\r\n <i class=\"fas fa-cart-plus\"><\/i> Add\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"live-section\" id=\"live\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"paper-badge live\"><i class=\"fas fa-broadcast-tower\"><\/i> Live Test Series<\/span>\r\n <h2 class=\"section-title\">Live Test Series<\/h2>\r\n <p class=\"section-subtitle\">Real-time mock tests with All India Ranking<\/p>\r\n <\/div>\r\n\r\n <div class=\"live-notice\">\r\n <div class=\"live-notice-icon\">\r\n <i class=\"fas fa-calendar-alt\"><\/i>\r\n <\/div>\r\n <h3>Coming Soon!<\/h3>\r\n <p>Our Live Test Series will start <strong>2 months before the exam date<\/strong>. Stay tuned for schedule updates.<\/p>\r\n <span class=\"highlight\">\r\n <i class=\"fas fa-bell\"><\/i> We'll notify you when it starts\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"faq-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\"><i class=\"fas fa-question-circle\"><\/i> FAQs<\/span>\r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <\/div>\r\n\r\n <div class=\"faq-container\">\r\n <div class=\"faq-item active\">\r\n <div class=\"faq-question\">\r\n How can I access my purchased tests?\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>After purchasing, go to your <strong>Dashboard \u2192 My Tests<\/strong> section. All your purchased tests will be available there.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n How long is the validity of test series?\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>All test series come with 1 year validity. You can attempt each test multiple times within the validity period.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n Are solutions provided for each question?\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes, detailed explanations are provided for every question with references to relevant rules, sections, and articles.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n What payment methods are accepted?\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We accept Credit\/Debit Cards, Net Banking, UPI (GPay, PhonePe, Paytm), and Wallets through Razorpay.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n \r\n \/\/ ============================================\r\n \/\/ CONFIGURATION\r\n \/\/ ============================================\r\n const CONFIG = {\r\n storageKey: 'cssadda_cart',\r\n maxItems: 50,\r\n toastDuration: 3000,\r\n DEBUG_MODE: true\r\n };\r\n \r\n function debug(...args) {\r\n if (CONFIG.DEBUG_MODE) {\r\n console.log('[CSS ADDA Cart]', ...args);\r\n }\r\n }\r\n \r\n debug('Initializing cart system...');\r\n \r\n \/\/ ============================================\r\n \/\/ CART DATA CLASS\r\n \/\/ ============================================\r\n class Cart {\r\n constructor() {\r\n this.items = this.loadFromStorage();\r\n this.listeners = [];\r\n debug('Cart loaded with', this.items.length, 'items');\r\n }\r\n\r\n loadFromStorage() {\r\n try {\r\n const data = localStorage.getItem(CONFIG.storageKey);\r\n const items = data ? JSON.parse(data) : [];\r\n return Array.isArray(items) ? items : [];\r\n } catch (e) {\r\n console.error('Error loading cart:', e);\r\n return [];\r\n }\r\n }\r\n\r\n saveToStorage() {\r\n try {\r\n localStorage.setItem(CONFIG.storageKey, JSON.stringify(this.items));\r\n debug('Cart saved:', this.items.length, 'items');\r\n } catch (e) {\r\n console.error('Error saving cart:', e);\r\n }\r\n }\r\n\r\n addItem(product) {\r\n if (!product || !product.id || !product.name || typeof product.price !== 'number') {\r\n debug('Invalid product:', product);\r\n return { success: false, message: 'Invalid product data' };\r\n }\r\n \r\n if (this.hasItem(product.id)) {\r\n return { success: false, message: 'Already in cart' };\r\n }\r\n \r\n if (this.items.length >= CONFIG.maxItems) {\r\n return { success: false, message: 'Cart is full (max ' + CONFIG.maxItems + ' items)' };\r\n }\r\n \r\n product.addedAt = new Date().toISOString();\r\n this.items.push(product);\r\n this.saveToStorage();\r\n this.notifyListeners('add', product);\r\n \r\n debug('Added to cart:', product.name, 'WooID:', product.wooProductId);\r\n return { success: true, message: 'Added to cart' };\r\n }\r\n\r\n removeItem(productId) {\r\n const index = this.items.findIndex(item => item.id === productId);\r\n if (index === -1) {\r\n return { success: false, message: 'Item not found' };\r\n }\r\n \r\n const removed = this.items.splice(index, 1)[0];\r\n this.saveToStorage();\r\n this.notifyListeners('remove', removed);\r\n \r\n debug('Removed from cart:', removed.name);\r\n return { success: true, message: 'Item removed', item: removed };\r\n }\r\n\r\n hasItem(productId) {\r\n return this.items.some(item => item.id === productId);\r\n }\r\n\r\n getItems() { return [...this.items]; }\r\n getCount() { return this.items.length; }\r\n getTotal() { return this.items.reduce((sum, item) => sum + (item.price || 0), 0); }\r\n getOriginalTotal() { return this.items.reduce((sum, item) => sum + (item.originalPrice || item.price || 0), 0); }\r\n getSavings() { return this.getOriginalTotal() - this.getTotal(); }\r\n \r\n clear() {\r\n this.items = [];\r\n this.saveToStorage();\r\n this.notifyListeners('clear', null);\r\n debug('Cart cleared');\r\n }\r\n\r\n addListener(callback) { \r\n this.listeners.push(callback); \r\n }\r\n \r\n notifyListeners(action, product) {\r\n this.listeners.forEach(cb => { \r\n try { cb(action, product, this); } catch(e) { console.error(e); } \r\n });\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ CART UI CLASS\r\n \/\/ ============================================\r\n class CartUI {\r\n constructor(cart) {\r\n this.cart = cart;\r\n this.isOpen = false;\r\n this.elements = {};\r\n }\r\n\r\n init() {\r\n this.createCartHTML();\r\n this.cacheElements();\r\n this.bindEvents();\r\n this.update();\r\n this.cart.addListener(() => this.update());\r\n debug('UI initialized');\r\n }\r\n\r\n createCartHTML() {\r\n const existing = document.querySelector('.cssadda-floating-cart');\r\n if (existing) existing.remove();\r\n const existingOverlay = document.querySelector('.cssadda-cart-overlay');\r\n if (existingOverlay) existingOverlay.remove();\r\n const existingSidebar = document.querySelector('.cssadda-cart-sidebar');\r\n if (existingSidebar) existingSidebar.remove();\r\n\r\n const cartHTML = `\r\n <div class=\"cssadda-floating-cart\">\r\n <div class=\"cssadda-cart-preview\" onclick=\"CSSAddaCart.toggle()\">\r\n <span>Total:<\/span>\r\n <span class=\"cssadda-cart-preview-amount\">\u20b90<\/span>\r\n <\/div>\r\n <button class=\"cssadda-cart-btn\" onclick=\"CSSAddaCart.toggle()\" aria-label=\"Shopping Cart\">\r\n <i class=\"fas fa-shopping-cart\"><\/i>\r\n <span class=\"cssadda-cart-count\">0<\/span>\r\n <\/button>\r\n <\/div>\r\n <div class=\"cssadda-cart-overlay\" onclick=\"CSSAddaCart.toggle()\"><\/div>\r\n <div class=\"cssadda-cart-sidebar\">\r\n <div class=\"cssadda-cart-header\">\r\n <h2><i class=\"fas fa-shopping-cart\"><\/i> Your Cart<\/h2>\r\n <button class=\"cssadda-cart-close\" onclick=\"CSSAddaCart.toggle()\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div class=\"cssadda-cart-items\" id=\"cssadda-cart-items\">\r\n <div class=\"cssadda-cart-empty\">\r\n <i class=\"fas fa-shopping-bag\"><\/i>\r\n <h3>Your cart is empty<\/h3>\r\n <p>Add some study materials to get started!<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cssadda-cart-footer\">\r\n <div class=\"cssadda-cart-summary\">\r\n <div class=\"cssadda-cart-summary-row\">\r\n <span>Items<\/span>\r\n <span class=\"cssadda-item-count\">0<\/span>\r\n <\/div>\r\n <div class=\"cssadda-cart-summary-row cssadda-savings\">\r\n <span>You Save<\/span>\r\n <span class=\"cssadda-cart-savings\">\u20b90<\/span>\r\n <\/div>\r\n <div class=\"cssadda-cart-summary-row cssadda-total\">\r\n <span>Total<\/span>\r\n <span class=\"cssadda-cart-total\">\u20b90<\/span>\r\n <\/div>\r\n <\/div>\r\n <button class=\"cssadda-checkout-btn\" onclick=\"CSSAddaCart.checkout()\">\r\n <i class=\"fas fa-lock\"><\/i> Proceed to Checkout\r\n <\/button>\r\n <button class=\"cssadda-clear-btn\" onclick=\"CSSAddaCart.clear()\">\r\n <i class=\"fas fa-trash-alt\"><\/i> Clear Cart\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n document.body.insertAdjacentHTML('beforeend', cartHTML);\r\n \r\n if (!document.getElementById('cssadda-cart-styles')) {\r\n this.injectStyles();\r\n }\r\n }\r\n\r\n injectStyles() {\r\n const styles = document.createElement('style');\r\n styles.id = 'cssadda-cart-styles';\r\n styles.textContent = `\r\n .cssadda-floating-cart{position:fixed;top:20px;right:20px;z-index:99999;display:flex;align-items:center;gap:12px}\r\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}\r\n .cssadda-cart-btn:hover{transform:scale(1.1)}\r\n .cssadda-cart-btn i{font-size:1.5rem;color:#fff}\r\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}\r\n .cssadda-cart-count.empty{display:none}\r\n .cssadda-cart-count.bounce{animation:cssadda-bounce .5s ease}\r\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}\r\n .cssadda-cart-preview:hover{border-color:#ff6b35;transform:translateX(-5px)}\r\n .cssadda-cart-preview-amount{color:#ff6b35;font-weight:700}\r\n .cssadda-cart-preview.hidden{display:none}\r\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)}\r\n .cssadda-cart-overlay.active{opacity:1;visibility:visible}\r\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}\r\n .cssadda-cart-sidebar.active{transform:translateX(0)}\r\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}\r\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}\r\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}\r\n .cssadda-cart-close:hover{background:rgba(255,255,255,0.25);transform:rotate(90deg)}\r\n .cssadda-cart-items{flex:1;overflow-y:auto;padding:20px}\r\n .cssadda-cart-empty{text-align:center;padding:60px 20px;color:#9ca3af}\r\n .cssadda-cart-empty i{font-size:4rem;margin-bottom:20px;color:#d1d5db}\r\n .cssadda-cart-empty h3{font-size:1.2rem;color:#475569;margin-bottom:10px}\r\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}\r\n .cssadda-cart-item:hover{border-color:#fbbf24;box-shadow:0 2px 8px rgba(0,0,0,0.08)}\r\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}\r\n .cssadda-cart-item-icon.flashcards{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%)}\r\n .cssadda-cart-item-icon.notes{background:linear-gradient(135deg,#1e3a8a 0%,#2563EB 100%)}\r\n .cssadda-cart-item-icon.test-series{background:linear-gradient(135deg,#ff6b35 0%,#f59e0b 100%)}\r\n .cssadda-cart-item-icon.lastminute{background:linear-gradient(135deg,#dc2626 0%,#f87171 100%)}\r\n .cssadda-cart-item-icon.bundle{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}\r\n .cssadda-cart-item-details{flex:1}\r\n .cssadda-cart-item-type{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#ff6b35;font-weight:700;margin-bottom:4px}\r\n .cssadda-cart-item-name{font-size:.95rem;font-weight:600;color:#1e293b;margin-bottom:6px;line-height:1.3}\r\n .cssadda-cart-item-price{font-size:1.1rem;font-weight:700;color:#ff6b35}\r\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}\r\n .cssadda-cart-item-remove:hover{background:#dc2626;border-color:#dc2626;color:#fff}\r\n .cssadda-cart-footer{padding:25px;background:#f8fafc;border-top:2px solid #e2e8f0}\r\n .cssadda-cart-summary{margin-bottom:20px}\r\n .cssadda-cart-summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:.95rem;color:#475569}\r\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}\r\n .cssadda-cart-summary-row.cssadda-total span:last-child{color:#ff6b35;font-size:1.4rem}\r\n .cssadda-cart-summary-row.cssadda-savings{color:#10b981;font-weight:600}\r\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}\r\n .cssadda-checkout-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(255,107,53,0.4)}\r\n .cssadda-checkout-btn:disabled{background:#9ca3af !important;cursor:not-allowed;box-shadow:none;transform:none !important}\r\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}\r\n .cssadda-clear-btn:hover{border-color:#dc2626;color:#dc2626}\r\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}\r\n .cssadda-toast.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}\r\n .cssadda-toast.info{background:linear-gradient(135deg,#1e3a8a 0%,#2563EB 100%);color:#fff}\r\n .cssadda-toast.warning{background:linear-gradient(135deg,#ff6b35 0%,#f59e0b 100%);color:#fff}\r\n .cssadda-toast.error{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);color:#fff}\r\n @keyframes cssadda-bounce{0%,100%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}\r\n @keyframes cssadda-toast-in{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}\r\n @keyframes cssadda-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}\r\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}}\r\n `;\r\n document.head.appendChild(styles);\r\n }\r\n\r\n cacheElements() {\r\n this.elements = {\r\n overlay: document.querySelector('.cssadda-cart-overlay'),\r\n sidebar: document.querySelector('.cssadda-cart-sidebar'),\r\n itemsContainer: document.getElementById('cssadda-cart-items'),\r\n countBadge: document.querySelector('.cssadda-cart-count'),\r\n preview: document.querySelector('.cssadda-cart-preview'),\r\n previewAmount: document.querySelector('.cssadda-cart-preview-amount'),\r\n itemCount: document.querySelector('.cssadda-item-count'),\r\n savings: document.querySelector('.cssadda-cart-savings'),\r\n total: document.querySelector('.cssadda-cart-total'),\r\n checkoutBtn: document.querySelector('.cssadda-checkout-btn')\r\n };\r\n }\r\n\r\n bindEvents() {\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && this.isOpen) this.toggle();\r\n });\r\n }\r\n\r\n toggle() {\r\n this.isOpen = !this.isOpen;\r\n if (this.elements.overlay) this.elements.overlay.classList.toggle('active', this.isOpen);\r\n if (this.elements.sidebar) this.elements.sidebar.classList.toggle('active', this.isOpen);\r\n document.body.style.overflow = this.isOpen ? 'hidden' : '';\r\n }\r\n\r\n update() {\r\n const count = this.cart.getCount();\r\n const total = this.cart.getTotal();\r\n const savings = this.cart.getSavings();\r\n const items = this.cart.getItems();\r\n\r\n if (this.elements.countBadge) {\r\n this.elements.countBadge.textContent = count;\r\n this.elements.countBadge.classList.toggle('empty', count === 0);\r\n }\r\n if (this.elements.preview) this.elements.preview.classList.toggle('hidden', count === 0);\r\n if (this.elements.previewAmount) this.elements.previewAmount.textContent = '\u20b9' + total.toLocaleString();\r\n if (this.elements.itemCount) this.elements.itemCount.textContent = count;\r\n if (this.elements.savings) this.elements.savings.textContent = '\u20b9' + savings.toLocaleString();\r\n if (this.elements.total) this.elements.total.textContent = '\u20b9' + total.toLocaleString();\r\n if (this.elements.checkoutBtn) this.elements.checkoutBtn.disabled = count === 0;\r\n\r\n this.renderItems(items);\r\n this.updateProductButtons();\r\n }\r\n\r\n renderItems(items) {\r\n if (!this.elements.itemsContainer) return;\r\n \r\n if (items.length === 0) {\r\n this.elements.itemsContainer.innerHTML = `\r\n <div class=\"cssadda-cart-empty\">\r\n <i class=\"fas fa-shopping-bag\"><\/i>\r\n <h3>Your cart is empty<\/h3>\r\n <p>Add some study materials to get started!<\/p>\r\n <\/div>\r\n `;\r\n } else {\r\n this.elements.itemsContainer.innerHTML = items.map(item => `\r\n <div class=\"cssadda-cart-item\" data-id=\"${item.id}\">\r\n <div class=\"cssadda-cart-item-icon ${item.type || ''}\">\r\n <i class=\"fas ${item.icon || 'fa-box'}\"><\/i>\r\n <\/div>\r\n <div class=\"cssadda-cart-item-details\">\r\n <div class=\"cssadda-cart-item-type\">${this.getTypeLabel(item.type)}<\/div>\r\n <div class=\"cssadda-cart-item-name\">${item.name}<\/div>\r\n <div class=\"cssadda-cart-item-price\">\u20b9${item.price.toLocaleString()}<\/div>\r\n <\/div>\r\n <button class=\"cssadda-cart-item-remove\" onclick=\"CSSAddaCart.removeItem('${item.id}')\" title=\"Remove\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/button>\r\n <\/div>\r\n `).join('');\r\n }\r\n }\r\n\r\n getTypeLabel(type) {\r\n const labels = { \r\n 'flashcards': 'Flashcards', \r\n 'notes': 'Concise Notes', \r\n 'test-series': 'Test Series', \r\n 'lastminute': 'Last Minute Notes', \r\n 'bundle': 'Bundle Pack',\r\n 'pyq': 'Previous Year Questions'\r\n };\r\n return labels[type] || type || 'Product';\r\n }\r\n\r\n updateProductButtons() {\r\n const cartIds = this.cart.getItems().map(item => item.id);\r\n \r\n document.querySelectorAll('[data-product-id]').forEach(btn => {\r\n const productId = btn.dataset.productId;\r\n if (btn.classList.contains('purchased')) return;\r\n \r\n if (cartIds.includes(productId)) {\r\n btn.classList.add('in-cart');\r\n if (!btn.innerHTML.includes('In Cart')) {\r\n btn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> In Cart';\r\n }\r\n }\r\n });\r\n }\r\n\r\n animateCountBadge() {\r\n if (this.elements.countBadge) {\r\n this.elements.countBadge.classList.add('bounce');\r\n setTimeout(() => this.elements.countBadge.classList.remove('bounce'), 500);\r\n }\r\n }\r\n\r\n showToast(message, type = 'info') {\r\n const existing = document.querySelector('.cssadda-toast');\r\n if (existing) existing.remove();\r\n \r\n const toast = document.createElement('div');\r\n toast.className = 'cssadda-toast ' + type;\r\n toast.innerHTML = message;\r\n document.body.appendChild(toast);\r\n \r\n setTimeout(() => {\r\n toast.style.opacity = '0';\r\n toast.style.transform = 'translateX(-50%) translateY(20px)';\r\n setTimeout(() => toast.remove(), 300);\r\n }, CONFIG.toastDuration);\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ INITIALIZE CART\r\n \/\/ ============================================\r\n const cart = new Cart();\r\n const ui = new CartUI(cart);\r\n\r\n \/\/ ============================================\r\n \/\/ GLOBAL API\r\n \/\/ ============================================\r\n window.CSSAddaCart = {\r\n init: function() { \r\n ui.init(); \r\n },\r\n \r\n addItem: function(product, buttonElement) {\r\n debug('Adding item:', product);\r\n \r\n const result = cart.addItem(product);\r\n \r\n if (result.success) {\r\n ui.animateCountBadge();\r\n ui.showToast('\u2705 ' + product.name + ' added!', 'success');\r\n \r\n if (buttonElement) {\r\n buttonElement.classList.add('in-cart');\r\n buttonElement.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> In Cart';\r\n }\r\n \r\n setTimeout(() => {\r\n if (!ui.isOpen) ui.toggle();\r\n }, 400);\r\n } else {\r\n ui.showToast(result.message, 'warning');\r\n }\r\n \r\n return result;\r\n },\r\n \r\n removeItem: function(productId) {\r\n const result = cart.removeItem(productId);\r\n \r\n if (result.success) {\r\n ui.showToast('Item removed', 'info');\r\n \r\n document.querySelectorAll('[data-product-id=\"' + productId + '\"]').forEach(btn => {\r\n if (!btn.classList.contains('purchased')) {\r\n btn.classList.remove('in-cart');\r\n btn.innerHTML = '<i class=\"fas fa-cart-plus\"><\/i> Add';\r\n }\r\n });\r\n }\r\n \r\n return result;\r\n },\r\n \r\n clear: function() {\r\n if (cart.getCount() === 0) { \r\n ui.showToast('Cart is already empty!', 'warning'); \r\n return; \r\n }\r\n \r\n if (confirm('Clear all items from your cart?')) {\r\n cart.clear();\r\n ui.showToast('Cart cleared!', 'info');\r\n \r\n document.querySelectorAll('.in-cart').forEach(btn => {\r\n if (!btn.classList.contains('purchased')) {\r\n btn.classList.remove('in-cart');\r\n btn.innerHTML = '<i class=\"fas fa-cart-plus\"><\/i> Add';\r\n }\r\n });\r\n }\r\n },\r\n \r\n toggle: function() { ui.toggle(); },\r\n getItems: function() { return cart.getItems(); },\r\n getCount: function() { return cart.getCount(); },\r\n getTotal: function() { return cart.getTotal(); },\r\n hasItem: function(productId) { return cart.hasItem(productId); },\r\n showToast: function(message, type) { ui.showToast(message, type); },\r\n \r\n checkout: function() {\r\n debug('Checkout initiated');\r\n \r\n if (cart.getCount() === 0) { \r\n ui.showToast('Your cart is empty!', 'warning'); \r\n return; \r\n }\r\n \r\n if (typeof cssaddaCartSync === 'undefined') {\r\n console.error('cssaddaCartSync not found! PHP snippet is not active.');\r\n ui.showToast('\u26a0\ufe0f System error. Please refresh the page.', 'error');\r\n return;\r\n }\r\n \r\n const cartItems = cart.getItems();\r\n debug('Cart items to checkout:', cartItems);\r\n \r\n const invalidItems = cartItems.filter(item => !item.wooProductId || item.wooProductId === 0);\r\n \r\n if (invalidItems.length > 0) {\r\n const names = invalidItems.map(i => i.name).slice(0, 3).join(', ');\r\n const more = invalidItems.length > 3 ? ' and ' + (invalidItems.length - 3) + ' more' : '';\r\n ui.showToast('\u26a0\ufe0f Not available: ' + names + more, 'warning');\r\n console.error('Products without WooCommerce IDs:', invalidItems);\r\n return;\r\n }\r\n \r\n const checkoutBtn = document.querySelector('.cssadda-checkout-btn');\r\n const originalHTML = checkoutBtn ? checkoutBtn.innerHTML : '';\r\n \r\n if (checkoutBtn) {\r\n checkoutBtn.disabled = true;\r\n checkoutBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Processing...';\r\n }\r\n \r\n ui.showToast('\ud83d\udd04 Preparing checkout...', 'info');\r\n \r\n const formData = new FormData();\r\n formData.append('action', 'cssadda_sync_cart');\r\n formData.append('nonce', cssaddaCartSync.nonce);\r\n formData.append('debug', CONFIG.DEBUG_MODE ? 'true' : 'false');\r\n \r\n cartItems.forEach((item, index) => {\r\n formData.append('cart_items[' + index + '][id]', item.id);\r\n formData.append('cart_items[' + index + '][name]', item.name);\r\n formData.append('cart_items[' + index + '][wooProductId]', item.wooProductId);\r\n formData.append('cart_items[' + index + '][price]', item.price);\r\n formData.append('cart_items[' + index + '][quantity]', 1);\r\n });\r\n \r\n debug('Sending sync request to:', cssaddaCartSync.ajaxUrl);\r\n \r\n fetch(cssaddaCartSync.ajaxUrl, {\r\n method: 'POST',\r\n body: formData,\r\n credentials: 'same-origin'\r\n })\r\n .then(response => {\r\n debug('Response status:', response.status);\r\n if (!response.ok) {\r\n throw new Error('HTTP ' + response.status);\r\n }\r\n return response.json();\r\n })\r\n .then(data => {\r\n debug('Sync response:', data);\r\n \r\n if (data.success && data.data && data.data.added_count > 0) {\r\n const addedCount = data.data.added_count;\r\n const failedCount = data.data.failed_count || 0;\r\n \r\n let message = '\u2705 ' + addedCount + ' item(s) ready!';\r\n if (failedCount > 0) {\r\n message += ' (' + failedCount + ' unavailable)';\r\n console.warn('Failed items:', data.data.failed);\r\n }\r\n \r\n ui.showToast(message + ' Redirecting to checkout...', 'success');\r\n \r\n const redirectUrl = data.data.redirect_to || data.data.checkout_url || cssaddaCartSync.checkoutUrl;\r\n debug('Redirecting to:', redirectUrl);\r\n \r\n sessionStorage.setItem('cssadda_checkout_pending', 'true');\r\n \r\n if (ui.isOpen) ui.toggle();\r\n \r\n setTimeout(() => {\r\n window.location.href = redirectUrl;\r\n }, 1200);\r\n \r\n } else {\r\n const errorMsg = (data.data && data.data.message) ? data.data.message : 'Could not process checkout';\r\n ui.showToast('\u274c ' + errorMsg, 'error');\r\n \r\n console.error('Checkout failed:', data);\r\n if (data.data && data.data.failed) {\r\n console.error('Failed items:', data.data.failed);\r\n }\r\n if (data.data && data.data.debug_log) {\r\n console.log('Debug log:', data.data.debug_log);\r\n }\r\n \r\n if (checkoutBtn) {\r\n checkoutBtn.disabled = false;\r\n checkoutBtn.innerHTML = originalHTML;\r\n }\r\n }\r\n })\r\n .catch(error => {\r\n console.error('Checkout network error:', error);\r\n ui.showToast('\u274c Connection error. Please try again.', 'error');\r\n \r\n if (checkoutBtn) {\r\n checkoutBtn.disabled = false;\r\n checkoutBtn.innerHTML = originalHTML;\r\n }\r\n });\r\n },\r\n \r\n debug: function() {\r\n console.log('=== CSS ADDA Cart Debug ===');\r\n console.log('Local cart items:', cart.getItems());\r\n console.log('Cart count:', cart.getCount());\r\n console.log('Cart total:', cart.getTotal());\r\n console.log('cssaddaCartSync:', typeof cssaddaCartSync !== 'undefined' ? cssaddaCartSync : 'NOT DEFINED');\r\n }\r\n };\r\n\r\n \/\/ ============================================\r\n \/\/ INITIALIZE ON DOM READY\r\n \/\/ ============================================\r\n function initCart() {\r\n CSSAddaCart.init();\r\n debug('Cart system ready!');\r\n \r\n if (typeof cssaddaCartSync === 'undefined') {\r\n console.warn('[CSS ADDA] \u26a0\ufe0f PHP snippet not active! Cart sync will not work.');\r\n console.warn('[CSS ADDA] Make sure \"CSS Adda Cart Sync v3\" snippet is active in WordPress.');\r\n } else {\r\n debug('PHP integration active. Checkout URL:', cssaddaCartSync.checkoutUrl);\r\n }\r\n }\r\n \r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initCart);\r\n } else {\r\n initCart();\r\n }\r\n \r\n})();\r\n\r\n\/\/ ============================================\r\n\/\/ HERO CAROUSEL FUNCTIONALITY\r\n\/\/ ============================================\r\nlet currentSlide = 0;\r\nlet slideInterval;\r\nconst totalSlides = 3;\r\n\r\nfunction changeSlide(direction) {\r\n currentSlide += direction;\r\n if (currentSlide >= totalSlides) currentSlide = 0;\r\n if (currentSlide < 0) currentSlide = totalSlides - 1;\r\n updateCarousel();\r\n resetAutoSlide();\r\n}\r\n\r\nfunction goToSlide(index) {\r\n currentSlide = index;\r\n updateCarousel();\r\n resetAutoSlide();\r\n}\r\n\r\nfunction updateCarousel() {\r\n const slides = document.getElementById('heroSlides');\r\n const dots = document.querySelectorAll('.hero-dot');\r\n \r\n if (slides) {\r\n slides.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n }\r\n \r\n dots.forEach((dot, index) => {\r\n dot.classList.toggle('active', index === currentSlide);\r\n });\r\n}\r\n\r\nfunction startAutoSlide() {\r\n slideInterval = setInterval(() => {\r\n currentSlide++;\r\n if (currentSlide >= totalSlides) currentSlide = 0;\r\n updateCarousel();\r\n }, 5000);\r\n}\r\n\r\nfunction resetAutoSlide() {\r\n clearInterval(slideInterval);\r\n startAutoSlide();\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n startAutoSlide();\r\n});\r\n\r\n\/\/ ============================================\r\n\/\/ FILTER NAVIGATION FUNCTIONALITY\r\n\/\/ ============================================\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const filterTabs = document.querySelectorAll('.filter-tab');\r\n \r\n const filterSections = {\r\n 'all': ['pyqs', 'paper1', 'paper2', 'live'],\r\n 'pyqs': ['pyqs'],\r\n 'paper1': ['paper1'],\r\n 'paper2': ['paper2'],\r\n 'live': ['live']\r\n };\r\n \r\n filterTabs.forEach(tab => {\r\n tab.addEventListener('click', function() {\r\n const filter = this.dataset.filter;\r\n \r\n filterTabs.forEach(t => t.classList.remove('active'));\r\n this.classList.add('active');\r\n \r\n const allSections = document.querySelectorAll('.test-series-section, .live-section');\r\n \r\n if (filter === 'all') {\r\n allSections.forEach(section => {\r\n section.style.display = '';\r\n });\r\n const filterNav = document.querySelector('.filter-nav');\r\n if (filterNav) {\r\n window.scrollTo({\r\n top: filterNav.offsetTop + filterNav.offsetHeight + 20,\r\n behavior: 'smooth'\r\n });\r\n }\r\n } else {\r\n allSections.forEach(section => {\r\n section.style.display = 'none';\r\n });\r\n \r\n const sectionsToShow = filterSections[filter] || [];\r\n sectionsToShow.forEach(sectionId => {\r\n const section = document.getElementById(sectionId);\r\n if (section) {\r\n section.style.display = '';\r\n }\r\n });\r\n \r\n if (sectionsToShow.length > 0) {\r\n const firstSection = document.getElementById(sectionsToShow[0]);\r\n if (firstSection) {\r\n const offset = 100;\r\n const elementPosition = firstSection.getBoundingClientRect().top;\r\n const offsetPosition = elementPosition + window.pageYOffset - offset;\r\n \r\n window.scrollTo({\r\n top: offsetPosition,\r\n behavior: 'smooth'\r\n });\r\n }\r\n }\r\n }\r\n });\r\n });\r\n});\r\n\r\n\/\/ ============================================\r\n\/\/ FAQ FUNCTIONALITY\r\n\/\/ ============================================\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n \r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n question.addEventListener('click', function() {\r\n const isActive = item.classList.contains('active');\r\n \r\n faqItems.forEach(faq => faq.classList.remove('active'));\r\n \r\n if (!isActive) {\r\n item.classList.add('active');\r\n }\r\n });\r\n });\r\n});\r\n\r\n\/\/ ============================================\r\n\/\/ HELPER FUNCTION FOR PRODUCT BUTTONS\r\n\/\/ ============================================\r\nfunction addToCart(product, buttonElement) {\r\n if (typeof cssaddaIsLoggedIn !== 'undefined' && !cssaddaIsLoggedIn) {\r\n CSSAddaCart.showToast('Please login to add items to cart', 'warning');\r\n setTimeout(() => {\r\n window.location.href = '\/my-account\/';\r\n }, 1500);\r\n return;\r\n }\r\n \r\n if (buttonElement && buttonElement.classList.contains('purchased')) {\r\n const accessUrl = buttonElement.dataset.accessUrl;\r\n if (accessUrl) {\r\n window.location.href = accessUrl;\r\n } else {\r\n CSSAddaCart.showToast('Redirecting to your test...', 'info');\r\n window.location.href = '?page_id=4602';\r\n }\r\n return;\r\n }\r\n \r\n if (!product.wooProductId || product.wooProductId === 0) {\r\n CSSAddaCart.showToast('\u23f3 Coming soon! This product is not available yet.', 'warning');\r\n return;\r\n }\r\n \r\n CSSAddaCart.addItem(product, buttonElement);\r\n}\r\n\r\n\/\/ ============================================\r\n\/\/ MARK PURCHASED PRODUCTS ON PAGE LOAD\r\n\/\/ ============================================\r\nfunction markPurchasedProducts() {\r\n if (typeof cssaddaPurchased === 'undefined' || !cssaddaPurchased) {\r\n console.log('[CSS ADDA] No purchased products data found');\r\n return;\r\n }\r\n \r\n console.log('[CSS ADDA] Checking purchased products:', cssaddaPurchased);\r\n \r\n const productButtons = document.querySelectorAll('.btn-add-cart[onclick], .btn-bundle[onclick]');\r\n \r\n productButtons.forEach(btn => {\r\n const onclickAttr = btn.getAttribute('onclick');\r\n \r\n if (onclickAttr) {\r\n const match = onclickAttr.match(\/wooProductId:\\s*(\\d+)\/);\r\n if (match && match[1]) {\r\n const wooProductId = match[1];\r\n \r\n if (wooProductId !== '0' && cssaddaPurchased[wooProductId]) {\r\n const purchasedProduct = cssaddaPurchased[wooProductId];\r\n \r\n btn.classList.add('purchased');\r\n btn.innerHTML = '<i class=\"fas fa-play-circle\"><\/i> Take Test';\r\n \r\n if (purchasedProduct.quiz_url) {\r\n btn.dataset.accessUrl = purchasedProduct.quiz_url;\r\n }\r\n \r\n console.log('[CSS ADDA] Marked as purchased:', purchasedProduct.name, 'WooID:', wooProductId);\r\n }\r\n }\r\n }\r\n });\r\n}\r\n\/\/ ============================================\r\n\/\/ BUNDLE SCROLL NAVIGATION\r\n\/\/ ============================================\r\nfunction scrollBundles(direction) {\r\n const grid = document.getElementById('bundleGrid');\r\n const scrollAmount = 350; \/\/ Card width + gap\r\n grid.scrollBy({\r\n left: direction * scrollAmount,\r\n behavior: 'smooth'\r\n });\r\n}\r\n\r\n\/\/ ============================================\r\n\/\/ BUNDLE TOPICS TOGGLE FUNCTION\r\n\/\/ ============================================\r\nfunction toggleBundleTopics(element) {\r\n const topicsList = element.nextElementSibling;\r\n const isExpanded = topicsList.classList.contains('expanded');\r\n \r\n \/\/ Close all other expanded lists\r\n document.querySelectorAll('.bundle-topics-list.expanded').forEach(list => {\r\n if (list !== topicsList) {\r\n list.classList.remove('expanded');\r\n list.previousElementSibling.classList.remove('active');\r\n }\r\n });\r\n \r\n \/\/ Toggle current list\r\n if (isExpanded) {\r\n topicsList.classList.remove('expanded');\r\n element.classList.remove('active');\r\n } else {\r\n topicsList.classList.add('expanded');\r\n element.classList.add('active');\r\n }\r\n}\r\n\r\n\/\/ ============================================\r\n\/\/ BUNDLE ADD TO CART FUNCTION\r\n\/\/ ============================================\r\nfunction addBundleToCart(product, buttonElement) {\r\n \/\/ Check login status\r\n if (typeof cssaddaIsLoggedIn !== 'undefined' && !cssaddaIsLoggedIn) {\r\n CSSAddaCart.showToast('Please login to add items to cart', 'warning');\r\n setTimeout(() => {\r\n window.location.href = '\/my-account\/';\r\n }, 1500);\r\n return;\r\n }\r\n \r\n \/\/ Check if already purchased\r\n if (buttonElement && buttonElement.classList.contains('purchased')) {\r\n const accessUrl = buttonElement.dataset.accessUrl;\r\n if (accessUrl) {\r\n window.location.href = accessUrl;\r\n } else {\r\n CSSAddaCart.showToast('Redirecting to your tests...', 'info');\r\n window.location.href = '?page_id=4602';\r\n }\r\n return;\r\n }\r\n \r\n \/\/ Check if WooCommerce ID is set\r\n if (!product.wooProductId || product.wooProductId === 0) {\r\n CSSAddaCart.showToast('\u23f3 Coming soon! This bundle is not available yet.', 'warning');\r\n return;\r\n }\r\n \r\n \/\/ Add to cart using existing cart system\r\n CSSAddaCart.addItem(product, buttonElement);\r\n}\r\n\r\n\/\/ ============================================\r\n\/\/ MARK PURCHASED BUNDLES ON PAGE LOAD\r\n\/\/ ============================================\r\nfunction markPurchasedBundles() {\r\n if (typeof cssaddaPurchased === 'undefined' || !cssaddaPurchased) {\r\n return;\r\n }\r\n \r\n const bundleButtons = document.querySelectorAll('.btn-bundle-cart[onclick]');\r\n \r\n bundleButtons.forEach(btn => {\r\n const onclickAttr = btn.getAttribute('onclick');\r\n \r\n if (onclickAttr) {\r\n const match = onclickAttr.match(\/wooProductId:\\s*(\\d+)\/);\r\n if (match && match[1]) {\r\n const wooProductId = match[1];\r\n \r\n if (wooProductId !== '0' && cssaddaPurchased[wooProductId]) {\r\n const purchasedProduct = cssaddaPurchased[wooProductId];\r\n \r\n btn.classList.add('purchased');\r\n btn.innerHTML = '<i class=\"fas fa-play-circle\"><\/i> Access Tests';\r\n \r\n if (purchasedProduct.quiz_url) {\r\n btn.dataset.accessUrl = purchasedProduct.quiz_url;\r\n }\r\n }\r\n }\r\n }\r\n });\r\n}\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n setTimeout(markPurchasedProducts, 100);\r\n setTimeout(markPurchasedBundles, 100);\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\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>Test Series – CSS Adda | SSC ASO LDCE CBT Exam Preparation SSC ASO LDCE CBT Test Series Comprehensive practice […]<\/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-11128","page","type-page","status-publish","hentry","category-website-main-pages-header"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/11128","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=11128"}],"version-history":[{"count":86,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/11128\/revisions"}],"predecessor-version":[{"id":12332,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/11128\/revisions\/12332"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}