html {
    scroll-behavior: smooth;
}

#beranda,
#produk,
#cara-kerja,
#kerja-sama {
    scroll-margin-top: 92px;
}

a[href="#beranda"],
a[href="#produk"],
a[href="#cara-kerja"],
a[href="#kerja-sama"] {
    cursor: pointer;
}

@media (max-width: 768px) {
    #beranda,
    #produk,
    #cara-kerja,
    #kerja-sama {
        scroll-margin-top: 76px;
    }
}