.nav-links.active {
  transform: translateX(0);
  overflow-y: auto; /* Добавляем прокрутку */
}

.nav-links.active li {
  margin-bottom: 10px; /* Добавляем отступ между элементами */
  top: 90%;
}
@media (max-width: 1000px) {
    .nav-links.active {
    margin: 0 auto; 
  }
  .nav-links.active li {
    top: 40%;
  }
}

@media (max-width: 768px) {
  

  .nav-links.active li {
    top: 40%;
  }
}
@media (max-width: 480px) {
  .nav-links.active li {
    top: 50%;
  }
}