.scroll-down {
  position: relative;
  width: 1px;
  height: 70px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.3);
}

.scroll-down-line {
  position: absolute;
  top: -40px;
  left: 0;
  width: 1px;
  height: 40px;
  background: #fff;
  animation: scrollDown 1.8s ease-in-out infinite;
}

@keyframes scrollDown {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(110px);
  }
}

.scroll-down2 {
  position: relative;
  width: 1px;
  height: 70px;
  overflow: hidden;
  background: rgba(255, 247, 235, 0.5);
}

.scroll-down-line2 {
  position: absolute;
  top: -40px;
  left: 0;
  width: 1px;
  height: 40px;
  background: #ad7731;
  animation: scrollDown 1.8s ease-in-out infinite;
}

@keyframes scrollDown {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(110px);
  }
}

.scroll-down3 {
  position: relative;
  width: 1px;
  height: 70px;
  overflow: hidden;
		background: rgba(255, 247, 235, 0.5);}

.scroll-down-line3 {
  position: absolute;
  top: -40px;
  left: 0;
  width: 1px;
  height: 40px;
  background: #dc3434;
  animation: scrollDown 1.8s ease-in-out infinite;
}

@keyframes scrollDown {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(110px);
  }
}