{"id":7213,"date":"2025-12-30T06:24:14","date_gmt":"2025-12-30T06:24:14","guid":{"rendered":"https:\/\/promotionexams.com\/?page_id=7213"},"modified":"2026-01-30T15:30:11","modified_gmt":"2026-01-30T15:30:11","slug":"upsc-so-steno-ldce-4","status":"publish","type":"page","link":"https:\/\/promotionexams.com\/?page_id=7213","title":{"rendered":"UPSC SO\/Steno LDCE-video courses"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7213\" class=\"elementor elementor-7213\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1eecc94 e-con-full e-flex e-con e-parent\" data-id=\"1eecc94\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b2c0e9 elementor-widget elementor-widget-html\" data-id=\"8b2c0e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Video Courses - CSS Adda | SO\/Steno LDCE Preparation<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\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            --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        \/* ===== PAGE HEADER ===== *\/\r\n        .page-header {\r\n            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);\r\n            padding: 50px 20px 70px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .page-header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n            opacity: 0.5;\r\n        }\r\n\r\n        .page-title-section {\r\n            position: relative;\r\n            z-index: 1;\r\n            text-align: center;\r\n        }\r\n\r\n        .page-title {\r\n            font-family: 'Plus Jakarta Sans', sans-serif;\r\n            font-size: 42px;\r\n            font-weight: 800;\r\n            color: white;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .page-title span {\r\n            color: var(--accent-yellow);\r\n        }\r\n\r\n        .page-subtitle {\r\n            font-size: 18px;\r\n            color: rgba(255,255,255,0.9);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\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: 140px;\r\n            padding: 18px 20px;\r\n            text-align: center;\r\n            font-weight: 600;\r\n            font-size: 14px;\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: 20px;\r\n            margin-bottom: 6px;\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: 18px 24px;\r\n            margin: 25px 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: 26px;\r\n            color: var(--primary-blue);\r\n        }\r\n\r\n        .info-banner p {\r\n            font-size: 15px;\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        \/* ===== BUNDLES SECTION ===== *\/\r\n        .bundles-section {\r\n            padding: 50px 20px;\r\n            background: linear-gradient(135deg, var(--accent-yellow-light) 0%, #fef3c7 100%);\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: 8px 18px;\r\n            border-radius: 25px;\r\n            font-size: 13px;\r\n            font-weight: 700;\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', 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: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* ===== BUNDLE CARDS GRID ===== *\/\r\n        .bundles-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n            gap: 25px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .bundle-card {\r\n            background: white;\r\n            border-radius: var(--border-radius-lg);\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow-md);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .bundle-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        .bundle-card.featured {\r\n            border: 3px solid var(--accent-orange);\r\n        }\r\n\r\n        .bundle-header {\r\n            padding: 28px;\r\n            color: white;\r\n            position: relative;\r\n        }\r\n\r\n        .bundle-header.paper1 {\r\n            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);\r\n        }\r\n\r\n        .bundle-header.paper2 {\r\n            background: linear-gradient(135deg, var(--paper2-green) 0%, var(--paper2-green-light) 100%);\r\n        }\r\n\r\n        .bundle-header.combo {\r\n            background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);\r\n        }\r\n\r\n        .bundle-header.ultimate {\r\n            background: linear-gradient(135deg, var(--accent-orange) 0%, var(--accent-orange-light) 100%);\r\n        }\r\n\r\n        .bundle-badge {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background: rgba(255,255,255,0.2);\r\n            padding: 5px 14px;\r\n            border-radius: 20px;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .bundle-icon {\r\n            width: 65px;\r\n            height: 65px;\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            font-size: 30px;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .bundle-name {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .bundle-desc {\r\n            font-size: 14px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .bundle-body {\r\n            padding: 25px;\r\n        }\r\n\r\n        .bundle-features {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .bundle-feature {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 10px 0;\r\n            font-size: 14px;\r\n            color: var(--text-gray);\r\n            border-bottom: 1px dashed #e5e7eb;\r\n        }\r\n\r\n        .bundle-feature:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .bundle-feature i {\r\n            color: var(--success-green);\r\n            font-size: 14px;\r\n            width: 20px;\r\n        }\r\n\r\n        .bundle-pricing {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .bundle-price-original {\r\n            font-size: 17px;\r\n            color: var(--text-light);\r\n            text-decoration: line-through;\r\n        }\r\n\r\n        .bundle-price-current {\r\n            font-size: 32px;\r\n            font-weight: 800;\r\n            color: var(--accent-orange);\r\n        }\r\n\r\n        .bundle-savings {\r\n            background: #dcfce7;\r\n            color: #166534;\r\n            padding: 4px 12px;\r\n            border-radius: 15px;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .btn-bundle {\r\n            width: 100%;\r\n            padding: 16px 24px;\r\n            background: var(--primary-blue);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-size: 15px;\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: 10px;\r\n            font-family: 'Poppins', sans-serif;\r\n        }\r\n\r\n        .btn-bundle:hover {\r\n            background: var(--primary-blue-dark);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .btn-bundle.in-cart {\r\n            background: var(--success-green);\r\n        }\r\n\r\n        .btn-bundle.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        }\r\n\r\n        \/* ===== COURSES SECTION ===== *\/\r\n        .courses-section {\r\n            padding: 60px 20px;\r\n        }\r\n\r\n        .courses-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: 10px 20px;\r\n            border-radius: 25px;\r\n            font-size: 14px;\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        \/* ===== COURSE CARD ===== *\/\r\n        .courses-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\r\n            gap: 25px;\r\n        }\r\n\r\n        .course-card {\r\n            background: white;\r\n            border-radius: var(--border-radius-lg);\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow-sm);\r\n            transition: all 0.3s ease;\r\n            border: 2px solid #f1f5f9;\r\n        }\r\n\r\n        .course-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--shadow-lg);\r\n            border-color: var(--accent-orange);\r\n        }\r\n\r\n        .course-card.paper2-card {\r\n            border-color: #a7f3d0;\r\n        }\r\n\r\n        .course-card.paper2-card:hover {\r\n            border-color: var(--paper2-green-light);\r\n        }\r\n\r\n        \/* Course Thumbnail *\/\r\n        .course-thumbnail {\r\n            position: relative;\r\n            height: 200px;\r\n            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .course-card.paper2-card .course-thumbnail {\r\n            background: linear-gradient(135deg, var(--paper2-green) 0%, var(--paper2-green-light) 100%);\r\n        }\r\n\r\n        .course-thumbnail img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .course-thumbnail-placeholder {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n        }\r\n\r\n        .course-thumbnail-placeholder i {\r\n            font-size: 50px;\r\n            margin-bottom: 10px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .course-thumbnail-placeholder span {\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            opacity: 0.8;\r\n        }\r\n\r\n        .course-duration-badge {\r\n            position: absolute;\r\n            bottom: 12px;\r\n            right: 12px;\r\n            background: rgba(0,0,0,0.7);\r\n            color: white;\r\n            padding: 6px 12px;\r\n            border-radius: 8px;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n        }\r\n\r\n        .course-type-badge {\r\n            position: absolute;\r\n            top: 12px;\r\n            left: 12px;\r\n            background: var(--accent-orange);\r\n            color: white;\r\n            padding: 6px 14px;\r\n            border-radius: 20px;\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .course-card.paper2-card .course-type-badge {\r\n            background: var(--paper2-green);\r\n        }\r\n\r\n        \/* Course Body *\/\r\n        .course-body {\r\n            padding: 20px;\r\n        }\r\n\r\n        .course-title {\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--text-dark);\r\n            margin-bottom: 10px;\r\n            line-height: 1.4;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .course-instructor {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .instructor-avatar {\r\n            width: 36px;\r\n            height: 36px;\r\n            background: var(--bg-light);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--primary-blue);\r\n            font-weight: 700;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .instructor-info {\r\n            flex: 1;\r\n        }\r\n\r\n        .instructor-name {\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        .instructor-title {\r\n            font-size: 11px;\r\n            color: var(--text-light);\r\n        }\r\n\r\n        .course-meta {\r\n            display: flex;\r\n            gap: 15px;\r\n            padding: 15px 0;\r\n            border-top: 1px dashed #e5e7eb;\r\n            border-bottom: 1px dashed #e5e7eb;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .course-meta-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            font-size: 12px;\r\n            color: var(--text-gray);\r\n        }\r\n\r\n        .course-meta-item i {\r\n            color: var(--primary-blue);\r\n            font-size: 12px;\r\n        }\r\n\r\n        .course-card.paper2-card .course-meta-item i {\r\n            color: var(--paper2-green);\r\n        }\r\n\r\n        .course-meta-item strong {\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        \/* Course Footer *\/\r\n        .course-footer {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n\r\n        .course-price {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .course-price-original {\r\n            font-size: 13px;\r\n            color: var(--text-light);\r\n            text-decoration: line-through;\r\n        }\r\n\r\n        .course-price-current {\r\n            font-size: 24px;\r\n            font-weight: 800;\r\n            color: var(--accent-orange);\r\n        }\r\n\r\n        .btn-enroll {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 12px 24px;\r\n            background: var(--accent-orange);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 10px;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-family: 'Poppins', sans-serif;\r\n        }\r\n\r\n        .btn-enroll:hover {\r\n            background: var(--accent-orange-dark);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .btn-enroll.in-cart {\r\n            background: var(--success-green);\r\n        }\r\n\r\n        .btn-enroll.purchased {\r\n            background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;\r\n        }\r\n\r\n        \/* ===== FEATURES SECTION ===== *\/\r\n        .features-section {\r\n            padding: 60px 20px;\r\n            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 30px;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .feature-card {\r\n            text-align: center;\r\n            color: white;\r\n        }\r\n\r\n        .feature-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: rgba(255,255,255,0.15);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 15px;\r\n            font-size: 28px;\r\n        }\r\n\r\n        .feature-title {\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .feature-desc {\r\n            font-size: 14px;\r\n            opacity: 0.85;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ===== RESPONSIVE ===== *\/\r\n        @media (max-width: 992px) {\r\n            .bundles-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .courses-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .page-title {\r\n                font-size: 28px;\r\n            }\r\n\r\n            .filter-tabs {\r\n                display: grid;\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .filter-tab {\r\n                padding: 14px 12px;\r\n                font-size: 12px;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .bundles-grid,\r\n            .courses-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .course-thumbnail {\r\n                height: 180px;\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-tab i {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .course-footer {\r\n                flex-direction: column;\r\n                gap: 15px;\r\n                align-items: stretch;\r\n            }\r\n\r\n            .course-price {\r\n                text-align: center;\r\n            }\r\n\r\n            .btn-enroll {\r\n                justify-content: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- ===== PAGE HEADER ===== -->\r\n    <header class=\"page-header\">\r\n        <div class=\"container\">\r\n            <div class=\"page-title-section\">\r\n                <h1 class=\"page-title\">Video <span>Courses<\/span><\/h1>\r\n                <p class=\"page-subtitle\">Learn from expert faculty with comprehensive video lectures for SO\/Steno LDCE exam preparation<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- ===== FILTER NAVIGATION ===== -->\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 Courses\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-gavel\"><\/i>\r\n                    Paper 2\r\n                <\/div>\r\n                <div class=\"filter-tab\" data-filter=\"bundles\">\r\n                    <i class=\"fas fa-layer-group\"><\/i>\r\n                    Bundles\r\n                <\/div>\r\n            <\/div>\r\n        <\/nav>\r\n    <\/div>\r\n\r\n    <!-- ===== INFO BANNER ===== -->\r\n    <div class=\"container\">\r\n        <div class=\"info-banner\">\r\n            <i class=\"fas fa-play-circle\"><\/i>\r\n            <p><strong>After purchasing any course,<\/strong> you can access all video lectures from your <strong>Dashboard \u2192 My Courses<\/strong> section. Watch anytime, anywhere!<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===== BUNDLES SECTION ===== -->\r\n    <section class=\"bundles-section\" id=\"bundles\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <span class=\"section-tag\"><i class=\"fas fa-star\"><\/i> Best Value<\/span>\r\n                <h2 class=\"section-title\">Course Bundles<\/h2>\r\n                <p class=\"section-subtitle\">Save more with our combo packages - Complete video courses for exam success<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bundles-grid\">\r\n                <!-- Bundle 1: Paper 1 Complete -->\r\n                <div class=\"bundle-card\">\r\n                    <div class=\"bundle-header paper1\">\r\n                        <div class=\"bundle-badge\">Paper 1<\/div>\r\n                        <div class=\"bundle-icon\">\r\n                            <i class=\"fas fa-play-circle\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"bundle-name\">Paper 1 Complete Course<\/h3>\r\n                        <p class=\"bundle-desc\">All Paper 1 topics covered<\/p>\r\n                    <\/div>\r\n                    <div class=\"bundle-body\">\r\n                        <div class=\"bundle-features\">\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>Constitution of India - 40+ Videos<\/span>\r\n                            <\/div>\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>RTI Act 2005 - 15+ Videos<\/span>\r\n                            <\/div>\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>Parliamentary Procedure - 20+ Videos<\/span>\r\n                            <\/div>\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>AOBR\/TOBR - 12+ Videos<\/span>\r\n                            <\/div>\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>Lifetime Access<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"bundle-pricing\">\r\n                            <span class=\"bundle-price-original\">\u20b94,999<\/span>\r\n                            <span class=\"bundle-price-current\">\u20b92,999<\/span>\r\n                            <span class=\"bundle-savings\">Save \u20b92,000<\/span>\r\n                        <\/div>\r\n                        <button class=\"btn-bundle\" data-product-id=\"bundle-paper1\" onclick=\"addToCart({\r\n                            id: 'bundle-paper1',\r\n                            name: 'Paper 1 Complete Video Course',\r\n                            type: 'bundle',\r\n                            price: 2999,\r\n                            originalPrice: 4999,\r\n                            icon: 'fa-play-circle',\r\n                            wooProductId: 0\r\n                        }, this)\">\r\n                            <i class=\"fas fa-cart-plus\"><\/i> Add to Cart\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Bundle 2: Paper 2 Complete -->\r\n                <div class=\"bundle-card\">\r\n                    <div class=\"bundle-header paper2\">\r\n                        <div class=\"bundle-badge\">Paper 2<\/div>\r\n                        <div class=\"bundle-icon\">\r\n                            <i class=\"fas fa-play-circle\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"bundle-name\">Paper 2 Complete Course<\/h3>\r\n                        <p class=\"bundle-desc\">All Paper 2 topics covered<\/p>\r\n                    <\/div>\r\n                    <div class=\"bundle-body\">\r\n                        <div class=\"bundle-features\">\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>CCS Rules (All) - 50+ Videos<\/span>\r\n                            <\/div>\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>GFR & DFPR - 25+ Videos<\/span>\r\n                            <\/div>\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>FR\/SR - 20+ Videos<\/span>\r\n                            <\/div>\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>Office Procedure - 15+ Videos<\/span>\r\n                            <\/div>\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>Lifetime Access<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"bundle-pricing\">\r\n                            <span class=\"bundle-price-original\">\u20b95,499<\/span>\r\n                            <span class=\"bundle-price-current\">\u20b93,499<\/span>\r\n                            <span class=\"bundle-savings\">Save \u20b92,000<\/span>\r\n                        <\/div>\r\n                        <button class=\"btn-bundle\" data-product-id=\"bundle-paper2\" onclick=\"addToCart({\r\n                            id: 'bundle-paper2',\r\n                            name: 'Paper 2 Complete Video Course',\r\n                            type: 'bundle',\r\n                            price: 3499,\r\n                            originalPrice: 5499,\r\n                            icon: 'fa-play-circle',\r\n                            wooProductId: 0\r\n                        }, this)\">\r\n                            <i class=\"fas fa-cart-plus\"><\/i> Add to Cart\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Bundle 3: Ultimate Combo -->\r\n                <div class=\"bundle-card featured\">\r\n                    <div class=\"bundle-header ultimate\">\r\n                        <div class=\"bundle-badge\">\ud83d\udd25 Most Popular<\/div>\r\n                        <div class=\"bundle-icon\">\r\n                            <i class=\"fas fa-crown\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"bundle-name\">Ultimate Combo<\/h3>\r\n                        <p class=\"bundle-desc\">Paper 1 + Paper 2 Complete<\/p>\r\n                    <\/div>\r\n                    <div class=\"bundle-body\">\r\n                        <div class=\"bundle-features\">\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>All Paper 1 Video Courses<\/span>\r\n                            <\/div>\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>All Paper 2 Video Courses<\/span>\r\n                            <\/div>\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>200+ Video Lectures Total<\/span>\r\n                            <\/div>\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>Expert Faculty<\/span>\r\n                            <\/div>\r\n                            <div class=\"bundle-feature\">\r\n                                <i class=\"fas fa-check\"><\/i>\r\n                                <span>Lifetime Access + Updates<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"bundle-pricing\">\r\n                            <span class=\"bundle-price-original\">\u20b99,998<\/span>\r\n                            <span class=\"bundle-price-current\">\u20b94,999<\/span>\r\n                            <span class=\"bundle-savings\">Save \u20b94,999<\/span>\r\n                        <\/div>\r\n                        <button class=\"btn-bundle\" data-product-id=\"bundle-ultimate\" onclick=\"addToCart({\r\n                            id: 'bundle-ultimate',\r\n                            name: 'Ultimate Combo - Paper 1 + Paper 2',\r\n                            type: 'bundle',\r\n                            price: 4999,\r\n                            originalPrice: 9998,\r\n                            icon: 'fa-crown',\r\n                            wooProductId: 0\r\n                        }, this)\">\r\n                            <i class=\"fas fa-cart-plus\"><\/i> Add to Cart\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ===== PAPER 1 COURSES ===== -->\r\n    <section class=\"courses-section\" id=\"paper1\">\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 - Video Courses<\/h2>\r\n                <p class=\"section-subtitle\">Constitution, RTI, Parliamentary Procedure, AOBR\/TOBR & More<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"courses-grid\">\r\n                <!-- Course 1: Constitution -->\r\n                <div class=\"course-card\" data-paper=\"paper1\">\r\n                    <div class=\"course-thumbnail\">\r\n                        <div class=\"course-thumbnail-placeholder\">\r\n                            <i class=\"fas fa-landmark\"><\/i>\r\n                            <span>Constitution of India<\/span>\r\n                        <\/div>\r\n                        <span class=\"course-type-badge\">Paper 1<\/span>\r\n                        <span class=\"course-duration-badge\"><i class=\"fas fa-clock\"><\/i> 12 Hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"course-body\">\r\n                        <h3 class=\"course-title\">Constitution of India - Complete Course<\/h3>\r\n                        <div class=\"course-instructor\">\r\n                            <div class=\"instructor-avatar\">CA<\/div>\r\n                            <div class=\"instructor-info\">\r\n                                <div class=\"instructor-name\">CSS Adda Faculty<\/div>\r\n                                <div class=\"instructor-title\">Subject Expert<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-meta\">\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-play-circle\"><\/i>\r\n                                <strong>42<\/strong> Videos\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-clock\"><\/i>\r\n                                <strong>12<\/strong> Hours\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-infinity\"><\/i>\r\n                                Lifetime\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-footer\">\r\n                            <div class=\"course-price\">\r\n                                <span class=\"course-price-original\">\u20b91,499<\/span>\r\n                                <span class=\"course-price-current\">\u20b9999<\/span>\r\n                            <\/div>\r\n                            <button class=\"btn-enroll\" data-product-id=\"course-constitution\" onclick=\"addToCart({\r\n                                id: 'course-constitution',\r\n                                name: 'Constitution of India - Complete Course',\r\n                                type: 'video-course',\r\n                                price: 999,\r\n                                originalPrice: 1499,\r\n                                icon: 'fa-play-circle',\r\n                                wooProductId: 0\r\n                            }, this)\">\r\n                                <i class=\"fas fa-cart-plus\"><\/i> Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Course 2: RTI Act -->\r\n                <div class=\"course-card\" data-paper=\"paper1\">\r\n                    <div class=\"course-thumbnail\">\r\n                        <div class=\"course-thumbnail-placeholder\">\r\n                            <i class=\"fas fa-file-alt\"><\/i>\r\n                            <span>RTI Act 2005<\/span>\r\n                        <\/div>\r\n                        <span class=\"course-type-badge\">Paper 1<\/span>\r\n                        <span class=\"course-duration-badge\"><i class=\"fas fa-clock\"><\/i> 5 Hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"course-body\">\r\n                        <h3 class=\"course-title\">RTI Act 2005 - Complete Course<\/h3>\r\n                        <div class=\"course-instructor\">\r\n                            <div class=\"instructor-avatar\">CA<\/div>\r\n                            <div class=\"instructor-info\">\r\n                                <div class=\"instructor-name\">CSS Adda Faculty<\/div>\r\n                                <div class=\"instructor-title\">Subject Expert<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-meta\">\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-play-circle\"><\/i>\r\n                                <strong>18<\/strong> Videos\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-clock\"><\/i>\r\n                                <strong>5<\/strong> Hours\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-infinity\"><\/i>\r\n                                Lifetime\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-footer\">\r\n                            <div class=\"course-price\">\r\n                                <span class=\"course-price-original\">\u20b9699<\/span>\r\n                                <span class=\"course-price-current\">\u20b9449<\/span>\r\n                            <\/div>\r\n                            <button class=\"btn-enroll\" data-product-id=\"course-rti\" onclick=\"addToCart({\r\n                                id: 'course-rti',\r\n                                name: 'RTI Act 2005 - Complete Course',\r\n                                type: 'video-course',\r\n                                price: 449,\r\n                                originalPrice: 699,\r\n                                icon: 'fa-play-circle',\r\n                                wooProductId: 0\r\n                            }, this)\">\r\n                                <i class=\"fas fa-cart-plus\"><\/i> Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Course 3: Parliamentary Procedure -->\r\n                <div class=\"course-card\" data-paper=\"paper1\">\r\n                    <div class=\"course-thumbnail\">\r\n                        <div class=\"course-thumbnail-placeholder\">\r\n                            <i class=\"fas fa-university\"><\/i>\r\n                            <span>Parliamentary Procedure<\/span>\r\n                        <\/div>\r\n                        <span class=\"course-type-badge\">Paper 1<\/span>\r\n                        <span class=\"course-duration-badge\"><i class=\"fas fa-clock\"><\/i> 8 Hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"course-body\">\r\n                        <h3 class=\"course-title\">Parliamentary Procedure - Complete Course<\/h3>\r\n                        <div class=\"course-instructor\">\r\n                            <div class=\"instructor-avatar\">CA<\/div>\r\n                            <div class=\"instructor-info\">\r\n                                <div class=\"instructor-name\">CSS Adda Faculty<\/div>\r\n                                <div class=\"instructor-title\">Subject Expert<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-meta\">\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-play-circle\"><\/i>\r\n                                <strong>25<\/strong> Videos\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-clock\"><\/i>\r\n                                <strong>8<\/strong> Hours\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-infinity\"><\/i>\r\n                                Lifetime\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-footer\">\r\n                            <div class=\"course-price\">\r\n                                <span class=\"course-price-original\">\u20b9999<\/span>\r\n                                <span class=\"course-price-current\">\u20b9649<\/span>\r\n                            <\/div>\r\n                            <button class=\"btn-enroll\" data-product-id=\"course-parliament\" onclick=\"addToCart({\r\n                                id: 'course-parliament',\r\n                                name: 'Parliamentary Procedure - Complete Course',\r\n                                type: 'video-course',\r\n                                price: 649,\r\n                                originalPrice: 999,\r\n                                icon: 'fa-play-circle',\r\n                                wooProductId: 0\r\n                            }, this)\">\r\n                                <i class=\"fas fa-cart-plus\"><\/i> Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Course 4: AOBR\/TOBR -->\r\n                <div class=\"course-card\" data-paper=\"paper1\">\r\n                    <div class=\"course-thumbnail\">\r\n                        <div class=\"course-thumbnail-placeholder\">\r\n                            <i class=\"fas fa-chart-line\"><\/i>\r\n                            <span>AOBR \/ TOBR<\/span>\r\n                        <\/div>\r\n                        <span class=\"course-type-badge\">Paper 1<\/span>\r\n                        <span class=\"course-duration-badge\"><i class=\"fas fa-clock\"><\/i> 4 Hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"course-body\">\r\n                        <h3 class=\"course-title\">AOBR & TOBR - Complete Course<\/h3>\r\n                        <div class=\"course-instructor\">\r\n                            <div class=\"instructor-avatar\">CA<\/div>\r\n                            <div class=\"instructor-info\">\r\n                                <div class=\"instructor-name\">CSS Adda Faculty<\/div>\r\n                                <div class=\"instructor-title\">Subject Expert<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-meta\">\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-play-circle\"><\/i>\r\n                                <strong>14<\/strong> Videos\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-clock\"><\/i>\r\n                                <strong>4<\/strong> Hours\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-infinity\"><\/i>\r\n                                Lifetime\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-footer\">\r\n                            <div class=\"course-price\">\r\n                                <span class=\"course-price-original\">\u20b9599<\/span>\r\n                                <span class=\"course-price-current\">\u20b9399<\/span>\r\n                            <\/div>\r\n                            <button class=\"btn-enroll\" data-product-id=\"course-aobr\" onclick=\"addToCart({\r\n                                id: 'course-aobr',\r\n                                name: 'AOBR & TOBR - Complete Course',\r\n                                type: 'video-course',\r\n                                price: 399,\r\n                                originalPrice: 599,\r\n                                icon: 'fa-play-circle',\r\n                                wooProductId: 0\r\n                            }, this)\">\r\n                                <i class=\"fas fa-cart-plus\"><\/i> Enroll Now\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    <!-- ===== PAPER 2 COURSES ===== -->\r\n    <section class=\"courses-section\" id=\"paper2\" style=\"background: white;\">\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 - Video Courses<\/h2>\r\n                <p class=\"section-subtitle\">CCS Rules, GFR, DFPR, FR\/SR & Office Procedure<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"courses-grid\">\r\n                <!-- Course 1: CCS Pension -->\r\n                <div class=\"course-card paper2-card\" data-paper=\"paper2\">\r\n                    <div class=\"course-thumbnail\">\r\n                        <div class=\"course-thumbnail-placeholder\">\r\n                            <i class=\"fas fa-user-shield\"><\/i>\r\n                            <span>CCS Pension Rules<\/span>\r\n                        <\/div>\r\n                        <span class=\"course-type-badge\">Paper 2<\/span>\r\n                        <span class=\"course-duration-badge\"><i class=\"fas fa-clock\"><\/i> 8 Hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"course-body\">\r\n                        <h3 class=\"course-title\">CCS (Pension) Rules - Complete Course<\/h3>\r\n                        <div class=\"course-instructor\">\r\n                            <div class=\"instructor-avatar\">CA<\/div>\r\n                            <div class=\"instructor-info\">\r\n                                <div class=\"instructor-name\">CSS Adda Faculty<\/div>\r\n                                <div class=\"instructor-title\">Subject Expert<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-meta\">\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-play-circle\"><\/i>\r\n                                <strong>28<\/strong> Videos\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-clock\"><\/i>\r\n                                <strong>8<\/strong> Hours\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-infinity\"><\/i>\r\n                                Lifetime\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-footer\">\r\n                            <div class=\"course-price\">\r\n                                <span class=\"course-price-original\">\u20b91,199<\/span>\r\n                                <span class=\"course-price-current\">\u20b9799<\/span>\r\n                            <\/div>\r\n                            <button class=\"btn-enroll\" data-product-id=\"course-pension\" onclick=\"addToCart({\r\n                                id: 'course-pension',\r\n                                name: 'CCS Pension Rules - Complete Course',\r\n                                type: 'video-course',\r\n                                price: 799,\r\n                                originalPrice: 1199,\r\n                                icon: 'fa-play-circle',\r\n                                wooProductId: 0\r\n                            }, this)\">\r\n                                <i class=\"fas fa-cart-plus\"><\/i> Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Course 2: CCS Conduct -->\r\n                <div class=\"course-card paper2-card\" data-paper=\"paper2\">\r\n                    <div class=\"course-thumbnail\">\r\n                        <div class=\"course-thumbnail-placeholder\">\r\n                            <i class=\"fas fa-user-tie\"><\/i>\r\n                            <span>CCS Conduct Rules<\/span>\r\n                        <\/div>\r\n                        <span class=\"course-type-badge\">Paper 2<\/span>\r\n                        <span class=\"course-duration-badge\"><i class=\"fas fa-clock\"><\/i> 6 Hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"course-body\">\r\n                        <h3 class=\"course-title\">CCS (Conduct) Rules - Complete Course<\/h3>\r\n                        <div class=\"course-instructor\">\r\n                            <div class=\"instructor-avatar\">CA<\/div>\r\n                            <div class=\"instructor-info\">\r\n                                <div class=\"instructor-name\">CSS Adda Faculty<\/div>\r\n                                <div class=\"instructor-title\">Subject Expert<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-meta\">\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-play-circle\"><\/i>\r\n                                <strong>20<\/strong> Videos\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-clock\"><\/i>\r\n                                <strong>6<\/strong> Hours\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-infinity\"><\/i>\r\n                                Lifetime\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-footer\">\r\n                            <div class=\"course-price\">\r\n                                <span class=\"course-price-original\">\u20b9999<\/span>\r\n                                <span class=\"course-price-current\">\u20b9649<\/span>\r\n                            <\/div>\r\n                            <button class=\"btn-enroll\" data-product-id=\"course-conduct\" onclick=\"addToCart({\r\n                                id: 'course-conduct',\r\n                                name: 'CCS Conduct Rules - Complete Course',\r\n                                type: 'video-course',\r\n                                price: 649,\r\n                                originalPrice: 999,\r\n                                icon: 'fa-play-circle',\r\n                                wooProductId: 0\r\n                            }, this)\">\r\n                                <i class=\"fas fa-cart-plus\"><\/i> Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Course 3: GFR & DFPR -->\r\n                <div class=\"course-card paper2-card\" data-paper=\"paper2\">\r\n                    <div class=\"course-thumbnail\">\r\n                        <div class=\"course-thumbnail-placeholder\">\r\n                            <i class=\"fas fa-coins\"><\/i>\r\n                            <span>GFR & DFPR<\/span>\r\n                        <\/div>\r\n                        <span class=\"course-type-badge\">Paper 2<\/span>\r\n                        <span class=\"course-duration-badge\"><i class=\"fas fa-clock\"><\/i> 10 Hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"course-body\">\r\n                        <h3 class=\"course-title\">GFR & DFPR - Complete Course<\/h3>\r\n                        <div class=\"course-instructor\">\r\n                            <div class=\"instructor-avatar\">CA<\/div>\r\n                            <div class=\"instructor-info\">\r\n                                <div class=\"instructor-name\">CSS Adda Faculty<\/div>\r\n                                <div class=\"instructor-title\">Subject Expert<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-meta\">\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-play-circle\"><\/i>\r\n                                <strong>32<\/strong> Videos\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-clock\"><\/i>\r\n                                <strong>10<\/strong> Hours\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-infinity\"><\/i>\r\n                                Lifetime\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-footer\">\r\n                            <div class=\"course-price\">\r\n                                <span class=\"course-price-original\">\u20b91,499<\/span>\r\n                                <span class=\"course-price-current\">\u20b9999<\/span>\r\n                            <\/div>\r\n                            <button class=\"btn-enroll\" data-product-id=\"course-gfr\" onclick=\"addToCart({\r\n                                id: 'course-gfr',\r\n                                name: 'GFR & DFPR - Complete Course',\r\n                                type: 'video-course',\r\n                                price: 999,\r\n                                originalPrice: 1499,\r\n                                icon: 'fa-play-circle',\r\n                                wooProductId: 0\r\n                            }, this)\">\r\n                                <i class=\"fas fa-cart-plus\"><\/i> Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Course 4: FR\/SR -->\r\n                <div class=\"course-card paper2-card\" data-paper=\"paper2\">\r\n                    <div class=\"course-thumbnail\">\r\n                        <div class=\"course-thumbnail-placeholder\">\r\n                            <i class=\"fas fa-file-invoice\"><\/i>\r\n                            <span>FR & SR<\/span>\r\n                        <\/div>\r\n                        <span class=\"course-type-badge\">Paper 2<\/span>\r\n                        <span class=\"course-duration-badge\"><i class=\"fas fa-clock\"><\/i> 7 Hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"course-body\">\r\n                        <h3 class=\"course-title\">Fundamental & Supplementary Rules - Complete<\/h3>\r\n                        <div class=\"course-instructor\">\r\n                            <div class=\"instructor-avatar\">CA<\/div>\r\n                            <div class=\"instructor-info\">\r\n                                <div class=\"instructor-name\">CSS Adda Faculty<\/div>\r\n                                <div class=\"instructor-title\">Subject Expert<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-meta\">\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-play-circle\"><\/i>\r\n                                <strong>24<\/strong> Videos\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-clock\"><\/i>\r\n                                <strong>7<\/strong> Hours\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-infinity\"><\/i>\r\n                                Lifetime\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-footer\">\r\n                            <div class=\"course-price\">\r\n                                <span class=\"course-price-original\">\u20b91,099<\/span>\r\n                                <span class=\"course-price-current\">\u20b9749<\/span>\r\n                            <\/div>\r\n                            <button class=\"btn-enroll\" data-product-id=\"course-frsr\" onclick=\"addToCart({\r\n                                id: 'course-frsr',\r\n                                name: 'FR & SR - Complete Course',\r\n                                type: 'video-course',\r\n                                price: 749,\r\n                                originalPrice: 1099,\r\n                                icon: 'fa-play-circle',\r\n                                wooProductId: 0\r\n                            }, this)\">\r\n                                <i class=\"fas fa-cart-plus\"><\/i> Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Course 5: Office Procedure -->\r\n                <div class=\"course-card paper2-card\" data-paper=\"paper2\">\r\n                    <div class=\"course-thumbnail\">\r\n                        <div class=\"course-thumbnail-placeholder\">\r\n                            <i class=\"fas fa-folder-open\"><\/i>\r\n                            <span>Office Procedure<\/span>\r\n                        <\/div>\r\n                        <span class=\"course-type-badge\">Paper 2<\/span>\r\n                        <span class=\"course-duration-badge\"><i class=\"fas fa-clock\"><\/i> 6 Hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"course-body\">\r\n                        <h3 class=\"course-title\">Manual of Office Procedure - Complete Course<\/h3>\r\n                        <div class=\"course-instructor\">\r\n                            <div class=\"instructor-avatar\">CA<\/div>\r\n                            <div class=\"instructor-info\">\r\n                                <div class=\"instructor-name\">CSS Adda Faculty<\/div>\r\n                                <div class=\"instructor-title\">Subject Expert<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-meta\">\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-play-circle\"><\/i>\r\n                                <strong>18<\/strong> Videos\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-clock\"><\/i>\r\n                                <strong>6<\/strong> Hours\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-infinity\"><\/i>\r\n                                Lifetime\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-footer\">\r\n                            <div class=\"course-price\">\r\n                                <span class=\"course-price-original\">\u20b9899<\/span>\r\n                                <span class=\"course-price-current\">\u20b9599<\/span>\r\n                            <\/div>\r\n                            <button class=\"btn-enroll\" data-product-id=\"course-mop\" onclick=\"addToCart({\r\n                                id: 'course-mop',\r\n                                name: 'Office Procedure - Complete Course',\r\n                                type: 'video-course',\r\n                                price: 599,\r\n                                originalPrice: 899,\r\n                                icon: 'fa-play-circle',\r\n                                wooProductId: 0\r\n                            }, this)\">\r\n                                <i class=\"fas fa-cart-plus\"><\/i> Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Course 6: CCS Leave -->\r\n                <div class=\"course-card paper2-card\" data-paper=\"paper2\">\r\n                    <div class=\"course-thumbnail\">\r\n                        <div class=\"course-thumbnail-placeholder\">\r\n                            <i class=\"fas fa-calendar-check\"><\/i>\r\n                            <span>CCS Leave Rules<\/span>\r\n                        <\/div>\r\n                        <span class=\"course-type-badge\">Paper 2<\/span>\r\n                        <span class=\"course-duration-badge\"><i class=\"fas fa-clock\"><\/i> 5 Hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"course-body\">\r\n                        <h3 class=\"course-title\">CCS (Leave) Rules - Complete Course<\/h3>\r\n                        <div class=\"course-instructor\">\r\n                            <div class=\"instructor-avatar\">CA<\/div>\r\n                            <div class=\"instructor-info\">\r\n                                <div class=\"instructor-name\">CSS Adda Faculty<\/div>\r\n                                <div class=\"instructor-title\">Subject Expert<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-meta\">\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-play-circle\"><\/i>\r\n                                <strong>16<\/strong> Videos\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-clock\"><\/i>\r\n                                <strong>5<\/strong> Hours\r\n                            <\/div>\r\n                            <div class=\"course-meta-item\">\r\n                                <i class=\"fas fa-infinity\"><\/i>\r\n                                Lifetime\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"course-footer\">\r\n                            <div class=\"course-price\">\r\n                                <span class=\"course-price-original\">\u20b9799<\/span>\r\n                                <span class=\"course-price-current\">\u20b9549<\/span>\r\n                            <\/div>\r\n                            <button class=\"btn-enroll\" data-product-id=\"course-leave\" onclick=\"addToCart({\r\n                                id: 'course-leave',\r\n                                name: 'CCS Leave Rules - Complete Course',\r\n                                type: 'video-course',\r\n                                price: 549,\r\n                                originalPrice: 799,\r\n                                icon: 'fa-play-circle',\r\n                                wooProductId: 0\r\n                            }, this)\">\r\n                                <i class=\"fas fa-cart-plus\"><\/i> Enroll Now\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    <!-- ===== FEATURES SECTION ===== -->\r\n    <section class=\"features-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\" style=\"margin-bottom: 50px;\">\r\n                <h2 class=\"section-title\" style=\"color: white;\">Why Choose Our Video Courses?<\/h2>\r\n            <\/div>\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-chalkboard-teacher\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Expert Faculty<\/h3>\r\n                    <p class=\"feature-desc\">Learn from experienced educators who understand the exam pattern<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-infinity\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Lifetime Access<\/h3>\r\n                    <p class=\"feature-desc\">Watch anytime, anywhere with no time limits on your learning<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-mobile-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Mobile Friendly<\/h3>\r\n                    <p class=\"feature-desc\">Access courses on any device - phone, tablet or desktop<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-sync-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Regular Updates<\/h3>\r\n                    <p class=\"feature-desc\">Content updated with latest amendments and exam changes<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ===== JAVASCRIPT ===== -->\r\n    <script>\r\n        \/\/ Filter functionality\r\n        document.querySelectorAll('.filter-tab').forEach(tab => {\r\n            tab.addEventListener('click', function() {\r\n                const filter = this.dataset.filter;\r\n                \r\n                \/\/ Update active state\r\n                document.querySelectorAll('.filter-tab').forEach(t => t.classList.remove('active'));\r\n                this.classList.add('active');\r\n                \r\n                \/\/ Get all sections\r\n                const bundlesSection = document.getElementById('bundles');\r\n                const paper1Section = document.getElementById('paper1');\r\n                const paper2Section = document.getElementById('paper2');\r\n                \r\n                \/\/ Show\/hide based on filter\r\n                if (filter === 'all') {\r\n                    bundlesSection.style.display = '';\r\n                    paper1Section.style.display = '';\r\n                    paper2Section.style.display = '';\r\n                } else if (filter === 'bundles') {\r\n                    bundlesSection.style.display = '';\r\n                    paper1Section.style.display = 'none';\r\n                    paper2Section.style.display = 'none';\r\n                } else if (filter === 'paper1') {\r\n                    bundlesSection.style.display = 'none';\r\n                    paper1Section.style.display = '';\r\n                    paper2Section.style.display = 'none';\r\n                } else if (filter === 'paper2') {\r\n                    bundlesSection.style.display = 'none';\r\n                    paper1Section.style.display = 'none';\r\n                    paper2Section.style.display = '';\r\n                }\r\n                \r\n                \/\/ Smooth scroll to first visible section\r\n                const firstVisible = document.querySelector('.bundles-section:not([style*=\"display: none\"]), .courses-section:not([style*=\"display: none\"])');\r\n                if (firstVisible) {\r\n                    window.scrollTo({\r\n                        top: firstVisible.offsetTop - 100,\r\n                        behavior: 'smooth'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Add to cart function (placeholder - integrate with your cart system)\r\n        function addToCart(product, buttonElement) {\r\n            \/\/ Check if CSSAddaCart exists (your existing cart system)\r\n            if (typeof CSSAddaCart !== 'undefined') {\r\n                CSSAddaCart.addItem(product, buttonElement);\r\n            } else {\r\n                \/\/ Fallback for testing\r\n                console.log('Adding to cart:', product);\r\n                if (buttonElement) {\r\n                    buttonElement.classList.add('in-cart');\r\n                    buttonElement.innerHTML = '<i class=\"fas fa-check\"><\/i> Added';\r\n                }\r\n                alert('Added to cart: ' + product.name);\r\n            }\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<div class=\"elementor-element elementor-element-0d643ea e-flex e-con-boxed e-con e-parent\" data-id=\"0d643ea\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce6f3f5 elementor-widget elementor-widget-spacer\" data-id=\"ce6f3f5\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Video Courses &#8211; CSS Adda | SO\/Steno LDCE Preparation Video Courses Learn from expert faculty with comprehensive video lectures for [&hellip;]<\/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-7213","page","type-page","status-publish","hentry","category-website-main-pages-header"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/7213","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=7213"}],"version-history":[{"count":8,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/7213\/revisions"}],"predecessor-version":[{"id":9650,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/7213\/revisions\/9650"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7213"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7213"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}