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-left: 16px;
    padding-right: 16px
}

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

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

@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%)
    }
}

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

@-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-1s8uxj1 {
    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;
    text-decoration: none
}

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

@media (hover:none) {}

.mui-1swykl {
    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-1swykl:hover {
    text-decoration: none;
    background-color: rgba(25, 118, 210, 0.04);
    border: 1px solid rgb(25, 118, 210)
}

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

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

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

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

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

.mui-1swykl: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) {}

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

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

@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)
    }
}

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

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

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

@media (hover:none) {}

@media (hover:none) {}

@media (hover:none) {}

@media (hover:none) {}

@-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-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-14ur1r4 {
    width: 180px
}

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

@media (hover:none) {}

.mui-1dv4oda {
    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-1dv4oda:hover {
    text-decoration: none;
    background-color: rgba(25, 118, 210, 0.04);
    border: 1px solid rgb(25, 118, 210)
}

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

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

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

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

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

.mui-1dv4oda:hover>span>svg path {
    stroke: rgb(199, 40, 39)
}

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

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

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

.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-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%
}

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

@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
}

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

@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/0.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/1.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
}

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

.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/2.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/3.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
}

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

.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/4.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
}

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

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

.mui-ymd4or {
    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/27.12/Hawaii+Riches.png */
        url(../images/5.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

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

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

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

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

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

.mui-6rmdmy {
    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/27.12/Blazing+Coins+27.png */
        url(../images/6.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

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

    .mui-6rmdmy:hover::before {
        opacity: 0
    }

    .mui-6rmdmy::before {
        transition: none
    }
}

.mui-6rmdmy:hover::before {
    opacity: 0.75
}

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

.mui-57f9bf {
    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/27.12/Klowns.png */
        url(../images/7.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

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

    .mui-57f9bf:hover::before {
        opacity: 0
    }

    .mui-57f9bf::before {
        transition: none
    }
}

.mui-57f9bf:hover::before {
    opacity: 0.75
}

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

.mui-1oo94ud {
    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/27.12/Midnight+Gold.png */
        url(../images/8.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

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

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

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

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

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

.mui-w4wfca {
    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/19.12/Big+Bass+Bonanza+3+Reeler.png */
        url(../images/9.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

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

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

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

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

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

.mui-1bsuksv {
    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/19.12/Geishas+Revenge.png */
        url(../images/10.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

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

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

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

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

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

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

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

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

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

.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/11.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
}

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

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

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

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

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

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

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

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

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

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

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

.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-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-16kbe1j {
    margin: 0px;
    font-size: 1rem;
    font-weight: 400;
    display: block;
    color: rgb(245, 247, 251);
    line-height: 110%;
    white-space: normal;
    opacity: 1;
    text-decoration: none
}

.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-8atqhb {
    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/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-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/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-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/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-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/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-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/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-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/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-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/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-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/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-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/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-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/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-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/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-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/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-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/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-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/25.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/26.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/27.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/28.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/29.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/30.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/31.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-106bqwh {
    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%3DVoltEnt%2C+size%3Dbig.png */
        url(../images/32.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-106bqwh: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/33.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/34.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-68xi6n {
    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%3Damatic%2C+size%3Dbig.png */
        url(../images/35.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-68xi6n:hover {
    background-color: rgb(82, 96, 109)
}

.mui-1qx2i4g {
    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%3DEndorphina%2C+size%3Dbig.png */
        url(../images/36.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-1qx2i4g:hover {
    background-color: rgb(82, 96, 109)
}

.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)
}

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

@media (hover:none) {}

@media (hover:none) {}

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

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

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

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

@media (hover:none) {}

@media (hover:none) {}

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

.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
}

@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%)
    }
}

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

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

@media (max-width:1000px) {
    .mui-1jyfujq {
        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-wsietd {
    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;
    text-decoration: none
}

@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:767px) {}

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

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

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

@media (hover:none) {}

@media (hover:none) {}

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

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

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

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

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

.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) {}

@media screen and (max-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)
    }
}

@-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)
    }
}

@media (hover:none) {}

@media (hover:none) {}


@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
}


.textSeo {
    background-color: rgb(32, 41, 52);
    max-width: 1540px;
    margin: 0 auto 30px;
    padding: 32px;
    color: #fff;
    border-radius: 16px;
}
.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: 1000px) {
    .mui-14ur1r4 {
        display: block;
    }
}
@media (max-width: 991px) {
    .MuiBox-root.mui-15lbltz swiper-container swiper-slide:nth-child(1) {
        width: 100%!important;
    }
    .MuiBox-root.mui-15lbltz swiper-container swiper-slide:nth-child(2) {
        display: none;
    }
}
@media (max-width: 767px) {
    .textSeo {
        padding:32px 20px!important;
    }
    .textSeo h1,
    .textSeo h2,
    .textSeo h3 {
        font-size: 24px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .mui-1jyfujq {
        margin-bottom: 30px;
    }
}
@media (max-width: 680px) {
    .mui-ivtunu {
        display: block;
        margin-bottom: 5px;
    }
    .mui-ivtunu h3 {
        font-size: 24px;
    }
    .mui-16ca4pf {
        display: block;
        margin-bottom: 10px;
    }
}
@media (max-width: 360px) {
    .mui-14ur1r4 {
        width: 150px;
    }
    .mui-r15jvy {
        width: 70px;
    }
}