.navbar-nav .nav-link {
font-size: 16px;
padding: 10px 15px;
transition: color 0.3s ease;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active > a {
font-weight: bold;
color: #007bff;
}
@media screen and (max-width: 768px) {
.navbar-nav {
flex-direction: column;
align-items: center;
}
.navbar-nav .nav-link {
display: block;
width: 100%;
text-align: center;
padding: 12px;
}
}