:root {
    --syntax-bg303: #2d1303;
    --animate-delay: 0.5s;
}


/*BG START*/

.kingmaker .area .background {
    position: absolute;
    width: 200vw;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: -100vw;
}

.bg-303 {
    background-color: var(--syntax-bg303);
}

.bg-parallax {
    background-attachment: unset;
    background-image: url('../../static/images/bg-blend-rc-o.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    height: 224px !important;
}


/*BG END*/


/*Parallax Section Start*/

.bg-parallax.absolute {
    width: 100vw;
    top: 0;
    left: 0vw;
}

#particle {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#particle canvas {
    -webkit-filter: blur(6px);
    filter: blur(6px);
    height: min-content;
}

.km--plx-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-width: 1360px;
    width: 100%;
    max-height: 120px;
}

.km--plx-inner.absolute {
    top: 15px;
}

.km--plx-inner>span {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.km--plx-img-1 {
    background-image: url('../../static/images/dice-left.png');
    height: 30px;
    width: 33px;
    left: 27%;
    bottom: -2px;
    z-index: 1;
}

.km--plx-img-2 {
    background-image: url('../../static/images/bling-left.png');
    height: 55px;
    width: 72px;
    left: 28%;
}

.km--plx-img-3 {
    background-image: url('../../static/images/char-front.png');
    height: 120px;
    width: 107px;
    left: 33%;
    z-index: 1;
}

.km--plx-img-4 {
    background-image: url('../../static/images/char-back.png');
    height: 120px;
    width: 77px;
    left: 46%;
    top: -52px;
}

.km--plx-img-5 {
    background-image: url('../../static/images/blink-right.png');
    height: 68px;
    width: 100px;
    z-index: 1;
    top: 13%;
    right: 25%;
}

.km--plx-dice {
    background-image: url('../../static/images/dice.png');
    height: 35px;
    width: 40px;
    right: 0%;
    bottom: 0;
}

.km--plx-dice.small {
    height: 35px;
    width: 40px;
    bottom: 8px;
    right: 21%;
}

.km--plx-dice.big {
    height: 40px;
    width: 45px;
    bottom: -8px;
    right: 23%;
}


/*Parallax Section End*/


/*MEDIA QUERY START*/

@media(min-width: 479.5px) {
    /*Parallax Start*/
    .km--plx-img-1 {
        left: 27%;
    }
    .km--plx-img-2 {
        left: 28%;
    }
    .km--plx-img-3 {
        left: 36%;
    }
    .km--plx-img-4 {
        left: 46%;
    }
    .km--plx-img-5 {
        right: 32%;
    }
    .km--plx-dice {
        bottom: 0;
    }
    .km--plx-dice.small {
        right: 27.5%;
    }
    .km--plx-dice.big {
        right: 29.5%;
    }
    /*Parallax End*/
}

@media(min-width: 679.5px) {
    /*Parallax Start*/
    .km--plx-img-1 {
        left: 31%;
    }
    .km--plx-img-2 {
        left: 33%;
    }
    .km--plx-img-3 {
        left: 36%;
    }
    .km--plx-img-4 {
        left: 44%;
    }
    .km--plx-img-5 {
        right: 40%;
    }
    .km--plx-dice {
        bottom: 0;
    }
    .km--plx-dice.small {
        right: 35.5%;
    }
    .km--plx-dice.big {
        right: 37.5%;
    }
    /*Parallax End*/
}

@media(min-width: 767.5px) {
    /*Parallax Start*/
    .bg-parallax {
        height: 393px !important;
    }
    .km--plx-inner.absolute {
        top: 55px;
    }
    .km--plx-img-1 {
        left: 23%;
        width: 56px;
        height: 55px;
        bottom: 10px;
    }
    .km--plx-img-2 {
        left: 25%;
        width: 175px;
        height: 145px;
    }
    .km--plx-img-3 {
        left: 28%;
        width: 235px;
        height: 300px;
    }
    .km--plx-img-4 {
        left: 41.5%;
        width: 235px;
        height: 300px;
        top: -130px;
    }
    .km--plx-img-5 {
        right: 25%;
        width: 290px;
        height: 245px;
    }
    .km--plx-dice {
        bottom: 0;
    }
    .km--plx-dice.small {
        right: 21.5%;
        width: 65px;
        height: 65px;
        bottom: 40px;
    }
    .km--plx-dice.big {
        right: 23.3%;
        width: 85px;
        height: 85px;
        bottom: 0px;
    }
    /*Parallax End*/
}

@media(min-width: 1023.5px) {
    /*Parallax Start*/
    .bg-parallax {
        background-attachment: fixed;
        background-size: cover;
        height: 100% !important;
    }
    .bg-parallax.absolute {
        width: 200vw;
        top: 0;
        left: -30vw;
    }
    .km--plx-inner.absolute {
        top: 75px;
    }
    .km--plx-inner {
        max-height: 400px;
    }
    .km--plx-img-1 {
        height: 86px;
        width: 90px;
        left: 25%;
        bottom: 5px;
        z-index: 1;
    }
    .km--plx-img-2 {
        height: 215px;
        width: 300px;
        left: 25%;
    }
    .km--plx-img-3 {
        height: 390px;
        width: 380px;
        left: 32.5%;
        z-index: 1;
    }
    .km--plx-img-4 {
        height: 430px;
        width: 325px;
        left: 45.5%;
        top: -157px;
    }
    .km--plx-img-5 {
        height: 395px;
        width: 450px;
        z-index: 1;
        top: -77px;
        right: 23.5%;
    }
    .km--plx-dice {
        height: 100px;
        width: 100px;
        right: 22%;
        bottom: 0;
    }
    .km--plx-dice.small {
        height: 80px;
        width: 90px;
        bottom: 50px;
        right: 21.5%;
    }
    .km--plx-dice.big {
        height: 110px;
        width: 125px;
        bottom: 3px;
        right: 23.5%;
    }
    /*Parallax End*/
}

@media(min-width: 1323.5px) {}


/*MEDIA QUERY END*/


/*Key Frames Start*/

@-webkit-keyframes sway1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    25% {
        -webkit-transform: translate3d(-25%, 50%, 0) rotate(-15deg);
        transform: translate3d(-25%, 50%, 0) rotate(-15deg);
    }
    50% {
        -webkit-transform: translate3d(-25%, -25%, 0) rotate(20deg);
        transform: translate3d(-25%, -25%, 0) rotate(20deg);
    }
    75% {
        -webkit-transform: translate3d(50%, -25%, 0) rotate(-25deg);
        transform: translate3d(50%, -25%, 0) rotate(-25deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
}

@keyframes sway1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    25% {
        -webkit-transform: translate3d(-25%, 50%, 0) rotate(-15deg);
        transform: translate3d(-25%, 50%, 0) rotate(-15deg);
    }
    50% {
        -webkit-transform: translate3d(-25%, -25%, 0) rotate(20deg);
        transform: translate3d(-25%, -25%, 0) rotate(20deg);
    }
    75% {
        -webkit-transform: translate3d(50%, -25%, 0) rotate(-25deg);
        transform: translate3d(50%, -25%, 0) rotate(-25deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
}

@-webkit-keyframes sway2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    25% {
        -webkit-transform: translate3d(-25%, -50%, 0) rotate(25deg);
        transform: translate3d(-25%, -50%, 0) rotate(25deg);
    }
    50% {
        -webkit-transform: translate3d(-25%, 25%, 0) rotate(-15deg);
        transform: translate3d(-25%, 25%, 0) rotate(-15deg);
    }
    75% {
        -webkit-transform: translate3d(50%, 25%, 0) rotate(20deg);
        transform: translate3d(50%, 25%, 0) rotate(20deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
}

@keyframes sway2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    25% {
        -webkit-transform: translate3d(-25%, -50%, 0) rotate(25deg);
        transform: translate3d(-25%, -50%, 0) rotate(25deg);
    }
    50% {
        -webkit-transform: translate3d(-25%, 25%, 0) rotate(-15deg);
        transform: translate3d(-25%, 25%, 0) rotate(-15deg);
    }
    75% {
        -webkit-transform: translate3d(50%, 25%, 0) rotate(20deg);
        transform: translate3d(50%, 25%, 0) rotate(20deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
}

@-webkit-keyframes sway3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    25% {
        -webkit-transform: translate3d(-25%, -50%, 0) rotate(-180deg);
        transform: translate3d(-25%, -50%, 0) rotate(-180deg);
    }
    50% {
        -webkit-transform: translate3d(50%, -75%, 0) rotate(180deg);
        transform: translate3d(50%, -75%, 0) rotate(180deg);
    }
    75% {
        -webkit-transform: translate3d(50%, 25%, 0) rotate(-270deg);
        transform: translate3d(50%, 25%, 0) rotate(-270deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
}

@keyframes sway3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    25% {
        -webkit-transform: translate3d(-25%, -50%, 0) rotate(-180deg);
        transform: translate3d(-25%, -50%, 0) rotate(-180deg);
    }
    50% {
        -webkit-transform: translate3d(50%, -75%, 0) rotate(180deg);
        transform: translate3d(50%, -75%, 0) rotate(180deg);
    }
    75% {
        -webkit-transform: translate3d(50%, 25%, 0) rotate(-270deg);
        transform: translate3d(50%, 25%, 0) rotate(-270deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
}

@-webkit-keyframes sway4 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    25% {
        -webkit-transform: translate3d(25%, 50%, 0) rotate(-180deg);
        transform: translate3d(25%, 50%, 0) rotate(-180deg);
    }
    50% {
        -webkit-transform: translate3d(-50%, 75%, 0) rotate(180deg);
        transform: translate3d(-50%, 75%, 0) rotate(180deg);
    }
    75% {
        -webkit-transform: translate3d(-50%, -25%, 0) rotate(-270deg);
        transform: translate3d(-50%, -25%, 0) rotate(-270deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
}

@keyframes sway4 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    25% {
        -webkit-transform: translate3d(25%, 50%, 0) rotate(-180deg);
        transform: translate3d(25%, 50%, 0) rotate(-180deg);
    }
    50% {
        -webkit-transform: translate3d(-50%, 75%, 0) rotate(180deg);
        transform: translate3d(-50%, 75%, 0) rotate(180deg);
    }
    75% {
        -webkit-transform: translate3d(-50%, -25%, 0) rotate(-270deg);
        transform: translate3d(-50%, -25%, 0) rotate(-270deg);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
}

@media (max-width: 1023px) {
    @-webkit-keyframes sway3 {
        0% {
            -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
        }
        25% {
            -webkit-transform: translate3d(-25%, -50%, 0) rotate(-180deg);
            transform: translate3d(-25%, -50%, 0) rotate(-180deg);
        }
        50% {
            -webkit-transform: translate3d(50%, -75%, 0) rotate(180deg);
            transform: translate3d(50%, -75%, 0) rotate(180deg);
        }
        75% {
            -webkit-transform: translate3d(50%, -25%, 0) rotate(-270deg);
            transform: translate3d(50%, -25%, 0) rotate(-270deg);
        }
        100% {
            -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
        }
    }
    @keyframes sway3 {
        0% {
            -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
        }
        25% {
            -webkit-transform: translate3d(-25%, -50%, 0) rotate(-180deg);
            transform: translate3d(-25%, -50%, 0) rotate(-180deg);
        }
        50% {
            -webkit-transform: translate3d(50%, -75%, 0) rotate(180deg);
            transform: translate3d(50%, -75%, 0) rotate(180deg);
        }
        75% {
            -webkit-transform: translate3d(50%, -25%, 0) rotate(-270deg);
            transform: translate3d(50%, -25%, 0) rotate(-270deg);
        }
        100% {
            -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
        }
    }
    @-webkit-keyframes sway4 {
        0% {
            -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
        }
        25% {
            -webkit-transform: translate3d(25%, -50%, 0) rotate(-180deg);
            transform: translate3d(25%, -50%, 0) rotate(-180deg);
        }
        50% {
            -webkit-transform: translate3d(-50%, -75%, 0) rotate(180deg);
            transform: translate3d(-50%, -75%, 0) rotate(180deg);
        }
        75% {
            -webkit-transform: translate3d(-50%, -25%, 0) rotate(-270deg);
            transform: translate3d(-50%, -25%, 0) rotate(-270deg);
        }
        100% {
            -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
        }
    }
    @keyframes sway4 {
        0% {
            -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
        }
        25% {
            -webkit-transform: translate3d(25%, -50%, 0) rotate(-180deg);
            transform: translate3d(25%, -50%, 0) rotate(-180deg);
        }
        50% {
            -webkit-transform: translate3d(-50%, -75%, 0) rotate(180deg);
            transform: translate3d(-50%, -75%, 0) rotate(180deg);
        }
        75% {
            -webkit-transform: translate3d(-50%, -25%, 0) rotate(-270deg);
            transform: translate3d(-50%, -25%, 0) rotate(-270deg);
        }
        100% {
            -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
        }
    }
}

.ani-sway1 {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: sway1;
    animation-name: sway1;
    -webkit-animation-duration: 13s;
    animation-duration: 13s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.ani-sway2 {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: sway2;
    animation-name: sway2;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.ani-sway3 {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: sway3;
    animation-name: sway3;
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.ani-sway4 {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: sway4;
    animation-name: sway4;
    -webkit-animation-duration: 14s;
    animation-duration: 14s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes fadeInRight2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInLeft2 {
    -webkit-animation-name: fadeInLeft2;
    animation-name: fadeInLeft2;
}

.animate__fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2;
}


/*Key Frames End*/

.swiper-slide {
    width: auto !important;
}


/* remove KY poker to cn myr */

[lang="zh-CN"][data-currency="MYR"] #poker-hot-games {
    display: none;
}

@media (min-width: 1365.5px) {
    .carousel-item .carousel-item-content {
        padding-right: 64px;
        padding-bottom: 64px;
        left: unset;
        right: 0;
        /*		width: 555px !important;*/
    }
    [data-currency="MYR"] .carousel-item .carousel-item-content {
        justify-content: flex-end;
    }
}

.poker-grid-all,
.poker-grid-others {
    display: grid;
    grid-template-columns: repeat(15, 1fr);
    gap: var(--spacing-8);
}

[data-currency="VND"] #swiper_3 .swiper-wrapper {
    width: 100% !important;
}

@media (min-width: 767px) {
    [data-currency="VND"] .dynamic-content .area#poker-hot-games .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper {
        height: 320px !important;
        flex-wrap: wrap !important;
        flex-direction: column !important;
        align-items: center;
        width: 100% !important;
    }
}

@media (min-width: 767.5px) {
    [data-currency="VND"] .dynamic-content .area#poker-hot-games .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper {
        height: 430px !important;
    }
}

@media (min-width: 1023.5px) {
    [data-currency="VND"] .dynamic-content .area#poker-hot-games .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper {
        height: 494px !important;
    }
}

@media (min-width: 1025px) {
    [data-currency="VND"] #swiper_3 .swiper-wrapper {
        align-items: center;
    }
}

.dynamic-content.kingmaker .tile img {
    max-width: 100%;
    display: block;
}

.swiper-wrapper-fix .swipper-wrapper {
    flex-wrap: wrap !important;
    flex-direction: column !important;
}

@media (min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper {
        height: 432px !important;
    }
}

[data-currency="VND"] .selected-line {
    margin: 0 auto;
}

[data-currency="INR"] .tile.d-flex {
    margin: 0 auto;
}

.dynamic-content .area .swiper-tiles.kingmaker-top-ten-tiles .swiper-slide .tile .text {
    left: initial !important;
}

@media (min-width: 1023.5px) {
    .dynamic-content .area .title-component .title-image.kingmaker-poker {
        width: 317px !important;
        height: 40px !important;
    }
    .dynamic-content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide .tile {
        width: 160px !important;
    }
}


/* hide content KRW and USD */

html[data-currency="KRW"] .carousel-placeholder,
html[data-currency="USD"] .carousel-placeholder,
[lang="ko-KR"] .carousel-placeholder,
[lang="ja-JP"] .carousel-placeholder {
    display: none !important;
}

@media (max-width: 1277px) {
    #kingmaker-all-games-filtered .kingmaker-all-games-tiles {
        justify-content: space-evenly;
    }
}


/* Issue in Tiles P2P */

@media (max-width: 767.5px) {
    .dynamic-content #kingmaker-hot-games .swiper,
    .dynamic-content #kingmaker-top-games .swiper,
    .dynamic-content .area .kingmaker-tiles {
        overflow: visible;
    }
    .dynamic-content .area .swiper-tiles {
        width: 100% !important;
    }
    .dynamic-content {
        overflow-x: hidden;
    }
}


/* override css maintenance */

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box,
.content .area .swiper-tiles .swiper-slide .tile .info-box {
    background-color: black;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    bottom: 35px !important;
    white-space: nowrap;
    padding: 0 var(--spacing-8) var(--spacing-8) var(--spacing-8) !important;
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance:before,
.content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance:before {
    width: 20px !important;
    height: 20px !important;
    margin-left: var(--spacing-4);
    margin-top: var(--spacing-8);
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance,
.content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance {
    text-overflow: ellipsis;
    overflow: hidden;
    justify-content: center;
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content,
.content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content {
    margin-top: var(--spacing-8);
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content .maintenance-title,
.content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content .maintenance-title {
    font-size: 10px !important;
}

.kingmaker-grid {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--spacing-8);
}

.kingmaker-grid.four {
    grid-template-columns: repeat(10, 1fr);
}

.kingmaker-grid.five {
    grid-template-columns: repeat(4, 1fr);
}

.kingmaker-grid.two {
    grid-template-columns: repeat(2, 1fr);
}

.kingmaker-grid.three {
    grid-template-columns: repeat(3, 1fr);
}

.kingmaker-grid.six {
    grid-template-columns: repeat(4, 1fr);
}

.kingmaker-grid.sven {
    grid-template-columns: repeat(5, 1fr);
}

.kingmaker-grid.seven {
    grid-template-columns: repeat(7, 1fr);
}

.swiper-slide {
    margin-top: unset !important;
}