/* =========================================
   APEX HERO IMAGE FADE
   Only adds the fade effect.
   Does NOT change the template layout.
   ========================================= */

/* Fade layer */
.ve-hero-right::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.98) 0%,
        rgba(0, 0, 0, 0.92) 12%,
        rgba(0, 0, 0, 0.70) 28%,
        rgba(0, 0, 0, 0.40) 35%,
        rgba(0, 0, 0, 0.15) 55%,
        rgba(0, 0, 0, 0) 68%
    );

    z-index: 2;
}