@charset "UTF-8";

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

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

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

:root {
    --body-color: #242424;
    --title-color: #FFF;
    --text-color: #E0E0E0;
    --admin-text-color: #000;
    --header-color: #333;
    --offset: 16px;
    --accent-color: #FF8A14;
    --second-color: #7DAA2F;
    --stroke: 1px solid rgba(255, 255, 255, 0.20);
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: var(--second-color) var(--header-color);
}

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

::-webkit-scrollbar-thumb {
    background-color: var(--second-color);
}

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


body {
    font-family: 'HelveticaNeueCyr', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--text-color);
    background-color: var(--body-color);
}

.block-editor body {
    color: var(--admin-text-color);
}

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

h1, h2, h3, h4, h5 {
    color: #FFF;
}

.block-editor h1,
.block-editor h2,
.block-editor h3,
.block-editor h4,
.block-editor h5 {
    color: var(--admin-text-color);
}

h1 {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

h2 {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 120% */
}

@media (max-width: 1024px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 25px;
    }
}

ol:not([class]),
ol.wp-block-list{
    counter-reset: list-counter;
}
ul:not([class]),
ol:not([class]),
ul.wp-block-list,
ol.wp-block-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none;
}

ol:not([class]) li,
ol.wp-block-list li {
    align-items: baseline;
    counter-increment: list-counter; /* Инкрементируем счетчик */
}


ul:not([class]) li,
ol:not([class]) li,
ul.wp-block-list li,
ol.wp-block-list li {
    position: relative;
    /*display: inline-flex;*/
    /*align-items: flex-start;*/
    /*gap: 6px;*/
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}

ul:not([class]) li,
ul.wp-block-list li {
    padding-left: 34px!important;
}
ul:not([class]) li::before,
ul.wp-block-list li::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 16px;
    width: 8px;
    min-width: 8px;
    height: 8px;
    background-color: var(--accent-color);
    border-radius: 20px;
}

ol:not([class]) li::before,
ol.wp-block-list li::before {
    content: counter(list-counter) ". ";
    color: var(--accent-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
}

.text-image ul.wp-block-list li,
.text-image ol.wp-block-list li,
.text-image ul:not([class]) li,
.text-image ol:not([class]) li {
    padding: 10px 20px;
    border-radius: 30px;
    border: 1px dashed rgba(255, 255, 255, 0.20);
}

.text-image ul.wp-block-list,
.text-image ul:not([class]) {
    flex-direction: row;
    flex-wrap: wrap;
}

.text-image ul.wp-block-list li,
.text-image ul:not([class]) li {
    flex: 1 1 calc(50% - 10px);
}

.wp-block-table ul:not([class]),
.wp-block-table ol:not([class]),
.wp-block-table ol.wp-block-list {
    align-items: flex-start;
}

.wp-block-table ul:not([class]),
.wp-block-table ol:not([class]),
.wp-block-table ol.wp-block-list {
    margin-top: 1rem;
}

.wp-block-table td:has( ul:not([class]) ) {
    text-align: left;
}

.wp-block-table ul:not([class]) li::before,
.wp-block-table ol:not([class]) li::before,
.wp-block-table ol.wp-block-list li::before {
    top: 7px;
}

@media (max-width: 767px) {
    .text-image ul.wp-block-list li,
    .text-image ul:not([class]) li
    {
        flex: 1 1 100%;
    }

    ul.wp-block-list,
    ul:not([class]) {
        gap: 14px;
    }
}

.page-main a:not([class]) {
    color: var(--accent-color);
}

.page-main a:not([class]):hover{
    opacity: .7;
}

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

.scroll-lock {
    overflow: hidden;
}

.container {
    max-width: 1380px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1402px) {
    .container {
        max-width: 100%;
        margin-left: var(--offset);
        margin-right: var(--offset);
    }
}

/* Wrapper */
.wrapper,
.wrapper > :not(:first-child),
.page-footer {
    margin-top: 60px;
}

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

.wrapper > p:not([class]) + * {
    margin-top: 20px;
}

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

.breadcrumbs ~ .page-main > .wrapper:first-child {
    margin-top: 0;
}

@media (max-width: 1024px) {
    .wrapper,
    .wrapper > :not(:first-child),
    .page-footer{
        margin-top: 40px;
    }

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

    .wrapper > p:not([class]) + * {
        margin-top: 16px;
    }
}

/* Buttons */
.button {
    display: flex;
    padding: 12px 28px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 30px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    text-decoration: unset;
    border: none;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.button:hover {
    opacity: .7;
}

.button.button_orange {
    background: var(--accent-color);
}

.button.button_green {
    background: var(--second-color);
}

.button.button_white {
    color: #242424;
    font-size: 14px;
    font-style: normal;
    font-weight: 550;
    line-height: 100%; /* 14px */
    background: #FFF;
    padding: 15px 24px;
}

.button.button_text {
    display: flex;
    align-items: center;
    gap: 0 10px;
    color: var(--accent-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px; /* 125% */
    padding: 0 0 4px 0;
    border-bottom: 1px solid var(--accent-color);
    background: unset;
    border-radius: unset;
}

.button.button_text:after {
    content: url('data:image/svg+xml,<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 9L5 5L1 1" stroke="%23FF8A14" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: flex;
    align-items: center;
}

.button.button_android,
.button.button_ios {
    display: grid;
    grid-template-columns: min-content 1fr min-content;
    grid-template-rows: auto auto;
    gap: 8px 10px;
    padding: 9px 16px;
    border-radius: 10px;
    background: #000;
    color: #9B9B9B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 233.333% */
    text-align: left;
    white-space: nowrap;
    min-width: 226px;
}

.button.button_android span,
.button.button_ios span {
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 550;
    line-height: 16px; /* 175% */
}

.button.button_android:before,
.button.button_ios:before,
.button.button_android:after,
.button.button_ios:after {
    display: flex;
    align-items: center;
    grid-row: 1/-1;
}

.button.button_android:before {
    content: url('data:image/svg+xml,<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.24827 13.7456C8.78306 13.7456 8.38835 13.9078 8.06389 14.2323C7.73943 14.5568 7.57715 14.9461 7.57715 15.4005V22.3776C7.57715 22.8434 7.73938 23.2378 8.06389 23.5623C8.38835 23.8868 8.78306 24.049 9.24827 24.049C9.71314 24.049 10.1055 23.8868 10.4249 23.5623C10.7437 23.2378 10.9035 22.8434 10.9035 22.3776V15.4005C10.9035 14.946 10.7413 14.5568 10.4168 14.2323C10.0923 13.9078 9.70269 13.7456 9.24827 13.7456Z" fill="%2361DB84"/><path d="M22.6838 7.48236L23.8359 5.35711C23.9115 5.21641 23.8846 5.10852 23.7549 5.03265C23.6142 4.96723 23.506 5.00038 23.4305 5.12975L22.2623 7.27199C21.2344 6.81752 20.1472 6.58987 19.0008 6.58987C17.8541 6.58987 16.7668 6.81757 15.7393 7.27199L14.571 5.12975C14.4951 5.00038 14.387 4.96752 14.2466 5.03265C14.1166 5.10886 14.0897 5.21641 14.1656 5.35711L15.3177 7.48236C14.1495 8.07811 13.2191 8.90781 12.5268 9.97327C11.8346 11.0393 11.4883 12.2043 11.4883 13.4702H26.4969C26.4969 12.2046 26.1506 11.0396 25.4584 9.97327C24.766 8.90781 23.841 8.07811 22.6838 7.48236ZM16.0231 10.5736C15.8985 10.6984 15.7497 10.7606 15.5767 10.7606C15.4034 10.7606 15.2577 10.6984 15.1387 10.5736C15.0198 10.4493 14.9603 10.3011 14.9603 10.1275C14.9603 9.95452 15.0198 9.80601 15.1387 9.68142C15.2577 9.55713 15.4038 9.49498 15.5767 9.49498C15.7497 9.49498 15.8985 9.55713 16.0231 9.68142C16.1474 9.8063 16.2098 9.95452 16.2098 10.1275C16.2095 10.3008 16.1471 10.4493 16.0231 10.5736ZM22.8622 10.5736C22.743 10.6984 22.5969 10.7606 22.4242 10.7606C22.2508 10.7606 22.1021 10.6984 21.9777 10.5736C21.8532 10.4493 21.791 10.3011 21.791 10.1275C21.791 9.95452 21.8532 9.80601 21.9777 9.68142C22.1021 9.55713 22.2508 9.49498 22.4242 9.49498C22.5972 9.49498 22.7429 9.55713 22.8622 9.68142C22.9812 9.8063 23.0405 9.95452 23.0405 10.1275C23.0405 10.3008 22.9811 10.4493 22.8622 10.5736Z" fill="%2361DB84"/><path d="M11.5527 24.8603C11.5527 25.3584 11.7257 25.78 12.0717 26.126C12.418 26.4719 12.8396 26.6449 13.3373 26.6449H14.5381L14.5546 30.3286C14.5546 30.7938 14.7168 31.1888 15.0412 31.5133C15.3657 31.8378 15.7553 32 16.2095 32C16.6744 32 17.0693 31.8378 17.3938 31.5133C17.7184 31.1888 17.8806 30.7938 17.8806 30.3286V26.6453H20.1197V30.3286C20.1197 30.7938 20.2819 31.1888 20.6064 31.5133C20.9309 31.8378 21.3255 32 21.7908 32C22.2557 32 22.6506 31.8378 22.9751 31.5133C23.2996 31.1888 23.4618 30.7938 23.4618 30.3286V26.6453H24.6788C25.1655 26.6453 25.5817 26.4722 25.9283 26.1263C26.2743 25.7803 26.4473 25.3586 26.4473 24.8606V14.0537H11.5527V24.8603Z" fill="%2361DB84"/><path d="M28.7516 13.7456C28.2972 13.7456 27.9079 13.9054 27.5834 14.2242C27.2589 14.5436 27.0967 14.9359 27.0967 15.4005V22.3776C27.0967 22.8434 27.2589 23.2378 27.5834 23.5623C27.9079 23.8868 28.2975 24.049 28.7516 24.049C29.2166 24.049 29.6115 23.8868 29.936 23.5623C30.2605 23.2378 30.4227 22.8434 30.4227 22.3776V15.4005C30.4227 14.9359 30.2605 14.5436 29.936 14.2242C29.6115 13.9054 29.2166 13.7456 28.7516 13.7456Z" fill="%2361DB84"/></svg>');
    grid-column: 1/2;
}

.button.button_ios:before {
    content: url('data:image/svg+xml,<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.0748 30.42C24.6048 31.845 22.9998 31.62 21.4548 30.945C19.8198 30.255 18.3198 30.225 16.5948 30.945C14.4348 31.875 13.2948 31.605 12.0048 30.42C4.68476 22.875 5.76476 11.385 14.0748 10.965C16.0998 11.07 17.5098 12.075 18.6948 12.165C20.4648 11.805 22.1598 10.77 24.0498 10.905C26.3148 11.085 28.0248 11.985 29.1498 13.605C24.4698 16.41 25.5798 22.575 29.8698 24.3C29.0148 26.55 27.9048 28.785 26.0598 30.435L26.0748 30.42ZM18.5448 10.875C18.3198 7.53 21.0348 4.77 24.1548 4.5C24.5898 8.37 20.6448 11.25 18.5448 10.875Z" fill="white"/></svg>');
    grid-column: 1/2;
}

.button.button_android:after,
.button.button_ios:after {
    content: url('data:image/svg+xml,<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 10.5L5.5 6L1.5 1.5" stroke="white" stroke-opacity="0.5" stroke-width="1.5" stroke-linecap="round"/></svg>');
    grid-column: 3/4;
}


/* app buttons */
.button.button_app-apk,
.button.button_app-ios {
    display: grid;
    grid-template-columns: min-content 1fr min-content;
    grid-template-rows: auto auto;
    justify-self: start;
    gap: 4px 8px;
    padding: 8px 22px 8px 16px;
    color: var(--title-color);
    text-align: left;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.button.button_app-apk span,
.button.button_app-ios span {
    font-size: 16px;
    font-weight: 700;
}

.button.button_app-apk:before {
    content: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.74827 13.7456C8.28306 13.7456 7.88835 13.9078 7.56389 14.2323C7.23943 14.5568 7.07715 14.9461 7.07715 15.4005V22.3776C7.07715 22.8434 7.23938 23.2378 7.56389 23.5623C7.88835 23.8868 8.28306 24.049 8.74827 24.049C9.21314 24.049 9.60546 23.8868 9.92489 23.5623C10.2437 23.2378 10.4035 22.8434 10.4035 22.3776V15.4005C10.4035 14.946 10.2413 14.5568 9.91678 14.2323C9.59228 13.9078 9.20269 13.7456 8.74827 13.7456Z" fill="white"/><path d="M22.1838 7.48236L23.3359 5.35711C23.4115 5.21641 23.3846 5.10852 23.2549 5.03265C23.1142 4.96723 23.006 5.00038 22.9305 5.12975L21.7623 7.27199C20.7344 6.81752 19.6472 6.58987 18.5008 6.58987C17.3541 6.58987 16.2668 6.81757 15.2393 7.27199L14.071 5.12975C13.9951 5.00038 13.887 4.96752 13.7466 5.03265C13.6166 5.10886 13.5897 5.21641 13.6656 5.35711L14.8177 7.48236C13.6495 8.07811 12.7191 8.90781 12.0268 9.97327C11.3346 11.0393 10.9883 12.2043 10.9883 13.4702H25.9969C25.9969 12.2046 25.6506 11.0396 24.9584 9.97327C24.266 8.90781 23.341 8.07811 22.1838 7.48236ZM15.5231 10.5736C15.3985 10.6984 15.2497 10.7606 15.0767 10.7606C14.9034 10.7606 14.7577 10.6984 14.6387 10.5736C14.5198 10.4493 14.4603 10.3011 14.4603 10.1275C14.4603 9.95452 14.5198 9.80601 14.6387 9.68142C14.7577 9.55713 14.9038 9.49498 15.0767 9.49498C15.2497 9.49498 15.3985 9.55713 15.5231 9.68142C15.6474 9.8063 15.7098 9.95452 15.7098 10.1275C15.7095 10.3008 15.6471 10.4493 15.5231 10.5736ZM22.3622 10.5736C22.243 10.6984 22.0969 10.7606 21.9242 10.7606C21.7508 10.7606 21.6021 10.6984 21.4777 10.5736C21.3532 10.4493 21.291 10.3011 21.291 10.1275C21.291 9.95452 21.3532 9.80601 21.4777 9.68142C21.6021 9.55713 21.7508 9.49498 21.9242 9.49498C22.0972 9.49498 22.2429 9.55713 22.3622 9.68142C22.4812 9.8063 22.5405 9.95452 22.5405 10.1275C22.5405 10.3008 22.4811 10.4493 22.3622 10.5736Z" fill="white"/><path d="M11.0527 24.8603C11.0527 25.3584 11.2257 25.78 11.5717 26.126C11.918 26.4719 12.3396 26.6449 12.8373 26.6449H14.0381L14.0546 30.3286C14.0546 30.7938 14.2168 31.1888 14.5412 31.5133C14.8657 31.8378 15.2553 32 15.7095 32C16.1744 32 16.5693 31.8378 16.8938 31.5133C17.2184 31.1888 17.3806 30.7938 17.3806 30.3286V26.6453H19.6197V30.3286C19.6197 30.7938 19.7819 31.1888 20.1064 31.5133C20.4309 31.8378 20.8255 32 21.2908 32C21.7557 32 22.1506 31.8378 22.4751 31.5133C22.7996 31.1888 22.9618 30.7938 22.9618 30.3286V26.6453H24.1788C24.6655 26.6453 25.0817 26.4722 25.4283 26.1263C25.7743 25.7803 25.9473 25.3586 25.9473 24.8606V14.0537H11.0527V24.8603Z" fill="white"/><path d="M28.2516 13.7456C27.7972 13.7456 27.4079 13.9054 27.0834 14.2242C26.7589 14.5436 26.5967 14.9359 26.5967 15.4005V22.3776C26.5967 22.8434 26.7589 23.2378 27.0834 23.5623C27.4079 23.8868 27.7975 24.049 28.2516 24.049C28.7166 24.049 29.1115 23.8868 29.436 23.5623C29.7605 23.2378 29.9227 22.8434 29.9227 22.3776V15.4005C29.9227 14.9359 29.7605 14.5436 29.436 14.2242C29.1115 13.9054 28.7166 13.7456 28.2516 13.7456Z" fill="white"/></svg>');
    grid-column: 1/2;
    grid-row: 1/-1;
}

.button.button_app-ios:before {
    content: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.5748 30.42C24.1048 31.845 22.4998 31.62 20.9548 30.945C19.3198 30.255 17.8198 30.225 16.0948 30.945C13.9348 31.875 12.7948 31.605 11.5048 30.42C4.18476 22.875 5.26476 11.385 13.5748 10.965C15.5998 11.07 17.0098 12.075 18.1948 12.165C19.9648 11.805 21.6598 10.77 23.5498 10.905C25.8148 11.085 27.5248 11.985 28.6498 13.605C23.9698 16.41 25.0798 22.575 29.3698 24.3C28.5148 26.55 27.4048 28.785 25.5598 30.435L25.5748 30.42ZM18.0448 10.875C17.8198 7.53 20.5348 4.77 23.6548 4.5C24.0898 8.37 20.1448 11.25 18.0448 10.875Z" fill="white"/></svg>');
    grid-column: 1/2;
    grid-row: 1/-1;
}

.button.button_app-apk:after,
.button.button_app-ios:after {
    content: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4074 11.4293C18.7346 11.4293 18.9999 11.6945 18.9999 12.0218V14.1548C18.9999 16.0527 17.4613 17.5913 15.5634 17.5913H4.42432C2.52638 17.5913 0.987793 16.0527 0.987793 14.1548V12.0218C0.987793 11.6945 1.25307 11.4293 1.5803 11.4293C1.90753 11.4293 2.1728 11.6945 2.1728 12.0218V14.1548C2.1728 15.3983 3.18084 16.4063 4.42432 16.4063H15.5634C16.8069 16.4063 17.8149 15.3983 17.8149 14.1548V12.0218C17.8149 11.6945 18.0802 11.4293 18.4074 11.4293ZM9.99386 0.408691C10.308 0.408691 10.565 0.653167 10.5851 0.962238L10.5864 1.0012L10.5864 10.7766L13.1446 8.38909C13.3734 8.17553 13.7264 8.17807 13.9521 8.38805L13.982 8.41797C14.1956 8.64679 14.1931 8.99978 13.9831 9.22544L13.9532 9.2554L10.4017 12.5701C10.391 12.5802 10.38 12.59 10.3685 12.5993C10.3655 12.6017 10.3625 12.6042 10.3594 12.6066C10.3524 12.6121 10.3452 12.6175 10.338 12.6227C10.3329 12.6263 10.3279 12.6298 10.3228 12.6332C10.3176 12.6366 10.3123 12.6401 10.3069 12.6434C10.3018 12.6466 10.2968 12.6497 10.2917 12.6526C10.2839 12.6572 10.2759 12.6616 10.2678 12.6658L10.2583 12.6707C10.2511 12.6743 10.2437 12.6777 10.2363 12.6811C10.2312 12.6834 10.2261 12.6856 10.2209 12.6877C10.2143 12.6905 10.2077 12.693 10.2012 12.6955L10.1841 12.7016C10.1789 12.7033 10.1737 12.705 10.1684 12.7066C10.1613 12.7088 10.1541 12.7109 10.1468 12.7128C10.1273 12.718 10.1074 12.7223 10.0872 12.7255C10.0822 12.7262 10.0772 12.727 10.0722 12.7276L10.0328 12.7315L9.99386 12.7328H9.99362C9.96348 12.7328 9.93328 12.7305 9.90339 12.7259L9.87546 12.7208C9.69409 12.7577 9.49819 12.7093 9.35258 12.5734L5.79755 9.2554C5.55833 9.03213 5.5454 8.6572 5.76868 8.41797C5.99195 8.17875 6.36688 8.16582 6.60611 8.38909L9.40135 10.9982L9.40135 1.0012C9.40135 0.673965 9.66663 0.408691 9.99386 0.408691Z" fill="white"/></svg>');
    grid-column: 3/4;
    grid-row: 1/-1;
    display: flex;
    align-items: center;
    border-left: 1px solid var(--title-color);
    padding-left: 16px;
    height: 100%;
}

.text-image > .button {
    margin-right: auto;
}

@media (max-width: 500px) {
    .button.button_app-apk,
    .button.button_app-ios {
        width: 100%;
    }
}

/* 404 */
.page-404 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}



/* Header */
.page-header {
    position: relative;
    background-color: var(--header-color);
    width: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
}

.page-header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

/*.page-header__logo {*/
/*    margin-right: 30px  ;*/
/*}*/

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

.header__nav-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 20px;
    list-style: none;
    padding-left: 0;
}

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

.header__nav-link.has-submenu a,
.header__nav-link.has-submenu span {
    display: flex;
    align-items: center;
    gap: 0 8px;
}

@media (min-width: 1221px) {
    .header__nav-link.has-submenu:hover .submenu {
        display: flex;
    }
}


.header__nav-link.has-submenu .submenu {
    display: none;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: fit-content;
    top: calc(100% + 30px);
    left: 0;
    right: 0;
    margin: auto;
    list-style: none;
    z-index: 1;
}

.header__nav-link.has-submenu .submenu:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 100%;
    left: 0;
}

.header__nav-link.has-submenu .submenu:after {
    content: url('data:image/svg+xml,<svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 0L9.33013 4.5H0.669873L5 0Z" fill="%23464646"/></svg>');
    position: absolute;
    width: 8px;
    height: 14px;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

.header__nav-link.has-submenu .submenu .header__nav-link {
    width: 100%;
    overflow: hidden;
}

.header__nav-link.has-submenu .submenu .header__nav-link a,
.header__nav-link.has-submenu .submenu .header__nav-link span {
    background: #464646;
    padding: 10px 20px;
}

.header__nav-link.has-submenu .submenu .header__nav-link:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.header__nav-link.has-submenu .submenu .header__nav-link:first-child a,
.header__nav-link.has-submenu .submenu .header__nav-link:first-child span {
    padding-top: 20px;
}

.header__nav-link.has-submenu .submenu .header__nav-link:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.header__nav-link.has-submenu .submenu .header__nav-link:last-child a,
.header__nav-link.has-submenu .submenu .header__nav-link:last-child span {
    padding-bottom: 20px;
}

.header__nav-link a,
.header__nav-link span {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    text-transform: uppercase;
    text-decoration: none;
}

.header__nav-link a:hover,
.header__nav-link.current-menu-item span {
    color: var(--accent-color);
}

.page-header__buttons {
    display: flex;
    align-items: center;
    gap: 0 14px;
    /*margin-left: auto;*/
}

.page-header__burger {
    position: relative;
    display: none;
    align-items: center;
    background-color: unset;
    border: none;
    width: 26px;
    height: 22px;
    cursor: pointer;
}

.page-header__burger svg {
    display: block;
}

.page-header__burger rect {
    transition: transform 0.3s, opacity 0.3s;
}

.page-header__burger._active rect:nth-child(1) {
    transform: translateX(5px) rotate(45deg)
}

.page-header__burger._active rect:nth-child(2) {
    opacity: 0;
}

.page-header__burger._active rect:nth-child(3) {
    transform: translateX(-11px) translateY(6px) rotate(-45deg)
}

.arrow {
    display: flex;
    align-items: center;
}

@media (max-width: 1220px) {
    .page-header {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .page-header__container {
        flex-wrap: wrap;
        gap: 20px 16px;
    }

    .header__nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: var(--header-color);
        padding-left: var(--offset);
        padding-right: var(--offset);
    }

    .header__nav-list {
        gap: 0;
        margin-top: 16px;
        margin-bottom: 16px;
        flex-direction: column;
        width: 100%;
    }

    .header__nav-link {
        display: flex;
        align-items: center;
        width: 100%;
        border-radius: unset;
    }

    .header__nav-link._active .arrow svg {
        transform: rotate(180deg);
    }

    .header__nav-link.has-submenu._active {
        flex-direction: column;
    }

    .header__nav-link.has-submenu .submenu::before,
    .header__nav-link.has-submenu .submenu::after {
        content: unset;
    }

    .header__nav-link.has-submenu._active .submenu {
        display: flex;
        width: 100%;
        margin-top: 16px;
    }

    .header__nav-link.has-submenu .submenu {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        background: #464646;
    }

    .header__nav-link.has-submenu .submenu .header__nav-link a,
    .header__nav-link.has-submenu .submenu .header__nav-link span {
        padding: 16px !important;
    }

    .header__nav-link:not(:last-child) {
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: var(--stroke);
    }

    .submenu .header__nav-link:not(:last-child) {
        padding-bottom: 0;
        margin-bottom: 0;
    }


    .header__nav-link.has-submenu a,
    .header__nav-link.has-submenu span {
        display: flex;
        width: 100%;
        /*background-color: ;*/
    }

    .header__nav-link.has-submenu a .arrow,
    .header__nav-link.has-submenu span .arrow {
        display: flex;
        align-items: center;
        height: 16px;
        flex: 1 1;
    }

    .header__nav._active {
        display: flex;
    }

    .page-header__buttons {
        justify-content: center;
        gap: 0 10px;
        flex: 1 1 100%;
        order: 10;
    }

    .page-header__burger {
        display: flex;
    }

    .page-header .lang {
        margin-left: auto;
    }
}

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

/* Lang switcher */
.lang {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.lang__selected {
    display: flex;
    align-items: center;
    gap: 0 8px;
    border-radius: 26px;
    padding: 3px 9px 3px 3px;
    background: #464646;
}

.lang__image {
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 60px;
    overflow: hidden;
    flex-shrink: 0;
}

.lang__image svg,
.lang__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lang__options-list {
    display: none;
    position: absolute;
    top: calc(100% + 18px);
    left: 0;
    list-style: none;
    background-color: 464646;
    z-index: 1;
}

.lang__options-list:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 100%;
    left: 0;
}

.lang__options-list:after {
    content: url('data:image/svg+xml,<svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 0L9.33013 4.5H0.669873L5 0Z" fill="%23464646"/></svg>');
    position: absolute;
    width: 8px;
    height: 14px;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

@media (min-width: 768px) {
    .lang__selected:hover + .lang__options-list,
    .lang__options-list:hover {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .lang__selected._active + .lang__options-list {
        display: flex;
        flex-direction: column;
    }
}

.lang__options-list .lang__option {
    padding: 6px;
    border-radius: 10px;
    background: #464646;
}

.lang__options-list .lang__option:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.lang__options-list .lang__option:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.lang__link {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    text-transform: uppercase;
    text-decoration: none;
}

/* Breadcrumbs */
.breadcrumbs {
    padding: 24px 0;
}

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    list-style: none;
}

.breadcrumbs__link,
.breadcrumbs__separator,
.breadcrumbs__current {
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    text-decoration: unset;
}

.breadcrumbs__link,
.breadcrumbs__separator{
    color: var(--second-color);
}

.breadcrumbs__link:hover {
    opacity: .7;
}

.breadcrumbs__current {
    color: var(--title-color);
}

@media (max-width: 767px) {
    .breadcrumbs {
        padding: 20px 0;
    }

    .breadcrumbs__list {
        gap: 14px;
    }
}

/* Text image */
.text-image {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
}

.text-image > :not(:first-child):not(img) {
    margin-top: 16px;
}

.wrapper .text-image:not(:has(.text-image__title)) > img + * {
    margin-top: 0;
}

.text-image > img {
    grid-row: 1/10;
    grid-column: 2/3;
    border-radius: 10px;
    overflow: hidden;
}

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

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

.text-image.reversed > :not(img) {
    grid-column: 2/3;
}

@media (max-width: 1024px) {
    .text-image {
        grid-template-columns: 1fr;
        gap: 16px 0;
    }

    .text-image > :not(:first-child):not(img) {
        margin-top: unset;
    }

    .text-image__title {
        grid-row: 1/2;
    }

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

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

    .text-image:not(:has(.text-image__title)) img {
        grid-row: 1/2;
    }

    .text-image .bonus {
        grid-row: 3/4;
    }
}

/* Bonus */
.bonus {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 30px 20px 195px;
    gap: 8px 0;
    border-radius: 10px;
    background: var(--bonus-image) center/cover no-repeat;
    width: 100%;
    /*overflow: hidden;*/
}

.bonus > img {
    position: absolute;
    top: -27px;
    left: -38px;
    width: 222px;
    height: auto;
    z-index: 1;
}

.bonus > :not(img) {
    z-index: 2;
}

.bonus__title {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 116.667% */
    text-align: center;
}

.bonus__description {
    color: #FFF;
    font-family: HelveticaNeueCyr;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 160% */
}

.bonus__description span,
.bonus__description b {
    font-weight: 700;
}

@media (max-width: 1402px) {
    .bonus {
        padding: 20px 30px 20px 217px;
    }

    .bonus > img {
        left: -16px;
    }
}

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

    .bonus > img {
        top: unset;
        right: 7px;
        bottom: -25px;
        left: unset;
        width: 128px;
        height: auto;
    }

    .bonus__title {
        font-size: 20px;
        line-height: 20px; /* 116.667% */
    }

    .bonus__description {
        font-size: 16px;
        line-height: 24px; /* 160% */
    }

    .bonus__button {
        margin-right: auto;
    }
}

/* Links */
/* Links */
.links {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 14px 16px;
    padding: 0;
    list-style: none;
}

.links__btn {
    display: flex;
    align-items: center;
    gap: 0 12px;
    padding: 10px 18px;
    border-radius: 44px;
    background: var(--header-color);
    border: none;
    width: 100%;
    color: #FBFBFB;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
    text-decoration: unset;
    cursor: pointer;
}

.links__btn:hover {
    opacity: .7;
}

.links__btn:after {
    content: url('data:image/svg+xml,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 12.1875L6 6.6875L1 1.1875" stroke="white" stroke-width="1.5" stroke-linecap="round"/></svg>');
    display: flex;
    align-items: center;
    margin-left: 4px;
}

@media (max-width: 1200px) {

}

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

    .links__btn {
        padding: 14px 18px;
    }
}

/* TOC */
.toc {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background: var(--header-color);
}

.toc__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--title-color);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 109.091% */
    padding: 20px 25px;
    cursor: pointer;
}

.toc__title svg {
    transform: rotate(180deg);
}

.toc._active .toc__title svg {
    transform: unset;
}

.toc__list {
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 23px 60px;
    list-style: none;
    padding: 20px 25px;
    /*margin-top: 20px;*/
    border-top: var(--stroke);
}

.toc._active .toc__list {
    display: grid;
}

.toc__link {
    display: flex;
    align-items: center;
    gap: 0 12px;
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    text-decoration: unset;
}

.toc__link:hover{
    color: var(--accent-color);
}

.toc__link:after {
    content: url('data:image/svg+xml,<svg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 10.5L5 6L1 1.5" stroke="white" stroke-width="1.5" stroke-linecap="round"/></svg>');
    display: flex;
    align-items: center;
}

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

    .toc__list {
        grid-template-columns: 1fr;
        gap: 20px 0;
        padding: 16px;
    }
}

/* Site section */
.site-section {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
}

.site-section__title {
    grid-column: 1/3;
}

.site-section__button {
    align-self: center;
}

.site-section:has(.site-section__button) .site-section__title {
    grid-column: 1/2;
}

.site-section__body {
    grid-column: 1/3;
}

@media (max-width: 767px) {
    .site-section {
        grid-template-columns: 1fr;
    }

    .site-section__title {
        grid-column: 1/2;
    }

    .site-section__body {
        grid-column: 1/2;
    }

    .site-section .site-section__button {
        grid-column: 1/2;
        grid-row: 3/4;
        justify-self: center;
    }
}

/* Slots */
.slots {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
    list-style: none;
}

.slots__item {
    position: relative;
    display: flex;
    min-height: 180px;
    overflow: hidden;
}

.slots__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-color: rgba(0,0,0,.7);
    z-index: 2;
}

@media (min-width: 768px) {
    .slots__item:hover .slots__content {
        display: flex;
    }
}

.slots__name {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    padding: 8px;
    background: linear-gradient(0deg, rgba(51, 51, 51, 0.86)37.45%, rgba(51, 51, 51, 0.00)99.5%);
    color: var(--title-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 175% */
    z-index: 3;
}

@media (max-width: 767px) {
    .slots {
        gap: 12px;
    }
    
    .slots__item._active .slots__content {
        display: flex;
    }
}

/* Popup */
.slots-popup{
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0,0,0,.7);
    margin: 0!important;
}

.slots-popup._active{
    display: flex;
}

.slots-popup__title{
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    padding: 10px;
}

.slots-popup__buttons{
    display: flex;
    justify-content: center;
}

.slots-popup__buttons .slots__button{
    width: unset;
}

.slots-popup__frame {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto 1fr;
    width: 100%;
    height: 100%;
    max-width: 1380px;
    max-height: 720px;
    margin: auto;
    border-radius: 4px;
    background: var(--header-color);
    padding: 8px 12px 0 12px;
}

.slots-popup__body{
    position: relative;
    grid-column: 1/4;
    grid-row: 2/3;
    margin: 8px -10px 2px -10px;
    border-radius: 4px;
    background: #D9D9D9;
    overflow: hidden;
}

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

.slots-popup__cross{
    background: none;
    border: none;
    cursor: pointer;
}

@media (max-width: 767px) {
    .slots-popup__frame{
        max-height: unset;
        height: 100dvh;
        border-radius: unset;
    }

    .slots-popup__frame{
        grid-template-columns: 1fr auto;
        grid-template-rows: auto 1fr auto;
    }

    .slots-popup__cross{
        grid-column: 2/3;
        grid-row: 1/2;
    }

    .slots-popup__frame .slots-popup__buttons{
        grid-column: 1/3;
        grid-row: 3/4;
        padding: 10px 0;
    }

    .slots-popup__body{
        grid-column: 1/3;
        grid-row: 2/3;
    }
}

/* Tournaments */
.tournaments-container {
    width: 100%;
}

.tournaments__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
    list-style: none;
}

.tournaments__item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
}

.tournaments__name {
    width: 100%;
    padding: 10px 14px;
    background-color: #333;
    color: var(--title-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}

@media (max-width: 767px) {
    .tournaments__list {
        display: flex;
        align-items: center;
        grid-template-columns: unset;
        gap: 12px;
        overflow: auto;
    }

    .tournaments__item {
        min-width: 250px;
    }
}

/* About table */
.about-table tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.about-table__row {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px 0;
    flex: 1 1 calc(50% - 10px);
    padding-left: 14px;
}

.about-table__row:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 13px;
    background: var(--accent-color);
}

.about-table__title {
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
    text-align: left;
}

.about-table__cell {
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}

@media (max-width: 500px) {
    .about-table__row {
        flex: 1 1 100%;
    }
}

/* Bonuses */
.bonuses {
    display: flex;
    gap: 20px;
    list-style: none;
    overflow: auto;
}

.bonuses__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 1;
    z-index: 1;
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    min-width: 296px;
}

.bonuses__item > :not([class]) {
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 14px;
}

.bonuses__item img {
    border-radius: 10px;
}

.bonuses__wrap {
    display: flex;
    flex-direction: column;
    flex: 1 1;
    padding: 16px;
    border-radius: 10px;
    background: var(--header-color);
    width: calc(100% - 20px);
    margin: -28px auto 0 auto;
    z-index: 2;
}

.bonuses__name {
    color: var(--accent-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
}

.bonuses__date {
    display: flex;
    align-items: baseline;
    gap: 4px;
    color: var(--text-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 200% */
    margin-bottom: 18px;
}

.bonuses__date:before {
    content: url('data:image/svg+xml,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2046_2721)"><path d="M7.95999 6.47132L6.42629 5.32104V2.97791C6.42629 2.74232 6.23585 2.55188 6.00025 2.55188C5.76466 2.55188 5.57422 2.74232 5.57422 2.97791V5.53408C5.57422 5.66827 5.63728 5.79482 5.74463 5.87491L7.44873 7.153C7.52541 7.21051 7.61489 7.2382 7.70392 7.2382C7.83386 7.2382 7.96167 7.17983 8.04518 7.06736C8.18665 6.87946 8.1483 6.61234 7.95999 6.47132Z" fill="%23E0E0E0"/><path d="M6 0C2.96712 0 0.5 2.46712 0.5 5.5C0.5 8.53288 2.96712 11 6 11C9.03288 11 11.5 8.53288 11.5 5.5C11.5 2.46712 9.03288 0 6 0ZM6 10.148C3.43745 10.148 1.35205 8.06255 1.35205 5.5C1.35205 2.93745 3.43745 0.852049 6 0.852049C8.56298 0.852049 10.648 2.93745 10.648 5.5C10.648 8.06255 8.56255 10.148 6 10.148Z" fill="%23E0E0E0"/></g><defs><clipPath id="clip0_2046_2721"><rect width="11" height="11" fill="white" transform="translate(0.5)"/></clipPath></defs></svg>');
    display: flex;
    align-items: center;
}

.bonuses__button {
    margin-top: auto;
    margin-right: auto;
}

@media (max-width: 1024px) {
    .bonuses__wrap {
        width: calc(100% - 9px);
        margin: -25px auto 0 auto;
    }

    .bonuses__name {
        font-size: 18px;
    }
}

/* How to */
p:not([class]) + .how-to__list {
    margin-top: 32px;
}

.how-to__title {
    margin-bottom: 16px;
}

.how-to__list {
    display: flex;
    flex-direction: column;
    list-style: none;
}

.how-to__item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0 20px;
    padding: 20px 20px 20px 30px;
    border-radius: 10px;
    border: 1px solid var(--accent-color);
    margin-left: 25px;
}

.how-to__item:not(:last-child) {
    margin-bottom: 73px;
}

.how-to__item:not(:last-child):after {
    content: url('data:image/svg+xml,<svg width="24" height="30" viewBox="0 0 24 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L12 9L22 2" stroke="%23FF8A14" stroke-opacity="0.2" stroke-width="4"/><path d="M2 11L12 18L22 11" stroke="%23FF8A14" stroke-opacity="0.6" stroke-width="4"/><path d="M2 20L12 27L22 20" stroke="%23FF8A14" stroke-width="4"/></svg>');
    position: absolute;
    top: calc(100% + 24px);
    right: 0;
    left: 0;
    margin: auto;
    width: 24px;
}

.how-to__counter {
    position: absolute;
    top: -17px;
    left: -25px;
    border-radius: 30px;
    background: var(--accent-color);
    padding: 12px 28px;
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
}

.how-to__item-content {
    color: var(--title-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    flex: 1 1;
    width: 100%;
}

.how-to__item-content > :first-child {
    margin-top: 0;
}

.how-to__item-content > :not(:first-child) {
    margin-top: 24px;
}

.how-to__item img {
    flex: 1 1;
    border-radius: 10px;
}

@media (max-width: 1024px) {
    .how-to__item {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px 0;
        padding: 30px 16px 16px 16px;
    }

    .how-to__item:not(:last-child) {
        margin-bottom: 65px;
    }

    .how-to__item-content {
        font-size: 16px;
    }

    .how-to__item-content > :not(:first-child) {
        margin-top: 20px;
    }

    .how-to__item:not(:last-child):after {
        top: calc(100% + 20px);
    }

    .how-to__button {
        margin-left: auto;
        margin-right: auto;
    }
}

/* Table */
.wp-block-table {
    border-radius: 10px;
    border: 1px solid var(--accent-color);
    padding: 2px;
    overflow: auto;
}

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

.wp-block-table table th,
.wp-block-table table td {
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    padding: 16px;
}

.wp-block-table table th:not(:last-child),
.wp-block-table table td:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.10);
}

.wp-block-table table th {
    background: var(--accent-color);
    font-size: 20px;
    font-weight: 700;
    white-space: nowrap;
}

.text-image .wp-block-table table th {
    white-space: normal;
}

.wp-block-table table tr:nth-child(2n) td {
    background-color: var(--header-color);
}

.wp-block-table table tr:nth-child(2n+1) td {
    background-color: rgba(255, 255, 255, 0.15);
}

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

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

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

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

@media (max-width: 1024px) {
    .text-image .wp-block-table table th {
        white-space: nowrap;
    }
}

/* Advantages */
.advantages__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 19px;
    list-style: none;
}

.advantages__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 18px 12px;
    background: var(--header, #333);
    color: var(--title-color);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    border-radius: 10px;
}

.advantages__item img {
    width: auto;
    max-height: 80px;
    border-radius: 10px;
}

@media (max-width: 1024px) {
    .advantages__item {
        font-size: 16px;
        padding: 16px 12px;
    }
}

/* FAQ */
details summary {
    list-style: none;
    cursor: pointer;
}

details summary::-webkit-details-marker {
    display: none;
}

details summary::before {
    content: '';
}

.faq__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.faq__item {
    border-radius: 15px;
    background: var(--header-color);
    user-select: none;
    overflow: hidden;
}

.faq__item[open] {
    background-color: #FFF;
}

.faq__question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    color: var(--title-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    padding: 16px 25px;
}

.faq__item[open] .faq__question {
    background-color: var(--accent-color);
}

.faq__question svg {
    min-width: 35px;
    color: var(--accent-color);
}

.faq__item[open] .faq__question svg {
    transform: rotate(180deg);
    color: #FFF;
}

.faq__answer {
    color: var(--header-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    padding: 20px 25px;
}

@media (max-width: 1024px) {
    .faq__question {
        font-size: 18px;
        padding: 16px;
    }

    .faq__answer {
        font-size: 16px;
        padding: 16px;
    }
}

/* Footer */
.page-footer {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: var(--header-color);
}

.page-footer img {
    width: auto;
    max-height: 98px;
}

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

.page-footer__container {
    display: flex;
    flex-direction: column;
}

.page-footer__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 10px;
}

.page-footer__row:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.page-footer__col {
    display: flex;
    flex-direction: column;
}

.page-footer__icons {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
    list-style: none;
}

img + .page-footer__icons {
    margin-top: 28px;
}

.page-footer__icons img {
    width: auto;
    max-height: 30px;
}

.footer__nav-list {
    columns: 2;
    list-style: none;
}

.footer__nav-list .menu-item {
    margin-bottom: 12px;
}

.footer__nav-list .menu-item a,
.footer__nav-list .menu-item span {
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 550;
    line-height: 28px; /* 175% */
    text-decoration: unset;
}

.page-footer__buttons {
    gap: 8px 0;
}

.page-footer__socials {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
}

.page-footer__socials img,
.page-footer__socials svg {
    width: auto;
    max-height: 32px;
}


.page-footer__socials:not(:first-child) {
    margin-top: 8px;
}

.page-footer__payments {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    list-style: none;
    width: 100%;
}

.page-footer__payments img {
    width: auto;
    max-height: 35px;
}

.page-footer__copyright {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    color: var(--text-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}

.page-footer__copyright > * {
    justify-content: center;
    text-align: center;
}

.dmca-badge {
    display: flex;
}

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

    .page-footer img {
        max-height: 74px;
    }

    .page-footer__row {
        flex-direction: column;
        align-items: flex-start;
    }

    .page-footer__row:not(:last-child){
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .page-footer__col {
        margin-top: 20px;
    }

    img + .page-footer__icons {
        margin-top: 20px;
    }

    .footer__nav {
        margin-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.20);
        width: 100%;
    }

    .footer__nav-list {
        columns: 1;
    }

    .footer__nav-list .menu-item:last-child {
        margin-bottom: 0;
    }

    .page-footer__payments {
        flex-direction: row;
        justify-content: center;
        gap: 20px;
    }

    .page-footer__payments img {
        max-height: 25px;
    }

    .page-footer__buttons {
        width: 100%;
    }

    .page-footer__copyright {
        align-items: center;
    }

    .page-footer__socials {
        justify-content: center;
    }
}

/* Scroll top */
.scroll-top {
    position: fixed;
    right: 35px;
    bottom: 58px;
    display: none;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 35px;
    border: none;
    background: var(--accent-color);
    box-shadow: 0px 5px 12px 0px rgba(255, 138, 20, 0.40);
    z-index: 900;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .mobile-button + .scroll-top {
        bottom: 100px;
    }
}

.scroll-top._show {
    display: flex;
}

.scroll-top:hover {
    opacity: .7;
}

@media (max-width: 767px) {
    .scroll-top {
        right: 16px;
        bottom: 70px;
        width: 40px;
        height: 40px;
    }
}

/* Mobile button */
.mobile-button {
    display: none;
    grid-template-columns: min-content 1fr min-content;
    grid-template-rows: auto auto;
    gap: 8px 12px;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px;
    border-radius: 0 30px 30px 0;
    z-index: 901;
    border-radius: 20px 20px 0px 0px;
    background: url('../images/btn-register-bg.webp') center no-repeat;
    max-width: 600px;
    margin: auto;
}

.mobile-button._app {
    padding: 12px 16px;
    background: url('../images/btn-download-bg.webp') center no-repeat;
}

.mobile-button__image {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    gap: 8px;
    grid-column: 1/2;
    grid-row: 1/-1;
}

.mobile-button:not(._app) .mobile-button__image {
    width: 40px;
    height: 40px;
}

.mobile-button:not(._app) .mobile-button__image img {
    position: absolute;
    width: 84px;
    height: 80px;
}

.mobile-button__title {
    grid-column: 2/3;
    grid-row: 1/-1;
    color: var(--title-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    text-align: center;
}

.mobile-button:has(.mobile-button__subtitle) .mobile-button__title {
    grid-row: 1/2;
}

.mobile-button__title span {
    font-weight: 700;
}

.mobile-button__subtitle {
    grid-column: 2/3;
    grid-row: 2/3;
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.229px; /* 151.429% */
    text-align: center;
}

.mobile-button__link {
    grid-column: 3/4;
    grid-row: 1/-1;
    align-self: center;
}

@media (max-width: 1024px) {
    .mobile-button {
        display: grid;
    }
}

/* App h1 */
.app-h1 {
    display: flex;
    flex-wrap: wrap;
    gap: 17px 20px;
}

.app-h1 > * {
    flex: 1 1;
    align-self: flex-start;
}

.app-h1__title {
    flex: 1 1 100%;
}

.app-h1__info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 10px;
    background: var(--header-color);
    padding: 25px;
    max-width: 410px;
}

.app-h1__table {
    margin-top: 2px;
}

.app-h1__table tbody {
    display: flex;
    flex-direction: column;
}

.app-h1__table tbody tr {
    display: flex;
    justify-content: space-between;
}

.app-h1__table tbody tr:not(:last-child) {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.app-h1__table tbody th,
.app-h1__table tbody td {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--text-color);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    text-align: right;
}

.app-h1__table tbody th {
    text-align: left;
    font-size: 14px;
}

.app-h1__content {
    display: flex;
    flex-direction: column;
}

.app-h1__content > :not(:first-child) {
    margin-top: 16px;
}

.app-h1__pros {
    display: flex;
    flex-wrap: wrap;
    gap: 0 4px;
}

.app-h1__pros:not(:first-child) {
    padding-top: 18px;
    margin-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
}

.app-h1__pros-item {
    display: flex;
    align-items: flex-start;
    gap: 0 6px;
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    flex: 1 1 calc(50% - 8px);
}

.app-h1__pros-item svg {
    min-width: 27px;
}

@media (max-width: 1024px) {
    .app-h1 {
        flex-direction: column;
    }

    .app-h1__title {
        order: 1;
    }

    .app-h1 > img {
        order: 2;
    }

    .app-h1__info {
        order: 3;
        max-width: unset;
        align-self: center;
    }

    .app-h1__content {
        order: 4;
    }

    .app-h1__pros {
        padding-bottom: 18px;
        margin-bottom: 18px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.20);
        order: -1;
    }

    .app-h1__pros:not(:first-child) {
        padding-top: 0;
        margin-top: 0;
        border-top: none;
    }
}

@media (max-width: 767px) {
    .app-h1__info {
        padding: 16px;
        width: 100%;
    }

    .app-h1__pros {
        flex-direction: column;
        gap: 16px;
    }

    .app-h1__pros-item {
        flex: 1 1 100%;
    }
}

/* Gallery */
.screenshot-gallery__list{
    display: flex;
    gap: 16px;
    list-style: none;
    padding-left: 0;
    overflow: auto;
}

.screenshot-gallery__item{
    flex: 1 1;
}

.screenshot-gallery__list img{
    min-width: 146px;
}

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

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

@media (max-width: 1024px) {
    .screenshot-gallery__list{
        gap: 10px;
    }
}


/* Tabs */
.tabs {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

.tabs__header {
    display: flex;
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.15);
    padding: 1px;
    overflow: auto;
}

.tabs__header-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1;
    gap: 0 8px;
    padding: 13px;
    border-radius: 40px;
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 550;
    line-height: 22px; /* 137.5% */
    white-space: nowrap;
    cursor: pointer;
}

.tabs__header-item._active {
    background: var(--second-color);
}

.tabs__header-item svg,
.tabs__header-item img {
    width: auto;
    min-width: 20px;
    max-height: 20px;
}

.tabs__item {
    display: none;
    flex-direction: column;
}

.tabs__item .container {
    margin-left: 0;
    margin-right: 0;
}

.tabs__item > :not(:first-child) {
    margin-top: 16px;
}

.preview-block .tabs__item {
    display: flex!important;
}

.tabs__item._active {
    display: flex;
}

.wp-block-heading + .video-v2 {
    margin-top: 1rem;
}

.video-v2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
}

.video-v2._is-centred {
    grid-template-columns: 1fr;
    gap: 0;
}

.video-v2 > :not(:first-child):not(.video-v2__container):not(.wp-block-heading) {
    margin-top: 16px;
}

.video-v2__container {
    position: relative;
    grid-row: 1/10;
    align-self: start;
    width: 100%;
    max-width: 800px
}

.video-v2._is-centred .video-v2__container {
    justify-self: center;
}

.video-v2__player {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 16/9;
    border: none;
}

.video-v2__button {
    position: absolute;
    left: 50%;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: 0;
    border: none;
    background-color: transparent;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer
}

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

@media (max-width: 1024px) {
    .video-v2 {
        grid-template-columns: 1fr;
        gap: 16px 0;
    }

    .video-v2 .wp-block-heading {
        grid-row: 1/2;
    }

    .video-v2__container {
        grid-row: 2/3;
    }

    .video-v2 > :not(:first-child):not(.video-v2__container):not(.wp-block-heading) {
        margin-top: 0;
    }
}

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