.elementor-7886 .elementor-element.elementor-element-2fb0f78e > .elementor-container{max-width:500px;min-height:92dvh;}.elementor-7886 .elementor-element.elementor-element-2fb0f78e{overflow:hidden;padding:0px 0px 0px 0px;}body.elementor-page-7886:not(.elementor-motion-effects-element-type-background), body.elementor-page-7886 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CFCFCF;}:root{--page-title-display:none;}/* Start custom CSS *//* Pengaturan layar responsive */
@media only screen and (min-width: 600px) {
    /* tampilan mobile */
    .bodyx {
        width: 30%;
        margin-left: auto;
        margin-right: 0;
        overflow-y: hidden !important;
    }
    .home{
         position: sticky !important;
        top:0px;
    }
    .parallax .elementor-background-overlay {
        position: fixed;
        min-height: 100vh !important;
        top: 0 !important;
        left: 30% !important;
        pointer-events: none;}
    
    /* tampilan desktop */
    .body-desk {
        top: 0 !important;
        width: 70%;
        margin-left: 0;
        margin-right: auto;
        overflow: hidden !important;
        position: fixed !important;
        z-index: -1 !important;
    }
}

/* Efek paralaks */
@supports (-webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0)) or (clip-path: polygon(0 0,0 100%,100% 100%,100% 0)) {
    .parallax {
        -webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
        clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
    }

@media only screen and (max-width: 600px) {
    .parallax .elementor-background-overlay {
        position: fixed;
        min-height: 100vh !important;
        top: 0 !important;
        left: 0 !important;
        pointer-events: none;
    }
}

/* Efek frosted glass */
#frosted,
.frosted {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* Animasi slide-out */
.slide-out {
    animation-name: slideOut;
    animation-duration: 2.5s;
    animation-fill-mode: forwards;
}

/* Keyframes untuk animasi slide-out */
@keyframes slideOut {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-150%);
    }
}

/* Sembunyikan link caption pada foto */
.elementor-slideshow__footer {
    display: none !important;
}

/* animasi gallery */
.scroll-animation {
    animation: scroll 45s linear infinite reverse;
}

@keyframes scroll {
    from {
        transform: translateY(calc(-60% - .1rem));
    }
    to {
        transform: translateY(0%);
    }
}

.scroll-animation2 {
    animation: scroll2 50s linear infinite reverse;
}

@keyframes scroll2 {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(calc(-60% - .1rem));
    }
}/* End custom CSS */