@keyframes down {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(50%); 
  }
  100% {
    transform: translateY(0);
  }
}
#parallax-hero .explore-more {
  bottom: 7% !important;
}

#parallax-hero .scroll{
  position: relative;
  animation: down 2.5s infinite;
  -webkit-animation: down 2.5s infinite;
  display: block;
  width: 100%;
  height: 60px;
}

#parallax-hero .scroll::before{
  content: "";
  position: absolute;
  width: 1px;
  height: 38px;
  border-left: 2px solid var(--bs-white);
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}