/* Custom Navbar Styling */
.nav-custom .nav-item {
  position: relative;
}

.nav-custom .nav-link {
  padding: 10px 15px;
  margin: 0;
  color: #333;
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  border-right: 1px solid #ddd; /* Divider */
}

.nav-custom .nav-item:last-child .nav-link {
  border-right: none; /* Remove last divider */
}

/* Hover Effect */
.nav-custom .nav-link:hover {
  color: #ff4b2b; /* Logo accent color */
}

/* Active Page */
.nav-custom .nav-link.active {
  color: #ff4b2b;
  font-weight: 600;
}

.nav-custom .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 15px;
  width: calc(100% - 30px);
  height: 3px;
  background-color: #ff4b2b;
  border-radius: 3px;
}

/* Underline Animation on Hover */
.nav-custom .nav-link::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #ff4b2b;
  transition: all 0.3s ease;
  border-radius: 3px;
}

.nav-custom .nav-link:hover::after {
  width: calc(100% - 30px);
  left: 15px;
}