{"id":21883,"date":"2025-08-25T18:20:27","date_gmt":"2025-08-25T11:20:27","guid":{"rendered":"https:\/\/guruenglishschool.com\/?page_id=21883"},"modified":"2025-09-05T22:37:16","modified_gmt":"2025-09-05T15:37:16","slug":"english-class-videos","status":"publish","type":"page","link":"https:\/\/guruenglishschool.com\/en\/english-class-videos\/","title":{"rendered":"Class Videos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21883\" class=\"elementor elementor-21883\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0564295 e-flex e-con-boxed e-con e-parent\" data-id=\"0564295\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a350668 elementor-widget elementor-widget-html\" data-id=\"a350668\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Section Mini Navigation (Pill borders per level) ===== -->\r\n<nav class=\"gx-section-nav\" aria-label=\"Class level navigation\">\r\n  <style>\r\n    html { scroll-behavior: smooth; }\r\n\r\n    .gx-section-nav{\r\n      position: sticky; top: 0; z-index: 1;     \/* stays under your header\/lang switcher *\/\r\n      background: transparent;\r\n      pointer-events: none;                     \/* bar itself won't block header *\/\r\n    }\r\n    .gx-section-nav .wrap{\r\n      max-width: 1200px; margin: 0 auto; padding: 12px 5vw;\r\n      display: flex; gap: 10px; align-items: center; justify-content: center;\r\n      overflow-x: auto; scrollbar-width: thin;\r\n      pointer-events: auto;                     \/* pills are clickable *\/\r\n      -webkit-overflow-scrolling: touch;\r\n      background: transparent;\r\n    }\r\n    \/* Mobile: left align so the first pill is always visible *\/\r\n    @media (max-width: 640px){\r\n      .gx-section-nav .wrap{ justify-content: flex-start; padding-inline: 16px; }\r\n    }\r\n\r\n    \/* Base pill *\/\r\n    .gx-pill{\r\n      display: inline-flex; align-items: center; gap: 10px;\r\n      white-space: nowrap; cursor: pointer; user-select: none; text-decoration: none;\r\n      border-radius: 999px; padding: 10px 16px; font-weight: 700;\r\n      color: #0f172a; background: #fff;\r\n      box-shadow: 0 6px 14px rgba(2,6,23,.06);   \/* soft lift *\/\r\n      \/* default neutral border; each level overrides below *\/\r\n      border: 2px solid rgba(15,23,42,.08);\r\n    }\r\n\r\n    \/* Colored borders per level (match your brand colors) *\/\r\n    .gx-pill.kindergarten{ border-color:#86efac; } \/* green-300 *\/\r\n    .gx-pill.primary{      border-color:#93c5fd; } \/* blue-300  *\/\r\n    .gx-pill.late-primary{ border-color:#fdba74; } \/* orange-300*\/\r\n    .gx-pill.junior{       border-color:#c4b5fd; } \/* violet-300*\/\r\n    .gx-pill.high{         border-color:#fda4af; } \/* red-300   *\/\r\n    \/* ADDED: new pill borders *\/\r\n    .gx-pill.university{   border-color:#fde68a; } \/* yellow-300 *\/\r\n    .gx-pill.adult{        border-color:#f9a8d4; } \/* pink-300   *\/\r\n\r\n    .gx-dot{ width: 10px; height: 10px; border-radius: 999px; box-shadow: 0 0 0 3px rgba(0,0,0,.04) inset; }\r\n    .gx-dot.kindergarten{ background:#16a34a; }\r\n    .gx-dot.primary{      background:#2563eb; }\r\n    .gx-dot.late-primary{ background:#f97316; }\r\n    .gx-dot.junior{       background:#7c3aed; }\r\n    .gx-dot.high{         background:#dc2626; }\r\n    \/* ADDED: new dot colors *\/\r\n    .gx-dot.university{   background:#f59e0b; } \/* yellow *\/\r\n    .gx-dot.adult{        background:#ec4899; } \/* pink   *\/\r\n\r\n    \/* Anchor offset so sections don't hide under sticky UI *\/\r\n    section[id]{ scroll-margin-top: 110px; }\r\n\r\n    \/* Swipe hint (mobile only) *\/\r\n    .gx-scroll-hint{\r\n      font-size: 12px; text-align: center; color: #64748b;\r\n      margin: 4px 0 0; pointer-events: none;\r\n    }\r\n    @media (min-width: 641px){ .gx-scroll-hint{ display:none; } }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\" id=\"gxNavWrap\">\r\n    <a href=\"#kindergarten\" class=\"gx-pill kindergarten\" data-target=\"kindergarten\">\r\n      <span class=\"gx-dot kindergarten\"><\/span>\r\n      Kindergarten\r\n    <\/a>\r\n    <!-- Primary uses #primary-school to avoid WP #primary collision -->\r\n    <a href=\"#primary-school\" class=\"gx-pill primary\" data-target=\"primary-school\">\r\n      <span class=\"gx-dot primary\"><\/span>\r\n      Primary School\r\n    <\/a>\r\n    <a href=\"#late-primary\" class=\"gx-pill late-primary\" data-target=\"late-primary\">\r\n      <span class=\"gx-dot late-primary\"><\/span>\r\n      Late Primary\r\n    <\/a>\r\n    <a href=\"#junior\" class=\"gx-pill junior\" data-target=\"junior\">\r\n      <span class=\"gx-dot junior\"><\/span>\r\n      Junior High\r\n    <\/a>\r\n    <a href=\"#high\" class=\"gx-pill high\" data-target=\"high\">\r\n      <span class=\"gx-dot high\"><\/span>\r\n      High School\r\n    <\/a>\r\n    <!-- ADDED: University -->\r\n    <a href=\"#university\" class=\"gx-pill university\" data-target=\"university\">\r\n      <span class=\"gx-dot university\"><\/span>\r\n      University\r\n    <\/a>\r\n    <!-- ADDED: Adult Classes -->\r\n    <a href=\"#adult\" class=\"gx-pill adult\" data-target=\"adult\">\r\n      <span class=\"gx-dot adult\"><\/span>\r\n      Adult Classes\r\n    <\/a>\r\n  <\/div>\r\n  <div class=\"gx-scroll-hint\">\r\n    Swipe to see more levels \u2192\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      function ready(fn){\r\n        if (document.readyState !== 'loading') fn();\r\n        else document.addEventListener('DOMContentLoaded', fn);\r\n      }\r\n      ready(function(){\r\n        \/\/ Ensure IDs exist even if sections only have scoped classes\r\n        const ensureId = (sel, id) => {\r\n          const el = document.getElementById(id) || document.querySelector(sel);\r\n          if (el && !el.id) el.id = id;\r\n          return document.getElementById(id);\r\n        };\r\n        ensureId('.gx-kindergarten','kindergarten');\r\n        ensureId('.gx-primary','primary-school');   \/\/ avoid WP #primary collision\r\n        ensureId('.gx-late-primary','late-primary');\r\n        ensureId('.gx-junior','junior');\r\n        ensureId('.gx-high','high');\r\n        \/* ADDED: map new sections *\/\r\n        ensureId('.gx-university','university');\r\n        ensureId('.gx-adult','adult');\r\n\r\n        \/\/ Smooth scroll without hash jump\r\n        document.querySelectorAll('.gx-section-nav .gx-pill').forEach(a=>{\r\n          a.addEventListener('click', e=>{\r\n            const id = a.dataset.target;\r\n            const el = document.getElementById(id);\r\n            if(!el) return;\r\n            e.preventDefault();\r\n            el.scrollIntoView({ behavior:'smooth', block:'start' });\r\n          });\r\n        });\r\n\r\n        \/\/ Make sure the first pill is fully visible on mobile\r\n        const wrap = document.getElementById('gxNavWrap');\r\n        if (wrap && window.matchMedia('(max-width: 640px)').matches){\r\n          wrap.scrollLeft = 0;\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/nav>\r\n<!-- ===== \/Section Mini Navigation ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-069e05d e-flex e-con-boxed e-con e-parent\" data-id=\"069e05d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-033ba18 elementor-widget elementor-widget-html\" data-id=\"033ba18\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Kindergarten Video Gallery (scoped as .gx-kindergarten) ===== -->\r\n<section class=\"gx-videos-wrap gx-kindergarten\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-kindergarten to avoid cross-section overrides *\/\r\n    .gx-kindergarten{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #dcfce7 0%, transparent 60%),\r\n        radial-gradient(800px 420px at 110% 100%, #e0f2fe 0%, transparent 60%),\r\n        linear-gradient(135deg,#f8fafc 0%, #eef7ff 35%, #effcf4 100%);\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-kindergarten .gx-videos-inner{padding:56px 5vw; text-align:center;} \/* centered *\/\r\n    .gx-kindergarten .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#16a34a; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(22,163,74,.35); font-size:13px;\r\n    }\r\n    .gx-kindergarten .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-kindergarten .gx-sub{\r\n      color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;\r\n    }\r\n    .gx-kindergarten .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    } \/* centered chips *\/\r\n    .gx-kindergarten .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-kindergarten .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-kindergarten .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-kindergarten .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-kindergarten .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-kindergarten .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-kindergarten .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-kindergarten .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #22c55e; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-kindergarten .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#22c55e; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(34,197,94,.35)\r\n    }\r\n    .gx-kindergarten .gx-badge.gray{background:#64748b}\r\n    \/* modal (scoped) *\/\r\n    .gx-kindergarten .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-kindergarten .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-kindergarten .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-kindergarten .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-kindergarten .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      Kindergarten Videos\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      See Our <i>Kindergarten English<\/i> Classes in Action\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      Joyful lessons that build confidence through songs, phonics, and play-based activities. Tap a card to watch.\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">Kindergarten<\/span>\r\n      <span class=\"gx-chip\">Songs & Phonics<\/span>\r\n      <span class=\"gx-chip\">Play-Based<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxKidGrid\">\r\n      <article class=\"gx-card\" data-video-id=\"tZeAW2tmBII\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/tZeAW2tmBII\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"XzA-6pnwnYk\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/XzA-6pnwnYk\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"R-jYbyLAJvo\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/R-jYbyLAJvo\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"XQOcOjdxX5A\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/XQOcOjdxX5A\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"E97msYOcePk\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/E97msYOcePk\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"ONY3g4ThMis\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/ONY3g4ThMis\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (scoped + unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalKindergarten\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxCloseKindergarten\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxKidGrid');\r\n      const modal = document.getElementById('gxModalKindergarten');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxCloseKindergarten');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/Kindergarten Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f3e81d e-flex e-con-boxed e-con e-parent\" data-id=\"5f3e81d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1eb6b0 elementor-widget elementor-widget-html\" data-id=\"b1eb6b0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Primary School Video Gallery (scoped as .gx-primary) ===== -->\r\n<section id=\"primary-school\" class=\"gx-videos-wrap gx-primary\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-primary to avoid affecting Kindergarten *\/\r\n    .gx-primary{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #dbeafe 0%, transparent 60%),\r\n        radial-gradient(800px 420px at 110% 100%, #e0f2fe 0%, transparent 60%),\r\n        linear-gradient(135deg,#f8fafc 0%, #eef6ff 35%, #e8f1ff 100%);\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-primary .gx-videos-inner{padding:56px 5vw; text-align:center;}\r\n    .gx-primary .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#2563eb; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(37,99,235,.35); font-size:13px;\r\n    }\r\n    .gx-primary .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-primary .gx-sub{color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;}\r\n    .gx-primary .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    }\r\n    .gx-primary .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-primary .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-primary .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-primary .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-primary .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-primary .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-primary .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-primary .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #2563eb; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-primary .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#2563eb; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(37,99,235,.35)\r\n    }\r\n    .gx-primary .gx-badge.gray{background:#64748b}\r\n    \/* modal *\/\r\n    .gx-primary .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-primary .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-primary .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-primary .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-primary .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      Primary School Videos\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      See Our <i>Primary School English<\/i> Classes in Action\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      Engaging lessons that build skills in speaking, grammar, reading, and project work. Tap a card to watch.\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">Primary School<\/span>\r\n      <span class=\"gx-chip\">Speaking & Grammar<\/span>\r\n      <span class=\"gx-chip\">Project-Based<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxPrimaryGrid\">\r\n      <!-- Regular videos -->\r\n      <article class=\"gx-card\" data-video-id=\"BosdjwOYjLE\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/BosdjwOYjLE\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"hKesFaCNYes\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/hKesFaCNYes\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"9ZOc0yiDqI4\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/9ZOc0yiDqI4\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"cOR369iwn_I\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/cOR369iwn_I\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"oI7UoU2682U\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/oI7UoU2682U\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"CZLt_LjrlaA\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/CZLt_LjrlaA\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <!-- YouTube Shorts -->\r\n      <article class=\"gx-card\" data-video-id=\"dUqhYJ4SYng\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/dUqhYJ4SYng\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"veySJZpmd8E\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/veySJZpmd8E\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"_c0R_hkNKDY\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/_c0R_hkNKDY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"agn1gQGwyqQ\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/agn1gQGwyqQ\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalPrimary\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxClosePrimary\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxPrimaryGrid');\r\n      const modal = document.getElementById('gxModalPrimary');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxClosePrimary');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/Primary School Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6a8ef1 e-flex e-con-boxed e-con e-parent\" data-id=\"b6a8ef1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eefd627 elementor-widget elementor-widget-html\" data-id=\"eefd627\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Late Primary School Video Gallery (scoped as .gx-late-primary) ===== -->\r\n<section class=\"gx-videos-wrap gx-late-primary\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-late-primary to avoid cross-section overrides *\/\r\n    .gx-late-primary{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #ffedd5 0%, transparent 60%),   \/* orange-100 *\/\r\n        radial-gradient(800px 420px at 110% 100%, #fef3c7 0%, transparent 60%), \/* amber-100 *\/\r\n        linear-gradient(135deg,#fff7ed 0%, #fff4e6 35%, #fff8ec 100%);          \/* warm light mix *\/\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-late-primary .gx-videos-inner{padding:56px 5vw; text-align:center;}\r\n    .gx-late-primary .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#f97316; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(249,115,22,.35); font-size:13px;\r\n    }\r\n    .gx-late-primary .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-late-primary .gx-sub{\r\n      color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;\r\n    }\r\n    .gx-late-primary .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    }\r\n    .gx-late-primary .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-late-primary .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-late-primary .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-late-primary .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-late-primary .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-late-primary .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-late-primary .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-late-primary .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #f97316; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-late-primary .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#f97316; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(249,115,22,.35)\r\n    }\r\n    .gx-late-primary .gx-badge.gray{background:#64748b}\r\n    \/* modal (scoped) *\/\r\n    .gx-late-primary .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-late-primary .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-late-primary .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-late-primary .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-late-primary .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      Late Primary School Videos\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      See Our <i>Late Primary English<\/i> Classes in Action\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      Skill-building lessons with projects, presentations, and teamwork to prepare students for the next stage. Tap a card to watch.\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">Late Primary<\/span>\r\n      <span class=\"gx-chip\">Projects & Presentations<\/span>\r\n      <span class=\"gx-chip\">Teamwork & Confidence<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxLatePrimaryGrid\">\r\n      <!-- Regular videos -->\r\n      <article class=\"gx-card\" data-video-id=\"TAFvXzRMEv0\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/TAFvXzRMEv0\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"qk4cW6vAGZI\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/qk4cW6vAGZI\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"yVp7UlJc3Vw\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/yVp7UlJc3Vw\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"ED-4eCjLhHo\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/ED-4eCjLhHo\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"WoZ8tpvmliI\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/WoZ8tpvmliI\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"ZtnYApYQIFU\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/ZtnYApYQIFU\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"Fzv4rtWf2vk\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/Fzv4rtWf2vk\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <!-- YouTube Shorts -->\r\n      <article class=\"gx-card\" data-video-id=\"arziVrVufCI\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/arziVrVufCI\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"_N2goeuhlSs\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/_N2goeuhlSs\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (scoped + unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalLatePrimary\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxCloseLatePrimary\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxLatePrimaryGrid');\r\n      const modal = document.getElementById('gxModalLatePrimary');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxCloseLatePrimary');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/Late Primary School Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03c0b97 e-flex e-con-boxed e-con e-parent\" data-id=\"03c0b97\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48325e6 elementor-widget elementor-widget-html\" data-id=\"48325e6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Junior High School Video Gallery (scoped as .gx-junior) ===== -->\r\n<section class=\"gx-videos-wrap gx-junior\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-junior to avoid cross-section overrides *\/\r\n    .gx-junior{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #ede9fe 0%, transparent 60%),   \/* violet-100 *\/\r\n        radial-gradient(800px 420px at 110% 100%, #f3e8ff 0%, transparent 60%), \/* fuchsia-100 *\/\r\n        linear-gradient(135deg,#faf5ff 0%, #f6f0ff 35%, #f7f2ff 100%);          \/* soft purple mix *\/\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-junior .gx-videos-inner{padding:56px 5vw; text-align:center;}\r\n    .gx-junior .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#7c3aed; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(124,58,237,.35); font-size:13px;\r\n    }\r\n    .gx-junior .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-junior .gx-sub{\r\n      color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;\r\n    }\r\n    .gx-junior .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    }\r\n    .gx-junior .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-junior .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-junior .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-junior .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-junior .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-junior .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-junior .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-junior .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #7c3aed; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-junior .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#7c3aed; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(124,58,237,.35)\r\n    }\r\n    .gx-junior .gx-badge.gray{background:#64748b}\r\n    \/* modal (scoped) *\/\r\n    .gx-junior .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-junior .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-junior .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-junior .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-junior .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      Junior High School Videos\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      See Our <i>Junior High School English<\/i> Classes in Action\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      Debates, writing, and real-world projects that sharpen communication and critical thinking. Tap a card to watch.\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">Junior High School<\/span>\r\n      <span class=\"gx-chip\">Speaking & Writing<\/span>\r\n      <span class=\"gx-chip\">Exam Prep<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxJuniorGrid\">\r\n      <article class=\"gx-card\" data-video-id=\"bKCHY9yI4l0\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/bKCHY9yI4l0\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"zndT7k-1DkI\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/zndT7k-1DkI\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"h2HHjY2ST-A\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/h2HHjY2ST-A\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"Vt5bvJHvTuQ\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/Vt5bvJHvTuQ\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"tBHg8k_Qans\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/tBHg8k_Qans\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"opToN5khFmI\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/opToN5khFmI\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"OU4gKKSJHjQ\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/OU4gKKSJHjQ\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (scoped + unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalJunior\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxCloseJunior\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxJuniorGrid');\r\n      const modal = document.getElementById('gxModalJunior');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxCloseJunior');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/Junior High School Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8820122 e-flex e-con-boxed e-con e-parent\" data-id=\"8820122\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8bc0f9 elementor-widget elementor-widget-html\" data-id=\"c8bc0f9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== High School Video Gallery (scoped as .gx-high) ===== -->\r\n<section class=\"gx-videos-wrap gx-high\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-high to avoid cross-section overrides *\/\r\n    .gx-high{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #ffe4e6 0%, transparent 60%),   \/* rose-100 *\/\r\n        radial-gradient(800px 420px at 110% 100%, #fee2e2 0%, transparent 60%), \/* red-100 *\/\r\n        linear-gradient(135deg,#fff1f2 0%, #ffe9ea 35%, #fff3f3 100%);          \/* soft red mix *\/\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-high .gx-videos-inner{padding:56px 5vw; text-align:center;}\r\n    .gx-high .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#dc2626; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(220,38,38,.35); font-size:13px;\r\n    }\r\n    .gx-high .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-high .gx-sub{\r\n      color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;\r\n    }\r\n    .gx-high .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    }\r\n    .gx-high .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-high .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-high .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-high .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-high .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-high .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-high .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-high .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #dc2626; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-high .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#dc2626; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(220,38,38,.35)\r\n    }\r\n    .gx-high .gx-badge.gray{background:#64748b}\r\n    \/* modal (scoped) *\/\r\n    .gx-high .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-high .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-high .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-high .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-high .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      High School Videos\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      See Our <i>High School English<\/i> Classes in Action\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      Academic writing, presentations, and exam strategies that prepare students for university and careers. Tap a card to watch.\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">High School<\/span>\r\n      <span class=\"gx-chip\">Academic Writing & Speaking<\/span>\r\n      <span class=\"gx-chip\">Exam Strategies<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxHighGrid\">\r\n      <!-- Regular videos -->\r\n      <article class=\"gx-card\" data-video-id=\"AvDIttqbYAQ\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/AvDIttqbYAQ\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"iNQG9auD_to\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/iNQG9auD_to\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"yNnhBdhP0fU\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/yNnhBdhP0fU\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"8d7bMwfBuMY\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/8d7bMwfBuMY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <!-- YouTube Short -->\r\n      <article class=\"gx-card\" data-video-id=\"-9HItf1K1c4\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/-9HItf1K1c4\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (scoped + unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalHigh\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxCloseHigh\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxHighGrid');\r\n      const modal = document.getElementById('gxModalHigh');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxCloseHigh');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/High School Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d17f386 e-flex e-con-boxed e-con e-parent\" data-id=\"d17f386\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3261288 elementor-widget elementor-widget-html\" data-id=\"3261288\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== University Video Gallery (scoped as .gx-university | Yellow theme) ===== -->\r\n<section id=\"university\" class=\"gx-videos-wrap gx-university\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-university to avoid cross-section overrides *\/\r\n    .gx-university{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #fef3c7 0%, transparent 60%),   \/* amber-100 *\/\r\n        radial-gradient(800px 420px at 110% 100%, #fde68a 0%, transparent 60%), \/* yellow-200 *\/\r\n        linear-gradient(135deg,#fffbeb 0%, #fff7d6 35%, #fff9e6 100%);          \/* soft yellow mix *\/\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-university .gx-videos-inner{padding:56px 5vw; text-align:center;}\r\n    .gx-university .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#f59e0b; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(245,158,11,.35); font-size:13px;\r\n    }\r\n    .gx-university .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-university .gx-sub{\r\n      color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;\r\n    }\r\n    .gx-university .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    }\r\n    .gx-university .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-university .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-university .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-university .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-university .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-university .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-university .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-university .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #f59e0b; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-university .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#f59e0b; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(245,158,11,.35)\r\n    }\r\n    .gx-university .gx-badge.gray{background:#64748b}\r\n    \/* modal (scoped) *\/\r\n    .gx-university .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-university .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-university .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-university .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-university .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      University Videos\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      See Our <i>University English<\/i> Classes in Action\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      Seminars, presentations, and academic skills for success in higher education and beyond. Tap a card to watch.\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">University<\/span>\r\n      <span class=\"gx-chip\">Presentations & Projects<\/span>\r\n      <span class=\"gx-chip\">Academic Skills<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxUniversityGrid\">\r\n      <!-- Regular videos -->\r\n      <article class=\"gx-card\" data-video-id=\"h1Q8JxORUM8\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/h1Q8JxORUM8\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"q-3_rRw8S3A\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/q-3_rRw8S3A\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"fmFthxH--ig\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/fmFthxH--ig\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"mwNHTEN0oP8\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/mwNHTEN0oP8\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <!-- YouTube Shorts -->\r\n      <article class=\"gx-card\" data-video-id=\"JuEj3NHAoXM\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/JuEj3NHAoXM\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"2luFy02kSIY\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/2luFy02kSIY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"F0qv3sMcuTY\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/F0qv3sMcuTY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"3d_LKzuppIM\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/3d_LKzuppIM\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (scoped + unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalUniversity\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxCloseUniversity\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxUniversityGrid');\r\n      const modal = document.getElementById('gxModalUniversity');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxCloseUniversity');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/University Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-280bab9 e-flex e-con-boxed e-con e-parent\" data-id=\"280bab9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b3808a elementor-widget elementor-widget-html\" data-id=\"1b3808a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Adult Classes Video Gallery (scoped as .gx-adult | Pink theme) ===== -->\r\n<section id=\"adult\" class=\"gx-videos-wrap gx-adult\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-adult to avoid cross-section overrides *\/\r\n    .gx-adult{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #ffe4e6 0%, transparent 60%),   \/* rose-100 *\/\r\n        radial-gradient(800px 420px at 110% 100%, #fbcfe8 0%, transparent 60%), \/* pink-200 *\/\r\n        linear-gradient(135deg,#fff1f2 0%, #ffeaf3 35%, #fff3f8 100%);          \/* soft pink mix *\/\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-adult .gx-videos-inner{padding:56px 5vw; text-align:center;}\r\n    .gx-adult .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#ec4899; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(236,72,153,.35); font-size:13px;\r\n    }\r\n    .gx-adult .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-adult .gx-sub{\r\n      color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;\r\n    }\r\n    .gx-adult .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    }\r\n    .gx-adult .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-adult .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-adult .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-adult .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-adult .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-adult .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-adult .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-adult .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #ec4899; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-adult .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#ec4899; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(236,72,153,.35)\r\n    }\r\n    .gx-adult .gx-badge.gray{background:#64748b}\r\n    \/* modal (scoped) *\/\r\n    .gx-adult .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-adult .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-adult .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-adult .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-adult .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      Adult Classes Videos\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      See Our <i>Adult English<\/i> Classes in Action\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      Practical communication for work and life\u2014conversation, presentations, and confidence-building fluency. Tap a card to watch.\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">Adult Classes<\/span>\r\n      <span class=\"gx-chip\">Conversation & Fluency<\/span>\r\n      <span class=\"gx-chip\">Business & Everyday English<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxAdultGrid\">\r\n      <!-- Regular videos -->\r\n      <article class=\"gx-card\" data-video-id=\"LKxtFm4fVyo\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/LKxtFm4fVyo\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"xVSXouAoJkM\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/xVSXouAoJkM\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"rSCWX4yz37E\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/rSCWX4yz37E\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"bQcuLP4OKoY\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/bQcuLP4OKoY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"gtHvI26Nhvs\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/gtHvI26Nhvs\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"_yZ2NvTN3kU\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/_yZ2NvTN3kU\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"FBYIWkecUic\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/FBYIWkecUic\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"WNSEGVpsHUY\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/WNSEGVpsHUY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Video<\/div><\/div>\r\n      <\/article>\r\n\r\n      <!-- YouTube Shorts -->\r\n      <article class=\"gx-card\" data-video-id=\"hqb45IXLRyY\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/hqb45IXLRyY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"A5kKI69w5YA\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/A5kKI69w5YA\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>Play Short<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (scoped + unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalAdult\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxCloseAdult\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxAdultGrid');\r\n      const modal = document.getElementById('gxModalAdult');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxCloseAdult');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/Adult Classes Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-005ce41 e-flex e-con-boxed e-con e-parent\" data-id=\"005ce41\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-351db3c elementor-widget elementor-widget-edublink-footer-copyright\" data-id=\"351db3c\" data-element_type=\"widget\" data-widget_type=\"edublink-footer-copyright.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"edublink-copyright-wrapper\"><span>Copyright 2026 [Guru English School] All Rights Reserved  \n  \n<\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kindergarten Primary School Late Primary Junior High High School University Adult Classes Swipe to see more levels \u2192 Kindergarten Videos See Our Kindergarten English Classes in Action Joyful lessons that build confidence through songs, phonics, and play-based activities. Tap a card to watch. Kindergarten Songs &#038; Phonics Play-Based HD Play Video HD Play Video HD&#8230;<\/p>\n","protected":false},"author":1805,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-21883","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Class Videos   - Guru english school<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/guruenglishschool.com\/en\/english-class-videos\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Class Videos   - Guru english school\" \/>\n<meta property=\"og:description\" content=\"Kindergarten Primary School Late Primary Junior High High School University Adult Classes Swipe to see more levels \u2192 Kindergarten Videos See Our Kindergarten English Classes in Action Joyful lessons that build confidence through songs, phonics, and play-based activities. Tap a card to watch. Kindergarten Songs &#038; Phonics Play-Based HD Play Video HD Play Video HD&#8230;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/guruenglishschool.com\/en\/english-class-videos\/\" \/>\n<meta property=\"og:site_name\" content=\"Guru english school\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-05T15:37:16+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/guruenglishschool.com\/en\/english-class-videos\/\",\"url\":\"https:\/\/guruenglishschool.com\/en\/english-class-videos\/\",\"name\":\"Class Videos  - Guru english school\",\"isPartOf\":{\"@id\":\"https:\/\/guruenglishschool.com\/en\/#website\"},\"datePublished\":\"2025-08-25T11:20:27+00:00\",\"dateModified\":\"2025-09-05T15:37:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/guruenglishschool.com\/en\/english-class-videos\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[[\"https:\/\/guruenglishschool.com\/en\/english-class-videos\/\"]]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/guruenglishschool.com\/en\/english-class-videos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/guruenglishschool.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e04\u0e25\u0e32\u0e2a\u0e40\u0e23\u0e35\u0e22\u0e19\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/guruenglishschool.com\/en\/#website\",\"url\":\"https:\/\/guruenglishschool.com\/en\/\",\"name\":\"Guru english school\",\"description\":\"English school\",\"publisher\":{\"@id\":\"https:\/\/guruenglishschool.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/guruenglishschool.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/guruenglishschool.com\/en\/#organization\",\"name\":\"Guru english school\",\"url\":\"https:\/\/guruenglishschool.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/guruenglishschool.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/guruenglishschool.com\/wp-content\/uploads\/2017\/06\/cropped-Guru-Logo-1-2.png\",\"contentUrl\":\"https:\/\/guruenglishschool.com\/wp-content\/uploads\/2017\/06\/cropped-Guru-Logo-1-2.png\",\"width\":200,\"height\":140,\"caption\":\"Guru english school\"},\"image\":{\"@id\":\"https:\/\/guruenglishschool.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Class Videos   - Guru english school","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/guruenglishschool.com\/en\/english-class-videos\/","og_locale":"en_US","og_type":"article","og_title":"Class Videos   - Guru english school","og_description":"Kindergarten Primary School Late Primary Junior High High School University Adult Classes Swipe to see more levels \u2192 Kindergarten Videos See Our Kindergarten English Classes in Action Joyful lessons that build confidence through songs, phonics, and play-based activities. Tap a card to watch. Kindergarten Songs &#038; Phonics Play-Based HD Play Video HD Play Video HD&#8230;","og_url":"https:\/\/guruenglishschool.com\/en\/english-class-videos\/","og_site_name":"Guru english school","article_modified_time":"2025-09-05T15:37:16+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/guruenglishschool.com\/en\/english-class-videos\/","url":"https:\/\/guruenglishschool.com\/en\/english-class-videos\/","name":"Class Videos  - Guru english school","isPartOf":{"@id":"https:\/\/guruenglishschool.com\/en\/#website"},"datePublished":"2025-08-25T11:20:27+00:00","dateModified":"2025-09-05T15:37:16+00:00","breadcrumb":{"@id":"https:\/\/guruenglishschool.com\/en\/english-class-videos\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":[["https:\/\/guruenglishschool.com\/en\/english-class-videos\/"]]}]},{"@type":"BreadcrumbList","@id":"https:\/\/guruenglishschool.com\/en\/english-class-videos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/guruenglishschool.com\/en\/"},{"@type":"ListItem","position":2,"name":"\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e04\u0e25\u0e32\u0e2a\u0e40\u0e23\u0e35\u0e22\u0e19"}]},{"@type":"WebSite","@id":"https:\/\/guruenglishschool.com\/en\/#website","url":"https:\/\/guruenglishschool.com\/en\/","name":"Guru english school","description":"English school","publisher":{"@id":"https:\/\/guruenglishschool.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/guruenglishschool.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/guruenglishschool.com\/en\/#organization","name":"Guru english school","url":"https:\/\/guruenglishschool.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/guruenglishschool.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/guruenglishschool.com\/wp-content\/uploads\/2017\/06\/cropped-Guru-Logo-1-2.png","contentUrl":"https:\/\/guruenglishschool.com\/wp-content\/uploads\/2017\/06\/cropped-Guru-Logo-1-2.png","width":200,"height":140,"caption":"Guru english school"},"image":{"@id":"https:\/\/guruenglishschool.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/guruenglishschool.com\/en\/wp-json\/wp\/v2\/pages\/21883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guruenglishschool.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/guruenglishschool.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/guruenglishschool.com\/en\/wp-json\/wp\/v2\/users\/1805"}],"replies":[{"embeddable":true,"href":"https:\/\/guruenglishschool.com\/en\/wp-json\/wp\/v2\/comments?post=21883"}],"version-history":[{"count":20,"href":"https:\/\/guruenglishschool.com\/en\/wp-json\/wp\/v2\/pages\/21883\/revisions"}],"predecessor-version":[{"id":21954,"href":"https:\/\/guruenglishschool.com\/en\/wp-json\/wp\/v2\/pages\/21883\/revisions\/21954"}],"wp:attachment":[{"href":"https:\/\/guruenglishschool.com\/en\/wp-json\/wp\/v2\/media?parent=21883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}