/** GAME CARDS: FOOTER SPACING */
.nox-game3 {
    margin-bottom: max(64px, 6vw) !important;
}

/** MOBILE: GAME CARDS */
@media (max-width: 999px) {
    .nox-game1,
    .nox-game2,
    .nox-game3 {
        --nox-slant-1: 6.1vw;
        --nox-slant-2: 3.3vw;
        --nox-slant-3: 6.1vw;
        min-height: 0 !important;
    }

    .nox-game1 {
        height: 68.6vw !important;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--nox-slant-1)), 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--nox-slant-1)), 0 100%);
    }

    .nox-game2 {
        height: 73.8vw !important;
        margin-top: calc(var(--nox-slant-1) * -1) !important;
        -webkit-clip-path: polygon(0 var(--nox-slant-1), 100% 0, 100% 100%, 0 calc(100% - var(--nox-slant-2)));
        clip-path: polygon(0 var(--nox-slant-1), 100% 0, 100% 100%, 0 calc(100% - var(--nox-slant-2)));
    }

    .nox-game3 {
        height: 74.3vw !important;
        margin-top: calc(var(--nox-slant-2) * -1) !important;
        -webkit-clip-path: polygon(0 0, 100% var(--nox-slant-2), 100% calc(100% - var(--nox-slant-3)), 0 100%);
        clip-path: polygon(0 0, 100% var(--nox-slant-2), 100% calc(100% - var(--nox-slant-3)), 0 100%);
    }

    .nox-game1 > .vc_column-inner {
        padding: 18px 0 0 !important;
    }

    .nox-game2 > .vc_column-inner {
        padding: calc(var(--nox-slant-1) / 2 + 24px) 0 0 !important;
    }

    .nox-game3 > .vc_column-inner {
        padding: calc(var(--nox-slant-2) / 2 + 20px) 0 0 !important;
    }

    .nox-game1 .wpb_text_column,
    .nox-game2 .wpb_text_column,
    .nox-game3 .wpb_text_column {
        margin-bottom: 8px !important;
    }

    .nox-game1 h2,
    .nox-game2 h2,
    .nox-game3 h2 {
        margin: 0;
        padding: 0;
        font-weight: 400 !important;
    }

    .nox-game1 .column-image-bg {
        background-size: 227.7vw auto !important;
        background-position: -63.8vw -24.4vw !important;
    }

    .nox-game2 .column-image-bg {
        background-size: 268.7vw auto !important;
        background-position: -82.3vw 0 !important;
    }

    .nox-game3 .column-image-bg {
        background-size: 234.4vw auto !important;
        background-position: -74.9vw 100% !important;
    }
}

/** DESKTOP: OVRDARK CARD */
@media (min-width: 1000px) {
    .nox-game2 .column-image-bg {
        background-position: 50% 30% !important;
    }
}

/** DESKTOP: YOSHIMI CARD */
@media (min-width: 1000px) {
    .nox-game3 .column-image-bg {
        background-size: calc(max(107%, 178.3vh) * 1.15) auto !important;
        background-position: calc(50vw - 0.613 * max(107vw, 178.3vh)) 100% !important;
    }
}
