:root {
    --color-txt-dark: #0E0E0E;
    --color-txt-white: #ffffff;
    --color-primary: #2D7CF2;
    --body-bg-color: #F5F5F5;
    --color-menu: #0E0E0E;
    --bg-header: #ffffff;
    --bg-footer: #0E0E0E;
    --bg-footer-bar: #ffffff;
    --btn-color-android: #ffffff;
    --btn-bg-android: #0E0E0E;
    --btn-svg-android: #7CB342;
    --btn-color-ios: #ffffff;
    --btn-bg-ios: #2D7CF2;
    --btn-svg-ios: #ffffff;
    --btn-color-register: #ffffff;
    --bg-color-register: #2D7CF2;
    --btn-color-download: #2D7CF2;
    --bg-color-download: #EDF2FA;
    --border: #E9EEF4;
    --btn-color-banner: #2D7CF2;
    --bg-color-banner: #ffffff;
    --content-block-bg: #ffffff;
    --border-radius: 32px
}

li, ol, ul {
    padding: 0;
    list-style: none
}

p, ol, ul {
    font-size: var(--normal-font-size);
    margin-bottom: 16px;
    line-height: 28px;
    text-align: start;
}

h1, h2, h3 {
    text-align: center;
}

.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
    font-family: Heebo, sans-serif;
    text-transform: none;
    line-height: 1.42;
    font-weight: 700;
    margin-bottom: 24px;
    margin-top: 0
}

.h1, h1 {
    font-size: 32px
}

.h2, h2 {
    font-size: 24px
}

@media (max-width: 1024px) {
    .h1, h1 {
        font-size: 24px
    }

    .h2, h2 {
        font-size: 20px
    }
}

.h3, h3 {
    font-size: 20px
}

.h4, h4 {
    font-size: 18px
}

@media (max-width: 1024px) {
    .h3, h3 {
        font-size: 18px
    }

    .h4, h4 {
        font-size: 16px
    }
}

.h5, h5 {
    font-size: 16px
}

a {
    text-decoration: none;
    outline: 0;
    color: var(--link_color)
}

img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

picture img {
    border-radius: 14px;
    margin: 20px auto;
}

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

button, button:active, button:focus {
    border: none;
    color: var(--color-txt-light)
}

button {
    cursor: pointer
}

table, th, td {
    border: 1px solid;
    padding: 5px;
    margin: 5px;
}

.wp-block-table {
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .05);
    margin-bottom: 20px;
    border-radius: 12px;
    border: 1px solid var(--border)
}

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

.wp-block-table thead tr th {
    padding: 16px 24px;
    color: var(--table-header);
    background-color: var(--table-text);
    border: none
}

.wp-block-table tbody tr {
    background-color: var(--table-odd)
}

.wp-block-table tbody tr:nth-child(2n) {
    background-color: var(--table-even)
}

.wp-block-table tbody tr td {
    padding: 16px 24px;
    border: none;
    color: var(--table-text)
}

@media (max-width: 1024px) {
    .h5, h5 {
        font-size: 14px
    }

    .wp-block-table {
        margin-bottom: 32px
    }

    .wp-block-table tbody tr td {
        font-size: 14px
    }
}

.wp-block-table tbody tr td:nth-of-type(2) {
    font-weight: 700
}

main ol {
    padding-left: 0;
    counter-reset: line
}

main ol ::marker {
    font-size: 1rem;
    background-color: red;
    display: inline-block;
    background: var(--color-primary)
}

main ol > li {
    margin-top: 1rem;
    margin-left: 2rem;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 1rem
}

main ol > li ul {
    margin-top: 1rem
}

main ol > li:before {
    color: var(--ft_text_color);
    background: var(--color-primary);
    text-align: center;
    line-height: 1;
    width: 2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2rem;
    border-radius: 10px;
    position: absolute;
    left: -1.7rem;
    top: -5px;
    z-index: -1;
    counter-increment: line;
    content: counter(line);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

main ul > li:before {
    content: " ";
    color: var(--ft_text_color);
    background: var(--color-primary);
    width: 1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 1rem;
    margin-right: 20px;
    border-radius: 50%
}

.row {
    display: -webkit-box;
    display: -webkit-inline-box;
    display: inline-flex;
    display: -ms-flex;
    display: -ms-inline-flexbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px
}

.flex {
    display: -webkit-box;
    display: -webkit-inline-box;
    display: inline-flex;
    display: -ms-flex;
    display: -ms-inline-flexbox;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.valign-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-align-items: center;
    align-items: center
}

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

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

[class*=col-] {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px
}

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

.col-1 {
    -ms-flex: 0 0 8.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -ms-flex: 0 0 41.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -ms-flex: 0 0 66.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -ms-flex: 0 0 91.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 300px) {
    .col-ss-0 {
        display: none
    }

    .col-ss-1 {
        -ms-flex: 0 0 8.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-ss-2 {
        -ms-flex: 0 0 16.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-ss-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-ss-4 {
        -ms-flex: 0 0 33.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-ss-5 {
        -ms-flex: 0 0 41.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-ss-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-ss-7 {
        -ms-flex: 0 0 58.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-ss-8 {
        -ms-flex: 0 0 66.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-ss-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-ss-10 {
        -ms-flex: 0 0 83.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-ss-11 {
        -ms-flex: 0 0 91.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-ss-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 400px) {
    .col-us-0 {
        display: none
    }

    .col-us-1 {
        -ms-flex: 0 0 8.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-us-2 {
        -ms-flex: 0 0 16.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-us-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-us-4 {
        -ms-flex: 0 0 33.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-us-5 {
        -ms-flex: 0 0 41.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-us-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-us-7 {
        -ms-flex: 0 0 58.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-us-8 {
        -ms-flex: 0 0 66.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-us-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-us-10 {
        -ms-flex: 0 0 83.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-us-11 {
        -ms-flex: 0 0 91.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-us-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 576px) {
    .col-xs-1 {
        -ms-flex: 0 0 8.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xs-2 {
        -ms-flex: 0 0 16.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xs-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xs-4 {
        -ms-flex: 0 0 33.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xs-5 {
        -ms-flex: 0 0 41.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xs-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xs-7 {
        -ms-flex: 0 0 58.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xs-8 {
        -ms-flex: 0 0 66.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xs-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xs-10 {
        -ms-flex: 0 0 83.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xs-11 {
        -ms-flex: 0 0 91.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xs-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .col-sm-1 {
        -ms-flex: 0 0 8.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1024px) {
    .col-md-1 {
        -ms-flex: 0 0 8.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1170px) {
    .col-lg-1 {
        -ms-flex: 0 0 8.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1330px) {
    .col-l-1 {
        -ms-flex: 0 0 8.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-l-2 {
        -ms-flex: 0 0 16.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-l-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-l-4 {
        -ms-flex: 0 0 33.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-l-5 {
        -ms-flex: 0 0 41.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-l-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-l-7 {
        -ms-flex: 0 0 58.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-l-8 {
        -ms-flex: 0 0 66.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-l-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-l-10 {
        -ms-flex: 0 0 83.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-l-11 {
        -ms-flex: 0 0 91.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-l-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.ui-btn {
    display: inline-block;
    padding: 16px 24px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    border-radius: var(--border-radius);
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer
}

@media (max-width: 1024px) {
    .ui-btn {
        padding: 12px 16px !important;
        font-size: 14px !important
    }

    .ui-btn__name {
        font-size: 14px
    }
}

.ui-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.ui-btn__register {
    color: var(--btn-color-register);
    background-color: var(--bg-color-register)
}

.ui-btn__download {
    color: var(--btn-color-download);
    background-color: var(--bg-color-download)
}

.ui-btn__android {
    color: var(--btn-color-android);
    background-color: var(--btn-bg-android)
}

.ui-btn__android .ui-btn__subtitle {
    color: var(--btn-color-android);
    opacity: .5
}

.ui-btn__android .ui-icon {
    fill: var(--btn-svg-android)
}

.ui-btn__ios {
    color: var(--btn-color-ios);
    background-color: var(--btn-bg-ios)
}

.ui-btn__ios .ui-btn__subtitle {
    color: var(--btn-color-ios);
    opacity: .5
}

.ui-btn__ios .ui-icon {
    fill: var(--btn-svg-ios)
}

.ui-btn__icon {
    display: inline-block;
    padding: 8px 38px;
    border-radius: var(--border-radius);
    -webkit-transition: .3s;
    transition: .3s
}

.ui-btn__icon .ui-icon {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 54px
}

@media (max-width: 576px) {
    .ui-btn__icon {
        padding: 8px 22px
    }
}

.ui-btn__icon:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.ui-btn__icon img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px
}

@media (max-width: 576px) {
    .ui-btn__icon img {
        margin-right: 8px
    }
}

.ui-btn__sign {
    display: inline-block;
    width: 100%;
    max-width: 308px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: var(--bg-color-banner);
    border-radius: 32px;
    font-weight: 700;
    color: var(--btn-color-banner);
    -webkit-transition: .3s;
    transition: .3s
}

.ui-btn__sign:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.ui-btn__sign img {
    max-width: 110px;
    margin-left: 16px;
    vertical-align: middle
}

.ui-btn__name {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    text-align: left
}

@media (max-width: 400px) {
    .ui-btn__icon {
        padding: 8px 15px
    }

    .ui-btn__icon img {
        margin-right: 6px
    }

    .ui-btn__name {
        font-size: 10px
    }
}

.ui-btn__subtitle {
    display: block;
    font-size: 14px
}

@media (max-width: 1024px) {
    .ui-btn__subtitle {
        font-size: 12px
    }

    .header .sub-menu {
        overflow: hidden
    }
}

@media (max-width: 400px) {
    .ui-btn__subtitle {
        font-size: 10px
    }
}

.header {
    position: relative;
    padding: 16px 0;
    background: var(--gradient-header);
    border-bottom: 1px solid var(--border)
}

@media (min-width: 1024px) {
    .header .sub-menu::after, .header .sub-menu::before {
        content: " ";
        position: absolute;
        left: calc(50% - 10px);
        bottom: 100%;
        border: 10px solid rgba(255, 255, 255, 0);
        border-bottom: 10px solid var(--border)
    }
}

.header .sub-menu::after {
    border-bottom: 10px solid var(--bg-header);
    bottom: calc(100% - 1px)
}

.header .sub-menu {
    position: absolute;
    z-index: 2;
    padding: 26px 16px;
    display: none;
    border-radius: 12px;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: var(--bg-header);
    top: 40px
}

.header .sub-menu li {
    display: block;
    margin-bottom: 16px
}

.header .sub-menu li:last-child {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .header .sub-menu {
        border: 1px solid var(--border)
    }
}

.header__logo {
    max-width: 140px;
    margin-right: 42px;
    line-height: 1
}

@media (max-width: 1024px) {
    .header__logo {
        margin-right: 6px;
        max-width: 110px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 110px;
        flex: 0 0 110px
    }
}

@media (max-width: 379px) {
    .header__logo {
        max-width: 90px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
        flex: 0 0 90px
    }
}

.header__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1024px) {
    .header__body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media (max-width: 1024px) {
    .header__container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 10px
    }

    .header__menu {
        display: none
    }
}

.header-burger {
    display: none;
    position: relative;
    width: 21px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21px;
    flex: 0 0 21px;
    height: 17px;
    margin-right: 8px;
    margin-top: -3px
}

.header-burger__span {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    top: 7px;
    background-color: var(--color-menu);
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 12px
}

.header-burger::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    top: 0;
    background-color: var(--color-menu);
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 12px
}

.header-burger::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    background-color: var(--color-menu);
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 12px
}

@media (max-width: 1024px) {
    .header-burger {
        display: block
    }

    .header-block__buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

.header .mobile-menu .menu__wrapper {
    display: block;
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    width: 100%;
    color: var(--color-txt-dark);
    background-color: var(--bg-header);
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    overflow-x: clip
}

.header .mobile-menu .menu__list {
    margin-bottom: 16px
}

.header .mobile-menu .header__menu {
    display: block;
    background-color: var(--bg-header)
}

.header .mobile-menu .menu-item {
    display: block;
    padding: 10px 20px;
    margin-right: 0;
    text-align: left
}

.header .mobile-menu .menu-item:last-child {
    border-bottom: none
}

.header .mobile-menu .list-links {
    display: block
}

.header .mobile-menu .list-links__item {
    margin-bottom: 16px
}

.header .mobile-menu .header-burger__span {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.header .mobile-menu .header-burger::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px
}

.header .mobile-menu .header-burger::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 7px
}

.header .mobile-menu .sub-menu {
    position: static;
    border: none;
    padding-bottom: 6px
}

.header .mobile-menu .sub-menu li {
    border: none
}

.header-block__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

@media (max-width: 1024px) {
    .header-block__buttons .ui-btn {
        width: 100%
    }

    .menu {
        border-top: 1px solid var(--border)
    }
}

@media (max-width: 379px) {
    .header-burger {
        margin-right: 4px
    }

    .header-block__buttons .ui-btn {
        padding: 10px 14px;
        font-size: 12px
    }
}

.header .list-links {
    width: 200px;
    padding: 16px;
    text-align: left
}

.header .list-links__link:hover {
    text-decoration: underline
}

.header .list-links__item {
    display: block;
    margin-bottom: 16px
}

.header .list-links__item:last-child {
    margin-bottom: 0
}

.header .menu-icon {
    width: auto;
    height: 20px;
    margin-right: 5px
}

.menu .open .sub-menu {
    display: block
}

.menu li {
    position: relative;
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 10px
}

.menu li a {
    color: var(--color-menu);
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu li a:hover {
    text-decoration: underline
}

.menu__list {
    text-align: center
}

.menu__wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%
}

.header-menu {
    margin-bottom: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.menu-item-has-children {
    position: relative
}

.menu-item-has-children::after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    border-top: 2px solid var(--color-menu);
    border-right: 2px solid var(--color-menu);
    width: 6px;
    height: 6px;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(135deg);
    transform: translate(0, -50%) rotate(135deg);
    right: -13px
}

.menu-item-has-children::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 100%;
    height: 20px;
    z-index: 0
}

@media (min-width: 1024px) {
    .menu-item-has-children::before {
        top: 20px
    }
}

@media (min-width: 1023px) {
    .menu li:hover .list-links, .menu li:hover .sub-menu {
        display: block
    }

    .menu-item-has-children:hover::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.no_scroll {
    overflow: hidden
}

.menu-item a img {
    max-width: 20px
}

.footer {
    padding: 64px 0;
    background-color: var(--bg-footer)
}

@media (max-width: 1024px) {
    .menu li {
        border-bottom: 1px solid var(--border)
    }

    .menu__wrapper {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        max-width: none
    }

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

    .menu-item-has-children::after {
        top: 20px;
        right: 30px
    }

    .footer {
        padding: 32px 0
    }
}

.footer-logo {
    max-width: 140px
}

.footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, .1803921569)
}

@media (max-width: 1024px) {
    .footer__container {
        padding-bottom: 40px;
        margin-bottom: 40px
    }
}

.footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.footer-social__item {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--body-bg-color)
}

.footer-social__item .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: var(--color-primery);
    width: 16px;
    height: 16px
}

.footer-list {
    margin-bottom: 50px
}

.footer-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    row-gap: 20px
}

@media (max-width: 1024px) {
    .footer-list {
        margin-bottom: 40px
    }

    .footer-list ul {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -webkit-column-gap: 26px;
        -moz-column-gap: 26px;
        column-gap: 26px;
        row-gap: 26px
    }
}

.footer-list li a {
    color: var(--ft_text_color)
}

.footer-list li a:hover {
    text-decoration: underline
}

.footer-banners {
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
    border-bottom: 1px solid rgba(255, 255, 255, .1803921569);
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-banners__item--white {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.footer-banners__item img {
    width: 100%;
    max-width: 100px
}

.footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--ft_text_color);
    padding-top: 50px
}

@media (max-width: 1024px) {
    .footer-banners {
        grid-template-columns:1fr 1fr 1fr
    }

    .footer-bottom {
        padding-top: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 16px
    }
}

.footer-bottom__link {
    color: var(--ft_text_color)
}

.footer-bottom__link:first-child {
    margin-right: 32px
}

.footer-bottom__link:hover {
    text-decoration: underline
}

.footer-bottom__none {
    display: none
}

.footer-bottom__none .footer-banners {
    border-bottom: none
}

.footer-bar {
    position: fixed;
    width: 100%;
    bottom: 30px
}

.footer-bar .ui-btn__icon {
    padding: 20px 32px
}

.footer-bar .ui-btn__icon img {
    margin-right: 0;
    margin-left: 12px
}

.footer-bar__image {
    width: 42px;
    height: 42px;
    border-radius: 4px;
    margin-right: 16px
}

.footer-bar__image img {
    border-radius: 4px
}

.footer-bar__txt {
    color: var(--ft_text_color);
    margin-right: 32px;
    font-weight: 700;
    font-size: 24px
}

.footer-bar__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-bar__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 37px 32px;
    background-color: var(--bg-footer-bar);
    border: 2px solid var(--color-primary);
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    border-radius: 12px
}

.footer .socials-icons__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.footer .footer-social__item {
    position: relative;
    cursor: pointer
}

.footer .footer-social__item a {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px
}

.footer-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.footer-links__item {
    max-width: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumb__wrapper {
    background: var(--breadcrumbs-bg);
    padding: 10px 0
}

.breadcrumb__wrapper a, .breadcrumb__wrapper p, .breadcrumb__wrapper span {
    margin: 0;
    color: var(--breadcrumbs-color)
}

.title-underline {
    display: inline-block;
    border-bottom: 4px solid var(--color-primary)
}

.bk-info {
    margin-bottom: 80px;
    border-radius: 12px;
    overflow: hidden
}

.bk-info__title {
    padding: 16px 24px;
    color: var(--color-txt-white);
    background-color: var(--color-primary)
}

@media (max-width: 1024px) {
    .bk-info {
        margin-bottom: 32px
    }

    .bk-info__title {
        padding: 10px 16px
    }

    .bk-info__value {
        font-size: 14px
    }
}

.bk-info__title h2 {
    margin-bottom: 0
}

.bk-info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 24px;
    gap: 20px
}

.bk-info__item:nth-child(1n) {
    background-color: #fff
}

.bk-info__item:nth-child(2n) {
    background-color: #edf2fa
}

.bk-info__value {
    font-weight: 700
}

.block-info {
    margin-bottom: 80px
}

.block-info {
    margin-bottom: 24px;
    color: var(--color-txt-dark)
}

@media (max-width: 1024px) {
    .bk-info__name {
        font-size: 14px
    }

    .block-info {
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #edf2fa
    }

    .block-info {
        margin-bottom: 16px
    }
}

.block-info h2 {
    display: inline-block;
    margin-bottom: 32px;
    color: var(--color-txt-dark)
}

.block-info--primary {
    padding: 32px;
    background-color: var(--color-primary);
    border-radius: 12px
}

@media (max-width: 1024px) {
    .block-info h2 {
        margin-bottom: 16px
    }

    .block-info--primary {
        padding: 16px
    }
}

.block-info--primary h2, .block-info--primary p {
    color: var(--color-txt-white)
}

.block-info--primary .title-underline {
    border-bottom: 4px solid var(--color-txt-white)
}

.block-info img {
    margin-bottom: 24px
}

@media (max-width: 1024px) {
    .block-info img {
        margin-bottom: 16px
    }
}

.block-info .ui-btn {
    width: 100%;
    max-width: 260px
}

@media (max-width: 650px) {
    .block-info__buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 10px
    }

    .block-info .ui-btn {
        max-width: 160px
    }
}

.block-info li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 1.6
}

.block-info li::before {
    position: absolute;
    display: inline-block;
    content: "";
    left: 0;
    width: 24px;
    height: 24px;
    background-color: var(--color-primary);
    border-radius: 50%
}

.faq summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.faq details, .faq details summary {
    padding-left: 0;
    background-image: none;
    -webkit-appearance: none
}

.faq details {
    margin-bottom: 20px;
    background: var(--gradient-primary);
    padding: 10px;
    border-radius: 10px
}

@media (max-width: 1024px) {
    .faq details {
        padding-bottom: 16px;
        margin-bottom: 24px;
        font-size: 14px
    }
}

.faq details[open] .faq__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq__arrow {
    position: relative;
    width: 28px;
    height: 28px;
    background-color: var(--color-primary);
    border-radius: 50%
}

.faq__arrow::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 14px;
    height: 8px;
    background-image: url(../images/svg/ar.svg);
    background-repeat: no-repeat
}

.faq h3 {
    margin-bottom: 0;
    color: var(--color-txt-white);
    max-width: 80%
}

.faq p {
    color: var(--color-txt-white)
}

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

summary {
    outline: 0;
    list-style: none
}

.manual {
    margin: 30px 0
}

.manual__item {
    overflow: hidden;
    height: calc(100% - 40px);
    background-color: var(--content-block-bg);
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .05);
    border-radius: 12px;
    margin: 20px 0
}

.manual__item h3 {
    margin: 10px 0
}

.manual__description {
    margin-bottom: 22px;
    color: var(--color-txt-dark)
}

.manual__image {
    text-align: center
}

.manual__image img {
    border-radius: 12px;
    vertical-align: bottom
}

.step {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns:1fr 10fr
}

.step--with-image {
    grid-template-columns:2fr 12fr
}

.step--with-image .step__counter {
    grid-row: 1/3
}

.step--with-image .step__image {
    grid-column: 2
}

@media screen and (min-width: 768px) {
    .step--with-image {
        grid-template-columns:1fr 10fr 10fr
    }

    .step--with-image .step__counter {
        grid-row: 1
    }

    .step--with-image .step__image {
        grid-column: 3
    }
}

.step__header {
    padding: 10px
}

.step__counter {
    border-radius: 12px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--gradient-primary);
    color: var(--color-txt-white)
}

.pros-cons {
    margin-bottom: 80px
}

.pros-cons__item {
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .05);
    border-radius: 12px;
    overflow: hidden
}

.pros-cons__item--cons .pros-cons li {
    color: var(--color-primary)
}

.pros-cons__item--cons .pros-cons li:nth-child(2n) {
    background-color: #edf2fa
}

.pros-cons__item--cons .pros-cons__title {
    background-color: #ffa5a6
}

.pros-cons__item--cons li:before {
    content: "-" !important;
    color: var(--ft_text_color);
    background: var(--color-primary);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 50%
}

.pros-cons__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 32px;
    background-color: #31eb92;
    font-size: 24px;
    color: #000;
    font-weight: 700
}

.pros-cons li {
    padding: 16px 32px;
    font-weight: 700;
    color: #000;
    margin: 0
}

.pros-cons li:first-child {
    padding-right: 0
}

@media (max-width: 1024px) {
    .pros-cons, .pros-cons__item {
        margin-bottom: 32px
    }

    .pros-cons__title {
        font-size: 20px
    }

    .pros-cons li {
        font-size: 14px
    }
}

.pros-cons__status {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    width: 32px;
    height: 32px;
    margin-right: 16px;
    background-color: #fff;
    border-radius: 50%
}

.pros-cons__status.plus {
    position: relative;
    height: 32px;
    width: 32px
}

.pros-cons__status.plus:after, .pros-cons__status.plus:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 4px
}

.pros-cons__status.plus:before {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-left-width: 2px;
    border-left-style: solid;
    left: 15px;
    top: 11px
}

.pros-cons__status.plus:after {
    border-top-width: 2px;
    border-top-style: solid;
    border-right-width: 2px;
    border-right-style: solid;
    left: 11px;
    top: 15px
}

.pros-cons__status.plus::after, .pros-cons__status.plus::before {
    color: #00b05c
}

.pros-cons__status.cons {
    position: relative;
    height: 32px;
    width: 32px
}

.pros-cons__status.cons:after, .pros-cons__status.cons:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 4px
}

.pros-cons__status.cons:before {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    left: 15px;
    top: 11px
}

.pros-cons__status.cons:after {
    border-top-width: 2px;
    border-top-style: solid;
    left: 11px;
    top: 15px
}

.pros-cons__status.cons::after, .pros-cons__status.cons::before {
    color: #000
}

.pros-cons h2 {
    display: inline-block;
    margin-bottom: 0;
    color: var(--color-txt-white)
}

.pros-cons__content.plus li:before {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill='%23fff' style='enable-background:new 0 0 511.999 511.999' viewBox='0 0 511.999 511.999'%3E%3Cpath d='M15.34 224.948c-8.365 0-15.146 6.782-15.146 15.146v222.458c0 8.365 6.782 15.146 15.146 15.146h91.253v-252.75H15.34zM511.805 308.587c0-19.227-10.331-36.087-25.733-45.321a52.504 52.504 0 0 0 9.362-29.985c0-29.113-23.686-52.799-52.799-52.799H331.177c3.416-15.48 8.088-38.709 11.341-63.026 8.466-63.281 2.68-98.376-18.207-110.445-13.022-7.523-27.062-9.049-39.534-4.301-9.635 3.67-22.647 12.693-30.062 34.838l-29.294 76.701c-14.851 36.677-60.33 75.182-88.535 96.473V484.4C189.16 502.716 243.708 512 299.358 512h121.446c29.113 0 52.799-23.686 52.799-52.799a52.481 52.481 0 0 0-7.93-27.804c17.601-8.572 29.759-26.646 29.759-47.503a52.504 52.504 0 0 0-9.362-29.985c15.404-9.234 25.735-26.095 25.735-45.322z'/%3E%3C/svg%3E");
    height: 1rem;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #00b05c
}

.pros-cons__content.plus li:nth-child(1n) {
    background-color: #fff
}

.pros-cons__content.plus li:nth-child(2n) {
    background-color: #e2f4ee
}

.pros-cons__content.cons li:before {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill='%23fff' style='enable-background:new 0 0 511.999 511.999' viewBox='0 0 511.999 511.999'%3E%3Cpath d='M15.34 224.948c-8.365 0-15.146 6.782-15.146 15.146v222.458c0 8.365 6.782 15.146 15.146 15.146h91.253v-252.75H15.34zM511.805 308.587c0-19.227-10.331-36.087-25.733-45.321a52.504 52.504 0 0 0 9.362-29.985c0-29.113-23.686-52.799-52.799-52.799H331.177c3.416-15.48 8.088-38.709 11.341-63.026 8.466-63.281 2.68-98.376-18.207-110.445-13.022-7.523-27.062-9.049-39.534-4.301-9.635 3.67-22.647 12.693-30.062 34.838l-29.294 76.701c-14.851 36.677-60.33 75.182-88.535 96.473V484.4C189.16 502.716 243.708 512 299.358 512h121.446c29.113 0 52.799-23.686 52.799-52.799a52.481 52.481 0 0 0-7.93-27.804c17.601-8.572 29.759-26.646 29.759-47.503a52.504 52.504 0 0 0-9.362-29.985c15.404-9.234 25.735-26.095 25.735-45.322z'/%3E%3C/svg%3E");
    height: 1rem;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-color: red
}

.pros-cons__content.cons li:nth-child(1n) {
    background-color: #fff
}

.pros-cons__content.cons li:nth-child(2n) {
    background-color: #fff2f2
}

.pros-cons__content ul {
    margin: 0;
    padding: 0
}

.pros-cons__content h1, .pros-cons__content h2, .pros-cons__content h3, .pros-cons__content h4, .pros-cons__content h5, .pros-cons__content p {
    padding: 16px 32px;
    background-color: #fff;
    color: #000;
    margin: 0
}

.similar-bk {
    margin-bottom: 80px;
    border-radius: 12px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .05)
}

@media (max-width: 1024px) {
    .similar-bk {
        margin-bottom: 32px
    }
}

.similar-bk table {
    width: 100%
}

.similar-bk__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 32px
}

.similar-bk__item:nth-child(1n) {
    background-color: #fff
}

.similar-bk__item:nth-child(2n) {
    background-color: #edf2fa
}

.similar-bk__name {
    display: inline-block;
    color: var(--color-txt-dark);
    font-weight: 700
}

@media (max-width: 380px) {
    .similar-bk__name {
        font-size: 14px
    }
}

@media (max-width: 370px) {
    .similar-bk__name {
        font-size: 12px
    }
}

.similar-bk__title {
    padding: 16px 18px;
    background-color: var(--color-primary)
}

.similar-bk__logo {
    display: inline-block;
    vertical-align: text-bottom;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border-radius: 50%
}

.similar-bk h2 {
    margin-bottom: 0;
    color: var(--color-txt-white)
}

.similar-bk .ui-btn {
    padding: 16px 32px;
    font-size: 16px
}

.banner {
    margin-bottom: 80px;
    padding: 32px 0;
    background-image: url(../images/bg.png);
    background-size: cover;
    background-color: var(--color-primary);
    background-position: center
}

@media (max-width: 1024px) {
    .banner {
        margin-bottom: 32px
    }
}

.banner__body {
    text-align: center;
    color: #fff
}

.banner__title {
    margin-bottom: 8px;
    font-size: 24px
}

@media (max-width: 1024px) {
    .banner__title {
        font-size: 20px
    }
}

.banner__bonus {
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 42px
}

@media (max-width: 1024px) {
    .banner__bonus {
        margin-bottom: 32px;
        font-size: 28px
    }
}

.main-screen {
    margin-bottom: 40px;
    padding: 32px 0;
    background: var(--gradient-primary)
}

.main-screen__body {
    padding: 32px;
    border-radius: 12px;
    background-color: unset
}

@media (max-width: 1024px) {
    .main-screen {
        margin-bottom: 32px
    }

    .main-screen__body {
        padding: 16px
    }

    .main-screen__body .row .col-md-6:first-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .main-screen__body .row .col-md-6:last-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.main-screen__txt {
    margin-bottom: 24px;
    color: var(--color-txt-white)
}

.main-screen__image {
    text-align: center
}

.main-screen__btns:first-child {
    margin-right: 10px
}

@media (max-width: 1024px) {
    .main-screen__image {
        margin-bottom: 16px
    }

    .main-screen__btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.main-screen__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-screen__wrap h1 {
    color: var(--color-txt-white)
}

.main-screen ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 1.6
}

.main-screen ul li::before {
    position: absolute;
    display: inline-block;
    content: "";
    left: 0;
    width: 24px;
    height: 24px;
    background-color: var(--color-primary);
    border-radius: 50%
}

.main-screen ol {
    position: relative;
    list-style: lower-greek;
    counter-reset: my-awesome-counter
}

.main-screen ol li {
    counter-increment: my-awesome-counter;
    padding-left: 30px;
    margin-bottom: 16px
}

.main-screen ol li::before {
    content: counter(my-awesome-counter);
    position: absolute;
    display: inline-block;
    left: 0;
    width: 24px;
    height: 24px;
    background-color: var(--color-primary);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 1.5
}

.main-register {
    margin-top: 32px;
    margin-bottom: 80px
}

.main-register h1 {
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.main-register__grid {
    display: grid;
    grid-template-columns:1fr 1fr;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px
}

.main-register__wrap {
    grid-row: 1/3;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 32px 16px;
    background: var(--gradient-primary);
    border-radius: 12px;
    text-align: center
}

@media (max-width: 1024px) {
    .main-register {
        margin-top: 24px;
        margin-bottom: 32px
    }

    .main-register__grid {
        grid-template-columns:1fr
    }

    .main-register__wrap {
        padding: 16px 14.5px;
        margin-bottom: 16px;
        grid-row: 2
    }
}

.main-register__wrap h1 {
    color: var(--color-txt-white)
}

.main-register__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    margin-bottom: 24px
}

.main-register__bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 8px;
    border-radius: 100px;
    background-color: var(--body-bg-color);
    color: var(--color-txt-dark)
}

@media (max-width: 1200px) {
    .main-register__bar {
        font-size: 13px
    }
}

.main-register__bar--green .main-register__circle::after {
    display: none
}

.main-register__bar img {
    margin-right: 6px
}

@media (max-width: 576px) {
    .main-register__wrap h1 {
        margin-bottom: 16px;
        grid-row: 1
    }

    .main-register__container {
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }

    .main-register__bar {
        padding: 4px 6px;
        font-size: 10px
    }

    .main-register__bar img {
        width: 12px;
        height: 12px
    }
}

.main-register__title {
    display: inline-block;
    color: var(--color-txt-white);
    font-size: 32px;
    margin-bottom: 24px
}

@media (max-width: 1024px) {
    .main-register__title {
        font-size: 24px
    }

    .main-register__description {
        margin-top: 16px
    }
}

.main-register__data {
    margin-left: 6px;
    font-weight: 700
}

.main-register__subtitle {
    margin-bottom: 16px;
    color: var(--color-txt-white)
}

@media (max-width: 576px) {
    .main-register__title {
        font-size: 16px
    }

    .main-register__subtitle {
        font-size: 14px
    }
}

.main-register__how-to {
    font-size: 14px;
    text-decoration: underline;
    color: var(--color-txt-white);
    background: 0 0;
    cursor: pointer
}

.main-register__how-to:hover {
    text-decoration: none
}

.main-register__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.main-register__description h1 {
    color: var(--color-txt-dark)
}

.main-register__txt {
    grid-row: 2;
    grid-column: 2
}

.main-register__txt h1 {
    color: var(--color-txt-dark)
}

.main-register__circle {
    position: relative;
    display: inline-block;
    margin-right: 6px;
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    border-radius: 50%;
    background-color: var(--color-primary)
}

.main-register__circle::after {
    position: absolute;
    content: "!";
    color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main-register__circle img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main-register .main-promocode {
    max-width: 240px;
    margin-bottom: 24px;
    margin-right: 12px;
    padding: 24px 0;
    font-size: 32px;
    color: var(--color-txt-white);
    border: 2px dashed #fff;
    border-radius: 64px;
    text-align: center;
    cursor: pointer
}

@media (max-width: 1024px) {
    .main-register__txt {
        grid-column: 1;
        grid-row: 3
    }

    .main-register__circle {
        width: 16px;
        height: 16px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
        flex: 0 0 16px
    }

    .main-register .main-promocode {
        padding: 16px 0;
        max-width: 180px;
        font-size: 24px
    }
}

.main-register .promocode__btn {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: #fff;
    cursor: pointer
}

.main-register .promocode__btn .ui-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    fill: var(--color-primary)
}

.main-register .promocode__wrap {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: var(--color-txt-white)
}

.main-register .ui-btn__sign {
    margin-bottom: 16px
}

.main-register li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 1.6
}

.main-register li::before {
    position: absolute;
    display: inline-block;
    content: "";
    left: 0;
    width: 24px;
    height: 24px;
    background-color: var(--color-primary);
    border-radius: 50%
}

.content {
    background-color: var(--content-block-bg);
    border-radius: 12px;
    margin-bottom: 80px
}

@media (max-width: 1024px) {
    .main-register .promocode__wrap {
        font-size: 10px
    }

    .content {
        margin-bottom: 32px
    }

    .content__link {
        font-size: 14px
    }
}

.content__title {
    padding: 12px 32px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--border)
}

.content__title .h2, .content__title h2 {
    color: var(--color-txt-dark);
    margin-bottom: 0
}

.content__body {
    padding: 0 30px 20px
}

@media screen and (min-width: 768px) {
    .content__list {
        display: grid;
        grid-template-columns:1fr 1fr
    }

    .comment-respond #comment {
        grid-row: 1/4;
        grid-column: 1/3
    }
}

.content__li {
    padding: 0;
    margin: .1rem;
    list-style: auto
}

.content__li:before {
    content: unset
}

.content__link {
    color: var(--color-txt-dark)
}

.content__link:hover {
    text-decoration: underline
}

.main-screen__image img, .wp-block-image img {
    border-radius: var(--image-radius)
}

.app-rating-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app-rating-block__item {
    margin-right: 15px
}

.app-rating-block__number {
    font-weight: 700;
    font-size: 4rem;
    text-align: center;
    padding: 0 25px;
    color: #fff;
    border-radius: 10px;
    background-color: var(--color-primary)
}

.app-rating-block__stars {
    position: relative;
    letter-spacing: -3px;
    width: 8.5rem;
    color: var(--color-primary);
    font-size: 2rem;
    line-height: 2rem
}

.app-rating-block__stars span {
    letter-spacing: -3px;
    white-space: nowrap
}

.app-rating-block__stars span:last-child {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden
}

.mobile-screen h1 {
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    color: var(--color-txt-white)
}

.mobile-screen .main-screen__body {
    background-color: unset
}

.mobile-screen .main-screen__info {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile-screen .main-screen__info h1 {
    color: var(--color-txt-white)
}

.mobile-screen .main-screen__txt {
    grid-row: 2;
    grid-column: 2;
    color: var(--color-txt-white)
}

@media (max-width: 1024px) {
    .mobile-screen {
        padding-bottom: 0
    }

    .mobile-screen .main-screen__txt {
        grid-row: 3;
        grid-column: 1
    }

    .mobile-screen .main-screen__txt p {
        margin-bottom: 0
    }
}

.mobile-screen .main-screen__wrap {
    height: 100%;
    padding: 32px;
    background-color: var(--body-bg-color);
    border-radius: 12px;
    grid-row: 1/3
}

.mobile-screen .main-screen__body {
    padding: 0
}

.mobile-screen .main-screen__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
    gap: 10px
}

.mobile-screen .main-screen__btns .ui-btn__icon {
    width: 100%
}

.mobile-screen .main-register__how-to {
    display: inline-block;
    color: var(--color-primary);
    text-decoration: none
}

.mobile-screen .main-register__how-to:hover {
    text-decoration: underline
}

.mobile-screen__status {
    display: inline-block;
    color: var(--color-txt-dark);
    opacity: .7;
    font-size: 14px
}

.mobile-screen__status img {
    display: inline-block;
    vertical-align: middle
}

.mobile-screen__container {
    margin-bottom: 24px
}

.mobile-screen__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px
}

.mobile-screen__image {
    display: inline-block;
    margin-right: 32px;
    margin-bottom: 16px
}

@media (max-width: 1024px) {
    .mobile-screen .main-screen__wrap {
        grid-row: 2
    }

    .mobile-screen__image {
        margin-right: 18px
    }
}

.mobile-screen__image img {
    max-width: 100px
}

.mobile-screen__rating {
    display: inline-block;
    vertical-align: top
}

.mobile-screen__stat {
    display: inline-block;
    margin-right: 16px;
    color: var(--color-txt-dark);
    font-size: 32px;
    font-weight: 700
}

@media (max-width: 1024px) {
    .mobile-screen__stat {
        font-size: 28px
    }

    .mobile-screen h1 {
        margin-bottom: 16px
    }
}

.mobile-screen__counter {
    display: inline-block;
    font-size: 14px;
    color: var(--color-txt-dark);
    opacity: .7
}

.mobile-screen__counter img {
    display: inline-block;
    vertical-align: bottom
}

.mobile-screen__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1024px) {
    .main-screen__btns .ui-btn__icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 4px 0
    }
}

.main-screen__mobile h1 {
    margin-bottom: 8px
}

.main-screen__mobile .main-screen__txt {
    margin-bottom: 0
}

.comments-area {
    margin: 35px 0
}

.comments-area .comment {
    margin-top: 45px;
    border: 2px solid var(--color-primary);
    border-radius: var(--border-radius)
}

.comments-area .comments__wrap {
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius);
    padding: 30px 40px;
    background: #fff
}

@media (max-width: 550px) {
    .comments-area .comments__wrap {
        padding: 15px 20px
    }
}

.comments-area li.comment li {
    border-bottom: none
}

.comments-area .comment {
    list-style-type: none;
    padding: 0
}

.comments-area .comment article {
    padding: 10px
}

.comments-area .comment__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.comments-area .comment__author {
    font-weight: 600;
    font-size: 1.1rem
}

.comments-area .comment__author p {
    margin: 0
}

.comments-area .comment__meta {
    color: #c4c4c4
}

.comments-area .comment.parent > div {
    margin-bottom: 10px
}

.comments-area .comment .children {
    border-left: 1px solid var(--second-accent-color)
}

.comments-area .comment .comment-reply-title a {
    font-size: 14px;
    margin-top: 15px;
    float: right
}

@media (max-width: 768px) {
    .comments-area .comment__text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .comments-area .comment__text .com-rating {
        margin-left: 0
    }

    .comments-area .comment__text .com-text {
        max-width: 100%
    }
}

.comments {
    list-style: none;
    margin: 0;
    padding: 0
}

.comments li:before {
    content: none
}

.comment h3 {
    margin: .5em 0;
    font-style: italic
}

.comment__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.comment__rating-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 20px
}

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

.comment-respond__input {
    background-color: var(--bg-card-color);
    border: unset;
    border-radius: var(--border-radius);
    padding: 5px 20px;
    resize: none;
    min-height: 40px
}

.comment-respond form {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr;
    gap: 20px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.comment-respond #comment {
    min-height: 150px
}

.comment-respond button {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #2cb866), to(#07a14f));
    background: linear-gradient(90deg, #2cb866 0, #07a14f 100%);
    color: #fff;
    border-color: #2cb866;
    font-weight: 900;
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 0
}

@media screen and (max-width: 768px) {
    .comment-respond form {
        grid-template-columns:1fr;
        grid-template-rows:1fr
    }

    .comment-respond button {
        font-size: 1rem
    }
}

.reply-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg fill='white' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 32 32'%3E%3Cpath d='M27 6.57v12.49a9.705 9.705 0 0 0-1.5-.48V18a3.013 3.013 0 0 0-1.75-2.73 3.075 3.075 0 0 0-3.2.45l-5.84 5A3.008 3.008 0 0 0 13.67 23H4a3.009 3.009 0 0 1-3-3V6.57l11.49 6.71a3.075 3.075 0 0 0 2.94.04.594.594 0 0 0 .08-.04Z'/%3E%3Cpath d='M13.493 11.548a1.004 1.004 0 0 0 .535.134 1.356 1.356 0 0 0 .545-.172l12.01-7.008A2.99 2.99 0 0 0 24 3H4a2.99 2.99 0 0 0-2.584 1.502ZM28.757 22.576a7.178 7.178 0 0 0-1.583-1.204 7.545 7.545 0 0 0-3.674-1.037V18a1 1 0 0 0-1.65-.76l-5.834 5a1 1 0 0 0 0 1.52l5.834 5A1 1 0 0 0 23.5 28v-2.331a7.37 7.37 0 0 1 5.7 2.931 1.018 1.018 0 0 0 1.116.348A.999.999 0 0 0 31 28a7.649 7.649 0 0 0-2.243-5.424Z'/%3E%3C/svg%3E")
}

.denied-icon {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    margin-right: .5rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 512 512'%3E%3Ccircle cx='256' cy='256' r='256' style='fill:%23e04f5f'/%3E%3Cpath d='M147.592 316v-34.496h-61.48v-16.728l55.416-84.688h30.32v81.968h17.568v19.448h-17.568V316h-24.256zm0-53.944V225.04c0-7.736.208-15.68.832-23.632h-.832c-4.176 8.576-7.736 15.472-11.912 23l-24.88 37.224-.208.416h37v.008zM298.976 247.208c0 43.696-17.144 71.088-49.552 71.088-31.368 0-48.096-28.44-48.304-69.832 0-42.24 17.984-70.672 49.768-70.672 32.824-.008 48.088 29.264 48.088 69.416zm-71.928 1.256c-.208 33.04 8.992 50.176 23.208 50.176 15.056 0 23-18.4 23-51.016 0-31.576-7.52-50.184-23-50.184-13.8 0-23.424 16.936-23.208 51.024zM371.736 316v-34.496h-61.48v-16.728l55.416-84.688h30.32v81.968h17.568v19.448h-17.568V316h-24.256zm0-53.944V225.04c0-7.736.208-15.68.832-23.632h-.832c-4.176 8.576-7.736 15.472-11.912 23l-24.88 37.224-.208.416h37v.008z' style='fill:%23fff'/%3E%3C/svg%3E")
}

.table-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Cpath d='M24 0v24H0V0h24ZM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01-.184-.092Z'/%3E%3Cpath fill='%23000' d='M7.06 16.836a1.25 1.25 0 0 1 1.86 1.666l-.091.102-2.298 2.298a1.5 1.5 0 0 1-2.008.103l-.114-.103-1.237-1.238a1.25 1.25 0 0 1 1.666-1.859l.102.091.53.53 1.59-1.59ZM20 17.5a1.5 1.5 0 0 1 0 3h-8a1.5 1.5 0 1 1 0-3h8ZM8.83 9.836a1.25 1.25 0 0 1 0 1.768L6.53 13.902a1.5 1.5 0 0 1-2.122 0l-1.237-1.238a1.25 1.25 0 1 1 1.768-1.768l.53.53 1.59-1.59a1.25 1.25 0 0 1 1.769 0ZM20 10.5a1.5 1.5 0 0 1 .145 2.993L20 13.5h-8a1.5 1.5 0 0 1-.144-2.993L12 10.5h8ZM7.06 2.836a1.25 1.25 0 0 1 1.86 1.666l-.091.101L6.53 6.902a1.5 1.5 0 0 1-2.008.103l-.114-.103-1.237-1.238a1.25 1.25 0 0 1 1.666-1.859l.102.091.53.53 1.59-1.59ZM20 3.5a1.5 1.5 0 0 1 .145 2.993L20 6.5h-8a1.5 1.5 0 0 1-.144-2.993L12 3.5h8Z'/%3E%3C/g%3E%3C/svg%3E")
}

.payment-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:25px;height:20px;margin-right:20px' viewBox='0 0 511.987 511.987'%3E%3Cpath d='M87.159 387.386c-12.429-.006-23.467-7.938-27.427-19.715L1.488 193.206c-5.04-15.119 3.135-31.469 18.254-36.508L331.893 52.541c15.102-5.028 31.428 3.106 36.514 18.191l25.545 76.544-10.899 3.799-.866-2.482-24.731-74.2c-3.048-9.052-12.845-13.924-21.903-10.899L23.397 167.666c-9.075 3.019-13.988 12.822-10.969 21.897l58.267 174.448c3.042 9.075 12.851 13.982 21.937 10.969l1.091-.381 3.776 10.917-1.155.398a28.88 28.88 0 0 1-9.185 1.472z'/%3E%3Cpath d='m241.084 143.697 3.655 10.957 125.51-41.878 1.824-12.781zM35.376 258.204l-10.132-30.337 49.827-16.644-3.66-10.946-55.305 18.474 17.457 52.228 41.508-13.861-3.66-10.945zM442.712 258.862h11.546v63.503h-11.546z'/%3E%3Cpath d='M344.571 385.885H96.333c-15.933-.017-28.848-12.931-28.865-28.865V172.284c.017-15.933 12.931-28.848 28.865-28.865h329.06c15.933.017 28.848 12.931 28.865 28.865v69.276h-11.546v-69.276c0-9.566-7.753-17.319-17.319-17.319H96.333c-9.566 0-17.319 7.753-17.319 17.319V357.02c0 9.566 7.753 17.319 17.319 17.319h248.238z'/%3E%3Cpath d='M148.289 305.063h-34.638c-3.187 0-5.773-2.586-5.773-5.773s2.586-5.773 5.773-5.773h34.638c3.187 0 5.773 2.586 5.773 5.773s-2.586 5.773-5.773 5.773zM188.7 339.701h-75.049c-3.187 0-5.773-2.586-5.773-5.773s2.586-5.773 5.773-5.773H188.7c3.187 0 5.773 2.586 5.773 5.773s-2.586 5.773-5.773 5.773zM188.7 253.106h-69.276c-9.566 0-17.319-7.753-17.319-17.319v-46.184c0-9.566 7.753-17.319 17.319-17.319H188.7c9.566 0 17.319 7.753 17.319 17.319v46.184c0 9.566-7.753 17.319-17.319 17.319zm-69.275-69.276a5.775 5.775 0 0 0-5.773 5.773v46.184a5.775 5.775 0 0 0 5.773 5.773H188.7a5.775 5.775 0 0 0 5.773-5.773v-46.184a5.775 5.775 0 0 0-5.773-5.773z'/%3E%3Cpath d='M136.743 195.359h34.638a5.775 5.775 0 0 1 5.773 5.773v23.092a5.775 5.775 0 0 1-5.773 5.773h-34.638a5.775 5.775 0 0 1-5.773-5.773v-23.092a5.776 5.776 0 0 1 5.773-5.773z'/%3E%3Cpath d='M200.246 192.472v-5.773h-24.287l-19.01 19.011v-21.897h-5.773v21.897l-19.01-19.011h-24.287v5.773h21.897l17.318 17.319h-39.215v5.773h39.215l-17.318 17.319h-21.897v5.773h24.287l19.01-19.01v21.897h5.773v-21.897l19.01 19.01h24.287v-5.773h-21.897l-17.319-17.319h39.216v-5.773H161.03l17.319-17.319zM456.63 259.266a45.549 45.549 0 0 1 14.946 34.251v28.865H460.03v-28.865c.266-18.901-14.842-34.43-33.743-34.696a34.116 34.116 0 0 0-4.474.231c-17.96 2.228-31.353 17.636-31.059 35.735v27.595h-11.546v-27.595c-.237-24.027 17.648-44.377 41.508-47.223a46.173 46.173 0 0 1 35.914 11.702z'/%3E%3Cpath d='M488.895 296.617v25.765h-11.546v-25.747a55.092 55.092 0 0 0-25.978-47.627 49.065 49.065 0 0 0-50.629-.808 53.365 53.365 0 0 0-27.306 45.318v28.865H361.89v-28.865a65.021 65.021 0 0 1 33.137-55.305 60.355 60.355 0 0 1 62.29.866 66.835 66.835 0 0 1 31.578 57.538z'/%3E%3Cpath d='M483.122 460.933h-115.46c-15.933-.017-28.848-12.931-28.865-28.865v-86.595c.017-15.933 12.931-28.848 28.865-28.865h115.46c15.933.017 28.848 12.931 28.865 28.865v86.595c-.017 15.934-12.931 28.848-28.865 28.865zM367.663 328.155c-9.566 0-17.319 7.753-17.319 17.319v86.595c0 9.566 7.753 17.319 17.319 17.319h115.46c9.566 0 17.319-7.753 17.319-17.319v-86.595c0-9.566-7.753-17.319-17.319-17.319zm57.73 105.126c-11.044-.029-19.98-8.989-19.975-20.032a22.291 22.291 0 0 1 5.427-14.461v-12.903a5.775 5.775 0 0 1 5.773-5.773h17.55a5.775 5.775 0 0 1 5.773 5.773v13.613a19.83 19.83 0 0 1 5.484 13.751c-.023 11.049-8.983 20.003-20.032 20.015zm-3.002-41.623v9.583a5.766 5.766 0 0 1-2.194 4.526 10.18 10.18 0 0 0-3.233 7.505 8.458 8.458 0 0 0 16.914 0 8.33 8.33 0 0 0-3.25-6.639 5.77 5.77 0 0 1-2.234-4.561v-10.414z'/%3E%3C/svg%3E")
}

.like-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 10v10m0-10H4v10h4m0-10 5.196-6.062a2 2 0 0 1 2.003-.638l.048.012a2 2 0 0 1 1.179 3.05L14 10h4.56a2 2 0 0 1 1.962 2.392l-1.2 6A2 2 0 0 1 17.36 20H8'/%3E%3C/svg%3E")
}

.dislike-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 14V4m0 10H4V4h4m0 10 5.196 6.061a2 2 0 0 0 2.003.64l.048-.013a2 2 0 0 0 1.179-3.05L14 14h4.56a2 2 0 0 0 1.962-2.392l-1.2-6A2 2 0 0 0 17.36 4H8'/%3E%3C/svg%3E")
}

.payment {
    overflow: hidden;
    margin: 15px 0
}

.payment--with-bg {
    border: 2px solid var(--color-primary);
    border-radius: var(--border-radius)
}

.payment__circle {
    position: relative;
    display: inline-block;
    margin-right: 6px;
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    border-radius: 50%;
    background-color: var(--color-primary)
}

.payment__circle img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 1024px) {
    .payment__circle {
        width: 16px;
        height: 16px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
        flex: 0 0 16px
    }
}

.payment__title {
    padding-left: 20px;
    font-size: 22px;
    min-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    border-bottom: 2px solid var(--bg-card-color)
}

.payment__wrap {
    grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 10px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-primary)
}

.payment__image {
    width: 100%;
    max-height: 100px
}

.payment-footer {
    padding: 1.5rem;
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .5
}

.payment-footer .payment__wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: unset
}

.payment-footer .payment__image {
    width: 100%;
    max-height: 50px
}

.payment-footer .payment__item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: none
}

.payment-footer .payment__title {
    display: none
}

.slider {
    margin: 20px 0;
    position: relative;
    overflow: hidden
}

.slider__wrap {
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
    padding: 0 0 5px
}

.slider__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 200px;
    padding: 15px;
    margin-right: 30px;
    background: var(--color-primary);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .07);
    box-shadow: 0 0 10px rgba(0, 0, 0, .07);
    border: 1px solid var(--color-primary);
    border-radius: var(--border-radius);
    -webkit-transition: .5s;
    transition: .5s
}

.slider__item span {
    line-height: 142.69%
}

.error_number {
    font-size: 150px;
    font-weight: 700;
    color: var(--color-primary)
}

.error_txt {
    margin-bottom: 60px;
    font-size: 20px;
    color: var(--color-primary)
}

.not-found-page__wrap {
    text-align: center
}

.video {
    padding: 30px 15px
}

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

.video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: 0 0;
    border: none
}

.video__button-shape {
    fill: #212121;
    fill-opacity: .8
}

.video__button-icon {
    fill: #fff
}

.video__button:focus {
    outline: 0
}

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

.video__button:hover {
    cursor: pointer
}

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

.video__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center, center
}

.video__youtube {
    position: relative;
    padding-bottom: 56.25%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.video__youtube__play {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 10
}

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

.promocode-block {
    max-width: 400px;
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    margin: 30px auto;
    border-radius: var(--border-radius);
    background-color: var(--content-block-bg);
    gap: 0 10px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-rows:auto auto;
    padding: 10px;
    color: var(--color-txt-dark)
}

.promocode-block__bonus {
    grid-column: 3/6;
    border-radius: 0 12px;
    grid-row: 1;
    text-align: right;
    padding: 10px;
    font-weight: 700
}

.promocode-block__image {
    grid-column: 1/3
}

.promocode-block__image img {
    max-height: 40px;
    width: auto
}

.promocode-block__wrapper {
    grid-column: 1/4;
    grid-row: 2;
    height: 42px;
    border: 2px dashed var(--border);
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--border-radius);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.promocode-block__input {
    background: unset;
    border: unset;
    padding: 0 10px;
    color: var(--color-txt-dark);
    font-size: 1.5rem
}

.promocode-block__button {
    grid-row: 2;
    grid-column: 4/6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.promocode-block__button button {
    padding: 12px 16px;
    font-size: 14px
}

.promocode-block__copy {
    width: 2rem;
    position: absolute;
    height: 100%;
    right: 0;
    background-position: center;
    background-color: unset;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 64 64'%3E%3Cg fill='%23fff' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M15.8 15.049h17.235l11.764 11.509V54.65a6.072 6.072 0 0 1-6.066 6.065H15.8a6.072 6.072 0 0 1-6.065-6.065V21.115a6.072 6.072 0 0 1 6.065-6.066z'/%3E%3Cpath d='M25.268 3.285h17.234l11.764 11.509v28.092a6.072 6.072 0 0 1-6.066 6.065H25.268a6.072 6.072 0 0 1-6.066-6.065V9.352c-.001-3.317 2.721-6.067 6.066-6.067z'/%3E%3Cpath d='m42.502 3.285 11.764 11.509h-5.697c-3.316 0-6.066-2.722-6.066-6.038V3.285z'/%3E%3C/g%3E%3Cpath d='M43.799 54.649a5.07 5.07 0 0 1-5.066 5.065H15.8a5.07 5.07 0 0 1-5.065-5.065V21.115a5.071 5.071 0 0 1 5.065-5.066v-2c-3.896 0-7.065 3.17-7.065 7.066v33.534c0 3.896 3.17 7.065 7.065 7.065h22.933c3.896 0 7.066-3.17 7.066-7.065v-1.698h-2z'/%3E%3Cpath d='M42.91 2.285H25.268a7.074 7.074 0 0 0-7.066 7.066v33.534c0 3.896 3.17 7.065 7.066 7.065H48.2c3.896 0 7.066-3.17 7.066-7.065V14.374zm10.356 40.601a5.07 5.07 0 0 1-5.066 5.065H25.268a5.07 5.07 0 0 1-5.066-5.065V9.352a5.072 5.072 0 0 1 5.066-5.066h16.826l11.172 10.929z'/%3E%3Cpath d='M41.502 7.285v1.471c0 3.881 3.17 7.038 7.066 7.038h1.697v-2h-1.697c-2.794 0-5.066-2.26-5.066-5.038V7.285zM30.767 21.164h5.981v2h-5.981zM30.767 27.797h11.935v2H30.767zM30.767 34.401h11.935v2H30.767z'/%3E%3C/svg%3E")
}

.fixed-download {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 5px;
    z-index: 20
}

.fixed-download.show {
    display: block
}

.fixed-download--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .fixed-download--mobile {
        display: none
    }

    .fixed-download--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.fixed-download__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 98%;
    max-width: 600px;
    margin: 0 auto;
    padding: 16px;
    background: var(--body-bg-color);
    color: var(--color-txt-dark);
    border-radius: 10px;
    border: 1px solid var(--border);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.fixed-download__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fixed-download__subtitle {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

@media screen and (min-width: 768px) {
    .fixed-download__wrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 1264px
    }

    .fixed-download__subtitle {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal
    }
}

.fixed-download__bonus {
    font-size: 12px;
    font-weight: 300
}

.fixed-download .fixed-download__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fixed-download .fixed-download__button svg {
    fill: var(--btn-color-register);
    width: 20px;
    height: 20px
}

.fixed-download__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fixed-download__logo {
    margin-right: 8px
}

.fixed-download__logo img {
    border-radius: 10px;
    width: auto;
    height: 44px
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: 100%;
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%;
    font-family: Sarabun, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.42;
    color: var(--color-txt-dark);
    background-color: var(--body-bg-color)
}

.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1264px;
    padding-left: 32px;
    padding-right: 32px
}

@media (max-width: 1024px) {
    .container {
        padding-left: 20px;
        padding-right: 20px
    }
}

/*# sourceMappingURL=../sourcemaps/style.css.map */