@charset "UTF-8";
:root {
    --ff-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --ff-secondary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --R: 12px;
    --bg-block: #1d1e21;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
}

:focus,
:active {
    outline: none;
}

p {
    margin-top: 1rem;
}

ul,
ol {
    margin-top: 0;
    padding-left: 0;
}

.wp-admin ul,
.wp-admin ol {
    padding-left: 25px;
}

img {
    vertical-align: middle;
    shape-margin: 1rem;
    height: auto;
    max-width: 100%;
    font-style: italic;
    background-size: cover;
    background-repeat: no-repeat;
}

a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    margin: 0;
    width: 100%;
    min-height: 100%;
    font-size: 16px;
    line-height: 20px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    border: none;
    padding: 0;
    cursor: pointer;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

a:not([class]) {
    color: #ffb800;
}

a:hover {
    text-decoration: none;
}

h1 {
    margin-bottom: 1.5rem;
    font-family: var(--ff-secondary);
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 3rem;
}

* + h1 {
    margin-top: 1.5rem;
}

h2 {
    margin-bottom: 1.25rem;
    font-family: var(--ff-secondary);
    font-weight: 700;
    font-style: normal;
    font-size: 2.25rem;
    line-height: 2.75rem;
}

* + h2 {
    margin-top: 1.25rem;
}

h3 {
    margin-bottom: 1.15rem;
    font-family: var(--ff-secondary);
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 2.65rem;
}

* + h3 {
    margin-top: 1.15rem;
}

h4,
h5,
h6 {
    margin-bottom: 1.1rem;
    font-family: var(--ff-secondary);
    font-weight: 500;
    font-style: normal;
    font-size: 2.1rem;
    line-height: 2.6rem;
}

@media (max-width: 767px) {
    h1 {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }

    h2 {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    h3 {
        font-size: 1.2rem;
        line-height: 1.9rem;
    }

    h4,
    h5,
    h6 {
        font-size: 1.3rem;
        line-height: 1.85rem;
    }
}

* + h4,
* + h5,
* + h6 {
    margin-top: 1.1rem;
}

.page-404__title,
.page-404__subtitle {
    text-align: center;
}

.page-404__link.btn {
    display: flex;
    margin: 2rem auto 0;
    width: fit-content;
}

.wp-admin h1,
.wp-admin h2,
.wp-admin h3,
.wp-admin h4,
.wp-admin h5,
.wp-admin h6 {
    font-family: var(--ff-primary);
}

blockquote {
    position: relative;
    overflow: hidden;
    margin: 25px 0;
    padding: 30px 50px 30px 30px !important;
    color: #fff;
    background: #fe4a49;
}

.onewinsam-container {
    margin: 0 auto;
    /*padding-right: 2.0625rem;*/
    /*padding-left: 2.0625rem;*/
    max-width: 84rem;
}

.onewinsam-container .onewinsam-container {
    width: 100%;
    max-width: 100%;
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: none;
    border-radius: 12px;
    padding: 12px 32px;
    font-family: var(--ff-primary);
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    gap: 0.625rem;
}

.btn:hover {
    filter: brightness(.8);
}

.btn svg {
    pointer-events: none;
}

.btn--yellow {
    background: #fff;
    color: #141415;
}

.btn--black {
    border: 1px solid rgb(255 255 255 / 10%);
    color: #ee2;
    background: #191919;
}

.btn--white {
    background: #00b24b;
    color: #fff;
}

.btn--full-width {
    padding: 1.125rem 2rem;
    width: 100%;
    max-width: unset;
}

.btn--with-svg {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.75rem;
    padding: 0.625rem 2rem;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    gap: 0.25rem;
}

.btn--with-svg svg {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
}

.onewinsam-wrapper {
    margin-top: 3rem;
    border-bottom: 1px solid #fff3;
    padding-bottom: 3rem;
}

.onewinsam-wrapper:last-child {
    border: none;
}

@media (max-width: 767px) {
    .onewinsam-wrapper {
        margin-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

.onewinsam-wrapper > .wp-block-heading,
.onewinsam-wrapper > .wp-block-image,
.onewinsam-wrapper > .wp-block-table,
.onewinsam-wrapper > p,
.onewinsam-wrapper > ul,
.onewinsam-wrapper > ol,
.onewinsam-wrapper > blockquote,
.onewinsam-wrapper > .onewinsam-content-button {
    margin-right: auto;
    margin-left: auto;
    /*padding-right: 2.0625rem;*/
    /*padding-left: 2.0625rem;*/
    max-width: 84rem;
}

.onewinsam-wrapper:has(.first-screen) {
    margin-top: 0;
}

.onewinsam-content-button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1rem;
    gap: 16px;
}

.onewinsam-content-button.align-center {
    justify-content: center;
}

.onewinsam-content-button.align-right {
    justify-content: flex-end;
}

@media (max-width: 450px) {
    .onewinsam-content-button .btn {
        flex-grow: 1;
    }
}

/* wp-block-table */
* + .wp-block-table,
* + .wp-block-image {
    margin-top: 1rem;
}

.wp-block-table {
    overflow: auto;
}

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

.wp-block-table table ul, .wp-block-table table ol {
    margin-left: 10px;
    margin-bottom: 0;
}

.wp-block-table thead {
    border: none;
    background: #1d1e21;
}

.wp-block-table td,
.wp-block-table th {
    border: 1px solid #fff3;
    padding: 16px;
}

.wp-block-table th {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}

/* wp-block-table */

.ad {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.5rem 0.5rem 5rem;
    width: 100vw;
    height: 4.25rem;
    font-weight: 600;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.25rem;
    background: #040507;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    -ms-flex-align: center;
    -ms-flex-pack: justify;
}

.ad--register {
    padding: 0.5rem;
}

.ad--register img,
.ad--register picture {
    display: none;
}

.ad--register .ad__name {
    font-family: var(--ff-secondary);
    font-weight: 700;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: #ee2;
}

.ad img {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5rem;
}

.ad__content {
    display: inline-block;
}

.ad__name {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-style: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #fff;
}

.ad__bonus {
    display: flex;
    align-items: center;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-style: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #e3e3e3;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.ad__bonus svg {
    width: 1.5rem;
    height: 1.5rem;
}

.ad .btn {
    max-width: 8.875rem;
}

@-moz-document url-onewinsam() {
    .ad {
        width: 96vw;
    }
}

.hidden_svg {
    display: none;
}

.no-scroll {
    overflow: hidden;
}

.onewinsam-description {
    margin-bottom: 1rem;
}

.onewinsam-title.align-center,
.onewinsam-description.align-center {
    text-align: center;
}

.onewinsam-title.align-right,
.onewinsam-description.align-right {
    text-align: right;
}

body {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    font-family: var(--ff-primary);
    background-color: #141415;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    color: #fff;
}

.wp-block-heading {
    color: #fff;
}

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

@media (max-width: 1380px) {
    .onewinsam-container {
        padding: 0;
        width: 95%;
    }

    .onewinsam-wrapper > .wp-block-heading,
    .onewinsam-wrapper > .wp-block-image,
    .onewinsam-wrapper > .wp-block-table,
    .onewinsam-wrapper > p,
    .onewinsam-wrapper > ul,
    .onewinsam-wrapper > ol,
    .onewinsam-wrapper > blockquote,
    .onewinsam-wrapper > .onewinsam-content-button {
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        padding-left: 0;
        width: 95%;
    }

    .onewinsam-wrapper > .wp-block-table {
        padding: 0;
        width: 95%;
    }

    .promocode__bonuses {
        margin-top: 0.625rem;
    }

    .promocode__bonuses::after {
        left: 0;
        top: -0.625rem;
        width: 100%;
        height: 1px;
        background: linear-gradient(270deg, rgb(54 61 84 / 0%) 0%, #363d54 50%, rgb(54 61 84 / 0%) 100%);
    }

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

@media (max-width: 768px) {
    .promocode {
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center;
        -webkit-box-align: center;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -ms-flex-align: center;
    }

    .promocode__main-content {
        padding-right: 0;
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .onewinsam-container {
        width: 92%;
    }

    .onewinsam-wrapper > .wp-block-heading,
    .onewinsam-wrapper > .wp-block-image,
    .onewinsam-wrapper > .wp-block-table,
    .onewinsam-wrapper > p,
    .onewinsam-wrapper > ul,
    .onewinsam-wrapper > ol,
    .onewinsam-wrapper > blockquote,
    .onewinsam-wrapper > .onewinsam-content-button {
        width: 92%;
    }

    .onewinsam-wrapper > .wp-block-table {
        width: 92%;
    }

    .promocode__bonuses-list {
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
    }

    .promocode {
        width: 100%;
    }
}

/* scroll to top */
.scroll-top {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 10px;
    bottom: 95px;
    z-index: 10;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #0051ff;
}

.scroll-top__button {
    margin: 0;
    border: none;
    background: unset;
}

.scroll-top__button:hover {
    opacity: 0.8;
}

/* scroll to top */
/* header */
.header {
    /*position: sticky;*/
    position: relative;
    top: 0;
    z-index: 99;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    width: 100%;
}

.header__content {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    max-width: 84rem;
    margin: 0 auto;
    width: 100%;
    /*padding-right: 2.0625rem;*/
    /*padding-left: 2.0625rem;*/
}

.header__logo {
    display: flex;
    align-items: flex-start;
    margin-right: 2.75rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
}

.header__logo img {
    width: fit-content;
    max-height: 32px;
    object-fit: contain;
    width: auto;
}

.main-nav {
    display: flex;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    align-items: flex-start;
    -webkit-box-align: start;
    -webkit-box-flex: 1;
    -ms-flex-align: start;
}

.main-nav__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    background: #1d1e21;
    padding: 3px;
    border-radius: 12px;
}

.main-nav__item {
    display: flex;
    align-items: center;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    /*padding: 8px 16px;*/
}

.main-nav__item:not(:first-child):before {
    content: '';
    display: block;
    width: 1px;
    height: 24px;
    background: #353740;
    /*margin: 0 16px;*/
}

.main-nav__item--has-children {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
}

.main-nav__link {
    color: #fff;
    -webkit-transition: color 0.2s ease 0s;
    transition: color 0.2s ease 0s;
    text-decoration: none;
    padding: 8px 13px;
    margin: 0 3px;
}

.main-nav__link:not(.main-nav__link--current):hover {
    background: #27292d;
    border-radius: 12px;
}

.main-nav__link--current {
    background: #0051ff;
    border-radius: 12px;
    cursor: default;
}

@media (min-width: 1380px) {
    .main-nav__item--has-children:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    .main-nav__item--has-children:hover .sub-menu__arrow svg {
        transform: rotate(-90deg);
    }
}

.sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    list-style: none;
    margin: 0;
    border-radius: 12px;
    padding: 10px;
    width: max-content;
    background-color: #1a1a1a;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
    pointer-events: none;
}

@media (max-width: 1380px) {
    .sub-menu {
        pointer-events: all;
    }
}

.sub-menu__link {
    padding: 10px 4px;
    color: #fff;
    -webkit-transition: color 0.2s ease 0s;
    transition: color 0.2s ease 0s;
}

.sub-menu__link:hover {
    color: rgb(195 191 191);
}

.sub-menu__link--current {
    color: rgb(195 191 191);
    cursor: default;
}

.sub-menu__arrow {
    display: flex;
}

.sub-menu__arrow svg {
    fill: #ee2;
    transform: rotate(90deg);
    transition: all 0.2s ease-in-out;
}

/* .main-nav li.active > .main-nav__link::after { */
/*    top: 0.75rem; */
/*    -webkit-transform: rotate(180deg); */
/*    -ms-transform: rotate(180deg); */
/*    transform: rotate(180deg); */
/* } */

.lang-switch {
    position: relative;
    z-index: 200;
    display: flex;
    margin: 0 0 0 12px;
    border-radius: 4px;
    padding: 4px;
    background: #3c3c3c;
}

.lang-switch img {
    height: 20px;
    object-fit: contain;
}

.lang-switch__list {
    position: absolute;
    left: 0;
    top: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: none;
    margin-top: 0;
    border-radius: 0 0 4px 4px;
    padding: 4px;
    padding-top: 8px;
    background: #3c3c3c;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    gap: 12px;
}

.lang-switch__item,
.lang-switch__link {
    display: flex;
}

.lang-switch:hover {
    border-radius: 4px 4px 0 0;
}

.lang-switch:hover .lang-switch__list {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

@media (max-width: 768px) {
    .header__lang {
        position: absolute;
        right: 5rem;
        top: 4px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.header__buttons {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-self: flex-start;
    justify-content: flex-end;
    max-width: 26.25rem;
    -webkit-box-pack: end;
    -ms-flex-item-align: start;
    -ms-flex-pack: end;
    gap: 0.5rem;
}

.header__burger {
    position: relative;
    display: none;
    margin-top: 0.625rem;
    width: 1.25rem;
    height: 1rem;
    -webkit-transition: filter 0.3s ease 0s;
    transition: filter 0.3s ease 0s, -webkit-filter 0.3s ease 0s;
    cursor: pointer;
}

.header__burger::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
}

.header__burger::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
}

.header__burger:hover,
.header__burger:active {
    -webkit-filter: drop-shadow(0 2px 5px #4993e3);
    filter: drop-shadow(0 2px 5px #4993e3);
}

.header__burger span {
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header.burger-active .header__burger span {
    display: none;
}

.header.burger-active .header__burger::before {
    right: 5px;
    top: 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header.burger-active .header__burger::after {
    right: 5px;
    bottom: 8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 1671px) {
    .header__buttons {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-flex: 1;
    }
}

@media (max-width: 1380px) {
    .header__content {
        position: relative;
        justify-content: space-between;
        padding: 0 0.9375rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    }

    .main-nav ul {
        flex-direction: column;
        flex-wrap: nowrap;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        gap: 0.625rem;
    }

    .main-nav li.active > a,
    .main-nav li.active > span {
        color: #040507;
    }

    .main-nav li.active {
        border-radius: 0.75rem;
        padding: 10px;
        background-color: #fff;
    }

    .main-nav li.active a {
        padding-left: 0;
    }

    .main-nav__item--has-children {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .main-nav__item--has-children.active .sub-menu {
        display: flex;
    }

    .main-nav__item--has-children.active .sub-menu__arrow svg {
        fill: #040507;
        transform: rotate(-90deg);
    }

    .sub-menu {
        position: static;
        display: none;
        flex-basis: 100%;
        padding: 0;
        background-color: transparent;
        opacity: 1;
        visibility: visible;
    }

    .sub-menu__link {
        display: inline-block;
        padding: 10px;
        width: 100%;
        color: #040507;
    }

    .sub-menu__link--current {
        color: rgb(195 191 191);
        cursor: default;
    }

    .sub-menu__arrow {
        flex-grow: 1;
        align-items: center;
        justify-content: flex-end;
        padding: 10px;
        height: 40px;
    }

    .main-nav li {
        width: 100%;
    }

    .main-nav__item:not(:first-child)::before {
        content: unset;
        display: none;
    }

    .main-nav li:last-child {
        padding-bottom: 0;
    }

    .main-nav__link {
        display: block;
        width: 100%;
    }

    .main-nav {
        position: absolute;
        left: 0;
        right: 0;
        top: calc(100% + 10px);
        bottom: 0;
        z-index: 5;
        display: none;
        width: 100%;
        height: fit-content;
        max-width: 100%;
        background: var(--bg-block);
    }

    .header__lang {
        order: 2;
        margin-right: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
    }

    .header__buttons {
        -ms-flex-direction: row;
        flex-direction: row;
        order: 3;
        margin-right: 3.75rem;
        -webkit-box-direction: normal;
        -webkit-box-ordinal-group: 4;
        -webkit-box-orient: horizontal;
        -ms-flex-order: 3;
        gap: 0.5rem;
    }

    .header__burger {
        position: absolute;
        right: 1.25rem;
        display: block;
    }

    .header.burger-active .main-nav {
        display: block;
    }
}

@media (max-width: 768px) {
    .header__content {
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: flex-start;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        gap: 8px;
    }

    .header__buttons {
        align-self: flex-end;
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        -ms-flex-item-align: end;
    }

    .header__buttons .btn {
        -ms-flex: 1;
        flex: 1;
        padding: 0.875rem 0.5rem;
        max-width: unset;
        -webkit-box-flex: 1;
    }
}

@media (max-width: 576px) {
    .header__burger {
        right: 0.9375rem;
    }
}

/* header */
/* ul, ol */
/*.page .onewinsam-wrapper ol.wp-block-list,*/
/*.page .onewinsam-wrapper ul.wp-block-list {*/
/*    counter-reset: myCounter;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    list-style: none;*/
/*    gap: 0.5rem;*/
/*}*/

/*.page .onewinsam-wrapper ol.wp-block-list li::before {*/
/*    counter-increment: myCounter;*/
/*    content: counter(myCounter) ".";*/
/*    display: inline-block;*/
/*    padding: 0 8px 0 0;*/
/*    width: auto;*/
/*    height: auto;*/
/*    font-family: var(--ff-secondary);*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*    text-align: center;*/
/*    text-transform: uppercase;*/
/*    color: #0855c4;*/
/*}*/

/*.page .onewinsam-wrapper ul.wp-block-list li::before {*/
/*    content: "";*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    border-radius: 2px;*/
/*    display: inline-block;*/
/*    background: #0075ff;*/
/*    flex-shrink: 0;*/
/*    margin: 0 8px 0 0;*/
/*}*/

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

ul:not([class]) li,
ul.wp-block-list li,
ol:not([class]) li,
ol.wp-block-list li {
    position: relative;
    margin-top: 8px;
    padding-left: 30px;
    min-height: 22px;
}
ul:not([class]) li:first-child,
ul.wp-block-list li:first-child,
ol:not([class]) li:first-child,
ol.wp-block-list li:first-child {
    margin-top: 0;
}
ul:not([class]) li::before,
ul.wp-block-list li::before,
ol:not([class]) li::before,
ol.wp-block-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--accent-base, #0051ff);
    border-bottom: 1px solid var(--text-main, #fff);
    background-position: center center;
    background-repeat: no-repeat;
    color: var(--text-main, #fff);
    text-align: center;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 150%;
}

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

ul:not([class]) li::before,
ul.wp-block-list li::before {
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.863 3.15a.7.7 0 0 0-.494.225L5.204 9.774l-2.57-2.668a.72.72 0 0 0-.51-.227.7.7 0 0 0-.517.218.74.74 0 0 0-.207.522.75.75 0 0 0 .215.517l3.08 3.196a.707.707 0 0 0 1.019 0l6.674-6.928a.75.75 0 0 0 .157-.804.73.73 0 0 0-.27-.331.7.7 0 0 0-.412-.118" fill="%23fff"/></svg>');
    background-size: 14px 14px;
}


/* ul, ol */
/* breadcrumbs */
.onewinsam-breadcrumbs {
    border-top: 1px solid #fff3;
    border-bottom: 1px solid #fff3;
    padding: 4px;
}

.onewinsam-breadcrumbs__list {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
}

.onewinsam-breadcrumbs__link {
    display: flex;
    align-items: center;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    gap: 8px;
    text-decoration: none;
}

.onewinsam-breadcrumbs__link svg {
    stroke: #e3e3e3;
}

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

/* breadcrumbs */
/* footer */
.page-footer {
    margin-top: 2rem;
    padding: 20px 0;
}

@media (max-width: 576px) {
    .page-footer:has(+ .mob-btn) {
        padding-bottom: 40px;
    }
}

.page-footer__container {
    display: grid;
    grid-template-columns: 260px min-content 1fr 1fr;
    gap: 32px;
}

.other-links-v2 {
    margin-left: 32px;
}

.other-links-v2 ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    gap: 8px;
}

.other-links-v2__title {
    margin: 0 0 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

@media (max-width: 767px) {
    .other-links-v2 {
        margin-left: 0;
        border-bottom: 1px solid #333;
        padding-bottom: 24px;
    }

    .other-links-v2 ul {
        flex-direction: row;
    }
}

.page-footer__top {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.page-footer__top > img {
    width: fit-content;
    max-height: 60px;
    object-fit: contain;
    width: auto;
}

.page-footer__license-text {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #e3e3e3;
}

.page-footer__dmca {
    display: flex;
    justify-content: flex-start;
}

.dmca-badge {
    display: flex;
}

.page-footer__nav {
    border-left: 1px solid #333;
    padding-left: 16px;
}

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

.footer-nav__item:not(:last-child) {
    margin-bottom: 8px;
}

.footer-nav__link {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    color: #fff;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

.footer-nav__link--current,
.footer-nav__link:hover {
    color: rgb(195 191 191);
}

.page-footer__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}

.social,
.other-links {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    gap: 16px;
    width: auto;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
}

.social img,
.other-links img {
    width: fit-content;
    max-height: 32px;
    object-fit: contain;
    transition: all 0.3s ease-in-out;
    min-width: 32px;
    width: auto;
}

.social a:hover img,
.other-links a:hover img {
    transform: scale(1.05);
}

.page-footer__copyright {
    grid-column: 1 / -1;
    margin: 0;
    border-top: 1px solid #333;
    padding: 12px;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #e3e3e3;
}

@media (max-width: 1030px) {
    .page-footer__container {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .page-footer__container {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .page-footer__top {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px 16px;
    }

    .page-footer__top > img {
        grid-column: 1 / -1;
        margin: auto;
    }

    .page-footer__license-text {
        grid-column: 1 / -1;
        margin: auto;
    }

    .page-footer__dmca {
        grid-column: 1 / -1;
    }

    .page-footer__nav {
        border: 1px solid #333;
        border-right: none;
        border-left: none;
        padding: 16px 0;
    }

    .social,
    .other-links {
        justify-content: flex-start;
    }
}

/* footer */

/* auto-toc */
.onewinsam-toc-auto {
    position: relative;
    padding: 32px;
    background: #1d1e21;
    border-radius: var(--R);
}

.onewinsam-toc-auto.active h3::before {
    display: none;
}

.onewinsam-toc-auto.active h3 {
    margin-bottom: 16px;
    border-bottom: 1px solid #fff3;
    padding: 0 0 16px;
}

.onewinsam-toc-auto.active ul,
.onewinsam-toc-auto.active ol {
    height: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.onewinsam-toc-auto__title {
    display: flex;
    margin: 0;
    font-family: var(--ff-secondary);
    color: #fff;
}

.onewinsam-toc-auto__title::after {
    content: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 16 16' fill='none'><path d='M2 5L8 11L14 5' stroke='%23ffffff' stroke-width='2'/></svg>");
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    width: 2.65rem;
    height: 2.65rem;
    transform-origin: center;
}

.onewinsam-toc-auto.active .onewinsam-toc-auto__title::after {
    transform: rotate(180deg);
}

.onewinsam-toc-auto__title::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.onewinsam-toc-auto ul,
.onewinsam-toc-auto ol {
    display: grid !important;
    grid-template-columns: 1fr;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    gap: 16px 8px;
}

.onewinsam-toc-auto li {
    margin: 0 0 0 20px;
}

.onewinsam-toc-auto li::before {
    display: none !important;
}

.onewinsam-toc-auto a {
    display: flex;
    align-items: center;
    color: #fff;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

.onewinsam-toc-auto a:hover {
    color: rgb(195 191 191);
}





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



/* auto-toc */

/* comments */
.comment-form__form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.comment-form__field {
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
    max-width: 380px;
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #202020;
    background-color: transparent;
}

.comment-form__field.error {
    border-color: #f00f;
}

.comment-form__textarea {
    height: 100px;
    resize: none;
}

.comment-form__alert {
    display: none;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.comment-form__alert.success {
    display: inline-block;
    color: #008000ff;
}

.comment-form__alert.error {
    display: inline-block;
    color: #f00f;
}

.comment__author {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 22px;
}

.comment + .comment {
    margin-top: 30px;
}

/* comments */

/* text image */
* + .onewinsam-text-image {
    margin-top: 2rem;
}

.onewinsam-wrapper:first-child > .onewinsam-text-image:first-child {
    background: #1d1e21;
    padding: 16px;
    border-radius: 12px;
}

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

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

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

.onewinsam-text-image > .wp-block-heading:first-child {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    margin-top: 0;
}

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

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

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

.onewinsam-text-image:has(.wp-block-heading) > .get-image,
.onewinsam-text-image:has(.wp-block-heading) > img {
    grid-row: 2 / 10;
}

.wp-admin .onewinsam-text-image:has(.wp-block-heading) > .get-image,
.wp-admin .onewinsam-text-image:has(.wp-block-heading) > img {
    grid-column: 2 / 3;
    grid-row: 1 / 10;
}

.onewinsam-text-image.first-screen > .get-image,
.onewinsam-text-image.first-screen > img {
    grid-column: auto;
    grid-row: 1 / 10;
}

.onewinsam-text-image.first-screen > *:not(img, .get-image) {
    grid-column: 1 / 2;
}

.onewinsam-text-image.first-screen .wp-block-heading {
    color: #fff;
}

.onewinsam-text-image.first-screen .wp-block-heading span {
    color: #ee2;
}

.onewinsam-text-image.first-screen {
    padding-top: 32px;
    color: #e3e3e3;
}

.onewinsam-text-image img {
    width: 100%;
    height: fit-content;
    max-height: 600px;
    object-fit: contain;
}

@media (max-width: 1023px) {
    .onewinsam-text-image {
        grid-template-columns: 1fr;
        gap: 16px;
        display: block;
    }

    .onewinsam-text-image:has(h1) {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .onewinsam-text-image:has(h1) > h1 {
        order: -2;
    }

    .onewinsam-text-image:has(h1) > img {
        order: -1;
        margin-top: 0;
        margin-bottom: 16px;
    }

    .onewinsam-text-image:has(h1) > p {
        margin-top: 0;
    }

    .onewinsam-text-image > img {
		margin-top: 16px;
	}

    .onewinsam-text-image > .wp-block-heading:first-child {
        grid-column: auto;
        grid-row: 1 / 2;
        margin-bottom: 1rem;
    }

    .onewinsam-text-image > .get-image,
    .onewinsam-text-image > img,
    .onewinsam-text-image.reversed .get-image,
    .onewinsam-text-image.reversed > img,
    .onewinsam-text-image.first-screen > .get-image,
    .onewinsam-text-image.first-screen > img {
        order: 10;
        grid-column: auto;
        grid-row: auto;
    }

    .onewinsam-text-image:has(.wp-block-heading) > .get-image, .onewinsam-text-image:has(.wp-block-heading) > img {
        grid-row: auto;
    }

    .onewinsam-text-image > *:not(.wp-block-heading, img, .get-image),
    .onewinsam-text-image.reversed > *:not(.wp-block-heading, img, .get-image) {
        grid-column: auto;
    }

    .onewinsam-text-image.first-screen > *:not(img, .get-image) {
        grid-column: 1 / 2;
    }
}

/* text image */
/* .onewinsam-bonuses-section { */
/*    margin-top: 3rem; */
/*    border-bottom: 1px solid rgb(0 0 0 / 10%); */
/*    padding-bottom: 3rem; */
/* } */

.onewinsam-bonuses-section__bonuses-list {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    gap: 1rem;
}

.onewinsam-bonuses-section__bonus {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0.75rem;
    width: 100%;
    background: linear-gradient(180deg, #4AA3FF 0%, #007BFF 100%);
}

.onewinsam-bonuses-section__bonus-img {
    width: 100%;
}

.onewinsam-bonuses-section__bonus-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.onewinsam-bonuses-section__bonus-content {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    padding: 4px 16px 4px 4px;
    gap: 4px 10px;
}

.onewinsam-bonuses-section__bonus-content > img {
    align-self: center;
    grid-column: 1/2;
    grid-row: 1/-1;
    max-width: 230px;
    max-height: 110px;
}

.onewinsam-bonuses-section__bonus-tag {
    display: block;
    margin: 0 0 8px;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-style: normal;
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #777;
}

.onewinsam-bonuses-section__bonus-name {
    display: block;
    align-content: end;
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 150%;
    color: #fff;
}

.onewinsam-bonuses-section__bonus-description {
    display: block;
    align-content: start;
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 130%;
    color: #FFF;
    /*grid-row: 2/3;*/
    /*grid-column: 2/3;*/
}

.onewinsam-bonuses-section__bonus-inner {
    align-content: center;
    grid-column: 3/4;
    grid-row: 1/-1;
}

.onewinsam-bonuses-section__bonus .btn {
    display: block;
    margin-top: 0;
    width: 100%;
    max-width: unset;

}

@media (max-width: 768px) {
    .onewinsam-bonuses-section__bonus {
        width: 100%;
    }

    .onewinsam-bonuses-section__bonus-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 10px;
    }

    .onewinsam-bonuses-section__bonus-name,
    .onewinsam-bonuses-section__bonus-description {
        text-align: center;
    }
}

/* .onewinsam-bonuses-slider-section { */
/*    margin-top: 3rem; */
/*    border-bottom: 1px solid rgb(0 0 0 / 10%); */
/*    padding-bottom: 3rem; */
/* } */

.onewinsam-bonuses-slider-section__main {
    overflow: hidden;
}

.onewinsam-bonuses-slider-section__main .swiper {
    height: 100%;
}

.onewinsam-bonuses-slider-section__main .swiper-wrapper {
    display: flex;
    height: 100%;
}

.onewinsam-bonuses-slider-section__main .swiper-slide {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 0.5rem;
    padding: 0.75rem;
    height: auto;
    min-height: 8.75rem;
    font-size: 1.125rem;
    text-align: center;
    gap: 0.75rem;
}

.onewinsam-bonuses-slider-section__main .swiper-slide__img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.onewinsam-bonuses-slider-section__main .swiper-slide__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.onewinsam-bonuses-slider-section__main .swiper-slide__text {
    margin: 0;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;
    color: #e3e3e3;
}

.onewinsam-bonuses-slider-section__main .swiper-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.3125rem;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    gap: 0.75rem;
}

.onewinsam-bonuses-slider-section__main .swiper-prev,
.onewinsam-bonuses-slider-section__main .swiper-next {
    border-radius: 50%;
    padding: 0.75rem;
    width: 2.5rem;
    height: 2.5rem;
    background: #fff;
    cursor: pointer;
}

.onewinsam-bonuses-slider-section__main .swiper-prev svg,
.onewinsam-bonuses-slider-section__main .swiper-next svg {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 450px) {
    .onewinsam-bonuses-slider-section__main .swiper-slide {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-height: 280px;
    }
}

/* .onewinsam-categories-section { */
/*    margin-top: 3rem; */
/*    border-bottom: 1px solid rgb(0 0 0 / 10%); */
/*    padding-bottom: 3rem; */
/* } */

.onewinsam-categories-section__categories-list {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 0.75rem;
    padding: 1.5rem;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    gap: 1rem;
}

.onewinsam-categories-section__category {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    border-radius: 0.75rem;
    width: 7.78125rem;
    min-height: 8rem;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-align: center;
    gap: 0.5rem;
}

.onewinsam-categories-section__category:hover {
    background-color: #f5f4f1;
}

.onewinsam-categories-section__category-main {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 6rem;
    height: 6rem;
    background: #f5f4f1;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}

.onewinsam-categories-section__category-main img {
    width: 4rem;
    height: fit-content;
    -o-object-fit: contain;
    object-fit: contain;
}

.onewinsam-categories-section__category-name {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    color: #3e3e3e;
}

/* .onewinsam-demo-section { */
/*    margin-top: 3rem; */
/*    border-bottom: 1px solid rgb(0 0 0 / 10%); */
/*    padding-bottom: 3rem; */
/* } */

.onewinsam-demo-section__main {
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0.75rem;
    width: 100%;
    min-height: 300px;
    background: rgb(0 0 0 / 90%);
    padding: 0.75rem;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}

.onewinsam-demo-section__main iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.onewinsam-demo-section__background-img img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
}

.onewinsam-demo-section__logo {
    margin-bottom: 1rem;
}

.onewinsam-demo-section__logo img {
    width: fit-content;
    max-height: 84px;
    object-fit: contain;
}

.onewinsam-demo-section__name {
    margin-bottom: 2.5rem;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
}

.onewinsam-demo-section .btn {
    margin-bottom: 0.75rem;
}

.onewinsam-demo-section .btn:last-child {
    margin-bottom: 0;
}

.onewinsam-demo-section .btn--yellow {
    max-width: 15.625rem;
}

@media (max-width: 576px) {
    .onewinsam-demo-section__main {
        height: 22.5rem;
        min-height: unset;
    }
}

/* .onewinsam-faq { */
/*    margin-top: 3rem; */
/*    border-bottom: 1px solid rgb(0 0 0 / 10%); */
/*    padding-bottom: 3rem; */
/* } */

.onewinsam-faq__item:not(:last-child) {
    margin-bottom: 20px;
}

.onewinsam-faq__details {
    outline: none;
    border-radius: var(--R);
    overflow: hidden;
    border: 1px solid #fff3;
}

.onewinsam-faq__details[open] .onewinsam-faq__question-title svg {
    transform: rotate(180deg);
}

.onewinsam-faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 16px;
    background: #1d1e21;
    cursor: pointer;
}

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

.onewinsam-faq__question-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #fff;
}

.onewinsam-faq__question-title svg {
    z-index: 10;
    flex-shrink: 0;
    margin-left: 30px;
    width: 30px;
    height: 30px;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
    .onewinsam-faq__question-title svg {
        margin-left: 15px;
        width: 18px;
        height: 18px;
    }
}

.onewinsam-faq__answer {
    border-top: none;
    padding: 16px;
}

.onewinsam-faq__answer p {
    margin-bottom: 0;
}

.onewinsam-faq__answer * {
    margin-top: 0.8rem;
    font-family: inherit;
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
}

.onewinsam-faq__answer *:first-child {
    margin-top: 0;
}

@media (max-width: 767px) {
    .onewinsam-faq__question {
        padding: 15px 10px;
    }

    .onewinsam-faq__answer {
        padding: 16px 10px;
    }
}

.onewinsam-games-section__slots-list {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin: 0;
    padding: 0;
    -webkit-box-align: start;
    -webkit-box-pack: center;
    -ms-flex-align: start;
    -ms-flex-pack: center;
    gap: 1rem;
}

.onewinsam-games-section__slot {
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 17.3125rem;
    min-height: 22rem;
    background: #fff;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
}

.onewinsam-games-section__slot-img {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.onewinsam-games-section__slot-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.onewinsam-games-section__slot-content {
    padding: 1rem 1rem 0.25rem;
}

.onewinsam-games-section__slot-provider {
    display: block;
    margin-bottom: 0.25rem;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
    color: #777;
}

.onewinsam-games-section__slot-name {
    display: block;
    margin-bottom: 0.75rem;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
}

.onewinsam-games-section__slot-link {
    font-family: var(--ff-primary);
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.onewinsam-games-section__slot-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.onewinsam-games-section__slot-link:hover svg {
    -webkit-transform: translate(5px, 6px);
    -ms-transform: translate(5px, 6px);
    transform: translate(5px, 6px);
}

.onewinsam-games-section__slot-link svg {
    width: 1.5rem;
    height: 1.5rem;
    stroke: #292621;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

@media (max-width: 576px) {
    .onewinsam-games-section__slot {
        width: 100%;
    }
}

.onewinsam-instructions-section__steps-list {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    gap: 3.125rem;
}

.onewinsam-instructions-section__text {
    -ms-flex: 1;
    flex: 1;
    /*max-width: 33.625rem;*/
    -webkit-box-flex: 1;
}

.onewinsam-instructions-section__text > *:last-child {
    margin-bottom: 0;
}

.onewinsam-instructions-section__img {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    border-radius: 0.75rem;
    max-width: 33.625rem;
    -webkit-box-flex: 1;
}

.onewinsam-instructions-section__img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.onewinsam-instructions-section__step {
    position: relative;
    display: flex;
    border: 1px solid #fff3;
    border-radius: 0.5rem;
    padding: 1.5rem;
    width: 100%;
    gap: 2rem;
}

.onewinsam-instructions-section__step::after {
    content: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23fff3'/%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23FFFFFF' stroke-width='2'/%3E%3C/svg%3E");
    position: absolute;
    left: 50%;
    bottom: -2.1875rem;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.onewinsam-instructions-section__step:last-child::after {
    display: none;
}

.onewinsam-instructions-section__step-number {
    display: inline-block;
    margin-bottom: 3.75rem;
    border-radius: 0.5rem;
    padding: 0.75rem;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    background: #1d1e21;
}

.onewinsam-instructions-section__step-title {
    margin-top: 0;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem;
}

.onewinsam-instructions-section__step-description {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem;
}

.onewinsam-instructions-section__button {
    margin-top: 1rem;
}

.onewinsam-instructions-section__step-description > *:first-child {
    margin-top: 0;
}

.onewinsam-instructions-section__step-description > *:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .onewinsam-instructions-section__text {
        display: contents;
    }

    .onewinsam-instructions-section__img {
        order: 1;
        margin-bottom: 1rem;
        max-width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
    }

    .onewinsam-instructions-section__step {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0.75rem;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        gap: 0;
    }

    .onewinsam-instructions-section__step-number {
        order: 1;
        margin-bottom: 0.75rem;
        width: fit-content;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
    }

    .onewinsam-instructions-section__step-title {
        order: 3;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
    }

    .onewinsam-instructions-section__step-description {
        order: 4;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
    }

    .onewinsam-instructions-section__step .btn {
        order: 5;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
    }
}

@media (max-width: 576px) {
    .onewinsam-instructions-section__img {
        flex: none;
    }
}

.onewinsam-links-section {
    margin-top: 20px;
}

.onewinsam-links-section__links-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    gap: 1rem;
}

.onewinsam-links-section__links-list li {
    flex-grow: 1;
}

@media (max-width: 1023px) {
    .onewinsam-links-section__links-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .onewinsam-links-section__links-list {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .onewinsam-links-section__links-list li,
    .onewinsam-links-section__links-list .onewinsam-link {
        width: 100%;
    }
}

.onewinsam-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    padding: 0.75rem;
    width: 100%;
    height: 4.75rem;
    font-family: var(--ff-primary);
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: #fff;
    background: #1d1e21;
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

@media (hover: hover) {
    .onewinsam-link:hover {
        background-color: #2e2f34;
    }
}

.onewinsam-link__content {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: flex-start;
    max-height: 3.5rem;
    -webkit-box-align: start;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-align: start;
    gap: 0.25rem;
}

.onewinsam-link__content p {
    margin: 0;
}

.onewinsam-link__action {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF80;
    background-color: transparent;
}

.onewinsam-link__action:first-child {
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: #fff;
}

.onewinsam-link__action::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.onewinsam-link__content .onewinsam-link__action:hover svg {
    -webkit-transform: translate(5px, 6px);
    -ms-transform: translate(5px, 6px);
    transform: translate(5px, 6px);
}

.onewinsam-link__action svg {
    width: 1.5rem;
    height: 1.5rem;
    stroke: #ee2;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.onewinsam-link img {
    width: 72px;
    height: 72px;
    object-fit: contain;
}

@keyframes gradient {
    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

/* .onewinsam-providers-section { */
/*    margin-top: 3rem; */
/*    border-bottom: 1px solid rgb(0 0 0 / 10%); */
/*    padding-bottom: 3rem; */
/* } */

.onewinsam-providers-section__main {
    overflow: hidden;
}

.onewinsam-providers-section__main .swiper {
    height: 100%;
}

.onewinsam-providers-section__main .swiper-wrapper {
    display: flex;
    height: 100%;
}

.onewinsam-providers-section__main .swiper-slide {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    min-height: 6rem;
    font-size: 1.125rem;
    text-align: center;
    background: #fff;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    user-select: none;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}

.onewinsam-providers-section__main .swiper-slide[data-sf-a]:hover {
    background-color: #f5f4f1;
}

.onewinsam-providers-section__main .swiper-slide__img {
    width: 2.75rem;
    height: 2.75rem;
}

.onewinsam-providers-section__main .swiper-slide__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.onewinsam-providers-section__main .swiper-slide__name {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem;
}

.onewinsam-providers-section__main .swiper-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.3125rem;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    gap: 0.75rem;
}

.onewinsam-providers-section__main .swiper-prev,
.onewinsam-providers-section__main .swiper-next {
    border-radius: 50%;
    padding: 0.75rem;
    width: 2.5rem;
    height: 2.5rem;
    background: #fff;
    cursor: pointer;
}

.onewinsam-providers-section__main .swiper-prev svg,
.onewinsam-providers-section__main .swiper-next svg {
    width: 1rem;
    height: 1rem;
}

* + .screenshot-gallery {
    margin-top: 1rem;
}

.screenshot-gallery + * {
    margin-bottom: 1rem;
}

.onewinsam-screenshot-gallery__wrapper {
    position: relative;
    overflow-x: auto;
    margin-top: 1rem;
    max-width: 100vw;
    -ms-overflow-style: none;
    scrollbar-color: var(--color-accent);
    scrollbar-width: thin;
}

.onewinsam-screenshot-gallery__pseudo-track {
    position: relative;
    top: -3px;
    z-index: -10;
    display: none;
    width: 100%;
    height: 2px;
    background-color: #000;
    opacity: 0.4;
}

@media (any-hover: none) {
    .onewinsam-screenshot-gallery__pseudo-track {
        display: none;
    }
}

.onewinsam-screenshot-gallery__wrapper::-webkit-scrollbar {
    height: 5px;
}

.onewinsam-screenshot-gallery__wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 #000;
}

.onewinsam-screenshot-gallery__wrapper::-webkit-scrollbar-thumb {
    height: 5px;
    background-color: var(--color-accent);
}

.onewinsam-screenshot-gallery__wrapper::-webkit-scrollbar:vertical {
    display: none;
}

.onewinsam-screenshot-gallery__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0 0 10px;
}

.onewinsam-screenshot-gallery--pc .onewinsam-screenshot-gallery__pseudo-track {
    display: block;
}

.onewinsam-screenshot-gallery--pc .onewinsam-screenshot-gallery__item {
    flex: 1 0 33%;
}

@media (max-width: 1023px) {
    .onewinsam-screenshot-gallery--pc .onewinsam-screenshot-gallery__item {
        flex-basis: 50%;
    }
}

@media (max-width: 767px) {
    .onewinsam-screenshot-gallery--pc .onewinsam-screenshot-gallery__item {
        flex-basis: 85%;
    }
}

.onewinsam-screenshot-gallery__item:not(:last-child) {
    margin-right: 10px;
}

@media (max-width: 767px) {
    .onewinsam-screenshot-gallery--mob .onewinsam-screenshot-gallery__list {
        max-width: 980px;
    }

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

    .onewinsam-screenshot-gallery--mob .onewinsam-screenshot-gallery__pseudo-track {
        display: block;
    }
}

.gbtn {
    background: #1d1e21 !important;
    transition: all 0.3s ease-in-out;
}

@media (hover: hover), screen and (min-width: 0 \0
) {
    .gbtn:hover,
    .gbtn:focus {
        opacity: 0.7;
    }
}

/* .onewinsam-full-slider-section { */
/*    margin-top: 3rem; */
/*    border-bottom: 1px solid rgb(0 0 0 / 10%); */
/*    padding-bottom: 3rem; */
/* } */

.onewinsam-full-slider-section .swiper {
    overflow: hidden;
    border-radius: 0.75rem;
    width: 100%;
}

.onewinsam-full-slider-section .swiper-wrapper {
    display: flex;
    min-width: 100%;
    max-width: inherit;
}

.onewinsam-full-slider-section .swiper-slide {
    position: relative;
    min-width: inherit;
}

.onewinsam-full-slider-section .swiper-slide__img {
    overflow: hidden;
    border-radius: 0.75rem;
    width: 100%;
    min-width: inherit;
}

.onewinsam-full-slider-section .swiper-slide__img img {
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: contain;
}

.onewinsam-full-slider-section .swiper-slide__content {
    position: absolute;
    left: 0.75rem;
    bottom: 0.75rem;
    width: 50%;
    font-family: var(--ff-primary);
    font-weight: 500;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #e3e3e3;
}

.onewinsam-full-slider-section .swiper-slide__content p {
    margin-bottom: 0.75rem;
}

.onewinsam-full-slider-section .swiper-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.3125rem;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    gap: 0.75rem;
}

.onewinsam-full-slider-section .swiper-prev,
.onewinsam-full-slider-section .swiper-next {
    border-radius: 50%;
    padding: 0.75rem;
    width: 2.5rem;
    height: 2.5rem;
    background: #fff;
    cursor: pointer;
}

.onewinsam-full-slider-section .swiper-prev svg,
.onewinsam-full-slider-section .swiper-next svg {
    width: 1rem;
    height: 1rem;
}

.onewinsam-full-slider-section .swiper-pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content !important;
    height: 1.25rem;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    gap: 1.25rem;
}

.onewinsam-full-slider-section .swiper-pagination-bullet {
    display: block;
    border-radius: 50%;
    width: 0.5rem;
    height: 0.5rem;
    background: #9c9b9b;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.onewinsam-full-slider-section .swiper-pagination-bullet-active {
    background: #000;
}

@media (max-width: 768px) {
    .onewinsam-full-slider-section .swiper-slide__content {
        width: 85%;
    }

    .onewinsam-full-slider-section .swiper-pagination {
        gap: 0.5rem;
    }
}

.onewinsam-slots-section__slots-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    /*display: flex;*/
    /*-ms-flex-wrap: wrap;*/
    /*flex-wrap: wrap;*/
    /*align-items: flex-start;*/
    /*justify-content: center;*/
    margin: 0;
    padding: 0;
    /*-webkit-box-align: start;*/
    /*-webkit-box-pack: center;*/
    /*-ms-flex-align: start;*/
    /*-ms-flex-pack: center;*/
    gap: 1rem;
}

.onewinsam-slots-section__slot {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    /*width: 13.625rem;*/
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    gap: 0.5rem;
}

.onewinsam-slots-section__slot-img {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    width: 100%;
}

.onewinsam-slots-section__slot-img:hover .onewinsam-slots-section__slot-img-buttons {
    left: 0;
}

.onewinsam-slots-section__slot-img-buttons {
    position: absolute;
    left: -100%;
    top: 0;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    gap: 1rem;
}

.onewinsam-slots-section__slot-img-buttons .btn {
    padding: 0.5rem 2rem;
    text-wrap: balance;
}

.onewinsam-slots-section__slot-img-buttons .btn--black {
    border: none;
    padding: 0.75rem 2rem;
    color: #fff;
    background: #292621;
}

.onewinsam-slots-section__slot-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.onewinsam-slots-section__slot-name {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1rem;
}

@media (max-width: 576px) {
    .onewinsam-slots-section__slots-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .onewinsam-slots-section__slot {
        width: 100%;
    }
}

.onewinsam-toc {
    position: relative;
    padding: 32px;
    background-color: #000;
}

.onewinsam-toc.active .onewinsam-toc__title::before {
    display: none;
}

.onewinsam-toc.active .onewinsam-toc__title {
    margin-bottom: 16px;
    border-bottom: 1px solid #fff3;
    padding: 0 0 16px;
}

.onewinsam-toc.active .onewinsam-toc__list {
    height: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.onewinsam-toc__title {
    margin: 0;
    font-family: var(--ff-secondary);
    color: #fff;
}

.onewinsam-toc__title::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.onewinsam-toc__list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 0;
    padding: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    gap: 16px 8px;
}

.onewinsam-toc__item {
    display: flex;
    margin: 0;
}

.onewinsam-toc__link svg {
    flex-shrink: 0;
    margin-right: 6px;
}

.onewinsam-toc__link {
    display: flex;
    align-items: center;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.onewinsam-toc__link::before {
    content: "";
    flex-shrink: 0;
    margin-right: 6px;
    width: 24px;
    height: 24px;
    background-image: url("../images/toc-icon.svg");
}

.onewinsam-toc__link:hover {
    color: #f8ff13;
}

@media (max-width: 1200px) {
    .onewinsam-toc__list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1024px) {
    .onewinsam-toc__list {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

    .onewinsam-toc__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 550px) {
    .onewinsam-toc__list {
        grid-template-columns: 1fr;
    }
}

/* .onewinsam-top-match-section { */
/*    margin-top: 3rem; */
/*    border-bottom: 1px solid rgb(0 0 0 / 10%); */
/*    padding-bottom: 3rem; */
/* } */

.onewinsam-top-match-section__matches-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.onewinsam-top-match-section__match {
    display: flex;
    flex-direction: column;
    border-radius: 0.75rem;
    background-color: #fff;
}

.onewinsam-top-match-section__match-title {
    margin: 0;
    padding: 0.75rem;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #777;
}

.onewinsam-top-match-section__match-teams {
    display: flex;
    border-top: 1px solid rgb(0 0 0 / 10%);

    /* border-bottom: 1px solid rgb(0 0 0 / 10%); */
    padding: 0.75rem;
    gap: 0.75rem;
}

.onewinsam-top-match-section__match-team {
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-pack: start;
    -ms-flex-align: center;
    -ms-flex-pack: start;
    gap: 0.25rem;
}

.onewinsam-top-match-section__match-team img {
    width: 2.75rem;
    height: 2.75rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.onewinsam-top-match-section__match-team span {
    font-family: var(--ff-primary);
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.onewinsam-top-match-section__match-time {
    display: block;
    margin-top: auto;
    border-top: 1px solid rgb(0 0 0 / 10%);
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding: 0.75rem;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #3e3e3e;
}

.onewinsam-top-match-section__match-time svg {
    width: 1.25rem;
    height: 1.25rem;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
}

.onewinsam-top-match-section__match .btn {
    margin: 0.75rem;
    padding: 1rem 2rem;
    width: calc(100% - 1.5rem);
    max-width: unset;
}

@media (max-width: 1023px) {
    .onewinsam-top-match-section__matches-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .onewinsam-top-match-section__matches-list {
        grid-template-columns: 1fr;
    }

    .onewinsam-top-match-section__match {
        width: 100%;
    }
}

.onewinsam-video-v2 {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.onewinsam-video-v2__container {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.onewinsam-video-v2.align-left {
    justify-content: flex-start;
}

.onewinsam-video-v2.align-center {
    justify-content: center;
}

.onewinsam-video-v2.align-right {
    justify-content: flex-end;
}

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

.onewinsam-video-v2__button {
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    background: #000;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
}

.onewinsam-video-v2__button svg {
    fill: #ee2;
}

.onewinsam-video-v2__button:hover {
    background: #000;
    opacity: 0.7;
}

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

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

/* .onewinsam-winners-section { */
/*    margin-top: 3rem; */
/*    border-bottom: 1px solid rgb(0 0 0 / 10%); */
/*    padding-bottom: 3rem; */
/* } */

.onewinsam-winners-section__winners-list {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 0.75rem;
    padding: 1.5rem;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    gap: 2rem;
}

.onewinsam-winners-section__winner {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    border-right: 1px solid rgb(0 0 0 / 10%);
    width: 15.8125rem;
    min-height: 5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    gap: 0.75rem;
}

.onewinsam-winners-section__winner:nth-child(4n),
.onewinsam-winners-section__winner:last-child {
    border-right: none;
}

.onewinsam-winners-section__winner-avatar {
    width: 5rem;
    height: 5rem;
}

.onewinsam-winners-section__winner-avatar img {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.onewinsam-winners-section__winner-info {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto 0;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    gap: 0.25rem;
}

.onewinsam-winners-section__winner-nickname {
    max-width: 9.375rem;
    font-family: var(--ff-primary);
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    word-break: break-all;
    color: #3e3e3e;
}

.onewinsam-winners-section__winner-result {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: uppercase;
}

@media (max-width: 1216px) {
    .onewinsam-winners-section__winner {
        border-right: none;
    }
}

@media (max-width: 768px) {
    .onewinsam-winners-section__winners-list {
        gap: 1rem;
    }

    .onewinsam-winners-section__winner {
        border-bottom: 1px solid rgb(0 0 0 / 10%);
        padding-bottom: 1rem;
        width: 100%;
    }

    .onewinsam-winners-section__winner:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
}


.onewinsam-pros-cons__item_plus {
    padding-left: 32px;
    position: relative;
}

.onewinsam-pros-cons__item_plus::before {
    position: absolute;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><g clip-path="url(%23clip0_770_18699)"><path d="M19.5878 19.9395C16.2214 22.6876 5.71005 22.6876 2.41236 19.9395C-0.954035 17.1915 -0.610531 5.44346 2.41236 2.35189C5.43524 -0.739692 16.5649 -0.739692 19.5878 2.35189C22.6107 5.44346 22.9542 17.1915 19.5878 19.9395Z" fill="%2354BC02"/><g opacity="0.2"><path opacity="0.2" d="M11.0688 15.1298C8.04588 17.5344 4.67949 18.771 1.51923 18.8397C-0.816655 14.855 -0.335721 5.16809 2.41235 2.35132C4.88561 -0.190631 12.6489 -0.671564 17.1145 0.908569C18.2137 5.4429 15.9466 11.2138 11.0688 15.1298Z" fill="white"/></g><path d="M17.5267 11.0075C17.5267 11.6945 16.9771 12.2441 16.29 12.2441H12.168V16.3662C12.168 17.0532 11.6183 17.6028 10.9313 17.6028C10.2443 17.6028 9.6947 17.0532 9.6947 16.3662V12.2441H5.57257C4.88556 12.2441 4.33594 11.6945 4.33594 11.0075C4.33594 10.3205 4.88556 9.77083 5.57257 9.77083H9.69465V5.64874C9.69465 4.96173 10.2443 4.41211 10.9313 4.41211C11.6183 4.41211 12.1679 4.96173 12.1679 5.64874V9.77083H16.29C16.9771 9.77083 17.5267 10.3204 17.5267 11.0075Z" fill="white"/></g><defs><clipPath id="clip0_770_18699"><rect width="22" height="22" fill="white"/></clipPath></defs></svg>');

    left: 0;
}

.onewinsam-pros-cons__item_minus {
    padding-left: 32px;
    position: relative;
}

.onewinsam-pros-cons__item_minus::before {
    position: absolute;

    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><g clip-path="url(%23clip0_770_18706)"><path d="M19.5878 19.9395C16.2215 22.6876 5.71005 22.6876 2.41235 19.9395C-0.954033 17.1915 -0.61053 5.44346 2.41235 2.35189C5.43524 -0.739692 16.565 -0.739692 19.5878 2.35189C22.6107 5.44346 22.9542 17.1915 19.5878 19.9395Z" fill="%23FC2828"/><g opacity="0.2"><path opacity="0.2" d="M11.069 15.1298C8.04612 17.5344 4.67973 18.771 1.51947 18.8397C-0.81641 14.855 -0.335477 5.16809 2.41259 2.35132C4.88586 -0.190631 12.6492 -0.671564 17.1148 0.908569C18.214 5.4429 15.9469 11.2138 11.069 15.1298Z" fill="white"/></g><path d="M17.5267 11.0082C17.5267 11.6952 16.9771 12.2448 16.29 12.2448H12.168C11.7524 12.2448 11.687 12.2448 11 12.2448C10.313 12.2448 10.5 12.2448 10.1041 12.2448H9.6947H5.57257C4.88556 12.2448 4.33594 11.6952 4.33594 11.0082C4.33594 10.3211 4.88556 9.77152 5.57257 9.77152H9.69465H10C10.2643 9.77152 10.0578 9.77148 10.7448 9.77148C11.4318 9.77148 11.2958 9.77151 11.6985 9.77153L12.1679 9.77152H16.29C16.9771 9.77152 17.5267 10.3211 17.5267 11.0082Z" fill="white"/></g><defs><clipPath id="clip0_770_18706"><rect width="22" height="22" fill="white"/></clipPath></defs></svg>');
    left: 0;
}


.onewinsam-pros-cons__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    height: 100%;
    font-family: var(--ff-primary);
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    align-items: flex-start;
}

.onewinsam-pros-cons__element {
    padding: 1.875rem;
    border-radius: var(--R);
    background: transparent;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    background: var(--bg-block);
}

.onewinsam-pros-cons {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 25px;
}

.onewinsam-pros-cons__title {
    margin-top: 0;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #fff3;
    margin-bottom: 1.25rem;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: var(--ff-primary);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 136%;
}

.onewinsam-pros-cons__item.onewinsam-pros-cons__item_plus, .onewinsam-pros-cons__item.onewinsam-pros-cons__item_minus {
    display: flex;
    align-items: center;
    gap: 13px;
}

.onewinsam-pros-cons__item svg {
    max-width: 40px;
    max-height: 40px;
    width: 100%;
}

@media (max-width: 768px) {
    .onewinsam-pros-cons {
        flex-direction: column;
    }

    .onewinsam-pros-cons__element {
        padding: 1rem;
    }
}

.onewinsam-slots-section__title {
    position: relative;
}

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

.payments-list {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    grid-column: 1 / -1;
}

.payments-list img {
    width: auto;
    max-height: 55px;
}


.onewinsam-slots-section__game.show {
    z-index: 9999;
    box-shadow: 8px 0 500px 0 #c8c9d5;
    opacity: 1;
    visibility: visible;
    pointer-events: all;

    position: fixed;
    left: 50%;
    top: 50%;
    display: flex;
    flex-direction: column;
    width: 100%;
    transform: translate(-50%, -50%);
    /*pointer-events: none;*/
    aspect-ratio: 16 / 9;
    height: 100vh;
    background: #000000a8;
}

.onewinsam-slots-section__game-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    background: #1d1e21;
    border-radius: 8px 8px 0 0;
}

.onewinsam-slots-section__game-header-name {
    margin: 0 20px 0 0;
    font-weight: 900;
    font-size: 22px;
    line-height: 32px;
    text-transform: uppercase;
    color: #000;
}

.onewinsam-slots-section__game-header-aff {
    display: none;
    background: #fff;
    color: #000;
    cursor: pointer;
    max-width: 100%;
    margin-top: 0;
}

.onewinsam-slots-section__game-close {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    border: none;
    background: 0 0;
    cursor: pointer;
}

.onewinsam-slots-section__game-iframe iframe {
    margin: 0 auto;
    border: none;
    width: 100%;
    height: 690px;
    object-fit: contain;
    border-radius: 0 0 8px 8px;
}

.scroll-lock {
    overflow: hidden;
}

.onewinsam-slots-section__game-container {
    position: fixed;
    left: 50%;
    top: 50%;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    width: 100%;
    max-width: 1420px;
    background: #1d1e21;
    visibility: hidden;
    transform: translate(-50%, -50%);
}

.onewinsam-slots-section__game.show .onewinsam-slots-section__game-container {
    visibility: visible;
}

@media (max-width: 576px) {
    .onewinsam-slots-section__game-iframe iframe {
        height: 515px;
    }
}

/* Promo */
.onewinsam-promo-code:not(:first-child) {
    margin-top: 16px;
}

.onewinsam-promo-code {
    display: flex;
    align-items: stretch;
    gap: 16px;
}

.onewinsam-promo-code__controls {
    cursor: pointer;
    position: relative;
    padding: 4px 4px 4px 16px;
    border-radius: 12px;
    background: #2e3033;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    overflow: hidden;
    transition-property: background, border-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    width: clamp(100px,310px,100%);
    max-width: 100%;
}

.onewinsam-promo-code__button {
    min-width: 40px;
    padding: 10px;
    border-radius: 8px;
    background: #fff;
}

.onewinsam-promo-code__button._active {
    opacity: .3;
    pointer-events: none;
    cursor: default;
}

@media (max-width: 500px) {
    .onewinsam-promo-code {
        display: flex;
        flex-direction: column;
    }

    .onewinsam-promo-code,
    .onewinsam-promo-code__controls{
        width: 100%;
    }
}

/* Bonuses */
.bonus-banner {
    align-self: stretch;
    position: relative;
    padding: 24px 210px 24px 24px;
    border-radius: var(--card-radius, 16px);
    background: var(--bonus-bg-orange, linear-gradient(180deg, #ff9f3f 0%, #ff720d 100%));
    overflow: hidden;
    color: var(--text-main, #fff);
    flex-wrap: wrap;
}
.bonus-banner > * {
    position: relative;
    z-index: 1;
}
.bonus-banner__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
}
.bonus-banner__block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 1;
}
.bonus-banner__block > .btn:not(:only-child) {
    flex: 1 0 auto;
}
.bonus-banner__block > .btn:only-child {
    width: 244px;
    max-width: 100%;
}
.bonus-banner__type {
    padding: 4px 12px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.2);
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 150%;
}
.bonus-banner__type:last-child {
    margin-bottom: 0;
}
.bonus-banner__type + .bonus-banner__title {
    margin-top: auto;
}
.bonus-banner__title {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 130%;
    text-align: left;
}
.bonus-banner__descr {
    font-size: 1rem;
    line-height: 150%;
    text-align: left;
}
.bonus-banner > img {
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    max-width: 230px;
    max-height: 100%;
    top: 0;
    margin: auto;
}
.bonus-banner--v2 {
    padding: 20px 20px 20px 120px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.bonus-banner--v2 .bonus-banner__type {
    padding: 0;
    background: transparent;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 150%;
}
.bonus-banner--v2 > img {
    left: 0;
    right: unset;
}
@media (max-width: 575.9px) {
    .bonus-banner {
        padding: 16px 126px 16px 16px;
        gap: 16px;
    }
    .bonus-banner__title {
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 150%;
    }
    .bonus-banner__descr {
        font-size: 0.875rem;
        line-height: 150%;
    }
    .bonus-banner__block {
        flex-direction: column;
        align-items: stretch;
    }
    .bonus-banner__block > * {
        width: 100%;
    }
    .bonus-banner__block > .btn:only-child {
        width: 100%;
    }
    .bonus-banner > img {
        max-width: 180px;
    }
    .bonus-banner--v2 {
        flex-direction: column;
        align-items: stretch;
        padding: 16px 16px 16px 150px;
    }
    .bonus-banner--v2 .bonus-banner__content {
        gap: 4px;
        align-items: center;
    }
    .bonus-banner--v2 .bonus-banner__title,
    .bonus-banner--v2 .bonus-banner__descr,
    .bonus-banner--v2 .bonus-banner__type {
        text-align: center;
    }
    .bonus-banner--v2 .bonus-banner__type {
        margin-bottom: 0;
        font-size: 1rem;
        line-height: 150%;
    }
    .bonus-banner--v2 .bonus-banner__title {
        font-size: 1.25rem;
        line-height: 140%;
    }
    .bonus-banner--v2 > img {
        max-width: 150px;
        left: -2px;
        bottom: -2px;
    }
}

/* GRID */
.grid-block {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    align-items: flex-start;
    margin-top: 20px;
}
.grid-block:first-child {
    margin-top: 0;
}
.grid-block--d2 {
    grid-template-columns: 1fr 1fr;
}
.grid-block--d3 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
.grid-block--d4 {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}
.grid-block--d5 {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.grid-block--d6 {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.grid-block--d7 {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
.grid-block--fit.grid-block--d3 {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
.grid-block--fit.grid-block--d4 {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.grid-block--fit.grid-block--d5 {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.grid-block--fit.grid-block--d6 {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.grid-block--fit.grid-block--d7 {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}
.grid-block.grid-block--g20 {
    gap: 20px;
}
@media (max-width: 767.9px) {
    .grid-block.grid-block--m2 {
        grid-template-columns: 1fr 1fr;
    }
    .grid-block.grid-block--d2 {
        grid-template-columns: 1fr;
    }
    .grid-block.grid-block--mg10 {
        gap: 10px;
    }
}
@media (max-width: 575.9px) {
    .grid-block {
        grid-template-columns: 1fr;
        margin-top: 16px;
        gap: 16px;
    }
}

/* Sport categories */
.category-card {
    position: relative;
    padding: 16px;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    border-radius: var(--card-radius, 16px);
    background: var(--card-bg, #1d1e21);
    overflow: hidden;
    color: var(--text-main, #fff);
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 150%;
}

.category-card > img, .category-card > svg {
    position: absolute;
    width: 60px;
    height: 60px;
    right: 10px;
    object-fit: contain;
}
.category-card__link {
    width: 100%;
    position: relative;
    padding: 16px 75px 16px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    color: #FFF;
    text-decoration: unset;
    border-radius: var(--card-radius, 16px);
    background: var(--card-bg, #1d1e21);
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

@media (hover: hover) {
    .category-card__link:hover {
        background: #2e2f34;
    }
}

.category-card__link > img, .category-card__link > svg {
    position: absolute;
    width: 60px;
    height: 60px;
    right: 10px;
    object-fit: contain;
}
.category-card:has(.category-card__link) {
    padding: unset;
}

/* Mobile button */

.mob-btn {
    position: sticky;
    left: 16px;
    bottom: 16px;
    z-index: 30;
    width: calc(100% - 32px);
    padding: 8px;
    border-radius: var(--button-radius, 12px);
    overflow: hidden;
    background: var(--bonus-bg-orange, linear-gradient(180deg, #ff9f3f 0%, #ff720d 100%));
    display: flex;
    align-items: center;
    gap: 8px;
}
.mob-btn:has(> img) {
    padding-left: 50px;
}
.mob-btn > img, .mob-btn > svg {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 163px;
    max-height: 49px;
    z-index: -1;
}
.mob-btn .btn {
    margin-left: auto;
    padding: 8px 12px;
    font-size: 0.85rem;
    line-height: 150%;
    font-weight: 500;
    overflow: visible;
}
.mob-btn .btn:has(img) {
    padding-right: 61px;
}
.mob-btn .btn:has(img) img {
    position: absolute;
    right: 11px;
    bottom: 0;
    width: 40px;
    height: 43px;
    object-fit: contain;
}
.mob-btn__main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    color: var(--text-main, #fff);
}
.mob-btn__text {
    font-size: 0.75rem;
    line-height: 150%;
    margin: 0;
}
.mob-btn__title {
    font-weight: 600;
    font-size: 1rem;
    line-height: 150%;
    margin: 0;
}
.mob-btn__title span {
    font-style: italic;
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 800;
}
.mob-btn--v2 {
    padding: 8px 12px;
    background: var(--bonus-bg-fillet, linear-gradient(180deg, #9a4aff 0%, #7100ff 100%));
}
@media (min-width: 576px) {
    .mob-btn {
        display: none;
    }
}

/* App info */
.app-info:not(:first-child) {
    margin-top: 20px;
}

.app-info {
    position: relative;
    overflow: hidden;
    padding-top: 9px;
}


.app-info:first-child {
    margin-top: 0;
}
.app-info__wrap {
    min-height: 115px;
    padding: 24px;
    border-radius: var(--card-radius, 16px);
    background: var(--card-bg, #1d1e21);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
}
.app-info__block {
    padding-left: 150px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
}
.app-info__block > img {
    position: absolute;
    top: 0;
    left: 25px;
    width: 125px;
    min-width: 125px;
    height: calc(100% + 9px);
    object-fit: cover;
    object-position: center top;
}
.app-info__descr {
    width: 305px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    color: var(--text-main, #fff);
    font-size: 1rem;
    line-height: 150%;
}
.app-info__descr span {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 150%;
}
.app-info__table {
    flex: 1;
}
.app-info__table-tbody {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 24px;
}
.app-info__table-tr {
    padding-left: 24px;
    border-left: 1px solid var(--line-color, #353740);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.app-info__table-td {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    padding-left: 48px;
    min-height: 36px;
    color: var(--text-secondary, #d2d2d2);
    font-size: 0.875rem;
    line-height: 150%;
}
.app-info__table-td span {
    color: var(--text-main, #fff);
    font-weight: 500;
    font-size: 1rem;
    line-height: 150%;
}
.app-info__table-td img,
.app-info__table-td svg {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    min-width: 36px;
    object-fit: contain;
}
@media (max-width: 991.9px) {
    .app-info {
        padding: 0;
    }
    .app-info__wrap {
        flex-direction: column;
        align-items: stretch;
    }
    .app-info__block {
        position: relative;
        padding-left: 0;
        border-bottom: 1px solid var(--line-color, #353740);
    }
    .app-info__block > img {
        position: relative;
        left: 0;
        top: 0;
        height: 99px;
        width: 84px;
        min-width: 84px;
        object-fit: cover;
    }
    .app-info__table-tbody {
        grid-template-columns: 1fr 1fr;
    }
    .app-info__table-tr {
        padding-left: 0;
        border-left: 0;
        justify-content: flex-start;
    }
    .app-info__table-td img,
    .app-info__table-td svg {
        top: 0;
        transform: unset;
    }
}
@media (max-width: 575.9px) {
    .app-info {
        margin-top: 16px;
    }
    .app-info__wrap {
        gap: 16px;
        padding: 16px;
    }
    .app-info__block {
        gap: 16px;
    }
    .app-info__descr {
        font-size: 0.875rem;
        line-height: 150%;
    }
    .app-info__descr span {
        font-weight: 600;
        font-size: 1rem;
        line-height: 150%;
    }
    .app-info__table-tbody {
        gap: 16px;
    }
    .app-info__table-td {
        min-height: 28px;
        padding-left: 36px;
        gap: 4px;
    }
    .app-info__table-td img,
    .app-info__table-td svg {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }
}

/* demo */
.onewinsam-demo-section {
    display: flex;
    gap: 16px;
}

.onewinsam-demo-section__content {
    background: #1d1e21;
    padding: 16px;
    border-radius: 12px;
}

@media (max-width: 1024px) {
    .onewinsam-demo-section {
        flex-direction: column-reverse;
    }
}