.navbar-dark .nav-item .nav-link {
  color: #fff;
}

.navbar-dark .nav-item .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
  border-radius: 0.25rem;
  color: #fff;
}

.fa-li {
  position: relative;
  left: 0;
}

  .navbar-collapse {
    transition: all 0.3s ease-in-out;
  }

  .collapsing {
    opacity: 0;
    transform: translateY(-10px);
  }

  .collapse.show {
    opacity: 1;
    transform: translateY(0);
  }
  

   .form-search input:focus + a i {
    animation: pulse 0.4s ease-in-out forwards;
  }

  @keyframes pulse {
    0% {
      transform: scale(1);
      opacity: 0.6;
    }
    50% {
      transform: scale(1.2);
      opacity: 1;
    }
    100% {
      transform: scale(1);
    }
  }