/* Scroll Buttons */
.ax-scroll-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  color: rgba(20,40,100,1.0);
  background-color: rgba(200, 200, 200, 0.7);
  border: none;
  cursor: pointer;
  border-radius: 50%;
  z-index: 1; /* Make sure buttons appear on top of the content */
}
.ax-scroll-button:hover {
  color: rgba(255,255,255,1.0) !important;
  background-color: rgba(51, 51, 51, 0.9); /* Darker background on hover */
}
#ax-scroll-left {
left: -30px; /* Position on the left */
}
#ax-scroll-right {
  right: -30px; /* Position on the right */
}