
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ITD Classroom Program — Acropolis Mall, Kolkata | Teacher Training Kolkata</title>
<meta name="description" content="Join the International Teaching Diploma classroom program at Acropolis Mall, Kolkata. Hands-on, in-person training by Cambridge-trained educators. Weekday & weekend batches. ACT accredited.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

</head>
<body>

<!-- ===== Sticky Nav ===== -->
<header class="nav" id="nav">
  <div class="nav-inner">
    <a class="logo" href="#top" aria-label="Teacher Training Kolkata — Asian College of Teachers">
      <span class="logo-txt"><img src="images/logo.webp" alt="logo" style="width:160px;" /></span>
    </a>

    <nav aria-label="Primary">
      <ul class="menu" id="menu">
      	<li><a href="#home">Home</a></li>
        <li class="has-drop">
          <a href="#programs" aria-haspopup="true">Programs <i class="caret"></i></a>
          <div class="dropdown">
            <a href="#programs">
              <span class="dd-ico" style="background:var(--aqua)">ITD</span>
              <span class="dd-txt"><b>International Teaching Diploma</b><span>Primary · Montessori · Nursery · Secondary</span></span>
            </a>
            <a href="#programs">
              <span class="dd-ico" style="background:var(--teal)">TEFL</span>
              <span class="dd-txt"><b>International TEFL / TESOL</b><span>120 hours · TESOL Canada accredited</span></span>
            </a>
          </div>
        </li>
        <li><a href="#why">About</a></li>
        <li><a href="#blog">Blog</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
    </nav>

    <div class="nav-cta">
      <a class="btn btn-apply btn-sm" href="APPLY-FORM-URL">Apply Now</a>
      <a class="wa-icon" href="https://wa.me/91XXXXXXXXXX?text=Hi%20TTK%2C%20I%27d%20like%20to%20know%20more%20about%20your%20teacher%20training%20courses." aria-label="Chat on WhatsApp" target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.82 11.82 0 018.413 3.488 11.82 11.82 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 001.51 5.26l-.999 3.648 3.987-1.607zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>
      </a>
      <button class="hamburger" id="burger" aria-label="Open menu"><span></span><span></span><span></span></button>
    </div>
  </div>
</header>

<!-- HERO -->
<section id="hero">
  <div class="hero-bg"></div>
  <div class="hero-grid-bg"></div>
  
  <div class="container" style="position:relative;z-index:2">
    <div class="hero-content reveal">
      <div class="breadcrumb">
        <a href="/">Home</a><span class="bc-sep">›</span>
        <a href="/#programs">Programs</a><span class="bc-sep">›</span>
        <a href="/international-teaching-diploma/">ITD</a><span class="bc-sep">›</span>
        <span>Classroom Program</span>
      </div>
      <div class="mode-tag">
        <svg viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z"/></svg>
        Classroom Mode · Acropolis Mall, Kolkata
      </div>
      <h1 class="hero-title">ITD Classroom<em>Program — Kolkata</em></h1>
      <p class="hero-sub">Experience the International Teaching Diploma in person — hands-on, trainer-led, and transformative. Our <strong>Acropolis Mall centre</strong> is Kolkata's only ACT-accredited classroom teacher training venue. <strong>Weekday and weekend batches</strong> available.</p>
      <div class="quick-pills">
        <span class="qp"><svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>Acropolis Mall, Kasba</span>
        <span class="qp"><svg viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"/></svg>3–6 Months</span>
        <span class="qp"><svg viewBox="0 0 24 24"><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/></svg>Weekday & Weekend</span>
        <span class="qp"><svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg>ACT · CPD UK Accredited</span>
        <span class="qp"><svg viewBox="0 0 24 24"><path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/></svg>EMI Available</span>
      </div>
      <div class="hero-cta-row">
        <button class="btn-primary" onclick="openModal('apply')">
          <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 1.5L18.5 9H13V3.5zM6 20V4h5v7h7v9H6z"/></svg>
          Apply for Classroom Program
        </button>
        <button class="btn-outline" onclick="openModal('brochure')">
          <svg viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
          Download Brochure
        </button>
        <button class="btn-wa" onclick="openWA()">
          <svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
          WhatsApp
        </button>
      </div>
      <div class="hero-stats">
        <div class="hs"><div class="hs-num">120+</div><div class="hs-label">Training hours</div></div>
        <div class="hs"><div class="hs-num">7</div><div class="hs-label">Core modules</div></div>
        <div class="hs"><div class="hs-num">500+</div><div class="hs-label">Graduates placed</div></div>
        <div class="hs"><div class="hs-num">15</div><div class="hs-label">Max batch size</div></div>
      </div>
    </div>
  </div>
</section>

<!-- MAIN CONTENT + SIDEBAR -->
<div class="container">
  <div class="page-layout">
    <div class="main-content">

      <!-- CENTRE INFO -->
      <div id="location" class="centre-card reveal">
        <div class="centre-img">
          <div class="centre-ph">
            <img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&amp;fit=crop&amp;w=700&amp;q=80" alt="TEFL peer-teaching practice" onerror="this.closest('.grid-item').classList.add('failed')">
          </div>
          <div class="centre-img-label">
            <div class="cil-main">📍 Acropolis Mall Building, Kasba, Kolkata — 700107</div>
            <div class="cil-sub">Kolkata's only ACT-accredited classroom teacher training centre</div>
          </div>
        </div>
        <div class="centre-body">
          <h3>Our Classroom Centre — Acropolis Mall, Kasba</h3>
          <p>Our training centre is located inside the Acropolis Mall building in Kasba — one of south Kolkata's most accessible and well-known commercial landmarks. The centre features purpose-built training rooms, a dedicated resource library, breakout spaces for group work, and all the infrastructure needed for a world-class, in-person teacher training experience.</p>
          <p>This is <strong>Kolkata's only ACT-accredited classroom teacher training centre</strong> — a distinction that makes it the first choice for educators across the city and its surrounding districts.</p>
          <div class="centre-details">
            <div class="cd"><svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg><div><div class="cd-label">Address</div><div class="cd-val">Acropolis Mall Building, Kasba, Kolkata – 700107</div></div></div>
            <div class="cd"><svg viewBox="0 0 24 24"><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/></svg><div><div class="cd-label">Class days</div><div class="cd-val">Mon–Fri (weekday) · Sat–Sun (weekend)</div></div></div>
            <div class="cd"><svg viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"/></svg><div><div class="cd-label">Timings</div><div class="cd-val">Morning 9am–1pm · Evening 2pm–6pm</div></div></div>
            <div class="cd"><svg viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg><div><div class="cd-label">Batch size</div><div class="cd-val">Small batches — max 15 students</div></div></div>
          </div>
        </div>
      </div>

      <!-- SCHEDULE & BATCHES -->
      <div id="schedule" class="schedule-section reveal">
        <h3 class="sub-title">Schedule & Batch Options</h3>
        <div class="batch-grid">
          <div class="batch-card popular">
            <div class="bc-type">Weekday Batch</div>
            <div class="bc-title">Monday – Friday Intensive</div>
            <div class="bc-rows">
              <div class="bc-row"><svg viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"/></svg><span><strong>Timing:</strong> 9:00 am – 1:00 pm</span></div>
              <div class="bc-row"><svg viewBox="0 0 24 24"><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/></svg><span><strong>Days:</strong> Monday to Friday</span></div>
              <div class="bc-row"><svg viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"/></svg><span><strong>Duration:</strong> 3–4 months</span></div>
              <div class="bc-row"><svg viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg><span><strong>Best for:</strong> Full-time learners, freshers</span></div>
            </div>
          </div>
          <div class="batch-card">
            <div class="bc-type">Weekend Batch</div>
            <div class="bc-title">Saturday – Sunday Program</div>
            <div class="bc-rows">
              <div class="bc-row"><svg viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"/></svg><span><strong>Timing:</strong> 9:00 am – 2:00 pm</span></div>
              <div class="bc-row"><svg viewBox="0 0 24 24"><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/></svg><span><strong>Days:</strong> Saturday & Sunday</span></div>
              <div class="bc-row"><svg viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"/></svg><span><strong>Duration:</strong> 5–6 months</span></div>
              <div class="bc-row"><svg viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg><span><strong>Best for:</strong> Working professionals</span></div>
            </div>
          </div>
        </div>
        <div class="next-batch-strip">
          <div class="nbs-left">
            <span class="nbs-dot"></span>
            <div>
              <div class="nbs-main">Next batch starting soon — limited seats remaining</div>
              <div class="nbs-sub">WhatsApp us or apply now to confirm your seat</div>
            </div>
          </div>
          <button class="nbs-btn" onclick="openModal('apply')">Secure My Seat →</button>
        </div>
      </div>

      <!-- FEES -->
      <div class="fees-section reveal">
        <h3 class="sub-title">Course Fees</h3>
        <div class="fees-grid">
          <div class="fee-card">
            <div class="fee-label">Nursery / Pre-Primary / Montessori Track</div>
            <div class="fee-track">Nursery & Montessori</div>
            <div class="fee-amount">₹45,000 <span>+ GST</span></div>
            <div class="fee-inc"><svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg> Includes study materials, certificate & school observation visits</div>
          </div>
          <div class="fee-card">
            <div class="fee-label">Primary & Secondary Track</div>
            <div class="fee-track">Primary & Secondary</div>
            <div class="fee-amount">₹48,000 <span>+ GST</span></div>
            <div class="fee-inc"><svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg> Includes study materials, certificate & school observation visits</div>
          </div>
        </div>
        <div class="emi-note">
          <svg viewBox="0 0 24 24"><path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/></svg>
          <span><strong>EMI available</strong> — Pay in 2–3 instalments. Contact us on WhatsApp to discuss your preferred payment plan. Fees are subject to change; confirm at the time of enrolment.</span>
        </div>
      </div>

      <!-- CURRICULUM -->
      <div id="curriculum" class="curriculum-section reveal">
        <h3 class="sub-title">Classroom Curriculum — 7 Modules</h3>
        <p class="section-intro">All modules are delivered in-person at Acropolis Mall. Module 7 includes supervised school observation visits — a classroom-exclusive component giving you real teaching floor experience before graduation.</p>
        <div class="acc-list">
          <div class="acc-item open">
            <div class="acc-q" onclick="toggleAcc(this)">
              <div class="acc-num">1</div><div class="acc-q-text">Child Development & Educational Psychology</div>
              <span class="acc-hours">20 hrs</span>
              <button class="acc-toggle"><svg viewBox="0 0 24 24"><path d="M19 13H13v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg></button>
            </div>
            <div class="acc-body"><div class="acc-body-inner">
              <p>How children learn across developmental stages — Piaget, Vygotsky, Bruner — with direct classroom applications from Nursery through Secondary level.</p>
              <div class="acc-topics"><span class="acc-topic">Cognitive development</span><span class="acc-topic">Social & emotional learning</span><span class="acc-topic">Learning styles</span><span class="acc-topic">Inclusive education</span><span class="acc-topic">SEN basics</span></div>
            </div></div>
          </div>
          <div class="acc-item">
            <div class="acc-q" onclick="toggleAcc(this)">
              <div class="acc-num">2</div><div class="acc-q-text">Modern Pedagogy & Teaching Methodologies</div>
              <span class="acc-hours">24 hrs</span>
              <button class="acc-toggle"><svg viewBox="0 0 24 24"><path d="M19 13H13v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg></button>
            </div>
            <div class="acc-body"><div class="acc-body-inner">
              <p>Contemporary teaching approaches with in-class practice sessions and peer micro-teaching demonstrations so you build confidence in front of a live group.</p>
              <div class="acc-topics"><span class="acc-topic">Inquiry-based learning</span><span class="acc-topic">Project-based learning</span><span class="acc-topic">Differentiated instruction</span><span class="acc-topic">Bloom's Taxonomy</span><span class="acc-topic">Peer teaching demos</span></div>
            </div></div>
          </div>
          <div class="acc-item">
            <div class="acc-q" onclick="toggleAcc(this)">
              <div class="acc-num">3</div><div class="acc-q-text">Montessori & Early Childhood Education</div>
              <span class="acc-hours">20 hrs</span>
              <button class="acc-toggle"><svg viewBox="0 0 24 24"><path d="M19 13H13v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg></button>
            </div>
            <div class="acc-body"><div class="acc-body-inner">
              <p>Hands-on Montessori material sessions, prepared environment design activities, and early literacy & numeracy methods for Nursery and Pre-Primary classrooms.</p>
              <div class="acc-topics"><span class="acc-topic">Montessori philosophy</span><span class="acc-topic">Prepared environment</span><span class="acc-topic">Sensorial materials</span><span class="acc-topic">Play-based learning</span><span class="acc-topic">Early literacy</span></div>
            </div></div>
          </div>
          <div class="acc-item">
            <div class="acc-q" onclick="toggleAcc(this)">
              <div class="acc-num">4</div><div class="acc-q-text">Lesson Planning & Curriculum Design</div>
              <span class="acc-hours">18 hrs</span>
              <button class="acc-toggle"><svg viewBox="0 0 24 24"><path d="M19 13H13v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg></button>
            </div>
            <div class="acc-body"><div class="acc-body-inner">
              <p>Design and deliver real lesson plans in front of your peers with structured trainer feedback each session. Covers backward design, learning outcomes, and assessment.</p>
              <div class="acc-topics"><span class="acc-topic">Lesson plan frameworks</span><span class="acc-topic">Backward design</span><span class="acc-topic">Learning outcomes</span><span class="acc-topic">Assessment strategies</span><span class="acc-topic">Peer presentation</span></div>
            </div></div>
          </div>
          <div class="acc-item">
            <div class="acc-q" onclick="toggleAcc(this)">
              <div class="acc-num">5</div><div class="acc-q-text">Classroom Management & Positive Behaviour</div>
              <span class="acc-hours">16 hrs</span>
              <button class="acc-toggle"><svg viewBox="0 0 24 24"><path d="M19 13H13v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg></button>
            </div>
            <div class="acc-body"><div class="acc-body-inner">
              <p>Role-play scenarios and in-class simulations for managing student behaviour, building routines, and creating an inclusive, respectful classroom environment.</p>
              <div class="acc-topics"><span class="acc-topic">Positive discipline</span><span class="acc-topic">Behaviour management</span><span class="acc-topic">Conflict resolution</span><span class="acc-topic">Role-play simulations</span><span class="acc-topic">Inclusive classrooms</span></div>
            </div></div>
          </div>
          <div class="acc-item">
            <div class="acc-q" onclick="toggleAcc(this)">
              <div class="acc-num">6</div><div class="acc-q-text">STEM Integration & Educational Technology</div>
              <span class="acc-hours">16 hrs</span>
              <button class="acc-toggle"><svg viewBox="0 0 24 24"><path d="M19 13H13v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg></button>
            </div>
            <div class="acc-body"><div class="acc-body-inner">
              <p>Hands-on STEM activity design, EdTech tool walkthroughs, and cross-curricular project sessions. Includes a group STEM project presented on the final day.</p>
              <div class="acc-topics"><span class="acc-topic">STEM project design</span><span class="acc-topic">EdTech tools</span><span class="acc-topic">Digital literacy</span><span class="acc-topic">STEAM approaches</span><span class="acc-topic">Group project</span></div>
            </div></div>
          </div>
          <div class="acc-item">
            <div class="acc-q" onclick="toggleAcc(this)">
              <div class="acc-num">7</div><div class="acc-q-text">School Observation & Teaching Practicum</div>
              <span class="acc-hours">10 hrs</span>
              <button class="acc-toggle"><svg viewBox="0 0 24 24"><path d="M19 13H13v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg></button>
            </div>
            <div class="acc-body"><div class="acc-body-inner">
              <p>Exclusive to classroom students — supervised observation hours at partner schools in Kolkata. Observe real teachers, document reflections, receive mentor feedback, and build your teaching portfolio.</p>
              <div class="acc-topics"><span class="acc-topic">Partner school visits</span><span class="acc-topic">Supervised observation</span><span class="acc-topic">Teaching journal</span><span class="acc-topic">Mentor feedback</span><span class="acc-topic">Teaching portfolio</span></div>
            </div></div>
          </div>
        </div>
      </div>

      <!-- PRACTICUM HIGHLIGHT -->
      <div class="practicum-box reveal">
        <h3>🏫 School Observation Practicum — Classroom Exclusive</h3>
        <p>One of the most valuable parts of the classroom program is the supervised school observation — a component <strong>not available in the online mode</strong>. You visit real partner schools in Kolkata, observe experienced teachers in action, document reflections, and build a teaching portfolio with direct mentor feedback.</p>
        <div class="prac-stats">
          <div class="prac-stat"><div class="prac-num">10+</div><div class="prac-label">Observation hours at partner schools</div></div>
          <div class="prac-stat"><div class="prac-num">3+</div><div class="prac-label">School visits during the program</div></div>
          <div class="prac-stat"><div class="prac-num">1:1</div><div class="prac-label">Mentor feedback per student</div></div>
          <div class="prac-stat"><div class="prac-num">📁</div><div class="prac-label">Teaching portfolio on completion</div></div>
        </div>
      </div>

      <!-- WHAT'S INCLUDED -->
      <div class="included-section reveal">
        <h3 class="sub-title">What's Included</h3>
        <div class="included-grid">
          <div class="inc-item"><div class="inc-icon"><svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm7 13H5v-.23c0-.62.28-1.2.76-1.58C7.47 15.82 9.64 15 12 15s4.53.82 6.24 2.19c.48.38.76.97.76 1.58V19z"/></svg></div><div><div class="inc-title">Cambridge-trained trainers</div><div class="inc-desc">Direct face-to-face instruction from Ms. Basu, Ms. Aditi & Ms. Rimpa</div></div></div>
          <div class="inc-item"><div class="inc-icon"><svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 1.5L18.5 9H13V3.5z"/></svg></div><div><div class="inc-title">Printed study materials</div><div class="inc-desc">All module handouts, worksheets and reference guides included</div></div></div>
          <div class="inc-item"><div class="inc-icon"><svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg></div><div><div class="inc-title">Accredited certificate</div><div class="inc-desc">ACT · CPD UK endorsed ITD diploma on successful completion</div></div></div>
          <div class="inc-item"><div class="inc-icon"><svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"/></svg></div><div><div class="inc-title">School observation visits</div><div class="inc-desc">3+ supervised visits to partner schools in Kolkata</div></div></div>
          <div class="inc-item"><div class="inc-icon"><svg viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg></div><div><div class="inc-title">Peer learning network</div><div class="inc-desc">Learn alongside fellow educators from across Kolkata</div></div></div>
          <div class="inc-item"><div class="inc-icon"><svg viewBox="0 0 24 24"><path d="M20 6h-2.18c.07-.44.18-.88.18-1.36C18 2.51 15.5 0 12.36 0c-1.73 0-3.24.92-4.1 2.28L7 3.5 5.74 2.28C4.88.92 3.37 0 1.64 0 .74 0 0 .74 0 1.64c0 .9.74 1.64 1.64 1.64.64 0 1.22-.24 1.67-.64L4.5 3.78C4.18 4.44 4 5.19 4 6H2C.9 6 0 6.9 0 8v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2z"/></svg></div><div><div class="inc-title">Placement assistance</div><div class="inc-desc">CV support, mock interviews & ACT global network access</div></div></div>
        </div>
      </div>

      <!-- ELIGIBILITY -->
      <div class="elig-box reveal">
        <h3>Eligibility & Entry Requirements</h3>
        <div class="elig-list">
          <div class="elig-item"><svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>Graduate from any stream (B.A., B.Sc., B.Com., B.Tech. or equivalent)</div>
          <div class="elig-item"><svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>Final-year students awaiting results are also eligible to apply</div>
          <div class="elig-item"><svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>No prior teaching experience required — freshers and working teachers both welcome</div>
          <div class="elig-item"><svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>B.Ed. holders may apply for advanced track consideration — contact us to discuss</div>
          <div class="elig-item"><svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>English proficiency required — all classes are conducted in English</div>
        </div>
      </div>

      <!-- HOW TO APPLY -->
      <div class="apply-steps-section reveal">
        <h3 class="sub-title">How to Apply — 4 Simple Steps</h3>
        <div class="apply-steps">
          <div class="apply-step">
            <div class="as-circle">1</div>
            <div class="as-body">
              <div class="as-title">Fill in the Application Form</div>
              <div class="as-desc">Click "Apply Now" and fill in the short form. Select your specialisation track and preferred batch (weekday or weekend). Takes under 3 minutes.</div>
            </div>
          </div>
          <div class="apply-step">
            <div class="as-circle">2</div>
            <div class="as-body">
              <div class="as-title">Counsellor Call Within 24 Hours</div>
              <div class="as-desc">Our admissions counsellor will call or WhatsApp you within 24 hours to confirm eligibility, discuss batch schedule, and answer any questions.</div>
            </div>
          </div>
          <div class="apply-step">
            <div class="as-circle">3</div>
            <div class="as-body">
              <div class="as-title">Pay the Registration Fee</div>
              <div class="as-desc">A ₹2,000 registration fee secures your seat. The balance can be paid at joining or in EMI instalments as agreed with our counsellor.</div>
            </div>
          </div>
          <div class="apply-step" style="padding-bottom:0">
            <div class="as-circle">4</div>
            <div class="as-body" style="padding-bottom:0">
              <div class="as-title">Join Your Batch at Acropolis Mall</div>
              <div class="as-desc">Arrive on Day 1, collect your study kit, meet your trainers and batchmates, and begin your journey toward an internationally recognised teaching career.</div>
            </div>
          </div>
        </div>
      </div>

      <!-- LOCATION & TRANSPORT -->
      <div class="map-section reveal">
        <h3 class="sub-title">Getting to Acropolis Mall, Kasba</h3>
        <div class="map-layout">
          <div class="map-embed">
            <div class="map-ph">
              <svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
              <span style="color:#fff;">Acropolis Mall, Kasba, Kolkata – 700107</span>
              <a href="https://maps.google.com/?q=Acropolis+Mall+Kasba+Kolkata" target="_blank" style="color: rgb(255 182 40);">Open in Google Maps →</a>
            </div>
          </div>
          <div class="transport-list">
            <div class="t-item"><div class="t-icon"><svg viewBox="0 0 24 24"><path d="M4 15.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V5c0-3.5-3.58-4-8-4s-8 .5-8 4v10.5zm8 1.5c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-7H6V5h12v5z"/></svg></div><div><div class="t-label">Metro Rail</div><div class="t-desc">Kavi Subhash station — 10 min auto ride to Acropolis Mall</div></div></div>
            <div class="t-item"><div class="t-icon"><svg viewBox="0 0 24 24"><path d="M17.5 3.5L15 2H9L6.5 3.5 5 6v2.5L3 10v6h2v1.5C5 18.88 6.12 20 7.5 20S10 18.88 10 17.5V17h4v.5c0 1.38 1.12 2.5 2.5 2.5S19 18.88 19 17.5V16h2v-6l-2-1.5V6l-1.5-2.5zM5 13v-2.5l1-2h12l1 2V13H5z"/></svg></div><div><div class="t-label">Bus Routes</div><div class="t-desc">CSTC & private buses on EM Bypass and Kasba route stop nearby</div></div></div>
            <div class="t-item"><div class="t-icon"><svg viewBox="0 0 24 24"><path d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"/></svg></div><div><div class="t-label">Auto / Cab</div><div class="t-desc">Ola & Uber readily available. Search "Acropolis Mall Kasba" for directions</div></div></div>
            <div class="t-item"><div class="t-icon"><svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg></div><div><div class="t-label">Landmarks</div><div class="t-desc">Near Ruby More, EM Bypass Connector, Kasba Golpark — known to all drivers</div></div></div>
          </div>
        </div>
      </div>

      <!-- COMPARE MODES -->
      <div class="compare-box reveal">
        <h3>Classroom vs Online — Key Differences</h3>
        <table class="compare-table">
          <thead><tr><th>Feature</th><th class="ac">Classroom (This Program)</th><th>Online Program</th></tr></thead>
          <tbody>
            <tr><td>Delivery</td><td class="ac">In-person — Acropolis Mall</td><td>Live video sessions</td></tr>
            <tr><td>School observation</td><td class="ac"><span class="tick">✓</span> 3+ supervised visits</td><td><span class="cross">—</span> Not available</td></tr>
            <tr><td>Printed study kit</td><td class="ac"><span class="tick">✓</span> Included</td><td>Digital materials</td></tr>
            <tr><td>Peer interaction</td><td class="ac"><span class="tick">✓</span> In-room group work</td><td>Online group sessions</td></tr>
            <tr><td>Same curriculum</td><td class="ac"><span class="tick">✓</span> Yes</td><td><span class="tick">✓</span> Yes</td></tr>
            <tr><td>Same certificate</td><td class="ac"><span class="tick">✓</span> ACT accredited</td><td><span class="tick">✓</span> ACT accredited</td></tr>
            <tr><td>Location</td><td class="ac">Kolkata only</td><td>Anywhere in India</td></tr>
            <tr><td>EMI</td><td class="ac"><span class="tick">✓</span> Available</td><td><span class="tick">✓</span> Available</td></tr>
          </tbody>
        </table>
        <div class="compare-footer"><span>Prefer to study from home?</span><a href="/international-teaching-diploma/online/">View ITD Online Program →</a></div>
      </div>

      <!-- GALLERY -->
      <div class="gallery-section reveal">
        <h3 class="sub-title" style="margin-bottom:16px">From Our Classroom Batches</h3>
        <div class="gallery-grid">
          <div class="g-item"><div class="g-ph" style="height:100%"><img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&amp;fit=crop&amp;w=700&amp;q=80" alt="TEFL peer-teaching practice" onerror="this.closest('.grid-item').classList.add('failed')"></div><div class="g-cap"><div class="g-cap-text">ITD classroom session — Acropolis Mall</div></div></div>
          <div class="g-item"><div class="g-ph"><img src="https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&amp;fit=crop&amp;w=700&amp;q=80" alt="Montessori methods lab" onerror="this.closest('.grid-item').classList.add('failed')"></div><div class="g-cap"><div class="g-cap-text">Lesson planning workshop</div></div></div>
          <div class="g-item"><div class="g-ph"><img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&amp;fit=crop&amp;w=700&amp;q=80" alt="TEFL peer-teaching practice" onerror="this.closest('.grid-item').classList.add('failed')"></div><div class="g-cap"><div class="g-cap-text">Group activity — classroom management</div></div></div>
          <div class="g-item"><div class="g-ph"><img src="https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&amp;fit=crop&amp;w=700&amp;q=80" alt="Montessori methods lab" onerror="this.closest('.grid-item').classList.add('failed')"></div><div class="g-cap"><div class="g-cap-text">School observation visit</div></div></div>
          <div class="g-item"><div class="g-ph"><img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&amp;fit=crop&amp;w=700&amp;q=80" alt="TEFL peer-teaching practice" onerror="this.closest('.grid-item').classList.add('failed')"></div><div class="g-cap"><div class="g-cap-text">Certificate presentation day</div></div></div>
        </div>
      </div>

    </div><!-- /main-content -->

    <!-- STICKY SIDEBAR -->
    <div class="sidebar">
      <div class="sidebar-card">
        <div class="batch-alert"><span class="ba-dot"></span><span class="ba-text">Next batch starting soon — limited seats</span></div>
        <div class="sc-title">Enroll in Classroom Program</div>
        <button class="sticky-btn sb-gold" onclick="openModal('apply')"><svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 1.5L18.5 9H13V3.5zM6 20V4h5v7h7v9H6z"/></svg>Apply Now</button>
        <button class="sticky-btn sb-navy" onclick="openModal('brochure')"><svg viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>Download Brochure</button>
        <button class="sticky-btn sb-wa" onclick="openWA()"><svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>Chat on WhatsApp</button>
        <div class="sc-divider"></div>
        <div class="sc-row"><svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg><span class="sc-row-label">Venue</span><span class="sc-row-val">Acropolis Mall, Kasba</span></div>
        <div class="sc-row"><svg viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"/></svg><span class="sc-row-label">Duration</span><span class="sc-row-val">3–6 months</span></div>
        <div class="sc-row"><svg viewBox="0 0 24 24"><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/></svg><span class="sc-row-label">Batches</span><span class="sc-row-val">Weekday & Weekend</span></div>
        <div class="sc-row"><svg viewBox="0 0 24 24"><path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/></svg><span class="sc-row-label">Fee from</span><span class="sc-row-val">₹45,000 + GST</span></div>
        <div class="sc-row"><svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg><span class="sc-row-label">Accreditation</span><span class="sc-row-val">ACT · CPD UK · QAHE</span></div>
        <div class="sc-row"><svg viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg><span class="sc-row-label">Batch size</span><span class="sc-row-val">Max 15 students</span></div>
      </div>
      <div class="sidebar-card">
        <div class="sc-title">Accreditations</div>
        <div class="accred-strip">
          <span class="accred-chip">ACT Accredited</span>
          <span class="accred-chip">CPD UK</span>
          <span class="accred-chip">QAHE</span>
          <span class="accred-chip">NCC Education</span>
        </div>
      </div>
      <div class="sidebar-card">
        <div class="switch-mode-box">
          <svg viewBox="0 0 24 24"><path d="M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4z"/></svg>
          <div class="smb-text">Prefer to study from home? <a href="/international-teaching-diploma/online/">View ITD Online Program →</a></div>
        </div>
      </div>
    </div>

  </div>
</div>

<!-- TESTIMONIALS -->
<section id="testimonials">
  <div class="container">
    <div style="margin-bottom:28px" class="reveal">
      <div class="section-label">Student Stories</div>
      <h2 class="section-title">What Classroom <em>Students Say</em></h2>
    </div>
    <div class="testi-grid">
      <div class="testi-card reveal">
        <div class="testi-stars"><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg></div>
        <p class="testi-quote">"The school observation visits were the highlight. Seeing real teachers at work and then discussing it with Ms. Basu immediately after — that feedback loop is something you simply cannot get online. Completely worth it."</p>
        <div class="testi-author"><div class="testi-avatar">SM</div><div><div class="testi-name">Suman M.</div><div class="testi-course">ITD Classroom — Salt Lake, Kolkata</div></div></div>
      </div>
      <div class="testi-card reveal" style="transition-delay:.1s">
        <div class="testi-stars"><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg></div>
        <p class="testi-quote">"I did the weekend batch while working full time. Acropolis Mall is very easy to reach from New Town. The peer learning was incredible — working through lesson plans with other teachers from different backgrounds made every session rich."</p>
        <div class="testi-author"><div class="testi-avatar">AB</div><div><div class="testi-name">Anindita B.</div><div class="testi-course">ITD Weekend Batch — New Town, Kolkata</div></div></div>
      </div>
      <div class="testi-card reveal" style="transition-delay:.2s">
        <div class="testi-stars"><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg></div>
        <p class="testi-quote">"As someone transitioning from IT, the classroom setting gave me the confidence I needed. Presenting lesson plans in front of the group and getting real-time trainer feedback was the turning point in my journey."</p>
        <div class="testi-author"><div class="testi-avatar">RP</div><div><div class="testi-name">Rajdeep P.</div><div class="testi-course">ITD Weekday Batch — Howrah</div></div></div>
      </div>
    </div>
  </div>
</section>

<!-- 3-CTA -->
<section id="cta-block">
  <div class="container">
    <div class="cta-inner reveal">
      <div class="cta-header">
        <div class="section-label" style="color:var(--gold)">Ready to Join?</div>
        <h2 class="section-title" style="color:#fff">Secure Your Seat in the <em>Next Batch</em></h2>
        <p>Limited seats per batch — connect with us today. We respond within 24 hours.</p>
      </div>
      <div class="cta-grid">
        <div class="cta-c apply" onclick="openModal('apply')">
          <div class="cta-c-icon cci-gold"><svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 1.5L18.5 9H13V3.5zM6 20V4h5v7h7v9H6z"/></svg></div>
          <div class="cta-c-title">Apply Now</div>
          <p class="cta-c-desc">Fill in the short form. A counsellor will call within 24 hours to confirm your batch and walk you through next steps.</p>
          <button class="cta-c-btn ccb-gold">Apply for Classroom →</button>
        </div>
        <div class="cta-c brochure" onclick="openModal('brochure')">
          <div class="cta-c-icon cci-white"><svg viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg></div>
          <div class="cta-c-title">Download Brochure</div>
          <p class="cta-c-desc">Get the full ITD program guide — curriculum, fee schedule, batch dates, and accreditation details — sent to your inbox instantly.</p>
          <button class="cta-c-btn ccb-outline">Download PDF →</button>
        </div>
        <div class="cta-c wa" onclick="openWA()">
          <div class="cta-c-icon cci-green"><svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg></div>
          <div class="cta-c-title">Chat on WhatsApp</div>
          <p class="cta-c-desc">Have a quick question? Message us directly — real answers, no bots. Available Mon–Sat, 9am–7pm IST.</p>
          <button class="cta-c-btn ccb-green">Open WhatsApp →</button>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- FOOTER -->
<footer id="footer">
  <div class="container">
    <div class="footer-grid">
      <div class="f-brand">
        <span class="f-logo"><img src="images/logo.webp" alt="logo" style="width:160px;" /></span>
        <p>Kolkata's only ACT-accredited international teacher training centre — Acropolis Mall, Kasba.</p>
        <div class="f-socials">
          <a href="#" class="f-social"><svg viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a>
          <a href="#" class="f-social"><svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0z"/></svg></a>
          <a href="#" class="f-social"><svg viewBox="0 0 24 24"><path d="M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"/></svg></a>
        </div>
      </div>
      <div>
        <div class="f-col-title">ITD Program</div>
        <div class="f-links">
          <a href="/international-teaching-diploma/">ITD Overview</a>
          <a href="/international-teaching-diploma/classroom-kolkata/">Classroom Program</a>
          <a href="/international-teaching-diploma/online/">Online Program</a>
          <a href="/international-teaching-diploma/#placement">Placement Assistance</a>
          <a href="/international-teaching-diploma/#curriculum">Curriculum</a>
        </div>
      </div>
      <div>
        <div class="f-col-title">Other Programs</div>
        <div class="f-links">
          <a href="/tefl-tesol/">TEFL / TESOL Overview</a>
          <a href="/tefl-tesol/classroom-kolkata/">TEFL — Classroom</a>
          <a href="/tefl-tesol/online/">TEFL — Online</a>
          <a href="/#locations">Location Pages</a>
          <a href="/">← Back to Home</a>
        </div>
      </div>
      <div>
        <div class="f-col-title">Contact Us</div>
        <div class="f-contact-item"><svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg><span>Acropolis Mall Building, Kasba,<br>Kolkata – 700107, West Bengal</span></div>
        <div class="f-contact-item"><svg viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg><span><a href="tel:+919830000000">+91 98300 00000</a></span></div>
        <div class="f-contact-item"><svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg><span><a href="https://wa.me/919830000000" target="_blank">WhatsApp Us</a> — Mon–Sat, 9am–7pm</span></div>
        <div class="f-contact-item"><svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg><span><a href="mailto:info@teachertrainingkolkata.com">info@teachertrainingkolkata.com</a></span></div>
      </div>
    </div>
    <div class="f-bottom">
      <div class="f-bottom-text">© 2025 Teacher Training Kolkata. All rights reserved.</div>
      <div class="f-accred"><span>ACT Accredited</span><span>CPD UK</span><span>QAHE</span><span>NCC Education</span></div>
    </div>
  </div>
</footer>

<!-- MOBILE STICKY -->
<div id="mobile-cta">
  <div class="mob-cta-grid">
    <button class="mob-cta-btn mob-apply" onclick="openModal('apply')"><svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 1.5L18.5 9H13V3.5zM6 20V4h5v7h7v9H6z"/></svg>Apply Now</button>
    <button class="mob-cta-btn mob-br" onclick="openModal('brochure')"><svg viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>Brochure</button>
    <button class="mob-cta-btn mob-wa" onclick="openWA()"><svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>WhatsApp</button>
  </div>
</div>

<a id="wa-float" href="https://wa.me/919830000000?text=Hi%2C%20I%27m%20interested%20in%20the%20ITD%20Classroom%20Program%20at%20Acropolis%20Mall" target="_blank" aria-label="WhatsApp">
  <svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
</a>

<!-- APPLY MODAL -->
<div class="modal-overlay" id="applyModal">
  <div class="modal-box">
    <button class="modal-close" onclick="closeModal('apply')"><svg viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></button>
    <div class="modal-title">Apply — ITD Classroom</div>
    <p class="modal-sub">Acropolis Mall, Kolkata · We'll call you within 24 hours.</p>
    <form onsubmit="handleApply(event)">
      <div class="form-row">
        <div class="form-group"><label class="form-label">Full Name *</label><input class="form-input" type="text" placeholder="Your name" required></div>
        <div class="form-group"><label class="form-label">Mobile *</label><input class="form-input" type="tel" placeholder="+91 98300…" required></div>
      </div>
      <div class="form-group"><label class="form-label">Email *</label><input class="form-input" type="email" placeholder="you@email.com" required></div>
      <div class="form-group"><label class="form-label">Area / City</label><input class="form-input" type="text" placeholder="e.g. Salt Lake, Howrah…"></div>
      <div class="form-row">
        <div class="form-group">
          <label class="form-label">Specialisation Track</label>
          <select class="form-select">
            <option>Nursery / Pre-Primary</option>
            <option>Montessori</option>
            <option>Primary (Class 1–5)</option>
            <option>Secondary (Class 6–12)</option>
            <option>Not sure yet</option>
          </select>
        </div>
        <div class="form-group">
          <label class="form-label">Preferred Batch</label>
          <select class="form-select">
            <option>Weekday (Mon–Fri)</option>
            <option>Weekend (Sat–Sun)</option>
            <option>Either works</option>
          </select>
        </div>
      </div>
      <button type="submit" class="btn-submit bsg">Apply for Classroom Program →</button>
    </form>
  </div>
</div>

<!-- BROCHURE MODAL -->
<div class="modal-overlay" id="brochureModal">
  <div class="modal-box">
    <button class="modal-close" onclick="closeModal('brochure')"><svg viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></button>
    <div class="modal-title">Download ITD Brochure</div>
    <p class="modal-sub">Full program guide — curriculum, fees & batch schedule.</p>
    <form onsubmit="handleBrochure(event)">
      <div class="form-group"><label class="form-label">Full Name *</label><input class="form-input" type="text" placeholder="Your name" required></div>
      <div class="form-group"><label class="form-label">Email *</label><input class="form-input" type="email" placeholder="you@email.com" required></div>
      <div class="form-group"><label class="form-label">Mobile *</label><input class="form-input" type="tel" placeholder="+91 98300…" required></div>
      <button type="submit" class="btn-submit bsn">Send Me the Brochure →</button>
    </form>
  </div>
</div>

<script src="js/custom.js"></script>
<script>
const obs=new IntersectionObserver(e=>{e.forEach(el=>{if(el.isIntersecting){el.target.classList.add('visible');obs.unobserve(el.target);}});},{threshold:.1});
document.querySelectorAll('.reveal').forEach(el=>obs.observe(el));
function toggleAcc(q){const i=q.parentElement;const o=i.classList.contains('open');document.querySelectorAll('.acc-item').forEach(x=>x.classList.remove('open'));if(!o)i.classList.add('open');}
function openModal(t){document.getElementById(t==='apply'?'applyModal':'brochureModal').classList.add('open');document.body.style.overflow='hidden';}
function closeModal(t){document.getElementById(t==='apply'?'applyModal':'brochureModal').classList.remove('open');document.body.style.overflow='';}
document.querySelectorAll('.modal-overlay').forEach(o=>{o.addEventListener('click',function(e){if(e.target===this){this.classList.remove('open');document.body.style.overflow='';}});});
document.addEventListener('keydown',e=>{if(e.key==='Escape'){document.querySelectorAll('.modal-overlay').forEach(o=>o.classList.remove('open'));document.body.style.overflow='';}});
function handleApply(e){e.preventDefault();const b=e.target.querySelector('button[type=submit]');b.textContent='✓ Applied! We\'ll call you within 24 hours.';b.style.background='#1A6B3C';b.style.color='#fff';setTimeout(()=>closeModal('apply'),2400);}
function handleBrochure(e){e.preventDefault();const b=e.target.querySelector('button[type=submit]');b.textContent='✓ Brochure sent to your email!';b.style.background='#1A6B3C';b.style.color='#fff';setTimeout(()=>closeModal('brochure'),2400);}
function openWA(){window.open('https://wa.me/919830000000?text=Hi%2C%20I%27m%20interested%20in%20the%20ITD%20Classroom%20Program%20at%20Acropolis%20Mall','_blank');}
</script>
</body>
</html>
