.nav-link {
    
    color: white;
    padding: 5px;
    margin: 0px;
   
}

.nav-link:hover {
    width:100%;
    color: #f7ca05;
    text-decoration: none;
    background-color: #356499;
    color: #ffffff;
    padding: 5px;
    font-weight: bold;
    border: none;

}

.nav-bg {
    background-image: url('/images/navbg.jpg');
    background-size: cover;
}

.main-bg {
    background: linear-gradient(130deg, rgba(255, 255, 255, 1) 30%, rgba(65, 94, 125, 1) 54%, rgba(26, 60, 98, 1) 65%);
    
}

.hover-underline {
  font-size: 1rem;
  position: relative;
  display: inline-block;
}

.hover-underline::after,
.hover-underline::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #ff0000, #00ffff);
  bottom: 0px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}

.hover-underline::before {
  top: 0px;
  transform-origin: left;
}

.hover-underline:hover::after,
.hover-underline:hover::before {
  transform: scaleX(1);
}