@charset "UTF-8";

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-ExtraBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --width: 1480px;
    --display-width: var(--width);
    --offsets: 30px;
    --ff-primary: "Rubik", sans-serif;
    --color-title: #26133f;
    --color-text: #26133f;
    --light-color-text: rgb(185, 197, 225);
    --color-link: #ff00a8;
    --color-header: radial-gradient(650% 123.8% at 50% 6.51%,#910069 0,#3b1f5e 80%);
    --accend-color: #09dc17;
    --second-color: #ff00a8;
    --border-color: rgba(113,57,184,.3);
    --button-color: rgb(35, 41, 57);
    --block-bg-color: #26133f;
    --border-color: rgba(0, 174, 139, 0.2);
    --color-footer: var(--color-header);
    --color-scroll-to-top: var(--accend-color);
    --color-second-button: #FFF;
    --color-second-button-bg: transparent;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit
}

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

.container-full {
    max-width: 100%
}

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

a {
    font-weight: 400;
    font-size: 16px;
    color: var(--color-link)
}

b {
    color: #38205c;
}

a:hover {
    text-decoration: none
}

ol:not([class]),
ul:not([class]),
.wp-block-list{
    margin-top: 1rem;
    padding-left: 25px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem
}

ol:not([class]) li::marker,
ul:not([class]) li::marker,
.wp-block-list li::marker
{
    color: var(--accend-color);
}

ol[class]:not(.wp-block-list), ul[class]:not(.wp-block-list){
    list-style: none;
}

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

h1,h2,h3,h4,h5,h6{
    margin-top: 0;
    color: var(--color-title);
}

h1 {
    margin-bottom: 32px;
    font-size: 34px;
    font-weight: 800;
    line-height: 40px;
}

h2 {
    margin-bottom: 1rem;
    font-size: 30px;
    font-weight: 800;
    line-height: 36px;
}

h3 {
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.1rem;
}

h4 {
    font-size: 17px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
}

h5 {
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.7rem;
}

h6 {
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
}

@media (max-width: 767px) {
    h1{
        font-size: 28px;
        font-weight: 800;
        line-height: 32px;
        margin-bottom: 12px;
    }

    h2{
        font-size: 25px;
        font-weight: 800;
        line-height: 32px;
    }
}

.wrapper > .wp-block-table,
.wrapper > blockquote,
.wrapper > h1,
.wrapper > h2,
.wrapper > h3,
.wrapper > h4,
.wrapper > h5,
.wrapper > h6,
.wrapper > ol,
.wrapper > p,
.wrapper > ul,
.wrapper > .content-button{
    margin-right: auto;
    margin-left: auto;
    padding: 0 var(--offsets);
    max-width: var(--display-width)
}

.wrapper > ol, .wrapper > ul {
    padding-left: 50px
}

.wrapper blockquote, blockquote {
    margin-top: 1rem;
    border-left: 5px solid var(--color-accent);
    padding: 1rem var(--offsets) 1rem 2rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    background-color: #f0f8ffff
}



.wrapper:first-child{
    margin-top: 40px;
}

.wrapper {
    margin-top: 58px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.wrapper > :not(:first-child):not(.wp-block-heading):not(:not([class])) {
    margin-top: 58px;
}

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

.wrapper .wp-block-heading + * {
    margin-top: 1rem!important;
}

@media (max-width: 767px) {
    .wrapper:first-child{
        margin-top: 20px;
    }

    .wrapper,
    .wrapper > :not(:first-child):not(.wp-block-heading):not(:not([class])) {
        margin-top: 32px;
    }
}

.wrapper > p:last-of-type{
    margin-bottom: 32px;
}

.wrapper > .wp-block-heading:not(:first-child){
    margin: 64px auto 16px auto;
}

.page-main > .wp-block-heading{
    margin-left: auto;
    margin-right: auto;
    padding: 0 var(--offsets);
    max-width: var(--display-width);
}

.wp-block-table {
    overflow: auto
}

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

}

.wp-block-table table {
    border-radius: 12px;
    background: #141b2e;
    overflow: hidden;
}

.wp-block-table table thead, table thead {
    border-bottom: none
}

.wp-block-table table th, table th {
    padding: .5rem 1rem;
    text-align: center;
    color: var(--color-title);
    background-color: #09dc17;
}

.wp-block-table table th:not(:last-child) {
    border-right: 1px solid var(--border-color);
}

.wp-block-table table td, table td {
    border: 1px solid var(--border-color);
    padding: .5rem 1rem;
    color: #FFF;
}

.wp-block-table table td:first-child, table td:first-child {
    border-left: none;
}

.wp-block-table table td:last-child, table td:last-child {
    border-right: none;
}

.wp-block-table table tr:last-child td, table tr:last-child td:last-child {
    border-bottom: none;
}

.wp-block-table .has-fixed-layout {
    table-layout: auto
}

.wp-block-table .has-fixed-layout th {
    white-space: nowrap;
}

.wp-block-table .has-fixed-layout td {
    word-break: normal
}

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

.get-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    line-height: 0
}

.visually-hidden {
    position: absolute;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    overflow: hidden;
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    clip: rect(0 0 0 0)
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    overflow-x: hidden;
    font-family: var(--ff-primary);
    font-weight: 400;
    color: var(--color-text);
    background-image: url(../images/bg.png);
    background-attachment: fixed;
    background-size: cover;
}

._scroll-lock {
    overflow: hidden;
}

@media (max-width: 767px) {
    ._scroll-lock {
        overflow: auto;
    }
}

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

.last-modified-date {
    display: inline-block;
    margin: 1rem auto;
    border-radius: 5px;
    padding: 10px 30px;
    width: 100%;
    font-weight: 700;
    text-align: center;
    background: -o-linear-gradient(150deg, #fff0 0, #fff0 5%, #cccf 50%, #fff 95%, #fff 100%);
    background: linear-gradient(300deg, #fff0 0, #fff0 5%, #cccf 50%, #fff 95%, #fff 100%)
}

html {
    font-size: 17px
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.button {
    color: #FFF;
    background: radial-gradient(153.53% 153.63% at 49.79% 107.79%,#ff00a8 0,#38205c 100%);
    border-radius: 4px;
    transition: 0.2s ease-in-out;
}

.button:hover {
    background: radial-gradient(153.53% 153.63% at 49.79% 107.79%,#ff00a8 0,#38205c 150%);
}

.button_second {
    background: radial-gradient(153.53% 153.63% at 49.79% 107.79%,#00ff0a 0,#38205c 100%);
}

.button_second:hover {
    background: radial-gradient(153.53% 153.63% at 49.79% 107.79%,#00ff0a 0,#38205c 150%);
}

.content-button {
    margin-top: 24px
}

.content-button.alight-left {
    text-align: left
}

.content-button.align-right {
    text-align: right
}

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

.content-button__control{
    display: inline-block;
    border: none;
    border-radius: 8px;
    padding: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    color: #FFF;
    background: radial-gradient(153.53% 153.63% at 49.79% 107.79%,#ff00a8 0,#38205c 100%);
    border-radius: 4px;
    cursor: pointer;
}

.content-button__control:hover{
    opacity: .7;
}


.content-button__control{
    min-width: 328px;
}

@media (max-width: 768px) {
    .content-button__control {
        min-width: unset;
    }
}


.page-header {
    background: radial-gradient(650% 123.8% at 50% 6.51%,#910069 0,#3b1f5e 80%);
}

.page-header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 8px 20px;
}

.page-header__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    /*width: 100%;*/
    max-width: 80px
}

.page-header__logo img{
    max-height: 44px;
    object-fit: contain;
}

.page-header__nav {
    /*margin-left: auto*/
    flex: 1 1;
}

.page-header__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto
}

.page-header__burger {
    /*display: none;*/
    -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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 35px;
    height: 25px;
    cursor: pointer
}

.page-header__burger span {
    display: block;
    border-radius: 20%;
    width: 100%;
    height: 3px;
    background-color: #FFF;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms
}

.page-header__burger.active span:nth-of-type(1) {
    -webkit-transform: translateY(11px) rotateZ(45deg);
    -ms-transform: translateY(11px) rotate(45deg);
    transform: translateY(11px) rotateZ(45deg)
}

.page-header__burger.active span:nth-of-type(2) {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.page-header__burger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-11px) rotateZ(-45deg);
    -ms-transform: translateY(-11px) rotate(-45deg);
    transform: translateY(-11px) rotateZ(-45deg)
}

.page-header__nav + .page-header__buttons {
    margin-left: 20px
}

.page-header__button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    outline: 0;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    color: #FFFFFF;
    transition: 250ms;
    cursor: pointer;
    padding: 10px;
    min-width: 240px;
}

.page-header__button > svg{
    max-width: 24px;
    max-height: 24px;
}

.page-header__button + .page-header__button {
    margin-left: 5px
}

.page-header__button--first {
    color: #FFF;
    background-color: transparent;
    transition: 0.2s ease-in-out;
    border: 1px solid var(--accend-color);
    transition: 0.2s;
}

.page-header__button--first:hover{
    background-color: var(--accend-color);
}

.page-header__button--second {
    color: var(--color-second-button);
    background-color: var(--color-second-button-bg);
    transition: 0.2s ease-in-out;
    border: 1px solid var(--second-color);
}

.page-header__button--second:hover{
    background-color: var(--second-color);
}

.main-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    /*height: 100%*/
}

@media (max-width: 1100px) {
    .page-header__nav{
        flex: 1 1 100%;
        order: 10;
        margin-top: 8px;
    }

    .main-nav__list{
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    .page-header__nav{
        margin-top: unset;
    }
}

@media (max-width: 768px){
    .page-header__button{
        min-width: unset;
        flex: 1 1;
    }
}

.main-nav__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;
    height: 100%;
    cursor: pointer;
}

.main-nav__item:hover > a::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.main-nav__item:hover .sub-menu {
    opacity: 1;
    pointer-events: auto
}

.main-nav__link {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 0 .5rem;
    padding: .5rem;
    box-sizing: border-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-decoration: none;
    color: #FFF;
    transition: .3s ease-in-out;
    gap: 4px
}

.main-nav__link > svg{
    max-width: 28px;
    max-height: 28px;
}

.main-nav__link .get-image img {
    width: auto;
    height: 1.2rem;
    -o-object-fit: contain;
    object-fit: contain
}

.main-nav__link--current, .main-nav__link:hover {
    color: var(--accend-color)
}

.main-nav__link--current,
.sub-menu__link--current{
    cursor: auto;
}

.main-nav__item--has-children {
    position: relative
}

.main-nav__item--has-children .main-nav__link{
    margin-right: 0;
    padding-right: 4px;
}

.main-nav__item--has-children.active .sub-menu__arrow svg {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg)
}

.main-nav__item--has-children.active .sub-menu {
    position: relative;
    top: 0;
    display: block;
    margin-top: 0;
    padding: 0 1rem;
    opacity: 1;
    pointer-events: auto
}

.main-nav__item--has-children.active .sub-menu::before {
    display: none
}

.sub-menu__arrow {
    /*position: absolute;*/
    /*right: -4px;*/
    /*top: 50%;*/
    /*display: block;*/
    /*-webkit-transform: translateY(-35%);*/
    /*-ms-transform: translateY(-35%);*/
    /*transform: translateY(-35%)*/
}

.sub-menu__arrow svg {
    width: 100%;
    height: auto;
    max-width: 15px;
    /*fill: var(--color-header-navigation-link);*/
    /*-webkit-transform: rotate(90deg);*/
    /*-ms-transform: rotate(90deg);*/
    /*transform: rotate(90deg);*/
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms
}

.sub-menu {
    position: absolute;
    top: 100%;
    z-index: 100;
    list-style: none;
    margin-top: .5rem;
    border-radius: 5px;
    padding: .5rem 1rem;
    background-color: var(--block-bg-color);
    opacity: 0;
    transition: 250ms;
    /*width: 100%;*/
    width: auto;
    pointer-events: none
}

.sub-menu::before {
    content: "";
    position: absolute;
    left: 0;
    top: -.5rem;
    width: 100%;
    height: .5rem;
    background-color: transparent
}

/*.sub-menu:hover {*/
/*    color: var(--color-header)*/
/*}*/

.sub-menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .5rem 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    white-space: nowrap;
    text-decoration: none;
    color: #FFF;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.sub-menu__link .get-image img {
    width: auto;
    height: 1.2rem;
    -o-object-fit: contain;
    object-fit: contain
}

.sub-menu__link--current, .sub-menu__link:hover {
    color: var(--accend-color)
}

.bonus{
    display: grid;
    grid-template-rows: auto 1fr auto auto;
    grid-template-columns: 1fr auto;
    border-radius: 12px;
    border: 2px solid var(--second-color);
    background-color: #141b2e;
    padding: 20px;
    gap: 8px 12px;
    min-height: 240px;
    height: 100%;
}

.bonus._anim-border{
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: none;
}

.bonus._anim-border:before,
.bonus._anim-border:after{
    content: '';
    position: absolute;
    margin: auto;
}

.bonus._anim-border:before{
    width: 1000px;
    top: 0;
    height: 1000px;
    right: 0;
    bottom: 0;
    left: -200px;
    background-color: #42F802;
    background: rgb(34,193,195);
    background: conic-gradient(var(--second-color) , #010409);
    animation: rotate 2s linear infinite;
    z-index: -1;
}

@keyframes rotate {
    100% {
        transform: rotate(1turn);
    }
}

.bonus._anim-border:after{
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    background-color: #141b2e;
    border-radius: 12px;
    z-index: 0;
}

.bonus._anim-border > *{
    z-index: 1;
}

.bonus b,
.bonus strong{
    color: #FBAE06;
    text-shadow: 0px 0px 8px rgba(249, 203, 22, 0.50);
}

.bonus .bonus__title{
    grid-row: 1/2;
    grid-column: 1/2;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
}

.bonus .bonus__description{
    grid-row: 2/3;
    grid-column: 1/2;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    margin-top: 0;
}

.bonus .get-image{
    grid-row: 1/-1;
    grid-column: 2/3;
    min-width: 146px;
}

.bonus .promocode{
    margin-top: 12px;
}

/* Promocode */
.promocode{
    display: flex;
    gap: 8px;
    grid-row: 3/4;
    grid-column: 1/2;
}

.promocode-field{
    flex: 1 1;
    color: var(--accend-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    border-radius: 8px;
    border: 2px dashed var(--accend-color);
    padding: 12px;
    max-width: 220px;
}

.promocode .copy-btn{
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.10);
    border: none;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.promocode .copy-btn:hover{
    background: rgba(255, 255, 255, 0.30);
}

.bonus__button{
    position: relative;
    display: flex;
    align-items: center;
    min-width: 320px;
    justify-content: space-between;
    border-radius: 8px;
    grid-row: 4/5;
    grid-column: 1/2;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    border: none;
    width: fit-content;
    cursor: pointer;
}

.bonus.v2{
    gap: 12px;
    padding: 16px;
}

.bonus.v2 .bonus__button{
    min-width: 240px;
}

.bonus.v2 .bonus__button._arrow-btn{
    padding: 10px 12px;
}

@media (max-width: 1200px) {
    .bonus .bonus__title{
        grid-row: 1/2;
        grid-column: 1/3;
    }

    .bonus .bonus__description{
        grid-row: 2/3;
        grid-column: 1/2;
    }

    .bonus .get-image{
        min-width: 78px;
        grid-row: 2/3;
        grid-column: 2/3;
        align-self: start;
        max-width: 110px;
    }

    .bonus.v2 .get-image{
        max-width: 126px;
    }

    .bonus .promocode{
        grid-row: 3/4;
        grid-column: 1/3;
    }

    .bonus .promocode-field {
        max-width: unset;
    }

    .bonus__button{
        min-width: unset;
        width: 100%;
    }

    .bonus .bonus__button{
        grid-row: 4/5;
        grid-column: 1/3;
    }

    .bonus.v2{
        grid-template-rows: auto 1fr auto;
    }

    .bonus.v2 .bonus__button{
        grid-row: 3/4;
    }
}
@media (max-width: 768px){
    .bonus{
        padding: 16px;
        gap: 16px 12px;
        min-height: unset;
    }

    .bonus .bonus__title{
        font-size: 20px;
        font-weight: 900;
        line-height: 24px;
    }

    .bonus .get-image{
        max-width: 78px;
    }

    .bonus .promocode{
        margin-top: -12px;
    }

    .bonus.v2{
        gap: 8px;
    }

    .bonus.v2 .bonus__title{
        grid-row: 1/2;
        grid-column: 1/2;
    }

    .bonus.v2 .bonus__description{
        grid-column: 1/3;
    }

    .bonus.v2 .get-image{
        grid-row: 1/2;
        grid-column: 2/3;
    }

    .bonus.v2 .get-image img{
        max-width: 114px;
    }
}

.bonus__button._gift-btn{
    color: #FFF;
    background-color: transparent;
    transition: 0.2s ease-in-out;
    border: 1px solid var(--second-color);
    padding: 12px 12px 12px 64px;
    transition: 0.2s ease-in-out;
}

.bonus__button._arrow-btn{
    color: #FFF;
    background: transparent;
    border: 1px solid var(--accend-color);
    padding: 12px;
    transition: 0.2s ease-in-out;
}

.bonus__button._gift-btn:hover{
    background-color: var(--second-color);
}

.bonus__button._arrow-btn:hover{
    background-color: var(--accend-color);
}

.bonus__button._gift-btn:before{
    content: '';
    position: absolute;
    top: -2px;
    left: 6px;
    width: 52px;
    min-width: 52px;
    height: 52px;
    background-image: url(../images/mini-gift.png);
    background-position: center;
    background-repeat: no-repeat;
    animation: move 2s infinite;
}

@keyframes move{
    50%{
        transform: translateY(-5px) rotate(15deg);
    }
    70%{
        transform: translateY(-5px) rotate(5deg)
    }
}

.bonus__button._gift-btn:after{
    content: '';
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-image: url(../images/user.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.bonus__button._arrow-btn:after{
    content: '';
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-image: url(../images/btn-arrows.svg);
    background-position: center;
    background-repeat: no-repeat;
}

/* Review */
/*.review {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-box-direction: normal;*/
/*    -ms-flex-direction: column;*/
/*    flex-direction: column;*/
/*    border-radius: 10px;*/
/*    padding: 1rem;*/
/*    height: 100%;*/
/*    -webkit-box-sizing: border-box;*/
/*    box-sizing: border-box;*/
/*    background-color: #f9f9f9*/
/*}*/

/*.review__text {*/
/*    margin-top: 0;*/
/*    margin-bottom: .5rem;*/
/*    font-weight: 500;*/
/*    color: #212121B2*/
/*}*/

/*.review__user {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: start;*/
/*    -ms-flex-pack: start;*/
/*    justify-content: flex-start;*/
/*    margin-top: auto*/
/*}*/

/*.review__user-image {*/
/*    border-radius: 50%;*/
/*    max-width: 60px*/
/*}*/

/*.review__user-name {*/
/*    margin-top: 0;*/
/*    margin-left: 1rem;*/
/*    font-weight: 600;*/
/*    font-size: 1.1rem;*/
/*    color: #6ec1e4*/
/*}*/

/*.show-posts {*/
/*    background: #fbfbfb*/
/*}*/

/*.show-posts__item {*/
/*    position: relative;*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-box-direction: normal;*/
/*    -ms-flex-direction: column;*/
/*    flex-direction: column;*/
/*    overflow: hidden;*/
/*    border-radius: 5px;*/
/*    padding-bottom: 10px;*/
/*    height: 100%;*/
/*    background-color: #fff;*/
/*    -webkit-transition: 250ms;*/
/*    -o-transition: 250ms;*/
/*    transition: 250ms*/
/*}*/

/*.show-posts__item:hover {*/
/*    -webkit-box-shadow: 0 0 10px 1px #00000019;*/
/*    box-shadow: 0 0 10px 1px #00000019*/
/*}*/

/*.show-posts__item:hover .show-posts__image img {*/
/*    -webkit-transform: scale(1.1);*/
/*    -ms-transform: scale(1.1);*/
/*    transform: scale(1.1)*/
/*}*/

/*.show-posts__image {*/
/*    overflow: hidden;*/
/*    height: 150px*/
/*}*/

/*.show-posts__image img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    -o-object-fit: cover;*/
/*    object-fit: cover;*/
/*    -o-object-position: center;*/
/*    object-position: center;*/
/*    -webkit-transition: 250ms;*/
/*    -o-transition: 250ms;*/
/*    transition: 250ms*/
/*}*/

/*.show-posts__title {*/
/*    margin-top: 1rem;*/
/*    padding: 0 10px;*/
/*    font-size: 1.2rem;*/
/*    line-height: 1.7rem;*/
/*    color: var(--color-accent)*/
/*}*/

/*.show-posts__text {*/
/*    margin-top: 0;*/
/*    margin-bottom: .5rem;*/
/*    padding: 0 10px;*/
/*    font-size: 1rem;*/
/*    line-height: 1.5rem*/
/*}*/

/*.show-posts__link {*/
/*    margin-top: auto;*/
/*    padding: 0 10px;*/
/*    text-decoration: underline;*/
/*    color: var(--color-accent)*/
/*}*/

/*.show-posts__hidden-link {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    z-index: 2;*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%*/
/*}*/

.video {
    max-width: 650px
}

.video__container {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
    background-color: #000
}

.video__preview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.video__button {
    position: absolute;
    width: 44px;
    height: 44px;
    left: 50%;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 0;
    border: none;
    border-radius: 22px;
    background: #575757;
    transform: translate(-50%, -50%);
    transition: .3s ease-in-out;
    cursor: pointer
}

.video__button:hover{
    opacity: .5;
}

.video__button:focus {
    outline: 0
}

.video__button:focus .video__button-shape, .video__button:hover .video__button-shape {
    fill: red;
    fill-opacity: 1
}

.video__button:hover {
    cursor: pointer
}

.video__media {
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    width: 100%;
    height: 100%
}

.video.align-center {
    margin: 0 auto
}

.video.align-right {
    margin-left: auto
}

/* Footer */
.page-footer {
    margin: 33px 0 0 0;
    padding: 40px;
    background-color: #3b1f5e;
}

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

.footer-col_nav{
    justify-content: flex-start;
    align-items: center;
    flex: 1 1;
}

.page-footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: wrap row-reverse;
    flex-flow: wrap row-reverse;
    gap: 20px
}

.page-footer__dmca {
    margin-top: 24px;
}

.dmca-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-footer__copyright {
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFF;
    margin-top: 4px;
    max-width: 120px;
}

.footer-nav__list {
    display: flex;
    gap: 12px 20px;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 150px;
}

.page-footer__nav{
    width: 468px;
}

.footer-nav__list .sub-menu {
    margin: .2rem 0
}

.footer-nav__item {
    display: flex;
    min-width: 224px;
}

.footer-nav__link {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    color: #FFF;
    transition: .3s ease-in-out
}

.footer-nav__link--current, .footer-nav__link:hover {
    color: var(--accend-color)
}

.footer-container{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.footer-col{
    display: flex;
    flex-direction: column;
}

@media (max-width: 1024px) {
    .page-footer{
        padding: 16px;
    }

    .footer-container{
        flex-direction: column;
        gap: 40px;
        padding: 0;
    }

    .footer-col{
        align-items: center;
    }

    .page-footer__nav{
        width: unset;
    }

    .footer-nav__item{

        min-width: unset;
     }

    .footer-nav__list{
        max-height: unset;
    }

    .footer-col_nav{
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .page-footer {
        margin: 33px 16px 0 16px;
        padding: 16px;
    }
}

/* FAQ */

.faq__item {
    border-radius: 12px;
    background: var(--block-bg-color);
    padding: 16px;
}

.faq__item:not(:last-child) {
    margin-bottom: 16px
}

.faq__details {
    outline: 0;
}

.faq__details .faq__question-title {
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    line-height: 24px;
}

.faq__question {
    display: flex;
    align-items: center;
    gap: 8px;
    outline: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.faq__details[open] .faq__question{
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-color);
}

.faq__question::-webkit-details-marker {
    display: none
}

.faq__question:after{
    content: '';
    display: flex;
    width: 32px;
    min-width: 32px;
    height: 32px;
    background-image: url("../images/round-arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
    transition: 250ms
}

.faq__details[open] .faq__question:after{
    transform: unset
}

.faq__question-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-faq-item-title)
}

.faq__question-title svg {
    z-index: 10;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 30px;
    width: 30px;
    height: 30px;
    fill: var(--color-faq-item-title);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.faq__answer {
    padding: 16px 0 0 0;
    color: var(--light-color-text);
}

.faq__answer * {
    margin-top: .8rem;
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
}

.faq__answer :first-child {
    margin-top: 0
}

@media (max-width: 767px) {
    .faq__question{
        flex-wrap: wrap;
        gap: 12px;
    }

    .faq__question::after{
        margin-left: auto;
    }

    .faq__question-title{
        order: 3;
        flex: 1 1 100%;
    }

    .faq__question {
        /*padding: 15px 10px;*/
        font-size: 14px;
        line-height: 130%
    }

    .faq__question-title svg {
        margin-left: 15px;
        width: 18px;
        height: 18px;
        fill: var(--color-faq-item-title)
    }
}

/* TOC */
.toc {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-radius: 12px;
    border: 2px solid rgba(113,57,184,.3);
    background: var(--block-bg-color);
    padding: 16px;
    margin: 0;
}

.toc__title {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #FFF;
    margin: 0;
    width: 100%;
    cursor: pointer;
}

.toc.active .toc__title{
    margin-bottom: 12px;
}

.toc__title::after {
    content: '';
    display: flex;
    width: 32px;
    min-width: 32px;
    height: 32px;
    background-image: url("../images/round-arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
    transition: 250ms
}

.toc.active .toc__title::after{
    transform: unset;
}


.toc__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    max-height: 0
}

.toc__link {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    text-decoration: none;
    color: #FFF;
    transition: .3s ease-in-out;
    border-radius: 8px;
    background: radial-gradient(10px 200px at 0, #09db17 30%, #06b915 15%, #352c58 120%)
}

.toc__link:hover {
    color: #FFF;
    background: radial-gradient(10px 200px at 0, #09db17 30%, #06b915 15%, #352c58 500%)
}

.toc.active .toc__list {
    max-height: 100%
}

.page-single {
    margin: 0 auto 3rem;
    padding: 0 10px;
    max-width: var(--display-width)
}

/* Breadcrumbs */
.breadcrumbs {
    padding: 4px 0;
    background: #26133f;
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
}

.breadcrumbs__item {
    margin-right: 4px
}

.breadcrumbs__link {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    color: var(--accend-color);
    padding: 4px 0;
    transition: color .3s ease-in-out
}

.breadcrumbs__link svg {
    width: 4px;
    height: 4px;
    margin-left: 4px;
    stroke: var(--color-text)
}

.breadcrumbs__link--no-active, .breadcrumbs__link:hover {
    color: #FFF;
}

/* Mobile button */
.mobile-button {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    border-radius: 12px 12px 0 0;
    padding: 8px;
    gap: 0 8px;
    background-color: var(--second-color);
    color: #fff;
    width: 100%;
    border: none;
    cursor: pointer;
}

.mobile-button .get-image{
    grid-column: 1/2;
    grid-row: 1/3;
}
.mobile-button .get-image img{
    max-width: 58px;
    height: auto;
}


.mobile-button .get-image{
    grid-column: 1/2;
    grid-row: 1/3;
}

.mobile-button .mobile-button__title{
    grid-column: 2/3;
    grid-row: 1/2;
    text-align: left;
    margin-top: 0;
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
}

.mobile-button .mobile-button__bonus{
    grid-column: 2/3;
    grid-row: 2/3;
    text-align: left;
    color: #fff;
    margin-top: 0;
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
}

.mobile-button__btn{
    display: flex;
    align-items: center;
    grid-column: 3/4;
    grid-row: 1/3;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    padding: 10px 16px;
    border-radius: 8px;
    background-color: var(--accend-color);
    margin-top: 0;
}


.background-block {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    /*background-color: var(--color-blocks-text-image)*/
}

/*.advantages {*/
/*    display: -ms-grid;*/
/*    display: grid;*/
/*    gap: 20px*/
/*}*/

/*.advantages--6 {*/
/*    -ms-grid-columns:(1fr) [ 6 ];*/
/*    grid-template-columns:repeat(6, 1fr)*/
/*}*/

/*.advantages--5 {*/
/*    -ms-grid-columns:(1fr) [ 5 ];*/
/*    grid-template-columns:repeat(5, 1fr)*/
/*}*/

/*.advantages--4 {*/
/*    -ms-grid-columns:(1fr) [ 4 ];*/
/*    grid-template-columns:repeat(4, 1fr)*/
/*}*/

/*.advantages--3 {*/
/*    -ms-grid-columns:(1fr) [ 3 ];*/
/*    grid-template-columns:repeat(3, 1fr)*/
/*}*/

/*.advantages--2 {*/
/*    -ms-grid-columns:(1fr) [ 2 ];*/
/*    grid-template-columns:repeat(2, 1fr)*/
/*}*/

/*.advantages--1 {*/
/*    -ms-grid-columns: 1fr;*/
/*    grid-template-columns:1fr*/
/*}*/

/*.advantages__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: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    border-radius: 10px;*/
/*    padding: 1rem;*/
/*    height: 100%;*/
/*    -webkit-box-shadow: 0 0 10px 0 #0000007f;*/
/*    box-shadow: 0 0 10px 0 #0000007f;*/
/*    text-align: center*/
/*}*/

/*.advantages__image {*/
/*    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;*/
/*    margin: 0 0 10px*/
/*}*/

/*.advantages__image .get-image {*/
/*    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*/
/*}*/

/*.advantages__image img {*/
/*    max-width: 150px;*/
/*    max-height: 150px;*/
/*    -o-object-fit: contain;*/
/*    object-fit: contain*/
/*}*/

/*.advantages__title {*/
/*    margin: 0 0 10px*/
/*}*/

/*.advantages__text {*/
/*    margin: 0*/
/*}*/

/*.difference {*/
/*    display: -ms-grid;*/
/*    display: grid;*/
/*    -ms-grid-columns:(1fr) [ 2 ];*/
/*    grid-template-columns:repeat(2, 1fr);*/
/*    gap: 20px*/
/*}*/

/*.difference__element {*/
/*    border: 1px solid var(--color-accent);*/
/*    border-radius: 10px;*/
/*    padding: 1rem*/
/*}*/

/*.difference__list {*/
/*    list-style: none;*/
/*    padding-left: 0*/
/*}*/

/*.difference__item {*/
/*    position: relative;*/
/*    margin: 1rem 0;*/
/*    padding-left: 25px*/
/*}*/

/*.difference__item::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 50%;*/
/*    width: 15px;*/
/*    height: 15px;*/
/*    background-position: center center;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    -webkit-transform: translateY(-50%);*/
/*    -ms-transform: translateY(-50%);*/
/*    transform: translateY(-50%)*/
/*}*/

/*.difference__item_plus::before {*/
/*    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzY3LjgwNSAzNjcuODA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNjcuODA1IDM2Ny44MDU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMzQkI1NEE7IiBkPSJNMTgzLjkwMywwLjAwMWMxMDEuNTY2LDAsMTgzLjkwMiw4Mi4zMzYsMTgzLjkwMiwxODMuOTAycy04Mi4zMzYsMTgzLjkwMi0xODMuOTAyLDE4My45MDINCgkJUzAuMDAxLDI4NS40NjksMC4wMDEsMTgzLjkwM2wwLDBDLTAuMjg4LDgyLjYyNSw4MS41NzksMC4yOSwxODIuODU2LDAuMDAxQzE4My4yMDUsMCwxODMuNTU0LDAsMTgzLjkwMywwLjAwMXoiLz4NCgk8cG9seWdvbiBzdHlsZT0iZmlsbDojRDRFMUY0OyIgcG9pbnRzPSIyODUuNzgsMTMzLjIyNSAxNTUuMTY4LDI2My44MzcgODIuMDI1LDE5MS4yMTcgMTExLjgwNSwxNjEuOTYgMTU1LjE2OCwyMDQuODAxIA0KCQkyNTYuMDAxLDEwMy45NjggCSIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=)*/
/*}*/

/*.difference__item_minus::before {*/
/*    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiBjbGFzcz0iIj48Zz48ZWxsaXBzZSBzdHlsZT0iZmlsbDojRTA0RjVGOyIgY3g9IjI1NiIgY3k9IjI1NiIgcng9IjI1NiIgcnk9IjI1NS44MzIiIGRhdGEtb3JpZ2luYWw9IiNFMDRGNUYiIGNsYXNzPSIiLz48cmVjdCB4PSIxMTMuMiIgeT0iMjI4IiBzdHlsZT0iZmlsbDojRkZGRkZGIiB3aWR0aD0iMjg1LjY3MiIgaGVpZ2h0PSI1NiIgZGF0YS1vcmlnaW5hbD0iI0ZGRDA3RCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iI0ZGRDA3RCIvPjwvZz4gPC9zdmc+Cg==)*/
/*}*/

/*.comments {*/
/*    margin: 2rem -10px -10px*/
/*}*/

/*.comments .comment {*/
/*    margin: 10px*/
/*}*/

/*.comments .comment__author {*/
/*    display: inline-block;*/
/*    margin-bottom: 0;*/
/*    font-weight: 500;*/
/*    font-size: 1.2rem*/
/*}*/

/*.comments .comment__date {*/
/*    margin-left: 15px;*/
/*    font-size: .9rem;*/
/*    color: #a2a2a2*/
/*}*/

/*.comments .comment__content {*/
/*    margin-top: 0;*/
/*    margin-left: 10px;*/
/*    border-left: 1px solid var(--color-accent);*/
/*    padding: 10px 0 0 10px;*/
/*    font-weight: 300;*/
/*    font-size: 1rem*/
/*}*/

/*.comments .comment__reply {*/
/*    outline: 0;*/
/*    border: none;*/
/*    color: #888;*/
/*    background-color: transparent;*/
/*    cursor: pointer*/
/*}*/

/*.comments .comment__child {*/
/*    position: relative;*/
/*    padding-left: 20px*/
/*}*/

/*.comments .comment:not(:first-child) {*/
/*    margin-top: 25px*/
/*}*/

/*.comment__karma {*/
/*    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;*/
/*    margin-left: 15px*/
/*}*/

/*.comment__karma .value {*/
/*    font-weight: 300;*/
/*    font-size: 1rem*/
/*}*/

/*.karma__control {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    margin-left: 5px;*/
/*    border: none;*/
/*    background-color: transparent;*/
/*    cursor: pointer*/
/*}*/

/*.karma__control svg {*/
/*    margin-right: 5px;*/
/*    width: 17px;*/
/*    height: 17px;*/
/*    fill: #343e57;*/
/*    -webkit-transition: .3s ease-in-out;*/
/*    -o-transition: .3s ease-in-out;*/
/*    transition: .3s ease-in-out;*/
/*    pointer-events: none*/
/*}*/

/*.comment-footer {*/
/*    margin-top: 2rem*/
/*}*/

/*.comment-form-footer {*/
/*    margin: 3rem 0*/
/*}*/

/*.comment-form__title {*/
/*    text-align: center*/
/*}*/

/*.comment-form__form {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -ms-flex-wrap: wrap;*/
/*    flex-wrap: wrap;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    justify-content: center;*/
/*    margin: 20px auto 0;*/
/*    max-width: 700px*/
/*}*/

/*.comment-form__field {*/
/*    outline: 0;*/
/*    border: 1px solid var(--color-field-bg);*/
/*    border-radius: 5px;*/
/*    padding: 10px;*/
/*    font-family: var(--ff-primary);*/
/*    font-size: 1rem;*/
/*    color: var(--color-field);*/
/*    background-color: var(--color-field-bg);*/
/*    -webkit-transition: 250ms;*/
/*    -o-transition: 250ms;*/
/*    transition: 250ms*/
/*}*/

/*.comment-form__field::-webkit-input-placeholder {*/
/*    font-family: var(--ff-primary);*/
/*    color: var(--color-field);*/
/*    opacity: .7*/
/*}*/

/*.comment-form__field::-moz-placeholder {*/
/*    font-family: var(--ff-primary);*/
/*    color: var(--color-field);*/
/*    opacity: .7*/
/*}*/

/*.comment-form__field:-ms-input-placeholder {*/
/*    font-family: var(--ff-primary);*/
/*    color: var(--color-field);*/
/*    opacity: .7*/
/*}*/

/*.comment-form__field::-ms-input-placeholder {*/
/*    font-family: var(--ff-primary);*/
/*    color: var(--color-field);*/
/*    opacity: .7*/
/*}*/

/*.comment-form__field::placeholder {*/
/*    font-family: var(--ff-primary);*/
/*    color: var(--color-field);*/
/*    opacity: .7*/
/*}*/

/*.comment-form__field:active, .comment-form__field:focus, .comment-form__field:hover {*/
/*    border: 1px solid var(--color-accent)*/
/*}*/

/*.comment-form__field.error {*/
/*    border: 1px solid #dc3545;*/
/*    background-color: rgba(220, 53, 69, .05)*/
/*}*/

/*.comment-form__input {*/
/*    margin: 10px;*/
/*    width: calc(100% / 2 - 20px)*/
/*}*/

/*.comment-form__textarea {*/
/*    margin: 10px;*/
/*    width: calc(100% - 20px);*/
/*    min-height: 100px;*/
/*    resize: none*/
/*}*/

/*.comment-form__button {*/
/*    display: inline-block;*/
/*    margin: 10px;*/
/*    border: none;*/
/*    border-radius: 5px;*/
/*    padding: .7rem 2rem;*/
/*    font-weight: 400;*/
/*    font-size: 1.2rem;*/
/*    text-decoration: none;*/
/*    color: var(--color-content-button);*/
/*    background: var(--content-button-gradient);*/
/*    -webkit-transform-origin: center;*/
/*    -ms-transform-origin: center;*/
/*    transform-origin: center;*/
/*    -webkit-transition: .3s ease-in-out;*/
/*    -o-transition: .3s ease-in-out;*/
/*    transition: .3s ease-in-out;*/
/*    cursor: pointer*/
/*}*/

/*.comment-form__button:hover {*/
/*    -webkit-transform: translateY(-3px);*/
/*    -ms-transform: translateY(-3px);*/
/*    transform: translateY(-3px)*/
/*}*/

/*.comment-form__alert {*/
/*    -ms-flex-item-align: center;*/
/*    -ms-grid-row-align: center;*/
/*    align-self: center;*/
/*    width: calc(100% - 20px);*/
/*    font-weight: 300;*/
/*    font-size: .8rem;*/
/*    text-align: center;*/
/*    -webkit-transition: opacity 250ms;*/
/*    -o-transition: opacity 250ms;*/
/*    transition: opacity 250ms*/
/*}*/

/*.comment-form__alert span {*/
/*    display: none*/
/*}*/

/*.comment-form__alert.error .error {*/
/*    display: block;*/
/*    color: #dc3545*/
/*}*/

/*.comment-form__alert.success .success {*/
/*    display: block;*/
/*    color: #28a745*/
/*}*/

.page-404 .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.page-404 {
    background-image: url(../images/404.png);
    background-position: -100px
}

.page-404__title {
    margin-top: 2rem;
    font-size: 5rem;
    line-height: 6rem;
    text-align: center
}

.page-404__subtitle {
    margin: 0;
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.5rem;
    text-align: center
}

.page-404__link {
    display: inline-block;
    margin: 2rem auto 0;
    border: none;
    border-radius: 5px;
    padding: .7rem 2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.2rem;
    text-decoration: none;
    color: var(--color-content-button);
    background: var(--content-button-gradient);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 150ms;
    -o-transition: 150ms;
    transition: 150ms;
    cursor: pointer
}

.page-404__link:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

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

.scroll-top__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    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;
    outline: 0;
    border: none;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 0 0 20px 5px #223c5059;
    box-shadow: 0 0 20px 5px #223c5059;
    background-color: var(--color-scroll-to-top);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    cursor: pointer
}

.scroll-top__button svg {
    fill: var(--color-arrow-scroll-to-top);
    pointer-events: none
}

.scroll-top__button:hover {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px)
}

/*.author-block {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-align: start;*/
/*    -ms-flex-align: start;*/
/*    align-items: flex-start;*/
/*    -webkit-box-pack: start;*/
/*    -ms-flex-pack: start;*/
/*    justify-content: flex-start;*/
/*    padding: 1rem 0*/
/*}*/

/*.author-block_outlined {*/
/*    display: -webkit-inline-box;*/
/*    display: -ms-inline-flexbox;*/
/*    display: inline-flex;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    margin: 0 0 1rem;*/
/*    border: 1px solid var(--color-accent);*/
/*    padding: 1rem*/
/*}*/

/*.author-block__avatar {*/
/*    width: 60px;*/
/*    height: 60px*/
/*}*/

/*.author-block__avatar img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    -o-object-fit: cover;*/
/*    object-fit: cover;*/
/*    -o-object-position: center;*/
/*    object-position: center*/
/*}*/

/*.author-block__avatar_scaled {*/
/*    width: 150px;*/
/*    height: 150px*/
/*}*/

/*.author-block__content {*/
/*    margin-left: 1rem;*/
/*    max-width: 600px*/
/*}*/

/*.author-block__name {*/
/*    font-weight: 600;*/
/*    font-size: 1rem*/
/*}*/

/*.author-block__description {*/
/*    margin-top: .5rem;*/
/*    font-weight: 300;*/
/*    font-size: .9rem;*/
/*    opacity: .8*/
/*}*/

/*.author-block__social {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: start;*/
/*    -ms-flex-pack: start;*/
/*    justify-content: flex-start;*/
/*    list-style: none;*/
/*    margin: .5rem -5px -5px;*/
/*    padding-left: 0*/
/*}*/

/*.author-block__social li {*/
/*    margin: 5px;*/
/*    width: 25px;*/
/*    height: 25px*/
/*}*/

/*.author-block__social li:hover {*/
/*    opacity: .7*/
/*}*/

/* Old cookie law */

#cookie-law-div{z-index:10000000;position:fixed;bottom:18px;right:80px;padding:1em;max-width:400px;border-radius:10px;background:#fff;border:1px solid rgba(0,0,0,.15);font-size:15px;-webkit-box-shadow:rgba(23,43,99,.4) 0 7px 28px;box-shadow:rgba(23,43,99,.4) 0 7px 28px}#cookie-law-div a{font-size:15px;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.5)}#cookie-law-div a:hover{opacity:.7}#cookie-law-div p{margin:0;color:#000;padding-right:50px}#cookie-law-div button{height:20px;width:20px;position:absolute;right:.5em;top:20px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;line-height:1;color:#fff;background-color:#000;border:none;opacity:.6;font-size:12px;cursor:pointer;border-radius:50px}#cookie-law-div button:hover{opacity:1}.acceptButton{width:113px!important;background-color:green!important;top:124px!important}

@media screen and (max-width:700px){#cookie-law-div p{padding-bottom:36px}.acceptButton{left:calc(50% - 60px)}}#cookie-law-div{border-radius:0;max-width:100%;right:0;bottom:0}}@media screen and (max-width:600px){.acceptButton{top:100px!important}#cookie-law-div p{padding-bottom:50px}}
/*.social {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -ms-flex-preferred-size: 100%;*/
/*    flex-basis: 100%;*/
/*    -ms-flex-wrap: wrap;*/
/*    flex-wrap: wrap;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    justify-content: center;*/
/*    list-style: none;*/
/*    margin: 0;*/
/*    padding: 15px 0;*/
/*    gap: 25px 10px*/
/*}*/

/*.social__link img, .social__link svg {*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    -o-object-fit: contain;*/
/*    object-fit: contain;*/
/*    -webkit-transition: .3s ease-in-out;*/
/*    -o-transition: .3s ease-in-out;*/
/*    transition: .3s ease-in-out*/
/*}*/

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

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

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

::-webkit-scrollbar-track {
    background-color: #141b2e;
}

.video-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.video-v2__container {
    position: relative;
    width: 100%;
    /*max-width: 800px*/
}

.video-v2.align-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.video-v2.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video-v2.align-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.video-v2__player {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    aspect-ratio: 16/9;
    max-height: 488px;
    background-color: #454545;
}

.video-v2__button {
    position: absolute;
    width: 44px;
    height: 44px;
    left: 50%;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 0;
    border: none;
    border-radius: 22px;
    background: #575757;
    transform: translate(-50%, -50%);
    transition: .3s ease-in-out;
    cursor: pointer
}

.video-v2__button:hover{
    opacity: .5;
}

.video-v2._active .video-v2__button {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.video-v2._active .video-v2__player {
    cursor: pointer
}

.video-v2__button-shape {
    fill: #0009
}

.video-v2__button-icon {
    fill: #fff
}

.video-v2__button:hover .video-v2__button-shape {
    fill: red
}

.video-v2__button svg path {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.text-image__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
}


.text-image__container > :not(.get-image):not(.wp-block-heading){
    grid-column: 1/2;
}

.text-image__container.reversed > :not(.get-image){
    grid-column: 1/3;
}

.text-image:not(._h1-block) .text-image__container > .wp-block-heading{
    grid-row: 1/2;
    grid-column: 1/3;
}

.text-image__container.reversed .text-image__item {
    grid-column: 2/3
}

.text-image__container.reversed > .get-image {
    grid-column: 1/2;
}

.text-image__container.reversed > :not(.get-image):not(.wp-block-heading){
    grid-column: 2/3;
}

.text-image__container > p:first-of-type{
    margin-top: 0;
}

.text-image__container .get-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 2/3;
    grid-row: 1/10;
    border-radius: 12px;
    overflow: hidden;
}

.text-image:not(._h1-block) .wp-block-heading ~ .get-image{
    grid-row: 2/10;
}

.text-image._h1-block .wp-block-heading ~ .get-image{
    grid-row: 1/10;
}

.text-image._h1-block > .wp-block-heading{
    grid-column: 1/2;
    margin-bottom: 20px;
}

.text-image._h1-block .get-image{
    grid-row: 1/10;
}

.text-image__container.align-top .get-image {
    align-items: flex-start
}

.text-image__container.align-center .text-image__item {
    margin-top: auto;
    margin-bottom: auto;
    height: fit-content
}

.text-image__container.align-center .get-image {
    align-items: center
}

.text-image__container.align-bottom .get-image {
    align-items: flex-end
}

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

.text-image__item > :last-child {
    margin-bottom: 0
}

* + .screenshot-gallery, .text-image + .text-image {
    margin-top: 2rem
}

/* Gallery */
.screenshot-gallery__list {
    display: flex;
    gap: 10px;
}

.screenshot-gallery__description{
    margin-bottom: 1rem;
}

.wp-admin td::before, .wp-admin th::after {
    display: none !important
}

.wp-admin #link-selector {
    color: #000
}

.wp-admin .link-url {
    color: #135e96
}

.wp-admin .components-popover__content *, .wp-admin .edit-post-layout__metaboxes p, .wp-admin .media-modal-content * {
    color: #000
}

.wp-admin .acf-row {
    background: 0 0 !important
}

.wp-admin .select2-results__option {
    color: #000
}

.wp-admin .block-editor-inserter__quick-inserter-expand.components-button {
    color: #fff
}

.wp-admin .block-editor-block-card__title {
    color: #fff
}

.wp-admin .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon {
    background: #ccc
}

html :where(.editor-styles-wrapper) h1, html :where(.editor-styles-wrapper) h2, html :where(.editor-styles-wrapper) h3, html :where(.editor-styles-wrapper) h4, html :where(.editor-styles-wrapper) h5, html :where(.editor-styles-wrapper) h6 {
    color: #fff !important
}

.editor-post-title{
    color: #000 !important;
}

.is-desktop-preview, body .editor-styles-wrapper {
    color: #fff;
    background: var(--color-body) !important
}

.is-desktop-preview .acf-link .link-wrap, body .editor-styles-wrapper .acf-link .link-wrap {
    color: #fff
}

/*.toc-auto {*/
/*    margin-bottom: 30px;*/
/*    border-radius: 10px;*/
/*    max-width: 100%;*/
/*    background-color: var(--color-toc-bg)*/
/*}*/

/*.toc-auto ol, .toc-auto ul {*/
/*    display: none;*/
/*    margin: 0;*/
/*    padding: 0*/
/*}*/

/*.toc-auto.active ol {*/
/*    display: block;*/
/*    margin-left: 20px;*/
/*    padding: 0 1rem .5rem*/
/*}*/

/*.toc-auto.active ul {*/
/*    display: block;*/
/*    list-style: none;*/
/*    padding: 0 1rem .5rem*/
/*}*/

/*.toc-auto.active .toc-auto__toggle .open {*/
/*    display: none*/
/*}*/

/*.toc-auto.active .toc-auto__toggle .close {*/
/*    display: inline-block*/
/*}*/

/*.toc-auto.active .toc-auto__toggle::after {*/
/*    display: none*/
/*}*/

/*.toc-auto__navigation {*/
/*    position: relative;*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-orient: horizontal;*/
/*    -webkit-box-direction: reverse;*/
/*    -ms-flex-direction: row-reverse;*/
/*    flex-direction: row-reverse;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: start;*/
/*    -ms-flex-pack: start;*/
/*    justify-content: flex-start;*/
/*    padding: .5rem 1rem*/
/*}*/

/*.toc-auto__toggle {*/
/*    display: block;*/
/*    border: none;*/
/*    width: 100%;*/
/*    font-weight: 700;*/
/*    font-size: 18px;*/
/*    text-align: left;*/
/*    color: var(--color-toc-title);*/
/*    background-color: transparent*/
/*}*/

/*.toc-auto__toggle .close {*/
/*    display: none*/
/*}*/

/*.toc-auto__toggle::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0*/
/*}*/

/*.toc-auto__title {*/
/*    margin: 0 20px 0 0;*/
/*    padding: 0;*/
/*    font-size: 20px;*/
/*    text-transform: none;*/
/*    color: var(--color-toc-title)*/
/*}*/

/*.toc-auto li {*/
/*    margin: 0;*/
/*    padding: 0*/
/*}*/

/*.toc-auto a {*/
/*    display: inline-block;*/
/*    padding: .3rem 0;*/
/*    text-decoration: none;*/
/*    color: var(--color-toc-item)*/
/*}*/

/*.toc-auto a:hover {*/
/*    color: var(--accend-color)*/
/*}*/

@media (hover: hover), screen and (min-width: 0\0
) {
    .gbtn:focus, .gbtn:hover {
        background-color: var(--color-accent) !important;
        opacity: 1
    }
}

@media (hover: hover), screen and (min-width: 0 \0
) {
    .social__link:focus img, .social__link:focus svg, .social__link:hover img, .social__link:hover svg {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media (min-width: 768px) {
    .mobile-button {
        display: none
    }
}

@media (min-width: 1024px) {
    .main-nav__item--has-children:hover .sub-menu__arrow svg {
        -webkit-transform: rotateZ(180deg);
        -ms-transform: rotate(180deg);
        transform: rotateZ(180deg)
    }

    .sub-menu__arrow {
        pointer-events: none
    }
}

@media screen and (max-width: 1280px) {
    :root {
        --offsets: 20px
    }
}

@media (max-width: 1280px) {
    .advantages--6 {
        -ms-grid-columns:(1fr) [ 5 ];
        grid-template-columns:repeat(5, 1fr)
    }

    .advantages--5 {

        grid-template-columns:repeat(4, 1fr)
    }

    .advantages--4 {

        grid-template-columns:repeat(3, 1fr)
    }
}

@media screen and (max-width: 1024px) {
    :root {
        --offsets: 16px
    }
}

.page-header__container {
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px var(--offsets)
}

.page-header__logo {
    max-width: 100px
}

.page-header__nav {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.page-header__buttons {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.page-header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    order: 5;
    margin-left: 16px;
}

.page-header__nav + .page-header__buttons {
    margin-left: auto;
}

.main-nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-right: calc(-100vw / 2 + 100% / 2) !important;
    margin-left: calc(-100vw / 2 + 100% / 2) !important;
    max-width: 100vw !important;
    background: #3b1f5e ;
    opacity: 0;
    -webkit-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms;
    pointer-events: none;
    width: 400px;
    height: calc(100dvh - 41px);
}

@media (max-width: 767px) {
    .main-nav {
        width: 100%;
        height: auto;
    }
}

.main-nav.active {
    display: block;
    z-index: 9998;
    opacity: 1;
    pointer-events: auto
}

.main-nav__list {
    -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;
    margin: 32px var(--offsets) 12px var(--offsets)
}

.main-nav__item {
    width: 100%
}

.main-nav__item:not(:last-child){
    border-bottom: 1px solid var(--border-color);
}

.main-nav__link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 8px 0;
    width: 100%
}

.main-nav__link svg{
    margin-right: 4px;
}

.main-nav__item--has-children {
    -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
}

.sub-menu__arrow svg {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.sub-menu__arrow {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    padding: 16px 5px 16px 30%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    pointer-events: auto
}

.sub-menu {
    display: none;
    width: 100%;
}

.main-nav__item--has-children.active .sub-menu{
    padding: 0 0 0 48px;
}

.sub-menu__link {
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

@media (max-width: 1024px) {
    html {
        font-size: 16px
    }



    .page-footer__top .get-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .page-footer__widget {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .page-footer__widget + .page-footer__widget {
        margin-right: 0
    }

    .page-footer__widget + .get-image {
        margin: 0
    }

    .advantages--6 {

        grid-template-columns:repeat(4, 1fr)
    }

    .advantages--5 {
        grid-template-columns:repeat(3, 1fr)
    }

    .advantages--2, .advantages--3 {
        grid-template-columns:repeat(2, 1fr)
    }

    .text-image__container {
        grid-template-columns: 1fr;
        gap: 16px 0
    }

    .text-image__container.reversed .text-image__item {
        grid-column: auto;
        grid-row: auto
    }

    .text-image__container > .wp-block-heading{
        grid-column: 1/2;
    }

    .text-image__container.reversed > :not(.get-image){
        grid-column: 1/2;
    }

    .text-image__container.reversed > .get-image,
    .text-image__container .get-image{
        grid-column: 1/2;
        grid-row: 1/2;
    }

    .text-image__container.reversed > :not(.get-image):not(.wp-block-heading){
        grid-column: 1/2;
    }

    .text-image._h1-block .text-image__container > .get-image{
        grid-row: 1/2;
    }

    .text-image__container.reversed .wp-block-heading ~ .get-image,
    .text-image__container .wp-block-heading ~ .get-image {
        grid-row: 2/3;
    }

    .text-image._h1-block .wp-block-heading ~ .get-image{
        grid-row: 2/3;
    }
}

@media (max-width: 800px) {
    .wrapper:first-child .columns__item--content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .wrapper:first-child .columns__item--content h1 {
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2
    }
}

@media (max-width: 1100px){
    .wrapper {
        padding: 0 13px;
    }
}
@media (max-width: 767px) {
    .wrapper {
        padding: 0;
    }

    .content-button {
        margin-top: 1rem
    }

    .faq__details {
        border-radius: 5px
    }

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

    .toc__title::after {
        display: inline-block
    }

    .toc__title {
        margin: 0;
        width: 100%
    }

    .toc__list {
        width: 100%
    }

    .toc__list.vertical {
        -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;
        width: 100%
    }

    .toc__list.vertical .toc__item {
        width: 100%
    }

    .toc__list.vertical .toc__item:not(:last-child) {
        margin-right: 0
    }

    .toc__link {
        width: 100%;
        text-align: center
    }

    .toc.active .toc__list {
        margin-top: 1rem
    }

    .advantages--6 {

        grid-template-columns:repeat(3, 1fr)
    }

    .advantages--4, .advantages--5 {

        grid-template-columns:repeat(2, 1fr)
    }

    .advantages--2, .advantages--3, .difference {
        grid-template-columns:1fr
    }

    .screenshot-gallery__list {
        overflow-x: auto;
        width: 100%;
        max-width: 980px
    }

    .screenshot-gallery__item {
        min-width: 300px;
        max-width: 325px
    }
}

@media (max-width: 700px) {
    html {
        font-size: 15px
    }
}

@media screen and (max-width: 700px) {
    #cookie-law-div p {
        padding-bottom: 36px
    }

    .acceptButton {
        left: calc(50% - 60px)
    }
}

@media (max-width: 650px) {
    .sub-menu {
        max-width: 100%
    }
}

@media (max-width: 600px) {
    #cookie-law-div {
        right: 0;
        bottom: 0;
        border-radius: 0;
        max-width: 100%
    }
}

@media screen and (max-width: 600px) {
    .acceptButton {
        top: 100px !important
    }

    #cookie-law-div p {
        padding-bottom: 50px
    }
}

.page-footer__widget p{
    margin-top: 0;
}

@media (max-width: 550px) {
    .page-header__buttons {
        margin: 0 -.2rem
    }

    .page-footer__widget {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .promocode__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .promocode__link--aff {
        max-width: 100%
    }

    .advantages--6 {
        grid-template-columns:repeat(2, 1fr)
    }

    .advantages--4, .advantages--5 {
        grid-template-columns:1fr
    }
}

@media (max-width: 500px) {
    html {
        font-size: 16px
    }

    .page-header__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .page-header__buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin-top: 1rem;
        width: 100%;
        text-align: center
    }

    .page-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .page-header__button {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .comment-form__button, .comment-form__input {
        width: calc(100% - 20px)
    }
}

@media (max-width: 475px) {
    .content-button__control {
        width: 100%
    }

    .advantages--6 {
        grid-template-columns:1fr
    }
}

@media screen and (max-width: 400px) {
    .acceptButton {
        top: 127px !important
    }
}

/* Image block */
.image{
    position: relative;
    width: 100%;
    height: 320px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
}

@media (max-width: 1100px) {
    .image{
        height: 160px;
    }
}

@media (max-width: 767px) {
    .image{
        height: 140px;
        margin-bottom: 12px;
    }
}

.image img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
}

/* WP columns */
.wp-block-columns{
    display: flex;
    margin: 0 auto;
    padding: 0 var(--offsets);
    max-width: var(--display-width);
    gap: 20px;
}

.wp-block-columns > .wp-block-column{
    flex: 1 1;
}

@media (max-width: 767px) {
    .wp-block-columns{
        flex-direction: column;
        gap: 12px;
    }
}

/* Winners block */
.winners{
    display: flex;
}

.winners .winners__title{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    color: #FFF;
    background-color: var(--second-color);
    padding: 8px;
    border-radius: 4px 0 0 4px;
}

.winners .winners__rline{
    display: flex;
    align-items: center;
    flex: 1 1;
    background-color: #141b2e;
    overflow: hidden;
    width: max-content;
    border-radius: 0 4px 4px 0;
}

.winners .winners__list{
    display: flex;
    list-style: none;
    margin: 0;
    padding-left: 100%;
    animation: scroll 40s linear infinite;
}

.winners .winners__person{
    display: flex;
    align-items: center;
    gap: 4px;
    color: #D2D2D2;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    margin-left: 32px;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - 3px));
    }
}

.winners .winners__person:before{
    content: '';
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-image: url("../images/award.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.winners .winners__reward{
    color: #FFF;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    margin-right: 4px;
}

/* About block-table */
.about{
    border: unset;
    background-color: unset;
}

.about tbody{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.about .about__about,
.about .about__game-types{
    flex: 0 1 330px;
}

.about .about__payment-methods{
    flex: 1 1;
}

.about tr{
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 12px;
    border: 2px solid var(--second-color);
    background: #141b2e;
    padding: 16px;
}

.about tr td{
    border: unset;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    padding: 0;
}
.about tr td:first-child{
    font-size: 23px;
    font-weight: 800;
    line-height: 28px;
    margin: 0;
    padding: 0;
}

.about tr td p{
    color: #fff;
    margin: 0;
}

.about tr td p span{
    color: var(--accend-color);
    font-weight: 800;
}

.about tr.about__about td p{
    padding: 16px 0;
}

.about tr.about__about td p:not(:last-child),
.about tr.about__game-types td p:not(:last-child){
    border-bottom: 1px solid var(--border-color);
}

.about tr.about__about td p:first-child,
.about tr.about__game-types td p:first-child{
    padding-top: 0;
}

.about tr.about__game-types td p{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
}

.about tr.about__game-types td p:last-child{
    padding-bottom: 0;
}

.about .about__game-types img{
    max-width: 32px;
}

.about .about__payment-methods{
    min-width: 718px;
}

.about .about__payment-methods td:last-child{
    display: flex;
    flex-wrap: wrap;
}

.about .about__payment-methods td{
    display: flex;
}

.about .about__payment-methods td:last-child .col,
.about .about__payment-methods td:last-child .about__mindep,
.about .about__payment-methods td:last-child .about__minwit {
    flex: 1 1 50%;
}

.about .about__payment-methods td:last-child .about__currencies{
    flex: 1 1 100%;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 16px;
    padding-top: 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.about .about__payment-methods td:last-child .about__deposit,
.about .about__payment-methods td:last-child .about__withdrawal{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding-left: 0;
    margin-top: 12px;
}

.about .about__payment-methods td:last-child .about__mindep,
.about .about__payment-methods td:last-child .about__minwit{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding-top: 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.about .about__payment-methods td:last-child .about__mindep span,
.about .about__payment-methods td:last-child .about__minwit span{
    font-weight: 800;
}

.about .about__payment-methods img{
    max-width: 34px;
}

@media (max-width: 1100px) {
    .about .about__payment-methods td .col:not(:first-child){
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .about tr.about__about td p:last-child{
        padding-bottom: 0;
    }

    .about .about__game-types > td{
        display: flex;
        flex-wrap: wrap;
        gap: 0 20px;
    }

    .about .about__game-types > td > p{
        flex: 1 1 calc(50% - 10px);
    }

    .about tr.about__about td p:not(:last-child),
    .about tr.about__game-types td p:not(:last-child){
        border-bottom: unset;
    }

    .about tr.about__game-types td p:last-child{
        padding-bottom: 12px;
    }

    .about .about__payment-methods td:last-child .col,
    .about .about__payment-methods td:last-child .about__mindep,
    .about .about__payment-methods td:last-child .about__minwit{
        flex: 1 1 50%;
        padding: 0;
    }

    .about .about__payment-methods td:last-child .about__mindep,
    .about .about__payment-methods td:last-child .about__minwit{
        margin-top: 16px;
    }

    .about .about__payment-methods td:last-child .col{
        flex: 1 1 100%;
        padding-bottom: 16px;
        margin-top: 16px;
    }

    .about .about__payment-methods td:last-child .about__mindep{
        border-right: 1px solid var(--border-color);
    }

    .about .about__payment-methods td:last-child .col:first-child{
        padding-top: 0;
        margin-top: 0;
    }

    .about .about__payment-methods td:last-child .col:last-child{
        padding-bottom: 0;
    }
}

.col{
    display: flex;
    flex-direction: column;
}

.about .about__payment-methods td .col{
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 16px;
}

.about .about__payment-methods td .col:not(:last-of-type){
    border-right: 1px solid var(--border-color);
    padding-right: 16px;
}

.about .about__payment-methods td .col:not(:first-child){
    padding-left: 16px;
}

@media (max-width: 767px) {
    .about .about__payment-methods td .col:not(:first-child){
        padding-left: 0;
    }

    .about .about__payment-methods td .col:not(:last-of-type){
        border-right: unset;
    }
}

.about .about__bonuses{
    flex: 0 1 485px;
}

.about .about__bonuses-list{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
}

.about .about__bonuses-list li{
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid var(--second-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.about .about__devices,
.about .about__support{
    flex: 1 1 ;
}

.about .about__devices-list,
.about .about__support-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.about .about__devices-list li,
.about .about__support-list li{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 calc(50% - 20px);
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
}

.about .about__support img{
    max-width: 32px;
}

.about .about__devices img{
    max-width: 32px;
}

.about .about__software{
    min-width: 280px;
}

.about .about__software img{
    max-width: 146px;
}

.about .about__software td{
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 280px;
}

@media (max-width: 1460px) {
    .about .about__about,
    .about .about__game-types{
        flex: 0 1 auto;
    }

    .about .about__payment-methods{
        min-width: unset;
        flex: 1 1 50%;
    }
}

@media (max-width: 1100px) {
    .about .about__about,
    .about .about__game-types,
    .about .about__payment-methods,
    .about .about__bonuses{
        flex: 1 1 calc(50% - 20px);
    }

    .about .about__devices,
    .about .about__software,
    .about .about__support{
        flex: 1 1 30%;
    }

    .about .about__software{
        min-width: unset;
    }
}

@media (max-width: 767px) {
    .about .about__about,
    .about .about__game-types,
    .about .about__payment-methods,
    .about .about__bonuses,
    .about .about__devices,
    .about .about__software,
    .about .about__support{
        flex: 1 1 100%;
    }
}

/* How to */
.how-to__block-title{
    text-align: center;
}

.how-to__subtitle{
    margin-bottom: 1rem;
}

.how-to .how-to__list{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.how-to .how-to__item{
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
    background-color: #141b2e;
}

.how-to .how-to__counter{
    width: 100%;
    padding: 12px 12px 8px 12px;
    background-color: #35205c;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    color: #FFFFFF;
}

.how-to__title {
    color: #FFF;
}

.how-to .how-to__content{
    display: grid;
    padding: 16px;
    gap: 0 16px;
    grid-template-columns: repeat(2, 1fr);
}

.how-to .how-to__content > :nth-child(3){
    margin-top: 0;
}

.how-to .get-image{
    grid-column: 2/3;
    grid-row: 1/10;
}

.how-to .how-to__title{
    grid-column: 1/2;
    margin-top: 0;
    margin-bottom: 8px;
}

.how-to .content-button{
    grid-column: 1/2;
}

.how-to > :not(.how-to__title):not(.content-button){
    grid-column: 1/2;
}
.how-to .how-to__item:not(:last-child):before{
    position: absolute;
    right: 0;
    bottom: 16px;
    left: 0;
    margin: auto;
    content: '';
    width: 44px;
    min-width: 44px;
    height: 24px;
    background-image: url("../images/how-to_arrows.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #141b2e;
    z-index: 1;
}

.how-to .how-to__item:not(:last-child):after{
    position: relative;
    content: '';
    width: calc(100% - 32px);
    height: 1px;
    background-color: var(--second-color);
    margin: 12px auto 27px auto;
}

.how-to .content-button__control{
    min-width: 240px;
}

@media (max-width: 768px) {
    .how-to .how-to__item:not(:last-child):before{
        bottom: 8px;
    }

    .how-to .how-to__item:not(:last-child):after{
        margin: 12px auto 18px auto;
    }

    .how-to .how-to__content{
        grid-template-columns: 1fr;
        padding: 16px 16px 8px 16px;
    }

    .how-to .get-image{
        grid-column: 1/2;
        grid-row: 1/2;
        margin: -16px -18px 16px -18px;
    }

    .how-to .get-image img{
        width: 100%;
        height: auto;
    }

    .how-to .content-button__control {
        width: 100%;
        min-width: unset;
    }
}

/* Promotions */
.promotions .promotions__list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
}

.promotions .promotions__item{
    display: flex;
    gap: 16px;
    flex: 1 1 calc(50% - 10px);
    border-radius: 12px;
    border: 2px solid var(--second-color);
    background-color: #141b2e;
    overflow: hidden;
}

.promotions .get-image{
    height: 100%;
}

.promotions .get-image img{
    height: 100%;
    width: auto;
    min-width: 220px;
    object-fit: cover;
}

.promotions .promotions__content{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 16px 16px 0;
}

.promotions .promotions__title{
    color: var(--accend-color);
    font-size: 23px;
    font-weight: 800;
    line-height: 28px;
    margin: 0;
}

.promotions .promotions__description{
    color: #D2D2D2;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    flex: 1 1;
    margin: 0;
}

@media (max-width: 1200px) {
    .promotions .promotions__item{
        flex: 1 1 100%;
    }

    .promotions .bonus__button {
        min-width: 320px;
        width: fit-content;
    }
}

@media (max-width: 767px) {
    .promotions .promotions__item{
        flex-direction: column;
    }

    .promotions .get-image{
        width: 100%;
        height: auto;
    }

    .promotions .get-image img{
        width: auto;
        height: auto;
        max-height: unset;
        min-width: unset;
        object-fit: cover;
        margin: 0 auto;
    }

    .promotions .promotions__content{
        padding: 0 16px 16px 16px;
    }

    .promotions .bonus__button {
        min-width: unset;
        width: 100%;
    }
}

/* Slots */
.slots .slots__list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    flex-wrap: wrap;
    gap: 20px;
}

.slots .slots__item{
    position: relative;
    height: 220px;
    border-radius: 12px;
    border: 2px solid var(--border-color);
    overflow: hidden;
    transition: 0.2s;
}

.slots .get-image img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.slots .slots__content{
    position: relative;
    display: none;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 16px;
    background-color: rgba(0,0,0, 0.3);
    z-index: 1;
    transition: 0.2s;
}

.slots .slots__item:hover .slots__content{
    display: flex;
}

.slots .slots__text{
    text-align: center;
    margin-top: 0;
    margin-bottom: 5px;
    color: #D2D2D2;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.slots .slots__title{
    text-align: center;
    font-size: 17px;
    font-weight: 800;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: auto;
    color: #fff;
}

.slots__button{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 10px 10px 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    border: unset;
    width: auto;
    cursor: pointer;
}

.slots .slots__demo-button{
    margin-top: 8px;
}

@media (max-width: 1200px) {
    .slots .slots__list{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 850px) {
    .slots .slots__list{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .slots .slots__list{
        grid-template-columns: 1fr;
    }

    .slots .slots__item{
        height: auto;
    }

    .slots .get-image img{
        position: relative;
    }

    .slots .slots__item .slots__content{
        position: relative;
        display: flex;
        height: auto;
        background-color: #141b2e;
        padding: 8px 12px 12px 12px;
    }

    .slots .slots__text,
    .slots .slots__title{
        text-align: left;
    }

    .slots .slots__title{
        margin-bottom: 8px;
    }
}

/* Popup */
.popup{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 990;
}

.popup._active{
    display: block;
}

.popup .popup__win{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 860px;
    height: 580px;
    background-color: var(--block-bg-color);
    border-radius: 12px;
    overflow: hidden;
}

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

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

.popup .popup__buttons{
    display: flex;
    align-items: center;
    flex: 1 1;
}

.popup__buttons .slots-slider__slot-play {
    width: 30px!important;
    height: 30px!important;
}

.popup__buttons .slots-slider__slot-play::after {
    transform: scale(0.5);
}

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

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

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

.popup .popup__content iframe{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .popup .popup__header{
        flex-wrap: wrap;
        gap: 8px;
    }

    .popup .popup__title{
        order: 1;
    }

    .popup .popup__buttons{
        order: 3;
        flex: 1 1 100%;
    }
    .popup .slots__button{
        width: 100%;
        min-width: unset;
    }

    .popup .popup__cross{
        order: 2;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .text-image__container > .wp-block-heading{
        margin-bottom: 0;
    }

    .text-image__container > p,
    .text-image__container > .content-button{
        margin-top: 0;
    }
}

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

.footer__logo{
    align-items: center;
}
.footer__logo img{
    max-height: 76px;
}

.page-footer__widget img{
    max-height: 64px;
}

/* INFO BLOCK V2 */
.info-block-v2 {
    overflow: auto;
}

.info-block-v2__list {
    border: 1px solid var(--border-color);
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    border-collapse: collapse;
    width: 100%;
}


.info-block-v2__item:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
}

.info-block-v2__item-logo-and-title {
    border: none;
    padding: 25px 10px;
    font-weight: 700;
    /*color: var(--color-table-td-color);*/
    min-width: 200px;
}

.info-block-v2__item-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;

}

.info-block-v2__item-logo-and-title .get-image {
    margin-right: 20px;
    flex-shrink: 0;
}

.info-block-v2__item-logo-and-title img {
    max-height: 45px;
    object-fit: contain;
    width: 100%;
}

.info-block-v2__item-other-cell {
    padding: 25px 10px;
    align-self: center;
    border-bottom: 1px solid var(--border-color);
    flex-grow: 1;
    border-top: none;
}

.info-block-v2__item-other-cell > *:first-child {
    margin-top: 0;
}


@media (max-width: 767px) {
    .info-block-v2__item-logo-and-title {
        padding: 15px 10px;
    }

    .info-block-v2__item-other-cell {
        padding: 15px 10px;
    }

    .info-block-v2__item-logo-and-title .get-image {
        margin-right: 10px;
    }
}

/* PAYMENT METHOD */
.payment-method {
    overflow-x: auto;
}

.payment-method__table {
    border-collapse: collapse;
    width: 100%;
}

.payment-method__body {
    /*border: 1px solid #141b2e;*/
}

.payment-method th {
    font-family: inherit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    /*color: var(--accend-color);*/
    padding: 25px 10px;
    text-align: center;
    /*background-color: #141b2e;*/
}

.payment-method th:not(:last-child) {
    /*border-right: 1px solid #0e3327;*/
}

.payment-method td {
    /*border: 1px solid #141b2e;*/
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 15px 25px;
    white-space: nowrap;
}

.payment-method td.td-name {
    font-weight: 600;
    text-align: right;
    border-left: none;
}

.payment-method td.td-image {
    border-right: none;
}

.payment-method td img {
    min-width: 60px;
}

.payment-method td.td-image .get-image {
    justify-content: flex-start;
}

.payment-method td.td-image .get-image img {
    height: auto;
    width: 90px;
}

.payment-method td.cell2,
.payment-method td.cell4 {
    font-weight: 600;
    text-align: right;
}

.payment-method td.cell1,
.payment-method td.cell2 {
    padding-bottom: 10px;
    border-bottom: none;
}

.payment-method td.cell2,
.payment-method td.cell4 {
    border-left: none;
}

.payment-method td.cell1,
.payment-method td.cell3 {
    border-right: none;
}

.payment-method td.cell3,
.payment-method td.cell4 {
    border-top: none;
    padding-top: 10px;
}

.wrapper > .wp-block-heading {
    text-align: center;
}

.text-image > .wp-block-heading {
    text-align: center;
    grid-column: 1/3;
}

.text-image > :not(.wp-block-heading) {
    margin-top: 16px;
}

.text-image > .wp-block-heading + *,
.text-image > .get-image {
    margin-top: 0!important;
}

.app-buttons {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 12px;
    padding: 12px;
    width: 100%;
    border-radius: 12px;
    background-color: #171717;
    margin-top: 20px
}

.app-buttons .bonus__button {
    min-width: unset;
    width: 100%
}

.app-buttons .bonus__button._apk {
    grid-column: 1/2;
    grid-row: 1/2
}

.app-buttons .bonus__button._ios {
    grid-column: 2/3;
    grid-row: 1/2
}

.app-buttons .app-buttons__text {
    grid-column: 1/3;
    grid-row: 2/3;
    margin-top: 0
}

@media (max-width: 767px) {
    .app-buttons {
        grid-template-columns:1fr;
        margin-top: 0
    }

    .app-buttons .bonus__button._apk {
        grid-column: 1/2;
        grid-row: 1/2
    }

    .app-buttons .bonus__button._ios {
        grid-column: 1/2;
        grid-row: 2/3
    }

    .app-buttons .app-buttons__text {
        grid-column: 1/2;
        grid-row: 3/4
    }
}


.footer-col__socials,
.footer-col__payments
{
    display: flex;
    justify-content: center;
    flex: 1 1 100%;
    margin-top: 10px;
}

.footer-col__socials .socials,
.footer-col__payments .payments
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    border-top: 1px solid var(--second-color);
    padding-top: 10px;
    width: 100%;
}

.footer-col__socials svg,
.footer-col__socials img,
.footer-col__payments svg,
.footer-col__payments img
{
    max-width: 32px;
}

/* Game block */
.game{
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    max-height: 80vh;
    overflow: hidden;
}



@media (max-width: 767px) {
    .game._active{
        aspect-ratio: unset;
        height: 80vh;
    }
}

.game:not(:last-of-type){
    margin-bottom: 24px;
}

.game .game__preview,
.game .game__content,
.game .game__preview:after{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.game .game__preview{
    z-index: 0;
}

.game .game__preview:after{
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.59));
}

.game .game__preview .get-image{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.game .game__preview .get-image img{
    max-height: 100%;
    object-fit: contain;
}

.game .game__content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 20px;
    z-index: 1;
}

.game .game__content .btn{
    min-width: unset;
    padding: 15px 30px;
    display: inline-block;
    border: none;
    border-radius: 5px;
    transition: 150ms;
    transform-origin: center;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    transition: 0.2s ease-in-out;
}

.game .game__content .btn:hover{
    opacity: .7;
}

.game .game__content .demo-btn{
    color: #fff;
    border: 1px solid var(--accend-color);
    background-color: unset;
}

.game iframe{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    border: none;
}

.lang-switch {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-radius: 6px;
    padding: 5px;
    background: var(--color-header);
    cursor: pointer;
    order: 4;
    margin-left: 20px
}

html[dir=rtl] .lang-switch{
    margin-left: 0;
    margin-right: 20px
}

.lang-switch__list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--color-header);
    z-index: 9999
}

.lang-switch._active, .lang-switch:hover {
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.lang-switch._active .lang-switch__list, .lang-switch:hover .lang-switch__list {
    display: flex;
    flex-direction: column;
    outline: 1px solid #fff;
    border-radius: 0 0 6px 6px;
    width: 100%
}

.lang-switch .lang-switch__item img {
    width: 18px;
    height: auto
}

.lang-switch .lang-switch__item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.lang-switch .lang-switch__link {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px;
    text-decoration: none;
    color: #fff
}

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

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

/* Tabs */

.tabs {
    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;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 20px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.tabs__trigger-wrap {
    position: relative;
}

.tabs__trigger-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.tabs__trigger-list::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.tabs__trigger {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    border-radius: 10px;
    padding: 5px;
    font: var(--tabs-trigger-text-font);
    color: var(--tabs-trigger-text-color, #9ca2b3);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: color;
}

.tabs__trigger > * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.tabs__trigger::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--tabs-trigger-text-color-active, #3486e3);
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(40px);
    -ms-transform: translateX(-50%) translateY(40px);
    transform: translateX(-50%) translateY(40px);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: opacity, transform;
    -webkit-transform: opacity 0.3s, transform 0.1s;
    -ms-transform: opacity 0.3s, transform 0.1s;
    transform: opacity 0.3s, transform 0.1s;
}

.tabs__trigger.active {
    color: var(--tabs-trigger-text-color-active, #3486e3);
}

.tabs__trigger.active::after {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}

.tabs__trigger img {
    max-width: 50px;
    max-height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
}

.tabs__item {
    position: relative;
}

.tabs__item:not(.active) {
    display: none;
}

.preview-block .tabs__item:not(.active) {
    display: block;
}

.tabs__item.to-load {
    opacity: 0;
}

.tabs__item.to-load.loaded {
    -webkit-animation: loadContent 1s forwards;
    animation: loadContent 1s forwards;
}

@-webkit-keyframes loadContent {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes loadContent {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tabs__item-list {
    position: relative;
    margin-top: 30px;
}

@media (max-width: 767.9px) {
    .tabs__trigger-list {
        -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;
        padding-bottom: 0;
        padding-left: 10px;
        overflow-x: hidden;
    }

    .tabs__trigger {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0;
        padding-left: 10px;
    }

    .tabs__trigger::after {
        top: 50%;
        left: -5px;
        -webkit-transform: translateY(-50%) translateX(-40px);
        -ms-transform: translateY(-50%) translateX(-40px);
        transform: translateY(-50%) translateX(-40px);
    }

    .tabs__trigger.active::after {
        -webkit-transform: translateY(-50%) translateX(0);
        -ms-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0);
    }

    .tabs__trigger img {
        display: none;
    }
}

@media (max-width: 575.9px) {
    .tabs__item-list {
        margin-top: 30px;
    }
}

@media (hover: hover) {
    .tabs__trigger:hover {
        color: var(--tabs-trigger-text-color-active, #3486e3);
    }
}

/* Slots Slider */

.slots-slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 40px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin-top: 20px;
}

.slots-slider .slots-slider__slider {
    width: 100%;
}

.slots-slider .slots-slider__slider.swiper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.slots-slider .slots-slider__slot {
    height: unset;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    padding: 15px;
    border-radius: 15px;
    overflow: hidden;
    min-height: 200px;
}

.slots-slider .slots-slider__slot > * {
    z-index: 2;
    opacity: 0;
    pointer-events: none;
}

.slots-slider .slots-slider__slot::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5215686275);
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: opacity;
}

.slots-slider .slots-slider__slot:hover > * {
    opacity: 1;
    pointer-events: all;
}

.slots-slider .slots-slider__slot:hover::before {
    opacity: 1;
}

.slots-slider .slots-slider__slot-name {
    margin: 0;
    font: var(--slots-slider-font);
    color: var(--slots-slider-color, #fff);
    text-align: center;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: opacity;
}

.slots-slider__slot-play {
    width: 60px;
    height: 60px;
    margin-block: auto;
    position: relative;
    background-color: transparent;
    border: none;
    -webkit-filter: drop-shadow(0 0 5px #303030);
    filter: drop-shadow(0 0 5px #303030);
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: filter, opacity;
    transition-property: filter, opacity, -webkit-filter;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: filter, opacity;
}

.slots-slider__slot-play::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none"><path d="M21.4086 9.35258C23.5305 10.5065 23.5305 13.4935 21.4086 14.6474L8.59662 21.6145C6.53435 22.736 4 21.2763 4 18.9671L4 5.0329C4 2.72368 6.53435 1.26402 8.59661 2.38548L21.4086 9.35258Z" fill="%23fff"/></svg>');
    width: 60px;
    height: 60px;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    display: block;
}

.slots-slider .slots-slider__slot img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
}

.slots-slider .slots-slider__pagination {
    position: relative;
    background: var(--slots-slider-grey, rgba(156, 162, 179, 0.1294117647));
    border-radius: 5px;
    overflow: auto;
}

.slots-slider .slots-slider__pagination.swiper-pagination-progressbar {
    position: relative;
    width: 300px;
    height: 2px;
    max-width: calc(100% - 60px - 80px);
}

.slots-slider .slots-slider__pagination .swiper-pagination-progressbar-fill {
    background: var(--slots-slider-primary, #3486e3);
}

.slots-slider__btn {
    width: 35px;
    height: 35px;
    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;
    background: var(--slots-slider-primary, #3486e3);
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition-property: background, opacity;
    transition-property: background, opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: background, opacity;
}

.slots-slider__btn::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none"><path d="M14.2893 5.70708C13.8988 5.31655 13.2657 5.31655 12.8751 5.70708L7.98768 10.5993C7.20729 11.3805 7.2076 12.6463 7.98837 13.427L12.8787 18.3174C13.2693 18.7079 13.9024 18.7079 14.293 18.3174C14.6835 17.9269 14.6835 17.2937 14.293 16.9032L10.1073 12.7175C9.71678 12.327 9.71678 11.6939 10.1073 11.3033L14.2893 7.12129C14.6799 6.73077 14.6799 6.0976 14.2893 5.70708Z" fill="%23FFF"/></svg>');
    width: 25px;
    height: 25px;
    display: block;
}

.slots-slider__btn_next {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
}

.slots-slider__btn.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
}

@media (max-width: 575.9px) {
    .slots-slider .slots-slider__slider.swiper {
        margin-inline: 50px;
    }

    .slots-slider .slots-slider__slot {
        padding: 10px;
        gap: 10px;
    }

    .slots-slider__slot-play {
        width: 50px;
        height: 50px;
    }

    .slots-slider__slot-play::after {
        -webkit-transform: scale(0.8333333333);
        -ms-transform: scale(0.8333333333);
        transform: scale(0.8333333333);
    }

    .slots-slider .slots-slider__pagination {
        display: none;
    }

    .slots-slider__btn {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 5;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: 50px;
        height: unset;
        aspect-ratio: 1/2;
    }

    .slots-slider__btn_prev {
        left: 0;
    }

    .slots-slider__btn_next {
        right: 0;
        -webkit-transform: translateY(-50%) scale(-1);
        -ms-transform: translateY(-50%) scale(-1);
        transform: translateY(-50%) scale(-1);
    }

    .slots-slider__btn::after {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }
}

@media (max-width: 460px) {
    .slots-slider .slots-slider__slider.swiper {
        margin-inline: 40px;
    }

    .slots-slider__btn {
        width: 40px;
    }
}

@media (max-width: 450px) {
    .slots-slider .slots-slider__slot {
        min-height: 150px;
    }
}

@media (hover: hover) {
    .slots-slider__slot-play:hover {
        -webkit-filter: drop-shadow(0 0 5px #f0f0f0);
        filter: drop-shadow(0 0 5px #f0f0f0);
    }

    .slots-slider__btn:hover {
        background: var(--slots-slider-primary-btn-hov, #2271cc);
    }
}

.page-btn {
    padding: 10px 36px;
    border-radius: 10px;
    background: var(--slots-slider-primary, #3486e3);
    border: none;
    color: var(--slots-slider-color, #fff);
    font: var(--slots-slider-btn-font);
    -webkit-transition-property: background, opacity;
    transition-property: background, opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: background, opacity;
}

@media (hover: hover) {
    .page-btn:hover {
        background: var(--slots-slider-primary-btn-hov, #2271cc);
    }
}