.slider-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-top: 2rem;
}

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

.slider .card {
    flex-shrink: 0;
    border-radius: 20px;
    max-width: 24rem;
}

@media (max-width:992px) {
    .slider .card {
        max-width: 18rem;
    }
}

@media (max-width:768px) {
    .slider .card {
        max-width: 18rem !important;
    }
}

@media (max-width:500px) {
    .slider .card {
        max-width: 15rem !important;
    }
}

.slider .card img {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}


.card-wrapper {
    min-width: 250px;
    flex-shrink: 0;
}