@keyframes spin-slow {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.spin-slow {
    animation: spin-slow 20s linear infinite;
}

@keyframes swing {

    0%,
    100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }
}

.animate-swing {
    animation: swing 3s ease-in-out infinite;
}

html {
    scroll-behavior: smooth;
}

/* INI UNTUK PARALLAX PANEL ABOUT */
.parallax {
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}

/* INI UNTUK DI MOBILE NYA */
@media (max-width: 768px) {
    .parallax {
        background-attachment: scroll;
    }
}

    /* @keyframes swing {
        0% { transform: rotate(0deg); }
        25% { transform: rotate(15deg); }
        50% { transform: rotate(0deg); }
        75% { transform: rotate(-15deg); }
        100% { transform: rotate(0deg); }
    }
    .animate-swing {
        animation: swing 5s ease-in-out infinite;
        transform-origin: top center;
    } */

    /* @keyframes float {
        0% { transform: translateY(0px); }
        50% { transform: translateY(-70px); }
        100% { transform: translateY(0px); }
    }
    .animate-float {
        animation: float 5s ease-in-out infinite;
    } */

    .service-card {
    background: white;
    transition: all 0.3s ease;
}
.service-card:hover {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}