/* Tulis CSS kostum atau animasi tambahan di sini */
.transition-smooth {
    transition: all 0.3s ease-in-out;
}

/* Contoh efek hover kustom untuk tombol */
.btn-primary-hover:hover {
    background-color: #d31d24 !important; /* warna merah */
    transform: translateY(-2px);
}

/* Efek Transisi Umum */
* {
    transition: all 0.2s ease-in-out;
}

/* Animasi Marquee untuk Slider Brand */
@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    display: flex;
    width: max-content;
    animation: marquee 25s linear infinite;
}

.animate-marquee:hover {
    animation-play-state: paused; /* Slider berhenti sejenak saat kursor diarahkan */
}

/* Efek Transisi Umum */
* {
    transition: all 0.3s ease-in-out;
}

/* Animasi Marquee Brand Tanpa Batas */
@keyframes marquee {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); }
}

.animate-marquee-container {
    display: flex;
    width: max-content;
    animation: marquee 30s linear infinite;
}

/* Mematikan jeda pada hover jika ingin gerakan tetap konstan */
.animate-marquee-container:hover {
    animation-play-state: paused;
}