* {
  box-sizing: border-box;
}


.carousel-wrapper {
  width: 100%;
  max-width: auto;
 
}

.carousel-slides {
  display: flex;
  overflow-x: auto; /* Enables horizontal scrolling */
  scroll-behavior: smooth; /* Smooth scrolling animation */
  scroll-snap-type: x mandatory; /* Snaps to each item */
  list-style-type: none;
  padding: 0;
  margin: 0;
  gap: 10px; /* Space between items */
}

.slide-item {
  /* Key rule: Sets width to exactly one-third of the container width */
  flex: 0 0 calc(100% / 3);
  scroll-snap-align: start; /* Aligns the start of the item to the start of the scroll area */
  border-radius: 8px;
  overflow: hidden;
}

.slide-item img {
  width: 100%;
  height: auto;
  display: block;
}

/* Optional: Hide scrollbar for a cleaner look */
.carousel-slides::-webkit-scrollbar {
  display: none;
}

.carousel-slides {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}