<?php
$page_title = "CY Consultancy Centre | Study Abroad from Bangladesh — Since 2008";
$page_desc  = "Established in 2008, CY Consultancy Centre is Bangladesh's most trusted study abroad partner. Malta, UK, Canada, Australia visa & admission services.";
$active_page = "home";
include 'includes/header.php';

// Load DB data for homepage sections
$_db = site_db();

// Testimonials from DB
$_testimonials = [];
if ($_db) {
    $_r = $_db->query("SELECT * FROM testimonials WHERE status='active' ORDER BY sort_order,id LIMIT 12");
    if ($_r) $_testimonials = $_r->fetch_all(MYSQLI_ASSOC);
}

// Services from DB (for homepage services section)
$_services_home = [];
if ($_db) {
    $_r = $_db->query("SELECT * FROM services WHERE status='active' ORDER BY sort_order,id LIMIT 8");
    if ($_r) $_services_home = $_r->fetch_all(MYSQLI_ASSOC);
}

// Success stories from DB (for gallery strip)
$_successes_home = [];
if ($_db) {
    $_r = $_db->query("SELECT * FROM success_stories WHERE status='active' ORDER BY sort_order,id DESC LIMIT 10");
    if ($_r) $_successes_home = $_r->fetch_all(MYSQLI_ASSOC);
}
$B = BASE_PATH;
?>

<!-- ═══ HERO ═══ -->
<section class="hero">
  <!-- ── Hero Background Parallax Slideshow ── -->
  <div class="hero-bg" id="hero-bg">
    <div class="hero-bg-slide active ken" id="hbs0"
         style="background-image:url('<?= $B ?>assets/images/bg-campus1.jpg')"></div>
    <div class="hero-bg-slide ken-alt" id="hbs1"
         style="background-image:url('<?= $B ?>assets/images/bg-night-bridge.jpg');background-position:center center"></div>
    <div class="hero-bg-slide ken" id="hbs2"
         style="background-image:url('<?= $B ?>assets/images/bg-city.jpg')"></div>
  </div>
  <div class="hero-bg-dark"></div>
  <div class="hero-bg-color"></div>
  <div class="hero-pattern"></div>
  <div class="hero-glow1" id="glow1"></div>
  <div class="hero-glow2" id="glow2"></div>
  <!-- Floating particles -->
  <div class="particles-wrap" id="particles"></div>
  <div class="hero-in">
    <div>
      <div class="hero-badge"><span class="dot"></span> Accepting 2026 Intake</div>

      <!-- David Langarica hero title: two-part slide-in -->
      <h1 style="margin-bottom:0;line-height:1.05">
        <span class="hero-title-top">Your Gateway to</span>
        <!-- Jobs list cycling (David's job titles pattern) -->
        <div class="hero-jobs" aria-hidden="true">
          <span>European Education ✦</span>
          <span>Malta & UK Study ✦</span>
          <span>Canada & Australia ✦</span>
          <span>Your Dream Future ✦</span>
        </div>
        <span class="hero-title-bottom" style="color:var(--g)">Starts Here.</span>
      </h1>

      <p class="hero-desc">Established in 2008, CY Consultancy Centre is Bangladesh's most trusted study abroad partner. From counseling to visa — we handle everything.</p>
      <div class="hero-btns">
        <a href="<?= $B ?>contact.php" class="btn btn-g"><i class="fas fa-arrow-right"></i> Apply Now Free</a>
        <a href="https://wa.me/8801711351367" class="btn btn-w" target="_blank"><i class="fab fa-whatsapp"></i> WhatsApp Us</a>
      </div>
    </div>

    <div style="position:relative">
      <div class="hero-card">
        <div class="hc-top">
          <div class="malta-f"><div class="w"></div><div class="r"></div></div>
          <h3>Study in Malta 🇲🇹</h3>
        </div>
        <p>English-medium EU degrees, Schengen access, affordable tuition — start your European journey in the Mediterranean.</p>
        <div class="h-stats">
          <div class="h-stat"><div class="h-stat-n counter" data-target="500">0</div><div class="h-stat-l">Visas Done</div></div>
          <div class="h-stat"><div class="h-stat-n">95%</div><div class="h-stat-l">Success</div></div>
          <div class="h-stat"><div class="h-stat-n">2008</div><div class="h-stat-l">Since</div></div>
        </div>
        <!-- Availability indicator (David Langarica) -->
        <div class="avail-badge" style="margin-top:14px">
          <span class="avail-dot green"></span> Accepting Applications — 2026 Intake Open
        </div>
      </div>
      <div class="float-tag ft1"><i class="fas fa-check-circle"></i> Visa Approved!</div>
      <div class="float-tag ft2"><i class="fas fa-star"></i> Since 2008</div>
    </div>
  </div>

  <!-- Scroll indicator (David Langarica) -->
  <div style="position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;animation:scrollInd 3s 2s ease forwards">
    <div style="width:1px;height:40px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.6));animation:scrollLine 2s ease-in-out infinite"></div>
    <span style="font-size:9px;font-weight:800;letter-spacing:3px;color:#fff;text-transform:uppercase">Scroll</span>
  </div>
  <style>
  @keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
  @keyframes scrollInd{0%{opacity:0}20%,80%{opacity:.5}100%{opacity:0}}
  </style>
</section>

<!-- MARQUEE -->
<div class="marquee">
  <div class="marquee-track">
    <span class="marquee-item"><i class="fas fa-circle"></i>Malta</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Cyprus</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>United Kingdom</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Canada</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Australia</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>USA</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Malaysia</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Turkey</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Netherlands</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Poland</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Greece</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Czech Republic</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Malta</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Cyprus</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>United Kingdom</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Canada</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Australia</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>USA</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Malaysia</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Turkey</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Netherlands</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Poland</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Greece</span>
    <span class="marquee-item"><i class="fas fa-circle"></i>Czech Republic</span>
  </div>
</div>

<!-- GALLERY STRIP -->
<section class="gallery">
  <span class="gtag">Our Recent Visa Approvals</span>
  <h2>Student Success Stories</h2>
  <div class="g-track">
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_034.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_035.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_036.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_037.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_038.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_039.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_040.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_041.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_042.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_043.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_044.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_045.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_046.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_047.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_048.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_049.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_050.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_051.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_052.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_053.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_054.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_034.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_035.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_036.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_037.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_038.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_039.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_040.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_041.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_042.jpg" alt="Visa Success" loading="lazy"></div>
    <!-- duplicate for seamless loop -->
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_034.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_035.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_036.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_037.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_038.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_039.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_040.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_041.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_042.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_043.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_044.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_045.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_046.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_047.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_048.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_049.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_050.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_051.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_052.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_053.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_054.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_034.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_035.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_036.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_037.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_038.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_039.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_040.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_041.jpg" alt="Visa Success" loading="lazy"></div>
    <div class="g-item"><img src="<?= $B ?>assets/images/gallery/gallery_042.jpg" alt="Visa Success" loading="lazy"></div>
  </div>
</section>

<!-- ABOUT SECTION -->
<section style="background:#fff;padding:80px 0" id="about">
<style>
.ab-wrap{max-width:1160px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:260px 1fr 310px;gap:32px;align-items:center}
@media(max-width:1060px){.ab-wrap{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.ab-wrap{grid-template-columns:1fr}}

/* Left 2 stacked photos */
.ab-left{display:flex;flex-direction:column;gap:14px;height:100%}
.ab-img{position:relative;border-radius:20px;overflow:hidden;flex:1;min-height:200px;cursor:pointer}
.ab-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.ab-img:hover img{transform:scale(1.08)}
.ab-img-cap{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,0) 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px 14px;opacity:0;transition:opacity .35s}
.ab-img:hover .ab-img-cap{opacity:1}
.ab-img-cap strong{color:#fff;font-size:12px;font-weight:700;display:block}
.ab-img-cap span{color:rgba(255,255,255,.75);font-size:10px;margin-top:2px;display:block}

/* Badge on first image */
.ab-badge{position:absolute;top:14px;left:14px;background:rgba(231,111,81,.92);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:700;padding:5px 12px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase}

/* Center text */
.ab-text{padding:4px 0}
.ab-tag{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#fff8f0,#fff0e0);border:1.5px solid #f4a261;color:#e76f51;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:30px;margin-bottom:20px}
.ab-h2{font-size:clamp(24px,2.8vw,36px);font-weight:900;line-height:1.15;font-family:'Montserrat',sans-serif;color:#111827;margin-bottom:16px}
.ab-divider{width:52px;height:4px;background:linear-gradient(90deg,#e76f51,#f4a261);border-radius:4px;margin-bottom:20px}
.ab-p{font-size:14.5px;color:#4b5563;line-height:1.85;margin-bottom:14px}
.ab-pills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}
.ab-pill{display:inline-flex;align-items:center;gap:5px;background:#f8fafc;border:1.5px solid #e2e8f0;color:#374151;font-size:12px;font-weight:600;padding:6px 13px;border-radius:20px;transition:all .2s;cursor:default}
.ab-pill:hover{background:#1a56db;color:#fff;border-color:#1a56db;transform:translateY(-1px)}
.ab-pill i{font-size:10px;color:#1a56db;transition:color .2s}
.ab-pill:hover i{color:#fff}
.ab-btn{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#1a56db,#1e3a8a);color:#fff;padding:13px 28px;border-radius:30px;font-weight:700;font-size:14px;text-decoration:none;transition:all .25s;box-shadow:0 8px 24px rgba(26,86,219,.3);letter-spacing:.01em}
.ab-btn:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(26,86,219,.4);color:#fff}

/* Right CEO photo */
.ab-right{position:relative;border-radius:24px;overflow:hidden;height:500px}
.ab-right img{width:100%;height:100%;object-fit:cover;display:block}
.ab-right-cap{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:14px 24px;border-radius:16px;text-align:center;white-space:nowrap;box-shadow:0 8px 28px rgba(0,0,0,.14)}
.ab-right-cap .nm{font-weight:800;font-size:15px;color:#111827}
.ab-right-cap .rl{font-size:11px;color:#6b7280;margin-top:3px}
.ab-exp{position:absolute;top:20px;right:-2px;background:linear-gradient(135deg,#e76f51,#f4a261);color:#fff;padding:12px 16px;border-radius:14px;text-align:center;box-shadow:0 6px 20px rgba(231,111,81,.4)}
.ab-exp .n{font-size:26px;font-weight:900;line-height:1;font-family:'Montserrat',sans-serif}
.ab-exp .l{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin-top:3px}

@media(max-width:1060px){.ab-right{display:none}}
</style>

  <div class="ab-wrap">

    <!-- LEFT: 2 stacked photos -->
    <div class="ab-left" data-aos="fade-right" data-aos-duration="700">
      <div class="ab-img">
        <div class="ab-badge">🌍 ICEF 2024</div>
        <img src="<?=$B?>assets/images/ceo-conference.jpg" alt="ICEF Global Connect 2024"
             onerror="this.src='<?=$B?>assets/images/bg-campus1.jpg'">
        <div class="ab-img-cap">
          <strong>ICEF Global Connect 2024</strong>
          <span>International Education Fair</span>
        </div>
      </div>
      <div class="ab-img">
        <img src="<?=$B?>assets/images/bg-campus1.jpg" alt="Partner University Campus"
             onerror="this.src='<?=$B?>assets/images/bg-study1.jpg'">
        <div class="ab-img-cap">
          <strong>Campus Visit</strong>
          <span>Partner University, Malta 🇲🇹</span>
        </div>
      </div>
    </div>

    <!-- CENTER: Text -->
    <div class="ab-text" data-aos="fade-up" data-aos-duration="700" data-aos-delay="100">
      <div class="ab-tag"><i class="fas fa-award"></i> Established Since 2008</div>
      <h2 class="ab-h2">A Trusted Name in<br><span style="color:#e76f51">International</span> Education</h2>
      <div class="ab-divider"></div>
      <p class="ab-p">CY Consultancy Centre is a registered and licensed Bangladeshi company with head office in Dhaka. We specialize in International Education, offering fully-comprehensive consulting services.</p>
      <p class="ab-p">Our team of young professionals has helped <strong style="color:#111827">500+ Bangladeshi students</strong> gain admission to universities in Malta, UK, Canada, Australia, and beyond.</p>
      <div class="ab-pills">
        <span class="ab-pill"><i class="fas fa-language"></i> English Medium</span>
        <span class="ab-pill"><i class="fas fa-globe-europe"></i> Schengen Zone</span>
        <span class="ab-pill"><i class="fas fa-wallet"></i> Affordable</span>
        <span class="ab-pill"><i class="fas fa-sun"></i> Mediterranean</span>
        <span class="ab-pill"><i class="fas fa-shield-alt"></i> Safe Country</span>
        <span class="ab-pill"><i class="fas fa-briefcase"></i> Work Rights</span>
      </div>
      <a href="#consultation" class="ab-btn">
        <i class="fas fa-paper-plane"></i> Free Consultation
      </a>
    </div>

    <!-- RIGHT: CEO tall photo -->
    <div class="ab-right" data-aos="fade-left" data-aos-duration="700" data-aos-delay="150">
      <img src="<?=$B?>assets/images/ceo-office.jpg" alt="Shahria Shawn — CEO & Founder"
           onerror="this.src='<?=$B?>assets/images/cyconsultancy-ceo.jpg'">
      <div class="ab-exp">
        <div class="n">17+</div>
        <div class="l">Years</div>
      </div>
      <div class="ab-right-cap">
        <div class="nm">Shahria Shawn</div>
        <div class="rl">CEO &amp; Founder</div>
      </div>
    </div>

  </div>
</section>
<!-- STATS -->
<div class="stats-row">
  <div class="stats-in">
    <div class="stat-item" data-aos="fade-up" data-aos-delay="0"><span class="stat-num counter" data-target="500">0</span><div class="stat-label">Visas Processed</div></div>
    <div class="stat-item" data-aos="fade-up" data-aos-delay="100"><span class="stat-num counter" data-target="17">0</span><div class="stat-label">Years Experience</div></div>
    <div class="stat-item" data-aos="fade-up" data-aos-delay="200"><span class="stat-num counter" data-target="95">0</span><div class="stat-label">% Success Rate</div></div>
    <div class="stat-item" data-aos="fade-up" data-aos-delay="300"><span class="stat-num counter" data-target="12">0</span><div class="stat-label">Partner Countries</div></div>
  </div>
</div>

<!-- OUR TEAM SECTION -->
<section class="sec" style="background:#fff" id="team">
  <div class="sh" data-aos="fade-up">
    <span class="tag"><i class="fas fa-users"></i> The People Behind CY</span>
    <h2>Our Team</h2>
    <p>Meet the dedicated professionals who have been guiding students to their dream destinations since 2008.</p>
  </div>

  <!-- CEO Featured Card -->
  <div style="max-width:900px;margin:0 auto 40px;background:linear-gradient(135deg,var(--n),var(--n2));border-radius:24px;overflow:hidden;display:grid;grid-template-columns:300px 1fr;box-shadow:0 24px 64px rgba(15,28,46,.2)" data-aos="fade-up">
    <div style="position:relative;overflow:hidden">
      <img src="<?= $B ?>assets/images/ceo-office.jpg" alt="Shahria Shawn CEO"
           style="width:100%;height:100%;min-height:280px;object-fit:cover;object-position:center top;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)">
    </div>
    <div style="padding:36px;display:flex;flex-direction:column;justify-content:center">
      <div style="display:inline-flex;align-items:center;gap:6px;background:rgba(244,162,97,.15);border:1px solid rgba(244,162,97,.25);padding:5px 14px;border-radius:50px;color:var(--g);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;width:fit-content">
        <i class="fas fa-star"></i> Founder & CEO
      </div>
      <h3 style="color:#fff;font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(20px,2.5vw,28px);margin-bottom:8px">Shahria Shawn</h3>
      <p style="color:rgba(255,255,255,.6);font-size:13px;line-height:1.8;margin-bottom:18px">17+ years of expertise in international education. Led CY Consultancy Centre from a small office to Bangladesh's most trusted study abroad agency — helping 500+ students achieve their dreams.</p>
      <div style="display:flex;gap:10px;flex-wrap:wrap">
        <span style="background:rgba(255,255,255,.08);padding:5px 14px;border-radius:50px;font-size:11px;font-weight:700;color:rgba(255,255,255,.7)"><i class="fas fa-award" style="color:var(--g);margin-right:5px"></i>ICEF Accredited</span>
        <span style="background:rgba(255,255,255,.08);padding:5px 14px;border-radius:50px;font-size:11px;font-weight:700;color:rgba(255,255,255,.7)"><i class="fas fa-globe" style="color:var(--t);margin-right:5px"></i>12+ Countries</span>
        <span style="background:rgba(255,255,255,.08);padding:5px 14px;border-radius:50px;font-size:11px;font-weight:700;color:rgba(255,255,255,.7)"><i class="fas fa-users" style="color:var(--r);margin-right:5px"></i>500+ Students</span>
      </div>
    </div>
  </div>

  <!-- Team Grid -->
  <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;max-width:1100px;margin:0 auto">
    <div class="team-card" data-aos="fade-up" data-aos-delay="0">
      <div class="tc-img"><img src="<?= $B ?>assets/images/gallery/gallery_001.jpg" alt="Team Member" loading="lazy"></div>
      <div class="tc-body"><div class="tc-name">Team Member</div><div class="tc-role">Senior Counselor</div></div>
    </div>
    <div class="team-card" data-aos="fade-up" data-aos-delay="80">
      <div class="tc-img"><img src="<?= $B ?>assets/images/gallery/gallery_002.jpg" alt="Team Member" loading="lazy"></div>
      <div class="tc-body"><div class="tc-name">Team Member</div><div class="tc-role">Visa Specialist</div></div>
    </div>
    <div class="team-card" data-aos="fade-up" data-aos-delay="160">
      <div class="tc-img"><img src="<?= $B ?>assets/images/gallery/gallery_003.jpg" alt="Team Member" loading="lazy"></div>
      <div class="tc-body"><div class="tc-name">Team Member</div><div class="tc-role">Student Advisor</div></div>
    </div>
    <div class="team-card" data-aos="fade-up" data-aos-delay="240">
      <div class="tc-img"><img src="<?= $B ?>assets/images/gallery/gallery_004.jpg" alt="Team Member" loading="lazy"></div>
      <div class="tc-body"><div class="tc-name">Team Member</div><div class="tc-role">Malta Specialist</div></div>
    </div>
    <div class="team-card" data-aos="fade-up" data-aos-delay="320">
      <div class="tc-img"><img src="<?= $B ?>assets/images/gallery/gallery_005.jpg" alt="Team Member" loading="lazy"></div>
      <div class="tc-body"><div class="tc-name">Team Member</div><div class="tc-role">UK Advisor</div></div>
    </div>
    <div class="team-card" data-aos="fade-up" data-aos-delay="0">
      <div class="tc-img"><img src="<?= $B ?>assets/images/gallery/gallery_008.jpg" alt="Team Member" loading="lazy"></div>
      <div class="tc-body"><div class="tc-name">Team Member</div><div class="tc-role">Documentation Expert</div></div>
    </div>
    <div class="team-card" data-aos="fade-up" data-aos-delay="80">
      <div class="tc-img"><img src="<?= $B ?>assets/images/gallery/gallery_012.jpg" alt="Team Member" loading="lazy"></div>
      <div class="tc-body"><div class="tc-name">Team Member</div><div class="tc-role">Student Counselor</div></div>
    </div>
    <div class="team-card" data-aos="fade-up" data-aos-delay="160">
      <div class="tc-img"><img src="<?= $B ?>assets/images/gallery/gallery_013.jpg" alt="Team Member" loading="lazy"></div>
      <div class="tc-body"><div class="tc-name">Team Member</div><div class="tc-role">Admission Officer</div></div>
    </div>
  </div>

  <div style="text-align:center;margin-top:36px" data-aos="fade-up">
    <a href="<?= $B ?>gallery.php" class="btn btn-r"><i class="fas fa-images"></i> View Full Gallery</a>
    &nbsp;
    <a href="<?= $B ?>our-success.php" class="btn btn-g"><i class="fas fa-trophy"></i> Our Success Stories</a>
  </div>
</section>


<!-- ══ HOME GALLERY SLIDER — Auto Scroll ══ -->
<section style="padding:52px 0;background:#fff;overflow:hidden" id="home-gallery">
  <div style="max-width:1260px;margin:0 auto;padding:0 24px">
    <div class="sh" data-aos="fade-up" style="margin-bottom:28px">
      <span class="tag"><i class="fas fa-images"></i> Recent Moments</span>
      <h2>From Our Gallery</h2>
      <p>A glimpse into student success stories, events and our team in action.</p>
    </div>
  </div>
  <div class="hs-wrapper">
    <div class="hs-track" id="hs-track">
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_001.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_002.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_003.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_004.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_005.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_008.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_012.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_013.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_014.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_015.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_016.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_029.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_034.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_035.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_036.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_037.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_038.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_039.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_040.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_041.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_001.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_002.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_003.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_004.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_005.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_008.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_012.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_013.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_014.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_015.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_016.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_029.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_034.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_035.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_036.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_037.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_038.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_039.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_040.jpg" alt="CY Gallery" loading="lazy"></div>
      <div class="hs-slide"><img src="<?= $B ?>assets/images/gallery/gallery_041.jpg" alt="CY Gallery" loading="lazy"></div>
    </div>
  </div>
  <div style="text-align:center;margin-top:28px" data-aos="fade-up">
    <a href="<?= $B ?>gallery.php" class="btn btn-r"><i class="fas fa-images"></i> View Full Gallery</a>
    &nbsp;&nbsp;
    <a href="<?= $B ?>our-success.php" class="btn btn-g"><i class="fas fa-trophy"></i> Our Success Stories</a>
  </div>
</section>

<!-- DESTINATIONS — David Langarica project list pattern -->
<section class="sec" style="background:linear-gradient(160deg,#050C16,#0F1C2E)" id="destinations">
  <div class="sh" data-aos="fade-up">
    <span class="tag" style="color:var(--g)">Where We Send Students</span>
    <h2 style="color:#fff">Study Destinations</h2>
    <p style="color:rgba(255,255,255,.4)">Top destinations our students choose every year.</p>
  </div>
  <!-- David Langarica work list style -->
  <div style="max-width:900px;margin:0 auto;padding:0 24px">
    <a href="destinations.html#malta" class="work-item" data-aos="fade-right">
      <div>
        <div class="wi-title">🇲🇹 Malta</div>
        <div class="wi-cat">EU Degree · English Medium · Schengen · Affordable</div>
      </div>
      <div style="color:rgba(255,255,255,.25);font-size:20px"><i class="fas fa-arrow-right"></i></div>
    </a>
    <a href="destinations.html#uk" class="work-item" data-aos="fade-right">
      <div>
        <div class="wi-title">🇬🇧 United Kingdom</div>
        <div class="wi-cat">QS Top Universities · PSW 2yr · Work 20hrs/week</div>
      </div>
      <div style="color:rgba(255,255,255,.25);font-size:20px"><i class="fas fa-arrow-right"></i></div>
    </a>
    <a href="destinations.html#canada" class="work-item" data-aos="fade-right">
      <div>
        <div class="wi-title">🇨🇦 Canada</div>
        <div class="wi-cat">PGWP 3yr · PR Pathway · Safe & Multicultural</div>
      </div>
      <div style="color:rgba(255,255,255,.25);font-size:20px"><i class="fas fa-arrow-right"></i></div>
    </a>
    <a href="destinations.html#australia" class="work-item" data-aos="fade-right">
      <div>
        <div class="wi-title">🇦🇺 Australia</div>
        <div class="wi-cat">Group of Eight · PSW 2–4yr · Work 48hrs/fortnight</div>
      </div>
      <div style="color:rgba(255,255,255,.25);font-size:20px"><i class="fas fa-arrow-right"></i></div>
    </a>
    <a href="destinations.html#usa" class="work-item" data-aos="fade-right">
      <div>
        <div class="wi-title">🇺🇸 United States</div>
        <div class="wi-cat">Ivy League · OPT 3yr · World-Renowned Research</div>
      </div>
      <div style="color:rgba(255,255,255,.25);font-size:20px"><i class="fas fa-arrow-right"></i></div>
    </a>
    <a href="destinations.html#malaysia" class="work-item" data-aos="fade-right" style="border-bottom:none">
      <div>
        <div class="wi-title">🇲🇾 Malaysia</div>
        <div class="wi-cat">UK Branch Campus · Affordable · Muslim Friendly</div>
      </div>
      <div style="color:rgba(255,255,255,.25);font-size:20px"><i class="fas fa-arrow-right"></i></div>
    </a>
  </div>
</section>

<!-- SERVICES -->
<section class="sec" style="background:var(--bgf)" id="services">
  <div class="sh" data-aos="fade-up">
    <span class="tag">What We Offer</span>
    <h2>Our Services</h2>
    <p>End-to-end study abroad support from first consultation to departure.</p>
  </div>
  <div class="svc-grid" id="svc-grid">
    <div class="svc" data-aos="flip-up" data-aos-delay="0"><div class="svc-icon"><i class="fas fa-comments"></i></div><h3>Free Counseling</h3><p>Expert guidance on course, university, and country selection tailored for you.</p></div>
    <div class="svc" data-aos="flip-up" data-aos-delay="80"><div class="svc-icon"><i class="fas fa-university"></i></div><h3>Admission Assistance</h3><p>We prepare and submit your application to the best-fit universities.</p></div>
    <div class="svc" data-aos="flip-up" data-aos-delay="160"><div class="svc-icon"><i class="fas fa-passport"></i></div><h3>Visa Processing</h3><p>Full student visa documentation support with 95%+ approval rate.</p></div>
    <div class="svc" data-aos="flip-up" data-aos-delay="240"><div class="svc-icon"><i class="fas fa-file-alt"></i></div><h3>Document Preparation</h3><p>SOP, recommendation letters, bank documents — all properly formatted.</p></div>
    <div class="svc" data-aos="flip-up" data-aos-delay="320"><div class="svc-icon"><i class="fas fa-language"></i></div><h3>IELTS / English Prep</h3><p>Coaching and guidance for IELTS, PTE, TOEFL preparation.</p></div>
    <div class="svc" data-aos="flip-up" data-aos-delay="400"><div class="svc-icon"><i class="fas fa-home"></i></div><h3>Accommodation</h3><p>Pre-arranged accommodation at your study destination.</p></div>
    <div class="svc" data-aos="flip-up" data-aos-delay="480"><div class="svc-icon"><i class="fas fa-plane"></i></div><h3>Air Ticketing</h3><p>Discounted student flight bookings to all major destinations.</p></div>
    <div class="svc" data-aos="flip-up" data-aos-delay="560"><div class="svc-icon"><i class="fas fa-graduation-cap"></i></div><h3>Scholarship Guidance</h3><p>We identify and apply for available scholarships on your behalf.</p></div>
  </div>
</section>

<!-- PROCESS -->
<section class="sec" id="process" style="background:#fff">
  <div class="sh" data-aos="fade-up">
    <span class="tag">How It Works</span>
    <h2>Our Simple Process</h2>
    <p>From first inquiry to landing abroad — we guide every step.</p>
  </div>
  <div class="timeline">
    <div class="tl-step" data-aos="fade-right" data-aos-delay="0"><div class="tl-num">1</div><div class="tl-body"><h3>Free Initial Consultation</h3><p>Come in or call us. Our experts discuss your academic background, goals, and best options — completely free.</p><div class="tl-tags"><span class="tl-tag">Free</span><span class="tl-tag ok">No Obligation</span></div></div></div>
    <div class="tl-step" data-aos="fade-right" data-aos-delay="100"><div class="tl-num">2</div><div class="tl-body"><h3>Document Collection</h3><p>We provide a complete checklist. You gather SSC/HSC certificates, passport, and other required documents.</p><div class="tl-tags"><span class="tl-tag">Checklist Provided</span></div></div></div>
    <div class="tl-step" data-aos="fade-right" data-aos-delay="200"><div class="tl-num">3</div><div class="tl-body"><h3>University Application</h3><p>We submit your application to the best-fit university and follow up until you receive your Offer Letter.</p><div class="tl-tags"><span class="tl-tag">Offer Letter</span><span class="tl-tag ok">Fast Processing</span></div></div></div>
    <div class="tl-step" data-aos="fade-right" data-aos-delay="300"><div class="tl-num">4</div><div class="tl-body"><h3>Visa Application</h3><p>We prepare your full visa file, handle embassy submission, and prepare you for the interview.</p><div class="tl-tags"><span class="tl-tag">95%+ Success</span></div></div></div>
    <div class="tl-step" data-aos="fade-right" data-aos-delay="400"><div class="tl-num">5</div><div class="tl-body"><h3>Pre-Departure Briefing</h3><p>Flight booking, accommodation, and a full briefing on life in your new country.</p><div class="tl-tags"><span class="tl-tag">Accommodation</span><span class="tl-tag ok">Air Ticket</span></div></div></div>
  </div>
</section>

<!-- DOCUMENTS -->
<section class="sec" id="docs" style="background:var(--bgf)">
  <div class="sh" data-aos="fade-up">
    <span class="tag">Be Prepared</span>
    <h2>Documents Required</h2>
    <p>Gather these to start your application quickly.</p>
  </div>
  <div class="docs-grid">
    <div class="doc-box" data-aos="fade-right"><h3><i class="fas fa-graduation-cap"></i> Academic Documents</h3><ul class="doc-list"><li><i class="fas fa-check ck"></i> SSC / O-Level Certificate & Marksheet</li><li><i class="fas fa-check ck"></i> HSC / A-Level Certificate & Marksheet</li><li><i class="fas fa-check ck"></i> Diploma / Bachelor Transcript (if applicable)</li><li><i class="fas fa-check ck"></i> All semester transcripts with grading scale</li><li><i class="fas fa-check ck"></i> English medium certificate (if applicable)</li></ul></div>
    <div class="doc-box" data-aos="fade-left"><h3><i class="fas fa-passport"></i> Personal Documents</h3><ul class="doc-list"><li><i class="fas fa-check ck"></i> Valid passport (min. 18 months validity)</li><li><i class="fas fa-check ck"></i> National ID Card (NID)</li><li><i class="fas fa-check ck"></i> Recent passport-size photographs</li><li><i class="fas fa-check ck"></i> Birth certificate</li><li><i class="fas fa-check ck"></i> Police clearance certificate</li></ul></div>
    <div class="doc-box" data-aos="fade-right"><h3><i class="fas fa-file-alt"></i> Statement & Financial</h3><ul class="doc-list"><li><i class="fas fa-check ck"></i> Statement of Purpose (SOP) — we help write this</li><li><i class="fas fa-check ck"></i> 2 recommendation letters</li><li><i class="fas fa-check ck"></i> Bank solvency certificate (sponsor)</li><li><i class="fas fa-check ck"></i> 6-month bank statement</li><li><i class="fas fa-check ck"></i> Sponsor's income proof</li></ul></div>
    <div class="doc-box" data-aos="fade-left"><h3><i class="fas fa-language"></i> Language & Additional</h3><ul class="doc-list"><li><i class="fas fa-check ck"></i> IELTS / PTE / TOEFL score (if available)</li><li><i class="fas fa-check ck"></i> Work experience letter (if applicable)</li><li><i class="fas fa-check ck"></i> Medical certificate (for visa)</li><li><i class="fas fa-check ck"></i> Accommodation proof</li><li><i class="fas fa-check ck"></i> Travel insurance (certain countries)</li></ul></div>
  </div>
</section>

<!-- WHY US -->
<section class="why" id="why">
  <div class="sh" data-aos="fade-up">
    <span class="tag">Why Choose Us</span>
    <h2>The CY Consultancy Advantage</h2>
    <p>17+ years, 500+ students, 95% visa success rate.</p>
  </div>
  <div class="why-grid" id="why-grid">
    <div class="why-card" data-aos="fade-right" data-aos-delay="0"><div class="why-icon"><i class="fas fa-award"></i></div><h3>17+ Years Experience</h3><p>Established 2008. The expertise to navigate any challenge in study abroad.</p></div>
    <div class="why-card" data-aos="fade-left" data-aos-delay="60"><div class="why-icon"><i class="fas fa-percentage"></i></div><h3>95% Visa Success</h3><p>Meticulous documentation ensures the highest approval rates in Bangladesh.</p></div>
    <div class="why-card" data-aos="fade-right" data-aos-delay="120"><div class="why-icon"><i class="fas fa-globe"></i></div><h3>12+ Destinations</h3><p>Malta, UK, Canada, Australia, USA, Cyprus & more — one agency for everywhere.</p></div>
    <div class="why-card" data-aos="fade-left" data-aos-delay="180"><div class="why-icon"><i class="fas fa-handshake"></i></div><h3>University Partners</h3><p>Direct partnerships with 50+ universities for faster admissions.</p></div>
    <div class="why-card" data-aos="fade-right" data-aos-delay="240"><div class="why-icon"><i class="fas fa-comments"></i></div><h3>Bengali Support</h3><p>Full support in Bangla — no language barrier in getting advice.</p></div>
    <div class="why-card" data-aos="fade-left" data-aos-delay="300"><div class="why-icon"><i class="fas fa-tag"></i></div><h3>No Hidden Fees</h3><p>Transparent pricing. Initial consultation is completely free.</p></div>
    <div class="why-card" data-aos="fade-right" data-aos-delay="360"><div class="why-icon"><i class="fas fa-users"></i></div><h3>Expert Team</h3><p>Licensed counselors with first-hand international experience.</p></div>
    <div class="why-card" data-aos="fade-left" data-aos-delay="420"><div class="why-icon"><i class="fas fa-headset"></i></div><h3>Post-Arrival Support</h3><p>We stay in touch after you land to help you settle in.</p></div>
  </div>
</section>

<!-- TESTIMONIALS -->
<!-- TESTIMONIALS — auto-sliding carousel -->
<section style="background:linear-gradient(160deg,#0a0f1e 0%,#0f1f40 100%);padding:80px 0;overflow:hidden;position:relative" id="testimonials">
  <div style="position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;pointer-events:none"></div>
  <div style="position:absolute;top:-80px;right:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(231,111,81,.15),transparent 70%);pointer-events:none"></div>
  <div style="position:absolute;bottom:-60px;left:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(26,86,219,.2),transparent 70%);pointer-events:none"></div>
<style>
.tslide-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.tslide-head{text-align:center;margin-bottom:50px}
.tslide-head .tag2{display:inline-flex;align-items:center;gap:7px;background:rgba(231,111,81,.15);border:1px solid rgba(231,111,81,.3);color:#f4a261;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:16px}
.tslide-head h2{font-size:clamp(28px,4vw,42px);font-weight:900;color:#fff;font-family:'Montserrat',sans-serif;margin-bottom:10px}
.tslide-head p{color:rgba(255,255,255,.5);font-size:15px}
.tcarousel{display:flex;gap:20px;overflow:hidden;position:relative}
.ttrack{display:flex;gap:20px;animation:tscroll 28s linear infinite}
.ttrack:hover{animation-play-state:paused}
.tcard{flex-shrink:0;width:340px;background:rgba(255,255,255,.06);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;transition:transform .3s}
.tcard:hover{transform:translateY(-6px);background:rgba(255,255,255,.1)}
.tcard-stars{display:flex;gap:3px;margin-bottom:14px}
.tcard-stars i{color:#fbbf24;font-size:14px}
.tcard-quote{color:rgba(255,255,255,.8);font-size:13.5px;line-height:1.8;margin-bottom:20px;font-style:italic}
.tcard-quote::before{content:'\201C';font-size:28px;color:#e76f51;line-height:0;vertical-align:-12px;margin-right:3px}
.tcard-foot{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}
.tcard-av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;flex-shrink:0}
.tcard-name{color:#fff;font-weight:700;font-size:14px}
.tcard-dest{color:rgba(255,255,255,.45);font-size:12px;margin-top:2px}
.tcard-flag{font-size:18px;margin-left:auto}
@keyframes tscroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.trating-bar{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:44px;flex-wrap:wrap}
.trating-item{text-align:center}
.trating-num{font-size:36px;font-weight:900;color:#fff;font-family:'Montserrat',sans-serif;line-height:1}
.trating-star{color:#fbbf24;font-size:13px;margin:4px 0}
.trating-label{color:rgba(255,255,255,.4);font-size:12px}
.trating-div{width:1px;height:48px;background:rgba(255,255,255,.1)}
</style>
  <div class="tslide-wrap">
    <div class="tslide-head" data-aos="fade-up">
      <div class="tag2"><i class="fas fa-star"></i> Student Reviews</div>
      <h2>What Our Students Say</h2>
      <p>Real experiences from 500+ students who achieved their dreams</p>
    </div>
    <div class="tcarousel" data-aos="fade-up" data-aos-delay="100">
      <div class="ttrack" id="ttrack">
        <?php
        $tlist = !empty($_testimonials) ? $_testimonials : [
            ['student_name'=>'Rahim Uddin','destination'=>'Malta','review'=>'CY Consultancy made my Malta dream a reality! The entire process from application to visa was handled professionally.','flag_emoji'=>'🇲🇹','avatar_color'=>'#e76f51','rating'=>5,'photo'=>''],
            ['student_name'=>'Sumaiya Ahmed','destination'=>'UK','review'=>'Excellent service! They helped me get into a top UK university. The counselors are very knowledgeable and always available.','flag_emoji'=>'🇬🇧','avatar_color'=>'#1a56db','rating'=>5,'photo'=>''],
            ['student_name'=>'Karim Hossain','destination'=>'Canada','review'=>'I was nervous about studying abroad but CY guided me every step. My visa was approved in record time. Forever grateful!','flag_emoji'=>'🇨🇦','avatar_color'=>'#059669','rating'=>5,'photo'=>''],
            ['student_name'=>'Nadia Islam','destination'=>'Cyprus','review'=>'From Cyprus visa to enrollment — CY handled everything flawlessly. Professional, fast, and genuinely caring.','flag_emoji'=>'🇨🇾','avatar_color'=>'#7c3aed','rating'=>5,'photo'=>''],
            ['student_name'=>'Tanvir Rahman','destination'=>'Australia','review'=>'Best decision! CY got my Australian student visa in 3 months. Their document support is unmatched. 100% recommend!','flag_emoji'=>'🇦🇺','avatar_color'=>'#d97706','rating'=>5,'photo'=>''],
            ['student_name'=>'Fatema Khatun','destination'=>'Netherlands','review'=>'CY helped me secure admission in Netherlands. Their Schengen visa expertise is truly amazing!','flag_emoji'=>'🇳🇱','avatar_color'=>'#e76f51','rating'=>5,'photo'=>''],
        ];
        $tlist = array_merge($tlist,$tlist);
        foreach($tlist as $t):
            $av = strtoupper(substr($t['student_name'],0,1));
            $col = $t['avatar_color']??'#1a56db';
        ?>
        <div class="tcard">
          <div class="tcard-stars"><?php echo str_repeat('<i class="fas fa-star"></i>',min(5,(int)($t['rating']??5))); ?></div>
          <p class="tcard-quote"><?=htmlspecialchars($t['review'])?></p>
          <div class="tcard-foot">
            <div class="tcard-av" style="background:linear-gradient(135deg,<?=$col?>,<?=$col?>cc)">
              <?php if(!empty($t['photo'])): ?>
              <img src="<?=htmlspecialchars(BASE_URL.'/'.$t['photo'])?>" style="width:100%;height:100%;border-radius:50%;object-fit:cover">
              <?php else: ?><?=$av?><?php endif; ?>
            </div>
            <div><div class="tcard-name"><?=htmlspecialchars($t['student_name'])?></div><div class="tcard-dest"><i class="fas fa-map-marker-alt" style="font-size:9px;margin-right:3px"></i>Now in <?=htmlspecialchars($t['destination']??'')?></div></div>
            <div class="tcard-flag"><?=htmlspecialchars($t['flag_emoji']??'')?></div>
          </div>
        </div>
        <?php endforeach; ?>
      </div>
    <!-- Rating summary -->
    <div class="trating-bar" data-aos="fade-up" data-aos-delay="200">
      <div class="trating-item"><div class="trating-num">4.9</div><div class="trating-star"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div><div class="trating-label">Average Rating</div></div>
      <div class="trating-div"></div>
      <div class="trating-item"><div class="trating-num">500+</div><div class="trating-star" style="color:rgba(255,255,255,.3)">★★★★★</div><div class="trating-label">Happy Students</div></div>
      <div class="trating-div"></div>
      <div class="trating-item"><div class="trating-num">95%</div><div class="trating-star" style="color:rgba(255,255,255,.3)">★★★★★</div><div class="trating-label">Visa Success Rate</div></div>
      <div class="trating-div"></div>
      <div class="trating-item"><div class="trating-num">17+</div><div class="trating-star" style="color:rgba(255,255,255,.3)">★★★★★</div><div class="trating-label">Years of Trust</div></div>
    </div>
  </div>
</section>

<!-- CTA BANNER — exciting animated strip -->
<section style="position:relative;overflow:hidden;padding:0" data-aos="fade-up">
<style>
.cta-new{background:linear-gradient(135deg,#e76f51 0%,#f4a261 40%,#e76f51 100%);background-size:200% auto;animation:ctaShift 4s ease infinite;padding:60px 24px;text-align:center;position:relative}
@keyframes ctaShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.cta-new::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/svg%3E") repeat}
.cta-new-in{position:relative;z-index:1;max-width:700px;margin:0 auto}
.cta-new h2{color:#fff;font-size:clamp(24px,3.5vw,40px);font-weight:900;font-family:'Montserrat',sans-serif;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.15)}
.cta-new p{color:rgba(255,255,255,.9);font-size:16px;margin-bottom:28px}
.cta-new-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta-btn-w{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#e76f51;padding:14px 30px;border-radius:50px;font-weight:800;font-size:15px;text-decoration:none;transition:all .25s;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.cta-btn-w:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.2)}
.cta-btn-t{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);color:#fff;padding:14px 30px;border-radius:50px;font-weight:700;font-size:15px;text-decoration:none;border:2px solid rgba(255,255,255,.4);transition:all .25s;backdrop-filter:blur(8px)}
.cta-btn-t:hover{background:rgba(255,255,255,.25);transform:translateY(-3px)}
.cta-float{position:absolute;border-radius:50%;opacity:.12;animation:ctaFloat 6s ease-in-out infinite}
.cf1{width:200px;height:200px;background:#fff;top:-60px;left:-60px;animation-delay:0s}
.cf2{width:150px;height:150px;background:#fff;bottom:-40px;right:-40px;animation-delay:-3s}
@keyframes ctaFloat{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(15deg)}}
</style>
  <div class="cta-new">
    <div class="cta-float cf1"></div>
    <div class="cta-float cf2"></div>
    <div class="cta-new-in">
      <h2>🚀 Start Your Study Abroad Journey Today!</h2>
      <p>500+ students already living their dreams. Free consultation — no commitment needed.</p>
      <div class="cta-new-btns">
        <a href="#consultation" class="cta-btn-w"><i class="fas fa-paper-plane"></i> Apply Now — Free</a>
        <a href="https://wa.me/8801711351367" target="_blank" class="cta-btn-t"><i class="fab fa-whatsapp"></i> WhatsApp Us</a>
      </div>
    </div>
  </div>
</section>

<!-- FREE CONSULTATION FORM -->
<section class="sec" style="background:var(--bgf)" id="register">
  <div class="sh" data-aos="fade-up">
    <span class="tag">Get Started</span>
    <h2>Free Consultation</h2>
    <p>Fill in the form and we'll contact you within 24 hours.</p>
  </div>
  <div class="reg-grid">
    <div class="reg-info" data-aos="fade-right">
      <h3>Visit Our Office</h3>
      <p>Expert counselors ready to guide you towards your best study abroad option.</p>
      <div class="ci"><div class="ci-icon"><i class="fas fa-map-marker-alt"></i></div><div><h4>Address</h4><p>Lift 14, Nahar Plaza, Bir Uttam C.R. Dutta Road, Hatirpool, Dhaka 1205</p></div></div>
      <div class="ci"><div class="ci-icon"><i class="fas fa-phone-alt"></i></div><div><h4>Phone</h4><p><a href="tel:+8801711351367">+88 01711-351367</a> · <a href="tel:+8801955001001">+88 01955-001001</a></p></div></div>
      <div class="ci"><div class="ci-icon"><i class="fas fa-envelope"></i></div><div><h4>Email</h4><p><a href="mailto:info@cyconsultancy.net">info@cyconsultancy.net</a></p></div></div>
      <div class="ci"><div class="ci-icon"><i class="far fa-clock"></i></div><div><h4>Hours</h4><p>SAT–THU 10:00 AM – 5:30 PM</p></div></div>
      <a href="https://wa.me/8801711351367" class="btn btn-w" style="margin-top:8px" target="_blank"><i class="fab fa-whatsapp"></i> Chat on WhatsApp</a>
    </div>
    <div class="reg-form" data-aos="fade-left">
      <h3><i class="fas fa-graduation-cap" style="color:var(--r);margin-right:6px"></i> Free Consultation</h3>
      <p class="sub">বিদেশে উচ্চশিক্ষার জন্য ফ্রি পরামর্শ পেতে রেজিস্ট্রেশন করুন</p>
      <form class="cy-form" method="POST" action="apply.php" id="applyForm">
        <?php if(isset($_GET['applied'])): ?>
        <div style="background:#d1fae5;color:#065f46;border:1px solid #6ee7b7;border-radius:10px;padding:14px 18px;margin-bottom:16px;font-weight:600;display:flex;align-items:center;gap:8px">
          <i class="fas fa-check-circle"></i> আপনার আবেদন সফলভাবে জমা হয়েছে! আমরা শীঘ্রই যোগাযোগ করব।
        </div>
        <?php endif; ?>
        <div class="fg"><label>Full Name *</label><input name="full_name" required placeholder="আপনার পুরো নাম"></div>
        <div class="fg"><label>Mobile *</label><input name="mobile" type="tel" required placeholder="+880 1XXX-XXXXXX"></div>
        <div class="fg"><label>Email</label><input name="email" type="email" placeholder="your@email.com"></div>
        <div class="fg"><label>Country *</label><select name="country" required><option value="">— Select Country —</option><option>Malta</option><option>Cyprus</option><option>UK</option><option>USA</option><option>Canada</option><option>Australia</option><option>Malaysia</option><option>Other</option></select></div>
        <div class="fr"><div class="fg"><label>Education *</label><select name="education" required><option value="">— Select —</option><option>SSC/O Level</option><option>HSC/A Level</option><option>Diploma</option><option>Bachelor</option><option>Masters</option></select></div><div class="fg"><label>Graduation Year *</label><input name="grad_year" type="number" required placeholder="2022"></div></div>
        <div class="fr"><div class="fg"><label>GPA / CGPA *</label><input name="gpa" required placeholder="4.00"></div><div class="fg"><label>English Test</label><select name="english_test"><option value="">— Select —</option><option>IELTS</option><option>PTE</option><option>TOEFL</option><option>DTE</option><option>None</option></select></div></div>
        <button type="submit" class="btn-submit"><i class="fas fa-paper-plane"></i> Submit Application</button>
      </form>
    </div>
  </div>
</section>

<!-- GOOGLE MAP SECTION -->
<section class="sec" style="background:#fff;padding-top:0;padding-bottom:72px" id="map">
  <div style="max-width:1100px;margin:0 auto">
    <div class="sh" data-aos="fade-up" style="margin-bottom:24px">
      <span class="tag"><i class="fas fa-map-marker-alt"></i> Find Us</span>
      <h2>Visit Our Office</h2>
      <p>Lift 14, Nahar Plaza, Bir Uttam C.R. Dutta Road, Hatirpool, Dhaka 1205</p>
    </div>
    <div data-aos="zoom-in" style="border-radius:22px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.12);position:relative">
      <iframe
        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3651.9022940894657!2d90.38349279999999!3d23.738740199999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755b8b93b37de69%3A0x7c9ce9ab5e9697d4!2sNahar%20Plaza%2C%20Bir%20Uttam%20C.%20R.%20Dutta%20Rd%2C%20Dhaka%201205!5e1!3m2!1sen!2sbd!4v1710000000000!5m2!1sen!2sbd"
        width="100%"
        height="460"
        style="border:none;display:block"
        allowfullscreen=""
        loading="lazy"
        referrerpolicy="no-referrer-when-downgrade"
        title="CY Consultancy Centre Location — Satellite View">
      </iframe>
      <!-- Overlay info badge -->
      <div style="position:absolute;bottom:20px;left:20px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);padding:14px 18px;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.15);max-width:280px">
        <div style="font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;color:var(--n);margin-bottom:4px">📍 CY Consultancy Centre</div>
        <div style="font-size:11px;color:var(--tx3);line-height:1.5">Lift 14, Nahar Plaza, Hatirpool<br>Dhaka 1205, Bangladesh</div>
        <div style="display:flex;gap:8px;margin-top:10px">
          <a href="https://maps.google.com/maps/dir//Nahar+Plaza+Hatirpool+Dhaka" target="_blank"
             style="display:inline-flex;align-items:center;gap:5px;background:var(--r);color:#fff;padding:7px 12px;border-radius:8px;font-size:11px;font-weight:700;text-decoration:none">
            <i class="fas fa-directions"></i> Directions
          </a>
          <a href="https://maps.google.com/?q=Nahar+Plaza+Hatirpool+Dhaka&layer=satellite" target="_blank"
             style="display:inline-flex;align-items:center;gap:5px;background:var(--n);color:#fff;padding:7px 12px;border-radius:8px;font-size:11px;font-weight:700;text-decoration:none">
            <i class="fas fa-satellite"></i> Satellite
          </a>
        </div>
      </div>
    </div>
  </div>
</section>

<?php include 'includes/footer.php'; ?>
