@charset "UTF-8";
@font-face {
    font-family: icons;
    font-display: swap;
    src: url(../fonts/icons.woff2) format("woff2"), url(../fonts/icons.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:active, :focus {
    outline: 0
}

a:active, a:focus {
    outline: 0
}

aside, footer, header, nav {
    display: block
}

body, html {
    min-height: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

button, input, textarea {
    font-family: inherit
}

input::-ms-clear {
    display: none
}

button {
    cursor: pointer
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

a, a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: 400
}

p {
    margin-top: 1rem;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

@font-face {
    font-family: icons;
    src: url(../fonts/icons.ttf) format("truetype"), url(../fonts/icons.woff) format("woff"), url(../img/icons.svg?9gj94n#icons) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-font__"]:before, [class^=icon-font__]:before {
    font-family: icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-font__deposit:before {
    content: "\e901";
    color: #fff
}

.icon-font__casino:before {
    content: "\e902";
    color: #fff
}

.icon-font__bonus:before {
    content: "\e903";
    color: #fff
}

.icon-font__reg:before {
    content: "\e904";
    color: #fff
}

.icon-font__app:before {
    content: "\e905";
    color: #fff
}

.wrapper {
    margin-top: 50px
}

.wrapper:last-child {
    margin-bottom: 32px
}

.wrapper--with-lines {
    position: relative
}

.wrapper--with-lines::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(3, 134, 255, .06)), color-stop(52%, rgba(3, 134, 255, .3)), to(rgba(3, 134, 255, .06)));
    background: linear-gradient(90deg, rgba(3, 134, 255, .06) 0, rgba(3, 134, 255, .3) 52%, rgba(3, 134, 255, .06) 100%)
}

.wrapper--with-lines::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(3, 134, 255, .06)), color-stop(52%, rgba(3, 134, 255, .3)), to(rgba(3, 134, 255, .06)));
    background: linear-gradient(90deg, rgba(3, 134, 255, .06) 0, rgba(3, 134, 255, .3) 52%, rgba(3, 134, 255, .06) 100%)
}

.container {
    margin: 0 auto;
    padding: 0 var(--offsets);
    max-width: calc(var(--width-container) + var(--offsets) * 2)
}

.container > :first-child {
    margin-top: 0
}

.container .container {
    padding-left: 0;
    padding-right: 0
}

.background-block {
    max-width: var(--width-container);
    padding: 24px !important;
    border-radius: 8px;
    border-top: 1px solid var(--blue, #7cc0eb);
    background: var(--bg-block, rgba(0, 0, 0, .29))
}

.hidden_svg {
    display: none
}

.no-scroll {
    overflow: hidden
}

body {
    background: var(--bg, #071824);
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Poppins, sans-serif;
    color: #e0e3eb
}

main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

h1 {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px
}

h2 {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase
}

h3 {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px
}

h4 {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px
}

p {
    margin-top: 1rem;
    color: var(--text, #e0e3eb);
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

ol:not([class]) {
    margin-top: 16px;
    color: var(--text, #e0e3eb);
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    counter-reset: MyCounter;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

ol:not([class]) li {
    position: relative;
    counter-increment: MyCounter;
    position: relative;
    padding-bottom: 16px;
    padding-left: 30px
}

ol:not([class]) li:last-child {
    padding-bottom: 0
}

ol:not([class]) li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(MyCounter);
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid var(--blue, #7cc0eb);
    color: var(--blue, #7cc0eb);
    leading-trim: both;
    text-edge: cap;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

ul:not([class]) {
    margin-top: 16px;
    color: var(--text, #e0e3eb);
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

ul:not([class]) li {
    position: relative;
    padding-bottom: 16px;
    padding-left: 25px
}

ul:not([class]) li:last-child {
    padding-bottom: 0
}

ul:not([class]) li::before {
    position: absolute;
    top: 2px;
    left: 0;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M2.98143 4.5547L0.168183 7.36795C0.0764469 7.45969 .0764469 7.61258 .168183 7.70432L2.98143 10.5176C3.07317 10.6093 3.22606 10.6093 3.3178 10.5176L6.13105 7.70432C6.22278 7.61258 6.22278 7.45969 6.13105 7.36795L3.3178 4.5547C3.22606 4.46296 3.07317 4.46296 2.98143 4.5547ZM6.71204 0.824089L3.8988 3.63734C3.80706 3.72907 3.80706 3.88197 3.8988 3.9737L6.71204 6.78695C6.80378 6.87869 6.95667 6.87869 7.04841 6.78695L9.8693 3.96606C9.96104 3.87432 9.96104 3.72143 9.8693 3.62969L7.05605 0.816445C6.95667 .732353 6.80378 .732353 6.71204 0.824089ZM6.71204 8.28531L3.8988 11.0986C3.80706 11.1903 3.79941 11.3355 3.8988 11.4349L6.71969 14.2558C6.80378 14.3399 6.95667 14.3399 7.04841 14.2482L9.86166 11.4349C9.95339 11.3432 9.95339 11.1903 9.86166 11.0986L7.04841 8.28531C6.94903 8.18593 6.80378 8.19358 6.71204 8.28531ZM10.4427 4.5547L7.62941 7.36795C7.53767 7.45969 7.53767 7.61258 7.62941 7.70432L10.4503 10.5252C10.542 10.6169 10.6949 10.6169 10.7867 10.5252L13.6076 7.70432C13.6993 7.61258 13.6993 7.45969 13.6076 7.36795L10.7867 4.54706C10.6796 4.45532 10.5344 4.46296 10.4427 4.5547Z' fill='%237CC0EB'/%3E%3C/svg%3E")
}

:root {
    --height: 0;
    --offsets: 20px;
    --width-container: 1240px;
    --star-color: lightgray;
    --star-background-review: #ffc700
}

.header {
    position: sticky;
    top: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    width: 100%;
    z-index: 99;
    background: var(--header, #0f212e)
}

.header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px
}

.header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: auto;
    max-width: 70px
}

.header__logo a {
    width: 100%
}

.header__logo img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto
}

.header__nav {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 10px;
    max-width: 70%
}

.header__nav > ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 22px
}

.header__nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.header__nav li img {
    max-height: 16px;
    -o-object-fit: contain;
    object-fit: contain
}

.header__nav li a {
    word-break: break-all;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    -webkit-transition: color .2s ease 0s;
    transition: color .2s ease 0s
}

.header__nav li a:hover {
    color: #018cf7
}

.header__nav li span {
    word-break: break-all;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    cursor: default
}

.submenu li span {
    color: #0a63f6
}

.header__nav li.menu-item-has-children {
    position: relative;
    padding-right: 20px
}

.header__nav li.menu-item-has-children svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 12px;
    height: 8px;
    -webkit-transition: -webkit-transform .2s ease 0s;
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s
}

.header__nav li.menu-item-has-children .submenu {
    display: none;
    position: absolute;
    min-width: 163px;
    padding: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    right: 50%;
    top: 30px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 99
}

.header__nav li.menu-item-has-children .submenu::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 20px;
    background: 0 0;
    top: -20px;
    left: 0
}

.header__nav li.menu-item-has-children .submenu a {
    font-weight: 300;
    color: var(--BG-color, #090f1e);
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.header__nav li.menu-item-has-children .submenu a:hover {
    color: #018cf7
}

.header__buttons {
    max-width: 420px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: start;
    align-self: flex-start;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header__buttons .btn {
    margin-top: 0;
    text-transform: uppercase
}

.header__lang {
    margin-top: 5px;
    padding-left: 5px;
    border-left: 1px solid rgba(255, 255, 255, .2);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

.header__lang.active .header__active-lang svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.header__lang.active .header__langs-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header__active-lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 5px
}

.header__active-lang img {
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.header__active-lang span {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase
}

.header__langs-menu li span em {
    font-style: normal;
    text-transform: uppercase
}

.header__active-lang svg {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 20px;
    height: 20px
}

.header__langs-menu {
    padding: 10px 6px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    position: absolute;
    right: 0;
    top: 43px;
    z-index: 99
}

.header__langs-menu li {
    width: 100%;
    text-wrap: nowrap;
    white-space: nowrap;
    border-radius: 10px;
    padding: 10px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.header__langs-menu li:hover {
    background: rgba(190, 173, 228, .3)
}

.header__langs-menu li.hide {
    display: none
}

.header__langs-menu li img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    border-radius: 50%
}

.header__langs-menu li span {
    color: var(--text-white-bg, #58586c);
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.header__burger {
    display: none;
    position: relative;
    width: 27px;
    height: 21px;
    margin-top: 10px;
    cursor: pointer
}

.header__burger::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.header__burger::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.header__burger span {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.header.burger-active .header__burger span {
    display: none
}

.header.burger-active .header__burger::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 10px;
    right: 5px;
    width: 100%
}

.header.burger-active .header__burger::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 8px;
    right: 5px;
    width: 100%
}

.table td, .wp-block-table table td {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    word-break: break-word;
    padding: 11.5px 15.5px;
    background-color: var(--main-bg-color);
    color: var(--second-font-color);
    border: 1px solid #2b313c
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
    color: #fff
}

.table th, .wp-block-table table th {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .29);
    padding: 11.5px;
    border-style: solid;
    border-color: #2b313c;
    border-width: 1px 1px 2px
}

.toc__nav {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    color: #fff;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    flex-direction: column
}

.toc-section__toc-list {
    max-width: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    list-style: none;
    gap: 16px
}

.toc-section__toc-item {
    display: inline-block;
    text-wrap: nowrap;
    white-space: nowrap;
    border-radius: 6px;
    border: 1px solid var(--blue, #7cc0eb)
}

.toc-section__toc-item a {
    width: 100%;
    height: 100%;
    padding: 10px 16px;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%
}

.toc-section__toc-item a:hover {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-box-shadow: 0 0 5px 1px #7cc0eb;
    box-shadow: 0 0 5px 1px #7cc0eb
}

.games-section {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr
}

.games-section__title {
    -ms-grid-column-align: start;
    justify-self: start;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    text-transform: none
}

.games-section > button {
    -ms-grid-column-align: end;
    justify-self: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: var(--blue, #7cc0eb);
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    background: transparent
}

.games-section > button svg {
    width: 22px;
    height: 12px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.games-section > button:hover svg {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.games-section .games-list {
    grid-column: 1/-1
}

.bonuses-section {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr
}

.bonuses-section > a {
    -ms-grid-column-align: end;
    justify-self: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: var(--blue, #7cc0eb);
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.bonuses-section > a svg {
    width: 22px;
    height: 12px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.bonuses-section > a:hover svg {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.bonuses-section .bonuses-list {
    grid-column: 1/-1
}

.faq-section__list {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.faq-section__item {
    position: relative;
    width: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background: #293b55;
    border: 1px solid #293b55
}

.faq-section__item::after {
    position: absolute;
    right: 10px;
    top: 20px;
    content: " ";
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='30' viewBox='0 0 29 30' fill='none'%3E%3Crect x='13' y='27.5364' width='26' height='3' rx='1.5' transform='rotate(-90 13 27.5364)' fill='white'/%3E%3Crect x='1.5' y='13.0366' width='26' height='3' rx='1.5' fill='white'/%3E%3C/svg%3E");
    height: 30px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.faq-section__item-text {
    padding: 16px;
    background: #0f212e
}

.faq-section__item-text p:first-child {
    margin-top: 0
}

.faq-section summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    max-width: 90%;
    padding: 12px 20px;
    min-height: 67px;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer
}

.faq-section summary h3 {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.faq-section summary::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' viewBox='0 0 40 41' fill='none'%3E%3Cg clip-path='url(%23clip0_2031_1143)'%3E%3Cpath d='M20 40.5361C31.0457 40.5361 40 31.5818 40 20.5361C40 9.49044 31.0457 .536133 20 0.536133C8.9543 .536133 0 9.49044 0 20.5361C0 31.5818 8.9543 40.5361 20 40.5361Z' fill='%2318263A'/%3E%3Cpath d='M22.3795 7.53613C24.7724 7.53613 26.672 8.02552 28.0782 9.0043C29.4844 9.96084 30.1875 11.3622 30.1875 13.2086C30.1875 13.7647 30.1382 14.2986 30.0395 14.8102C29.6448 16.7678 28.5963 18.3472 26.8941 19.5484C25.2165 20.7497 23.1812 21.3725 20.7882 21.417L20.1222 23.7861H12.8692L14.0163 16.7122H17.1248C18.6296 16.7122 19.7891 16.5676 20.6032 16.2784C21.442 15.967 21.9107 15.4665 22.0094 14.7769L22.0464 14.5099C22.0464 14.1985 21.9477 13.9649 21.7504 13.8092C21.553 13.6312 21.294 13.5423 20.9733 13.5423C20.4799 13.5423 20.0851 13.6869 19.7891 13.976C19.4931 14.243 19.308 14.5989 19.234 15.0438H11.5C11.6974 13.6646 12.2401 12.4078 13.1282 11.2733C14.041 10.1388 15.2745 9.23788 16.8287 8.57052C18.4076 7.88093 20.2578 7.53613 22.3795 7.53613Z' fill='%237CC0EB'/%3E%3Cpath d='M12.5917 32.7051C13.3446 33.2591 14.3736 33.5361 15.6786 33.5361C16.7326 33.5361 17.6863 33.3478 18.5396 32.971C19.3929 32.5722 20.0579 32.0514 20.5347 31.4088C21.0116 30.7441 21.25 30.0239 21.25 29.2483C21.25 28.362 20.8861 27.6418 20.1583 27.0878C19.4305 26.5117 18.4266 26.2236 17.1467 26.2236C16.0927 26.2236 15.1264 26.423 14.2481 26.8219C13.3948 27.1986 12.7172 27.7193 12.2153 28.3841C11.7384 29.0489 11.5 29.7691 11.5 30.5446C11.5 31.431 11.8639 32.1512 12.5917 32.7051Z' fill='%237CC0EB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2031_1143'%3E%3Crect width='40' height='40' fill='white' transform='translate(0 .536133)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.faq-section summary::marker {
    content: ""
}

.faq-section__item[open]:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tabs {
    margin-top: 16px;
    overflow: hidden
}

.tabs__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    text-align: center;
    border-radius: 6px;
    padding: 4px;
    border: 1px solid #293b55;
    overflow-x: auto;
    scrollbar-width: thin
}

.tabs__header-item {
    width: 236px
}

.tabs__header-button {
    width: 100%;
    padding: 12px;
    text-wrap: nowrap;
    white-space: nowrap;
    background: 0 0;
    border-radius: 8px;
    color: var(--text, #e0e3eb);
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    cursor: pointer
}

.tabs__header-button.active {
    background: #293b55;
    color: #fff
}

.tabs__content {
    width: 100%;
    margin: 16px auto 0 auto
}

.tabs__item > :first-child {
    margin-top: 0
}

.tabs__item.visually-hidden {
    display: none
}

.footer {
    padding-top: 30px !important;
    padding-bottom: 40px !important;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 135px) minmax(0, 475px) minmax(0, 475px);
    grid-template-columns:minmax(0, 135px) minmax(0, 475px) minmax(0, 475px);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px
}

.footer__logo {
    -ms-grid-column: 1;
    grid-column: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 14px;
    -moz-column-gap: 14px;
    column-gap: 14px;
    row-gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__logo img {
    max-height: 28px;
    -o-object-fit: contain;
    object-fit: contain
}

.footer__logo span {
    max-height: 28px;
    -o-object-fit: contain;
    object-fit: contain
}

.footer__logo img:first-child {
    width: 100%;
    max-height: 45px
}

.footer__logo span:first-child {
    width: 70%;
    max-height: 45px
}

.footer__links {
    -ms-grid-column: 2;
    grid-column: 2;
    padding: 10px 50px;
    border-right: 1px solid rgba(124, 192, 235, .3);
    border-left: 1px solid rgba(124, 192, 235, .3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__nav {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px
}

.footer__nav li {
    margin-top: 16px
}

.footer__nav li:first-child {
    margin-top: 0
}

.footer__nav li > a {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.footer__nav li > a:hover {
    color: #018cf7
}

.footer__app {
    -ms-grid-column: 3;
    grid-column: 3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 10px
}

.footer__app-button {
    min-width: 233px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px;
    border-radius: 6px;
    background: #293b55;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.footer__app-button:hover {
    -webkit-box-shadow: 0 0 5px 1px #beade4;
    box-shadow: 0 0 5px 1px #beade4
}

.footer__app-button-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: rgba(255, 255, 255, .8);
    text-align: left;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.footer__app-button-text span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500
}

.footer__app-button svg:first-child {
    width: 36px;
    height: 36px;
    margin-right: 4px
}

.footer__app-button svg:last-child {
    width: 17px;
    height: 20px;
    margin-left: 12px
}

.footer__socials {
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-end
}

.footer__socials li a img {
    width: 30px;
    height: 30px
}

.footer__copywrite {
    grid-column: 1/-1;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(124, 192, 235, .3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: var(--text, #e0e3eb);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
	order: 9;
}

.footer__copywrite > img {
    max-width: 121px;
    -o-object-fit: contain;
    object-fit: contain
}

.text-image {
    margin-top: 24px;
    display: -ms-grid;
    display: grid;
    gap: 15px;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr)
}

.text-image.reversed .text-image__title {
    grid-column: 1/-1;
    -ms-grid-row: 1;
    grid-row: 1
}

.text-image.reversed .text-image__content {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1
}

.text-image.reversed > span {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1
}

.text-image__title {
    grid-column: 1/-1;
    margin: 0
}

.text-image__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.text-image__content > p:first-child {
    margin-top: 0
}

.text-image__content > p a {
    color: #0a63f6;
    text-decoration-line: underline
}

.text-image__content .btn {
    margin-top: 20px;
    padding: 16px
}

.text-image > img {
    max-width: 600px;
    -o-object-fit: contain;
    object-fit: contain
}

.btn {
    position: relative;
    max-width: 200px;
    padding: 14.5px 24px;
    gap: 10px;
    border-radius: 6px;
    margin-top: 10px;
    display: block;
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    text-align: center;
    cursor: pointer
}

.btn svg {
    display: none
}

.btn--blue {
    background: var(--blue, #7cc0eb)
}

.btn--blue:hover {
    -webkit-box-shadow: 0 0 5px 1px #7cc0eb;
    box-shadow: 0 0 5px 1px #7cc0eb
}

.btn--dark-blue {
    text-transform: uppercase;
    color: #fff;
    background: var(--download, linear-gradient(180deg, #1562a4 0, #12243c 100%))
}

.btn--dark-blue:hover {
    -webkit-box-shadow: 0 0 5px 1px #1562a4;
    box-shadow: 0 0 5px 1px #1562a4
}

.btn--black {
    color: #fff;
    background: var(--btn-download, linear-gradient(180deg, #767a81 0, #32383d 34.5%, #0d1526 67.5%, #2b3242 100%))
}

.btn--black:hover {
    -webkit-box-shadow: 0 0 5px 1px #2b3242;
    box-shadow: 0 0 5px 1px #2b3242
}

.btn--full-width {
    width: 100%;
    max-width: 100%
}

.btn--aligh-center {
    margin-left: auto;
    margin-right: auto
}

.btn--with-svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.btn--with-svg svg {
    display: inline-block;
    min-width: 18px;
    max-width: 18px;
    height: 18px
}

.bonus {
    max-width: 530px;
    margin-top: 17px;
    padding: 12px 12px 12px 12px;
    border-radius: 6px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover
}

.bonus__text {
    margin-top: 0;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px
}

.bonus__text span {
    display: block;
    margin-top: 8px;
    font-size: 18px;
    font-weight: 700
}

.bonus > .btn {
    max-width: 236px;
    width: 100%;
    margin-top: 12px
}

.links-list {
    width: 100%;
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.links-list__item {
    width: 100%;
    max-width: 298px;
    border-radius: 6px;
    border: 1px solid var(--blue, #7cc0eb);
    background: var(--header, #0f212e);
    overflow: hidden
}

.links-list__item div {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
    font-family: inherit;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    cursor: pointer
}

.links-list__item div > img, .links-list__item div > svg {
    max-width: 40px;
    max-height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.links-list__item div:hover {
    background: rgba(30, 40, 63, .7)
}

.categories-list {
    width: 100%;
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.categories-list__item {
    width: 100%;
    max-width: 298px;
    border-radius: 6px;
    border: 1px solid var(--blue, #7cc0eb);
    background: var(--header, #0f212e);
    overflow: hidden;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.categories-list__item img, .categories-list__item svg {
    max-width: 40px;
    max-height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.categories-list__item p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    margin-top: 0
}

.categories-list__item p svg {
    width: 22px;
    height: 12px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.categories-list__item:hover {
    background: rgba(30, 40, 63, .7)
}

.categories-list__item:hover > p svg {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.best-list {
    width: 100%;
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.best-list__item {
    width: 100%;
    max-width: 610px;
    border-radius: 8px;
    background: var(--bg-block, rgba(0, 0, 0, .29));
    overflow: hidden
}

.best-list__item > img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.best-list__item-content {
    padding: 16px
}

.best-list__item-content > .btn {
    margin-top: 20px;
    max-width: 100%;
    width: 100%
}

.bonuses-list {
    width: 100%;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bonuses-list__item {
    position: relative;
    min-width: 298px;
    max-width: 298px;
    border-radius: 8px;
    overflow: hidden
}

.bonuses-list__item img {
    width: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto
}

.bonuses-list__item-tag {
    position: absolute;
    top: 10px;
    left: 0;
    padding: 4px 10px;
    border-radius: 0 10px 10px 0;
    background: var(--header, #0f212e);
    color: var(--text, #e0e3eb);
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px
}

.bonuses-list__item-tag--green {
    background: var(--sport, #00b15c)
}

.bonuses-list__item-tag--red {
    background: var(--casino, #ff5959)
}

.bonuses-list__item-content {
    width: 100%;
    padding: 12px;
    background: var(--header, #0f212e)
}

.bonuses-list__item-content > .btn {
    margin-top: 40px
}

.bonuses-list__item-text {
    margin-top: 0;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.bonuses-list__item-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--text, #e0e3eb);
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.bonuses-list__item-time > img, .bonuses-list__item-time > svg {
    min-width: 12px;
    max-width: 12px;
    height: 13px;
    -o-object-fit: contain;
    object-fit: contain
}

.wp-block-table {
    margin-top: 20px;
    overflow-x: auto;
    scrollbar-width: thin
}

.wp-block-table.table table {
    width: 100%;
    border-spacing: 0;
    height: auto;
    overflow: auto
}

.wp-block-table.table thead tr:first-child {
    background: 0 0
}

.wp-block-table.table thead tr:first-child td, .wp-block-table.table thead tr:first-child th {
    color: #fff;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    background-color: transparent;
    border: none
}

.wp-block-table.table td, .wp-block-table.table th {
    padding: 12px;
    text-align: left;
    color: var(--text, #e0e3eb);
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border: none
}

.wp-block-table.table tbody tr td:first-child {
    color: var(--blue, #7cc0eb);
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.wp-block-table.table tbody tr:nth-child(odd) {
    background: var(--bg-block, rgba(0, 0, 0, .29))
}

.wp-block-table.table tbody tr:nth-child(even) {
    background: var(--bg, #071824)
}

.wp-block-table {
    margin-top: 20px;
    overflow-x: auto;
    scrollbar-width: thin
}

.wp-block-table.table-transparent table {
    width: 100%;
    border-spacing: 16px 24px;
    height: auto;
    border-radius: 10px;
    overflow: auto
}

.wp-block-table.table-transparent td, .wp-block-table.table-transparent th {
    width: 25%;
    text-align: left;
    border: none
}

@media (max-width: 760px) {
    .about-table__table tr td:first-child, .wp-block-table table tr td:first-child {
        width: 131px
    }
}

.wp-block-table.table-transparent td strong, .wp-block-table.table-transparent th strong {
    margin-top: 0;
    position: relative;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
}

.wp-block-table.table-transparent td strong > img, .wp-block-table.table-transparent td strong > svg, .wp-block-table.table-transparent th strong > img, .wp-block-table.table-transparent th strong > svg {
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    margin-right: 5px
}

.wp-block-table.table-transparent td strong em, .wp-block-table.table-transparent th strong em {
    margin-top: 5px;
    display: block;
    color: var(--text, #e0e3eb);
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.games-list {
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin
}

.games-list__item {
    display: inline-block;
    min-width: 182px;
    max-width: 182px;
    border-radius: 8px;
    overflow: hidden
}

.games-list__item-img {
    text-align: center;
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.games-list__item-img:hover .games-list__item-img-buttons {
    left: 0
}

.games-list__item-img-buttons {
    position: relative;
    padding: 5px;
    top: 0;
    left: 0;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 35px 20px;
    color: #fff;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 109, 185, .8)), to(rgba(24, 109, 185, .8)));
    background: linear-gradient(0deg, rgba(24, 109, 185, .8) 0, rgba(24, 109, 185, .8) 100%);
    left: -100%;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 2
}

.games-list__item-img-buttons .btn--black {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: 5px;
    text-wrap: balance;
    text-transform: none
}

.games-list__item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.games-list__item-play-btn {
    margin-top: 10px;
    cursor: pointer
}

.breadcrumbs {
    margin-top: 20px
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbs__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 4px;
    gap: 8px
}

.breadcrumbs__list li::after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4L10 8L6 12' stroke='white' stroke-opacity='0.1'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.breadcrumbs__list li:last-child::after {
    display: none
}

.breadcrumbs__list li a {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%
}

.breadcrumbs__list li a:hover {
    color: var(--Secondary, #45abf4)
}

.breadcrumbs__list li span {
    color: var(--accent, #0386ff);
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    cursor: default
}

.info-list {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr;
    gap: 16px;
    margin-top: 20px
}

.info-list__item {
    padding: 16px;
    border-radius: 6px;
    border-top: 1px solid var(--blue, #7cc0eb);
    background: var(--bg-block, rgba(0, 0, 0, .29))
}

.info-list__item-title {
    margin-top: 0;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.info-list__item-text {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.info-list__item-text span {
    color: rgba(255, 255, 255, .6);
    font-weight: 400
}

.info-list__item-list {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.info-list__item-list li {
    margin-right: 6px;
    padding: 4px 12px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .6);
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.info-list__item-list li svg {
    max-width: 36px;
    max-height: 36px
}

.info-list__item-list--app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.info-list__item-list--app li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    background: 0 0;
    padding: 0
}

.info-list__item-payments {
    margin-top: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr
}

.info-list__item-payments-list {
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.info-list__item-payments-list li {
    padding: 3.6px;
    border-radius: 3.6px;
    border: .9px solid rgba(255, 255, 255, .05)
}

.info-list__item-payments-list li > img {
    max-width: 36px;
    max-height: 21px;
    -o-object-fit: contain;
    object-fit: contain
}

.info-list__item-payments-item {
    color: rgba(255, 255, 255, .6);
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center
}

.info-list__item-payments-item:first-of-type {
    border-right: 1px solid rgba(255, 255, 255, .2)
}

.info-list__item-payments-item span {
    display: block;
    margin-top: 10px;
    color: #fff;
    font-weight: 700
}

.galery {
    position: relative;
    max-width: 100%;
    margin-top: 16px
}

.galery__list {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin
}

.galery__list-item {
    min-width: 185px;
    max-width: 185px
}

.galery__list-item img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.steps-list {
    margin-top: 24px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    list-style: none
}

.steps-list .step {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.steps-list .step__line {
    min-width: 47px;
    max-width: 47px;
    background: #7cc0eb;
    -webkit-clip-path: polygon(50% 15px, 100% 0, 100% 100%, 0 100%, 0 50%, 0 0);
    clip-path: polygon(50% 15px, 100% 0, 100% 100%, 0 100%, 0 50%, 0 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.steps-list .step__triangle {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    bottom: -14px;
    left: -1px;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 15px solid #7cc0eb
}

.steps-list .step::after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='27' viewBox='0 0 48 27' fill='none'%3E%3Cpath d='M0 0.210205L24 16.2102L48 0.210205V10.2102L24 26.2102L0 10.2102V0.210205Z' fill='%237CC0EB'/%3E%3C/svg%3E");
    bottom: -45px;
    left: -1px
}

.steps-list .step__content {
    width: 100%;
    padding: 16px;
    border-radius: 0 12px 12px 0;
    border-top: 1px solid var(--blue, #7cc0eb);
    border-right: 1px solid var(--blue, #7cc0eb);
    border-bottom: 1px solid var(--blue, #7cc0eb);
    background: var(--bg-block, rgba(0, 0, 0, .29));
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px
}

.steps-list .step__content img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 560px;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.steps-list .step-text {
    max-width: 570px
}

.steps-list .step-text p:first-child {
    margin-top: 0
}

.steps-list .step-text .btn {
    max-width: 250px;
    width: 100%
}

.steps-list .step:first-of-type .step__line {
    border-radius: 8px 0 0 0;
    -webkit-clip-path: none;
    clip-path: none
}

.steps-list .step:last-of-type .step__line {
    border-radius: 0 0 0 8px
}

.steps-list .step:last-of-type .step__triangle, .steps-list .step:last-of-type::after {
    display: none
}

.app-specs {
    width: 100%;
    margin-top: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 16px
}

.app-specs .btn {
    max-width: unset;
    padding: 10px
}

.app-specs .btn svg {
    min-width: 36px;
    height: 36px
}

.app-specs__info {
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px
}

.app-specs__downloads, .app-specs__rating, .app-specs__update {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px
}

.app-specs__downloads span, .app-specs__rating span, .app-specs__update span {
    text-align: center;
    width: 100%;
    display: block;
    color: rgba(255, 255, 255, .6);
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.app-specs__downloads svg, .app-specs__rating svg, .app-specs__update svg {
    max-width: 20px;
    max-height: 18px
}

.app-specs__description {
    display: none;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase
}

.app-specs__description > span > img {
    max-width: 64px;
    max-height: 68px;
    min-width: 64px;
    min-height: 68px;
    -o-object-fit: contain;
    object-fit: contain
}

.scroll-top {
    position: fixed;
    right: 20px;
    bottom: 80px;
    width: 50px;
    height: 50px;
    background: #018cf7;
    border-radius: 8px;
    padding: 5px
}

@media (min-width: 768px) {
    .toc-section__toc-list {
    }

    .toc-section__toc-list::-webkit-scrollbar {
        display: none
    }

    .tabs__header {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .tabs__header::-webkit-scrollbar {
        display: none
    }

    .games-list {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .games-list::-webkit-scrollbar {
        display: none
    }

    .galery__list {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .galery__list::-webkit-scrollbar {
        display: none
    }
}

@media (min-width: 1300px) {
    .header__nav li.menu-item-has-children:hover svg {
        -webkit-transform: rotate(180deg) translateY(6px);
        -ms-transform: rotate(180deg) translateY(6px);
        transform: rotate(180deg) translateY(6px)
    }

    .header__nav li.menu-item-has-children:hover .submenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 1671px) {
    .header__buttons {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

@media (max-width: 1300px) {
    .background-block {
        max-width: 100%;
        margin: 0 var(--offsets)
    }

    .header__content {
        position: relative;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header__nav > ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .header__nav li.menu-item-has-children svg {
        top: 14px
    }

    .header__nav li.menu-item-has-children .submenu {
        width: 100%;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .header__nav li.menu-item-has-children .submenu::after, .header__nav li.menu-item-has-children .submenu::before {
        display: none
    }

    .header__nav li.menu-item-has-children .submenu li {
        border: none;
        padding-bottom: 10px
    }

    .header__nav li.menu-item-has-children.active {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        border-radius: 12px;
        padding-left: 10px;
        padding-top: 10px;
        padding-right: 0
    }

    .header__nav li.menu-item-has-children.active a {
        -ms-flex-item-align: start;
        align-self: flex-start;
        padding-left: 0
    }

    .header__nav li.menu-item-has-children.active svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header__nav li.menu-item-has-children.active .submenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header__nav li {
        position: relative;
        width: 90%;
        margin-left: 10px;
        margin-right: 10px;
        padding-bottom: 17px;
        cursor: pointer
    }

    .header__nav li a, .header__nav li span {
        padding-left: 10px;
        display: block
    }

    .header__nav {
        background: var(--BG-color, #090f1e);
        position: absolute;
        bottom: 0;
        right: 50%;
        -webkit-transform: translate(50%, calc(100% + 10px));
        -ms-transform: translate(50%, calc(100% + 10px));
        transform: translate(50%, calc(100% + 10px));
        height: calc(100vh - var(--height));
        height: calc(100svh - var(--height));
        max-width: 100vw;
        width: 100vw;
        display: none;
        z-index: 5;
        padding-top: 20px;
        padding-bottom: 20px;
        overflow-y: auto
    }

    .header__nav ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }

    .header__buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 60px;
        margin-left: 20px;
        gap: 8px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .header__lang {
        margin-left: 0;
        margin-top: 0;
        border-left: none
    }

    .header__burger {
        display: block
    }

    .header.burger-active .header__nav {
        display: block
    }

    .toc__nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .games-section__title {
        grid-column: 1/-1;
        width: 100%
    }

    .games-section > button {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 10px;
        grid-column: 1/-1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .bonuses-section > a {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 10px;
        grid-column: 1/-1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .faq-section__item {
        max-width: unset
    }

    .footer {
        row-gap: 30px
    }

    .footer__logo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .footer__links {
        grid-column: 1/-1;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding: 0;
        border-right: none;
        border-left: none
    }

    .footer__app {
        grid-column: 1/-1;
        padding: 20px 0%;
        border-top: 1px solid rgba(124, 192, 235, .3);
        border-bottom: 1px solid rgba(124, 192, 235, .3);
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .footer__app-button {
        grid-column: 1/-1
    }

    .footer__copywrite {
        margin-top: 0;
        padding-top: 20px;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .text-image {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .text-image.reversed .text-image__content {
        grid-column: 1/-1;
        -ms-grid-row: 3;
        grid-row: 3
    }

    .text-image.reversed > span {
        grid-column: 1/-1;
        -ms-grid-row: 2;
        grid-row: 2
    }

    .text-image__title {
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2
    }

    .text-image__content {
        display: contents
    }

    .text-image__content > p {
        margin-top: 0
    }

    .text-image__content > ol:not([class]), .text-image__content > ul:not([class]) {
        margin-top: 0
    }

    .text-image__content .btn {
        margin-top: 0
    }

    .text-image > img {
        max-width: 100%;
        width: 100%;
        max-height: 600px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        grid-column: auto;
        grid-row: auto
    }

    .links-list__item {
        max-width: 100%
    }

    .categories-list__item {
        max-width: 100%
    }

    .best-list__item {
        max-width: 100%
    }

    .bonuses-list__item {
        min-width: unset;
        max-width: 100%;
        width: 100%
    }

    .wp-block-table.table-transparent tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        margin-top: 16px
    }

    .wp-block-table.table-transparent tr:first-child {
        margin-top: 0
    }

    .wp-block-table.table-transparent td, .wp-block-table.table-transparent th {
        width: 100%;
        margin-top: 16px;
        padding: 0 0 16px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .info-list__item {
        grid-column: 1/-1
    }

    .steps-list .step__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .steps-list .step-text {
        max-width: 100%
    }

    .footer__socials {
        gap: 23.4px;
        justify-content: center;
        margin-top: 20px
    }
}

@media (max-width: 1200px) {
    .app-specs .btn {
        grid-column: 1/-1
    }
}

@media (max-width: 1000px) {
    .header__lang {
        width: 68px;
        -ms-grid-column-align: end;
        justify-self: end
    }
}

@media (max-width: 768px) {
    .background-block {
        padding: 16px !important
    }

    .header__content {
        gap: 15px
    }

    .header__logo {
        margin-right: 0
    }

    .header__buttons {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        width: 100%;
        max-width: unset
    }

    .header__buttons .btn {
        max-width: unset;
        width: 48%;
        font-size: 16px
    }

    .header__active-lang {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .footer__links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__nav {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .footer__app-button {
        width: 100%;
        min-width: unset
    }

    .ad-section-v2 {
        display: block
    }

    .btn--aligh-center {
        max-width: 100%;
        width: 100%
    }

    .wp-block-table {
        margin-top: 10px
    }

    .wp-block-table.table thead tr:first-child td:first-child, .wp-block-table.table thead tr:first-child th:first-child {
        min-width: 77px;
        max-width: 77px
    }

    .wp-block-table {
        margin-top: 10px
    }

    .wp-block-table.table-transparent table {
        border-spacing: 0
    }

    .wp-block-table.table-transparent td, .wp-block-table.table-transparent th {
        margin-top: 16px;
        width: 100% !important
    }

    .games-list {
        gap: 12px
    }

    .games-list__item {
        min-width: 132px;
        max-width: 132px
    }

    .games-list__item-img-buttons {
        padding: 14px 10px
    }

    .games-list__item-img-buttons .btn--black {
        padding: 12px
    }

    .steps-list .step__content img {
        max-width: 100%
    }
}

@media (max-width: 576px) {
    .wrapper {
        margin-top: 30px
    }

    .container {
        padding: 0 16px
    }

    .background-block {
        margin: 0 16px
    }

    h1 {
        font-size: 28px;
        line-height: 38px
    }

    h2 {
        font-size: 20px;
        line-height: 24px
    }

    h3 {
        font-size: 22px
    }

    h4 {
        font-size: 20px;
        line-height: 26px
    }

    ol:not([class]) {
        font-size: 16px;
        line-height: 24px
    }

    ul:not([class]) {
        font-size: 16px;
        line-height: 24px
    }

    .header__content {
        padding-left: 16px;
        padding-right: 16px
    }

    .header__logo {
        max-width: 70px
    }

    .hero-section .text-image .bonus {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 0
    }

    .hero-section .text-image .text-image__content > p {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .hero-section .text-image > span.get-image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .games-section__title {
        font-size: 22px;
        line-height: 30px
    }

    .faq-section__item::after {
        scale: .7
    }

    .faq-section summary {
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
        padding: 12px
    }

    .faq-section summary h3 {
        font-size: 16px;
        line-height: 22px;
        font-weight: 600
    }

    .btn {
        padding: 12px 23px;
        width: 100%;
        max-width: 100%
    }

    .bonus {
        min-height: 210px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background-position-x: 100%
    }

    .bonus__text {
        text-align: center
    }

    .bonus > .btn {
        max-width: 100%
    }

    .info-list__item-payments-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .steps-list .step__line {
        min-width: 40px;
        max-width: 40px;
        font-size: 20px
    }

    .steps-list .step__triangle {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        left: 0;
        bottom: -15px
    }

    .steps-list .step::after {
        scale: .835;
        left: -4px
    }

    .steps-list .step-text .btn {
        max-width: unset
    }

    .app-specs {
        margin-top: 16px;
        gap: 16px;
        padding: 16px 0;
        border-top: 1px solid rgba(255, 255, 255, .2);
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .app-specs__info {
        display: contents
    }

    .app-specs__downloads, .app-specs__rating, .app-specs__update {
        max-width: 88px
    }

    .app-specs__description {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -ms-grid-column: 1;
        grid-column: 1
    }

    .app-specs__downloads {
        -ms-grid-column-align: start;
        justify-self: start
    }

    .app-specs__rating {
        -ms-grid-column-align: end;
        justify-self: end
    }

    .app-specs__update {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -ms-grid-column: 2;
        grid-column: 2
    }

    .app-specs__update svg {
        display: none
    }

    .scroll-top {
        width: 40px;
        height: 40px
    }
}

.middle {
    justify-content: center
}

.bottom {
    justify-content: flex-end
}

.top {
    justify-content: flex-start
}

.attachment-full.size-full {
    width: 100%;
    height: auto
}

.align-left, .left {
    text-align: left;
    justify-content: flex-start;
    display: flex
}

.align-center, .center {
    text-align: center;
    justify-content: center;
    display: flex
}

.align-right, .right {
    text-align: right;
    justify-content: flex-end;
    display: flex
}

.promotion__item {
    display: flex;
    gap: 5px;
    flex-direction: column;
    background: var(--download, linear-gradient(180deg, #1562a4 0, #12243c 100%));
    border-radius: 8px
}

.promotion {
    margin-top: 16px;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 45px 15px
}

.promotion__item-content {
    padding: 0 10px 10px 10px
}

.promotion__item img {
    border-radius: 8px
}

.promotion-button {
    width: 100%;
    max-width: 100%
}

@media (max-width: 576px) {
    .promotion {
        margin-top: 16px;
        display: grid;
        grid-template-columns:repeat(1, 1fr);
        gap: 30px 10px
    }
}

.page-404__title {
    font-size: 100px;
    font-style: normal;
    font-weight: 700;
    line-height: 84px;
    text-align: center
}

.page-404__subtitle {
    text-align: center;
    margin: 20px 0 10px;
    font-weight: 500
}

.page-404__link {
    margin: 30px auto
}

.container-page-404 {
    margin: 150px auto
}

.slider {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.slider__wrapper {
    display: flex;
    flex-wrap: nowrap
}

.slider__slide {
    flex: 0 0 auto;
    width: 100%
}

.running-line__inner {
    display: flex;
    color: #fff;
    font-size: 35px
}

.khelrajaonline-container {
    width: 100%;
    overflow: hidden;
    padding: 10px 0
}

.running-line {
    display: flex;
    align-items: center
}

.running-line svg {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    margin: 0 20px 0 0
}

.running-line__inner {
    display: flex;
    white-space: nowrap;
    animation: marquee 35s linear infinite
}

.running-line__item {
    padding: 0 10px
}

@keyframes marquee {
    from {
        transform: translateX(100%)
    }
    to {
        transform: translateX(-100%)
    }
}

.games-list__item-img img {
    height: 100% !important
}

.menu-item.current-menu-item {
    color: #018cf7
}

.scroll-top__button {
    background: transparent;
    width: 100%;
    height: 100%
}

a {
    color: #018cf7
}

.footer p {
    margin: 0
}

.footer-link-icon {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.footer-link-icon-item img {
    width: 100% !important;
    max-height: 28px !important
}

.ad-section-v1 {
    width: 100%;
    margin: 20px auto 0 auto;
    position: sticky;
    bottom: 0;
    z-index: 98
}

.ad-section-v1 .mobile_button_wrap {
    width: 100%;
    height: 100%;
    padding: 8px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 97px minmax(156px, auto);
    grid-template-columns:50px 97px minmax(156px, auto);
    -ms-grid-rows: 1fr;
    grid-template-rows:1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px 8px 0 0;
    background: #293b55
}

.ad-section-v1 img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
}

.ad-section-v1 img:first-child {
    max-width: 45px;
    max-height: 45px
}

.ad-section-v1__brand-name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px
}

.ad-section-v1__brand-name-rating {
    --percent: calc(var(--rating) / 5 * 100%);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.ad-section-v1__brand-name-rating::before {
    margin-right: 5px;
    font-size: 17px;
    content: "★★★★★ ";
    letter-spacing: 1px;
    background: -webkit-gradient(linear, left top, right top, from(var(--star-background-review)), to(var(--star-background-review)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.ad-section-v1 .btn {
    -ms-grid-column-align: end;
    justify-self: end;
    max-width: 156px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.ad-section-v1 .btn svg {
    min-width: 38px;
    max-width: 38px
}

.ad-section-v2 {
    width: 100%;
    margin: 20px auto 0 auto;
    position: sticky;
    bottom: 0;
    z-index: 98
}

.ad-section-v2 a {
    width: 100%;
    height: 100%;
    padding: 8px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px minmax(158px, auto) 111px;
    grid-template-columns:50px minmax(158px, auto) 111px;
    -ms-grid-rows: 1fr;
    grid-template-rows:1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px 8px 0 0;
    background: #293b55
}

.ad-section-v2 img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
}

.ad-section-v2 img:first-child {
    max-width: 45px;
    max-height: 45px
}

.ad-section-v2__brand-description {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    margin-top: 0;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.ad-section-v2__brand-description span {
    display: block;
    font-weight: 700
}

.ad-section-v2 .btn {
    -ms-grid-column-align: end;
    justify-self: end;
    max-width: 111px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 10px
}

.menu-item svg {
    width: 12px;
    height: 8px
}

.hero-section.container {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.game-providers__list {
    margin-top: 1rem
}

.align-left {
    display: flex;
    justify-content: flex-start
}

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

.align-right {
    display: flex;
    justify-content: flex-end
}

.pros-and-cons-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    color: #fff
}

.pros-and-cons__body.site-section__body {
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-top: 1rem
}

.pros-and-cons-block__title {
    margin-bottom: 1rem
}

.pros-and-cons-list__item {
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.pros-and-cons-list__item svg {
    min-width: 35px;
    min-height: 35px
}

@media (max-width: 768px) {
    .pros-and-cons__body.site-section__body {
        display: flex;
        justify-content: center;
        gap: 25px;
        margin-top: 1rem;
        flex-direction: column
    }

    .pros-and-cons-list__item svg {
        min-width: 30px;
        min-height: 30px;
        max-width: 30px;
        max-height: 30px
    }

    .steps-list .step__content {
        align-items: flex-start;
        max-width: 100%;
        width: 100%
    }

    .steps-list .step-text {
        max-width: 100%;
        width: 100%
    }

    .step-text button {
        width: 100%
    }

    .content-btn-container {
        order: 5
    }
}

.pros-and-cons-list {
    list-style: none
}

.has-text-align-center {
    text-align: center
}

.has-text-align-right {
    text-align: right
}

.has-text-align-left {
    text-align: left
}

.tabs__header-button {
    color: #e0e3eb
}

.middle {
    align-items: center
}

.bottom {
    align-items: end
}

.top {
    align-items: start
}

.wp-admin .wp-block {
    max-width: 100%
}

.wp-admin .wp-block-columns {
    display: flex;
    align-items: stretch;
    padding: 0 !important
}

.wp-admin h1, .wp-admin h2, .wp-admin h3, .wp-admin h4, .wp-admin h5, .wp-admin h6, .wp-admin p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: unset
}

.wp-admin .text-image.reversed > p {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2
}

.pros-and-cons-list__item {
    list-style: none
}

.wp-admin .components-panel__body > .wp-admin .components-panel__body-title {
    display: flex;
    font-size: inherit;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    transition: background .1s ease-in-out
}

.wp-admin .wrapper {
    font-family: Poppins, sans-serif;
    color: #000
}

.wp-admin .wrapper h1, .wp-admin .wrapper h2, .wp-admin .wrapper h3, .wp-admin .wrapper h4, .wp-admin .wrapper h5, .wp-admin .wrapper h6 {
    color: #fff !important
}

.wp-admin {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important
}

.wp-admin .wrapper p {
    color: #fff !important;
    font-family: Poppins, sans-serif
}

.wp-admin .wrapper ul, .wp-admin .wrapper ol {
    color: #fff !important
}

.wp-admin .wrapper ul li {
    color: #fff !important;
    list-style: unset
}

.wp-admin .links-list__item div {
    color: #fff !important
}

.wp-admin .wrapper ol li {
    color: #fff !important
}

.wp-admin info-list__item-title, .bonuses-list__item-text {
    color: #fff !important
}

.wp-admin .advantages-list {
    list-style: none !important
}

.wp-admin .toc-section__toc-list {
    list-style: none
}

.wp-admin .wp-block-table td, .wp-block-table th {
    border: 1px solid #fff;
    padding: .5em;
    color: #fff !important
}

.wp-admin .info-list {
    list-style: none
}

.wp-admin .running-line__item {
    color: #fff
}

.wp-admin .galery__list {
    list-style: none
}

.wp-admin .info-list__item-list, .wp-admin .info-list__item-payments-list {
    list-style: none
}

.wp-admin .wrapper ul, .wp-admin .wrapper ol {
    color: #fff !important;
    list-style: none
}

.block-editor-block-list__block.wp-block.wp-block-list.block-editor-block-list__layout {
    list-style: disc
}

.block-editor-block-list__block.wp-block.wp-block-list.block-editor-block-list__layout {
    list-style: auto
}

.pros-and-cons-list {
    list-style: none
}

.wp-block-list {
    padding-left: var(--offsets);
    display: grid;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    list-style: auto !important
}

* + .wp-block-list {
    margin-top: 1rem
}

ul.wp-block-list li {
    list-style: disc
}

ol.wp-block-list li {
    list-style: auto
}

.categories-list__item img {
    max-width: 56px;
    max-height: 56px
}

.text-image-flex {
    display: flex;
    flex-direction: column
}

.gallery {
    width: 100%
}

.links-list__item img {
    max-width: 56px;
    max-height: 56px
}

.bonuses > button {
    -ms-grid-column-align: end;
    justify-self: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: var(--blue, #7cc0eb);
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    background: transparent
}

.bonuses > button svg {
    width: 22px;
    height: 12px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.bonuses {
    display: -ms-grid;
    display: grid;
    grid-template-columns:1fr 1fr
}

.bonuses-list {
    grid-column: 1 / -1;
    width: 100%
}

.bonuses > button:hover svg {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.toc__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer
}

.toc-section__toc-list {
    display: none
}

.toc__header-svg {
    transition: transform 0.3s ease
}

.toc__header-svg.rotated {
    transform: rotate(180deg)
}

@media (min-width: 768px) {
    .toc-section__toc-list {
        display: flex
    }
}

.toc-section__toc-list.collapsed {
    display: none
}

.toc-section__toc-list.expanded {
    display: flex
}

.bonuses-list__item {
    display: flex;
    flex-direction: column
}

.bonuses-list__item-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.toc__nav {
    padding: 24px;
    border-radius: 8px;
    border-top: 1px solid var(--blue, #7cc0eb);
    background: var(--bg-block, rgba(0, 0, 0, .29))
}

.background-block .background-block {
    margin: 0
}

@media (max-width: 576px) {
    .toc__nav {
        padding: 16px
    }
}

a {
    color: #d590a4
}

.text-image__content > p a {
    color: #d590a4
}

* + .reviews {
    margin-top: 1rem
}

.reviews {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 16px
}

.reviews__item {
    padding: 1rem;
    border-radius: 6px;
    border: 1px solid var(--blue, #7cc0eb);
    background: var(--header, #0f212e);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px 24px
}

.reviews__item .get-image {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.reviews__item .get-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.reviews__item-name {
    margin: 0;
    font-size: 18px;
    font-weight: 700
}

.reviews__item-text {
    margin: 0;
    flex-basis: 100%;
    height: 100%
}

@media (max-width: 1023px) {
    .reviews {
        grid-template-columns:1fr
    }
}

.comments-container {
    margin-top: 2rem
}

.comment-form__title {
    text-align: center
}

.comment-form__form {
    margin-top: 1rem;
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 16px
}

.comment-form__field {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid var(--blue, #7cc0eb);
    background: var(--bg-block, rgba(0, 0, 0, .29));
    color: #fff
}

.comment-form__field.error {
    border-color: red
}

.comment-form__field:placeholder-shown {
    color: #ccc
}

.comment-form__textarea {
    grid-column: 1 / -1;
    height: 100px;
    resize: none
}

.comment-form__button {
    grid-column: 1 / -1;
    width: fit-content;
    margin: 0 auto
}

.comment-form__alert {
    grid-column: 1 / -1;
    text-align: center;
    font-size: 14px;
    line-height: 16px
}

.comment-form__alert.error {
    color: red
}

.comment-form__alert.success {
    color: green
}

.comments {
    margin-top: 2rem;
    display: grid;
    gap: 16px
}

.comment {
    padding: 12px;
    border-radius: 8px;
    border-top: 1px solid var(--blue, #7cc0eb);
    background: var(--bg-block, rgba(0, 0, 0, .29));
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 12px
}

.comment__content {
    margin-top: 0;
    flex-basis: 100%
}

@media (max-width: 767px) {
    .comment-form__form {
        grid-template-columns:1fr
    }
}

.has-white-color {
    color: #fff
}

.has-text-align-center {
    text-align: center
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%
}

.wp-block-table td, .wp-block-table th {
    border: 1px solid;
    padding: .5em
}

.wp-block-table .has-fixed-layout {
    table-layout: fixed;
    width: 100%
}

@media (max-width: 767px) {
    .wp-block-table .has-fixed-layout {
        table-layout: auto
    }
}

/*.wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th {*/
/*    word-break: break-word*/
/*}*/

.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {
    display: table;
    width: auto
}

.wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.alignright td, .wp-block-table.alignright th {
    word-break: break-word
}

.wp-block-table .has-subtle-light-gray-background-color {
    background-color: #f3f4f5
}

.wp-block-table .has-subtle-pale-green-background-color {
    background-color: #e9fbe5
}

.wp-block-table .has-subtle-pale-blue-background-color {
    background-color: #e7f5fe
}

.wp-block-table .has-subtle-pale-pink-background-color {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes {
    background-color: transparent;
    border-bottom: 1px solid #f0f0f0;
    border-collapse: inherit;
    border-spacing: 0
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f0f0f0
}

.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
    background-color: #f3f4f5
}

.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
    background-color: #e9fbe5
}

.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
    background-color: #e7f5fe
}

.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
    border-color: transparent
}

.wp-block-table .has-border-color td, .wp-block-table .has-border-color th, .wp-block-table .has-border-color tr, .wp-block-table .has-border-color > * {
    border-color: inherit
}

.wp-block-table table[style*=border-top-color] tr:first-child, .wp-block-table table[style*=border-top-color] tr:first-child td, .wp-block-table table[style*=border-top-color] tr:first-child th, .wp-block-table table[style*=border-top-color] > *, .wp-block-table table[style*=border-top-color] > * td, .wp-block-table table[style*=border-top-color] > * th {
    border-top-color: inherit
}

.wp-block-table table[style*=border-top-color] tr:not(:first-child) {
    border-top-color: currentColor
}

.wp-block-table table[style*=border-right-color] td:last-child, .wp-block-table table[style*=border-right-color] th, .wp-block-table table[style*=border-right-color] tr, .wp-block-table table[style*=border-right-color] > * {
    border-right-color: inherit
}

.wp-block-table table[style*=border-bottom-color] tr:last-child, .wp-block-table table[style*=border-bottom-color] tr:last-child td, .wp-block-table table[style*=border-bottom-color] tr:last-child th, .wp-block-table table[style*=border-bottom-color] > *, .wp-block-table table[style*=border-bottom-color] > * td, .wp-block-table table[style*=border-bottom-color] > * th {
    border-bottom-color: inherit
}

.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
    border-bottom-color: currentColor
}

.wp-block-table table[style*=border-left-color] td:first-child, .wp-block-table table[style*=border-left-color] th, .wp-block-table table[style*=border-left-color] tr, .wp-block-table table[style*=border-left-color] > * {
    border-left-color: inherit
}

.wp-block-table table[style*=border-style] td, .wp-block-table table[style*=border-style] th, .wp-block-table table[style*=border-style] tr, .wp-block-table table[style*=border-style] > * {
    border-style: inherit
}

.wp-block-table table[style*=border-width] td, .wp-block-table table[style*=border-width] th, .wp-block-table table[style*=border-width] tr, .wp-block-table table[style*=border-width] > * {
    border-style: inherit;
    border-width: inherit
}

.wp-block-video video {
    max-width: 100%
}

.other-links {
	grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
	margin-top: 24px;
	order: 4;
	
}

.footer__links + .other-links {
	border-top: 1px solid rgba(124, 192, 235, .3);
	padding-top: 30px;
}

.wp-block-columns.col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.sports-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    border-radius: 24px;
	background: linear-gradient(92deg,#1e283f,#101628);
	padding: 16px;
}

.sports-block_wrapper {
	display: flex
}

.sports-block > :nth-of-type(n) {
    margin-top: 0
}

.sports-block .sports-block__banner {
    max-width: 40%
}

.sports-block__list {
    gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}


.sports-block li > a.sports-block__item {
    height: 100%
}

.sports-block__item {
    width: 100%;
    max-width: calc((100% - 60px) / 3);
    border: 1px solid var(--outline);
    background: var(--surf-cont-h);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: border-color
}

.sports-block__item img {
    max-width: 60px;
    -o-object-fit: contain;
    object-fit: contain
}

.sports-block__item-title {
    margin-top: 16px;
    text-align: center;
    font-size: 20px;
    line-height: 136%;
    font-weight: 500;
    color: #fff
}

.sports-block a.sports-block__item:active {
    border-color: var(--primary-simple)
}

.sports-block__item {
    display: block
}

.sports-block li.sports-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

.sports-block__banner {
    position: relative;
    padding: 24px;
    border-radius: 8px;
    width: 100%;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.sports-block__banner > * {
    position: relative
}

.sports-block__banner-info {
    font-size: 22px;
	line-height: 40px;
    font-weight: 600;
    color: #fff;
	text-transform: uppercase;
}

.sports-block__banner-title {
    text-transform: uppercase;
    color: #fff
}

.sports-block__banner-title b, .sports-block__banner-title span, .sports-block__banner-title strong {
    color: var(--primary-simple)
}

.sports-block__banner-btn {
    margin-top: 16px;
	background: var(--blue, #7cc0eb)
}

.sports-block__banner > img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 200px;
    max-height: 278px
}

.sports-block__banner.sports-block__banner--no-descr > img {
    max-width: 100%;
    max-height: 100%;
    z-index: 0;
    height: 100%;
    border-radius: 8px;
}

.sports-block__banner.sports-block__banner--no-descr .sports-block__banner-title {
    z-index: 1;
}

.sports-block__banner.sports-block__banner--no-descr .sports-block__banner-btn {
    z-index: 1;
}

.title_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sports-block__banner-button {
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
	color: #108de7;
}

.six6s-banner {
    position: relative;
    margin-top: 80px !important;
    width: 100%;
    min-height: 260px;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    padding: 20px 50% 20px 20px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/banner-bg.png);
}

.six6s-banner__title {
    position: relative;
    z-index: 2;
    margin-top: 0;
    color: #1b241c;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.six6s-banner__description {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #1b241c;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.six6s-banner__buttons {
    position: relative;
    z-index: 2;
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 10px
}

.six6s-banner__button {
    display: grid;
    grid-template-columns: min-content 1fr;
    align-items: start;
    column-gap: 10px;
    padding: 7px 58px 7px 18px;
    border-radius: 10px;
    border: 1px solid var(--title, #fff);
    background: #000;
    color: var(--title, #fff);
    text-align: left;

    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 136%;
    transition: all .2s ease 0s
}

.six6s-banner__button:hover {
    background: rgba(0, 0, 0, .7)
}

.six6s-banner__button span {
    grid-column: 2;
    display: block;
    font-size: 20px;
    font-weight: 500;
    text-align: left
}

.six6s-banner__button svg {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    align-self: center;
    width: 30px;
    height: 30px
}

.six6s-banner .get-image {
    position: absolute;
    bottom: 0;
    right: 10px
}

.six6s-banner img {
	max-height: 260px;
}

.game-providers__item img {
	max-width: 75px;
}

@media (max-width: 1079px) {
    .six6s-banner {
        margin-top: 0 !important;
        padding: 20px 20px 0 20px;
        gap: 10px;
        overflow-x: hidden;
    }

    .six6s-banner .get-image {
        position: static;
    }
}

@media (max-width: 575px) {
    .six6s-banner__title {
        font-size: 26px;
        line-height: 24px

    }

    .six6s-banner__description {
        font-size: 16px;
    }

    .six6s-banner__buttons {
        flex-direction: column;
    }

    .six6s-banner__button {
        width: 100%;
    }

    .six6s-banner__button span {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
	.sports-block_wrapper {
		flex-direction: column;
		align-items: center;
		gap: 16px;
	}
}