/* Ensure this section is scrollable */
.scroll-snap-container {
  height: 100vh;  /* Full viewport height for the parent */
  overflow-y: auto;  /* Allow scrolling within the container */
  scroll-snap-type: y mandatory;  /* Enable scroll snapping */
}

.scroll-snap-section {
  scroll-snap-align: end; /* Snap to the end of the section */
  height: 100vh; /* Take full viewport height */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;  /* Align items in a column */
  scroll-behavior: smooth;  /* Smooth scrolling effect */
}