    .splide-container{
        margin-bottom: 5px;
    }
    .slider {
        height: 200px;
        /* width: 100%; */
        margin: 2em 2em;
        border: 1px solid red;
    }

    .splide-header {
        position: relative
    }
    @keyframes flickerAnimation {

        0%,
        100% {
            opacity: 1
        }

        50% {
            opacity: .5
        }
    }

    @-o-keyframes flickerAnimation {

        0%,
        100% {
            opacity: 1
        }

        50% {
            opacity: .7
        }
    }

    @-moz-keyframes flickerAnimation {

        0%,
        100% {
            opacity: 1
        }

        50% {
            opacity: .7
        }
    }

    @-webkit-keyframes flickerAnimation {

        0%,
        100% {
            opacity: 1
        }

        50% {
            opacity: .7
        }
    }

    .animate-flicker {
        -webkit-animation: 1s infinite flickerAnimation;
        -moz-animation: 1s infinite flickerAnimation;
        -o-animation: 1s infinite flickerAnimation;
        animation: 1s infinite flickerAnimation
    }

    .splide .fillBox {
        background-color: #0000000f !important
    }

    .splide .slider_item img {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }

    .splide .slider_item {
        margin-right: 15px;
        /* width: 180px !important;
        height: 135px !important; */
        /* background-color: #0c0d14 !important; */
    }

    .splide .slider_item:hover {
        /* box-shadow: 0 8px 6px -6px #0000006e !important; */
        /* transform: scale(1.15) translate(0, 0) !important */
    }

    .splide__track {
        padding: 0 25px !important;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .splide__track::-webkit-scrollbar {
        display: none;
    }

    .splide {
        margin: -5px auto 0;
        width: 100%;
        visibility: visible !important
    }

    .splide__list {
        /* height: 165px; */
        align-items: center
    }

    .splide .item_game:hover {
        z-index: 20 !important
    }

    .splide-header {
        display: flex;
        align-items: center;
        width: 100%;
        margin-left: 2em;
        margin-bottom: 1em;
        z-index: 2
    }

    .splide-header p {
        color: white;
        font-size: 1.2rem;
        font-weight: 900;
        margin: 0
    }

    .splide-header a {
        color: white;
        font-size: .9em;
        margin-left: 1em;
        font-weight: 700
    }

    .splide__arrow--prev {
        left: 0
    }

    .splide__arrow--next {
        right: 0
    }

    .splide__arrow {
        -ms-flex-align: center;
        align-items: center;
        background: #000;
        border: 0;
        border-radius: 0;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 0;
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2.5em;
        z-index: 1;
        transition: opacity .25s, background-color .25s
    }

    .splide__arrow svg {
        fill: #f4f8fb;
        height: 1.5em;
        width: 1.5em
    }
