/* ==================================================
   NX HERO
================================================== */

.nx-dvh{
    position:relative !important;

    height:100dvh !important;
    min-height:100dvh !important;

    padding:0 !important;
    margin:0 !important;

    box-sizing:border-box !important;
}


/* ==================================================
   NX HERO OVERLAY
================================================== */

.nx-overlay,
.nx-image-overlay{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    padding:0 !important;
    margin:0 !important;

    z-index:1 !important;

    pointer-events:none !important;
}


/* ==================================================
   DARK BLUE OVERLAY
================================================== */

.nx-overlay{
    background:
    linear-gradient(
        180deg,
        rgba(3,10,30,.62) 0%,
        rgba(5,18,55,.38) 45%,
        rgba(2,7,22,.68) 100%
    ) !important;
}


/* ==================================================
   IMAGE LIGHT OVERLAY
================================================== */

.nx-image-overlay{
    background:
    linear-gradient(
        180deg,
        rgba(5,5,5,.55) 0%,
        rgba(5,5,5,.20) 45%,
        rgba(5,5,5,0) 75%
    ) !important;
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width:767px){

    .nx-overlay{
        background:
        linear-gradient(
            180deg,
            rgba(3,10,30,.68) 0%,
            rgba(5,18,55,.42) 45%,
            rgba(2,7,22,.78) 100%
        ) !important;
    }

    .nx-image-overlay{
        background:
        linear-gradient(
            180deg,
            rgba(5,5,5,.62) 0%,
            rgba(5,5,5,.28) 45%,
            rgba(5,5,5,0) 75%
        ) !important;
    }

}