/* css/style.css */
#line-waves-container {
    width: 100%;
    height: 100%;
}

#line-waves-container canvas {
    display: block;
    width: 100%;
    height: 100%;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* ========================================================================= */
/* ANIMATION BACKGROUND BLOBS (PT PANI PREMIUM STYLE)                        */
/* ========================================================================= */
@keyframes blobAnimation {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(40px, -60px) scale(1.15); }
    66% { transform: translate(-30px, 30px) scale(0.85); }
    100% { transform: translate(0px, 0px) scale(1); }
}

.animate-blob {
    animation: blobAnimation 20s infinite alternate ease-in-out;
    will-change: transform;
}

.animation-delay-2000 {
    animation-delay: 3s;
}

.animation-delay-4000 {
    animation-delay: 6s;
}

/* ========================================================================= */
/* FIX SMOOTH MARQUEE SWIPER                                                 */
/* ========================================================================= */
.clientSwiper .swiper-wrapper,
.insuranceSwiper .swiper-wrapper {
    transition-timing-function: linear !important;
}

.swiper-slide {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    will-change: transform;
}

/* ========================================================================= */
/* BRUTAL SPRING TRANSITION EFFECT                                           */
/* ========================================================================= */
.transition-brutal {
    /* Rumus sakti cubic-bezier buat efek pegas mantul kenyal pas di ujung bray */
    transition: all 2.0s cubic-bezier(0.34, 1.75, 0.4, 1);
}

/* ========================================================================= */
/* CINEMATIC SMOOTH TRANSITION EFFECT                                        */
/* ========================================================================= */
.transition-cinematic {
    /* Efek meluncur pelan ala website Apple bray */
    transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}