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

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

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

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

:active, :focus {
    outline: 0
}

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

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

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

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

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

input[type=number] {
    -moz-appearance: textfield
}

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
}

.text-image a:not([class]),
.advantages-list a:not([class]),
.how-to__item-text a:not([class]),
.wrapper > p > a:not([class])
{
    color: #fa61cd;
    text-decoration: underline;
}

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;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

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

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

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

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

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

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

.wrapper--bordered {
    margin-top: 32px;
    padding-top: 64px;
    padding-bottom: 64px;
    border-top: 6px solid var(--M3-sys-light-primary, #c61993);
    border-bottom: 6px solid var(--M3-sys-light-primary, #c61993);
    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);
    -webkit-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%);
    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) {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--width-container)
}

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

    .wrapper > .btn {
        max-width: calc(100% - var(--offsets) * 2)
    }
}

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

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

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

.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: #ccc;
    /*-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;
    font-size: 14px;
}

.switch input:checked + .switch__slider {
    background-color: #1d1f22;
}

.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: 768px) {
    .switch {
        order: 2;
    }
}

@media (max-width: 768px) {
    .switch {
        order: 4;
    }
}

.hidden_svg {
    display: none
}

.no-scroll {
    overflow: hidden
}

body {
    --header-color: #fff;
    --header-shadow: 0px 0px 20px 0px rgba(61, 61, 73, 0.34);
    --body-color: #f6f8f9;
    --btn-primary: #c61993;
    --btn-secondary: #000;
    --btn-secondary-hover: #777e7e;
    --btn-secondary-game: #dde7e3;
    --btn-secondary-popup: #dde7e3;
    --btn-secondary-game-hover: #bcc9c4;
    --btn-secondary-color: #fff;
    --lang-bg: #dde7e3;
    --lang-hover-color: #f2f0eb;
    --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: #fee6df;
    --advantages-svg2: #c61993;
    --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: #c61993;
    --sb-size: 12px;
    background: var(--body-color);
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Ubuntu
}

body.dark {
    --header-color: #1d1f22;
    --header-shadow: 0px 0px 20px 0px rgba(16, 17, 24, 0.34);
    --body-color: #18191b;
    --btn-secondary: #c6c6c6;
    --btn-secondary-hover: #777575;
    --btn-secondary-game: #243335;
    --btn-secondary-popup: #c61993;
    --btn-secondary-game-hover: #252f31;
    --btn-secondary-color: #303030;
    --btn-secondary-game-color: #fff;
    --lang-bg: #243335;
    --lang-hover-color: #181a1e;
    --lang-text-color: #d5e6e8;
    --burger-color: #f6f7f9;
    --nav-color: #18191b;
    --nav-link-color: #f6f7f9;
    --text-color1: #f6f7f9;
    --text-color2: #d2d4df;
    --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: #8a1c00;
    --advantages-svg2: #ffdad2;
    --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)
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar:horizontal {
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: #c61993;
}

::-webkit-scrollbar-track {
    background-color: var(--header-color);
}

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

h1 {
    color: var(--text-color1, #231917);
    font-family: Ubuntu;
    font-size: 68px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.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: Ubuntu;
    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
}

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

h2.with-link a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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%
}

h2.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);
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    z-index: -1
}

h2.with-link a::after {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    content: "";
    -webkit-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");
    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;
    height: 16px
}

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

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

h3 {
    margin-top: 1rem;
    color: var(--text-color1, #231917);
    font-family: Ubuntu;
    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: Ubuntu;
    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%
}

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

ol.wp-block-list li, 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%
}

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

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

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

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

ul.wp-block-list li, 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
}

ul.wp-block-list li::before,
ul:not([class]) li::before
{
    position: absolute;
    top: 2px;
    content: "";
    width: 22px;
    height: 19px;
    left: 0;
    -webkit-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='%23c61993'/%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='%23c61993'/%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='%23c61993'/%3E%3C/svg%3E");
    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='%23c61993'/%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='%23c61993'/%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='%23c61993'/%3E%3C/svg%3E");
    background-color: #f10ae4
}

:root {
    --height: 0px;
    --offsets: 20px;
    --width-container: 1440px;
    --star-color: #ffa959;
    --star-bg: transparent
}

.header {
    position: sticky;
    top: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    z-index: 99;
    background: var(--header-color);
    -webkit-box-shadow: var(--header-shadow);
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px
}

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

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

.header__lang {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 4px;
    background: var(--lang-bg, #dde7e3);
    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 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

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

.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 {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    fill: var(--nav-link-color)
}

.header__lang-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    border-radius: 4px;
    background: var(--lang-hover-color);
    width: 100%;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2
}

.header__lang-menu a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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%;
    -o-object-fit: contain;
    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 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: auto;
    background: var(--nav-color);
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translate(0, calc(100% - var(--height)));
    -ms-transform: translate(0, calc(100% - var(--height)));
    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;
    -webkit-transition: width .3s ease 0s;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: 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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.header__nav-link img {
    max-height: 16px;
    -o-object-fit: contain;
    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%;
    -webkit-transition: color .2s ease 0s;
    transition: color .2s ease 0s
}

.header__nav-link a:hover {
    color: #c61993
}

.header__nav-link span {
    display: block;
    word-break: break-all;
    color: var(--M3-sys-light-on-surface, #c61993);
    font-family: Ubuntu;
    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;
    -webkit-transition: all .1s ease 0s;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 99;
    width: 100%;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    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: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

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

.header__nav-link.has-submenu.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    border-radius: 12px
}

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

.header__nav-link.has-submenu.active svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    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;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: start;
    align-self: flex-start;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header__buttons .btn {
    margin-top: 0
}

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

.header__burger {
    position: relative;
    width: 37px;
    height: 37px;
    padding: 8px;
    cursor: pointer;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

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

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

.header__burger span {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: 20px;
    height: 2px;
    background-color: var(--burger-color);
    border-radius: 4px;
    -webkit-transition: all .3s ease 0s;
    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;
    -ms-grid-columns: 1.45fr 1fr;
    grid-template-columns:1.45fr 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 20px
}

.hero-section:not(:has(.hero-section__bonus)) .hero-section__text {
    grid-column: 1/-1
}

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

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

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

@media (max-width: 1400px) {
    .hero-section__logo {
        width: 160px;
        height: 160px;
        bottom: -68px;
    }
}

@media (max-width: 1200px) {
    .hero-section__logo {
        width: 120px;
        height: 120px;
        bottom: -48px;
    }
}

@media (max-width: 1000px) {
    .hero-section__logo {
        width: 100px;
        height: 100px;
        bottom: -36px;
    }
}

.hero-section__logo > img {
    max-width: 100%;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -o-object-fit: contain;
    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
}

.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 #c61993;
    border-left: 1px solid #c61993;
    height: 1px;
    width: 100%;
    -webkit-animation: border-animate-top 2s infinite;
    animation: border-animate-top 2s infinite
}

.hero-section__bonus::after {
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #c61993;
    border-right: 1px solid #c61993;
    width: 100%;
    height: 1px;
    -webkit-animation: border-animate-bottom 2s infinite;
    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 #c61993;
    -webkit-animation: border-animate-left 2s infinite;
    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 #c61993;
    -webkit-animation: border-animate-right 2s infinite;
    animation: border-animate-right 2s infinite
}

.hero-section__bonus-content {
    padding: 20px;
    border-radius: 4px;
    border: 1px solid var(--M3-sys-light-primary, #c61993);
    background: var(--bonus-bg, #fff)
}

.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-title {
    margin-top: 0;
    color: var(--text-color3, #0e1e20);
    font-family: Ubuntu;
    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;
    -webkit-box-shadow: 0 4px 8px 3px rgba(49, 49, 54, .15), 0 1px 3px 0 rgba(49, 49, 54, .3);
    box-shadow: 0 4px 8px 3px rgba(49, 49, 54, .15), 0 1px 3px 0 rgba(49, 49, 54, .3);
    padding: 16px 32px 16px 32px;
    border-radius: 8px;
    background: var(--header-color, #fff);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    pointer-events: none;
}

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

.toc-section__title-arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .2s ease 0s;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--header-color, #fff)
}

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

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

.toc-section__toc.active .toc-section__title-arrow {
    -webkit-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    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;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    list-style: none;
    counter-set: tocList
}

.toc-section__toc-item {
    -webkit-transition: all .3s ease 0s;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: relative;
    color: var(--text-color1, #231917);
    font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    counter-increment: tocList;
    -webkit-transition: all .2s ease 0s;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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;
    -ms-grid-columns: 345px 1fr;
    grid-template-columns:345px 1fr;
    gap: 20px
}

.categories-section__aside {
    padding: 20px;
    border-radius: 8px;
    background: var(--header-color, #fff);
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    -webkit-box-shadow: var(--header-shadow);
    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;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 1
}

.categories-section__aside-title {
    margin-top: 0;
    color: var(--M3-sys-light-on-surface, #231917);
    font-family: Ubuntu;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase
}

.categories-section__aside-description {
    color: var(--M3-sys-light-on-surface, #231917);
    font-family: Ubuntu;
    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;
    -ms-grid-columns: 10fr 1fr;
    grid-template-columns:10fr 1fr;
    gap: 10px
}

.galery-section__list {
    /*width: 100%;*/
    /*max-width: 100%;*/
    margin-top: 16px;
    display: inline-flex;
    /*flex-wrap: nowrap;*/
}

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

.galery-section__list-item > a {
    position: relative;
    width: 100%;
    height: 100%
}

/*.galery-section__list-item > a::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;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: 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;*/
/*    -webkit-transition: all .2s ease 0s;*/
/*    transition: all .2s ease 0s*/
/*}*/

.galery-section__list-item > a > img {
    max-width: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.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;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .2s ease 0s;
    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)
}

.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: 32px !important;
    padding-bottom: 32px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px;
    gap: 32px
}

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

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

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

.footer__nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px
}

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

.footer__nav li a:hover {
    color: #c61993
}

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

.footer__copywrite p {
    text-align: center;
    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
}

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

.footer__providers li img {
    max-width: 86px;
    max-height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.footer__providers.footer__providers_2 li img {
    max-width: unset;
}

.mp-hero-section {
    position: relative;
    z-index: 3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.5fr 1fr;
    grid-template-columns:1.5fr 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    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 {
    -ms-grid-column: 1;
    grid-column: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mp-hero-section__specs-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    margin-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #ccc
}

.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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%)
}

.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;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    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: 20px;
    padding: 12px 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

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

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

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

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

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

.sp-hero-section__content .breadcrumbs__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.sp-hero-section__content > p {
    margin-top: 20px
}

.sp-hero-section__demo {
    grid-column: 1/-1;
    padding: 16px;
    border-radius: 4px;
    background: var(--header-color, #fff)
}

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

.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: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

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

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

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

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

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

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

.text-image.reversed > .bonus, .text-image.reversed > .wp-block-table, .text-image.reversed > img {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2
}

.text-image.reversed > .calculator {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.text-image__content .btn {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 20px
}

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

.text-image > .bonus, .text-image > img {
    max-width: 100%;
    -ms-grid-column-align: end;
    justify-self: end;
    -o-object-fit: contain;
    object-fit: contain
}

.text-image > .calculator {
    max-width: 100%;
    -ms-grid-column-align: end;
    justify-self: end;
    -o-object-fit: contain;
    object-fit: contain
}

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

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

.promocode__input .promocode__copy-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: Ubuntu;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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);
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    z-index: -1
}

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

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

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

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

.btn svg {
    display: none
}

.btn--primary {
    background: var(--btn-primary)
}

.btn--primary:hover {
    -webkit-box-shadow: 4px 4px 0 0 #bc3d19;
    box-shadow: 4px 4px 0 0 #bc3d19
}

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

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

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

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

.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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 10px 36px
}

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

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

.categories-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    padding: 16px 32px;
    color: var(--text-color1, #231917);
    font-family: Ubuntu;
    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)
}

@media (max-width: 767px) {
    .categories-list__item {
        font-size: 16px;
        padding: 16px;
    }
}

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

.links-list__item {
    -webkit-transition: all .2s ease 0s;
    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;
    -ms-grid-columns: 48px 1fr;
    grid-template-columns:48px 1fr;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    width: 100%;
    height: 100%;
    padding: 12px;
    color: var(--lang-text-color, #0e1e20);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

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

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

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

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

.wp-block-table.table-double {
    margin-top: 32px;
    -webkit-filter: drop-shadow(0 4px 10px rgba(49, 49, 54, .34));
    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:not(.table-double) table {
    background: var(--cell-color, #f6f5f1);
    border-radius: 8px;
}

.wp-block-table:not(.table-double) td,
.wp-block-table:not(.table-double) th {
    color: var(--text-color2, #605856);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    text-align: left;
    padding: 16px;
}

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


.wp-block-table:not(.table-double) th {
    background: var(--M3-sys-light-primary,#c61993);
    color: #FFF;
}


.wp-block-table.table-double table thead td, .wp-block-table.table-double table thead th {
    background: var(--M3-sys-light-primary, #c61993);
    color: var(--text-color2, #605856);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    text-align: left
}

.wp-block-table.table-double table thead th {
    color: #FFF;
}

.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 td:last-child, .wp-block-table.table-double table 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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -ms-flex-wrap: wrap;
    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;
    -o-object-fit: contain;
    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;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    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;
    -o-object-fit: contain;
    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;
    -ms-grid-columns:(1fr) [ 2 ];
    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%;
    -o-object-fit: contain;
    object-fit: contain
}

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

.pros-cons__cons, .pros-cons__pros {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 20px 0 rgba(49, 49, 54, .34);
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.pros-cons__cons-list li, .pros-cons__pros-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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 {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    width: 24px;
    height: 28px;
    content: "";
    -webkit-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");
    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 {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    width: 24px;
    height: 28px;
    content: "";
    -webkit-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");
    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)
}

.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;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    overflow: hidden
}

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

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

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

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

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

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

.tables-list__item {
    -webkit-filter: drop-shadow(0 1px 3px rgba(49, 49, 54, .3)) drop-shadow(0 4px 8px rgba(49, 49, 54, .15));
    filter: drop-shadow(0 1px 3px rgba(49, 49, 54, .3)) drop-shadow(0 4px 8px rgba(49, 49, 54, .15))
}

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

.tables-list__item table thead td, .tables-list__item table thead th {
    border-radius: 8px 8px 0 0;
    background: var(--M3-sys-light-primary, #c61993);
    color: var(--text-color2, #605856);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    text-align: left
}

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

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

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

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

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

.tables-list__item 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 {
    border-radius: 0 0 8px 0
}

.tables-list__item table tbody tr td {
    width: 50%;
    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:first-child {
    border-right: 1px solid var(--border-color)
}

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

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

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

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

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

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

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

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

.winners-list__item-gamename {
    -ms-grid-row: 1;
    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;
    -ms-grid-row: 2;
    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, #c61993);
    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%
}

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

.bonus {
    width: 100%;
    padding: 20px;
    border-radius: 8px;
    background: var(--header-color, #fff);
    -webkit-box-shadow: var(--header-shadow);
    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;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    gap: 20px;
    overflow: visible
}

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

.bonuses-list__item-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 0 0 8px 8px
}

.bonuses-list__item-name {
    margin-top: 16px;
    color: var(--text-color1, #231917);
    font-size: 25px;
    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 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.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: #ccc;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-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: #c61993
}

.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;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    gap: 20px
}

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

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

.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-game);
    color: var(--btn-secondary-game-color)
}

.games-list__item > .btn--secondary:hover {
    -webkit-box-shadow: 4px 4px 0 0 var(--btn-secondary-game-hover);
    box-shadow: 4px 4px 0 0 var(--btn-secondary-game-hover)
}

.calculator {
    width: 100%;
    padding: 20px;
    border-radius: 8px;
    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)
}

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

.calculator__input {
    max-width: 100%;
    position: relative;
    margin-top: 16px;
    padding: 16px 42px 16px 16px;
    border-radius: 4px;
    border: 2px solid var(--promocode-border, #000)
}

.calculator__input.active {
    border: 2px solid var(--M3-sys-light-primary, #c61993)
}

.calculator__input.active .calculator__input-label {
    color: #c61993
}

.calculator__input-label {
    position: absolute;
    top: -12px;
    left: 20px;
    background: var(--header-color);
    padding: 3px;
    color: var(--text-color2, #605856);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .035px
}

.calculator__input-text {
    width: 90%;
    background: 0 0;
    word-break: break-all;
    margin-top: 0;
    color: var(--text-color1, #231917);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px
}

.calculator__input-svg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 12px;
    right: 10px;
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    width: 30px;
    height: 30px
}

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

.calculator__result {
    margin-top: 16px;
    padding: 16px;
    background: var(--lang-bg, #dde7e3);
    color: var(--text-color3, #0e1e20);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.calculator__result span {
    color: var(--text-color3, #0e1e20);
    font-weight: 400
}

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

.providers-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 6 ];
    grid-template-columns:repeat(6, 1fr);
    gap: 20px
}

.providers-list__item {
    border-radius: 4px;
    overflow: hidden;
    -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)
}

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

.providers-list__item-header > img {
    max-width: 48px;
    -o-object-fit: contain;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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;
    -o-object-fit: cover;
    object-fit: cover
}

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

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

.providers-list__item-images > img:nth-of-type(3) {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    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;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

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

.about-block {
    width: 100%;
    max-width: 100%;
    margin-top: 32px;
    border-spacing: 0
}

.about-block tbody {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.62fr 1fr 1.18fr 1fr;
    grid-template-columns:1.62fr 1fr 1.18fr 1fr;
    gap: 20px
}

.about-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    position: relative;
    padding: 24px;
    border-radius: 4px;
    background: var(--header-color, #fff);
    -webkit-box-shadow: 0 4px 8px 3px rgba(49, 49, 54, .15), 0 1px 3px 0 rgba(49, 49, 54, .3);
    box-shadow: 0 4px 8px 3px rgba(49, 49, 54, .15), 0 1px 3px 0 rgba(49, 49, 54, .3)
}

.about-block__item--bg {
    background-image: url(../img/pattern.webp);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.about-block__item--tagged {
    padding: 24px 60px 24px 24px
}

.about-block__item td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.about-block__item td > :first-child {
    margin-top: 0 !important
}

.about-block__item:first-child {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    text-align: center;
    gap: 0
}

.about-block__item:first-child .about-block__item-name {
    color: var(--text-color2, #605856);
    text-align: center;
    font-size: 14px
}

.about-block__item:first-child img {
    margin-top: 16px !important;
    margin-right: auto;
    margin-left: auto;
    max-width: 120px;
    -o-object-fit: contain;
    object-fit: contain
}

.about-block__item:nth-child(2) .about-block__item-text {
    padding-top: 6px;
    margin-top: 0
}

.about-block__item:last-child {
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2/5
}

.about-block__item-name {
    margin-top: 0;
    color: var(--M3-sys-light-tertiary-fixed-dim, #919191);
    font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px
}

.about-block__item-value {
    margin-top: 10px;
    color: var(--burger-color, #231917);
    font-family: Ubuntu;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.about-block__item-text {
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
    color: var(--burger-color, #231917);
    font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%
}

.about-block__item-text--without-line {
    border-top: none;
    padding-top: 0
}

.about-block__item-text svg {
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%)
}

.about-block__item-text span {
    color: var(--text-color2, #605856);
    font-weight: 400
}

.about-block__item-tag {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    border-radius: 4px;
    border: 1px solid #f8d2a7;
    background: #fff8f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-block__item-tag--green {
    border: 1px solid #d8fa96;
    background: #f4ffde
}

.about-block__item-tag--purple {
    border: 1px solid #baa6f9;
    background: #efeafe
}

.about-block__item-tags {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.about-block__item-tags li {
    padding: 6px 8px;
    border-radius: 6px;
    border: 1px solid var(--border-color, #ccc);
    color: var(--text-color2, #605856);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px
}

.about-block__item-payments {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px
}

.about-block__item-payments li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5.4px 2.999px 4.8px 3px;
    border-radius: 4px;
    border: 1px solid var(--border-color, #ccc);
    background: var(--header-color, #fff)
}

.about-block__item-payments li img {
    max-width: 36px;
    -o-object-fit: contain;
    object-fit: contain
}

.about-block__item-list {
    display: inline-block;
    margin-top: 18px
}

.about-block__item-list li {
    display: inline-block;
    color: var(--text-color2, #605856);
    font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: .25px;
    padding-right: 20px;
    margin-left: 20px;
    border-right: 1px solid #ccc
}

.about-block__item-list li:first-child {
    margin-left: 0
}

.about-block__item-list li:last-child {
    padding-right: 0;
    border-right: none
}

.advantages-list {
    max-width: 100%;
    width: 100%;
    margin-top: 17px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 2 ];
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.advantages-list__item > img {
    max-width: 48px;
    max-height: 48px;
    -o-object-fit: contain;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    overflow-x: auto;
    padding: 10px 5px
}

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

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

.tabs-v2__buttons li.active button {
    border-radius: 4px;
    background: var(--M3-sys-light-primary, #c61993);
    -webkit-filter: drop-shadow(0 1px 3px rgba(49, 49, 54, .3)) drop-shadow(0 4px 3px rgba(49, 49, 54, .15));
    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 button 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 button svg {
    display: none
}

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

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

.tabs-v2__buttons li button svg {
    max-width: 20px;
    max-height: 20px;
    fill: #b9cacc;
    -webkit-transition: all .2s ease 0s;
    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: 32px 0 20px 0;
    z-index: 3
}

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

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

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

.breadcrumbs__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: #c61993
}

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

.breadcrumbs__list li a::after {
    margin: 0 5px;
    content: "";
    width: 8px;
    height: 12px;
    background-color: var(--nav-link-color);
    -webkit-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");
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: #c61993;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 60px;
    right: 60px;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: var(--cell-color, #f1f1f1);
    -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);
    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    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(.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: 1440px) {
    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__buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 60px;
        margin-left: 20px;
        gap: 8px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -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 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .hero-section__image > img {
        min-height: 100px;
        -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;
        margin-top: 20px
    }

    .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;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .sp-hero-section__demo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

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

    .about-block tbody {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .about-block__item {
        grid-column: 1/-1 !important
    }

    .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: 50px;
        height: 50px;
        bottom: -14px;
    }

    .hero-section__logo > img {
        max-width: 48px;
        -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: 32px !important;
        padding-bottom: 32px !important
    }

    .footer__nav {
        gap: 12px
    }

    .footer__nav li a {
        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 36px;
        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:last-child {
        grid-column: 1/-1
    }

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

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

    .wp-block-table.table-double table td:last-child, .wp-block-table.table-double table th:last-child {
        width: 50%
    }

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

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

    .tables-list {
        -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);
        height: 90px;
        padding: 16px;
        border-radius: 0 0 4px 4px;
        z-index: 999;
    }

    .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: 28px;
        padding-bottom: 28px
    }

    .container {
        padding: 0 16px
    }

    h1 {
        font-size: 36px;
        line-height: 44px
    }

    h2.with-link a {
        padding: 12px 16px;
        font-size: 14px
    }

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

    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
    }

    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
    }

    .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-title {
        font-size: 24px
    }

    .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-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 {
        max-width: 136px
    }

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

    .tables-list__item table td .cell, .tables-list__item 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: 18px
    }

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

    .tabs__header-button {
        padding: 16px
    }

    .games-list__item-name {
        font-size: 18px
    }

    .games-list__item > .btn {
        font-size: 14px;
        padding: 12px 26px
    }

    .calculator__tag {
        font-size: 18px
    }

    .calculator__input-text {
        font-size: 14px
    }

    .calculator__result {
        font-size: 14px
    }

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

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

    .about-block__item--tagged {
        padding: 16px 60px 16px 16px !important
    }

    .about-block__item {
        padding: 16px
    }

    .about-block__item-name {
        font-size: 14px
    }

    .about-block__item-value {
        font-size: 18px
    }

    .about-block__item-text {
        font-size: 14px
    }

    .about-block__item-tags li {
        font-size: 14px
    }

    .about-block__item-list li {
        font-size: 14px
    }

    .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 > a:hover::after {
        opacity: 1
    }

    .calculator__input-svg:hover {
        -webkit-transition: background .2s ease 0s;
        transition: background .2s ease 0s;
        background: var(--hover-color)
    }

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

.page-404 > .main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.page-404 > .main-container > * {
    color: #FFF;
}

.page-404 > .main-container a {
    text-decoration: underline;
}

.page-404 > .main-container > * {
    color: #FFF;
}

.page-404 > .main-container a {
    text-decoration: underline;
}

.dmca-badge {
    text-align: center;
}

.glightbox-open {
    overflow: unset!important;
}

.gslide-image img {
    max-width: 80vw!important;
    max-height: 80vh!important;
}