.nav-pills {
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.nav-pills .nav-link {
  border-radius: 50px;
  padding: 8px 18px;
  margin: 0 4px 8px 4px;
  background: #f8f9fa;
  color: #000;
  transition: 0.3s;
}
.nav-pills .nav-link.active {
  background: #007bff;
  color: #fff;
  box-shadow: 0 3px 8px rgba(0, 123, 255, 0.3);
}
.feature-card {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}