/* Dictates how long the user must scroll vertically to finish the section */.scroll-space-holder {
  height: 600vh; /* Adjust this to change scrolling speed/duration */
 position: relative;
    scrollbar:none:
        scrollbar-width:none;!important;
}

/* Stays fixed at the top of the viewport while the holder passes by */
.sticky-viewport {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden; /* Hides horizontal rails sticking out of bounds */
scrollbar-width:none;!important;
}



.horizontal-scroll-rail * {
  will-change: transform;
    transform: translate3d(0, 0, 0);
    scrollbar-width: none;
  scrollbar-color: gray transparent;
}

/* Houses all slides horizontally side-by-side */.horizontal-scroll-rail {
  display: flex;
  height: 100%;
  width: 600vw; /* Total width = number of items * 100vw */
  will-change: transform; /* Performance optimization */
}

/* Individual full-screen slide elements */
.scroll-item {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
 -webkit-overflow-scrolling: touch;
}

/* Color coding sections for visualization */
.item-1 { background-color: #ff595e; }
.item-2 { background-color: #ffca3a; }
.item-3 { background-color: #8ac926; }
.item-4 { background-color: #1982c4; }


*{
  scrollbar-width: none!important;
  scrollbar-color: gray transparent;
}