/* Navigation pill-style buttons */
.navbar-nav > li > a {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  margin: 5px 3px;
  padding: 6px 14px;
  transition: background-color 0.2s ease;
  font-weight: 500;
}

.navbar-nav > li > a:hover {
  background-color: rgba(24, 188, 156, 0.3) !important;
  color: #ffffff !important;
}

.navbar-nav > li.active > a {
  background-color: #18bc9c !important;
  color: #ffffff !important;
}

/* Adjust navbar padding for better spacing */
.navbar {
  padding: 10px 0;
}