<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta http-equiv="" content="charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="">
    <!-- link to bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
        crossorigin="anonymous" />
    <!-- link to font awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <!-- link to owl carousel -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <!-- link to aos -->
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <!-- custom css -->
    <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri();?>/assets/css/style.css">
    <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri();?>/assets/css/responsive.css">
    <?php wp_head();?>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" />
  </head> 

  <body>



      <header>
        <!-- Middle Header -->
        <nav class="navbar navbar-expand-lg flex-column justify-content-between">
            <div class="container-fluid top__menu">
                <!-- Top Header -->
                <div class="text-white my-2 top_bar">
                    <div class="topbar_details d-flex justify-content-between align-items-center">
                        <div class="topbar_left d-flex gap-3 pt-2">
                            <a href="#." class="d-none d-lg-block">
                                <h6 class="d-flex align-items-center m-0">
                                    <span class="top_icon me-2 top_social social1">
                                        <img src="<?php echo get_stylesheet_directory_uri();?>/images/logo&icons/email.png" alt="" width="25" />
                                    </span>
                                    <span clss="h6_span_top"><?php echo html_entity_decode( get_option( 'option_10' ) );?></span>
                                </h6>
                            </a>
                            <a href="mailto: info@rehabmantra.ca">
                                <h6 class="d-flex align-items-center m-0">
                                    <span class="top_icon me-2 top_social social1"><img
                                            src="<?php echo get_stylesheet_directory_uri();?>/images/logo&icons/location.png" alt="" width="25" /></span>
                                    <span clss="h6_span_top"><?php echo html_entity_decode( get_option( 'option_8' ) );?></span>
                                </h6>
                            </a>

                        </div>
                        <!-- Logo -->
                        <a class="navbar-brand" href="<?php echo get_site_url(); ?>">
                            <img src="<?php echo get_stylesheet_directory_uri();?>/images/logo&icons/Rehab_Mantra_02.png" alt="logo" height="" />
                        </a>

                        <div class="topbar_socials d-flex justify-content-end gap-3">
                            <div class="topbar_left d-flex justify-content-between align-items-center d-none d-md-block">
                                <a href="tel: <?php echo html_entity_decode( get_option( 'option_5' ) );?>">
                                    <h6 class="d-flex align-items-center m-0">
                                        <span class="top_icon me-2 top_social social1"><img
                                                src="<?php echo get_stylesheet_directory_uri();?>/images/logo&icons/call.png" alt="" width="25" /></span>
                                        <span clss="h6_span_top"><?php echo html_entity_decode( get_option( 'option_5' ) );?></span>
                                    </h6>
                                </a>
                            </div>
                            <a href="<?php echo html_entity_decode( get_option( 'option_1' ) );?>" class="top_facebook top_social"><img src="<?php echo get_stylesheet_directory_uri();?>/images/logo&icons/facebook.png"
                                    alt="" /></a>
                            <a href="<?php echo html_entity_decode( get_option( 'option_4' ) );?>" class="top_instagram top_social"><img src="<?php echo get_stylesheet_directory_uri();?>/images/logo&icons/instagram.png"
                                    alt="" /></a>
                            <a href="<?php echo html_entity_decode( get_option( 'option_3' ) );?>" class="top_linkedin top_social"><img src="<?php echo get_stylesheet_directory_uri();?>/images/logo&icons/linkedin.png"
                                    alt="" /></a>
                        </div>
                    </div>
                </div>

                <!-- Mobile Toggle Button -->
                <button class="navbar-toggler ms-3" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
            </div>

            <div class="container-fluid align-items-end bottom__memu">
                <!-- Navbar Content -->
                <div class="collapse navbar-collapse justify-content-between" id="navbarSupportedContent">
                   <?php echo wp_nav_menu( array( 'theme_location' => 'primary',  'menu_class' => 'navbar-nav justify-content-between w-100' , 'container' => false , 'walker' => new WP_Bootstrap_Navwalker() ) );?>
                    <!-- Navigation Links -->
                    <!-- <ul class="navbar-nav justify-content-between w-100">

                        <li class="nav-item">
                            <a class="nav-link" href="./index.html">Home</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" href="./about.html">About Us</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="./allservices.html">Services</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="./allservices.html">Conditions</a>
                        </li>

                        <li class="nav-item custom_pad_right">
                            <a class="nav-link" href="./team.html">Team</a>
                        </li>

                        <li class="nav-item custom_pad_left">
                            <a class="nav-link" href="./faq.html">Faq</a>
                        </li>


                        <li class="nav-item">
                            <a class="nav-link" href="./blogs.html">Blogs</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" href="./contact.html">Contact Us</a>
                        </li>
                        

                    </ul> -->

                    <div class="d-flex nav_btn_bx">
                            <a href="#." class="theme_button" data-text="Book&nbsp;an&nbsp;Appointment"></a>
                        </div>
                </div>
            </div>
        </nav>
    </header>