<header id="header-sticky" class="transparent-header header__sticky">
    <div class="header-area header-area-2 header__space">
        <div class="container-fluid">
            <div class="row align-items-center justify-content-between">
                <div class="col-xl-3 col-lg-2 col-md-6 col-6">
                    <div class="logo">
                        <a href="{{ route('index') }}">
                            <img class="header_logo" width="330px" alt="logo" src="{{asset('assets/img/logo/bicphs_logo.png')}}" />
                        </a>
                    </div>
                </div>
                <div class="d-none d-xl-block col-xl-6 col-lg-6">
                    <div class="main-menu main-menu-2 menu__space">
                        <nav id="tp-mobile-menu">
                            <ul>
                                <li>
                                    <a href="{{ route('index') }}">Home</a>
                                </li>
                                <li class="has-dropdown">
                                    <a href="javscript:void(0);">About Us</a>
                                    <ul class="submenu">
                                        <li><a href="{{ route('about-us') }}">About BICPHS</a></li>
                                        <li><a href="{{ route('our-services')}}">Our Services</a></li>
                                        <li><a href="{{ route('our-heath-rooms')}}">Our Health Rooms</a></li>
                                        <li><a href="{{ route('our-team')}}">Our Team</a></li>
                                    </ul>
                                </li>

                                <li>
                                    <a href="{{ route('news-blog')}}">Newsletter</a>
                                    <!-- <ul class="submenu">
                                  <li><a href="news-blog.html">News</a></li>
                                  <li><a href="{{ route('newsletter-details')}}">Blog details</a></li>
                               </ul> -->
                                </li>
                                <li>
                                    <a href="{{ route('careers')}}">Careers</a>
                                </li>
                                <li>
                                    <a href="{{ route('contact-us')}}">Contact</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-6 col-md-6 col-6">
                    <div class="header-right d-none d-lg-flex align-items-center justify-content-end">
                        <div class="header-btn">
                            <a class="tp-btn tp-btn-shine-effect" href="{{ route('contact-us')}}"><span>Contact Us</span></a>
                        </div>
                    </div>
                    <div class="mobile-menu d-xl-none">
                        <button class="tp-side-action tp-toogle hamburger-btn">
                            <span></span>
                            <span></span>
                            <span></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- header area end -->

<!-- mobile menu style start -->
<div class="fix">
    <div class="tp-side-info">
        <div class="tp-side-logo">
            <a href="{{ route('index') }}">
                <img class="header_logo" width="250px" src="{{asset('assets/img/logo/bicphs_logo.png')}}" alt="logo" />
            </a>
        </div>
        <div class="tp-side-close">
            <button><i class="fa-solid fa-xmark"></i></button>
        </div>
        <div class="tp-mobile-menu-pos"></div>
        <div class="tp-side-content">
            <div class="tp-side-content__inner-btn mb-100">
                <a href="{{ route('contact-us')}}" class="tp-btn">Contact Us</a>
            </div>
            <div class="tp-contact-info d-flex flex-column">
                <a href="tel:+923278261594"><i class="fa-solid fa-phone-flip"></i> +92 3278261594</a>
                <a class="mail" href="mailto:nayab@bicphs.com">nayab@bicphs.com</a>
            </div>
            <div class="tpfooter__social tpside-social">
                <a href="https://www.facebook.com/profile.php?id=61554940659914" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
                <a href="https://www.instagram.com/bicphs/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
                <!-- <a href="#"><i class="fa-brands fa-behance"></i></a> -->
                <!-- <a href="#"><i class="fa-brands fa-youtube"></i></a> -->
                <a href="https://www.linkedin.com/company/bicphs/?original_referer=https%3A%2F%2Fwww%2Egoogle%2Ecom%2F&originalSubdomain=pk" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
            </div>
        </div>
    </div>
    <div class="offcanvas-overlay"></div>
</div>
