{"id":72,"date":"2026-04-25T07:56:01","date_gmt":"2026-04-25T07:56:01","guid":{"rendered":"https:\/\/globalcamp.gyanacademy.com\/?page_id=72"},"modified":"2026-04-25T08:12:07","modified_gmt":"2026-04-25T08:12:07","slug":"8-science-pract","status":"publish","type":"page","link":"https:\/\/globalcamp.gyanacademy.com\/?page_id=72","title":{"rendered":"8 Science 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 8 Science Practical | Gyan Academy - Discover the World Around You<\/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 - SCIENCE LIGHT THEME (Class 8) ===== *\/\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-science: linear-gradient(90deg, #0ea5e9, #10b981, #f59e0b);\r\n --gradient-physics: linear-gradient(90deg, #3b82f6, #60a5fa);\r\n --gradient-chemistry: linear-gradient(90deg, #10b981, #34d399);\r\n --gradient-biology: linear-gradient(90deg, #8b5cf6, #a78bfa);\r\n --gradient-social: 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-physics: #3b82f6;\r\n --color-chemistry: #10b981;\r\n --color-biology: #8b5cf6;\r\n --color-social: #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-science: #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-science: #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-science: 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-science);\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-science);\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-science);\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-science);\r\n color: white;\r\n box-shadow: var(--shadow-science);\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-science);\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.physics { border-top: 4px solid var(--color-physics); }\r\n .category-card.chemistry { border-top: 4px solid var(--color-chemistry); }\r\n .category-card.biology { border-top: 4px solid var(--color-biology); }\r\n .category-card.social { border-top: 4px solid var(--color-social); }\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 .physics .category-icon { background: var(--gradient-physics); }\r\n .chemistry .category-icon { background: var(--gradient-chemistry); }\r\n .biology .category-icon { background: var(--gradient-biology); }\r\n .social .category-icon { background: var(--gradient-social); }\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 .discovery-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-physics);\r\n color: var(--color-physics);\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-primary);\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-primary);\r\n }\r\n \r\n .experiment-type {\r\n background: var(--color-chemistry);\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-chemistry);\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-science);\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-science);\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-science);\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-science);\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-science); }\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-science);\r\n z-index: 1000;\r\n transition: width var(--transition-fast);\r\n }\r\n \r\n \/* ===== FLOATING ELEMENTS ===== *\/\r\n .science-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 \/* ===== SCIENCE ICONS DECORATION ===== *\/\r\n .science-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 Science Icons -->\r\n <div class=\"science-icon-bg\" style=\"top: 10%; left: 5%;\">\ud83d\udca7<\/div>\r\n <div class=\"science-icon-bg\" style=\"top: 20%; right: 10%;\">\ud83d\udd2c<\/div>\r\n <div class=\"science-icon-bg\" style=\"bottom: 15%; left: 15%;\">\u26a1<\/div>\r\n <div class=\"science-icon-bg\" style=\"bottom: 25%; right: 20%;\">\ud83c\udf31<\/div>\r\n \r\n <!-- ===== HERO SECTION ===== -->\r\n <section class=\"hero\">\r\n <div class=\"science-orb orb-blue\"><\/div>\r\n <div class=\"science-orb orb-green\"><\/div>\r\n <div class=\"science-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-search\"><\/i>\r\n <span>Class 8 \u2022 CBSE\/NCERT Aligned \u2022 Discover Science<\/span>\r\n <\/div>\r\n \r\n <h1 class=\"hero-title\">\r\n Class 8 <span>Science Practical<\/span>\r\n <\/h1>\r\n \r\n <p class=\"hero-subtitle\">\r\n Explore the world around you through fun, hands-on experiments! Learn physics, chemistry, biology & social science concepts that make science exciting and meaningful.\r\n <\/p>\r\n \r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">14<\/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\">Discovery 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 Discovery-based learning<\/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-globe-americas\"><\/i>\r\n <strong>Perfect for:<\/strong> Curious Minds \u2022 Science Foundation \u2022 Real-World Learning\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 Class 8 Science experiments across four exciting categories.\r\n <\/p>\r\n \r\n <div class=\"category-grid\">\r\n <div class=\"category-card physics fade-in-up\">\r\n <div class=\"category-icon\">\ud83d\udca7<\/div>\r\n <div class=\"category-name\">Physics & Forces<\/div>\r\n <div class=\"category-count\">4 Experiments<\/div>\r\n <p class=\"category-desc\">Liquid pressure, net force, friction, air pressure<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card chemistry fade-in-up delay-1\">\r\n <div class=\"category-icon\">\ud83d\udd25<\/div>\r\n <div class=\"category-name\">Chemistry & Reactions<\/div>\r\n <div class=\"category-count\">4 Experiments<\/div>\r\n <p class=\"category-desc\">Metal reactivity, non-metallic oxides, electrolysis, combustion<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card biology fade-in-up delay-2\">\r\n <div class=\"category-icon\">\ud83c\udf31<\/div>\r\n <div class=\"category-name\">Biology & Life<\/div>\r\n <div class=\"category-count\">2 Experiments<\/div>\r\n <p class=\"category-desc\">Yeast reproduction, food grain preservation<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card social fade-in-up delay-3\">\r\n <div class=\"category-icon\">\ud83c\udf0d<\/div>\r\n <div class=\"category-name\">Social Science & Awareness<\/div>\r\n <div class=\"category-count\">4 Experiments<\/div>\r\n <p class=\"category-desc\">Gender discrimination, moon phases, facing challenges<\/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> Amazing 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-water\" style=\"color: var(--color-physics);\"><\/i> Water Pressure Magic!<\/div>\r\n <p class=\"discovery-desc\">Discover how water pushes in all directions and why dams are thicker at the bottom<\/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-chemistry);\"><\/i> Fire Needs Heat to Start!<\/div>\r\n <p class=\"discovery-desc\">Learn why different materials need different temperatures to catch fire<\/p>\r\n <\/div>\r\n <div class=\"discovery-card\">\r\n <div class=\"discovery-title-item\"><i class=\"fas fa-moon\" style=\"color: var(--color-social);\"><\/i> Moon Changes Every Night!<\/div>\r\n <p class=\"discovery-desc\">Track the moon's journey and understand why it looks different each night<\/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 8 Science Practical?<\/h2>\r\n <p class=\"section-subtitle\">\r\n Spark curiosity and build scientific thinking through discovery-based learning that connects science to real life.\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-search\"><\/i><\/div>\r\n <h3 class=\"card-title\">Discovery-Based Learning<\/h3>\r\n <p class=\"card-desc\">Ask questions, make predictions, and discover answers through hands-on experiments that mirror real scientific inquiry.<\/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 Activities<\/h3>\r\n <p class=\"card-desc\">From watching yeast reproduce to tracking moon phases, our experiments make science exciting and memorable!<\/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\">Real-World Connections<\/h3>\r\n <p class=\"card-desc\">Every experiment connects to everyday life - from food preservation to gender equality to understanding forces.<\/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 Materials<\/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 prescribed experiments with detailed procedures, observations, and real-world connections + <strong>relevant theory<\/strong>\r\n <\/p>\r\n \r\n <div class=\"experiments-container\">\r\n <!-- Physics & Forces -->\r\n <div class=\"experiment-category-header fade-in-up\">\r\n <div class=\"category-number\">1<\/div>\r\n <div class=\"category-title\">Physics & Forces<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up\">\r\n <div class=\"experiment-icon\">\ud83d\udca7<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Liquid Pressure<\/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-water\"><\/i> Fluid Mechanics<\/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=\"discovery-badge\"><i class=\"fas fa-search\"><\/i> Discovery<\/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\">Concept of Net Force<\/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> Forces<\/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=\"discovery-badge\"><i class=\"fas fa-search\"><\/i> Discovery<\/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\uddf1<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Relationship between the Increase in Weight on the Surface and Static Friction<\/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> Friction<\/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=\"discovery-badge\"><i class=\"fas fa-search\"><\/i> Discovery<\/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\">\ud83c\udf88<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Air exerts pressure<\/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> Atmospheric Pressure<\/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=\"discovery-badge\"><i class=\"fas fa-search\"><\/i> Discovery<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Chemistry & Reactions -->\r\n <div class=\"experiment-category-header fade-in-up delay-4\">\r\n <div class=\"category-number\">2<\/div>\r\n <div class=\"category-title\">Chemistry & Reactions<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up\">\r\n <div class=\"experiment-icon\">\u2694\ufe0f<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Show that iron is more reactive than copper<\/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-exchange-alt\"><\/i> Reactivity Series<\/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=\"discovery-badge\"><i class=\"fas fa-search\"><\/i> Discovery<\/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\">\ud83c\udf4b<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Show that non-metallic oxides are acidic in nature<\/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-tint\"><\/i> Acid-Base Chemistry<\/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=\"discovery-badge\"><i class=\"fas fa-search\"><\/i> Discovery<\/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\">\u26a1<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Study the Electrolysis of Water<\/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 <span class=\"safety-badge\"><i class=\"fas fa-shield-alt\"><\/i> Safe<\/span>\r\n <span class=\"discovery-badge\"><i class=\"fas fa-search\"><\/i> Discovery<\/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\">Show that fuel\/substance should be heated to its ignition temperature to make it burn<\/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-fire\"><\/i> Combustion<\/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=\"discovery-badge\"><i class=\"fas fa-search\"><\/i> Discovery<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Biology & Life -->\r\n <div class=\"experiment-category-header fade-in-up delay-4\">\r\n <div class=\"category-number\">3<\/div>\r\n <div class=\"category-title\">Biology & Life<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up\">\r\n <div class=\"experiment-icon\">\ud83e\udda0<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Reproduction in Yeast Cell<\/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> Microbiology<\/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=\"discovery-badge\"><i class=\"fas fa-search\"><\/i> Discovery<\/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\">\ud83c\udf3e<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Study how Insect pests spoil Food Grains<\/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-leaf\"><\/i> Food Preservation<\/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=\"discovery-badge\"><i class=\"fas fa-search\"><\/i> Discovery<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Social Science & Awareness -->\r\n <div class=\"experiment-category-header fade-in-up delay-2\">\r\n <div class=\"category-number\">4<\/div>\r\n <div class=\"category-title\">Social Science & Awareness<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-3\">\r\n <div class=\"experiment-icon\">\ud83c\udf19<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">To Observe that the Appearance of the Moon Changes Every Night<\/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-star\"><\/i> Astronomy<\/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=\"discovery-badge\"><i class=\"fas fa-search\"><\/i> Discovery<\/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\">\u2696\ufe0f<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Gender Discrimination<\/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-venus-mars\"><\/i> Social Awareness<\/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=\"discovery-badge\"><i class=\"fas fa-search\"><\/i> Discovery<\/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\">\ud83d\udcaa<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">We Can Face the World<\/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-hand-holding-heart\"><\/i> Life Skills<\/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=\"discovery-badge\"><i class=\"fas fa-search\"><\/i> Discovery<\/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 Interactive platform designed specifically for Class 8 Science discovery-based 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 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, 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 Science 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 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 discovery-based science learning. Ignite curiosity that lasts a lifetime!\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 8 Science 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 Class 8 Science 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> Discovery-based learning approach<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Observation tables & activity 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>Parent progress reports included<\/strong><\/li>\r\n <\/ul>\r\n \r\n <a href=\"https:\/\/gyanacademy.com\/product\/class-8-science-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 8 Science 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 8 Science 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 Are the experiments safe for Class 8 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 What makes this different from regular science classes?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Our course focuses on discovery-based learning rather than just following instructions. Students ask questions, make predictions, and discover answers through hands-on experiments. We also connect science to real life - from food preservation to gender equality to understanding forces in everyday situations.<\/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 and how it connects to real-world phenomena. This integrated approach ensures deeper understanding.<\/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 my child in higher classes?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Class 8 science forms the foundation for all future science learning. By developing scientific thinking skills\u2014asking questions, making observations, and drawing conclusions\u2014your child will be well-prepared for Class 9 and beyond. Our discovery-based approach builds curiosity that lasts a lifetime.<\/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 my child misses 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. Your child can watch them at their 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-search\"><\/i>\r\n <span>Ignite Curiosity Today \u2022 Limited Seats<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"cta-title\">Discover the World Through Science!<\/h2>\r\n <p class=\"cta-subtitle\">\r\n Join thousands of Class 8 students who've developed a lifelong love for science through our discovery-based course. Your child's scientific journey starts here!\r\n <\/p>\r\n \r\n <a href=\"https:\/\/gyanacademy.com\/product\/class-8-science-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-8-science-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 8 Science Practical | Gyan Academy – Discover the World Around You \ud83d\udca7 \ud83d\udd2c \u26a1 \ud83c\udf31 Class 8 \u2022 […]<\/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-72","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/72","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=72"}],"version-history":[{"count":4,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}