@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');

body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

/* Custom CSS for the carousel */
.carousel-container {
    overflow: hidden;
    position: relative;
}

.carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-card {
    min-width: 100%;
    padding: 1rem;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .carousel-card {
        min-width: 50%;
    }
}

@media (min-width: 1024px) {
    .carousel-card {
        min-width: 25%;
    }
}