/*
Custom CSS for TemplateMo 561 Purple Buzz

https://templatemo.com/tm-561-purple-buzz

*/

.card {
    transition: 0.3s;
}

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


/* Fade ลื่น */
.carousel-fade .carousel-item {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.carousel-fade .carousel-item.active {
    opacity: 1;
}

/* Zoom animation */
.zoom-img {
    transform: scale(1);
}

/* ใช้ animation แทน transition */
.carousel-item.active .zoom-img {
    animation: zoomEffect 5s ease-in-out forwards;
}

@keyframes zoomEffect {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.15);
    }
}