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

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

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

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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


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

:root {
    --title-color: #FFF;
    --text-color: #E4E4E4;
    --accent-color: #1B96F3;
    --second-color: #089E4E;
    --ff-primary: "Work Sans", sans-serif;
    --bg-color: #090F1E;
    --block-bg: linear-gradient(90deg, #1E283F 0%, rgba(20, 27, 46, 0.60) 100%);
    --breadcrumbs-bg: #0E1526;
    --breadcrumbs-text: #7685AD;
    --light-bg: #273148;
}

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

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

::-webkit-scrollbar-track {
    background-color: #0E1526;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    color: var(--text-color);
    font-family: var(--ff-primary);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    background: var(--bg-color);
}

.editor-styles-wrapper {
    background: var(--bg-color);
    color: var(--text-color);
}

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

h1 {
    color: var(--title-color);
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; /* 117.647% */
}

h2 {
    color: var(--title-color);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.wrapper p {
font-size: 18px;
font-weight: 400;
line-height: 24px;
text-align: left;
margin-top: 16px;
}



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

    h1 {
        font-size: 28px;
        line-height: 36px; /* 128.571% */
    }

    h2 {
        font-size: 24px;
    }
  
    .wrapper p {
		font-size: 16px;
    }
}

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

@media (max-width: 1554px) {
    .container {
        margin-left: 16px;
        margin-right: 16px;
    }
}

.wrapper a:not([class]) {
    color: #00D865
}

/* Lists */
ul.wp-block-list,
ol.wp-block-list,
ul:not([class]),
ol:not([class]) {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
    list-style: none;
}

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

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

ul.wp-block-list li:before,
ul:not([class]) li:before {
    content: url('data:image/svg+xml,<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M3.83 14.9201L2.5 16.2601C0.939109 14.6313 0.0468689 12.4756 0 10.2201H1.88C1.92981 11.9733 2.62405 13.6466 3.83 14.9201Z" fill="%232CB865"/><path d="M8.85986 17.2V19.08C6.61826 19.0232 4.4786 18.1317 2.85986 16.58L4.17986 15.25C5.44827 16.4514 7.11364 17.1453 8.85986 17.2Z" fill="%232CB865"/><path d="M15.3498 3.42004L13.9998 4.75004C12.7263 3.5441 11.053 2.84985 9.2998 2.80004V0.920044C11.5576 0.970233 13.7152 1.86181 15.3498 3.42004Z" fill="%232CB865"/><path d="M8.85982 0.920044V2.80004C7.09295 2.85851 5.41081 3.57128 4.13982 4.80004L2.81982 3.42004C4.44867 1.85915 6.60432 0.966913 8.85982 0.920044Z" fill="%232CB865"/><path d="M3.83 5.06003C2.61951 6.33862 1.92492 8.01989 1.88 9.78003H0C0.0625121 7.53965 0.953217 5.40196 2.5 3.78003L3.83 5.06003Z" fill="%232CB865"/><path d="M18.1598 9.7801H16.2798C16.2213 8.01323 15.5085 6.33109 14.2798 5.0601L15.6098 3.7301C17.1863 5.35703 18.0961 7.51555 18.1598 9.7801Z" fill="%232CB865"/><path d="M18.1601 10.2201C18.1033 12.4617 17.2118 14.6013 15.6601 16.2201L14.3301 14.9201C15.5588 13.6491 16.2716 11.9669 16.3301 10.2001L18.1601 10.2201Z" fill="%232CB865"/><path d="M15.3398 16.5801C13.7211 18.1317 11.5814 19.0233 9.33984 19.0801V17.2001C11.1067 17.1416 12.7889 16.4288 14.0598 15.2001L15.3398 16.5801Z" fill="%232CB865"/><path d="M12.9 9.69004C12.9432 9.72485 12.9774 9.7694 13 9.82004C13.0148 9.87913 13.0148 9.94096 13 10C13.014 10.0592 13.014 10.1209 13 10.18C12.9634 10.2331 12.9156 10.2775 12.86 10.31C11.4261 11.169 10.2325 12.3764 9.39 13.82C9.35986 13.8748 9.31477 13.9199 9.26 13.95C9.20562 13.9827 9.14341 13.9999 9.08 13.9999C9.01659 13.9999 8.95438 13.9827 8.9 13.95C8.84523 13.9199 8.80014 13.8748 8.77 13.82C7.90788 12.3781 6.70196 11.1722 5.26 10.31C5.20438 10.2775 5.15658 10.2331 5.12 10.18C5.10596 10.1209 5.10596 10.0592 5.12 10C5.10518 9.94096 5.10518 9.87913 5.12 9.82004C5.15371 9.76457 5.20218 9.71956 5.26 9.69004C6.70763 8.83085 7.91493 7.62011 8.77 6.17004C8.80543 6.11947 8.84942 6.07547 8.9 6.04004C8.95918 6.02601 9.02082 6.02601 9.08 6.04004C9.13908 6.02523 9.20091 6.02523 9.26 6.04004C9.31058 6.07547 9.35457 6.11947 9.39 6.17004C10.2488 7.61721 11.4553 8.82712 12.9 9.69004Z" fill="%232CB865"/></g><defs><clipPath><rect width="18.16" height="18.16" fill="white" transform="translate(0 0.920044)"/></clipPath></defs></svg>');
    position: absolute;
    top: 3px;
    left: 0;
    display: flex;
}

ol.wp-block-list,
ol:not([class]) {
    counter-reset: list-counter; /* Сбрасываем счетчик списка */
}

ol.wp-block-list li,
ol:not([class]) li {
    counter-increment: list-counter;
    position: relative;
}

ol.wp-block-list > li::before,
ol:not([class]) > li::before {
    content: counter(list-counter) ". ";
    color: #2CB865;
    font-size: 18px;
    font-style: italic;
    font-weight: 800;
    line-height: 24px; /* 133.333% */
}

/* Wrapper */
.wrapper {
    margin-top: 40px;
}

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

.wrapper > .content-button {
    margin-left: auto;
    margin-right: auto;
}

.wrapper._bg {
    padding: 30px;
    background: var(--block-bg);
    border-radius: 4px;
}

.wrapper:has(.block-button) {
    display: grid;
    grid-template-columns: 1fr auto;
}

.wrapper:has(.block-button) > * {
    grid-column: 1/-1;
}

.wrapper:has(.block-button) .wp-block-heading {
    align-self: center;
    grid-column: 1/2;
}

.wrapper:has(.block-button) .block-button {
    align-self: center;
    grid-column: 2/3;
}

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

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

    .wrapper._bg {
        padding: 16px;
    }

    .wrapper:has(.block-button) {
        display: flex;
        flex-direction: column;
        grid-template-columns: unset;
    }

    .wrapper:has(.block-button) .wp-block-heading {
        align-self: start;
    }

    .wrapper:has(.block-button) .block-button {
        margin: 20px auto 0 auto !important;
        order: 10;
    }
}

/* Buttons */
.button {
    display: flex;
    padding: 16px 34px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background-color: unset;
    border: none;
    color: var(--title-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 18px */
    cursor: pointer;
}

.button:hover {
    opacity: .7;
}

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

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

.button_copy {
    border-radius: 40px;
    background: #343F5A;
    padding: 16px 31px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
}

.button_white {
    color: #1E283F;
    background: #FFF;
}

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

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

.button.button_transparent {
    color: var(--title-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
    padding: 12px 20px;
    border-radius: 50px;
    border: 1px solid var(--title-color);
}

.button.button_apk,
.button.button_ios {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px 30px;
    color: var(--title-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.button.button_apk:before,
.button.button_ios:before {
    display: flex;
    align-items: center;
}

.button.button_apk:before {
    content: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.833984 15.5C0.958984 14.0139 1.41398 12.6458 2.19898 11.3958C2.98398 10.1458 4.02898 9.15278 5.33398 8.41667L3.79232 5.75C3.70898 5.625 3.68815 5.49306 3.72982 5.35417C3.77148 5.21528 3.86176 5.11111 4.00065 5.04167C4.11176 4.97222 4.23676 4.95833 4.37565 5C4.51454 5.04167 4.62565 5.125 4.70898 5.25L6.25065 7.91667C7.44509 7.41667 8.69509 7.16667 10.0007 7.16667C11.3062 7.16667 12.5562 7.41667 13.7506 7.91667L15.2923 5.25C15.3757 5.125 15.4868 5.04167 15.6256 5C15.7645 4.95833 15.8895 4.97222 16.0007 5.04167C16.1395 5.11111 16.2298 5.21528 16.2715 5.35417C16.3131 5.49306 16.2923 5.625 16.209 5.75L14.6673 8.41667C15.9729 9.15278 17.0179 10.1458 17.8023 11.3958C18.5868 12.6458 19.0418 14.0139 19.1673 15.5H0.833984ZM5.83398 13.2083C6.12565 13.2083 6.37232 13.1075 6.57398 12.9058C6.77565 12.7042 6.87621 12.4578 6.87565 12.1667C6.87565 11.875 6.77482 11.6283 6.57315 11.4267C6.37148 11.225 6.12509 11.1244 5.83398 11.125C5.54232 11.125 5.29565 11.2258 5.09398 11.4275C4.89232 11.6292 4.79176 11.8756 4.79232 12.1667C4.79232 12.4583 4.89315 12.705 5.09482 12.9067C5.29648 13.1083 5.54287 13.2089 5.83398 13.2083ZM14.1673 13.2083C14.459 13.2083 14.7057 13.1075 14.9073 12.9058C15.109 12.7042 15.2095 12.4578 15.209 12.1667C15.209 11.875 15.1081 11.6283 14.9065 11.4267C14.7048 11.225 14.4584 11.1244 14.1673 11.125C13.8756 11.125 13.629 11.2258 13.4273 11.4275C13.2256 11.6292 13.1251 11.8756 13.1256 12.1667C13.1256 12.4583 13.2265 12.705 13.4282 12.9067C13.6298 13.1083 13.8762 13.2089 14.1673 13.2083Z" fill="white"/></svg>');
}

.button.button_ios:before {
    content: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.2086 17.4C13.392 18.1917 12.5003 18.0667 11.642 17.6917C10.7336 17.3083 9.9003 17.2917 8.94197 17.6917C7.74197 18.2083 7.10863 18.0583 6.39197 17.4C2.3253 13.2083 2.9253 6.825 7.54197 6.59167C8.66697 6.65 9.4503 7.20833 10.1086 7.25833C11.092 7.05833 12.0336 6.48333 13.0836 6.55833C14.342 6.65833 15.292 7.15833 15.917 8.05833C13.317 9.61667 13.9336 13.0417 16.317 14C15.842 15.25 15.2253 16.4917 14.2003 17.4083L14.2086 17.4ZM10.0253 6.54167C9.9003 4.68333 11.4086 3.15 13.142 3C13.3836 5.15 11.192 6.75 10.0253 6.54167Z" fill="white"/></svg>');
}


@media (max-width: 767px) {
    .button {
        padding: 14px 28px;
        font-size: 16px;
    }

    .button_copy {
        padding: 16px 25px;
    }

    .button_text {
        padding: 0;
    }

    .button.button_apk,
    .button.button_ios {
        padding: 8px 22px;
    }
}

/* Content button */
.content-button {
    margin-right: auto;
}

@media (max-width: 767px) {
    .content-button {
        margin-left: auto;
    }
}

/* Header */
.header {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    background: var(--block-bg);
}

.header__container {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

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

.header__logo img {
    max-height: 55px;
}

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

.header__nav-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 20px;
    list-style: none;
}

.header__nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 6px;
    background: var(--light-bg);
    color: #F4F4F4;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 16px */
    white-space: nowrap;
    text-decoration: unset;
}

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

.header__nav-item--has-children {
    position: relative;
}

.header__nav-sublist {
    display: none;
    flex-direction: column;
    /*align-items: center;*/
    position: absolute;
    left: 0;
    /*right: 0;*/
    /*margin: auto;*/
    top: calc(100% + 10px);
    list-style: none;
    border-radius: 6px;
    background: var(--light-bg);
    width: fit-content;
    z-index: 10;
}

.header__nav-sublist:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
}

@media (min-width: 1301px) {
    .header__nav-item--has-children:hover .header__nav-sublist {
        display: flex;
    }
}

.header__buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header__burger {
    display: none;
    justify-content: center;
    align-items: center;
    background: unset;
    border: none;
    cursor: pointer;
}

@media (max-width: 1300px) {
    .header__container {
        flex-wrap: wrap;
    }

    .header__burger {
        display: flex;
    }

    .header._active .header__burger svg rect:nth-child(1) {
        transform: translate(-6px, 6px) rotate(45deg);
        transform-origin: center;
    }

    .header._active .header__burger svg rect:nth-child(2) {
        display: none;
    }

    .header._active .header__burger svg rect:nth-child(3) {
        transform: translate(-6px, -6px) rotate(-45deg);
        transform-origin: center;
    }


    .header__nav {
        display: none;
        flex: 1 1 100%;
        order: 20;
    }

    .header._active .header__nav {
        display: flex;
    }

    .header__nav-list {
        flex-direction: column;
        gap: 1px 20px;
        width: 100%;
        border-radius: 6px;
        overflow: hidden;
    }

    .header__nav-item {
        width: 100%;
    }

    .header__nav-link {
        padding: 0 0 0 16px;
        height: 44px;
        border-radius: none;
    }

    .header__nav-item--has-children .header__nav-link .icon-arrow {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 16px;
        height: 100%;
        flex: 1 1;
    }

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

    .header__nav-link._active + .header__nav-sublist {
        position: relative;
        display: flex;
        top: unset;
        bottom: unset;
        left: unset;
        right: unset;
        width: 100%;
        margin-top: 1px;
    }

    .header__nav-link._active + .header__nav-sublist::before {
        content: unset;
    }

    .header__nav-link._active + .header__nav-sublist .header__nav-link {
        padding: 0 0 0 32px;
    }
}

@media (max-width: 767px) {
    .header__logo img {
        max-height: 33px;
    }

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

    .header__button {
        flex: 1 0 auto;
    }
}

/* Breadcrumbs */
.breadcrumbs {
    padding: 13px 0;
    background: var(--breadcrumbs-bg);
}

.breadcrumbs__list {
    display: flex;
    align-items: center;
    gap: 10px 0;
    flex-wrap: wrap;
}

.breadcrumbs__list {
    list-style: none;
}

.breadcrumbs__list-item {
    display: flex;
    align-items: center;
    gap: 14px;
}

.breadcrumbs__list-item:not(:first-child):before {
    content: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3.06758C0 2.9019 0.134315 2.76758 0.3 2.76758H7.52609C7.69177 2.76758 7.82609 2.9019 7.82609 3.06758V7.16323C7.82609 7.32892 7.69177 7.46323 7.52609 7.46323H0.300001C0.134315 7.46323 0 7.32892 0 7.16323V3.06758Z" fill="%2333A2F6"/><path d="M11.7648 4.89601C11.8919 5.01463 11.8919 5.21618 11.7648 5.3348L7.41766 9.38909C7.22586 9.56797 6.91304 9.43196 6.91304 9.1697L6.91304 1.06111C6.91304 0.79885 7.22586 0.662844 7.41766 0.841719L11.7648 4.89601Z" fill="%2333A2F6"/></svg>');
    display: flex;
    align-items: center;
    margin-left: 14px;
}

.breadcrumbs__list_item svg {
    color: var(--accent-color);
    margin-left: 14px;
}

.breadcrumbs__list-link {
    display: flex;
    align-items: center;
    color: var(--breadcrumbs-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    text-decoration: unset;
}

.breadcrumbs__list-link:not(.breadcrumbs__list-link--no-active):hover {
    color: var(--accent-color);
}

.breadcrumbs__list-link--no-active {
    color: var(--accent-color);
}

/* H1 block */
.h1-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px;
    border-radius: 4px;
    padding: 20px 30px 30px 30px;
    background: var(--block-bg);
}

.h1-block__title {
    margin-bottom: 16px;
    grid-column: 1/-1;
}

.h1-block__image {
    width: 100%;
    min-height: 231px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 35px;
    grid-column: 1/-1;
}

.h1-block .h1-block__image img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}

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

@media (max-width: 1200px) {
    .h1-block {
        grid-template-columns: 1fr;
    }

    .h1-block__image {
        margin-bottom: 0;
    }

    .h1-block__promo {
        margin-top: 16px;
    }

    .h1-block__content {
        margin-top: 16px;
        order: 20;
    }
}

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

    .h1-block__title {
        margin-bottom: 0;
        order: 1;
    }

    .h1-block__promo {
        order: 5;
    }

    .h1-block__image {
        margin-top: 16px;
        order: 10;
    }
}

/* H1 app block */
.h1-app-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr;
    gap: 16px 30px;
    border-radius: 4px;
    padding: 20px 30px 30px 30px;
}

.h1-app-block__title {
    text-align: left;
}

.h1-app-block__image {
    position: relative;
    grid-column: 2/3;
    grid-row: 1/3;
    margin-bottom: -30px;
}

.h1-app-block__image img {
    position: absolute;
}

.h1-app-block__content {
    grid-column: 1/2;
    grid-row: 2/3;
}

.h1-app-block__info {
    grid-column: 1/2;
    grid-row: 3/4;
    align-self: center;
}

.h1-app-block__promo {
    max-width: 593px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    grid-column: 2/3;
    grid-row: -2/-1;
}

@media (max-width: 1200px) {
    .h1-app-block {
        padding: 0;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .h1-app-block__title {
        grid-row: 1/2;
    }

    .h1-app-block__image {
        display: flex;
        grid-column: 1/2;
        grid-row: 2/3;
    }

    .h1-app-block__image img {
        position: relative;
    }

    .h1-app-block__info {
        grid-row: 3/4;
        z-index: 20;
    }

    .h1-app-block__promo {
        grid-column: 1/2;
        grid-row: 4/5;
    }

    .h1-app-block__content {
        grid-row: 5/6;
    }

    .h1-app-block__title,
    .h1-app-block__info,
    .h1-app-block__promo {
        margin-bottom: 16px;
    }
}

/* App info */
.app-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 16px;
    8px;
    padding: 20px 16px 16px 16px;
    border-radius: 10px;
    background: #273148;
}

.app-info__title {
    text-align: center;
    grid-column: 1/-1;
    color: var(--title-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px; /* 95% */
}

.app-info__buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.app-info__button {
    padding: 12px 20px !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
}

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

.app-info__table tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.app-info__table th {
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.app-info__table td {
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 112.5% */
    text-transform: uppercase;
}

.app-info__raring {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column: 1/-1;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    padding-top: 16px;
}

.app-info__raring > * {
    display: flex;
    align-items: center;
    color: var(--title-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 112.5% */
    text-transform: uppercase;
}

.app-info__raring svg {
    margin-right: 4px;
}

.wp-block-table {
  	margin-top: 30px;
}

@media (max-width: 767px) {
    .app-info {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .app-info__raring {
        padding-top: 12px;
    }
  
  	.h1-app-block__image {
      margin-bottom: 16px;
  	}
  
  	.wp-block-table {
  		margin-top: 26px;
	}
}

/* Promo block */
.promo {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
    gap: 20px 14px;
    border-radius: 10px;
    padding: 26px;
    z-index: 2;
}

.promo:before {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border-radius: 10px;
    background: linear-gradient(#4BB2FF, #29B664, #29B663);
    z-index: 1;
}

.promo:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    background: #161e31;
    z-index: 2;
}

.promo > * {
    z-index: 3;
}

.promo__title {
    color: #FFF;
    font-family: "Work Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 28px */
    text-align: center;
    text-transform: uppercase;
    grid-column: 1/2;
    grid-row: 1/2;
}

.promo__title span {
    display: flex;
    justify-content: center;
    font-size: 98px;
    font-weight: 700;
    line-height: 100%;
    background: -webkit-linear-gradient(#00FC68, #0CF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.promo__code-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border-radius: 35px;
    border: 1px solid #3B4766;
    background: rgba(217, 217, 217, 0.01);
    padding: 4px 4px 4px 24px;
    backdrop-filter: blur(4px);
    grid-column: 1/2;
    grid-row: 2/3;
}

.promo:not(:has(.promo__button)) .promo__code-wrap {
    grid-column: 1/-1;
}

.promo__code {
    display: flex;
    color: #00D865;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 20px */
}

.promo__title {
    flex: 1 1;
}

.promo__buttons {
    position: relative;
    align-self: flex-end;
    grid-column: 2/3;
    grid-row: 1/-1;
}

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

.promo__buttons img {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    margin: auto;
    z-index: 1;
    max-width: 100%;
}

.promo__button {
    width: 100%;
    min-height: 54px;
}

@media (max-width: 767px) {
    .promo {
        padding: 20px;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .promo__buttons img {
        display: none;
    }

    .promo__buttons {
        grid-column: 1/2;
        grid-row: unset;
    }

    .promo:not(:has(.promo__button)) .promo__buttons {
        display: none;
    }

    .promo__title {
        font-size: 20px;
    }

    .promo__title span {
        font-size: 64px;
    }

    .promo__button {
        min-height: unset;
        padding: 16px;
    }
}

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

.links__btn {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr auto;
    gap: 4px 10px;
    padding: 14px 20px 14px 30px;
    border-radius: 40px;
    width: 100%;
    background: linear-gradient(90deg, #1E283F 0%, rgba(30, 40, 63, 0.30) 100%);
    border: none;
    text-decoration: unset;
    cursor: pointer;
  
  color: var(--title-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 111.111% */
  
}

.links__btn strong {
   color: rgba(255, 255, 255, 0.60);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    gap: 6px;
}


.links__btn:hover {
    opacity: .7;
}

.links__btn strong: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 9.11548L5 5.11548L1 1.11548" stroke="white" stroke-opacity="0.6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: flex;
    align-items: center;
}

.links__btn img,
.links__btn svg {
    width: auto;
    max-height: 43px;
    grid-column: 2/3;
    grid-row: 1/-1;
}

@media (max-width: 767px) {
    .links__btn {
        padding: 12px 20px 12px 30px;
    }
}

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

.categories__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
    border-radius: 10px;
    background: #273148;
    padding: 20px;
    color: var(--title-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}

.categories img,
.categories svg {
    width: auto;
    max-height: 57px;
}

@media (max-width: 767px) {

}

/* TOC */
.toc {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background: var(--block-bg);
    padding: 30px;
}

.toc__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--title-color);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 66.667% */
    user-select: none;
    cursor: pointer;
}

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

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

.toc__list {
    display: none;
    flex-wrap: wrap;
    gap: 17px;
    list-style: none;
    padding-top: 22px;
    margin-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.40);
}

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

.toc__link {
    display: flex;
    align-items: center;
    gap: 0 10px;
    color: var(--title-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 111.111% */
    padding: 8px 14px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    text-decoration: unset;
}

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

.toc__link:after {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 7.50012C3.72386 7.50012 3.5 7.72398 3.5 8.00012C3.5 8.27626 3.72386 8.50012 4 8.50012V7.50012ZM11.9896 10.6968L15.6464 14.3537L16.3536 13.6466L12.6967 9.98971L11.9896 10.6968ZM6.68629 7.50012H4V8.50012H6.68629V7.50012ZM12.6967 9.98971C11.1026 8.39566 8.94063 7.50012 6.68629 7.50012V8.50012C8.67542 8.50012 10.5831 9.2903 11.9896 10.6968L12.6967 9.98971Z" fill="white"/><path d="M10.5 14.0001H16V8.38452" stroke="white" stroke-linecap="round"/></svg>');
    display: flex;
    align-items: center;
}

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

    .toc__list {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px 0;
        padding-top: 18px;
        margin-top: 18px;
    }

    .toc__link {
        font-size: 16px;
    }
}

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

.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.reversed > img {
    grid-column: 1/2;
}

.text-image:has(.wp-block-table) > .wp-block-table {
    grid-column: 2/3;
    grid-row: 1/10;
    margin-top: 0;
}

.text-image:has(.wp-block-table) > :not(.wp-block-table) {
    grid-column: 1/2;
    grid-row: unset;
}

.text-image:has(.wp-block-table) > img {
    margin-top: 30px;
    order: 10;
}

@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 {
        grid-row: 2/3;
        grid-column: 1/2;
    }

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

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

    .text-image:has(.wp-block-table) > .wp-block-table {
        grid-column: 1/2;
        grid-row: unset;
        order: 20;
    }

    .text-image:has(.wp-block-table) > img {
        margin-top: 0;
    }
}


/* About block */
.about {
    border: unset;
    width: 100%;
}

.about tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
}

.about tr {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 1;
    border-radius: 10px;
    background: #273148;
    padding: 16px;
}

.about tr:nth-child(1) {
    flex: 1 0 32%;
}

.about tr:nth-child(2) {
    flex: 1 1 66%;
}

.about tr:nth-child(3) {
    flex: 1 1 31%;
}

.about tr:nth-child(4) {
    flex: 1 0 24%;
}

.about tr:nth-child(5) {
    flex: 1 0 15%;
}

.about tr:nth-child(6) {
    flex: 1 0 25%;
}


.about th {
    color: var(--title-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 111.111% */
    text-align: left;
}

.about span {
    color: var(--accent-color);
}

.about__list {
    list-style: none;
}

.about__list li,
tr.s2 .about__additional-text {
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 125% */
}

tr.s3 .about__list-item {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

tr.s2 .about__additional-text {
    line-height: 20px; /* 125% */
}

.about__list li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.about tr.s3 .about__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.about tr.s3 .about__list .about__list-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    padding: 6px 8px;
    color: var(--text-color)
}

tr.s3 .about__list li:not(:last-child) {
    margin-bottom: 0;
}

.about tr.s3 .about__list li svg,
.about tr.s3 .about__list li img {
    width: auto;
    max-height: 18px;
}

tr.s2 .about__payments-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
}

tr.s2 .about__payments-list li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid rgba(2, 176, 203, 0.50);
    padding: 6px;
    min-width: 46px;
}

tr.s2 .about__payments-list li img {
    width: auto;
    max-height: 17px;
}

tr.s2 .about__additional-text {
    border-top: 1px solid;
    border-image: linear-gradient(90deg, var(--accent-color) 0%, rgba(2, 176, 203, 0.30) 100%);
    border-image-slice: 1;
    padding-top: 16px;
    margin-top: 16px;
}

@media (max-width: 1024px) {
    .about tr:nth-child(n) {
        flex: 1 1 auto;
    }

    .about th {
        font-size: 16px;
    }

    .about__list li, tr.s2 .about__additional-text {
        font-size: 14px;
    }
}

/* Slots */
.slots-description {
    margin-bottom: 1rem;
}

.slots {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 18px;
    list-style: none;
    padding-left: 0;
    margin-top: 0;
}

.slots._crash {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.slots__item {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background: #273148;
    overflow: hidden;
}

.slots._crash .slots__item {
    border: none;
}

.slots__content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 148px;
}

.slots._crash .slots__content {
    height: 350px;
}

.slots__content > img {
    position: absolute;
    object-fit: cover;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    z-index: 1;
}

.slots._crash .slots__content > img {
    border-radius: 10px;
}

.slots__buttons {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.70);
    z-index: 2;
}

.slots._crash .slots__buttons {
    display: flex;
    border-radius: 10px;
    background: rgba(39, 49, 72, 0.90);
    padding: 25px;
}

.slots__buttons img,
.slots__buttons svg {
    width: auto;
    max-height: 52px;
    margin-bottom: 30px;
}

.slots__button {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
    min-width: 105px;
    padding: 12px 20px;
}

.slots._crash .slots__button {
    font-size: 18px;
    padding: 16px 50px;
}

.slots._crash img {
    order: 1;
}

.slots._crash .slots__button:not(.slots__demo) {
    order: 2;
}

.slots._crash .slots__demo {
    order: 3;
}

.slots__name {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    text-align: center;
    padding: 10px 5px;
    margin-top: 0;
}

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

@media (max-width: 767px) {
    .slots__item._active .slots__buttons {
        display: flex;
    }

    .slots {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .slots__content {
        height: 140px;
    }

    .slots._crash .slots__content {
        max-height: 234px;
    }

    .slots._crash .slots__button {
        font-size: 16px;
    }
}

/* Popup */
.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;
}

.popup._active {
    display: flex;
}

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

.popup__title img {
    width: auto;
    max-height: 32px;
}

.popup__buttons {
    display: flex;
    justify-content: flex-start;
}

.popup__buttons .slots__button {
    align-self: center;
    width: unset;
}

.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: #1e283f;
    padding: 8px 12px 0 12px;
}

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

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

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

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

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

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

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

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

/* How to */
.how-to__title {
    text-align: center;
    margin-bottom: 16px;
}

.how-to__title + p,
.how-to__subtitle {
    text-align: center;
    margin-bottom: 16px;
}

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

.how-to__item {
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    border: 1px solid;
    border-image: linear-gradient(#4BB2FF, #29B664, #29B663);
    border-image-slice: 1;
    border-radius: 4px;
    overflow: hidden;
}

.how-to__counter {
    display: flex;
    align-items: center;
    background: linear-gradient(180deg, #1E283F 0%, rgba(30, 40, 63, 0.44) 100%);
    padding: 22px;
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.how-to__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    margin-left: 30px;
}

@media (max-width: 1024px) {
    .how-to__list {
        gap: 20px;
    }

    .how-to__item {
        grid-template-columns: auto 1fr;
        grid-template-rows: auto 1fr;
        gap: 12px 10px;
        align-items: center;
    }

    .how-to__counter {
        height: 100%;
        padding: 14px;
        font-size: 18px;
    }

    .how-to__item img {
        grid-column: 1/-1;
        grid-row: 2/3;
    }

    .how-to__content {
        display: contents;
        margin-left: 0;
    }

    .how-to__content > p {
        margin: 8px 8px 8px 0;
    }

    .how-to__button {
        grid-column: 1/-1;
        justify-self: center;
        margin: 4px auto 16px auto;
    }
}

/* Bonuses */
.bonuses {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    list-style: none;
    overflow: auto;
}

.bonuses__item {
    position: relative;
    display: flex;
    align-items: flex-end;
    border-radius: 10px;
    background: linear-gradient(90deg, #FDBB4E 0%, #F56719 100%);
    min-width: 200px;
    height: 278px;
    padding: 20px;
    overflow: hidden;
}

.bonuses__item img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.bonuses__button {
    color: var(--title-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    background: unset;
    border: none;
    z-index: 2;
    cursor: pointer;
}

.bonuses__button:after {
    content: url('data:image/svg+xml,<svg width="22" height="12" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5.36523C0.585786 5.36523 0.25 5.70102 0.25 6.11523C0.25 6.52945 0.585786 6.86523 1 6.86523V5.36523ZM21.5303 6.64556C21.8232 6.35267 21.8232 5.8778 21.5303 5.5849L16.7574 0.811934C16.4645 0.51904 15.9896 0.51904 15.6967 0.811934C15.4038 1.10483 15.4038 1.5797 15.6967 1.87259L19.9393 6.11523L15.6967 10.3579C15.4038 10.6508 15.4038 11.1256 15.6967 11.4185C15.9896 11.7114 16.4645 11.7114 16.7574 11.4185L21.5303 6.64556ZM1 6.86523H21V5.36523H1V6.86523Z" fill="white"/></svg>');
    margin-left: 7px;
}

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

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

.faq {
    padding: 30px;
    background: var(--block-bg);
    border-radius: 4px;
}

.faq__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

.faq__item {
    border-radius: 4px;
    border: 1px solid;
    border-image: linear-gradient(90deg, var(--accent-color) 0%, rgba(2, 176, 203, 0.30) 100%);
    border-image-slice: 1;
    user-select: none;
    padding: 20px 30px;
    overflow: hidden;
}

.faq__question {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

.faq__question:after {
    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"><rect x="0.5" y="-0.5" width="35" height="35" rx="17.5" transform="matrix(1 0 0 -1 0 35)" stroke="white" stroke-opacity="0.3"/><path d="M12 20L18 14L24 20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: flex;
    align-items: center;
    transform: rotate(180deg);
}

.faq__question > h3 {
    color: var(--title-color);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

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

.faq__answer {
    margin-top: 10px;
}

.faq__answer > * {
    color: var(--text-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


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

    .faq__item {
        padding: 16px;
    }

    .faq__question {
        font-size: 18px;
    }

    .faq__answer {
        font-size: 16px;
    }
  
  .faq__question > h3 {
    font-size: 18px;
  }
}

/* Footer */
.footer {
    padding-top: 40px;
    padding-bottom: 40px;
}

.footer__row {

}

.footer__row:not(:last-child) {
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px solid #2E3340;
}

.footer__row_logo {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.footer__row_logo img {
    width: auto;
    max-height: 56px;
}

.footer__row_nav {
    display: flex;
}

.footer__title {
    color: var(--title-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.footer__navigations {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 22px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #2E3340;
    flex: 9 1;
}

.footer__nav {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.footer__nav-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    list-style: none;
}

.footer__nav-list-item {
    display: flex;
}

.footer__nav-list-item > a,
.footer__nav-list-item > span {
    color: #DADADA;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-decoration: unset;
}

.footer__nav-list-item > a:hover,
.footer__nav-list-item > span {
    color: #FFF;
}

.footer__row_copyright {
    width: 100%;
    text-align: center;
    color: var(--title-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.footer__information {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    align-items: start;
    flex: 10 1;
}

.footer__information .footer__title {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 146.667% */
}

.footer__information_buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 10px;
}

.footer__information_buttons .footer__title {
    grid-column: 1/-1;
}

.footer__information_socials {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-left: 24px;
    margin-left: 24px;
    border-left: 1px solid #2E3340;
    height: 100%;
}

.socials {
    display: flex;
    flex-wrap: wrap;
    gap: 21px;
    list-style: none;
}

.socials img,
.socials svg {
    width: auto;
    max-height: 28px;
}

.footer__information_payments {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #2E3340;
    grid-column: 1/-1;
}

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

.payments img,
.payments svg {
    width: auto;
    max-height: 18px;
}

.dmca-badge {
    display: flex;
}

@media (max-width: 1200px) {
    .footer__row_nav {
        flex-direction: column;
    }

    .footer__navigations {
        padding-right: 0;
        margin-right: 0;
        border-right: none;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #2E3340;
    }
}

@media (max-width: 767px) {
    .footer__row_logo img {
        max-height: 38px;
    }

    .footer__information {
        grid-template-columns: 1fr;
        grid-template-rows: unset;
    }

    .footer__information_buttons {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #2E3340;
    }

    .footer__information_socials {
        padding-left: 0;
        margin-left: 0;
        border-left: none;
    }
}

@media (max-width: 600px) {
    .footer__navigations {
        flex-direction: column;
    }
}

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

.advantages__item {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid #454853;
    padding: 14px 16px;
    overflow: hidden;
}

.advantages__item img {
    margin: -14px -16px 14px -16px;
    min-width: calc(100% + 32px);
    height: auto;
    max-height: 165px;
    object-fit: cover;
    object-position: center;
}

.advantages__title {
    color: var(--title-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #454853;
}

.advantages__item > :not(.advantages__title) {
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
  	margin-top: 0;
}

/* Gallery */
.screenshot-gallery__title {
    text-align: center;
    margin-bottom: 16px;
}

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

.screenshot-gallery__item {
    flex: 1 1;
}

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

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

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

/* Tables */
.wp-block-table {
    background-color: #232C42;
    border-radius: 10px;
    overflow: auto;
}

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

.wp-block-table table tr:nth-child(2n+1) {
    background-color: #29344F;
}

.wp-block-table td,
.wp-block-table th {
    color: #E4E4E4;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 200% */
    padding: 8px 16px;
}

.wp-block-table th {
    color: var(--title-color);
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    background-color: #1B96F3;
  	min-width: 200px;
}

.wp-block-table th:not(:first-child) {
  min-width: 300px;
}

.wp-block-table td:first-child {
    color: var(--title-color);
    font-size: 16px;
    font-weight: 500;
}

.wp-block-table td > :not(:last-child) {
    margin-top: 1rem;
}

.wp-block-table .has-fixed-layout {
    table-layout: fixed;
    width: 100%
}

@media (max-width: 767px) {
    .wp-block-table .has-fixed-layout {
        table-layout: auto
    }
}

/* Mobile button */
.mobile-button {
    display: none;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: 1fr auto;
    gap: 0 14px;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 16px 0 3px;
    border-radius: 16px 16px 0px 0px;
    background: linear-gradient(90deg, #4052F3 0%, #1B96F3 100%);
    max-width: 600px;
    margin: auto;
    z-index: 900;
}

.mobile-button._app-style {
    gap: 4px 5px;
    padding: 0 16px 0 0;
    background: linear-gradient(90deg, #089E4E 0%, #00C643 100%);
}

.mobile-button .get-image {
    position: relative;
    width: 66px;
    height: auto;
    grid-row: 1/3;
}

.mobile-button._app-style .get-image {
    width: 84px;
}

.mobile-button img {
    position: absolute;
    left: 0;
    bottom: 0;
    min-width: 100%;
    object-fit: cover;
}

.mobile-button__title {
    color: var(--title-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    margin-top: 7px;
}

.mobile-button._app-style .mobile-button__title {
    font-family: Roboto;
    color: #EDEDED;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.229px; /* 130.966% */
    margin-top: 13px;
}

.mobile-button__subtitle {
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 30px */
    background: linear-gradient(90deg, #FFDD2C 0%, #FFC700 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 7px;
}

.mobile-button._app-style .mobile-button__subtitle {
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 180% */
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    margin-bottom: 13px;
}

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

.mobile-button._app-style .mobile-button__btn {
    margin-left: 4px;
}


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

.game {
    position: relative;
    width: 100%;
    height: 548px;
    overflow: hidden
}

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

.game .game__content, .game .game__preview, .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 .get-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

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

.game .game__preview img {
    object-fit: cover;
    max-width: 100%;
    max-height: 100%
}

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

.game__btn {
    border: 1px solid;
    border-radius: 50px;
    padding: 15px 2rem;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-white);
    cursor: pointer;
    outline: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    white-space: nowrap;
    text-decoration: none;
    border: none
}

.game__btn.game-demo-btn {
    border-color: var(--color-bg-second-button);
    background-color: var(--color-bg-second-button)
}

.game__btn:hover {
    opacity: .7
}

.game-popup {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 900
}

.game-popup._active {
    display: flex
}

.game-popup__window {
    display: flex;
    flex-direction: column;
    width: 1243px;
    border-radius: 5px;
    overflow: hidden
}

.game-popup__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background: #1e283f;
    height: 60px;
    padding: 8px 20px
}

.game-popup__body iframe, .game-popup__buttons {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.game-popup__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 8px 20px
}

.game-popup__buttons .game__btn {
    height: 100%;
    padding: 10px 24px
}

.game-popup__cross {
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 901
}

.game-popup__body {
    position: relative;
    width: 100%;
    height: 548px;
    background-color: #000
}

.game-popup__body iframe {
    margin: auto;
    height: 100%;
    border: none
}

.game-popup__title {
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 0;
    margin-top: 0
}

@media (max-width: 767px) {
    .game {
        height: 520px
    }
}

/* Block lib */
.has-white-color {
    color: #fff
}

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

.wp-block-columns {
    display: flex;
    gap: 30px
}

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

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

/* Video */
.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;
    -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
}

/* Scroll top */
.footer__scroll-top {
    position: fixed;
    left: unset;
    transform: unset;
    top: unset;
    display: flex;
    right: 15px;
    bottom: 15px;
    z-index: 901;
}

.scroll-top__button {
    background-color: var(--accent-color);
    border: 1px solid var(--accent-color);
    border-radius: 5px;
    padding: 10px;
    transition: 0.2s;
    cursor: pointer;
}

.scroll-top__button svg {
    fill: white;
    transition: 0.2s;
}

.scroll-top__button:hover {
    background-color: transparent;
}

.scroll-top__button:hover svg {
    fill: var(--accent-color);
}

.video-v2__preview {
  position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.video-v2__preview.hide {
 display: none; 
}

.video-v2__preview .get-image,
.video-v2__preview img {
      height: 100%;
    object-fit: cover;
    border-radius: 10px;
}