/* slots css */
.slots-container,
.cockfight-container,
.arcade-container,
.casino-container,
.sports-container {
    margin-top: -305px;
}

.slots-banner-container {
    position: relative;
    display: flex;
    justify-content: center;
}

.slots-banner-container>picture {
    display: contents;
}

.slots-banner-container>img:first-child,
.slots-banner-container>picture:first-child img {
    max-width: 100%;
}

.slots-banner-container .slots-coin-1,
.slots-banner-container .slots-coin-2,
.slots-banner-container .slots-coin-3 {
    position: absolute;
}

.slots-banner-container .slots-coin-1 {
    margin-top: 30px;
    margin-left: -690px;
}

.slots-banner-container .slots-coin-2 {
    margin-right: -760px;
}

.slots-banner-container .slots-coin-3 {
    margin-top: 350px;
    margin-right: -1200px;
}

.jackpot-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 2;
    font-family: "Open24DisplaySt";
    font-size: 50px;
    letter-spacing: 5px;
    background-image: linear-gradient(#f7a103, #000);
    border-radius: 70px;
    padding: 10px;
    margin: 0 280px 20px 280px;
    box-shadow: 0 5px 15px #ffcc6f80;
}

.jackpot-inner-container {
    background-color: #000;
    display: flex;
    flex-grow: 2;
    justify-content: center;
    border-radius: 50px;
    padding: 10px;
}

.jackpot-border-container {
    display: flex;
    flex-grow: 2;
    justify-content: center;
    border-radius: 50px;
    border: 3px dotted #4d4305;
    line-height: 40px;
    padding-bottom: 7px;
    color: #fff;
}

.jackpot-currency {
    color: #f7a103;
    margin-right: 10px;
}

.jackpot-play-section {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 20px;
}

.jackpot-play-section .jackpot-play-text {
    font-family: "gilroybold";
    color: #fd6f16;
    font-size: 38px;
    text-transform: uppercase;
    line-height: 1;
}

.jackpot-play-section .jackpot-play-text label {
    color: #009fc5;
}

@keyframes progressive-jackpot-counter-animation {
    0% {
        transform: translateY(-10%);
    }

    50% {
        transform: translateY(10%);
    }

    70% {
        transform: translateY(5%);
    }

    100% {
        transform: translateY(0);
    }
}

/* arcade css */


.arcade-banner-container {
    position: relative;
    display: flex;
    justify-content: center;
}

.arcade-banner-container>picture {
    display: contents;
}

.arcade-banner-container>img:first-child,
.arcade-banner-container>picture:first-child img {
    max-width: 100%;
}

.arcade-banner-container .arcade-coin-1,
.arcade-banner-container .arcade-coin-2,
.arcade-banner-container .arcade-coin-3 {
    position: absolute;
}

.arcade-banner-container .arcade-coin-1 {
    margin-top: 30px;
    margin-right: -390px;
}

.arcade-banner-container .arcade-coin-2 {
    margin-top: 30px;
    margin-right: -1380px;
}

.arcade-banner-container .arcade-coin-3 {
    margin-top: 350px;
    margin-left: -440px;
}

/* casino css */

.game-description-container.casino .text-left-section {
    text-align: left;
    padding-top: 200px;
    width: 100%;
}

.game-description-container.casino .game-description {
    max-width: 380px;
}

.sbo-container .animated-image-1 {
    position: absolute;
    right: 660px;
    left: 20px;
    top: 290px;
    width: 133px;
    height: 129px;
    margin: 180px auto 0 auto;
    opacity: 0.6;
}

.sbo-container .animated-image-2 {
    position: absolute;
    right: -440px;
    left: 0;
    top: 0;
    width: 133px;
    height: 129px;
    margin: 50px auto 0 auto;
}

.sbo-container .animated-image-3 {
    position: absolute;
    right: -650px;
    left: 0;
    top: 250px;
    width: 133px;
    height: 129px;
    margin: 140px auto 0 auto;
}

.ag-container .animated-image-1 {
    position: absolute;
    right: 330px;
    left: 20px;
    top: -50px;
    width: 82px;
    height: 81px;
    margin: 180px auto 0 auto;
}

.ag-container .animated-image-2 {
    position: absolute;
    right: -800px;
    left: 0;
    top: 420px;
    width: 128px;
    height: 88px;
    margin: 50px auto 0 auto;
}

.trg-container .animated-image-1 {
    position: absolute;
    right: 888px;
    left: 20px;
    top: 0;
    width: 132px;
    height: 138px;
    margin: 40px auto 0 auto;
}

.trg-container .animated-image-2 {
    position: absolute;
    right: -650px;
    left: 0;
    top: 150px;
    width: 69px;
    height: 60px;
    margin: 50px auto 0 auto;
    opacity: 0.6;
}

.trg-container .animated-image-3 {
    position: absolute;
    right: -700px;
    left: 0;
    top: 250px;
    width: 170px;
    height: 180px;
    margin: 140px auto 0 auto;
}

.sexy-baccarat-container .animated-image-1 {
    position: absolute;
    right: 290px;
    left: 20px;
    top: 50px;
    width: 117px;
    height: 129px;
    margin: 80px auto 0 auto;
}

.sexy-baccarat-container .animated-image-2 {
    position: absolute;
    right: -850px;
    left: 0;
    top: 380px;
    width: 87px;
    height: 64px;
    margin: 50px auto 0 auto;
}

.evo-gaming-container .animated-image-1 {
    position: absolute;
    right: 418px;
    top: 28px;
    margin: 180px auto 0 auto;
}

.evo-gaming-container .animated-image-2 {
    position: absolute;
    right: 395px;
    top: 380px;
    margin: 50px auto 0 auto;
}

.evo-gaming-container .animated-image-3 {
    position: absolute;
    left: 360px;
    top: 400px;
    margin: 50px auto 0 auto;
}

.n2-live-container .animated-image-1 {
    position: absolute;
    right: 418px;
    top: 28px;
    margin: 180px auto 0 auto;
}

.n2-live-container .animated-image-2 {
    position: absolute;
    right: 395px;
    top: 380px;
    margin: 50px auto 0 auto;
}

.n2-live-container .animated-image-3 {
    position: absolute;
    left: 460px;
    top: 300px;
    margin: 50px auto 0 auto;
}

.pretty-gaming-container .animated-image-1 {
    position: absolute;
    right: 420px;
    top: 30px;
    margin: 180px auto 0 auto;
}

.pretty-gaming-container .animated-image-2 {
    position: absolute;
    right: 395px;
    top: 380px;
    margin: 50px auto 0 auto;
}

.pretty-gaming-container .animated-image-3 {
    position: absolute;
    left: 550px;
    bottom: 100px;
    margin: 50px auto 0 auto;
}

.pretty-gaming-container .animated-image-4 {
    position: absolute;
    left: 550px;
    top: 100px;
    margin: 50px auto 0 auto;
}

.pgs-live-container .animated-image-1 {
    position: absolute;
    right: 888px;
    left: 20px;
    top: 0;
    width: 132px;
    height: 138px;
    margin: 40px auto 0 auto;
}

.pgs-live-container .animated-image-2 {
    position: absolute;
    right: -650px;
    left: 0;
    top: 150px;
    width: 69px;
    height: 60px;
    margin: 50px auto 0 auto;
    opacity: 0.6;
}

.pgs-live-container .animated-image-3 {
    position: absolute;
    right: -700px;
    left: 0;
    top: 250px;
    width: 170px;
    height: 180px;
    margin: 140px auto 0 auto;
}

.mg-live-container .animated-image-1 {
    position: absolute;
    right: 888px;
    left: 20px;
    top: 0;
    width: 132px;
    height: 138px;
    margin: 40px auto 0 auto;
}

.mg-live-container .animated-image-2 {
    position: absolute;
    right: -650px;
    left: 0;
    top: 150px;
    width: 69px;
    height: 60px;
    margin: 50px auto 0 auto;
    opacity: 0.6;
}

.mg-live-container .animated-image-3 {
    position: absolute;
    right: -700px;
    left: 0;
    top: 250px;
    width: 170px;
    height: 180px;
    margin: 140px auto 0 auto;
}

.pp-live-casino-container .animated-image-1 {
    position: absolute;
    right: 418px;
    top: 28px;
    margin: 180px auto 0 auto;
}

.pp-live-casino-container .animated-image-2 {
    position: absolute;
    right: 395px;
    top: 380px;
    margin: 50px auto 0 auto;
}

.pp-live-casino-container .animated-image-3 {
    position: absolute;
    left: 360px;
    top: 400px;
    margin: 50px auto 0 auto;
}

.sa-gaming-container .animated-image-1 {
    position: absolute;
    right: 888px;
    left: 20px;
    top: 0;
    width: 132px;
    height: 138px;
    margin: 40px auto 0 auto;
}

.sa-gaming-container .animated-image-2 {
    position: absolute;
    right: -650px;
    left: 0;
    top: 150px;
    width: 69px;
    height: 60px;
    margin: 50px auto 0 auto;
    opacity: 0.6;
}

.sa-gaming-container .animated-image-3 {
    position: absolute;
    right: -700px;
    left: 0;
    top: 250px;
    width: 170px;
    height: 180px;
    margin: 140px auto 0 auto;
}

.oriental-gaming-container .animated-image-1 {
    position: absolute;
    right: 888px;
    left: 20px;
    top: 0;
    width: 132px;
    height: 138px;
    margin: 40px auto 0 auto;
}

.oriental-gaming-container .animated-image-2 {
    position: absolute;
    right: -650px;
    left: 0;
    top: 150px;
    width: 69px;
    height: 60px;
    margin: 50px auto 0 auto;
    opacity: 0.6;
}

.oriental-gaming-container .animated-image-3 {
    position: absolute;
    right: -700px;
    left: 0;
    top: 250px;
    width: 170px;
    height: 180px;
    margin: 140px auto 0 auto;
}

.ebet-container .animated-image-1 {
    position: absolute;
    right: 888px;
    left: 20px;
    top: 0;
    width: 132px;
    height: 138px;
    margin: 40px auto 0 auto;
}

.ebet-container .animated-image-2 {
    position: absolute;
    right: -650px;
    left: 0;
    top: 150px;
    width: 69px;
    height: 60px;
    margin: 50px auto 0 auto;
    opacity: 0.6;
}

.ebet-container .animated-image-3 {
    position: absolute;
    right: -700px;
    left: 0;
    top: 250px;
    width: 170px;
    height: 180px;
    margin: 140px auto 0 auto;
}

.opus-live-casino-container .animated-image-1 {
    position: absolute;
    right: 888px;
    left: 20px;
    top: 0;
    width: 132px;
    height: 138px;
    margin: 40px auto 0 auto;
}

.opus-live-casino-container .animated-image-2 {
    position: absolute;
    right: -650px;
    left: 0;
    top: 150px;
    width: 69px;
    height: 60px;
    margin: 50px auto 0 auto;
    opacity: 0.6;
}

.opus-live-casino-container .animated-image-3 {
    position: absolute;
    right: -700px;
    left: 0;
    top: 250px;
    width: 170px;
    height: 180px;
    margin: 140px auto 0 auto;
}

.ping-pong-container .animated-image-1 {
    position: absolute;
    right: 888px;
    left: 20px;
    top: 0;
    width: 132px;
    height: 138px;
    margin: 40px auto 0 auto;
}

.ping-pong-container .animated-image-2 {
    position: absolute;
    right: -650px;
    left: 0;
    top: 150px;
    width: 69px;
    height: 60px;
    margin: 50px auto 0 auto;
    opacity: 0.6;
}

.ping-pong-container .animated-image-3 {
    position: absolute;
    right: -700px;
    left: 0;
    top: 250px;
    width: 170px;
    height: 180px;
    margin: 140px auto 0 auto;
}

/* cockfight css */

.game-description-container.cockfight .text-left-section {
    text-align: left;
    padding-top: 200px;
    width: 100%;
}

.game-description-container.cockfight .game-description {
    max-width: 380px;
}

.sv388-container .animated-image-1 {
    position: absolute;
    right: 420px;
    top: 30px;
    margin: 180px auto 0 auto;
}

.sv388-container .animated-image-2 {
    position: absolute;
    right: 395px;
    top: 380px;
    margin: 50px auto 0 auto;
}

.sv388-container .animated-image-3 {
    position: absolute;
    left: 550px;
    bottom: 100px;
    margin: 50px auto 0 auto;
}

.sv388-container .animated-image-4 {
    position: absolute;
    left: 550px;
    top: 100px;
    margin: 50px auto 0 auto;
}

.ws168-container .animated-image-1 {
    position: absolute;
    right: 888px;
    left: 20px;
    top: 0;
    width: 132px;
    height: 138px;
    margin: 180px auto 0 auto;
}

.ws168-container .animated-image-2 {
    position: absolute;
    right: -650px;
    left: 0;
    top: 150px;
    width: 69px;
    height: 60px;
    margin: 50px auto 0 auto;
    opacity: 0.6;
}

.ws168-container .animated-image-3 {
    position: absolute;
    right: -700px;
    left: 0;
    top: 250px;
    width: 170px;
    height: 180px;
    margin: 140px auto 0 auto;
}

.ga28-container .animated-image-1 {
    position: absolute;
    right: 888px;
    left: 20px;
    top: 0;
    width: 132px;
    height: 138px;
    margin: 180px auto 0 auto;
}

.ga28-container .animated-image-2 {
    position: absolute;
    right: -650px;
    left: 0;
    top: 150px;
    width: 69px;
    height: 60px;
    margin: 50px auto 0 auto;
    opacity: 0.6;
}

.ga28-container .animated-image-3 {
    position: absolute;
    right: -700px;
    left: 0;
    top: 250px;
    width: 170px;
    height: 180px;
    margin: 140px auto 0 auto;
}

/* sports css */
.confetti-wrapper {
    position: relative;
}

.confetti-wrapper canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.game-description-container.sports .image-left-section {
    text-align: left;
    padding-top: 0;
}

.game-description-container.sports .text-right-section {
    text-align: right;
    padding-top: 180px;
    padding-left: 50px;
}

/* crash game css */

.crash-game-container {
    margin-top: -200px;
}

.crash-game-banner-container {
    position: relative;
    display: flex;
    justify-content: center;
}

.crash-game-banner-container>picture {
    display: contents;
}

.crash-game-banner-container>img:first-child,
.crash-game-banner-container>picture:first-child img {
    max-width: 100%;
}

.crash-game-banner-container .crash-game-coin-1,
.crash-game-banner-container .crash-game-coin-2,
.crash-game-banner-container .crash-game-coin-3 {
    position: absolute;
}

.crash-game-banner-container .crash-game-coin-1 {
    margin-top: 30px;
    margin-right: -390px;
}

.crash-game-banner-container .crash-game-coin-2 {
    margin-top: 30px;
    margin-right: -1380px;
}

.crash-game-banner-container .crash-game-coin-3 {
    margin-top: 350px;
    margin-left: -440px;
}