body {
  margin: 0;
  overflow: hidden;
  font-family: sans-serif;
}

.scroll-container {
  height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-behavior: auto;
  overflow-x: hidden !important;
}

.snap-section {
  position: relative; /* Needed for absolutely positioned child */
  height: 100vh;
  scroll-snap-align: start;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  overflow: hidden; /* Ensure the background doesn't spill out */
}

/* SVG wrapper (optional) */
.section-background-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; /* Behind everything */
  pointer-events: none; /* Allows clicks to pass through */
}

/* Any content inside the section */
.section-content {
  position: relative;
  z-index: 1; /* Above background */
}

/* Animation class for path drawing */
.draw-path {
  opacity: 1;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 2s forwards ease-out;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}