@section('description', 'Zimlitech's AI PPC delivers 142% higher ROI with real-time bid optimization & cross-channel tracking. 850+ clients. Free audit. Start scaling today.')

@section('styles')
 <!-- css -->
  <style>
   
 :root {
    --red: #dc3545;
      --dark: #212529;
      --light: #f8f9fa;
           
            --secondary-color: #cc0000; /* Darker red */
           
           
            --gradient-bg: linear-gradient(135deg, #ff0000 0%, #cc0000 100%); /* Red gradient */
        }
        .text-red { color: var(--red) !important; }
    .bg-red { background-color: var(--red) !important; }
       
        body {
            
            overflow-x: hidden;
            background-color: #ffffff; /* White background */
            color: var(--dark-color);
        }
       
        /* Glass morphism effect */
        .glass-card {
            background: rgba(255, 255, 255, 0.95); /* More opaque white */
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-radius: 16px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.18);
            transition: all 0.3s ease;
        }
       
        .glass-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
        }
       
        /* Animated gradient background */
        .hero-gradient {
            background: linear-gradient(-45deg, #ff0000, #cc0000, #ff4444, #ff9999);
            background-size: 400% 400%;
            animation: gradient 15s ease infinite;
        }
       
        @keyframes gradient {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
       
        /* Custom button styles */
        .btn-primary {
            background-color: var(--primary-color);
            border: none;
            padding: 12px 28px;
            border-radius: 50px;
            font-weight: 600;
            letter-spacing: 0.5px;
            transition: all 0.3s ease;
        }
       
        .btn-primary:hover {
            background-color: var(--secondary-color);
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(255, 0, 0, 0.3); /* Red shadow */
        }
       
        .btn-outline-light {
            border: 2px solid white;
            color: white;
            padding: 12px 28px;
            border-radius: 50px;
            font-weight: 600;
            letter-spacing: 0.5px;
            transition: all 0.3s ease;
        }
       
        .btn-outline-light:hover {
            background-color: white;
            color: var(--primary-color); /* Red text on hover */
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(255, 255, 255, 0.3);
        }
       
        /* Section styling */
        .section {
            padding: 100px 0;
            background-color: #ffffff; /* White section backgrounds */
        }
       
        .section-title {
            font-weight: 800;
            margin-bottom: 30px;
            position: relative;
            display: inline-block;
        }
       
        .section-title:after {
            content: '';
            position: absolute;
            width: 60%;
            height: 4px;
            background: var(--gradient-bg); /* Red gradient */
            bottom: -10px;
            left: 0;
            border-radius: 2px;
        }
       
        /* Stats counter */
        .stat-item {
            text-align: center;
            padding: 30px 20px;
        }
       
        .stat-number {
            font-size: 48px;
            font-weight: 800;
            background: var(--gradient-bg); /* Red gradient */
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 10px;
        }
       
        /* Process steps */
        .process-step {
            position: relative;
            padding-left: 80px;
            margin-bottom: 40px;
        }
       
        .step-number {
            position: absolute;
            left: 0;
            top: 0;
            width: 60px;
            height: 60px;
            background: var(--gradient-bg); /* Red gradient */
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 24px;
        }
       
        /* Testimonials */
        .testimonial-card {
            padding: 30px;
            border-radius: 16px;
            height: 100%;
        }
       
        .client-img {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid var(--primary-color); /* Red border */
        }
       
        /* Pricing cards */
        .pricing-card {
            border: none;
            border-radius: 16px;
            transition: all 0.3s ease;
            overflow: hidden;
        }
       
        .pricing-card.popular {
            border: 2px solid var(--primary-color); /* Red border */
            position: relative;
        }
       
        .popular-badge {
            position: absolute;
            top: 20px;
            right: 20px;
            background: var(--accent-color); /* Light red */
            color: white;
            padding: 5px 15px;
            border-radius: 50px;
            font-size: 14px;
            font-weight: 600;
        }
       
        .price {
            font-size: 48px;
            font-weight: 800;
            color: var(--primary-color); /* Red color */
        }
       
        /* Form styling */
        .form-control {
            padding: 15px;
            border-radius: 10px;
            border: 1px solid #e0e0e0;
        }
       
        .form-control:focus {
            border-color: var(--primary-color); /* Red border */
            box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.25); /* Red shadow */
        }
       
        /* Icon styling - All icons set to red */
        .icon-box {
            background-color: rgba(255, 0, 0, 0.1) !important; /* Light red background */
            color: var(--primary-color) !important; /* Red icon */
        }
       
        /* All Font Awesome icons set to red */
        .fas, .far, .fab, .fa {
            color: var(--primary-color) !important;
        }
        
        /* Star ratings in testimonials */
        .text-warning {
            color: var(--primary-color) !important;
        }
        
        /* Checkmarks in feature lists */
        .fa-check-circle {
            color: var(--primary-color) !important;
        }
        
        /* Chevron in accordion */
        .accordion-button::after {
            filter: brightness(0) saturate(100%) invert(25%) sepia(99%) saturate(7458%) hue-rotate(0deg) brightness(99%) contrast(119%);
        }

        /* Team Member Cards */
        .team-card {
            transition: all 0.3s ease;
            border: none;
            overflow: hidden;
        }
        
        .team-card:hover {
            transform: translateY(-10px);
        }
        
        .team-img {
            width: 150px;
            height: 150px;
            object-fit: cover;
            border-radius: 50%;
            border: 3px solid var(--primary-color);
            margin: 0 auto;
        }
        
        .social-links a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            background: rgba(255, 0, 0, 0.1);
            color: var(--primary-color);
            border-radius: 50%;
            margin: 0 5px;
            transition: all 0.3s ease;
        }
        
        .social-links a:hover {
            background: var(--primary-color);
            color: white;
        }
        
        /* Client Success Stories */
        .client-logo {
            height: 80px;
            object-fit: contain;
            filter: grayscale(100%);
            opacity: 0.7;
            transition: all 0.3s ease;
        }
        
        .client-logo:hover {
            filter: grayscale(0);
            opacity: 1;
        }
        
        /* Technology Partners */
        .tech-card {
            border: 1px solid rgba(0,0,0,0.1);
            border-radius: 10px;
            transition: all 0.3s ease;
            height: 100%;
        }
        
        .tech-card:hover {
            border-color: var(--primary-color);
            box-shadow: 0 10px 30px rgba(255,0,0,0.1);
        }
        
        .tech-icon {
            font-size: 2.5rem;
            margin-bottom: 15px;
            color: var(--primary-color);
        }
       
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .section {
                padding: 60px 0;
            }
           
            .hero-content {
                text-align: center;
            }
           
            .process-step {
                padding-left: 60px;
            }
           
            .step-number {
                width: 50px;
                height: 50px;
                font-size: 20px;
            }
        }
        .step-number {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 24px;
}
.process-step {
    position: relative;
    padding-left: 80px;
    margin-bottom: 40px;
}
    </style>
@endsection



<!DOCTYPE html>
<html lang="en">

<head>
    <script>
    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-N3WFSQXD');
    </script>
    <meta charset="utf-8">
    <meta name="csrf-token" content="z9EXjAyUG5jjAy5yqvvOS9R8gg1btKhS2Pnbpu8J">
    <title>AI-Powered PPC Campaigns: 3.2x Conversions | Zimlitech</title>
    <link rel="icon" type="image/x-icon" href="https://www.zimlitech.com/images/favicon.ico">
    <link rel="shortcut icon" type="image/x-icon" href="https://www.zimlitech.com/favicon.ico">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta name="description" content="">

    <!-- Bootstrap CSS CDN -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Google Web Fonts -->
    <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=Inter:wght@400;500;600&family=Saira:wght@500;600;700&display=swap" rel="stylesheet">

    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Custom CSS for the whole site -->
    <style>
        :root {
            --primary-color: #dc3545;
            --primary-hover: #c82333;
            --secondary-color: #6c757d;
            --accent-color: #fd7e14;
            --light-color: #f8f9fa;
            --dark-color: #343a40;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: #333;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: 'Saira', sans-serif;
        }

        /* Common gradient backgrounds */
        .bg-gradient-primary {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);
        }

        .bg-gradient-secondary {
            background: linear-gradient(135deg, var(--secondary-color) 0%, #495057 100%);
        }

        .bg-gradient-light {
            background: linear-gradient(135deg, var(--light-color) 0%, #e9ecef 100%);
        }

        /* Custom card styles */
        .card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-radius: 0.5rem;
        }

        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
        }

        /* Custom button styles */
        .btn {
            font-weight: 500;
            padding: 0.5rem 1.25rem;
            border-radius: 0.375rem;
            transition: all 0.3s ease;
        }

        .btn-lg {
            padding: 0.75rem 1.5rem;
            font-size: 1.125rem;
        }

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

        .btn-primary:hover {
            background-color: var(--primary-hover);
            border-color: var(--primary-hover);
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
        }

        .btn-outline-primary {
            color: var(--primary-color);
            border-color: var(--primary-color);
        }

        .btn-outline-primary:hover {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
        }

        /* Forum-specific styles */
        .forum-container .category-icon,
        .forum-container .action-icon {
            transition: transform 0.2s ease;
        }

        .forum-container .list-group-item-action:hover .category-icon,
        .forum-container .list-group-item-action:hover .action-icon {
            transform: scale(1.1);
        }

        .forum-container .list-group-item-action:hover {
            background-color: rgba(220, 53, 69, 0.05);
        }

        .forum-container .badge {
            font-weight: 500;
        }

        .forum-container .comment {
            transition: background-color 0.3s ease;
        }

        .forum-container .comment:target {
            background-color: rgba(220, 53, 69, 0.05);
        }

        .forum-container .pin-badge {
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% {
                transform: scale(0.95);
            }

            70% {
                transform: scale(1);
            }

            100% {
                transform: scale(0.95);
            }
        }

        /* Pagination styles */
        .pagination .page-item.active .page-link {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
        }

        .pagination .page-link {
            color: var(--primary-color);
        }

        /* Custom form styles */
        .form-control:focus {
            border-color: rgba(220, 53, 69, 0.5);
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
        }
    </style>

    <!-- Page-specific styles -->
    </head>

<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3WFSQXD"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <div id="loader-overlay" class="position-fixed w-100 vh-100 top-0 start-0 d-flex align-items-center justify-content-center bg-white">
    <div id="loader">
        <img src="https://www.zimlitech.com/images/zimlitech_logo.png" alt="Loading..." class="img-fluid">
    </div>
</div>

<style>
    /* Loader Animation */
    @keyframes fadeInScale {
        0% {
            opacity: 0;
            transform: scale(0.8);
        }

        100% {
            opacity: 1;
            transform: scale(1);
        }
    }

    #loader-overlay {
        z-index: 9999;
        background: rgba(255, 255, 255, 0.98);
        transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
    }

    #loader img {
        width: 150px;
        opacity: 0;
        transform: scale(0.8);
        animation: fadeInScale 1.5s ease-in-out forwards;
    }

    /* Hides loader after transition */
    .loader-hidden {
        opacity: 0;
        visibility: hidden;
    }
</style>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        console.log('Loader finished, revealing content.');

        // Add a slight delay for the loading effect
        setTimeout(function() {
            document.getElementById('loader-overlay').classList.add('loader-hidden');
            document.getElementById('main-content').classList.remove('d-none');
        }, 2000); // 1.5 seconds to match fade-in animation
    });
</script>    <div id="main-content" class="d-none">
        <div class="container-fluid bg-black fixed-top">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-dark py-3">
            <a href="https://www.zimlitech.com" class="navbar-brand p-0">
                <header class="d-flex align-items-center">
                    <img src="https://www.zimlitech.com/images/zimlitech_logo.png" alt="ZimliTech Logo" class="me-2 logo-img" style="width: 40px; height: 40px;">
                    <h2 class="text-white fw-bold mt-1 logo-text" style="font-size: 24px;">Zimli<span class="text-danger">Tech</span></h2>
                </header>
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
                aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
                <!-- Left side: Navigation Links -->
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item dropdown me-3">
                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Services</a>
                        <!-- Mobile/Tablet dropdown menu (visible on screens < 992px) -->
                        <ul class="dropdown-menu d-lg-none">
                            <li><a class="dropdown-item" href="#">Software Development</a></li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/services/web-development">Web Development</a></li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/services/mobile-app-development">Mobile App Development</a></li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/services/custom-software-solutions">Custom Software Solutions</a></li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/services/api-development">API Development & Integration</a></li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/services/saas-development">SaaS Development</a></li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/services/data-analytics">Data Analytics</a></li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/services/machine-learning">Machine Learning</a></li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/services/ai-model-development">AI Model Development</a></li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/services/predictive-analysis">Predictive Analysis</a></li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/services/data-visualization">Data Visualization</a></li>
                            <li><a class="dropdown-item" href="#">UI/UX Design</a></li>
                            <li><a class="dropdown-item" href="#">Digital Marketing</a></li>
                            <li><a class="dropdown-item" href="#">Cyber Security</a></li>
                            <li><a class="dropdown-item" href="#">IT Support</a></li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/services/cloud-migration">Cloud Migration</a></li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/services/devops-services">DevOps Services</a></li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/services/cloud-security">Cloud Security</a></li>
                        </ul>
                    </li>
                    <li class="nav-item dropdown me-3">
                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Products</a>
                        <!-- Mobile/Tablet dropdown menu (visible on screens < 992px) -->
                        <ul class="dropdown-menu d-lg-none">
                            <li>
                                <h6 class="dropdown-header">Featured Products</h6>
                            </li>
                            <li><a class="dropdown-item" href="https://www.zimlitech.com/zimbiz-pos">ZimBiz POS System</a></li>
                            <li><a class="dropdown-item" href="#">GoGo Maps</a></li>
                            <li><a class="dropdown-item" href="#">Moola App</a></li>
                            <li><a class="dropdown-item" href="#">Audio Watermark</a></li>
                            <li><a class="dropdown-item" href="#">Mappit App</a></li>
                            <li>
                                <hr class="dropdown-divider">
                            </li>
                            <li>
                                <h6 class="dropdown-header">Enterprise Solutions</h6>
                            </li>
                            <li><a class="dropdown-item" href="#">ZimliERP</a></li>
                            <li><a class="dropdown-item" href="#">DataSync Platform</a></li>
                            <li>
                                <hr class="dropdown-divider">
                            </li>
                            <li><a class="dropdown-item" href="#">View All Products</a></li>
                        </ul>
                    </li>
                    <li class="nav-item dropdown me-3">
                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Insights</a>
                        <!-- Mobile/Tablet dropdown menu (visible on screens < 992px) -->
                        <ul class="dropdown-menu d-lg-none">
                            <li>
                                <h6 class="dropdown-header">Latest Articles</h6>
                            </li>
                            <li><a class="dropdown-item" href="#">Technology Trends 2023</a></li>
                            <li><a class="dropdown-item" href="#">AI in Business Operations</a></li>
                            <li><a class="dropdown-item" href="#">The Future of Web Development</a></li>
                            <li>
                                <hr class="dropdown-divider">
                            </li>
                            <li>
                                <h6 class="dropdown-header">Case Studies</h6>
                            </li>
                            <li><a class="dropdown-item" href="#">E-commerce Platform Migration</a></li>
                            <li><a class="dropdown-item" href="#">Healthcare App Development</a></li>
                            <li>
                                <hr class="dropdown-divider">
                            </li>
                            <li>
                                <h6 class="dropdown-header">Videos & Webinars</h6>
                            </li>
                            <li><a class="dropdown-item" href="#">AI Development Masterclass</a></li>
                            <li><a class="dropdown-item" href="#">Cloud Security Summit</a></li>
                            <li>
                                <hr class="dropdown-divider">
                            </li>
                            <li><a class="dropdown-item" href="#">View All Insights</a></li>
                        </ul>
                    </li>
                    <li class="nav-item me-3">
                        <a href="https://www.zimlitech.com/team" class="nav-link">Team</a>
                    </li>
                    <li class="nav-item me-3">
                        <a href="https://www.zimlitech.com/about" class="nav-link">About Us</a>
                    </li>
                </ul>

                <!-- Right side: Contact & Region Selection -->
                <div class="d-flex flex-column flex-lg-row align-items-lg-center">
                    <a href="#" class="btn btn-danger my-2 my-lg-0 me-lg-3">Contact Us</a>
                                        <a href="https://www.zimlitech.com/login" class="btn btn-outline-light btn-sm">
                        <i class="bi bi-person-fill me-1"></i> Login
                    </a>
                                    </div>
            </div>
        </nav>
    </div>
</div>

<!-- Full-width mega dropdown menus -->
<div class="mega-menu-container fixed-top d-none" id="services-dropdown">
    <div class="container py-4">
        <div class="row">
            <div class="col-lg-8">
                <div class="row">
                    <div class="col-md-4">
                        <h5>Software Development</h5>
                        <ul class="list-unstyled">
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/web-development">Web Development</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/mobile-app-development">Mobile App Development</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/saas-development">SaaS Development</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/custom-software-solutions">Custom Software Solutions</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/api-development">API Development & Integration</a></li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <h5>Data Science</h5>
                        <ul class="list-unstyled">
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/data-analytics">Data Analytics</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/machine-learning">Machine Learning</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/ai-model-development">AI Model Development</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/predictive-analysis">Predictive Analysis</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/data-visualization">Data Visualization</a></li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <h5>Cloud Computing</h5>
                        <ul class="list-unstyled">
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/cloud-migration">Cloud Migration</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/devops-services">DevOps Services</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/cloud-security">Cloud Security</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/serverless-architecture">Serverless Architecture</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/managed-cloud-services">Managed Cloud Services</a></li>
                        </ul>
                    </div>
                </div>
                <div class="row mt-4">
                    <div class="col-md-4">
                        <h5>Design Services</h5>
                        <ul class="list-unstyled">
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/ui-ux-design">UI/UX Design</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/branding-identity">Branding & Identity</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/wireframing-prototyping">Wireframing & Prototyping</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/design-system-development">Design System Development</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/mobile-webapp-design">Mobile & Web App Design</a></li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <h5>Digital Marketing</h5>
                        <ul class="list-unstyled">
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/seo-optimization">SEO Optimization</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/social-media-marketing">Social Media Marketing</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/content-marketing">Content Marketing</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/ppc-ad-campaign">PPC & Ad Campaigns</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/email-marketing">Email Marketing</a></li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <h5>Security Services</h5>
                        <ul class="list-unstyled">
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/cyber-security-audits">Cyber Security Audits</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/penetration-testing">Penetration Testing</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/network-security">Network Security</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/data-privacy-compilance">Data Privacy & Compliance</a></li>
                            <li><a class="mega-menu-item" href="https://www.zimlitech.com/services/threat-monitoring">Threat Monitoring</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="product-highlight p-3 bg-light rounded mb-4">
                    <div class="d-flex align-items-center mb-2">
                        <div class="rounded-circle bg-danger p-2 me-2 d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
                            <i class="bi bi-code-slash text-white"></i>
                        </div>
                        <h6 class="mb-0 fw-bold">Custom Development</h6>
                    </div>
                    <p class="text-muted mb-3">Tailored software solutions built to address your unique business challenges and goals.</p>
                    <div class="d-flex">
                        <a href="#" class="btn btn-sm btn-outline-danger me-2">Learn More</a>
                        <a href="#" class="btn btn-sm btn-danger">Get Started</a>
                    </div>
                </div>

                <div class="bg-danger p-3 rounded text-white">
                    <h5 class="text-white mb-2">IT Support & Administration</h5>
                    <ul class="list-unstyled mb-3">
                        <li><a class="text-white opacity-75 d-block py-1" href="https://www.zimlitech.com/services/server-administrator">Server Administration</a></li>
                        <li><a class="text-white opacity-75 d-block py-1" href="https://www.zimlitech.com/services/it-consulting">IT Consulting</a></li>
                        <li><a class="text-white opacity-75 d-block py-1" href="https://www.zimlitech.com/services/technical-support">Technical Support</a></li>
                        <li><a class="text-white opacity-75 d-block py-1" href="https://www.zimlitech.com/services/system-monitoring">System Monitoring</a></li>
                    </ul>
                    <a href="#" class="btn btn-sm btn-outline-light">Contact Our Team</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="mega-menu-container fixed-top d-none" id="products-dropdown">
    <div class="container py-4">
        <div class="row">
            <div class="col-md-3">
                <h5>Featured Products</h5>
                <ul class="list-unstyled">
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/zimbiz-pos">ZimBiz POS System</a></li>
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/gogo-maps">GoGo Maps</a></li>
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/moola-app">Moola App</a></li>
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/audio-watermark">Audio Watermark</a></li>
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/mappit-app">Mappit App</a></li>
                </ul>
            </div>
            <div class="col-md-3">
                <h5>Enterprise Solutions</h5>
                <ul class="list-unstyled">
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/zimli-erp">ZimliERP</a></li>
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/datasync-platform">DataSync Platform</a></li>
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/cloud-guard">CloudGuard Security</a></li>
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/hr-management">HR Management Suite</a></li>
                </ul>
            </div>
            <div class="col-md-3">
                <h5>Mobile Applications</h5>
                <ul class="list-unstyled">
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/task-tracker">TaskTracker</a></li>
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/health-monitor">HealthMonitor</a></li>
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/smart-shopper">SmartShopper</a></li>
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/travel-companion">TravelCompanion</a></li>
                </ul>
            </div>
            <div class="col-md-3">
                <div class="product-highlight p-3 bg-light rounded">
                    <div class="d-flex align-items-center mb-2">
                        <div class="rounded-circle bg-danger p-2 me-2 d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
                            <i class="bi bi-star-fill text-white"></i>
                        </div>
                        <h6 class="mb-0 fw-bold">Featured: ZimBiz POS</h6>
                    </div>
                    <p class="small text-muted mb-2">Complete point-of-sale solution with inventory management, analytics, and customer loyalty programs.</p>
                    <a href="https://www.zimlitech.com/zimbiz-pos" class="btn btn-sm btn-outline-danger">Learn more about ZimBiz POS – Our Point of Sale Solution</a>
                </div>
            </div>
        </div>
        <div class="row mt-4">
            <div class="col-md-6">
                <div class="p-3 bg-light rounded">
                    <div class="row">
                        <div class="col-md-8">
                            <h5 class="mb-2">Try Our Products</h5>
                            <p class="small text-muted mb-2">Experience our innovative solutions with a free trial or personalized demo.</p>
                            <div class="d-flex">
                                <a href="#" class="btn btn-sm btn-outline-danger me-2">Free Trials</a>
                                <a href="https://www.zimlitech.com/#contact-form" class="btn btn-sm btn-danger">Request Demo</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3 ">
                <h5>For Developers <span> <i class="fa-solid text-warning fa-crown"></i></span></h5>
                <ul class="list-unstyled ">
                    <li>
                        <p class="mega-menu-item p-0 mb-2 mt-4 ">Developer Portal</p>
                    </li>
                    <li>
                        <p class="mega-menu-item p-0 mb-2">API Documentation</p>
                    </li>
                    <li>
                        <p class="mega-menu-item p-0 mb-2">SDK Downloads</p>
                    </li>
                </ul>
            </div>
            <div class="col-md-3">
                <h5>Product Support</h5>
                <ul class="list-unstyled">
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/knowledge-base">Knowledge Base</a></li>
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/technical-support">Technical Support</a></li>
                    <li><a class="mega-menu-item" href="https://www.zimlitech.com/training-resources">Training Resources</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="mega-menu-container fixed-top d-none" id="insights-dropdown">
    <div class="container py-4">
        <div class="row">
            <div class="col-lg-8">
                <div class="row">
                    <div class="col-md-4">
                        <div class="service-category mb-4">
                            <div class="d-flex align-items-center mb-3">
                                <div class="icon-circle bg-light me-3 d-flex align-items-center justify-content-center">
                                    <i class="bi bi-newspaper text-danger"></i>
                                </div>
                                <h5 class="mb-0">Articles</h5>
                            </div>
                            <ul class="list-unstyled mt-3 ps-1">
                                <li class="mb-2"><a class="mega-menu-item" href="https://www.zimlitech.com/insights/technology-trend"><i class="bi bi-chevron-right text-danger me-1 small"></i><span>Technology Trends 2023</span></a></li>
                                <li class="mb-2"><a class="mega-menu-item" href="https://www.zimlitech.com/insights/ai-business-operations"><i class="bi bi-chevron-right text-danger me-1 small"></i><span>AI in Business Operations</span></a></li>
                                <li class="mb-2"><a class="mega-menu-item" href="https://www.zimlitech.com/insights/future-web-development"><i class="bi bi-chevron-right text-danger me-1 small"></i><span>Future of Web Development</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="service-category mb-4">
                            <div class="d-flex align-items-center mb-3">
                                <div class="icon-circle bg-light me-3 d-flex align-items-center justify-content-center">
                                    <i class="bi bi-briefcase text-danger"></i>
                                </div>
                                <h5 class="mb-0">Case Studies</h5>
                            </div>
                            <ul class="list-unstyled mt-3 ps-1">
                                <li class="mb-2"><a class="mega-menu-item" href="https://www.zimlitech.com/insights/ecommerce-platform-migration"><i class="bi bi-chevron-right text-danger me-1 small"></i><span>E-commerce Platform Migration</span></a></li>
                                <li class="mb-2"><a class="mega-menu-item" href="https://www.zimlitech.com/insights/healthcare-app-development"><i class="bi bi-chevron-right text-danger me-1 small"></i><span>Healthcare App Development</span></a></li>
                                <li class="mb-2"><a class="mega-menu-item" href="https://www.zimlitech.com/insights/fintech-solutions"><i class="bi bi-chevron-right text-danger me-1 small"></i><span>FinTech Security Solutions</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="service-category mb-4">
                            <div class="d-flex align-items-center mb-3">
                                <div class="icon-circle bg-light me-3 d-flex align-items-center justify-content-center">
                                    <i class="bi bi-play-circle text-danger"></i>
                                </div>
                                <div class="d-flex justify-evenly ">
                                    <h5 class="mb-0 ">Videos & Webinars </h5>
                                    <span> <i class="fa-solid text-warning fa-crown"></i></span>
                                </div>

                            </div>
                            <ul class="list-unstyled mt-3 ps-1">
                                <li class="mb-2">
                                    <p class="mega-menu-item"><i class="bi bi-chevron-right text-danger me-1 small"></i><span>AI Development Masterclass</span></p>
                                </li>
                                <li class="mb-2">
                                    <p class="mega-menu-item"><i class="bi bi-chevron-right text-danger me-1 small"></i><span>Cloud Security Summit</span></p>
                                </li>
                                <li class="mb-2">
                                    <p class="mega-menu-item"><i class="bi bi-chevron-right text-danger me-1 small"></i><span>UX Design Principles</span></p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 ps-lg-4">
                <div class="bg-light p-4 rounded shadow-sm">
                    <div class="d-flex align-items-center mb-3">
                        <div class="rounded-circle bg-danger p-2 me-3 d-flex align-items-center justify-content-center" style="width: 44px; height: 44px;">
                            <i class="bi bi-envelope-fill text-white fs-5"></i>
                        </div>
                        <div>
                            <h5 class="mb-1 fw-bold">Newsletter</h5>
                            <p class="mb-0 text-muted">Stay updated with our insights</p>
                        </div>
                    </div>
                    <div class="d-grid gap-2">
                        <a href="#" class="btn btn-danger">Subscribe Now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .navbar-dark .nav-link {
        color: white;
        padding: 10px 15px;
        font-size: 16px;
        font-weight: 500;
    }

    .nav-link:hover {
        color: red !important;
    }

    .btn-danger {
        background-color: red;
        border: none;
        font-size: 16px;
        font-weight: 500;
    }

    .btn-danger:hover {
        background-color: darkred;
    }

    .dropdown-menu {
        background-color: black;
        border: none;
    }

    /* Mobile dropdown styling */
    @media (max-width: 991px) {
        .dropdown-menu {
            background-color: #111;
            padding: 10px 0;
            border-radius: 0;
            margin-top: 5px;
            width: 100%;
            position: static;
            border-left: 3px solid red;
        }

        .dropdown-item {
            padding: 8px 15px;
            font-size: 15px;
            transition: background-color 0.2s, color 0.2s;
        }

        .navbar-nav .dropdown-toggle::after {
            float: right;
            margin-top: 10px;
        }

        .navbar-dark .navbar-toggler {
            border-color: rgba(255, 255, 255, 0.3);
            padding: 0.25rem 0.5rem;
        }

        .navbar-toggler-icon {
            width: 1.2em;
            height: 1.2em;
        }
    }

    .dropdown-item {
        color: white;
    }

    .dropdown-item:hover {
        background-color: red;
        color: white;
    }

    .btn-outline-light {
        color: white;
        border-color: white;
        font-size: 15px;
        font-weight: 500;
    }

    .btn-outline-light:hover {
        background-color: white;
        color: black;
    }

    /* Sticky Navbar */
    .fixed-top {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1030;
    }

    /* Fix dropdown hidden under content */
    .dropdown-menu-end {
        right: 0;
        left: auto;
    }

    /* Mega Menu Styles */
    .mega-menu-container {
        top: 69px;
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        z-index: 1029;
        margin-top: 0;
        padding-top: 0;
        background-color: white;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-10px);
        opacity: 0;
        visibility: hidden;
        transition: transform 0.2s ease, opacity 0.2s ease;
        will-change: transform, opacity;
    }

    .mega-menu-container.active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    .mega-menu-container .row {
        transform: translateY(5px);
        opacity: 0;
        transition: transform 0.15s ease, opacity 0.15s ease;
        will-change: transform, opacity;
    }

    .mega-menu-container.active .row {
        transform: translateY(0);
        opacity: 1;
    }

    .mega-menu-item {
        color: #333;
        text-decoration: none;
        display: block;
        padding: 5px 0;
        transition: color 0.2s, transform 0.2s;
    }

    .mega-menu-item i {
        display: inline-block;
        vertical-align: top;
        margin-top: 4px;
        width: 12px;
    }

    .mega-menu-item span {
        display: inline-block;
        width: calc(100% - 20px);
        vertical-align: top;
    }

    .mega-menu-item:hover {
        color: red;
        transform: translateX(5px);
    }

    .mega-menu-item:hover i {
        transform: translateX(2px);
    }

    .mega-menu-item:hover span {
        transform: translateX(3px);
    }

    .mega-menu-container h5 {
        color: #000;
        font-weight: 600;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .mega-menu-container h5::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 40px;
        height: 2px;
        background-color: red;
    }

    /* Add spacing to avoid content being hidden under navbar */
    body {
        padding-top: 69px;
    }

    /* Responsive Navbar Adjustments */
    @media (max-width: 991px) {
        .navbar-collapse {
            text-align: center;
        }

        .d-flex {
            flex-direction: column;
            align-items: center;
        }

        .btn-danger,
        .btn-outline-light {
            width: 100%;
            margin-bottom: 10px;
        }

        .mega-menu-container {
            display: none !important;
        }
    }

    /* Mobile logo size adjustment */
    @media (max-width: 767px) {
        .logo-img {
            width: 25px !important;
            height: 25px !important;
        }

        .logo-text {
            font-size: 15px !important;
        }
    }

    .mega-menu-container .row {
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s;
    }

    .mega-menu-container.active .row {
        opacity: 1;
        transform: translateY(0);
    }

    /* Simplified animations for menu items */
    .mega-menu-container .list-unstyled li {
        opacity: 0;
        transform: translateX(-5px);
        transition: all 0.2s ease;
    }

    .mega-menu-container.active .list-unstyled li {
        opacity: 1;
        transform: translateX(0);
    }

    /* Simplified image animation */
    .mega-menu-container img {
        opacity: 0;
        transform: scale(0.98);
        transition: all 0.2s ease;
    }

    .mega-menu-container.active img {
        opacity: 1;
        transform: scale(1);
    }

    /* Product Dropdown Specific Styles */
    .product-highlight {
        border-left: 3px solid #dc3545;
        transition: transform 0.3s ease;
    }

    .product-highlight:hover {
        transform: translateY(-5px);
    }

    .mega-menu-container .btn-outline-danger {
        color: #dc3545;
        border-color: #dc3545;
        transition: all 0.2s ease;
    }

    .mega-menu-container .btn-outline-danger:hover {
        background-color: #dc3545;
        color: white;
    }

    .mega-menu-container .btn-danger {
        transition: all 0.2s ease;
    }

    .mega-menu-container .btn-danger:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(220, 53, 69, 0.2);
    }

    .dropdown-header {
        color: #dc3545;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 12px;
        padding: 8px 15px;
    }

    /* Mobile dropdown improvements */
    @media (max-width: 991px) {
        .dropdown-divider {
            border-top-color: rgba(255, 255, 255, 0.1);
            margin: 0.5rem 0;
        }
    }
</style>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Get elements only once
        const dropdownLinks = document.querySelectorAll('.navbar-nav .dropdown-toggle');
        const megaMenus = document.querySelectorAll('.mega-menu-container');
        const navbar = document.querySelector('.navbar');

        // Cache dropdown elements
        const menuMap = {
            'Services': document.getElementById('services-dropdown'),
            'Products': document.getElementById('products-dropdown'),
            'Insights': document.getElementById('insights-dropdown')
        };

        // Track menu state
        let activeMenu = null;
        let isLocked = false;

        // Function to hide all mega menus efficiently
        function hideAllMegaMenus() {
            if (activeMenu) {
                activeMenu.classList.remove('active');
                activeMenu.classList.add('d-none');
                activeMenu = null;
            }
        }

        // Check for mobile/tablet
        function isMobileOrTablet() {
            return window.innerWidth < 992;
        }

        // Initialize Bootstrap dropdowns for mobile if needed
        if (typeof bootstrap !== 'undefined') {
            const dropdownElementList = document.querySelectorAll('.dropdown-toggle');
            dropdownElementList.forEach(function(dropdownToggleEl) {
                new bootstrap.Dropdown(dropdownToggleEl, {
                    autoClose: isMobileOrTablet() ? true : false
                });
            });
        }

        // Setup link events
        dropdownLinks.forEach(link => {
            const menuText = link.textContent.trim();
            const megaMenu = menuMap[menuText];

            if (!megaMenu) return;

            // Desktop hover handler
            link.addEventListener('mouseenter', function() {
                if (isMobileOrTablet() || isLocked) return;

                // Hide any active menu
                hideAllMegaMenus();

                // Show new menu
                megaMenu.classList.remove('d-none');
                // Use a short timeout to allow browser to process the display change
                setTimeout(() => {
                    megaMenu.classList.add('active');
                }, 10);

                activeMenu = megaMenu;
            });

            // Click handler (desktop and mobile)
            link.addEventListener('click', function(e) {
                if (isMobileOrTablet()) return; // Let Bootstrap handle mobile

                e.preventDefault();

                // Toggle menu on click
                if (activeMenu === megaMenu) {
                    // If same menu, hide it
                    hideAllMegaMenus();
                    isLocked = false;
                } else {
                    // Show new menu
                    hideAllMegaMenus();
                    megaMenu.classList.remove('d-none');
                    setTimeout(() => {
                        megaMenu.classList.add('active');
                    }, 10);
                    activeMenu = megaMenu;
                    isLocked = true;
                }
            });
        });

        // Setup menu hover events
        megaMenus.forEach(menu => {
            // Mouse enter menu
            menu.addEventListener('mouseenter', function() {
                if (isMobileOrTablet()) return;

                // Keep the menu visible
                menu.classList.add('active');
                menu.classList.remove('d-none');
                activeMenu = menu;
            });

            // Mouse leave menu
            menu.addEventListener('mouseleave', function() {
                if (isMobileOrTablet() || isLocked) return;

                // Hide menu only if not locked
                hideAllMegaMenus();
            });
        });

        // Navbar mouse leave handler
        if (navbar) {
            navbar.addEventListener('mouseleave', function() {
                if (isMobileOrTablet() || isLocked) return;

                // Only hide menus if we're not in a locked state
                hideAllMegaMenus();
            });
        }

        // Document click handler to close menus when clicking outside
        document.addEventListener('click', function(e) {
            // Check if click was outside navbar and menus
            if (activeMenu && !isElementInMenu(e.target) && !isLocked) {
                hideAllMegaMenus();
            }
        });

        // Helper function to check if element is in a menu
        function isElementInMenu(element) {
            // Check if element is in navbar
            if (navbar.contains(element)) return true;

            // Check if element is in any mega menu
            for (let i = 0; i < megaMenus.length; i++) {
                if (megaMenus[i].contains(element)) return true;
            }

            return false;
        }

        // Efficient resize handler with debounce
        let resizeTimeout;
        window.addEventListener('resize', function() {
            clearTimeout(resizeTimeout);
            resizeTimeout = setTimeout(function() {
                if (isMobileOrTablet()) {
                    hideAllMegaMenus();
                    isLocked = false;
                }
            }, 100);
        });

        // Handle escape key to close menus
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape' && activeMenu) {
                hideAllMegaMenus();
                isLocked = false;
            }
        });
    });
</script>
        <main class="forum-container">
              

<!-- Hero Section -->
<section class=" d-flex align-items-center " style="background: linear-gradient(to right, rgb(20, 42, 66), rgb(12, 25, 39), hsl(210, 100.00%, 0.40%), hsl(0, 0.00%, 0.00%), hsl(0, 0.00%, 0.00%), hsl(0, 0.00%, 0.00%), hsl(0, 0.00%, 0.00%)); color: white;">
    <div class="container">
        <div class="row mb-lg-5 mt-lg-5 justify-content-center text-center">
            <div class="col-lg-8">
                <h1 style="font-size: 2.8rem; margin-top: 100px;"
                 class="display-3 fw-bold mb-4  text-white">Maximize Your <span class="text-warning">Ad ROI</span> with AI-Powered PPC</h1>
                <p style="font-size: 16px; color: rgba(255, 255, 255, 0.7);"  class="lead mb-5 text-white-50">Our next-generation ad campaigns deliver 3.2x better conversion rates than industry average through machine learning optimization</p>
                <div style="margin-bottom: 100px;" class="d-flex flex-column flex-sm-row justify-content-center gap-3  ">
                    <a href="#contact" class="btn btn-danger btn-lg px-4">Get Free Audit</a>
                    <a  href="#consultation" class="btn btn-outline-light btn-lg px-4">How It Works</a>
                </div>
            </div>
        </div>
    </div>
</section>


    <!-- Stats Section -->
    <section class="section">
        <div class="container">
            <div class="row justify-content-center mb-5">
                <div class="col-lg-8 text-center">
                    <h2 style="font-size: 2.5rem;" class="section-title">Why Our PPC Campaigns Convert Better</h2>
                    <p style="font-size: 16px; color: rgba(255, 255, 255, 0.7);"  class="lead">We combine cutting-edge AI with human expertise to create ad campaigns that actually perform.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3 col-6">
                    <div class="stat-item">
                        <div class="stat-number " data-count="142">0</div>
                        <h5>% ROI Increase</h5>
                        <p class="text-muted mb-0">Average client results</p>
                    </div>
                </div>
                <div class="col-md-3 col-6">
                    <div class="stat-item">
                        <div class="stat-number" data-count="3.5">0</div>
                        <h5>Conversion Rate</h5>
                        <p class="text-muted mb-0">Industry-leading CR</p>
                    </div>
                </div>
                <div class="col-md-3 col-6">
                    <div class="stat-item">
                        <div class="stat-number" data-count="850">0</div>
                        <h5>Satisfied Clients</h5>
                        <p class="text-muted mb-0">Global businesses</p>
                    </div>
                </div>
                <div class="col-md-3 col-6">
                    <div class="stat-item">
                        <div class="stat-number" data-count="24">0</div>
                        <h5>Hours Support</h5>
                        <p class="text-muted mb-0">Dedicated team</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section id="features" class="section bg-light">
        <div class="container">
            <div class="row justify-content-center mb-5">
                <div class="col-lg-8 text-center">
                    <h2 style="font-size: 2.5rem;" class="section-title">Our Advanced PPC Technologies</h2>
                    <p style="font-size: 16px; color: rgba(255, 255, 255, 0.7);"  class="lead">We go beyond basic PPC management with these proprietary technologies</p>
                </div>
            </div>
            <div class="row g-4">
                <div class="col-lg-4 col-md-6">
                    <div class="glass-card p-4 h-100">
                        <div class="icon-box rounded-circle d-inline-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
                            <i class="fas fa-brain fa-2x text-danger"></i>
                        </div>
                        <h4>AI Bid Optimization</h4>
                        <p>Our neural networks analyze 127 data points in real-time to adjust bids for maximum conversions at minimum cost.</p>
                        <ul class="list-unstyled">
                            <li class="mb-2"><i class="fas fa-check-circle me-2"></i> Predictive conversion modeling</li>
                            <li class="mb-2"><i class="fas fa-check-circle me-2"></i> Competitor bid analysis</li>
                            <li><i class="fas fa-check-circle me-2"></i> Time-of-day optimization</li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="glass-card p-4 h-100">
                        <div class="icon-box rounded-circle d-inline-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
                            <i class="fas fa-robot fa-2x"></i>
                        </div>
                        <h4>Creative Auto-Optimization</h4>
                        <p>Machine learning tests thousands of ad variations to find the perfect combination of copy, visuals, and CTAs.</p>
                        <ul class="list-unstyled">
                            <li class="mb-2"><i class="fas fa-check-circle me-2"></i> Dynamic creative assembly</li>
                            <li class="mb-2"><i class="fas fa-check-circle me-2"></i> Emotional sentiment analysis</li>
                            <li><i class="fas fa-check-circle me-2"></i> Visual attention prediction</li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="glass-card p-4 h-100">
                        <div class="icon-box rounded-circle d-inline-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
                            <i class="fas fa-funnel-dollar fa-2x"></i>
                        </div>
                        <h4>Cross-Channel Attribution</h4>
                        <p>Track the full customer journey across 14+ channels to understand your true ROI from every ad dollar.</p>
                        <ul class="list-unstyled">
                            <li class="mb-2"><i class="fas fa-check-circle me-2"></i> Multi-touch attribution</li>
                            <li class="mb-2"><i class="fas fa-check-circle me-2"></i> Offline conversion tracking</li>
                            <li><i class="fas fa-check-circle me-2"></i> Lifetime value modeling</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

  <!-- Process Section -->
<section class="section">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                <h2 style="font-size: 2.5rem;" class="section-title">Our Data-Driven Process</h2>
                <p style="font-size: 16px; color: rgba(255, 255, 255, 0.7);"  class="lead mb-5">A scientific approach to PPC that delivers consistent results</p>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="process-step">
                    <div class="step-number bg-danger">1</div>
                    <h4><i class="fas fa-search me-2 text-danger"></i> Deep Market Analysis</h4>
                    <p>We analyze your competitors' strategies, identify high-intent keywords, and map the customer journey to find untapped opportunities.</p>
                </div>
                
                <div class="process-step">
                    <div class="step-number bg-danger">2</div>
                    <h4><i class="fas fa-brain me-2 text-danger"></i> Predictive Audience Modeling</h4>
                    <p>Using machine learning, we build lookalike audiences that are 3x more likely to convert than standard targeting.</p>
                </div>
                
                <div class="process-step">
                    <div class="step-number bg-danger">3</div>
                    <h4><i class="fas fa-sync-alt me-2 text-danger"></i> Continuous Optimization</h4>
                    <p>Our AI systems make 5,000+ micro-optimizations daily, while our human experts focus on strategic improvements.</p>
                </div>

                <div class="text-center mt-5">
                    <button class="btn btn-danger px-4 py-2">
                        <i class="fas fa-desktop me-2"></i> Request Demo Access
                    </button>
                </div>
            </div>
        </div>
    </div>
</section>


    <!-- Team Section -->
    <section class="section bg-light">
        <div class="container">
            <div class="row justify-content-center mb-5">
                <div class="col-lg-8 text-center">
                    <h2 style="font-size: 2.5rem;" class="section-title">Meet Our PPC Experts</h2>
                    <p style="font-size: 16px; color: rgba(255, 255, 255, 0.7);"  class="lead">Our team combines data science expertise with marketing acumen to deliver exceptional results</p>
                </div>
            </div>
            <div class="row g-4">
                <div class="col-lg-3 col-md-6">
                    <div class="team-card glass-card text-center p-4">
                        <img src="https://www.zimlitech.com/images/digitalMarketing/ppc/women.jpg" class="team-img mb-3" alt="Team Member">
                        <h4>Lisa Ben</h4>
                        <p class="text-primary fw-bold">PPC Strategist</p>
                        <p class="text-muted">10+ years optimizing campaigns for Fortune 500 companies</p>
                        <div class="social-links mt-3">
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fas fa-envelope"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="team-card glass-card text-center p-4">
                        <img src="https://www.zimlitech.com/images/digitalMarketing/ppc/men.jpg" class="team-img mb-3" alt="Team Member">
                        <h4> Chen Wood</h4>
                        <p class="text-primary fw-bold">Data Scientist</p>
                        <p class="text-muted">Machine learning specialist with focus on predictive analytics</p>
                        <div class="social-links mt-3">
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#"><i class="fab fa-github"></i></a>
                            <a href="#"><i class="fas fa-envelope"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="team-card glass-card text-center p-4">
                        <img src="https://www.zimlitech.com/images/digitalMarketing/ppc/women2.jpg" class="team-img mb-3" alt="Team Member">
                        <h4>Emily Rodriguez</h4>
                        <p class="text-primary fw-bold">Creative Director</p>
                        <p class="text-muted">Specializes in high-converting ad creatives and messaging</p>
                        <div class="social-links mt-3">
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#"><i class="fab fa-dribbble"></i></a>
                            <a href="#"><i class="fas fa-envelope"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="team-card glass-card text-center p-4">
                        <img src="https://www.zimlitech.com/images/digitalMarketing/ppc/men2.jpg" class="team-img mb-3" alt="Team Member">
                        <h4>David Wilson</h4>
                        <p class="text-primary fw-bold">Client Success</p>
                        <p class="text-muted">Ensures our strategies align with your business goals</p>
                        <div class="social-links mt-3">
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fas fa-envelope"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Technology Partners Section -->
    <section class="section bg-light">
        <div class="container">
            <div class="row justify-content-center mb-5">
                <div class="col-lg-8 text-center">
                    <h2 style="font-size: 2.5rem;" class="section-title">Our Technology Partners</h2>
                    <p style="font-size: 16px; color: rgba(255, 255, 255, 0.7);"  class="lead">We integrate with leading platforms to deliver comprehensive solutions</p>
                </div>
            </div>
            <div class="row g-4">
                <div class="col-lg-3 col-md-6">
                    <div class="tech-card glass-card p-4 text-center">
                        <i style="text-color:red !important;" class="fab fa-google text-danger tech-icon"></i>
                        <h4>Google Ads</h4>
                        <p class="text-muted">Certified Premier Partner with advanced optimization capabilities</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="tech-card glass-card p-4 text-center">
                        <i class="fab fa-facebook text-danger tech-icon"></i>
                        <h4>Meta</h4>
                        <p class="text-muted">Facebook Marketing Partner with creative testing expertise</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="tech-card glass-card p-4 text-center">
                        <i class="fas fa-chart-line text-danger tech-icon"></i>
                        <h4>Google Analytics</h4>
                        <p class="text-muted">Advanced tracking and attribution modeling</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="tech-card glass-card p-4 text-center">
                        <i class="fas fa-cogs text-danger tech-icon"></i>
                        <h4>Custom AI</h4>
                        <p class="text-muted">Proprietary machine learning algorithms for bid optimization</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials Section -->
    <section class="section">
        <div class="container">
            <div class="row justify-content-center mb-5">
                <div class="col-lg-8 text-center">
                    <h2 style="font-size: 2.5rem;" class="section-title">What Our Clients Say</h2>
                    <p style="font-size: 16px; color: rgba(255, 255, 255, 0.7);"  class="lead">Don't just take our word for it - hear from our satisfied clients</p>
                </div>
            </div>
            <div class="row g-4">
                <div class="col-lg-4">
                    <div class="testimonial-card glass-card">
                        <div class="d-flex align-items-center mb-4">
                            <img src="https://www.zimlitech.com/images/digitalMarketing/ppc/women3.jpg" class="client-img me-3" alt="Client">
                            <div>
                                <h5 class="mb-0">Sarah Johnson</h5>
                                <p class="text-muted mb-0">CEO, Fashion Boutique</p>
                            </div>
                        </div>
                        <div class="mb-3">
                            <i class="fas text-danger  fa-star"></i>
                            <i class="fas text-danger fa-star"></i>
                            <i class="fas text-danger fa-star"></i>
                            <i class="fas text-danger fa-star"></i>
                            <i class="fas text-danger fa-star"></i>
                        </div>
                        <p class="mb-0">"We saw a 320% increase in online sales within 3 months of working with AdVantage. Their AI-powered approach to Google Shopping ads completely transformed our business."</p>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="testimonial-card glass-card">
                        <div class="d-flex align-items-center mb-4">
                            <img src="https://www.zimlitech.com/images/digitalMarketing/ppc/men3.jpg" class="client-img me-3" alt="Client">
                            <div>
                                <h5 class="mb-0">Michael Chen</h5>
                                <p class="text-muted mb-0">CMO, Tech Startup</p>
                            </div>
                        </div>
                        <div class="mb-3">
                            <i class="fas text-danger fa-star"></i>
                            <i class="fas text-danger fa-star"></i>
                            <i class="fas text-danger fa-star"></i>
                            <i class="fas text-danger fa-star"></i>
                            <i class="fas text-danger fa-star"></i>
                        </div>
                        <p class="mb-0">"The cross-channel attribution modeling alone was worth the investment. We finally understand which ads are actually driving enterprise deals, not just leads."</p>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="testimonial-card glass-card">
                        <div class="d-flex align-items-center mb-4">
                            <img src="https://www.zimlitech.com/images/digitalMarketing/ppc/women4.jpg" class="client-img me-3" alt="Client">
                            <div>
                                <h5 class="mb-0">Emily Rodriguez</h5>
                                <p class="text-muted mb-0">Marketing Director, Healthcare</p>
                            </div>
                        </div>
                        <div class="mb-3">
                            <i class="fas text-danger fa-star"></i>
                            <i class="fas text-danger fa-star"></i>
                            <i class="fas text-danger fa-star"></i>
                            <i class="fas text-danger fa-star"></i>
                            <i class="fas text-danger fa-star"></i>
                        </div>
                        <p class="mb-0">"Their HIPAA-compliant tracking solution allowed us to finally measure ROI from our digital ads. We're getting 4x more patients at half our previous cost per acquisition."</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="section bg-light">
        <div class="container">
            <div class="row justify-content-center mb-5">
                <div class="col-lg-8 text-center">
                    <h2 style="font-size: 2.5rem;" class="section-title">Transparent Pricing</h2>
                    <p style="font-size: 16px; color: rgba(255, 255, 255, 0.7);"  class="lead">Choose the plan that fits your business needs</p>
                </div>
            </div>
            <div class="row g-4">
                <div class="col-lg-4">
                    <div class="pricing-card glass-card p-4 h-100">
                        <h4 class="fw-bold">Starter</h4>
                        <p class="text-muted">Perfect for small businesses</p>
                        <div class="my-4">
                            <span class="price text-danger">$999</span>
                            <span class="text-muted">/month</span>
                        </div>
                        <ul class="list-unstyled mb-4">
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> 1 Campaign Platform</li>
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> Up to $5k Ad Spend</li>
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> Weekly Optimization</li>
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> Basic Reporting</li>
                            <li class="mb-3"><i class="fas text-danger fa-times text-muted me-2"></i> <span class="text-muted">No AI Bid Optimization</span></li>
                            <li class="mb-3"><i class="fas text-danger fa-times text-muted me-2"></i> <span class="text-muted">No Cross-Channel Tracking</span></li>
                        </ul>
                        <a href="#" class="btn btn-outline-danger text-danger w-100">Get Started</a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="pricing-card glass-card p-4 h-100 popular">
                        <div class="popular-badge">Most Popular</div>
                        <h4 class="fw-bold">Growth</h4>
                        <p class="text-muted">For scaling businesses</p>
                        <div class="my-4">
                            <span class="price text-danger">$2,499</span>
                            <span class="text-muted">/month</span>
                        </div>
                        <ul class="list-unstyled mb-4">
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> 3 Campaign Platforms</li>
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> Up to $20k Ad Spend</li>
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> Daily Optimization</li>
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> Advanced Reporting</li>
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> AI Bid Optimization</li>
                            <li class="mb-3"><i class="fas text-danger fa-times text-muted me-2"></i> <span class="text-muted">Limited Cross-Channel</span></li>
                        </ul>
                        <a href="#" class="btn btn-outline-danger text-danger w-100">Get Started</a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="pricing-card glass-card p-4 h-100">
                        <h4 class="fw-bold">Enterprise</h4>
                        <p class="text-muted">For large organizations</p>
                        <div class="my-4">
                            <span class="price text-danger">$4,999</span>
                            <span class="text-muted">/month</span>
                        </div>
                        <ul class="list-unstyled mb-4">
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> Unlimited Platforms</li>
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> Unlimited Ad Spend</li>
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> Real-Time Optimization</li>
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> Custom Reporting</li>
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> Full AI Suite</li>
                            <li class="mb-3"><i class="fas text-danger fa-check me-2"></i> Cross-Channel Attribution</li>
                        </ul>
                        <a href="#" class="btn btn-outline-danger text-danger w-100">Contact Sales</a>
                    </div>
                </div>
            </div>
            <div class="text-center mt-4">
                <p class="text-muted">Need custom solutions? <a href="#" class="text-danger">Contact us</a> for enterprise pricing.</p>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section class="section">
        <div class="container">
            <div class="row justify-content-center mb-5">
                <div class="col-lg-8 text-center">
                    <h2 style="font-size: 2.5rem;" class="section-title">Frequently Asked Questions</h2>
                    <p style="font-size: 16px; color: rgba(255, 255, 255, 0.7);"  class="lead">Everything you need to know about our PPC services</p>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="accordion glass-card" id="faqAccordion">
                        <div class="accordion-item border-0 mb-3 rounded-3 overflow-hidden">
                            <h2 class="accordion-header" id="headingOne">
                                <button class="accordion-button bg-white" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    How quickly will I see results?
                                </button>
                            </h2>
                            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    Most clients see measurable improvements within 14-30 days, though full optimization typically takes 60-90 days as our AI systems gather sufficient data to make statistically significant optimizations. We provide weekly performance reports so you can track progress.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item border-0 mb-3 rounded-3 overflow-hidden">
                            <h2 class="accordion-header" id="headingTwo">
                                <button class="accordion-button collapsed bg-white" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    What makes your AI different from other PPC tools?
                                </button>
                            </h2>
                            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    Our AI specializes in predictive modeling rather than just reactive optimization. It analyzes patterns in your historical data, competitor strategies, and broader market trends to anticipate changes before they happen. The system also incorporates emotional sentiment analysis and visual attention prediction for creative optimization.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item border-0 mb-3 rounded-3 overflow-hidden">
                            <h2 class="accordion-header" id="headingThree">
                                <button class="accordion-button collapsed bg-white" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    Do you work with specific industries?
                                </button>
                            </h2>
                            <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    We've successfully managed campaigns across 27 industries, with particular expertise in e-commerce, SaaS, healthcare, legal, financial services, and education. Our team includes specialists who understand the unique compliance requirements and customer behaviors in each vertical.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item border-0 mb-3 rounded-3 overflow-hidden">
                            <h2 class="accordion-header" id="headingFour">
                                <button class="accordion-button collapsed bg-white" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                    How do you measure success?
                                </button>
                            </h2>
                            <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    We focus on business outcomes rather than just ad metrics. While we optimize for CTR and conversion rate, our ultimate KPIs are ROI, customer acquisition cost (CAC), and lifetime value (LTV). We establish clear benchmarks during onboarding and track progress against your specific business goals.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item border-0 rounded-3 overflow-hidden">
                            <h2 class="accordion-header" id="headingFive">
                                <button class="accordion-button collapsed bg-white" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                    What's included in your free audit?
                                </button>
                            </h2>
                            <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    Our free comprehensive audit analyzes your current campaigns across 5 key dimensions: account structure, targeting efficiency, bid strategy, creative effectiveness, and conversion tracking. You'll receive a 15+ page report with specific recommendations that could improve your performance, along with estimated ROI projections if implemented.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
        </main>

        <div class="container-fluid footer bg-dark py-5" style="background: linear-gradient(to right, rgb(20, 42, 66), rgb(12, 25, 39), hsl(210, 100.00%, 0.40%), hsl(0, 0.00%, 0.00%),  hsl(0, 0.00%, 0.00%), hsl(0, 0.00%, 0.00%), hsl(0, 0.00%, 0.00%)); 
                        color: white; 
                        min-height: 80vh; 
                        padding-top: 80px;">
    <div class="container text-light">
        <div class="row g-4">
            <!-- Logo and Description -->
            <div class="col-lg-3 col-md-6 text-center text-lg-start">
                <h2 class="text-white fw-bold" style="font-size: 28px;">Zimli<span class="text-danger">Tech</span></h2>
                <p class="mt-3" style="font-size: 14px;">
                    Providing cutting-edge AI, cloud, and software solutions tailored for businesses worldwide.
                </p>
            </div>

            <!-- Services Section -->
            <div class="col-lg-2 col-md-6 text-center text-lg-start">
                <h5 class="text-secondary">Services</h5>
                <ul class="list-unstyled mt-3" style="font-size: 14px;>
                    <li><a href=" #" class="text-light text-decoration-none">Data, AI and ML</a></li>
                    <li><a href="#" class="text-light text-decoration-none">Digital Transformation</a></li>
                    <li><a href="#" class="text-light text-decoration-none">System Integration</a></li>
                    <li><a href="#" class="text-light text-decoration-none">UX Design</a></li>
                    <li><a href="#" class="text-light text-decoration-none">Solutions Engineering</a></li>
                </ul>
            </div>

            <!-- Solutions Section -->
            <div class="col-lg-2 col-md-6 text-center text-lg-start">
                <h5 class="text-secondary">Solutions</h5>
                <ul class="list-unstyled mt-3" style="font-size: 14px;>
                    <li><a href=" #" class="text-light text-decoration-none">AI & Machine Learning</a></li>
                    <li><a href="#" class="text-light text-decoration-none">Cloud & Infrastructure</a></li>
                    <li><a href="#" class="text-light text-decoration-none">Data & Analytics</a></li>
                    <li><a href="#" class="text-light text-decoration-none">Microsoft Azure</a></li>
                </ul>
            </div>

            <!-- Industries Section -->
            <div class="col-lg-2 col-md-6 text-center text-lg-start">
                <h5 class="text-secondary">Industries</h5>
                <ul class="list-unstyled mt-3" style="font-size: 14px;>
                    <li><a href=" #" class="text-light text-decoration-none">Financial Services</a></li>
                    <li><a href="#" class="text-light text-decoration-none">Govt & Public Sector</a></li>
                    <li><a href="#" class="text-light text-decoration-none">Healthcare</a></li>
                    <li><a href="#" class="text-light text-decoration-none">Mobility & Logistics</a></li>
                    <li><a href="#" class="text-light text-decoration-none">Retail & E-commerce</a></li>
                </ul>
            </div>

            <!-- Insights Section -->
            <div class="col-lg-2 col-md-6 text-center text-lg-start">
                <h5 class="text-secondary">Insights</h5>
                <ul class="list-unstyled mt-3" style="font-size: 14px;>
                    <li><a href=" #" class="text-light text-decoration-none">Case Studies</a></li>
                    <li><a href="#" class="text-light text-decoration-none">Blog</a></li>
                    <li><a href="#" class="text-light text-decoration-none">Podcasts & Videos</a></li>
                    <li><a href="#" class="text-light text-decoration-none">Press Releases</a></li>
                </ul>
            </div>

            <!-- About Us Section -->
            <div class="col-lg-1 col-md-6 text-center text-lg-start">
                <h5 class="text-secondary">About Us</h5>
                <ul class="list-unstyled mt-3" style="font-size: 14px;>
                    <li><a href=" #" class="text-light text-decoration-none">Careers</a></li>
                    <li><a href="#" class="text-light text-decoration-none">Contact Us</a></li>
                </ul>
            </div>
        </div>

        <!-- Divider -->
        <hr class="text-light my-4">

        <!-- Footer Bottom -->
        <div class="row">
            <div class="col-md-6 text-center text-md-start">
                <p class="text-light mb-0" style="font-size: 13px;">© 2025 ZimliTech. All rights reserved.</p>
            </div>
            <div class="col-md-6 text-center text-md-end">
                <!-- Social Media Links -->
                <a href="https://www.facebook.com/zimlitech/" class="text-light me-3"><i class="fab fa-facebook-f"></i></a>
                <a href="https://www.instagram.com/zimlitechnologies/" class="text-light me-3"><i class="fab fa-instagram"></i></a>
                <a href="https://www.linkedin.com/company/zimli-technologies/?viewAsMember=true" class="text-light"><i class="fab fa-linkedin-in"></i></a>
            </div>
        </div>
    </div>
</div>
        <!-- Back to Top -->
        <a href="#" class="btn btn-secondary btn-square rounded-circle back-to-top"><i class="fa fa-arrow-up text-white"></i></a>
    </div>

    <!-- jQuery first, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>

    <!-- Initialize Bootstrap components -->
    <script>
        $(document).ready(function() {
            // Initialize dropdowns
            var dropdownElementList = [].slice.call(document.querySelectorAll('.dropdown-toggle'))
            var dropdownList = dropdownElementList.map(function(dropdownToggleEl) {
                return new bootstrap.Dropdown(dropdownToggleEl)
            });

            // Initialize tooltips
            var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
            var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
                return new bootstrap.Tooltip(tooltipTriggerEl)
            });
        });
    </script>

    <!-- Page-specific scripts -->
        <!-- scripts -->
    <script>
        // Animate stats counter
        function animateCounters() {
            const counters = document.querySelectorAll('.stat-number');
            const speed = 200;
           
            counters.forEach(counter => {
                const target = +counter.getAttribute('data-count');
                const count = +counter.innerText;
                const increment = target / speed;
               
                if(count < target) {
                    counter.innerText = Math.ceil(count + increment);
                    setTimeout(animateCounters, 1);
                } else {
                    counter.innerText = target;
                }
            });
        }
       
        // Initialize animation when section comes into view
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if(entry.isIntersecting) {
                    animateCounters();
                    observer.unobserve(entry.target);
                }
            });
        }, {threshold: 0.5});
       
        const statsSection = document.querySelector('.stat-item');
        if(statsSection) {
            observer.observe(statsSection);
        }
    </script>
</body>

</html>