/*! Custom CSS BUMDes */

/*! Animasi Scroll */
html {
    scroll-behavior: smooth;
}

/* Background color */
.bg-weserve-beige {
    background-color: #6b4f3f; /* Gunakan kode warna langsung */
}

/* Text color */
.text-weserve-beige {
    color: #6b4f3f !important; /* Gantilah dengan kode warna yang Anda gunakan */
}

.text-gradient-beige {
    background: linear-gradient(310deg, #6b4f3f, #b88f7f);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hover\:text-weserve-beige:hover {
    color: #6b4f3f; /* ganti sesuai warna spesifik jika diperlukan */
}

.border-weserve-beige {
    --tw-border-opacity: 1;
    border-color: rgb(107 79 63 / var(--tw-border-opacity));
}

/* Animasi Teks */
.wave .line span {
    display: inline-block;
    transform: translateX(0);
    opacity: 1;
    transition: transform 2s 2s, opacity 2s 2s; /* Tambahkan delay 2s */
}

.wave .line span.hidden {
    transform: translateX(-20px);
    opacity: 0;
    transition-delay: 0s; /* Tidak ada delay pada saat di-hidden */
}

/* Animasi Gambar */
@keyframes fadeZoom {
    0% {
        opacity: 0;
        transform: scale(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-fade-zoom {
    animation: fadeZoom 1.8s ease-in-out forwards;
}

/* Animasi Button */
@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-slide-up {
    animation: slideUp 1.5s ease-out forwards;
}

/* Hover Untuk Button */
.bg-weserve-beige {
    --tw-bg-opacity: 1;
    background-color: rgb(
        107 79 63 / var(--tw-bg-opacity, 1)
    ); /* Hex #6B4F3F */
}

.hover\:bg-weserve-beige:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(
        107 79 63 / var(--tw-bg-opacity, 1)
    ); /* Hex #6B4F3F */
}

/* Gradient untuk Button */
.bg-weserve-beige-gradient {
    background-image: linear-gradient(310deg, #6b4f3f 0%, #b88f7f 100%);
}

/* Hover Gradient untuk Button */
.hover\:bg-weserve-beige-gradient:hover {
    --tw-bg-opacity: 1;
    background-image: linear-gradient(310deg, #6b4f3f 0%, #b88f7f 100%);
}

/* Gaya dropdown */
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.group:hover .group-hover\:block {
    display: block;
}

.hidden {
    display: none;
}

.block {
    display: block;
}

.bg-white {
    background-color: #ffffff;
}

.shadow-md {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.rounded-lg {
    border-radius: 0.5rem;
}

.text-black {
    color: #000000;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Animasi Zoom in*/
.zoom-in {
    transition: transform 0.3s ease-in-out;
}

.zoom-in:hover {
    transform: scale(1.1);
}