<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Primary Meta Tags -->
    <title>BUL Consultancy - Empowering Global Careers | Job Placement, Travel & Visa Services</title>
    <meta name="title" content="BUL Consultancy - Empowering Global Careers | Job Placement, Travel & Visa Services">
    <meta name="description" content="BUL Consultancy offers comprehensive international services including job placement, travel & visa services, study abroad programs, and consultation. Your gateway to global opportunities.">
    <meta name="keywords" content="job placement, international careers, travel services, visa services, study abroad, immigration consultant, global opportunities, work abroad, Australia jobs, New Zealand jobs, Canada jobs, USA jobs, Europe jobs, Middle East jobs">
    <meta name="author" content="BUL Consultancy">
    <meta name="robots" content="index, follow">
    <meta name="language" content="English">
    <meta name="revisit-after" content="7 days">
    <meta name="distribution" content="global">
    <meta name="rating" content="general">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://bulconsultancy.com/">
    <meta property="og:title" content="BUL Consultancy - Empowering Global Careers">
    <meta property="og:description" content="Comprehensive international services including job placement, travel & visa services, study abroad programs, and consultation. Your gateway to global opportunities.">
    <meta property="og:image" content="https://bulconsultancy.com/logo.png">
    <meta property="og:site_name" content="BUL Consultancy">
    <meta property="og:locale" content="en_US">
    
    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://bulconsultancy.com/">
    <meta property="twitter:title" content="BUL Consultancy - Empowering Global Careers">
    <meta property="twitter:description" content="Comprehensive international services including job placement, travel & visa services, study abroad programs, and consultation.">
    <meta property="twitter:image" content="https://bulconsultancy.com/logo.png">
    
    <!-- Additional SEO Meta Tags -->
    <meta name="theme-color" content="#003366">
    <meta name="msapplication-TileColor" content="#003366">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="apple-mobile-web-app-title" content="BUL Consultancy">
    
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="favicon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
    <link rel="manifest" href="site.webmanifest">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://bulconsultancy.com/">
    
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
    
    <!-- AOS Animation Library -->
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    
    <!-- Google Fonts - Poppins -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
    
    <style>
        :root {
            --primary-color: #003366;
            --secondary-color: #005cb9;
            --accent-color: #f7b32b;
            --light-color: #f8f9fa;
            --dark-color: #212529;
            --success-color: #198754;
            --warning-color: #ffc107;
            --danger-color: #dc3545;
            --info-color: #0dcaf0;
            --gray-100: #f8f9fa;
            --gray-200: #e9ecef;
            --gray-300: #dee2e6;
            --gray-400: #ced4da;
            --gray-500: #adb5bd;
            --gray-600: #6c757d;
            --gray-700: #495057;
            --gray-800: #343a40;
            --gray-900: #212529;
            --transition-base: all 0.3s ease;
            --border-radius: 0.375rem;
            --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            --font-sans-serif: 'Poppins', sans-serif;
        }

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

        body {
            font-family: 'Poppins', sans-serif;
            line-height: 1.6;
            color: var(--dark-color);
            overflow-x: hidden;
        }

        /* Header Styles */
        .navbar {
            background: rgba(255, 255, 255, 0.95) !important;
            backdrop-filter: blur(10px);
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
            transition: var(--transition-base);
        }

        .navbar-brand {
            display: flex;
            align-items: center;
            font-weight: 700;
            font-size: 1.5rem;
            color: var(--primary-color) !important;
        }

        .navbar-brand img {
            height: 50px;
            margin-right: 15px;
        }

        .navbar-brand .brand-text {
            display: block;
        }

        .navbar-nav .nav-link {
            font-weight: 500;
            color: var(--dark-color) !important;
            margin: 0 10px;
            transition: var(--transition-base);
            position: relative;
        }

        .navbar-nav .nav-link:hover {
            color: var(--primary-color) !important;
        }

        .navbar-nav .nav-link::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 50%;
            width: 0;
            height: 2px;
            background: var(--primary-color);
            transition: var(--transition-base);
            transform: translateX(-50%);
        }

        .navbar-nav .nav-link:hover::after {
            width: 100%;
        }

        /* Mobile Navigation Fixes */
        .navbar-toggler {
            border: none;
            padding: 0.25rem 0.5rem;
            font-size: 1.25rem;
            line-height: 1;
            background-color: transparent;
            border-radius: 0.375rem;
            transition: box-shadow 0.15s ease-in-out;
        }

        .navbar-toggler:focus {
            box-shadow: 0 0 0 0.25rem rgba(0, 51, 102, 0.25);
        }

        .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 51, 102, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

        /* Hero Section */
        .hero {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
            color: white;
            padding: 120px 0 80px;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('about-hero.jpg') center/cover;
            opacity: 0.1;
            z-index: 1;
        }

        .hero .container {
            position: relative;
            z-index: 2;
        }

        .hero h1 {
            font-size: 3.5rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            line-height: 1.2;
        }

        .hero p {
            font-size: 1.2rem;
            margin-bottom: 2rem;
            opacity: 0.9;
        }

        .hero-buttons .btn {
            padding: 12px 30px;
            font-weight: 600;
            border-radius: 50px;
            margin: 0 10px 10px 0;
            transition: var(--transition-base);
        }

        .btn-primary {
            background: var(--accent-color);
            border: none;
            color: var(--dark-color);
        }

        .btn-primary:hover {
            background: #e5a425;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(247, 179, 43, 0.3);
        }

        .btn-outline-light:hover {
            background: white;
            color: var(--primary-color);
            transform: translateY(-2px);
        }

        /* Stats Section */
        .stats {
            background: white;
            padding: 80px 0;
            margin-top: -50px;
            position: relative;
            z-index: 3;
        }

        .stat-card {
            background: white;
            padding: 2rem;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: var(--transition-base);
            border: 1px solid var(--gray-200);
        }

        .stat-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .stat-number {
            font-size: 3rem;
            font-weight: 700;
            color: var(--primary-color);
            margin-bottom: 0.5rem;
        }

        .stat-label {
            color: var(--gray-600);
            font-weight: 500;
        }

        /* Services Section */
        .services {
            background: var(--gray-100);
            padding: 100px 0;
        }

        .section-title {
            text-align: center;
            margin-bottom: 4rem;
        }

        .section-title h2 {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--dark-color);
            margin-bottom: 1rem;
        }

        .section-title p {
            font-size: 1.1rem;
            color: var(--gray-600);
            max-width: 600px;
            margin: 0 auto;
        }

        .service-card {
            background: white;
            padding: 2.5rem 2rem;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: var(--transition-base);
            height: 100%;
            border: 1px solid var(--gray-200);
            position: relative;
            overflow: hidden;
        }

        .service-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
            transform: scaleX(0);
            transition: var(--transition-base);
        }

        .service-card:hover::before {
            transform: scaleX(1);
        }

        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .service-icon {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.5rem;
            font-size: 2rem;
        }

        .service-card h4 {
            font-weight: 600;
            margin-bottom: 1rem;
            color: var(--dark-color);
        }

        .service-card p {
            color: var(--gray-600);
            margin-bottom: 1.5rem;
        }

        /* About Section */
        .about {
            background: white;
            padding: 100px 0;
        }

        .about-content h3 {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--dark-color);
            margin-bottom: 1.5rem;
        }

        .about-content p {
            font-size: 1.1rem;
            color: var(--gray-600);
            margin-bottom: 1.5rem;
            line-height: 1.8;
        }

        .about-image {
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        }


        /* Contact Section */
        .contact {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
            color: white;
            padding: 100px 0;
        }

        .contact-info {
            background: rgba(255, 255, 255, 0.1);
            padding: 2rem;
            border-radius: 20px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .contact-item {
            display: flex;
            align-items: center;
            margin-bottom: 1.5rem;
        }

        .contact-item i {
            font-size: 1.5rem;
            margin-right: 1rem;
            color: var(--accent-color);
        }

        /* Footer */
        .footer {
            background: var(--dark-color);
            color: white;
            padding: 50px 0 20px;
        }

        .footer h5 {
            color: var(--accent-color);
            margin-bottom: 1rem;
        }

        .footer a {
            color: var(--gray-400);
            text-decoration: none;
            transition: var(--transition-base);
        }

        .footer a:hover {
            color: var(--accent-color);
        }

        .footer-bottom {
            border-top: 1px solid var(--gray-800);
            padding-top: 20px;
            margin-top: 30px;
            text-align: center;
            color: var(--gray-500);
        }

        /* Animations */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .slide-in-left {
            opacity: 0;
            transform: translateX(-50px);
            transition: all 0.8s ease;
        }

        .slide-in-left.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .slide-in-right {
            opacity: 0;
            transform: translateX(50px);
            transition: all 0.8s ease;
        }

        .slide-in-right.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .scale-in {
            opacity: 0;
            transform: scale(0.8);
            transition: all 0.8s ease;
        }

        .scale-in.visible {
            opacity: 1;
            transform: scale(1);
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 2.5rem;
            }

            .hero p {
                font-size: 1rem;
            }

            .section-title h2 {
                font-size: 2rem;
            }

            .about-content h3 {
                font-size: 2rem;
            }

            .navbar-brand {
                font-size: 1.2rem;
            }

            .navbar-brand img {
                height: 40px;
                margin-right: 0;
            }

            .navbar-brand .brand-text {
                display: none;
            }

            .hero-buttons .btn {
                display: block;
                width: 100%;
                margin: 10px 0;
            }

            /* Ensure mobile menu is clickable */
            .navbar-collapse {
                background: rgba(255, 255, 255, 0.98);
                border-radius: 10px;
                margin-top: 10px;
                padding: 15px;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            }

            .navbar-nav .nav-link {
                padding: 12px 20px;
                margin: 5px 0;
                border-radius: 8px;
                transition: all 0.3s ease;
            }

            .navbar-nav .nav-link:hover {
                background: rgba(0, 51, 102, 0.1);
                color: var(--primary-color) !important;
            }
        }

        @media (max-width: 576px) {
            .hero {
                padding: 100px 0 60px;
            }

            .hero h1 {
                font-size: 2rem;
            }

            .services, .about, .contact {
                padding: 60px 0;
            }

            .stat-card {
                margin-bottom: 1rem;
            }
        }

        /* Smooth scrolling */
        html {
            scroll-behavior: smooth;
        }

        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: var(--gray-100);
        }

        ::-webkit-scrollbar-thumb {
            background: var(--primary-color);
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: var(--secondary-color);
        }
    </style>
</head>
<body>
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg fixed-top">
        <div class="container">
            <a class="navbar-brand" href="#home">
                <img src="logo.png" alt="BUL Consultancy Logo">
                <span class="brand-text">BUL CONSULTANCY</span>
            </a>
            
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            
                                <div class="collapse navbar-collapse" id="navbarNav">
                        <ul class="navbar-nav ms-auto">
                            <li class="nav-item">
                                <a class="nav-link" href="#home">Home</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#services">Services</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="about.php">About</a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" href="contact.php">Contact</a>
                            </li>
                        </ul>
                    </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section id="home" class="hero">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6" data-aos="fade-right" data-aos-duration="1000">
                    <h1>✈️ Every Destination – Vetted Like It's for Us</h1>
                    <p>
                        At BUL Consultancy, we're more than consultants—we're your trusted partners for living and working abroad. Our team's expertise in immigration, culture, and global opportunities ensures you get genuine, personal guidance every step of the way.
                    </p>
                    <p>
                        We don't just change destinations—we change lives. Your success is our passion and purpose.
                    </p>
                    <div class="hero-buttons">
                        <a href="#services" class="btn btn-primary btn-lg">Explore Services</a>
                        <a href="#contact" class="btn btn-outline-light btn-lg">Get Started</a>
                    </div>
                </div>
                <div class="col-lg-6" data-aos="fade-left" data-aos-duration="1000" data-aos-delay="200">
                    <img src="about-hero.jpg" alt="Global Opportunities" class="img-fluid rounded-3 shadow-lg">
                </div>
            </div>
        </div>
    </section>

    <!-- Stats Section -->
    <section class="stats">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 mb-4" data-aos="fade-up" data-aos-duration="800" data-aos-delay="100">
                    <div class="stat-card">
                        <div class="stat-number">120+</div>
                        <div class="stat-label">Jobs Posted</div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 mb-4" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200">
                    <div class="stat-card">
                        <div class="stat-number">30+</div>
                        <div class="stat-label">Travel Packages</div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 mb-4" data-aos="fade-up" data-aos-duration="800" data-aos-delay="300">
                    <div class="stat-card">
                        <div class="stat-number">25+</div>
                        <div class="stat-label">Study Programs</div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 mb-4" data-aos="fade-up" data-aos-duration="800" data-aos-delay="400">
                    <div class="stat-card">
                        <div class="stat-number">500+</div>
                        <div class="stat-label">Happy Clients</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Services Section -->
    <section id="services" class="services">
        <div class="container">
            <div class="section-title" data-aos="fade-up" data-aos-duration="800">
                <h2>Our Comprehensive Services</h2>
                <p>We provide end-to-end solutions to help you achieve your international goals and dreams</p>
            </div>
            
            <div class="row g-4">
                <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="100">
                    <div class="service-card">
                        <div class="service-icon bg-primary">
                            <i class="bi bi-briefcase text-white"></i>
                        </div>
                        <h4>Job Placement</h4>
                        <p>Connect with employers around the world seeking your skills and expertise. We help you find the perfect international career opportunity.</p>
                        <a href="job-placement.html" class="btn btn-outline-primary">Learn More</a>
                    </div>
                </div>
                
                <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200">
                    <div class="service-card">
                        <div class="service-icon bg-secondary">
                            <i class="bi bi-airplane text-white"></i>
                        </div>
                        <h4>Travel & Visa Services</h4>
                        <p>Comprehensive travel packages and visa assistance for your international journey. We handle the complexities so you can focus on your adventure.</p>
                        <a href="travel-visa-services.html" class="btn btn-outline-primary">Learn More</a>
                    </div>
                </div>
                
                <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="300">
                    <div class="service-card">
                        <div class="service-icon bg-success">
                            <i class="bi bi-mortarboard text-white"></i>
                        </div>
                        <h4>Study Abroad Programs</h4>
                        <p>Access quality education and enhance your qualifications overseas. We guide you through the entire application and enrollment process.</p>
                        <a href="study-abroad.html" class="btn btn-outline-primary">Learn More</a>
                    </div>
                </div>
                
                <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="400">
                    <div class="service-card">
                        <div class="service-icon bg-info">
                            <i class="bi bi-sign-turn-right text-white"></i>
                        </div>
                        <h4>Sourcing & Border Clearance</h4>
                        <p>Product sourcing from China and smooth border crossing services for travelers. We ensure hassle-free international trade and travel.</p>
                        <a href="sourcing-border-clearance.html" class="btn btn-outline-primary">Learn More</a>
                    </div>
                </div>
                
                <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="500">
                    <div class="service-card">
                        <div class="service-icon bg-warning">
                            <i class="bi bi-calendar-check text-white"></i>
                        </div>
                        <h4>Work & Study Consultation</h4>
                        <p>Expert guidance on work and study opportunities abroad. Our consultants provide personalized advice for your international journey.</p>
                        <a href="work-study-consultation.html" class="btn btn-outline-primary">Learn More</a>
                    </div>
                </div>
                
                <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="600">
                    <div class="service-card">
                        <div class="service-icon bg-danger">
                            <i class="bi bi-chat-dots text-white"></i>
                        </div>
                        <h4>Document Verification</h4>
                        <p>Professional verification and authentication of your important documents. We ensure your paperwork meets international standards.</p>
                        <a href="document-verification.html" class="btn btn-outline-primary">Learn More</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section id="about" class="about">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6" data-aos="fade-right" data-aos-duration="1000">
                    <div class="about-content">
                        <h3>Why Choose BUL Consultancy?</h3>
                        <p>
                            With years of experience in international recruitment, travel services, and educational consulting, we've built a reputation for excellence and reliability. Our team understands the challenges of international relocation and is committed to making your journey smooth and successful.
                        </p>
                        <p>
                            We pride ourselves on our personalized approach, treating each client as an individual with unique needs and aspirations. Our comprehensive services cover every aspect of your international journey, from initial consultation to successful placement and ongoing support.
                        </p>
                        <p>
                            Our partnerships with leading employers, educational institutions, and travel agencies worldwide give us access to the best opportunities and ensure you receive top-quality service at every step.
                        </p>
                    </div>
                </div>
                <div class="col-lg-6" data-aos="fade-left" data-aos-duration="1000" data-aos-delay="200">
                    <div class="about-image">
                        <img src="why-choose-us.avif" alt="Why Choose BUL Consultancy" class="img-fluid">
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Contact Section -->
    <section id="contact" class="contact">
        <div class="container">
            <div class="section-title text-center" data-aos="fade-up" data-aos-duration="800">
                <h2 class="text-white">Get In Touch</h2>
                <p class="text-white-50">Ready to start your international journey? Contact us today!</p>
            </div>
            
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="contact-info" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="contact-item">
                                    <i class="bi bi-envelope"></i>
                                    <div>
                                        <strong>Email</strong><br>
                                        info@bulconsultancy.com
                                    </div>
                                </div>
                                <div class="contact-item">
                                    <i class="bi bi-telephone"></i>
                                    <div>
                                        <strong>Phone</strong><br>
                                        +263 78 119 8255
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="contact-item">
                                    <i class="bi bi-geo-alt"></i>
                                    <div>
                                        <strong>Location</strong><br>
                                        Harare, Zimbabwe
                                    </div>
                                </div>
                                <div class="contact-item">
                                    <i class="bi bi-clock"></i>
                                    <div>
                                        <strong>Business Hours</strong><br>
                                        Mon-Fri: 8AM-6PM
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="text-center mt-4">
                            <p class="mb-3">Ready to take the next step? Send us a message and we'll get back to you within 24 hours.</p>
                            <a href="mailto:info@bulconsultancy.com" class="btn btn-primary btn-lg">Send Email</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 mb-4">
                    <h5>BUL Consultancy</h5>
                    <p>Empowering global careers through comprehensive international services. Your success is our passion and purpose.</p>
                </div>
                <div class="col-lg-2 col-md-6 mb-4">
                    <h5>Services</h5>
                    <ul class="list-unstyled">
                        <li><a href="job-placement.html">Job Placement</a></li>
                        <li><a href="travel-visa-services.html">Travel & Visa</a></li>
                        <li><a href="study-abroad.html">Study Abroad</a></li>
                        <li><a href="work-study-consultation.html">Consultation</a></li>
                        <li><a href="sourcing-border-clearance.html">Sourcing & Border Clearance</a></li>
                        <li><a href="document-verification.html">Document Verification</a></li>
                    </ul>
                </div>
                <div class="col-lg-3 col-md-6 mb-4">
                    <h5>Quick Links</h5>
                    <ul class="list-unstyled">
                        <li><a href="#home">Home</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </div>
                <div class="col-lg-3 col-md-6 mb-4">
                    <h5>Connect With Us</h5>
                    <div class="d-flex gap-3">
                        <a href="#" class="text-white fs-4"><i class="bi bi-facebook"></i></a>
                        <a href="#" class="text-white fs-4"><i class="bi bi-twitter"></i></a>
                        <a href="#" class="text-white fs-4"><i class="bi bi-linkedin"></i></a>
                        <a href="#" class="text-white fs-4"><i class="bi bi-instagram"></i></a>
                    </div>
                </div>
            </div>
            
            <div class="footer-bottom">
                <p>&copy; 2024 BUL Consultancy. All rights reserved. | Empowering Global Careers</p>
            </div>
        </div>
    </footer>

    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    
    <!-- AOS Animation Library -->
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    
    <!-- Custom JavaScript -->
    <script>
        // Initialize AOS animations
        AOS.init({
            duration: 800,
            easing: 'ease-in-out',
            once: true,
            offset: 100
        });

        // Smooth scrolling for navigation links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // Navbar background change on scroll
        window.addEventListener('scroll', function() {
            const navbar = document.querySelector('.navbar');
            if (window.scrollY > 50) {
                navbar.style.background = 'rgba(255, 255, 255, 0.98)';
                navbar.style.boxShadow = '0 2px 20px rgba(0, 0, 0, 0.15)';
            } else {
                navbar.style.background = 'rgba(255, 255, 255, 0.95)';
                navbar.style.boxShadow = '0 2px 20px rgba(0, 0, 0, 0.1)';
            }
        });

        // Add loading animation for images
        window.addEventListener('load', function() {
            document.body.classList.add('loaded');
        });

        // Counter animation for stats
        const observerOptions = {
            threshold: 0.5
        };

        const observer = new IntersectionObserver(function(entries) {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const statNumber = entry.target.querySelector('.stat-number');
                    if (statNumber && !statNumber.classList.contains('animated')) {
                        animateCounter(statNumber);
                        statNumber.classList.add('animated');
                    }
                }
            });
        }, observerOptions);

        document.querySelectorAll('.stat-card').forEach(card => {
            observer.observe(card);
        });

        function animateCounter(element) {
            const target = parseInt(element.textContent);
            const duration = 2000;
            const step = target / (duration / 16);
            let current = 0;

            const timer = setInterval(() => {
                current += step;
                if (current >= target) {
                    current = target;
                    clearInterval(timer);
                }
                element.textContent = Math.floor(current) + '+';
            }, 16);
        }

        // Add hover effects for service cards
        document.querySelectorAll('.service-card').forEach(card => {
            card.addEventListener('mouseenter', function() {
                this.style.transform = 'translateY(-10px) scale(1.02)';
            });
            
            card.addEventListener('mouseleave', function() {
                this.style.transform = 'translateY(0) scale(1)';
            });
        });

        // Remove parallax effect for hero section to prevent overlay issues
        // Parallax was causing the stats section positioning problems

        // Close mobile menu when nav links are clicked
        document.querySelectorAll('.navbar-nav .nav-link').forEach(link => {
            link.addEventListener('click', function() {
                const navbarCollapse = document.querySelector('.navbar-collapse');
                if (navbarCollapse.classList.contains('show')) {
                    const bsCollapse = new bootstrap.Collapse(navbarCollapse, {
                        toggle: false
                    });
                    bsCollapse.hide();
                }
            });
        });
    </script>
</body>
</html>