{"id":112,"date":"2026-04-25T15:39:27","date_gmt":"2026-04-25T15:39:27","guid":{"rendered":"https:\/\/globalcamp.gyanacademy.com\/?page_id=112"},"modified":"2026-04-25T15:48:37","modified_gmt":"2026-04-25T15:48:37","slug":"11-biology-pract","status":"publish","type":"page","link":"https:\/\/globalcamp.gyanacademy.com\/?page_id=112","title":{"rendered":"11 Biology Pract"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"112\" class=\"elementor elementor-112\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d65a63 e-con-full e-flex e-con e-parent\" data-id=\"7d65a63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f35b19 elementor-widget elementor-widget-html\" data-id=\"9f35b19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <meta name=\"description\" content=\"Gyan Academy Class 11 Biology Practical: Master all 21 CBSE experiments with virtual labs, clear concepts & strong foundations. Only $210 USD. Enroll now!\"\/>\r\n  <title>Class 11 Biology Practical | Gyan Academy - Build Your Biology Foundation<\/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 - CLASS 11 BIOLOGY LIGHT THEME ===== *\/\r\n    :root {\r\n      --gradient-hero: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 25%, #bbf7d0 55%, #fef3c7 85%, #ffffff 100%);\r\n      --gradient-card: linear-gradient(145deg, #ffffff, #f8fafc);\r\n      --gradient-biology: linear-gradient(90deg, #10b981, #14b8a6, #06b6d4);\r\n      --gradient-physiology: linear-gradient(90deg, #22c55e, #4ade80);\r\n      --gradient-morphology: linear-gradient(90deg, #8b5cf6, #a78bfa);\r\n      --gradient-clinical: linear-gradient(90deg, #f472b6, #fb7185);\r\n      --gradient-microscopy: linear-gradient(90deg, #3b82f6, #60a5fa);\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-physiology: #22c55e;\r\n      --color-morphology: #8b5cf6;\r\n      --color-clinical: #f472b6;\r\n      --color-microscopy: #3b82f6;\r\n      --color-primary: #10b981;\r\n      --color-primary-dark: #059669;\r\n      --color-secondary: #14b8a6;\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-biology: #f0fdf4;\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-biology: #10b981;\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(16, 185, 129, 0.15);\r\n      --shadow-biology: 0 0 25px rgba(16, 185, 129, 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-biology);\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(16, 185, 129, 0.08) 0%, transparent 50%),\r\n        radial-gradient(circle at 85% 15%, rgba(20, 184, 166, 0.08) 0%, transparent 50%),\r\n        radial-gradient(circle at 50% 50%, rgba(6, 182, 212, 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(16, 185, 129, 0.12);\r\n      border: 1px solid rgba(16, 185, 129, 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-biology);\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-biology);\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-biology);\r\n      color: white;\r\n      box-shadow: var(--shadow-biology);\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(16, 185, 129, 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-biology);\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.physiology { border-top: 4px solid var(--color-physiology); }\r\n    .category-card.morphology { border-top: 4px solid var(--color-morphology); }\r\n    .category-card.clinical { border-top: 4px solid var(--color-clinical); }\r\n    .category-card.microscopy { border-top: 4px solid var(--color-microscopy); }\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    .physiology .category-icon { background: var(--gradient-physiology); }\r\n    .morphology .category-icon { background: var(--gradient-morphology); }\r\n    .clinical .category-icon { background: var(--gradient-clinical); }\r\n    .microscopy .category-icon { background: var(--gradient-microscopy); }\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 & FOUNDATION 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    .foundation-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    .lab-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--space-xs);\r\n      background: rgba(16, 185, 129, 0.12);\r\n      border: 1px solid var(--color-primary);\r\n      color: var(--color-primary);\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    \/* ===== 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-biology);\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    \/* ===== 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-biology);\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-biology);\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-biology);\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-biology); }\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    }\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-biology);\r\n      z-index: 1000;\r\n      transition: width var(--transition-fast);\r\n    }\r\n    \r\n    \/* ===== FLOATING ELEMENTS ===== *\/\r\n    .biology-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-green {\r\n      width: 350px; height: 350px;\r\n      background: linear-gradient(135deg, rgba(16,185,129,0.2), rgba(16,185,129,0.05));\r\n      top: -5%; right: -5%;\r\n      animation-delay: 0s;\r\n    }\r\n    \r\n    .orb-teal {\r\n      width: 280px; height: 280px;\r\n      background: linear-gradient(135deg, rgba(20,184,166,0.18), rgba(20,184,166,0.05));\r\n      bottom: 10%; left: -3%;\r\n      animation-delay: -8s;\r\n    }\r\n    \r\n    .orb-cyan {\r\n      width: 220px; height: 220px;\r\n      background: linear-gradient(135deg, rgba(6,182,212,0.15), rgba(6,182,212,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    \/* ===== BIOLOGY ICONS DECORATION ===== *\/\r\n    .biology-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 Biology Icons -->\r\n  <div class=\"biology-icon-bg\" style=\"top: 10%; left: 5%;\">\ud83c\udf3f<\/div>\r\n  <div class=\"biology-icon-bg\" style=\"top: 20%; right: 10%;\">\ud83d\udd2c<\/div>\r\n  <div class=\"biology-icon-bg\" style=\"bottom: 15%; left: 15%;\">\ud83e\uddea<\/div>\r\n  <div class=\"biology-icon-bg\" style=\"bottom: 25%; right: 20%;\">\ud83e\uddb4<\/div>\r\n  \r\n  <!-- ===== HERO SECTION ===== -->\r\n  <section class=\"hero\">\r\n    <div class=\"biology-orb orb-green\"><\/div>\r\n    <div class=\"biology-orb orb-teal\"><\/div>\r\n    <div class=\"biology-orb orb-cyan\"><\/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-graduation-cap\"><\/i>\r\n          <span>Class 11 \u2022 CBSE\/NCERT Aligned \u2022 Foundation Building<\/span>\r\n        <\/div>\r\n        \r\n        <h1 class=\"hero-title\">\r\n          Class 11 <span>Biology Practical<\/span>\r\n        <\/h1>\r\n        \r\n        <p class=\"hero-subtitle\">\r\n          Master all 21 foundational experiments with curiosity and confidence. From Plant Physiology to Human Anatomy, Microscopy to Biochemical Tests \u2013 build the strong biology base you need for Class 12 and NEET.\r\n        <\/p>\r\n        \r\n        <div class=\"hero-stats\">\r\n          <div class=\"stat-item\">\r\n            <div class=\"stat-value\">21<\/div>\r\n            <div class=\"stat-label\">Experiments<\/div>\r\n          <\/div>\r\n          <div class=\"stat-item\">\r\n            <div class=\"stat-value\">21<\/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\">Concept Clarity<\/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 - $210\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\">$210 USD<\/span>\r\n          <span class=\"price-note\">\u2022 Virtual lab access \u2022 Complete study material \u2022 Foundation building<\/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-seedling\"><\/i> NEET Foundation<\/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> Class 11 Boards \u2022 NEET Foundation \u2022 Concept Building\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 11 Biology experiments across four foundational domains as per CBSE guidelines.\r\n      <\/p>\r\n      \r\n      <div class=\"category-grid\">\r\n        <div class=\"category-card physiology fade-in-up\">\r\n          <div class=\"category-icon\">\ud83c\udf31<\/div>\r\n          <div class=\"category-name\">Plant Physiology<\/div>\r\n          <div class=\"category-count\">7 Experiments<\/div>\r\n          <p class=\"category-desc\">Transpiration, Osmosis, Plasmolysis, Respiration, Chromatography, Biochemical tests<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"category-card morphology fade-in-up delay-1\">\r\n          <div class=\"category-icon\">\ud83c\udf38<\/div>\r\n          <div class=\"category-name\">Plant Morphology & Anatomy<\/div>\r\n          <div class=\"category-count\">6 Experiments<\/div>\r\n          <p class=\"category-desc\">Dicot\/Monocot stems & roots, Flowers, Inflorescences, Root\/Stem\/Leaf modifications<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"category-card clinical fade-in-up delay-2\">\r\n          <div class=\"category-icon\">\ud83e\ude7a<\/div>\r\n          <div class=\"category-name\">Human Physiology & Clinical Tests<\/div>\r\n          <div class=\"category-count\">5 Experiments<\/div>\r\n          <p class=\"category-desc\">Urine tests (Urea, Sugar, Albumin, Bile salts), Human skeleton joints<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"category-card microscopy fade-in-up delay-3\">\r\n          <div class=\"category-icon\">\ud83d\udd2c<\/div>\r\n          <div class=\"category-name\">Microscopy & Biodiversity<\/div>\r\n          <div class=\"category-count\">3 Experiments<\/div>\r\n          <p class=\"category-desc\">Compound microscope parts, Bacteria\/Fungi morphology, External animal features<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  <!-- ===== COURSE OVERVIEW ===== -->\r\n  <section class=\"section overview\" id=\"overview\">\r\n    <div class=\"container\">\r\n      <h2 class=\"section-title\">Why Choose Our Class 11 Biology Practical?<\/h2>\r\n      <p class=\"section-subtitle\">\r\n        Build unshakeable foundations. We focus on observation skills, conceptual understanding, and the critical thinking needed for advanced biology.\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-eye\"><\/i><\/div>\r\n          <h3 class=\"card-title\">Master Observation Skills<\/h3>\r\n          <p class=\"card-desc\">Learn professional microscopy techniques, staining methods, and accurate observation recording \u2013 skills that matter for labs and NEET.<\/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-brain\"><\/i><\/div>\r\n          <h3 class=\"card-title\">Deep Conceptual Understanding<\/h3>\r\n          <p class=\"card-desc\">We explain the biology behind every experiment \u2013 from why osmosis occurs to how urine tests detect diseases \u2013 ensuring genuine understanding.<\/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-vr-cardboard\"><\/i><\/div>\r\n          <h3 class=\"card-title\">Risk-Free Virtual Practice<\/h3>\r\n          <p class=\"card-desc\">Practice delicate procedures like staining and slide preparation in our virtual lab before handling real equipment.<\/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-seedling\"><\/i><\/div>\r\n          <h3 class=\"card-title\">Foundation for Class 12 & NEET<\/h3>\r\n          <p class=\"card-desc\">Every experiment builds concepts you'll need for Class 12 Biology, NEET, and medical studies. Start strong, succeed later.<\/p>\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 21 prescribed experiments with detailed procedures, diagrams, observations, and viva preparation + <strong>in-depth theory<\/strong>\r\n      <\/p>\r\n      \r\n      <div class=\"experiments-container\">\r\n        <!-- Plant Physiology -->\r\n        <div class=\"experiment-category-header fade-in-up\">\r\n          <div class=\"category-number\">1<\/div>\r\n          <div class=\"category-title\">Plant Physiology<\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"experiment-item fade-in-up\">\r\n          <div class=\"experiment-icon\">\ud83e\uddea<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Paper Chromatography<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-flask\"><\/i> Separation Techniques<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/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\">\ud83d\udca7<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Rate of Transpiration<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-tint\"><\/i> Water Transport<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n              <span class=\"lab-badge\"><i class=\"fas fa-flask\"><\/i> Lab Skill<\/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\udd0d<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Study of distribution of stomata<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-microscope\"><\/i> Microscopy<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/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\">\ud83d\udca7<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Study of Osmosis<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-water\"><\/i> Cell Transport<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n              <span class=\"lab-badge\"><i class=\"fas fa-flask\"><\/i> Lab Skill<\/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\">\ud83e\udee7<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Study of Plasmolysis<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-compress-alt\"><\/i> Cell Behavior<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/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\">\r\n          <div class=\"experiment-icon\">\ud83c\udf2c\ufe0f<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Rate of Respiration<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-wind\"><\/i> Energy Release<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n              <span class=\"lab-badge\"><i class=\"fas fa-flask\"><\/i> Lab Skill<\/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\udd57<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Detection of Carbohydrates, Proteins and Fats<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-utensils\"><\/i> Biochemical Tests<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/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        <!-- Plant Morphology & Anatomy -->\r\n        <div class=\"experiment-category-header fade-in-up\">\r\n          <div class=\"category-number\">2<\/div>\r\n          <div class=\"category-title\">Plant Morphology & Anatomy<\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"experiment-item fade-in-up\">\r\n          <div class=\"experiment-icon\">\ud83c\udf33<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Characteristics of Dicot and Monocot Stem and Root<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-tree\"><\/i> Plant Anatomy<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/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\">\ud83c\udf3a<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Characteristics of Flowers<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-flower\"><\/i> Floral Morphology<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n              <span class=\"lab-badge\"><i class=\"fas fa-flask\"><\/i> Lab Skill<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"experiment-item fade-in-up delay-2\">\r\n          <div class=\"experiment-icon\">\ud83c\udf31<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Modifications of Root<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-seedling\"><\/i> Adaptations<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/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\">\ud83c\udf3f<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Modifications of Stem<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-leaf\"><\/i> Structural Adaptations<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n              <span class=\"lab-badge\"><i class=\"fas fa-flask\"><\/i> Lab Skill<\/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\udf43<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Leaf Modification<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-leaf\"><\/i> Leaf Adaptations<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/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\">\r\n          <div class=\"experiment-icon\">\ud83c\udf3c<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Study of Different Types of Inflorescences<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-project-diagram\"><\/i> Flower Arrangement<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n              <span class=\"lab-badge\"><i class=\"fas fa-flask\"><\/i> Lab Skill<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Human Physiology & Clinical Tests -->\r\n        <div class=\"experiment-category-header fade-in-up\">\r\n          <div class=\"category-number\">3<\/div>\r\n          <div class=\"category-title\">Human Physiology & Clinical Tests<\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"experiment-item fade-in-up\">\r\n          <div class=\"experiment-icon\">\ud83e\uddea<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Detection of Urea in Urine<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-vial\"><\/i> Clinical Biochemistry<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/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\uddea<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Detection of Sugar in Urine<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-tint\"><\/i> Diabetes Screening<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n              <span class=\"lab-badge\"><i class=\"fas fa-flask\"><\/i> Lab Skill<\/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\uddea<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Detection of Albumin in Urine<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-protein\"><\/i> Kidney Function<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/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\">\ud83e\uddea<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Detection of Bile salt in Urine<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-liver\"><\/i> Liver Function<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n              <span class=\"lab-badge\"><i class=\"fas fa-flask\"><\/i> Lab Skill<\/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\">\ud83e\uddb4<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">To Study Different Types of Joints in the Human Skeleton<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-bone\"><\/i> Human Anatomy<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/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        <!-- Microscopy & Biodiversity -->\r\n        <div class=\"experiment-category-header fade-in-up\">\r\n          <div class=\"category-number\">4<\/div>\r\n          <div class=\"category-title\">Microscopy & Biodiversity<\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"experiment-item fade-in-up\">\r\n          <div class=\"experiment-icon\">\ud83d\udd2c<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Parts of a Compound Microscope<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-microscope\"><\/i> Instrument Handling<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n              <span class=\"lab-badge\"><i class=\"fas fa-flask\"><\/i> Lab Skill<\/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\udda0<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Morphology of Bacteria, Fungi and Different Plant Groups<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-seedling\"><\/i> Biodiversity<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/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\udc3e<\/div>\r\n          <div class=\"experiment-content\">\r\n            <div class=\"experiment-title\">Study of External Features of Animals<\/div>\r\n            <div class=\"experiment-meta\">\r\n              <span class=\"experiment-tag\"><i class=\"fas fa-paw\"><\/i> Animal Morphology<\/span>\r\n              <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n              <span class=\"lab-badge\"><i class=\"fas fa-flask\"><\/i> Lab Skill<\/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        Foundation-focused platform designed for Class 11 Biology conceptual mastery and NEET preparation.\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 with close-ups of staining techniques, microscope use, and observation methods<\/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 for safe practice of all 21 experiments before handling real equipment<\/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\">Foundation Resources<\/h3>\r\n          <p class=\"feature-desc\">Perfectly formatted lab records, observation tables, and viva Q&A matching CBSE patterns<\/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 sessions with expert Biology faculty for conceptual clarity and NEET strategies<\/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-chart-bar\"><\/i><\/div>\r\n          <h3 class=\"feature-title\">Foundation Assessments<\/h3>\r\n          <p class=\"feature-desc\">Concept-check quizzes, observation practice, and viva preparation tailored for Class 11 level<\/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\">Verified certificate upon completing all experiments and foundation 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\">Invest in Your Foundation<\/h2>\r\n      <p class=\"section-subtitle\">\r\n        One-time investment for complete Class 11 Biology practical mastery. Build the strong base you need for Class 12, NEET, and medical 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 11 Biology Practical - Complete Course<\/h3>\r\n          <div class=\"pricing-price\">$210<\/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> 21 live interactive classes (60 mins each)<\/li>\r\n          <li><i class=\"fas fa-check\"><\/i> Access to all 21 Class 11 Biology 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>In-depth theory explanation for each experiment<\/strong><\/li>\r\n          <li><i class=\"fas fa-check\"><\/i> Perfectly formatted lab record templates<\/li>\r\n          <li><i class=\"fas fa-check\"><\/i> Viva voce question bank & answers<\/li>\r\n          <li><i class=\"fas fa-check\"><\/i> Microscope technique guides & observation templates<\/li>\r\n          <li><i class=\"fas fa-check\"><\/i> Foundation-building practice assessments<\/li>\r\n          <li><i class=\"fas fa-check\"><\/i> Live doubt-solving with expert faculty<\/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:\/\/www.olabs.edu.in\/?sub=79\" class=\"btn btn-primary pricing-cta\" id=\"enrollBtn\">\r\n          <i class=\"fas fa-lock\"><\/i>\r\n          Secure Enrollment - $210 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 11 Biology 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 the official CBSE syllabus?\r\n            <i class=\"fas fa-plus faq-icon\"><\/i>\r\n          <\/button>\r\n          <div class=\"faq-answer\">\r\n            <p>Absolutely. Our course covers all 21 experiments listed in the official CBSE Class 11 Biology practical syllabus. The structure, documentation format, and viva questions are meticulously designed to match CBSE marking schemes.<\/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 my Class 12 and NEET preparation?\r\n            <i class=\"fas fa-plus faq-icon\"><\/i>\r\n          <\/button>\r\n          <div class=\"faq-answer\">\r\n            <p>Class 11 Biology forms the critical foundation for everything that follows. Mastering plant physiology, human anatomy, and microscopy now makes Class 12 topics like Reproduction, Genetics, and Biotechnology much easier to grasp. This course builds that unshakeable base.<\/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 struggle with microscope techniques or staining procedures?\r\n            <i class=\"fas fa-plus faq-icon\"><\/i>\r\n          <\/button>\r\n          <div class=\"faq-answer\">\r\n            <p>Our HD videos provide extreme close-ups of every microscope adjustment and staining step. The virtual lab lets you practice repeatedly until you're confident. Plus, our live doubt-solving sessions with expert faculty are there to clear any specific confusion.<\/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 the experiments?\r\n            <i class=\"fas fa-plus faq-icon\"><\/i>\r\n          <\/button>\r\n          <div class=\"faq-answer\">\r\n            <p>Yes, and this is our core strength. For every experiment, we provide a deep dive into the underlying biology concepts. We explain not just the 'how' but the crucial 'why', which is essential for both your practical exam and your written theory paper.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"faq-item\">\r\n          <button class=\"faq-question\">\r\n            How is this different from free resources like OLabs?\r\n            <i class=\"fas fa-plus faq-icon\"><\/i>\r\n          <\/button>\r\n          <div class=\"faq-answer\">\r\n            <p>While OLabs provides excellent simulations, our course adds structured live classes, expert doubt-solving, CBSE-formatted documentation, viva preparation, and personalized feedback. We turn simulation into actionable foundation-building success.<\/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 get lifetime access to all recordings, so you can revise anytime before your exams.<\/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 Biology Foundation Today \u2022 Limited Seats<\/span>\r\n      <\/div>\r\n      \r\n      <h2 class=\"cta-title\">Start Strong, Succeed Later!<\/h2>\r\n      <p class=\"cta-subtitle\">\r\n        Join thousands of Class 11 students who've built rock-solid biology foundations and gone on to excel in Class 12, NEET, and medical careers.\r\n      <\/p>\r\n      \r\n      <a href=\"https:\/\/www.olabs.edu.in\/?sub=79\" 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\\nOfficial OLabs Link:\\nhttps:\/\/www.olabs.edu.in\/?sub=79');\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 11 Biology Practical | Gyan Academy &#8211; Build Your Biology Foundation \ud83c\udf3f \ud83d\udd2c \ud83e\uddea \ud83e\uddb4 Class 11 \u2022 CBSE\/NCERT [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","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-112","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/112","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=112"}],"version-history":[{"count":4,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/112\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/112\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}