/* CSS Wajib untuk Efek Parallax */
.parallax-hero {
    /* Overlay Gelap dengan Gradien */
    background-image: linear-gradient(rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.9)), 
                      url('https://png.pngtree.com/thumb_back/fh260/background/20190828/pngtree-dark-vector-abstract-background-image_302715.jpg'); 
    
    /* Properti Parallax */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.whatsapp-bubble {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    width: 60px; /* Lebar tetap */
    height: 60px; /* Tinggi tetap yang sama dengan lebar */
    display: flex; /* Menggunakan flexbox */
    align-items: center; /* Tengah vertikal */
    justify-content: center; /* Tengah horizontal */
}


.parallax-hero > * {
    position: relative;
    z-index: 2;
}