#header{
   display:flex;
   align-items:center;
   flex-wrap:wrap;
   justify-content:space-between;
   padding:0 40px;
   background:#ffffff;
   box-shadow:0 5px 15px rgba(0,0,0,0.06);
   z-index:999;
   position:sticky;
   top:0;
   left:0;
   right:0;
}
.logo{
   height:70px;
   width:100%;
   object-fit: contain;
}
.logo:focus{
   outline:none;
}
#navbar{
   display:flex;
   align-items:center;
   justify-content:center;
   
}
#navbar li{
   list-style:none;
   padding:0 20px;
   position:relative;
}
#navbar li a{
   text-decoration:none;
   font-size:16px;
   font-weight:600;
   color:#1a1a1a;
   transition:0.3s ease;
}
#navbar li a:hover,
#navbar li a.active{
   color:rgb(24, 145, 145);
}

#navbar li a.active::after,
#navbar li a:hover::after{
   content:"";
   width:30%;
   height:2px;
   background-color:rgb(24, 145, 145);
   position:absolute;
   bottom:-4px;
   left:20px;
}