/* Animations */
@keyframes scroll-left {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes scroll-right {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

.animate-scroll-left {
    animation: scroll-left 80s linear infinite;
}

.animate-scroll-left-fast {
    animation: scroll-left 60s linear infinite;
}

.animate-scroll-right {
    animation: scroll-right 80s linear infinite;
}

@keyframes levitate {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

@keyframes float {
    0%, 100% {
        transform: translateY(0) rotate(var(--tw-rotate));
    }
    50% {
        transform: translateY(-8px) rotate(var(--tw-rotate));
    }
}

.animate-float {
    animation: float 12s ease-in-out infinite;
}

@keyframes texture-pan {
    0% {
        transform: translate3d(0%, 0%, 0px);
    }
    100% {
        transform: translate3d(-10%, -30%, 0px);
    }
}

.texture-pan {
    animation: texture-pan 12s ease-in-out infinite alternate;
    will-change: transform;
}

.texture-overlay {
    background-image: url('/images/site/texture.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.05;
}

/* Custom Scrollbar for Services */
.service-cards::-webkit-scrollbar {
    height: 8px;
}

.service-cards::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 10px;
}

.service-cards::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

.service-cards::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Reveal elements */
.reveal,
.reveal-title {
    visibility: hidden;
}