<header class="header">

    <div class="header-top">
        <div class="container">
            <div class="header-top-wrapper">
                <div class="header-top-left">
                    <div style="margin-left: 93px;" class="header-top-contact">
                        <ul>
                            <li><a href="mailto:<?php echo $data1['email']?>"><i class="far fa-envelopes"></i>
                                    <?php echo $data1['email']?></a></li>
                            <li><a href="tel:<?php echo $data1['phone']?>"><i class="far fa-phone-volume"></i> <?php echo $data1['phone']?></a></li>
                        </ul>
                    </div>
                </div>
                <div style="margin-right: 83px;" class="header-top-right">
                    <div class="header-top-link">

                    </div>

                </div>
            </div>
        </div>  
    </div>
    <div class="main-navigation">
        <nav class="navbar navbar-expand-lg">
            <div class="container position-relative">
                <a href="<?php echo $wspath?>" class="navbar-brand" >

                    <img src="<?= $wspath;?>admin/images/<?php echo $data1["header_logo"] ?>" alt="<?=$site_name?>" title="<?=$site_name?>" width="80%">
                </a>
                <div class="mobile-menu-right">
                    <!--<div class="search-btn">-->
                    <!--    <button type="button" class="nav-right-link"><i class="far fa-search"></i></button>-->
                    <!--</div>-->
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav"
                        aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-mobile-icon"><i class="far fa-bars"></i></span>
                    </button>
                </div>
                <div class="collapse navbar-collapse" id="main_nav">
                    <ul class="navbar-nav">



                        <li class="nav-item dropdown"><a class="nav-link" href="<?php echo $wspath?>" title=""> Home</a></li>

                        <li class="nav-item dropdown"><a class="nav-link" href="<?php echo $wspath?>about.html" title=""> About</a></li>
                        
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Our Service</a>
                                    <ul class="dropdown-menu fade-down">
                        <?php
                                $sqlcat = "SELECT * FROM `tbl_main_cat` WHERE `cat_status`='Active' ORDER BY cat_order_by ASC";
                                $runcat = mysqli_query($db,$sqlcat) or die("Query Not run");
                                while($datacat = mysqli_fetch_assoc($runcat)){
                            ?>
                                        <li><a class="dropdown-item" href="<?php echo $wspath ?>category<?php echo $datacat['slug'];?>.html"><?php echo $datacat['cat_name'];?></a></li>
                                    <?php }?>
                                    </ul>
                            </li>
                        
                        
                        
                        <li class="nav-item dropdown"><a class="nav-link" href="<?php echo $wspath?>gallery.html" title=""> Gallery</a></li>
                        <li class="nav-item dropdown"><a class="nav-link" href="<?php echo $wspath?>contact.html" title=""> Contact Us</a></li>




                    </ul>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link" href="" title="">
                        </a>
                    </li>



                    </ul>
                    <div class="nav-right">

                        <div class="nav-right-btn mt-2">
                            <a href="<?php echo $wsapth?>contact.html" class="theme-btn"><span class="fas fa-taxi"></span>Book A Ride</a>
                        </div>
                        <div class="sidebar-btn">
                            <button type="button" class="nav-right-link"><i class="far fa-bars-filter"></i></button>
                        </div>
                    </div>
                </div>
                <div class="sidebar-popup">
                    <div class="sidebar-wrapper">
                        <div class="sidebar-content">
                            <button type="button" class="close-sidebar-popup"><i class="far fa-xmark"></i></button>
                            <div class="sidebar-logo">
                                <img src="<?= $wspath;?>admin/images/<?php echo $data1["header_logo"] ?>" alt="<?=$site_name?>" title="<?=$site_name?>">
                            </div>
                            <div class="sidebar-about">
                                <!--<h4>About Us</h4>-->
                            </div>
                            <div class="sidebar-contact">

                                <h4>Contact Info</h4>
                                <ul>
                                    <li>
                                        <h6>Email</h6>
                                        <a href="mailto:<?php echo $data1['email']?>"><i
                                                class="far fa-envelopes"></i><?php echo $data1['email']?></a>
                                    </li>
                                    <li>
                                        <h6>Phone</h6>
                                        <a href="tel:<?php echo $data1['phone']?>"><i class="far fa-phone-volume"></i><?php echo $data1['phone']?></a>
                                    </li>
                                    <li>
                                        <h6>Address</h6>
                                        <a href="#"><i class="far fa-location-dot"></i><?php echo $data1['address']?></a>
                                    </li>
                                </ul>
                            </div>
                            <div class="sidebar-social">
                                <h4>Follow Us</h4>
                                <a href="#"><i class="fab fa-facebook"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-instagram"></i></a>
                                <a href="#"><i class="fab fa-linkedin"></i></a>
                            </div>
                        </div>
                    </div>
                </div>


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