html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%
}

*,
*::before,
*::after {
    box-sizing: inherit
}

body {
    margin: 0;
    color: rgba(0, 0, 0, 0.87);
    font-family: "__Jost_6649ff", "__Jost_Fallback_6649ff";
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff
}

html,
body {
    background: #171A24
}

body {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}


@-webkit-keyframes mui-auto-fill {
    0% {
        display: block
    }
}

@keyframes mui-auto-fill {
    0% {
        display: block
    }
}

@-webkit-keyframes mui-auto-fill-cancel {
    0% {
        display: block
    }
}

@keyframes mui-auto-fill-cancel {
    0% {
        display: block
    }
}


.mui-1049zjs {
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-right: 16px
}

@media (min-width:480px) {
    .mui-1049zjs {
        padding-left: 24px;
        padding-right: 24px
    }
}

.mui-1049zjs.MuiContainer-root {
    padding-left: 84px;
    background: rgb(23, 26, 36);
    position: relative;
    margin: 0px auto;
    width: 100%;
    transition: padding 0.5s
}

@media screen and (max-width:1000px) {
    .mui-1049zjs.MuiContainer-root {
        padding-left: 8px;
        padding-right: 8px
    }
}

.mui-behfrp {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block
}

@media (min-width:480px) {
    .mui-behfrp {
        padding-left: 24px;
        padding-right: 24px
    }
}

.mui-behfrp.MuiContainer-root {
    max-width: 1540px;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 80px
}

@media screen and (max-width:1000px) {
    .mui-behfrp.MuiContainer-root {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 48px
    }
}

@media screen and (max-width:680px) {}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@media screen and (max-width:480px) {}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@media screen and (max-width:550px) {}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.mui-15lbltz {
    width: 100%;
    position: relative;
    margin-bottom: 16px
}

.mui-6zoag4 {
    position: absolute;
    top: 40%;
    right: auto;
    left: -17px;
    z-index: 1200
}

@media screen and (max-width:1000px) {
    .mui-6zoag4 {
        display: none
    }
}

.mui-ddf4wi {
    position: relative;
    width: 37px;
    height: 75px
}

.mui-jujpma {
    color: rgb(23, 26, 36);
    position: absolute;
    top: 29%;
    height: 32px;
    width: 32px;
    padding: 0px;
    left: 4%;
    border-radius: 50%;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    z-index: 2;
    background-color: rgb(62, 76, 89)
}

.mui-165w34i {
    width: 37px;
    height: 75px;
    z-index: 1;
    position: relative;
    transform: rotateY(180deg);
    background: rgb(23, 26, 36);
    clip-path: path("M 0 37.7213 C 0 43.7797 2.50647 49.2459 6.52753 53.1162 C 12.8941 59.2442 21 66.1634 21 75 V 0 C 21 8.83656 12.9026 15.8068 6.60245 22.003 C 2.53763 26.0007 0 31.6254 0 37.7213 Z")
}

.mui-1vdvd7v {
    position: relative;
    height: 300px;
    max-width: 100%;
    max-height: 330px;
    border-radius: 16px;
    background-color: rgb(32, 41, 52);
    background-position: center center;
    padding: 16px 16px 16px 32px;
    cursor: pointer;
    background-repeat: no-repeat;
    place-content: center;
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: center;
    gap: 16px
}

@media screen and (max-width:680px) {
    .mui-1vdvd7v {
        max-height: 148px;
        padding-left: 16px;
        gap: 4px
    }
}

.mui-ivtunu {
    z-index: 2
}

@media screen and (max-width:680px) {
    .mui-ivtunu {
        display: none
    }
}

.mui-1rs8yl2 {
    margin: 0px;
    font-size: 2.25rem;
    font-weight: 900;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    display: block;
    color: rgb(245, 247, 251);
    line-height: 110%
}

@media screen and (max-width:680px) {}

.mui-16ca4pf {
    place-content: center flex-start;
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: start
}

@media screen and (max-width:680px) {
    .mui-16ca4pf {
        display: none
    }
}

.mui-wkdsls {
    margin: 0px;
    font-size: 1rem;
    font-weight: 700;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    display: block;
    line-height: 110%;
    color: rgb(245, 247, 251);
    white-space: normal;
    opacity: 0.75
}

@media screen and (max-width:680px) {}

@media (hover:none) {}

.mui-vbedwo {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 16px;
    font-size: 0.875rem;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    padding: 8px 16px;
    color: rgb(245, 247, 251);
    background-color: rgb(199, 40, 39);
    text-transform: uppercase;
    border: 2px solid rgb(199, 40, 39);
    width: 200px;
    white-space: nowrap;
    font-weight: 700 !important
}

.mui-vbedwo:hover {
    text-decoration: none;
    background-color: rgba(25, 118, 210, 0.04);
    border: 1px solid rgb(25, 118, 210)
}

@media (hover:none) {
    .mui-vbedwo:hover {
        background-color: transparent
    }
}

.mui-vbedwo:hover {
    box-shadow: none
}

.mui-vbedwo:active {
    box-shadow: none
}

.mui-vbedwo.MuiButton-sizeLarge {
    height: 48px;
    max-height: 48px
}

.mui-vbedwo:hover {
    color: rgb(199, 40, 39);
    background-color: rgb(245, 247, 251);
    border: 2px solid rgb(245, 247, 251)
}

.mui-vbedwo:active {
    color: rgb(199, 40, 39);
    background-color: rgb(202, 210, 216);
    border: 2px solid rgb(202, 210, 216)
}

.mui-1cl4fuy {
    position: absolute;
    top: 40%;
    right: -17px;
    left: auto;
    z-index: 1200
}

@media screen and (max-width:1000px) {
    .mui-1cl4fuy {
        display: none
    }
}

.mui-6d4lbs {
    color: rgb(23, 26, 36);
    position: absolute;
    top: 29%;
    height: 32px;
    width: 32px;
    padding: 0px;
    left: 12%;
    border-radius: 50%;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    z-index: 2;
    background-color: rgb(62, 76, 89)
}

.mui-vh5j7p {
    width: 37px;
    height: 75px;
    z-index: 1;
    position: relative;
    transform: none;
    background: rgb(23, 26, 36);
    clip-path: path("M 0 37.7213 C 0 43.7797 2.50647 49.2459 6.52753 53.1162 C 12.8941 59.2442 21 66.1634 21 75 V 0 C 21 8.83656 12.9026 15.8068 6.60245 22.003 C 2.53763 26.0007 0 31.6254 0 37.7213 Z")
}

@media screen and (min-width:1000px) {}

.mui-1gnypq9 {
    flex: 0 0 auto;
    z-index: 1299
}

.mui-1gnypq9 .MuiPaper-root {
    margin: 8px;
    padding: 8px;
    background: rgb(32, 41, 52);
    width: 62px;
    overflow-y: visible;
    border-radius: 16px;
    height: calc(-16px + 100dvh);
    transition: width 0.5s;
    place-content: center space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: justify
}

@media screen and (max-width:1000px) {
    .mui-1gnypq9 .MuiPaper-root {
        overflow-y: auto;
        width: 300px
    }

    .mui-1gnypq9 .MuiPaper-root::-webkit-scrollbar {
        display: none
    }

    .mui-1gnypq9 .MuiPaper-root::-webkit-scrollbar-track {
        display: none
    }

    .mui-1gnypq9 .MuiPaper-root::-webkit-scrollbar-thumb {
        display: none
    }
}

@media screen and (max-width:300px) {
    .mui-1gnypq9 .MuiPaper-root {
        width: 90%
    }
}

.mui-1l8j5k8 {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    flex-direction: column;
    flex: 1 0 auto;
    z-index: 1200;
    position: fixed;
    top: 0px;
    outline: 0px;
    left: 0px;
    border-right: 1px solid rgba(0, 0, 0, 0.12)
}

.mui-s9c6mo {
    width: 100%;
    place-content: center space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: justify;
    height: 100%;
    overflow-y: auto
}

.mui-s9c6mo::-webkit-scrollbar {
    display: none
}

.mui-s9c6mo::-webkit-scrollbar-track {
    display: none
}

.mui-s9c6mo::-webkit-scrollbar-thumb {
    display: none
}

@media screen and (min-width:1000px) {}

@-webkit-keyframes hoverAnimation {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes hoverAnimation {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.mui-vb5hr2 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
    height: 32px;
    width: 32px;
    padding: 0px;
    z-index: 1;
    position: relative;
    transition: transform 0.5s, opacity 0.5s
}

.mui-vb5hr2::before {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: -1;
    border-radius: 50%;
    background-color: rgb(49, 63, 75);
    opacity: 0;
    transition: opacity 0.5s
}

.mui-vb5hr2:hover::before {
    opacity: 1;
    background-color: rgb(62, 76, 89);
    animation: 0.5s ease 0s 1 normal forwards running hoverAnimation
}

.mui-vb5hr2:active {
    background-color: rgb(49, 63, 75)
}

@-webkit-keyframes hoverAnimation {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes hoverAnimation {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.mui-1xb8hmb {
    position: absolute;
    top: 55px;
    right: -17px;
    left: auto;
    z-index: 1200
}

@media screen and (max-width:1000px) {
    .mui-1xb8hmb {
        display: none
    }
}

.mui-1s5s4no {
    margin-bottom: 72px;
    cursor: pointer
}

@media screen and (max-width:1000px) {
    .mui-1s5s4no {
        display: none
    }
}

.mui-1g4fmxt {
    width: 100%;
    height: 45px;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 15px;
    position: relative;
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify;
    border-radius: 22px;
    box-sizing: border-box;
    background-color: rgb(0, 137, 123);
    background-image:
        /* original URL: https://banda.casino/assets/sidebar/wheel.webp */
        url(../images/0.webp);
    background-size: 46px;
    background-position: left center;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer
}

.mui-1g4fmxt::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 35px;
    height: 35px;
    background-image:
        /* original URL: https://banda.casino/assets/sidebar/gun.webp */
        url(../images/1.webp);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    z-index: 2
}

@media screen and (max-width:360px) {}

.mui-6ypn32 {
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: justify;
    gap: 2px
}

@media (hover:none) {}

@media (hover:none) {}

.mui-1id3476 {
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    position: relative;
    text-decoration: none;
    box-sizing: border-box;
    text-align: left;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1rem;
    font-weight: 400
}

.mui-1id3476:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.04)
}

@media (hover:none) {
    .mui-1id3476:hover {
        background-color: transparent
    }
}

@media (hover:none) {}

.mui-1id3476.MuiButtonBase-root {
    color: rgb(245, 247, 251);
    background-color: transparent;
    border-radius: 11px;
    max-height: 46px;
    min-width: 0px;
    padding: 8px;
    margin-bottom: 0px;
    width: 100%;
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify;
    white-space: nowrap
}

.mui-1id3476.MuiButtonBase-root:hover {
    background-color: rgb(49, 63, 75) !important
}

.mui-1pfnw1a {
    place-content: center flex-start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: start;
    gap: 8px
}

.mui-uk9kdu {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background-color: rgb(255, 160, 1);
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center
}

.mui-ua7uj2 {
    height: auto;
    overflow: hidden;
    transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 0px;
    visibility: hidden
}

.mui-164swfl {
    display: flex;
    width: auto;
    height: 100%
}

.mui-1mziwkx {
    width: auto;
    height: 100%
}

.mui-bnuthy {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background-color: rgb(0, 136, 204);
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center
}

.mui-1yv68o1 {
    margin: 4px 0px;
    flex-shrink: 0;
    border: 1px solid rgb(49, 63, 75);
    border-radius: 2px
}

.mui-j7qwjs {
    display: flex;
    flex-direction: column
}

.mui-1gkxjx {
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: justify
}

.mui-iyschs {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center
}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.mui-fhp6ly {
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center
}

@media screen and (max-width:1000px) {}

@media screen and (max-width:520px) {}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@media screen and (max-width:767px) {}

@-webkit-keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes animation-wiooy9 {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.mui-1dqrrva {
    width: 100%;
    margin-bottom: 16px;
    padding: 8px;
    border-radius: 16px;
    background: rgb(32, 41, 52);
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center
}

@media screen and (max-width:1000px) {
    .mui-1dqrrva {
        display: none
    }
}

.mui-omae8j {
    width: 100%;
    place-content: center flex-start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: start;
    gap: 8px
}

@media screen and (max-width:1000px) {
    .mui-omae8j {
        display: none
    }
}

.mui-22oy8k {
    width: 100%;
    overflow-x: auto;
    place-content: center flex-start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: start;
    gap: 8px
}

.mui-22oy8k::-webkit-scrollbar {
    display: none
}

.mui-1dxsxgz {
    width: 150px;
    min-width: 150px;
    place-content: center flex-start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: start
}

@media (hover:none) {}

.mui-mmq1zf {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 16px;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    text-transform: none;
    padding: 8px 16px;
    color: rgb(245, 247, 251);
    font-size: 1rem;
    background-color: rgb(62, 76, 89);
    border: 2px solid rgb(62, 76, 89);
    width: 150px;
    white-space: nowrap;
    font-weight: 700 !important
}

.mui-mmq1zf:hover {
    text-decoration: none;
    background-color: rgba(2, 136, 209, 0.04);
    border: 1px solid rgb(2, 136, 209)
}

@media (hover:none) {
    .mui-mmq1zf:hover {
        background-color: transparent
    }
}

.mui-mmq1zf:hover {
    box-shadow: none
}

.mui-mmq1zf:active {
    box-shadow: none
}

.mui-mmq1zf.MuiButton-sizeLarge {
    height: 32px;
    max-height: 32px
}

.mui-mmq1zf:hover {
    color: rgb(245, 247, 251);
    background-color: rgb(82, 96, 109);
    border: 2px solid rgb(82, 96, 109)
}

.mui-mmq1zf:active {
    color: rgb(229, 231, 235);
    background-color: rgb(49, 63, 75);
    border: 2px solid rgb(49, 63, 75)
}

.mui-coclz {
    display: inherit;
    margin-right: 8px;
    margin-left: -4px
}

.mui-coclz>:nth-of-type(1) {
    font-size: 22px
}

@media screen and (max-width:1000px) {}

@media (hover:none) {}

.mui-1mcavai {
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 8px
}

.mui-z6rc6q {
    margin: 0px;
    font-size: 1rem;
    font-weight: 400;
    display: block;
    color: rgb(245, 247, 251);
    line-height: 110%;
    white-space: normal;
    opacity: 1
}

@media (hover:none) {}

.mui-1aw97z0 {
    flex-direction: column;
    box-sizing: border-box;
    flex-shrink: 0;
    position: sticky;
    left: auto;
    right: 0px;
    background-color: rgb(25, 118, 210);
    color: rgb(255, 255, 255)
}

.mui-1aw97z0.MuiAppBar-root {
    box-shadow: none;
    z-index: 1298;
    width: 100%;
    top: 0px;
    padding-bottom: 16px;
    padding-top: 8px;
    background: linear-gradient(rgb(23, 26, 36) 75%, rgba(23, 26, 36, 0) 100%);
    transition: padding 0.5s;
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify
}

.mui-1e6wrby {
    position: relative;
    -webkit-box-align: center;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 0px !important
}

@media (min-width:480px) {
    .mui-1e6wrby {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width:0px) {
    @media (orientation:landscape) {
        .mui-1e6wrby {
            min-height: 48px
        }
    }
}

@media (min-width:600px) {
    .mui-1e6wrby {
        min-height: 64px
    }
}

.mui-1e6wrby.MuiToolbar-root {
    padding: 8px;
    width: 100%;
    max-height: 56px;
    background: rgb(32, 41, 52);
    border-radius: 16px;
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify
}

@media screen and (min-width:1000px) {}

.mui-1qyatus {
    gap: 8px;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    justify-content: end
}

.mui-168nyx0 {
    width: 150px
}

@media screen and (max-width:1000px) {
    .mui-168nyx0 {
        display: none
    }
}

@media (hover:none) {}

.mui-1vclyb6 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 16px;
    font-size: 0.875rem;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    padding: 8px 16px;
    color: rgb(245, 247, 251);
    background-color: rgb(199, 40, 39);
    text-transform: uppercase;
    border: 2px solid rgb(199, 40, 39);
    width: 100%;
    white-space: nowrap;
    font-weight: 700 !important
}

.mui-1vclyb6:hover {
    text-decoration: none;
    background-color: rgba(25, 118, 210, 0.04);
    border: 1px solid rgb(25, 118, 210)
}

@media (hover:none) {
    .mui-1vclyb6:hover {
        background-color: transparent
    }
}

.mui-1vclyb6:hover {
    box-shadow: none
}

.mui-1vclyb6:active {
    box-shadow: none
}

.mui-1vclyb6.MuiButton-sizeLarge {
    height: 48px;
    max-height: 48px
}

.mui-1vclyb6:hover {
    color: rgb(199, 40, 39);
    background-color: rgb(245, 247, 251);
    border: 2px solid rgb(245, 247, 251)
}

.mui-1vclyb6:active {
    color: rgb(199, 40, 39);
    background-color: rgb(202, 210, 216);
    border: 2px solid rgb(202, 210, 216)
}

.mui-r15jvy {
    width: 150px
}

@media screen and (max-width:480px) {
    .mui-r15jvy {
        width: 100px
    }
}

@media (hover:none) {}

.mui-11v5y7u {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 16px;
    font-size: 0.875rem;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    text-transform: none;
    padding: 8px 16px;
    color: rgb(245, 247, 251);
    background-color: transparent;
    border: 2px solid rgb(199, 40, 39);
    width: 100%;
    white-space: nowrap;
    font-weight: 700 !important
}

.mui-11v5y7u:hover {
    text-decoration: none;
    background-color: rgba(156, 39, 176, 0.04);
    border: 1px solid rgb(156, 39, 176)
}

@media (hover:none) {
    .mui-11v5y7u:hover {
        background-color: transparent
    }
}

.mui-11v5y7u:hover {
    box-shadow: none
}

.mui-11v5y7u:active {
    box-shadow: none
}

.mui-11v5y7u.MuiButton-sizeLarge {
    height: 48px;
    max-height: 48px
}

.mui-11v5y7u:hover {
    color: rgb(245, 247, 251);
    background-color: rgb(199, 40, 39);
    border: 2px solid rgb(199, 40, 39)
}

.mui-11v5y7u:active {
    color: rgb(229, 231, 235);
    background-color: rgb(159, 32, 31);
    border: 2px solid rgb(199, 40, 39)
}

.mui-1k8ec87 {
    width: 100%;
    border-radius: 16px;
    max-width: 1540px;
    min-height: 230px;
    height: 100%;
    margin: 0px auto;
    background: rgb(32, 41, 52)
}

@media (max-width:1000px) {
    .mui-1k8ec87 {
        margin-bottom: 96px
    }
}

.mui-121khw6 {
    padding: 32px;
    place-content: center space-between;
    align-items: flex-start;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify
}

@media (max-width:1000px) {
    .mui-121khw6 {
        padding: 16px
    }
}

@media (max-width:800px) {
    .mui-121khw6 {
        padding: 16px;
        flex-direction: column;
        gap: 16px
    }
}

.mui-3vb66 {
    width: 40%;
    place-content: center space-between;
    align-items: flex-start;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify
}

@media (max-width:800px) {
    .mui-3vb66 {
        flex-direction: column;
        gap: 16px;
        width: 100%
    }
}

.mui-8atqhb {
    width: 100%
}

.mui-gsqcx0 {
    margin: 0px 0px 8px;
    font-size: 1rem;
    font-weight: 700;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    display: block;
    color: rgb(245, 247, 251);
    line-height: 110%;
    white-space: normal;
    opacity: 1
}

@media (hover:none) {}

.mui-vk55vi {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    width: 100%;
    box-shadow: none;
    border-radius: 16px;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    text-transform: none;
    font-weight: 700 !important
}

.mui-vk55vi:hover {
    text-decoration: none;
    background-color: rgba(25, 118, 210, 0.04)
}

@media (hover:none) {
    .mui-vk55vi:hover {
        background-color: transparent
    }
}

.mui-vk55vi:hover {
    box-shadow: none
}

.mui-vk55vi:active {
    box-shadow: none
}

.mui-vk55vi.MuiButton-sizeMedium {
    max-height: 36px
}

.mui-vk55vi.MuiButtonBase-root {
    margin-bottom: 8px;
    padding: 0px;
    height: auto;
    font-weight: 700;
    font-size: 0.75rem;
    place-content: center flex-start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: start;
    color: rgb(123, 134, 149);
    transition: 0.2s ease-in-out;
    text-align: left
}

.mui-vk55vi.MuiButtonBase-root:hover {
    color: rgb(202, 210, 216);
    background: none !important
}

.mui-kp2unp {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-family: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    display: block;
    line-height: 110%;
    text-decoration: underline rgba(0, 136, 204, 0.4);
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
    text-underline-offset: 3.3px;
    color: rgb(0, 136, 204)
}

.mui-kp2unp:hover {
    text-decoration-color: inherit
}

@media screen and (max-width:1000px) {}

@media screen and (max-width:1000px) {}

.mui-9ollst {
    margin: 0px;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    display: block;
    line-height: 110%;
    color: rgb(255, 255, 255)
}

.mui-wjuesg {
    width: 100%;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 18px;
    padding-top: 16px;
    padding-bottom: 16px
}

@media screen and (max-width:767px) {
    .mui-wjuesg {
        flex-direction: column
    }
}

.mui-14s7nth {
    height: 300px;
    width: 100%;
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify;
    background-color: rgb(32, 41, 52);
    border-radius: 16px;
    padding: 16px;
    gap: 16px;
    cursor: pointer
}

@media screen and (max-width:1000px) {
    .mui-14s7nth {
        height: auto;
        place-content: center flex-start;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex-flow: row;
        -webkit-box-pack: start;
        gap: 8px
    }
}

.mui-1w80ddv {
    position: relative;
    flex: 1 1 0%;
    height: 268px;
    border-radius: 16px
}

@media screen and (max-width:600px) {
    .mui-1w80ddv {
        display: none
    }
}

.mui-1agkk79 {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex: 1 1 0%;
    height: 100%
}

.mui-p7opn7 {
    margin: 0px 0px 8px;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    display: block;
    color: rgb(245, 247, 251);
    line-height: 110%
}

.mui-1e7sld {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:600px) {
    .mui-1e7sld {
        margin-bottom: 16px
    }
}

.mui-a8gnbf {
    width: 100%;
    flex: 1 1 0%
}

.mui-1a460bs {
    margin: 0px 0px 8px;
    font-size: 1rem;
    font-weight: 400;
    display: block;
    line-height: 110%;
    color: rgb(229, 231, 235);
    white-space: normal;
    opacity: 1
}

.mui-1iukkrl {
    margin: 0px;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    display: block;
    line-height: 110%;
    color: rgb(51, 161, 149)
}

.mui-b95f0i {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%
}

.mui-1vi446g {
    margin: 0px 0px 8px;
    font-size: 1rem;
    font-weight: 700;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    display: block;
    line-height: 110%;
    color: rgb(229, 231, 235);
    white-space: normal;
    opacity: 1
}

.mui-68g9uh {
    width: 100%;
    place-content: center flex-start;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: start
}

.mui-1iql1zf {
    margin: 0px;
    font-size: 1rem;
    font-weight: 700;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    display: block;
    color: rgb(245, 247, 251);
    line-height: 110%;
    white-space: normal;
    opacity: 1
}

.mui-1uo6ypb {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 36px
}

.mui-nb2z2f {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    width: 100%
}

.mui-wuurgd {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    flex: 1 1 0%
}

@media screen and (max-width:1000px) {
    .mui-wuurgd {
        display: none
    }
}

.mui-1mykyw5 {
    margin: 0px;
    font-size: 1rem;
    font-weight: 700;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    display: block;
    line-height: 110%;
    color: rgb(245, 247, 251);
    white-space: normal;
    opacity: 1
}

.mui-40iq4j {
    margin: 0px;
    font-size: 1rem;
    font-weight: 400;
    display: block;
    line-height: 110%;
    color: rgb(229, 231, 235);
    white-space: normal;
    opacity: 1
}

.mui-13pmxen {
    display: flex;
    flex: 1 1 0%
}

@media (hover:none) {}

.mui-1plu1il {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 16px;
    font-size: 0.875rem;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    padding: 8px 16px;
    color: rgb(245, 247, 251);
    background-color: rgb(199, 40, 39);
    text-transform: uppercase;
    border: 2px solid rgb(199, 40, 39);
    width: 100%;
    white-space: nowrap;
    font-weight: 700 !important
}

.mui-1plu1il:hover {
    text-decoration: none;
    background-color: rgba(25, 118, 210, 0.04);
    border: 1px solid rgb(25, 118, 210)
}

@media (hover:none) {
    .mui-1plu1il:hover {
        background-color: transparent
    }
}

.mui-1plu1il:hover {
    box-shadow: none
}

.mui-1plu1il:active {
    box-shadow: none
}

.mui-1plu1il.MuiButton-sizeMedium {
    height: 36px;
    max-height: 36px
}

.mui-1plu1il:hover {
    color: rgb(199, 40, 39);
    background-color: rgb(245, 247, 251);
    border: 2px solid rgb(245, 247, 251)
}

.mui-1plu1il:active {
    color: rgb(199, 40, 39);
    background-color: rgb(202, 210, 216);
    border: 2px solid rgb(202, 210, 216)
}

.mui-ajk59o {
    margin: 12px 0px;
    display: flex;
    flex-direction: column;
    gap: 6.4px
}

.mui-t7rz5p {
    height: 46px;
    cursor: pointer;
    border-radius: 8px;
    background: rgb(49, 63, 75);
    padding-left: 8px;
    padding-right: 8px;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    border-bottom: 3px solid rgb(255, 160, 1);
    gap: 0px
}

.mui-79elbk {
    position: relative
}

.mui-18kopz3 {
    width: 200px;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
    background-color: rgb(49, 63, 75);
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify
}

.mui-1vu4798 {
    width: 1508px;
    background: rgb(32, 41, 52);
    padding: 8px;
    border-radius: 8px;
    display: block;
    position: absolute;
    visibility: hidden;
    top: 54px;
    left: 0px;
    z-index: 1001;
    margin-left: -8px;
    transition: visibility 0.2s, opacity 0.2s linear
}

.mui-a0y2e3 {
    height: 0px;
    overflow: hidden;
    transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden
}

.mui-hboir5 {
    display: flex;
    width: 100%
}

.mui-bqtxj7 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(238px, 1fr));
    grid-template-rows: auto;
    gap: 8px
}

.mui-jbst9i {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3DPragmatic+play%2C+size%3Dbig.png */
        url(../images/2.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-jbst9i:hover {
    background-color: rgb(82, 96, 109)
}

.mui-1qjsnqg {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dbgaming%2C+size%3Dbig.png */
        url(../images/3.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-1qjsnqg:hover {
    background-color: rgb(82, 96, 109)
}

.mui-17hu4ge {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dyggdrasil%2C+size%3Dbig.png */
        url(../images/4.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-17hu4ge:hover {
    background-color: rgb(82, 96, 109)
}

.mui-pnwjz7 {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dplayson%2C+size%3Dbig.png */
        url(../images/5.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-pnwjz7:hover {
    background-color: rgb(82, 96, 109)
}

.mui-edpq2q {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dquickspin%2C+size%3Dbig.png */
        url(../images/6.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-edpq2q:hover {
    background-color: rgb(82, 96, 109)
}

.mui-1o86iwr {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dthunderkick%2C+size%3Dbig.png */
        url(../images/7.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-1o86iwr:hover {
    background-color: rgb(82, 96, 109)
}

.mui-zp5fpn {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dblueprint%2C+size%3Dbig.png */
        url(../images/8.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-zp5fpn:hover {
    background-color: rgb(82, 96, 109)
}

.mui-3n8oo7 {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dezugi%2C+size%3Dbig.png */
        url(../images/9.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-3n8oo7:hover {
    background-color: rgb(82, 96, 109)
}

.mui-5bvrtv {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dbelatra%2C+size%3Dbig.png */
        url(../images/10.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-5bvrtv:hover {
    background-color: rgb(82, 96, 109)
}

.mui-47zzod {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dnetent%2C+size%3Dbig.png */
        url(../images/11.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-47zzod:hover {
    background-color: rgb(82, 96, 109)
}

.mui-19km7cs {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Damigo%2C+size%3Dbig.png */
        url(../images/12.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-19km7cs:hover {
    background-color: rgb(82, 96, 109)
}

.mui-4ckp51 {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3DPragmatic+play+live%2C+size%3Dbig.png */
        url(../images/13.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-4ckp51:hover {
    background-color: rgb(82, 96, 109)
}

.mui-vjw8bn {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dturbo+games%2C+size%3Dbig.png */
        url(../images/14.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-vjw8bn:hover {
    background-color: rgb(82, 96, 109)
}

.mui-dfvau2 {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3D3oaks%2C+size%3Dbig.png */
        url(../images/15.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-dfvau2:hover {
    background-color: rgb(82, 96, 109)
}

.mui-1ym7fne {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dplayngo%2C+size%3Dbig.png */
        url(../images/16.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-1ym7fne:hover {
    background-color: rgb(82, 96, 109)
}

.mui-u2po1j {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dpgsoft%2C+size%3Dbig.png */
        url(../images/17.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-u2po1j:hover {
    background-color: rgb(82, 96, 109)
}

.mui-19zy4cd {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Daviatrix%2C+size%3Dbig.png */
        url(../images/18.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-19zy4cd:hover {
    background-color: rgb(82, 96, 109)
}

.mui-qtjia6 {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dnolimit%2C+size%3Dbig.png */
        url(../images/19.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-qtjia6:hover {
    background-color: rgb(82, 96, 109)
}

.mui-1l12zld {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dbig+time+gaming%2C+size%3Dbig.png */
        url(../images/20.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-1l12zld:hover {
    background-color: rgb(82, 96, 109)
}

.mui-hkggh4 {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Drelax%2C+size%3Dbig.png */
        url(../images/21.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-hkggh4:hover {
    background-color: rgb(82, 96, 109)
}

.mui-ap4wk7 {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dwazdan%2C+size%3Dbig.png */
        url(../images/22.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-ap4wk7:hover {
    background-color: rgb(82, 96, 109)
}

.mui-1vgo818 {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Devolution%2C+size%3Dbig.png */
        url(../images/23.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-1vgo818:hover {
    background-color: rgb(82, 96, 109)
}

.mui-1d518or {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background-color: rgb(49, 63, 75);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/providers/Provider%3Dhacksaw%2C+size%3Dbig.png */
        url(../images/24.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    transition: 0.3s ease-in-out;
    margin-top: 0px !important
}

.mui-1d518or:hover {
    background-color: rgb(82, 96, 109)
}

.mui-176u4wk {
    margin: 0px 0px 16px;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    display: block;
    color: rgb(245, 247, 251);
    line-height: 110%
}

.mui-b984mb {
    width: 100%;
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify
}

.mui-1byxm8h {
    margin: 0px;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    display: block;
    color: rgb(245, 247, 251);
    line-height: 110%
}

@media (hover:none) {}

.mui-d48p5l {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 16px;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    text-transform: none;
    padding: 8px 16px;
    color: rgb(245, 247, 251);
    font-size: 1rem;
    background-color: rgb(62, 76, 89);
    border: 2px solid rgb(62, 76, 89);
    width: fit-content;
    white-space: nowrap;
    font-weight: 700 !important
}

.mui-d48p5l:hover {
    text-decoration: none;
    background-color: rgba(2, 136, 209, 0.04);
    border: 1px solid rgb(2, 136, 209)
}

@media (hover:none) {
    .mui-d48p5l:hover {
        background-color: transparent
    }
}

.mui-d48p5l:hover {
    box-shadow: none
}

.mui-d48p5l:active {
    box-shadow: none
}

.mui-d48p5l.MuiButton-sizeLarge {
    height: 32px;
    max-height: 32px
}

.mui-d48p5l:hover {
    color: rgb(245, 247, 251);
    background-color: rgb(82, 96, 109);
    border: 2px solid rgb(82, 96, 109)
}

.mui-d48p5l:active {
    color: rgb(229, 231, 235);
    background-color: rgb(49, 63, 75);
    border: 2px solid rgb(49, 63, 75)
}

@media screen and (max-width:480px) {
    .mui-1bh51tj {
        display: none
    }
}

.mui-1rv8rz6 {
    padding-top: 16px;
    padding-bottom: 16px;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center
}

.mui-a9j16h {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/pragmatic/Sugar+Rush.png */
        url(../images/25.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-a9j16h {
        height: 110px;
        max-width: 150px
    }

    .mui-a9j16h:hover::before {
        opacity: 0
    }

    .mui-a9j16h::before {
        transition: none
    }
}

.mui-a9j16h:hover::before {
    opacity: 0.75
}

.mui-a9j16h::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

@media (hover:none) {}

@media (hover:none) {}

.mui-r76gim {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/pragmatic/Gates+of+Olympus.png */
        url(../images/26.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-r76gim {
        height: 110px;
        max-width: 150px
    }

    .mui-r76gim:hover::before {
        opacity: 0
    }

    .mui-r76gim::before {
        transition: none
    }
}

.mui-r76gim:hover::before {
    opacity: 0.75
}

.mui-r76gim::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-15e9bca {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/belatra/Mummyland+Treasures.png */
        url(../images/27.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-15e9bca {
        height: 110px;
        max-width: 150px
    }

    .mui-15e9bca:hover::before {
        opacity: 0
    }

    .mui-15e9bca::before {
        transition: none
    }
}

.mui-15e9bca:hover::before {
    opacity: 0.75
}

.mui-15e9bca::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-1vdg3ji {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/pragmatic/Wisdom+of+Athena+1000.png */
        url(../images/28.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-1vdg3ji {
        height: 110px;
        max-width: 150px
    }

    .mui-1vdg3ji:hover::before {
        opacity: 0
    }

    .mui-1vdg3ji::before {
        transition: none
    }
}

.mui-1vdg3ji:hover::before {
    opacity: 0.75
}

.mui-1vdg3ji::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-1xtmkes {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/pgsoft/Wild+Bandito.png */
        url(../images/29.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-1xtmkes {
        height: 110px;
        max-width: 150px
    }

    .mui-1xtmkes:hover::before {
        opacity: 0
    }

    .mui-1xtmkes::before {
        transition: none
    }
}

.mui-1xtmkes:hover::before {
    opacity: 0.75
}

.mui-1xtmkes::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-1exnm56 {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/pragmatic/The+Dog+House.png */
        url(../images/30.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-1exnm56 {
        height: 110px;
        max-width: 150px
    }

    .mui-1exnm56:hover::before {
        opacity: 0
    }

    .mui-1exnm56::before {
        transition: none
    }
}

.mui-1exnm56:hover::before {
    opacity: 0.75
}

.mui-1exnm56::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-15xiyzv {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/playngo/Rich+Wilde+and+the+Book+of+Dead.png */
        url(../images/31.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-15xiyzv {
        height: 110px;
        max-width: 150px
    }

    .mui-15xiyzv:hover::before {
        opacity: 0
    }

    .mui-15xiyzv::before {
        transition: none
    }
}

.mui-15xiyzv:hover::before {
    opacity: 0.75
}

.mui-15xiyzv::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-m9ujbw {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/pgsoft/Wild+Bounty+Showdown.png */
        url(../images/32.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-m9ujbw {
        height: 110px;
        max-width: 150px
    }

    .mui-m9ujbw:hover::before {
        opacity: 0
    }

    .mui-m9ujbw::before {
        transition: none
    }
}

.mui-m9ujbw:hover::before {
    opacity: 0.75
}

.mui-m9ujbw::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-tqycs8 {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/playngo/Legacy+of+Dead.png */
        url(../images/33.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-tqycs8 {
        height: 110px;
        max-width: 150px
    }

    .mui-tqycs8:hover::before {
        opacity: 0
    }

    .mui-tqycs8::before {
        transition: none
    }
}

.mui-tqycs8:hover::before {
    opacity: 0.75
}

.mui-tqycs8::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-1qr9j02 {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/pragmatic/Sweet+Bonanza.png */
        url(../images/34.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-1qr9j02 {
        height: 110px;
        max-width: 150px
    }

    .mui-1qr9j02:hover::before {
        opacity: 0
    }

    .mui-1qr9j02::before {
        transition: none
    }
}

.mui-1qr9j02:hover::before {
    opacity: 0.75
}

.mui-1qr9j02::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-1iu8mms {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/pragmatic/Release+the+Kraken+Megaways.png */
        url(../images/35.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-1iu8mms {
        height: 110px;
        max-width: 150px
    }

    .mui-1iu8mms:hover::before {
        opacity: 0
    }

    .mui-1iu8mms::before {
        transition: none
    }
}

.mui-1iu8mms:hover::before {
    opacity: 0.75
}

.mui-1iu8mms::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-bwb8yx {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/bgaming/Haunted+Reels.png */
        url(../images/36.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-bwb8yx {
        height: 110px;
        max-width: 150px
    }

    .mui-bwb8yx:hover::before {
        opacity: 0
    }

    .mui-bwb8yx::before {
        transition: none
    }
}

.mui-bwb8yx:hover::before {
    opacity: 0.75
}

.mui-bwb8yx::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-zrm1uj {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/playngo/Baron+Lord+of+Saturday.png */
        url(../images/37.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-zrm1uj {
        height: 110px;
        max-width: 150px
    }

    .mui-zrm1uj:hover::before {
        opacity: 0
    }

    .mui-zrm1uj::before {
        transition: none
    }
}

.mui-zrm1uj:hover::before {
    opacity: 0.75
}

.mui-zrm1uj::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-1qelhx0 {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/pragmatic/Vampy+Party.png */
        url(../images/38.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-1qelhx0 {
        height: 110px;
        max-width: 150px
    }

    .mui-1qelhx0:hover::before {
        opacity: 0
    }

    .mui-1qelhx0::before {
        transition: none
    }
}

.mui-1qelhx0:hover::before {
    opacity: 0.75
}

.mui-1qelhx0::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-t2hasn {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/blueprint/Cash+Strike+Power+5.png */
        url(../images/39.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-t2hasn {
        height: 110px;
        max-width: 150px
    }

    .mui-t2hasn:hover::before {
        opacity: 0
    }

    .mui-t2hasn::before {
        transition: none
    }
}

.mui-t2hasn:hover::before {
    opacity: 0.75
}

.mui-t2hasn::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-cnof2i {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/pragmatic/The+Dog+House+Mutley+Crew.png */
        url(../images/40.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-cnof2i {
        height: 110px;
        max-width: 150px
    }

    .mui-cnof2i:hover::before {
        opacity: 0
    }

    .mui-cnof2i::before {
        transition: none
    }
}

.mui-cnof2i:hover::before {
    opacity: 0.75
}

.mui-cnof2i::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-vnq9gv {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/belatra/Lucky+Bandits.png */
        url(../images/41.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-vnq9gv {
        height: 110px;
        max-width: 150px
    }

    .mui-vnq9gv:hover::before {
        opacity: 0
    }

    .mui-vnq9gv::before {
        transition: none
    }
}

.mui-vnq9gv:hover::before {
    opacity: 0.75
}

.mui-vnq9gv::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-1bkr2o5 {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/turbogames/PumpedX.png */
        url(../images/42.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-1bkr2o5 {
        height: 110px;
        max-width: 150px
    }

    .mui-1bkr2o5:hover::before {
        opacity: 0
    }

    .mui-1bkr2o5::before {
        transition: none
    }
}

.mui-1bkr2o5:hover::before {
    opacity: 0.75
}

.mui-1bkr2o5::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-1trwgu {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/turbogames/Dice+Thrice.png */
        url(../images/43.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-1trwgu {
        height: 110px;
        max-width: 150px
    }

    .mui-1trwgu:hover::before {
        opacity: 0
    }

    .mui-1trwgu::before {
        transition: none
    }
}

.mui-1trwgu:hover::before {
    opacity: 0.75
}

.mui-1trwgu::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-1l9p2cy {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/pragmatic/Zeus+vs+Hades+Gods+of+War.png */
        url(../images/44.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-1l9p2cy {
        height: 110px;
        max-width: 150px
    }

    .mui-1l9p2cy:hover::before {
        opacity: 0
    }

    .mui-1l9p2cy::before {
        transition: none
    }
}

.mui-1l9p2cy:hover::before {
    opacity: 0.75
}

.mui-1l9p2cy::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-1bumn1r {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/pragmatic/Wild+West+Gold.png */
        url(../images/45.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-1bumn1r {
        height: 110px;
        max-width: 150px
    }

    .mui-1bumn1r:hover::before {
        opacity: 0
    }

    .mui-1bumn1r::before {
        transition: none
    }
}

.mui-1bumn1r:hover::before {
    opacity: 0.75
}

.mui-1bumn1r::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-1suskqp {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/evolution/Speed+Baccarat.png */
        url(../images/46.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-1suskqp {
        height: 110px;
        max-width: 150px
    }

    .mui-1suskqp:hover::before {
        opacity: 0
    }

    .mui-1suskqp::before {
        transition: none
    }
}

.mui-1suskqp:hover::before {
    opacity: 0.75
}

.mui-1suskqp::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-3698r7 {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/evolution/Crazy+Time.png */
        url(../images/47.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-3698r7 {
        height: 110px;
        max-width: 150px
    }

    .mui-3698r7:hover::before {
        opacity: 0
    }

    .mui-3698r7::before {
        transition: none
    }
}

.mui-3698r7:hover::before {
    opacity: 0.75
}

.mui-3698r7::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-140z0xh {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://gis-static.com/games/2ba977d934f57f1a9ee4e829d4dba646/Evolution/b73dd699709f7bc9f7a50e362eb6c24bd7d5afd3.png */
        url(../images/48.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-140z0xh {
        height: 110px;
        max-width: 150px
    }

    .mui-140z0xh:hover::before {
        opacity: 0
    }

    .mui-140z0xh::before {
        transition: none
    }
}

.mui-140z0xh:hover::before {
    opacity: 0.75
}

.mui-140z0xh::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-1xkba9n {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/evolution/Lightning+Roulette.png */
        url(../images/49.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-1xkba9n {
        height: 110px;
        max-width: 150px
    }

    .mui-1xkba9n:hover::before {
        opacity: 0
    }

    .mui-1xkba9n::before {
        transition: none
    }
}

.mui-1xkba9n:hover::before {
    opacity: 0.75
}

.mui-1xkba9n::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-80wg33 {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/evolution/Lightning+Baccarat.png */
        url(../images/50.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-80wg33 {
        height: 110px;
        max-width: 150px
    }

    .mui-80wg33:hover::before {
        opacity: 0
    }

    .mui-80wg33::before {
        transition: none
    }
}

.mui-80wg33:hover::before {
    opacity: 0.75
}

.mui-80wg33::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-pq8xsj {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/evolution/Lightning+Storm.png */
        url(../images/51.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-pq8xsj {
        height: 110px;
        max-width: 150px
    }

    .mui-pq8xsj:hover::before {
        opacity: 0
    }

    .mui-pq8xsj::before {
        transition: none
    }
}

.mui-pq8xsj:hover::before {
    opacity: 0.75
}

.mui-pq8xsj::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-ufa1qz {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/evolution/Crazy+Pachinko.png */
        url(../images/52.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-ufa1qz {
        height: 110px;
        max-width: 150px
    }

    .mui-ufa1qz:hover::before {
        opacity: 0
    }

    .mui-ufa1qz::before {
        transition: none
    }
}

.mui-ufa1qz:hover::before {
    opacity: 0.75
}

.mui-ufa1qz::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-ackh04 {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/evolution/Dragon+Tiger.png */
        url(../images/53.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-ackh04 {
        height: 110px;
        max-width: 150px
    }

    .mui-ackh04:hover::before {
        opacity: 0
    }

    .mui-ackh04::before {
        transition: none
    }
}

.mui-ackh04:hover::before {
    opacity: 0.75
}

.mui-ackh04::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-otuv38 {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/evolution/Dream+Catcher.png */
        url(../images/54.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-otuv38 {
        height: 110px;
        max-width: 150px
    }

    .mui-otuv38:hover::before {
        opacity: 0
    }

    .mui-otuv38::before {
        transition: none
    }
}

.mui-otuv38:hover::before {
    opacity: 0.75
}

.mui-otuv38::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-1o6sfdq {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1.45/1;
    height: 200px;
    max-width: 290px;
    position: relative;
    cursor: pointer;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    gap: 16px;
    background-color: rgb(32, 41, 52);
    background-image:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/evolution/Fan+Tan.png */
        url(../images/55.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:480px) {
    .mui-1o6sfdq {
        height: 110px;
        max-width: 150px
    }

    .mui-1o6sfdq:hover::before {
        opacity: 0
    }

    .mui-1o6sfdq::before {
        transition: none
    }
}

.mui-1o6sfdq:hover::before {
    opacity: 0.75
}

.mui-1o6sfdq::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out
}

.mui-14txdll {
    max-width: 400px;
    width: 100%;
    place-content: center space-between;
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: justify;
    gap: 8px
}

@media (max-width:800px) {
    .mui-14txdll {
        margin-bottom: 56px
    }
}

.mui-1ivvf2h {
    place-content: center space-between;
    align-items: flex-start;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify;
    gap: 8px
}

.mui-11nojf1 {
    margin: 0px;
    font-size: 0.75rem;
    font-weight: 700;
    display: block;
    line-height: 110%;
    color: rgb(123, 134, 149);
    opacity: 1
}

@media screen and (max-width:1000px) {}

.mui-1wio9ko {
    width: 100%;
    margin-bottom: 16px;
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify
}

.mui-oh3ift {
    color: rgba(0, 0, 0, 0.87);
    overflow: hidden;
    max-width: 370px;
    width: 100%;
    border-radius: 16px;
    cursor: pointer;
    height: 140px;
    background-color: rgb(23, 26, 36);
    border: 2px solid rgb(49, 63, 75);
    padding: 8px;
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: justify;
    gap: 8px;
    box-sizing: border-box;
    transition: background-color 0.2s
}

.mui-oh3ift.MuiPaper-root {
    box-shadow: none
}

.mui-oh3ift:hover {
    background-color: rgb(49, 63, 75)
}

.mui-1hphcch {
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify;
    width: 100%;
    height: 100%;
    gap: 8px
}

.mui-1idwhsb {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/playngo/Rich+Wilde+and+The+Shield+of+Athena.png */
        url(../images/56.png)50%center/cover no-repeat lightgray
}

.mui-1y6vtk7 {
    place-content: center space-between;
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: justify;
    height: 100%;
    width: 100%
}

.mui-1xb4c8s {
    place-content: center flex-start;
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: start;
    gap: 8px
}

.mui-k778o5 {
    margin: 0px;
    font-size: 1rem;
    font-weight: 700;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    display: block;
    color: rgb(245, 247, 251);
    line-height: 110%;
    white-space: nowrap;
    opacity: 1
}

.mui-13gqc4t {
    margin: 0px 0px 16px;
    font-size: 1rem;
    font-weight: 400;
    display: block;
    line-height: 110%;
    color: rgb(153, 165, 177);
    white-space: normal;
    opacity: 1
}

.mui-lkqr19 {
    width: 100%;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    border-radius: 16px;
    height: 28px;
    gap: 4px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: rgb(49, 63, 75)
}

.mui-s2t85x {
    margin: 0px;
    font-size: 1rem;
    font-weight: 700;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    display: block;
    line-height: 110%;
    color: rgb(255, 160, 1);
    white-space: nowrap;
    opacity: 1
}

.mui-thsnex {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://gis-static.com/games/PragmaticPlay/90b5f6999c2b41aabd693dcb71bd157b.png */
        url(../images/57.png)50%center/cover no-repeat lightgray
}

.mui-pjbfr6 {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://gis-static.com/games/ThreeOaks/60a7223d84d24c41f7892d218461465f21fbeb16.png */
        url(../images/58.png)50%center/cover no-repeat lightgray
}

.mui-wzelfu {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://gis-static.com/games/PlayngoAsia/fb7376104fae4a84959df1fcf27c3404.png */
        url(../images/59.png)50%center/cover no-repeat lightgray
}

.mui-12uf36k {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/netent/The+Invisible+Man.png */
        url(../images/60.png)50%center/cover no-repeat lightgray
}

.mui-15ere5b {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://gis-static.com/games/a5b9cf7ee0694101a7b115fb871e87a8.png */
        url(../images/61.png)50%center/cover no-repeat lightgray
}

.mui-1xwwu29 {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://gis-static.com/games/PragmaticPlay/38eb7907be854f1c95a259774ae79a1b.png */
        url(../images/62.png)50%center/cover no-repeat lightgray
}

.mui-7ca2ou {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://gis-static.com/games/89aeec32a9b0b3bb75b96f70f779079b156bba80.png */
        url(../images/63.png)50%center/cover no-repeat lightgray
}

.mui-1nwh091 {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://gis-static.com/games/fdc4364a3eae2f06260e2f95ce9571ed/Belatra%20Games/0bac989ec23742438198ff6ea553c240.png */
        url(../images/64.png)50%center/cover no-repeat lightgray
}

.mui-f3f0h9 {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://gis-static.com/games/PragmaticPlay/4de0f88272364c1b904e8e3e9037b296.png */
        url(../images/65.png)50%center/cover no-repeat lightgray
}

.mui-19tnv1m {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://gis-static.com/games/PlayngoAsia/4a94d15aec664671bd09ab560f16e38a.png */
        url(../images/66.png)50%center/cover no-repeat lightgray
}

.mui-ju8pir {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://gis-static.com/games/ThreeOaks/d082d013ec3e4038a79460fd1d34c0d3.png */
        url(../images/67.png)50%center/cover no-repeat lightgray
}

.mui-1ozlh5m {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/bgaming/KRAKENS+HUNGER.png */
        url(../images/68.png)50%center/cover no-repeat lightgray
}

.mui-ostltx {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://gis-static.com/games/3962be5e18b1e84fdd95613e87dfda1a/Wazdan/97772f32604a43ee84dcde231ed493fa.png */
        url(../images/69.png)50%center/cover no-repeat lightgray
}

.mui-k1dorx {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://banda-prod-client.s3.eu-central-1.amazonaws.com/slots/blueprint/Diamond+Mine+Megaways.png */
        url(../images/70.png)50%center/cover no-repeat lightgray
}

.mui-xzlmlf {
    max-width: 180px;
    width: 130px;
    min-width: 130px;
    height: 90px;
    border-radius: 8px;
    background:
        /* original URL: https://gis-static.com/games/a367f8328c818126f7bc0cfb205e88be6fce1711.png */
        url(../images/71.png)50%center/cover no-repeat lightgray
}

.mui-sarmv {
    width: 100%;
    place-content: center space-between;
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: justify;
    overflow-x: hidden
}

@media screen and (max-width:680px) {}

.mui-w4nqp1 {
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    cursor: pointer;
    height: 90px;
    min-width: 290px;
    max-width: 290px;
    width: 100%;
    background-color: rgb(32, 41, 52);
    padding: 8px;
    place-content: center space-between;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify;
    gap: 8px;
    box-sizing: border-box;
    border-radius: 16px
}

.mui-w4nqp1.MuiPaper-root {
    box-shadow: none
}

@media screen and (max-width:680px) {
    .mui-w4nqp1 {
        flex-direction: column;
        height: 134px;
        width: 96px;
        min-width: 96px
    }
}

.mui-dqzxxv {
    position: relative;
    max-width: 100px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: 50%center/cover no-repeat lightgray
}

@media screen and (max-width:680px) {
    .mui-dqzxxv {
        width: 80px;
        min-height: 60px
    }
}

.mui-1u6hwwv {
    place-content: center flex-start;
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: start;
    gap: 8px
}

@media screen and (max-width:680px) {
    .mui-1u6hwwv {
        margin-bottom: 4px;
        gap: 4px
    }
}

.mui-19jm4ps {
    margin: 0px;
    font-size: 1rem;
    font-weight: 400;
    display: block;
    line-height: 110%;
    color: rgb(153, 165, 177);
    white-space: nowrap;
    opacity: 1;
    text-overflow: ellipsis;
    overflow: hidden
}

.mui-1asda3c {
    max-width: 100%;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    font-size: 0.8125rem;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    background-color: rgb(46, 125, 50);
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    cursor: unset;
    outline: 0px;
    text-decoration: none;
    border: 0px;
    padding: 0px 8px;
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: 16px;
    height: 28px;
    margin-bottom: 0px;
    width: 100%;
    text-align: center
}

.mui-1asda3c .MuiChip-label {
    font-size: 1rem;
    font-weight: 700;
    color: rgb(245, 247, 251);
    padding-left: 0px;
    padding-right: 0px
}

.mui-1asda3c.MuiChip-colorSuccess {
    background: rgb(0, 137, 123)
}

.mui-9iedg7 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}


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

@media (max-width:599.95px) {}

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

@media (max-width:599.95px) {}

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

@media (max-width:599.95px) {}

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


.sf-hidden {
    display: none !important
}


img[src="data:,"],
source[src="data:,"] {
    display: none !important
}

.swiperSliderPromo .MuiBox-root:hover > div {
    opacity: 1!important;
    visibility: visible!important;
    display: block!important;
}
.mui-136k5kx {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0px;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: center;
}
.mui-1p98twp {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: __Jost_6649ff, __Jost_Fallback_6649ff;
    box-shadow: none;
    font-size: 0.875rem;
    line-height: 110%;
    min-width: 0px;
    max-width: 100%;
    color: rgb(245, 247, 251);
    background-color: rgb(199, 40, 39);
    text-transform: uppercase;
    width: 100px;
    font-weight: 700 !important;
    outline: 0px;
    margin: 0px 0px 8px;
    text-decoration: none;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 16px;
    padding: 8px 16px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(199, 40, 39);
    border-image: initial;
    white-space: nowrap;
}
.mui-1p98twp.MuiButton-sizeLarge {
    height: 48px;
    max-height: 48px;
}

@media (max-width: 1000px) {
    .mui-1gnypq9 .MuiPaper-root {
        display: none;
    }

    #swiper-wrapper-2cb104fa62be455df {
        width: 100%!important;
    }
    #swiper-wrapper-2cb104fa62be455df .swiper-wrapper {
        width: 100%!important;
    }
    .promoSlider swiper-slide:nth-child(1){
        width: 100%!important;
    }
    .promoSlider swiper-slide:nth-child(2){
        display: none;
    }
    /* .wlc-sections__content-games-top2 .swiper-grid > .swiper-wrapper slot {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    } */
    .MuiBox-root.mui-15v4y3q.sf-hidden {
        display: block!important;
    }
}
@media (max-width: 680px) {
    .mui-16ca4pf {
        display: block;
    }
    .mui-ivtunu {
        display: block;
    }
    .mui-1rs8yl2 {
        font-size: 2rem;
    }
    .mui-wkdsls {
        font-size: 0.7rem;
    }
    .mui-vbedwo.MuiButton-sizeLarge {
        margin-top: 10px;
    }
    .mui-1iql1zf {
        font-size: .7rem;
    }
    .mui-19jm4ps {
        font-size: .7rem;
    }
    .mui-1asda3c .MuiChip-label {
        font-size: .7rem;
    }
    .mui-w4nqp1 {
        height: 157px;
    }
    .swiperSliderPromoWidth swiper-slide {
        display: none;
    }
    .swiperSliderPromoWidth swiper-slide:nth-child(1) {
        display: flex;
    }
    .swiperSliderPromoWidth swiper-slide:nth-child(2) {
        display: flex;
    }
    .swiperSliderPromoWidth swiper-slide {
        width: 100%!important;
    }
    .swiperSliderPromoWidth swiper-slide .mui-oh3ift{
        max-width: 100%;
    }
    .swiperSliderPromoWidth {
        display: none;
    }
}

.textSeo {
    color: #fff;
}
.textSeo h1,
.textSeo h2,
.textSeo h3 {
    margin-bottom: 30px;
    margin-top: 40px;
}
.textSeo h1:first-child,
.textSeo h2:first-child,
.textSeo h3:first-child {
    margin-top: 0;
}
@media (max-width: 700px) {
    .textSeo {
        padding: 0 20px!important;
    }
    .textSeo h1,
    .textSeo h2,
    .textSeo h3 {
        font-size: 30px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
}