.navbar-brand {
    position: relative;
}

/* Logo and name hover effect */
.navbar-brand img {
    transition: transform 0.3s ease; /* Smooth scaling */
}

.navbar-brand:hover img {
    transform: scale(1.1); /* Slightly increase size on hover */
}

.logoName {
    font-size: 1.5rem;
    transition: transform 0.3s ease, color 0.3s ease; /* Smooth scaling and color change */
}

.navbar-brand:hover .logoName {
    transform: scale(1.1); /* Slightly increase size on hover */
    color: #6e4bea; /* Change color (adjust as needed) */
}

/* Nav item hover effect */
.navbar-nav .nav-item .nav-link {
    color: #333; /* Default text color */
    transition: color 0.3s ease, border-bottom 0.3s ease; /* Smooth color and underline effect */
}

.navbar-nav .nav-item .nav-link:hover {
    color: #007bff; /* Highlight text color */
    border-bottom: 2px solid #007bff; /* Add underline effect */
}