/* Carousel Styles */
.xwrapper {
    width: 100%;
    position: relative;
    overflow: hidden; /* Hide overflow for a cleaner look */
}

.xcarousel {
    display: flex; /* Flexbox for smooth scrolling */
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Hide scrollbar */
}

.xcarousel::-webkit-scrollbar {
    display: none; /* Hide scrollbar */
}

.xcard {
    min-width: 100%; /* Each card takes full width */
    scroll-snap-align: start; /* Snap to start of each card */
}