<header id="site-header" class="site-header sticky-header header-static">
    <!-- Main Header start -->
    <div class="header-topbar style-2">
        <div class="octf-area-wrap">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <ul class="social-list">
                            <li><a href="http://twitter.com/" target="_self"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="http://facebook.com/" target="_self"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="http://linkedin.com/" target="_self"><i class="fab fa-linkedin-in"></i></a></li>
                            <li><a href="http://instagram/" target="_self"><i class="fab fa-instagram"></i></a></li>
                        </ul>
                    </div>
                    <div class="col-md-8">
                        <ul class="topbar-info align-self-end clearfix">
                            <li><a href="tel:+1-800-456-478-23"><i class="fas fa-phone-alt"></i> +91-1235458794</a></li>
                            <li><a href="mailto:contact@mquad.io"><i class="fas fa-envelope"></i> contact@mquad.io</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="octf-main-header">
        <div class="octf-area-wrap">
            <div class="container octf-mainbar-container">
                <div class="octf-mainbar">
                    <div class="octf-mainbar-row octf-row">
                        <div class="octf-col logo-col">
                            <div id="site-logo" class="site-logo">
                                <a href="index.html">
                                    <img src="images/logo-web.svg" alt="Engitech" class="">
                                </a>
                            </div>
                        </div>
                        <div class="octf-col menu-col">
                            <nav id="site-navigation" class="main-navigation">
                                <ul class="menu">
                                    <li class="current-menu-item"><a href="index.php">Home</a></li>
                                    <li class="menu-item-has-children"><a href="#">About</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">About MQUAD</a></li>
                                            <li><a href="#">Why Choose Us</a></li>
                                            <li><a href="#">Our team</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Services</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">Analyze & Visualize</a></li>
                                            <li><a href="#">Enter Data Anywhere</a></li>
                                            <li><a href="#">Case Management</a></li>
                                            <li><a href="#">Privacy & Security</a></li>
                                            <li><a href="#">Open Ecosystem</a></li>
                                            <li><a href="#">Internationalized</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Contact Us</a></li>
                                </ul>
                            </nav>
                            <div class="octf-btn-cta ml-3">

                                <div class="octf-header-module cart-btn-hover">
                                    <div class="h-cart-btn octf-cta-icons">
                                        <a class="octf-btn" href="#"><i class="fa fa-sign-in-alt"></i> Login</a>
                                    </div>  
                                    
                                </div>
                                
                                <div class="octf-header-module">
                                    <div class="toggle_search octf-cta-icons">
                                        <i class="flaticon-search"></i>
                                    </div>
                                    <!-- Form Search on Header -->
                                    <div class="h-search-form-field collapse">
                                        <div class="h-search-form-inner">
                                            <form role="search" method="get" id="hsearch-form" class="search-form">
                                                <label><span class="screen-reader-text">Search for:</span>
                                                <input type="search" class="search-field" placeholder="Search …" value="" name="s"></label>
                                                <button type="submit" class="search-submit"><i class="flaticon-search"></i></button>
                                            </form>
                                        </div>                                  
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="header_mobile">
        <div class="container">
            <div class="mlogo_wrapper clearfix">
                <div class="mobile_logo">
                    <a href="index.php">
                        <img src="images/logo-web.svg" alt="MQUAD Logo">
                    </a>
                </div>
                <div id="mmenu_toggle">
                    <button></button>
                </div>
            </div>
            <div class="mmenu_wrapper">
                <div class="mobile_nav collapse">
                    <ul id="menu-main-menu" class="mobile_mainmenu">
                        <li class="current-menu-item"><a href="index.php">Home</a></li>
                        <li class="menu-item-has-children"><a href="#">About</a>
                            <ul class="sub-menu">
                                <li><a href="#">About MQUAD</a></li>
                                <li><a href="#">Why Choose Us</a></li>
                                <li><a href="#">Our team</a></li>
                            </ul>
                        </li>
                        <li class="menu-item-has-children"><a href="#">Services</a>
                            <ul class="sub-menu">
                                <li><a href="#">Analyze & Visualize</a></li>
                                <li><a href="#">Enter Data Anywhere</a></li>
                                <li><a href="#">Case Management</a></li>
                                <li><a href="#">Privacy & Security</a></li>
                                <li><a href="#">Open Ecosystem</a></li>
                                <li><a href="#">Internationalized</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Contact Us</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>