<!DOCTYPE html>
<html lang="en">
   <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet"> 
    <!-- Icon Font Stylesheet -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
    <!-- Libraries Stylesheet -->
    <link href="<?php echo get_stylesheet_directory_uri();?>/lib/animate/animate.min.css" rel="stylesheet">
    <link href="<?php echo get_stylesheet_directory_uri();?>/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <!-- Customized Bootstrap Stylesheet -->
    <link href="<?php echo get_stylesheet_directory_uri();?>/css/bootstrap.min.css" rel="stylesheet">
    <link href="<?php echo get_stylesheet_directory_uri();?>/css/style.css?v=55" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
       <?php wp_head();?>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" />
<!-- <script type="text/javascript">
$(window).scroll(function(){
            if($(this).scrollTop() > 300){
                $('.navbar-light').addClass('sticky')
            } else{
                $('.navbar-light').removeClass('sticky')
            }
        });
</script> -->
   </head>
   <body>





    <div class="bottom-menu">
        <div class="button_group d-flex justify-content-center align-items-center"><a class="bottom_menu_btn" href="tel: +16479642602"><span>Call Us<i class="ms-2 fa-solid fa-paper-plane "></i></span></a><a class="bottom_menu_btn2" href="https://fieldmebooking.noterro.com/" target="_blank"><span>Book Appointment <i class="fa-solid fa-paper-plane"></i></span></a></div>
    </div>




    <!-- Topbar Start -->
<!--         <div class="mainbg1 container-fluid px-5 d-lg-block topdetails">
            <div class="row gx-0 align-items-center">
                <div class="col-lg-9 col-md-12 col-sm-12 text-center text-lg-start mb-lg-0">
                    <div class="d-flex flex-wrap info">
                        <li class="text-light me-0"><a href="#" class="text-light me-4"><i class="fas fa-map-marker-alt text-primary me-2"></i><?php// echo html_entity_decode( get_option( 'option_3' ) );?></a></li>
                        <li class="text-light me-0"><a href="tel:<?php// echo html_entity_decode( get_option( 'option_5' ) );?>" class="text-light me-4"><i class="fas fa-phone text-primary me-2"></i><?php// echo html_entity_decode( get_option( 'option_5' ) );?></a></li>

                         <a href="mailto:<//?php echo html_entity_decode( get_option( 'option_4' ) );?>" class="text-light me-0"><i class="fas fa-envelope text-primary me-2"></i><?php// echo html_entity_decode( get_option( 'option_4' ) );?></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-12 col-sm-12 text-center text-lg-end">
                    <div class="d-flex align-items-center iconbox">
                        <a href="<?php// echo html_entity_decode( get_option( 'option_1' ) );?>" class="btn btn-light btn-square border rounded-circle nav-fill me-3"><i class="fab fa-facebook-f"></i></a>
                        <a href="<?php// echo html_entity_decode( get_option( 'option_22' ) );?>" class="btn btn-light btn-square border rounded-circle nav-fill me-3"><i class="fab fa-google"></i></a>
                        <a href="<?php// echo html_entity_decode( get_option( 'option_21' ) );?>" class="btn btn-light btn-square border rounded-circle nav-fill me-3"><i class="fab fa-instagram"></i></a>
                        <a href="<?php// echo html_entity_decode( get_option( 'option_2' ) );?>" class="btn btn-light btn-square border rounded-circle nav-fill me-0"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- Topbar End -->


<!-- Navbar & Hero Start -->

<div class="sticky-top">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-10 col-md-10 col-sm-12 col-12">
<nav class="navbar navbar-expand-lg">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="navbar-brand p-0">

 <div class="mainlogo d-flex"><img src="<?php echo get_stylesheet_directory_uri();?>/img/logo.png"> </div>

<!-- <img src="img/logo.png" alt="Logo"> -->
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<?php echo wp_nav_menu( array( 'theme_location' => 'primary',  'menu_class' => 'navbar-nav ms-auto py-0' , 'container' => false , 'walker' => new WP_Bootstrap_Navwalker() ) );?>
</div>
</nav>
</div>  

<div class="col-lg-2 col-md-2 col-sm-12 col-12">
<div class="bookapp text-end"><a href="https://fieldmebooking.noterro.com/" target="_blank" class="btn btn-primary rounded-pill text-white py-2 px-4 flex-wrap flex-sm-shrink-0">Book Appointment</a></div>
</div>  
</div>  
</div>
</div>

<!-- Navbar & Hero end -->