<!-- mobile menu area start -->
<div class="mobile-menu-main">
    <nav class="nav-main mainmenu-nav mt--30">
        <ul class="mainmenu metismenu" id="mobile-menu-active">
            <li class="<?= $current_page === 'home' ? 'active' : '' ?>">
                <a href="index.php" class="main">Home</a>
            </li>
            <li class="<?= $current_page === 'about' ? 'active' : '' ?>">
                <a href="aboutus.php" class="main">About Us</a>
            </li>
            <li class="<?= $current_page === 'about' ? 'active' : '' ?>">
                <a href="trading.php" class="main">Trading</a>
            </li>
            <li class="has-dropdown<?= $current_page === 'service' ? 'active' : '' ?>">
                <a href="#" class="main">Services</a>
                <ul class="submenu mm-collapse">
                    <li><a href="service.php" class="mobile-menu-link">All Services</a></li>
                    <li><a href="service.php#generator-service" class="mobile-menu-link">Generator Services</a></li>
                    <li><a href="service.php#pressure-vessels" class="mobile-menu-link">Pressure Vessels</a></li>
                    <li><a href="service.php#water-pump" class="mobile-menu-link">Water Pump</a></li>
                    <li><a href="service.php#transfer-pumpset" class="mobile-menu-link">Transfer Pumpset</a></li>
                    <li><a href="service.php#full-inspection" class="mobile-menu-link">Full Inspection</a></li>
                </ul>
            </li>

            </li>
            <li class="<?= $current_page === 'contact' ? 'active' : '' ?>">
                <a href="contact.php" class="main">Contact Us</a>
            </li>
        </ul>
    </nav>

    <div class="rts-social-style-one pl--20 mt--100">
        <ul>
            <li>
                <a href="#">
                    <i class="fa-brands fa-facebook-f"></i>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fa-brands fa-twitter"></i>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fa-brands fa-youtube"></i>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fa-brands fa-linkedin-in"></i>
                </a>
            </li>
        </ul>
    </div>
</div>

<!-- mobile menu end -->