        <!-- preloader -->
        <div id="preloader">
            <div class="preloader">
                <span></span>
                <span></span>
            </div>
        </div>
        <!-- preloader end  -->

        <!-- back-to-top-start  -->
        <button class="scroll-top scroll-to-target" data-target="html">
            <i class="far fa-angle-double-up"></i>
        </button>
        <!-- back-to-top-end  -->

        <!-- it-offcanvus-area-start -->
        <div class="it-offcanvas-area">
            <div class="itoffcanvas">
                <div class="itoffcanvas__close-btn">
                    <button class="close-btn"><i class="fal fa-times"></i></button>
                </div>
                <div class="itoffcanvas__logo">
                    <a href="index">
                        <img src="assets/img/logo/logo-white.png" alt="" />
                    </a>
                </div>
                <div class="itoffcanvas__text">
                    <p>
                        Suspendisse interdum consectetur libero id. Fermentum leo vel orci porta non. Euismod viverra
                        nibh cras pulvinar suspen.
                    </p>
                </div>
                <div class="it-menu-mobile"></div>
                <div class="itoffcanvas__info">
                    <h3 class="offcanva-title">Get In Touch</h3>
                    <div class="it-info-wrapper mb-20 d-flex align-items-center">
                        <div class="itoffcanvas__info-icon">
                            <a href="#"><i class="fal fa-envelope"></i></a>
                        </div>
                        <div class="itoffcanvas__info-address">
                            <span>Email</span>
                            <a href="maito:hello@yourmail.com">hello@yourmail.com</a>
                        </div>
                    </div>
                    <div class="it-info-wrapper mb-20 d-flex align-items-center">
                        <div class="itoffcanvas__info-icon">
                            <a href="#"><i class="fal fa-phone-alt"></i></a>
                        </div>
                        <div class="itoffcanvas__info-address">
                            <span>Phone</span>
                            <a href="tel:(00)45611227890">(00) 456 1122 7890</a>
                        </div>
                    </div>
                    <div class="it-info-wrapper mb-20 d-flex align-items-center">
                        <div class="itoffcanvas__info-icon">
                            <a href="#"><i class="fas fa-map-marker-alt"></i></a>
                        </div>
                        <div class="itoffcanvas__info-address">
                            <span>Location</span>
                            <a href="htits://www.google.com/maps/@37.4801311,22.8928877,3z" target="_blank"
                                >Riverside 255, San Francisco, USA
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="body-overlay"></div>
        <!-- it-offcanvus-area-end -->

        <header class="header-height">
            <!-- header-area-start -->
            <div id="header-sticky" class="it-header-2-area it-header-inner-style z-index-5">
                <!-- logo -->
                <div class="it-main-logo">
                    <a href="index">
                        <img src="assets/img/logo/logo-white.png" class="main-logo" alt="" />
					</a>
                </div>
                <!-- logo -->

                <div class="it-header-2-pl">
                    <!-- header-top-area-start -->
                    <div
                        class="it-header-2-top it-header-2-space-lr">
                        <div class="container-fluid">
                            <div class="row align-items-center">
                                <div class="col-xl-8 col-lg-6 col-md-6">
                                    <div class="it-header-2-top-info">
                                        <ul>
                                            <li class="d-none d-xl-inline-block">
                                                <i class="flaticon-phone-call"></i>
                                                <a class="hover-anim white" href="tel:+919625550899">
                                                    +91-9625550899
                                                </a>
                                            </li>
                                            <li>
                                                <i class="flaticon-letter"></i>
                                                <a class="hover-anim white" href="mailto:info@jetbio.in">
                                                    info@jetbio.in
                                                </a>
                                            </li>
                                            <li class="d-none d-xl-inline-block">
                                                <i class="flaticon-location"></i>
                                                <a class="hover-anim white" href="#" target="_blank">
                                                    Plot No. 172, Second Floor PKT K Sec-3
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-6 col-md-6 d-none d-md-block">
                                    <div class="it-header-2-top-right text-end">
                                        <div class="it-header-2-top-social">
                                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                                            <a href="#"><i class="fab fa-twitter"></i></a>
                                            <a href="#"><i class="fab fa-skype"></i></a>
                                            <a href="#"><i class="fab fa-linkedin"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- header-top-area-end -->

                    <!-- header-area-start -->
                    <div class="it-header-2-area it-header-2-space-lr white-bg it-header-2-mob-space">
                        <div class="container-fluid">
                            <div class="row align-items-center">
                                <div class="col-xl-12 d-none d-xl-block">
                                    <div class="it-header-main-menu it-main-menu">
                                        <nav class="it-menu-content">
                                            <ul>
                                                <li class="<?php if($page=='home'){echo 'active';}?>"><a href="index">Home</a></li>
                                                <li class="has-dropdown <?php if($page=='about-us'){echo 'active';}?>">
                                                    <a href="#">Company</a>
                                                    <ul class="it-submenu submenu">
                                                        <li><a href="about-us">About Us</a></li>
                                                        <li><a href="#">Vision & Vision</a></li>
                                                    </ul>
                                                </li>
                                                <li class="has-dropdown">
                                                    <a href="#">Our Products</a>
                                                    <ul class="it-submenu submenu">
                                                        <li><a href="#">JB Flon</a></li>
                                                        <li><a href="#">JB Neo</a></li>
                                                        <li><a href="#">JB Flex</a></li>
                                                        <li><a href="#">JB Flex Pro</a></li>
                                                        <li><a href="#">JB Set Eco, Premium, JB Set IV Plus</a></li>
                                                        <li><a href="#">JB Set</a></li>
                                                        <li><a href="#">JB Set</a></li>
                                                        <li><a href="#">JETBIO</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="#">Quality</a></li>
                                                <li><a href="#">Certifications</a></li>
                                                <li class="has-dropdown">
                                                    <a href="javascript:void(0);">Downloads</a>
                                                    <ul class="it-submenu submenu">
                                                        <li><a href="#">Product Catalogue</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="#">Careers</a></li>
                                                <li class="<?php if($page=='contact-us'){echo 'active';}?>"><a href="contact-us">Contact Us</a></li>
                                            </ul>
                                        </nav>
                                    </div>
                                </div>
                                <div class="col-6 d-md-none">
                                    <div class="it-header-logo">
                                        <a href="index"><img src="assets/img/logo/logo.png" alt="" /></a>
                                    </div>
                                </div>
                                <div class="col-xl-2 col-lg-12 col-md-12 col-6 d-md-none">
                                    <div class="it-header-2-right-box d-flex align-items-center justify-content-end">
                                        <div class="it-header-bar d-xl-none">
                                            <button class="it-menu-bar">
                                                <span><i class="fa-regular fa-bars-sort"></i></span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- header-top-area-start -->
                </div>
            </div>
            <!-- header-area-end -->
        </header>
