{"id":67,"date":"2026-04-25T07:43:06","date_gmt":"2026-04-25T07:43:06","guid":{"rendered":"https:\/\/globalcamp.gyanacademy.com\/?page_id=67"},"modified":"2026-04-25T07:48:39","modified_gmt":"2026-04-25T07:48:39","slug":"9-chemistry-pract","status":"publish","type":"page","link":"https:\/\/globalcamp.gyanacademy.com\/?page_id=67","title":{"rendered":"9 Chemistry Pract"},"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 9 Chemistry Practical | Gyan Academy - Build Strong Basics<\/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 (Class 9) ===== *\/\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-matter: linear-gradient(90deg, #3b82f6, #60a5fa);\r\n --gradient-mixtures: linear-gradient(90deg, #10b981, #34d399);\r\n --gradient-reactions: linear-gradient(90deg, #8b5cf6, #a78bfa);\r\n --gradient-atomic: linear-gradient(90deg, #f59e0b, #fbbf24);\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-matter: #3b82f6;\r\n --color-mixtures: #10b981;\r\n --color-reactions: #8b5cf6;\r\n --color-atomic: #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-primary);\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-success); }\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-primary);\r\n border: 2px solid var(--color-primary);\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-primary);\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.matter { border-top: 4px solid var(--color-matter); }\r\n .category-card.mixtures { border-top: 4px solid var(--color-mixtures); }\r\n .category-card.reactions { border-top: 4px solid var(--color-reactions); }\r\n .category-card.atomic { border-top: 4px solid var(--color-atomic); }\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 .matter .category-icon { background: var(--gradient-matter); }\r\n .mixtures .category-icon { background: var(--gradient-mixtures); }\r\n .reactions .category-icon { background: var(--gradient-reactions); }\r\n .atomic .category-icon { background: var(--gradient-atomic); }\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-primary);\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 & SAFETY BADGES ===== *\/\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 #8b5cf6;\r\n color: #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 .safety-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(34, 197, 94, 0.12);\r\n border: 1px solid var(--color-success);\r\n color: var(--color-success);\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 .foundation-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(59, 130, 246, 0.12);\r\n border: 1px solid var(--color-matter);\r\n color: var(--color-matter);\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-matter);\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-matter);\r\n }\r\n \r\n .experiment-type {\r\n background: var(--color-mixtures);\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-mixtures);\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-primary);\r\n color: var(--color-primary);\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-primary);\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 \r\n \/* ===== FUN DISCOVERY SECTION ===== *\/\r\n .fun-discovery {\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 .discovery-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 .discovery-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-top: var(--space-lg);\r\n }\r\n \r\n .discovery-card {\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 .discovery-title-item {\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 .discovery-desc {\r\n font-size: var(--text-sm);\r\n color: var(--text-secondary);\r\n }\r\n \r\n \/* ===== SAFETY FIRST SECTION ===== *\/\r\n .safety-section {\r\n background: linear-gradient(135deg, #dcfce7, #bbf7d0);\r\n border: 2px solid var(--color-success);\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 .safety-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 .safety-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 .safety-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 border: 1px solid var(--border-light);\r\n }\r\n \r\n .safety-icon {\r\n font-size: var(--text-3xl);\r\n margin-bottom: var(--space-sm);\r\n color: var(--color-success);\r\n }\r\n \r\n .safety-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-primary);\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 .fun-discovery { padding: var(--space-lg); }\r\n .safety-section { 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%;\">\ud83d\udca7<\/div>\r\n <div class=\"chemistry-icon-bg\" style=\"top: 20%; right: 10%;\">\ud83e\uddca<\/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%;\">\u269b\ufe0f<\/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-seedling\"><\/i>\r\n <span>Class 9 \u2022 CBSE\/NCERT Aligned \u2022 Foundation Building<\/span>\r\n <\/div>\r\n \r\n <h1 class=\"hero-title\">\r\n Class 9 <span>Chemistry Practical<\/span>\r\n <\/h1>\r\n \r\n <p class=\"hero-subtitle\">\r\n Master foundational chemistry experiments with virtual labs, fun discoveries & step-by-step guides. Build strong basics for Class 10 and beyond!\r\n <\/p>\r\n \r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">15<\/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\">Foundation Focus<\/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 Theory + Practical<\/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-shield-alt\"><\/i> 100% Safe<\/span>\r\n <\/div>\r\n \r\n <div class=\"exam-badge\">\r\n <i class=\"fas fa-seedling\"><\/i>\r\n <strong>Perfect for:<\/strong> Building Strong Basics \u2022 Class 10 Preparation \u2022 Lab Confidence\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 9 Chemistry experiments across four foundational categories.\r\n <\/p>\r\n \r\n <div class=\"category-grid\">\r\n <div class=\"category-card matter fade-in-up\">\r\n <div class=\"category-icon\">\ud83d\udca7<\/div>\r\n <div class=\"category-name\">States of Matter<\/div>\r\n <div class=\"category-count\">5 Experiments<\/div>\r\n <p class=\"category-desc\">Boiling point, melting point, evaporation, sublimation, compressibility<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card mixtures fade-in-up delay-1\">\r\n <div class=\"category-icon\">\ud83e\uddea<\/div>\r\n <div class=\"category-name\">Mixtures & Solutions<\/div>\r\n <div class=\"category-count\">5 Experiments<\/div>\r\n <p class=\"category-desc\">Distinguishing solutions, separation techniques, mixture vs compound, colloids<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card reactions fade-in-up delay-2\">\r\n <div class=\"category-icon\">\u26a1<\/div>\r\n <div class=\"category-name\">Chemical Reactions<\/div>\r\n <div class=\"category-count\">3 Experiments<\/div>\r\n <p class=\"category-desc\">Chemical reactions, conservation of mass, exothermic & endothermic<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card atomic fade-in-up delay-3\">\r\n <div class=\"category-icon\">\u269b\ufe0f<\/div>\r\n <div class=\"category-name\">Atomic Structure<\/div>\r\n <div class=\"category-count\">2 Experiments<\/div>\r\n <p class=\"category-desc\">Rutherford's experiment, modern periodic table basics<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Fun Discovery Preview -->\r\n <div class=\"fun-discovery fade-in-up delay-4\">\r\n <div class=\"discovery-title\"><i class=\"fas fa-lightbulb\"><\/i> Fun Discoveries You'll Make!<\/div>\r\n <div class=\"discovery-grid\">\r\n <div class=\"discovery-card\">\r\n <div class=\"discovery-title-item\"><i class=\"fas fa-thermometer-half\" style=\"color: var(--color-matter);\"><\/i> Ice to Water to Steam!<\/div>\r\n <p class=\"discovery-desc\">Watch matter change states right before your eyes and understand the science behind it<\/p>\r\n <\/div>\r\n <div class=\"discovery-card\">\r\n <div class=\"discovery-title-item\"><i class=\"fas fa-filter\" style=\"color: var(--color-mixtures);\"><\/i> Separate Mixtures Like a Pro!<\/div>\r\n <p class=\"discovery-desc\">Learn real lab techniques to separate sand, salt, iron filings, and more<\/p>\r\n <\/div>\r\n <div class=\"discovery-card\">\r\n <div class=\"discovery-title-item\"><i class=\"fas fa-fire\" style=\"color: var(--color-reactions);\"><\/i> Hot & Cold Reactions!<\/div>\r\n <p class=\"discovery-desc\">Feel the heat (or cold!) of chemical reactions and understand energy changes<\/p>\r\n <\/div>\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 Class 9 Chemistry Practical?<\/h2>\r\n <p class=\"section-subtitle\">\r\n Build a strong foundation that makes Class 10 chemistry easier and boosts your overall scientific understanding.\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-seedling\"><\/i><\/div>\r\n <h3 class=\"card-title\">Strong Foundation First<\/h3>\r\n <p class=\"card-desc\">Master basic concepts like states of matter, mixtures, and simple reactions before advancing. Build confidence that lasts!<\/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-gamepad\"><\/i><\/div>\r\n <h3 class=\"card-title\">Fun & Engaging Learning<\/h3>\r\n <p class=\"card-desc\">Color changes, state transformations, mixture separations - experiments that feel like magic while teaching real science!<\/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-shield-alt\"><\/i><\/div>\r\n <h3 class=\"card-title\">100% Safe Virtual Practice<\/h3>\r\n <p class=\"card-desc\">Practice all experiments in our virtual lab first. Zero risk, maximum learning before handling real materials.<\/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-book-open\"><\/i><\/div>\r\n <h3 class=\"card-title\">Theory + Practical Integration<\/h3>\r\n <p class=\"card-desc\">Every experiment includes simple theory explanation in easy language. Understand the 'why' behind every observation!<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Safety First Section -->\r\n <div class=\"safety-section fade-in-up delay-4\">\r\n <div class=\"safety-title\"><i class=\"fas fa-shield-alt\"><\/i> Safety First - Always!<\/div>\r\n <p style=\"text-align: center; color: var(--text-secondary); margin-bottom: var(--space-md);\">\r\n We prioritize student safety in every experiment with these essential practices\r\n <\/p>\r\n <div class=\"safety-grid\">\r\n <div class=\"safety-card\">\r\n <div class=\"safety-icon\">\ud83e\udd7d<\/div>\r\n <div class=\"safety-name\">Safety Goggles Provided<\/div>\r\n <\/div>\r\n <div class=\"safety-card\">\r\n <div class=\"safety-icon\">\ud83e\udde4<\/div>\r\n <div class=\"safety-name\">Gloves & Aprons<\/div>\r\n <\/div>\r\n <div class=\"safety-card\">\r\n <div class=\"safety-icon\">\ud83d\udeab<\/div>\r\n <div class=\"safety-name\">No Hazardous Chemicals<\/div>\r\n <\/div>\r\n <div class=\"safety-card\">\r\n <div class=\"safety-icon\">\ud83d\udc68\u200d\ud83c\udfeb<\/div>\r\n <div class=\"safety-name\">Expert Supervision<\/div>\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 <!-- States of Matter -->\r\n <div class=\"experiment-category-header fade-in-up\">\r\n <div class=\"category-number\">1<\/div>\r\n <div class=\"category-title\">States of Matter & Physical Changes<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up\">\r\n <div class=\"experiment-icon\">\ud83c\udf21\ufe0f<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Boiling Point of Water<\/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-thermometer-half\"><\/i> Physical Change<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/span>\r\n <span class=\"foundation-badge\"><i class=\"fas fa-seedling\"><\/i> Foundation<\/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\">\ud83e\uddca<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Melting Point of Ice<\/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-thermometer-half\"><\/i> Physical Change<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/span>\r\n <span class=\"foundation-badge\"><i class=\"fas fa-seedling\"><\/i> Foundation<\/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\">\ud83d\udca8<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Process of Evaporation<\/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-wind\"><\/i> State Change<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/span>\r\n <span class=\"foundation-badge\"><i class=\"fas fa-seedling\"><\/i> Foundation<\/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\">\u2728<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">To Study the Changes in the State of Sublimate Solids on Heating<\/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-magic\"><\/i> Sublimation<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/span>\r\n <span class=\"foundation-badge\"><i class=\"fas fa-seedling\"><\/i> Foundation<\/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\udf88<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">To show that Gases are readily Compressible and Liquids are not<\/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-compress\"><\/i> Matter Properties<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/span>\r\n <span class=\"foundation-badge\"><i class=\"fas fa-seedling\"><\/i> Foundation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Mixtures & Solutions -->\r\n <div class=\"experiment-category-header fade-in-up\">\r\n <div class=\"category-number\">2<\/div>\r\n <div class=\"category-title\">Mixtures & Solutions<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up\">\r\n <div class=\"experiment-icon\">\ud83d\udd0d<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Distinguishing Between Solutions<\/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-search\"><\/i> Solution Types<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/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\">\u2696\ufe0f<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Distinguish Between Mixture and Compound<\/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-balance-scale\"><\/i> Classification<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/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\">\ud83e\uddf9<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Separation of Components of a Mixture<\/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-filter\"><\/i> Separation Techniques<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/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\udd27<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Separation of Mixtures Using Different Techniques<\/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-tools\"><\/i> Lab Techniques<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/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\udf2b\ufe0f<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Prepare a Colloidal Solution of Sulphur<\/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-cloud\"><\/i> Colloids<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Chemical Reactions -->\r\n <div class=\"experiment-category-header fade-in-up\">\r\n <div class=\"category-number\">3<\/div>\r\n <div class=\"category-title\">Chemical Reactions & Laws<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up\">\r\n <div class=\"experiment-icon\">\u2697\ufe0f<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Chemical Reactions<\/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-flask\"><\/i> Reaction Basics<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/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\">\u2696\ufe0f<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">The Law of Conservation of Mass in a Chemical Reaction<\/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-balance-scale\"><\/i> Fundamental Law<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/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\">\ud83d\udd25<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Exothermic and Endothermic Reactions<\/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-thermometer-half\"><\/i> Energy Changes<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Atomic Structure -->\r\n <div class=\"experiment-category-header fade-in-up\">\r\n <div class=\"category-number\">4<\/div>\r\n <div class=\"category-title\">Atomic Structure & Periodic Table<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up\">\r\n <div class=\"experiment-icon\">\ud83c\udfaf<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Rutherford's Scattering Experiment<\/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-bullseye\"><\/i> Atomic Model<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/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\udcca<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Modern periodic table<\/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-table\"><\/i> Element Organization<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/span>\r\n <\/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 Fun, interactive platform designed specifically for Class 9 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 fun animations and close-up shots<\/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 simple theory notes<\/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 friendly 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-gamepad\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Fun Practice Quizzes<\/h3>\r\n <p class=\"feature-desc\">Test your understanding with gamified quizzes, puzzles, and practical-based challenges<\/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 strong foundation building. Set yourself up for Class 10 success!\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 9 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 Class 9 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>Simple 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> Foundation-building theory notes<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Observation tables & calculation sheets<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Fun practice quizzes & skill assessments<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Doubt-solving sessions with friendly experts<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Digital certificate of completion<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <strong>Class 10 preparation roadmap included<\/strong><\/li>\r\n <\/ul>\r\n \r\n <a href=\"https:\/\/gyanacademy.com\/product\/class-9-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 Class 9 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 9 Chemistry practical syllabus. We cover all experiments prescribed by CBSE, follow the exact format for lab records, and prepare you specifically for school practical examinations.<\/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 prior chemistry knowledge?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>No prior knowledge required! This course is designed for Class 9 students starting their chemistry journey. We begin with basic concepts and gradually build up to more complex experiments. Our integrated theory-practical approach ensures you understand concepts as you perform experiments.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Are the experiments safe for Class 9 students?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Absolutely! Safety is our #1 priority. All experiments use safe, household-friendly materials. We provide detailed safety guidelines, require parental supervision for certain activities, and teach proper lab safety protocols. The virtual lab lets students practice safely before handling real materials.<\/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 simple, easy-to-understand theory explanation in simple language. We don't just show you \"how\" to perform the experiment\u2014we explain \"why\" each step works. 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 does this help with Class 10 preparation?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Class 9 chemistry forms the foundation for Class 10. By mastering basic concepts like states of matter, mixtures, and simple reactions now, you'll find Class 10 chemistry significantly easier. We also include a Class 10 preparation roadmap to help you plan ahead and stay ahead of the curriculum.<\/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 <\/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-seedling\"><\/i>\r\n <span>Build Your Foundation Today \u2022 Limited Seats<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"cta-title\">Start Your Chemistry Journey with Confidence<\/h2>\r\n <p class=\"cta-subtitle\">\r\n Join thousands of Class 9 students who've built strong chemistry foundations with our comprehensive course. Your success in Class 10 starts here!\r\n <\/p>\r\n \r\n <a href=\"https:\/\/gyanacademy.com\/product\/class-9-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-9-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 9 Chemistry Practical | Gyan Academy – Build Strong Basics \ud83d\udca7 \ud83e\uddca \ud83d\udd2c \u269b\ufe0f Class 9 \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-67","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/67","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=67"}],"version-history":[{"count":4,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/67\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}