<style>
img.logo5 {
    width: 78px;
}
.sidebar-dark .sidebar-brand {
    background: white;
}
.rotate-n-15 {
    transform: none;
}
.sidebar-brand-text.mx-3 {
    margin: 0!important;
}
.side-lo{
	width: 66px;
height: auto;
}
</style>
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">



	  
	  
      <!-- Sidebar - Brand -->
      <a class="sidebar-brand d-flex align-items-center justify-content-center" href="#">
	          <div class="sidebar-brand-icon rotate-n-15">
          <img class=" side-lo"   src="../img/business-delevopment-company.png"> 
        </div>
     
       
      </a>

      <!-- Divider -->
      <hr class="sidebar-divider my-0se">

      <!-- Nav Item - Dashboard -->
      <li class="nav-item active">
        <a class="nav-link" href="gallery_category.php">
          <i class="fa fa-desktop"></i>
          <span>Dashboard</span></a>
      </li>

      <!-- Divider -->
      <hr class="sidebar-divider">

	        <!-- Nav Item - Pages Collapse Menu -->




	  
	  
	        <!-- Nav Item - Pages Collapse Menu -->
		 <li class="nav-item">
        <a class="nav-link collapsed"  data-toggle="collapse" data-target="#collapsePage4" aria-expanded="true" aria-controls="collapsePage4">
         <i class="fa fa-image"></i>
          <span>Careers</span>
        </a>
        <div id="collapsePage4" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
    
            <a class="collapse-item" href="career.php">Add Vacancy</a>
            <a class="collapse-item" href="application.php">Applications</a>
			 

          </div>
        </div>
      </li> 
	  
	  <!-----<li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePage2" aria-expanded="true" aria-controls="collapsePage2">
         <i class="fas fa-image"></i>
          <span>Products</span>
        </a>
        <div id="collapsePage2" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
			<a class="collapse-item" href="wall_floor_tiles.php">Wall &amp; Floor Tiles</a>
            <a class="collapse-item" href="modular_kitchen.php">Modular Kitchen</a>
            <a class="collapse-item" href="sanitary_ware.php">Sanitary Ware</a>
			

          </div>
        </div>
      </li>------------>
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePage5" aria-expanded="true" aria-controls="collapsePage5">
         <i class="fa fa-image"></i>
          <span>Portfolio</span>
        </a>
        <div id="collapsePage5" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
			<a class="collapse-item" href="portfolioyear.php">Add Year</a>
            <a class="collapse-item" href="portfoliocategory.php">Add Category</a>
            <a class="collapse-item" href="portfolio.php">Add Site</a>
			

          </div>
        </div>
      </li>
	  


	  
	  	        

     

      <!-- Divider -->
      <hr class="sidebar-divider d-none d-md-block">

      <!-- Sidebar Toggler (Sidebar) -->
      <div class="text-center d-none d-md-inline">
        <button class="rounded-circle border-0" id="sidebarToggle"></button>
      </div>

    </ul>