@font-face {
            font-family: 'NeoSansProRegular';
            src: url("/files/NeoSansProRegular.otf");
            font-weight: normal;
            font-style: normal
        }

        @font-face {
            font-family: 'NeoSansProBold';
            src: url("/files/NeoSansProBold.otf");
            font-weight: normal;
            font-style: normal
        }

        body {
            font-family: 'NeoSansProRegular', sans-serif;
            background: #28084b;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin: 0;
            line-height: 1;
        }

        p {
            margin: 0;
        }

        a {
            text-decoration: none;
        }

        button {
            box-shadow: none;
            border: none;
            background: transparent;
        }

        button:focus {
            outline: none;
        }

        .container {
            width: 100%;
            max-width: 1216px;
            margin: 0 auto;
        }

        .header {
            background-image: url("/images/game/background.jpg");
            background-size: cover;
            background-position: bottom;
            background-repeat: no-repeat;
            width: 100%;
            height: 840px;
        }

        .header .container {
            height: 100%;
        }

        .header .header__main {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .header .header__items {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 57px 0;
            z-index: 2;
        }

        .header .header__logo a {
            display: flex;
        }

        .header .header__actions {
            display: flex;
            align-items: center;
        }

        .header .header__actions .btn__login {
            display: flex;
            align-items: center;
            justify-content: center;
            background: transparent;
            color: #ffffff;
            border-radius: 6px;
            font-size: 16px;
            font-family: 'NeoSansProBold', sans-serif;
            border: 1px solid rgb(255, 255, 255);
            height: 40px;
            padding: 0 30px;
            margin-right: 20px;
            transition: 0.3s;
        }

        .os-apple .header .header__actions .btn__login>span {
            display: block;
            margin-bottom: -4px;
        }

        .header .header__actions .btn__login:hover {
            box-shadow: 0 13px 20px 0 rgba(255, 255, 255, 0.2);
        }

        .header .header__actions .btn__signup {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 40px;
            background: #ff6600;
            color: #ffffff;
            border-radius: 6px;
            font-size: 16px;
            padding: 0 30px;
            font-family: 'NeoSansProBold', sans-serif;
            transition: 0.3s;
        }

        .os-apple .header .header__actions .btn__signup>span {
            display: block;
            margin-bottom: -4px;
        }

        .header .header__actions .btn__signup:hover {
            box-shadow: 0 13px 20px 0 rgba(255, 102, 0, 0.2);
        }

        .banner {
            display: flex;
            justify-content: space-between;
            margin-top: -114px;
            height: 100%;
        }

        .banner .banner__image {
            position: relative;
            display: flex;
            align-items: flex-end;
            margin-top: -57px;
        }

        .banner .banner__image .m {
            display: none;
        }

        .banner .banner__image img {
            max-width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: top;
        }

        .banner .banner__offer {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            border-radius: 40px;
            width: 100%;
            max-width: 386px;
            height: 480px;
            padding: 25px;
            background-color: rgba(0, 0, 0, 0.251);
            margin-left: -40px;
            margin-top: 124px;
        }

        .banner .banner__offer h1 {
            color: #ffcc00;
            font-size: 115px;
            text-align: center;
            font-family: 'NeoSansProBold', sans-serif;
            margin-bottom: 10px;
        }

        .os-apple .banner .banner__offer h1 {
            margin-bottom: 0;
        }

        .banner .banner__offer h2 {
            color: #ffffff;
            font-size: 34px;
            text-align: center;
            text-transform: uppercase;
            font-family: 'NeoSansProBold', sans-serif;
        }

        .os-apple .banner .banner__offer h2 {
            margin-bottom: -4px;
        }

        .banner .banner__offer h3 {
            color: #ffffff;
            font-size: 24px;
            line-height: 28px;
            text-align: center;
            margin-top: 15px;
        }

        .banner .banner__offer h3>span {
            color: #ffcc00;
        }

        .banner .banner__offer .banner__link {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 70px;
            width: 100%;
            max-width: 300px;
            background: #ff6600;
            font-size: 24px;
            color: #ffffff;
            padding: 0 40px;
            border-radius: 35px;
            text-transform: uppercase;
            font-family: 'NeoSansProBold', sans-serif;
            margin: 35px auto;
            transition: 0.3s;
        }

        .os-apple .banner .banner__offer .banner__link>span {
            display: block;
            margin-bottom: -4px;
        }

        .banner .banner__offer .banner__link:hover {
            box-shadow: 0 13px 20px 0 rgba(255, 102, 0, 0.2);
        }

        .banner .banner__offer .banner__payments {
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 300px;
            flex-wrap: wrap;
            grid-gap: 15px;
        }

        .section__title {
            font-size: 24px;
            color: #ffffff;
            text-transform: uppercase;
            text-align: center;
            font-family: 'NeoSansProBold', sans-serif;
            margin-bottom: 60px;
        }

        .section__title br {
            display: none;
        }

        .main {
            position: relative;
            margin-top: -180px;
        }

        .jackpot .jackpot__main {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 45px 0;
        }

        .jackpot .jackpot__main p {
            font-size: 24px;
            line-height: 30px;
            color: #ffffff;
            font-family: 'NeoSansProBold', sans-serif;
            text-align: center;
        }

        .jackpot .jackpot__main p br {
            display: none;
        }

        .jackpot .jackpot__main p>span {
            color: #ffcc00;
            margin: 0 6px;
        }

        .jackpot .jackpot__main>.jackpot-item-new {
            display: flex;
            align-items: center;
            margin-left: 10px;
            color: #ffcc00;
            font-size: 24px;
            height: 40px;
            background-color: #000000;
            font-family: 'NeoSansProBold', sans-serif;
            padding: 0 20px;
        }

        .os-apple .jackpot .jackpot__main>.jackpot-item-new .jackpot-item {
            display: block;
            margin-bottom: -4px;
        }

        .steps .steps__items {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 0 50px;
        }

        .steps .steps__item {
            display: flex;
            align-items: center;
            padding: 0 35px 0 50px;
            width: 326px;
            height: 103px;
            clip-path: polygon(89% 0, 100% 50%, 89% 100%, 0% 100%, 11% 50%, 0 0);
            background: rgba(0, 0, 0, 0.251);
        }

        .steps .steps__item:nth-child(2),
        .steps .steps__item:nth-child(3) {
            margin-left: -20px;
        }

        .steps .step__number {
            font-size: 76px;
            line-height: 1;
            font-family: 'NeoSansProBold', sans-serif;
            color: #ffffff;
            margin-right: 10px;
        }

        .os-apple .steps .step__number {
            margin-bottom: -15px;
        }

        .steps .step__info p {
            font-size: 18px;
            color: #ffcc00;
            font-family: 'NeoSansProBold', sans-serif;
            margin-bottom: 2px;
            text-transform: uppercase;
        }

        .steps .step__info span {
            font-size: 12px;
            line-height: 14px;
            color: #ffffff;
            letter-spacing: 0.4px;
        }

        .banner__main {
            margin: 75px 0;
        }

        .banner__main .banner__content {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 180px;
            border-radius: 16px;
            background: linear-gradient(90deg, rgba(144, 19, 254, 1) 20%, rgba(204, 169, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
            width: 100%;
        }

        .banner__main .banner__image {
            display: flex;
            align-items: end;
            height: 100%;
        }

        .banner__main .banner__image img {
            max-width: 100%
        }

        .banner__main .banner__offer {
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
            padding: 30px 0 30px 60px;
            min-width: max-content;
        }

        .banner__main .banner__offer h2 {
            font-size: 36px;
            line-height: 40px;
            color: #ffffff;
            font-family: 'NeoSansProBold', sans-serif;
        }

        .banner__main .banner__offer h2>span {
            color: #ffcc00;
        }

        .banner__main .banner__offer h4 {
            font-size: 22px;
            line-height: 26px;
            color: #ffffff;
            font-family: 'NeoSansProBold', sans-serif;
            margin-top: 5px;
        }

        .banner__main .banner__offer h4>span {
            color: #ffcc00;
        }

        .banner__main .banner__action {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 30px 60px 30px 0;
        }

        .banner__main .banner__action a {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            background: #ff6600;
            font-size: 18px;
            font-family: 'NeoSansProBold', sans-serif;
            border-radius: 10px;
            height: 58px;
            width: max-content;
            text-transform: uppercase;
            padding: 0 40px;
            transition: 0.3s;
        }

        .os-apple .banner__main .banner__action a>span {
            display: block;
            margin-bottom: -4px;
        }

        .banner__main .banner__offer a:hover {
            box-shadow: 0 13px 20px 0 rgba(255, 102, 0, 0.2);
        }

        .banner__main .banner__timer {
            color: #28084b;
            font-size: 16px;
            font-weight: 600;
            text-align: center;
            margin-top: 10px;
        }

        .banner__main .banner__timer>span {
            font-family: 'NeoSansProBold', sans-serif;
        }

        .payments {
            margin-bottom: 20px;
        }

        .payments .payments__list {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            list-style: none;
            grid-column-gap: 20px;
        }

        .payments .payments__list>li {
            display: flex;
        }

        .winnings .container {
            display: none;
        }

        .winnings .winnings__items {
            position: relative;
        }

        .winnings .winnings__items div {
            float: left;
            width: 100%;
        }

        .winnings .winnings__slide {
            position: relative;
            overflow: hidden;
            width: 100%;
            padding: 15px;
            background: #44076d;
        }

        .winnings .winnings__slide .overlay {
            position: absolute;
            top: 0;
            width: 30px;
            height: 100%;
            pointer-events: none;
            z-index: 10;
        }

        .winnings .winnings__slide .overlay.overlay--left {
            left: 0;
            background: linear-gradient(90deg, #44076d 0%, rgba(50, 9, 102, 0) 100%);
        }

        .winnings .winnings__slide .overlay.overlay--right {
            right: 0;
            background: linear-gradient(270deg, #44076d 0%, rgba(50, 9, 102, 0) 100%);
        }

        .winnings .winnings__items .item {
            display: flex;
            align-items: center;
        }

        .winnings .winnings__items .item span {
            font-size: 16px;
            color: #9b8cb0;
        }

        .winnings .winnings__items .item p {
            font-size: 24px;
            color: #ffffff;
            font-family: 'NeoSansProBold', sans-serif;
            margin: 5px 0;
        }

        .winnings .winnings__items .item .item__img {
            background-size: 100% auto;
            background-position: center center;
            background-repeat: no-repeat;
            border-radius: 15px;
            margin-right: 20px;
        }

        .winnings .winnings__items .item .item__img:after {
            content: '';
            display: block;
            padding-bottom: 100%;
        }

        .winnings .winnings__items .item .item__img-1 {
            background-image: url("/images/game_icons/9_coins.jpg");
        }

        .winnings .winnings__items .item .item__img-2 {
            background-image: url("/images/game_icons/book_of_dead.jpg");
        }

        .winnings .winnings__items .item .item__img-3 {
            background-image: url("/images/game_icons/buffalo_trail_lite.jpg");
        }

        .winnings .winnings__items .item .item__img-4 {
            background-image: url("/images/game_icons/buffalo_trail_ultra.jpg");
        }

        .winnings .winnings__items .item .item__img-5 {
            background-image: url("/images/game_icons/tome_of_mandess__.jpg");
        }

        .winnings .winnings__items .item .item__img-6 {
            background-image: url("/images/game_icons/temple_tumble_megaways.jpg");
        }

        .winnings .winnings__items .item .item__img-7 {
            background-image: url("/images/game_icons/gates_of_hades.jpg");
        }

        .winnings .winnings__items .item .item__img-8 {
            background-image: url("/images/game_icons/templar_tumble.jpg");
        }

        .winnings .winnings__items .item .item__img-9 {
            background-image: url("/images/game_icons/gates_of_olympus.jpg");
        }

        .winnings .winnings__items .item .item__img-10 {
            background-image: url("/images/game_icons/big_bass_splash.jpg");
        }

        .realtime {
            margin: 90px 0;
        }

        .realtime .realtime__main {
            display: flex;
            align-items: center;
            padding: 65px 30px 65px 65px;
            border-radius: 40px;
            background-color: rgb(68, 7, 109);
        }

        .realtime .realtime__title {
            font-size: 24px;
            font-family: 'NeoSansProBold', sans-serif;
            color: #ffffff;
            margin-bottom: 50px;
        }

        .realtime .realtime__description p {
            font-size: 18px;
            line-height: 24px;
            color: #ffffff;
            margin-bottom: 25px;
        }

        .realtime .realtime__description p:after {
            margin-bottom: 0;
        }

        .realtime .realtime__description p>a {
            color: #ffcc00;
        }

        .realtime .realtime__image {
            max-width: 100%;
        }

        .benefits .benefits__swiper {
            overflow: hidden;
        }

        .benefits .benefits__swiper .swiper-slide {
            background-repeat: no-repeat;
            background-size: cover;
            height: 520px;
            border-radius: 40px;
        }

        .benefits .benefits__swiper .slide__content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            width: 100%;
            height: 100%;
            padding: 60px 30px;
        }

        .benefits .benefits__swiper .slide__title {
            color: #28084b;
            font-size: 24px;
            font-family: 'NeoSansProBold', sans-serif;
            text-align: center;
            margin-bottom: 10px;
        }

        .benefits .benefits__swiper .slide__text {
            color: #28084b;
            font-size: 16px;
            height: 38px;
            font-weight: 600;
            text-align: center;
        }

        .benefits .btn__play {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 70px auto 0;
            text-align: center;
            color: #ffffff;
            font-size: 18px;
            height: 58px;
            padding: 0 45px;
            border-radius: 10px;
            background: #ff6600;
            text-transform: uppercase;
            width: max-content;
            font-family: 'NeoSansProBold', sans-serif;
            transition: 0.3s;
        }

        .os-apple .benefits .btn__play>span {
            display: block;
            margin-bottom: -4px;
        }

        .benefits .btn__play:hover {
            box-shadow: 0 13px 20px 0 rgba(255, 102, 0, 0.2);
        }

        .games {
            margin: 90px 0;
        }

        .games .games__items {
            position: relative;
        }

        .games .games__items div {
            float: left;
            width: 100%;
        }

        .games .games__slide {
            position: relative;
            overflow: hidden;
            width: 100%;
        }

        .games__slide .overlay {
            position: absolute;
            top: 0;
            width: 30px;
            height: 100%;
            pointer-events: none;
            z-index: 10;
        }

        .games__slide .overlay.overlay--left {
            left: 0;
            background: linear-gradient(90deg, #340966 0%, rgba(50, 9, 102, 0) 100%);
        }

        .games__slide .overlay.overlay--right {
            right: 0;
            background: linear-gradient(270deg, #340966 0%, rgba(50, 9, 102, 0) 100%);
        }

        .games .games__items .item {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .games .games__items .item .item__img {
            background-size: 100% auto;
            background-position: center center;
            background-repeat: no-repeat;
            border-radius: 24px;
        }

        .games .games__items .item .item__img:after {
            content: '';
            display: block;
            padding-bottom: 100%;
        }

        .games .games__items .item .item__title {
            text-align: center;
            font-size: 16px;
            color: #ffffff;
            margin-top: 15px;
        }

        /* Games popular */

        .games__popular .games__items .item .item__img-1 {
            background-image: url("/images/game_icons/gates_of_olympus.jpg");
        }

        .games__popular .games__items .item .item__img-2 {
            background-image: url("/images/game_icons/big_bass_splash.jpg");
        }

        .games__popular .games__items .item .item__img-3 {
            background-image: url("/images/game_icons/temple_tumble_megaways.jpg");
        }

        .games__popular .games__items .item .item__img-4 {
            background-image: url("/images/game_icons/9_coins_grand_platinum_edition.jpg");
        }

        .games__popular .games__items .item .item__img-5 {
            background-image: url("/images/game_icons/buffalo_trail.jpg");
        }

        .games__popular .games__items .item .item__img-6 {
            background-image: url("/images/game_icons/temple_tumble_megaways.jpg");
        }

        /* Games hot */

        .games__hot .games__items .item .item__img-1 {
            background-image: url("/images/game_icons/live_casino/roulette_live_01.jpg");
        }

        .games__hot .games__items .item .item__img-2 {
            background-image: url("/images/game_icons/live_casino/blackjack_01.jpg");
        }

        .games__hot .games__items .item .item__img-3 {
            background-image: url("/images/game_icons/live_casino/crazy_time_01.jpg");
        }

        .games__hot .games__items .item .item__img-4 {
            background-image: url("/images/game_icons/live_casino/auto_lightning_roulette_01.jpg");
        }

        .games__hot .games__items .item .item__img-5 {
            background-image: url("/images/game_icons/live_casino/crazy_pachinko_01.jpg");
        }

        .games__hot .games__items .item .item__img-6 {
            background-image: url("/images/game_icons/live_casino/dream_catcher_01.jpg");
        }

        .games__hot .games__items .item .item__img-7 {
            background-image: url("/images/game_icons/live_casino/baccarat_live_01.jpg");
        }

        .games .btn__play {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 70px auto 0;
            text-align: center;
            color: #ffffff;
            font-size: 18px;
            height: 58px;
            padding: 0 20px;
            border-radius: 10px;
            background: #ff6600;
            width: 200px;
            text-transform: uppercase;
            font-family: 'NeoSansProBold', sans-serif;
            transition: 0.3s;
        }

        .games .btn__play>span {
            display: block;
            margin-bottom: -4px;
        }

        .games .btn__play:hover {
            box-shadow: 0 13px 20px 0 rgba(255, 102, 0, 0.2);
        }

        .footer {
            display: flex;
            justify-content: center;
            width: 100%;
            padding: 0 50px 15px;
        }

        .footer .footer__logos {
            display: flex;
            align-items: center;
            justify-content: center;
            grid-column-gap: 25px;
            list-style: none;
            margin-bottom: 20px;
        }

        .footer .footer__logos>li {
            display: flex;
        }

        .footer .footer__items {
            display: flex;
            flex-direction: column;
            margin: 0 30px;
        }

        .footer .footer__menu {
            display: flex;
            align-items: center;
            grid-column-gap: 50px;
            list-style: none;
            margin-bottom: 40px;
        }

        .footer .footer__menu li>a {
            font-size: 16px;
            color: #9b8cb0;
        }

        .footer .footer__copyright>p {
            font-size: 12px;
            color: #9b8cb0;
            text-align: center;
        }

        .footer .footer__copyright .footer__logo,
        .footer .footer__copyright .footer__logos {
            display: none;
        }

        @media (min-width: 1200px) {

            .footer .footer__logos li:nth-child(1) img {
                width: 51.43px;
                height: 50px;
            }

            .footer .footer__logos li:nth-child(2) img {
                width: 40px;
                height: 50px;
            }

            .footer .footer__logos li:nth-child(3) img {
                width: 84px;
                height: 50px;
            }

            .footer .footer__logos li:nth-child(4) img {
                width: 162px;
                height: 50px;
            }
        }

        @media (min-width: 768px) and (max-width: 1200px) {
            .container {
                padding: 0 20px;
            }

            .header {
                height: auto;
                position: relative;
                background: transparent;
            }

            .header:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                height: 768px;
                width: 100%;
                background-image: url("/images/game/t_templetumble_1024.jpg");
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                z-index: -1;
            }

            .header .header__items {
                padding: 30px 0;
            }

            .header .header__logo a img {
                width: 200px;
            }

            .banner {
                margin-top: -116px;
            }

            .banner .banner__offer {
                height: 360px;
                max-width: 300px;
                margin-left: 0;
                border-radius: 30px;
                padding: 35px 25px;
            }

            .banner .banner__offer h1 {
                font-size: 96px;
                line-height: 89px;
            }

            .banner .banner__offer h2 {
                font-size: 28px;
            }

            .banner .banner__offer h3 {
                font-size: 20px;
                line-height: 24px;
                margin-top: 10px;
            }

            .banner .banner__image img {
                object-position: bottom;
            }

            .banner__main .banner__offer {
                padding: 30px 0 30px 30px;
                margin-right: 25px;
            }

            .banner__main .banner__image {
                order: 3;
            }

            .banner__main .banner__action {
                margin-right: -50px;
                padding: 30px 0;
            }

            .banner .banner__image {
                display: none;
            }

            .banner .banner__offer .banner__link {
                height: 52px;
                font-size: 16px;
                padding: 0 35px;
                margin: 25px 0 0;
                max-width: 230px;
            }

            .main {
                margin-top: 0;
            }

            .jackpot .jackpot__main {
                flex-direction: column;
            }

            .jackpot .jackpot__main>.jackpot-item-new {
                margin-top: 10px;
            }

            .realtime .realtime__image {
                width: 60%;
            }

            .games .container {
                padding: 0;
            }

            .benefits .benefits__swiper .swiper-slide {
                height: 460px;
                border-radius: 35px;
            }

            .benefits .benefits__swiper .slide__content {
                padding: 40px 30px;
            }

            .payments .payments__list>li:nth-child(1) img {
                width: 132px;
                height: 24px;
            }

            .payments .payments__list>li:nth-child(2) img {
                width: 122px;
                height: 22px;
            }

            .payments .payments__list>li:nth-child(3) img {
                width: 180px;
                height: 22px;
            }

            .payments .payments__list>li:nth-child(4) img {
                width: 34px;
                height: 34px;
            }

            .payments .payments__list>li:nth-child(5) img {
                width: 38px;
                height: 30px;
            }

            .payments .payments__list>li:nth-child(6) img {
                width: 120px;
                height: 26px;
            }

            .payments .payments__list {
                grid-column-gap: 15px;
            }

            .footer {
                padding: 0 20px 10px;
                flex-direction: column;
            }

            .footer .footer__items {
                margin: 0;
                width: 100%;
            }

            .footer .footer__menu {
                flex-wrap: wrap;
                grid-column-gap: 30px;
                grid-row-gap: 15px;
                justify-content: center;
            }

            .footer .footer__logo {
                display: none;
            }

            .footer .footer__copyright {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .footer .footer__copyright .footer__logo,
            .footer .footer__copyright .footer__logos {
                display: flex;
                grid-column-gap: 10px;
            }

            .footer .footer__copyright .footer__logo {
                width: 100px;
                height: auto;
            }

            .footer .footer__copyright .footer__logos .footer__logo:nth-child(1) {
                width: 30px;
                height: 30px;
            }

            .footer .footer__copyright .footer__logos .footer__logo:nth-child(2) {
                width: 60px;
                height: auto;
            }

            .footer .footer__logos li:nth-child(1) img {
                width: 51.43px;
                height: 50px;
            }

            .footer .footer__logos li:nth-child(2) img {
                width: 40px;
                height: 50px;
            }

            .footer .footer__logos li:nth-child(3) img {
                width: 84px;
                height: 50px;
            }

            .footer .footer__logos li:nth-child(4) img {
                width: 162px;
                height: 50px;
            }

            .footer .footer__logos {
                grid-column-gap: 15px;
            }
        }

        @media (min-width: 768px) and (max-width: 1100px) {
            .steps .steps__items {
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 10px 0 50px;
                grid-row-gap: 30px;
            }

            .steps .steps__item {
                width: 450px;
                padding: 0 35px 0 70px;
            }

            .steps .steps__item:nth-child(1),
            .steps .steps__item:nth-child(3) {
                margin: 0;
            }
        }

        @media (min-width: 768px) and (max-width: 1000px) {
            .header {
                height: auto;
                position: relative;
                background: transparent;
            }

            .header:after {
                height: 576px;
            }

            .header .header__items {
                padding: 20px 0;
            }

            .banner__main .banner__offer h2 {
                font-size: 32px;
                line-height: 36px;
            }

            .banner__main .banner__offer h4 {
                font-size: 18px;
                line-height: 22px;
            }

            .banner__main .banner__action a {
                height: 54px;
                font-size: 16px;
                padding: 0 30px;
            }

            .banner__main .banner__timer {
                font-size: 14px;
            }

            .banner .banner__offer {
                height: max-content;
                max-width: 280px;
                border-radius: 25px;
            }

            .banner .banner__offer .banner__payments img:nth-child(5),
            .banner .banner__offer .banner__payments img:nth-child(6) {
                display: none;
            }

            .banner .banner__offer h1 {
                font-size: 90px;
                line-height: 85px;
            }

            .banner .banner__offer h2 {
                font-size: 26px;
            }

            .banner .banner__offer h3 {
                font-size: 18px;
                line-height: 22px;
                margin-top: 10px;
            }

            .banner .banner__offer .banner__link {
                height: 52px;
                font-size: 16px;
                padding: 0 35px;
                margin: 25px 0 0;
                max-width: 230px;
            }

            .benefits .benefits__swiper {
                margin: 0 -20px;
            }
        }

        @media (min-width: 768px) and (max-width: 880px) {
            .banner__main .banner__offer h2 {
                font-size: 30px;
                line-height: 34px;
            }

            .banner__main .banner__offer h4 {
                font-size: 17px;
                line-height: 21px;
            }

            .realtime .realtime__main {
                flex-direction: column-reverse;
                padding: 65px;
            }

            .realtime .realtime__title {
                margin: 30px 0 40px;
            }

            .realtime .realtime__image {
                width: auto;
            }
        }

        @media (max-width: 767px) {
            .container {
                padding: 0 20px;
            }

            .section__title {
                margin-bottom: 35px;
            }

            .section__title br {
                display: block;
            }

            .header {
                background: transparent;
                height: auto;
            }

            .header .header__items {
                justify-content: center;
                padding: 16px 0;
            }

            .header .header__logo a>img {
                width: 179px;
                height: 33px;
            }

            .header .header__actions {
                display: none;
            }

            .banner {
                flex-direction: column;
                margin-top: 0;
            }

            .banner .banner__offer {
                margin: 30px 0 0;
                padding: 0;
                width: 100%;
                height: auto;
                z-index: 2;
                background-color: transparent;
            }

            .banner .banner__image {
                height: auto;
                align-items: flex-start;
                width: -webkit-fill-available;
                width: -moz-available;
                margin: -120px -20px 0;
            }

            .banner .banner__image .d {
                display: none;
            }

            .banner .banner__image .m {
                display: block;
            }

            .banner .banner__offer h1 {
                font-size: 106px;
                line-height: 100px;
                margin-bottom: 10px;
            }

            .banner .banner__offer h2 {
                font-size: 32px;
            }

            .banner .banner__offer .banner__link {
                margin: 35px auto 0;
            }

            .banner .banner__offer .banner__payments img:nth-child(5),
            .banner .banner__offer .banner__payments img:nth-child(6) {
                display: none;
            }

            .main {
                margin-top: -105px;
            }

            .jackpot .jackpot__main {
                flex-direction: column;
            }

            .jackpot .jackpot__main p br {
                display: block;
            }

            .jackpot .jackpot__main>.jackpot-item-new {
                font-size: 32px;
                height: 46px;
                padding: 0 25px;
                margin-top: 10px;
            }

            .banner__main .banner__content {
                flex-direction: column;
                padding: 0;
                height: auto;
                overflow: hidden;
                border-radius: 40px;
                background: linear-gradient(180deg, rgba(144, 19, 254, 1) 20%, rgba(204, 169, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
            }

            .banner__main .banner__offer {
                padding: 30px 30px 0;
                min-width: unset;
            }

            .banner__main .banner__offer h2 {
                text-align: center;
            }

            .banner__main .banner__offer h2 br {
                display: none;
            }

            .banner__main .banner__offer h4 {
                text-align: center;
                font-size: 16px;
                line-height: 20px;
            }

            .banner__main .banner__action {
                margin-top: 35px;
                padding: 0;
            }

            .banner__main .banner__action a {
                height: 52px;
            }

            .banner__main .banner__image {
                order: 3;
                margin: 10px 0 -24px;
            }

            .banner__main .banner__image img {
                max-width: none;
            }

            .benefits .benefits__swiper {
                margin: 0 -20px;
            }

            .benefits .benefits__swiper .slide__content {
                padding: 25px 24px;
            }

            .benefits .benefits__swiper .swiper-slide {
                height: 416px;
                border-radius: 35px;
                opacity: 0.251;
                transition: 0.3s;
            }

            .benefits .benefits__swiper .swiper-slide.swiper-slide-active {
                opacity: 1;
            }

            .benefits .benefits__swiper .slide__text {
                height: auto;
            }

            .benefits .btn__play {
                height: 52px;
            }

            .payments .payments__list {
                grid-gap: 10px;
            }

            .payments .payments__list>li:nth-child(1) img {
                width: 114px;
                height: 19px;
            }

            .payments .payments__list>li:nth-child(2) img {
                width: 101px;
                height: 17px;
            }

            .payments .payments__list>li:nth-child(3) img {
                width: 136px;
                height: 17px;
            }

            .payments .payments__list>li:nth-child(4) img {
                width: 28px;
                height: 28px;
            }

            .payments .payments__list>li:nth-child(5) img {
                width: 31px;
                height: 24px;
            }

            .payments .payments__list>li:nth-child(6) img {
                width: 106px;
                height: 22px;
            }

            .realtime {
                margin: 75px 0;
            }

            .realtime .realtime__title {
                margin-bottom: 40px;
                text-align: center;
            }

            .realtime .realtime__info {
                margin-top: 25px;
            }

            .realtime .realtime__description p {
                font-size: 16px;
                line-height: 22px;
                text-align: center;
            }

            .steps .steps__items {
                display: flex;
                flex-direction: column;
                align-items: unset;
                padding: 10px 0 50px;
                margin: 0 0 0 -20px;
                grid-row-gap: 20px;
            }

            .steps .steps__item {
                width: 100%;
                max-width: 390px;
                height: 108px;
                padding: 0 40px;
                clip-path: polygon(0% 0%, 86% 0, 100% 50%, 86% 100%, 0% 100%);
            }

            .steps .steps__item:nth-child(1),
            .steps .steps__item:nth-child(2),
            .steps .steps__item:nth-child(3) {
                margin-left: -20px;
            }

            .steps .step__info p {
                font-size: 22px;
            }

            .realtime .realtime__main {
                padding: 24px;
                flex-direction: column-reverse;
            }

            .games {
                margin: 75px 0;
            }

            .games .container {
                padding: 0;
            }

            .games .btn__play {
                height: 52px;
            }

            .winnings .container {
                display: block;
            }

            .winnings .winnings__slide {
                display: none;
            }

            .winnings .winnings__main {
                position: relative;
                width: 100%;
                height: 480px;
                padding: 40px;
                border-radius: 40px;
                background-color: rgb(68, 7, 109);
            }

            .winnings .winnings__main .overlay {
                position: absolute;
                left: 0;
                width: 100%;
                height: 20px;
                pointer-events: none;
                z-index: 10;
            }

            .winnings .winnings__main .overlay.overlay--top {
                top: 0;
                background: linear-gradient(180deg, #44076d 0%, rgba(50, 9, 102, 0) 100%);
            }

            .winnings .winnings__main .overlay.overlay--bottom {
                bottom: 0;
                background: linear-gradient(0deg, #44076d 0%, rgba(50, 9, 102, 0) 100%);
            }

            .winnings .winnings__swiper {
                position: relative;
                height: 100%;
                overflow: hidden;
            }

            .winnings .winnings__swiper .swiper-slide {
                height: 112px;
            }

            .winnings .winnings__swiper .item__img>img {
                max-width: 100%;
                border-radius: 15px;
            }

            .winnings .winnings__swiper .item {
                display: flex;
                align-items: center;
            }

            .winnings .winnings__swiper .item span {
                font-size: 16px;
                color: #9b8cb0;
            }

            .winnings .winnings__swiper .item p {
                font-size: 24px;
                color: #ffffff;
                font-family: 'NeoSansProBold', sans-serif;
                margin: 5px 0;
            }

            .winnings .winnings__swiper .item .item__img {
                background-size: 100% auto;
                background-position: center center;
                background-repeat: no-repeat;
                border-radius: 15px;
                height: 112px;
                min-width: 112px;
                max-width: 112px;
                margin-right: 20px;
            }

            .footer {
                padding: 0 20px 10px;
                flex-direction: column;
            }

            .footer .footer__items {
                margin: 0;
                width: 100%;
            }

            .footer .footer__menu {
                flex-wrap: wrap;
                grid-column-gap: 30px;
                grid-row-gap: 15px;
                justify-content: center;
            }

            .footer .footer__logo {
                display: none;
            }

            .footer .footer__logos {
                grid-column-gap: 10px;
            }

            .footer .footer__logos li:nth-child(1) img {
                width: 25.71px;
                height: 25px;
            }

            .footer .footer__logos li:nth-child(2) img {
                width: 25px;
                height: 25px;
            }

            .footer .footer__logos li:nth-child(3) img {
                width: 52.5px;
                height: 25px;
            }

            .footer .footer__logos li:nth-child(4) img {
                width: 81px;
                height: 25px;
            }

            .footer .footer__copyright {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .footer .footer__copyright .footer__logo,
            .footer .footer__copyright .footer__logos {
                display: flex;
                grid-column-gap: 10px;
            }
        }

        @media (min-width: 390px) and (max-width: 420px) {
            .banner .banner__offer h1 {
                font-size: 110px;
                line-height: 100px;
            }

            .banner .banner__image {
                margin: -135px -20px 0;
            }
        }