.scroll-snap-x { scroll-snap-type: x mandatory; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; overflow-x: auto; overflow-y: hidden;} 
.scroll-snap-x::-webkit-scrollbar { display: none; }
.scroll-snap-x > * { scroll-snap-align: start; }
.slider-viewport { width: 100%; }
/* .slider-control { z-index: 10; } */
.slider-control:hover, .carousel-control:hover { opacity: 1; }  
.slider-control, .carousel-control { height: 70px; width: 50px; background-color: transparent;  border: none; transition: opacity 0.5s ease; }
/* .carousel-item { width: 560px; } */

/* @media (min-width: 768px) { */
  .slider-container .slider-control, .carousel-container .carousel-control { opacity: 0; pointer-events: none; }
  .slider-container:hover .slider-control, .carousel-container:hover .carousel-control { opacity: 1; pointer-events: all; }
/* } */
/* Custom CSS - public/assets/css/custom.css */





@media screen and (max-width: 40em) {
  .slider-control, .carousel-control { opacity: 1 !important; display: none; pointer-events: all !important; }  
  /* .carousel-item { width: 360px; } */
}

.carousel-indicators { bottom: -20px; }
.carousel { padding-bottom: 30px; margin-bottom: 20px; }
.carousel-indicators button { background-color: #333; }
.carousel-indicators button.active { background-color: #cc0000; }