@charset "UTF-8";

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

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

:active, :focus {
    outline: 0
}

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

a {
    text-decoration: unset;
}

main .text-image__content a:not([class]),
main .hero-section__text a:not([class]),
main .p:not([class]) a:not([class]),
main .how-to__item-text a:not([class]),
main .wp-block-list a:not([class]),
main .wp-block-table a:not([class]),
main .bonuses-list__item-text a:not([class]),
main .advantages-list__item-text a:not([class]),
main .faq-section__item-text a:not([class]),
main .wrapper p:not([class]) > a:not([class]) {
    text-decoration: underline;
    color: #5684ff;
}

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

body, html {
    min-height: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 1;
}

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

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    margin: 0
}

input[type=number] {
}

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

button {
    cursor: pointer
}

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

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

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top;
    height: auto
}

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

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

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

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

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

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

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

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

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

.wrapper {
    padding-top: 32px;
    padding-bottom: 32px
}

.wrapper--bordered {
    margin-top: 32px;
    padding-top: 64px;
    padding-bottom: 64px;
    border-top: 6px solid var(--M3-sys-light-primary, #0e7ddd);
    border-bottom: 6px solid var(--M3-sys-light-primary, #0e7ddd);
    background: var(--wrapper-bordered-color, #f2f0eb)
}

.wrapper:has(.top-layer) {
    position: relative
}

.wrapper .top-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--lang-bg);
    clip-path: polygon(0 -.095%, 0 99.905%, 0 99.905%, 14.219% 97.991%, 27.665% 94.155%, 40.275% 88.444%, 51.989% 80.905%, 62.744% 71.585%, 72.48% 60.53%, 81.135% 47.788%, 88.648% 33.405%, 94.956% 17.428%, 100% -.095%, 0 -.095%);
    z-index: 2
}

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

.wrapper > :not(.container):not(.faq-section):not(.btn) {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--width-container)
}

.wrapper > .container:not(:first-child):not(.mp-hero-section) {
    margin-top: 2rem;
}

.wrapper > :not(:first-child) {
    margin-top: 32px;
}

.wrapper > .btn {
    max-width: calc(100% - var(--offsets) * 2);
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1480px) {
    .wrapper > :not(.container):not(.btn):not(.top-layer):not(.faq-section) {
        margin-left: var(--offsets);
        margin-right: var(--offsets);
        max-width: calc(100% - var(--offsets) * 2)
    }

    .wrapper > :not(:first-child) {
        margin-top: 28px;
    }
}

.container > img {
    max-width: 100%
}

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

.footer-wrapper {
    background: var(--bonus-bg)
}

.toggle {
    position: fixed;
    padding: 4px;
    color: var(--text-color1);
    background: var(--lang-bg);
    bottom: 70px;
    left: 40px;
    z-index: 100;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    cursor: pointer
}

.hidden_svg {
    display: none
}

.no-scroll {
    overflow: hidden
}

@property --rotate {
    syntax: "<angle>";
    initial-value: 132deg;
    inherits: false;
}

:root {
    --offsets: 16px;
    --width-container: 1440px;
    --star-color: #ffa959;
    --star-bg: transparent;
    --second-offests: 20px;
}

@media (max-width: 1300px) {
    :root {
        --second-offests: 16px;
    }
}

body {
    --header-color: #fff;
    --header-shadow: 0px 0px 20px 0px rgba(61, 61, 73, 0.34);
    --body-color: #f6f8f9;
    --btn-primary: #0e7ddd;
    --btn-secondary-game: #dde7e3;
    --btn-secondary-popup: #dde7e3;
    --btn-secondary-game-hover: #bcc9c4;

    --lang-bg: #dde7e3;
    --lang-hover-color: #fff;
    --lang-text-color: #0e1e20;
    --burger-color: #231917;
    --nav-color: #f2f0eb;
    --nav-link-color: #231917;
    --text-color1: #231917;
    --text-color2: #605856;
    --text-color3: #0e1e20;
    --text-color4: #0e1e20;
    --pros-cons: #fff;
    --menu-item-color: #fdfcfa;
    --bonus-bg: #fff;
    --bonus-text: #dde7e3;
    --promocode-border: #000;
    --border-color: #ccc;
    --cell-color: #f6f5f1;
    --pros-color: #004b51;
    --cons-color: #ba1a1a;
    --footer-link-color: #000;
    --wrapper-bordered-color: #f2f0eb;
    --up-btn-color: #1b1b1b;
    --up-btn-hover: #d7d8d9;
    --advantages-svg: rgba(224, 250, 227, 1);
    --advantages-svg2: rgba(72, 226, 88, 1);
    --disabled-color: #e0e0e0;
    --hover-color: rgba(73, 69, 79, 0.12);
    --hover-color2: rgba(73, 69, 79, 0.12);
    --m3-state-layers--primary-opacity: rgba(164, 146, 80, 0.08);
    --sb-track-color: var(--header-color);
    --sb-thumb-color: #0e7ddd;
    --sb-size: 12px;
    --font-family: -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
    --M3-sys-light-outline: rgba(0, 0, 0, 1);
    --Primary-gradient: linear-gradient(180deg, #0e7ddd 29.15%, #0f75cc 51.46%, #0e6bbb 107.58%);
    --btn-secondary: transparent;
    /*--btn-secondary-hover: #068240;*/
    --M3-sys-light-on-surface: #231917;
    --btn-secondary-color: #231917;
    --M3-sys-light-surface-bright: #FFF;
    --burger-color: #000;
    --burger-bg: #ccc;
    --icon--orange-bg: #fff8f0;
    --icon--green-bg: #f4ffde;
    --icon--icon--purpl: #efeafe;
    --M3-sys-light-tertiary-fixed-dim: #919191;
    --M3-sys-light-on-surface-variant: #605856;
    --M3-sys-light-surface-bright: #fff;
    --calc-block-label-bg: #fff;
    --socials-bg: linear-gradient(90deg, #F0F8FE 1.69%, #E1E5E9 100%);
    --M3-sys-light-on-secondary: #0E1E20;
    --app-bonus-bg: linear-gradient(94deg, #F1F9FF 1.03%, #D0D7DD 100%);
    --calc-block-bg: #FFF;
    --block-shadow: 0px 4px 8px 3px rgba(49, 49, 54, 0.15), 0px 1px 3px 0px rgba(49, 49, 54, 0.2);
    background: var(--body-color);
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    font-family: var(--font-family);
}

body.dark {
    --header-color: #1d1f22;
    --header-shadow: 0px 0px 20px 0px rgba(16, 17, 24, 0.34);
    --body-color: #18191b;
    --font-family: -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
    --btn-secondary-game: #243335;
    --btn-secondary-popup: #0e7ddd;
    --btn-secondary-game-hover: #252f31;

    --btn-secondary-game-color: #fff;
    --lang-bg: #243335;
    --lang-hover-color: #1d1f22;
    --lang-text-color: #d5e6e8;
    --burger-color: #f6f7f9;
    --nav-color: #18191b;
    --nav-link-color: #f6f7f9;
    --text-color1: #f6f7f9;
    --text-color2: #bcbdc6;
    --text-color3: #d5e6e8;
    --text-color4: #ffff;
    --pros-cons: #002023;
    --menu-item-color: #33353c;
    --bonus-bg: #1d1f22;
    --bonus-text: #2e2f35;
    --promocode-border: #c6c6c6;
    --border-color: #30333c;
    --cell-color: #282930;
    --pros-color: #a7cee4;
    --cons-color: #ff5449;
    --wrapper-bordered-color: #181a1e;
    --footer-link-color: #f0f1f2;
    --up-btn-color: #ffff;
    --up-btn-hover: #34353e;
    --advantages-svg: #0E6DBE;
    --advantages-svg2: #ededed;
    --disabled-color: #5d5f6f;
    --hover-color: rgba(227, 225, 230, 0.12);
    --hover-color2: rgba(188, 188, 191, 0.12);
    --m3-state-layers--primary-opacity: rgba(142, 146, 164, 0.12);

    --M3-sys-light-outline: rgba(255, 255, 255, 1);
    --Primary-gradient: linear-gradient(180deg, #0e7ddd 29.15%, #0f75cc 51.46%, #0e6bbb 107.58%);
    --btn-secondary: transparent;
    /*--btn-secondary-hover: #068240;*/
    --M3-sys-light-on-surface: #d5e6e8;
    --btn-secondary-color: #f6f7f9;
    --M3-sys-light-surface-bright: #FFF;
    --burger-color: #FFF;
    --burger-bg: #1d1f22;
    --icon--orange-bg: transparent;
    --icon--green-bg: transparent;
    --icon--icon--purpl: transparent;
    --M3-sys-light-tertiary-fixed-dim: #f6f7f9;
    --M3-sys-light-on-surface-variant: #d5e6e8;
    --M3-sys-light-surface-bright: transparent;
    --calc-block-label-bg: #18191b;
    --socials-bg: linear-gradient(90deg, #323538 1.69%, #191D20 100%);
    --M3-sys-light-on-secondary: #d5e6e8;
    --app-bonus-bg: #1d1f22;
    --calc-block-bg: #323538;
    --block-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3);
}

::-webkit-scrollbar {
    width: var(--sb-size)
}

::-webkit-scrollbar:horizontal {
    height: var(--sb-size);
}

::-webkit-scrollbar-thumb {
    background-color: var(--sb-thumb-color);
    border-radius: 16px
}

::-webkit-scrollbar-track {
    background-color: var(--sb-track-color);
    border-radius: 16px
}

@supports not selector(::-webkit-scrollbar) {
    body {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color)
    }
}

main {
    flex-grow: 1
}

h1 {
    color: var(--text-color1, #231917);
    font-family: var(--font-family);
    font-size: 58px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 69.6px */
    letter-spacing: -0.25px;
}

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

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

h2 {
    margin-top: 1rem;
    color: var(--text-color1, #231917);
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-color);
    font-family: var(--font-family);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%
}

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

h2.without-line {
    padding-bottom: 0 !important;
    border-bottom: none !important
}

.with-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

.with-link:not(h2) {
    border-bottom: 1px solid var(--border-color);
}

.with-link:not(h2) h2 {
    border-bottom: none;
}

.with-link a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 32px;
    border-radius: 4px;
    border: 1px solid var(--promocode-border, #000);
    color: var(--promocode-border, #000);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.with-link a::before {
    opacity: 0;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border-right: 1px solid var(--promocode-border, #000);
    border-bottom: 1px solid var(--promocode-border, #000);
    transition: all .2s ease 0s;
    z-index: -1
}

.with-link a::after {
    transition: all .2s ease 0s;
    transform: translateY(2px);
    content: "";
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpath d='M1.90283 0.00195312L0 1.88195L6.18084 8.00195L0 14.122L1.90283 16.002L10 8.00195L1.90283 0.00195312Z' fill='%23fff'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 10px;
    min-width: 10px;
    height: 16px
}

.with-link a:hover::after {
    transform: translate(5px, 2px)
}

.with-link a:hover::before {
    opacity: 1;
    transform: translate(4px, 4px);
    z-index: unset
}

h3 {
    margin-top: 1rem;
    color: var(--text-color1, #231917);
    font-family: var(--font-family);
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

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

p {
    margin-top: 1rem;
    color: var(--text-color2, #605856);
    font-family: var(--font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px
}

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

p.small-width {
    max-width: 52%
}

main ol.wp-block-list, main ol:not([class]) {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 26px;
    list-style: none;
    counter-reset: olNum
}

main ol.wp-block-list li, main ol:not([class]) li {
    position: relative;
    padding-left: 40px;
    color: var(--text-color1, #231917);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

main ol.wp-block-list li::before, main ol:not([class]) li::before {
    counter-increment: olNum;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 26px;
    background: #0e7ddd;
    top: -2px;
    left: 0;
    content: counter(olNum);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px
}

main ol.wp-block-list li h3, main ol:not([class]) li h3 {
    margin-top: 0;
    color: currentColor;
    font-family: var(--font-family);
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

main ol.wp-block-list li p, main ol:not([class]) li p {
    margin-top: 4px
}

main ul.wp-block-list, main ul:not([class]) {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}


main ul.wp-block-list:has(li:nth-child(12)),
main ul:not([class]):has(li:nth-child(12)) {
    display: block;
    columns: 2;
}

main ul.wp-block-list:has(li:nth-child(12)) li:not(:first-child),
main ul:not([class]):has(li:nth-child(12)) li:not(:first-child) {
    margin-top: 10px;
}

main ul.wp-block-list li,
main ul:not([class]) li {
    position: relative;
    padding-left: 30px;
    color: var(--text-color2, #605856);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px
}

main ul:not([class]) li::before,
main ul.wp-block-list li::before
{
    position: absolute;
    top: 2px;
    content: "";
    width: 22px;
    height: 19px;
    left: 0;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' viewBox='0 0 22 19' fill='none'%3E%3Cpath d='M20.2089 8.7132L12.9657 2.00284C12.3256 1.4098 11.2861 1.86379 11.2861 2.73641V16.1571C11.2861 17.0298 12.3256 17.4838 12.9657 16.8907L20.2089 10.1804C20.6361 9.78459 20.6361 9.10897 20.2089 8.7132Z' stroke='%23EC3C0A'/%3E%3Cpath d='M7.70469 2.40728L1.65685 8.75731C1.28902 9.14352 1.28902 9.75043 1.65685 10.1366L7.70469 16.4867C8.09877 16.9004 8.75885 16.9004 9.15294 16.4867L15.2008 10.1366C15.5686 9.75043 15.5686 9.14352 15.2008 8.75731L9.15294 2.40728C8.75885 1.9935 8.09877 1.9935 7.70469 2.40728Z'  stroke='%23EC3C0A'/%3E%3Cpath d='M7.70471 6.00689L5.08556 8.75691C4.71773 9.14312 4.71773 9.75004 5.08556 10.1362L7.70471 12.8863C8.0988 13.3001 8.75888 13.3001 9.15297 12.8863L11.7721 10.1362C12.14 9.75004 12.14 9.14313 11.7721 8.75692L9.15297 6.00689C8.75888 5.59311 8.0988 5.59311 7.70471 6.00689Z' stroke='%23EC3C0A'/%3E%3C/svg%3E");
    background-color: #0e7ddd
}

.header {
    position: sticky;
    top: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    z-index: 99;
    background: var(--header-color);
    box-shadow: var(--header-shadow)
}

.header__bg {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(41, 60, 63, .34);
    width: 100vw;
    height: 100vh;
    z-index: 97;
    display: none
}

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

.header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    margin-right: 28px;
    max-width: 90px;
    width: 100%
}

.header__logo > img {
    width: 100%;
    object-fit: contain
}

.header__lang {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 4px;
    border: 1px solid var(--M3-sys-light-outline, #000);
    cursor: pointer
}

.header__lang:hover::after {
    border-radius: 4px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .12)
}

/*.header__lang.active {*/
/*    background: var(--lang-hover-color)*/
/*}*/

.header__lang.active::after {
    display: none
}

.header__lang.active svg {
    transform: rotate(180deg)
}

.header__lang.active .header__lang-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.header__lang-img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    min-width: 18px;
    border-radius: 50%;
    overflow: hidden
}

.header__lang-img img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto
}

.header__lang span {
    color: var(--lang-text-color, #0e1e20);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    text-transform: uppercase
}

.header__lang svg {
    transition: all .2s ease 0s;
    fill: var(--nav-link-color)
}

.header__lang-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    border-radius: 4px;
    border: 1px solid var(--M3-sys-light-outline, #000);
    background: var(--lang-hover-color);
    width: 100%;
    display: none;
    flex-direction: column;
    z-index: 2
}

.header__lang-menu a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px
}

.header__lang-menu a:hover {
    background: var(--menu-item-color)
}

.header__lang-menu a > img {
    max-width: 18px;
    max-height: 18px;
    border-radius: 50%;
    object-fit: contain
}

.header__lang-menu a span {
    color: var(--lang-text-color, #0e1e20);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.header__nav {
    flex: 1 0 auto;
    align-items: flex-start;
    margin-right: auto;
    background: var(--nav-color);
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(0, calc(100% - var(--height)));
    height: 100vh;
    height: 100svh;
    max-width: 100vw;
    width: 0;
    z-index: 98;
    padding-top: 60px;
    padding-bottom: 20px;
    overflow-y: auto;
    transition: width .3s ease 0s
}

.header__nav.nowrap .header__nav-link {
    text-wrap: nowrap;
    white-space: nowrap
}

.header__nav.nowrap .header__nav-link svg {
    opacity: 0
}

.header__nav-cross {
    position: absolute;
    top: 12px;
    left: 17px;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: var(--nav-link-color)
}

.header__nav-cross svg {
    fill: currentColor
}

.header__nav-list {
    padding-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column
}

.header__nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    width: calc(100% - 64px);
    padding-bottom: 17px;
    cursor: pointer
}

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

.header__nav-link a {
    display: block;
    word-break: break-all;
    color: var(--nav-link-color, #231917);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    text-decoration: unset;
    transition: color .2s ease 0s;
}

.header__nav-link a:hover {
    color: #0e7ddd
}

.header__nav-link span {
    display: block;
    word-break: break-all;
    color: #0e7ddd;
    font-family: var(--font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    cursor: default
}

.header__nav-link.has-submenu {
    position: relative
}

.header__nav-link.has-submenu svg {
    position: absolute;
    top: 8px;
    right: 0;
    width: 24px;
    height: 24px;
    transition: all .1s ease 0s;
    fill: var(--nav-link-color);
    opacity: 1
}

.header__nav-link.has-submenu .submenu {
    display: none;
    min-width: 163px;
    padding: 12px;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: flex-start;
    z-index: 99;
    width: 100%;
    position: static;
    transform: none
}

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

.header__nav-link.has-submenu .submenu__item {
    border: none;
    padding-bottom: 10px
}

.header__nav-link.has-submenu .submenu__item a {
    font-weight: 300;
    color: var(--nav-link-color, #231917);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.header__nav-link.has-submenu .submenu__item a:hover {
    color: #0e7ddd
}

.header__nav-link.has-submenu.active {
    flex-direction: column;
    gap: 10px;
    border-radius: 12px
}

.header__nav-link.has-submenu.active a {
    align-self: flex-start;
    padding-left: 0
}

.header__nav-link.has-submenu.active svg {
    transform: rotate(180deg);
    top: 8px
}

.header__nav-link.has-submenu.active .submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    align-self: flex-start;
    gap: 20px;
    flex-wrap: wrap
}

.header__buttons .btn {
    margin-top: 0
}

.header__buttons .btn--secondary {
    stroke: var(--btn-secondary-color)
}

.header__burger {
    position: relative;
    width: 37px;
    height: 37px;
    padding: 8px;
    cursor: pointer;
    order: 3;
    /*margin-left: auto*/
}

.header__burger::before {
    content: "";
    position: absolute;
    top: 12px;
    right: 50%;
    transform: translateX(50%);
    width: 20px;
    height: 2px;
    background-color: var(--burger-color);
    border: 1px solid var(--burger-color);
    border-radius: 4px;
    transition: all .3s ease 0s
}

.header__burger::after {
    content: "";
    position: absolute;
    bottom: 12px;
    right: 50%;
    transform: translateX(50%);
    width: 20px;
    height: 2px;
    background-color: var(--burger-color);
    border-radius: 4px;
    transition: all .3s ease 0s
}

.header__burger span {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 20px;
    height: 2px;
    background-color: var(--burger-color);
    border-radius: 4px;
    transition: all .3s ease 0s
}

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

.header.burger-active .header__nav {
    width: 25vw
}

.header.burger-active .header__burger {
    opacity: 0
}

.hero-section {
    display: -ms-grid;
    display: grid;
    grid-template-columns:1.45fr 1fr;
    align-items: start;
    gap: 20px;
}

.hero-section:not(:has(.hero-section__bonus)) {
    grid-template-columns: 1fr 1fr;
    border-radius: 8px;
    background: var(--M3-sys-light-surface-bright, #FFF);
    padding: 32px;
    /* M3/Elevation Light/3 */
    box-shadow: 0px 4px 8px 3px rgba(49, 49, 54, 0.15), 0px 1px 3px 0px rgba(49, 49, 54, 0.20);
}

.hero-section:not(:has(.hero-section__bonus)) .hero-section__text .hero-section__text-content {
    grid-column: 2/3;
    grid-row: 1/-1;
}

.hero-section__text-content > :first-child {
    margin-top: 0;
}

.hero-section:not(:has(.hero-section__bonus)) h1 {
    max-width: unset;
}

.hero-section:not(:has(.hero-section__bonus)) p:not([class]) {
    grid-column: 2/3;
}

.hero-section__image {
    position: relative;
    grid-column: 1/-1;
    overflow: hidden;
    padding-bottom: 10px
}

.hero-section__image > img {
    max-width: 100%;
    object-fit: contain
}

.hero-section__logo {
    position: absolute;
    width: 120px;
    height: 120px;
    background: var(--body-color);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -48px;
    left: 50%;
    transform: translateX(-50%)
}

.hero-section:not(:has(.hero-section__bonus)) .hero-section__logo {
    background: var(--M3-sys-light-surface-bright, #FFF);
}

body.dark .hero-section:not(:has(.hero-section__bonus)) .hero-section__logo {
    background: var(--body-color)
}

.hero-section__logo > img {
    max-width: 100px;
    transform: translateY(-20px);
    object-fit: contain;
}

.hero-section__text h1 {
    max-width: 80%
}

/*@-webkit-keyframes border-animate-top {*/
/*    0% {*/
/*        -webkit-transform: translateX(100%);*/
/*        transform: translateX(100%)*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: translateX(-100%);*/
/*        transform: translateX(-100%)*/
/*    }*/
/*}*/

/*@keyframes border-animate-top {*/
/*    0% {*/
/*        -webkit-transform: translateX(100%);*/
/*        transform: translateX(100%)*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: translateX(-100%);*/
/*        transform: translateX(-100%)*/
/*    }*/
/*}*/

/*@-webkit-keyframes border-animate-left {*/
/*    0% {*/
/*        -webkit-transform: translateY(-100%);*/
/*        transform: translateY(-100%)*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: translateY(100%);*/
/*        transform: translateY(100%)*/
/*    }*/
/*}*/

/*@keyframes border-animate-left {*/
/*    0% {*/
/*        -webkit-transform: translateY(-100%);*/
/*        transform: translateY(-100%)*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: translateY(100%);*/
/*        transform: translateY(100%)*/
/*    }*/
/*}*/

/*@-webkit-keyframes border-animate-bottom {*/
/*    0% {*/
/*        -webkit-transform: translateX(-100%);*/
/*        transform: translateX(-100%)*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: translateX(100%);*/
/*        transform: translateX(100%)*/
/*    }*/
/*}*/

/*@keyframes border-animate-bottom {*/
/*    0% {*/
/*        -webkit-transform: translateX(-100%);*/
/*        transform: translateX(-100%)*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: translateX(100%);*/
/*        transform: translateX(100%)*/
/*    }*/
/*}*/

/*@-webkit-keyframes border-animate-right {*/
/*    0% {*/
/*        -webkit-transform: translateY(100%);*/
/*        transform: translateY(100%)*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: translateY(-100%);*/
/*        transform: translateY(-100%)*/
/*    }*/
/*}*/

/*@keyframes border-animate-right {*/
/*    0% {*/
/*        -webkit-transform: translateY(100%);*/
/*        transform: translateY(100%)*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: translateY(-100%);*/
/*        transform: translateY(-100%)*/
/*    }*/
/*}*/

.hero-section__bonus {
    width: 100%;
    position: relative;
    /*overflow: hidden;*/
    padding: 5px;
    background-image: linear-gradient(
            var(--rotate)
            , #5ddcff, #3c67e3 43%, #4e00c2);
    animation: spin 2.5s linear infinite;
    border-radius: 16px;
    will-change: transform;
}

.hero-section__bonus::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    margin: auto;
    transform: scale(0.8);
    filter: blur(75px);
    background-image: linear-gradient(
            var(--rotate)
            , #5ddcff, #3c67e3 43%, #4e00c2);
    opacity: 1;
    transition: opacity .5s;
    animation: spin 2.5s linear infinite;
}

@keyframes spin {
    0% {
        --rotate: 0deg;
    }
    100% {
        --rotate: 360deg;
    }
}

/*.hero-section__bonus::after, .hero-section__bonus::before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background: 0 0*/
/*}*/

/*.hero-section__bonus::before {*/
/*    top: 0;*/
/*    left: 0;*/
/*    border-top: 1px solid #0e7ddd;*/
/*    border-left: 1px solid #0e7ddd;*/
/*    height: 1px;*/
/*    width: 100%;*/
/*    animation: border-animate-top 2s infinite*/
/*}*/

/*.hero-section__bonus::after {*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    border-bottom: 1px solid #0e7ddd;*/
/*    border-right: 1px solid #0e7ddd;*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    animation: border-animate-bottom 2s infinite*/
/*}*/

/*.hero-section__bonus-left-border {*/
/*    position: absolute;*/
/*    height: 100%;*/
/*    width: 1px;*/
/*    top: 0;*/
/*    left: 0;*/
/*    border-left: 1px solid #0e7ddd;*/
/*    animation: border-animate-left 2s infinite*/
/*}*/

/*.hero-section__bonus-right-border {*/
/*    position: absolute;*/
/*    height: 100%;*/
/*    width: 1px;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    border-right: 1px solid #0e7ddd;*/
/*    animation: border-animate-right 2s infinite*/
/*}*/

.hero-section__bonus-content {
    padding: 15px;
    border-radius: 4px;
    /*border: 1px solid var(--M3-sys-light-primary, #0e7ddd);*/
    background: var(--bonus-bg, #fff);
    border-radius: 16px;
}

.hero-section__bonus-content-tag {
    margin-top: 0;
    color: var(--text-color1, #231917);
    letter-spacing: normal;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.hero-section__bonus-content-text {

    margin-top: 16px;
    padding: 16px;
    border-radius: 8px;
    background: var(--bonus-text, #dde7e3)
}

.hero-section__bonus-content-text:has(img) {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: 0 16px;
}

.hero-section__bonus-content-text img {
    grid-column: 1/2;
    grid-row: 1/-1;
    max-width: 110px;
    height: auto;
}

.hero-section__bonus-content-text-title {
    margin-top: 0;
    color: var(--text-color3, #0e1e20);
    font-family: var(--font-family);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%
}

.hero-section__bonus-content-text-info {
    color: var(--text-color3, #0e1e20)
}

.toc-section {
    position: relative
}

.toc-section__title {
    margin-top: 0;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3);
    padding: 16px 32px 16px 32px;
    border-radius: 8px;
    background: var(--header-color, #fff);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    color: var(--text-color1, #231917);
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    cursor: pointer
}

.toc-section__title h3 {
    margin-top: 0;
}

.toc-section__title:hover .toc-section__title-arrow {
    background: var(--hover-color2)
}

.toc-section__title-arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%) rotate(180deg);
    width: 40px;
    height: 40px;
    border: 1px solid var(--nav-link-color);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease 0s;
    pointer-events: none;
    cursor: pointer
}

.toc-section__title-arrow svg {
    width: 16px;
    height: 10px;
    fill: var(--nav-link-color)
}

.toc-section__toc {
    background: 0 0;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    background: var(--header-color, #fff)
}

.toc-section__toc.active {
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3)
}

.toc-section__toc.active .toc-section__title {
    box-shadow: none
}

.toc-section__toc.active .toc-section__title-arrow {
    transform: translateY(-50%) rotate(0)
}

.toc-section__toc.active .toc-section__toc-list {
    display: -ms-grid;
    display: grid;
    width: 100%
}

.toc-section__toc-list {
    display: none;
    padding: 16px 32px 16px 32px;
    grid-template-columns:1fr 1fr;
    column-gap: 20px;
    list-style: none;
    counter-set: tocList
}

.toc-section__toc-item {
    transition: all .3s ease 0s;
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid var(--border-color)
}

.toc-section__toc-item a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
    color: var(--M3-sys-light-on-surface, #231917)!important;
    font-family: var(--font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    counter-increment: tocList;
    transition: all .2s ease 0s
}

.toc-section__toc-item a::before {
    content: counter(tocList);
    width: 40px;
    height: 40px;
    background: var(--lang-bg);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color1, #0e1e20);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.toc-section__toc-item a span {
    padding: 10px 12px;
    border-radius: 4px
}

.toc-section__toc-item a:hover span {
    background: var(--m3-state-layers--primary-opacity, rgba(164, 146, 80, .08))
}

.categories-section {
    display: -ms-grid;
    display: grid;
    grid-template-columns:345px 1fr;
    gap: 20px
}

.categories-section__title {
    color: var(--text-color1, #231917);
    font-family: var(--font-family);
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    margin-top: 0;
}

.categories-section__aside {
    padding: 20px;
    border-radius: 8px;
    background: var(--header-color, #fff);
    grid-column: 1;
    grid-row: 1/3;
    box-shadow: var(--header-shadow)
}

.categories-section__aside-main {
    position: relative;
    border-radius: 4px;
    background: var(--games-bg, linear-gradient(180deg, #f6d8ee 0, #ffbece 100%));
    padding: 16px 16px 110px 16px
}

.categories-section__aside-main--yellow {
    background: #e6d46e
}

.categories-section__aside-main > img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: 110px;
    object-fit: contain;
    z-index: 1
}

.categories-section__aside-title {
    margin-top: 0;
    color: #231917;
    font-family: var(--font-family);
    font-size: 31px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase
}

.categories-section__aside-description {
    color: #231917;
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .035px
}

.categories-section h2 {
    margin-top: 0
}

.categories-section .categories-list {
    margin-top: 0
}

.galery-section {
    display: -ms-grid;
    display: grid;
    grid-template-columns:10fr 1fr;
    gap: 10px
}

.galery-section__list {
    margin-top: 16px;
    display: inline-flex;
    flex-wrap: nowrap;
}

.galery-section__list-item {
    /*min-width: 466px;*/
    /*max-width: 466px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
    overflow: hidden
}

.galery-section__list-item .galery-section__link {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    padding: 16px;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    background-image: url("../img/gallery-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.galery-section__caption {
    color: var(--M3-sys-light-surface, #FAFAFA);
    text-align: center;

    /* M3/body/large */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%; /* 24.48px */
    letter-spacing: 0.25px;
}

.galery-section__list-item .galery-section__link::after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='45' viewBox='0 0 44 45' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.06 24.6623L37.565 35.1673L34.8333 37.899L24.3283 27.394C22.3667 28.8057 20.0017 29.6673 17.4167 29.6673C10.835 29.6673 5.5 24.3323 5.5 17.7507C5.5 11.169 10.835 5.83398 17.4167 5.83398C23.9983 5.83398 29.3333 11.169 29.3333 17.7507C29.3333 20.3357 28.4717 22.7007 27.06 24.6623ZM17.4167 9.50065C12.8517 9.50065 9.16667 13.1857 9.16667 17.7507C9.16667 22.3157 12.8517 26.0007 17.4167 26.0007C21.9817 26.0007 25.6667 22.3157 25.6667 17.7507C25.6667 13.1857 21.9817 9.50065 17.4167 9.50065Z' fill='white'/%3E%3C/svg%3E");
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .6)));
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .6) 100%);
    opacity: 0;
    transition: all .2s ease 0s
}

.galery-section__list-item .galery-section__link > img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    margin-top: auto;
}

.galery-section .swiper {
    grid-column: 1/-1;
    max-width: 100%;
    overflow: hidden
}

.galery-section .swiper-controls {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    margin-top: 10px
}

.galery-section .swiper-next, .galery-section .swiper-prev {
    width: 40px;
    height: 40px;
    border: 1px solid var(--nav-link-color);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease 0s;
    cursor: pointer
}

.galery-section .swiper-next:hover, .galery-section .swiper-prev:hover {
    background: var(--hover-color2)
}

.galery-section .swiper-next svg, .galery-section .swiper-prev svg {
    width: 10px;
    height: 16px;
    fill: var(--nav-link-color)
}

@media (max-width: 1300px) {
    .galery-section__caption {
        font-size: 14px;
    }

    .galery-section__list-item .galery-section__link {
        gap: 16px 0;
    }
}

.faq-section__list {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.faq-section__item {
    position: relative;
    width: 100%;
    position: relative;
    border-bottom: 1px solid var(--border-color)
}

.faq-section__item:last-child {
    border-bottom: none
}

.faq-section__item-text {
    padding-bottom: 16px
}

.faq-section__item-text p {
    max-width: 67%
}

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

.faq-section__item-arrow {
    position: absolute;
    top: 16px;
    right: 0;
    transform: rotate(180deg);
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: 1px solid var(--nav-link-color);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease 0s;
    pointer-events: none;
    cursor: pointer;
    fill: var(--nav-link-color);
    padding: 11px;
}

/*.faq-section__item-arrow svg {*/
/*    width: 16px;*/
/*    height: 10px;*/
/*    fill: var(--nav-link-color)*/
/*}*/

.faq-section summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    max-width: 100%;
    position: relative;
    padding: 16px 70px 24px 0;
    color: var(--text-color1, #231917);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    cursor: pointer
}

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

.faq-section summary:hover .faq-section__item-arrow {
    background: var(--hover-color2)
}

.faq-section__item[open] summary .faq-section__item-arrow {
    transform: rotate(0)
}

.faq-section__item[open] .faq-section__item-text {
    position: relative
}

.footer {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    gap: 32px
}

.footer__head {
    display: -ms-grid;
    display: grid;
    grid-template-columns:1fr 90px 1fr;
    align-items: center;
    gap: 20px
}

.footer__head img {
    max-width: 90px;
    object-fit: contain
}

.footer__head::after, .footer__head::before {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--border-color)
}

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

.footer__nav li > a,
.footer__nav li > span {
    color: var(--footer-link-color, #000);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px
}

.footer__nav li > span {
    color: #0e7ddd;
}

.footer__nav li a:hover {
    color: #0e7ddd
}

.footer__copywrite {
    padding-top: 32px;
    border-top: 1px solid var(--border-color)
}

.footer__copywrite p {
    color: var(--text-color2, #231917)
}

.footer__copywrite p:first-child {
    margin-top: 0
}

.footer__copywrite-date {
    margin-top: 32px;
    color: var(--M3-sys-light-on-surface-variant, #605856);
    font-size: 14px;
    letter-spacing: .035px;
    text-align: center;
}

.footer__providers {
    padding-top: 32px;
    border-top: 1px solid var(--border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px
}

.dmca-badge {
    display: flex;
    justify-content: center;
}

.footer__providers li img {
    max-width: 100%;
    max-height: 48px;
    object-fit: contain
}

.mp-hero-section {
    position: relative;
    z-index: 3;
    display: -ms-grid;
    display: grid;
    grid-template-columns:1.5fr 1fr;
    align-items: start;
    column-gap: 60px;
    padding-top: 50px !important
}

.mp-hero-section .breadcrumbs {
    position: absolute;
    top: -20px;
    left: 20px
}

.mp-hero-section .breadcrumbs .container {
    padding: 0
}

.mp-hero-section__specs {
    grid-column: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-top: 20px
}

.mp-hero-section__specs-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 20px;
    padding-right: 20px;
    /*border-right: 1px solid var(--border-color)*/
}

.mp-hero-section__specs-item:first-child {
    margin-left: 0
}

.mp-hero-section__specs-item:last-child {
    padding-right: 0;
    border-right: none
}

.mp-hero-section__specs-item .cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--text-color1, #231917);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px
}

.mp-hero-section__specs-item .cell svg {
    stroke: var(--nav-link-color);
    fill: var(--nav-link-color)
}

.mp-hero-section__specs-item .cell .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%)
}

.mp-hero-section__specs-item .cell .rating::before {
    content: "★★★★★";
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(var(--star-color)), to(var(--star-bg)));
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 2px
}

.mp-hero-section__specs-item .cell .rating::after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: "☆☆☆☆☆";
    display: block;
    letter-spacing: 0;
    color: var(--star-color);
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 2px
}

.mp-hero-section__specs-item span {
    color: var(--text-color2, #605856)
}

.mp-hero-section .promocode {
    margin-top: 20px;
    max-width: 508px
}

.mp-hero-section__buttons {
    max-width: 508px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.mp-hero-section__buttons .btn {
    margin-top: var(--second-offests);
    padding: 12px 8px;
    flex: 1
}

.mp-hero-section__image {
    grid-column: 2;
    grid-row: 1/5;
    padding: 20px;
    border-radius: 8px;
    background: var(--header-color, #fff);
    box-shadow: var(--header-shadow)
}

.mp-hero-section__image > img {
    max-width: 100%;
    width: 100%;
    object-fit: contain
}

.sp-hero-section {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr minmax(0, 413px);
    column-gap: var(--second-offests);
    row-gap: 32px
}

.sp-hero-section > img {
    max-width: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 8px;
    background: var(--M3-sys-light-surface-bright, #FFF);

    /* M3/Elevation Light/1 */
    box-shadow: 0px 4px 8px 0px rgba(41, 60, 63, 0.08), 0px 4px 54px 0px rgba(41, 60, 63, 0.12);
    padding: var(--second-offests);
}

.sp-hero-section__content .breadcrumbs {
    padding-top: 0
}

.sp-hero-section__content .breadcrumbs__list {
    justify-content: flex-start
}

.sp-hero-section__content > p {
    margin-top: var(--second-offests)
}

.sp-hero-section__demo {
    grid-column: 1/-1;
    padding: 16px;
    border-radius: 4px;
    background: var(--header-color, #fff);
    box-shadow: 0px 4px 4px 0px rgba(10, 21, 27, 0.12);
}

.sp-hero-section__demo-header {
    padding: 16px 32px;
    border-radius: 4px 4px 0 0;
    background: #0e7ddd;
    color: #fff;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    margin-top: 0;
}

.sp-hero-section__demo-main {
    position: relative;
    min-height: 212px
}

.sp-hero-section__demo-main > .btn {
    position: absolute;
    max-width: 234px;
    width: 100%;
    margin-top: 0
}

.sp-hero-section__demo-main > .btn--primary {
    top: calc(50% - 66px);
    left: 50%;
    transform: translate(-50%, -50%)
}

.sp-hero-section__demo-main > .btn--secondary {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #dde7e3;
    color: #0e1e20
}

.sp-hero-section__demo-main > img {
    max-width: 100%;
    width: 100%;
    min-height: inherit;
    object-fit: cover;
    border-radius: 0 0 4px 4px
}

@media (max-width: 1300px) {
    .sp-hero-section__content > * {
        order: 5;
    }

    .sp-hero-section__content {
        display: contents;
    }

    .sp-hero-section__content h1 {
        order: 1;
    }

    .container sp-hero-section img {
        order: 2;
    }

    .sp-hero-section__content .sp-hero-section__button {
        order: 3;
    }

    .sp-hero-section__demo {
        order: 4;
    }
}

.text-image {
    width: 100%;
    max-width: 100%;
    /*margin-top: 20px;*/
    display: -ms-grid;
    display: grid;
    column-gap: 24px;
    row-gap: 16px;
    grid-template-columns:1.1fr 1fr
}

.text-image.reversed {
    grid-template-columns:1fr 1.1fr
}

.text-image.reversed .text-image__title {
    order: -3
}

.text-image.reversed .text-image__content {
    grid-column: 2
}

.text-image.reversed > .bonus, .text-image.reversed > .wp-block-table, .text-image.reversed > img {
    order: -2
}

.text-image.reversed > .calc-block {
    order: -2
}

.text-image.without-img .text-image__content {
    grid-column: 1/-1
}

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

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

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

.text-image__content > :not(:first-child) {
    margin-top: 1rem;
}

.text-image__content .btn {
    align-self: flex-start;
    margin-top: var(--second-offests)
}

.text-image > .wp-block-table {
    max-width: 696px
}

.text-image > .bonus, .text-image > img {
    max-width: 100%;
    justify-self: end;
    object-fit: contain;
    border-radius: 8px;
}

.text-image > .calc-block {
    max-width: 100%;
    justify-self: end;
    object-fit: contain
}

.promocode {
    width: 100%;
    position: relative;
    margin-top: 16px;
    display: -ms-grid;
    display: grid;
    grid-template-columns:1fr 1fr;
    align-items: baseline;
    gap: 6px
}

.promocode__input {
    padding-left: 5px;
    grid-column: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--promocode-border, #000)
}

.promocode__input .promocode__copy-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 0;
    border: 0;
    background: 0 0
}

.promocode__input .promocode__copy-btn:hover::after {
    display: none
}

.promocode__input svg {
    fill: var(--nav-link-color)
}

.promocode__input .promocode__value {
    padding: 9px;
    background: 0 0;
    color: var(--promocode-border, #000);
    text-align: center;
    font-family: var(--font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.promocode__copy-btn {
    position: relative;
    padding: 10px 24px;
    border-radius: 4px;
    border: 1px solid var(--promocode-border, #000);
    word-break: break-all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    background: 0 0;
    justify-content: center;
    color: var(--promocode-border, #000);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.promocode__copy-btn::after {
    opacity: 0;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border-right: 1px solid var(--promocode-border, #000);
    border-bottom: 1px solid var(--promocode-border, #000);
    transition: all .2s ease 0s;
    z-index: -1
}

.promocode__copy-btn:hover::after {
    opacity: 1;
    transform: translate(4px, 4px);
    z-index: unset
}

.promocode > .btn {
    grid-column: 1/-1;
    margin-top: 8px
}

.btn {
    position: relative;
    padding: 16px 24px;
    gap: 10px;
    border-radius: 4px;
    margin-top: var(--second-offests);
    display: block;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    transition: all .2s ease 0s;
    text-align: center;
    cursor: pointer
}

.btn:hover {
    box-shadow: 0px 4px 8px 0px rgba(10, 21, 27, 0.14), 0px 1px 2px 0px rgba(255, 255, 255, 0.48) inset;
}

/*.btn::after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgba(254, 247, 255, 0);*/
/*    transition: all .2s ease 0s*/
/*}*/

/*.btn svg {*/
/*    display: none*/
/*}*/

.btn--primary {
    background: var(--Primary-gradient, linear-gradient(180deg, #FF6B2C 29.15%, #EC3C0A 51.46%, #EC3C0A 107.58%));
}

/*.btn--primary:hover {*/
/*    box-shadow: 4px 4px 0 0 #0e6bbb*/
/*}*/

/*.btn--primary:hover::after {*/
/*    background: rgba(254, 247, 255, .12)*/
/*}*/

.btn--secondary {
    background: var(--btn-secondary);
    color:  var(--btn-secondary-color);
    border: 1px solid var(--btn-secondary-color);
}

/*.btn--secondary:hover {*/
/*    box-shadow: 4px 4px 0 0 var(--btn-secondary-hover)*/
/*}*/

/*.btn--secondary:hover::after {*/
/*    background: rgba(254, 247, 255, .12)*/
/*}*/

.btn--secondary--third {
    color: var(--M3-sys-light-on-primary-container, #3C0700);
    background: var(--elevated-gradient, linear-gradient(180deg, #FFF 29.15%, #FBF2E6 51.46%, #F5DCBA 107.58%));
}

.btn--transparent {
    background: 0 0;
    border: 1px solid var(--White, #fff)
}

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

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

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

.btn--with-svg svg {
    display: inline-block
}

.btn--apk:before {
    content: url('data:image/svg+xml,<svg width="27" height="20" viewBox="0 0 27 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M1.57659 1.1431C1.86592 0.846696 2.34076 0.840963 2.63717 1.1303L5.86107 4.27728C7.99594 2.75562 10.6139 1.85273 13.4468 1.84304L13.447 1.84304C15.1668 1.83662 16.8713 2.16168 18.4629 2.8C19.4167 3.18248 20.3188 3.67301 21.1515 4.26019L24.3579 1.1303C24.6543 0.840963 25.1291 0.846696 25.4185 1.1431C25.7078 1.43951 25.7021 1.91435 25.4057 2.20369L22.3345 5.20161C22.4667 5.32 22.5965 5.44115 22.7239 5.56499C23.9449 6.75232 24.9147 8.16429 25.5768 9.72039C26.2389 11.2765 26.58 12.9456 26.58 14.6318V17.4099C26.58 17.8604 26.3965 18.2886 26.076 18.6015C25.7561 18.9137 25.3261 19.086 24.8813 19.086H2.11275C1.668 19.086 1.23792 18.9137 0.918038 18.6015C0.597542 18.2886 0.414062 17.8604 0.414062 17.4099V14.7591C0.414062 10.9975 2.05871 7.5921 4.68305 5.22354L1.58939 2.20369C1.29298 1.91435 1.28725 1.43951 1.57659 1.1431ZM20.7389 5.82145C20.7499 5.83057 20.7611 5.83934 20.7725 5.84775C21.0878 6.09587 21.3902 6.36039 21.6781 6.64039C22.7576 7.69007 23.6131 8.9365 24.1966 10.3077C24.78 11.6788 25.08 13.1482 25.08 14.6318V17.4099C25.08 17.4507 25.0636 17.4936 25.0282 17.5281C24.9923 17.5632 24.9398 17.586 24.8813 17.586H2.11275C2.05429 17.586 2.00176 17.5632 1.96582 17.5281C1.93049 17.4936 1.91406 17.4507 1.91406 17.4099V14.7591C1.91406 11.2103 3.57795 8.01043 6.19158 5.90771C6.24247 5.87666 6.29043 5.83902 6.33422 5.79478C8.29119 4.27012 10.76 3.35219 13.4521 3.34303L13.4524 3.34303C14.9797 3.3373 16.4928 3.62602 17.9046 4.19221C18.9265 4.60203 19.8805 5.15126 20.7389 5.82145ZM9.2285 14.6318C10.0141 14.6318 10.651 14.0098 10.651 13.2427C10.651 12.4755 10.0141 11.8536 9.2285 11.8536C8.44287 11.8536 7.80599 12.4755 7.80599 13.2427C7.80599 14.0098 8.44287 14.6318 9.2285 14.6318ZM17.765 14.6318C18.5506 14.6318 19.1875 14.0098 19.1875 13.2427C19.1875 12.4755 18.5506 11.8536 17.765 11.8536C16.9793 11.8536 16.3424 12.4755 16.3424 13.2427C16.3424 14.0098 16.9793 14.6318 17.765 14.6318Z" fill="white"/></g></svg>');
    display: flex;
}

.btn--ios:before {
    content: url('data:image/svg+xml,<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.4176 3.43444C22.3304 2.95518 21.8896 2.62322 21.4048 2.67169C19.8986 2.82226 18.3165 3.69868 17.3041 4.85536C17.2887 4.87302 17.2739 4.89126 17.2598 4.91003C16.4595 5.97676 15.6464 7.49383 15.9661 9.25166C16.0412 9.66486 16.3828 9.9772 16.8012 10.0152C18.5954 10.1783 20.2505 9.06479 21.1239 7.90068C21.9399 6.81301 22.7344 5.17653 22.4176 3.43444ZM17.7957 8.06616C17.8981 7.38329 18.2509 6.7102 18.7339 6.06048C19.2193 5.51542 19.8852 5.06521 20.5631 4.79459C20.4323 5.48437 20.0807 6.17586 19.6281 6.77919C19.1819 7.3739 18.497 7.86655 17.7957 8.06616Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5232 10.1437C10.4345 10.1437 8.27484 11.325 6.99348 13.4492C6.03868 14.9275 5.69131 16.9914 5.88963 19.1392C6.09037 21.3132 6.8569 23.6722 8.25144 25.7966C8.26217 25.8129 8.27341 25.8289 8.28514 25.8446C8.83705 26.5802 9.48106 27.433 10.2132 28.0952C10.9486 28.7604 11.881 29.3337 13.0218 29.3337C13.5116 29.3337 13.8876 29.2499 14.2043 29.1509C14.3192 29.115 14.4333 29.0747 14.5256 29.042L14.5926 29.0183C14.7029 28.9798 14.7871 28.9524 14.8689 28.9319C14.9099 28.9217 14.9501 28.9087 14.9894 28.893C15.5916 28.6522 16.0761 28.4614 16.8858 28.4614C17.7208 28.4614 18.0882 28.6109 18.6073 28.8222C18.6525 28.8406 18.6989 28.8595 18.7468 28.8787C19.3444 29.1739 19.8581 29.3337 20.7499 29.3337C21.9775 29.3337 22.9488 28.6733 23.6778 27.9619C24.3202 27.335 24.877 26.5638 25.3262 25.9417C25.3842 25.8614 25.4404 25.7836 25.4947 25.7089C25.5076 25.6912 25.5198 25.6731 25.5314 25.6545C26.1638 24.643 26.5641 23.9773 27.0887 22.7974C27.1926 22.5636 27.1962 22.2975 27.0985 22.0611C27.0008 21.8246 26.8105 21.6386 26.5719 21.5462C23.3669 20.306 22.9789 15.8558 26.0399 14.2763C26.2844 14.1502 26.4609 13.9228 26.5224 13.6547C26.5839 13.3867 26.5241 13.1051 26.3591 12.8851C25.0607 11.1544 23.1632 10.2683 21.2485 10.2683C19.9748 10.2683 19.1086 10.5569 18.3506 10.8096L18.3353 10.8147C18.3331 10.8154 18.3309 10.8161 18.3288 10.8169C18.3136 10.8221 18.2986 10.8276 18.2837 10.8336C17.7349 11.053 17.3567 11.1406 16.8858 11.1406C16.4679 11.1406 16.2069 11.0478 15.722 10.8755C15.5697 10.8214 15.3953 10.7595 15.1871 10.6901L15.144 10.6757C14.4193 10.4341 13.5483 10.1437 12.5232 10.1437ZM8.58818 14.4251C9.55155 12.82 11.1264 12.0128 12.5232 12.0128C13.2227 12.0128 13.8333 12.2092 14.5958 12.4633C14.7119 12.502 14.8312 12.5451 14.9546 12.5898C15.4953 12.7854 16.1152 13.0097 16.8858 13.0097C17.6517 13.0097 18.2649 12.852 18.952 12.5794C19.6752 12.3386 20.2982 12.1374 21.2485 12.1374C22.279 12.1374 23.32 12.5053 24.1764 13.2605C20.9421 15.8143 21.597 20.83 24.9965 22.8518C24.6913 23.4576 24.3925 23.9492 23.9632 24.6362L23.8091 24.8489C23.3475 25.4867 22.8903 26.1183 22.3717 26.6244C21.7919 27.1902 21.2674 27.4645 20.7499 27.4645C20.1635 27.4645 19.9318 27.3814 19.5476 27.1893C19.5244 27.1778 19.5007 27.1671 19.4767 27.1575C19.4223 27.1357 19.3677 27.1135 19.3125 27.091C18.7329 26.8547 18.0891 26.5922 16.8858 26.5922C15.7345 26.5922 14.9823 26.8829 14.3495 27.1357C14.2086 27.1738 14.082 27.2167 13.975 27.2541L13.8819 27.2869C13.7954 27.3175 13.725 27.3424 13.6466 27.3669C13.4647 27.4237 13.2798 27.4645 13.0218 27.4645C12.5421 27.4645 12.041 27.2278 11.4676 26.7092C10.897 26.1931 10.3621 25.4975 9.79879 24.7469C8.5858 22.8901 7.92388 20.8351 7.75143 18.9674C7.57645 17.0723 7.91176 15.4666 8.57038 14.4536C8.57648 14.4442 8.58242 14.4347 8.58818 14.4251Z" fill="white"/></svg>');
    display: flex;
}

.categories-list {
    max-width: 100%;
    width: 100%;
    margin-top: 17px;
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    gap: 16px
}

.categories-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    padding: 16px 32px;
    color: var(--text-color1, #231917);
    font-family: var(--font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    border-radius: 8px;
    border: 1px solid var(--border-color, #ccc);
    background: var(--header-color, #fff)
}

.links-list {
    max-width: 100%;
    width: 100%;
    margin-top: 16px;
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 20px
}

.links-list__item {
    transition: all .2s ease 0s;
    border-radius: 4px
}

.links-list__item:hover {
    background: var(--m-3-state-layers-light-on-surface-opacity-008, rgba(171, 164, 181, .08))
}

.links-list__item a {
    display: -ms-grid;
    display: grid;
    grid-template-columns:48px 1fr;
    column-gap: 16px;
    width: 100%;
    height: 100%;
    padding: 12px;
    color: var(--lang-text-color, #0e1e20)!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.links-list__item a > img {
    max-width: 100%;
    grid-column: 1;
    grid-row: 1/3;
    object-fit: contain
}

.links-list__item a .links-list__item-description {
    margin-top: 0
}

.wp-block-table {
    overflow-x: auto;
    scrollbar-width: thin;
}

@media (max-width: 767px) {
    .wp-block-table table:has(td:nth-child(3)) { min-width: 600px }
    .wp-block-table table:has(td:nth-child(4)) { min-width: 800px }
    .wp-block-table table:has(td:nth-child(5)) { min-width: 1000px }
}

.wp-block-table:not(:first-child) {
    margin-top: 32px;
}

.wp-block-table.table-double {
    margin-top: 32px;
    filter: drop-shadow(0 4px 10px rgba(49, 49, 54, .34))
}

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

.wp-block-table.table-double table thead td, .wp-block-table.table-double table thead th {
    background: var(--M3-sys-light-primary, #0e7ddd);
    color: var(--M3-sys-light-on-tertiary, var(--Surf-Container-Highest, #fff));
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    text-align: left
}

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

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

.wp-block-table.table-double table td, .wp-block-table.table-double table th {
    padding: 16px;
    text-align: left
}

.wp-block-table.table-double table tr:not(:has(td:nth-child(3))) td:last-child,
.wp-block-table.table-double table tr:not(:has(th:nth-child(3))) th:last-child {
    width: 70%
}

.wp-block-table.table-double table td .cell, .wp-block-table.table-double table th .cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.wp-block-table.table-double table td .cell > img, .wp-block-table.table-double table th .cell > img {
    width: 44px;
    height: 44px;
    object-fit: contain
}

.wp-block-table.table-double table tbody tr:nth-child(odd) td {
    background: var(--header-color, #fff)
}

.wp-block-table.table-double table tbody tr:nth-child(even) td {
    background: var(--cell-color, #f6f5f1)
}

.wp-block-table.table-double table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 8px
}

.wp-block-table.table-double table tbody tr:last-child td:last-child {
    border-radius: 0 0 8px 0
}

.wp-block-table.table-double table tbody tr td {
    position: relative;
    color: var(--text-color1, #231917);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.wp-block-table.table-double table tbody tr td:first-child {
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    align-items: center;
    gap: 5px
}

.wp-block-table.table-double table tbody tr td:nth-child(2) {
    font-weight: 400;
    text-align: left
}

.wp-block-table.table-double table tbody tr td > img {
    max-width: 44px;
    object-fit: contain
}

.wp-block-table.table-double table tbody tr td > .btn {
    margin-top: 0;
    max-width: 100%;
    width: 100%
}

.how-to {
    max-width: 100%;
    width: 100%;
    margin-top: 20px;
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 20px;
    list-style: none
}

.how-to__item {
    position: relative;
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    background: var(--header-color, #fff)
}

.how-to__item-title {
    margin-top: 0;
    color: var(--text-color1, #231917);
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.how-to__item-text > p {
    color: var(--text-color2, #605856);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px
}

.how-to__item > img {
    margin-top: 16px;
    max-width: 100%;
    object-fit: contain;
    border-radius: 8px;
}

@media (max-width: 1300px) {
    .how-to__item-text > p {
        font-size: 14px;
    }
}

.pros-cons {
    width: 100%;
    margin-top: 16px;
    display: -ms-grid;
    display: grid;
    grid-template-columns:1fr 1fr;
    align-items: start;
    gap: 20px
}

.pros-cons__cons, .pros-cons__pros {
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(49, 49, 54, .34);
    overflow: hidden
}

.pros-cons__cons-title, .pros-cons__pros-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 16px 24px;
    color: var(--M3-sys-light-on-primary, var(--pros-cons, #fff));
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    text-align: center
}

.pros-cons__cons-list, .pros-cons__pros-list {
    background: var(--header-color, #fff);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.pros-cons__cons-list li, .pros-cons__pros-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--border-color, #ccc);
    border-left: 1px solid var(--border-color, #ccc);
    border-right: 1px solid var(--border-color, #ccc);
    color: var(--text-color1, #231917);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px
}

.pros-cons__cons-list li:last-child, .pros-cons__pros-list li:last-child {
    border-radius: 0 0 8px 8px
}

.pros-cons__pros-title {
    background: var(--pros-color, #004b51)
}

.pros-cons__pros-title > svg path:nth-child(1) {
    fill: var(--pros-cons)
}

.pros-cons__pros-title > svg path:nth-child(2) {
    fill: var(--pros-color)
}

.pros-cons__pros-title > svg path:nth-child(3) {
    fill: var(--pros-color)
}

.pros-cons__pros-list li::before {
    transform: translateY(3px);
    width: 24px;
    min-width: 24px;
    height: 28px;
    content: "";
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0039 5.65713L19.3723 4.00195L11.4776 15.0364L5.00391 8.50195L3.00391 10.502L11.4776 20.002L22.0039 5.65713Z' fill='%23004B51'/%3E%3C/svg%3E%0A");
    background: var(--pros-color, #004b51)
}

.pros-cons__cons-title {
    background: var(--cons-color, #ba1a1a)
}

.pros-cons__cons-title > svg path:nth-child(1) {
    fill: var(--pros-cons)
}

.pros-cons__cons-title > svg path:nth-child(2) {
    fill: var(--cons-color)
}

.pros-cons__cons-title > svg path:nth-child(3) {
    fill: var(--cons-color)
}

.pros-cons__cons-list li::before {
    transform: translateY(3px);
    width: 24px;
    min-width: 24px;
    height: 28px;
    content: "";
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.59 19.002L19 17.592L13.41 12.002L19 6.41195L17.59 5.00195L12 10.592L6.41 5.00195L5 6.41195L10.59 12.002L5 17.592L6.41 19.002L12 13.412L17.59 19.002Z' fill='%23BA1A1A'/%3E%3C/svg%3E");
    background: var(--cons-color, #ba1a1a)
}

/* Pros-cons 2 */
.pros-cons-2 {
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: var(--header-color);
    box-shadow: 0px 4px 4px 0px rgba(41, 60, 63, 0.06), 0px 4px 24px 0px rgba(41, 60, 63, 0.12);
    padding: 24px;
}

.pros-cons-2__graph {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px 0;
    width: 390px;
    height: 285px;
}

.pros-cons-2__graph-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 285px;
    height: 285px;
    background: conic-gradient(
            from 180deg,
            var(--body-color) 0 45deg,
            #F81A1A 45deg calc(45deg + 270deg * var(--cons_percent) / 100),
            var(--body-color) calc(45deg + 270deg * var(--cons_percent) / 100) calc(45deg + 270deg * (var(--cons_percent) + 2) / 100),
            #48E258 calc(45deg + 270deg * (var(--cons_percent) + 2) / 100) 315deg,
            var(--body-color) 315deg 360deg
    );
    border-radius: 50%;
    z-index: 1;
}

.pros-cons-2__graph-img:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 248px;
    height: 248px;
    background: var(--body-color);
    border-radius: 50%;
    z-index: 2;
}
.pros-cons-2__title,
.pros-cons-2__description {
    max-width: 225px;
}

.pros-cons-2__title {
    color: var(--M3-sys-light-on-surface, #231917);
    text-align: center;
    border-bottom: unset;
    padding-bottom: 0;
    /* M3/headline/large */
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
    margin-top: 0;
    z-index: 3;
}

.pros-cons-2__description {
    color: var(--M3-sys-light-on-surface-variant, #605856);
    text-align: center;
    margin-top: 0;
    /* M3/body/large */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%; /* 24.48px */
    letter-spacing: 0.25px;
    z-index: 3;
}

.pros-cons-2__items {
    display: flex;
    gap: 0 60px;
    margin-left: 60px;
    padding-left: 60px;
    border-left: 1px solid var(--M3-sys-light-outline-variant, #CCC);
    flex: 1 1;
}

.pros-cons-2__list {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.pros-cons-2__list > li {
    display: flex;
    align-items: center;
    gap: 0 16px;
    color: var(--M3-sys-light-on-surface, #231917);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%; /* 24.48px */
    letter-spacing: 0.25px;
}

.pros-cons-2__list > li:not(:first-child) {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid var(--M3-sys-light-outline-variant, #CCC);
}

.pros-cons-2__list > li:after {
    content: url('data:image/svg+xml,<svg width="60" height="1" viewBox="0 0 60 1" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.501953H60" stroke="black" stroke-dasharray="4 4"/></svg>');
    display: flex;
    order: -1;
}

body.dark .pros-cons-2__list > li:after {
    content: url('data:image/svg+xml,<svg width="60" height="1" viewBox="0 0 60 1" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.501953H60" stroke="white" stroke-dasharray="4 4"/></svg>');
    display: flex;
    order: -1;
}


.pros-cons-2__list_pros > li:before,
.pros-cons-2__list_cons > li:before {
    display: flex;
    width: 32px;
    height: 32px;
    order: -2;
}


.pros-cons-2__list_pros > li:before {
    content: url('data:image/svg+xml,<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_65007_3682)"><g filter="url(%23filter0_dii_65007_3682)"><circle cx="16" cy="16.502" r="12" fill="%2348E258"/></g></g><defs><filter id="filter0_dii_65007_3682" x="0" y="1.50195" width="32" height="33" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0390625 0 0 0 0 0.0824653 0 0 0 0 0.104167 0 0 0 0.18 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_65007_3682"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_65007_3682" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.48 0"/><feBlend mode="normal" in2="shape" result="effect2_innerShadow_65007_3682"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-4" dy="8"/><feGaussianBlur stdDeviation="3"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.18 0"/><feBlend mode="normal" in2="effect2_innerShadow_65007_3682" result="effect3_innerShadow_65007_3682"/></filter><clipPath id="clip0_65007_3682"><rect width="32" height="32" fill="white" transform="translate(0 0.501953)"/></clipPath></defs></svg>');
}

.pros-cons-2__list_cons > li:before {
    content: url('data:image/svg+xml,<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_65007_3682)"><g filter="url(%23filter0_dii_65007_3682)"><circle cx="16" cy="16.502" r="12" fill="%23E31D1D"/></g></g><defs><filter id="filter0_dii_65007_3682" x="0" y="1.50195" width="32" height="33" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0390625 0 0 0 0 0.0824653 0 0 0 0 0.104167 0 0 0 0.18 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_65007_3682"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_65007_3682" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.48 0"/><feBlend mode="normal" in2="shape" result="effect2_innerShadow_65007_3682"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-4" dy="8"/><feGaussianBlur stdDeviation="3"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.18 0"/><feBlend mode="normal" in2="effect2_innerShadow_65007_3682" result="effect3_innerShadow_65007_3682"/></filter><clipPath id="clip0_65007_3682"><rect width="32" height="32" fill="white" transform="translate(0 0.501953)"/></clipPath></defs></svg>');
}

@media (max-width: 1180px) {
    .pros-cons-2 {
        flex-direction: column;
    }

    .pros-cons-2__items {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .pros-cons-2 {
        padding: 16px;
    }

    .pros-cons-2__title {
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .pros-cons-2__description {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 136%; /* 19.04px */
        letter-spacing: 0.035px;
    }

    .pros-cons-2__items {
       flex-direction: column;
    }

    .pros-cons-2__list_pros + .pros-cons-2__list_cons {
        padding-top: 16px;
        margin-top: 16px;
        border-top: 1px solid var(--M3-sys-light-outline-variant, #CCC);
    }

    .pros-cons-2__list > li {

    }

    .pros-cons-2__list > li {
        gap: 0 8px;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 136%; /* 19.04px */
        letter-spacing: 0.035px;
    }

    .pros-cons-2__list_pros > li:before,
    .pros-cons-2__list_cons > li:before {
        width: 24px;
        height: 24px;
    }
}

.promo {
    padding: 64px 730px 64px 90px;
    border-radius: 8px;
    background: linear-gradient(94deg, #f0f8ff 1.03%, #e0e4e7 100%);
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns:1fr 1fr;
    column-gap: 16px;
    overflow: hidden
}

.promo__title {

}

.promo h2 {
    grid-column: 1/-1;
    margin-top: 0;
    color: #18191b
}

.promo p {
    grid-column: 1/-1;
    color: #222634
}

.promo > .btn {
    padding: 16px 24px
}

.promo > img {
    position: absolute;
    top: 0;
    right: 90px;
    max-width: 596px;
    height: 100%;
    object-fit: contain
}

.promo > img:last-child {
    display: none
}

.tables-list {
    max-width: 100%;
    width: 100%;
    margin-top: 32px;
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 32px
}

.tables-list__item,
.wp-block-table {
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .15))
}

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

.tables-list__item table thead td, .tables-list__item table thead th,
.wp-block-table table thead td, .wp-block-table table thead th {
    /*border-radius: 8px 8px 0 0;*/
    background: var(--M3-sys-light-primary, #0e7ddd);
    color: var(--M3-sys-light-on-tertiary, var(--Surf-Container-Highest, #fff));
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    text-align: left
}

.tables-list__item table thead tr td:first-child,
.tables-list__item table thead tr th:first-child,
.wp-block-table table thead tr td:first-child,
.wp-block-table table thead tr th:first-child {
    border-top-left-radius: 8px;
}

.tables-list__item table thead tr td:last-child,
.tables-list__item table thead tr th:last-child,
.wp-block-table table thead tr td:last-child,
.wp-block-table table thead tr th:last-child {
    border-top-right-radius: 8px;
}

.tables-list__item table thead td > img, .tables-list__item table thead th > img,
.wp-block-table table thead td > img, .wp-block-table table thead th > img
{
    max-width: 220px;
    object-fit: contain
}

.tables-list__item table td, .tables-list__item table th,
.wp-block-table table td, .wp-block-table table th
{
    padding: 16px;
    text-align: left
}

.tables-list__item table tr td:first-child,
.tables-list__item table tr th:first-child,
.wp-block-table table tr td:first-child,
.wp-block-table table tr th:first-child {
    padding-left: 30px;
}

.tables-list__item table tr td:last-child,
.tables-list__item table tr th:last-child,
.wp-block-table table tr td:last-child,
.wp-block-table table tr th:last-child {
    padding-right: 30px;
}

.tables-list__item table td .cell, .tables-list__item table th .cell,
.wp-block-table table td .cell, .wp-block-table table th .cell
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.tables-list__item table tbody tr:nth-child(odd) td,
.wp-block-table table tbody tr:nth-child(odd) td
{
    background: var(--header-color, #fff)
}

.tables-list__item table tbody tr:nth-child(even) td,
.wp-block-table table tbody tr:nth-child(even) td
{
    background: var(--cell-color, #f6f5f1)
}

.tables-list__item table tbody tr:last-child td:first-child,
.wp-block-table table tbody tr:last-child td:first-child
{
    border-radius: 0 0 0 8px
}

.tables-list__item table tbody tr:last-child td:last-child,
.wp-block-table table tbody tr:last-child td:last-child
{
    border-radius: 0 0 8px 0
}

.wp-block-table:not(:has(th)) table tbody tr:first-child td:first-child{
    border-radius: 8px 0 0 0
}

.wp-block-table:not(:has(th)) table tbody tr:first-child td:last-child{
    border-radius: 0 8px 0 0
}

.tables-list__item table tbody tr:not(:has(td:nth-child(3))) td,
.wp-block-table table tbody tr:not(:has(td:nth-child(3))) td {
    width: 50%;
}

.tables-list__item table tbody tr td,
.wp-block-table table tbody tr td
{
    position: relative;
    color: var(--text-color1, #231917);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    text-align: left
}

.tables-list__item table tbody tr td:not(:last-child),
.wp-block-table table tbody tr td:not(:last-child)
{
    border-right: 1px solid var(--border-color)
}

.tables-list__item table tbody tr td:nth-child(2),
.wp-block-table table tbody tr td:nth-child(2)
{
    font-weight: 400;
    text-align: left
}

.tables-list__item table tbody tr td > img,
.wp-block-table table tbody tr td > img
{
    max-width: 44px;
    object-fit: contain
}

.tables-list__item table tbody tr td > .btn,
.wp-block-table table tbody tr td > .btn
{
    margin-top: 0;
    max-width: 100%;
    width: 100%
}

/* Winners */
.winners {
    text-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden
}

.winners._vertical {
    max-width: 467px;
    max-height: 495px;
    padding: 24px;
    border-radius: 8px;
    background: var(--M3-sys-light-surface-bright, #FFF);

    /* M3/Elevation Light/3 */
    box-shadow: 0px 4px 8px 3px rgba(49, 49, 54, 0.15), 0px 1px 3px 0px rgba(49, 49, 54, 0.20);
    overflow: hidden;
}

.winners-list {
    padding-left: 100%;
    margin-top: 16px;
    display: inline-block;
    animation: marquee 30s linear infinite
}

.winners._vertical .winners-list {
    padding-left: 0;
    margin-top: 0;
    padding-top: 495px;
    display: flex;
    flex-direction: column;
    animation: marquee-vertical 80s linear infinite
}

.winners-list__item {
    min-width: 280px;
    max-width: 280px;
    padding: 8px;
    margin-right: 16px;
    display: -ms-inline-grid;
    display: inline-grid;
    grid-template-columns:50px 1.5fr 1fr;
    grid-template-rows:minmax(24px, auto) minmax(24px, auto);
    align-items: center;
    column-gap: 8px;
    row-gap: 4px;
    border-radius: 8px;
    background: var(--header-color, #fff)
}

body.dark .winners-list__item {
    background: unset;
}

.winners._vertical .winners-list .winners-list__item {
    padding: 16px 0;
    border-radius: unset;
    margin-right: 0;
}

.winners._vertical .winners-list__item:not(:last-child) {
    border-bottom: 1px solid #CCC;
}

.winners-list__item:last-child {
    margin-right: 0
}

.winners-list__item > img {
    grid-row: 1/3;
    max-width: 48px;
    object-fit: contain;
    pointer-events: none
}

.winners-list__item-gamename {
    grid-row: 1;
    margin-top: 0;
    color: var(--text-color2, #605856);
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .035px
}

.winners-list__item-nickname {
    margin-top: 0;
    grid-row: 2;
    overflow: hidden;
    color: var(--text-color1, #231917);
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.winners-list__item-value {
    grid-row: 1/-1;
    padding: 4px 6px;
    border-radius: 4px;
    background: var(--M3-sys-light-primary, #0e7ddd);
    color: var(--M3-sys-light-on-primary, var(--Surf-Container-Highest, #fff));
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    margin-left: auto;
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes marquee-vertical {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes marquee-vertical {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@media (max-width: 1250px) {
    .winners._vertical {
        max-height: 550px;
    }

    .winners._vertical .winners-list {
        padding-top: 550px;
    }

}

@media (max-width: 800px) {
    .winners._vertical {
        max-height: 444px;
        padding: 16px;
    }

    .winners._vertical .winners-list {
        padding-top: 444px;
    }

    .winners-list__item-nickname {
        font-size: 14px;
    }
}

.bonus {
    width: 100%;
    padding: 20px;
    border-radius: 8px;
    background: var(--header-color, #fff);
    box-shadow: var(--header-shadow)
}

.bonus__tag {
    margin-top: 0;
    color: var(--text-color1, #231917);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.bonus__text {
    margin-top: 16px;
    padding: 20px;
    border-radius: 8px;
    background: var(--bonus-text, #dde7e3)
}

.bonus__text-title {
    margin-top: 0;
    color: var(--text-color3, #0e1e20);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%
}

.bonus__text-info {
    color: var(--text-color3, #0e1e20)
}

.bonuses-list {
    max-width: 100%;
    width: 100%;
    margin-top: 17px;
    overflow: hidden;
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 20px;
    overflow: visible
}

.bonuses-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    border-radius: 8px;
    background: var(--header-color, #fff);
    box-shadow: var(--header-shadow)
}

.bonuses-list__item-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding: 8px 16px;
    border-radius: 8px 8px 0 0;
    background: var(--lang-bg, #dde7e3);
    color: var(--text-color3, #0e1e20);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .035px
}

.bonuses-list__item-tag > svg {
    fill: var(--text-color3)
}

.bonuses-list__item > img {
    max-width: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 0 0 8px 8px
}

.bonuses-list__item-name {
    margin-top: 16px;
    color: var(--text-color1, #231917);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.bonuses-list__item-text {
    font-weight: 500;
    font-size: 17px
}

.bonuses-list__item-text:last-of-type {
    flex: 1 1 auto
}

.bonuses-list__buttons {
    display: flex;
    gap: 6px;
    margin-top: 16px;
    width: 100%;
}

.bonuses-list__buttons > .btn {
    flex: 1 1 auto;
    margin-top: 0;
}

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

.bonuses-list__item > .promocode .promocode__input input {
    width: 80%
}

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

.tabs__header {
    position: relative
}

.tabs__header-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    list-style: none;
    text-align: center;
    overflow-x: auto;
    scrollbar-width: thin;
    padding-bottom: 25px
}

.tabs__header-item {
    min-width: 288px
}

.tabs__header-button {
    position: relative;
    /*width: 100%;*/
    padding: 16px 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-wrap: nowrap;
    white-space: nowrap;
    background: 0 0;
    color: var(--text-color2, #605856);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.tabs__header-button::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: var(--border-color);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.tabs__header-button:hover {
    border-radius: 4px;
    background: var(--m-3-state-layers-light-on-surface-opacity-012, rgba(171, 164, 181, .12))
}

.tabs__header-button.active {
    color: var(--text-color1, #231917)
}

.tabs__header-button.active::before {
    width: 100%;
    height: 3px;
    background: #0e7ddd
}

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

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

.tabs__item > .container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%
}

.tabs__item.visually-hidden {
    display: none
}

.preview-block .tabs__item.visually-hidden {
    display: block
}

.games-list {
    width: 100%;
    max-width: 100%;
    margin-top: 17px;
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 20px
}

.games-list__item {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns:1fr 1fr;
    overflow: hidden;
    column-gap: 8px;
    padding-bottom: 4px;
    padding-right: 4px;
    background: var(--header-color);
    padding: 8px;
    border-radius: 8px
}

.games-list__label {
    position: absolute;
    top: 8px;
    left: 8px;
    color: var(--M3-sys-light-on-secondary, #0E1E20);
    padding: 4px 8px;
    border-radius: 8px 0px;
    background: var(--M3-sys-light-secondary-container, #E3F0EC);

    /* M3/body/small */
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%; /* 16.32px */
}

.games-list__item > img {
    max-width: 100%;
    width: 100%;
    object-fit: contain;
    grid-column: 1/-1;
    border-radius: 8px;
}

.games-list__item-name {
    margin-top: 10px;
    grid-column: 1/-1;
    text-align: center;
    color: var(--text-color1, #231917);
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.games-list__item > .btn--secondary {
    background: var(--btn-secondary);
    color: var(--btn-secondary-color);
}

.games-list__item > .btn--secondary:hover {
    opacity: .8;
}

.calc-block {
    padding: 24px;
    border-radius: 8px;
    background: var(--M3-sys-light-surface-bright, #fff);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 24px;
    max-width: 100%;
}

.calc-block:not(.calc-block--win) {
    max-width: 656px;
}

.calc-block--win {
    padding: 48px;
    border: 1px solid var(--M3-sys-light-outline-variant, #ccc);
}

.calc-block__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.calc-block__content .btn {
    margin-top: 16px!important;
}

.calc-block__content,
.calc-block__win {
    width: 100%;
}

.calc-block__label {
    position: relative;
    width: 100%;
    border-radius: 4px;
    border: 1px solid var(--M3-sys-light-outline, #000);
    outline: 1px solid transparent;
    transition-property: border-color, outline-color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    will-change: border-color, outline-color;
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */
}

.calc-block__label:not(:first-child) {
    margin-top: 24px;
}

.calc-block__label:hover:not(.error),
.calc-block__label:focus:not(.error),
.calc-block__label:has(input:focus):not(.error),
.calc-block__label--active:not(.error),
.calc-block__label.has-value:not(.error) {
    border-color: var(--M3-sys-light-primary, #0e7ddd);
    outline-color: var(--M3-sys-light-primary, #0e7ddd);
}

.calc-block__label:hover:not(.error) .calc-block__label-title,
.calc-block__label:focus:not(.error) .calc-block__label-title,
.calc-block__label:has(input:focus):not(.error) .calc-block__label-title,
.calc-block__label--active:not(.error) .calc-block__label-title,
.calc-block__label.has-value:not(.error) .calc-block__label-title {
    color: #0e7ddd;
}

.calc-block__label:hover .calc-block__label-title,
.calc-block__label:focus .calc-block__label-title,
.calc-block__label:has(input:focus) .calc-block__label-title,
.calc-block__label--active .calc-block__label-title,
.calc-block__label.has-value .calc-block__label-title {
    top: 0;
    transform: translateY(-50%);
}

.calc-block__label-title {
    position: absolute;
    top: 15px;
    left: 12px;
    padding-inline: 4px;
    color: var(--M3-sys-light-on-surface-variant, #605856);
    font-size: 18px;
    background: var(--calc-block-label-bg);
    transform-origin: center left;
    transition-property: transform, top, active-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    will-change: transform, top, active-color, color;
}

.app-bonus .calc-block {
    background: var(--calc-block-bg);
}

.app-bonus .calc-block__label-title {
    background: var(--calc-block-bg);
}

.calc-block__label input::-webkit-outer-spin-button,
.calc-block__label input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.calc-block__label input[type=number] {
    -moz-appearance: textfield;
}

.calc-block__label.error {
    border-color: var(--M3-sys-light-error, #e31d1d);
    outline-color: var(--M3-sys-light-error, #e31d1d);
}

.calc-block__label.error .calc-block__label-title,
.calc-block__label.error .calc-block__label-error {
    color: var(--M3-sys-light-error, #e31d1d);
}

.calc-block__label.error .calc-block__label-error {
    opacity: 1;
}

.calc-block__label.error .calc-block__label-clear {
    pointer-events: none;
}

.calc-block__label.error .calc-block__label-clear::before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 17V15H13V17H11ZM11 7V13H13V7H11Z" fill="%23E31D1D"/></svg>');
}

.calc-block__label-error {
    position: absolute;
    top: calc(100% + 2px);
    left: 16px;
    opacity: 0;
    color: var(--M3-sys-light-on-surface-variant, #605856);
    font-size: 14px;
    letter-spacing: 0.035px;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    will-change: opacity;
}

.calc-block__label-clear {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    cursor: pointer;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    will-change: opacity;
}

.calc-block__label-clear:active {
    opacity: 0.6;
}

.calc-block__label-clear::before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 10.59L15.59 7L17 8.41L13.41 12L17 15.59L15.59 17L12 13.41L8.41 17L7 15.59L10.59 12L7 8.41L8.41 7L12 10.59Z" fill="%23605856"/></svg>');
}

.calc-block__label input {
    caret-color: #0e7ddd;
    padding: 16px;
    padding-right: 56px;
}

.calc-block__label input,
.calc-block .custom-select .custom-select__current {
    position: relative;
    width: 100%;
    min-height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: var(--M3-sys-light-on-surface, #231917);
    font-size: 18px;
    line-height: 136%;
    background: transparent;
    transition-property: border-color, color, background, caret-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    will-change: border-color, color, background, caret-color;
}

.calc-block .custom-select {
    position: relative;
    width: 100%;
    z-index: 2;
}

.calc-block .custom-select select {
    display: none;
}

.calc-block .custom-select.active .custom-select__current::after {
    opacity: 1;
    transform: rotate(-180deg);
}

.calc-block .custom-select.active .custom-select__options {
    display: flex;
}

.calc-block .custom-select__current {
    cursor: pointer;
    padding: 16px;
}

.calc-block .custom-select__current::after {
    content: "";
    position: relative;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*background: url("../img/svg/full-arrow.svg") center/contain no-repeat;*/
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    will-change: transform;
}

.calc-block .custom-select__options {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    max-width: 100%;
    max-height: 300px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 10px;
    padding-block: 8px;
    border-radius: 4px;
    display: none;
    background-color: #fff;
    box-shadow: var(--block-shadow);
}

.calc-block .custom-select__options li {
    padding: 16px;
    cursor: pointer;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    will-change: background;
}

.calc-block .btn {
    margin-top: 24px;
    width: 100%;
}

.calc-block .btn--calc {
    border-radius: 4px;
    color: var(--M3-sys-light-on-secondary-container, #0e1e20);
    background: var(--secondary, linear-gradient(180deg, #dbf3ec 29.15%, #c7e5dc 51.46%, #b2d9cd 107.58%));
}

.calc-block .btn + .btn {
    margin-top: 12px;
}

.calc-block__win {
    padding: 24px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    background: var(--calc-block-bg, #fff);
    box-shadow: var(--block-shadow);
    color: var(--M3-sys-light-on-surface-variant, #605856);
    text-align: center;
    font-size: 18px;
}

.calc-block__win-title {
    margin-top: 0;
    color: var(--M3-sys-light-on-surface, #231917);
    font-size: 25px;
    font-weight: 500;
}

.calc-block__win-sum {
    margin-top: auto;
    position: relative;
    color: #0e7ddd;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
}

.calc-block__win-sum::before {
    content: attr(data-currency);
}

.calc-block__win-bar {
    position: relative;
    width: 100%;
    height: 17px;
    border-radius: 24px;
    background: linear-gradient(180deg, #daf3eb 29.15%, #c6dfd7 51.46%, #b2cbc3 107.58%);
    overflow: hidden;
}

.calc-block__win-bar-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--Primary-gradient, linear-gradient(180deg, #ff6b2c 29.15%, #ec3c0a 51.46%, #ec3c0a 107.58%));
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    will-change: width;
}

.calc-block__win-list {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    grid-template-rows: auto;
    align-items: center;
    column-gap: 20px;
    row-gap: 12px;
}

.calc-block__win-list-percent,
.calc-block__win-list-title {
    color: var(--M3-sys-light-on-surface-variant, #605856);
}

.calc-block__win-list-title {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.calc-block__win-list-title::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    margin: 3px;
    margin-right: 10px;
    border-radius: 50%;
    background: linear-gradient(180deg, #daf3eb 29.15%, #c6dfd7 51.46%, #b2cbc3 107.58%);
}

.calc-block__win-list-title:first-of-type::before {
    background: var(--Primary-gradient, linear-gradient(180deg, #ff6b2c 29.15%, #ec3c0a 51.46%, #ec3c0a 107.58%));
}

.calc-block__win-list-divider {
    border-bottom: 1px dashed var(--M3-sys-light-outline-variant, #ccc);
    margin-inline: 20px;
}

.calc-block__win-list-sum,
.calc-block__win-list-percent {
    position: relative;
    text-align: right;
}

.calc-block__win-list-sum::before {
    content: attr(data-currency);
}

.calc-block__win-list-percent::after {
    content: "%";
}

.calc-block__result {
    width: 100%;
    padding: 16px;
    background: var(--lang-bg, #dde7e3);
    color: var(--text-color3, #0e1e20);
    font-size: 18px;
    margin-top: 24px;
}

.calc-block__result:not(.is-active) {
    display: none;
}

.calc-block__result-val {
    position: relative;
    font-weight: 500;
}

.calc-block__result-val::before {
    content: attr(data-currency);
}

@media (min-width: 576px) {
    .calc-block__label:hover .calc-block__label-title,
    .calc-block__label:focus .calc-block__label-title,
    .calc-block__label:has(input:focus) .calc-block__label-title,
    .calc-block__label--active .calc-block__label-title,
    .calc-block__label.has-value .calc-block__label-title {
        transform: translateY(-50%) scale(0.7);
    }
}

@media (min-width: 992px) {
    .calc-block--win .calc-block__content,
    .calc-block--win .calc-block__win {
        max-width: calc((100% - 24px) / 2);
    }
}

@media (max-width: 991.9px) {
    .calc-block {
        flex-direction: column;
    }

    .calc-block--win .calc-block__content {
        display: contents;
    }

    .calc-block--win .calc-block__content > * {
        order: -1;
    }

    .calc-block--win .calc-block__win {
        order: 2;
        margin-top: 16px;
    }

    .calc-block--win .btn {
        order: 10;
    }

    .calc-block__result {
        font-size: 14px;
    }
}

@media (max-width: 575.9px) {
    .calc-block--win .calc-block__content .btn {
        margin-top: 16px;
    }

    .calc-block__label-title {
        font-size: 14px;
        top: 17px;
    }

    .calc-block__label input,
    .calc-block .custom-select .custom-select__current {
        font-size: 14px;
    }

    .calc-block .custom-select__options {
        font-size: 14px;
    }

    .calc-block .btn {
        margin-top: 12px;
    }

    .calc-block .btn + .btn {
        margin-top: 8px;
    }

    .calc-block__win {
        padding: 16px;
        row-gap: 12px;
        font-size: 14px;
    }

    .calc-block__win-title {
        font-size: 18px;
    }

    .calc-block__win-list {
        column-gap: 8px;
    }

    .calc-block__win-list-divider {
        margin-inline: 0px;
    }

    .calc-block__win-list-title::before {
        width: 13px;
        height: 13px;
        min-width: 13px;
        min-height: 13px;
    }

    .calc-block {
        padding: 16px;
        gap: 16px;
    }

    .calc-block--win {
        gap: 0;
    }

    .calc-block__win {
        gap: 12px;
    }
}

@media (hover: hover) {
    .calc-block__label-clear:hover {
        opacity: 0.6;
    }

    .calc-block__label-clear:focus {
        opacity: 0.6;
    }

    .calc-block .custom-select__options li:hover {
        background: var(--m-3-state-layers-light-on-surface-opacity-008, rgba(171, 164, 181, 0.08));
    }
}

.providers {
    max-width: 100%;
    width: 100%;
    margin-top: 24px
}

.providers-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px
}

.providers-list__item {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3)
}

.providers-list__item-header {
    padding: 12px 16px;
    background: var(--lang-bg, #dde7e3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.providers-list__item-header > img {
    max-width: 48px;
    object-fit: contain
}

.providers-list__item-name {
    margin-top: 0;
    text-align: center;
    color: var(--text-color3, #0e1e20);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.providers-list__item-footer {
    background: var(--header-color);
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.providers-list__item-images {
    position: relative;
    height: 66px;
    width: 100%
}

.providers-list__item-images > img {
    position: absolute;
    max-width: 80px;
    min-width: 80px;
    height: 52px;
    object-fit: cover
}

.providers-list__item-images > img:nth-of-type(1) {
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.providers-list__item-images > img:nth-of-type(2) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -35%);
    z-index: 2
}

.providers-list__item-images > img:nth-of-type(3) {
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.providers-list__item-total {
    margin-top: 12px;
    text-align: center;
    color: var(--text-color1, #231917);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px
}

.providers .swiper-controls {
    width: 100%;
    display: none;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    margin-top: 10px
}

.providers .swiper-next, .providers .swiper-prev {
    width: 40px;
    height: 40px;
    border: 1px solid var(--nav-link-color);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.providers .swiper-next svg, .providers .swiper-prev svg {
    width: 10px;
    height: 16px;
    fill: var(--nav-link-color)
}

.advantages-list {
    max-width: 100%;
    width: 100%;
    margin-top: 17px;
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 20px
}

.advantages-list__item {
    padding: 16px;
    border-radius: 4px;
    background: var(--header-color, #fff);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.advantages-list__item > img {
    max-width: 48px;
    max-height: 48px;
    object-fit: contain
}

.advantages-list__item > svg {
    max-width: 48px;
    max-height: 48px
}

.advantages-list__item > svg path:first-child {
    fill: var(--advantages-svg)
}

.advantages-list__item > svg path:last-child {
    fill: var(--advantages-svg2)
}

.advantages-list__item-name {
    color: var(--text-color1, #231917);
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    margin-top: 0
}

.advantages-list__item-text {
    margin-top: 0;
    max-width: 80%
}

.tabs-v2 {
    margin-top: 32px
}

.tabs-v2__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 16px
}

.tabs-v2__next, .tabs-v2__prev {
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.tabs-v2__next.disabled, .tabs-v2__prev.disabled {
    pointer-events: none
}

.tabs-v2__next.disabled svg, .tabs-v2__prev.disabled svg {
    fill: var(--disabled-color)
}

.tabs-v2__next svg, .tabs-v2__prev svg {
    fill: var(--nav-link-color)
}

.tabs-v2__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 16px;
    overflow-x: auto;
    padding: 10px 5px
}

.tabs-v2__buttons li:not(.active):hover {
    border: 1px solid var(--btn-primary);
}

.tabs-v2__buttons li:not(.active):hover svg {
    fill: var(--btn-primary)
}

.tabs-v2__buttons li.active {
    border-radius: 4px;
    background: var(--M3-sys-light-primary, #0e7ddd);
    filter: drop-shadow(0 1px 3px rgba(49, 49, 54, .3)) drop-shadow(0 4px 3px rgba(49, 49, 54, .15))
}

.tabs-v2__buttons li.active span {
    display: block;
    color: var(--M3-sys-light-on-primary, var(--Surf-Container-Highest, #fff));
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.tabs-v2__buttons li.active svg,
.tabs-v2__buttons li.active img
{
    display: none
}

.tabs-v2__buttons li {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 8px;
    background: 0 0;
    cursor: pointer;
}

.tabs-v2__buttons li span {
    display: none;
    text-wrap: nowrap;
    white-space: nowrap
}

.tabs-v2__buttons li svg {
    max-width: 20px;
    max-height: 20px;
    fill: #b9cacc;
    transition: all .2s ease 0s
}

.tabs-v2__content {
    margin-top: 24px;
    width: 100%
}

.tabs-v2__content-item {
    width: 100%
}

.tabs-v2__content-item > .container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%
}

.tabs-v2__content-item.visually-hidden {
    display: none
}

.preview-block .tabs-v2__content-item.visually-hidden {
    display: block
}

.breadcrumbs + main > .wrapper:first-child {
    padding-top: 0
}

.breadcrumbs {
    position: relative;
    padding: 24px 0;
    z-index: 5
}

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

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

.breadcrumbs__list li:first-child a svg {
    fill: var(--nav-link-color)
}

.breadcrumbs__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-color2);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px
}

.breadcrumbs__list li a:hover {
    color: #0e7ddd
}

.breadcrumbs__list li a:hover > svg {
    fill: #0e7ddd
}

.breadcrumbs__list li a::after {
    margin: 0 5px;
    content: "";
    width: 8px;
    height: 12px;
    background-color: var(--nav-link-color);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cpath d='M1.67713 0L0.25 1.41L4.88563 6L0.25 10.59L1.67713 12L7.75 6L1.67713 0Z' fill='black'/%3E%3C/svg%3E")
}

.breadcrumbs__list li a > svg {
    fill: #767680
}

.breadcrumbs__list li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #0e7ddd;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px;
    cursor: default
}

.up-btn {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 60px;
    right: 60px;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: var(--cell-color, #f1f1f1);
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3);
    cursor: pointer;
    transition: all .2s ease 0s;
    z-index: 98
}

.up-btn:hover {
    background: var(--up-btn-hover)
}

.up-btn.hidden {
    opacity: 0;
    pointer-events: none
}

.up-btn svg {
    stroke: var(--up-btn-color)
}

.mobile-button {
    display: none
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none
}

.popup__bg {
    width: 100%;
    height: 100%;
    background: rgba(16, 17, 24, .34)
}

.popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1440px;
    width: calc(100% - 32px);
    padding: 16px;
    background: var(--header-color);
    border-radius: 4px;
    box-shadow: 0 4px 56px 0 rgba(16, 17, 24, .34)
}

.popup__content-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px 32px;
    border-radius: 4px 4px 0 0;
    background: #0e7ddd;
    color: #fff;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.popup__content-header .popup__content-btn-wrap {
    display: contents
}

.popup__content-header .btn {
    margin-top: 0;
    background: var(--btn-secondary);
    color: var(--btn-secondary-color);
    border: 1px solid var(--M3-sys-light-outline, #000);
}

.popup__content-header .js-cross {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.popup__content > img {
    max-width: 100%;
    width: 100%;
    min-height: 360px;
    object-fit: cover
}

.popup__iframe {
    position: relative;
    max-width: 100%;
    height: 550px;
    width: 100%
}

.popup__iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: 901
}

@media (max-width: 768px) {
    .popup:has(.popup__content-btn-wrap .btn) .popup__iframe iframe {
        height: calc(100% - 90px);
    }
}

.popup.active {
    display: block
}

.popup.loaded .popup__content > img {
    display: none
}

.popup.loaded .popup__iframe {
    display: block
}

@media (min-width: 768px) {
    .toc-section__toc-item:nth-last-child(-n+2) {
        border-bottom: none
    }

    .footer__nav li:nth-child(-n+4) a {
        color: var(--text-color2, #605856);
        font-weight: 500
    }

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

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

@media (max-width: 1300px) {
    p.small-width {
        max-width: 100%
    }

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

    .header__lang {
        margin-left: auto
    }

    .header__buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 60px;
        margin-left: 20px;
        gap: 8px;
        order: 10;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        width: 100%;
        max-width: unset
    }

    .header__buttons .btn {
        max-width: unset;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .header__burger {
        margin-left: 0
    }

    .header.burger-active .header__nav {
        width: 100vw
    }

    .hero-section,
    .hero-section:not(:has(.hero-section__bonus)) {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .hero-section__text-content p:not([class]){
        text-align: center;
    }

    .hero-section:not(:has(.hero-section__bonus)) {
        padding: var(--second-offests);
        margin-left: var(--second-offests);
        margin-right: var(--second-offests);
    }

    .hero-section__title-btn {
        width: 100%;
    }

    .hero-section:has(.hero-section__bonus) .hero-section__text > * {
        order: 10;
    }

    .hero-section:has(.hero-section__bonus) .hero-section__image {
        order: 1;
    }

    .hero-section:has(.hero-section__bonus) .hero-section__text > h1 {
        order: 2;
    }

    .hero-section:has(.hero-section__bonus) .hero-section__text {
        display: contents;
    }

    .hero-section:has(.hero-section__bonus) .hero-section__bonus {
        order: 3;
    }

    .hero-section__image > img {
        min-height: 86px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .hero-section__text h1 {
        max-width: 100%;
        text-align: center
    }

    .hero-section__text p {
        text-align: center
    }

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

    .categories-section__aside {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        grid-row: unset
    }

    .categories-section__aside-main > img {
        width: unset;
        max-width: 100%
    }

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

    /*.galery-section__list-item {*/
    /*    min-width: 50%;*/
    /*    max-width: 50%*/
    /*}*/

    .galery-section .swiper {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        grid-column: 1/-1
    }

    .faq-section__item {
        max-width: unset
    }

    .faq-section__item-text p {
        max-width: unset
    }

    .mp-hero-section {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .mp-hero-section__specs {
        grid-column: 1/-1;
    }

    .mp-hero-section .promocode {
        max-width: unset;
        grid-column: 1/-1
    }

    .mp-hero-section__buttons {
        max-width: unset;
        grid-column: 1/-1
    }

    .mp-hero-section__image {
        grid-column: 1/-1;
        grid-row: unset;
        margin-top: 20px
    }

    .sp-hero-section {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        row-gap: 16px
    }

    .sp-hero-section > img {
        max-height: 600px;
        order: 2;
    }

    .sp-hero-section p:not([class]),
    .sp-hero-section__button {
        margin-top: 0;
    }

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

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

    .text-image.reversed .text-image__content {
        grid-column: 1/-1
    }

    .text-image.reversed > .bonus, .text-image.reversed > .wp-block-table, .text-image.reversed > img {
        grid-column: 1/-1
    }

    .text-image.reversed > .calc-block {
        grid-column: 1/-1;
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset
    }

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

    .text-image__content {
        display: contents
    }

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

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

    .text-image__content .btn {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        width: 100%
    }

    .text-image > .wp-block-table {
        max-width: 100%;
        width: 100%;
        grid-column: auto;
        grid-row: auto
    }

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

    .text-image > .calc-block {
        max-width: 100%;
        width: 100%;
        grid-column: auto;
        grid-row: auto
    }

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

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

    .how-to__item {
        padding: 16px
    }

    .how-to__item-title {
        font-size: 22px
    }

    .promo {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        padding: 64px 64px 0 64px
    }

    .promo > img {
        display: none
    }

    .promo > img:last-child {
        display: block;
        position: static;
        margin-top: 16px;
        max-width: 100%;
        width: 100%
    }

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

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

    .tabs__header-item {
        min-width: unset
    }

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

    .games-list__item > .btn {
        grid-column: 1/-1;
        margin-top: 8px
    }

    .providers {
        overflow: hidden
    }

    .providers-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 5px;
        padding-top: 5px;
        margin-top: 16px
    }

    .providers-list__item {
        min-width: 18%;
        max-width: 18%
    }

    .providers .swiper-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .advantages-list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        row-gap: 16px
    }

    .advantages-list__item-text {
        max-width: 100%
    }

    .up-btn {
        right: 20px
    }
}

@media (max-width: 1079px) {
    .pros-cons {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

@media (max-width: 768px) {
    .header__content {
        gap: 15px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .header__logo {
        margin-right: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .header__lang {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-left: auto
    }

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

    .hero-section__logo {
        width: 70px;
        height: 70px;
        bottom: -28px
    }

    .hero-section__logo > img {
        max-width: 56px;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .toc-section__toc-list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .toc-section__toc-item {
        padding-bottom: 18px;
        margin-top: 18px
    }

    .toc-section__toc-item:last-child {
        border-bottom: none
    }

    .categories-section__aside {
        padding: 16px
    }

    /*.galery-section__list-item {*/
    /*    min-width: 100%;*/
    /*    max-width: 100%*/
    /*}*/

    .footer {
        gap: 28px;
        padding-top: 56px !important;
        padding-bottom: 56px !important
    }

    .footer__nav {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 12px
    }

    .footer__nav li {
        text-align: center;
    }

    .footer__nav li > a,
    .footer__nav li > span {
        font-size: 14px
    }

    .footer__copywrite {
        padding-top: 28px
    }

    .footer__providers {
        padding-top: 28px
    }

    .mp-hero-section__specs-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mp-hero-section__specs-item .cell .rating::before {
        position: absolute;
        top: 20%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .mp-hero-section__specs-item .cell .rating::after {
        top: 20%
    }

    .mp-hero-section__specs-item .cell .rating {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        min-width: 90px;
        min-height: 50px
    }

    .sp-hero-section__demo-header {
        font-size: 18px;
        padding: 16px
    }

    .sp-hero-section__demo-main > .btn {
        padding: 12px 24px;
        font-size: 14px;
        max-width: 200px
    }

    .sp-hero-section__demo-main > .btn--primary {
        top: 60%
    }

    .sp-hero-section__demo-main > .btn--secondary {
        top: calc(50% - 30px)
    }

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

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

    .categories-list__item {
        font-size: 14px;
        text-align: center;
        gap: 6px;
    }

    .categories-list__item:last-child {
        grid-column: 1/-1
    }

    .categories-list__item:nth-child(even):last-child {
        grid-column: auto
    }

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

    .links-list {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .wp-block-table.table-double table tr:not(:has(td:nth-child(3))) td:last-child,
    .wp-block-table.table-double table tr:not(:has(th:nth-child(3))) th:last-child {
        width: 50%
    }

    .how-to {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .promo {
        padding: 28px 16px 0 16px
    }

    .tables-list {
        gap: 20px 0;
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

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

    .providers-list__item {
        min-width: 48%;
        max-width: 48%
    }

    .providers-list__item-header {
        padding: 12px
    }

    .providers-list__item-header > img {
        max-width: 32px
    }

    .providers-list__item-name {
        font-size: 14px
    }

    .providers-list__item-footer {
        padding: 12px
    }

    .providers-list__item-images > img {
        max-width: 60px;
        min-width: 60px;
        height: 40px
    }

    .providers-list__item-total {
        font-size: 14px;
        margin-top: 8px
    }

    .mobile-button {
        position: sticky;
        bottom: 0;
        display: -ms-grid;
        display: grid;
        width: 100%;
        -ms-grid-columns: 48px 125px 1fr;
        grid-template-columns:48px 125px 1fr;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
        padding: 8px 16px !important;
        background: var(--header-color, #fff);
        -webkit-box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3);
        box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3);
        z-index: 98
    }

    .mobile-button > img {
        max-width: 48px;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3
    }

    .mobile-button__title {
        margin-top: 0;
        -ms-grid-column: 2;
        grid-column: 2;
        color: var(--text-color1, #231917);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 136%
    }

    .mobile-button__text {
        margin-top: 0;
        -ms-grid-column: 2;
        grid-column: 2;
        color: var(--text-color2, #605856);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 136%;
        letter-spacing: .035px
    }

    .mobile-button > .btn {
        margin-top: 0;
        -ms-grid-column: 3;
        grid-column: 3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3;
        max-width: 139px;
        -ms-grid-column-align: end;
        justify-self: end;
        padding: 6px 12px;
        background: var(--btn-secondary-game);
        color: var(--btn-secondary-game-color);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 136%
    }

    .mobile-button > .btn svg {
        fill: var(--nav-link-color)
    }

    .popup__content-header {
        font-size: 18px;
        padding: 16px
    }

    .popup__content-header .popup__content-btn-wrap {
        display: block;
        position: absolute;
        bottom: 16px;
        left: 16px;
        width: calc(100% - 32px);
        padding: 16px;
        background: var(--btn-primary);
        border-radius: 0 0 4px 4px
    }

    .popup__content-header .btn--secondary {
        color: var(--text-color4);
        background: var(--btn-secondary-popup);
        font-size: 14px;
        padding: 12px 36px
    }

    .popup__content > img {
        padding-bottom: 74px
    }

    .popup__iframe {
        height: 80dvh;
        padding-bottom: 74px
    }
}

@media (max-width: 576px) {
    .wrapper--bordered {
        margin-top: 10px;
        padding-top: 56px;
        padding-bottom: 56px
    }

    .wrapper {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .container {
        padding: 0 16px
    }

    h1 {
        font-size: 32px;
        line-height: 120%
    }

    .with-link a {
        padding: 12px 16px;
        font-size: 14px;
        margin-bottom: 1rem;
    }

    .with-link {
        -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
    }

    .with-link:not(h2) h2 {
        padding-bottom: 0;
    }

    h2 {
        font-size: 24px;
        padding-bottom: 18px
    }

    h3 {
        font-size: 18px
    }

    p {
        font-size: 14px
    }

    ol.wp-block-list li, ol:not([class]) li {
        font-size: 14px!important;
    }

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

    ul.wp-block-list, ul:not([class]) {
        font-size: 16px;
        line-height: 24px
    }

    ul.wp-block-list li, ul:not([class]) li {
        font-size: 14px!important;
    }

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

    .header__nav-cross {
        left: 12px
    }

    .header__nav-link {
        width: calc(100% - 48px)
    }

    .header__buttons .btn {
        padding: 12px;
        font-size: 14px
    }

    .hero-section__bonus-content-text img {
        max-width: 48px;
        grid-row: 1/2;
    }

    .hero-section__bonus-content-text-title {
        font-size: 24px
    }

    .hero-section__bonus-content-text-info {
        grid-column: 1/-1;
        grid-row: 2/3;
        margin-top: 8px;
    }


    .hero-section__bonus-content .promocode .btn {
        font-size: 14px
    }

    .toc-section__title {
        font-size: 24px;
        line-height: 24px;
        padding: 16px
    }

    .toc-section__toc-list {
        padding: 16px
    }

    .toc-section__toc-item a {
        font-size: 14px
    }

    .toc-section__toc-item a::before {
        width: 32px;
        height: 32px;
        font-size: 14px
    }

    .categories-section__aside-title {
        font-size: 24px
    }

    .categories-section__aside-description {
        font-size: 12px
    }

    .galery-section .swiper-controls {
        grid-column: 1/-1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .faq-section__item-arrow {
        top: 5px;
        -webkit-transform: rotate(180deg) scale(.7);
        -ms-transform: rotate(180deg) scale(.7);
        transform: rotate(180deg) scale(.7)
    }

    .faq-section summary {
        font-size: 14px
    }

    .faq-section__item[open] summary .faq-section__item-arrow {
        -webkit-transform: rotate(0) scale(.7);
        -ms-transform: rotate(0) scale(.7);
        transform: rotate(0) scale(.7)
    }

    .mp-hero-section__specs-item {
        margin-left: 15px;
        padding-right: 15px
    }

    .mp-hero-section__specs-item .cell {
        font-size: 14px
    }

    .mp-hero-section__specs-item .cell .rating::before {
        font-size: 19px
    }

    .mp-hero-section__specs-item .cell .rating::after {
        font-size: 19px
    }

    .mp-hero-section__specs-item span {
        font-size: 14px
    }

    .mp-hero-section__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        margin-top: 10px
    }

    .mp-hero-section__buttons .btn {
        margin-top: 0;
        font-size: 14px
    }

    .promocode__input {
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start
    }

    .promocode__input .promocode__value {
        font-size: 14px
    }

    .promocode__copy-btn {
        font-size: 14px
    }

    .promocode > .btn {
        font-size: 14px
    }

    .btn {
        font-size: 14px
    }

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

    .wp-block-table.table-double table td, .wp-block-table.table-double table th {
        font-size: 14px !important;
        padding: 15px
    }

    .wp-block-table.table-double table td .cell, .wp-block-table.table-double table th .cell {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .wp-block-table.table-double table td .cell > img, .wp-block-table.table-double table th .cell > img {
        width: 32px;
        height: 32px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .wp-block-table.table-double table tbody tr td:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .how-to__item-title {
        font-size: 18px
    }

    .how-to__item-text {
        font-size: 14px;
        margin-top: 12px
    }

    .how-to__item > img {
        margin-top: 12px
    }

    .pros-cons__cons-title, .pros-cons__pros-title {
        font-size: 18px
    }

    .pros-cons__cons-list li, .pros-cons__pros-list li {
        font-size: 14px;
        padding: 16px
    }

    .tables-list__item table thead td > img, .tables-list__item table thead th > img,
    .wp-block-table table thead td > img, .wp-block-table table thead th > img
    {
        max-width: 136px
    }

    .tables-list__item table td, .tables-list__item table th,
    .wp-block-table table td, .wp-block-table table th
    {
        font-size: 14px !important;
        padding: 15px
    }

    .tables-list__item table tr td:first-child,
    .tables-list__item table tr th:first-child,
    .wp-block-table table tr td:first-child,
    .wp-block-table table tr th:first-child,
    .tables-list__item table tr td:last-child,
    .tables-list__item table tr th:last-child,
    .wp-block-table table tr td:last-child,
    .wp-block-table table tr th:last-child{
        padding-left: 16px;
    }

    .tables-list__item table td .cell, .tables-list__item table th .cell,
    .wp-block-table table td .cell, .wp-block-table table th .cell
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bonus {
        padding: 16px;
        border-radius: 4px
    }

    .bonus__text {
        padding: 16px;
        border-radius: 4px
    }

    .bonus__text-title {
        font-size: 24px
    }

    .bonuses-list__item-name {
        margin-top: 8px;
        font-size: 14px
    }

    .bonuses-list__item-text {
        margin-top: 8px;
        font-size: 14px
    }

    .bonuses-list__item > .btn {
        font-size: 14px
    }

    .bonuses-list__item > .promocode {
        margin-top: 8px
    }

    .tabs__header-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 14px;
    }

    .tabs__header-button {
        padding: 16px;
        font-size: 14px;
    }

    .games-list__item-name {
        font-size: 18px
    }

    .games-list__item > .btn {
        font-size: 14px;
        padding: 12px 24px
    }

    .providers .swiper-controls {
        grid-column: 1/-1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .advantages-list__item-name {
        font-size: 18px
    }

    .breadcrumbs__list li a {
        font-size: 14px
    }

    .breadcrumbs__list li span {
        font-size: 14px
    }
}

@media (hover: hover) {
    .header__burger:hover {
        -webkit-transition: background .2s ease 0s;
        transition: background .2s ease 0s;
        background: var(--hover-color);
        border-radius: 50%
    }

    .galery-section__list-item .galery-section__link:hover::after {
        opacity: 1
    }

    .tabs-v2__next:hover, .tabs-v2__prev:hover {
        -webkit-transition: background .2s ease 0s;
        transition: background .2s ease 0s;
        background: var(--hover-color);
        border-radius: 50%
    }

    .popup__content-header .js-cross:hover {
        -webkit-transition: background .2s ease 0s;
        transition: background .2s ease 0s;
        background: rgba(73, 69, 79, .12)
    }
}

.first-page-image {
    margin-top: 32px
}

@media (max-width: 576px) {
    .first-page-image {
        margin-top: 28px
    }
}

/*.glightbox-open {*/
/*    overflow: unset!important;*/
/*}*/

.gslide-image img {
    max-width: 80vw!important;
    max-height: 80vh!important;
}

/* Socials block */
.socials-block {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--socials-bg);

    /* M3/Elevation Light/3 */
    box-shadow: 0px 4px 8px 3px rgba(49, 49, 54, 0.15), 0px 1px 3px 0px rgba(49, 49, 54, 0.20);
}

.socials-block__description {
    color: var(--M3-sys-light-on-secondary, #0E1E20);
    margin-top: 0;
    /* M3/title/large */
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%; /* 34px */
}

.socials-block__list {
    display: flex;
    align-items: stretch;
    gap: 20px;
    flex: 1 1;
}

.socials-block__link {
    display: flex;
    padding: 16px 36px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    color: var(--M3-sys-light-on-primary, #FFF);
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%; /* 24.48px */
    height: 100%;
    margin-top: 0;
}

@media (max-width: 1300px) {
    .socials-block__list {
        flex-direction: column;
        gap: 12px 0;
    }
}

@media (max-width: 767px) {
    .socials-block {
        flex-direction: column;
        gap: 20px 0;
    }

    .socials-block__description {
        /* M3/title/large */
        font-size: 18px;
    }

    .socials-block__list {
        width: 100%;
    }

    .socials-block__link {
        font-size: 14px;
    }
}

/* Spin the wheel container */
.spin-container {
    display: grid;
    gap: 0 20px;
}

.spin-container:has(.winners) {
    grid-template-columns: auto 1fr;
}

.spin-container .wp-block-title {
    grid-column: 1/-1;
    margin-bottom: 24px;
}

@media (max-width: 800px) {
    .spin-container .wp-block-title {
        margin-bottom: 18px;
    }
}

/* Spin the wheel */
.spin-the-wheel {
    position: relative;
    display: flex;
    padding: 24px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex: 1 1;
    height: 495px;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.66);
    /* M3/Elevation Light/3 */
    box-shadow: 0px 4px 8px 3px rgba(49, 49, 54, 0.15), 0px 1px 3px 0px rgba(49, 49, 54, 0.20);
}

.spin-the-wheel__cross {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    cursor: pointer;
    fill: var(--M3-sys-light-surface, #FAFAFA);
    z-index: 993;
}

.spin-the-wheel__game {
    position: relative;
}

.spin-the-wheel__game:after {
    content: url("../img/dice.png");
    position: absolute;
    left: -44px;
    bottom: 4px;
    width: 127px;
    height: 130px;
    z-index: 3;
}

.spin-the-wheel__game-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

.spin-the-wheel__game {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spin-the-wheel__game img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    user-select: none;
    z-index: 2;
}

.spin-the-wheel__game img.spin-the-wheel__game-fixed {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.spin-the-wheel__game-wheel {
    z-index: 1;
}

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

.spin-the-wheel__game-wheel._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: 2069deg;
}

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

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

.spin-the-wheel__top-text,
.spin-the-wheel__bottom-text {
    position: absolute;
    z-index: 2;
    margin-top: 0;
    color: var(--M3-sys-light-surface, #FAFAFA);
}

.spin-the-wheel__top-text {
    top: 24px;
    left: 24px;
    max-width: 232px;
    /* M3/display/large */
    font-size: 58px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 69.6px */
    letter-spacing: -0.25px;
}

.spin-the-wheel__bottom-text {
    bottom: 24px;
    right: 24px;
    max-width: 214px;
    /* M3/body/large */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%; /* 24.48px */
    letter-spacing: 0.25px;
}

.spin-the-wheel__popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.6);
    z-index: 990;
}

.spin-the-wheel__popup._active {
    display: flex;
}

@media (max-width: 1250px) {
    .spin-the-wheel {
        flex-direction: column;
        justify-content: flex-start;
        min-height: 550px;
    }

    .spin-the-wheel__top-text,
    .spin-the-wheel__bottom-text{
        position: static;
        max-width: unset;
    }

    .spin-the-wheel__game img {
        width: auto;
        max-height: 295px;
    }

    .spin-the-wheel__game:after {
        left: 14px;
        bottom: -38px;
        width: 100px;
        height: 104px;
    }

    .spin-the-wheel__top-text {
        font-size: 32px;
        text-align: center;
    }

    .spin-the-wheel__bottom-text {
        font-size: 14px;
        text-align: center;
    }
}

@media (max-width: 800px) {
    .spin-container:has(.winners) {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .spin-container .winners {
        width: 100%;
        max-width: 100%;
    }

    .spin-container .winners .winners-list__item {
        max-width: 100%;
    }

    .spin-the-wheel {
        margin-top: 18px;
    }
}

.voucher {
    position: relative;
    width: 438px;
    height: 581px;
}

.voucher:before {
    content: '';
    position: absolute;
    right: -14px;
    bottom: -40px;
    left: -14px;
    margin: auto;
    width: 100%;
    height: 493px;
    border-radius: 16px;
    background: var(--M3-sys-light-surface-bright, #FFF);

    /* M3/Elevation Light/3 */
    box-shadow: 0px 4px 8px 3px rgba(49, 49, 54, 0.15), 0px 1px 3px 0px rgba(49, 49, 54, 0.20);
    z-index: 991;
}

.voucher img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 992;
}

.voucher > :not(img):not(.voucher__btn):not(.spin-the-wheel__cross) {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    color: var(--M3-sys-light-on-primary, #FFF);
    text-align: center;
    z-index: 993;
}

.voucher .voucher__title {
    top: 73px;
    color: #D3B359!important;
    /* M3/display/small */
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 38.4px */
}

.voucher__bonus-title {
    top: 208px;
    max-width: 180px;
    /* M3/title/large */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: 0.25px;
}

.voucher__bonus-title span {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%; /* 34px */
}

.voucher__bonus-description {
    top: 282px;
    max-width: 180px;
    /* M3/body/medium */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%; /* 19.04px */
    letter-spacing: 0.035px;
}

.voucher__promo {
    bottom: 118px;
    width: 252px;
    border-color: var(--M3-sys-light-on-primary, #FFF);
    color: var(--M3-sys-light-on-primary, #FFF);
}

.voucher__promo .promocode__copy-btn {
    color: var(--M3-sys-light-on-primary, #FFF);
}

.voucher__promo .promocode__value {
    color: var(--M3-sys-light-on-primary, #FFF);
}

.voucher__promo svg {
    fill: var(--M3-sys-light-on-primary, #FFF);
}

.voucher__btn {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    width: 252px;
    bottom: 46px;
    z-index: 993;
}

@media (max-width: 600px) {
    .voucher {
        width: 300px;
        height: 400px;
    }

    .voucher:before {
        bottom: -24px;
        height: 312px;
    }

    .voucher .voucher__title {
        top: 49px;
        font-size: 24px;

    }

    .voucher__bonus-title {
        top: 138px;
        max-width: 110px;
        font-size: 14px;
    }

    .voucher__bonus-title span {
        font-size: 14px;
    }

    .voucher__bonus-description {
        top: 194px;
        max-width: 110px;
        font-size: 12px;
    }

    .voucher__promo {
        bottom: 83px;
        width: 190px;
        font-size: 14px;
    }

    .voucher__btn {
        width: 190px;
        bottom: 19px;
    }
}

/* Info table */
.info-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 32px;
}

.info-table__body {
    display: grid;
    grid-template-columns: 348px 1fr 1fr;
    grid-template-rows: repeat(4, auto);
    column-gap: 32px;
    row-gap: 28px;
}

.info-table__block {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    padding: 24px;
    border-radius: 4px;
    background: var(--header-color, #fff);
    box-shadow: var(--block-shadow);
    color: var(--M3-sys-light-on-surface-variant, #605856);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: 0.25px;
}

.info-table__block span {
    color: var(--M3-sys-light-on-surface, #231917);
    line-height: 136%;
}

.info-table__block span.title {
    font-size: 18px;
    font-weight: 500;
}

.info-table__block .btn {
    padding: 10px 24px;
    width: 100%;
    max-width: 304px;
    margin: 0;
}

.info-table__block .btn--primary {
    padding-block: 12px;
}

.info-table__block--light {
    color: var(--M3-sys-light-tertiary-fixed-dim, #919191);
}

.info-table__block--light span {
    color: var(--M3-sys-light-on-surface-variant, #605856);
    font-weight: 500;
}

.info-table__cell {
    width: 100%;
}

.info-table__cell > svg {
    margin-bottom: -7px;
}

.info-table__cell--value {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding-right: 56px;
}

.info-table__cell--value span {
    color: var(--M3-sys-light-on-surface, #231917);
    font-size: 25px;
    font-weight: 500;
}

.info-table__cell--col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}

.info-table__cell--line {
    padding-top: 16px;
    border-top: 1px solid var(--M3-sys-light-outline-variant, #ccc);
}

.info-table__icon {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    color: #000;
}

.info-table__icon--orange {
    border-color: #f8d2a7;
    background: var(--icon--orange-bg);
    color: #ee8d03;
}

.info-table__icon--green {
    border-color: #d8fa96;
    background: var(--icon--green-bg);
    color: #8cc027;
}

.info-table__icon--purple {
    border-color: #baa6f9;
    background: var(--icon--icon--purpl);
    color: #5c32db;
}

.info-table__payments {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}

.info-table__payments-item {
    width: 42px;
    height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid var(--M3-sys-light-outline-variant, #ccc);
    background: var(--M3-sys-light-surface-bright, #fff);
}

.info-table__payments-item img {
    max-width: 100%;
    max-height: 100%;
}

.info-table__payments a.info-table__payments-item {
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    will-change: opacity;
}

.info-table__payments a.info-table__payments-item:active {
    opacity: 0.6;
}

.info-table__list {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

.info-table__list:not(:first-child) {
    margin-top: 8px;
}

.info-table__list-item {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: var(--M3-sys-light-on-surface-variant, #605856);
}

body.dark .info-table__list-item svg rect:first-child {
    fill: none
}

.info-table__list--inline {
    column-gap: 20px;
    row-gap: 20px;
}

.info-table__list--inline li:not(:last-child) {
    position: relative;
    padding-right: 20px;
    border-right: 1px solid var(--M3-sys-light-outline-variant, #ccc);
}

.info-table__list--inline a.info-table__list-item {
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    will-change: opacity;
}

.info-table__list--inline a.info-table__list-item:active {
    opacity: 0.6;
}

.info-table__list--inline svg,
.info-table__list--inline img {
    max-width: 36px;
    max-height: 36px;
}

.info-table__list--cards {
    column-gap: 16px;
    row-gap: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(237px, 1fr));
}

.info-table__list--cards .info-table__list-item {
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--M3-sys-light-outline-variant, #ccc);
    background: var(--M3-sys-light-surface-bright, #fff);
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    will-change: background;
}

.info-table__list--cards a.info-table__list-item::after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.90283 4L7 5.88L13.1808 12L7 18.12L8.90283 20L17 12L8.90283 4Z" fill="%23CCCCCC"/></svg>');
    width: 24px;
    height: 24px;
    margin-left: auto;
}

.info-table__list--cards a.info-table__list-item:active {
    background: var(--m-3-state-layers-light-on-surface-opacity-012, rgba(171, 164, 181, 0.12));
}

.info-table__list--cards svg,
.info-table__list--cards img {
    max-width: 48px;
    max-height: 48px;
}

.info-table__list--cards-v {
    column-gap: 16px;
    row-gap: 16px;
}

.info-table__list--cards-v .info-table__list-item {
    padding: 8px;
    flex-direction: column;
    justify-content: center;
}

.info-table__list--cards-v a.info-table__list-item {
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    will-change: opacity;
}

.info-table__list--cards-v a.info-table__list-item:active {
    opacity: 0.6;
}

.info-table__list--cards-v svg,
.info-table__list--cards-v img {
    max-width: 60px;
    max-height: 60px;
}

.info-table__list svg,
.info-table__list img {
    object-fit: contain;
}

@media (min-width: 768px) {
    .info-table__block:nth-of-type(1) {
        grid-row: 1/3;
    }

    .info-table__block:nth-of-type(-n + 3) {
        grid-column: 1/2;
    }

    .info-table__block:nth-of-type(4) {
        grid-area: 1/2/2/3;
    }

    .info-table__block:nth-of-type(5) {
        grid-area: 1/3/2/4;
    }

    .info-table__block:nth-of-type(6) {
        grid-area: 2/2/-1/-1;
    }

    .info-table__block--big {
        gap: 24px;
    }

    .info-table__block--big .info-table__cell--line {
        padding-top: 24px;
    }
}

@media (max-width: 767.9px) {
    .info-table__body {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        row-gap: 16px;
    }

    .info-table__block {
        padding: 16px;
        font-size: 14px;
    }

    .info-table__cell--value span {
        font-size: 18px;
    }

    .info-table__icon {
        top: 16px;
        right: 16px;
    }
}

@media (max-width: 575.9px) {
    .info-table__list--inline {
        column-gap: 15px;
    }

    .info-table__list--inline li:not(:last-child) {
        padding-right: 15px;
    }

    .info-table__list--inline svg,
    .info-table__list--inline img {
        max-width: 28px;
        max-height: 28px;
    }

    .info-table__list--cards {
        gap: 12px;
    }

    .info-table__list--cards svg,
    .info-table__list--cards img {
        max-width: 36px;
        max-height: 36px;
    }

    .info-table__list--cards-v {
        row-gap: 8px;
    }

    .info-table__list--cards-v svg,
    .info-table__list--cards-v img {
        max-width: 48px;
        max-height: 48px;
    }
}

@media (max-width: 991.9px) and (min-width: 768px) {
    .info-table__block:nth-of-type(4) {
        grid-area: 4/1/5/2;
    }

    .info-table__block:nth-of-type(5) {
        grid-area: 1/2/2/-1;
    }

    .info-table__block:nth-of-type(6) {
        grid-area: 2/2/5/-1;
    }
}

@media (hover: hover) {
    .info-table__payments a.info-table__payments-item:hover {
        opacity: 0.6;
    }

    .info-table__payments a.info-table__payments-item:focus {
        opacity: 0.6;
    }

    .info-table__list--inline a.info-table__list-item:hover {
        opacity: 0.6;
    }

    .info-table__list--inline a.info-table__list-item:focus {
        opacity: 0.6;
    }

    .info-table__list--cards a.info-table__list-item:hover {
        background: var(--m-3-state-layers-light-on-surface-opacity-008, rgba(171, 164, 181, 0.08));
    }

    .info-table__list--cards-v a.info-table__list-item:hover {
        opacity: 0.6;
    }

    .info-table__list--cards-v a.info-table__list-item:focus {
        opacity: 0.6;
    }
}

/* Simaple app table */
.simple-info {
    position: relative;
    width: 100%;
    z-index: 10;
}

.simple-info tbody {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--second-offests);;
}

.simple-info tr {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    border-radius: 8px;
    padding: 16px;
    background: var(--header-color, #fff);

    /* M3/Elevation Light/3 */
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3)
}

.simple-info tr td {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 8px 0;
    color: var(--M3-sys-light-on-surface, #231917);

    /* M3/body/large */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%; /* 24.48px */
    letter-spacing: 0.25px;
}

.simple-info tr td:not(:last-child){
    border-bottom: 1px solid var(--M3-sys-light-outline-variant, #CCC);
}

.simple-info tr td span,
.simple-info tr td ul,
.simple-info tr td ol,
.simple-info tr td a,
.simple-info tr td li {
    color: var(--M3-sys-light-on-surface-variant, #605856);
    margin-top: 0;
    /* M3/body/medium */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%; /* 19.04px */
    letter-spacing: 0.035px;
}


.simple-info tr td span,
.simple-info tr td ul,
.simple-info tr td ol,
.simple-info tr td a {
    width: 50%;
}

.simple-info tr td ul {
    padding-left: 12px;
}

.simple-info tr td ul li {
    list-style: disc!important;
}

.simple-info tr td ul:not([class]) li::before,
.simple-info tr td ul.wp-block-list li::before {
    content: unset;
}

@media (max-width: 1300px) {
    .simple-info tbody {
        grid-template-columns: 1fr;
    }

    .simple-info tr td {
        font-size: 14px;
    }
}

/* App bonus + calc */
.app-bonus {
    display: flex;
    padding: 42px 30px 42px 90px;
    align-items: center;
    gap: 20px 44px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--app-bonus-bg);
}

.app-bonus__title {
    border-bottom: unset;
    padding-bottom: 0;
}

.app-bonus__calc {
    width: 100%;
}

.app-bonus__button {
    display: flex;
    align-items: stretch;
    gap: 0 16px;
}

.app-bonus__button > * {
    min-height: 56px;
    flex: 1 1;
}

@media (max-width: 1300px) {
    .app-bonus {
        flex-direction: column;
        padding: 28px 16px;
    }

    .app-bonus__button {
        flex-direction: column;
    }
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-left: auto;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.switch__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 34px;
    border: 1px solid #fff;
    background-color: var(--burger-bg);
    -webkit-transition: .4s;
    transition: .4s;
    display: flex;
    align-items: center;
}

.switch__slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    border-radius: 50%;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: 14px;
}

.switch input:checked + .switch__slider {
    background-color: var(--burger-bg);
}

.switch input:focus + .switch__slider {
    box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .switch__slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/*@media (max-width: 1300px) {*/
/*    .switch {*/
/*        margin-left: unset;*/
/*    }*/
/*}*/

@media (max-width: 768px) {
    .switch {
        order: 4;
    }
}

/* fix stas 12.02.25 */
/*.hero-section:not(:has(.hero-section__bonus)) .hero-section__logo {*/
/*    background: var(--body-color);*/
/*}*/

.wrapper .top-layer {
    z-index: -1;
}

.mp-hero-section__image {
    grid-row: 1 / 10;
}

.wrapper .top-layer {
    right: calc((100% - var(--width-container)) / 2);
    height: auto;
    width: auto;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    max-width: 10000px !important;
}

.galery-section .swiper-controls {
    grid-column-end: -1;
}

.page:has(.breadcrumbs):has(.top-layer) .main > .wrapper:first-child {
    margin-top: -72px;
}

.page:has(.breadcrumbs, .top-layer) .main > .wrapper:first-child .mp-hero-section {
    margin-top: 0;
    padding-top: 80px !important;
}

.header__nav-link.has-submenu.active .header__nav-link {
    align-self: flex-start;
    padding-left: 0;
}

.info-table__list--inline li:not(:last-child) {
    position: relative;
    padding-right: 0;
    border-right: none;
    /*padding-right: 20px;*/
    /*border-right: 1px solid var(--M3-sys-light-outline-variant, #ccc);*/
}

.categories-section__aside-title,
.categories-section__aside-description {
    color: #fff;
}


@media (max-width: 1300px) {
    .page:has(.breadcrumbs):has(.top-layer) .main > .wrapper:first-child .mp-hero-section {
        padding-top: 60px !important;
    }

    .mp-hero-section__image {
        margin-top: 10px;
    }

    .mp-hero-section h1 {
        margin-top: 1rem !important;
    }
}

@media (max-width: 767.9px) {
    .info-table__list--inline {
        flex-direction: column;
    }

    .info-table__list--inline br {
        display: none;
    }

}

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

.page-404 > .main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.page-404 > .main-container > * {
    color: var(--text-color1, #231917);
}

@media (max-width: 1300px) {
    .wp-block-heading + p:not([class]) {
        margin-top: 0;
    }
}

/* Listing */
.listing {
    display: flex;
}

.listing tbody {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    width: 100%;
    overflow: visible;
}

.listing tbody tr {
    display: flex;
}

.listing__item {
    width: 100%;
}

.listing__item > img {
    max-height: 126px;
}

.listing__item-text {
    margin-bottom: auto;
}

.listing__item-name + .listing__promocode {
    margin-top: auto;
}