.mobile-nav {
  display: none;

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffffaa;
  z-index: 99;
  position: fixed;

  display: flex;

  flex-direction: column;
  justify-content: space-around;
  gap: 5rem;
  align-items: flex-start;

  padding: 40px 15px;
}

.mobile-nav.active {
  display: block;
}

.mobile-nav-ul {
  font-weight: 500;
  font-size: 4rem;
  color: #292929;
}
.mobile-nav-list {
  transition: all 2s ease-in;
  margin-bottom: 6rem;
}

.mobile-nav-list li + li {
  margin-top: 5rem;
}

.mobile-nav-list a:hover {
  color: #01996d;
  transform: scale(1.2);
  font-weight: 700;
}

.mobile-login {
  font-weight: 400;
  font-size: 2rem;
  color: #000;
}