.g-5{
     gap:15px;
}

.bg-search{
     width:18rem;
     padding:3px;
}

.active-link{
    font-weight: bold;
}

.navbar{
     /* position: fixed;
     width:100%;
     top:0; */
     z-index: 2;
   
    /* background-color: #b6cfbd; */
}
.link-container li a{
    text-decoration: none;
    color:rgb(44, 43, 43);
}


.link-container li a:hover{
     color:rgb(0, 0, 0);
     font-weight: bold;
}

@media only screen and (max-width:768px){
   .link-container{
          display:none !important;
   }

}

@media only screen and (max-width:768px) {
    .login-container{
         display: none !important ;
    }
    
}


@media only screen and (max-width:768px) {
    .search-container{
         display: none !important ;
    }
    
}
 



.search-button{
     float: right;
     position: relative;
     margin-left:-74px !important; 
     padding:5px;
     margin-top:1px;

}

@media screen and (max-width: 768px){

    .search-button{
         padding:3px;
         margin-left:-80px !important;
         margin-top:3px;
       
     }
}


.text-sm{

     font-size: 13px;
}

.input-search{
   
     width:16em;
     font-size:15px;
     padding:5px 2px;
    
}

@media screen and (max-width:768px){
    .input-search{
    
         width:18rem;
     }
}

 
.overlay{
	 display: none;
}

.overlay .close-btn{
     display: none;


}

.overlay a:hover,.overlay a:focus{
     color:red;
     text-decoration: none;
}


#open-btn{
     display: none;

}


@media only screen and (max-width:767px){


    .overlay{
         height: 0%;
         width: 100%;
         display: block;
         position:fixed;
         z-index: 300;
         top: 0;
         right: 0;
         color:#ffffff;
         background-color: rgba(45, 45, 45, 0.99);
         overflow-x:hidden;
         transition:right 0.3s ease-in-out;
    
    
    }
    .overlay-content{
         position:relative;
         top:8%;
         width: 100%;
         text-align: center;
    
    }
    
    .overlay a{
          padding: 5px;
          font-size:15px !important;
          color: white; 
          display: block;
          text-transform: capitalize;
          font-weight:200;
          font-family:poppins;
          transition: 0.3s;
          margin:10px 0px;
    }
    

    .overlay .close-btn{
         position: absolute;       
         right:0;
         font-size:21px !important;
         color:white;
         border:1px solid transparent;     
         padding:0px 10px;
         z-index: 300;
         display: block;
    
    }
    
    .overlay a:hover,.overlay a:focus{
         color:red !important;
         text-decoration: none;
    }
    
    
    #open-btn{
         display: block;
         color: white;
         font-size:18px;
         position: absolute;
         cursor: pointer;
         top:1px !important;
         left: 35px;
         margin-left: 20px;
    
      
      
    }
    
    
    }