/*!* Hover effect *!*/
/*.nav-item a:hover {*/
/*    border: 1px solid #007bff; !* Add a border when hovered *!*/
/*    background-color: #007bff; !* Background color changes to primary *!*/
/*    color: white; !* Text color changes to white *!*/
/*}*/

/*.nav-item a:hover i {*/
/*    color: white; !* Icon color changes to white on hover *!*/
/*}*/

/*!* Active state *!*/
/*.nav-item a.active {*/
/*    border: 1px solid #007bff; !* Border stays after click *!*/
/*    background-color: #007bff; !* Background color stays primary *!*/
/*    color: white; !* Text color stays white *!*/
/*}*/

/*.nav-item a.active i {*/
/*    color: white; !* Icon color stays white after click *!*/
/*}*/

/*!* Button state when hovered but not active *!*/
/*.nav-item a.text-primary {*/
/*    border: 1px solid #007bff;*/
/*    background-color: #007bff;*/
/*    color: white;*/
/*}*/

/*.nav-item a.text-primary i {*/
/*    color: white;*/
/*}*/