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

html {
    font-size: 16px
}

body {
    font-family: var(--main-font), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    overflow-x: hidden
}

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


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

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

main section {
    border-radius: 5px
}

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

.container .container {
    padding: 0
}

.container-full {
    max-width: 100%;
    padding: 0 var(--offsets)
}

.align-full {
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    max-width: 100vw !important
}

a {
    color: var(--main-accent-bg-color)
}

a:hover {
    color: var(--links-hover-color)
}

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

h1 {
    line-height: 3rem
}

.widget-title {
    color: var(--text-sub-nav-color)
}

blockquote {
    background-color: #f9f9f9;
    border-left: 3px solid var(--main-accent-bg-color);
    margin: 1rem;
    padding: 1rem
}

.get-image {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

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

/*p {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}*/

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

@media (max-width: 600px) {
    .has-text-align-center {
        text-align: left
    }
}

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

.has-white-color a {
    color: #fff
}

.accent-button, .outline-button {
    background-color: var(--button-bg-color);
    border: 2px solid var(--button-border-color);
    border-radius: 5px;
    color: var(--button-text-color);
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    font-weight: 600;
    justify-self: flex-start;
    margin-top: 1rem;
    outline: none;
    padding: 9px 30px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .25s, background-color .25s;
    transition: color .25s, background-color .25s;
    white-space: nowrap
}

.accent-button:hover, .outline-button:hover {
    background-color: var(--main-light-bg-color);
    color: var(--button-text-color-hover)
}

.accent-button.button-icon, .outline-button.button-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    line-height: normal
}

.accent-button.button-icon .icon, .outline-button.button-icon .icon {
    aspect-ratio: 1/1;
    background-image: var(--icon-url);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 5px;
    width: 20px
}

@media (max-width: 600px) {
    .accent-button, .outline-button {
        font-size: 14px;
        width: 100%
    }
}

@media (max-width: 400px) {
    .accent-button, .outline-button {
        padding: 9px 15px
    }
}

.accent-link {
    color: var(--text-main-accent-color);
    font-size: 1.1rem;
    font-weight: 400;
    text-align: center;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .25s;
    transition: all .25s
}

.accent-link:hover {
    display: inline-block;
    text-decoration: none
}

.buttons-custom:hover {
    background-color: transparent !important;
    color: #000 !important
}

.tag-wrapper {
    margin-bottom: 3.5rem
}

.tag-wrapper .tag-wrapper {
    margin: 1.5rem 0
}

.tag-wrapper .banner-bg-image, .tag-wrapper .header-breadcrumbs-left {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

footer.tag-wrapper, footer.tag-wrapper > *, header.tag-wrapper, header.tag-wrapper > * {
    margin: 0
}

main.page-content .tag-wrapper:first-child {
    margin-top: 0
}

.breadcrumbs {
    background-color: transparent;
    border-radius: 5px;
    color: var(--breadcrumbs-color);
    font-size: 1rem !important;
    font-weight: 400;
    list-style: none;
    margin: 0 0 -.5rem !important
}

@media (max-width: 650px) {
    .breadcrumbs {
        font-size: 14px !important
    }
}

.breadcrumbs_colored {
    color: inherit
}

.breadcrumbs__title {
    display: none
}

.breadcrumbs a, .breadcrumbs span {
    color: inherit;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: color .25s;
    transition: color .25s
}

.breadcrumbs a:hover, .breadcrumbs span:hover {
    color: var(--links-hover-color)
}

.breadcrumbs__separator {
    padding: 5px
}

.breadcrumbs > * {
    display: inline;
    margin-bottom: .5rem !important
}

@media (max-width: 610px) {
    .page-header, .temp-header {
        position: relative
    }
}

.first-panel, .top-panel {
    background-color: var(--header-top-panel-color);
    padding: 1rem 0;
    position: relative;
    z-index: 98
}

@media (max-width: 1000px) {
    .first-panel, .top-panel {
        padding: 14px 0
    }

    .first-panel:after, .top-panel:after {
        background-color: var(--main-light-bg-color);
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        opacity: .2;
        position: absolute;
        right: 0
    }
}

.first-panel .no-flex-wrap, .top-panel .no-flex-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.first-panel .no-flex-wrap .top-nav, .top-panel .no-flex-wrap .top-nav {
    margin: 0 auto
}

.first-panel .no-flex-wrap .top-nav__list, .top-panel .no-flex-wrap .top-nav__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first-panel .no-flex-wrap .top-panel__control, .top-panel .no-flex-wrap .top-panel__control {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    order: 3
}

.first-panel__container, .top-panel__container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.first-panel__container.logo-in-center, .top-panel__container.logo-in-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.first-panel__container.logo-in-center .top-panel__control, .top-panel__container.logo-in-center .top-panel__control {
    margin: 1rem auto
}

@media (max-width: 600px) {
    .first-panel__container.logo-in-center .top-panel__control, .top-panel__container.logo-in-center .top-panel__control {
        margin: 10px auto 0 0
    }
}

.first-panel__container.logo-in-center .top-panel__burger, .top-panel__container.logo-in-center .top-panel__burger {
    margin-right: auto
}

.first-panel__logo, .top-panel__logo {
    max-width: var(--header-logotype-width);
    position: relative
}

.first-panel__logo img, .top-panel__logo img {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 1000px) {
    .first-panel__logo, .top-panel__logo {
        margin: 0 auto
    }
}

@media (max-width: 600px) {
    .first-panel__logo, .top-panel__logo {
        margin: 0 auto 0 0
    }
}

.first-panel__logo_link, .top-panel__logo_link {
    display: block
}

.first-panel__nav, .top-panel__nav {
    margin-left: 3rem
}

@media (max-width: 880px) {
    .first-panel__nav, .top-panel__nav {
        margin-left: auto
    }
}

.first-panel__nav .menu-item-image, .top-panel__nav .menu-item-image {
    max-width: 120px
}

.first-panel__control, .top-panel__control {
    margin-left: auto
}

@media (max-width: 600px) {
    .first-panel__control, .top-panel__control {
        display: grid;
        gap: 10px;
        grid-template-columns:repeat(2, 1fr)
    }
}

.first-panel__control a, .first-panel__control button, .top-panel__control a, .top-panel__control button {
    font-weight: 600;
    margin: 0 1rem
}

@media (max-width: 600px) {
    .first-panel__control a, .first-panel__control button, .top-panel__control a, .top-panel__control button {
        margin: 0
    }
}

@media (max-width: 1000px) {
    .first-panel__control, .top-panel__control {
        margin: 2rem 0 1rem;
        text-align: center;
        width: 100%
    }
}

@media (max-width: 600px) {
    .first-panel__control, .top-panel__control {
        margin: 10px 0 0
    }
}

.first-panel__block, .top-panel__block {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    order: 3;
    width: 100%
}

@media (max-width: 1000px) {
    .first-panel__block, .top-panel__block {
        width: auto
    }
}

.first-panel__burger, .top-panel__burger {
    display: none;
    height: 24px;
    width: 32px
}

@media (max-width: 1000px) {
    .first-panel__burger, .top-panel__burger {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: space-between;
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 1000
    }
}

.first-panel__burger span, .top-panel__burger span {
    background-color: var(--header-top-panel-text-color);
    border-radius: 4px;
    display: block;
    height: 4px;
    -webkit-transition: all .25s;
    transition: all .25s;
    width: 100%
}

.first-panel__burger.burger-active span, .top-panel__burger.burger-active span {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    background-color: var(--header-top-panel-text-color)
}

.first-panel__burger.burger-active span:first-of-type, .top-panel__burger.burger-active span:first-of-type {
    -webkit-animation-name: firstSpan;
    animation-name: firstSpan
}

.first-panel__burger.burger-active span:nth-of-type(2), .top-panel__burger.burger-active span:nth-of-type(2) {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.first-panel__burger.burger-active span:nth-of-type(3), .top-panel__burger.burger-active span:nth-of-type(3) {
    -webkit-animation-name: secondSpan;
    animation-name: secondSpan
}

@-webkit-keyframes firstSpan {
    0% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    20% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    40% {
        -webkit-transform: translateY(11px);
        transform: translateY(11px)
    }
    60% {
        -webkit-transform: translateY(11px) rotate(15deg);
        transform: translateY(11px) rotate(15deg)
    }
    80% {
        -webkit-transform: translateY(12px) rotate(30deg);
        transform: translateY(12px) rotate(30deg)
    }
    to {
        background-color: var(--header-top-panel-text-color);
        -webkit-transform: translateY(12px) rotate(45deg);
        transform: translateY(12px) rotate(45deg)
    }
}

@keyframes firstSpan {
    0% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    20% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    40% {
        -webkit-transform: translateY(11px);
        transform: translateY(11px)
    }
    60% {
        -webkit-transform: translateY(11px) rotate(15deg);
        transform: translateY(11px) rotate(15deg)
    }
    80% {
        -webkit-transform: translateY(12px) rotate(30deg);
        transform: translateY(12px) rotate(30deg)
    }
    to {
        background-color: var(--header-top-panel-text-color);
        -webkit-transform: translateY(12px) rotate(45deg);
        transform: translateY(12px) rotate(45deg)
    }
}

@-webkit-keyframes secondSpan {
    0% {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }
    20% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    60% {
        -webkit-transform: translateY(-7px) rotate(-15deg);
        transform: translateY(-7px) rotate(-15deg)
    }
    80% {
        -webkit-transform: translateY(-8px) rotate(-30deg);
        transform: translateY(-8px) rotate(-30deg)
    }
    to {
        background-color: var(--header-top-panel-text-color);
        -webkit-transform: translateY(-9px) rotate(-45deg);
        transform: translateY(-9px) rotate(-45deg)
    }
}

@keyframes secondSpan {
    0% {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }
    20% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    60% {
        -webkit-transform: translateY(-7px) rotate(-15deg);
        transform: translateY(-7px) rotate(-15deg)
    }
    80% {
        -webkit-transform: translateY(-8px) rotate(-30deg);
        transform: translateY(-8px) rotate(-30deg)
    }
    to {
        background-color: var(--header-top-panel-text-color);
        -webkit-transform: translateY(-9px) rotate(-45deg);
        transform: translateY(-9px) rotate(-45deg)
    }
}

.first-panel__logo {
    margin: 0
}

.first-panel__block {
    width: 100%
}

.main-nav, .top-nav {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    background: var(--header-top-panel-color);
    margin: 1rem 0;
    order: 3
}

@media (max-width: 1000px) {
    .main-nav, .top-nav {
        left: 0;
        margin: 0;
        opacity: 0;
        padding-bottom: 10px;
        pointer-events: none;
        position: absolute;
        top: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%
    }

    .main-nav-showed, .top-nav-showed {
        opacity: 1;
        overflow-y: scroll;
        pointer-events: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .main-nav_scrolled, .top-nav_scrolled {
        height: 100vh;
        overflow: scroll;
        padding-top: 50px;
        position: fixed;
        top: 0
    }
}

.main-nav__list, .top-nav__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.main-nav__list_translated, .top-nav__list_translated {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@media (max-width: 1000px) {
    .main-nav__list, .top-nav__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        margin: 0
    }
}

.main-nav__list .menu-item, .top-nav__list .menu-item {
    padding: 0 8px
}

@media (max-width: 1000px) {
    .main-nav__list .menu-item, .top-nav__list .menu-item {
        padding: 0;
        position: relative;
        width: 100%
    }

    .main-nav__list .menu-item:after, .top-nav__list .menu-item:after {
        background: var(--header-top-panel-text-color);
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        opacity: .2;
        position: absolute;
        width: 100%
    }
}

.main-nav__list .menu-item a, .top-nav__list .menu-item a {
    color: var(--header-top-panel-text-color);
    font-size: 1rem;
    font-weight: 400;
    padding: 16px;
    text-decoration: none
}

@media (max-width: 1000px) {
    .main-nav__list .menu-item a, .top-nav__list .menu-item a {
        display: block
    }
}

.main-nav .menu-item-back__link, .top-nav .menu-item-back__link {
    text-align: center
}

.main-nav .menu-item-back > .sub-menu__expand, .top-nav .menu-item-back > .sub-menu__expand {
    display: block;
    height: 10px;
    left: 20px;
    pointer-events: none;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(135deg) !important;
    transform: translateY(-50%) rotate(135deg) !important;
    width: 10px
}

.main-nav__list > .menu-item-has-children, .top-nav__list > .menu-item-has-children {
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

@media (min-width: 1000px) {
    .main-nav__list > .menu-item-has-children:focus > .sub-menu, .main-nav__list > .menu-item-has-children:hover > .sub-menu, .top-nav__list > .menu-item-has-children:focus > .sub-menu, .top-nav__list > .menu-item-has-children:hover > .sub-menu {
        display: block;
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: .3s;
        transition: .3s
    }
}

.main-nav__list > .menu-item-has-children .sub-menu__expand, .top-nav__list > .menu-item-has-children .sub-menu__expand {
    border: solid var(--header-top-panel-text-color);
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

@media (max-width: 1000px) {
    .main-nav__list > .menu-item-has-children .sub-menu__expand, .top-nav__list > .menu-item-has-children .sub-menu__expand {
        right: 25px;
        top: 25px
    }

    .main-nav__list > .menu-item-has-children .sub-menu__expand:after, .top-nav__list > .menu-item-has-children .sub-menu__expand:after {
        content: "";
        height: 30px;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 30px
    }
}

.main-nav__list > .menu-item-has-children > .sub-menu, .top-nav__list > .menu-item-has-children > .sub-menu {
    background: var(--header-top-panel-color);
    display: none;
    left: 0;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 10px);
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    width: 250px;
    z-index: 9999
}

.main-nav__list > .menu-item-has-children > .sub-menu:before, .top-nav__list > .menu-item-has-children > .sub-menu:before {
    background: var(--header-top-panel-text-color);
    content: "";
    height: 100%;
    left: 0;
    opacity: .1;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 1000px) {
    .main-nav__list > .menu-item-has-children > .sub-menu, .top-nav__list > .menu-item-has-children > .sub-menu {
        padding-top: 0;
        -webkit-transform: translate(0);
        transform: translate(0);
        width: 100%
    }

    .main-nav__list > .menu-item-has-children > .sub-menu-showed, .top-nav__list > .menu-item-has-children > .sub-menu-showed {
        display: block;
        left: 100%;
        opacity: 1;
        pointer-events: auto;
        position: absolute;
        top: 0
    }
}

.main-nav__list > .menu-item-has-children > .sub-menu a, .top-nav__list > .menu-item-has-children > .sub-menu a {
    display: inline-block;
    padding: 16px;
    text-transform: none;
    width: 100%
}

.main-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children, .top-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children {
    position: relative
}

@media (min-width: 1000px) {
    .main-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children:focus > .sub-menu, .main-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children:hover > .sub-menu, .top-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children:focus > .sub-menu, .top-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children:hover > .sub-menu {
        display: block;
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: .3s;
        transition: .3s
    }
}

.main-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > a, .top-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > a {
    position: relative;
    width: 100%
}

.main-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu__expand, .top-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu__expand {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    width: 10px
}

@media (max-width: 1000px) {
    .main-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu__expand, .top-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu__expand {
        background-size: 15px;
        height: 50px;
        right: 0;
        top: 0;
        -webkit-transform: translateY(0) rotate(-90deg);
        transform: translateY(0) rotate(-90deg);
        width: 50px
    }
}

.main-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu, .top-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu {
    background: var(--header-top-panel-color);
    display: none;
    left: calc(100% + 1px);
    list-style: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    width: 250px;
    z-index: 3000
}

.main-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu:before, .top-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu:before {
    background: var(--header-top-panel-text-color);
    content: "";
    height: 100%;
    left: 0;
    opacity: .1;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 1000px) {
    .main-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu, .top-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu {
        left: 100%;
        opacity: 1;
        pointer-events: auto;
        position: absolute;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 100%
    }

    .main-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu-showed, .top-nav__list > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu-showed {
        display: block;
        height: auto;
        opacity: 1;
        pointer-events: auto
    }
}

.main-nav .sub-menu a:hover {
    border-bottom: 1px solid var(--header-top-panel-text-color)
}

@media (max-width: 880px) {
    .control-nav {
        display: none
    }
}

.control-nav__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    list-style: none
}

.control-nav__list li a {
    color: var(--text-sub-nav-color);
    display: block;
    font-size: 1rem;
    padding: 20px;
    text-decoration: none;
    -webkit-transition: color .25s;
    transition: color .25s
}

.control-nav__list li a:hover {
    color: var(--text-main-accent-color)
}

.top-panel-nav-line__container {
    grid-gap: 8px;
    display: grid;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    grid-template-columns:-webkit-max-content 1fr 1fr;
    grid-template-columns:max-content 1fr 1fr
}

@media (max-width: 1440px) {
    .top-panel-nav-line__container {
        grid-template-columns:1fr
    }

    .top-panel-nav-line__logo {
        justify-self: center
    }
}

.top-panel-nav-line__block {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset
}

.top-panel-nav-line__control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1440px) {
    .top-panel-nav-line__control {
        justify-self: center;
        margin: 0
    }
}

@media (max-width: 1000px) {
    .top-panel-nav-line__control {
        width: unset
    }
}

.top-panel-nav-line__control .accent-button {
    margin: 0
}

.top-panel-nav-line__control .accent-button:not(:first-child) {
    margin-left: 5px
}

@media (max-width: 600px) {
    .top-panel-nav-line__control .accent-button:not(:first-child) {
        margin-left: unset
    }
}

.top-panel-nav-line .menu-item {
    padding: 0
}

.top-panel-nav-line .menu-item a {
    padding: 8px
}

.top-panel-nav-line-nav {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset
}

.top-panel-nav-line__btn-promocode {
    background: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    margin: 0 0 0 5px !important;
    width: 40px
}

.top-panel-nav-line__btn-promocode:hover {
    cursor: pointer
}

@media (max-width: 1000px) {
    .top-panel-nav-line__btn-promocode {
        position: absolute;
        right: 85px;
        top: 8px
    }
}

.top-panel-nav-line__btn-promocode-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1000px) {
    .top-panel-nav-line .top-panel__burger {
        right: 35px;
        top: 15px
    }
}

.banner-bg-image {
    background-blend-mode: normal;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 3.5rem 0
}

.banner-bg-image__container.container {
    padding: 0 var(--offsets)
}

@media (max-width: 740px) {
    .banner-bg-image__container.container {
        padding: 0
    }

    .banner-bg-image {
        padding: 1rem 16px
    }
}

.banner-bg-image__container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.banner-bg-image__content {
    margin-right: 20px;
    width: calc(70% - 20px)
}

@media (max-width: 740px) {
    .banner-bg-image__content {
        margin-right: 0;
        width: 100%
    }
}

.banner-bg-image__content_text {
    color: #fff
}

.banner-bg-image__content_text > * {
    margin-bottom: 2rem
}

@media (max-width: 600px) {
    .banner-bg-image__content_text > * {
        margin-bottom: 1rem
    }
}

.banner-bg-image__content_controls {
    margin-top: 3.5rem
}

.banner-bg-image__media {
    width: 30%
}

@media (max-width: 740px) {
    .banner-bg-image__media {
        margin-top: 2rem;
        text-align: center;
        width: 100%
    }
}

.header-breadcrumbs-left {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px var(--offsets)
}

@media (max-width: 600px) {
    .header-breadcrumbs-left__breadcrumbs {
        padding: 16px 0
    }

    .header-breadcrumbs-left__breadcrumbs .breadcrumbs {
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }
}

.header-breadcrumbs-left .container {
    padding: 0 var(--offsets)
}

@media (max-width: 740px) {
    .header-breadcrumbs-left .container {
        padding: 0
    }
}

@media (max-width: 600px) {
    .header-breadcrumbs-left {
        padding: 0 var(--offsets) var(--offsets)
    }
}

.header-breadcrumbs-left__content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -10px
}

.header-breadcrumbs-left__content .accent-button {
    background: var(--header-breadcrumbs-button-background);
    border: 2px solid var(--header-breadcrumbs-button-border);
    color: var(--header-breadcrumbs-button-color);
    text-align: center
}

.header-breadcrumbs-left__content .accent-button:focus, .header-breadcrumbs-left__content .accent-button:hover {
    background: var(--header-breadcrumbs-button-background-hover);
    border-color: var(--header-breadcrumbs-button-border-hover);
    color: var(--header-breadcrumbs-button-color-hover)
}

@media (max-width: 700px) {
    .header-breadcrumbs-left__content .accent-button {
        width: 100%
    }
}

.header-breadcrumbs-left__text {
    margin: 10px;
    width: calc(50% - 20px)
}

@media (max-width: 900px) {
    .header-breadcrumbs-left__text {
        width: calc(100% - 20px)
    }
}

.header-breadcrumbs-left__text > * {
    margin-bottom: 2rem
}

.header-breadcrumbs-left__media {
    margin: 10px;
    text-align: center;
    width: calc(50% - 20px)
}

@media (max-width: 900px) {
    .header-breadcrumbs-left__media {
        width: calc(100% - 20px)
    }
}

.header-breadcrumbs-left button {
    padding: 12px 40px
}

.header-breadcrumbs-left__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 0
}

@media (max-width: 700px) {
    .header-breadcrumbs-left__buttons {
        gap: 12px
    }
}

.header-breadcrumbs-left__button {
    display: inline-block;
    width: auto
}

@media (max-width: 600px) {
    .header-breadcrumbs-left__button_second {
        margin: 0
    }

    .header-breadcrumbs-left__button {
        text-align: center;
        width: 100%
    }

    .header-breadcrumbs-left__button:not(:last-child) {
        margin: 0 0 12px
    }
}

.toc-big {
    border: 1px solid #575757;
    border-radius: 10px;
    padding: 1rem 4rem 2rem;
    position: relative
}

.toc-big_shrinked {
    max-height: 180px;
    overflow: hidden;
    padding-bottom: 2rem;
    position: relative
}

@media (max-width: 650px) {
    .toc-big_shrinked {
        max-height: 250px
    }
}

.toc-big_shrinked:after {
    background: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(3%, #fff), to(rgba(0, 212, 255, 0)));
    background: linear-gradient(0deg, #fff 3%, rgba(0, 212, 255, 0));
    bottom: 0;
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1000
}

@media (max-width: 650px) {
    .toc-big_shrinked:after {
        height: 300px
    }
}

.toc-big_shrinked button {
    background-color: var(--button-bg-color);
    border: none;
    border-radius: 3px;
    bottom: 10px;
    color: var(--button-text-color);
    cursor: pointer;
    font-size: 1.1rem;
    left: 50%;
    padding: 5px 20px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2000
}

@media (max-width: 650px) {
    .toc-big_shrinked button {
        padding: 10px;
        width: 90%
    }
}

@media (max-width: 610px) {
    .toc-big {
        padding: 1rem
    }
}

.toc-big__title {
    color: var(--text-main-accent-color);
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center
}

.toc-big__list {
    counter-reset: item;
    font-size: 1rem;
    list-style: none;
    margin-top: 1rem
}

.toc-big__list_item:not(:first-of-type) {
    margin-top: .5rem
}

.toc-big__list_item a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: color .25s;
    transition: color .25s
}

.toc-big__list_item a:hover {
    color: var(--text-main-accent-color)
}

.toc-big__list .level-1 {
    counter-increment: point;
    counter-reset: sublist
}

.toc-big__list .level-1:before {
    content: counter(point) ". ";
    display: inline-block
}

.toc-big__list .level-2 {
    counter-reset: sublist3;
    padding-left: 20px
}

.toc-big__list .level-2:before {
    content: counter(point) "." counter(sublist) ". ";
    counter-increment: sublist
}

.toc-gen {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1rem 0;
    max-width: 500px;
    padding: .5rem;
    position: relative
}

.toc-gen .toc-gen__title {
    color: inherit;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center
}

.toc-gen__show {
    background: none;
    border: none;
    color: var(--main-accent-bg-color);
    cursor: pointer;
    font-size: 1rem;
    margin-left: 1rem;
    text-transform: capitalize
}

.toc-gen__list {
    counter-reset: item;
    font-size: 1rem;
    left: 0;
    margin-top: 1rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 100%
}

.toc-gen__list_showed {
    opacity: 1;
    pointer-events: auto;
    position: relative
}

.toc-gen__list li {
    list-style: none
}

.toc-gen__list li:not(:first-of-type) {
    margin-top: .5rem
}

.toc-gen__list li a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: color .25s;
    transition: color .25s
}

.toc-gen__list li a:hover {
    color: var(--text-main-accent-color)
}

.toc-gen__list .level-1 {
    counter-increment: point;
    counter-reset: sublist
}

.toc-gen__list .level-1:before {
    content: counter(point) ". ";
    display: inline-block
}

.toc-gen__list .level-2 {
    counter-reset: sublist2;
    padding-left: 20px
}

.toc-gen__list .level-2:before {
    content: counter(point) "." counter(sublist) ". ";
    counter-increment: sublist
}

.toc-gen__list .level-3 {
    counter-reset: sublist3;
    padding-left: 20px
}

.toc-gen__list .level-3:before {
    content: counter(point) "." counter(sublist) "." counter(sublist2) ". ";
    counter-increment: sublist2
}

.big-promocode-nodate {
    background-color: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    margin: 0 auto;
    max-width: 1000px;
    padding: 3%
}

.big-promocode-nodate__title {
    color: #1d1d1d;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    text-align: center
}

.big-promocode-nodate__content {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    margin-top: 10px;
    text-align: center
}

.big-promocode-nodate__value {
    border: 1px solid var(--main-accent-bg-color);
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 700;
    margin: 50px auto 0;
    max-width: 700px;
    padding: 10px;
    text-align: center;
    width: 100%
}

.big-promocode-nodate__button {
    -webkit-box-flex: 1;
    border-radius: 10px;
    display: block;
    -ms-flex: 1;
    flex: 1;
    margin: 20px auto 0;
    max-width: 300px;
    position: relative
}

.big-promocode-nodate__button .promocode-button__inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 835px) {
    .big-promocode-nodate__button {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin: 30px auto 0;
        max-width: 100%;
        width: 300px
    }
}

.page-promocode {
    border-radius: 5px;
    margin: 0 auto;
    max-width: 335px;
    padding: 12px 16px
}

.page-promocode__top {
    -ms-flex-align: center;
    -webkit-box-pack: var(--position-text, flex-start);
    -ms-flex-pack: var(--position-text, flex-start);
    justify-content: var(--position-text, flex-start);
    margin-bottom: 9px
}

.page-promocode__bottom, .page-promocode__top {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-promocode__bottom {
    -ms-flex-preferred-size: 100%;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border: 1px dashed #fff;
    border-radius: 5px;
    flex-basis: 100%;
    justify-content: space-between
}

.page-promocode__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 68px;
    justify-content: center;
    margin-right: 25px;
    width: 68px
}

.page-promocode__value {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    text-align: center
}

@media (max-width: 800px) {
    .page-promocode__value {
        font-size: 12.5px
    }
}

.page-promocode .accent-button {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin: -1px -1px -1px 0;
    padding: 4px 30px;
    position: relative
}

.page-promocode .accent-button:after {
    background: #838383;
    border-radius: 5px;
    content: "Copied";
    left: 50%;
    opacity: 0;
    padding: 5px 8px;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .25s;
    transition: .25s
}

.page-promocode .accent-button:before {
    border: 10px solid transparent;
    border-top-color: #838383;
    bottom: 70px;
    content: "";
    height: 0;
    left: calc(50% - 10px);
    opacity: 0;
    position: absolute;
    top: 100%;
    -webkit-transition: .25s;
    transition: .25s;
    width: 0
}

.page-promocode .accent-button:active:after {
    opacity: 1;
    top: -150%
}

.page-promocode .accent-button:active:before {
    opacity: 1;
    top: -50%
}

@media (max-width: 800px) {
    .page-promocode .accent-button {
        font-size: 13.5px
    }
}

.page-promocode__content, .page-promocode__value {
    color: var(--color)
}

.header-promo-block {
    background-color: var(--bg);
    color: #fff;
    display: none;
    gap: 12px 24px;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:repeat(3, auto);
    left: 50%;
    max-width: 680px;
    overflow: hidden;
    padding: 16px;
    position: relative;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1210
}

.header-promo-block.open {
    display: grid
}

@media (max-width: 1200px) {
    .header-promo-block {
        grid-template-columns:1fr;
        grid-template-rows:repeat(4, auto);
        min-width: unset;
        padding: 12px
    }
}

.header-promo-block__cross {
    display: grid;
    grid-column: 1/3;
    grid-row: 1/2
}

@media (max-width: 1200px) {
    .header-promo-block__cross {
        grid-column: 1/2;
        grid-row: auto
    }
}

.header-promo-block__cross .cross {
    justify-self: end
}

.header-promo-block__cross .cross:hover {
    cursor: pointer
}

.header-promo-block__description {
    align-self: end;
    grid-column: 1/2;
    grid-row: 2/3;
    position: relative;
    z-index: 1
}

@media (max-width: 1200px) {
    .header-promo-block__description {
        grid-column: 1/2;
        grid-row: auto
    }
}

.header-promo-block__description p {
    color: #cecece;
    margin: 0
}

.header-promo-block__description strong {
    color: var(--accent_color)
}

.header-promo-block__controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-self: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    grid-column: 1/2;
    grid-row: 3/3;
    position: relative;
    z-index: 1
}

@media (max-width: 1200px) {
    .header-promo-block__controls {
        grid-column: 1/2;
        grid-row: auto
    }
}

.header-promo-block__promocode-container {
    background-color: #131a26;
    border-radius: 6px;
    color: var(--accent_color);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    padding: 4px 4px 4px 8px
}

.header-promo-block__copy, .header-promo-block__promocode-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.header-promo-block__copy {
    background: rgba(25, 118, 210, .25);
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    gap: 3px;
    line-height: 14px;
    min-width: 120px;
    padding: 8px
}

.header-promo-block__copy:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjMjc4QUVDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNi42NjcgOC4zMzNhMS42NjcgMS42NjcgMCAwIDEgMS42NjYtMS42NjZIMTVhMS42NjcgMS42NjcgMCAwIDEgMS42NjcgMS42NjZWMTVBMS42NjcgMS42NjcgMCAwIDEgMTUgMTYuNjY3SDguMzMzQTEuNjY3IDEuNjY3IDAgMCAxIDYuNjY3IDE1VjguMzMzWiIvPjxwYXRoIGQ9Ik0xMy4zMzMgNi42NjdWNWExLjY2NyAxLjY2NyAwIDAgMC0xLjY2Ni0xLjY2N0g1QTEuNjY3IDEuNjY3IDAgMCAwIDMuMzMzIDV2Ni42NjdBMS42NjcgMS42NjcgMCAwIDAgNSAxMy4zMzNoMS42NjciLz48L2c+PC9zdmc+);
    height: 20px;
    min-width: 20px;
    width: 20px
}

.header-promo-block__image {
    grid-column: 2/3;
    grid-row: 2/4
}

@media (max-width: 1200px) {
    .header-promo-block__image {
        grid-column: 1/2;
        grid-row: auto
    }
}

.header-promo-block__btn {
    margin-top: 0;
    text-align: center
}

.text-image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -1rem
}

@media (max-width: 600px) {
    .text-image:first-child {
        padding-top: 0
    }

    .text-image p {
        margin: 0
    }
}

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

.text-image.vertical-direction .text-image__content, .text-image.vertical-direction .text-image__media {
    width: 100%
}

.text-image.reversed-blocks:not(.reverse-block) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.text-image.reversed-blocks:not(.reverse-block) .get-image {
    margin-bottom: 1rem
}

.text-image.reversed-blocks.reverse-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.text-image.reverse-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (max-width: 1000px) {
    .text-image {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width: 630px) {
    .text-image {
        margin: 0
    }
}

.text-image .get-image, .text-image__item {
    margin: 1rem;
    width: calc(50% - 2rem)
}

@media (max-width: 800px) {
    .text-image .get-image, .text-image__item {
        width: 100%
    }
}

@media (max-width: 630px) {
    .text-image .get-image, .text-image__item {
        margin: 0
    }

    .text-image .get-image img, .text-image__item img {
        margin-top: 1rem
    }
}

.text-image .video video {
    aspect-ratio: 16/9;
    width: 100%
}

.text-image .video .get-image {
    margin: 0
}

@media (max-width: 630px) {
    .text-image .video .get-image {
        margin-top: 1rem
    }
}

.text-image__content .simple-button {
    margin-bottom: 0
}

.text-image__content > * {
    margin-bottom: 1rem
}

@media (max-width: 800px) {
    .text-image__content {
        width: 100%
    }
}

.text-image__media {
    text-align: center
}

@media (max-width: 800px) {
    .text-image__media {
        width: calc(40% - 20px)
    }
}

@media (max-width: 630px) {
    .text-image__media {
        margin-top: 2rem
    }
}

.text-image-heading {
    padding-top: 5.5rem;
    position: relative
}

.text-image-heading .text-image__heading {
    position: absolute;
    text-align: center;
    top: 2rem;
    width: 100%
}

@media (max-width: 800px) {
    .text-image-heading .text-image__heading {
        position: unset
    }

    .text-image-heading {
        padding-top: unset
    }
}

.tag-wrapper .text-image__item {
    margin-top: 0
}

.image-link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -10px
}

.image-link__item {
    border: 1px solid var(--main-accent-bg-color);
    border-radius: 20px;
    margin: 10px;
    overflow: hidden;
    -webkit-transition: all .25s;
    transition: all .25s
}

.image-link__item:hover {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .5)
}

.image-link__item.col-1 {
    width: calc(100% - 20px)
}

.image-link__item.col-2 {
    width: calc(50% - 20px)
}

.image-link__item.col-3 {
    width: calc(33.33333% - 20px)
}

.image-link__item.col-4 {
    width: calc(25% - 20px)
}

@media (max-width: 1100px) {
    .image-link__item.col {
        width: calc(33.33333% - 20px)
    }
}

@media (max-width: 750px) {
    .image-link__item.col {
        width: calc(50% - 20px)
    }
}

.image-link__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    min-height: 160px;
    overflow: hidden;
    padding: 10px;
    position: relative
}

@media (max-width: 750px) {
    .image-link__top {
        min-height: 170px
    }
}

.image-link__image {
    left: 0;
    position: absolute;
    top: 0
}

.image-link__image, .image-link__image .get-image {
    height: 100%;
    width: 100%
}

.image-link__image:after {
    background-color: rgba(0, 0, 0, .65);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.image-link__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left top;
    object-position: left top;
    width: 100%
}

.image-link__title {
    color: #fff;
    line-height: 1.4rem;
    position: relative;
    text-align: center;
    z-index: 3
}

@media (max-width: 750px) {
    .image-link__title {
        font-size: 1.2rem !important;
        text-align: center !important
    }
}

.image-link__button {
    border-radius: 50%;
    display: block;
    height: 64px;
    margin: 10px auto 0;
    position: relative;
    text-align: center;
    width: 64px;
    z-index: 3
}

.image-link__button:after {
    border-bottom: 10px solid transparent;
    border-left: 17px solid #d0d4dc;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    left: 54%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0
}

.image-link__btn-default {
    z-index: 2
}

.image-link__text {
    color: inherit;
    font-size: 1rem;
    line-height: 1.4rem;
    padding: 10px;
    position: relative;
    text-align: center;
    z-index: 3
}

.site-table {
    margin-top: 16px
}

.site-table__content {
    border: unset
}

@media (max-width: 1000px) {
    .site-table__content {
        border: none
    }
}

.site-table__header {
    display: grid;
    grid-template-columns:50px 1fr 1fr 1fr 340px
}

@media (max-width: 1000px) {
    .site-table__header {
        display: none
    }
}

.site-table__th {
    background-color: var(--header-top-panel-color);
    color: var(--header-top-panel-text-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    padding-bottom: 11px;
    padding-top: 11px;
    text-align: center
}

.site-table__body {
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows:auto
}

@media (max-width: 1000px) {
    .site-table__body {
        gap: 34px;
        grid-template-columns:repeat(2, 1fr);
        grid-template-columns:1fr;
        grid-template-rows:auto
    }
}

.site-table__row {
    border-bottom: 1px solid #000;
    display: grid;
    grid-template-columns:50px 1fr 1fr 1fr 340px;
    position: relative
}

@media (max-width: 1000px) {
    .site-table__row {
        border: 1px solid #000;
        border-radius: 5px;
        gap: 28px 22px;
        grid-auto-rows: auto;
        grid-template-areas:"name rating" "benefits benefits" "bonus bonus";
        grid-template-columns:-webkit-min-content 1fr;
        grid-template-columns:min-content 1fr;
        padding: 36px 26px 24px
    }
}

@media (max-width: 390px) {
    .site-table__row {
        gap: 10px;
        padding: 36px 10px 10px
    }
}

@media (max-width: 330px) {
    .site-table__row {
        grid-template-areas:"name name" "rating rating" "benefits benefits" "bonus bonus"
    }
}

@media (max-width: 1000px) {
    .site-table__row:first-of-type {
        border: 3px solid var(--table-first-color)
    }
}

.site-table__row:first-of-type .site-table__rank {
    background-color: var(--table-first-color);
    border: unset;
    color: #fff
}

@media (max-width: 1000px) {
    .site-table__row:nth-of-type(2) {
        border: 3px solid var(--table-second-color)
    }
}

.site-table__row:nth-of-type(2) .site-table__rank {
    background-color: var(--table-second-color);
    border: unset;
    color: #fff;
    font-weight: 600
}

@media (max-width: 1000px) {
    .site-table__row:nth-of-type(3) {
        border: 3px solid var(--table-third-color)
    }
}

.site-table__row:nth-of-type(3) .site-table__rank {
    background-color: var(--table-third-color);
    border: unset;
    color: #fff;
    font-weight: 600
}

.site-table__row .site-table__rank {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #000;
    border-bottom: none;
    border-top: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1000px) {
    .site-table__row .site-table__rank {
        border: 1px solid #000;
        padding: 0
    }
}

.site-table__rank {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
    line-height: 24px;
    text-align: center
}

@media (max-width: 1000px) {
    .site-table__rank {
        background-color: var(--main-accent-bg-color);
        border: 1px solid #000;
        border-radius: 50%;
        color: #fff;
        font-size: 23px;
        font-weight: 700;
        grid-area: rank;
        height: 40px;
        left: 50%;
        line-height: 28px;
        position: absolute;
        text-align: center;
        top: 0;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 40px
    }
}

.site-table__name {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media (max-width: 1000px) {
    .site-table__name {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        grid-area: name;
        max-width: none;
        order: 0;
        width: 100%
    }
}

.site-table__name .get-image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center
}

.site-table__logo, .site-table__name .get-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.site-table__logo {
    border: 3px solid var(--main-accent-bg-color);
    border-radius: 50%;
    height: 120px;
    overflow: hidden;
    padding: 12px;
    width: 120px
}

@media (max-width: 390px) {
    .site-table__logo {
        height: 80px;
        width: 80px
    }
}

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

.site-table__rating, .site-table__rating-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.site-table__rating-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: left
}

.site-table__rating .stars {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.site-table__rating .stars span {
    --percent: calc(var(--rating));
    --end-gradient: calc(100% - var(--percent));
    --color-stars-start: #e16428;
    --color-stars-end: #d0d5dd;
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(var(--color-stars-start)), to(var(--color-stars-end)));
    background: linear-gradient(90deg, var(--color-stars-start) var(--percent), var(--color-stars-end) var(--end-gradient));
    -webkit-background-clip: text;
    font-size: 30px;
    line-height: 20px;
    margin-right: 5px
}

.site-table__rating .title {
    color: #000;
    font-size: 23px;
    font-weight: 700
}

.site-table__rating .rating > span {
    --percent: calc(20% * var(--rating, 5));
    --end-gradient: calc(100% - var(--percent, 100%));
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(gold), to(gray));
    background: linear-gradient(90deg, gold var(--percent), gray var(--end-gradient));
    -webkit-background-clip: text;
    margin-right: 10px
}

@media (max-width: 1000px) {
    .site-table__rating {
        grid-area: rating
    }
}

@media (max-width: 330px) {
    .site-table__rating {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.site-table__rating-value {
    color: #000
}

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

@media (max-width: 1000px) {
    .site-table__benefits {
        grid-area: benefits
    }

    .site-table__benefits ul {
        margin-left: 0 !important
    }
}

.site-table .site-table__benefits, .site-table__benefits, .site-table__bonus, .site-table__description {
    text-align: center
}

.site-table .site-table__benefits ul {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0
}

.site-table .site-table__benefits ul li {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    list-style: none;
    margin-bottom: 0;
    text-align: left
}

.site-table .site-table__benefits ul li:before {
    color: #00af46;
    content: "+";
    font-size: 18px;
    margin-right: 10px;
    margin-top: -3px;
    overflow: hidden
}

.site-table__bonus {
    font-size: 1.1rem;
    font-weight: 600;
    padding: 20px
}

@media (max-width: 1000px) {
    .site-table__bonus {
        grid-area: bonus
    }
}

.site-table__bonus .bonus {
    align-self: center;
    background: unset;
    border: 3px solid var(--main-accent-bg-color);
    border-radius: 5px;
    gap: 4px;
    grid-template-columns:1fr;
    grid-template-rows:auto;
    margin-top: unset;
    max-width: 300px;
    padding: 14px 5px;
    width: 100%
}

@media (max-width: 1000px) {
    .site-table__bonus .bonus {
        width: 100%
    }
}

.site-table__bonus .bonus__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px
}

.site-table__bonus .bonus p {
    font-size: 16px;
    font-weight: 400
}

.site-table__bonus .bonus .accent-button {
    display: block;
    font-weight: 700;
    margin-top: 10px;
    place-self: center;
    text-decoration: none
}

.site-table__description {
    font-size: 1rem;
    max-width: 200px
}

@media (max-width: 700px) {
    .site-table__description {
        max-width: none
    }
}

.site-table__link {
    height: 100%;
    text-align: center
}

.site-table__link button {
    padding: 12px 40px
}

@media (max-width: 1000px) {
    .site-table__link {
        margin-top: 1rem;
        width: 100%
    }
}

.site-table__review-link {
    display: block;
    font-size: 1rem;
    font-weight: 300;
    margin-top: .5rem
}

.single-bonus {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin: 1rem 0;
    max-width: 320px;
    padding: .5rem
}

.single-bonus.align-center {
    margin: 1rem auto
}

.single-bonus.align-right {
    left: 100%;
    position: relative;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.single-bonus__image {
    padding: .5rem
}

.single-bonus__logo {
    background-position: 50%;
    background-size: contain;
    height: 100px;
    margin-bottom: 1rem;
    width: 100px
}

.single-bonus .single-bonus__title, .single-bonus__rating {
    margin-bottom: .5rem
}

.single-bonus__rating > span {
    --percent: calc(20% * var(--rating, 5));
    --end-gradient: calc(100% - var(--percent));
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(gold), to(gray));
    background: linear-gradient(90deg, gold var(--percent), gray var(--end-gradient));
    -webkit-background-clip: text;
    margin-right: 10px
}

.single-bonus__bonus {
    margin-bottom: .5rem
}

.single-bonus__content {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: .5rem
}

.single-bonus .accent-button {
    text-align: center;
    width: 100%
}

.site-table_new .site-table__row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: 2px solid #e6e6e6;
    border-radius: 10px;
    justify-content: center;
    vertical-align: middle
}

.site-table_new .site-table__row:first-of-type {
    border: 2px solid var(--table-first-color);
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 1000px) {
    .site-table_new .site-table__row {
        padding-top: 20px
    }

    .site-table_new .site-table__row:nth-of-type(2) {
        border: 2px solid var(--table-second-color)
    }

    .site-table_new .site-table__row:nth-of-type(3) {
        border: 2px solid var(--table-third-color)
    }
}

.site-table_new .site-table__rank {
    background: var(--table-rank-background-color);
    color: var(--table-rank-text-color);
    font-size: 16px;
    font-weight: 700;
    left: 7px;
    line-height: 1;
    padding: 8px 14px;
    top: -2px;
    width: auto
}

@media (max-width: 1000px) {
    .site-table_new .site-table__rank {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .site-table_new .site-table__name {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        max-width: 200px;
        padding: 0
    }
}

.site-table_new .site-table__name a {
    text-decoration: none
}

.site-table_new .site-table__name img {
    display: block;
    max-width: 100%
}

.site-table_new .site-table__logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px !important;
    justify-content: center;
    margin: 10px 0;
    overflow: hidden;
    width: 70px !important
}

.site-table_new .site-table__rating {
    margin-bottom: 17px;
    padding: 0
}

.site-table_new .site-table__benefits {
    margin-bottom: 20px;
    padding: 0
}

.site-table_new .site-table__benefits ul li {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin-left: 25px
}

.site-table_new .site-table__benefits ul li:before {
    margin-top: 3px
}

@media (max-width: 700px) {
    .site-table_new .site-table__benefits ul li {
        font-size: 14px
    }

    .site-table_new .site-table__benefits ul li:before {
        font-size: 12px;
        height: 12px;
        margin-top: 4px;
        min-width: 12px
    }
}

.site-table_new .site-table__bonus {
    margin-bottom: 5px;
    position: relative
}

.site-table_new .site-table__bonus:before {
    background: #5cee95;
    border-radius: 3px;
    color: #000;
    content: "Bonus";
    display: block;
    font-size: 15px;
    font-weight: 400;
    margin: 0 auto 5px;
    padding: 5px;
    position: relative;
    width: 70px
}

@media (max-width: 700px) {
    .site-table_new .site-table__bonus:before {
        display: inline-block;
        margin: 0 5px 0 0
    }
}

@media (max-width: 1000px) {
    .site-table_new .site-table__description {
        margin-bottom: 20px;
        padding: 0
    }
}

@media (max-width: 700px) {
    .site-table_new .site-table__description {
        padding: 0 10px
    }
}

.site-table_new .site-table__link {
    margin-top: 0;
    padding: 0 20px
}

@media (max-width: 1000px) {
    .site-table_new .site-table__link {
        padding: 0 20px 20px
    }
}

.site-table_new .site-table__link .accent-button {
    background-color: var(--table-buttons-color);
    border: 1px solid var(--table-buttons-border-color);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    color: var(--table-buttons-text-color);
    font-size: 16px;
    font-weight: 600
}

.popup-wrapper {
    background-color: hsla(0, 0%, 100%, .7);
    bottom: 0;
    display: block;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1210
}

.popup-wrapper .cross:hover {
    cursor: pointer
}

.game-popup {
    background: #151b29;
    display: block;
    left: 50%;
    max-width: 1200px;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1210
}

.game-popup__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #151b29;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 8px 8px 8px 16px
}

.game-popup__cross {
    cursor: pointer;
    margin-bottom: auto
}

.game-popup__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.game-popup__button {
    margin-top: 0
}

.game-popup__iframe {
    aspect-ratio: 16/9;
    background-color: #d9d9d9;
    border: none;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    width: 100%
}

.games-container {
    grid-row-gap: 20px;
    grid-column-gap: 25px;
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns:1fr 1fr 1fr
}

@media (max-width: 1350px) {
    .games-container {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 950px) {
    .games-container {
        grid-template-columns:1fr
    }
}

.games-item {
    grid-row-gap: 10px;
    grid-column-gap: 25px;
    display: grid;
    grid-template-areas:"picture title" "picture info" "picture buttons";
    grid-template-columns:-webkit-min-content auto;
    grid-template-columns:min-content auto;
    width: 100%
}

.games-item:not(:nth-child(3n)) {
    border-right: 1px solid #ddd;
    padding-right: 25px
}

@media (max-width: 1350px) {
    .games-item:not(:nth-child(3n)) {
        border-right: 0;
        padding-right: 0
    }

    .games-item:nth-child(odd) {
        border-right: 1px solid #ddd;
        padding-right: 25px
    }
}

@media (max-width: 950px) {
    .games-item:nth-child(odd) {
        border-right: 0;
        padding-right: 0
    }
}

.games-item__pic {
    grid-area: picture;
    height: 72px;
    width: 72px
}

.games-item__pic img {
    border-radius: 8px;
    height: 100%;
    width: 100%
}

.games-item__title {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-weight: 600;
    grid-area: title;
    line-height: 32px;
    margin: 0
}

@media (max-width: 450px) {
    .games-item__title {
        font-size: 20px;
        line-height: 30px
    }
}

.games-item__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-area: info;
    row-gap: 10px
}

.games-item__info p {
    color: #434343;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.games-item__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-area: buttons;
    justify-content: flex-end;
    row-gap: 10px
}

.games-item__btns button {
    background: var(--games-butn-color);
    border: 1px solid var(--games-butn-border);
    color: var(--games-butn-text);
    cursor: pointer;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 12px 48px;
    width: 100%
}

.game-card-v2 {
    grid-gap: 24px;
    display: grid;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    grid-template-columns:repeat(var(--columns), minmax(0, 1fr));
    margin: 1rem 0
}

@media (max-width: 1440px) {
    .game-card-v2 {
        grid-template-columns:repeat(auto-fit, minmax(327px, 1fr))
    }
}

.game-card-v2__item {
    background-color: var(--bg-card);
    border-radius: 8px;
    display: grid;
    gap: 16px;
    grid-row: span 4;

    grid-template-rows:subgrid [preview-start] [preview-end header-start

] [ header-end details-start ] [ details-end buttons-start ] [ buttons-end ];
    overflow: hidden;
    padding-bottom: 16px
}

.game-card-v2__item-preview {
    aspect-ratio: 3/2;
    background: #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    gap: 8px;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    grid-row: preview-start/preview-end;
    padding: 8px;
    position: relative
}

.game-card-v2__item-preview .get-image {
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    position: absolute
}

.game-card-v2__item-preview .get-image img {
    border-radius: 0
}

.game-card-v2__item-preview .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    justify-self: end;
    z-index: 1
}

.game-card-v2__item-preview .tags .tag {
    background-color: #92c23d;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    padding: 7px 8px
}

.game-card-v2__item-preview .tags .tag:first-letter {
    text-transform: uppercase
}

.game-card-v2__item-preview .tags .tag[variant=exclusive] {
    background-color: #00bfee
}

.game-card-v2__item-preview .tags .tag[variant=new] {
    background-color: #92c23d
}

.game-card-v2__item-preview .tags .tag[variant=popular] {
    background-color: #f174b7
}

.game-card-v2__item-header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: grid;
    gap: 8px;
    grid-row: header-start/header-end;
    grid-template-columns:minmax(0, 1fr) -webkit-max-content;
    grid-template-columns:minmax(0, 1fr) max-content;
    padding: 0 16px
}

.game-card-v2__item-header .title {
    color: var(--color-title);
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 0
}

@media (max-width: 600px) {
    .game-card-v2__item-header .title {
        font-size: 20px;
        line-height: 24px
    }
}

.game-card-v2__item-provider {
    background-color: #dfe0df;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    padding: 7px 8px
}

.game-card-v2__item-provider:has(.link) {
    background-color: var(--button-bg-color);
    border: 2px solid var(--button-border-color);
    cursor: pointer;
    -webkit-transition: color .25s, background-color .25s;
    transition: color .25s, background-color .25s
}

.game-card-v2__item-provider:has(.link) a {
    color: var(--button-text-color)
}

.game-card-v2__item-provider:has(.link):hover {
    background-color: var(--main-light-bg-color)
}

.game-card-v2__item-provider:has(.link):hover a.link {
    color: var(--button-text-color-hover)
}

.game-card-v2__item-provider a {
    text-decoration: unset
}

.game-card-v2__item-details {
    display: grid;
    gap: 4px;
    grid-row: details-start/details-end;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:auto;
    padding: 0 16px
}

.game-card-v2__item .detail {
    display: grid;
    gap: 8px;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content
}

.game-card-v2__item .detail__title {
    color: var(--color-title-detail);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 8px
}

.game-card-v2__item .detail__description {
    color: var(--color-description-detail);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 0
}

.game-card-v2__item .detail:nth-child(2) {
    justify-self: center
}

.game-card-v2__item .detail:last-child {
    justify-self: end
}

.game-card-v2__item-buttons {
    -ms-flex-line-pack: start;
    align-content: start;
    display: grid;
    gap: 8px;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    grid-row: buttons-start/buttons-end;
    padding: 0 16px
}

.game-card-v2__item-button {
    margin-top: 0;
    text-align: center;
    width: 100%
}

.game-card-v2__item-button.custom {
    background-color: var(--bg-btn);
    border: 2px solid var(--border-color-btn);
    border-radius: var(--btn-radius);
    color: var(--color-btn)
}

.game-card-v2__item-button.custom:hover {
    background-color: var(--bg-btn-hover);
    color: var(--color-btn-hover)
}

@media (max-width: 600px) {
    .game-card-v2__item-button {
        font-size: 14px;
        line-height: 18px
    }
}

:root {
    --offsets: 30px
}

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

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

.simple-button {
    margin: 1.5rem 0 16px
}

.simple-button, .simple-button .simple-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.simple-button .simple-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.simple-button .simple-button:hover svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.simple-button .simple-button:hover svg path {
    fill: var(--button-text-color-hover);
    -webkit-transition: .25s;
    transition: .25s
}

.simple-button .simple-button__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    margin-left: 5px;
    width: 20px
}

@media (max-width: 600px) {
    .simple-button .simple-button {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

.simple-button.align_left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

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

.simple-button.align_right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mobile-button {
    -ms-flex-preferred-size: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--button-bg-color);
    border: none;
    border-radius: 5px;
    bottom: 0;
    -webkit-box-shadow: 0 4px 4px rgba(48, 53, 39, .25);
    box-shadow: 0 4px 4px rgba(48, 53, 39, .25);
    cursor: pointer;
    flex-basis: 100%;
    justify-content: space-between;
    left: 50%;
    margin-bottom: 5px;
    outline: none;
    padding: 10px;
    position: fixed;
    text-decoration: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: color .25s, background-color .25s;
    transition: color .25s, background-color .25s;
    width: 92%;
    z-index: 9999
}

.mobile-button:hover .mobile-button__text {
    color: #000
}

.mobile-button__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 0;
    border-radius: 5px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 37px;
    justify-content: center;
    margin-right: 8px;
    overflow: hidden;
    pointer-events: none;
    width: 37px
}

.mobile-button__icon, .mobile-button__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-button__text {
    color: var(--button-text-color);
    width: 100%
}

.mobile-button__text p {
    font-size: .85rem;
    font-weight: 500;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 150%;
    margin-right: 5px
}

.mobile-button .click-button {
    border: none;
    cursor: pointer;
    outline: none
}

.mobile-button .accent-button {
    background: transparent;
    font-size: 0
}

.mobile-button__control {
    width: 100%
}

.mobile-button__wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: center;
    position: relative;
    width: 30px
}

.mobile-button__wrap .icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M13 0c7.18 0 13 5.82 13 13s-5.82 13-13 13S0 20.18 0 13 5.82 0 13 0Zm0 23.174c5.62 0 10.174-4.556 10.174-10.174C23.174 7.382 18.62 2.826 13 2.826 7.38 2.826 2.826 7.382 2.826 13c0 5.618 4.554 10.174 10.174 10.174ZM10.457 7.56h5.086v5.78h3.18L13 18.722l-5.723-5.384h3.18V7.56Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='matrix(-1 0 0 1 26 0)' d='M0 0h26v26H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50%;
    height: 26px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 26px
}

.mobile-button .accent-button {
    border: none;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0
}

.mobile-button .accent-button:hover {
    background-color: unset;
    color: unset
}

.page-content {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    overflow: hidden
}

.page-content :is(h1,h2,h3,h4,h5,h6) {
    font-weight: 600;
    margin-bottom: 1rem
}

.page-content ul {
    list-style: none
}

.page-content ul li:before {
    color: inherit;
    content: "•";
    display: inline-block;
    font-weight: 700;
    width: 1em
}

.page-content section ol:last-child, .page-content section ul:last-child {
    margin-bottom: 0
}

.page-content ol, .page-content ul {
    list-style-position: inside;
    margin-bottom: 1rem;
    margin-left: 10px;
    margin-top: 1rem
}

.page-content ol + p, .page-content ol > :not(:last-child), .page-content ul + p, .page-content ul > :not(:last-child) {
    margin-bottom: .5rem
}

@media (max-width: 700px) {
    .page-content ol, .page-content ul {
        margin-left: 0;
        padding-left: 24px;
        padding-right: 24px
    }
}

.page-content h1 {
    font-size: 2.2rem
}

@media (max-width: 650px) {
    .page-content h1 {
        font-size: 1.6rem;
        line-height: 1.5;
        text-align: unset
    }
}

.page-content h2 {
    font-size: 1.9rem
}

@media (max-width: 650px) {
    .page-content h2 {
        font-size: 1.5rem;
        line-height: 1.5;
        text-align: unset
    }
}

.page-content h3 {
    font-size: 1.6rem
}

@media (max-width: 650px) {
    .page-content h3 {
        font-size: 1.4rem;
        line-height: 1.5;
        text-align: unset
    }
}

.page-content h4 {
    font-size: 1.3rem
}

@media (max-width: 650px) {
    .page-content h4 {
        font-size: 1.3rem;
        line-height: 1.5;
        text-align: unset
    }
}

.page-content h5 {
    font-size: 1.1rem
}

@media (max-width: 650px) {
    .page-content h5 {
        font-size: 1.2rem;
        line-height: 1.5;
        text-align: unset
    }
}

.page-content h6 {
    font-size: 1rem
}

@media (max-width: 650px) {
    .page-content h6 {
        font-size: 1.1rem;
        line-height: 1.5;
        text-align: unset
    }
}

.page-content .has-white-color.has-text-color {
    color: #fff
}

.mobile-button {
    display: none
}

@media (max-width: 800px) {
    .mobile-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.mobile-button .accent-button {
    width: 100%
}

.mobile-button a {
    background-color: var(--button-bg-color);
    border: 2px solid var(--button-border-color);
    border-radius: 5px;
    bottom: 0;
    color: var(--button-text-color);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    left: 0;
    margin: 0 auto .5rem;
    outline: 0;
    padding: .5rem 1rem;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color .25s, background-color .25s;
    transition: color .25s, background-color .25s;
    width: calc(100% - 1rem)
}

#in-other-contries .buttons-block {
    margin-top: 1rem
}

.buttons-block {
    grid-gap: 1rem;
    display: grid;
    grid-template-rows:auto
}

@media (max-width: 600px) {
    .buttons-block {
        gap: 10px
    }
}

.buttons-block_columns-3 {
    grid-template-columns:repeat(3, 1fr)
}

.buttons-block_columns-2 {
    grid-template-columns:repeat(2, 1fr)
}

.buttons-block_columns-1 {
    grid-template-columns:repeat(1, 1fr)
}

.buttons-block__item {
    grid-gap: 1rem;
    display: grid;
    grid-template-rows:auto;
    position: relative
}

@media (max-width: 500px) {
    .buttons-block__item {
        width: 100%
    }
}

.buttons-block__item_icon .accent-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 12px 20px
}

.buttons-block__item_icon .get-image {
    aspect-ratio: 1/1;
    margin-right: 10px;
    margin-top: -2px;
    width: 25px
}

@media (max-width: 500px) {
    .buttons-block .accent-button {
        text-align: center;
        width: 100%
    }
}

.flags-widget {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    order: 10;
    width: 100%
}

@media (max-width: 1000px) {
    .flags-widget {
        left: 50%;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all .25s;
        transition: all .25s
    }

    .flags-widget.active {
        opacity: 1;
        pointer-events: auto
    }
}

.flags-widget__custom {
    left: 0;
    margin-bottom: 10px;
    position: relative;
    top: 0;
    -webkit-transform: none;
    transform: none
}

.flags-widget__custom .flags-widget__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    list-style: none
}

.flags-widget__custom .flags-widget__icon {
    height: 12px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 22px
}

.tournament {
    padding: 1rem 0
}

.tournament__title {
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center
}

.tournament__date {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 1rem;
    text-align: center
}

.teams {
    background-color: rgba(0, 0, 0, .01);
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .09);
    margin: 2rem auto 0;
    max-width: 800px;
    padding: 1rem
}

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

.teams__block {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    justify-items: center;
    margin-top: 1rem
}

@media (max-width: 600px) {
    .teams__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.teams__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.teams__item:first-of-type:after {
    background-color: var(--main-accent-bg-color);
    content: "";
    height: 100%;
    position: absolute;
    right: calc(-.5rem - 1px);
    top: 0;
    width: 2px
}

@media (max-width: 600px) {
    .teams__item:first-of-type:after {
        height: 2px;
        opacity: .3;
        right: 0;
        top: 100%;
        width: 100%
    }
}

.teams__name {
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    margin-top: 1rem
}

@media (max-width: 600px) {
    .teams__name {
        margin-top: .5rem
    }
}

@media (max-width: 550px) {
    .teams__item {
        text-align: center
    }

    .teams__image {
        max-width: 80px
    }

    .teams__name {
        font-size: 1rem
    }
}

.match-details {
    margin: 3rem auto 0;
    max-width: 800px
}

.match-details__title {
    font-weight: 400
}

.match-details__table {
    border: none;
    border-collapse: collapse;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .09)
}

.match-details__table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.match-details__key {
    background-color: var(--main-accent-bg-color);
    color: #fff;
    padding: 1rem;
    width: 30%
}

.match-details__value {
    padding: 1rem;
    width: 70%
}

.matches-table {
    margin: 2rem 0
}

.matches-table__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    grid-column-gap: 2rem;
    align-items: center;
    background: hsla(176, 7%, 42%, .05);
    border: 1px solid #e6e6e6;
    display: grid;
    grid-template-areas:"teams table name" "teams table descr" "teams table link";
    grid-template-columns:390px 350px auto;
    grid-template-rows:repeat(3, 1fr);
    justify-items: center;
    padding: 1rem
}

.matches-table__item:not(:last-of-type) {
    border-radius: 5px;
    margin-bottom: 1rem
}

@media (max-width: 1150px) {
    .matches-table__item {
        grid-template-areas:"name" "teams" "table" "descr" "link";
        grid-template-columns:1fr;
        grid-template-rows:repeat(5, auto)
    }
}

.matches-table__name {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    grid-area: name;
    order: 3;
    text-align: center
}

.matches-table__name h3 {
    font-size: 1.2rem
}

.matches-table__description {
    grid-area: descr;
    margin-bottom: 1rem;
    text-align: center
}

.matches-table__link {
    grid-area: link
}

@media (max-width: 700px) {
    .matches-table__link {
        text-align: center;
        width: 100%
    }
}

.matches-table table {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    border: none;
    grid-area: table;
    order: 2
}

.matches-table table td {
    border: none;
    border-bottom: 1px dashed #e6e6e6;
    padding: 3px
}

.matches-table table td:last-of-type {
    text-align: right
}

@media (max-width: 700px) {
    .matches-table table td {
        font-size: 15px
    }
}

.matches-table__teams {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: teams;
    justify-content: space-between;
    order: 1;
    width: 100%
}

.matches-table__versus {
    -ms-flex-item-align: center;
    align-self: center;
    color: #e0e0e0;
    font-size: 1.5rem;
    font-weight: 300
}

.matches-table__team {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    width: 50%
}

.matches-table__team a {
    display: block;
    text-align: center
}

.matches-table__team .get-image {
    max-width: 100px
}

.team-squad {
    margin: 2rem auto 0;
    max-width: 800px
}

.team-squad th {
    width: 50%
}

.single-team {
    margin: 1rem 0
}

.single-team__title {
    text-align: center
}

.single-team__image {
    margin: 1rem auto;
    max-width: 300px;
    text-align: center
}

.teams-block {
    margin: 1rem 0
}

.teams-block__wrapper {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns:repeat(4, 1fr)
}

@media (max-width: 1100px) {
    .teams-block__wrapper {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 750px) {
    .teams-block__wrapper {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 370px) {
    .teams-block__wrapper {
        grid-template-columns:repeat(1, 1fr)
    }
}

.teams-block__item {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    padding: 1rem
}

.teams-block__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative
}

.teams-block .teams-block__title {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1rem;
    text-align: center
}

.teams-block__image {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    max-width: 100px;
    text-align: center
}

table {
    border: 1px solid var(--main-accent-bg-color);
    border-collapse: collapse;
    border-radius: 5px;
    border-spacing: 0;
    padding: var(--offsets);
    width: 100%
}

table th {
    background-color: var(--header-top-panel-color);
    color: var(--header-top-panel-text-color);
    padding-bottom: 11px;
    padding-top: 11px
}

table td {
    border: 1px solid var(--main-accent-bg-color);
    padding: 8px;
    text-align: left
}

.place-bet {
    margin: 2rem 0;
    text-align: center
}

.place-bet__links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1rem -1rem -1rem
}

.place-bet__item {
    margin: 1rem
}

.banner {
    margin: 1rem auto;
    max-width: 1000px;
    width: 100%
}

.banner__link {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 90px;
    width: 100%
}

@media (max-width: 700px) {
    .banner__link_desktop {
        display: none
    }
}

.banner__link_mobile {
    display: none
}

@media (max-width: 700px) {
    .banner__link_mobile {
        display: block
    }
}

.compare-apps {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 1rem auto;
    max-width: 800px
}

@media (max-width: 550px) {
    .compare-apps {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.compare-apps__item {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    background-color: #fff !important;
    border: 2px solid #e6e6e6 !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    margin: 0 1rem !important;
    padding: 0 1rem 1rem;
    width: calc(50% - 2rem)
}

@media (max-width: 700px) {
    .compare-apps__item {
        margin: 0 .5rem !important;
        padding: .5rem;
        width: calc(50% - 1rem)
    }
}

@media (max-width: 550px) {
    .compare-apps__item {
        margin: .5rem 0 !important;
        width: 100%
    }
}

.compare-apps__item .site-table__logo {
    height: 52px;
    width: 52px
}

.compare-apps__item .site-table__benefits ul li {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start !important;
    margin-left: 0;
    position: relative;
    text-align: left
}

.compare-apps__item .site-table__benefits ul li:before {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #13622f;
    border-radius: 50%;
    color: #fff;
    content: "✓" !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 15px;
    justify-content: center;
    margin-right: 10px;
    margin-top: -3px;
    min-width: 15px;
    overflow: hidden
}

@media (max-width: 700px) {
    .compare-apps__item .site-table__bonus {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.compare-apps__item .site-table__link {
    height: auto;
    margin-top: 1rem
}

.advanced-text {
    margin: 1rem auto;
    max-width: 800px
}

.advanced-text h1, .advanced-text h2, .advanced-text h3, .advanced-text h4, .advanced-text h5, .advanced-text h6 {
    font-weight: 600 !important
}

.android-button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMS0xaDUydjUySC0xeiIvPjxpbWFnZSB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQURJQUFBQXlDQVlBQUFBZVA0aXhBQUFBR1hSRldIUlRiMlowZDJGeVpRQkJaRzlpWlNCSmJXRm5aVkpsWVdSNWNjbGxQQUFBQXlOcFZGaDBXRTFNT21OdmJTNWhaRzlpWlM1NGJYQUFBQUFBQUR3L2VIQmhZMnRsZENCaVpXZHBiajBpNzd1L0lpQnBaRDBpVnpWTk1FMXdRMlZvYVVoNmNtVlRlazVVWTNwcll6bGtJajgrSUR4NE9uaHRjRzFsZEdFZ2VHMXNibk02ZUQwaVlXUnZZbVU2Ym5NNmJXVjBZUzhpSUhnNmVHMXdkR3M5SWtGa2IySmxJRmhOVUNCRGIzSmxJRFl1TUMxak1EQXlJRGM1TGpFMk5ETTFNaXdnTWpBeU1DOHdNUzh6TUMweE5UbzFNRG96T0NBZ0lDQWdJQ0FnSWo0Z1BISmtaanBTUkVZZ2VHMXNibk02Y21SbVBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHhPVGs1THpBeUx6SXlMWEprWmkxemVXNTBZWGd0Ym5NaklqNGdQSEprWmpwRVpYTmpjbWx3ZEdsdmJpQnlaR1k2WVdKdmRYUTlJaUlnZUcxc2JuTTZlRzF3UFNKb2RIUndPaTh2Ym5NdVlXUnZZbVV1WTI5dEwzaGhjQzh4TGpBdklpQjRiV3h1Y3pwNGJYQk5UVDBpYUhSMGNEb3ZMMjV6TG1Ga2IySmxMbU52YlM5NFlYQXZNUzR3TDIxdEx5SWdlRzFzYm5NNmMzUlNaV1k5SW1oMGRIQTZMeTl1Y3k1aFpHOWlaUzVqYjIwdmVHRndMekV1TUM5elZIbHdaUzlTWlhOdmRYSmpaVkpsWmlNaUlIaHRjRHBEY21WaGRHOXlWRzl2YkQwaVFXUnZZbVVnVUdodmRHOXphRzl3SURJeExqRWdLRmRwYm1SdmQzTXBJaUI0YlhCTlRUcEpibk4wWVc1alpVbEVQU0o0YlhBdWFXbGtPa05GTmpkQlJURXdNa0kwUVRFeFJVTTVNMEV3T1VVNE5qRXdNRFUyTlRSR0lpQjRiWEJOVFRwRWIyTjFiV1Z1ZEVsRVBTSjRiWEF1Wkdsa09rTkZOamRCUlRFeE1rSTBRVEV4UlVNNU0wRXdPVVU0TmpFd01EVTJOVFJHSWo0Z1BIaHRjRTFOT2tSbGNtbDJaV1JHY205dElITjBVbVZtT21sdWMzUmhibU5sU1VROUluaHRjQzVwYVdRNlEwVTJOMEZGTUVVeVFqUkJNVEZGUXprelFUQTVSVGcyTVRBd05UWTFORVlpSUhOMFVtVm1PbVJ2WTNWdFpXNTBTVVE5SW5odGNDNWthV1E2UTBVMk4wRkZNRVl5UWpSQk1URkZRemt6UVRBNVJUZzJNVEF3TlRZMU5FWWlMejRnUEM5eVpHWTZSR1Z6WTNKcGNIUnBiMjQrSUR3dmNtUm1PbEpFUmo0Z1BDOTRPbmh0Y0cxbGRHRStJRHcvZUhCaFkydGxkQ0JsYm1ROUluSWlQejRMSFBoSUFBQUptMGxFUVZSNDJ1eGFDNHhVMVJuKzdyejN3UzRzdXl6dUFNcFRCZEtIRlVvUlU2TlJxQ0NKajIwcmZjVEdTbHB0VE5PRTJoWTF0aHBpcmEyb2FVTTFxYTFOMDFaVWJLMUdCVzBOMEpiU0JhTkZxRVJYTFlMSXN1dkN6dTdPM0xuMzl2dlArV2ZtTWd5N2RIZHBpK0VrLzl4N252LzUzLzg1ZDV3Z0NQQkJLQkY4UU1vcFF2N2ZTa3grbk95alFETEp0OHVBbnBlQmZCY1FyV0ZkN01jQit0LzRHbnAyTEVIVDBrV21ib3IySGRvTTVQYnd2Y28yQlJFN3hQRjFLSDhLZGlqMUNILzh3amkrNXozaWJnRHF6MkZiRktYMVdkN2Y4alJpYi8wSnljUmRodWN5M24wYlNDd0V4bnlPQTlxQXZkc1F0RnhuQ1RtaXVKM3N2QmRJVFlYQktIdUlwQkw4WFlpT3g3NkRhTzBxWWkveElaSWlncVFkTjVUaXlCWklUTmV6c090eXd3RTM3UFhkd01xbmtHL2Nna3hoTEFudHF3UFNFNDllUnJ5V2xZanNkYWx0M2IrR0JMM0xmWTR1Y1RQWDNRNHZmd2FTemRVVVY1OWhuSFQ1eE9JZnN0d2Npa1E4UWl4U3J1UVJ1QmtQa2ZoKzRodHZwU0YwRWs5c0xOQjhqUzVXa2tobEd4bDlLUkVRbTAvaUFuSThvTnBFeDE1cGRwby85QXRTeWI1K0RpUUUyU1BWWVNqRkZ5bkVDWlJPUUp4ZThBQUNZVVI5SzF3K1hlTExVVnJaYm1EVUJSWHhWU1lrT1lrcWZ5WW43aUlTVHZhcGJzaHNReXorREx6ZVZ2anVETU5Wb3dyNTRma01rWXFvbHBHZ0k4ODBwWHd0YlhRVEpiSVJUbDcwaG1qMkE5Vm5FeVlmMjlncmxnYmFkZjhyVm4rY3VPVkN0SFlaSmRKSlJPdmdqSnFGUUpFRVJRN1ZjZGhzdHBFTEVFVWV5K2xWeXNKZVFoZnJ0TmJnTmI3L1E4eTVxSHErWS9INFBZOGJGWTNXdE1MeGRObWM1VlhqSlFON3JjbzkxTVc2eGNEaERhSld1cGVnQzRtcUh5QjdlQVZTalFzUnlUOEx0Mjh5N2VNS2RpN2lrSE81azlIRk5ZTGlUNmxlekNTOFE2eTNjYzR6dEpkMXJPK21Dc3lIMXpNWGljWTFpSXg2MTBwS2hFNnRxTCtRZTJvOHRtQXJHbnZSZ3gya01mM0llcVVvdVJWSldvS3lQZHNvOGhZNGtSZmdCMWNQejBEVWpUdk9iOG1FVDFCbE0wZzB6VFNTTnRLaTFOME9vT1Y2dXQyV3NybURHWHZSQ0xtSUh6ZTJqUnk1NDRyQjlVNURKSnFCN3pmVElWdzkvRkNtYWhuNG55RVJrOGljSHVRN3owTFF3eTRpenZQcGRvczdIazVrOTYwTlJDTDJDZmNXZXFuZDhMTUxqRTkzbkJHTXpZNnVGOHdoQTNjaTc5NUJvb2c3cHJFbUdHNktZaERVSVhBM3dNOTl6eXdPNThUbUc0TER6NjlFcm1jakFxL3hlQmltaEloM1NCemRHeDBqbGtaZm5IMlppMTEwd2drb0o4YnJYd0NQdU9ITm9QRlhHQlRYdlJlOGxpTjUxWHVFTFNGSEZoWDlUQ1B2YjBmVWFiQ1MrQzhYVWQvQVB3MSt0QTM1OW84Z0dYM2R1R0xEVUFsa2pQUkloYjNXTmhLM2w5VU9TNlVFcDN4UEFudDN0aU0vcG9XRS9HOVRXOGt5NHRsTzFKOTFCaVBpWVd1dnZzMDZlcW9ScEJjcCszdDNxUzNWMkFFU25ESmR6OEd0YVVIY0dYcENPR0k1T2lYakJnMDRzTzk1UkNiTUxibG1TaVNWRGFsV3BrMWZkWUFYM0lSOC9KT0lwVUlCckpBQWVpVWRscjZSOGx3bXQ0cUV2Rk5vWGNGampoV1pPWERhNzRBWHY5a1FJMFA2L1pDeEI5TUp6R0g4S1lRSkUrR2w3a1MwZ3NzVElxSVViYlQyU3lSZ01YT2hGMGVHQ09GajFSWVNzZ1JPNnZOd0VsMUhxMEZnbWUzN0s3bTNHUnhuanhEUjZyQ3hIOVlNUkZMczdNOU5xbDNSUXdrWEl0ZHloYlUyYVhTZVp0TStEaDAvekJCeWtKdWJSeGRQL0pLN01TZHo4RlRsNENscGkvY3dZalh6d3NSR2loczBLdVNldy9UOHdtTzZXZkVpWHU5V2N5NlE4NGNOaWgzRE15S2p6dDNJaVcxR2JlQ054cllPNk1tOHZvOHpKNk5yN2kxRy9DTjlxdWZkYmc0OEEwWDZTSEsxeWJra00zVUNPVy9PR2w1OE1hb3doWXhjSGdyQTl3M0lIT045M1ZYR0tmbmhwSEhQM2RJekh2bk12c0UzWlJEUW56dk1LSU81SXhja3pabDZLKzJRWjFrZUF3Wk5TeVIxcXFWUm96Mll0RUlsWWtXMDdQZzB4TmlQSE9qbmpteWsxenpMaVp4cDFHZXd6VmhUK0lMSkE0dXFKUWVhb0R5SFB3bEs0RjlXb0ZjTklzcEVKcGdQNXlRaXdzUXhsd2U1L25FaGlYam4ydE8vYzVLSnhHUWQ4MHFFK083NUp4OFJCVStiUFM5MFpqZVcwMzVTRXVKRWNpVkNnbUFWZjI4ZnNjVWxPaWU0ZENwbU05ZmUzSCtXazVuY2lzcFN3M2lWNWZHNjM3VVhlK0YrU1NTcjRrV3RLa1EvYjhRSWtBMVBhUUthYW9FKzF5S2NQTjV1eXZNSEowQWd6UVBkeEFiZ2NEOHdpdm5VbEhHV01Ka3YvUlBZbHg1dENleHovWkpFWkFOQ1hRTXp6Q1NmZWZiMWs0dXB1TjJNVEJoVGJkdGxvYXFFWGJRelEyUjZLU0R6MGcyV054dDJBUGVzQjdidjRid3FZRGxOOEpyNXdOUTAxK3ExMHVydXRYTWI2REJyaytIYlFlQWx4dHZWendOUHZRTE1KQk5XTEFTV2ZFZ1BVY1RidHB2OVhQK0YxMnk0Mlh1clJuWTh5SVhmQi83K0ZyQ2ZDV1FkRnh2SEFIdUE3K1ByQ1VUMjBoN0xWZUg0T3h4YlEyTG1uQTYwTk5uZ2xTUDNObklEUC80anNHN0gwZHllUmc3ZXRBajQ2RVRnWDB6UFpxZXRwTnBvbW05MjJIWEhVb3ByZWNoYjgrZWo1eStjQVZ4M0FmRGlxOEQ5bThvRUdlalB2WmNUUVhObGNjdnBNRjFUdWU5MEluN3dzOEFUWHdibVRTanZGZi8rZThLeWluT2J5ZDJMcGcra2FMTUpGQXVXRHpCRzFyK3RSTWlKS2RNMHovakpFT2RmcGZQL01FaUM5cXJRRUR1QmpyRmJud2VIT1A5UnVlMDlqdmx2VjdyNy9iRDVvRU10SnZ5R3dMTUova21RVDFLWDZMdjR2Q3VGRTRRbnkrYlBKQ3dXOHlNOFYrWVJGK2tjdWN5K21QQUVvVTlWOE5Nd243ek1ZZXBWSFMrV1hhdlhKVjNhUnNOQ3EzNENXR08vYXhSRFNGRzFiaTVjTXl0MDZmT3JJVEhteXNZOEZDTGlHMlY5SGZxOHNYU1lrZHYzWXIrVTg4dm1DS3pVdnVsYXYxdnJpOHZHWlpRcHZ3N2J5QUx0cE11QjNCVExSNGhkMmxhNDMzMVA2MThVVXlYOFR1dHlpOWVnNzM4amlOVlBJbXpUdG9LeDd0VDZmWXB2a3RiZkpKeXRueUdlMUxaWjltTE52RjhmWW1TbjlnbitSN1R0Z1RBaGoxYzRBTlNWYlVUZS94cnEvNWkyMFMvaUJuMnZLejlnRUw2dDlheHV1bEJ1MC81MEJRTitKUFMrVkRjdjcrZVZqWlUxMXdzTmhjaGU2Y1BEb1ZLRUtwYTlvZmY2a0EwMGw4MEpmeGhKNlZQdVpOOG9jODlTM3FsQXlHbWgydy9QZkRDeTVmV3lzV0lyMWVFVVphMCt2eElhZElzK08wTnRxZkMxV2VnQzR6RjkvMmFvLyt2NlBIQmsyQzZXd3B6dmg5cGFsWUNmaGhnaERDdGNSdHdWR251eEV0RWVObmJaekhhZHZEbjBIcWphRkRnVkR0bFhhRnVyMWpkci9TK0t1REQvMXREOGZXVWMvVlVoRnVqRmM2QzRvYlltOVI5cS9TR3RpNjF0Q3EyL3Zqd2dpbHU5UjcyTGJQaFN3aStWY2lrL0kzd3J0SW1wMmo4LzFIYW5xb0tvd0JMQ3c0VEx0WTk1RUw1YlFZVnZWQS9wS2NlajJ0Nms2MTlWNWhrejZ2MkVnYXRsVHliTk92WHZvRk9FbkNKa3dQSnZBUVlBUjZlVldYeE1EOGNBQUFBQVNVVk9SSzVDWUlJPSIgaGVpZ2h0PSI1MCIgd2lkdGg9IjUwIi8+PC9zdmc+);
    background-position: 5px;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    padding: 9px 15px 9px 50px
}

@media (max-width: 1000px) {
    .android-button {
        padding: 9px 15px
    }
}

.ios-button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMS0xaDUydjUySC0xeiIvPjxpbWFnZSB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQURJQUFBQXlDQVlBQUFBZVA0aXhBQUFBR1hSRldIUlRiMlowZDJGeVpRQkJaRzlpWlNCSmJXRm5aVkpsWVdSNWNjbGxQQUFBQXlOcFZGaDBXRTFNT21OdmJTNWhaRzlpWlM1NGJYQUFBQUFBQUR3L2VIQmhZMnRsZENCaVpXZHBiajBpNzd1L0lpQnBaRDBpVnpWTk1FMXdRMlZvYVVoNmNtVlRlazVVWTNwcll6bGtJajgrSUR4NE9uaHRjRzFsZEdFZ2VHMXNibk02ZUQwaVlXUnZZbVU2Ym5NNmJXVjBZUzhpSUhnNmVHMXdkR3M5SWtGa2IySmxJRmhOVUNCRGIzSmxJRFl1TUMxak1EQXlJRGM1TGpFMk5ETTFNaXdnTWpBeU1DOHdNUzh6TUMweE5UbzFNRG96T0NBZ0lDQWdJQ0FnSWo0Z1BISmtaanBTUkVZZ2VHMXNibk02Y21SbVBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHhPVGs1THpBeUx6SXlMWEprWmkxemVXNTBZWGd0Ym5NaklqNGdQSEprWmpwRVpYTmpjbWx3ZEdsdmJpQnlaR1k2WVdKdmRYUTlJaUlnZUcxc2JuTTZlRzF3UFNKb2RIUndPaTh2Ym5NdVlXUnZZbVV1WTI5dEwzaGhjQzh4TGpBdklpQjRiV3h1Y3pwNGJYQk5UVDBpYUhSMGNEb3ZMMjV6TG1Ga2IySmxMbU52YlM5NFlYQXZNUzR3TDIxdEx5SWdlRzFzYm5NNmMzUlNaV1k5SW1oMGRIQTZMeTl1Y3k1aFpHOWlaUzVqYjIwdmVHRndMekV1TUM5elZIbHdaUzlTWlhOdmRYSmpaVkpsWmlNaUlIaHRjRHBEY21WaGRHOXlWRzl2YkQwaVFXUnZZbVVnVUdodmRHOXphRzl3SURJeExqRWdLRmRwYm1SdmQzTXBJaUI0YlhCTlRUcEpibk4wWVc1alpVbEVQU0o0YlhBdWFXbGtPa1U0UVRjNE5FUXpNa0kwUVRFeFJVTTVPVEk0UkVNMVJVTXdOMEZFTkRoRElpQjRiWEJOVFRwRWIyTjFiV1Z1ZEVsRVBTSjRiWEF1Wkdsa09rVTRRVGM0TkVRME1rSTBRVEV4UlVNNU9USTRSRU0xUlVNd04wRkVORGhESWo0Z1BIaHRjRTFOT2tSbGNtbDJaV1JHY205dElITjBVbVZtT21sdWMzUmhibU5sU1VROUluaHRjQzVwYVdRNlJUaEJOemcwUkRFeVFqUkJNVEZGUXprNU1qaEVRelZGUXpBM1FVUTBPRU1pSUhOMFVtVm1PbVJ2WTNWdFpXNTBTVVE5SW5odGNDNWthV1E2UlRoQk56ZzBSREl5UWpSQk1URkZRems1TWpoRVF6VkZRekEzUVVRME9FTWlMejRnUEM5eVpHWTZSR1Z6WTNKcGNIUnBiMjQrSUR3dmNtUm1PbEpFUmo0Z1BDOTRPbmh0Y0cxbGRHRStJRHcvZUhCaFkydGxkQ0JsYm1ROUluSWlQejdNemRNbUFBQUZuRWxFUVZSNDJ1eWFXMmdjVlJqSHo5NXkyU1FtNEFZMW0wZ01wSXFJR2lSYWZMQStTQXV4UXBVaVZvc2lGUHJnUThFSEM3NW9vQlVVWTVWU3NZaDRReUhRcGhwQlZpbFlIMnF2aUduRUI4V3RTZENrdWJDa3llYTZtL1gzRFROeE85MlozWm05VENoKzhERm5kdWFjOC8zUGR6MW4xcGZKWk5TTlFINTFnMURRNm9IUDUxdHZ0N1MwcUs2dUxoVUlCTlR5OHJKMjFWYkI3MWZwZEZxdHJhMXA5NkZRYVAyWm1VVHpxNnVyMnJqU2g3NTF0SGZ6cUlmMjNZeHhnYjdQNWhONGNIRFFHWkF5RXZJR251UjZDRzZWSHdRWWxGaFpXU205UnR4U3RpWXQ2SE40bDdrUEdwc3NpMm01SVRFZk1UM0QxTEtwcXFyS2o4Q2ZtVUZrMGM5aXFoc0NpS3hzVTFQVGRWcVIrMFFpc1lmbWN6YmRmOGhqajVVRklxdWFBMGdUZk5RcTFPTWpsOURpK1Z6bWFiVHptV3hKZ1lpelRrNU9xbUR3Mm1HSlZ1OWlXaGIycUpuZFd3aWFGR0hGTEEyaDllaW1xcXVyMWNEQWdMSXp2WkxtRVpsSVFJZ1paSEV0Z3U2d1ZxTm1VbDlJVTBEVTFOU29aREtwQ1c5b1Y4YVJaNmxVcXJKUkt6dTNRQThoU0kwNUtPaVI2aFRBZDhpOUNHa0FrWHlUSzJCNGt0bGxGV1ZGNFRiemd1a21jaHplaHNCWERhR2xqd0FzSUlRWEQ4UllUVHNIMUZmYmFBYzBBL3BQVzJmUXdpUGM3Z1RRQ3UvVjBvN0FZU2ZPWGJScEdVTENXMWpKeDdsL2dKVzhWUmQyQWo0bmxZUkVJUVJPOC93a3d1L2p0M0ZLR0RHbG1hV2xwUWdnM3VTM3grRGI0UWJlVytRNnhyTWh4dnVlOWpGNHNXQzVyRUppcmxwTEhKbUp0akhSNi9UYmJMTnlQTTRNODk1UlFKd0ExRGlDQjNoM0syQjY4WUZ1SzRIRXYyUWUzdjJiZm9kbzk5WFcxcXIrL3Y1MWl5ald0RUpNOGdIQ3hXaHZ6bVBMUFBMZGl5QkhhRittVDF4V0hDRytaU0c2OC9tV0NNdGNVYTV2TTRab3Q2bFVQaEptZ3E4WWZLOExVNnptY2dkQ2hZeFFXcWdKNjNubENmTFRkL1gxOWRXUlNNUzVqL1QwOUdnRExTNHVxb1dGaFk4QjBaTlRBeG5EbFlzdUppMEpMVDZJUEVQa283c2NBMmx2YjFkNmt0by9NVEh4dEJTRE9ZWHhxYklUV3N6TXo4K2ZSU3VpenJRaklMRllURFpLN1RqNlBuRzJZbGEweUFRN0N6K0RSY1FrV1RyV1NHdHJxOVJBMitIYnZOcSs2b3YzdkFTWWZKbmVFZ2hxbE1zZUwvZmgrTVlSTkRGb09MNll0Mk1nRkcxQk90N24yYW1JMy84UHhlTkJmUnVza1NzZ3JNQlQyZVZJcFlsb2VTSWNEbytiazZWaklBeTB0Wklnekl1R1JtSlNCUmNhd3UxcXJYc0tuYlFjaHhiTnpjMUQ1ZzJhMjNPdGFEbVNXNkUwUFQxOXRTUmxQS3Z1VXg0U0lmY21JMXBsczJNZzJPZ1ZMNEV3LzUxaVdtWjJBK1N5OHBhMlNDYVhxc0pnVnhxQkxuZ01aUHZZMkZnamRaNGFIUjFWSXlNanR1SFhFc2pVMU5TUHhaejhsWUR1eDA5Mnh1TnhOVGMzcDRGd0ZYNHBVYzU2bFF5Tm82Rm9OUG9oWmNvNXJyL0tQc2FjVndyU2lCeTJNY2o1U2laRWM0aW5SUEYxZEhTY2JHaG82R1pQNUM3OFNsMlRTcVcrcVhDbGU5MXZWQmkzek03T25pWml2U3hSMlRHUXpzNU95YTZuR0d6Vlk2Y1hiWVg4UG44ZnpkOGNBNUZqUzdReXpDQi9lUTFFTzRMUzl0UTI2Y0xxQWVwVWJDOW5BZksxMmlDRW4vUTdCaUlicTdxNk90bnU3dDhnT0paSkIvMnVuRjNuTldMNGdRM2dKeit4MlJ0MkRFVEtBNE1wRHc1anA2TWVnaEEvMmVYcSs0Z2tKSVBSeUNTRHZlZGhjbnlGWkhqRjdxdXYzMmFIZUEwenlEdUF1VmhwVFFEZ0V0ZjNYVytzNUl0UkRwTHQ3eCtzME0wVkt1WGxTT29GNWt1NkJpS0ZXZzVLd0h2eG15L0p0RlhsQnRMWTJQaHFXMXZiTDRWOHZiSUVJcUhYWXBXT0E2SVhVenRZenFJU2svcUVDcnh2Wm1hbXVEMjdmQk94SW9ySk54S0poSjhnMEV0VmFsZnIvd21meHNZbDRxVUEza0w3VWRxYjhpekNNY1orVVpKeW9mOWVDdHBWdjFZa0h5NEJjQUQrbmZackNDVmZuWXh6K1FVbVA0UDVmUXBnT1NWTWkya1kzd2NSTUloV0grYTlsMlFYcVBSUGJucmdpZlBzTU5yNFNONlZQK2tVWE1iOC8zK3REVWIvQ2pBQWFBU2RFMlV0bktFQUFBQUFTVVZPUks1Q1lJST0iIGhlaWdodD0iNTAiIHdpZHRoPSI1MCIvPjwvc3ZnPg==);
    background-position: 5px;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    padding: 9px 15px 9px 50px
}

@media (max-width: 1000px) {
    .ios-button {
        padding: 9px 15px
    }
}

body.no-scroll {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow-y: scroll;
    position: fixed;
    width: 100%
}

.links-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1.5rem -1rem
}

.links-list__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    margin: .5rem 1rem;
    position: relative
}

.links-list .get-image {
    border-radius: 50%;
    height: 40px;
    left: 30px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px
}

.links-list .accent-button {
    padding: 15px 40px 15px 70px;
    text-align: center;
    width: 100%
}

.error {
    background: tomato;
    padding: 1rem
}

.error__text {
    color: #fff;
    font-size: 1.1rem;
    text-align: center
}

.simple-banner {
    padding: 3.5rem 0
}

@media (max-width: 740px) {
    .simple-banner {
        padding: 1.5rem 0
    }
}

.simple-banner__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

.simple-banner__content {
    margin-right: 20px;
    width: calc(50% - 20px)
}

@media (max-width: 740px) {
    .simple-banner__content {
        margin-right: 0;
        width: 100%
    }
}

.simple-banner__content_text > * {
    margin-bottom: 2rem
}

.simple-banner__content_controls {
    margin-top: 3.5rem
}

@media (max-width: 370px) {
    .simple-banner__content_controls .control__button {
        display: block;
        margin: 0 auto
    }
}

.simple-banner__content_controls .control__link {
    margin-left: 2rem
}

@media (max-width: 370px) {
    .simple-banner__content_controls .control__link {
        display: block;
        margin-left: 0;
        margin-top: 1rem
    }
}

.simple-banner__media {
    text-align: center;
    width: 50%
}

@media (max-width: 740px) {
    .simple-banner__media {
        margin-top: 2rem;
        width: 100%
    }
}

.banner-with-heading__top {
    background-color: #000;
    padding: 1rem 0
}

.banner-with-heading__top_title {
    color: #fff;
    margin: 0;
    text-align: center
}

.banner-with-heading__image-wrapper {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3.5rem 0
}

.banner-with-heading__media {
    opacity: .7;
    text-align: right
}

@media (max-width: 740px) {
    .banner-with-heading__media {
        text-align: center
    }
}

.header-breadcrumbs-right {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0
}

.header-breadcrumbs-right .breadcrumbs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #fbfbfb;
    border-radius: 5px;
    color: #575757;
    font-size: 1rem;
    font-weight: 400;
    justify-content: flex-end;
    padding: 8px 4px;
    text-align: right
}

.header-breadcrumbs-right .breadcrumbs a {
    color: #575757;
    text-decoration: none;
    -webkit-transition: color .25s;
    transition: color .25s
}

.header-breadcrumbs-right .breadcrumbs a:hover {
    color: var(--main-accent-bg-color)
}

.header-breadcrumbs-right .breadcrumbs span {
    color: #575757
}

.header-breadcrumbs-right__content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -10px
}

.header-breadcrumbs-right__text {
    margin: 10px;
    width: calc(50% - 20px)
}

@media (max-width: 900px) {
    .header-breadcrumbs-right__text {
        width: calc(100% - 20px)
    }
}

.header-breadcrumbs-right__text > * {
    margin-bottom: 2rem
}

.header-breadcrumbs-right__media {
    margin: 10px;
    text-align: center;
    width: calc(50% - 20px)
}

@media (max-width: 900px) {
    .header-breadcrumbs-right__media {
        width: calc(100% - 20px)
    }
}

.header-breadcrumbs-right__button {
    display: block;
    font-weight: 400;
    margin: 3rem auto;
    max-width: 300px;
    width: 100%
}

.toc-small {
    border-radius: 7px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    display: inline-block;
    margin: 1rem 0;
    padding: 30px 20px;
    width: auto
}

.toc-small__title {
    color: var(--text-main-accent-color);
    font-size: 1.1rem;
    font-weight: 600
}

.toc-small__list {
    font-size: 1rem;
    list-style: none;
    margin-top: 1rem
}

.toc-small__list_item:not(:first-of-type) {
    margin-top: .5rem
}

.toc-small__list_item a {
    color: #212121;
    text-decoration: none;
    -webkit-transition: color .25s;
    transition: color .25s
}

.toc-small__list_item a:hover {
    color: var(--text-main-accent-color)
}

.toc-small__list.dashed .toc-small__list_item {
    margin-left: 15px;
    padding-left: 15px;
    position: relative
}

.toc-small__list.dashed .toc-small__list_item:after {
    background-color: #212121;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px
}

.toc-small__list.lined {
    border-left: 1px solid var(--main-accent-bg-color);
    margin-left: 15px;
    padding-left: 15px
}

.icons-blocks {
    padding: 2rem 0
}

.icons-blocks__title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2rem;
    text-align: center
}

.icons-blocks__text {
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: center
}

.icons-blocks__container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px -10px
}

.icons-blocks__item {
    margin: 20px 10px;
    width: calc(25% - 20px)
}

@media (max-width: 650px) {
    .icons-blocks__item .icons-blocks__item_title {
        text-align: center
    }
}

.icons-blocks__item_title {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: center
}

.icons-blocks__item_icon {
    margin: 10px auto 0;
    max-width: 150px;
    position: relative;
    text-align: center
}

.icons-blocks__item_icon img {
    position: relative;
    z-index: 2
}

.icons-blocks__item_shape {
    background-color: var(--main-accent-bg-color);
    border-radius: 50px;
    height: 25px;
    margin: 35px 0;
    width: 100%;
    z-index: 1
}

.icons-blocks__item_text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    margin-top: 1rem;
    text-align: center
}

@media (max-width: 950px) {
    .icons-blocks__item {
        width: calc(33.33333% - 20px)
    }
}

@media (max-width: 720px) {
    .icons-blocks__item {
        width: calc(50% - 20px)
    }
}

@media (max-width: 510px) {
    .icons-blocks__item {
        width: calc(100% - 20px)
    }
}

.big-promocode {
    margin: 0 auto;
    max-width: 1000px
}

.big-promocode__title {
    color: #1d1d1d;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    text-align: center
}

.big-promocode__block {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 4rem auto 0;
    padding: 3% 5%
}

.big-promocode__block_date, .big-promocode__block_text {
    -webkit-box-flex: 0;
    color: #272727;
    -ms-flex: 0 1 200px;
    flex: 0 1 200px
}

@media (max-width: 835px) {
    .big-promocode__block_date, .big-promocode__block_text {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 20px);
        flex: 0 1 calc(50% - 20px)
    }

    .big-promocode__block_date:not(:first-of-type), .big-promocode__block_text:not(:first-of-type) {
        margin-left: 20px
    }
}

@media (max-width: 500px) {
    .big-promocode__block_date, .big-promocode__block_text {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .big-promocode__block_date:not(:first-of-type), .big-promocode__block_text:not(:first-of-type) {
        margin-left: 0;
        margin-top: 20px
    }
}

.big-promocode__block_date .title, .big-promocode__block_text .title {
    font-size: 1.05rem;
    font-weight: 500
}

.big-promocode__block_date .value, .big-promocode__block_text .value {
    border: 1px solid var(--main-accent-bg-color);
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 10px;
    max-width: 200px;
    padding: 10px;
    width: 100%
}

@media (max-width: 835px) {
    .big-promocode__block_date .value, .big-promocode__block_text .value {
        max-width: 100%
    }
}

.big-promocode__block_date .value.promocode-date, .big-promocode__block_text .value.promocode-date {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAMAAADto6y6AAAANlBMVEUAAABYWFhYWFhZWVlYWFhWVlZYWFhZWVlXV1dQUFBYWFhYWFhYWFhXV1dYWFhYWFhgYGBYWFiSJI7gAAAAEXRSTlMAn0BfvzAgj48Q329Pr4B/ELNhE3oAAACISURBVCjPnZBLDsMgDETHH0ggSdO5/2ULxYsuiJD6pAGkJ7AxvhgVgdIQPIiijZ2HBgfvvhVUTqmgm5nwtmCjtNUJyqyGhMiWEbz7McSElUh+Avs2op5+hALbPnJ6Wj9VNLdraaRoCRG9u48YNUT0rmdP/GnZrijwOkZU8mONf0dSZUIlLk65PmYzCPCcfHirAAAAAElFTkSuQmCC);
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    background-size: 20px
}

.big-promocode__block_date .value.promocode-value, .big-promocode__block_text .value.promocode-value {
    font-weight: 500
}

.big-promocode__block_button {
    -webkit-box-flex: 1;
    border-radius: 10px;
    -ms-flex: 1;
    flex: 1;
    max-width: 300px
}

@media (max-width: 835px) {
    .big-promocode__block_button {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin: 30px auto 0;
        max-width: 100%;
        width: 300px
    }
}

.big-promocode__block_link {
    color: #777;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 1.4rem;
    text-align: center;
    -webkit-transition: color .25s;
    transition: color .25s;
    width: 100%
}

.big-promocode__block_link:hover {
    color: var(--text-main-accent-color);
    text-decoration: none
}

.small-promocode {
    background-color: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    margin: 0 auto;
    max-width: 520px;
    padding: 3%
}

.small-promocode__title {
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center
}

.small-promocode__block {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px
}

.small-promocode__block_date, .small-promocode__block_text {
    color: #272727;
    width: calc(50% - 15px)
}

@media (max-width: 500px) {
    .small-promocode__block_date, .small-promocode__block_text {
        width: 100%
    }

    .small-promocode__block_date:nth-of-type(2), .small-promocode__block_text:nth-of-type(2) {
        margin-top: 20px
    }
}

.small-promocode__block_date .title, .small-promocode__block_text .title {
    font-size: 1.05rem;
    font-weight: 500
}

.small-promocode__block_date .value, .small-promocode__block_text .value {
    border: 1px solid var(--main-accent-bg-color);
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 10px;
    padding: 10px;
    width: 100%
}

.small-promocode__block_date .value.promocode-date, .small-promocode__block_text .value.promocode-date {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAMAAADto6y6AAAANlBMVEUAAABYWFhYWFhZWVlYWFhWVlZYWFhZWVlXV1dQUFBYWFhYWFhYWFhXV1dYWFhYWFhgYGBYWFiSJI7gAAAAEXRSTlMAn0BfvzAgj48Q329Pr4B/ELNhE3oAAACISURBVCjPnZBLDsMgDETHH0ggSdO5/2ULxYsuiJD6pAGkJ7AxvhgVgdIQPIiijZ2HBgfvvhVUTqmgm5nwtmCjtNUJyqyGhMiWEbz7McSElUh+Avs2op5+hALbPnJ6Wj9VNLdraaRoCRG9u48YNUT0rmdP/GnZrijwOkZU8mONf0dSZUIlLk65PmYzCPCcfHirAAAAAElFTkSuQmCC);
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    background-size: 20px
}

.small-promocode__block_date .value.promocode-value, .small-promocode__block_text .value.promocode-value {
    font-weight: 500
}

.small-promocode__block_content {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3rem;
    margin-top: 20px;
    text-align: center
}

.small-promocode__block_button {
    border-radius: 10px;
    margin-top: 20px;
    width: 100%
}

.small-promocode__block_link {
    color: #777;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 1.4rem;
    text-align: center;
    -webkit-transition: color .25s;
    transition: color .25s;
    width: 100%
}

.small-promocode__block_link:hover {
    color: var(--text-main-accent-color);
    text-decoration: none
}

.registration-stages__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -30px
}

@media (max-width: 1010px) {
    .registration-stages__container {
        margin: -10px
    }
}

.registration-stages__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    margin: 30px;
    padding: 2%
}

.registration-stages__item.col-1 {
    width: calc(100% - 60px)
}

.registration-stages__item.col-2 {
    width: calc(50% - 60px)
}

.registration-stages__item.col-3 {
    width: calc(33.33333% - 60px)
}

.registration-stages__item.col-4 {
    width: calc(25% - 60px)
}

@media (max-width: 1010px) {
    .registration-stages__item.col {
        margin: 10px;
        width: calc(33.33333% - 20px)
    }
}

@media (max-width: 700px) {
    .registration-stages__item.col {
        width: calc(50% - 20px)
    }
}

@media (max-width: 550px) {
    .registration-stages__item.col {
        width: calc(100% - 20px)
    }
}

.registration-stages__item_image {
    height: 100px;
    width: 100px
}

.registration-stages__item_content {
    color: #272727;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2rem;
    margin-top: 4%;
    text-align: center
}

.single-register__title {
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 700;
    padding-bottom: 10px;
    position: relative;
    text-align: center
}

.single-register__title, .single-register__title:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.single-register__title:after {
    background-color: var(--main-accent-bg-color);
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    width: 100%
}

.single-register__container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 30px -10px -10px
}

.single-register__container, .single-register__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.single-register__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    margin: 10px;
    width: calc(33.33333% - 20px)
}

.single-register__item.col-1 {
    width: calc(100% - 20px)
}

.single-register__item.col-2 {
    width: calc(50% - 20px)
}

.single-register__item.col-3 {
    width: calc(33.33333% - 20px)
}

.single-register__item.col-4 {
    width: calc(25% - 20px)
}

@media (max-width: 950px) {
    .single-register__item.col {
        width: calc(50% - 20px)
    }
}

@media (max-width: 700px) {
    .single-register__item.col {
        width: calc(100% - 20px)
    }
}

@media (max-width: 400px) {
    .single-register__item.col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.single-register__item_counter {
    background-color: var(--main-accent-bg-color);
    border-radius: 50%;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 73px;
    margin-right: 20px;
    min-height: 80px;
    min-width: 80px;
    text-align: center
}

@media (max-width: 400px) {
    .single-register__item_counter {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 20px;
        margin-right: 0;
        min-height: 40px;
        min-width: 40px
    }
}

.single-register__item_content {
    color: #272727;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1rem
}

@media (max-width: 400px) {
    .single-register__item_content {
        text-align: center
    }
}

.estrelabet {
    container-type: inline-size;
    display: grid;
    gap: 1rem;
    grid-template-columns:449px auto
}

@media (max-width: 1250px) {
    .estrelabet {
        grid-template-columns:1fr
    }
}

.estrelabet__pic {
    height: 449px;
    margin: 0 auto;
    width: 449px
}

@media (max-width: 1250px) {
    .estrelabet__pic {
        height: 100%;
        max-height: 750px;
        max-width: 750px;
        width: 100%
    }
}

.estrelabet__pic img {
    border-radius: 8px;
    height: 100%;
    width: 100%
}

.estrelabet__list {
    display: grid;
    gap: 1rem;
    grid-template-columns:repeat(4, 1fr)
}

@container (max-width: 1200px) {
    .estrelabet__list {
        grid-template-columns:repeat(3, 1fr)
    }
}

@container (max-width: 600px) {
    .estrelabet__list {
        grid-template-columns:repeat(2, 1fr)
    }
}

.estrelabet__list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--bg);
    border: 2px solid var(--border-color);
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    min-height: 80px;
    padding: 8px;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.estrelabet__list-item:hover {
    background-color: var(--bg-hover)
}

.estrelabet__list-item-pic {
    max-height: 56px;
    max-width: 56px;
    -o-object-fit: contain;
    object-fit: contain
}

.estrelabet__list-item-pic img {
    height: 100%;
    width: 100%
}

.estrelabet__list-item-title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin: 0
}

.m-review {
    --gap: 16px;
    display: grid;
    font-family: Arial, sans-serif;
    gap: var(--gap)
}

@media (max-width: 900px) {
    .m-review {
        --gap: 8px
    }
}

.m-review__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: unset !important
}

@media (max-width: 900px) {
    .m-review__title {
        font-size: 24px;
        line-height: 28px
    }
}

.m-review__description {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.m-review__card {
    background: var(--bg);
    border-radius: 16px;
    display: grid;
    gap: var(--gap);
    padding: var(--gap)
}

.m-review__card-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--gap)
}

@media (max-width: 900px) {
    .m-review__card-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.m-review__card-description {
    font-size: 16px;
    line-height: 20px
}

.m-review__card-logo.get-image {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 64px
}

@-moz-document url-prefix() {
    .m-review__card-logo.get-image {
        display: -webkit-box
    }
}

@media (max-width: 900px) {
    .m-review__card-logo.get-image {
        width: 48px
    }
}

.m-review__card-title {
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px
}

@media (max-width: 900px) {
    .m-review__card-title {
        font-size: 20px;
        line-height: 24px;
        width: 75%
    }
}

.m-review__card-button {
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: auto;
    margin-top: unset;
    text-align: center;
    width: 255px
}

@media (max-width: 900px) {
    .m-review__card-button {
        width: 100%
    }
}

.m-review__card-info {
    display: grid;
    gap: var(--gap);
    grid-template-columns:255px 1fr
}

@media (max-width: 900px) {
    .m-review__card-info {
        grid-template-columns:1fr
    }
}

.m-review__card-info .aspect {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--gap);
    padding: var(--gap)
}

.m-review__card-info .aspect__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.m-review__card-info .aspect__list {
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0
}

.m-review__card-info .aspect__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 18px;
    padding-left: 25px;
    position: relative
}

@media (max-width: 900px) {
    .m-review__card-info .aspect__item {
        font-size: 14px;
        line-height: 18px;
        padding-left: 18px
    }
}

.m-review__card-info .aspect__item:not(:last-child) {
    margin-bottom: 0;
    padding-bottom: var(--gap)
}

.m-review__card-info .aspect__item.pros:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACDSURBVHgBjZDJDYNADABtK8o7/ZDHUklCB1ABdMBVAHTC1QAdQAkUAGsWBAgJgTwfS9bMw0YQEFfWDwBdrbVDEhmRclrNd48SGZHbcXzZnl0OFBbqI5WXPRFNXVJbmUTeAo7M+O/Rk7yw3pA2X58ZAwAuzUrdyUdwjp7kCyZSd0/YmQH1PlJ+5t5EGgAAAABJRU5ErkJggg==)
}

.m-review__card-info .aspect__item.cons:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC3SURBVHgBbZCxDcIwEEXvX5AjKhiBETICLaIJG2SESKQnFHRIMAJbhA4xCTABSYVAJIcPEWFZPuk35+fv/416WV0AOoy2szV5c8+rCSI6RSwZK2R3ZVNUqxAEJhoYuUKXP6hUqbMLGdNNh5v5Db3DH5a9CFIX0nO4zzXFcWfB3Ko2sSQ9pMNuJhFJ7d3aavx6cuaasB/cxG3S53ULIhQ8VBDff/QgvyAIKXNEZQjSUadOZNG+H+cP2K5hEnsW8iAAAAAASUVORK5CYII=)
}

.m-review__card-info .aspect__item:before {
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 10px
}

.m-review__card-info .table {
    background: #fff;
    border: unset;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 2/2;
    grid-row: 1/3;
    padding: var(--gap)
}

@media (max-width: 900px) {
    .m-review__card-info .table {
        grid-column: 1/2;
        grid-row: 3/3
    }
}

.m-review__card-info .table tbody {
    display: grid;
    width: 100%
}

.m-review__card-info .table__row {
    display: grid;
    grid-template-columns:1fr 1fr
}

@media (max-width: 900px) {
    .m-review__card-info .table__row {
        gap: var(--gap);
        grid-template-columns:1fr
    }
}

.m-review__card-info .table__row:not(:last-child) {
    border-bottom: 1px solid #f7f7fb;
    padding-bottom: 20px
}

@media (max-width: 900px) {
    .m-review__card-info .table__row:not(:last-child) {
        padding-bottom: 8px
    }
}

.m-review__card-info .table__row:not(:first-child) {
    padding-top: 20px
}

@media (max-width: 900px) {
    .m-review__card-info .table__row:not(:first-child) {
        padding-top: 8px
    }
}

.m-review__card-info .table__column {
    -ms-flex-item-align: center;
    align-self: center;
    border: unset;
    padding: 0
}

@media (max-width: 900px) {
    .m-review__card-info .table__column:first-child {
        border-bottom: 1px solid #f7f7fb;
        padding-bottom: var(--gap)
    }
}

.m-review__card-info .table__column .label {
    color: #4a4a4b;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding-bottom: 8px
}

.m-review__card-info .table__column .text {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width: 900px) {
    .m-review__card-info .table__column .text {
        font-size: 16px;
        line-height: 20px
    }
}

.m-review__card .screens {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--gap);
    justify-content: space-between
}

@media (max-width: 900px) {
    .m-review__card .screens {
        overflow-x: auto
    }
}

@-moz-document url-prefix() {
    .m-review__card .screens {
        scrollbar-color: #000 #eaecf0;
        scrollbar-width: thin
    }
}

.m-review__card .screens::-webkit-scrollbar {
    background-color: #eaecf0;
    border-radius: 6px;
    height: 4px
}

.m-review__card .screens::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 6px
}

.m-review__card .screens .screen {
    width: 100%
}

.m-review__card .screens img {
    max-width: unset;
    width: 100%
}

@media (max-width: 900px) {
    .m-review__card .screens img {
        width: 204px
    }
}

.m-review-custom .m-review__description, .m-review-custom .m-review__title {
    color: var(--review-color-title)
}

.m-review-custom .m-review__card-description, .m-review-custom .m-review__card-title {
    color: var(--review-color-card-title)
}

.m-review-custom .m-review__card-info .aspect__title, .m-review-custom .m-review__card-info .table__column .label {
    color: var(--review-color-table-title)
}

.m-review-custom .m-review__card-info .aspect__list, .m-review-custom .m-review__card-info .table__column .text {
    color: var(--review-color-table-description)
}

.m-review-custom .m-review__card-button-custom {
    background-color: var(--review-bg-btn);
    border: 2px solid var(--review-bg-btn);
    border-radius: var(--review-btn-radius);
    color: var(--review-color-btn)
}

.m-review-custom .m-review__card-button-custom:hover {
    background-color: var(--review-bg-hover-btn);
    border: 2px solid var(--review-bg-hover-btn);
    color: var(--review-color-hover-btn)
}

.links-block {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -1.5rem -1rem
}

.links-block .link-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1.5rem 1rem;
    width: calc(25% - 2rem)
}

.links-block .link-block, .links-block .link-block__image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.links-block .link-block__image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.links-block .link-block__image .get-image {
    height: 100%;
    width: 100%
}

.links-block .link-block__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width: 1150px) {
    .links-block .link-block {
        width: calc(33.33333% - 2rem)
    }
}

@media (max-width: 900px) {
    .links-block .link-block {
        width: calc(50% - 2rem)
    }
}

@media (max-width: 650px) {
    .links-block .link-block {
        width: calc(100% - 2rem)
    }
}

@media (max-width: 1150px) {
    .links-block {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.title_image_text.links-block .link-block {
    position: relative
}

.title_image_text.links-block .link-block__title {
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center
}

.title_image_text.links-block .link-block__image {
    height: 120px;
    margin-top: .5rem;
    width: 100%
}

.title_image_text.links-block .link-block__text {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.125rem;
    margin-top: .5rem;
    text-align: center
}

.title_image_text.links-block .link-block__link {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.image_title_text_arrow.links-block .link-block, .image_title_text_read_more.links-block .link-block {
    background: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
    overflow: hidden
}

.image_title_text_arrow.links-block .link-block__image, .image_title_text_read_more.links-block .link-block__image {
    height: 150px
}

.image_title_text_arrow.links-block .link-block__text, .image_title_text_arrow.links-block .link-block__title, .image_title_text_read_more.links-block .link-block__text, .image_title_text_read_more.links-block .link-block__title {
    line-height: 1.25rem;
    margin-bottom: 0;
    margin-top: 1rem;
    padding: 0 1rem
}

.image_title_text_arrow.links-block .link-block__text, .image_title_text_read_more.links-block .link-block__text {
    margin-bottom: 1rem
}

.image_title_text_arrow.links-block .link-block__link, .image_title_text_read_more.links-block .link-block__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    line-height: 40px;
    margin: auto 1rem 1rem auto;
    padding: 0;
    text-align: center;
    width: 40px
}

.image_title_text_arrow.links-block .link-block__link svg, .image_title_text_read_more.links-block .link-block__link svg {
    height: 24px;
    width: 24px
}

.image_title_text_read_more.links-block .link-block__text {
    font-style: italic
}

.image_title_text_read_more.links-block .link-block__link {
    background-color: transparent;
    color: #000;
    height: auto;
    margin: auto 0 1rem;
    padding: 0 1rem;
    text-align: right;
    width: 100%
}

.text-button__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 2% 3%
}

@media (max-width: 550px) {
    .text-button__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.text-button__content {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3rem;
    margin-right: auto;
    width: 60%
}

@media (max-width: 700px) {
    .text-button__content {
        margin-right: 20px;
        width: 100%
    }
}

@media (max-width: 550px) {
    .text-button__content {
        margin: 0 auto 30px;
        text-align: center
    }
}

.text-button__control_button {
    padding: 10px 60px
}

@media (max-width: 550px) {
    .text-button__control_button {
        padding: 10px 100px
    }
}

.definitions {
    padding: 2% 0
}

.definitions__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

.definitions__content {
    margin-right: auto;
    padding-right: 20px;
    width: 50%
}

@media (max-width: 800px) {
    .definitions__content {
        width: 60%
    }
}

@media (max-width: 600px) {
    .definitions__content {
        padding-right: 0;
        width: 100%
    }
}

.definitions .get-image {
    text-align: center;
    width: 50%
}

@media (max-width: 800px) {
    .definitions .get-image {
        width: 40%
    }
}

@media (max-width: 600px) {
    .definitions .get-image {
        margin-top: 30px;
        width: 100%
    }
}

.definitions__list {
    margin-right: auto;
    padding-right: 20px
}

@media (max-width: 600px) {
    .definitions__list {
        padding-right: 0;
        width: 100%
    }
}

.definitions__list_full {
    padding-right: 0;
    width: 100%
}

@media (max-width: 800px) {
    .definitions__list_full {
        width: 100%
    }
}

@media (max-width: 600px) {
    .definitions__list_full {
        width: 100%
    }
}

.definitions__list_item {
    color: inherit;
    margin: 15px 0;
    padding-left: 30px;
    position: relative
}

@media (max-width: 600px) {
    .definitions__list_item {
        padding-left: 0
    }
}

.definitions__list_item .check-icon {
    height: 20px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 20px
}

.definitions__list_item .check-icon svg {
    fill: var(--main-accent-bg-color);
    display: block;
    height: 100%;
    width: 100%
}

.definitions__list_title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.8rem
}

.definitions__list_text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3rem;
    margin-top: 10px
}

.definitions__control {
    margin-top: 35px
}

@media (max-width: 600px) {
    .definitions__control {
        text-align: center
    }

    .definitions__control_button {
        line-height: 1.5rem;
        padding: 10px 40px
    }
}

.how-to {
    margin: 2rem 0
}

@media (max-width: 600px) {
    .how-to {
        margin: 1.5rem 0
    }
}

.how-to_title-center .how-to__description, .how-to_title-center .how-to__title {
    text-align: center
}

.how-to__description, .how-to__title {
    margin-bottom: 1rem
}

@media (max-width: 600px) {
    .how-to .accent-button {
        text-align: center
    }
}

.how-to.reverse .howto__step:nth-of-type(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.how-to.reverse .howto__step:nth-of-type(2n) .howto__step_text {
    text-align: right
}

.how-to-vertical {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -10px;
    padding: 10px
}

.how-to-vertical .howto__step_title {
    font-size: 1.2rem
}

.how-to-vertical .howto__step_description, .how-to-vertical .howto__step_title {
    text-align: center
}

.how-to-vertical .howto__step_image {
    margin: 1rem 0;
    width: 100%
}

.how-to-vertical .col-1 {
    margin: 10px;
    width: calc(100% - 20px)
}

.how-to-vertical .col-2 {
    margin: 10px;
    width: calc(50% - 20px)
}

.how-to-vertical .col-3 {
    margin: 10px;
    width: calc(33.33333% - 20px)
}

.how-to-vertical .col-4 {
    margin: 10px;
    width: calc(25% - 20px)
}

@media (max-width: 1100px) {
    .how-to-vertical .col {
        width: calc(33.33333% - 20px)
    }
}

@media (max-width: 800px) {
    .how-to-vertical .col {
        width: calc(50% - 20px)
    }
}

@media (max-width: 550px) {
    .how-to-vertical .col {
        width: calc(100% - 20px)
    }
}

.how-to__step {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1.5rem -10px -10px
}

.how-to__step_description {
    margin-bottom: 1rem
}

.how-to__step_item {
    margin: 10px;
    width: calc(50% - 20px)
}

@media (max-width: 600px) {
    .how-to__step_item {
        margin: 0;
        width: calc(100% - 20px)
    }
}

.how-to__step_title {
    position: relative;
    text-indent: 2rem
}

.how-to__step_title:has(.how-to__step_name) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-indent: unset
}

.how-to__step_name {
    background: var(--steps_bg);
    line-height: normal;
    padding: 2px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.how-to__step_count {
    -ms-flex-negative: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--header-breadcrumbs-button-background);
    border-radius: 100%;
    color: var(--header-breadcrumbs-button-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    font-size: .9rem;
    height: 1.4rem;
    justify-content: center;
    margin: 7px 5px 0 0;
    min-width: 1.4rem;
    position: absolute;
    text-align: center;
    text-indent: 0
}

@media (max-width: 400px) {
    .how-to__step_count {
        margin: 5px 5px 0 0
    }
}

.how-to__step_image {
    margin: 10px;
    text-align: center;
    width: calc(50% - 20px)
}

@media (max-width: 600px) {
    .how-to__step_image {
        margin: 0;
        width: calc(100% - 20px)
    }
}

.how-to__step_button {
    margin: 2rem 0
}

.how-to__step_button.align-center {
    text-align: center
}

.how-to__step_button.align-right {
    text-align: right
}

.reviews {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px
}

.reviews, .reviews__item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.reviews__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 10px
}

@media (max-width: 550px) {
    .reviews__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center
    }
}

.reviews__item.columns-1 {
    width: calc(100% - 20px)
}

.reviews__item.columns-2 {
    width: calc(50% - 20px)
}

@media (max-width: 1100px) {
    .reviews__item.col {
        width: calc(100% - 20px)
    }
}

.reviews__image {
    max-width: 150px;
    min-width: 150px
}

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

.reviews__content {
    margin-left: 15px
}

@media (max-width: 550px) {
    .reviews__content {
        margin-left: 0;
        margin-top: 15px
    }
}

.reviews__title {
    margin: 0
}

@media (max-width: 550px) {
    .reviews__title {
        text-align: center
    }
}

.site-rating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 320px;
    padding: 1rem
}

.site-rating__title {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: .5rem
}

.site-rating__systems {
    font-size: 1rem;
    margin: .5rem 0
}

.site-rating__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.1rem
}

.site-rating__users {
    font-size: 1rem;
    font-weight: 300;
    margin-top: .5rem;
    width: 100%
}

.site-rating__stars {
    margin-left: .5rem
}

.site-rating__price {
    margin-top: 1rem
}

.gallery {
    grid-gap: 1rem;
    display: grid;
    grid-template-rows:auto;
    margin: 1rem 0
}

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

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

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

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

.gallery_columns-1 {
    grid-template-columns:repeat(1, 1fr)
}

@media (max-width: 500px) {
    .gallery {
        grid-template-columns:repeat(2, 1fr)
    }
}

.gallery .get-image img {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 600px) {
    .gallery .get-image img {
        height: 100%
    }
}

.gallery_scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll
}

.gallery_scroll::-webkit-scrollbar {
    background-color: #eaecf0;
    border-radius: 6px;
    height: 4px
}

.gallery_scroll::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 6px
}

.gallery_scroll .get-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 10px;
    width: 250px
}

.gallery-open-full-size .get-image:hover {
    cursor: pointer
}

.get-image.open {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80vh;
    justify-content: center;
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80vw
}

.get-image.open img {
    aspect-ratio: 1;
    height: 100%;
    max-width: unset;
    -o-object-fit: contain;
    object-fit: contain
}

.pros-cons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: -1rem -1rem 0
}

.pros-cons ul.pros-cons__list {
    margin: 1rem 1rem 0;
    max-width: 300px
}

.pros-cons ul.pros-cons__list_pros li:before {
    color: #28a745;
    content: "+"
}

.pros-cons ul.pros-cons__list_cons li:before {
    color: #dc3545;
    content: "–"
}

.page-not-found__value {
    color: var(--main-accent-bg-color);
    font-size: 100px !important;
    font-weight: 700;
    line-height: 100px !important;
    margin-top: 70px;
    text-align: center
}

.page-not-found__title {
    font-size: 20px;
    margin-top: 50px;
    text-align: center
}

.page-not-found__link {
    display: block;
    margin-top: 20px;
    text-align: center
}

.archive__title {
    font-size: 2rem;
    font-weight: 700;
    margin-top: 2rem
}

@media (max-width: 550px) {
    .archive__title {
        margin-top: 0
    }
}

.archive__description {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4rem;
    margin-top: 1rem
}

.archive-content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 1rem -10px -10px
}

.archive-content, .post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 1px solid var(--main-accent-bg-color);
    border-radius: 5px;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 10px;
    position: relative;
    -webkit-transition: all .25s;
    transition: all .25s;
    width: calc(25% - 20px)
}

@media (max-width: 1100px) {
    .post {
        width: calc(33.33333% - 20px)
    }
}

@media (max-width: 800px) {
    .post {
        width: calc(50% - 20px)
    }
}

@media (max-width: 550px) {
    .post {
        margin: 20px 10px;
        width: calc(100% - 20px)
    }
}

.post__image {
    height: 200px;
    overflow: hidden;
    width: 100%
}

.post__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.post .post__title {
    font-size: 1.3rem;
    margin: .5rem 0;
    padding: 0 .5rem
}

.post__date {
    display: block;
    font-size: 1rem;
    margin: .5rem 0;
    padding: 0 .5rem
}

.post__description {
    font-size: 1rem;
    line-height: 1.4rem;
    padding: 0 .5rem .5rem
}

.post__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000
}

.post__author {
    margin: auto .5rem .5rem
}

.authorPage img {
    max-width: 100%
}

.authorPage__name {
    font-size: 2rem;
    text-align: center
}

.authorPage__info {
    border: 1px solid #867b7b6b;
    border-radius: .5rem .5px 0 0;
    -webkit-box-shadow: 6px 7px 12px -10px rgba(0, 0, 0, .75);
    box-shadow: 6px 7px 12px -10px rgba(0, 0, 0, .75);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem
}

.authorPage__info__photo {
    max-width: 25%
}

.authorPage__info__list {
    list-style: none;
    margin-left: 1rem;
    margin-top: 1rem;
    padding: 0 1rem 1rem;
    width: 70%
}

.authorPage__info__list__item {
    margin-bottom: 1rem
}

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

.authorPage__info__list__item__socialLinks a {
    display: block;
    margin-left: 1rem
}

.authorPage__info__list__item__socialLinks a:first-child {
    margin-left: 0
}

.authorPage__info__list__item__socialLinks a:hover {
    -webkit-filter: invert(.5);
    filter: invert(.5)
}

.authorPage__info__list__item__socialLinks a img {
    height: 1.5rem;
    width: 1.5rem
}

.authorPage__info__list__item__description {
    font-size: 1rem
}

.AuthorPost {
    margin: 1rem 0
}

.AuthorPost__updated {
    font-size: 1rem;
    margin: 1rem 0
}

.authorArticlesTitle {
    font-weight: 700;
    margin-top: 1rem
}

.postAuthorBottom {
    border-radius: .7rem;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 1rem
}

.postAuthorBottom__info {
    margin-left: 1rem
}

.postAuthorBottom__info__name {
    color: inherit;
    font-size: 1rem !important;
    font-weight: 700;
    margin-bottom: 1rem
}

.postAuthorBottom__info__description {
    color: inherit
}

.postAuthorBottom .get-image img {
    max-width: 200px;
    -o-object-fit: contain;
    object-fit: contain
}

a.postAuthorLink {
    border: 1px solid var(--main-accent-bg-color);
    border-radius: 10px;
    display: inline-block;
    max-width: 500px;
    text-decoration: none !important;
    width: 100%
}

@media screen and (max-width: 600px) {
    .postAuthorBottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 100%;
        text-align: center
    }

    .postAuthorBottom img {
        margin-bottom: 1rem;
        margin-right: 0;
        max-height: 120px
    }

    .authorPage__name {
        font-size: 1.5rem
    }

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

    .authorPage__info__photo {
        margin: 0 auto;
        max-width: 50%
    }

    .authorPage__info__list {
        margin-left: 0;
        width: 100%
    }
}

.match-predict {
    margin: 2rem auto;
    max-width: 800px
}

.partner-table {
    margin: 2rem 0;
    text-align: center
}

.image-links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid hsla(0, 0%, 100%, .28);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.image-links__item {
    margin: 1rem
}

.promocode-copy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--header-top-panel-color);
    border-radius: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    max-width: 400px;
    padding: 10px;
    width: 100%
}

.promocode-copy__value {
    border: 1px solid var(--header-top-panel-color);
    border-radius: 5px;
    color: var(--header-top-panel-color);
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    width: 100%
}

.promocode-copy__button {
    width: 100%
}

.wp-block-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1rem
}

.wp-block-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 1rem
}

@media (max-width: 1000px) {
    .wp-block-column {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }
}

.wp-block-table {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: 1rem 0
}

@media (max-width: 600px) {
    .wp-block-table {
        margin: 16px 0;
        overflow: auto
    }

    .wp-block-table table {
        min-width: 570px
    }
}

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

.wp-block-table.is-style-stripes table {
    border: 1px solid rgba(0, 0, 0, .05)
}

.wp-block-table.is-style-stripes tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.wp-block-table.is-style-stripes td {
    word-wrap: break-word;
    border: none
}

.wp-block-table caption, .wp-block-table > div {
    color: #000000ad;
    margin-top: 1rem;
    text-align: center
}

.wp-block-table caption {
    margin-bottom: 1rem
}

.brand-tabs {
    color: #000;
    margin: 1rem 0
}

.brand-tabs, .brand-tabs__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.brand-tabs__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.brand-tabs__control {
    margin-bottom: -1px;
    position: relative;
    z-index: 10
}

.brand-tabs__control-item {
    background-color: #e3e3e3;
    border-radius: 5px 5px 0 0;
    color: #868686;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    padding: 10px
}

.brand-tabs__control-item.active {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-bottom-color: #fff;
    color: #000
}

.brand-tabs__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 0 5px 5px 5px;
    display: none
}

.brand-tabs__content-left, .brand-tabs__content.showed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.brand-tabs__content-left {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px;
    width: 60%
}

.brand-tabs__content-right {
    padding: 15px;
    position: relative;
    width: 40%
}

.brand-tabs__content-right:after {
    background-color: #e2e6e9;
    content: "";
    height: 90%;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.brand-tabs__icon {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    height: 100px;
    justify-content: center;
    margin-right: 15px;
    overflow: hidden;
    padding: 5px
}

.brand-tabs__icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.brand-tabs__rating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    align-items: center;
    align-self: flex-start;
    background-color: #f5f5f5;
    border: 1px solid #e2e6e9;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-right: 15px;
    padding: 10px
}

.brand-tabs__rating-value {
    font-size: 1.4rem;
    font-weight: 600
}

.brand-tabs__rating-title {
    font-size: .9rem;
    margin-bottom: 4px;
    text-transform: uppercase
}

.brand-tabs__rating-stars {
    --end-gradient: calc(100% - var(--rating, 100%));
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(#fcbb14), to(#cecece));
    background: linear-gradient(90deg, #fcbb14 var(--rating), #cecece var(--end-gradient));
    -webkit-background-clip: text;
    font-size: 18px;
    line-height: 1
}

.brand-tabs__bonus {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0;
    flex: 1 0;
    -ms-flex-direction: column;
    flex-direction: column
}

.brand-tabs__bonus-title {
    font-size: .9rem;
    margin-bottom: 10px
}

.brand-tabs__bonus-value {
    background-color: #f5f5f5;
    color: #0bb765;
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 5px;
    padding: 10px 40px;
    text-align: center;
    width: 100%
}

.brand-tabs__bonus-info {
    font-size: .8rem
}

.brand-tabs__links {
    margin-top: 15px;
    width: 100%
}

.brand-tabs__links-button {
    background-color: #0bb765 !important;
    border: none;
    border-radius: 3px;
    color: #000;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.brand-tabs__highlights-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 15px
}

.brand-tabs__highlights-list {
    list-style: disc;
    padding-left: 20px
}

.brand-tabs__highlights-list li:not(:last-of-type) {
    margin-bottom: 10px
}

.brand-tabs__table {
    border: none;
    margin-top: 1rem;
    width: 100%
}

.brand-tabs__table-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    width: 100%
}

.brand-tabs__table-row td {
    border: none;
    padding: 0;
    width: 50%
}

.brand-tabs__table-row td:first-child {
    font-weight: 700;
    width: 30%
}

.brand-tabs__table-row td:last-child {
    width: 70%
}

.brand-tabs__table-bonus, .brand-tabs__table-promocode {
    border: 1px solid #ff9b00;
    border-radius: 5px
}

.brand-tabs__table-promocode-value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.brand-tabs__table-promocode-copy {
    font-size: .8rem;
    padding: 3px 5px !important
}

@media (max-width: 1000px) {
    .brand-tabs__content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center
    }

    .brand-tabs__content-left {
        width: 100%
    }

    .brand-tabs__content-right {
        max-width: 420px;
        width: 100%
    }

    .brand-tabs__content-right:after {
        content: none
    }
}

@media (max-width: 650px) {
    .brand-tabs__content-right {
        max-width: none
    }

    .brand-tabs__icon {
        margin: 0 5px 0 0
    }

    .brand-tabs__icon, .brand-tabs__rating {
        -webkit-box-flex: calc(50% - 5px);
        -ms-flex: calc(50% - 5px);
        flex: calc(50% - 5px);
        height: 70px
    }

    .brand-tabs__rating {
        margin: 0 0 0 5px
    }

    .brand-tabs__rating-value {
        font-size: 1rem;
        margin-bottom: 5px
    }

    .brand-tabs__rating-title {
        font-size: .7rem
    }

    .brand-tabs__bonus {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        margin-top: 1rem;
        text-align: center
    }
}

.brand-popup {
    bottom: 10px;
    left: 0;
    position: fixed;
    width: 100%
}

.brand-popup .container {
    margin: 0 auto
}

.brand-popup__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 #000;
    box-shadow: 0 0 10px 0 #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px
}

.brand-popup__logo {
    height: 70px;
    margin-right: 100px
}

.brand-popup__logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.brand-popup__rating {
    margin-right: 100px
}

.brand-popup__rating-title {
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 10px;
    text-transform: uppercase
}

.brand-popup__rating-stars {
    --end-gradient: calc(100% - var(--rating, 100%));
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(#fcbb14), to(#cecece));
    background: linear-gradient(90deg, #fcbb14 var(--rating), #cecece var(--end-gradient));
    -webkit-background-clip: text;
    font-size: 18px
}

.brand-popup__bonus-title {
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 10px;
    text-transform: uppercase
}

.brand-popup__bonus-value {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600
}

.brand-popup__button {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: auto;
    max-width: 150px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

@media (max-width: 1000px) {
    .brand-popup__wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .brand-popup__logo {
        margin-right: 0
    }

    .brand-popup__rating {
        display: none
    }

    .brand-popup__bonus {
        text-align: center
    }

    .brand-popup__button {
        margin-left: 0
    }
}

@media (max-width: 750px) {
    .brand-popup__wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: grid;
        grid-template-areas:"icon bonus" "icon button";
        grid-template-columns:130px 1fr;
        grid-template-rows:auto;
        justify-content: start
    }

    .brand-popup__logo {
        grid-area: icon;
        height: 50px
    }

    .brand-popup__bonus {
        grid-area: bonus;
        margin-bottom: 5px
    }

    .brand-popup__bonus-title {
        display: none
    }

    .brand-popup__bonus-value {
        font-size: .9rem
    }

    .brand-popup__button {
        font-size: .9rem;
        grid-area: button;
        max-width: none;
        padding: 5px
    }
}

.brands-listing {
    border: none;
    width: 100%
}

.brands-listing td {
    border: none
}

.brands-listing__header {
    display: none
}

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

.brands-listing__body, .brands-listing__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.brands-listing__row {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
    margin-bottom: 10px;
    padding: 10px;
    width: 100%
}

.brands-listing__row > :not(:last-of-type) {
    margin-right: 15px
}

.brands-listing__row:first-of-type {
    background-color: #effaf7;
    -webkit-box-shadow: 0 0 10px 2px #497e6e;
    box-shadow: 0 0 10px 2px #497e6e;
    margin: 25px 0
}

.brands-listing__row:first-of-type .brands-listing__icon-counter {
    background-color: #00b4ff
}

.brands-listing__row:first-of-type .brands-listing__bonus-value, .brands-listing__row:first-of-type .brands-listing__rating {
    background-color: #fff
}

.brands-listing__row:first-of-type .brands-listing__highlights-title {
    font-size: 1.3rem
}

.brands-listing__row:first-of-type .brands-listing__highlights-list {
    font-size: 1rem
}

.brands-listing__row:first-of-type .brands-listing__bonus p {
    font-size: 1.2rem
}

.brands-listing__row:first-of-type .percent-value {
    font-size: 1.6rem
}

.brands-listing__icon {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    justify-content: center;
    position: relative
}

.brands-listing__icon-counter {
    background-color: #000;
    border-radius: 5px 0 5px 0;
    color: #fff;
    font-size: 14px;
    height: 20px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px
}

.brands-listing__icon img {
    height: 100%
}

.brands-listing__rating {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.brands-listing__rating-value {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 5px
}

.brands-listing__rating-title {
    font-size: .8rem;
    margin-bottom: 5px;
    text-transform: uppercase
}

.brands-listing__rating-stars {
    --end-gradient: calc(100% - var(--rating, 100%));
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(#fcbb14), to(#cecece));
    background: linear-gradient(90deg, #fcbb14 var(--rating), #cecece var(--end-gradient));
    -webkit-background-clip: text;
    font-size: 18px
}

.brands-listing__highlights {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 300px;
    flex: 1 1 300px
}

.brands-listing__highlights-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 10px
}

.brands-listing__highlights-list {
    font-size: .9rem
}

.brands-listing__highlights-list li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    line-height: 1.2;
    position: relative
}

.brands-listing__highlights-list li:not(:last-of-type) {
    margin-bottom: 5px
}

.brands-listing__highlights-list li:before {
    color: rgba(38, 46, 46, .96);
    content: "✓";
    font-size: 12px;
    margin-right: 3px
}

.brands-listing__bonus {
    -ms-flex-item-align: center;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 250px;
    flex: 1 0 250px;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.brands-listing__bonus-text {
    margin-bottom: 10px;
    text-align: center
}

.brands-listing__bonus-value {
    border: 2px solid #ffd087 !important;
    border-radius: 4px;
    font-size: 1.1rem;
    font-weight: 800;
    padding: 10px 7px;
    text-align: center;
    width: 100%
}

.brands-listing__download {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.brands-listing__download-link {
    color: #000;
    font-size: .9rem;
    margin-bottom: 5px
}

.brands-listing__download-button {
    background-color: #14e682;
    border-color: #14e682;
    border-radius: 3px;
    color: #000;
    font-weight: 900;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.brands-listing__download-button:hover {
    border: 1px solid #14e682
}

@media (max-width: 1100px) {
    .brands-listing__row {
        grid-gap: 15px;
        display: grid;
        grid-template-areas:"icon rating" "highlights highlights" "payments bonus" "download download";
        grid-template-columns:repeat(2, 1fr);
        grid-template-rows:auto
    }

    .brands-listing__row > :not(:last-of-type) {
        margin-right: 0
    }

    .brands-listing__icon {
        grid-area: icon;
        height: 100px;
        width: 100%
    }

    .brands-listing__icon .get-image, .brands-listing__icon-image {
        height: 100%
    }

    .brands-listing__icon .get-image img {
        -o-object-fit: contain;
        object-fit: contain
    }

    .brands-listing__rating {
        grid-area: rating
    }

    .brands-listing__highlights {
        grid-area: highlights
    }

    .brands-listing__payments {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-area: payments;
        margin: 0 -5px
    }

    .brands-listing__payments-list {
        height: 100%;
        margin: 0 5px;
        width: calc(50% - 10px)
    }

    .brands-listing__bonus {
        grid-area: bonus
    }

    .brands-listing__download {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-area: download;
        justify-content: center
    }

    .brands-listing__download-button {
        width: 100%
    }
}

@media (max-width: 800px) {
    .brands-listing__row {
        grid-template-areas:"icon rating" "highlights highlights" "payments payments" "bonus bonus" "download download"
    }

    .brands-listing__icon {
        height: 80px
    }

    .brands-listing__rating {
        padding: 5px
    }

    .brands-listing__highlights-title {
        font-size: 1rem
    }

    .brands-listing__bonus-text, .brands-listing__highlights-list {
        font-size: .9rem
    }

    .brands-listing__download-link {
        margin-bottom: 15px
    }
}

.header-bonus {
    background-color: #fff;
    border-radius: 10px;
    margin: 0 auto;
    max-width: 400px;
    padding: 10px
}

.header-bonus__wrapper {
    border: 1px dashed var(--main-accent-bg-color);
    border-radius: 6px;
    padding: 10px
}

.header-bonus__title {
    color: #838383;
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.header-bonus__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-bonus__icon {
    max-height: 100px;
    width: 50%
}

.header-bonus__icon .get-image {
    height: 100%
}

.header-bonus__icon .get-image img {
    -o-object-fit: cover;
    object-fit: cover
}

.header-bonus__rating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid #d3d3d3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100px;
    justify-content: center;
    margin-bottom: 1rem;
    margin-left: 15px;
    width: calc(50% - 15px)
}

.header-bonus__rating-stars {
    --end-gradient: calc(100% - var(--rating, 100%));
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(#fcbb14), to(#cecece));
    background: linear-gradient(90deg, #fcbb14 var(--rating), #cecece var(--end-gradient));
    -webkit-background-clip: text;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 5px
}

.header-bonus__rating-value {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 5px
}

.header-bonus__rating-title {
    color: #838383
}

.header-bonus__content {
    border: 1px dashed #d3d3d3;
    border-radius: 5px;
    margin-bottom: 15px;
    text-align: left
}

.header-bonus__content-title {
    color: #838383;
    display: block;
    font-size: .9rem;
    padding: 5px 10px
}

.header-bonus__content-value {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 5px 0 15px;
    text-align: center
}

.header-bonus__button {
    background-color: #0bb765 !important;
    color: #000 !important;
    cursor: pointer;
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

.bonus {
    background: #f0f8ff;
    border: 1px solid var(--main-accent-bg-color);
    border-radius: 15px;
    display: grid;
    gap: 10px;
    grid-template-columns:repeat(1, 1fr);
    grid-template-rows:1fr;
    margin: 2rem auto 0;
    max-width: 400px;
    padding: 30px;
    position: relative
}

.bonus .icon {
    background: conic-gradient(from 159.94deg at 50% 50%, rgba(12, 47, 75, .5) 0deg, rgba(216, 255, 148, .5) 80.63deg, rgba(125, 170, 47, .5) 189.38deg, rgba(0, 21, 45, .5) 1turn);
    border-radius: 18.619px;
    height: 52px;
    top: 0;
    width: 52px
}

.bonus .icon, .bonus .icon__inner {
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.bonus .icon__inner {
    background: hsla(0, 0%, 100%, .8);
    border: .809524px solid #235a9a;
    border-radius: 18.619px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 41px;
    top: 50%;
    width: 41px
}

.bonus .icon__inner:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGsSURBVHgB7VW9TgJBEJ5ZTkPJG7AETOjwDcQ3kE7BxKNQa97ANxAqAhRHI9rhG8AbSGkiBW/gFRYGuR1nuePnYDeYGDrmir3Zb+fbvdlv5gB22Em5fZp3Pbnw85eezF13irvi0AZItykTUzHgJVL7hFhHoBQQuNGSiQAoffTuRqZ4x0YckQIIUcKAJFM/RlADBb6SUp4C7LOfgb+eWLpeKjH9+USi2vj5vq7ncpXOGw/++On2XPvZctvlwTtSR5n3l+pkk0OYiCfdqs9b+iQShXCjpiRSKSJa5RvhTA/fSfCNJ9ZBYur05/mLf4vOZ0pvMPf1ezjv87uek4tzrIcRoH+snBLnOOkjBCNAuggDxDBaAbERVYhThG9ZUNS78hO/zGylM+A8DsBiO/GrVncdF7AnOxAvLVZ5rFOZK7ceTAtZx5KlBDZcoShwtflGYq1dIrwBs8l50VjwsA5WUnPiII7GvbBkN03LTde/FWe5gcD0wj+oYv/EsctTfLO2347i7kbchWw4EaSNxNzUtQaLrGVjo8ElAVkbESAOt4hnKqg5jtOAf9jsy1nq+Bfo66PjnCDqUgAAAABJRU5ErkJggg==) no-repeat 50%;
    content: "";
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 24px;
    z-index: 3
}

.bonus__info {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    text-align: center
}

.bonus__info-text strong {
    color: #235a9a;
    font-weight: 700
}

.bonus-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-preferred-size: 100%;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%
}

.bonus-buttons__item {
    line-height: normal;
    text-align: center;
    width: 100%
}

.bonus-buttons__item:not(:last-child) {
    margin-bottom: 10px
}

.bonus-buttons .accent-button {
    line-height: normal;
    width: 100%
}

@media (max-width: 600px) {
    .bonus {
        width: 80%
    }
}

.m-bonus-v2 {
    grid-gap: 24px;
    display: grid;
    grid-template-columns:repeat(var(--column), 1fr);
    grid-template-rows:auto;
    margin: 1rem 0
}

@media (max-width: 700px) {
    .m-bonus-v2 {
        grid-template-columns:repeat(auto-fit, minmax(327px, 1fr))
    }
}

.m-bonus-v2 .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.m-bonus-v2 .card, .m-bonus-v2 .card .close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.m-bonus-v2 .card .close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #000;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    height: 18px;
    justify-content: center;
    line-height: unset;
    width: 18px
}

.m-bonus-v2 .card .close span {
    background-color: #fff;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 60%
}

.m-bonus-v2 .card .close span:first-child {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.m-bonus-v2 .card .close span:last-child {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.m-bonus-v2 .card__front {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 208px;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.39, .2, .37, 1.44);
    transition: -webkit-transform .6s cubic-bezier(.39, .2, .37, 1.44);
    transition: transform .6s cubic-bezier(.39, .2, .37, 1.44);
    transition: transform .6s cubic-bezier(.39, .2, .37, 1.44), -webkit-transform .6s cubic-bezier(.39, .2, .37, 1.44);
    width: 100%;
    z-index: 2
}

.m-bonus-v2 .card__front-header {
    color: var(--color-text-header)
}

.m-bonus-v2 .card__front-header-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

@media (max-width: 600px) {
    .m-bonus-v2 .card__front-header-text {
        font-size: 14px
    }
}

.m-bonus-v2 .card__front-header-promocode {
    color: var(--color-text-promocode)
}

.m-bonus-v2 .card__front .card__body {
    color: var(--color-text-body);
    padding: 16px
}

.m-bonus-v2 .card__back {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #f7f7fb;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 208px;
    position: absolute;
    top: 0;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.39, .2, .37, 1.44);
    transition: -webkit-transform .6s cubic-bezier(.39, .2, .37, 1.44);
    transition: transform .6s cubic-bezier(.39, .2, .37, 1.44);
    transition: transform .6s cubic-bezier(.39, .2, .37, 1.44), -webkit-transform .6s cubic-bezier(.39, .2, .37, 1.44);
    width: 100%
}

.m-bonus-v2 .card__back-header {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

@media (max-width: 600px) {
    .m-bonus-v2 .card__back-header {
        font-size: 13px
    }
}

.m-bonus-v2 .card__back .card__buttons .card__btn:nth-child(2) {
    background-color: transparent;
    border: unset
}

.m-bonus-v2 .card__back .card__buttons .card__btn:nth-child(2):hover {
    background-color: var(--main-light-bg-color)
}

.m-bonus-v2 .card__back-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    max-height: 110px;
    overflow: auto;
    padding: 0 16px 16px
}

@media (max-width: 600px) {
    .m-bonus-v2 .card__back-body {
        font-size: 13px
    }
}

.m-bonus-v2 .card__back-body::-webkit-scrollbar {
    background-color: #ddd;
    width: 5px
}

.m-bonus-v2 .card__back-body::-webkit-scrollbar-thumb {
    background-color: #0b0b0b
}

.m-bonus-v2 .card__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px
}

.m-bonus-v2 .card__header-text {
    background: #f7f7fb
}

.m-bonus-v2 .card__header-promocode {
    background: var(--button-bg-color, #f7f7fb)
}

.m-bonus-v2 .card .card__body {
    padding: 8px 16px
}

.m-bonus-v2 .card .card__body-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.m-bonus-v2 .card .card__body :is(h1,h2,h3,h4,h5,h6), .m-bonus-v2 .card .card__body p:not(:first-child) {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: unset
}

@media (max-width: 600px) {
    .m-bonus-v2 .card .card__body :is(h1,h2,h3,h4,h5,h6), .m-bonus-v2 .card .card__body p:not(:first-child) {
        font-size: 24px;
        line-height: 28px
    }
}

.m-bonus-v2 .card.card--show-back .card__front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.m-bonus-v2 .card.card--show-back .card__back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.m-bonus-v2 .card__buttons {
    display: grid;
    gap: 8px;
    grid-template-columns:repeat(2, minmax(143px, 1fr));
    margin: auto 16px 16px;
    padding-top: 20px
}

.m-bonus-v2 .card__btn {
    padding: 14px 0;
    text-align: center;
    width: 100%
}

@media (max-width: 400px) {
    .m-bonus-v2 .card__btn {
        padding: 11px 0
    }
}

.m-bonus-v2 .card__btn {
    margin-top: unset
}

.m-bonus-v2 .card__btn-custom {
    background-color: var(--bg-btn);
    border: 2px solid var(--border-color-btn);
    border-radius: var(--btn-radius);
    color: var(--color-btn)
}

.m-bonus-v2 .card__btn-custom:hover {
    background-color: var(--bg-btn-hover);
    color: var(--color-btn-hover)
}

.wrapper-banner {
    background-color: rgba(0, 0, 0, .5);
    height: 100vh;
    left: 0;
    padding: 0 var(--offsets);
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.wrapper-banner, .wrapper-banner .banner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.wrapper-banner .banner {
    -ms-flex-preferred-size: 100%;
    background: #000;
    border-radius: 5px;
    flex-basis: 100%;
    gap: 20px;
    max-width: 1000px;
    padding: 30px;
    position: relative;
    width: 100%
}

@media (max-width: 800px) {
    .wrapper-banner .banner {
        -ms-flex-preferred-size: unset;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-basis: unset;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 400px;
        width: unset
    }
}

.wrapper-banner .banner .popup__cross {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0
}

.wrapper-banner .banner-img {
    -webkit-box-flex: 1;
    -ms-flex-preferred-size: 49%;
    -ms-flex: 1 1;
    flex: 1 1;
    flex-basis: 49%
}

@media (max-width: 800px) {
    .wrapper-banner .banner-img {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%
    }
}

.wrapper-banner .banner-img .get-image, .wrapper-banner .banner-img .get-image img {
    width: 100%
}

.wrapper-banner .banner-text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-preferred-size: 49%;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 49%;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.wrapper-banner .banner-text__inner, .wrapper-banner .banner-text__title {
    color: #fff;
    margin-bottom: 1.5rem
}

.wrapper-banner .banner-text__link .accent-button {
    background-color: var(--button-bg-color);
    border: 2px solid var(--button-bg-color);
    color: var(--button-text-color)
}

.top-panel-sublink {
    padding-bottom: 16px
}

@media (max-width: 700px) {
    .top-panel-sublink {
        margin-top: 14px;
        padding-bottom: 0
    }
}

.top-panel-sublink__text {
    color: var(--header-top-panel-text-color);
    font-size: 14px;
    font-weight: 400
}

.top-panel-sublink__link {
    color: var(--button-bg-color);
    text-decoration: underline
}

.news {
    background: var(--news-background);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-row: span 4;

    grid-template-rows:subgrid [preview-start] [preview-end header-start

] [ header-end description-start ] [ description-end button-start ] [ button-end ];
    overflow: hidden;
    width: 100%
}

.news__img, .news__img img {
    height: auto;
    width: 100%
}

.news__img img {
    border-radius: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.news__title {
    color: var(--color-main-card);
    font-family: Arial, serif;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: unset !important;
    padding: 0 16px
}

@container (max-width: 980px) {
    .news__title {
        font-size: 20px
    }
}

.news__description {
    color: var(--color-secondary-card);
    font-family: Arial;
    font-size: 16px;
    padding: 0 16px
}

@container (max-width: 980px) {
    .news__description {
        font-size: 14px
    }
}

.news__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px 16px;
    width: 100%
}

.news__link {
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    width: 100%
}

.news__link.custom {
    border-radius: var(--buttons-border-radius)
}

.news-block {
    container-type: inline-size;
    container-name: news-block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.news-block__title {
    color: var(--color-main);
    font-family: Arial;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 8px
}

@container (max-width: 980px) {
    .news-block__title {
        font-size: 24px
    }
}

.news-block__description {
    color: var(--color-secondary);
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px
}

.news-block__button {
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    margin: 24px auto 0;
    min-width: 220px;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.news-block__button.custom {
    border-radius: var(--buttons-border-radius)
}

.news-block__button.custom:hover {
    border: 2px solid var(--button-main-border-hover-color) !important
}

@container (max-width: 680px) {
    .news-block__button {
        margin-top: 16px;
        width: 100%
    }
}

.news__list {
    display: grid;
    gap: 24px;
    grid-template-columns:repeat(var(--columns), 1fr)
}

@container (max-width: 1300px) {
    .news__list {
        grid-template-columns:repeat(auto-fit, minmax(327px, 1fr))
    }
}