<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Travel Agency in Onitsha, Anambra | Visa Assistance & Flight Booking | Eri Travel Consult</title>
<meta name="description" content="Looking for a trusted travel agency in Onitsha, Anambra? Eri Travel Consult provides visa assistance, flight bookings, study abroad support, tour packages, travel insurance, and international travel solutions for individuals and businesses.">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,700;1,500&display=swap" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/js/all.min.js" defer></script>

<!------------------------SEO FOCUS SCHEMA START------------------------------>
<meta name="robots" content="index, follow">
<meta name="author" content="Eri Travel Consult">
<meta name="keywords" content="Travel Agency in Onitsha, Travel Agency in Anambra, Visa Assistance Onitsha, Flight Booking Nigeria, Study Abroad Consultants Onitsha, Tour Packages Nigeria, Travel Insurance Nigeria">

<link rel="canonical" href="https://eritravelconsult.com/">

<meta property="og:type" content="website">
<meta property="og:title" content="Travel Agency in Onitsha, Anambra | Eri Travel Consult">
<meta property="og:description" content="Trusted travel agency in Onitsha offering visa assistance, flight bookings, tour packages, travel insurance, study abroad support, and corporate travel management services.">
<meta property="og:url" content="https://eritravelconsult.com/">
<meta property="og:image" content="https://eritravelconsult.com/img/eri_travel_logo.png">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Travel Agency in Onitsha, Anambra | Eri Travel Consult">
<meta name="twitter:description" content="Trusted travel agency in Onitsha offering visa assistance, flight bookings, tour packages, and travel solutions.">
<meta name="twitter:image" content="https://eritravelconsult.com/img/eri_travel_logo.png">

<!------------------------SEO FOCUS SCHEMA END------------------------------>

<style>
  :root {
    --emerald: #059669;
    --emerald-light: #10b981;
    --emerald-dark: #047857;
    --orange: #ea580c;
    --orange-light: #f97316;
    --gold: #d4af37;
    --gold-light: #e8c84a;
    --black: #0a0a0a;
    --charcoal: #111827;
    --charcoal-2: #1f2937;
    --charcoal-3: #374151;
    --white: #ffffff;
    --cream: #faf7f0;
    --text-muted: #9ca3af;
    --text-light: #d1d5db;
  }

  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

  html { scroll-behavior: smooth; }

  body {
    font-family: 'DM Sans', sans-serif;
    background: var(--black);
    color: var(--white);
    overflow-x: hidden;
  }

  /* ===================== SCROLLBAR ===================== */
  ::-webkit-scrollbar { width: 6px; }
  ::-webkit-scrollbar-track { background: var(--black); }
  ::-webkit-scrollbar-thumb { background: var(--emerald); border-radius: 3px; }

  /* ===================== NAV ===================== */
  nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    padding: 0 5%;
    display: flex; align-items: center; justify-content: space-between;
    height: 80px;
    transition: all 0.4s ease;
  }
  nav.scrolled {
    background: rgba(10,10,10,0.95);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(5,150,105,0.2);
    height: 70px;
  }
  .nav-logo {
    display: flex; align-items: center; gap: 12px;
    text-decoration: none;
  }
 .nav-logo-icon {
    width: 70px;
    height: 70px;
    background: #000;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

.nav-logo-icon img {
    width: 200px;
    height: 200px;
    object-fit: contain;

    transform: translate(4px, 7px);
}
  .nav-logo-text { line-height: 1.1; }
  .nav-logo-text span:first-child {
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px; font-weight: 700;
    color: white; letter-spacing: 1px;
  }
  .nav-logo-text span:last-child {
    font-size: 9px; letter-spacing: 3px;
    color: var(--gold); text-transform: uppercase;
  }
  .nav-links {
    display: flex; align-items: center; gap: 36px;
    list-style: none;
  }
  .nav-links a {
    text-decoration: none; color: rgba(255,255,255,0.8);
    font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase;
    font-weight: 500;
    transition: color 0.3s;
    position: relative;
  }
  .nav-links a::after {
    content: ''; position: absolute; bottom: -4px; left: 0;
    width: 0; height: 1px;
    background: var(--gold);
    transition: width 0.3s ease;
  }
  .nav-links a:hover { color: var(--gold); }
  .nav-links a:hover::after { width: 100%; }
  .nav-cta {
    background: linear-gradient(135deg, var(--orange), var(--orange-light));
    color: white !important; padding: 12px 28px;
    border-radius: 2px; font-weight: 600 !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px rgba(234,88,12,0.3);
  }
  .nav-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(234,88,12,0.5) !important;
  }
  .nav-cta::after { display: none !important; }
  .nav-hamburger { display: none; cursor: pointer; flex-direction: column; gap: 5px; }
  .nav-hamburger span { width: 24px; height: 2px; background: white; transition: all 0.3s; display: block; }

  /* ===================== HERO ===================== */
  .hero {
    position: relative; height: 100vh; min-height: 700px;
    overflow: hidden;
  }
  .hero-slides { position: absolute; inset: 0; }
  .hero-slide {
    position: absolute; inset: 0;
    opacity: 0; transition: opacity 1.5s ease;
    background-size: cover; background-position: center;
  }
  .hero-slide.active { opacity: 1; }
  .hero-slide::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(
        135deg,
        rgba(29,39,53,0.90) 0%,
        rgba(29,39,53,0.65) 50%,
        rgba(29,39,53,0.85) 100%
      );
    }
  /* Ken Burns on each slide */
  .hero-slide.active .slide-bg {
    animation: kenBurns 8s ease-in-out forwards;
  }
  .slide-bg {
    position: absolute; inset: -5%;
    background-size: cover; background-position: center;
    will-change: transform;
  }
  @keyframes kenBurns {
    from { transform: scale(1) translateX(0); }
    to { transform: scale(1.08) translateX(-2%); }
  }

  /* Slide backgrounds using Unsplash */
  .slide-1 .slide-bg { background-image: url('https://images.unsplash.com/photo-1613395877344-13d4a8e0d49e?w=1920&q=80'); }
  .slide-2 .slide-bg { background-image: url('https://images.unsplash.com/photo-1512453979798-5ea266f8880c?w=1920&q=80'); }
  .slide-3 .slide-bg { background-image: url('https://images.unsplash.com/photo-1537996194471-e657df975ab4?w=1920&q=80'); }
  .slide-4 .slide-bg { background-image: url('https://images.unsplash.com/photo-1510414842594-a61c69b5ae57?w=1920&q=80'); }

  .hero-content {
    position: relative; z-index: 10;
    height: 100%; display: flex; flex-direction: column;
    justify-content: center; padding: 0 8%;
    padding-top: 80px;
  }
  .hero-badge {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(212,175,55,0.15);
    border: 1px solid rgba(212,175,55,0.3);
    padding: 8px 20px; border-radius: 2px;
    font-size: 11px; letter-spacing: 3px; text-transform: uppercase;
    color: var(--gold); margin-bottom: 28px;
    width: fit-content;
    animation: fadeInUp 0.8s ease both;
  }
  .hero-badge::before {
    content: ''; width: 20px; height: 1px; background: var(--gold);
  }
  .hero-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(52px, 7vw, 96px);
    font-weight: 300; line-height: 1.05;
    color: white; max-width: 800px;
    animation: fadeInUp 0.8s ease 0.2s both;
  }
  .hero-title em {
    font-style: italic; color: var(--emerald-light);
    font-weight: 600;
  }
  .hero-title .line-orange { color: var(--orange-light); }
  .hero-subtitle {
    font-size: 16px; color: rgba(255,255,255,0.7);
    max-width: 520px; line-height: 1.7; margin-top: 20px;
    font-weight: 300; letter-spacing: 0.3px;
    animation: fadeInUp 0.8s ease 0.4s both;
  }
  .hero-actions {
    display: flex; align-items: center; gap: 20px;
    margin-top: 40px;
    animation: fadeInUp 0.8s ease 0.6s both;
  }
  .btn-primary {
    background: linear-gradient(135deg, var(--emerald), var(--emerald-dark));
    color: white; padding: 16px 40px;
    font-size: 13px; letter-spacing: 2px; text-transform: uppercase;
    font-weight: 600; border: none; cursor: pointer;
    border-radius: 2px; text-decoration: none;
    display: inline-flex; align-items: center; gap: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 30px rgba(5,150,105,0.3);
  }
  .btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 40px rgba(5,150,105,0.5);
    background: linear-gradient(135deg, var(--emerald-light), var(--emerald));
  }
  .btn-secondary {
    display: inline-flex; align-items: center; gap: 10px;
    color: white; text-decoration: none;
    font-size: 13px; letter-spacing: 2px; text-transform: uppercase;
    font-weight: 500; padding: 16px 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    transition: all 0.3s ease;
  }
  .btn-secondary:hover { color: var(--gold); border-color: var(--gold); gap: 16px; }
  .btn-play {
    width: 52px; height: 52px;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    color: white; font-size: 14px; padding-left: 3px;
    transition: all 0.3s;
  }
  .btn-secondary:hover .btn-play { border-color: var(--gold); color: var(--gold); }

  /* Hero Search Bar */
  .hero-search {
    margin-top: 60px;
    background: rgba(255,255,255,0.07);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px; padding: 8px;
    display: flex; align-items: center; gap: 0;
    max-width: 800px;
    animation: fadeInUp 0.8s ease 0.8s both;
  }
  .hero-search-field {
    flex: 1; padding: 14px 20px;
    display: flex; flex-direction: column; gap: 4px;
    border-right: 1px solid rgba(255,255,255,0.1);
  }
  .hero-search-field:last-of-type { border-right: none; }
  .hero-search-field label {
    font-size: 9px; letter-spacing: 2px; text-transform: uppercase;
    color: var(--gold); font-weight: 600;
  }
  .hero-search-field input, .hero-search-field select {
    background: transparent; border: none; outline: none;
    color: white; font-size: 14px; font-family: 'DM Sans', sans-serif;
    cursor: pointer;
  }
  .hero-search-field select option { background: var(--charcoal); }
  .hero-search-field input::placeholder { color: rgba(255,255,255,0.5); }
  .hero-search-btn {
    background: linear-gradient(135deg, var(--orange), var(--orange-light));
    color: white; border: none; cursor: pointer;
    padding: 16px 32px; border-radius: 2px;
    font-size: 13px; letter-spacing: 1px; text-transform: uppercase;
    font-weight: 600; white-space: nowrap;
    transition: all 0.3s ease;
    display: flex; align-items: center; gap: 8px;
  }
  .hero-search-btn:hover { transform: translateX(2px); }

  /* Hero Slide Controls */
  .hero-controls {
    position: absolute; bottom: 40px; right: 8%;
    display: flex; align-items: center; gap: 12px; z-index: 10;
  }
  .hero-dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: rgba(255,255,255,0.3); cursor: pointer;
    transition: all 0.3s ease; border: none;
  }
  .hero-dot.active {
    background: var(--gold); width: 28px; border-radius: 4px;
  }
  .hero-slide-label {
    position: absolute; bottom: 40px; left: 8%;
    z-index: 10; display: flex; align-items: center; gap: 12px;
    font-size: 12px; letter-spacing: 2px; color: rgba(255,255,255,0.6);
    text-transform: uppercase;
  }
  .hero-slide-label::before {
    content: ''; width: 40px; height: 1px; background: var(--gold);
  }
  .hero-slide-counter {
    position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%);
    z-index: 10; font-family: 'Cormorant Garamond', serif;
    font-size: 13px; color: rgba(255,255,255,0.5);
  }
  .hero-slide-counter span { color: var(--gold); font-size: 18px; }

  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* ===================== TRUST BAR ===================== */
  .trust-bar {
    background: linear-gradient(135deg, var(--charcoal) 0%, var(--charcoal-2) 100%);
    border-top: 1px solid rgba(5,150,105,0.2);
    border-bottom: 1px solid rgba(5,150,105,0.2);
    padding: 40px 8%;
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 0;
  }
  .trust-item {
    text-align: center; padding: 20px 10px;
    border-right: 1px solid rgba(255,255,255,0.08);
    position: relative;
  }
  .trust-item:last-child { border-right: none; }
  .trust-number {
    font-family: 'Cormorant Garamond', serif;
    font-size: 52px; font-weight: 700;
    background: linear-gradient(135deg, var(--gold), var(--gold-light));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text; line-height: 1;
  }
  .trust-label {
    font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
    color: var(--text-muted); margin-top: 6px; font-weight: 500;
  }
  .trust-icon {
    width: 36px; height: 36px;
    background: rgba(5,150,105,0.1); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: var(--emerald-light); font-size: 14px;
    margin: 0 auto 12px;
  }

  /* ===================== SECTIONS SHARED ===================== */
  section { padding: 120px 8%; }
  .section-label {
    display: inline-flex; align-items: center; gap: 12px;
    font-size: 11px; letter-spacing: 3px; text-transform: uppercase;
    color: var(--emerald-light); font-weight: 600; margin-bottom: 20px;
  }
  .section-label::before, .section-label::after {
    content: ''; flex: 0 0 30px; height: 1px; background: var(--emerald);
  }
  .section-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(36px, 4vw, 60px);
    font-weight: 300; line-height: 1.1; color: white;
  }
  .section-title em { font-style: italic; color: var(--emerald-light); }
  .section-title .accent { color: var(--orange-light); }
  .section-subtitle {
    font-size: 16px; color: var(--text-muted);
    line-height: 1.7; max-width: 560px; margin-top: 16px;
    font-weight: 300;
  }
  .section-header { text-align: center; }
  .section-header .section-subtitle { margin: 16px auto 0; }

  /* ===================== DESTINATIONS ===================== */
  .destinations { background: var(--black); }
  .destinations-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px; margin-top: 60px;
  }
  .dest-card {
    position: relative; border-radius: 4px;
    overflow: hidden; cursor: pointer;
    aspect-ratio: 3/4;
    transition: transform 0.4s ease;
  }
  .dest-card:first-child { grid-column: span 2; aspect-ratio: auto; min-height: 400px; }
  .dest-card:hover { transform: scale(1.02); }
  .dest-card img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
  }
  .dest-card:hover img { transform: scale(1.08); }
  .dest-card-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.1) 50%, transparent 100%);
    display: flex; flex-direction: column; justify-content: flex-end;
    padding: 28px;
    transition: all 0.4s ease;
  }
  .dest-region {
    font-size: 10px; letter-spacing: 2px; text-transform: uppercase;
    color: var(--gold); margin-bottom: 6px;
  }
  .dest-name {
    font-family: 'Cormorant Garamond', serif;
    font-size: 28px; font-weight: 600; color: white;
    line-height: 1.1;
  }
  .dest-tagline {
    font-size: 13px; color: rgba(255,255,255,0.6);
    margin-top: 6px; font-style: italic;
    transform: translateY(10px); opacity: 0;
    transition: all 0.4s ease;
  }
  .dest-card:hover .dest-tagline { transform: translateY(0); opacity: 1; }
  .dest-explore {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
    color: var(--emerald-light); margin-top: 14px;
    font-weight: 600; text-decoration: none;
    transform: translateY(10px); opacity: 0;
    transition: all 0.4s ease 0.05s;
  }
  .dest-card:hover .dest-explore { transform: translateY(0); opacity: 1; }

  /* ===================== SERVICES ===================== */
  .services {
    background: var(--charcoal);
    position: relative; overflow: hidden;
  }
  .services::before {
    content: ''; position: absolute;
    top: -200px; right: -200px; width: 500px; height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(5,150,105,0.08) 0%, transparent 70%);
    pointer-events: none;
  }
  .services-grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 2px; margin-top: 60px;
  }
  .service-card {
    background: var(--charcoal-2);
    padding: 48px 36px;
    transition: all 0.4s ease;
    position: relative; overflow: hidden;
    border: 1px solid rgba(255,255,255,0.04);
  }
  .service-card::before {
    content: ''; position: absolute;
    bottom: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, var(--emerald), var(--orange));
    transform: scaleX(0); transform-origin: left;
    transition: transform 0.4s ease;
  }
  .service-card:hover { background: var(--charcoal-3); transform: translateY(-4px); }
  .service-card:hover::before { transform: scaleX(1); }
  .service-icon {
    width: 60px; height: 60px;
    background: linear-gradient(135deg, rgba(5,150,105,0.15), rgba(5,150,105,0.05));
    border: 1px solid rgba(5,150,105,0.2);
    border-radius: 4px; display: flex; align-items: center; justify-content: center;
    font-size: 22px; color: var(--emerald-light);
    margin-bottom: 28px;
    transition: all 0.4s ease;
  }
  .service-card:hover .service-icon {
    background: linear-gradient(135deg, var(--emerald), var(--emerald-dark));
    border-color: var(--emerald);
    color: white; transform: scale(1.05);
  }
  .service-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 24px; font-weight: 600; color: white;
    margin-bottom: 14px; line-height: 1.2;
  }
  .service-desc {
    font-size: 14px; color: var(--text-muted);
    line-height: 1.7; font-weight: 300;
  }
  .service-link {
    display: inline-flex; align-items: center; gap: 8px;
    margin-top: 24px; font-size: 12px; letter-spacing: 1.5px;
    text-transform: uppercase; color: var(--emerald-light);
    text-decoration: none; font-weight: 600;
    transition: gap 0.3s;
  }
  .service-link:hover { gap: 14px; }

  /* ===================== WHY CHOOSE US ===================== */
  .why-us {
    background: var(--black);
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 80px; align-items: center;
  }
  .why-us-image {
    position: relative;
  }
  .why-us-image-main {
    width: 100%; aspect-ratio: 4/5;
    object-fit: cover; border-radius: 4px;
    display: block;
  }
  .why-us-image-accent {
    position: absolute; bottom: -30px; right: -30px;
    width: 200px; aspect-ratio: 1;
    object-fit: cover; border-radius: 4px;
    border: 6px solid var(--black);
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
  }
  .why-us-badge {
    position: absolute; top: 30px; left: -20px;
    background: linear-gradient(135deg, var(--emerald), var(--emerald-dark));
    padding: 20px 28px; border-radius: 4px;
    box-shadow: 0 20px 40px rgba(5,150,105,0.3);
    text-align: center;
  }
  .why-us-badge-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 42px; font-weight: 700; color: white; line-height: 1;
  }
  .why-us-badge-text {
    font-size: 10px; letter-spacing: 2px; text-transform: uppercase;
    color: rgba(255,255,255,0.8); margin-top: 4px;
  }
  .why-pillars { margin-top: 48px; display: flex; flex-direction: column; gap: 28px; }
  .why-pillar {
    display: flex; gap: 20px; align-items: flex-start;
    padding: 24px; background: var(--charcoal);
    border-radius: 4px; border: 1px solid rgba(255,255,255,0.05);
    transition: all 0.3s ease;
  }
  .why-pillar:hover {
    border-color: rgba(5,150,105,0.3);
    background: var(--charcoal-2);
    transform: translateX(6px);
  }
  .why-pillar-icon {
    flex-shrink: 0; width: 48px; height: 48px;
    background: linear-gradient(135deg, rgba(5,150,105,0.2), rgba(5,150,105,0.05));
    border-radius: 50%; display: flex; align-items: center;
    justify-content: center; font-size: 18px; color: var(--emerald-light);
  }
  .why-pillar-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px; font-weight: 600; color: white; margin-bottom: 6px;
  }
  .why-pillar-text { font-size: 13px; color: var(--text-muted); line-height: 1.6; font-weight: 300; }

  /* ===================== ABOUT US ===================== */
  .about {
    background: var(--charcoal);
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 80px; align-items: center;
  }
  .about-content { }
  .about-quote {
    font-family: 'Cormorant Garamond', serif;
    font-size: 28px; font-style: italic; font-weight: 400;
    color: white; line-height: 1.4; margin: 32px 0;
    padding-left: 28px;
    border-left: 3px solid var(--emerald);
  }
  .about-text {
    font-size: 15px; color: var(--text-muted);
    line-height: 1.8; font-weight: 300; margin-bottom: 16px;
  }
  .about-stats {
    display: grid; grid-template-columns: repeat(2,1fr);
    gap: 24px; margin-top: 48px;
  }
  .about-stat {
    text-align: center; padding: 28px 20px;
    background: var(--charcoal-2); border-radius: 4px;
    border: 1px solid rgba(255,255,255,0.05);
    position: relative; overflow: hidden;
  }
  .about-stat::after {
    content: ''; position: absolute;
    top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, var(--emerald), var(--orange));
  }
  .about-stat-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 44px; font-weight: 700;
    color: var(--gold); line-height: 1;
  }
  .about-stat-label {
    font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
    color: var(--text-muted); margin-top: 8px;
  }
  .about-image-grid {
    display: grid; grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr; gap: 12px; height: 560px;
  }
  .about-img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
  .about-img:first-child { grid-row: span 2; }

  /* ===================== PHILOSOPHY ===================== */
  .philosophy {
    background: var(--black);
    text-align: center;
  }
  .philosophy-grid {
    display: grid; grid-template-columns: repeat(3,1fr);
    gap: 2px; margin-top: 60px;
  }
  .philosophy-card {
    background: var(--charcoal);
    padding: 60px 40px;
    position: relative; overflow: hidden;
    transition: all 0.4s ease;
    border: 1px solid rgba(255,255,255,0.04);
  }
  .philosophy-card::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(135deg, rgba(5,150,105,0.08), transparent);
    opacity: 0; transition: opacity 0.4s;
  }
  .philosophy-card:hover::before { opacity: 1; }
  .philosophy-card:hover { transform: translateY(-6px); }
  .philosophy-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 80px; font-weight: 700;
    color: rgba(255,255,255,0.04); position: absolute;
    top: 20px; right: 24px; line-height: 1;
    pointer-events: none; user-select: none;
  }
  .philosophy-icon {
    width: 64px; height: 64px; margin: 0 auto 28px;
    background: linear-gradient(135deg, var(--emerald), var(--emerald-dark));
    border-radius: 50%; display: flex; align-items: center;
    justify-content: center; font-size: 24px; color: white;
    box-shadow: 0 12px 30px rgba(5,150,105,0.3);
  }
  .philosophy-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 28px; font-weight: 600; color: white;
    margin-bottom: 16px;
  }
  .philosophy-text {
    font-size: 14px; color: var(--text-muted);
    line-height: 1.8; font-weight: 300;
  }
  .philosophy-values {
    margin-top: 80px;
    display: grid; grid-template-columns: repeat(5,1fr);
    gap: 16px;
  }
  .value-tag {
    background: var(--charcoal);
    border: 1px solid rgba(5,150,105,0.2);
    padding: 20px 16px; border-radius: 4px;
    text-align: center; font-size: 13px;
    letter-spacing: 1px; color: var(--emerald-light);
    font-weight: 600; text-transform: uppercase;
    transition: all 0.3s;
  }
  .value-tag:hover {
    background: var(--emerald);
    color: white; border-color: var(--emerald);
    transform: translateY(-3px);
  }
  .value-tag i { display: block; font-size: 20px; margin-bottom: 10px; color: var(--gold); }

  /* ===================== CTA BANNER ===================== */
  .cta-banner {
    position: relative; padding: 120px 8%;
    overflow: hidden; text-align: center;
  }
  .cta-banner::before {
    content: ''; position: absolute; inset: 0;
    background-image: url('https://images.unsplash.com/photo-1488085061387-422e29b40080?w=1920&q=80');
    background-size: cover; background-position: center;
    filter: brightness(0.25);
  }
  .cta-banner-content { position: relative; z-index: 2; }
  .cta-banner-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(44px, 5vw, 76px);
    font-weight: 300; color: white; line-height: 1.1;
    margin-bottom: 20px;
  }
  .cta-banner-title em { font-style: italic; color: var(--gold); }
  .cta-banner-sub {
    font-size: 16px; color: rgba(255,255,255,0.7);
    max-width: 500px; margin: 0 auto 44px; line-height: 1.7; font-weight: 300;
  }
  .cta-banner-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
  .btn-gold {
    background: linear-gradient(135deg, var(--gold), var(--gold-light));
    color: var(--black); padding: 18px 44px;
    font-size: 13px; letter-spacing: 2px; text-transform: uppercase;
    font-weight: 700; border: none; cursor: pointer;
    border-radius: 2px; text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 8px 30px rgba(212,175,55,0.3);
  }
  .btn-gold:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(212,175,55,0.5); }
  .btn-outline {
    background: transparent;
    color: white; padding: 18px 44px;
    font-size: 13px; letter-spacing: 2px; text-transform: uppercase;
    font-weight: 600; border: 1px solid rgba(255,255,255,0.4);
    cursor: pointer; border-radius: 2px; text-decoration: none;
    transition: all 0.3s ease;
  }
  .btn-outline:hover { border-color: white; background: rgba(255,255,255,0.08); }

  /* ===================== TESTIMONIALS ===================== */
  .testimonials { background: var(--charcoal); }
  .testi-carousel { margin-top: 60px; position: relative; overflow: hidden; }
  .testi-track {
    display: flex; gap: 24px;
    transition: transform 0.5s ease;
  }
  .testi-card {
    flex: 0 0 calc(33.33% - 16px);
    background: var(--charcoal-2);
    padding: 40px 36px; border-radius: 4px;
    border: 1px solid rgba(255,255,255,0.05);
    position: relative; overflow: hidden;
    transition: all 0.3s;
  }
  .testi-card:hover { border-color: rgba(5,150,105,0.3); transform: translateY(-4px); }
  .testi-quote-icon {
    font-size: 56px; line-height: 1;
    font-family: 'Cormorant Garamond', serif;
    color: var(--emerald); opacity: 0.3;
    position: absolute; top: 20px; right: 28px;
    pointer-events: none;
  }
  .testi-stars { color: var(--gold); font-size: 14px; letter-spacing: 2px; margin-bottom: 20px; }
  .testi-text {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px; font-style: italic;
    color: rgba(255,255,255,0.85); line-height: 1.7;
    margin-bottom: 28px;
  }
  .testi-author { display: flex; align-items: center; gap: 14px; }
  .testi-avatar {
    width: 48px; height: 48px; border-radius: 50%;
    object-fit: cover; border: 2px solid var(--emerald);
  }
  .testi-name {
    font-weight: 600; font-size: 14px; color: white;
  }
  .testi-location { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
  .testi-controls { display: flex; gap: 12px; justify-content: center; margin-top: 40px; }
  .testi-btn {
    width: 44px; height: 44px; border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.15);
    background: transparent; color: white;
    cursor: pointer; font-size: 16px;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.3s;
  }
  .testi-btn:hover { background: var(--emerald); border-color: var(--emerald); }

  /* ===================== BLOG ===================== */
  .blog { background: var(--black); }
  .blog-grid {
    display: grid; grid-template-columns: 1.4fr 1fr 1fr;
    gap: 24px; margin-top: 60px;
  }
  .blog-card {
    background: var(--charcoal); border-radius: 4px;
    overflow: hidden; cursor: pointer;
    transition: all 0.4s ease;
    border: 1px solid rgba(255,255,255,0.04);
  }
  .blog-card:hover { transform: translateY(-6px); border-color: rgba(5,150,105,0.2); }
  .blog-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
  .blog-card:first-child .blog-img { aspect-ratio: 16/10; }
  .blog-body { padding: 28px; }
  .blog-category {
    font-size: 10px; letter-spacing: 2px; text-transform: uppercase;
    color: var(--emerald-light); font-weight: 600; margin-bottom: 12px;
  }
  .blog-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 22px; font-weight: 600; color: white;
    line-height: 1.3; margin-bottom: 12px;
    transition: color 0.3s;
  }
  .blog-card:hover .blog-title { color: var(--emerald-light); }
  .blog-card:first-child .blog-title { font-size: 28px; }
  .blog-excerpt { font-size: 13px; color: var(--text-muted); line-height: 1.7; font-weight: 300; }
  .blog-meta {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: 20px; padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.06);
  }
  .blog-read { font-size: 11px; color: var(--text-muted); }
  .blog-link {
    font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;
    color: var(--orange-light); text-decoration: none;
    font-weight: 600; display: flex; align-items: center; gap: 6px;
    transition: gap 0.3s;
  }
  .blog-link:hover { gap: 10px; }

  /* ===================== FOOTER ===================== */
  footer {
    background: #070707;
    border-top: 1px solid rgba(255,255,255,0.06);
    padding: 80px 8% 0;
  }
  .footer-grid {
    display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 60px; padding-bottom: 60px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }
  .footer-logo { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
  .footer-logo-icon {
    width: 70px;
    height: 70px;
    background: #000;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

.footer-logo-icon img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    display: block;

    transform: translate(4px, 7px);
}
  .footer-brand { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 700; color: white; }
  .footer-brand span { display: block; font-size: 9px; letter-spacing: 3px; color: var(--gold); font-family: 'DM Sans', sans-serif; text-transform: uppercase; margin-top: 2px; }
  .footer-about {
    font-size: 14px; color: var(--text-muted);
    line-height: 1.7; font-weight: 300; max-width: 280px;
  }
  .footer-socials { display: flex; gap: 12px; margin-top: 28px; }
  .social-icon {
    width: 38px; height: 38px; border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.1);
    display: flex; align-items: center; justify-content: center;
    color: var(--text-muted); font-size: 14px;
    text-decoration: none; transition: all 0.3s;
  }
  .social-icon:hover { background: var(--emerald); border-color: var(--emerald); color: white; transform: translateY(-3px); }
  .footer-col-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px; font-weight: 600; color: white;
    margin-bottom: 24px; position: relative; padding-bottom: 14px;
  }
  .footer-col-title::after {
    content: ''; position: absolute; bottom: 0; left: 0;
    width: 30px; height: 2px;
    background: linear-gradient(90deg, var(--emerald), var(--orange));
  }
  .footer-links { list-style: none; display: flex; flex-direction: column; gap: 12px; }
  .footer-links a {
    text-decoration: none; color: var(--text-muted);
    font-size: 14px; transition: all 0.3s; display: flex; align-items: center; gap: 8px;
  }
  .footer-links a::before { content: '›'; color: var(--emerald); font-size: 16px; }
  .footer-links a:hover { color: var(--emerald-light); padding-left: 4px; }
  .footer-contact-item {
    display: flex; gap: 14px; align-items: flex-start;
    margin-bottom: 18px;
  }
  .footer-contact-item i {
    color: var(--emerald-light); font-size: 15px; margin-top: 2px; flex-shrink: 0;
  }
  .footer-contact-item span { font-size: 14px; color: var(--text-muted); line-height: 1.5; }
  .footer-newsletter-input {
    display: flex; margin-top: 20px;
    border: 1px solid rgba(255,255,255,0.1); border-radius: 2px; overflow: hidden;
  }
  .footer-newsletter-input input {
    flex: 1; background: transparent; border: none;
    padding: 12px 16px; color: white; font-family: 'DM Sans', sans-serif;
    font-size: 13px; outline: none;
  }
  .footer-newsletter-input input::placeholder { color: rgba(255,255,255,0.3); }
  .footer-newsletter-input button {
    background: var(--emerald); border: none; cursor: pointer;
    padding: 12px 18px; color: white; font-size: 14px;
    transition: background 0.3s;
  }
  .footer-newsletter-input button:hover { background: var(--emerald-dark); }
  .footer-bottom {
    padding: 24px 0;
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 12px;
  }
  .footer-copy { font-size: 13px; color: var(--text-muted); }
  .footer-legal { display: flex; gap: 24px; }
  .footer-legal a { font-size: 13px; color: var(--text-muted); text-decoration: none; transition: color 0.3s; }
  .footer-legal a:hover { color: var(--emerald-light); }
  .footer-dev-divider {
    border: none; border-top: 1px solid rgba(255,255,255,0.04);
    margin: 0;
  }
  .footer-dev {
    padding: 20px 8%;
    text-align: center; background: #050505;
    font-size: 12px; color: rgba(255,255,255,0.3);
    letter-spacing: 0.5px;
  }
  .footer-dev a {
    color: var(--emerald-light); text-decoration: none;
    font-weight: 600; transition: color 0.3s;
  }
  .footer-dev a:hover { color: var(--gold); }
  .footer-dev .heart { color: var(--orange); }

  /* ===================== FLOATING WHATSAPP ===================== */
  .whatsapp-fab {
    position: fixed; bottom: 32px; right: 32px; z-index: 999;
    width: 58px; height: 58px; border-radius: 50%;
    background: #25d366; box-shadow: 0 8px 30px rgba(37,211,102,0.4);
    display: flex; align-items: center; justify-content: center;
    color: white; font-size: 26px; text-decoration: none;
    transition: all 0.3s ease; animation: pulse-green 2s infinite;
  }
  .whatsapp-fab:hover { transform: scale(1.1); box-shadow: 0 12px 40px rgba(37,211,102,0.6); }
  @keyframes pulse-green {
    0%, 100% { box-shadow: 0 8px 30px rgba(37,211,102,0.4); }
    50% { box-shadow: 0 8px 40px rgba(37,211,102,0.7); }
  }

  /* ===================== SCROLL REVEAL ===================== */
  .reveal {
    opacity: 0; transform: translateY(40px);
    transition: opacity 0.7s ease, transform 0.7s ease;
  }
  .reveal.visible { opacity: 1; transform: translateY(0); }
  .reveal-delay-1 { transition-delay: 0.1s; }
  .reveal-delay-2 { transition-delay: 0.2s; }
  .reveal-delay-3 { transition-delay: 0.3s; }
  .reveal-delay-4 { transition-delay: 0.4s; }

  /* ===================== MOBILE NAV ===================== */
  @media (max-width: 900px) {
    .nav-links { display: none; }
    .nav-cta { display: none; }
    .nav-hamburger { display: flex; }
    .trust-bar { grid-template-columns: repeat(2,1fr); }
    .trust-item:nth-child(2) { border-right: none; }
    .destinations-grid { grid-template-columns: 1fr 1fr; }
    .dest-card:first-child { grid-column: span 2; }
    .services-grid { grid-template-columns: 1fr 1fr; }
    .why-us { grid-template-columns: 1fr; padding: 80px 6%; }
    .why-us-image { display: none; }
    .about { grid-template-columns: 1fr; padding: 80px 6%; }
    .about-image-grid { display: none; }
    .philosophy-grid { grid-template-columns: 1fr; }
    .philosophy-values { grid-template-columns: repeat(2,1fr); }
    .blog-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .hero-search { display: none; }
    .testi-card { flex: 0 0 calc(100% - 16px); }
    section { padding: 80px 6%; }
  }

  @media (max-width: 600px) {
    .footer-grid { grid-template-columns: 1fr; }
    .services-grid { grid-template-columns: 1fr; }
    .philosophy-values { grid-template-columns: 1fr 1fr; }
    .destinations-grid { grid-template-columns: 1fr; }
    .dest-card:first-child { grid-column: span 1; }
    .hero-actions { flex-direction: column; align-items: flex-start; }
    .footer-bottom { flex-direction: column; text-align: center; }
  }
</style>
</head>
<body>

<!-- ===================== NAV ===================== -->
<nav id="navbar">
  <a href="index.php" class="nav-logo">
    <div class="nav-logo-icon"><img src="img/eri_travel_logo.png" style="width:250px" alt="eri travel logo"></div>
    <div class="nav-logo-text">
      <span>Eri Travel Consult</span>
      <span>Luxury Travel • Est. 2022</span>
    </div>
  </a>
  <ul class="nav-links">
    <li><a href="about.php">About Us</a></li>
    <li><a href="destinations.php">Destinations</a></li>
    <li><a href="services.php">Services</a></li>
    <li><a href="#blog">Blog</a></li>
    <li><a href="contact.php">Contact</a></li>
    <li><a href="https://shop.eritravelconsult.com/">Our shop</a></li>
    <li><a href="https://wa.me/2347031034668" class="nav-cta">Plan My Trip</a></li>
  </ul>
  <div class="nav-hamburger" onclick="toggleMenu()">
    <span></span><span></span><span></span>
  </div>
</nav>

<!-- ===================== HERO ===================== -->
<section class="hero" id="hero">
  <div class="hero-slides">
    <div class="hero-slide slide-1 active">
      <div class="slide-bg"></div>
    </div>
    <div class="hero-slide slide-2">
      <div class="slide-bg"></div>
    </div>
    <div class="hero-slide slide-3">
      <div class="slide-bg"></div>
    </div>
    <div class="hero-slide slide-4">
      <div class="slide-bg"></div>
    </div>
  </div>

  <div class="hero-content">
    <div class="hero-badge">
      <span>Nigeria's Premium Luxury Travel Consultancy</span>
    </div>
    <h1 class="hero-title">
      Travel Beyond<br>
      <em>Expectations.</em>
    </h1>
    <p class="hero-subtitle">
      We craft unforgettable journeys for discerning travelers — bespoke itineraries, seamless logistics, and experiences that become stories you'll tell for a lifetime.
    </p>
    <div class="hero-actions">
      <a href="https://wa.me/2347031034668" class="btn-primary">
        <i class="fas fa-compass"></i> Explore Destinations
      </a>
      <a href="#about" class="btn-secondary">
        <div class="btn-play"><i class="fas fa-play"></i></div>
        Our Story
      </a>
    </div>

    <div class="hero-search">
      <div class="hero-search-field">
        <label>Destination</label>
        <select>
          <option>Where do you want to go?</option>
          <option>Santorini, Greece</option>
          <option>Maldives</option>
          <option>Dubai, UAE</option>
          <option>Bali, Indonesia</option>
          <option>Paris, France</option>
          <option>Cape Town, South Africa</option>
          <option>Zanzibar, Tanzania</option>
          <option>Tokyo, Japan</option>
        </select>
      </div>
      <div class="hero-search-field">
        <label>Departure Date</label>
        <input type="text" placeholder="Select date" />
      </div>
      <div class="hero-search-field">
        <label>Travelers</label>
        <select>
          <option>1 Traveler</option>
          <option>2 Travelers</option>
          <option>3–5 Travelers</option>
          <option>6+ Travelers</option>
        </select>
      </div>
      <button class="hero-search-btn">
        <i class="fas fa-search"></i> Search
      </button>
    </div>
  </div>

  <div class="hero-slide-label" id="slide-label">Maldives, Indian Ocean</div>
  <div class="hero-controls">
    <button class="hero-dot active" onclick="goToSlide(0)"></button>
    <button class="hero-dot" onclick="goToSlide(1)"></button>
    <button class="hero-dot" onclick="goToSlide(2)"></button>
    <button class="hero-dot" onclick="goToSlide(3)"></button>
  </div>
</section>

<!-- ===================== TRUST BAR ===================== -->
<div class="trust-bar">
  <div class="trust-item reveal">
    <div class="trust-icon"><i class="fas fa-award"></i></div>
    <div class="trust-number">4+</div>
    <div class="trust-label">Years of Excellence</div>
  </div>
  <div class="trust-item reveal reveal-delay-1">
    <div class="trust-icon"><i class="fas fa-users"></i></div>
    <div class="trust-number">1K+</div>
    <div class="trust-label">Happy Clients</div>
  </div>
  <div class="trust-item reveal reveal-delay-2">
    <div class="trust-icon"><i class="fas fa-map-marked-alt"></i></div>
    <div class="trust-number">50+</div>
    <div class="trust-label">Destinations Worldwide</div>
  </div>
  <div class="trust-item reveal reveal-delay-3">
    <div class="trust-icon"><i class="fas fa-headset"></i></div>
    <div class="" style="font-family: 'Cormorant Garamond', serif;
    font-size: 44px; font-weight: 700;
    color: var(--gold); line-height: 1;">24/7</div>
    <div class="trust-label">Dedicated Support</div>
  </div>
</div>

<!-- ===================== DESTINATIONS ===================== -->
<section class="destinations" id="destinations">
  <div class="section-header">
    <div class="section-label">Top Destinations</div>
    <h2 class="section-title">Find Your <em>Perfect Escape</em></h2>
    <p class="section-subtitle">From the azure waters of the Maldives to the ancient streets of Tokyo — we take you there, flawlessly.</p>
  </div>
  <div class="destinations-grid">
    <div class="dest-card reveal">
      <img src="https://images.unsplash.com/photo-1514282401047-d79a71a590e8?w=800&q=80" alt="Maldives" loading="lazy"/>
      <div class="dest-card-overlay">
        <div class="dest-region">Indian Ocean</div>
        <div class="dest-name">Maldives</div>
        <div class="dest-tagline">Where the ocean meets the sky</div>
        <a href="https://wa.me/2347031034668" class="dest-explore">Explore <i class="fas fa-arrow-right"></i></a>
      </div>
    </div>
    <div class="dest-card reveal reveal-delay-1">
      <img src="img/santorini_eri_travels.jpg?w=600&q=80" alt="Santorini" loading="lazy"/>
      <div class="dest-card-overlay">
        <div class="dest-region">Greece</div>
        <div class="dest-name">Santorini</div>
        <div class="dest-tagline">Sunsets that redefine romance</div>
        <a href="https://wa.me/2347031034668" class="dest-explore">Explore <i class="fas fa-arrow-right"></i></a>
      </div>
    </div>
    <div class="dest-card reveal reveal-delay-2">
      <img src="https://images.unsplash.com/photo-1512453979798-5ea266f8880c?w=600&q=80" alt="Dubai" loading="lazy"/>
      <div class="dest-card-overlay">
        <div class="dest-region">United Arab Emirates</div>
        <div class="dest-name">Dubai</div>
        <div class="dest-tagline">Where ambition becomes architecture</div>
        <a href="https://wa.me/2347031034668" class="dest-explore">Explore <i class="fas fa-arrow-right"></i></a>
      </div>
    </div>
    <div class="dest-card reveal reveal-delay-1">
      <img src="https://images.unsplash.com/photo-1537996194471-e657df975ab4?w=600&q=80" alt="Bali" loading="lazy"/>
      <div class="dest-card-overlay">
        <div class="dest-region">Indonesia</div>
        <div class="dest-name">Bali</div>
        <div class="dest-tagline">Ancient soul, endless wonder</div>
        <a href="https://wa.me/2347031034668" class="dest-explore">Explore <i class="fas fa-arrow-right"></i></a>
      </div>
    </div>
    <div class="dest-card reveal reveal-delay-2">
      <img src="https://images.unsplash.com/photo-1499856871958-5b9627545d1a?w=600&q=80" alt="Paris" loading="lazy"/>
      <div class="dest-card-overlay">
        <div class="dest-region">France</div>
        <div class="dest-name">Paris</div>
        <div class="dest-tagline">The city that never stops seducing</div>
        <a href="https://wa.me/2347031034668" class="dest-explore">Explore <i class="fas fa-arrow-right"></i></a>
      </div>
    </div>
    <div class="dest-card reveal reveal-delay-3">
      <img src="https://images.unsplash.com/photo-1580060839134-75a5edca2e99?w=600&q=80" alt="Cape Town" loading="lazy"/>
      <div class="dest-card-overlay">
        <div class="dest-region">South Africa</div>
        <div class="dest-name">Cape Town</div>
        <div class="dest-tagline">Where mountains kiss the Atlantic</div>
        <a href="https://wa.me/2347031034668" class="dest-explore">Explore <i class="fas fa-arrow-right"></i></a>
      </div>
    </div>
    <div class="dest-card reveal reveal-delay-2">
      <img src="https://images.unsplash.com/photo-1596422846543-75c6fc197f07?w=600&q=80" alt="Zanzibar" loading="lazy"/>
      <div class="dest-card-overlay">
        <div class="dest-region">Tanzania</div>
        <div class="dest-name">Zanzibar</div>
        <div class="dest-tagline">Spice islands of timeless beauty</div>
        <a href="https://wa.me/2347031034668" class="dest-explore">Explore <i class="fas fa-arrow-right"></i></a>
      </div>
    </div>
    <div class="dest-card reveal reveal-delay-3">
      <img src="https://images.unsplash.com/photo-1540959733332-eab4deabeeaf?w=600&q=80" alt="Tokyo" loading="lazy"/>
      <div class="dest-card-overlay">
        <div class="dest-region">Japan</div>
        <div class="dest-name">Tokyo</div>
        <div class="dest-tagline">Tradition and tomorrow, side by side</div>
        <a href="https://wa.me/2347031034668" class="dest-explore">Explore <i class="fas fa-arrow-right"></i></a>
      </div>
    </div>
    
    <div class="dest-card reveal reveal-delay-3">
      <img src="img/qatar.jpg?w=600&q=80" alt="Tokyo" loading="lazy"/>
      <div class="dest-card-overlay">
        <div class="dest-region">Qater</div>
        <div class="dest-name">Doha</div>
        <div class="dest-tagline">Mesmerizing blend of ancient traditions and futuristic ambition</div>
        <a href="https://wa.me/2347031034668" class="dest-explore">Explore <i class="fas fa-arrow-right"></i></a>
      </div>
    </div>
    
    <div class="dest-card reveal reveal-delay-3">
      <img src="img/bay_gardens.jpg?w=600&q=80" alt="Tokyo" loading="lazy"/>
      <div class="dest-card-overlay">
        <div class="dest-region">Singapore</div>
        <div class="dest-name">Gardens by the bay</div>
        <div class="dest-tagline">Where lights kiss leaves, and the night dances with flowers.</div>
        <a href="https://wa.me/2347031034668" class="dest-explore">Explore <i class="fas fa-arrow-right"></i></a>
      </div>
    </div>
    
    <div class="dest-card reveal reveal-delay-3">
      <img src="img/mahe_seychelles.jpg?w=600&q=80" alt="Tokyo" loading="lazy"/>
      <div class="dest-card-overlay">
        <div class="dest-region">Seychelles</div>
        <div class="dest-name">Mahé</div>
        <div class="dest-tagline">Tropical dream where emerald mountains meet turquoise lagoons</div>
        <a href="https://wa.me/2347031034668" class="dest-explore">Explore <i class="fas fa-arrow-right"></i></a>
      </div>
    </div>
  </div>
</section>

<!-- ===================== SERVICES ===================== -->
<section class="services" id="services">
  <div class="section-header">
    <div class="section-label">What We Offer</div>
    <h2 class="section-title">We <em>Handle Everything</em></h2>
    <p class="section-subtitle">From your first inquiry to your safe return home — every detail, expertly managed.</p>
  </div>
  <div class="services-grid">
    <div class="service-card reveal">
      <div class="service-icon"><i class="fas fa-umbrella-beach"></i></div>
      <div class="service-title">Leisure Travel</div>
      <p class="service-desc">Bespoke holiday packages tailored to your every desire — from safari escapes to island retreats. Your dream, our blueprint.</p>
      <a href="https://wa.me/2347031034668" class="service-link">Get Started <i class="fas fa-arrow-right"></i></a>
    </div>
    <div class="service-card reveal reveal-delay-1">
      <div class="service-icon"><i class="fas fa-briefcase"></i></div>
      <div class="service-title">Corporate Travel</div>
      <p class="service-desc">Seamless business travel management with premium comfort and zero disruption — because productivity doesn't pause at the airport.</p>
      <a href="https://wa.me/2347031034668" class="service-link">Get Started <i class="fas fa-arrow-right"></i></a>
    </div>
    <div class="service-card reveal reveal-delay-2">
      <div class="service-icon"><i class="fas fa-users"></i></div>
      <div class="service-title">Group Travel</div>
      <p class="service-desc">Curated group experiences for families, friends, and organizations — every detail handled, every moment unforgettable.</p>
      <a href="https://wa.me/2347031034668" class="service-link">Get Started <i class="fas fa-arrow-right"></i></a>
    </div>
    <div class="service-card reveal">
      <div class="service-icon"><i class="fas fa-passport"></i></div>
      <div class="service-title">Visa & Documentation</div>
      <p class="service-desc">Expert guidance through every visa process — fast, accurate, and completely stress-free so you focus on the journey ahead.</p>
      <a href="https://wa.me/2347031034668" class="service-link">Get Started <i class="fas fa-arrow-right"></i></a>
    </div>
    <div class="service-card reveal reveal-delay-1">
      <div class="service-icon"><i class="fas fa-plane-departure"></i></div>
      <div class="service-title">Hotel & Flight Booking</div>
      <p class="service-desc">Access to the world's finest hotels and best-priced flights, handpicked and negotiated to give you the ultimate value.</p>
      <a href="https://wa.me/2347031034668" class="service-link">Get Started <i class="fas fa-arrow-right"></i></a>
    </div>
    <div class="service-card reveal reveal-delay-2">
      <div class="service-icon"><i class="fas fa-concierge-bell"></i></div>
      <div class="service-title">Concierge Services</div>
      <p class="service-desc">24/7 personal travel assistance — from private airport transfers and restaurant reservations to curated experiences on demand.</p>
      <a href="https://wa.me/2347031034668" class="service-link">Get Started <i class="fas fa-arrow-right"></i></a>
    </div>
  </div>
</section>

<!-- ===================== WHY CHOOSE US ===================== -->
<section style="background:var(--black); padding:120px 8%;" id="why">
  <div style="display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center;" class="why-us-wrap">
    <div class="why-us-image reveal">
      <img src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=700&q=80" alt="Luxury Travel" class="why-us-image-main" style="width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px;display:block;"/>
      <div class="why-us-badge">
        <div class="why-us-badge-num">4+</div>
        <div class="why-us-badge-text">Years of<br>Excellence</div>
      </div>
      <img src="https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?w=300&q=80" alt="Luxury Hotel" class="why-us-image-accent" style="position:absolute;bottom:-30px;right:-30px;width:180px;aspect-ratio:1;object-fit:cover;border-radius:4px;border:6px solid var(--black);box-shadow:0 20px 60px rgba(0,0,0,0.5);"/>
    </div>
    <div class="reveal reveal-delay-1">
      <div class="section-label">Why Choose Us</div>
      <h2 class="section-title">Your Journey<br>Deserves <em>Better</em></h2>
      <p class="section-subtitle" style="margin-bottom:0;">We're not just a travel agency. We're your personal journey architects — obsessed with turning your travel dreams into flawlessly executed reality.</p>
      <div class="why-pillars">
        <div class="why-pillar reveal reveal-delay-1">
          <div class="why-pillar-icon"><i class="fas fa-trophy"></i></div>
          <div>
            <div class="why-pillar-title">Trusted Travel Expertise</div>
            <div class="why-pillar-text">Over 4 years crafting extraordinary journeys for discerning travelers across the globe — backed by trust, results, and thousands of smiling clients.</div>
          </div>
        </div>
        <div class="why-pillar reveal reveal-delay-2">
          <div class="why-pillar-icon"><i class="fas fa-fingerprint"></i></div>
          <div>
            <div class="why-pillar-title">Personalized to the Core</div>
            <div class="why-pillar-text">No two travelers are the same. Every itinerary is designed around your unique lifestyle, preferences, and deepest desires — never templated.</div>
          </div>
        </div>
        <div class="why-pillar reveal reveal-delay-3">
          <div class="why-pillar-icon"><i class="fas fa-gem"></i></div>
          <div>
            <div class="why-pillar-title">Luxury Without Compromise</div>
            <div class="why-pillar-text">We partner only with world-class airlines, 5-star hotels, and premium experience providers — because your standards are non-negotiable.</div>
          </div>
        </div>
        <div class="why-pillar reveal reveal-delay-2">
          <div class="why-pillar-icon"><i class="fas fa-shield-alt"></i></div>
          <div>
            <div class="why-pillar-title">End-to-End Peace of Mind</div>
            <div class="why-pillar-text">From your first inquiry to your safe return, we handle every detail so you travel with total confidence and zero stress.</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===================== ABOUT US ===================== -->
<section class="about" id="about">
  <div class="about-content reveal">
    <div class="section-label">About Us</div>
    <h2 class="section-title">We Don't Just Plan Trips.<br>We <em>Craft Legacies.</em></h2>
    <blockquote class="about-quote">
      "Travel is one of life's greatest privileges — and it deserves to be experienced without limits."
    </blockquote>
    <p class="about-text">
      Eri Travel Consult was born from a passion for connecting people to opportunities beyond borders. Since 2022, we have been committed to delivering exceptional travel experiences through expert guidance, personalized service, and unwavering attention to detail. Whether for business, education, tourism, or relocation, we help our clients navigate the world with confidence and ease.

    </p>
    <p class="about-text">
      With a team of passionate destination specialists, a network spanning 50+ countries, and an unwavering commitment to personalized service, we don't just send you on a trip — we send you on a story worth telling for a lifetime.
    </p>
    <div class="about-stats">
      <div class="about-stat reveal">
        <div class="about-stat-num">4+</div>
        <div class="about-stat-label">Years of Excellence</div>
      </div>
      <div class="about-stat reveal reveal-delay-1">
        <div class="about-stat-num">1K+</div>
        <div class="about-stat-label">Happy Clients</div>
      </div>
      <div class="about-stat reveal reveal-delay-2">
        <div class="about-stat-num">50+</div>
        <div class="about-stat-label">Destinations</div>
      </div>
      <div class="about-stat reveal reveal-delay-3">
        <div class="" style="font-family: 'Cormorant Garamond', serif;
    font-size: 44px; font-weight: 700;
    color: var(--gold); line-height: 1;">24/7</div>
        <div class="about-stat-label">Client Support</div>
      </div>
    </div>
  </div>
  <div class="about-image-grid reveal reveal-delay-2">
    <img src="https://images.unsplash.com/photo-1488085061387-422e29b40080?w=500&q=80" alt="Travel" class="about-img"/>
    <img src="https://images.unsplash.com/photo-1436491865332-7a61a109cc05?w=400&q=80" alt="Flight" class="about-img"/>
    <img src="https://images.unsplash.com/photo-1571003123894-1f0594d2b5d9?w=400&q=80" alt="Luxury Hotel" class="about-img"/>
  </div>
</section>

<!-- ===================== COMPANY STANDARDS / PHILOSOPHY ===================== -->
<section class="philosophy" id="philosophy">
  <div class="section-label">Company Standards</div>
  <h2 class="section-title">The Principles That <em>Define</em> Us</h2>
  <p class="section-subtitle" style="margin:16px auto 0; max-width:560px;">Everything we do is anchored in a philosophy of excellence, integrity, and genuine human connection.</p>

  <div class="philosophy-grid">
    <div class="philosophy-card reveal">
      <div class="philosophy-num">01</div>
      <div class="philosophy-icon"><i class="fas fa-book-open"></i></div>
      <div class="philosophy-title">Our Philosophy</div>
      <p class="philosophy-text">
        "Travel is not an expense — it is an investment in the person you are becoming." We hold ourselves to the highest standards of professionalism, creativity, and care. Your trust is not something we take lightly — it is something we earn, every single day.
      </p>
    </div>
    <div class="philosophy-card reveal reveal-delay-1">
      <div class="philosophy-num">02</div>
      <div class="philosophy-icon"><i class="fas fa-bullseye"></i></div>
      <div class="philosophy-title">Our Goal</div>
      <p class="philosophy-text">
        To become Africa's most celebrated luxury travel consultancy — expanding the horizons of our clients while setting the gold standard for what personalized travel service can and should be. We are building a legacy, not just a business.
      </p>
    </div>
    <div class="philosophy-card reveal reveal-delay-2">
      <div class="philosophy-num">03</div>
      <div class="philosophy-icon"><i class="fas fa-heart"></i></div>
      <div class="philosophy-title">What We Stand For</div>
      <p class="philosophy-text">
        We stand for integrity in every conversation, excellence at every touchpoint, inclusion for every dreamer, innovation in every solution, and people above all else. Your joy, safety, and total satisfaction are our only true measure of success.
      </p>
    </div>
  </div>

  <div class="philosophy-values">
    <div class="value-tag reveal"><i class="fas fa-handshake"></i>Integrity</div>
    <div class="value-tag reveal reveal-delay-1"><i class="fas fa-star"></i>Excellence</div>
    <div class="value-tag reveal reveal-delay-2"><i class="fas fa-globe-africa"></i>Inclusion</div>
    <div class="value-tag reveal reveal-delay-3"><i class="fas fa-lightbulb"></i>Innovation</div>
    <div class="value-tag reveal reveal-delay-4"><i class="fas fa-user-heart"></i>People First</div>
  </div>
</section>

<!-- ===================== TESTIMONIALS ===================== -->
<section class="testimonials" id="testimonials">
  <div class="section-header">
    <div class="section-label">Client Stories</div>
    <h2 class="section-title">What Our <em>Clients Say</em></h2>
    <p class="section-subtitle">Real experiences. Real journeys. Real joy.</p>
  </div>
  <div class="testi-carousel">
    <div class="testi-track" id="testiTrack">
      <div class="testi-card">
        <div class="testi-quote-icon">"</div>
        <div class="testi-stars">★★★★★</div>
        <p class="testi-text">Eri Travel Consult turned our honeymoon in Santorini into something out of a fairy tale. Every detail was perfect — the villa, the private sunset dinner, the transfers. I didn't have to think about a single thing.</p>
        <div class="testi-author">
          <img src="img/adaeze.png?w=100&q=80" alt="Adaeze" class="testi-avatar">
          <div>
            <div class="testi-name">Adaeze Okonkwo</div>
            <div class="testi-location">Lagos, Nigeria</div>
          </div>
        </div>
      </div>
      <div class="testi-card">
        <div class="testi-quote-icon">"</div>
        <div class="testi-stars">★★★★★</div>
        <p class="testi-text">I've traveled for business for 15 years and no agency has ever managed my trips the way Eri does. Professional, responsive, and genuinely invested in making things work. They're in a class of their own.</p>
        <div class="testi-author">
          <img src="img/emeka.png?w=100&q=80" alt="Emeka" class="testi-avatar"/>
          <div>
            <div class="testi-name">Emeka Nwosu</div>
            <div class="testi-location">Abuja, Nigeria</div>
          </div>
        </div>
      </div>
      <div class="testi-card">
        <div class="testi-quote-icon">"</div>
        <div class="testi-stars">★★★★★</div>
        <p class="testi-text">Our family trip to Dubai was absolutely magical. The kids still talk about it. Eri handled everything — visas, hotels, activities — flawlessly. We're already planning our next trip with them.</p>
        <div class="testi-author">
          <img src="img/fatima.png?w=100&q=80" alt="Fatima" class="testi-avatar"/>
          <div>
            <div class="testi-name">Fatima Al-Hassan</div>
            <div class="testi-location">Kano, Nigeria</div>
          </div>
        </div>
      </div>
      <div class="testi-card">
        <div class="testi-quote-icon">"</div>
        <div class="testi-stars">★★★★★</div>
        <p class="testi-text">From our first call to our last flight home, Eri Travel made us feel like royalty. The Maldives package they curated for us was beyond our wildest expectations. Worth every naira.</p>
        <div class="testi-author">
          <img src="img/chidi_ngozi.png?w=100&q=80" alt="Chidi" class="testi-avatar"/>
          <div>
            <div class="testi-name">Chidi & Ngozi Eze</div>
            <div class="testi-location">Port Harcourt, Nigeria</div>
          </div>
        </div>
      </div>
      <div class="testi-card">
        <div class="testi-quote-icon">"</div>
        <div class="testi-stars">★★★★★</div>
        <p class="testi-text">I was skeptical at first — I'd had bad experiences with travel agencies before. But Eri Travel completely changed my perspective. Transparent, thorough, and genuinely world-class.</p>
        <div class="testi-author">
          <img src="img/dr_blessing.png?w=100&q=80" alt="Dr Blessing" class="testi-avatar"/>
          <div>
            <div class="testi-name">Dr. Blessing Adeyemi</div>
            <div class="testi-location">Ibadan, Nigeria</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="testi-controls">
    <button class="testi-btn" onclick="testiPrev()"><i class="fas fa-chevron-left"></i></button>
    <button class="testi-btn" onclick="testiNext()"><i class="fas fa-chevron-right"></i></button>
  </div>
</section>

<!-- ===================== CTA BANNER ===================== -->
<div class="cta-banner">
  <div class="cta-banner-content">
    <div class="section-label" style="justify-content:center;">Your Adventure Awaits</div>
    <h2 class="cta-banner-title">Ready to <em>Travel?</em><br>Let's Make It Happen.</h2>
    <p class="cta-banner-sub">Let's create your next unforgettable journey together — tailored entirely to your vision, executed to perfection.</p>
    <div class="cta-banner-btns">
      <a href="https://wa.me/2347031034668" class="btn-gold">Plan My Trip Now</a>
      <a href="tel:+2347031034668" class="btn-outline"><i class="fas fa-phone"></i> &nbsp;Call Us Today</a>
    </div>
  </div>
</div>

<!-- ===================== TRAVEL BLOG ===================== -->
<section class="blog" id="blog">
  <div class="section-header">
    <div class="section-label">Travel Stories & Tips</div>
    <h2 class="section-title">From Our <em>Travel Desk</em></h2>
    <p class="section-subtitle">Inspiring stories, insider guides, and expert tips to fuel your wanderlust.</p>
  </div>
  <div class="blog-grid">
    <div class="blog-card reveal">
      <img src="https://images.unsplash.com/photo-1514282401047-d79a71a590e8?w=700&q=80" alt="Maldives" class="blog-img"/>
      <div class="blog-body">
        <div class="blog-category">Luxury Travel</div>
        <div class="blog-title">Top 10 Luxury Resorts in the Maldives You Need to Experience</div>
        <p class="blog-excerpt">The Maldives is home to some of the world's most extraordinary overwater bungalows and private island retreats. We break down the very best of the best — and what makes each one worth every moment.</p>
        <div class="blog-meta">
          <span class="blog-read"><i class="far fa-clock"></i> 5 min read</span>
          <a href="https://wa.me/2347031034668" class="blog-link">Read More <i class="fas fa-arrow-right"></i></a>
        </div>
      </div>
    </div>
    <div class="blog-card reveal reveal-delay-1">
      <img src="https://images.unsplash.com/photo-1537996194471-e657df975ab4?w=500&q=80" alt="Bali" class="blog-img"/>
      <div class="blog-body">
        <div class="blog-category">Destination Guide</div>
        <div class="blog-title">A First-Timer's Complete Guide to Traveling in Bali</div>
        <p class="blog-excerpt">From sacred temples to terraced rice paddies and world-class surf breaks — everything you need to know before your first trip to the Island of the Gods.</p>
        <div class="blog-meta">
          <span class="blog-read"><i class="far fa-clock"></i> 7 min read</span>
          <a href="https://wa.me/2347031034668" class="blog-link">Read More <i class="fas fa-arrow-right"></i></a>
        </div>
      </div>
    </div>
    <div class="blog-card reveal reveal-delay-2">
      <img src="img/group_tour.jpg?w=500&q=80" alt="Group Travel" class="blog-img"/>
      <div class="blog-body">
        <div class="blog-category">Travel Tips</div>
        <div class="blog-title">How to Plan the Perfect Group Trip Without the Stress</div>
        <p class="blog-excerpt">Group travel doesn't have to be chaotic. Our destination experts share the exact blueprint we use for flawless group journeys — from family reunions to corporate retreats.</p>
        <div class="blog-meta">
          <span class="blog-read"><i class="far fa-clock"></i> 4 min read</span>
          <a href="https://wa.me/2347031034668" class="blog-link">Read More <i class="fas fa-arrow-right"></i></a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===================== FOOTER ===================== -->
<footer id="contact">
  <div class="footer-grid">
    <!-- Col 1: Brand -->
    <div>
      <div class="footer-logo">
        <div class="footer-logo-icon"><img src="img/eri_travel_logo.png" style="width:250px" alt="eri travel logo"></div>
        <div>
          <div class="footer-brand">Eri Travel Consult<span>Luxury Travel • Est. 2022</span></div>
        </div>
      </div>
      <p class="footer-about">Your premier travel partner, creating unforgettable experiences around the globe. We don't just plan trips — we craft legacies.</p>
      <div class="footer-socials">
        <a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
        <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
        <a href="#" class="social-icon"><i class="fab fa-x-twitter"></i></a>
        <a href="https://wa.me/2347031034668" class="social-icon"><i class="fab fa-whatsapp"></i></a>
        <a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
      </div>
    </div>

    <!-- Col 2: Quick Links -->
    <div>
      <div class="footer-col-title">Quick Links</div>
      <ul class="footer-links">
        <li><a href="#">Home</a></li>
        <li><a href="destinations.php">Destinations</a></li>
        <li><a href="#services">Services</a></li>
        <li><a href="#about">About Us</a></li>
        <li><a href="#testimonials">Testimonials</a></li>
        <li><a href="#blog">Blog & Tips</a></li>
        <li><a href="https://wa.me/2347031034668">Contact Us</a></li>
      </ul>
    </div>

    <!-- Col 3: Services -->
    <div>
      <div class="footer-col-title">Our Services</div>
      <ul class="footer-links">
        <li><a href="#">Leisure Travel</a></li>
        <li><a href="#">Corporate Travel</a></li>
        <li><a href="#">Group Travel</a></li>
        <li><a href="#">Visa & Documentation</a></li>
        <li><a href="#">Hotel & Flight Booking</a></li>
        <li><a href="#">Concierge Services</a></li>
      </ul>
    </div>

    <!-- Col 4: Contact -->
    <div>
      <div class="footer-col-title">Get In Touch</div>
      <div class="footer-contact-item">
        <i class="fas fa-envelope"></i>
        <span>info@eritravelconsult.com</span>
      </div>
      <div class="footer-contact-item">
        <i class="fas fa-phone"></i>
        <span>+234 703 103 4668</span>
      </div>
      <div class="footer-contact-item">
        <i class="fas fa-map-marker-alt"></i>
        <span>21 Oguta Road Onitsha, Anambra State, Nigeria</span>
      </div>
      <div class="footer-contact-item">
        <i class="fas fa-clock"></i>
        <span>Mon – Fri: 8:00 AM – 6:00 PM</span>
      </div>
      <p style="font-size:12px;color:var(--text-muted);margin-top:20px;margin-bottom:10px;letter-spacing:1px;text-transform:uppercase;">Newsletter</p>
      <div class="footer-newsletter-input">
        <input type="email" placeholder="Your email address"/>
        <button><i class="fas fa-paper-plane"></i></button>
      </div>
    </div>
  </div>

  <div class="footer-bottom">
    <p class="footer-copy">© 2025 Eri Travel Consult. All Rights Reserved.</p>
    <div class="footer-legal">
      <a href="privacy.php">Privacy Policy</a>
      <a href="terms.php">Terms & Conditions</a>
      <a href="#">Cookie Policy</a>
    </div>
  </div>
</footer>

<hr class="footer-dev-divider"/>
<div class="footer-dev">
  Developed with <span class="heart">❤️</span> by <a href="https://wa.me/2348105501971" target="_blank">Quantum Technologies</a> &nbsp;|&nbsp; Crafted for Luxury, Built for Experiences.
</div>

<!-- ===================== WHATSAPP FAB ===================== -->
<a href="https://wa.me/2347031034668" class="whatsapp-fab" target="_blank" title="Chat with us on WhatsApp">
  <i class="fab fa-whatsapp"></i>
</a>

<!-- ===================== SCRIPTS ===================== -->
<script>
  // NAV SCROLL
  window.addEventListener('scroll', () => {
    const nav = document.getElementById('navbar');
    nav.classList.toggle('scrolled', window.scrollY > 60);
  });

  // HERO SLIDER
  const slides = document.querySelectorAll('.hero-slide');
  const dots = document.querySelectorAll('.hero-dot');
  const labels = ['Maldives, Indian Ocean', 'Dubai, UAE', 'Bali, Indonesia', 'Santorini, Greece'];
  let current = 0, timer;

  function goToSlide(n) {
    slides[current].classList.remove('active');
    dots[current].classList.remove('active');
    current = n;
    slides[current].classList.add('active');
    dots[current].classList.add('active');
    document.getElementById('slide-label').textContent = labels[current];
    clearInterval(timer);
    timer = setInterval(nextSlide, 6000);
  }
  function nextSlide() { goToSlide((current + 1) % slides.length); }
  timer = setInterval(nextSlide, 6000);

  // TESTIMONIAL CAROUSEL
  let testiIndex = 0;
  const track = document.getElementById('testiTrack');
  function getVisibleCards() { return window.innerWidth < 768 ? 1 : 3; }
  function updateTesti() {
    const cards = track.children.length;
    const visible = getVisibleCards();
    const max = cards - visible;
    if (testiIndex > max) testiIndex = 0;
    if (testiIndex < 0) testiIndex = max;
    const cardWidth = track.children[0].offsetWidth + 24;
    track.style.transform = `translateX(-${testiIndex * cardWidth}px)`;
  }
  function testiNext() { testiIndex++; updateTesti(); }
  function testiPrev() { testiIndex--; updateTesti(); }
  window.addEventListener('resize', updateTesti);

  // SCROLL REVEAL
  const revealEls = document.querySelectorAll('.reveal');
  const observer = new IntersectionObserver((entries) => {
    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); } });
  }, { threshold: 0.12 });
  revealEls.forEach(el => observer.observe(el));

  // MOBILE MENU
  function toggleMenu() {
    // Simple toggle — extend as needed
    const links = document.querySelector('.nav-links');
    if (!links) return;
    links.style.display = links.style.display === 'flex' ? 'none' : 'flex';
    links.style.flexDirection = 'column';
    links.style.position = 'fixed';
    links.style.top = '70px'; links.style.left = '0'; links.style.right = '0';
    links.style.background = 'rgba(10,10,10,0.98)';
    links.style.padding = '24px 8%'; links.style.gap = '20px';
    links.style.zIndex = '999';
    links.style.backdropFilter = 'blur(20px)';
  }

  // COUNTER ANIMATION
  function animateCount(el, target, suffix) {
    let count = 0;
    const step = target / 60;
    const interval = setInterval(() => {
      count += step;
      if (count >= target) { count = target; clearInterval(interval); }
      el.textContent = Math.round(count) + suffix;
    }, 20);
  }
  const countObserver = new IntersectionObserver((entries) => {
    entries.forEach(e => {
      if (e.isIntersecting) {
        const el = e.target;
        const txt = el.textContent;
        const num = parseInt(txt);
        const suffix = txt.replace(/[0-9]/g, '');
        if (!isNaN(num)) animateCount(el, num, suffix);
        countObserver.unobserve(el);
      }
    });
  }, { threshold: 0.5 });
  document.querySelectorAll('.trust-number, .about-stat-num').forEach(el => countObserver.observe(el));
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://eritravelconsult.com/#organization",
      "name": "Eri Travel Consult",
      "url": "https://eritravelconsult.com/",
      "logo": {
        "@type": "ImageObject",
        "url": "https://eritravelconsult.com/img/eri_travel_logo.png"
      },
      "email": "info@eritravelconsult.com",
      "telephone": "+2347031034668",
      "foundingDate": "2022",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "21 Oguta Road",
        "addressLocality": "Onitsha",
        "addressRegion": "Anambra State",
        "addressCountry": "NG"
      }
    },
    {
      "@type": "TravelAgency",
      "@id": "https://eritravelconsult.com/#travelagency",
      "name": "Eri Travel Consult",
      "url": "https://eritravelconsult.com/",
      "image": "https://eritravelconsult.com/img/eri_travel_logo.png",
      "telephone": "+2347031034668",
      "email": "info@eritravelconsult.com",
      "priceRange": "$$",
      "description": "Eri Travel Consult is a trusted travel agency in Onitsha, Anambra State, offering visa assistance, flight bookings, hotel reservations, travel insurance, tour packages, study abroad support, and corporate travel management services.",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "21 Oguta Road",
        "addressLocality": "Onitsha",
        "addressRegion": "Anambra State",
        "addressCountry": "NG"
      },
      "areaServed": {
        "@type": "Country",
        "name": "Nigeria"
      },
      "openingHoursSpecification": [
        {
          "@type": "OpeningHoursSpecification",
          "dayOfWeek": [
            "Monday",
            "Tuesday",
            "Wednesday",
            "Thursday",
            "Friday"
          ],
          "opens": "08:00",
          "closes": "18:00"
        },
        {
          "@type": "OpeningHoursSpecification",
          "dayOfWeek": "Saturday",
          "opens": "09:00",
          "closes": "16:00"
        }
      ],
      "serviceType": [
        "Visa Assistance",
        "Flight Booking",
        "Hotel Reservations",
        "Tour Packages",
        "Study Abroad Support",
        "Travel Insurance",
        "Corporate Travel Management"
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://eritravelconsult.com/#website",
      "url": "https://eritravelconsult.com/",
      "name": "Eri Travel Consult",
      "publisher": {
        "@id": "https://eritravelconsult.com/#organization"
      },
      "inLanguage": "en-NG"
    }
  ]
}
</script>


</body>
</html>