{"id":49,"date":"2026-04-25T07:14:29","date_gmt":"2026-04-25T07:14:29","guid":{"rendered":"https:\/\/globalcamp.gyanacademy.com\/?page_id=49"},"modified":"2026-04-25T07:15:39","modified_gmt":"2026-04-25T07:15:39","slug":"12-chemistry-exmt","status":"publish","type":"page","link":"https:\/\/globalcamp.gyanacademy.com\/?page_id=49","title":{"rendered":"12 Chemistry Exmt"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n Class 12 Chemistry Practical | Gyan Academy - Master Laboratory Skills<\/title>\r\n \r\n <!-- Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Font Awesome -->\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 \/* ===== CSS VARIABLES - CHEMISTRY LIGHT THEME ===== *\/\r\n :root {\r\n --gradient-hero: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #dcfce7 55%, #fef3c7 85%, #ffffff 100%);\r\n --gradient-card: linear-gradient(145deg, #ffffff, #f8fafc);\r\n --gradient-chemistry: linear-gradient(90deg, #0ea5e9, #10b981, #f59e0b);\r\n --gradient-organic: linear-gradient(90deg, #10b981, #14b8a6);\r\n --gradient-inorganic: linear-gradient(90deg, #0ea5e9, #3b82f6);\r\n --gradient-physical: linear-gradient(90deg, #f59e0b, #f97316);\r\n --gradient-accent: linear-gradient(90deg, #10b981, #14b8a6, #06b6d4);\r\n --gradient-accent-soft: linear-gradient(90deg, rgba(16,185,129,0.1), rgba(20,184,166,0.1), rgba(6,182,212,0.1));\r\n \r\n --color-organic: #10b981;\r\n --color-inorganic: #0ea5e9;\r\n --color-physical: #f59e0b;\r\n --color-primary: #0ea5e9;\r\n --color-primary-dark: #0284c7;\r\n --color-secondary: #10b981;\r\n --color-success: #22c55e;\r\n --color-warning: #f59e0b;\r\n --color-danger: #ef4444;\r\n \r\n --bg-body: #fafafa;\r\n --bg-surface: #ffffff;\r\n --bg-card: #ffffff;\r\n --bg-muted: #f1f5f9;\r\n --bg-chemistry: #f0f9ff;\r\n \r\n --text-primary: #0f172a;\r\n --text-secondary: #334155;\r\n --text-muted: #64748b;\r\n --text-inverse: #ffffff;\r\n \r\n --border-light: #e2e8f0;\r\n --border-medium: #cbd5e1;\r\n --border-chemistry: #0ea5e9;\r\n \r\n --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);\r\n --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);\r\n --shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);\r\n --shadow-glow: 0 0 30px rgba(14, 165, 233, 0.15);\r\n --shadow-chemistry: 0 0 25px rgba(14, 165, 233, 0.12);\r\n \r\n --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n --transition-normal: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n \r\n --radius-sm: 0.375rem;\r\n --radius-md: 0.75rem;\r\n --radius-lg: 1rem;\r\n --radius-xl: 1.5rem;\r\n --radius-full: 9999px;\r\n \r\n --space-xs: 0.5rem;\r\n --space-sm: 1rem;\r\n --space-md: 1.5rem;\r\n --space-lg: 2rem;\r\n --space-xl: 3rem;\r\n --space-2xl: 4rem;\r\n \r\n --font-body: 'Poppins', 'Noto Sans Devanagari', sans-serif;\r\n --font-mono: 'Consolas', 'Courier New', monospace;\r\n --text-xs: 0.75rem;\r\n --text-sm: 0.875rem;\r\n --text-base: 1rem;\r\n --text-lg: 1.125rem;\r\n --text-xl: 1.25rem;\r\n --text-2xl: 1.5rem;\r\n --text-3xl: 1.875rem;\r\n --text-4xl: 2.25rem;\r\n --text-5xl: 3rem;\r\n --font-weight-normal: 400;\r\n --font-weight-medium: 500;\r\n --font-weight-semibold: 600;\r\n --font-weight-bold: 700;\r\n }\r\n \r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n \r\n body {\r\n font-family: var(--font-body);\r\n background: var(--bg-body);\r\n color: var(--text-primary);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n \r\n .container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 var(--space-md);\r\n }\r\n \r\n .section { padding: var(--space-2xl) 0; }\r\n \r\n .section-title {\r\n font-size: var(--text-3xl);\r\n font-weight: var(--font-weight-bold);\r\n text-align: center;\r\n margin-bottom: var(--space-lg);\r\n background: var(--gradient-chemistry);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .section-subtitle {\r\n text-align: center;\r\n color: var(--text-secondary);\r\n font-size: var(--text-lg);\r\n max-width: 700px;\r\n margin: 0 auto var(--space-xl);\r\n }\r\n \r\n \/* ===== HERO SECTION ===== *\/\r\n .hero {\r\n background: var(--gradient-hero);\r\n padding: var(--space-2xl) 0;\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n border-bottom: 1px solid var(--border-light);\r\n }\r\n \r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: \r\n radial-gradient(circle at 15% 85%, rgba(14, 165, 233, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 85% 15%, rgba(16, 185, 129, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(245, 158, 11, 0.06) 0%, transparent 70%);\r\n pointer-events: none;\r\n opacity: 0.6;\r\n }\r\n \r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n \r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(14, 165, 233, 0.12);\r\n border: 1px solid rgba(14, 165, 233, 0.25);\r\n color: var(--color-inorganic);\r\n padding: var(--space-xs) var(--space-md);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-sm);\r\n font-weight: var(--font-weight-medium);\r\n margin-bottom: var(--space-lg);\r\n backdrop-filter: blur(10px);\r\n animation: fadeInUp 0.6s ease-out;\r\n }\r\n \r\n .hero-badge i { color: var(--color-organic); }\r\n \r\n .hero-title {\r\n font-size: var(--text-5xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: 1.1;\r\n margin-bottom: var(--space-md);\r\n color: var(--text-primary);\r\n animation: fadeInUp 0.6s ease-out 0.1s both;\r\n }\r\n \r\n .hero-title span {\r\n background: var(--gradient-chemistry);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .hero-subtitle {\r\n font-size: var(--text-xl);\r\n color: var(--text-secondary);\r\n margin-bottom: var(--space-xl);\r\n animation: fadeInUp 0.6s ease-out 0.2s both;\r\n }\r\n \r\n .hero-stats {\r\n display: flex;\r\n justify-content: center;\r\n gap: var(--space-lg);\r\n margin-bottom: var(--space-xl);\r\n flex-wrap: wrap;\r\n animation: fadeInUp 0.6s ease-out 0.3s both;\r\n }\r\n \r\n .stat-item {\r\n text-align: center;\r\n background: var(--bg-surface);\r\n padding: var(--space-md) var(--space-lg);\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-md);\r\n border: 1px solid var(--border-light);\r\n min-width: 140px;\r\n }\r\n \r\n .stat-value {\r\n font-size: var(--text-3xl);\r\n font-weight: var(--font-weight-bold);\r\n background: var(--gradient-chemistry);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .stat-label {\r\n font-size: var(--text-sm);\r\n color: var(--text-muted);\r\n font-weight: var(--font-weight-medium);\r\n }\r\n \r\n .hero-cta {\r\n display: flex;\r\n gap: var(--space-sm);\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n animation: fadeInUp 0.6s ease-out 0.4s both;\r\n }\r\n \r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: var(--space-xs);\r\n padding: var(--space-sm) var(--space-lg);\r\n font-size: var(--text-base);\r\n font-weight: var(--font-weight-semibold);\r\n border-radius: var(--radius-full);\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: var(--transition-normal);\r\n border: none;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .btn-primary {\r\n background: var(--gradient-chemistry);\r\n color: white;\r\n box-shadow: var(--shadow-chemistry);\r\n font-weight: var(--font-weight-bold);\r\n }\r\n \r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 0 35px rgba(14, 165, 233, 0.25);\r\n }\r\n \r\n .btn-secondary {\r\n background: white;\r\n color: var(--color-inorganic);\r\n border: 2px solid var(--color-inorganic);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n \r\n .btn-secondary:hover {\r\n background: var(--bg-chemistry);\r\n border-color: var(--color-primary-dark);\r\n }\r\n \r\n .btn::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: -100%;\r\n width: 100%; height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n transition: left 0.5s;\r\n }\r\n .btn:hover::after { left: 100%; }\r\n \r\n .price-highlight {\r\n background: white;\r\n padding: var(--space-sm) var(--space-lg);\r\n border-radius: var(--radius-lg);\r\n margin-top: var(--space-md);\r\n animation: fadeInUp 0.6s ease-out 0.5s both;\r\n box-shadow: var(--shadow-md);\r\n border: 2px solid var(--color-inorganic);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-sm);\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n \r\n .price-original {\r\n text-decoration: line-through;\r\n color: var(--text-muted);\r\n font-size: var(--text-lg);\r\n }\r\n \r\n .price-current {\r\n font-size: var(--text-4xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--color-success);\r\n }\r\n \r\n .price-note {\r\n color: var(--text-muted);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n .exam-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(239, 68, 68, 0.12);\r\n border: 1px solid var(--color-danger);\r\n color: var(--color-danger);\r\n padding: var(--space-xs) var(--space-md);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-sm);\r\n font-weight: var(--font-weight-medium);\r\n margin-top: var(--space-md);\r\n }\r\n \r\n \/* ===== EXPERIMENT CATEGORY CARDS ===== *\/\r\n .category-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: var(--space-lg);\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .category-card {\r\n background: var(--bg-surface);\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-xl);\r\n text-align: center;\r\n border: 2px solid var(--border-light);\r\n box-shadow: var(--shadow-md);\r\n transition: var(--transition-normal);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .category-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n \r\n .category-card.organic { border-top: 4px solid var(--color-organic); }\r\n .category-card.inorganic { border-top: 4px solid var(--color-inorganic); }\r\n .category-card.physical { border-top: 4px solid var(--color-physical); }\r\n \r\n .category-icon {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: var(--radius-full);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto var(--space-md);\r\n font-size: var(--text-3xl);\r\n color: white;\r\n }\r\n \r\n .organic .category-icon { background: var(--gradient-organic); }\r\n .inorganic .category-icon { background: var(--gradient-inorganic); }\r\n .physical .category-icon { background: var(--gradient-physical); }\r\n \r\n .category-name {\r\n font-size: var(--text-xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-xs);\r\n }\r\n \r\n .category-count {\r\n font-size: var(--text-sm);\r\n color: var(--text-muted);\r\n margin-bottom: var(--space-sm);\r\n }\r\n \r\n .category-desc {\r\n font-size: var(--text-sm);\r\n color: var(--text-secondary);\r\n }\r\n \r\n \/* ===== COURSE OVERVIEW ===== *\/\r\n .overview { background: var(--bg-surface); }\r\n \r\n .overview-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: var(--space-lg);\r\n margin-top: var(--space-xl);\r\n }\r\n \r\n .overview-card {\r\n background: var(--bg-card);\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-lg);\r\n border: 1px solid var(--border-light);\r\n box-shadow: var(--shadow-md);\r\n transition: var(--transition-normal);\r\n position: relative;\r\n overflow: hidden;\r\n border-top: 3px solid var(--color-inorganic);\r\n }\r\n \r\n .overview-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg);\r\n border-color: var(--color-primary);\r\n }\r\n \r\n .card-icon {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: var(--radius-md);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: var(--space-md);\r\n font-size: var(--text-2xl);\r\n background: var(--gradient-accent-soft);\r\n color: var(--color-primary);\r\n border: 2px solid var(--color-primary);\r\n }\r\n \r\n .card-title {\r\n font-size: var(--text-xl);\r\n font-weight: var(--font-weight-semibold);\r\n margin-bottom: var(--space-xs);\r\n color: var(--text-primary);\r\n }\r\n \r\n .card-desc {\r\n color: var(--text-secondary);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n \/* ===== THEORY BADGE ===== *\/\r\n .theory-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(139, 92, 246, 0.12);\r\n border: 1px solid var(--color-brain-purple, #8b5cf6);\r\n color: var(--color-brain-purple, #8b5cf6);\r\n padding: var(--space-xs) var(--space-sm);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-xs);\r\n font-weight: var(--font-weight-medium);\r\n }\r\n \r\n \/* ===== EXPERIMENT PREVIEW BOX ===== *\/\r\n .experiment-preview {\r\n background: linear-gradient(135deg, #dbeafe, #bfdbfe);\r\n border: 3px dashed var(--color-inorganic);\r\n border-radius: var(--radius-xl);\r\n padding: var(--space-xl);\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .preview-title {\r\n font-size: var(--text-2xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-md);\r\n text-align: center;\r\n }\r\n \r\n .experiment-showcase {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-lg);\r\n margin: var(--space-md) 0;\r\n box-shadow: var(--shadow-md);\r\n }\r\n \r\n .experiment-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: var(--space-sm);\r\n flex-wrap: wrap;\r\n gap: var(--space-sm);\r\n }\r\n \r\n .experiment-name {\r\n font-size: var(--text-lg);\r\n font-weight: var(--font-weight-semibold);\r\n color: var(--color-inorganic);\r\n }\r\n \r\n .experiment-type {\r\n background: var(--color-organic);\r\n color: white;\r\n padding: var(--space-xs) var(--space-sm);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-xs);\r\n font-weight: var(--font-weight-medium);\r\n }\r\n \r\n .experiment-details {\r\n background: var(--bg-muted);\r\n padding: var(--space-sm);\r\n border-radius: var(--radius-md);\r\n font-size: var(--text-sm);\r\n color: var(--text-secondary);\r\n margin-top: var(--space-sm);\r\n }\r\n \r\n .experiment-objective {\r\n margin-top: var(--space-sm);\r\n padding: var(--space-sm);\r\n background: rgba(16, 185, 129, 0.1);\r\n border-left: 3px solid var(--color-organic);\r\n border-radius: var(--radius-sm);\r\n }\r\n \r\n \/* ===== CBSE ALIGNMENT BADGE ===== *\/\r\n .cbse-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(14, 165, 233, 0.12);\r\n border: 1px solid var(--color-inorganic);\r\n color: var(--color-inorganic);\r\n padding: var(--space-xs) var(--space-md);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-sm);\r\n font-weight: var(--font-weight-medium);\r\n margin: var(--space-xs);\r\n }\r\n \r\n \/* ===== CURRICULUM \/ EXPERIMENTS LIST ===== *\/\r\n .curriculum { background: var(--bg-surface); }\r\n \r\n .experiments-container {\r\n max-width: 1000px;\r\n margin: var(--space-xl) auto 0;\r\n }\r\n \r\n .experiment-category-header {\r\n background: var(--gradient-chemistry);\r\n color: white;\r\n padding: var(--space-md) var(--space-lg);\r\n border-radius: var(--radius-lg);\r\n margin: var(--space-xl) 0 var(--space-lg);\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-md);\r\n }\r\n \r\n .category-number {\r\n background: white;\r\n color: var(--color-primary);\r\n width: 40px;\r\n height: 40px;\r\n border-radius: var(--radius-full);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: var(--font-weight-bold);\r\n flex-shrink: 0;\r\n }\r\n \r\n .category-title {\r\n font-size: var(--text-xl);\r\n font-weight: var(--font-weight-bold);\r\n }\r\n \r\n .experiment-item {\r\n background: var(--bg-card);\r\n border-radius: var(--radius-md);\r\n padding: var(--space-md) var(--space-lg);\r\n margin-bottom: var(--space-sm);\r\n border: 1px solid var(--border-light);\r\n box-shadow: var(--shadow-sm);\r\n transition: var(--transition-normal);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: var(--space-md);\r\n }\r\n \r\n .experiment-item:hover {\r\n border-color: var(--color-inorganic);\r\n box-shadow: var(--shadow-md);\r\n transform: translateX(4px);\r\n }\r\n \r\n .experiment-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: var(--radius-full);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--gradient-accent-soft);\r\n color: var(--color-primary);\r\n font-size: var(--text-lg);\r\n flex-shrink: 0;\r\n }\r\n \r\n .experiment-content {\r\n flex: 1;\r\n }\r\n \r\n .experiment-title {\r\n font-weight: var(--font-weight-semibold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-xs);\r\n font-size: var(--text-base);\r\n }\r\n \r\n .experiment-meta {\r\n font-size: var(--text-xs);\r\n color: var(--text-muted);\r\n display: flex;\r\n gap: var(--space-md);\r\n flex-wrap: wrap;\r\n align-items: center;\r\n }\r\n \r\n .experiment-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n }\r\n \r\n .difficulty-beginner { color: var(--color-success); }\r\n .difficulty-intermediate { color: var(--color-warning); }\r\n .difficulty-advanced { color: var(--color-danger); }\r\n \r\n \/* ===== VIRTUAL LAB SECTION ===== *\/\r\n .virtual-lab {\r\n background: linear-gradient(135deg, #fef3c7, #fde68a);\r\n border: 2px solid var(--color-warning);\r\n border-radius: var(--radius-xl);\r\n padding: var(--space-xl);\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .lab-title {\r\n font-size: var(--text-2xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-md);\r\n text-align: center;\r\n }\r\n \r\n .lab-features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: var(--space-lg);\r\n margin-top: var(--space-lg);\r\n }\r\n \r\n .lab-feature {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-lg);\r\n border-left: 4px solid var(--color-warning);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n \r\n .lab-feature-title {\r\n font-weight: var(--font-weight-semibold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-sm);\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n }\r\n \r\n .lab-feature-desc {\r\n font-size: var(--text-sm);\r\n color: var(--text-secondary);\r\n }\r\n \r\n \/* ===== PRACTICAL EXAM PREP ===== *\/\r\n .exam-prep {\r\n background: linear-gradient(135deg, #fce7f3, #fbcfe8);\r\n border: 2px solid var(--color-danger);\r\n border-radius: var(--radius-xl);\r\n padding: var(--space-xl);\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .prep-title {\r\n font-size: var(--text-2xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-md);\r\n text-align: center;\r\n }\r\n \r\n .prep-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: var(--space-md);\r\n margin-top: var(--space-lg);\r\n }\r\n \r\n .prep-card {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-lg);\r\n text-align: center;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n \r\n .prep-icon {\r\n font-size: var(--text-3xl);\r\n margin-bottom: var(--space-sm);\r\n }\r\n \r\n .prep-name {\r\n font-weight: var(--font-weight-semibold);\r\n color: var(--text-primary);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n \/* ===== LMS FEATURES ===== *\/\r\n .lms-features { background: var(--bg-muted); }\r\n \r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: var(--space-lg);\r\n margin-top: var(--space-xl);\r\n }\r\n \r\n .feature-item {\r\n text-align: center;\r\n padding: var(--space-lg);\r\n background: var(--bg-surface);\r\n border-radius: var(--radius-lg);\r\n border: 1px solid var(--border-light);\r\n box-shadow: var(--shadow-sm);\r\n transition: var(--transition-normal);\r\n }\r\n \r\n .feature-item:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg);\r\n border-color: var(--color-primary);\r\n }\r\n \r\n .feature-icon {\r\n width: 72px;\r\n height: 72px;\r\n border-radius: var(--radius-full);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto var(--space-md);\r\n font-size: var(--text-2xl);\r\n background: var(--gradient-accent-soft);\r\n border: 2px solid var(--color-primary);\r\n color: var(--color-primary);\r\n }\r\n \r\n .feature-title {\r\n font-size: var(--text-lg);\r\n font-weight: var(--font-weight-semibold);\r\n margin-bottom: var(--space-xs);\r\n color: var(--text-primary);\r\n }\r\n \r\n .feature-desc {\r\n color: var(--text-muted);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n \/* ===== PRICING ===== *\/\r\n .pricing { background: var(--bg-surface); }\r\n \r\n .pricing-card {\r\n background: var(--bg-card);\r\n border-radius: var(--radius-xl);\r\n padding: var(--space-2xl);\r\n max-width: 500px;\r\n margin: 0 auto;\r\n border: 3px solid var(--color-inorganic);\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-chemistry);\r\n }\r\n \r\n .pricing-card::before {\r\n content: 'CBSE ALIGNED';\r\n position: absolute;\r\n top: var(--space-md);\r\n right: -35px;\r\n background: var(--gradient-chemistry);\r\n color: white;\r\n padding: var(--space-xs) var(--space-2xl);\r\n font-size: var(--text-xs);\r\n font-weight: var(--font-weight-bold);\r\n transform: rotate(45deg);\r\n letter-spacing: 1px;\r\n }\r\n \r\n .pricing-header {\r\n text-align: center;\r\n margin-bottom: var(--space-xl);\r\n }\r\n \r\n .pricing-title {\r\n font-size: var(--text-2xl);\r\n font-weight: var(--font-weight-bold);\r\n margin-bottom: var(--space-xs);\r\n color: var(--text-primary);\r\n }\r\n \r\n .pricing-price {\r\n font-size: var(--text-5xl);\r\n font-weight: var(--font-weight-bold);\r\n background: var(--gradient-chemistry);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .pricing-duration {\r\n color: var(--text-muted);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n .pricing-features {\r\n list-style: none;\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .pricing-features li {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-sm);\r\n padding: var(--space-xs) 0;\r\n color: var(--text-secondary);\r\n }\r\n \r\n .pricing-features i {\r\n color: var(--color-success);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n .pricing-guarantee {\r\n text-align: center;\r\n color: var(--text-muted);\r\n font-size: var(--text-sm);\r\n margin-top: var(--space-lg);\r\n padding-top: var(--space-lg);\r\n border-top: 1px solid var(--border-light);\r\n }\r\n \r\n .pricing-cta {\r\n display: block;\r\n width: 100%;\r\n padding: var(--space-md);\r\n font-size: var(--text-lg);\r\n margin-top: var(--space-lg);\r\n }\r\n \r\n \/* ===== FAQ ===== *\/\r\n .faq { background: var(--bg-muted); }\r\n .faq-container { max-width: 800px; margin: 0 auto; }\r\n \r\n .faq-item {\r\n background: var(--bg-surface);\r\n border-radius: var(--radius-md);\r\n margin-bottom: var(--space-sm);\r\n overflow: hidden;\r\n border: 1px solid var(--border-light);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n \r\n .faq-question {\r\n width: 100%;\r\n padding: var(--space-md) var(--space-lg);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n color: var(--text-primary);\r\n font-size: var(--text-lg);\r\n font-weight: var(--font-weight-medium);\r\n cursor: pointer;\r\n text-align: left;\r\n transition: var(--transition-fast);\r\n }\r\n \r\n .faq-question:hover { background: var(--bg-chemistry); }\r\n \r\n .faq-question.active {\r\n background: var(--gradient-accent-soft);\r\n color: var(--color-primary-dark);\r\n font-weight: var(--font-weight-semibold);\r\n }\r\n \r\n .faq-icon {\r\n transition: transform var(--transition-fast);\r\n color: var(--text-muted);\r\n }\r\n \r\n .faq-question.active .faq-icon {\r\n transform: rotate(45deg);\r\n color: var(--color-primary);\r\n }\r\n \r\n .faq-answer {\r\n padding: 0 var(--space-lg);\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height var(--transition-normal), padding var(--transition-normal);\r\n color: var(--text-secondary);\r\n background: var(--bg-muted);\r\n }\r\n \r\n .faq-answer.show {\r\n padding: var(--space-sm) var(--space-lg) var(--space-lg);\r\n max-height: 500px;\r\n }\r\n \r\n \/* ===== FINAL CTA ===== *\/\r\n .final-cta {\r\n background: var(--gradient-hero);\r\n text-align: center;\r\n padding: var(--space-2xl) 0;\r\n border-top: 1px solid var(--border-light);\r\n }\r\n \r\n .cta-title {\r\n font-size: var(--text-4xl);\r\n font-weight: var(--font-weight-bold);\r\n margin-bottom: var(--space-md);\r\n color: var(--text-primary);\r\n }\r\n \r\n .cta-subtitle {\r\n font-size: var(--text-xl);\r\n color: var(--text-secondary);\r\n max-width: 600px;\r\n margin: 0 auto var(--space-xl);\r\n }\r\n \r\n .urgency-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(239, 68, 68, 0.12);\r\n border: 1px solid var(--color-danger);\r\n color: var(--color-danger);\r\n padding: var(--space-xs) var(--space-md);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-sm);\r\n font-weight: var(--font-weight-medium);\r\n margin-bottom: var(--space-lg);\r\n }\r\n \r\n \/* ===== ANIMATIONS ===== *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .fade-in-up {\r\n opacity: 0;\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n }\r\n .delay-1 { animation-delay: 0.1s; }\r\n .delay-2 { animation-delay: 0.2s; }\r\n .delay-3 { animation-delay: 0.3s; }\r\n .delay-4 { animation-delay: 0.4s; }\r\n .delay-5 { animation-delay: 0.5s; }\r\n \r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 768px) {\r\n .hero-title { font-size: var(--text-4xl); }\r\n .hero-subtitle { font-size: var(--text-lg); }\r\n .hero-stats { gap: var(--space-md); }\r\n .stat-value { font-size: var(--text-2xl); }\r\n .section-title { font-size: var(--text-2xl); }\r\n .pricing-card { padding: var(--space-xl); }\r\n .pricing-price { font-size: var(--text-4xl); }\r\n .cta-title { font-size: var(--text-3xl); }\r\n .btn { width: 100%; justify-content: center; }\r\n .hero-cta { flex-direction: column; align-items: center; }\r\n .price-highlight { flex-direction: column; text-align: center; }\r\n .category-grid { grid-template-columns: 1fr; }\r\n .experiment-header { flex-direction: column; align-items: flex-start; }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .hero-title { font-size: var(--text-3xl); }\r\n .section { padding: var(--space-xl) 0; }\r\n .container { padding: 0 var(--space-sm); }\r\n .experiment-preview { padding: var(--space-lg); }\r\n .virtual-lab { padding: var(--space-lg); }\r\n .exam-prep { padding: var(--space-lg); }\r\n }\r\n \r\n \/* ===== SCROLL PROGRESS ===== *\/\r\n .scroll-progress {\r\n position: fixed;\r\n top: 0; left: 0;\r\n height: 3px;\r\n background: var(--gradient-chemistry);\r\n z-index: 1000;\r\n transition: width var(--transition-fast);\r\n }\r\n \r\n \/* ===== FLOATING ELEMENTS ===== *\/\r\n .chemistry-orb {\r\n position: absolute;\r\n border-radius: var(--radius-full);\r\n filter: blur(50px);\r\n opacity: 0.35;\r\n animation: float 25s infinite ease-in-out;\r\n pointer-events: none;\r\n }\r\n \r\n .orb-blue {\r\n width: 350px; height: 350px;\r\n background: linear-gradient(135deg, rgba(14,165,233,0.2), rgba(14,165,233,0.05));\r\n top: -5%; right: -5%;\r\n animation-delay: 0s;\r\n }\r\n \r\n .orb-green {\r\n width: 280px; height: 280px;\r\n background: linear-gradient(135deg, rgba(16,185,129,0.18), rgba(16,185,129,0.05));\r\n bottom: 10%; left: -3%;\r\n animation-delay: -8s;\r\n }\r\n \r\n .orb-yellow {\r\n width: 220px; height: 220px;\r\n background: linear-gradient(135deg, rgba(245,158,11,0.15), rgba(245,158,11,0.05));\r\n top: 55%; right: 8%;\r\n animation-delay: -15s;\r\n }\r\n \r\n @keyframes float {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 25% { transform: translate(25px, -25px) scale(1.05); }\r\n 50% { transform: translate(0, 25px) scale(0.95); }\r\n 75% { transform: translate(-25px, -12px) scale(1.02); }\r\n }\r\n \r\n \/* ===== CHEMISTRY ICONS DECORATION ===== *\/\r\n .chemistry-icon-bg {\r\n position: absolute;\r\n font-size: 3rem;\r\n opacity: 0.05;\r\n pointer-events: none;\r\n user-select: none;\r\n animation: drift 30s linear infinite;\r\n }\r\n \r\n @keyframes drift {\r\n 0% { transform: translate(0, 0) rotate(0deg); }\r\n 100% { transform: translate(100px, 100px) rotate(360deg); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Scroll Progress -->\r\n <div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\r\n \r\n <!-- Decorative Chemistry Icons -->\r\n <div class=\"chemistry-icon-bg\" style=\"top: 10%; left: 5%;\">\u2697\ufe0f<\/div>\r\n <div class=\"chemistry-icon-bg\" style=\"top: 20%; right: 10%;\">\ud83e\uddea<\/div>\r\n <div class=\"chemistry-icon-bg\" style=\"bottom: 15%; left: 15%;\">\ud83d\udd2c<\/div>\r\n <div class=\"chemistry-icon-bg\" style=\"bottom: 25%; right: 20%;\">\u26a1<\/div>\r\n \r\n <!-- ===== HERO SECTION ===== -->\r\n <section class=\"hero\">\r\n <div class=\"chemistry-orb orb-blue\"><\/div>\r\n <div class=\"chemistry-orb orb-green\"><\/div>\r\n <div class=\"chemistry-orb orb-yellow\"><\/div>\r\n \r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\r\n <i class=\"fas fa-flask\"><\/i>\r\n <span>Class 12 \u2022 CBSE\/NCERT Aligned \u2022 Complete Practical Syllabus<\/span>\r\n <\/div>\r\n \r\n <h1 class=\"hero-title\">\r\n Class 12 <span>Chemistry Practical<\/span>\r\n <\/h1>\r\n \r\n <p class=\"hero-subtitle\">\r\n Master all 30+ CBSE experiments with virtual labs, step-by-step video guides, and comprehensive exam preparation. Score full marks in your practical exams!\r\n <\/p>\r\n \r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">30+<\/div>\r\n <div class=\"stat-label\">Experiments<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">24<\/div>\r\n <div class=\"stat-label\">Live Classes<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">100%<\/div>\r\n <div class=\"stat-label\">Syllabus Coverage<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">Virtual<\/div>\r\n <div class=\"stat-label\">Lab Access<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-cta\">\r\n <a href=\"#pricing\" class=\"btn btn-primary\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n Enroll Now - $240\r\n <\/a>\r\n <a href=\"#experiments\" class=\"btn btn-secondary\">\r\n <i class=\"fas fa-list\"><\/i>\r\n View All Experiments\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"price-highlight\">\r\n <span class=\"price-original\">$499<\/span>\r\n <span class=\"price-current\">$240 USD<\/span>\r\n <span class=\"price-note\">\u2022 Virtual lab access \u2022 Complete study material \u2022 Exam prep<\/span>\r\n <\/div>\r\n \r\n <div style=\"margin-top: var(--space-md);\">\r\n <span class=\"cbse-badge\"><i class=\"fas fa-check-circle\"><\/i> CBSE Aligned<\/span>\r\n <span class=\"cbse-badge\"><i class=\"fas fa-video\"><\/i> HD Videos<\/span>\r\n <span class=\"cbse-badge\"><i class=\"fas fa-book\"><\/i> Theory + Practical<\/span>\r\n <\/div>\r\n \r\n <div class=\"exam-badge\">\r\n <i class=\"fas fa-graduation-cap\"><\/i>\r\n <strong>Perfect for:<\/strong> CBSE Board Exams \u2022 Practical Files \u2022 Viva Preparation\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== EXPERIMENT CATEGORIES ===== -->\r\n <section class=\"section overview\" id=\"categories\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Complete Practical Syllabus<\/h2>\r\n <p class=\"section-subtitle\">\r\n Comprehensive coverage of all CBSE Class 12 Chemistry experiments across three branches.\r\n <\/p>\r\n \r\n <div class=\"category-grid\">\r\n <div class=\"category-card organic fade-in-up\">\r\n <div class=\"category-icon\">\ud83e\uddea<\/div>\r\n <div class=\"category-name\">Organic Chemistry<\/div>\r\n <div class=\"category-count\">6 Experiments<\/div>\r\n <p class=\"category-desc\">Synthesis, functional group tests, carbohydrate & protein analysis<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card inorganic fade-in-up delay-1\">\r\n <div class=\"category-icon\">\u2697\ufe0f<\/div>\r\n <div class=\"category-name\">Inorganic Chemistry<\/div>\r\n <div class=\"category-count\">3 Experiments<\/div>\r\n <p class=\"category-desc\">Salt analysis, compound preparation, titrations, EMF determination<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card physical fade-in-up delay-2\">\r\n <div class=\"category-icon\">\ud83d\udd2c<\/div>\r\n <div class=\"category-name\">Physical Chemistry<\/div>\r\n <div class=\"category-count\">8 Experiments<\/div>\r\n <p class=\"category-desc\">Kinetics, thermochemistry, surface chemistry, chromatography<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== COURSE OVERVIEW ===== -->\r\n <section class=\"section overview\" id=\"overview\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Why Choose Our Chemistry Practical Course?<\/h2>\r\n <p class=\"section-subtitle\">\r\n Go beyond just performing experiments. Understand concepts, master techniques, and ace your board exams.\r\n <\/p>\r\n \r\n <div class=\"overview-grid\">\r\n <div class=\"overview-card fade-in-up\">\r\n <div class=\"card-icon\"><i class=\"fas fa-vial\"><\/i><\/div>\r\n <h3 class=\"card-title\">Virtual Lab Simulations<\/h3>\r\n <p class=\"card-desc\">Practice experiments unlimited times in our interactive virtual lab before performing them in real lab. Perfect your technique!<\/p>\r\n <\/div>\r\n \r\n <div class=\"overview-card fade-in-up delay-1\">\r\n <div class=\"card-icon\"><i class=\"fas fa-book-open\"><\/i><\/div>\r\n <h3 class=\"card-title\">Theory + Practical Integration<\/h3>\r\n <p class=\"card-desc\">Every experiment includes relevant theory explanation. Understand the 'why' behind every step for deeper learning.<\/p>\r\n <\/div>\r\n \r\n <div class=\"overview-card fade-in-up delay-2\">\r\n <div class=\"card-icon\"><i class=\"fas fa-clipboard-check\"><\/i><\/div>\r\n <h3 class=\"card-title\">Viva Voce Preparation<\/h3>\r\n <p class=\"card-desc\">Master 200+ commonly asked viva questions with detailed answers. Build confidence for oral examination.<\/p>\r\n <\/div>\r\n \r\n <div class=\"overview-card fade-in-up delay-3\">\r\n <div class=\"card-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n <h3 class=\"card-title\">Error Analysis & Precautions<\/h3>\r\n <p class=\"card-desc\">Learn to identify sources of error, calculate percentage error, and write accurate precautions for every experiment.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== VIRTUAL LAB SECTION ===== -->\r\n <section class=\"section\" id=\"virtual-lab\">\r\n <div class=\"container\">\r\n <div class=\"virtual-lab fade-in-up\">\r\n <div class=\"lab-title\"><i class=\"fas fa-laptop\"><\/i> Advanced Virtual Laboratory<\/div>\r\n <p style=\"text-align: center; color: var(--text-secondary); margin-bottom: var(--space-md);\">\r\n Practice experiments safely and repeatedly in our state-of-the-art virtual lab environment\r\n <\/p>\r\n <div class=\"lab-features\">\r\n <div class=\"lab-feature\">\r\n <div class=\"lab-feature-title\"><i class=\"fas fa-sync-alt\" style=\"color: var(--color-warning);\"><\/i> Unlimited Practice<\/div>\r\n <p class=\"lab-feature-desc\">Repeat experiments as many times as needed to master techniques and understand concepts thoroughly<\/p>\r\n <\/div>\r\n <div class=\"lab-feature\">\r\n <div class=\"lab-feature-title\"><i class=\"fas fa-exclamation-triangle\" style=\"color: var(--color-warning);\"><\/i> Zero Risk<\/div>\r\n <p class=\"lab-feature-desc\">Make mistakes safely without wasting chemicals or risking accidents. Learn from errors without consequences<\/p>\r\n <\/div>\r\n <div class=\"lab-feature\">\r\n <div class=\"lab-feature-title\"><i class=\"fas fa-pause-circle\" style=\"color: var(--color-warning);\"><\/i> Pause & Learn<\/div>\r\n <p class=\"lab-feature-desc\">Pause at any step to understand the theory, take notes, or discuss with instructors in real-time<\/p>\r\n <\/div>\r\n <div class=\"lab-feature\">\r\n <div class=\"lab-feature-title\"><i class=\"fas fa-mobile-alt\" style=\"color: var(--color-warning);\"><\/i> Access Anywhere<\/div>\r\n <p class=\"lab-feature-desc\">Practice on any device - laptop, tablet, or phone. Learn at your own pace, anytime, anywhere<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== ALL EXPERIMENTS LIST ===== -->\r\n <section class=\"section curriculum\" id=\"experiments\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Complete Experiment List<\/h2>\r\n <p class=\"section-subtitle\">\r\n All CBSE-prescribed experiments with detailed procedures, observations, calculations + <strong>relevant theory<\/strong>\r\n <\/p>\r\n \r\n <div class=\"experiments-container\">\r\n <!-- Physical Chemistry -->\r\n <div class=\"experiment-category-header fade-in-up\">\r\n <div class=\"category-number\">1<\/div>\r\n <div class=\"category-title\">Physical Chemistry Experiments<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up\">\r\n <div class=\"experiment-icon\">\ud83d\udcca<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Kinetics Study: Reaction between Iodide Ions and Hydrogen Peroxide<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-flask\"><\/i> Titration<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-1\">\r\n <div class=\"experiment-icon\">\u23f1\ufe0f<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Kinetics Study: Reaction between Sodium Thiosulphate and Hydrochloric Acid<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-beginner\"><i class=\"fas fa-signal\"><\/i> Beginner<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-eye\"><\/i> Visual Method<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-2\">\r\n <div class=\"experiment-icon\">\ud83c\udf21\ufe0f<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Effect of Concentration and Temperature on Rate of Reaction<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-advanced\"><i class=\"fas fa-signal\"><\/i> Advanced<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-thermometer-half\"><\/i> Variable Study<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-3\">\r\n <div class=\"experiment-icon\">\ud83d\udd25<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Thermochemistry: Enthalpy of Neutralization (HCl + NaOH)<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-calculator\"><\/i> Calorimetry<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-4\">\r\n <div class=\"experiment-icon\">\ud83d\udca7<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Enthalpy Change for Interaction between Acetone and Chloroform<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-hand-holding-water\"><\/i> Solution Chemistry<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-5\">\r\n <div class=\"experiment-icon\">\ud83e\uddec<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Preparation of Lyophilic and Lyophobic Sols<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-circle-notch\"><\/i> Colloids<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up\">\r\n <div class=\"experiment-icon\">\ud83e\udee7<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Effectiveness of Different Common Oils in Forming Emulsions<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-beginner\"><i class=\"fas fa-signal\"><\/i> Beginner<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-oil-can\"><\/i> Surface Chemistry<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-1\">\r\n <div class=\"experiment-icon\">\ud83d\udcc4<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Paper Chromatography<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-layer-group\"><\/i> Separation Technique<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Inorganic Chemistry -->\r\n <div class=\"experiment-category-header fade-in-up delay-2\">\r\n <div class=\"category-number\">2<\/div>\r\n <div class=\"category-title\">Inorganic Chemistry Experiments<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-3\">\r\n <div class=\"experiment-icon\">\u26a1<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Determination of EMF of a Cell<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-bolt\"><\/i> Electrochemistry<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-4\">\r\n <div class=\"experiment-icon\">\ud83d\udd2c<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Preparation of Inorganic Compounds: Mohr's Salt & Potash Alum<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-crystal\"><\/i> Crystallization<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-5\">\r\n <div class=\"experiment-icon\">\ud83e\uddea<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Determination of Concentration of KMnO\u2084 Solution<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-advanced\"><i class=\"fas fa-signal\"><\/i> Advanced<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-tint\"><\/i> Redox Titration<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Organic Chemistry -->\r\n <div class=\"experiment-category-header fade-in-up\">\r\n <div class=\"category-number\">3<\/div>\r\n <div class=\"category-title\">Organic Chemistry Experiments<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-1\">\r\n <div class=\"experiment-icon\">\ud83e\uddec<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Preparation of Organic Compounds: Acetanilide & Dibenzalacetone<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-advanced\"><i class=\"fas fa-signal\"><\/i> Advanced<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-flask\"><\/i> Synthesis<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-2\">\r\n <div class=\"experiment-icon\">\ud83c\udfa8<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Preparation of Aniline Yellow (p-Nitroaniline)<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-advanced\"><i class=\"fas fa-signal\"><\/i> Advanced<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-palette\"><\/i> Dye Synthesis<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-3\">\r\n <div class=\"experiment-icon\">\ud83d\udd0d<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Tests for Functional Groups in Organic Compounds<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-search\"><\/i> Qualitative Analysis<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-4\">\r\n <div class=\"experiment-icon\">\ud83c\udf6c<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Qualitative Analysis of Carbohydrates<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-beginner\"><i class=\"fas fa-signal\"><\/i> Beginner<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-cube\"><\/i> Biomolecules<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-5\">\r\n <div class=\"experiment-icon\">\ud83e\udd5a<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Qualitative Analysis of Proteins<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-beginner\"><i class=\"fas fa-signal\"><\/i> Beginner<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-dna\"><\/i> Biomolecules<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up\">\r\n <div class=\"experiment-icon\">\ud83e\uded2<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Qualitative Analysis of Oils and Fats<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-seedling\"><\/i> Lipids<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== PRACTICAL EXAM PREP ===== -->\r\n <section class=\"section\" id=\"exam-prep\">\r\n <div class=\"container\">\r\n <div class=\"exam-prep fade-in-up\">\r\n <div class=\"prep-title\"><i class=\"fas fa-graduation-cap\"><\/i> Complete Practical Exam Preparation<\/div>\r\n <p style=\"text-align: center; color: var(--text-secondary); margin-bottom: var(--space-md);\">\r\n Everything you need to score full 30 marks in your CBSE Chemistry Practical Exam\r\n <\/p>\r\n <div class=\"prep-grid\">\r\n <div class=\"prep-card\">\r\n <div class=\"prep-icon\">\ud83d\udcdd<\/div>\r\n <div class=\"prep-name\">Lab Record Writing<\/div>\r\n <\/div>\r\n <div class=\"prep-card\">\r\n <div class=\"prep-icon\">\ud83c\udfa4<\/div>\r\n <div class=\"prep-name\">Viva Voce (200+ Q&A)<\/div>\r\n <\/div>\r\n <div class=\"prep-card\">\r\n <div class=\"prep-icon\">\ud83d\udcca<\/div>\r\n <div class=\"prep-name\">Observation Tables<\/div>\r\n <\/div>\r\n <div class=\"prep-card\">\r\n <div class=\"prep-icon\">\ud83e\uddee<\/div>\r\n <div class=\"prep-name\">Calculations & Graphs<\/div>\r\n <\/div>\r\n <div class=\"prep-card\">\r\n <div class=\"prep-icon\">\u26a0\ufe0f<\/div>\r\n <div class=\"prep-name\">Precautions & Errors<\/div>\r\n <\/div>\r\n <div class=\"prep-card\">\r\n <div class=\"prep-icon\">\ud83d\udcda<\/div>\r\n <div class=\"prep-name\">Project Work Guide<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== LMS FEATURES ===== -->\r\n <section class=\"section lms-features\" id=\"features\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Powered by Gyan Academy LMS<\/h2>\r\n <p class=\"section-subtitle\">\r\n Comprehensive digital platform designed specifically for Chemistry practical learning.\r\n <\/p>\r\n \r\n <div class=\"features-grid\">\r\n <div class=\"feature-item fade-in-up\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-video\"><\/i><\/div>\r\n <h3 class=\"feature-title\">HD Experiment Videos<\/h3>\r\n <p class=\"feature-desc\">Step-by-step HD videos for all experiments with close-up shots of critical steps<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-1\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-vr-cardboard\"><\/i><\/div>\r\n <h3 class=\"feature-title\">3D Virtual Lab<\/h3>\r\n <p class=\"feature-desc\">Interactive 3D simulations where you can perform experiments virtually before real lab<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-2\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-file-download\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Downloadable Resources<\/h3>\r\n <p class=\"feature-desc\">Lab record formats, observation tables, calculation sheets, and viva question banks<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-3\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-chalkboard-teacher\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Expert Doubt Solving<\/h3>\r\n <p class=\"feature-desc\">Live doubt-solving sessions with experienced Chemistry teachers after each experiment<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-4\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-tasks\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Practice Quizzes<\/h3>\r\n <p class=\"feature-desc\">Test your understanding with MCQs, theory questions, and practical-based problems<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-5\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-certificate\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Completion Certificate<\/h3>\r\n <p class=\"feature-desc\">Receive a verified certificate upon completing all experiments and assessments<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== PRICING ===== -->\r\n <section class=\"section pricing\" id=\"pricing\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Simple, Affordable Pricing<\/h2>\r\n <p class=\"section-subtitle\">\r\n One-time investment for complete practical mastery. Ace your board exams with confidence!\r\n <\/p>\r\n \r\n <div class=\"pricing-card fade-in-up\">\r\n <div class=\"pricing-header\">\r\n <h3 class=\"pricing-title\">Class 12 Chemistry Practical - Complete Course<\/h3>\r\n <div class=\"pricing-price\">$240<\/div>\r\n <div class=\"pricing-duration\">USD \u2022 One-time payment<\/div>\r\n <\/div>\r\n \r\n <ul class=\"pricing-features\">\r\n <li><i class=\"fas fa-check\"><\/i> 24 live interactive classes (60 mins each)<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Access to all CBSE experiments<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Virtual lab simulations (unlimited access)<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> HD video recordings of all experiments<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <strong>Relevant theory explanation for each experiment<\/strong><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Complete lab record templates & formats<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> 200+ viva voce questions with answers<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Observation tables & calculation sheets<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Project work guidance & evaluation<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Doubt-solving sessions with experts<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Practice quizzes & mock practical exams<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Digital certificate of completion<\/li>\r\n <\/ul>\r\n \r\n <a href=\"https:\/\/gyanacademy.com\/product\/class-12-chemistry-practical\" class=\"btn btn-primary pricing-cta\" id=\"enrollBtn\">\r\n <i class=\"fas fa-lock\"><\/i>\r\n Secure Enrollment - $240 USD\r\n <\/a>\r\n \r\n <p class=\"pricing-guarantee\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n 7-Day Money-Back Guarantee \u2022 No questions asked\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== FAQ ===== -->\r\n <section class=\"section faq\" id=\"faq\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <p class=\"section-subtitle\">\r\n Everything students and parents need to know about the Chemistry Practical course.\r\n <\/p>\r\n \r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Is this course aligned with CBSE syllabus?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Yes! Our course is 100% aligned with the latest CBSE Class 12 Chemistry practical syllabus. We cover all experiments prescribed by CBSE, follow the exact format for lab records, and prepare you specifically for the CBSE practical examination pattern.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Do I need a physical lab to practice?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>No! Our virtual lab simulations allow you to practice all experiments online. However, we strongly recommend performing experiments in your school lab as well. The virtual lab helps you prepare beforehand so you perform better in the real lab. We provide detailed instructions for both virtual and physical lab work.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Will theory be taught along with experiments?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Yes! Every experiment includes relevant theory explanation. We don't just show you \"how\" to perform the experiment\u2014we explain \"why\" each step works, the underlying chemical principles, and how it connects to your textbook theory. This integrated approach ensures deeper understanding and better exam performance.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n How will this help me score full marks in practicals?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Our comprehensive approach covers all aspects: (1) Perfect lab record writing with proper formatting, (2) Accurate observations and calculations, (3) Viva voce preparation with 200+ common questions, (4) Understanding of precautions and sources of error, (5) Project work guidance. Students who complete our course consistently score 28-30\/30 in practical exams.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n What if I miss a live class?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>All live classes are recorded in HD and uploaded to your dashboard within 24 hours. You can watch them at your convenience, pause, rewind, and rewatch as many times as needed. You also get lifetime access to all recordings and study materials.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Do you provide help with practical file\/record writing?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Absolutely! We provide professionally designed lab record templates for all experiments, including observation tables, calculation formats, and result sections. We also teach you how to write perfect lab records that impress examiners. Many students use our templates directly in their practical files.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== FINAL CTA ===== -->\r\n <section class=\"final-cta\">\r\n <div class=\"container\">\r\n <div class=\"urgency-badge\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <span>Board Exams Approaching \u2022 Enroll Now!<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"cta-title\">Master Chemistry Practicals & Score Full Marks<\/h2>\r\n <p class=\"cta-subtitle\">\r\n Join thousands of Class 12 students who've aced their Chemistry practical exams with our comprehensive course. Your success starts here!\r\n <\/p>\r\n \r\n <a href=\"https:\/\/gyanacademy.com\/product\/class-12-chemistry-practical\" class=\"btn btn-primary\" style=\"padding: var(--space-md) var(--space-2xl); font-size: var(--text-lg);\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n Enroll Now - Secure Your Spot\r\n <\/a>\r\n \r\n <p style=\"margin-top: var(--space-lg); color: var(--text-muted); font-size: var(--text-sm);\">\r\n <i class=\"fas fa-lock\"><\/i> Secure checkout \u2022 Instant access \u2022 7-day guarantee \u2022 Lifetime access\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== JAVASCRIPT ===== -->\r\n <script>\r\n \/\/ ===== Scroll Progress =====\r\n const scrollProgress = document.getElementById('scrollProgress');\r\n window.addEventListener('scroll', () => {\r\n const scrollTop = document.documentElement.scrollTop;\r\n const scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n const scrolled = (scrollTop \/ scrollHeight) * 100;\r\n scrollProgress.style.width = scrolled + '%';\r\n });\r\n \r\n \/\/ ===== FAQ Accordion =====\r\n document.querySelectorAll('.faq-question').forEach(button => {\r\n button.addEventListener('click', () => {\r\n const answer = button.nextElementSibling;\r\n const icon = button.querySelector('.faq-icon');\r\n button.classList.toggle('active');\r\n answer.classList.toggle('show');\r\n document.querySelectorAll('.faq-question').forEach(otherBtn => {\r\n if (otherBtn !== button) {\r\n otherBtn.classList.remove('active');\r\n otherBtn.nextElementSibling.classList.remove('show');\r\n }\r\n });\r\n });\r\n });\r\n \r\n \/\/ ===== Intersection Observer for Animations =====\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n \r\n document.querySelectorAll('.fade-in-up').forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(20px)';\r\n el.style.transition = 'opacity 0.6s ease-out, transform 0.6s ease-out';\r\n observer.observe(el);\r\n });\r\n \r\n \/\/ ===== Button Shine Effect =====\r\n document.querySelectorAll('.btn').forEach(btn => {\r\n btn.addEventListener('mouseenter', function(e) {\r\n const rect = this.getBoundingClientRect();\r\n this.style.setProperty('--x', `${e.clientX - rect.left}px`);\r\n this.style.setProperty('--y', `${e.clientY - rect.top}px`);\r\n });\r\n });\r\n \r\n \/\/ ===== Smooth Scroll =====\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n });\r\n });\r\n \r\n \/\/ ===== Enrollment Handler =====\r\n document.getElementById('enrollBtn').addEventListener('click', function(e) {\r\n e.preventDefault();\r\n alert('\ud83d\ude80 Redirecting to secure enrollment...\\n\\nProduction link:\\nhttps:\/\/gyanacademy.com\/product\/class-12-chemistry-practical');\r\n });\r\n \r\n \/\/ ===== Initialize Hero Animations =====\r\n document.addEventListener('DOMContentLoaded', () => {\r\n document.querySelectorAll('.hero .fade-in-up').forEach((el, i) => {\r\n setTimeout(() => {\r\n el.style.opacity = '1';\r\n el.style.transform = 'translateY(0)';\r\n }, 100 * i);\r\n });\r\n });\r\n <\/script>\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>Class 12 Chemistry Practical | Gyan Academy – Master Laboratory Skills \u2697\ufe0f \ud83e\uddea \ud83d\udd2c \u26a1 Class 12 \u2022 CBSE\/NCERT Aligned […]<\/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":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","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":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=49"}],"version-history":[{"count":4,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":53,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/49\/revisions\/53"}],"wp:attachment":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}