<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Our Services — Eri Travel Consult</title>
<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&display=swap" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/js/all.min.js" defer></script>
<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; --text-muted:#9ca3af;
  }
  *,*::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;}
  ::-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;background:rgba(10,10,10,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(5,150,105,0.2);}
  .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 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;}
  .nav-links a:hover,.nav-links a.active{color:var(--gold);}
  .nav-links a:hover::after,.nav-links a.active::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;box-shadow:0 4px 20px rgba(234,88,12,0.3);transition:all 0.3s!important;}
  .nav-cta:hover{transform:translateY(-2px)!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;display:block;}

  /* PAGE HERO */
  .page-hero{position:relative;padding:180px 8% 140px;overflow:hidden;text-align:center;}
  .page-hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?w=1920&q=80');background-size:cover;background-position:center;filter:brightness(0.15);}
  .page-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,var(--black) 100%);}
  .page-hero-content{position:relative;z-index:2;}
  .page-hero-label{display:inline-flex;align-items:center;gap:12px;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px;}
  .page-hero-label::before,.page-hero-label::after{content:'';flex:0 0 30px;height:1px;background:var(--gold);}
  .page-hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(52px,7vw,92px);font-weight:300;line-height:1.05;color:white;animation:fadeUp 0.8s ease both;}
  .page-hero-title em{font-style:italic;color:var(--emerald-light);}
  .page-hero-sub{font-size:17px;color:rgba(255,255,255,0.6);max-width:580px;margin:20px auto 0;line-height:1.7;font-weight:300;animation:fadeUp 0.8s ease 0.2s both;}
  .breadcrumb{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:36px;font-size:12px;letter-spacing:1px;color:rgba(255,255,255,0.4);animation:fadeUp 0.8s ease 0.4s both;}
  .breadcrumb a{color:var(--emerald-light);text-decoration:none;}
  .breadcrumb span{color:var(--gold);}
  @keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

  /* SERVICE NAV TABS */
  .service-tabs{background:var(--charcoal);border-bottom:1px solid rgba(255,255,255,0.06);padding:0 8%;position:sticky;top:80px;z-index:100;overflow-x:auto;scrollbar-width:none;}
  .service-tabs::-webkit-scrollbar{display:none;}
  .tabs-inner{display:flex;gap:0;min-width:max-content;}
  .tab-btn{padding:20px 28px;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all 0.3s;display:flex;align-items:center;gap:8px;}
  .tab-btn i{font-size:15px;}
  .tab-btn:hover{color:white;}
  .tab-btn.active{color:var(--emerald-light);border-bottom-color:var(--emerald);}

  /* SHARED */
  .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,58px);font-weight:300;line-height:1.1;color:white;}
  .section-title em{font-style:italic;color:var(--emerald-light);}

  /* SERVICE SECTION */
  .service-section{padding:120px 8%;border-bottom:1px solid rgba(255,255,255,0.04);}
  .service-section:nth-child(odd){background:var(--black);}
  .service-section:nth-child(even){background:var(--charcoal);}
  .service-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
  .service-layout.reverse .service-visual{order:-1;}
  .service-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;display:block;}
  .service-img-wrap{position:relative;}
  .service-img-badge{position:absolute;bottom:-20px;right:-20px;background:linear-gradient(135deg,var(--emerald),var(--emerald-dark));padding:18px 24px;border-radius:4px;box-shadow:0 16px 40px rgba(5,150,105,0.35);text-align:center;}
  .service-img-badge-icon{font-size:22px;color:white;margin-bottom:4px;}
  .service-img-badge-text{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.8);}
  .service-content{}
  .service-title{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,3vw,48px);font-weight:300;color:white;line-height:1.1;margin-bottom:16px;}
  .service-title em{font-style:italic;color:var(--emerald-light);}
  .service-desc{font-size:15px;color:var(--text-muted);line-height:1.8;font-weight:300;margin-bottom:32px;}

  /* PROCESS STEPS */
  .process-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:20px;}
  .process-steps{display:flex;flex-direction:column;gap:0;margin-bottom:36px;}
  .process-step{display:flex;gap:20px;align-items:flex-start;padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.05);position:relative;}
  .process-step:last-child{border-bottom:none;}
  .process-num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,rgba(5,150,105,0.2),rgba(5,150,105,0.05));border:1px solid rgba(5,150,105,0.3);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:700;color:var(--emerald-light);}
  .process-step-title{font-size:14px;font-weight:600;color:white;margin-bottom:4px;}
  .process-step-text{font-size:13px;color:var(--text-muted);line-height:1.6;font-weight:300;}

  /* INCLUDES */
  .includes-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:32px;}
  .include-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-light);}
  .include-item i{color:var(--emerald-light);font-size:12px;flex-shrink:0;}

  /* SERVICE CTA BTN */
  .service-cta-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--emerald),var(--emerald-dark));color:white;padding:16px 36px;border-radius:2px;font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:700;text-decoration:none;transition:all 0.3s;box-shadow:0 8px 30px rgba(5,150,105,0.25);}
  .service-cta-btn:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(5,150,105,0.45);}
  .service-cta-btn.orange{background:linear-gradient(135deg,var(--orange),var(--orange-light));box-shadow:0 8px 30px rgba(234,88,12,0.25);}
  .service-cta-btn.orange:hover{box-shadow:0 16px 40px rgba(234,88,12,0.45);}

  /* OVERVIEW CARDS */
  .overview{background:var(--charcoal);padding:80px 8%;}
  .overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:50px;}
  .overview-card{background:var(--charcoal-2);padding:40px 32px;border:1px solid rgba(255,255,255,0.04);transition:all 0.4s;position:relative;overflow:hidden;cursor:pointer;text-decoration:none;display:block;}
  .overview-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;}
  .overview-card:hover{background:var(--charcoal-3);transform:translateY(-4px);}
  .overview-card:hover::before{transform:scaleX(1);}
  .ov-icon{width:56px;height:56px;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:24px;transition:all 0.4s;}
  .overview-card:hover .ov-icon{background:linear-gradient(135deg,var(--emerald),var(--emerald-dark));border-color:var(--emerald);color:white;}
  .ov-title{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:white;margin-bottom:10px;}
  .ov-text{font-size:13px;color:var(--text-muted);line-height:1.7;font-weight:300;}
  .ov-arrow{display:flex;align-items:center;gap:6px;margin-top:20px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--emerald-light);font-weight:700;}

  /* FAQ */
  .faq-section{padding:120px 8%;background:var(--black);}
  .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px;align-items:start;}
  .faq-intro{}
  .faq-intro-title{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,3vw,48px);font-weight:300;color:white;line-height:1.1;margin-bottom:16px;}
  .faq-intro-title em{font-style:italic;color:var(--emerald-light);}
  .faq-intro-text{font-size:15px;color:var(--text-muted);line-height:1.8;font-weight:300;margin-bottom:32px;}
  .faq-contact-card{background:var(--charcoal);padding:32px;border-radius:4px;border:1px solid rgba(255,255,255,0.05);}
  .faq-contact-card h4{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:white;margin-bottom:8px;}
  .faq-contact-card p{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:20px;font-weight:300;}
  .faq-wa-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:white;padding:12px 24px;border-radius:2px;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:1px;transition:all 0.3s;}
  .faq-wa-btn:hover{background:#20b859;transform:translateY(-2px);}
  .faq-list{display:flex;flex-direction:column;gap:2px;}
  .faq-item{background:var(--charcoal);border:1px solid rgba(255,255,255,0.05);border-radius:4px;overflow:hidden;transition:border-color 0.3s;}
  .faq-item.open{border-color:rgba(5,150,105,0.3);}
  .faq-q{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;cursor:pointer;gap:16px;}
  .faq-q-text{font-size:15px;font-weight:500;color:white;line-height:1.4;}
  .faq-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:rgba(5,150,105,0.1);border:1px solid rgba(5,150,105,0.2);display:flex;align-items:center;justify-content:center;color:var(--emerald-light);font-size:13px;transition:all 0.3s;}
  .faq-item.open .faq-icon{background:var(--emerald);border-color:var(--emerald);color:white;transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s;}
  .faq-item.open .faq-a{max-height:300px;}
  .faq-a-inner{padding:0 28px 24px;font-size:14px;color:var(--text-muted);line-height:1.8;font-weight:300;}

  /* TRUST STRIP */
  .trust-strip{background:var(--charcoal);border-top:1px solid rgba(5,150,105,0.15);border-bottom:1px solid rgba(5,150,105,0.15);padding:50px 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.06);}
  .trust-item:last-child{border-right:none;}
  .trust-num{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;}

  /* FINAL CTA */
  .final-cta{position:relative;padding:120px 8%;text-align:center;overflow:hidden;}
  .final-cta::before{content:'';position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=1920&q=80');background-size:cover;background-position:center;filter:brightness(0.15);}
  .final-cta-content{position:relative;z-index:2;}
  .final-cta-title{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,5vw,72px);font-weight:300;color:white;line-height:1.1;}
  .final-cta-title em{font-style:italic;color:var(--gold);}
  .final-cta-sub{font-size:16px;color:rgba(255,255,255,0.6);max-width:500px;margin:20px auto 44px;line-height:1.7;font-weight:300;}
  .cta-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-radius:2px;text-decoration:none;transition:all 0.3s;box-shadow:0 8px 30px rgba(212,175,55,0.3);display:inline-flex;align-items:center;gap:10px;}
  .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.35);border-radius:2px;text-decoration:none;transition:all 0.3s;display:inline-flex;align-items:center;gap:10px;}
  .btn-outline:hover{border-color:white;background:rgba(255,255,255,0.07);}

  /* 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;}
  .footer-contact-item span{font-size:14px;color:var(--text-muted);line-height:1.5;}
  .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);}
  .footer-dev a{color:var(--emerald-light);text-decoration:none;font-weight:600;}
  .footer-dev a:hover{color:var(--gold);}
  .footer-dev .heart{color:var(--orange);}
  .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;animation:pg 2s infinite;}
  @keyframes pg{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)}}
  .reveal{opacity:0;transform:translateY(40px);transition:opacity 0.7s ease,transform 0.7s ease;}
  .reveal.visible{opacity:1;transform:translateY(0);}
  .rd1{transition-delay:0.1s} .rd2{transition-delay:0.2s} .rd3{transition-delay:0.3s}

  @media(max-width:1100px){.overview-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:900px){
    .nav-links,.nav-cta{display:none} .nav-hamburger{display:flex}
    .service-layout,.faq-grid{grid-template-columns:1fr}
    .service-layout.reverse .service-visual{order:0}
    .trust-strip{grid-template-columns:repeat(2,1fr)}
    .trust-item:nth-child(2){border-right:none}
    .footer-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:600px){
    .overview-grid{grid-template-columns:1fr}
    .includes-grid{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr}
    .footer-bottom{flex-direction:column;text-align:center}
    .trust-strip{grid-template-columns:1fr 1fr}
  }
</style>
</head>
<body>

<!-- NAV -->
<nav>
  <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="index.php">Home</a></li>
    <li><a href="destinations.php">Destinations</a></li>
    <li><a href="services.php" class="active">Services</a></li>
    <li><a href="about.php">About Us</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"><span></span><span></span><span></span></div>
</nav>

<!-- HERO -->
<div class="page-hero">
  <div class="page-hero-bg"></div>
  <div class="page-hero-content">
    <div class="page-hero-label">What We Offer</div>
    <h1 class="page-hero-title">Premium Services,<br><em>Flawless Execution.</em></h1>
    <p class="page-hero-sub">From solo leisure escapes to large-scale corporate travel programs — every service we offer is delivered with the same obsessive attention to detail and genuine care.</p>
    <div class="breadcrumb"><a href="index.php">Home</a><span>›</span><span style="color:rgba(255,255,255,0.5)">Our Services</span></div>
  </div>
</div>

<!-- SERVICE QUICK TABS -->
<div class="service-tabs">
  <div class="tabs-inner">
    <button class="tab-btn active" onclick="scrollTo('leisure')"><i class="fas fa-umbrella-beach"></i> Leisure Travel</button>
    <button class="tab-btn" onclick="scrollTo('corporate')"><i class="fas fa-briefcase"></i> Corporate Travel</button>
    <button class="tab-btn" onclick="scrollTo('group')"><i class="fas fa-users"></i> Group Travel</button>
    <button class="tab-btn" onclick="scrollTo('visa')"><i class="fas fa-passport"></i> Visa & Docs</button>
    <button class="tab-btn" onclick="scrollTo('flights')"><i class="fas fa-plane-departure"></i> Flights & Hotels</button>
    <button class="tab-btn" onclick="scrollTo('concierge')"><i class="fas fa-concierge-bell"></i> Concierge</button>
    <button class="tab-btn" onclick="scrollTo('faq')"><i class="fas fa-question-circle"></i> FAQs</button>
  </div>
</div>

<!-- SERVICES OVERVIEW -->
<div class="overview">
  <div style="text-align:center;">
    <div class="section-label">All Services</div>
    <h2 class="section-title">Everything You Need,<br><em>Under One Roof</em></h2>
  </div>
  <div class="overview-grid">
    <a href="#leisure" class="overview-card reveal">
      <div class="ov-icon"><i class="fas fa-umbrella-beach"></i></div>
      <div class="ov-title">Leisure Travel</div>
      <p class="ov-text">Bespoke holiday packages designed entirely around your lifestyle — from barefoot luxury to cultural deep-dives.</p>
      <div class="ov-arrow">Learn More <i class="fas fa-arrow-right"></i></div>
    </a>
    <a href="#corporate" class="overview-card reveal rd1">
      <div class="ov-icon"><i class="fas fa-briefcase"></i></div>
      <div class="ov-title">Corporate Travel</div>
      <p class="ov-text">End-to-end business travel management with premium comfort, policy compliance, and zero disruption to productivity.</p>
      <div class="ov-arrow">Learn More <i class="fas fa-arrow-right"></i></div>
    </a>
    <a href="#group" class="overview-card reveal rd2">
      <div class="ov-icon"><i class="fas fa-users"></i></div>
      <div class="ov-title">Group Travel</div>
      <p class="ov-text">Curated experiences for families, friends, and organizations — every detail handled so you just show up and enjoy.</p>
      <div class="ov-arrow">Learn More <i class="fas fa-arrow-right"></i></div>
    </a>
    <a href="#visa" class="overview-card reveal">
      <div class="ov-icon"><i class="fas fa-passport"></i></div>
      <div class="ov-title">Visa & Documentation</div>
      <p class="ov-text">Expert guidance through every visa application — fast, accurate, and completely stress-free from start to approval.</p>
      <div class="ov-arrow">Learn More <i class="fas fa-arrow-right"></i></div>
    </a>
    <a href="#flights" class="overview-card reveal rd1">
      <div class="ov-icon"><i class="fas fa-plane-departure"></i></div>
      <div class="ov-title">Hotel & Flight Booking</div>
      <p class="ov-text">Access to the world's finest hotels and best-priced flights — handpicked and negotiated to maximize your value.</p>
      <div class="ov-arrow">Learn More <i class="fas fa-arrow-right"></i></div>
    </a>
    <a href="#concierge" class="overview-card reveal rd2">
      <div class="ov-icon"><i class="fas fa-concierge-bell"></i></div>
      <div class="ov-title">Concierge Services</div>
      <p class="ov-text">24/7 personal travel assistance — from private airport transfers to exclusive dining reservations and experiences.</p>
      <div class="ov-arrow">Learn More <i class="fas fa-arrow-right"></i></div>
    </a>
  </div>
</div>

<!-- ── 1. LEISURE TRAVEL ── -->
<div class="service-section" id="leisure">
  <div class="service-layout">
    <div class="service-visual reveal">
      <div class="service-img-wrap">
        <img src="https://images.unsplash.com/photo-1514282401047-d79a71a590e8?w=700&q=80" alt="Leisure Travel" class="service-img"/>
        <div class="service-img-badge">
          <div class="service-img-badge-icon"><i class="fas fa-umbrella-beach"></i></div>
          <div class="service-img-badge-text">Leisure Travel</div>
        </div>
      </div>
    </div>
    <div class="service-content reveal rd1">
      <div class="section-label">01</div>
      <h2 class="service-title">Leisure <em>Travel</em></h2>
      <p class="service-desc">Your holiday should feel like you — not a template. We design every leisure itinerary around your unique personality, pace, and desires. Whether it's a romantic getaway in Santorini, a family adventure in Bali, or a solo soul retreat in Zanzibar — we make it extraordinary.</p>
      <div class="process-label">How It Works</div>
      <div class="process-steps">
        <div class="process-step"><div class="process-num">1</div><div><div class="process-step-title">Discovery Consultation</div><div class="process-step-text">We begin with a detailed conversation about your travel style, dream experiences, budget, and travel dates.</div></div></div>
        <div class="process-step"><div class="process-num">2</div><div><div class="process-step-title">Bespoke Itinerary Design</div><div class="process-step-text">Our destination specialists craft a fully personalized itinerary — hotels, activities, transfers, dining, and more.</div></div></div>
        <div class="process-step"><div class="process-num">3</div><div><div class="process-step-title">Review & Refine</div><div class="process-step-text">We present your itinerary, gather your feedback, and refine every detail until it's exactly right.</div></div></div>
        <div class="process-step"><div class="process-num">4</div><div><div class="process-step-title">Book & Travel with Confidence</div><div class="process-step-text">We handle all bookings, documentation, and 24/7 on-trip support. You simply show up and enjoy.</div></div></div>
      </div>
      <div class="includes-grid">
        <div class="include-item"><i class="fas fa-check-circle"></i> Flight bookings & seat selection</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Luxury hotel reservations</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Airport transfers & logistics</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Activities & excursion booking</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Visa support (where applicable)</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> 24/7 on-trip concierge support</div>
      </div>
      <a href="https://wa.me/2347031034668?text=I'm%20interested%20in%20Leisure%20Travel%20with%20Eri%20Travel%20Consult" class="service-cta-btn" target="_blank"><i class="fab fa-whatsapp"></i> Plan My Leisure Trip</a>
    </div>
  </div>
</div>

<!-- ── 2. CORPORATE TRAVEL ── -->
<div class="service-section" id="corporate">
  <div class="service-layout reverse">
    <div class="service-content reveal">
      <div class="section-label">02</div>
      <h2 class="service-title">Corporate <em>Travel</em></h2>
      <p class="service-desc">Business travel shouldn't be a burden. We provide seamless, policy-compliant travel management for executives, teams, and entire organizations — delivering premium comfort, reliable logistics, and significant cost savings without sacrificing quality.</p>
      <div class="process-label">How It Works</div>
      <div class="process-steps">
        <div class="process-step"><div class="process-num">1</div><div><div class="process-step-title">Corporate Onboarding</div><div class="process-step-text">We understand your company's travel policy, preferred airlines, hotel programs, and reporting requirements.</div></div></div>
        <div class="process-step"><div class="process-num">2</div><div><div class="process-step-title">Dedicated Account Manager</div><div class="process-step-text">A dedicated travel manager is assigned to your company for all bookings, changes, and emergencies.</div></div></div>
        <div class="process-step"><div class="process-num">3</div><div><div class="process-step-title">Booking & Approval Workflow</div><div class="process-step-text">We integrate into your approval process — handling flight, hotel, and ground transport bookings seamlessly.</div></div></div>
        <div class="process-step"><div class="process-num">4</div><div><div class="process-step-title">Reporting & Cost Management</div><div class="process-step-text">Monthly travel spend reports and analytics to help your finance team track and optimize travel budgets.</div></div></div>
      </div>
      <div class="includes-grid">
        <div class="include-item"><i class="fas fa-check-circle"></i> Dedicated account manager</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Policy-compliant bookings</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Business class arrangements</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Airport lounge access support</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Monthly spend reporting</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Emergency rebooking 24/7</div>
      </div>
      <a href="https://wa.me/2347031034668?text=I'm%20interested%20in%20Corporate%20Travel%20management%20with%20Eri%20Travel%20Consult" class="service-cta-btn orange" target="_blank"><i class="fab fa-whatsapp"></i> Enquire About Corporate Travel</a>
    </div>
    <div class="service-visual reveal rd1">
      <div class="service-img-wrap">
        <img src="img/corporate_man.jpg?w=700&q=80" alt="Corporate Travel" class="service-img"/>
        <div class="service-img-badge" style="background:linear-gradient(135deg,var(--orange),var(--orange-light));">
          <div class="service-img-badge-icon"><i class="fas fa-briefcase"></i></div>
          <div class="service-img-badge-text">Corporate Travel</div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- ── 3. GROUP TRAVEL ── -->
<div class="service-section" id="group">
  <div class="service-layout">
    <div class="service-visual reveal">
      <div class="service-img-wrap">
        <img src="img/group_tour.jpg?w=700&q=80" alt="Group Travel" class="service-img"/>
        <div class="service-img-badge">
          <div class="service-img-badge-icon"><i class="fas fa-users"></i></div>
          <div class="service-img-badge-text">Group Travel</div>
        </div>
      </div>
    </div>
    <div class="service-content reveal rd1">
      <div class="section-label">03</div>
      <h2 class="service-title">Group <em>Travel</em></h2>
      <p class="service-desc">Coordinating group travel is complex — coordinating it beautifully is our specialty. Whether it's a family reunion in Dubai, a friends' getaway to Bali, a church pilgrimage, or a corporate retreat in Cape Town, we handle every logistical detail so every member of your group arrives on time, in style, and with zero headaches.</p>
      <div class="process-label">How It Works</div>
      <div class="process-steps">
        <div class="process-step"><div class="process-num">1</div><div><div class="process-step-title">Group Needs Assessment</div><div class="process-step-text">We understand your group size, interests, budget, dietary needs, accessibility requirements, and travel goals.</div></div></div>
        <div class="process-step"><div class="process-num">2</div><div><div class="process-step-title">Group Rate Negotiation</div><div class="process-step-text">We leverage our network to secure exclusive group rates on flights, hotels, and experiences unavailable to the public.</div></div></div>
        <div class="process-step"><div class="process-num">3</div><div><div class="process-step-title">Full Logistics Coordination</div><div class="process-step-text">From airport meet-and-greet to group transfers, room assignments, and meal arrangements — all handled.</div></div></div>
        <div class="process-step"><div class="process-num">4</div><div><div class="process-step-title">On-Ground Support</div><div class="process-step-text">A dedicated travel rep is available throughout your group trip to manage any issues in real time.</div></div></div>
      </div>
      <div class="includes-grid">
        <div class="include-item"><i class="fas fa-check-circle"></i> Groups of 10 to 500+</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Exclusive group discounts</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Coordinated airport transfers</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Group accommodation blocks</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Tour guide arrangements</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Custom group itineraries</div>
      </div>
      <a href="https://wa.me/2347031034668?text=I'm%20interested%20in%20Group%20Travel%20with%20Eri%20Travel%20Consult" class="service-cta-btn" target="_blank"><i class="fab fa-whatsapp"></i> Plan Our Group Trip</a>
    </div>
  </div>
</div>

<!-- ── 4. VISA ── -->
<div class="service-section" id="visa">
  <div class="service-layout reverse">
    <div class="service-content reveal">
      <div class="section-label">04</div>
      <h2 class="service-title">Visa & <em>Documentation</em></h2>
      <p class="service-desc">Visa rejections, missing documents, confusing requirements — we eliminate all of it. Our visa specialists have successfully processed applications for travelers headed to over 40 countries, including the most complex and high-scrutiny destinations. We know exactly what embassies look for, and we make sure your application is flawless.</p>
      <div class="process-label">How It Works</div>
      <div class="process-steps">
        <div class="process-step"><div class="process-num">1</div><div><div class="process-step-title">Destination & Eligibility Check</div><div class="process-step-text">We assess your destination requirements, passport type, and eligibility to identify the right visa category.</div></div></div>
        <div class="process-step"><div class="process-num">2</div><div><div class="process-step-title">Document Checklist & Preparation</div><div class="process-step-text">We provide a precise, personalized checklist and guide you through preparing every required document correctly.</div></div></div>
        <div class="process-step"><div class="process-num">3</div><div><div class="process-step-title">Application Submission</div><div class="process-step-text">We submit or accompany your application, schedule embassy appointments where needed, and track progress.</div></div></div>
        <div class="process-step"><div class="process-num">4</div><div><div class="process-step-title">Approval & Collection</div><div class="process-step-text">We notify you immediately on approval and arrange collection or delivery of your visa documents.</div></div></div>
      </div>
      <div class="includes-grid">
        <div class="include-item"><i class="fas fa-check-circle"></i> Tourist & business visas</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Student & work visa support</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Schengen visa applications</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> US, UK & Canada visas</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Travel insurance letters</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Invitation & bank letters</div>
      </div>
      <a href="https://wa.me/2347031034668?text=I%20need%20help%20with%20my%20visa%20application" class="service-cta-btn orange" target="_blank"><i class="fab fa-whatsapp"></i> Get Visa Assistance</a>
    </div>
    <div class="service-visual reveal rd1">
      <div class="service-img-wrap">
        <img src="img/visa_assitance.jpg?w=700&q=80" alt="Visa" class="service-img"/>
        <div class="service-img-badge" style="background:linear-gradient(135deg,var(--orange),var(--orange-light));">
          <div class="service-img-badge-icon"><i class="fas fa-passport"></i></div>
          <div class="service-img-badge-text">Visa & Docs</div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- ── 5. FLIGHTS & HOTELS ── -->
<div class="service-section" id="flights">
  <div class="service-layout">
    <div class="service-visual reveal">
      <div class="service-img-wrap">
        <img src="https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?w=700&q=80" alt="Hotels" class="service-img"/>
        <div class="service-img-badge">
          <div class="service-img-badge-icon"><i class="fas fa-hotel"></i></div>
          <div class="service-img-badge-text">Hotels & Flights</div>
        </div>
      </div>
    </div>
    <div class="service-content reveal rd1">
      <div class="section-label">05</div>
      <h2 class="service-title">Hotel & Flight <em>Booking</em></h2>
      <p class="service-desc">We access fares and rates that most travelers simply can't find on their own. Through our partnerships with leading airlines and hotel chains worldwide, we secure the best available options at every price point — from economy essentials to first-class luxury.</p>
      <div class="process-label">How It Works</div>
      <div class="process-steps">
        <div class="process-step"><div class="process-num">1</div><div><div class="process-step-title">Requirements Briefing</div><div class="process-step-text">Tell us your route, dates, preferred airlines, cabin class, hotel star rating, and location preferences.</div></div></div>
        <div class="process-step"><div class="process-num">2</div><div><div class="process-step-title">Search & Compare</div><div class="process-step-text">We search across our full network of airline and hotel partners to find the best options for your needs.</div></div></div>
        <div class="process-step"><div class="process-num">3</div><div><div class="process-step-title">Recommendation & Confirmation</div><div class="process-step-text">We present the top options with clear pricing, and confirm your chosen flights and hotels upon your approval.</div></div></div>
        <div class="process-step"><div class="process-num">4</div><div><div class="process-step-title">E-Tickets & Vouchers</div><div class="process-step-text">All booking confirmations, e-tickets, and hotel vouchers are sent directly to you in an organized travel dossier.</div></div></div>
      </div>
      <div class="includes-grid">
        <div class="include-item"><i class="fas fa-check-circle"></i> Economy to First Class flights</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> 3-star to 5-star hotels</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Early check-in/late check-out</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Seat selection & meal requests</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Airline miles management</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Travel dossier & e-tickets</div>
      </div>
      <a href="https://wa.me/2347031034668?text=I%20need%20help%20booking%20flights%20and%20hotels" class="service-cta-btn" target="_blank"><i class="fab fa-whatsapp"></i> Book Flights & Hotels</a>
    </div>
  </div>
</div>

<!-- ── 6. CONCIERGE ── -->
<div class="service-section" id="concierge">
  <div class="service-layout reverse">
    <div class="service-content reveal">
      <div class="section-label">06</div>
      <h2 class="service-title">Concierge <em>Services</em></h2>
      <p class="service-desc">The finest travel experiences happen in the details — a private yacht at sunset, a table at the best restaurant in Rome, a helicopter transfer over the Maldives. Our concierge team specializes in making the exceptional feel effortless. Available around the clock, wherever in the world you are.</p>
      <div class="process-label">What We Arrange</div>
      <div class="process-steps">
        <div class="process-step"><div class="process-num"><i class="fas fa-car" style="font-size:14px"></i></div><div><div class="process-step-title">Private Transfers & Chauffeur Services</div><div class="process-step-text">Airport pickups, city transfers, and private chauffeur-driven cars in any destination worldwide.</div></div></div>
        <div class="process-step"><div class="process-num"><i class="fas fa-utensils" style="font-size:14px"></i></div><div><div class="process-step-title">Fine Dining Reservations</div><div class="process-step-text">We secure tables at the world's most sought-after restaurants — including impossible-to-book Michelin-starred venues.</div></div></div>
        <div class="process-step"><div class="process-num"><i class="fas fa-ticket-alt" style="font-size:14px"></i></div><div><div class="process-step-title">Experience & Event Tickets</div><div class="process-step-text">Exclusive access to events, shows, sports fixtures, and cultural experiences — including sold-out venues.</div></div></div>
        <div class="process-step"><div class="process-num"><i class="fas fa-spa" style="font-size:14px"></i></div><div><div class="process-step-title">Wellness & Spa Bookings</div><div class="process-step-text">From in-room spa treatments to private yoga sessions and wellness retreats — we handle the details.</div></div></div>
      </div>
      <div class="includes-grid">
        <div class="include-item"><i class="fas fa-check-circle"></i> Private yacht & boat charters</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Helicopter experiences</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Personal shopping assistance</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Baby & childcare services</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Photography & videography</div>
        <div class="include-item"><i class="fas fa-check-circle"></i> Anniversary & proposal setups</div>
      </div>
      <a href="https://wa.me/2347031034668?text=I'm%20interested%20in%20your%20Concierge%20Services" class="service-cta-btn orange" target="_blank"><i class="fab fa-whatsapp"></i> Request Concierge Services</a>
    </div>
    <div class="service-visual reveal rd1">
      <div class="service-img-wrap">
        <img src="https://images.unsplash.com/photo-1571003123894-1f0594d2b5d9?w=700&q=80" alt="Concierge" class="service-img"/>
        <div class="service-img-badge" style="background:linear-gradient(135deg,var(--gold),var(--gold-light));">
          <div class="service-img-badge-icon" style="color:var(--black)"><i class="fas fa-concierge-bell"></i></div>
          <div class="service-img-badge-text" style="color:var(--black)">Concierge</div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- TRUST STRIP -->
<div class="trust-strip">
  <div class="trust-item reveal"><div class="trust-num">4+</div><div class="trust-label">Years of Excellence</div></div>
  <div class="trust-item reveal rd1"><div class="trust-num">1K+</div><div class="trust-label">Happy Clients</div></div>
  <div class="trust-item reveal rd2"><div class="trust-num">50+</div><div class="trust-label">Destinations Served</div></div>
  <div class="trust-item reveal rd3"><div class="trust-num">24/7</div><div class="trust-label">Client Support</div></div>
</div>

<!-- FAQ -->
<div class="faq-section" id="faq">
  <div class="section-label" style="justify-content:center;">Common Questions</div>
  <h2 class="section-title" style="text-align:center;">Frequently Asked <em>Questions</em></h2>
  <div class="faq-grid">
    <div class="faq-intro reveal">
      <h3 class="faq-intro-title">Still Have <em>Questions?</em></h3>
      <p class="faq-intro-text">We know travel planning can feel overwhelming. That's exactly why we're here — to answer every question, address every concern, and make the process completely effortless for you.</p>
      <div class="faq-contact-card">
        <h4>Ask Us Directly</h4>
        <p>Our travel specialists are available on WhatsApp and respond within minutes during business hours — and within the hour at all other times.</p>
        <a href="https://wa.me/2347031034668?text=Hi%20Eri%20Travel!%20I%20have%20a%20question%20about%20your%20services." class="faq-wa-btn" target="_blank"><i class="fab fa-whatsapp"></i> Chat With Us Now</a>
      </div>
    </div>
    <div class="faq-list reveal rd1">
      <div class="faq-item open">
        <div class="faq-q" onclick="toggleFaq(this)">
          <span class="faq-q-text">How far in advance should I start planning my trip?</span>
          <span class="faq-icon"><i class="fas fa-plus"></i></span>
        </div>
        <div class="faq-a"><div class="faq-a-inner">We recommend starting at least 6–8 weeks before your desired travel date for leisure trips, and 4–6 weeks for domestic or regional travel. For peak season travel (December, Easter, summer) or complex itineraries, 3–6 months is ideal. That said, we have experience handling last-minute bookings too — just reach out and we'll do our best.</div></div>
      </div>
      <div class="faq-item">
        <div class="faq-q" onclick="toggleFaq(this)">
          <span class="faq-q-text">Do you offer payment plans for travel packages?</span>
          <span class="faq-icon"><i class="fas fa-plus"></i></span>
        </div>
        <div class="faq-a"><div class="faq-a-inner">Yes. We offer flexible payment structures for most packages — typically a deposit to confirm the booking followed by balance payments closer to the travel date. The exact structure depends on the airline and hotel's policies. Contact us to discuss your specific payment needs and we'll find a plan that works for you.</div></div>
      </div>
      <div class="faq-item">
        <div class="faq-q" onclick="toggleFaq(this)">
          <span class="faq-q-text">Can you help me get a visa if I've been rejected before?</span>
          <span class="faq-icon"><i class="fas fa-plus"></i></span>
        </div>
        <div class="faq-a"><div class="faq-a-inner">Absolutely. Previous rejections are not disqualifying — in fact, we specialize in complex cases. We review the reasons for your previous rejection, identify gaps in your documentation, and prepare a significantly stronger application. Our team has successfully turned around rejections for clients seeking visas to the US, UK, Schengen area, Canada, and more.</div></div>
      </div>
      <div class="faq-item">
        <div class="faq-q" onclick="toggleFaq(this)">
          <span class="faq-q-text">What happens if my trip gets disrupted or cancelled?</span>
          <span class="faq-icon"><i class="fas fa-plus"></i></span>
        </div>
        <div class="faq-a"><div class="faq-a-inner">We have 24/7 emergency support for all active clients. In the event of a flight cancellation, missed connection, or on-ground emergency, our team acts immediately — rebooking flights, arranging alternative accommodation, and communicating with all relevant parties so you're never left stranded. We also recommend and facilitate travel insurance for all our clients.</div></div>
      </div>
      <div class="faq-item">
        <div class="faq-q" onclick="toggleFaq(this)">
          <span class="faq-q-text">Do you offer travel insurance?</span>
          <span class="faq-icon"><i class="fas fa-plus"></i></span>
        </div>
        <div class="faq-a"><div class="faq-a-inner">Yes. We partner with leading travel insurance providers to offer comprehensive coverage including trip cancellation, medical emergencies, lost baggage, and travel delays. We strongly recommend travel insurance for all international trips and can include it as part of your travel package. Ask your travel specialist for details.</div></div>
      </div>
      <div class="faq-item">
        <div class="faq-q" onclick="toggleFaq(this)">
          <span class="faq-q-text">How do I get started with Eri Travel Consult?</span>
          <span class="faq-icon"><i class="fas fa-plus"></i></span>
        </div>
        <div class="faq-a"><div class="faq-a-inner">It's simple — just reach out via WhatsApp, email, or our contact form. Tell us where you want to go (or even just the type of experience you're after), and a dedicated travel specialist will reach out within hours to begin the planning process. There's no commitment required for the initial consultation.</div></div>
      </div>
    </div>
  </div>
</div>

<!-- FINAL CTA -->
<div class="final-cta">
  <div class="final-cta-content">
    <div class="section-label" style="justify-content:center;">Ready to Begin?</div>
    <h2 class="final-cta-title">Your Dream Trip is<br>One Conversation <em>Away.</em></h2>
    <p class="final-cta-sub">Whether you have every detail planned or just a vague dream — we're the team that makes it happen, beautifully.</p>
    <div class="cta-btns">
      <a href="https://wa.me/2347031034668?text=Hello%20Eri%20Travel!%20I'd%20like%20to%20start%20planning%20my%20trip." class="btn-gold"><i class="fab fa-whatsapp"></i> Start on WhatsApp</a>
      <a href="contact.php" class="btn-outline"><i class="fas fa-envelope"></i> Send an Enquiry</a>
    </div>
  </div>
</div>

<!-- FOOTER -->
<footer>
  <div class="footer-grid">
    <div>
      <div class="footer-logo"><div class="footer-logo-icon"><img src="img/eri_travel_logo.png" 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>
    <div>
      <div class="footer-col-title">Quick Links</div>
      <ul class="footer-links">
        <li><a href="index.php">Home</a></li>
        <li><a href="destinations.php">Destinations</a></li>
        <li><a href="services.php">Services</a></li>
        <li><a href="about.php">About Us</a></li>
        <li><a href="contact.php">Contact Us</a></li>
      </ul>
    </div>
    <div>
      <div class="footer-col-title">Our Services</div>
      <ul class="footer-links">
        <li><a href="#leisure">Leisure Travel</a></li>
        <li><a href="#corporate">Corporate Travel</a></li>
        <li><a href="#group">Group Travel</a></li>
        <li><a href="#visa">Visa & Documentation</a></li>
        <li><a href="#flights">Hotel & Flight Booking</a></li>
        <li><a href="#concierge">Concierge Services</a></li>
      </ul>
    </div>
    <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>
    </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></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>

<a href="https://wa.me/2347031034668" class="whatsapp-fab" target="_blank"><i class="fab fa-whatsapp"></i></a>

<script>
  // Tab scroll
  function scrollTo(id) {
    const el = document.getElementById(id);
    if(!el) return;
    const offset = 160;
    const top = el.getBoundingClientRect().top + window.scrollY - offset;
    window.scrollTo({top, behavior:'smooth'});
    document.querySelectorAll('.tab-btn').forEach(b=>b.classList.remove('active'));
    event.target.closest('.tab-btn').classList.add('active');
  }

  // Highlight active tab on scroll
  const sections = ['leisure','corporate','group','visa','flights','concierge','faq'];
  window.addEventListener('scroll',()=>{
    let current='';
    sections.forEach(id=>{
      const el=document.getElementById(id);
      if(el && window.scrollY >= el.offsetTop-200) current=id;
    });
    document.querySelectorAll('.tab-btn').forEach((b,i)=>{
      b.classList.toggle('active', sections[i]===current);
    });
  });

  // FAQ accordion
  function toggleFaq(el) {
    const item = el.closest('.faq-item');
    const isOpen = item.classList.contains('open');
    document.querySelectorAll('.faq-item').forEach(i=>i.classList.remove('open'));
    if(!isOpen) item.classList.add('open');
  }

  // Scroll reveal
  const ro = new IntersectionObserver(entries=>entries.forEach(e=>{if(e.isIntersecting)e.target.classList.add('visible')}),{threshold:0.08});
  document.querySelectorAll('.reveal').forEach(el=>ro.observe(el));
</script>
</body>
</html>