<style>

i
{
color:black;
}

.nav-item:hover
{
padding: 10px;
background-color: red;
transition: 0.5s;
color:blue;
border-radius: 50px;
color:green;

.nav-item
{
padding: 8px;
}
button
{
width: 100%;
border:none;
cursor: pointer;
background-color: transparent;
}

</style>
<div class="nav-left-sidebar sidebar-dark" style="background-color: white;">
<div class="menu-list">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="d-xl-none d-lg-none"
href="/mamatid-clinic/admin/home.php">Dashboard</a>
<button class="navbar-toggler" type="button" data-
toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav flex-column">
<a href="/mamatid-clinic/admin/home.php" >
<img src="image/mamatid.png" alt="" style="height:
150px;width: 150px; margin-top:30px; margin-left:27px;">

</a>
<li class="nav-divider" style="font-size:16px;">
Selection
</li>
<a class="side" style=" color: black; font-size:large;
" href="/mamatid-clinic/admin/home.php" aria-expanded="false" data-
target="#submenu-1" aria-controls="submenu-1">
<button class="nav-item">
 <i class="fas fa-clipboard-list" style="color:
black; font-size:20px; padding:10px;"></i>Dashboard
</button>
</a>

<li class="nav-item ">

<a class="side"style="color: black; font-
size:large;" href="/mamatid-clinic/admin/holidayManage.php" aria-expanded="false"
data-target="#submenu-1" aria-controls="submenu-1">
<i class=" fas fa-calendar-alt" style="color:
black; font-size:20px; padding:10px"></i>Holidays Management</a>
</li>
<li class="nav-item ">
<a class="side"style="color: black; font-
size:large;" href="/mamatid-clinic/admin/serviceManage.php" aria-expanded="false"
data-target="#submenu-1" aria-controls="submenu-1">
<i class=" fas fa-ambulance" style="color:
black; font-size:20px; padding:10px"></i>Services Management</a>
</li>
<li class="nav-item ">
<a class="side"style="color: black; font-
size:large;" href="/mamatid-clinic/admin/userManage.php" aria-expanded="false"
data-target="#submenu-1" aria-controls="submenu-1">
<i class=" fas fa-user-circle" style="color:
black; font-size:20px; padding:10px"></i>User Management</a>
</li>
<li class="nav-item ">
<a class="side"style="color: black; font-
size:large;" href="/mamatid-clinic/admin/archive.php" aria-expanded="false" data-
target="#submenu-1" aria-controls="submenu-1">
<i class="fas fa-recycle" style="color: black;
font-size:20px; padding:10px"></i>Archive Management</a>
</li>
<li class="nav-item ">
<a class="side"style="color: black; font-
size:large;" href="/mamatid-clinic/admin/activitylogs.php" aria-expanded="false"
data-target="#submenu-1" aria-controls="submenu-1">
<i class=" fas fa-cogs" style="color: black;
font-size:20px; padding:10px"></i>Activity Logs</a>
</li>

</ul>
</div>
</nav>
</div>
</div>