.skeleton {
    animation: skeleton-loading 1.5s infinite;
}

@keyframes skeleton-loading {
    0% {
        background-color: #f0f0f0;
    }
    50% {
        background-color: #e0e0e0;
    }
    100% {
        background-color: #f0f0f0;
    }
}

.card {
    transition: transform 0.5s;
}

.card:hover {
    transform: translateY(-5px);
}

.carousel {
    scroll-behavior: smooth;
  }

.carousel::-webkit-scrollbar {
    display: none;
}
.carousel {
    -ms-overflow-style: none;
    scrollbar-width: none;
}