.scroll-down-arrow {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

.scroll-down-arrow a {
  font-size: 44px;
  color: #007aff;
  animation: bounceArrow 2s infinite;
  display: inline-block;
  transition: transform 0.3s ease;
  text-decoration: none;
}

.scroll-down-arrow a:hover {
  transform: scale(1.15);
}

@keyframes bounceArrow {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}


.overlay-right-box {
  background: #fff;
  box-shadow: -40px 0px 20px rgba(0, 0, 0, 0.1);
  z-index: 10;
  position: relative;
  margin-left: -40px;
  border-radius: 0 30px 30px 0;
  padding: 40px;
}