@charset "UTF-8";
.onewinbetng-container.has-title-link, body {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}

.wp-block-list, body {
    -webkit-box-orient: vertical
}

.header .header-menu .header__nav-item.parent > svg, aside, footer, header, nav {
    display: block
}

.footer a.footer__dmca:active, .footer a.footer__dmca:focus, .footer a.footer__logo:active, .footer a.footer__logo:focus, .footer__soc a:active, .footer__soc a:focus, .header a.header__logo:active, .header a.header__logo:focus, .wp-block-list a:hover, p:not([class]) a:active, p:not([class]) a:focus {
    opacity: .6
}

.btn_copy, h2 {
    text-transform: uppercase
}

.bonuses .bonuses__item, .gallery.scrolling > * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

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

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

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

body, html {
    min-height: 100%;
    width: 100%;
    -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:hover {
    text-decoration: none
}

ol li, ul li {
    list-style: none
}

img {
    vertical-align: top;
    max-width: 100%;
    height: auto
}

p {
    margin-top: 1rem
}

.onewinbetng-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.onewinbetng-wrapper + .onewinbetng-wrapper, .onewinbetng-wrapper:first-child {
    margin-top: 60px
}

.onewinbetng-wrapper:first-child, .wp-block-table table td p:first-of-type, ol.wp-block-list li p, ol:not([class]) li p {
    margin-top: 0
}

* + .game, .onewinbetng-wrapper:first-child .content-img__wrap:first-child, h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) {
    margin-top: 20px
}

.onewinbetng-container {
    max-width: 1440px;
    padding: 0 var(--offsets);
    margin: 0 auto
}

.onewinbetng-container .onewinbetng-container {
    padding: 0;
    max-width: 100%
}

.no-scroll {
    overflow: hidden
}

html::-webkit-scrollbar {
    width: 10px
}

html::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #00b24b
}

html::-webkit-scrollbar-track {
    background: 0 0
}

body {
    background: #141415;
    min-height: 100vh;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    font-size: 18px;
    line-height: 24px;
    color: #d2d2d2;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

.hidden-svg {
    display: none
}

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

.section-hero h1, .section-hero-app h1, h1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px
}

.wp-admin .section-hero h1,
.wp-admin .section-hero-app h1,
.wp-admin h1 {
    color: #000;
}

h2, h3, h4, h5, h6 {
    line-height: 30px;
    color: #fff;
    font-weight: 700
}

.onewinbetng-container.has-title-link {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.onewinbetng-container.has-title-link h2, h2 {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.onewinbetng-container.has-title-link h2 {
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 20px;
    justify-content: space-between
}

.onewinbetng-container.has-title-link h2 .btn {
    margin-left: auto
}

h2 {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    font-size: 28px
}

* + .banner__btns, * + .gallery, * + h2, .game__affiliate-link + .game__demo-link {
    margin-top: 16px
}

h2 svg {
    max-width: 44px;
    max-height: 44px
}

h2 svg path {
    fill: var(--primary-simple)
}

h3, h4, h5, h6 {
    font-size: 26px;
    margin-bottom: 10px
}

.footer__nav-item--current.item-current span.link, .footer__nav-list a:active, .footer__nav-list a:focus {
    color: #00b24b
}

.wp-block-list a, a, p a {
    color: #00b24b;
    transition-duration: .3s
}

p:not([class]) + img, p:not([class]) + picture {
    display: block;
    margin-top: 20px
}

picture {
    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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button-content {
    margin-top: 20px;
    display: flex
}

.button-content.align-left {
    justify-content: flex-start
}

.button-content.align-center {
    justify-content: center
}

.button-content.align-right {
    justify-content: flex-end
}

.wp-block-list {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px
}

.wp-block-list li, ol:not([class]) li, ul:not([class]) li {
    position: relative;
    color: #d2d2d2
}

ol.wp-block-list, ol:not([class]) {
    counter-reset: custom-counter
}

ol.wp-block-list li, ol:not([class]) li {
    counter-increment: custom-counter;
    padding-left: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%
}

.header__logo, .header__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row
}

ol:not([class]) li p:not(:first-child) {
    margin-top: 8px
}

ol.wp-block-list li::after, ol.wp-block-list li::before, ol:not([class]) li::after, ol:not([class]) li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0
}

ol.wp-block-list li::before, ol:not([class]) li::before {
    content: counter(custom-counter);
    font-size: 17px;
    line-height: 24px;
    font-weight: 700;
    color: #fff
}

ol.wp-block-list li::after, ol:not([class]) li::after {
    top: 8px;
    left: 1px;
    width: 15px;
    height: 15px;
    z-index: -1;
    border-radius: 50%;
    background: #0f45a0
}

ul.wp-block-list li, ul:not([class]) li {
    padding-left: 18px
}

ul.wp-block-list li::after, ul.wp-block-list li::before, ul:not([class]) li::after, ul:not([class]) li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

ul.wp-block-list li::before, ul:not([class]) li::before {
    width: 9px;
    height: 9px;
    padding: 2px;
    border-radius: 2px;
    border: 1px solid #00b24b
}

ul.wp-block-list li::after, ul:not([class]) li::after {
    margin: 2px;
    width: 5px;
    height: 5px;
    border-radius: 1.2px;
    background: #fff
}

.wp-block-table {
    width: calc(100% + 16px);
    margin-left: -8px;
    overflow-x: auto
}

.wp-block-table::-webkit-scrollbar {
    height: 4px
}

.wp-block-table::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(255, 255, 255, .2)
}

.wp-block-table::-webkit-scrollbar-track {
    background: 0 0
}

.wp-block-table table {
    width: 100%;
    min-width: 500px;
    table-layout: auto;
    margin-top: 20px;
    border-spacing: 8px;
    overflow: hidden;
    color: #fff
}

.wp-block-table table td, .wp-block-table table th {
    position: relative;
    background: #00b24b
}

.wp-block-table table th {
    height: 62px;
    padding: 18px 32px;
    font-size: 22px;
    line-height: 120%;
    font-weight: 700;
    color: #fff;
    text-align: left;
    white-space: nowrap
}

.has-fixed-layout th {
    white-space: wrap
}

.wp-block-table table th:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% - 1px);
    bottom: 0;
    min-height: 62px;
    width: 20px;
    background: #00b24b
}

.wp-block-table th:first-child {
    border-radius: 8px 0 0 8px
}

.wp-block-table table th:last-child {
    border-radius: 0 8px 8px 0
}

.wp-block-table table td {
    height: 60px;
    border-radius: 8px;
    padding: 18px 32px;
    font-size: 18px;
    line-height: 136%;
    font-weight: 400;
    color: #fff;
    background: #272729
}

:root {
    --offsets: 30px
}

.header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 100;
    padding-block: 14px;
    background: #272729
}

.header__mob, .header__wrap {
    position: relative
}

.header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 15px
}

.header__mob, .header__mob-content {
    display: contents
}

.header__burger, .header__logo {
    display: -webkit-box;
    display: -ms-flexbox
}

.header__logo {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    will-change: opacity
}

.header__burger, .header__lang-active {
    position: relative;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    cursor: pointer
}

.header__logo img {
    max-width: 100px;
    max-height: 30px;
    -o-object-fit: contain;
    object-fit: contain
}

.header__nav {
    margin-inline: 50px 30px;
    z-index: 20
}

.header__burger {
    width: 26px;
    height: 21px;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__burger::after {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    pointer-events: none;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    will-change: background
}

.header__burger:active::after, .header__burger:focus::after, .sports-list li:active, .sports-list li:focus {
    background: rgba(255, 255, 255, .0588235294)
}

.header__burger.active .header__burger-wrap:before {
    top: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top .3s .1s, -webkit-transform .3s ease-out .5s;
    transition: top .3s .1s, transform .3s ease-out .5s, -webkit-transform .3s ease-out .5s
}

.header__burger.active .header__burger-wrap span {
    opacity: 0
}

.header__burger.active .header__burger-wrap::after {
    bottom: 12px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom .3s .1s, -webkit-transform .3s ease-out .5s;
    transition: bottom .3s .1s, transform .3s ease-out .5s, -webkit-transform .3s ease-out .5s
}

.header__burger-wrap span, .section-hero-app__rate::after {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.header__burger-wrap {
    position: relative;
    width: 100%;
    height: 100%
}

.header__burger-wrap span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: opacity .3s .3s, background .2s;
    transition: opacity .3s .3s, background .2s
}

.header__burger-wrap span, .header__burger-wrap::after, .header__burger-wrap::before {
    width: 26px;
    height: 3px;
    background: #fff;
    border-radius: 4px
}

.header__burger-wrap::after, .header__burger-wrap::before {
    content: "";
    position: absolute
}

.header__burger-wrap::before {
    top: 0;
    -webkit-transition: top .3s .3s, background .2s, -webkit-transform .3s ease-out .1s;
    transition: top .3s .3s, transform .3s ease-out .1s, background .2s, -webkit-transform .3s ease-out .1s
}

.header__burger-wrap::after {
    bottom: 0;
    -webkit-transition: bottom .3s .3s, background .2s, -webkit-transform .3s ease-out .1s;
    transition: bottom .3s .3s, transform .3s ease-out .1s, background .2s, -webkit-transform .3s ease-out .1s
}

.header__lang {
    position: relative;
    z-index: 10;
    margin-left: auto
}

.header__lang-active {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 9px;
    padding: 6px 12px 6px 6px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    background: rgba(255, 255, 255, .1019607843);
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    will-change: background-color
}

.header__lang-active svg {
    min-width: 12px;
    min-height: 7px;
    max-width: 12px;
    max-height: 7px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    will-change: transform
}

.header__lang-active img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 26px;
    height: 26px
}

.header__lang-active img img, .header__lang-active img svg {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.content-toc.active .content__header::after, .header__lang.active .header__lang-active svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.content-toc.active .content__nav, .fixed-el.active .fixed-el__content, .header__lang.active .header__lang-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__lang-list {
    -webkit-box-orient: vertical;
    -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;
    max-width: 150px;
    border-radius: 0 0 8px 8px;
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: #272729;
    padding-block: 4px;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    display: none;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: clip
}

.header__lang-img, .header__lang-item {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.header__lang-list::-webkit-scrollbar {
    width: 4px
}

.header__lang-list::-webkit-scrollbar-thumb {
    border-radius: 9px;
    background: rgba(255, 255, 255, .1019607843);
    border: 4px solid transparent
}

.header__lang-list::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 9px
}

.header__lang-list::before {
    content: "";
    position: absolute;
    top: -14px;
    left: 0;
    width: 100%;
    height: 14px
}

.header__lang-item--link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    content: ""
}

.header__lang-item {
    width: 100%;
    min-height: 32px;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 9px;
    padding: 6px 10px;
    color: #fff;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    will-change: background-color;
    position: relative
}

.header__lang-img {
    display: flex;
    flex-direction: row;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 20px;
    height: 20px
}

.header__lang-img img, .header__lang-img svg {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.header__nav-subitem span.link {
    background: rgba(255, 255, 255, .1019607843);
    cursor: auto
}

.header__btns {
    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;
    gap: 8px;
    margin-left: 30px;
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.header__btns .btn {
    line-height: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.header .header-menu {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400
}

.header .header-menu .submenu {
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer__content, .header .header-menu .header__nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.header .header-menu .submenu::-webkit-scrollbar {
    width: 4px
}

.header .header-menu .submenu::-webkit-scrollbar-thumb {
    border-radius: 9px;
    background: rgba(255, 255, 255, .1019607843);
    border: 4px solid transparent
}

.header .header-menu .submenu::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 9px
}

.header .header-menu .header__nav-item {
    position: relative;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    will-change: background
}

.header .header-menu .header__nav-item.parent {
    cursor: pointer
}

.header .header-menu .header__nav-item a {
    -webkit-transition: background .3s ease-in-out, opacity .3s ease-in-out;
    transition: background .3s ease-in-out, opacity .3s ease-in-out;
    will-change: background, opacity;
    color: #fff
}

.header .header-menu .item svg {
    -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    will-change: transform, opacity
}

.item-current .link::after {
    background: #00b24b
}

.header .item-current .link::after {
    content: "";
    position: absolute;
    top: calc(100% + 24px);
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 5px;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    will-change: background-color
}

.footer__nav-item svg, .header .header-menu .header__nav-item svg, .header__nav-item svg, .submenu .header__nav-item svg {
    display: none
}

.submenu .link {
    display: flex;
    align-items: center
}

.footer {
    background: #272729;
    margin: 60px 0 0;
    padding-block: 40px
}

.footer a.footer__dmca, .footer a.footer__logo {
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    will-change: opacity
}

.footer__content {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__links, .footer__links-row {
    display: -webkit-box;
    display: -ms-flexbox
}

.footer__links {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    padding-right: 80px
}

.footer__dmca, .footer__links-row, .footer__logo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.footer__links-row {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 18px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__links-row img {
    max-width: 100px;
    max-height: 100px
}

.footer__dmca, .footer__logo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__logo img {
    max-width: 150px;
    max-height: 45px
}

.footer__dmca img {
    max-width: 98px;
    max-height: 46px
}

.footer__nav {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 80px
}

.footer__nav-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr);
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 18px
}

.footer__dwnld, .footer__dwnld-link {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.footer__nav-list a {
    font-size: 18px;
    line-height: 136%;
    font-weight: 400;
    color: #fff;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    will-change: color
}

.footer__dwnld {
    display: flex;
    -webkit-box-orient: vertical;
    -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: 8px
}

.footer__dwnld-link {
    min-width: 291px;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    background: #3d3d3e;
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    will-change: background
}

.footer__dwnld-icon, .footer__dwnld-info {
    display: -webkit-box;
    display: -ms-flexbox
}

.footer__center, .footer__dwnld-icon {
    -webkit-box-direction: normal;
    -ms-flex-direction: row
}

.footer__center, .footer__info {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.footer__dwnld-link:active, .footer__dwnld-link:focus {
    background: #03142c
}

.footer__dwnld-link:active > svg path, .footer__dwnld-link:focus > svg path {
    fill-opacity: 1;
    stroke-opacity: 1
}

.footer__dwnld-link > svg {
    min-width: 20px;
    min-height: 20px;
    max-width: 20px;
    max-height: 20px
}

.footer__dwnld-link > svg path {
    -webkit-transition: fill-opacity .3s ease-in-out, stroke-opacity .3s ease-in-out;
    transition: fill-opacity .3s ease-in-out, stroke-opacity .3s ease-in-out;
    will-change: fill-opacity, stroke-opacity
}

.footer__dwnld-icon {
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__dwnld-icon svg {
    width: 32px;
    height: 32px
}

.footer__dwnld-info {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    margin-right: auto;
    font-size: 12px;
    line-height: 8px;
    font-weight: 400;
    color: #d2d2d2
}

.footer__center, .footer__soc {
    display: -webkit-box;
    display: -ms-flexbox;
    gap: 20px
}

.footer__dwnld-info span {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #fff
}

.footer__center {
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__soc {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__images, .footer__soc a {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal
}

.footer__soc a {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 29px;
    height: 29px;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    will-change: opacity
}

.footer__soc a img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 29px;
    height: 29px;
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px
}

.footer__images {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 12px
}

.footer__images img {
    max-width: 66px;
    max-height: 22px;
    -o-object-fit: contain;
    object-fit: contain
}

.footer__info {
    text-align: center;
    font-size: 16px;
    line-height: 136%;
    font-weight: 400;
    color: #ffffff
}

.section-hero {
    position: relative;
    margin-top: 50px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.95fr 1fr;
    grid-template-columns:1.95fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows:1fr 1fr;
    gap: 20px
}

.section-hero time, .section-hero__content {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.section-hero__content {
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/3/2;
    border-radius: 15px;
    padding: 24px;
    background: #272729
}

.section-hero__content h1 + p {
    margin-top: 0
}

.section-hero time {
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 5px;
    margin-bottom: 34px;
    border-radius: 10px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, .0588235294);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #d2d2d2
}

.section-faq__icon, .section-hero__bonus p, .section-hero__card {
    display: -webkit-box;
    display: -ms-flexbox
}

.section-hero__bonus p, .section-hero__card {
    -webkit-box-orient: vertical;
    line-height: 37px
}

.section-hero time span, .section-hero-app time span, .wp-block-table table td .wp-block-list li, .wp-block-table table td ol:not([class]) li, .wp-block-table table td ul:not([class]) li {
    color: #fff
}

.breadcrumbs .breadcrumbs__list a:focus, .breadcrumbs .breadcrumbs__list li:last-child a, .breadcrumbs .breadcrumbs__list li:last-child span, .content__nav ol li a:active, .content__nav ol li a:focus {
    color: #00b24b
}

.section-hero time::before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/time.svg) center/contain no-repeat
}

.section-hero__bonus {
    position: relative;
    margin-top: 20px;
    padding: 32px 291px 32px 24px;
    border-radius: 10px;
    background: #2e3033;
    width: 100%
}

.section-faq__item, .section-hero__card {
    border-radius: 15px;
    position: relative;
    overflow: hidden
}

.section-hero__bonus .copy-el .copy-el__copy-text {
    color: #ffda05
}

.section-hero__bonus > * {
    z-index: 2;
    position: relative
}

.section-hero__bonus p {
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 0;
    font-size: 22px;
    font-weight: 700;
    color: #fff
}

.section-hero__bonus p span {
    font-size: 28px;
    line-height: 37px;
    font-weight: 700;
    color: #ffda05;
    text-transform: uppercase;
    text-shadow: 0 0 12px rgba(255, 196, 1, .6)
}

.section-hero__bonus .copy-el {
    margin-top: 24px
}

.section-hero__bonus .copy-el .btn {
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    min-height: 45px
}

.section-hero__bonus img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

.content-img__content .section-hero__bonus {
    padding-right: 24px
}

.content-img__content .section-hero__bonus p, .fixed-el.active .fixed-el__close, .popup._active {
    display: block
}

.section-hero__card {
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    min-height: 202px;
    padding: 30px;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 13.5px rgba(249, 203, 22, .4588235294)
}

.section-faq summary, .section-faq__icon {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.section-faq p, .section-hero-app time {
    font-weight: 400;
    border-radius: 10px;
    color: #d2d2d2
}

.section-hero__card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover
}

.btn, .section-hero-app time {
    width: -webkit-max-content;
    width: -moz-max-content
}

.section-hero__card .btn {
    width: 100%;
    padding: 15px
}

.section-faq__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr);
    gap: 16px
}

.section-faq__item {
    background: #272729;
    -webkit-transition: border-radius .3s ease-in-out;
    transition: border-radius .3s ease-in-out;
    will-change: border-radius
}

.section-faq__item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-gradient(linear, left top, right top, from(#0094fe), to(#056cd9));
    background: #00b24b;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    border-radius: 10px;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    will-change: opacity
}

.section-faq__item[open] {
    border-radius: 10px;
    background: 0 0
}

.section-faq__item[open] .section-faq__icon::after {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    -ms-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0)
}

.fixed-el.active > .btn::after, .section-faq__item[open]::before {
    opacity: 1
}

.section-faq__icon {
    position: relative;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 26px;
    min-height: 26px;
    max-width: 26px;
    max-height: 26px;
    border-radius: 50%;
    border: 1px solid #fff
}

.section-faq summary, .section-hero-app {
    display: -webkit-box;
    display: -ms-flexbox
}

.btn, .content-img__wrap > :first-child:last-child, .fixed-el.active > .btn {
    max-width: 100%
}

.section-faq__icon::after, .section-faq__icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 12px;
    height: 2px;
    border-radius: 4px;
    background: #fff
}

.section-faq__icon::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    will-change: transform
}

.section-faq summary {
    position: relative;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    min-height: 63px;
    padding: 18px 24px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    will-change: opacity;
    list-style: none
}

.section-faq summary h3 {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

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

.section-faq summary::-webkit-details-marker {
    display: none
}

.section-faq p {
    margin: 1px;
    font-size: 16px;
    line-height: 136%;
    padding: 24px;
    background: #272729
}

.section-hero-app {
    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;
    gap: 20px
}

.section-hero-app .section-hero-app__app {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 307px;
    max-width: 307px;
    border-radius: 15px;
    padding: 20px 16px 16px;
    background: #272729;
}

.section-hero-app:not(:has(.section-hero-app__rating)) .section-hero-app__app {
    min-width: 481px;
    align-self: start;
}

.section-hero-app .section-hero-app__app:has(.section-hero-app__timer) {
    padding-top: 32px;
}

.section-hero-app .section-hero-app__app-title {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 26.4px */
    margin-bottom: 16px;
    margin-top: 0;
    width: 100%;
}

.section-hero-app .section-hero-app__app-title span {
    display: block;
    color: #FFDA05;
    text-shadow: 0 0 12px rgba(255, 196, 1, 0.60);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 6px;
}

.section-hero-app__app > :not(img) {
    position: relative;
    z-index: 2;
}

.section-hero-app .section-hero-app__app img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border-radius: 16px;
}

.section-hero-app:not(:has(.section-hero-app__rating)) .section-hero-app__app img {
    min-height: 100%;
    object-fit: cover;
}

.section-hero-app .section-hero-app__btns {
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    width: 100%
}

.fixed-el .fixed-el__rate, .section-hero-app time, .section-hero-app__rate {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row
}

.section-hero-app .section-hero-app__btns .btn {
    width: 100%
}

.btn_big svg, .btn_bold svg, .section-hero-app .section-hero-app__btns .btn svg {
    min-width: 24px;
    min-height: 24px;
    max-width: 24px;
    max-height: 24px
}

.fixed-el .fixed-el__rate, .section-hero-app__rate {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%)
}

.section-hero-app time, .section-hero-app__content, .section-hero-app__info {
    display: -webkit-box;
    display: -ms-flexbox
}

.section-hero-app__rate::after, .section-hero-app__rate::before {
    font-size: 24px;
    line-height: 22px;
    height: 24px;
    letter-spacing: 0
}

.section-hero-app__rate::before {
    content: "★★★★★";
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(#ffda05), to(#141415));
    background: linear-gradient(90deg, #ffda05 var(--percent), #141415 var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.section-hero-app__rate::after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: "☆☆☆☆☆";
    display: block;
    letter-spacing: 0;
    color: #ffda05
}

.section-hero-app__copy {
    width: 100%;
}

.section-hero-app__content {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.section-hero-app__content h1 {
    margin-top: auto;
    margin-bottom: 0
}

.section-hero-app time {
    width: max-content;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    margin-bottom: 20px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, .0588235294);
    font-size: 14px;
    line-height: 20px
}

.section-hero-app__info, .section-hero-app__info-data {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row
}

.section-hero-app time::before {
    content: "";
    min-width: 18px;
    min-height: 18px;
    max-width: 18px;
    max-height: 18px;
    background: url(../images/time.svg) center/100% no-repeat
}

.section-hero-app__rating {
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: 14px 40px;
    border-radius: 15px;
    background: #272729;
    margin-top: 20px;
    width: 100%;
}

.section-hero-app__info {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 68px;
    row-gap: 20px;
    flex-wrap: wrap;
    flex: 1 1;
}

.section-hero-app__btn {
    padding: 12px!important;
}

.section-hero-app__btn svg {
    min-width: 24px!important;
    min-height: 24px!important;
}

.section-hero-app__btn:not(:first-of-type) {
    margin-left: 0;
}

.section-hero-app__btn + .section-hero-app__btn {
    margin-left: 8px;
}

.section-hero-app__info:not(:last-child) {
    margin-right: 33px;
}

.section-hero-app__info-data, .section-hero-app__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    line-height: 136%
}

.section-hero-app__info-item {
    position: relative;
    display: flex;
    -webkit-box-orient: vertical;
    -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;
    gap: 4px;
    font-size: 15px;
    font-weight: 400;
    color: #d2d2d2;
    text-align: center
}

.section-hero-app__info-item::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 34px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 34px;
    background: #fff
}

.section-hero-app__info-data {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
    margin-top: 0;
    font-size: 18px;
    font-weight: 700;
    color: #f2f5fa
}

.btn, .btn_copy {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    cursor: pointer
}

.btn, .btn_big {
    font-weight: 400;
    line-height: 1
}

.section-hero-app__info-data svg {
    max-width: 24px;
    max-height: 24px
}

.btn {
    position: relative;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 30px;
    width: max-content;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out, opacity .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: background .3s ease-in-out, box-shadow .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out, opacity .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    will-change: background, box-shadow, color, border-color, opacity;
    overflow: hidden
}

.btn svg {
    min-width: 16px;
    min-height: 16px;
    max-width: 16px;
    max-height: 16px
}

.btn_copy svg, .fixed-el .fixed-el__btns .btn_copy svg {
    min-width: 18px;
    min-height: 18px;
    max-width: 18px;
    max-height: 18px
}

.btn svg path, .btn_copy svg path {
    fill: currentColor
}

.btn_big {
    padding: 15px 30px 16px;
    font-size: 18px
}

.btn_bold {
    font-size: 16px;
    line-height: 1;
    font-weight: 700
}

.btn_copy {
    padding: 8px;
    border-radius: 3px;
    border: 1px dashed currentColor;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: var(--primary-simple);
    letter-spacing: .1px;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    will-change: background
}

.btn_copy:active, .btn_copy:focus {
    background: var(--primary-opacity-12)
}

.btn_blue {
    background: #ffffff;
    color: #141415;
    background-size: 200% 100%
}

.btn_blue:active, .btn_blue:focus, .btn_green:active, .btn_green:focus {
    background-position: 100% 0;
    opacity: .8
}

.btn_green {
    background: -webkit-gradient(linear, left top, right top, from(#31bc69), color-stop(50%, #089e4e), to(#31bc69));
    background: #00b24b;
    background-size: 200% 100%
}

.btn_white {
    background: #fff;
    color: #141415
}

.btn_white:active, .btn_white:focus {
    opacity: .8
}

.btn_h2 {
    padding: 10px 18px;
    background: rgba(255, 255, 255, .2)
}

.btn_h2:active, .btn_h2:focus {
    background: rgba(255, 255, 255, .1019607843)
}

.btn_h2 svg {
    min-width: 18px;
    min-height: 9px;
    max-width: 18px;
    max-height: 9px
}

.content-toc {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, right top, from(#0094fe), to(#056cd9));
    background: #00b24b;
    margin-top: 20px
}

.content__header {
    position: relative;
    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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 25px;
    margin-bottom: 0;
    cursor: pointer;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    will-change: opacity;
    text-transform: none
}

.content-img, .content__nav ol, .fixed-el.active {
    -webkit-box-orient: vertical
}

.content__header::after {
    content: "";
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    background: url(../images/content-arrow.svg) center/contain no-repeat;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    will-change: transform
}

.fixed-el:not(.fixed-el_green), .fixed-el > .btn::after {
    background: -webkit-gradient(linear, left top, right top, color-stop(11.64%, #835aeb), to(#03b4fe))
}

.content__header:active, .content__header:focus {
    opacity: .6
}

.content__nav {
    display: none;
    padding: 20px 24px;
    background: #272729
}

.content-img, .content-img__wrap, .content__nav ol, .content__nav ol li a {
    display: -webkit-box;
    display: -ms-flexbox
}

.content__nav ol {
    width: 100%;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    counter-reset: content-list;
    padding-left: 10px;
    border-left: 1.5px solid #00b24b
}

.content__nav ol li::before {
    content: none
}

.content__nav ol li {
    padding: 0
}

.content__nav ol li a {
    display: flex;
    counter-increment: content-list;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #d2d2d2;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    will-change: color;
    gap: 5px
}

.content__nav ol li a::before {
    content: counter(content-list) "."
}

.content-img {
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.content-img__wrap, .fixed-el {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

* + .content-img__wrap {
    margin-top: 26px
}

.content-img__wrap + .categories-list {
    margin-top: 50px
}

.content-img__wrap {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px
}

.content-img__wrap.reversed {
    flex-direction: row-reverse
}

.content-img__wrap > .content-img__img {
    width: 100%
}

.content-img__wrap > * {
    max-width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.content-img .btn {
    margin-top: 20px;
    min-width: 217px
}

.content-img__content img, .content-img__content picture {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 50%
}

.fixed-el {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 80;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-radius: 16px 16px 0 0;
    padding: 6px 10px;
    background: -webkit-gradient(linear, right top, left top, from(#31bc69), to(#089e4e));
    background: linear-gradient(270deg, #31bc69 0, #089e4e 100%);
    -webkit-box-shadow: 0 -10px 12px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 -10px 12px 0 rgba(0, 0, 0, .2)
}

.fixed-el.active {
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 8px 16px
}

.fixed-el .fixed-el__main, .fixed-el > .btn::after {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox
}

.fixed-el.active > .btn {
    width: 100%;
    min-height: 45px
}

.fixed-el.active.fixed-el_green > .btn::after, .fixed-el_green {
    background: -webkit-gradient(linear, right top, left top, from(#31bc69), to(#089e4e));
    background: linear-gradient(270deg, #31bc69 0, #089e4e 100%)
}

.fixed-el > .btn {
    padding: 8px 16px;
    margin-left: auto;
    max-width: 140px;
    min-width: 115px;
    min-height: 38px
}

.fixed-el > .btn::after {
    content: attr(data-second-text);
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #835aeb 11.64%, #03b4fe 100%);
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-align: center;
    opacity: 0
}

.copy-el .copy-el__btn:active, .copy-el .copy-el__btn:focus, .fixed-el .fixed-el__close:active, .fixed-el .fixed-el__close:focus {
    opacity: .6
}

.fixed-el > .btn svg {
    min-width: unset;
    min-height: 14px;
    max-height: 14px;
    max-width: 40px
}

.fixed-el .fixed-el__main {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px
}

.fixed-el .fixed-el__close {
    min-width: 19px;
    min-height: 19px;
    max-width: 19px;
    max-height: 19px;
    position: relative;
    display: none;
    margin-left: auto;
    cursor: pointer;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    will-change: opacity
}

.fixed-el .fixed-el__close::after, .fixed-el .fixed-el__close::before {
    content: "";
    width: 25px;
    height: 3px;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fixed-el .fixed-el__close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.fixed-el .fixed-el__close::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.fixed-el .fixed-el__content {
    position: relative;
    -webkit-box-orient: vertical;
    -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: 12px;
    margin-top: 8px;
    padding-block: 16px 8px;
    display: none
}

.fixed-el .fixed-el__content::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    left: -16px;
    width: 100vw;
    height: 100vh;
    background: #272729;
    pointer-events: none
}

.fixed-el .fixed-el__content p {
    margin: 0;
    color: #dad9d9;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.fixed-el .fixed-el__content p a, .fixed-el .fixed-el__content p span {
    color: #00b24b;
    font-weight: 700
}

.fixed-el .fixed-el__btns {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    width: 100%
}

.breadcrumbs .breadcrumbs__list, .fixed-el .fixed-el__info {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.fixed-el .fixed-el__btns .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 6px;
    min-height: 39px
}

.fixed-el img {
    max-width: 47px;
    max-height: 47px
}

.fixed-el .fixed-el__info {
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-weight: 400
}

.fixed-el .fixed-el__info span:not(.fixed-el__rate) {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700
}

.fixed-el .fixed-el__rate::after, .fixed-el .fixed-el__rate::before {
    font-size: 17px;
    line-height: 15px;
    height: 17px;
    letter-spacing: 0
}

.fixed-el .fixed-el__rate::before {
    content: "★★★★★";
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(#ffda05), to(#141415));
    background: linear-gradient(90deg, #ffda05 var(--percent), #14141500 var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.fixed-el .fixed-el__rate::after {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "☆☆☆☆☆";
    display: block;
    letter-spacing: 0;
    color: #ffda05
}

.fixed-el:not(.fixed-el_green) {
    background: linear-gradient(90deg, #835aeb 11.64%, #03b4fe 100%)
}

.fixed-el_green .fixed-el__content p a, .fixed-el_green .fixed-el__content p span {
    color: #31bc69
}

.breadcrumbs {
    margin-block: 26px
}

.breadcrumbs .breadcrumbs__list {
    display: flex;
    -webkit-box-orient: horizontal;
    -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;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbs .breadcrumbs__list a, .breadcrumbs .breadcrumbs__list li, .breadcrumbs .breadcrumbs__list span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-box-direction: normal
}

.breadcrumbs .breadcrumbs__list li {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px
}

.breadcrumbs .breadcrumbs__list li:not(:last-child)::after {
    content: "";
    position: relative;
    width: 19px;
    height: 19px;
    background: url(../images/breadcrumb-arrow.svg) center/contain no-repeat
}

.breadcrumbs .breadcrumbs__list a, .breadcrumbs .breadcrumbs__list span {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out;
    will-change: background, color
}

.copy-el, .copy-el .copy-el__copy-text {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal
}

.breadcrumbs .breadcrumbs__list a svg path, .breadcrumbs .breadcrumbs__list span svg path {
    -webkit-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
    will-change: fill
}

.breadcrumbs .breadcrumbs__list a:focus svg path, .copy-el.copied .copy-el__btn svg path:first-child {
    fill: #00b24b
}

.copy-el {
    display: flex;
    -webkit-box-direction: normal;
    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;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fixed-el_green .copy-el.copied .copy-el__btn svg path:first-child {
    fill: #31bc69
}

.copy-el .copy-el__copy {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    padding: 3px;
    border-radius: 8px;
    border: 1px dashed rgba(255, 255, 255, .5019607843);
    background: rgba(255, 255, 255, .0117647059);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.categories-list__item:active, .categories-list__item:focus, .copy-el .copy-el__btn {
    background: rgba(255, 255, 255, .1019607843)
}

.copy-el .copy-el__copy-text {
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #FFDA05;
    padding-left: 15px
}

.categories-list__item, .copy-el .copy-el__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    cursor: pointer
}

.copy-el .copy-el__btn {
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    padding: 8px;
    border-radius: 6px;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    will-change: opacity
}

.copy-el .copy-el__btn img, .copy-el .copy-el__btn svg {
    max-width: 20px;
    max-height: 20px
}

.copy-el .copy-el__btn img path:first-child, .copy-el .copy-el__btn svg path:first-child {
    fill: transparent;
    -webkit-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
    will-change: fill
}

.copy-el > .btn {
    width: unset;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.categories-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    gap: 16px;
    row-gap: 40px;
    margin-top: 70px
}

.categories-list__item {
    border-radius: 10px;
    background: #272729;
    height: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 16px 16px 14px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #d2d2d2;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    will-change: background-color
}

.games-list__item, .sports-list li {
    background: #272729;
    overflow: hidden
}

.categories-list__item-title, .sports-list li {
    -webkit-box-orient: horizontal;
    font-weight: 700
}

.categories-list__item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase
}

.games-list, .sports-list {
    display: -ms-grid;
    -ms-grid-columns:(1fr) [ 5 ];
    grid-template-columns:repeat(5, 1fr)
}

.categories-list__item-title::after {
    content: "";
    min-width: 14px;
    min-height: 8px;
    max-width: 14px;
    max-height: 8px;
    background: url(../images/arrow.svg) center/contain no-repeat;
    transform: rotate(-90deg);
    transition: transform .3s ease-in-out;
    will-change: transform
}

.categories-list img {
    width: 65px;
    height: 65px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-top: -48.5px;
    z-index: 2;
    margin-bottom: 4px
}

.games-list {
    width: 100%;
    margin-top: 20px;
    display: grid;
    gap: 20px
}

.games-list__info, .games-list__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.games-list__btns, .games-list__info {
    gap: 12px;
    -webkit-box-orient: vertical
}

.games-list__item {
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, .2);
    -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1411764706);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1411764706)
}

.games-list__item img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 260/178;
    height: auto
}

.games-list__info {
    display: flex;
    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;
    margin-top: -65px;
    font-size: 22px;
    line-height: 120%;
    font-weight: 700;
    padding: 15px;
    z-index: 3;
    text-align: center;
    max-height: 200px;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    color: #fff;
    background: linear-gradient(180deg, rgba(9, 15, 30, 0) 0, rgba(9, 15, 30, .16188) 7.18%, rgba(9, 15, 30, .318041) 14.48%, rgba(9, 15, 30, .570653) 20.17%, rgba(9, 15, 30, .744391) 25.77%, rgba(9, 15, 30, .96) 31.87%, #272729 40.81%)
}

.games-list__btns, .sports-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.games-list__btns {
    display: flex;
    -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
}

.banner, .sports-list li {
    -ms-flex-direction: row;
    position: relative
}

.games-list__btns .btn {
    width: 100%;
    min-height: 39px;
    padding: 10px
}

.sports-list {
    display: grid;
    gap: 10px;
    row-gap: 16px;
    margin-top: 20px
}

.sports-list li {
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, .2);
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    width: 100%;
    height: 100%;
    padding: 16px 20px;
    font-size: 20px;
    line-height: 24px;
    color: #f2f5fa;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    will-change: background;
    cursor: pointer
}

.sports-list li img {
    max-width: 50px;
    max-height: 50px
}

.info-list {
    margin-top: 46px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 42px
}

.banner, .info-list__item {
    display: -webkit-box;
    display: -ms-flexbox
}

.info-list__item {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 10px;
    padding: 16px 16px 14px;
    background: #272729;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #d2d2d2
}

.banner, .banner__btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.info-list__title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px
}

.info-list img {
    width: 50px;
    height: 50px;
    margin-bottom: 7px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-top: -41px
}

.banner {
    min-height: 340px;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 30px;
    background: -webkit-gradient(linear, left top, right top, from(#054be2), to(#37c7ff));
    background: linear-gradient(90deg, #272729 0, #2e3033 100%)
}

.banner__content {
    position: relative;
    z-index: 2;
    padding: 60px;
    max-width: 675px
}

.banner__title {
    font-size: 50px;
    line-height: 63px;
    font-weight: 700;
    color: #fff;
    text-transform: none;
    margin-bottom: 35px
}

.banner__btns {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.banner__btns .btn {
    width: unset;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 62px;
    border-radius: 16px;
    padding: 15px;
    font-size: 22px;
    line-height: 136%;
    font-weight: 400
}

.banner img {
    position: absolute;
    bottom: 0;
    right: 20px;
    max-width: calc(100% - 20px);
    max-height: 100%
}

.steps-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
    counter-reset: steps-block-list
}

.steps-block__item {
    counter-increment: steps-block-list;
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    border-radius: 15px;
    padding: 16px;
    background: #272729;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #d2d2d2
}

.bonuses .bonuses__list, .steps-block__item-title {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row
}

.pros-cons__title, .steps-block__item-title {
    font-size: 22px;
    font-weight: 700;
    color: #f2f5fa
}

.steps-block__item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 120%;
    margin-bottom: 0
}

.bonus--v1, .bonus--v1 .bonus__content {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    height: 100%
}

.steps-block__item-title::before {
    content: counter(steps-block-list) ".";
    margin-right: 7px
}

.steps-block__item img {
    width: 100%;
    border-radius: 10px
}

.steps-block__item .btn {
    min-width: 217px
}

.steps-block__item p:first-of-type {
    margin-top: 0
}

.bonuses .bonuses__list {
    display: -ms-grid;
    display: grid;
    gap: 20px;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto
}

.bonuses h2 {
    margin-bottom: 0
}

.bonus--v1 {
    position: relative;
    overflow: hidden;
    font-family: var(--ff-primary);
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px;
    border-radius: 10px;
    background-color: #272729;
    border: 1px solid #2b3653;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 180px
}

.bonus--v1 .bonus__content {
    padding: 0;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    width: 65%;
    flex-grow: 1
}

.bonus--v1 .bonus__title {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
    padding: 0;
    color: #fff;
    border: none;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700
}

.bonus--v1 .bonus__text {
    margin: 0;
    font-weight: 400;
    color: #fff;
    font-size: 17px;
    line-height: 21px
}

.bonus--v1 .bonus__link {
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    border: 1px solid;
    display: inline-block;
    width: 100%;
    letter-spacing: .14em;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    outline: 0;
    margin-top: auto;
    background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%);
    border-radius: 8px;
    color: #fff;
    font-family: var(--ff-primary);
    font-weight: 600;
    padding: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: none;
    line-height: 16px;
    font-size: 14px;
    min-width: 160px
}

.bonuses {
    position: relative;
    overflow: hidden;
    display: grid
}

.bonuses .bonuses__list, .gallery__list {
    overflow-x: auto;
    -webkit-box-direction: normal
}

.bonuses.scroll-end::after, .gallery.scroll-end::after {
    opacity: 0
}

.bonuses .bonuses__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.gallery__list, .pros-cons__title {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal
}

@supports not selector(::-webkit-scrollbar) {
    html {
        scrollbar-width: 10px;
        scrollbar-color: #00b24b transparent
    }

    .bonuses .bonuses__list, .wp-block-table {
        scrollbar-color: rgba(255, 255, 255, .2) transparent
    }

    .header .header-menu .submenu, .header__lang-list {
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, .1019607843) transparent
    }
}

.bonuses .bonuses__list::-webkit-scrollbar {
    height: 4px
}

.bonuses .bonuses__list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(255, 255, 255, .2)
}

.bonuses .bonuses__list::-webkit-scrollbar-track {
    background: 0 0
}

.bonuses .bonuses__item {
    min-width: 446.6666666667px;
    user-select: none
}

.bonuses::after {
    content: "";
    position: absolute;
    top: 40px;
    right: 0;
    width: 73px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#141415), to(rgba(21, 27, 41, 0)));
    background: linear-gradient(270deg, #141415 0, rgba(21, 27, 41, 0) 100%);
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    will-change: opacity;
    pointer-events: none
}

.gallery {
    position: relative
}

.gallery.scrolling > * {
    user-select: none
}

.gallery__list {
    display: flex;
    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;
    gap: 10px
}

.pros-cons, .pros-cons__item ul {
    display: -ms-grid;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr)
}

.gallery__list a {
    max-width: 100%;
    max-height: 365px;
    min-width: 160px;
    width: 100%
}

.gallery__list img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    max-width: 100%;
    max-height: 365px;
    -o-object-fit: contain;
    object-fit: contain
}

.pros-cons {
    margin-top: 1rem;
    display: grid;
    gap: 16px
}

.pros-cons__title {
    position: relative;
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    line-height: 136%;
    margin: 0
}

.pros-cons__item, .pros-cons__title::before {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.pros-cons__title::before {
    content: "";
    width: 40px;
    height: 40px;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.pros-cons__item {
    position: relative;
    display: flex;
    -webkit-box-orient: vertical;
    -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;
    border-radius: 15px;
    padding: 24px;
    background: #272729
}

.pros-cons__item::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 16px;
    z-index: -1
}

.pros-cons__item ul {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #ffffff29;
    display: grid;
    gap: 16px
}

.pros-cons__item ul li::before {
    border: 0
}

.pros-cons__item ul li::after {
    display: none
}

.pros-cons__item_pros .pros-cons__title::before {
    background-image: url(../images/pros.png)
}

.pros-cons__item_pros ul li::before, .pros-cons__item_pros::before {
    background: -webkit-gradient(linear, right top, left top, from(#089e4e), to(#31bc69));
    background: linear-gradient(270deg, #089e4e 0, #31bc69 100%)
}

.pros-cons__item_cons .pros-cons__title::before {
    background-image: url(../images/cons.png)
}

.pros-cons__item_cons ul li::before, .pros-cons__item_cons::before {
    background: -webkit-gradient(linear, right top, left top, from(#df4d4d), to(#f07676));
    background: linear-gradient(270deg, #df4d4d 0, #f07676 100%)
}

@media (min-width: 576px) {
    .fixed-el, .section-hero-app__info-item:last-child::after {
        display: none
    }
}

@media (min-width: 992px) {
    .header .header-menu, .header .header-menu .header__nav-item {
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal
    }

    .header .header-menu .submenu .header__nav-item svg, .header .header-menu > .item > svg {
        min-width: 10px;
        min-height: 6px;
        max-width: 10px;
        max-height: 6px
    }

    .header .header-menu .submenu .header__nav-item svg path, .header .header-menu > .header__nav-item > svg path {
        stroke: #fff
    }

    .header__burger {
        display: none
    }

    .header__nav-subitem.item-current .link::after {
        background: 0 0
    }

    .header .header-menu {
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 26px;
        row-gap: 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header .header-menu > .header__nav-item.parent, .header .header-menu > .header__nav-item:not(.parent) > a, .header .header-menu > .header__nav-item:not(.parent) > span {
        color: #fff
    }

    .header .header-menu > .header__nav-item:not(.parent) a::after {
        content: "";
        position: absolute;
        top: calc(100% + 24px);
        left: 0;
        width: 100%;
        height: 3px;
        border-radius: 5px;
        -webkit-transition: background-color .3s ease-in-out;
        transition: background-color .3s ease-in-out;
        will-change: background-color
    }

    .header .header-menu > .header__nav-item:not(.parent) a:active::after, .header .header-menu > .header__nav-item:not(.parent) a:focus::after {
        background: #00b24b
    }

    .header .header-menu > .header__nav-item.parent, .header .header-menu > .header__nav-item:not(.parent) a {
        white-space: nowrap
    }

    .header .header-menu > .header__nav-item:first-of-type {
        z-index: 19
    }

    .header .header-menu > .header__nav-item:nth-of-type(2) {
        z-index: 18
    }

    .header .header-menu > .header__nav-item:nth-of-type(3) {
        z-index: 17
    }

    .header .header-menu > .header__nav-item:nth-of-type(4) {
        z-index: 16
    }

    .header .header-menu > .header__nav-item:nth-of-type(5) {
        z-index: 15
    }

    .header .header-menu > .header__nav-item:nth-of-type(6) {
        z-index: 14
    }

    .header .header-menu > .header__nav-item:nth-of-type(7) {
        z-index: 13
    }

    .header .header-menu > .header__nav-item:nth-of-type(8) {
        z-index: 12
    }

    .header .header-menu > .header__nav-item:nth-of-type(9) {
        z-index: 11
    }

    .header .header-menu > .header__nav-item:nth-of-type(10) {
        z-index: 10
    }

    .header .header-menu > .header__nav-item:nth-of-type(11) {
        z-index: 9
    }

    .header .header-menu > .header__nav-item:nth-of-type(12) {
        z-index: 8
    }

    .header .header-menu > .header__nav-item:nth-of-type(13) {
        z-index: 7
    }

    .header .header-menu > .header__nav-item:nth-of-type(14) {
        z-index: 6
    }

    .header .header-menu > .header__nav-item:nth-of-type(15) {
        z-index: 5
    }

    .header .header-menu > .header__nav-item:nth-of-type(16) {
        z-index: 4
    }

    .header .header-menu > .header__nav-item:nth-of-type(17) {
        z-index: 3
    }

    .header .header-menu > .header__nav-item:nth-of-type(18) {
        z-index: 2
    }

    .header .header-menu > .header__nav-item:nth-of-type(19) {
        z-index: 1
    }

    .header .header-menu > .header__nav-item:nth-of-type(20) {
        z-index: 0
    }

    .header .header-menu .header__nav-item {
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 6px
    }

    .header .header-menu .header__nav-item_left .submenu {
        left: unset;
        right: 0
    }

    .header .header-menu .item_left .submenu .header__nav-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .header .header-menu .item_left .submenu .header__nav-item svg {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .header .header-menu .item_left .submenu .submenu {
        top: 0;
        left: 0;
        -webkit-transform: translateX(calc(-100% + 2px));
        -ms-transform: translateX(calc(-100% + 2px));
        transform: translateX(calc(-100% + 2px))
    }

    .header .header-menu .submenu {
        position: absolute;
        top: calc(100% + 24px);
        left: 0;
        min-width: 193px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 300px;
        background: #272729;
        color: #fff;
        display: none;
        padding-block: 8px;
        border-radius: 0 0 8px 8px;
        -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1411764706);
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1411764706)
    }

    .header .header-menu .submenu::before {
        content: "";
        width: 100%;
        height: 3px;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 5px;
        -webkit-transition: background-color .3s ease-in-out;
        transition: background-color .3s ease-in-out;
        will-change: background-color;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .header .header-menu .submenu::after {
        content: "";
        width: 100%;
        height: 24px;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .header .header-menu .submenu .header__nav-item.parent, .header .header-menu .submenu .header__nav-item:not(.parent) > a, .header .header-menu .submenu .header__nav-item:not(.parent) > span {
        padding: 8px 10px;
        min-height: 40px
    }

    .header .header-menu .submenu .header__nav-item:not(.parent) a, .header .header-menu .submenu .header__nav-item:not(.parent) span {
        width: 100%
    }

    .header .header-menu .submenu .header__nav-item svg {
        margin-top: 4px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .header .header-menu .submenu .header__nav-item.parent:active, .header .header-menu .submenu .header__nav-item.parent:focus, .header .header-menu .submenu .header__nav-item:not(.parent) a:active, .header .header-menu .submenu .header__nav-item:not(.parent) a:focus {
        background: rgba(255, 255, 255, .1019607843)
    }

    .content-img__content p:first-of-type {
        margin-top: 0
    }
}

@media (min-width: 992px) and (hover: hover) {
    .header .header-menu > .header__nav-item.parent:hover > .submenu::before, .header .header-menu > .header__nav-item:not(.parent) a:hover::after {
        background: #00b24b
    }

    .header .header-menu > .header__nav-item.parent:hover > svg {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .header .header-menu > .header__nav-item.parent:hover > .submenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header .header-menu .submenu .header__nav-item.parent:hover, .header .header-menu .submenu .header__nav-item:not(.parent) a:hover {
        background: rgba(255, 255, 255, .1019607843)
    }
}

@media (max-width: 1479.9px) {
    .sports-list {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (max-width: 1239.9px) {
    .section-hero {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr;
        -ms-grid-rows: 1fr -webkit-max-content;
        -ms-grid-rows: 1fr max-content;
        grid-template-rows:1fr -webkit-max-content;
        grid-template-rows:1fr max-content
    }

    .section-hero__content {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 1/1/2/3
    }

    .games-list {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns:repeat(4, 1fr)
    }

    .sports-list {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 1225px) {
    .header .header-menu > .header__nav-item:not(.parent) a:hover::after, .item-current .link::after {
        background: 0 0
    }

    .header__nav-item .link:hover, .item-current .link {
        opacity: .6
    }
}

@media (max-width: 1200px) {
    :root {
        --offsets: 16px
    }
}

@media (max-width: 1023px) {
    .bonuses .bonuses__list {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 991.9px) {
    .banner img, .banner__content, .content-img__wrap > *, .header__btns {
        max-width: 100%
    }

    .header {
        padding-block: 16px
    }

    .header .header-menu > .header__nav-item > .submenu > .header__nav-item:not(.parent) > span.link {
        background: 0 0;
        color: #fff;
        opacity: 1
    }

    .item-current .link::after {
        background: 0 0
    }

    .header__wrap {
        row-gap: 18px
    }

    .header__mob:not(.active) .header__nav {
        display: none
    }

    .header__mob.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: fixed;
        inset: 0;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        z-index: 20
    }

    .header__mob.active .header__mob-content {
        width: clamp(276px, 76%, 500px);
        height: 100%;
        padding: 16px;
        background: #272729;
        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: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .header__mob.active .header__logo {
        margin-bottom: 2px
    }

    .header__mob.active .header__btns {
        margin-top: 18px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px
    }

    .header__mob.active .header__burger {
        width: 58px;
        height: 58px;
        padding: 15px;
        margin-right: 0
    }

    .header__logo {
        transform: translateX(30px)
    }

    .header__nav {
        margin: 0;
        overflow-y: auto;
        overflow-x: clip
    }

    .header__nav::-webkit-scrollbar {
        width: 4px
    }

    .header__nav::-webkit-scrollbar-thumb {
        border-radius: 9px;
        background: rgba(255, 255, 255, .1019607843);
        border: 4px solid transparent
    }

    .header__nav::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: 9px
    }

    .header__nav-wrap {
        width: 100%;
        height: 100%;
        background: #272729;
        margin-right: 80px;
        overflow-y: auto;
        max-height: 100%
    }

    @supports not selector(::-webkit-scrollbar) {
        .header__nav {
            scrollbar-width: thin;
            scrollbar-color: rgba(255, 255, 255, .1019607843) transparent
        }

        .header__nav-wrap {
            scrollbar-width: thin;
            scrollbar-color: #00b24b transparent
        }
    }.header__nav-wrap::-webkit-scrollbar {
         width: 4px
     }

    .header__nav-wrap::-webkit-scrollbar-thumb {
        border-radius: 9px;
        background: #00b24b;
        border: 4px solid transparent
    }

    .header__nav-wrap::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: 9px
    }

    .header__burger {
        margin-right: 68px
    }

    .header__lang-list {
        top: 100%;
        right: 0;
        left: unset
    }

    .header__btns {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: 0;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .header__btns .btn {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .header .header-menu, .header .header-menu .header__nav-item {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .header .header-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        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
    }

    .header .header-menu .header__nav-item {
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        color: #fff
    }

    .header .header-menu .header__nav-item.parent, .header .header-menu .header__nav-item:not(.parent) > a, .header .header-menu .header__nav-item:not(.parent) > span {
        padding: 15px 0;
        min-height: 48px
    }

    .header .header-menu .header__nav-item svg {
        position: absolute;
        top: 20px;
        right: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        min-width: 10px;
        min-height: 6px;
        max-width: 10px;
        max-height: 6px
    }

    .header .header-menu .header__nav-item svg path {
        stroke: #fff
    }

    .header .header-menu .header__nav-item:not(.parent) a, .header .header-menu .header__nav-item:not(.parent) span {
        width: 100%
    }

    .header .header-menu .header__nav-item.parent.active > svg {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .header .header-menu .header__nav-item.parent.active > .submenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header .header-menu .header__nav-item.parent:active > a, .header .header-menu .header__nav-item.parent:active > svg, .header .header-menu .header__nav-item.parent:focus > a, .header .header-menu .header__nav-item.parent:focus > svg, .header .header-menu .header__nav-item:not(.parent) a:active, .header .header-menu .header__nav-item:not(.parent) a:focus {
        opacity: .6
    }

    .header .header-menu > .header__nav-item {
        border-bottom: 1px solid transparent
    }

    .header .header-menu > .header__nav-item::after {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        top: 100%;
        left: 0;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(90deg, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, 0) 100%)
    }

    .header .header-menu > .header__nav-item > .submenu {
        padding-left: 10px;
        gap: 14px
    }

    .header .header-menu > .header__nav-item > .submenu > .header__nav-item.parent, .header .header-menu > .header__nav-item > .submenu > .header__nav-item:not(.parent) > a, .header .header-menu > .header__nav-item > .submenu > .header__nav-item:not(.parent) > span {
        padding: 0;
        min-height: unset;
        font-size: 14px;
        line-height: 1;
        color: #d2d2d2
    }

    .header .header-menu > .header__nav-item > .submenu > .header__nav-item.parent svg {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top: 5px
    }

    .header .header-menu .submenu {
        position: relative;
        width: 100%;
        padding-block: 0;
        margin-top: 15px;
        background: var(--surf-cont-h);
        display: none
    }

    .section-hero-app {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0
    }

    .section-hero-app .section-hero-app__app {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 20px;
        width: 100%;
        max-width: 100%;

    }

    .content-img__content, .section-hero-app__content {
        display: contents
    }

    .content-img > *, .section-hero-app__content > * {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .section-hero-app__content h1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .section-hero-app time {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .button-content {
        margin-top: 16px;
        justify-content: center !important;
        width: 100%
    }

    .button-content > .btn {
        text-align: center;
        justify-content: center;
        max-width: 200px;
        width: 100%
    }

    .content-img__wrap {
        flex-direction: column;
        gap: 0
    }

    .content-img__wrap.reversed {
        flex-direction: column
    }

    .content-img__wrap > .content-img__img {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .content-img .btn {
        margin-top: 16px;
        margin-inline: auto;
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .content-img__content img, .content-img__content picture {
        float: unset;
        margin: 20px 0 0;
        -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
        order: 100
    }

    .content-img__content > * {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .content-img__content .wp-block-heading:first-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .categories-list, .info-list, .sports-list, .steps-block {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .games-list {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }

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

    .banner img {
        position: relative;
        right: 0
    }

    .pros-cons {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

@media (max-width: 991.9px) and (hover: hover) {
    .header .header-menu .header__nav-item.parent:hover > a, .header .header-menu .header__nav-item.parent:hover > svg, .header .header-menu .header__nav-item:not(.parent) a:hover {
        opacity: .6
    }
}

@media (max-width: 767.9px) {
    .footer__content, .sports-list li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .onewinbetng-wrapper + .onewinbetng-wrapper, .onewinbetng-wrapper:first-child {
        margin-top: 20px
    }

    .footer__content {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__nav-list, .section-faq__list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .footer__nav-list li {
        min-width: unset
    }

    .section-hero__bonus {
        padding-right: 24px
    }

    .section-hero__bonus img {
        position: relative;
        width: calc(100% + 48px);
        height: auto;
        max-width: calc(100% + 48px);
        margin-left: -24px;
        margin-bottom: -24px
    }

    .section-hero-app__info {
        gap: 30px
    }

    .section-hero-app__info-item::after {
        left: calc(100% + 15px)
    }

    .games-list {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .sports-list li {
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .banner__content {
        padding: 30px 30px 14px
    }

    .steps-block {
        -ms-grid-columns:(1fr) [ 1 ];
        grid-template-columns:repeat(1, 1fr);
        gap: 16px
    }
}

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

@media (max-width: 575.9px) {
    .footer__dwnld, .footer__nav {
        border-top: 1px solid rgba(255, 255, 255, .2)
    }

    .banner__title, h2 {
        margin-bottom: 16px
    }

    .categories-list, .info-list, .pros-cons__item ul, .section-hero {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

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

    .section-hero h1, .section-hero-app h1, h1 {
        font-size: 34px;
        line-height: 42px;
        font-weight: 700;
        margin-bottom: 16px
    }

    .onewinbetng-container.has-title-link h2 {
        display: contents;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .onewinbetng-container.has-title-link h2 .btn {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin-inline: auto;
        margin-top: 16px
    }

    .onewinbetng-container.has-title-link h2 + *, .wp-block-list, .wp-block-table table, h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) {
        margin-top: 16px
    }

    h2 {
        font-size: 26px
    }

    h2 svg {
        max-width: 32px;
        max-height: 32px
    }

    h3, h4, h5, h6 {
        font-size: 24px
    }

    .has-fixed-layout th {
        white-space: nowrap
    }

    .has-fixed-layout td {
        min-width: 189px
    }

    .wp-block-list li, ol:not([class]) li, ul:not([class]) li {
        font-size: 16px
    }

    .section-hero__bonus, .section-hero__bonus p {
        font-size: 18px;
        line-height: 24px
    }

    .wp-block-table table th {
        height: 60px;
        font-size: 20px
    }

    .wp-block-table table th:not(:last-child)::after {
        min-height: 60px
    }

    .wp-block-table table td {
        height: 58px;
        font-size: 16px
    }

    .header__mob.active .header__btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header__mob.active .header__btns .btn {
        width: 100%
    }

    .header__lang-active {
        gap: 5px;
        padding: 4px 12px 4px 6px
    }

    .header__lang-active svg {
        min-width: 8px;
        min-height: 5px;
        max-width: 8px;
        max-height: 5px
    }

    .gallery__list a, .gallery__list img {
        max-height: 332px
    }

    .header__lang-active img {
        width: 20px;
        height: 20px
    }

    .header__lang-active img img, .header__lang-active img svg {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .header__btns {
        gap: 6px
    }

    .header__btns .btn {
        min-width: unset;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 12px
    }

    .footer {
        padding-block: 20px;
        margin-top: 40px
    }

    .footer__center, .footer__info {
        padding-top: 20px;
        margin-top: 20px
    }

    .footer__content {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 20px
    }

    .footer__links {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 0
    }

    .footer__nav {
        padding-top: 20px;
        padding-right: 0
    }

    .footer__dwnld {
        padding-top: 20px;
        width: 100%
    }

    .footer__dwnld-link {
        width: 100%
    }

    .footer__center {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 20px
    }

    .content__nav ol, .section-faq__list {
        gap: 10px
    }

    .footer__images {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .section-hero, .section-hero__content h1 + p {
        margin-top: 16px
    }

    .section-hero {
        -ms-grid-rows: auto;
        grid-template-rows:auto
    }

    .section-hero__content {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-area: 1/1/1/1;
        padding: 16px
    }

    .section-hero__content > * {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .section-hero__content time {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .section-hero__content h1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .section-hero__content .section-hero__bonus {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .section-hero time {
        margin-bottom: 20px
    }

    .section-hero__bonus {
        margin-top: 0;
        padding: 20px 16px;
        text-align: center
    }

    .section-hero__bonus-title, .section-hero__card {
        line-height: 30px;
        font-size: 24px
    }

    .content, .content-img__content .section-hero__bonus, .steps-block {
        margin-top: 16px
    }

    .section-hero__bonus .copy-el {
        margin-top: 20px
    }

    .section-hero__bonus img {
        position: relative;
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-bottom: -20px
    }

    .section-hero__card {
        padding: 20px 16px 16px
    }

    .btn_big, .section-hero-app__info-data {
        font-size: 16px
    }

    .section-faq summary {
        padding: 16px;
        min-height: 80px
    }

    .section-hero-app .section-hero-app__app {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding: 20px;
        margin-top: 16px;
        min-width: unset;
        width: 100%
    }

    .section-hero-app__rate::after, .section-hero-app__rate::before {
        font-size: 24px;
        line-height: 22px;
        height: 24px;
        letter-spacing: 0
    }

    .section-hero-app__info {
        width: 100%;
        gap: 0;
    }

    .section-hero-app__info-item {
        width: 50%;
        padding: 10px
    }

    .section-hero-app__info-item:nth-of-type(2n)::after {
        display: none
    }

    .section-hero-app__info-item::after {
        left: 100%
    }

    .btn_big {
        padding: 12px 30px 13px
    }

    .btn_copy {
        padding: 7px;
        gap: 4px;
        font-size: 12px;
        line-height: 16px
    }

    .content__header {
        padding: 16px;
        font-size: 22px;
        line-height: 24px
    }

    .content__nav {
        padding: 16px
    }

    .content-img .btn {
        min-width: 200px
    }

    .breadcrumbs {
        margin-block: 22px 24px
    }

    .categories-list {
        margin-top: 70px
    }

    .games-list {
        margin-top: 16px;
        gap: 16px
    }

    .games-list__item img {
        aspect-ratio: 156/106
    }

    .games-list__info {
        margin-top: -51px;
        gap: 7px;
        font-size: 18px;
        line-height: 20px
    }

    .games-list__btns {
        gap: 7px
    }

    .games-list__btns .btn {
        min-height: 30px;
        font-size: 14px;
        padding: 8px
    }

    .sports-list {
        margin-top: 16px;
        row-gap: 10px
    }

    .sports-list li img {
        max-width: 48px;
        max-height: 48px
    }

    .sports-list li {
        gap: 12px
    }

    .info-list {
        margin-top: 42px
    }

    .banner__title {
        font-size: 36px;
        line-height: 46px
    }

    .banner__btns .btn {
        font-size: 18px;
        min-height: 56px
    }

    .steps-block__item-title {
        font-size: 20px
    }

    .steps-block__item .btn {
        margin-inline: auto
    }

    .bonuses .bonuses__item {
        min-width: 328px
    }

    .gallery__list a {
        min-width: 150px
    }

    .pros-cons__title {
        font-size: 20px;
        line-height: 120%
    }

    .pros-cons__item {
        padding: 20px
    }

    .footer.footer--enable-mobile-button {
        padding-bottom: 80px
    }
}

@media (hover: hover) {
    .content__header:hover, .copy-el .copy-el__btn:hover, .fixed-el .fixed-el__close:hover, .footer a.footer__dmca:hover, .footer a.footer__logo:hover, .footer__soc a:hover, .header a.header__logo:hover, .section-faq summary:hover, p:not([class]) a:hover {
        opacity: .6
    }

    .header__burger:hover::after, .header__lang-active:hover, .sports-list li:hover {
        background: rgba(255, 255, 255, .0588235294)
    }

    .btn_h2:hover, .header__lang-item:hover {
        background: rgba(255, 255, 255, .1019607843)
    }

    .breadcrumbs .breadcrumbs__list a:hover, .content__nav ol li a:hover, .footer__nav-list a:hover {
        color: #00b24b
    }

    .footer__dwnld-link:hover {
        opacity: .7;
    }

    .footer__dwnld-link:hover > svg path {
        fill-opacity: 1;
        stroke-opacity: 1
    }

    .btn_copy:hover {
        background: var(--primary-opacity-8)
    }

    .btn_blue:hover, .btn_green:hover {
        background-position: 100% 0;
        opacity: .8
    }

    .btn_white:hover {
        opacity: .8
    }

    .breadcrumbs .breadcrumbs__list a:hover svg path {
        fill: #00b24b
    }

    .categories-list__item:hover {
        background: rgb(43 53 74)
    }

    .categories-list__item:hover .categories-list__item-title::after {
        transform: rotate(-90deg) translateY(10px)
    }

    .gallery__list::-webkit-scrollbar {
        width: 0
    }
}

.last-modified-date {
    display: flex;
    gap: 3px;
    align-items: center;
    margin-top: 16px
}

.has-title-link-wrapper .btn, .last-modified-date p {
    margin: 0
}

.last-modified-date__inner {
    margin-left: 2px
}

.popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(4 4 4 / 90%);
    z-index: 1201
}

.popup .popup__win {
    display: flex;
    flex-direction: column;
    position: absolute;
    max-width: 860px;
    height: 580px;
    background-color: #19213a;
    border-radius: 12px;
    overflow: hidden
}

.popup .popup__header {
    display: flex;
    gap: 24px;
    padding: 12px
}

.popup .popup__title {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 23px;
    font-weight: 800;
    line-height: 28px
}

.popup .popup__buttons {
    display: flex;
    align-items: center;
    margin: 10px
}

.popup .slots__button {
    min-width: 296px;
    margin-bottom: 0;
    width: 100%
}

.popup .popup__cross {
    width: 44px;
    min-width: 44px;
    height: 44px;
    background-image: url("../images/cross.svg");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: auto
}

.popup .popup__content {
    position: relative;
    flex: 1 1
}

.popup .popup__content iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.popup, .popup .popup__content iframe, .popup .popup__win {
    margin: auto;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0
}

.scroll-top {
    position: fixed;
    right: 15px;
    z-index: 14;
    bottom: 80px
}

.scroll-top__button {
    background: #ffffff;
    background-size: 200% 100%;
    border-radius: 8px
}

.comment-form {
    position: relative;
    margin-top: 36px
}

.comment-form__title {
    margin: 0 0 15px;
    font-family: inherit;
    font-style: normal
}

.comment-form__form {
    display: grid;
    grid-template-columns:.4fr 1fr;
    row-gap: 10px;
    column-gap: 15px
}

.comment-form__textarea {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
    resize: none
}

.comment-form__field {
    background-color: #f1f5ff;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid transparent;
    outline: 0;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    transition: .3s ease-in-out
}

.comment-form__field.error {
    border-color: #ff3c3c
}

.comment-form__button {
    padding: 16px 18px 18px;
    display: flex;
    align-items: center;
    background-color: #009dde;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    justify-content: center;
    border: none;
    cursor: pointer;
    outline: 0;
    transition: .3s
}

.comment-form__alert {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    display: block;
    grid-column: 1/-1;
    position: absolute;
    bottom: -23px;
    left: 0;
    width: 100%;
    font-family: inherit;
    font-size: 14px;
    line-height: 16px;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out
}

.comment-form__button svg {
    width: 25px;
    height: 25px;
    margin-right: 10px
}

.comment-form__alert.success {
    color: #3a8202;
    opacity: 1;
    visibility: visible
}

.comment-form__alert.error {
    color: #ff3c3c;
    opacity: 1;
    visibility: visible
}

.comment {
    margin-top: 30px;
    padding: 20px;
    background: #f1f5ff;
    border: 1px solid #d6ddf0;
    border-radius: 10px;
    display: grid;
    grid-template-columns:min-content 1fr;
    gap: 10px
}

.comment__author {
    font-family: inherit;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-font-darkgray);
    white-space: nowrap;
    margin: 0
}

.comment__date {
    background: linear-gradient(180deg, #4eb3ff 0, #1995f3 100%), #495062;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 16px
}

.comment__content {
    margin: 0;
    font-family: inherit;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    grid-column: 1/-1
}

.comment-form__field {
    background-color: #f1f5ff14;
    color: #fff
}

.comment-form__field::placeholder {
    color: #d2d2d2
}

.comment-form__button {
    border-radius: 10px;
    background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%);
    font-weight: 400
}

.comment {
    background-color: #f1f5ff14;
    border: none
}

.page-404 .onewinbetng-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.page-404__title {
    font-size: 160px;
    line-height: 170px
}

.game {
    align-items: center;
    border-radius: 3px;
    border: 1px solid #2b3653;
    padding: 28px 16px;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    width: 100%
}

.game > .get-image {
    margin: 0 0 8px
}

.game__title {
    margin: 0 0 16px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px
}

.game__affiliate-link, .game__demo-link {
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    font-family: var(--ff-primary);
    font-weight: 600;
    line-height: 16px;
    font-size: 14px;
    color: #fff;
    transition: .3s ease-in-out;
    cursor: pointer;
    min-width: 200px
}

.game__affiliate-link {
    background: #00b24b
}

.game__demo-link {
    background-color: #ffffff;
    color: #141415;
}

.game__box {
    position: fixed;
    display: none;
    left: 50%;
    width: 100%;
    max-width: 1200px;
    padding: 10px;
    z-index: 1210;
    top: 50%;
    transform: translate(-50%, -50%)
}

.game__box-header {
    margin-bottom: -1px;
    padding: 8px 8px 8px 16px;
    background: #141415;
    border-radius: 3px 3px 0 0;
    display: flex;
    align-items: center
}

.game__box-title {
    margin: 0 24px 0 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #fff
}

.game__box-close {
    display: flex;
    margin-left: auto;
    border: none;
    border-radius: 3px;
    background-color: transparent;
    cursor: pointer
}

.game__box-close:hover {
    background-color: rgba(255, 255, 255, .2)
}

.game__iframe {
    border-radius: 0 0 3px 3px;
    width: 100%;
    aspect-ratio: 16/9;
    border: none;
    overflow: hidden;
    background-color: #d9d9d9
}

.page.scroll-lock-modal:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000c7;
    z-index: 1200
}

.page.scroll-lock-modal {
    overflow: hidden;
    position: relative
}

.game img {
    order: 0;
    margin: 0 0 20px
}

.wp-block-table table td.has-text-align-center, .wp-block-table table th.has-text-align-center {
    text-align: center
}

.wp-block-table table td.has-text-align-left, .wp-block-table table th.has-text-align-left {
    text-align: left
}

.wp-block-table table td.has-text-align-right, .wp-block-table table th.has-text-align-right {
    text-align: right
}

.wp-block-table table td ol:first-of-type, .wp-block-table table td ul:first-of-type {
    margin-top: 5px
}

.wp-block-table.js-scroll-list table {
    user-select: none
}

.has-title-link-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

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

    .comment-form__textarea {
        grid-column: 1;
        grid-row: 3
    }

    .game__box {
        top: 30px;
        left: 12px;
        bottom: 30px;
        right: 12px;
        transform: none;
        padding: 0;
        width: calc(100% - 24px);
        overflow: hidden
    }

    .has-title-link-wrapper {
        display: contents
    }

    .has-title-link-wrapper .btn {
        order: 10;
        margin-left: auto;
        margin-right: auto;
        margin-top: 16px
    }
}

@media (max-width: 575.9px) {
    .bonus--v1 .bonus__content {
        width: 70%;
    }
}

.footer__images img {
    max-width: max-content;

}

.footerLink a {
    width: max-content;
    align-items: center;
    justify-content: center;
}

.footerLink a img {
    max-width: max-content;
    width: max-content;
    height: 22px;
}

@media (max-width: 991.9px) {
    .header .header-menu {
        margin-bottom: auto;
    }

    .header .header-menu > .header__nav-item {
        flex-shrink: 0;
    }
}

.footer__logo img {
    object-fit: contain;
    width: auto;
}

/* Timer */
.section-hero__bonus:has(.section-hero__timer) {
    margin-top: 39px;
}

.timer {
    display: flex;
    padding: 4px 4px 4px 10px;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    height: 37px;
    background: linear-gradient(86deg, #D062FF 2.96%, #7BB0FF 99.68%), #FFF;
    color: #FFF;
    font-family: "Segoe UI", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
}

.section-hero__timer {
    position: absolute;
    top: -18px;
    left: 24px;
}

.section-hero-app__timer {
    position: absolute!important;
    top: -18px;
    left: auto;
    right: auto;
    width: auto;
}

.timer__value {
    display: flex;
    padding: 0 15px 2px 15px;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    border-radius: 38px;
    background: #FFF;
    height: 100%;
}

.timer__value span {
    background: linear-gradient(90deg, #D062FF, #7BB0FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 767.9px) {
    .timer {
        white-space: nowrap;
    }

    .section-hero__timer {
        left: 50%;
        transform: translateX(-50%);
    }

    .section-hero__bonus img {
        margin-top: 16px;
    }
}

@media (max-width: 575.9px) {
    .section-hero__bonus {
        padding-top: 32px;
    }
}

/* Speen the wheel */
.stw {
    display: contents;
}

.stw__btn {
    position: fixed;
    left: 61px;
    bottom: 30px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: unset;
    border: unset;
}

@media (min-width: 576px) {
    .stw__btn {
        transition: 0.2s ease-in-out;
        will-change: transform;
        animation-name: stw-btn-scale;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-fill-mode: forwards;
    }
}

@media (max-width: 575px) {
    .stw__btn {
        left: 32px;
        bottom: 75px;
    }
}


@keyframes stw-btn-scale {
    0% {
        transform: scale(100%)
    }
    50% {
        transform: scale(110%)
    }
    100% {
        transform: scale(100%)
    }
}

@media (min-width: 768px) {
    .stw__btn:hover {
        opacity: .7;
    }
}

.stw__btn::before {
    content: url("../images/wheel_bg.webp");
    width: 159px;
    height: 61px;
    position: absolute;
    inset: auto;
    z-index: 898;
}


.stw__btn img {
    z-index: 900;
}

.stw__btn span {
    display: inline-flex;
    padding: 2px 8px 0 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 29px;
    background: #0233D7;
    color: #FFF;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 180% */
    text-transform: uppercase;
    text-align: center;
    margin-top: -20px;
    z-index: 901;
}

/* Wheel */
.stw__popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 995;
}

.stw__popup._active {
    display: flex;
}

.stw__window {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 14.5px;
    width: 328px;
    height: 547px;
    border-radius: 10px;
    background: #272729;
    overflow: hidden;
}

.stw__window > :not(.stw__wheel) {
    z-index: 998;
}

.stw__window::after {
    content: url("../images/wheel-popup_bg.webp");
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 996;
}

.stw__close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: unset;
    border: unset;
}

@media (min-width: 768px) {
    .stw__close:hover {
        opacity: .7;
    }
}

.stw__tries {
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border-radius: 44px;
    border: 1px solid #3B4454;
    background: #2e3033;
    color: #d2d2d2;
    font-family: "Segoe UI", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
}

.stw__tries span {
    display: flex;
    padding: 5px 16px;
    align-items: center;
    gap: 10px;
    border-radius: 44px;
    background: linear-gradient(86deg, #D062FF 2.96%, #7BB0FF 99.68%);
    color: #FFF;
    font-family: "Segoe UI", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 20.4px */
}

.stw__title {
    color: #FFF;
    text-align: center;
    font-family: "Segoe UI", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 125% */
    text-transform: capitalize;
    width: 100%;
    margin-top: 0;
}

.stw__try {
    display: flex;
    min-height: 45px;
    padding: 13.17px 30px 13.83px 30px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    background: linear-gradient(90deg, #31BC69 0%, #089E4E 50%, #31BC69 100%), linear-gradient(180deg, #F3C150 0%, #FA9540 100%), linear-gradient(90deg, #31BC69 0%, #089E4E 50%, #31BC69 100%);
    color: #FFF;
    text-align: center;
    font-family: "Segoe UI", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 100% */
    cursor: pointer;
}

.stw__try._disabled {
    display: none;
    pointer-events: none;
}

@media (min-width: 768px) {
    .stw__try:hover {
        opacity: .7;
    }
}

.stw__wheel {
    position: relative;
    width: 100%;
    height: 299px;
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.stw__wheel-img {
    position: absolute;
    top: -35px;
    max-width: unset;
    z-index: 997;
}

.stw__wheel-img._static {
    will-change: transform;
    animation-name: static-rotation;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

.stw__wheel-img._try {
    will-change: transform;
    animation-name: try-rotation;
    animation-duration: 6s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.42, 0, .26, 1);
    animation-fill-mode: forwards;
    pointer-events: none;
}

.stw__wheel-img._win {
    will-change: transform;
    animation-name: win-rotation;
    animation-duration: 6s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.42, 0, .26, 1);
    animation-fill-mode: forwards;
    pointer-events: none;
}


:root {
    --start-rotation: 0deg;
    --end-rotation: 0deg;
    --end-rotation2: 0deg;
}

@keyframes static-rotation {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes try-rotation {
    0% {
        transform: rotate(var(--start-rotation))
    }
    100% {
        transform: rotate(var(--end-rotation))
    }
}

@keyframes win-rotation {
    0% {
        transform: rotate(var(--start-rotation))
    }
    100% {
        transform: rotate(var(--end-rotation2))
    }
}

.stw__wheel-flag {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: unset;
    z-index: 998;
}

.stw__won-spin {
    display: none;
    padding: 3px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.28);
    color: #FFF;
    text-align: center;
    font-family: "Segoe UI", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 166.667% */
    text-transform: capitalize;
    margin: 0 auto;
}

.stw__won-spin._visible {
    display: flex;
}

.stw__won-bunus {
    position: relative;
    display: none;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 16px;
    background: linear-gradient(106deg, #C106F6 58.7%, #7361F4 100%);
    overflow: hidden;
}

.stw__won-bunus._visible {
    display: flex;
}

.stw__won-bunus:before {
    content: url("../images/button-bg.webp");
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    z-index: 997;
}

.stw__won-bunus > * {
    z-index: 999;
}

.stw__bonus-text {
    color: var(--white, #FFF);
    text-align: center;
    font-family: "Segoe UI", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    text-transform: capitalize;
    margin-top: 0;
}

.stw__bonus-button {
    display: flex;
    width: 275px;
    min-height: 45px;
    padding: 13.17px 30px 13.83px 30px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #FFF;
    flex: 1 0 0;
    text-align: center;
    font-family: "Segoe UI", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 100% */
}

.stw__bonus-button span {
    background: linear-gradient(106deg, #C106F6 58.7%, #7361F4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* H1 stw */
.section-hero__stw {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    background: unset;
    border: unset;
    cursor: pointer;
    width: 100%;
    height: 100%;
    transition: 0.2s ease-in-out;
}

@media (min-width: 768px) {
    .section-hero__stw:hover {
        opacity: .7;
    }
}

.section-hero__stw img {
    position: absolute;
    inset: 0;
    margin: auto;
    max-height: 100%;
    object-fit: contain;
    z-index: 2;
}

.section-hero__stw span {
    position: relative;
    display: flex;
    width: 264px;
    max-width: 264px;
    min-height: 45px;
    padding: 13.17px 30px 13.83px 30px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: linear-gradient(90deg, #31BC69 0%, #089E4E 50%, #31BC69 100%);
    color: #FFF;
    text-align: center;
    font-family: "Segoe UI", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 100% */
    text-transform: uppercase;
    z-index: 3;
    margin: auto auto 0 auto;
}

@media (max-width: 767.9px) {
    .section-hero__stw img {
        position: relative;
    }

    .section-hero__stw span {
        margin-top: -64px;
    }
}

@media (max-width: 575.9px) {
    .onewinbetng-container {
        overflow: hidden;
    }

    .section-hero__stw {
        position: relative;
        width: 100%;
        height: 245px;
    }

    .section-hero__stw img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: auto;
        right: auto;
        max-width: unset;
        min-height: 100%;
    }

    .section-hero__stw span {
        margin-top: 0;
        width: 100%;
        max-width: unset;
    }
}

/* API styles */
@media (max-width: 767px) {
    .TOA-block {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
    }

    .TOA-block__item {
        min-width: 340px;
    }
}

.section-hero-app__button {
    width: 100%;
    margin-top: 8px;
}

@media (max-width: 1420px) {
    .section-hero-app__info {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .section-hero-app__info-item:nth-child(2n)::after {
        display: none;
    }
}

@media (max-width: 1200px) {
    .section-hero-app__info {
        display: flex;
    }

    .section-hero-app__info:not(:last-child) {
        margin-right: 0;
    }


    .section-hero-app__rating {
        flex-direction: column;
        gap: 8px;
        padding: 20px 20px 8px 20px;
    }

    .section-hero-app__info {
        margin-bottom: 8px;
    }

    .section-hero-app__btn {
        width: 100%;
    }

    .section-hero-app__btn + .section-hero-app__btn {
        margin: 0;
    }


}

@media (max-width: 991.9px) {
    .section-hero-app__rating {
        order: 2;
    }

    .section-hero-app:has(.section-hero-app__rating) .section-hero-app__app {
        min-height: 318px;
    }

    .section-hero-app .section-hero-app__app:has(.section-hero-app__timer) {
        margin-top: 27px;
    }

    .section-hero-app:not(:has(.section-hero-app__rating)) .section-hero-app__app {
        min-width: unset;
    }
}

/* Odds API */
.TOA__button,
.TOA-block__item-date {
    background: #00b24b;
}

.TOA-block__item {
    background: #272729;
}

.TOA-block__item-coefficient {
    background: #2e3033;
}

.TOA-block__item-coefficient:hover, .TOA-block__item-coefficient.active {
    background: inherit;
    opacity: .7;
}