.nav-icon-hover-bg {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;

  &:hover {
    background-color: var(--bs-primary-bg-subtle);
    color: var(--bs-primary);
    .nav-link{
      color: var(--bs-primary) !important;
    }
  }
}

.hover-img{
  transition: 0.2s ease-in;
  &:hover{
    transform: translateY(-10px);
  }
}