    <!-- Header Section -->
    <header class="custom-header">
        <div class="container">
            <div class="row">
                <!-- Left Side: Phone and Email -->
                <div class="col-md-6">
                    <span class="me-3"><i class="fas fa-phone"></i> <?php echo $telephone;?></span>
                    <span><i class="fas fa-envelope"></i> <?php echo $email;?></span>
                </div>
                <!-- Right Side: Track Order -->
                <div class="col-md-6 text-end">
                    <a href="login.php" class="text-decoration-none me-3 black-text"><i class="fas fa-user"></i> Login</a>

                </div>
            </div>
        </div>
    </header>

    <!-- Navigation Section -->
    <nav class="bg-white py-3 shadow-sm">
        <div class="container">
            <div class="row align-items-center">
                <!-- Left Side: Company Icon -->
                <div class="col-md-3">
                    <img src="img/mo.png" alt="Company Logo" class="img-fluid" style="width: 100px; height: auto;">
                </div>
                <!-- Middle Area: Search Bar -->
                <div class="col-md-6">
                    <form class="d-flex" action="index.php" method="GET">
    <input class="form-control me-2" type="search" name="search" placeholder="Search products..." aria-label="Search">
    <button class="btn btn-outline-primary" type="submit"><i class="fas fa-search"></i></button>
</form>

                </div>
                <!-- Right Side: Account Login and Cart -->
                <div class="col-md-3 text-end">
                   <a href="#" class="text-decoration-none me-3 text-dark">
    <i class="fas fa-heart"></i> WishList
</a>

                    <a href="cart.php" class="text-decoration-none"><i class="fas fa-shopping-cart"></i> Cart</a>

                </div>
            </div>
        </div>
    </nav>

    <!-- Menu Section -->
<section class="menu-section sticky-top" style="background-color: #ffcc00; padding: 5px 0;">



    <div class="container">
        <div class="row">
            <div class="col-12">
                <nav class="navbar navbar-expand-lg navbar-light p-0">
                    <!-- Toggle Button for Mobile -->
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <!-- Menu Items -->
                    <div class="collapse navbar-collapse" id="navbarNav">
                        <ul class="navbar-nav me-auto">
    <li class="nav-item dropdown position-static">
        <a class="nav-link dropdown-toggle" href="#" id="allCategoriesDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            All Categories
        </a>
        <div class="dropdown-menu custom-dropdown mt-0 p-3" aria-labelledby="allCategoriesDropdown">
            <div class="row">
                <?php
               // include 'db_connection.php'; // Include DB connection

                $query = "SELECT cat_id,cat_des FROM item_category where cat_active=1"; // Adjust based on your DB structure
                $result = mysqli_query($con, $query);
                $categories = [];

                while ($row = mysqli_fetch_assoc($result)) {
                    $categories[] = $row['cat_des'];
                }

                $chunks = array_chunk($categories, 2); // Split into columns

                foreach ($chunks as $category_set) {
                    echo '<div class="col-md-3">';
                    foreach ($category_set as $category) {
                        echo '<a class="dropdown-item" href="#">' . htmlspecialchars($category) . '</a>';
                    }
                    echo '</div>';
                }
                ?>
            </div>
        </div>
    </li>
</ul>



                          <ul class="navbar-nav ms-auto">
                            <li class="nav-item">
                                <a class="nav-link" href="index.php">Home</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">Contact Us</a>
                            </li>
                        </ul>
                    </div>
                </nav>
            </div>
        </div>
    </div>
</section>