#why-innocent .position-relative::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, white 5%, transparent 80%);
    z-index: 1;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

#why-innocent img {
    position: relative;
    z-index: 0;
}

#certified {
    position: relative;
}

#certified-2 {
    position: relative;
}

#certified .overlay-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 700px;
    /* sama tinggi dengan .bg-training */
    background-color: black;
    opacity: 0.3;
    z-index: 1;
}

#certified-2 .overlay-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 700px;
    /* sama tinggi dengan .bg-training */
    background-color: black;
    opacity: 0.3;
    z-index: 1;
}

#section .overlay-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 700px;
    /* sama tinggi dengan .bg-training */
    background-color: black;
    opacity: 0.3;
    z-index: 1;
}

.sidebar-link:hover {
    background-color: #ffffff !important;
    /* opsional: ubah latar saat hover */
}

/* Media query to handle the stacking on mobile */
@media (max-width: 768px) {
    #why-innocent .position-relative::before {
        background: linear-gradient(to top, white 10%, transparent 100%);
    }


}