  <header id="header" class="shadow1  header container-fluid d-flex align-items-center fixed-top" style="background-color:#e5eeed;">
    <div class="container-fluid position-relative d-flex align-items-center justify-content-between">

      <a href="index" class="logo1 d-flex align-items-center">
        <!-- Uncomment the line below if you also wish to use an image logo -->
        <img src="assets/img/vat-logo.png" width="70px" class="d-overflow"> 
        <h4 class="mt-2"><strong class="logo-text">&nbsp;Volunteers Adventure Travel </strong> <br><span class="h6 mt-0"> &nbsp;&nbsp;Providing Volunteering Opportunities </span></h4> 
		
      </a>

      <nav id="navmenu" class="navmenu">
        <ul>
		<div class="logo_title text-center d-xl-none">
                    <img src="assets/img/vat-logo.png" width="50px" class="d-overflow">
                    <h4 class="m-0 fw-bold mt-2"> <span class="logo-text"> Volunteer Adventure Travel  </span><br><span class="h6 mt-0"> Providing Volunteering Opportunities </span></h4> 
					 			
                    <hr>
                </div>
          <li><a href="index">Home</a></li>
          <li><a href="about-us">About Us</a></li>
		  
		 <!-- <li class="dropdown"><a href="">About <i class="bi bi-chevron-down toggle-dropdown"></i></a>
            <ul>
              <li><a href="about-us">About Us</a></li>
			  <li><a href="#team">Team</a></li>
              <li><a href="#">Mission & Vision</a></li>			  
              <li><a href="#">Become A Volunteer</a></li> 
            </ul>
          </li>-->
		  
          <li><a href="bangladesh">Volunteer Opportunities</a></li>
          <li><a href="bangladesh-tt">Travel Tours</a></li>
          <li><a href="fees">Fees</a></li>
         
         
          <!--<li><a href="countries">Countries</a></li>-->

			<!--<li class="dropdown"><a href="">Countries <i class="bi bi-chevron-down toggle-dropdown"></i></a>
            <ul>
              <li><a href="#">Bangladesh</a></li>
              <li><a href="#">Nepal</a></li> 
              <li><a href="#">Bhutan</a></li> 
              <li><a href="#">India</a></li> 
            </ul>
          </li>	-->
		   
		<!--  <li class="dropdown"><a href="">Projects <i class="bi bi-chevron-down toggle-dropdown"></i></a>
            <ul>
              <li><a href="#">Completed Projects</a></li>
              <li><a href="#">Running Projects</a></li> 
              <li><a href="#">Future Planning</a></li> 
            </ul>
          </li>
		  
		<li class="dropdown"><a href="">Media Center <i class="bi bi-chevron-down toggle-dropdown"></i></a>
            <ul>
              <li><a href="#">News</a></li>
              <li><a href="#">Notice</a></li> 
              <li><a href="#">Events</a></li> 
              <li><a href="#">Photo Gallery</a></li> 
              <li><a href="#">Video Gallery</a></li> 
            </ul>
          </li>-->
		  
         <!-- <li class="dropdown d-none"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
            <ul>
              <li><a href="#">Dropdown 1</a></li>
              <li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
                <ul>
                  <li><a href="#">Deep Dropdown 1</a></li>
                  <li><a href="#">Deep Dropdown 2</a></li>
                  <li><a href="#">Deep Dropdown 3</a></li>
                  <li><a href="#">Deep Dropdown 4</a></li>
                  <li><a href="#">Deep Dropdown 5</a></li>
                </ul>
              </li>
              <li><a href="#">Dropdown 2</a></li>
              <li><a href="#">Dropdown 3</a></li>
              <li><a href="#">Dropdown 4</a></li>
            </ul>
          </li>-->
          
		  <li><a href="contact">Contact</a></li>
		  <li><a href="apply" class="btn btn-dark text-light">Apply Now</a></li>
        </ul>
        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
      </nav>

    </div>
  </header>