<!--============================== Mobile Menu ============================== -->
<div class="th-menu-wrapper">
    <div class="th-menu-area text-center">
        <button class="th-menu-toggle"><i class="fal fa-times"></i></button>
        <div class="mobile-logo">
            <a href="index.php"><img src="<?php echo $darkLogo; ?>" alt="Ostad Group"></a>
        </div>
        <div class="th-mobile-menu">
            <ul>
                <li><a href="index.php">Home</a></li>
                <?php
                $serviceCat = $connect->prepare("select * from `tbl_service_cat` where `delete_flag` = 0 and `parent` = 0 order by `id`");
                $serviceCat->execute();
                if ($serviceCat->rowCount() > 0) {
                    ?>
                    <li class="menu-item-has-children">
                        <a href="#">Services</a>
                        <ul class="sub-menu">
                            <?php
                            while ($serviceCatRows = $serviceCat->fetch(PDO::FETCH_ASSOC)) {
                                $serviceCat2 = $connect->prepare("select * from `tbl_service_cat` where `delete_flag` = 0 and `parent` = " . $serviceCatRows['id'] . " order by `id`");
                                $serviceCat2->execute();
                                if ($serviceCat2->rowCount() > 0) {
                                    ?>
                                    <li class="menu-item-has-children menu-item-has-children2">
                                        <a href="#"><?php echo $serviceCatRows['title']; ?></a>
                                        <ul class="sub-menu">
                                            <?php
                                            while ($serviceCatRows2 = $serviceCat2->fetch(PDO::FETCH_ASSOC)) {
                                                echo '<li><a href="services.php?cat='.$serviceCatRows2['id'].'">' . $serviceCatRows2['title'] . '</a></li>';
                                            }
                                            ?>
                                        </ul>
                                    </li>
                                    <?php
                                } else {
                                    echo '<li><a href="services.php?cat='.$serviceCatRows['id'].'">' . $serviceCatRows['title'] . '</a></li>';
                                }
                            }
                            ?>
                        </ul>
                    </li>
                    <?php
                } else {
                    echo '<li><a href="services.php">Services</a></li>';
                }
                ?>
                <li><a href="blog.php">Blog</a></li>
                <li><a href="contact.php">Conatct Us</a></li>
                <li><a href="about.php">About Us</a></li>
            </ul>
        </div>
    </div>
</div>

<!--============================== Header Area ==============================-->
<header class="th-header header-layout1 ">
    <div class="header-top">
        <div class="container">
            <div class="row justify-content-center justify-content-lg-between align-items-center gy-2">
                <div class="col-auto d-none d-lg-block">
                    <div class="header-links">
                        <ul>
                            <?php
                            $topMenu = $connect->prepare("select * from `tbl_contact` where `delete_flag` = 0 and `top_menu` = 1");
                            $topMenu->execute();
                            if ($topMenu->rowCount() > 0) {
                                while ($topMenuRows = $topMenu->fetch(PDO::FETCH_ASSOC)) {
                                    echo '<li><i class="fas ' . $topMenuRows['icon'] . '"></i>' . $topMenuRows['information'] . '</li>';
                                }
                            }
                            ?>
                        </ul>
                    </div>
                </div>
                <div class="col-auto">
                    <div class="header-links">
                        <div class="th-social">
                            <?php
                            $menuSocial = $connect->prepare("select * from `tbl_social` where `delete_flag` = 0");
                            $menuSocial->execute();
                            if ($menuSocial->rowCount() > 0) {
                                while ($menuSocialRows = $menuSocial->fetch(PDO::FETCH_ASSOC)) {
                                    echo '<a href="' . $menuSocialRows['link'] . '" target="_blank" title="' . $menuSocialRows['title'] . '"><i class="fab ' . $menuSocialRows['icon'] . '" style="color: #101840;"></i></a>';
                                }
                            }
                            ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="sticky-wrapper">
        <!-- Main Menu Area -->
        <div class="container">
            <div class="menu-area">
                <div class="row align-items-center justify-content-between">
                    <div class="col-auto">
                        <div class="header-logo">
                            <a href="index.php"><img src="<?php echo $darkLogo; ?>" alt="Ostad Group"
                                                     style="max-width:120px;"></a>
                        </div>
                    </div>
                    <div class="col-auto">
                        <nav class="main-menu d-none d-lg-inline-block">
                            <ul>
                                <li><a href="index.php">Home</a></li>
                                <?php
                                $serviceCat = $connect->prepare("select * from `tbl_service_cat` where `delete_flag` = 0 and `parent` = 0 order by `id`");
                                $serviceCat->execute();
                                if ($serviceCat->rowCount() > 0) {
                                    ?>
                                    <li class="menu-item-has-children">
                                        <a href="#">Services</a>
                                        <ul class="sub-menu">
                                            <?php
                                            while ($serviceCatRows = $serviceCat->fetch(PDO::FETCH_ASSOC)) {
                                                $serviceCat2 = $connect->prepare("select * from `tbl_service_cat` where `delete_flag` = 0 and `parent` = " . $serviceCatRows['id'] . " order by `id`");
                                                $serviceCat2->execute();
                                                if ($serviceCat2->rowCount() > 0) {
                                                    ?>
                                                    <li class="menu-item-has-children menu-item-has-children2">
                                                        <a href="#"><?php echo $serviceCatRows['title']; ?></a>
                                                        <ul class="sub-menu">
                                                            <?php
                                                            while ($serviceCatRows2 = $serviceCat2->fetch(PDO::FETCH_ASSOC)) {
                                                                echo '<li><a href="services.php?cat='.$serviceCatRows2['id'].'">' . $serviceCatRows2['title'] . '</a></li>';
                                                            }
                                                            ?>
                                                        </ul>
                                                    </li>
                                                    <?php
                                                } else {
                                                    echo '<li><a href="services.php?cat='.$serviceCatRows['id'].'">' . $serviceCatRows['title'] . '</a></li>';
                                                }
                                            }
                                            ?>
                                        </ul>
                                    </li>
                                    <?php
                                } else {
                                    echo '<li><a href="services.php">Services</a></li>';
                                }
                                ?>
                                <li><a href="blog.php">Blog</a></li>
                                <li><a href="contact.php">Contact Us</a></li>
                                <li><a href="about.php">About Us</a></li>
                            </ul>
                        </nav>
                        <button type="button" class="th-menu-toggle d-block d-lg-none"><i class="far fa-bars"></i>
                        </button>
                    </div>
                    <div class="col-auto d-none d-xl-block">
                        <div class="header-button">
                            <a class="header-call" href="tel:<?php echo $phone; ?>"><span class="icon-btn"><i
                                            class="fas fa-phone-volume"></i></span><?php echo $phone; ?></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>