@charset "UTF-8";

.ad-section-v2 img, .text-image img {

    object-fit: contain

}



.mp-promocode__copy-btn, .pp-promocode__copy-btn, .promocode__copy-btn {

    min-height: 2.375rem;

    transition: .2s

}



.mp-promocode__copy-btn:hover use, .pp-promocode__copy-btn:hover use, .promocode__copy-btn:hover use {

    scale: 1.02

}



.popup__welcome-bonus-list, ol.wp-block-list {

    counter-reset: MyCounter

}



.info-list-item--casino p:last-child, .popup__welcome-bonus-text p:last-child, .text-image__text :last-child {

    margin-bottom: 0

}



.info-list-item--apparaten ul li img, .info-list-item--soorten ul li img {

    width: 24px;

    height: 24px

}



.info-list-item--steun .info-list-item-links .info-list-item-link:hover::after, .toc-section__toc-item:hover::after {

    animation: .35s linear identifier

}



:root {

    --color-header: #1b2439;

    --color-header-navigation-link: #ffffff;

    --color-header-navigation-link-hover: #0095ff;

    --color-first-button: fff;

    --color-first-button-bg: #1f2841;

    --color-second-button: fff;

    --color-second-button-bg: #089e4e;

    --color-body: #090f1e;

    --color-text: #ffffff;

    --color-title: #ffffff;

    --color-link: #fff300;

    --color-accent: #1b2439;

    --color-footer: #090f1e;

    --color-footer-navigation-link: #ffffff;

    --color-footer-navigation-link-hover: #0095ff;

    --color-footer-text: #beade4;

    --color-content-button-bg: #ffdc41;

    --color-content-button: #000000;

    --content-button-gradient: linear-gradient(90deg, #2CB865 0%, #089E4E 100%);

    --color-scroll-to-top: #8a34aa;

    --color-arrow-scroll-to-top: #ffffff;

    --color-table-bg: #090f1e;

    --color-table-border: #ffffff26;

    --color-table-th-bg: #94a6cd26;

    --color-table-th-color: #ffffff;

    --color-table-td-color: #ffffff;

    --color-blocks-text-image: #1e1450;

    --color-faq-item: #301e6e;

    --color-faq-item-open: #2cb865;

    --color-faq-item-title: #ffffff;

    --color-faq-item-title-open: #ffffff;

    --color-toc-bg: #1b2439;

    --color-toc-title: #fff;

    --color-toc-item: #ffffff26;

    --color-toc-item-hover: #fff;

    --color-field: #000000;

    --color-field-bg: #ffffff;

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

}



*, :after, :before {

    box-sizing: border-box

}



:active, :focus, a:active, a:focus {

    outline: 0

}



.popup.open, aside, footer, header, nav {

    display: block

}



body, html {

    min-height: 100%;

    width: 100%;

    font-size: 16px;

    line-height: 1;

    -ms-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}



* {

    scrollbar-color: rgba(217, 217, 217, .3) transparent;

    scrollbar-width: thin

}



.scroll-top {

    position: fixed;

    bottom: 100px;

    right: 15px;

    z-index: 55;

    opacity: 10

}



.scroll-top__button {

    border: none;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    background-color: var(--color-scroll-to-top);

    color: #fff;

    text-shadow: 1px 1px 2px #000;

    font-size: 20px

}



.scroll-top__button svg {

    fill: var(--color-arrow-scroll-to-top)

}



button, input, textarea {

    font-family: inherit

}



input::-ms-clear {

    display: none

}



button {

    cursor: pointer;

    border: none

}



button::-moz-focus-inner {

    padding: 0;

    border: 0

}



a, a:hover, a:visited {

    text-decoration: none

}



a {

    color: #fff;

}



img {

    vertical-align: top

}



h1, h2, h3, h4, h5, h6 {

    font-weight: 400;

    margin: 1.5rem 0 1rem;

    font-family: var(--ff-secondary);

    font-size: 1.875rem;

    font-style: normal;

    line-height: 2.25rem;

    text-transform: uppercase

}



.align-left, .mp-hero-section__specifications-list {

    text-align: left

}



.align-center {

    text-align: center

}



.align-right {

    text-align: right

}



.page-404__subtitle, .page-404__title {

    font-family: var(--ff-primary);

    text-align: center;

    color: var(--color-text)

}



.section-description {

    margin-bottom: 1.25rem

}



.ad-section-v2 img {

    max-width: 4.25rem;

    max-height: 4.25rem;

    width: 100%

}



@media (max-width: 768px) {

    .ad-section-v2 {

        display: flex;

        gap: .3125rem;

        flex: 0 1 auto

    }



    .promocode__main-content {

        max-width: 100%;

        padding-right: 0

    }

}



.ad-section-v2 {

    margin-top: .625rem;

    position: sticky;

    bottom: 0;

    padding: .25rem .75rem 0 .25rem;

    background: #fff;

    display: none;

    justify-content: space-between;

    align-items: center;

    gap: .125rem

}



.btn, .promocode, .wp-block-list li {

    position: relative

}



.page-404__title {

    font-size: 100px;

    margin: 0 0 50px

}



.page-404__subtitle {

    font-size: 35px;

    margin: 0 0 20px

}



.breadcrumbs-item, .breadcrumbs-item-second {

    font-size: .875rem;

    line-height: 1.375rem;

    text-align: left;

    font-family: var(--ff-primary);

    font-weight: 400

}



.page-404__link {

    margin: auto

}



.toc-toc__container.active ul {

    display: block !important

}



.toc-toc__container.active ul > li > a {

    color: #fff

}



.toc-toc__container ul {

    display: none !important;

    padding: 0

}



.toc-toc__container.active .toc-section__title::after {

    transform: translateY(-50%) scaleY(-1)

}



.breadcrumbs-container {

    width: 95%

}



.breadcrumbs__list {

    display: flex;

    align-items: center;

    gap: .25rem;

    margin: .5rem 0;

    list-style: none;

    padding: 0

}



.breadcrumbs-item {

    color: var(--color-text)

}



.breadcrumbs-item-second {

    color: #beade4

}



.wp-block-table table tbody tr:first-child th:first-child, .wp-block-table table thead tr:first-child td:first-child, .wp-block-table table thead tr:first-child th:first-child {

    min-width: 10rem;

    border-radius: 12px 0 0

}



.wp-block-table table th, .wp-block-table table thead td {

    color: #fff;

    font-family: var(--ff-primary);

    background: var(--Purple, #8a34aa)

}



[class*=" icon-font__"]:before, [class^=icon-font__]:before {

    font-family: icons !important;

    speak: never;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.icon-font__deposit:before {

    content: "\e901";

    color: #fff

}



.icon-font__casino:before {

    content: "\e902";

    color: #fff

}



.icon-font__bonus:before {

    content: "\e903";

    color: #fff

}



.icon-font__reg:before {

    content: "\e904";

    color: #fff

}



.icon-font__app:before {

    content: "\e905";

    color: #fff

}



.align-items_center {

    align-items: center

}



.align-items_top {

    align-items: start

}



.align-items_bottom {

    align-items: end

}



.text-image_first-child {

    order: 2

}



.text-image_last-child {

    order: 1

}



.wrapper {

    margin-top: 2.75rem;

    padding-bottom: 2.75rem;

    border-bottom: 1px solid rgba(255, 255, 255, .1)

}



.wrapper:has(.auto-toc-auto) {

    margin: 0

}



.auto-toc-auto ol {

    margin: 0;

    padding: 0 0 0 16px;

    display: none;

    gap: .5rem

}



ol.wp-block-list, ul.wp-block-list {

    margin-bottom: 1rem;

    margin-top: 1rem;

    font-weight: 400;

    line-height: 1.375rem;

    font-size: .875rem;

    font-style: normal;

    font-family: var(--ff-primary);

    list-style: none

}



.auto-toc-auto.active ol {

    display: grid

}



.info-list-item--betaalmethoden .info-list-item-borg:last-child::after {

    content: none

}



@media (max-width: 576px) {

    .wrapper {

        margin-top: 2rem;

        padding-bottom: 2rem

    }

}



.wrapper:first-child {

    margin-top: 0;

    border-bottom: none

}



.wrapper--without-border, .wrapper:last-child {

    border-bottom: none;

    padding-bottom: 0

}



.pp-promocode__input .btn, .promocode__input .btn {

    padding: 1rem 2rem

}



.wp-block-list {

    display: grid;

    gap: 1rem;

    padding: 0

}



ol.wp-block-list li {

    position: relative;

    counter-increment: MyCounter;

    padding-left: 2.125rem

}



.btn svg, ol.wp-block-list li:last-child::after {

    display: none

}



ol.wp-block-list li::before {

    position: absolute;

    top: 0;

    left: 0;

    content: counter(MyCounter);

    width: 1.5rem;

    height: 1.5rem;

    border-radius: 50%;

    border: 1px solid var(--Purple, #8a34aa);

    color: var(--Yellow, #ffdc41);

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-right: .625rem

}



ol.wp-block-list li::after {

    position: absolute;

    content: "";

    top: 1.5rem;

    left: .75rem;

    width: .0625rem;

    height: calc(100% - 8px);

    background: #8a34aa

}



ul.wp-block-list {

    counter-reset: Counter;

    display: grid;

    gap: .3rem

}



ul.wp-block-list li {

    padding-left: 1rem

}



ul.wp-block-list li::before {

    position: absolute;

    top: 0;

    left: 0;

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Ccircle cx='4' cy='4' r='4' fill='%238A34AA'/%3E%3C/svg%3E");

    margin-right: .625rem

}



.container {

    max-width: 75rem;

    margin: 0 auto

}



.btn {

    display: block;

    max-width: 11.875rem;

    padding: .6875rem 1.25rem;

    gap: .625rem;

    border-radius: .5rem;

    color: #1e1e28;

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    font-weight: 500;

    line-height: 1.25rem;

    transition: .2s;

    text-align: center;

    cursor: pointer

}



.btn:hover {

    transform: scale(.96)

}



.mp-promocode__copy-btn:hover, .pp-promocode__copy-btn:hover, .promocode__copy-btn:hover {

    transform: scale(.97)

}



.btn--yellow {

    background: var(--color-content-button-bg);

    color: var(--color-content-button)

}



.btn--purple {

    border: 1px solid var(--Second-button-color, #beade4);

    background: 0 0;

    color: #beade4

}



.btn--white {

    background: #fff

}



.btn--full-width {

    display: block;

    width: 100%;

    max-width: unset;

    padding: 1.125rem 2rem

}



.btn--with-svg {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: .25rem

}



.btn--with-svg svg {

    display: inline-block;

    width: 1.5rem;

    height: 1.5rem

}



.mp-hero-section__info {

    margin: 1.5rem 0

}



* + .text-image, .image-text-section, .tabs-section__tabs-content {

    margin-top: 1.5rem

}



.text-image {

    display: grid;

    grid-template-columns:1fr 1fr;

    gap: 1.5rem;

    font-family: var(--ff-primary);

    font-weight: 400;

    line-height: 1.375rem;

    font-size: 14px

}



.hero-section__title, .text-image h1.text-image__title, .text-image__title {

    font-family: var(--ff-secondary);

    font-style: normal;

    font-weight: 400;

    text-transform: uppercase

}



.text-image-section__title {

    margin-top: .5rem

}



.text-image > p {

    font-family: var(--ff-primary);

    font-weight: 400

}



.hero-section__title, .text-image h1.text-image__title {

    color: #fff;

    font-size: 2.25rem;

    line-height: 2.75rem

}



.text-image__title {

    grid-column: 1/-1;

    color: var(--White, #fff);

    font-size: 1.875rem;

    line-height: 2.25rem

}



.promocode__bonuses-list li, .promocode__description {

    line-height: 1.5rem;

    font-family: Montserrat;

    font-style: normal

}



.text-image__text {

    max-width: 36.75rem

}



.container .image-text-section:first-child, .container h2:first-child, .text-image__text :first-child {

    margin-top: 0

}



.promocode {

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    padding: 2.125rem;

    border-radius: .625rem;

    gap: 1.375rem;

    overflow: hidden

}



.pp-promocode__bg, .promocode__bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.promocode__bg img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.promocode__main-content {

    position: relative;

    gap: .9375rem;

    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: space-between

}



.promocode__title {

    color: #fff;

    leading-trim: both;

    text-edge: cap

}



.promocode__description {

    position: relative;

    color: #fff;

    font-size: 1rem;

    font-weight: 500;

    padding-bottom: 1.25rem

}



.promocode__description::after {

    position: absolute;

    content: "";

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: linear-gradient(270deg, rgba(126, 172, 47, 0) -7.11%, #7eac2f 50.12%, rgba(126, 172, 47, 0) 107.93%)

}



.pp-promocode__copy-btn.copied, .promocode__copy-btn.copied {

    background-color: #10ec10

}



.promocode__description span {

    color: #a7dc4c;

    font-weight: 700

}



.promocode__registration {

    display: flex;

    align-items: flex-start;

    gap: 1.875rem

}



.promocode__bonuses-list {

    min-width: 17.3125rem

}



.promocode__bonuses-list li {

    list-style: none;

    padding-bottom: 1.0625rem;

    color: #fff;

    font-size: 1.125rem;

    font-weight: 500

}



.promocode__bonuses-list li span, .promocode__input input {

    font-weight: 700;

    color: #a7dc4c

}



.promocode__bonuses-list li::before {

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' fill='none'%3E%3Ccircle cx='3.5' cy='3.5' r='3.5' fill='%23A7DC4C'/%3E%3C/svg%3E");

    display: inline-block;

    margin-right: .625rem;

    text-align: center;

    height: .4375rem;

    width: .4375rem;

    transform: translateY(-50%)

}



.promocode__bonuses-list li:last-child {

    padding-bottom: 0

}



.mp-promocode__input, .promocode__input {

    display: flex;

    flex-direction: column;

    gap: .625rem

}



.promocode__input-copy-block {

    width: 100%;

    height: 3.25rem;

    gap: .25rem;

    display: flex;

    justify-content: space-between;

    border-radius: 4px;

    border: 1px solid rgba(255, 255, 255, .3);

    padding: .125rem

}



.promocode__input input {

    max-width: 11.875rem;

    background-color: transparent;

    font-family: Montserrat;

    font-size: 1.125rem;

    font-style: normal;

    line-height: 1rem;

    padding: 1rem 1.25rem

}



.promocode__copy-btn {

    padding: .75rem 1.25rem;

    min-width: 5.25rem;

    height: 100%;

    border-radius: 3px;

    background: #185a8a;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: .25rem;

    color: #fff;

    font-family: "TT Firs Neue";

    font-size: .875rem;

    font-style: normal;

    font-weight: 600;

    line-height: 1rem

}



.promocode__copy-btn svg {

    width: 1.25rem;

    height: 1.25rem

}



.promocode__copy-btn svg use {

    transition: .2s

}



.pp-promocode {

    position: relative;

    display: flex;

    align-items: flex-start;

    padding: 1.5rem;

    justify-content: flex-start;

    border-radius: .625rem;

    gap: 1.375rem;

    overflow: hidden

}



.pp-promocode__bg img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.pp-promocode__main-content {

    position: relative;

    gap: .5rem;

    flex: 1;

    max-width: 15.375rem;

    display: flex;

    flex-direction: column

}



@media (max-width: 768px) {

    .promocode__registration {

        flex-direction: column

    }



    .promocode__input {

        width: 100%;

        align-self: center

    }



    .pp-promocode {

        width: 100%;

        flex-direction: column;

        gap: .3125rem

    }



    .pp-promocode__main-content {

        max-width: 100%;

        padding-right: 0

    }

}



.pp-promocode__title {

    color: #fff;

    font-family: Montserrat;

    font-size: 1.125rem;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-align: left

}



.pp-promocode__description {

    color: #fff;

    font-family: Montserrat;

    font-size: 1.0625rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5rem

}



.pp-promocode__copy-btn, .pp-promocode__time {

    font-size: .875rem;

    font-style: normal;

    color: #fff

}



.pp-promocode__description span {

    color: #a7dc4c;

    font-weight: 700

}



.pp-promocode__time {

    font-family: Montserrat;

    font-weight: 300;

    line-height: 1.5rem

}



.pp-promocode > svg {

    position: relative;

    width: 3.125rem;

    height: 2.5rem;

    align-self: center

}



.mp-promocode__copy-btn svg, .pp-promocode__copy-btn svg {

    width: 1.25rem;

    height: 1.25rem

}



@media (max-width: 390px) {

    .pp-promocode__main-content {

        max-width: 95%;

        margin: 0 auto

    }



    .pp-promocode__title {

        order: 1;

        text-align: center

    }



    .pp-promocode__description {

        order: 3;

        text-align: center

    }



    .pp-promocode__time {

        order: 2;

        text-align: center

    }



    .pp-promocode > svg {

        transform: translate(-90%, -20%) scaleX(-1) rotate(90deg)

    }

}



.pp-promocode__input {

    position: relative;

    display: flex;

    flex-direction: column;

    gap: .625rem;

    max-width: 16.625rem

}



.pp-promocode__input-copy-block {

    width: 100%;

    height: 3.25rem;

    gap: .25rem;

    display: flex;

    justify-content: space-between;

    border-radius: 4px;

    border: 1px solid rgba(255, 255, 255, .3);

    padding: .125rem

}



.pp-promocode__input input {

    max-width: 10.625rem;

    color: #a7dc4c;

    background-color: transparent;

    font-family: Montserrat;

    font-size: 1.125rem;

    font-style: normal;

    font-weight: 700;

    line-height: 1rem;

    padding: 1rem .3125rem 1rem 1.25rem

}



.pp-promocode__copy-btn {

    padding: .75rem .625rem;

    min-width: 5.375rem;

    height: 100%;

    border-radius: 3px;

    background: #093056;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: .25rem;

    font-family: "TT Firs Neue";

    font-weight: 600;

    line-height: 1rem

}



.pp-promocode__copy-btn svg use {

    transition: .2s

}



.mp-promocode {

    position: relative;

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    padding: 1.625rem 1.875rem 1.875rem;

    border-radius: .625rem;

    background: var(--bg-sports, linear-gradient(102deg, rgba(4, 14, 40, .6) 0, rgba(4, 14, 40, .18) 100%), #185a8a);

    gap: .625rem;

    overflow: hidden

}



.mp-promocode__main-content {

    gap: 1.5rem;

    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: space-between

}



.mp-promocode__title {

    color: #fff;

    font-family: Montserrat;

    font-size: 1.125rem;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-align: center

}



.mp-promocode__specs-name, .mp-promocode__specs-value {

    font-family: Montserrat;

    font-style: normal;

    line-height: 25.554px;

    text-align: center

}



.mp-promocode__specs {

    display: flex;

    justify-content: center

}



.mp-promocode__specs-item {

    display: flex;

    flex-direction: column;

    gap: .25rem;

    padding-right: 1.375rem;

    padding-left: 1.375rem;

    border-right: 1px solid rgba(227, 227, 227, .3)

}



.mp-promocode__specs-item:last-child {

    border-right: none;

    padding-right: 0

}



.mp-promocode__specs-item:first-child {

    padding-left: 0

}



.mp-promocode__specs-value {

    color: #fff;

    font-size: 1.0625rem;

    font-weight: 600;

    letter-spacing: -.17px

}



.mp-promocode__specs-value--stars::after {

    content: " ★ ★ ★ ★ ★"

}



.mp-promocode__specs-name {

    color: #dfdfdf;

    font-size: .875rem;

    font-weight: 400;

    letter-spacing: -.14px

}



.mp-promocode__description, .mp-promocode__input input {

    font-family: Montserrat;

    font-size: 1.125rem;

    font-style: normal

}



.mp-promocode__buttons {

    position: relative;

    display: flex;

    gap: 1.125rem;

    padding-bottom: 1.25rem

}



.mp-promocode__buttons::after {

    position: absolute;

    content: "";

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: linear-gradient(270deg, rgba(126, 172, 47, 0) -7.11%, #7eac2f 50.12%, rgba(126, 172, 47, 0) 107.93%)

}



.mp-promocode__buttons .btn {

    padding-top: .875rem;

    padding-bottom: .875rem

}



.mp-promocode__description {

    color: #fff;

    text-align: center;

    font-weight: 400;

    line-height: 1.5rem

}



.mp-promocode__description span {

    color: #a7dc4c;

    font-weight: 700

}



.mp-promocode__input-copy-block {

    width: 100%;

    height: 3.25rem;

    gap: .25rem;

    display: flex;

    justify-content: space-between;

    border-radius: 4px;

    border: 1px solid rgba(255, 255, 255, .3);

    padding: .125rem

}



.mp-promocode__input input {

    max-width: 11.875rem;

    color: #a7dc4c;

    background-color: transparent;

    font-weight: 700;

    line-height: 1rem;

    padding: 1rem 1.25rem

}



.mp-promocode__input .btn {

    padding: 1rem 2rem

}



.mp-promocode__copy-btn {

    padding: .75rem 1.25rem;

    min-width: 5.25rem;

    height: 100%;

    border-radius: 3px;

    background: #093056;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: .25rem;

    color: #fff;

    font-family: "TT Firs Neue";

    font-size: .875rem;

    font-style: normal;

    font-weight: 600;

    line-height: 1rem

}



.mp-promocode__copy-btn.copied {

    background-color: #10ec10

}



.mp-promocode__copy-btn svg use {

    transition: .2s

}



@media (max-width: 1380px) {

    .container {

        width: 95%

    }



    .text-image {

        grid-template-columns:1fr

    }



    .text-image__text {

        order: -1;

        max-width: 100%;

        grid-column: 1/-1

    }



    .mp-hero-section__info {

        order: 1

    }



    .text-image > img {

        max-width: 100%;

        width: 100%;

        grid-column: 1/-1;

        order: -10

    }



    .mp-promocode__main-content, .pp-promocode__main-content, .promocode__main-content {

        flex-direction: column

    }

}



.popup {

    display: none;

    width: 100vw;

    height: 100vh;

    position: fixed;

    z-index: 1000;

    top: 0;

    left: 0

}



.popup__bg {

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .3)

}



.popup__content {

    width: 100%;

    max-width: 72.25rem;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    position: absolute;

    z-index: 2;

    padding: 1.25rem;

    border-radius: .75rem;

    background: #fff;

    overflow: auto;

    max-height: 100vh

}



.popup__welcome-bonus-title {

    width: 85%;

    position: relative;

    display: flex;

    gap: .5rem;

    margin-bottom: .75rem;

    align-items: center;

    color: var(--text-white-bg, #58586c);

    font-family: var(--ff-secondary);

    font-size: 1.25rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5rem;

    text-transform: uppercase;

    margin-top: 0

}



.app_link_image, .popup__welcome-bonus-description, .popup__welcome-bonus-list li, .popup__welcome-bonus-list li::before, .popup__welcome-bonus-text p, .wp-block-table table td, .wp-block-table table th {

    font-family: var(--ff-primary);

    font-style: normal

}



.popup__welcome-bonus .btn, .wp-block-table {

    margin-top: 1rem

}



.popup__welcome-bonus-title svg {

    display: inline-block;

    max-width: 2.5rem;

    max-height: 2.5rem;

    cursor: pointer

}



.popup__welcome-bonus-title svg:first-child {

    border-radius: 8px;

    background: rgba(255, 255, 255, .05)

}



.popup__welcome-bonus-title svg:last-child {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0

}



.popup__welcome-bonus-description {

    color: #fff;

    font-size: 1rem;

    font-weight: 700;

    line-height: 1.5rem

}



.popup__welcome-bonus-description span {

    color: var(--Green, #0afe87)

}



.popup__welcome-bonus-text {

    padding-top: .75rem;

    padding-bottom: .75rem;

    border-top: 1px solid rgba(255, 255, 255, .1)

}



.popup__welcome-bonus-text p {

    margin-bottom: .625rem;

    color: var(--text-white-bg, #58586c);

    font-size: .875rem;

    font-weight: 400;

    line-height: 1.375rem

}



.popup__welcome-bonus-list li {

    position: relative;

    counter-increment: MyCounter;

    color: var(--text-white-bg, #58586c);

    font-size: .875rem;

    font-weight: 400;

    line-height: 1.375rem;

    padding-bottom: 1rem;

    padding-left: 2.125rem

}



.popup__welcome-bonus-list li:last-child {

    padding-bottom: 0

}



.hidden, .hidden_svg, .popup__welcome-bonus-list li:last-child::after {

    display: none

}



.popup__welcome-bonus-list li::before {

    position: absolute;

    top: 0;

    left: 0;

    content: counter(MyCounter);

    width: 1.5rem;

    height: 1.5rem;

    border-radius: 50%;

    border: 1px solid var(--Purple, #8a34aa);

    color: var(--Purple, #8a34aa);

    font-size: .875rem;

    font-weight: 700;

    line-height: 1.375rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-right: .625rem

}



.popup__welcome-bonus-list li::after {

    position: absolute;

    content: "";

    top: 1.5rem;

    left: .75rem;

    width: .0625rem;

    height: calc(100% - 1.5rem);

    background: #8a34aa

}



.popup__welcome-bonus-list li span {

    color: var(--text-white-bg, #58586c);

    font-weight: 700

}



.pros-cons-difference__element {

    width: 50%

}



.popup .js-cross {

    position: absolute;

    top: .625rem;

    right: .625rem;

    width: 2.5rem;

    height: 2.5rem;

    cursor: pointer

}



.app_link_image {

    font-weight: 600;

    line-height: 1.25rem

}



.header__nav-mobile-content-title, .info-list-item-title, .title {

    font-family: var(--ff-secondary);

    text-transform: uppercase

}



.app_link_image > img {

    position: relative;

    width: 32px;

    height: 32px

}



.wp-block-table {

    overflow-x: auto;

    margin-bottom: 1.0625rem;

    border-radius: 12px

}



.wp-block-table table {

    width: 100%;

    border-spacing: 0;

    height: auto;

    border-radius: 12px;

    overflow: auto;

    background-color: #1e1450;

    background-color: var(--color-table-bg)

}



.wp-block-table table thead tr:first-child td:nth-child(2), .wp-block-table table thead tr:first-child th:nth-child(2) {

    width: 32.5rem

}



.wp-block-table table thead tr:first-child td:last-child, .wp-block-table table thead tr:first-child th:last-child {

    width: 32.5rem;

    border-radius: 0 12px 0 0

}



.wp-block-table table thead td, .wp-block-table table thead th {

    color: var(--color-table-th-color);

    text-align: center;

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    font-weight: 700;

    line-height: 1.375rem;

    background: var(--color-table-th-bg)

}



.wp-block-table table td, .wp-block-table table th {

    border: 1px solid var(--color-table-border);

    padding: .75rem;

    text-align: center;

    color: var(--color-table-td-color);

    font-size: .875rem;

    font-weight: 400;

    line-height: 1.375rem

}



.info-list-item--casino p span, .info-list-item--soorten ul li {

    color: var(--Text-Color, #e3e3e3);

    font-weight: 400

}



.wp-block-table table tbody tr:last-child td:first-child {

    border-radius: 0 0 0 12px

}



.wp-block-table table tbody tr:last-child td:last-child {

    border-radius: 0 0 12px

}



.wp-block-table.two-layers-head table thead > tr > th:first-child {

    border-bottom: none;

    padding-top: 1.5625rem;

    padding-bottom: 0;

    line-height: normal

}



.info-list-item--casino p, .info-list-item--casino p span, .wp-block-table.two-layers-head table tbody tr:first-child td {

    line-height: 1.375rem;

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal

}



.wp-block-table.two-layers-head table tbody tr:first-child td {

    background: var(--Purple, #8a34aa);

    color: #fff;

    text-align: center;

    background: var(--Purple, #8a34aa)

}



.wp-block-table.two-layers-head table tbody tr:first-child td:nth-child(1) {

    border-top: none;

    color: transparent

}



.wp-block-table.two-layers-head {

    max-width: 75rem;

    margin: 1.75rem auto

}



.info-list {

    margin-top: .625rem;

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    gap: 1.25rem

}



.info-list-item {

    display: inline-block;

    border-radius: .75rem;

    padding: .75rem;

    background: var(--color-accent)

}



.info-list-item--casino {

    max-width: 18.125rem;

    flex: 1 1 auto

}



@media (max-width: 576px) {

    .container {

        width: 92%

    }



    .text-image h1.text-image__title {

        font-size: 1.75rem;

        line-height: 2.25rem

    }



    .mp-hero-section__info {

        margin: 1.5rem 0

    }



    .text-image__title {

        font-size: 1.5rem;

        line-height: 1.75rem

    }



    .promocode {

        padding: 1.25rem;

        width: 100%

    }



    .promocode__bonuses-list li {

        font-size: .9375rem;

        line-height: 1.25rem

    }



    .mp-promocode__description, .mp-promocode__specs-value, .pp-promocode__description {

        font-size: .875rem

    }



    .pp-promocode {

        width: 100%

    }



    .mp-promocode {

        padding: 1.375rem 1.25rem 1.25rem;

        width: 100%

    }



    .mp-promocode__specs-item {

        padding-right: .9375rem;

        padding-left: .9375rem

    }



    .mp-promocode__specs-value--stars::after {

        content: " ★ ";

        font-size: 1.0625rem

    }



    .mp-promocode__specs-name {

        font-size: .75rem

    }



    .info-list-item--casino {

        max-width: 100%

    }

}



.info-list-item--casino p {

    margin-bottom: .5rem;

    color: var(--White, #fff);

    font-weight: 700

}



.info-list-item--soorten {

    max-width: 18.125rem;

    flex: 1 1 auto

}



@media (max-width: 576px) {

    .info-list-item--soorten {

        max-width: 100%

    }

}



.info-list-item--soorten ul {

    display: flex;

    flex-wrap: wrap;

    gap: .5rem

}



.info-list-item--soorten ul li {

    display: flex;

    align-items: center;

    gap: .25rem;

    padding: .25rem .75rem;

    border-radius: .5rem;

    border: 1px solid rgba(255, 255, 255, .1);

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    line-height: 1.5rem

}



.info-list-item--betaalmethoden {

    max-width: 36.25rem;

    flex: 1 1 auto

}



.info-list-item--betaalmethoden .info-list-item-deposit {

    display: flex;

    align-items: flex-start;

    gap: 1.5rem;

    padding-bottom: .75rem;

    border-bottom: 2px solid rgba(255, 255, 255, .1)

}



@media (max-width: 576px) {

    .info-list-item--betaalmethoden {

        max-width: 100%

    }



    .info-list-item--betaalmethoden .info-list-item-deposit {

        flex-direction: column

    }

}



.info-list-item--betaalmethoden .info-list-item-borg, .info-list-item--betaalmethoden .info-list-item-opname {

    color: var(--Text-Color, #e3e3e3);

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.375rem

}



.info-list-item--betaalmethoden .info-list-item-borg ul, .info-list-item--betaalmethoden .info-list-item-opname ul {

    margin-top: .75rem;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    gap: .5rem

}



.info-list-item--betaalmethoden .info-list-item-borg ul li, .info-list-item--betaalmethoden .info-list-item-opname ul li {

    width: 2.25rem;

    height: 1.5rem

}



.info-list-item--betaalmethoden .info-list-item-borg ul li img, .info-list-item--betaalmethoden .info-list-item-opname ul li img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.info-list-item--betaalmethoden .info-list-item-borg {

    position: relative

}



.info-list-item--betaalmethoden .info-list-item-borg::after {

    position: absolute;

    content: "";

    top: 0;

    right: -.625rem;

    width: 1px;

    height: 100%;

    background: rgba(255, 255, 255, .1)

}



.info-list-item--betaalmethoden p {

    padding-bottom: .75rem;

    padding-top: .75rem;

    color: var(--White, #fff);

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    font-weight: 700;

    line-height: 1.375rem;

    border-bottom: 2px solid rgba(255, 255, 255, .1)

}



.info-list-item--apparaten ul li, .info-list-item--betaalmethoden p span, .info-list-item--bonussen ul li, .info-list-item--softwareleverancier span, .info-list-item--steun .info-list-item-links .info-list-item-link a, .steps-list .step-text p {

    color: var(--Text-Color, #e3e3e3);

    font-family: var(--ff-primary);

    font-size: .875rem

}



.info-list-item--betaalmethoden p span {

    font-style: normal;

    font-weight: 400;

    line-height: 1.375rem

}



.info-list-item--apparaten ul li, .info-list-item--bonussen ul li, .info-list-item-title {

    line-height: 1.5rem;

    font-style: normal;

    font-weight: 400

}



.info-list-item--betaalmethoden .info-list-item-minmax {

    position: relative;

    display: flex;

    justify-content: space-between

}



.info-list-item--betaalmethoden .info-list-item-minmax::after {

    position: absolute;

    content: "";

    width: 1px;

    height: 100%;

    top: 60%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: rgba(255, 255, 255, .1)

}



.header__nav li svg, .info-list-item--steun .info-list-item-links .info-list-item-link svg, .steps-list .step::before {

    width: 1.5rem;

    height: 1.5rem

}



.info-list-item--betaalmethoden .info-list-item-minmax p {

    padding-bottom: 0;

    border-bottom: none

}



.info-list-item--bonussen {

    max-width: 22.6875rem;

    flex: 1 1 auto

}



@media (max-width: 576px) {

    .info-list-item--bonussen {

        max-width: 100%

    }

}



.info-list-item--bonussen ul {

    display: flex;

    flex-wrap: wrap;

    gap: .5rem

}



.info-list-item--bonussen ul li {

    padding: .25rem .75rem;

    border-radius: .5rem;

    border: 1px solid rgba(255, 255, 255, .1)

}



.info-list-item--apparaten {

    max-width: 16.1875rem;

    flex: 1 1 auto

}



@media (max-width: 576px) {

    .info-list-item--apparaten {

        max-width: 100%

    }

}



.info-list-item--apparaten ul {

    display: flex;

    flex-wrap: wrap;

    gap: .25rem

}



.info-list-item--apparaten ul li {

    display: flex;

    align-items: center;

    gap: .25rem;

    padding: .25rem .75rem;

    border-radius: .5rem;

    border: 1px solid rgba(255, 255, 255, .1)

}



.info-list-item--softwareleverancier {

    max-width: 16.1875rem;

    flex: 1 1 auto

}



@media (max-width: 576px) {

    .info-list-item--softwareleverancier {

        max-width: 100%

    }

}



.info-list-item--softwareleverancier .info-list-item-img {

    width: 11.25rem;

    margin-bottom: .5rem

}



.info-list-item--softwareleverancier .info-list-item-img img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.info-list-item--softwareleverancier span {

    font-style: normal;

    font-weight: 400;

    line-height: 1.375rem

}



.info-list-item--steun {

    max-width: 16.1875rem;

    flex: 1 1 auto

}



.info-list-item--steun .info-list-item-links {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: .25rem

}



@media (max-width: 576px) {

    .info-list-item--steun {

        max-width: 100%

    }



    .info-list-item--steun .info-list-item-links {

        flex-direction: row;

        gap: .5rem;

        flex-wrap: wrap

    }

}



.info-list-item--steun .info-list-item-links .info-list-item-link {

    position: relative;

    overflow: hidden;

    display: flex;

    align-items: center;

    gap: .25rem;

    padding: 0 .4rem;

    border-radius: .5rem;

    border: 1px solid rgba(255, 255, 255, .1)

}



.info-list-item--steun .info-list-item-links .info-list-item-link a {

    font-style: normal;

    font-weight: 400;

    line-height: 1.5rem;

    display: inline-block;

    padding: .25rem .75rem;

    width: 100%;

    height: 100%;

    cursor: pointer

}



.info-list-item--steun .info-list-item-links .info-list-item-link::after {

    position: absolute;

    content: "";

    top: 0;

    left: -300%;

    height: 100%;

    width: 5rem;

    background: rgba(190, 173, 228, .4);

    transform: skewX(-45deg)

}



.info-list-item--steun .info-list-item-links .info-list-item-link:hover {

    box-shadow: 0 0 8px 1px #beade4;

    cursor: pointer

}



.info-list-item-title {

    margin-top: 0;

    margin-bottom: 1rem;

    color: var(--White, #fff);

    font-size: 1.25rem

}



.steps-list {

    margin-top: .9375rem;

    margin-bottom: .9375rem;

    position: relative;

    display: flex;

    flex-direction: column;

    gap: 3.125rem;

    counter-reset: myCounter;

    padding: 0

}



.steps-list::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 1px;

    height: 100%;

    background: #8a34aa

}



.steps-list .step {

    position: relative;

    width: 100%;

    padding: .75rem;

    border-radius: 0 12px 12px 0;

    border: 1px solid var(--Purple, #8a34aa);

    list-style: none;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 1.25rem

}



.steps-list .step::before {

    counter-increment: myCounter;

    position: absolute;

    top: 0;

    left: 0;

    transform: translate(-50%, -50%);

    content: counter(myCounter);

    display: flex;

    align-items: center;

    justify-content: center;

    background: #1e1450;

    border: 1px solid #8a34aa;

    border-radius: 50%;

    color: var(--Yellow, #ffdc41);

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    font-weight: 700;

    line-height: 1.375rem

}



.tabs-section__tabs-list-btn.active + .tabs-section__tabs-list-btn, .tabs-section__tabs-list-btn.active + .tabs-section__tabs-list-btn:last-child {

    border-top: none;

    border-bottom: 2px solid var(--Purple, #8a34aa)

}



.steps-list .step-text {

    max-width: 35.625rem

}



.steps-list .step-text p {

    margin-bottom: .625rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.375rem

}



.steps-list .step-text .btn {

    margin-top: .75rem;

    margin-bottom: .3125rem;

    padding: .75rem 1.25rem;

    max-width: 17.5rem

}



.steps-list .step img {

    max-width: 40.4375rem;

    height: 100%;

    overflow: hidden;

    border-radius: .5rem;

    object-fit: cover

}



.no-scroll {

    overflow: hidden

}



.title {

    color: var(--color-title);

    font-size: 1.875rem;

    font-style: normal;

    font-weight: 400;

    line-height: 2.25rem;

    margin-bottom: 1.5rem

}



body {

    background-color: var(--color-body);

    font-family: var(--ff-primary), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

    min-height: 100vh;

    display: flex;

    flex-direction: column;

    margin: 0;

    font-family: var(--ff-primary);

    font-weight: 400;

    font-size: .875rem;

    font-style: normal;

    line-height: 1.375rem;

    color: #e3e3e3

}



main {

    flex-grow: 1

}



.header {

    position: sticky;

    top: 0;

    padding-top: .625rem;

    padding-bottom: .625rem;

    width: 100%;

    z-index: 99;

    background: var(--color-header)

}



.header__content {

    display: flex;

    gap: 16px;

    align-items: center;

}



@media (max-width: 1380px) {

    .steps-list .step {

        flex-direction: column-reverse

    }



    .steps-list .step-text {

        max-width: 100%

    }



    .header__content {

        position: relative;

        justify-content: space-between;

        padding: 0 .9375rem

    }

}



.header__logo {

    display: flex;

    align-items: flex-start;

}



.header__nav {

    flex: 1 0 auto;

    display: flex;

    align-items: flex-start

}



.header__nav-mobile {

    position: relative;

    display: none;

    width: 95%;

    margin: 10rem auto 0;

    align-items: flex-start;

    gap: 1rem;

    padding: .75rem;

    border-radius: .75rem;

    background: linear-gradient(0deg, rgba(48, 30, 110, .95) 0, rgba(48, 30, 110, .95) 100%);

    overflow: hidden

}



.header__nav li, .main-nav__list {

    align-items: center;

    display: flex

}



.header__nav-mobile-bg {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    object-fit: cover

}



.header__nav-mobile-img {

    position: relative;

    width: 6rem

}



.header__nav-mobile-img img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.header__nav-mobile-content {

    position: relative

}



.header__nav-mobile-content-title {

    color: #fff;

    font-size: 1.25rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5rem;

    margin-bottom: .25rem

}



.header__nav li, .header__nav-mobile-content-description {

    font-size: .875rem;

    font-style: normal;

    font-family: var(--ff-primary)

}



.header__nav-mobile-content-description {

    color: var(--Text-Color, #e3e3e3);

    font-weight: 400;

    line-height: 1.375rem;

    margin-bottom: 1rem

}



.main-nav__list {

    width: 100%;

    margin-top: .625rem;

    flex-wrap: wrap;

    gap: 1.75rem;

    padding: 0

}



.header__nav li {

    gap: .25rem;

    color: var(--White, #fff);

    font-weight: 500;

    line-height: 1.25rem

}



.header__nav li a {

    color: #fff;

    transition: color .2s

}



.header__nav li a:hover {

    color: var(--color-header-navigation-link-hover)

}



.page-header__button--first {

    color: var(--color-first-button);

    background-color: var(--color-first-button-bg)

}



.page-header__button--second {

    color: var(--color-second-button);

    background-color: var(--color-second-button-bg)

}



.main-nav__link {

    display: flex;

    align-items: center;

    gap: .25rem;

    color: var(--color-header-navigation-link)

}



.header__nav li span {

    color: #c3bfbf;

    cursor: default

}



.header__nav li .submenu {

    display: none;

    position: absolute;

    min-width: 9.375rem;

    padding: 1.25rem .625rem 1.25rem 1.25rem;

    flex-direction: column;

    gap: .625rem;

    justify-content: center;

    align-items: flex-start;

    border-radius: 1rem;

    background: #fff;

    right: 50%;

    top: .625rem;

    transform: translateX(50%)

}



.header__nav li .submenu a {

    color: #040507

}



.header__nav li .submenu__item {

    display: flex;

    align-items: center;

    gap: .625rem;

    font-size: 1rem;

    line-height: 1rem;

    margin-bottom: .625rem

}



.header__active-lang span, .header__langs-menu li span, .hero-section__welcome-bonus-hidden .hero-section__welcome-bonus-text p, .hero-section__welcome-bonus-text p {

    font-size: .875rem;

    font-weight: 400;

    line-height: 1.375rem;

    font-style: normal

}



.faq-section__item-text p:last-child, .header__nav li .submenu__item:last-child, .hero-section__promotions-text p:last-child, .hero-section__text p:last-child, .hero-section__welcome-bonus-text p:last-child, .mp-hero-section__text p:last-child, .vp-hero-section__text > p:last-child {

    margin-bottom: 0

}



.header__nav li .submenu__item img {

    width: 2rem;

    height: 2rem

}



.header__nav li.has-submenu {

    position: relative;

    padding-right: 1.375rem

}



.header__nav li.has-submenu > a, .header__nav li.has-submenu > span {

    display: inline-block

}



.header__nav li.has-submenu > a::after, .header__nav li.has-submenu > span::after {

    position: absolute;

    top: .375rem;

    right: .5rem;

    content: "";

    display: inline-block;

    width: .5rem;

    height: .5rem;

    margin-bottom: 1px;

    background-image: url(../img/arrow.svg);

    cursor: pointer;

    transition: .2s

}



.header__nav li.active > a::after, .header__nav li.active > span::after {

    top: .75rem;

    transform: rotate(180deg)

}



.header__nav li.active .submenu {

    display: flex

}



.header__active-lang img, .hero-section__welcome-bonus-list li::before {

    width: 1.5rem;

    height: 1.5rem;

    border-radius: 50%

}



.header__lang {

    position: relative;

    margin-left: 1.875rem;

    width: 3.5rem;

    height: 2rem;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: .25rem;

    transform: translateY(5px);

    cursor: pointer

}



.header__lang.active .header__active-lang svg {

    transform: rotate(-180deg)

}



.header__lang.active .header__langs-menu {

    display: flex;

    flex-direction: column

}



.header__active-lang {

    display: flex;

    align-items: center;

    gap: .375rem;

    border-radius: .375rem;

    background: rgba(255, 255, 255, .1);

    padding: .3125rem

}



.header__active-lang span {

    color: var(--White, #fff);

    font-family: var(--ff-primary)

}



.header__active-lang svg {

    transition: .2s;

    width: .625rem;

    height: .375rem

}



.header__langs-menu {

    padding: .625rem .375rem;

    border-radius: .625rem;

    display: none;

    flex-direction: column;

    gap: .125rem;

    justify-content: flex-start;

    align-items: flex-start;

    background: #fff;

    position: absolute;

    right: 0;

    top: 2.6875rem;

    z-index: 99

}



.header__langs-menu::after {

    position: absolute;

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4 0L0 4H8L4 0Z' fill='white'/%3E%3C/svg%3E");

    top: -.8125rem;

    right: 1.25rem

}



.header__burger::after, .header__burger::before {

    content: "";

    height: 2px;

    background-color: #fff;

    position: absolute

}



.header__langs-menu li {

    width: 100%;

    text-wrap: nowrap;

    white-space: nowrap;

    border-radius: .625rem;

    padding: .625rem;

    transition: .2s

}



.header__langs-menu li:hover {

    background: rgba(190, 173, 228, .3)

}



.header__langs-menu li.hide {

    display: none

}



.header__langs-menu li img {

    width: 1.5625rem;

    height: 1.5625rem;

    margin-right: .625rem;

    border-radius: 50%

}



.header__langs-menu li span {

    color: var(--text-white-bg, #58586c);

    font-family: var(--ff-primary)

}



.header__buttons {

    max-width: 26.25rem;

    display: flex;

    justify-content: flex-end;

    align-self: flex-start;

    gap: .5rem;

    flex-wrap: wrap

}



.header__buttons .btn--yellow {

    min-width: 11.25rem

}



.header__buttons .btn--purple {

    min-width: 10.25rem

}



@media (max-width: 1671px) {

    .header__buttons {

        flex: 1 0 auto

    }

}



@media (max-width: 1380px) {

    .main-nav__list {

        flex-wrap: nowrap

    }



    .header__nav li .submenu {

        width: 100%;

        position: static;

        background-color: transparent;

        transform: none;

        padding: .75rem .3125rem 1.25rem

    }



    .header__nav li .submenu li {

        border: none

    }



    .header__nav li.active > a, .header__nav li.active > span {

        color: #fff

    }



    .header__nav li.active {

        border-radius: .75rem

    }



    .header__nav li.active a {

        padding-left: 0

    }



    .header__nav li {

        width: 90%;

        margin-left: .625rem;

        margin-right: .625rem;

        padding-bottom: 1.0625rem

    }



    .header__nav li:last-child {

        padding-bottom: 0

    }



    .header__nav {

        background: #1b2439;

        position: absolute;

        bottom: 0;

        right: 50%;

        transform: translate(50%, calc(100% + .625rem));

        height: calc(100vh - var(--height));

        height: calc(100svh - var(--height));

        max-width: 100vw;

        width: 100vw;

        display: none;

        z-index: 5;

        padding-top: 1.25rem;

        padding-bottom: 1.25rem;

        overflow-y: auto

    }



    .header__nav ul {

        flex-direction: column;

        gap: .625rem

    }



    .header__nav .header__nav-mobile {

        display: flex

    }



    .header__lang {

        order: 2;

        margin-left: auto

    }



    .header__buttons {

        flex-direction: row;

        margin-right: 3.75rem;

        margin-left: 1.25rem;

        gap: .5rem;

        order: 3;

        flex: none

    }

}



.header__burger {

    display: none;

    position: relative;

    cursor: pointer;

    transition: filter .3s

}



.header__burger::before {

    top: 0;

    right: 0;

    width: 100%

}



.header__burger::after {

    bottom: 0;

    right: 0;

    width: 100%

}



.header__burger:active, .header__burger:hover {

    filter: drop-shadow(0 2px 5px #4993e3)

}



.header__burger span {

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    background-color: #fff

}



.header.burger-active .header__burger span {

    display: none

}



.header.burger-active .header__burger::before {

    transform: rotate(45deg);

    top: 6px;

    right: 5px

}



.header.burger-active .header__burger::after {

    transform: rotate(-45deg);

    bottom: 8px;

    right: 5px

}



.hero-section {

    padding-top: 1.5rem

}



.hero-section img {

    max-width: 100%;

    border-radius: .625rem;

    overflow: hidden;

    object-fit: contain;

    height: auto

}



.hero-section__content {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    gap: 1.5rem

}



.hero-section__promotions-title, .hero-section__welcome-bonus-title {

    gap: .5rem;

    margin-bottom: .75rem;

    color: #fff;

    line-height: 1.5rem;

    text-transform: uppercase

}



* + .hero-section__content {

    margin-top: 1.25rm

}



.hero-section__welcome-bonus {

    max-width: 23.1875rem;

    padding: .75rem;

    border-radius: .75rem;

    background: var(--color-accent)

}



.hero-section__welcome-bonus.open {

    background: #fff

}



.hero-section__welcome-bonus.open .hero-section__welcome-bonus-hidden {

    display: block

}



.hero-section__welcome-bonus-hidden, .hero-section__welcome-bonus.open .hero-section__welcome-bonus-visible {

    display: none

}



.hero-section__welcome-bonus-hidden .hero-section__welcome-bonus-title {

    color: var(--text-white-bg, #58586c);

    font-family: var(--ff-secondary);

    font-size: 1.25rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5rem;

    text-transform: uppercase

}



.hero-section__welcome-bonus-hidden .hero-section__welcome-bonus-title img {

    max-width: 2.5rem;

    max-height: 2.5rem;

    cursor: pointer

}



.hero-section__welcome-bonus-hidden .hero-section__welcome-bonus-text p {

    color: var(--text-white-bg, #58586c);

    font-family: var(--ff-primary)

}



.hero-section__welcome-bonus-hidden .btn {

    margin-top: 1rem

}



.hero-section__welcome-bonus-title {

    position: relative;

    display: flex;

    align-items: center;

    font-family: var(--ff-secondary);

    font-size: 1.25rem;

    font-style: normal;

    font-weight: 400

}



.hero-section__welcome-bonus-title img {

    display: inline-block;

    max-width: 1.5625rem;

    max-height: 1.5625rem

}



.hero-section__welcome-bonus-title svg:last-child {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

    cursor: pointer

}



.hero-section__welcome-bonus-description {

    color: #fff;

    font-family: var(--ff-primary);

    font-size: 1rem;

    font-style: normal;

    font-weight: 700;

    line-height: 1.5rem

}



.hero-section__welcome-bonus-description span {

    color: var(--Green, #0afe87)

}



.hero-section__welcome-bonus-text {

    padding-top: .75rem;

    padding-bottom: .75rem;

    border-top: 1px solid rgba(255, 255, 255, .1)

}



.hero-section__welcome-bonus-text p {

    margin-bottom: .625rem;

    color: #e3e3e3;

    font-family: var(--ff-primary)

}



.hero-section__welcome-bonus-list {

    counter-reset: MyCounter

}



.hero-section__welcome-bonus-list li {

    position: relative;

    counter-increment: MyCounter;

    color: var(--text-white-bg, #58586c);

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.375rem;

    padding-bottom: 1rem;

    padding-left: 2.125rem

}



.hero-section__promotions-text p, .hero-section__text p {

    margin-bottom: .625rem;

    color: #e3e3e3;

    font-size: .875rem;

    font-weight: 400;

    line-height: 1.375rem

}



.hero-section__welcome-bonus-list li:last-child {

    padding-bottom: 0

}



.copied, .header__burger::after, .header__burger::before, .hero-section__welcome-bonus-list li:last-child::after, .tabs-section__tab {

    display: none

}



.hero-section__welcome-bonus-list li::before {

    position: absolute;

    top: 0;

    left: 0;

    content: counter(MyCounter);

    border: 1px solid var(--Purple, #8a34aa);

    color: var(--Purple, #8a34aa);

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    font-weight: 700;

    line-height: 1.375rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-right: .625rem

}



.hero-section__welcome-bonus-list li::after {

    position: absolute;

    content: "";

    top: 1.5rem;

    left: .75rem;

    width: .0625rem;

    height: calc(100% - 1.5rem);

    background: #8a34aa

}



.hero-section__welcome-bonus-list li span {

    color: var(--text-white-bg, #58586c);

    font-weight: 700

}



.hero-section__promotions {

    display: flex;

    flex-direction: column;

    max-width: 23.1875rem;

    padding: .75rem;

    border-radius: .75rem;

    background: var(--color-accent)

}



.hero-section__promotions-title {

    position: relative;

    display: flex;

    align-items: center;

    font-family: var(--ff-secondary);

    font-size: 1.25rem;

    font-style: normal;

    font-weight: 400

}



.hero-section__promotions-text p, .hero-section__text p, .stats-section__stat-description, .stats-section__stat-tag, .stats-section__stat-value {

    font-family: var(--ff-primary);

    font-style: normal

}



.hero-section__promotions-title-svg {

    display: inline-block;

    max-width: 1.5625rem;

    max-height: 1.5625rem;

    border-radius: 8px;

    background: rgba(255, 255, 255, .05)

}



.hero-section__promotions-text {

    flex: 1 1 auto

}



.hero-section__promotions .btn {

    margin-top: 2.9375rem

}



.hero-section__text {

    max-width: 25.625rem

}



.hero-section .btn {

    padding-top: .8125rem;

    padding-bottom: .8125rem

}



.stats-section__stats-list {

    display: flex;

    align-items: flex-start;

    gap: .75rem;

    flex-wrap: wrap;

    justify-content: center

}



.stats-section__stat {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    min-width: 18.1875rem;

    padding: .75rem;

    border-radius: .75rem;

    background: var(--color-accent)

}



.stats-section__stat-text {

    display: flex;

    flex-direction: column;

    gap: .25rem;

    max-width: 60%

}



.stats-section__stat-value {

    color: var(--White, #fff);

    font-size: 1rem;

    font-weight: 700;

    line-height: 1.5rem

}



.stats-section__stat-description {

    color: #e3e3e3;

    font-size: .875rem;

    font-weight: 400;

    line-height: 1.375rem

}



.stats-section__stat-tag {

    padding: .25rem .5rem;

    border-radius: .25rem;

    background: #ff1c89;

    color: var(--White, #fff);

    font-size: .75rem;

    font-weight: 400;

    line-height: 1rem

}



.payment-section {

    overflow: hidden;

    text-wrap: nowrap;

    white-space: nowrap

}



.payment-section__marquee {

    display: inline-block;

    min-width: 100%;

    animation: 8s linear infinite marquee

}



.payment-section__marquee img {

    display: inline-block;

    margin-right: 5rem

}



@keyframes marquee {

    0% {

        transform: translateX(0)

    }

    100% {

        transform: translateX(calc(-100% - .1875rem))

    }

}



.toc-section {

    max-width: 75rem;

    padding: 1.25rem !important;

    border-radius: .75rem;

    background-color: var(--color-toc-bg)

}



.toc-section__title {

    position: relative;

    color: var(--color-toc-title);

    font-family: var(--ff-secondary);

    font-size: 1.625rem;

    font-style: normal;

    font-weight: 400;

    line-height: 2.25rem;

    text-transform: uppercase;

    cursor: pointer;

    margin: 0

}



.toc-section__title::after {

    position: absolute;

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2 5L8 11L14 5' stroke='%23BEADE4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    transition: .2s

}



.advantages-section__description, .toc-section__toc-item a {

    color: var(--Text-Color, #e3e3e3);

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-weight: 400;

    line-height: 1.375rem;

    font-style: normal

}



.toc-section__toc {

    display: flex;

    flex-direction: column;

    gap: 1.75rem

}



.toc-section__toc.active .toc-section__title::after {

    transform: translateY(-50%) scaleY(-1)

}



.toc-section__toc.active .toc-section__toc-list {

    display: flex

}



.toc-section__toc-list {

    display: none;

    flex-wrap: wrap;

    justify-content: flex-start;

    gap: .625rem

}



.toc-section__toc-item {

    position: relative;

    border-radius: .5rem;

    border: 1px solid var(--color-toc-item-hover, #beade4);

    overflow: hidden;

    transition: .3s;

    background-color: var(--color-toc-item);

    cursor: pointer

}



.advantages-section__list-item-title, .bonuses-section__bonus-name, .bp-bonuses-section__bonus-name, .faq-section__item[open] summary {

    border-bottom: 1px solid rgba(255, 255, 255, .1)

}



.toc-section__toc-item::after {

    position: absolute;

    content: "";

    top: 0;

    left: -300%;

    height: 100%;

    width: 5rem;

    background: rgba(190, 173, 228, .4);

    transform: skewX(-45deg);

    cursor: pointer

}



.toc-section__toc-item:hover {

    box-shadow: 0 0 8px 1px #beade4

}



@keyframes identifier {

    0% {

        left: -100%

    }

    100% {

        left: 100%

    }

}



.toc-section__toc-item a {

    display: inline-block;

    padding: .5rem .75rem;

    width: 100%;

    height: 100%

}



.advantages-section__title, h2 {

    margin-bottom: 1rem

}



.advantages-section__description {

    margin-bottom: 1.25rem

}



.advantages-section__list-item-title, .tabs-section__tabs-list button {

    font-family: var(--ff-secondary);

    font-size: 1.25rem;

    line-height: 1.5rem;

    font-weight: 400;

    text-transform: uppercase

}



.advantages-section__list {

    display: flex;

    justify-content: center;

    gap: 1.25rem;

    flex-wrap: wrap

}



.advantages-section__list-item {

    display: flex;

    flex-direction: column;

    max-width: 24.125rem;

    padding: .75rem;

    border-radius: .75rem;

    background: var(--color-accent)

}



.advantages-section__list-item-title {

    padding-bottom: .75rem;

    display: flex;

    align-items: center;

    gap: .5rem;

    color: var(--White, #fff);

    font-style: normal

}



.advantages-section__list-item-icon {

    min-width: 3.75rem;

    height: 3.75rem;

    border-radius: .5rem;

    background: rgba(255, 255, 255, .2);

    backdrop-filter: blur(2px);

    display: flex;

    align-items: center;

    justify-content: center

}



.advantages-section__list-item-icon svg {

    width: 2.75rem;

    height: 2.75rem

}



.advantages-section__list-item-text {

    flex: 1 1 auto;

    margin-bottom: 1rem;

    margin-top: .75rem;

    color: var(--Text-Color, #e3e3e3);

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.375rem

}



.advantages-section__list-item .btn {

    padding: .75rem 1.25rem

}



.tabs-section__tabs-list {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 2.875rem

}



.tabs-section__tabs-list button {

    flex: 1;

    padding: .75rem;

    color: #c5c4c4;

    font-style: normal;

    border-bottom: 2px solid var(--Purple, #8a34aa);

    background: 0 0

}



.faq-section summary, .faq-section__item-text p {

    margin-top: 0;

    font-family: var(--ff-primary);

    font-style: normal

}



.main-nav__item, .tabs-section__tabs-list button:first-child {

    position: relative

}



.tabs-section__tabs-list button:first-child.active::after {

    transform: none;

    top: -1px

}



.tabs-section__tabs-list button:first-child::after {

    position: absolute;

    content: "";

    top: 1px;

    right: -2.875rem;

    width: 2.9375rem;

    height: calc(100% + 1px);

    transform: scaleX(-1);

    background: linear-gradient(to top right, transparent calc(50% - 1px), #8a34aa, transparent calc(50% + 2px));

    content: none

}



.tabs-section__tabs-list button.active {

    color: var(--White, #fff);

    border-top: 2px solid var(--Purple, #8a34aa)

}



.tabs-section__tab.active, .wp-admin .tabs-section__tab {

    display: block

}



.tabs-section__tab img {

    width: 100%;

    margin-bottom: 1rem;

    margin-top: 1rem;

    object-fit: contain;

    height: auto

}



.tabs-section__tab .btn {

    margin-top: .3125rem;

    margin-bottom: .3125rem;

    padding: .75rem 1.25rem;

    max-width: 17.5rem

}



.faq-section__item {

    position: relative;

    padding: 1rem;

    border-radius: .75rem;

    background: var(--color-faq-item);

    margin-bottom: 1.25rem

}



.faq-section__item-text {

    padding: 1rem 0 0;

    width: 95%

}



.faq-section__item-text p {

    margin-bottom: .9375rem;

    color: var(--Text-Color, #e3e3e3);

    font-size: .875rem;

    font-weight: 400;

    line-height: 1.375rem

}



.faq-section summary {

    color: var(--color-faq-item-title);

    font-size: 1rem;

    font-weight: 700;

    line-height: 1.5rem;

    cursor: pointer;

    display: flex;

    align-items: center

}



.footer__copywrite, .footer__nav-link a, .footer__nav-link span, .winners-section__winner-nickname, .winners-section__winner-slot {

    font-size: .875rem;

    line-height: 1.375rem;

    font-family: var(--ff-primary);

    font-style: normal

}



.faq-section summary h3 {

    margin: 0;

    font-size: inherit;

    line-height: inherit

}



.faq-section summary::marker {

    content: ""

}



.faq-section__item summary::after {

    position: absolute;

    right: 1.5625rem;

    top: 1.25rem;

    content: " ";

    display: inline-block;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2 5L8 11L14 5' stroke='%23BEADE4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0/contain no-repeat;

    height: 1rem;

    width: 1rem;

    transition: .2s

}



.faq-section__item[open] summary {

    padding-bottom: .625rem

}



.faq-section__item[open] summary:after {

    transform: rotate(180deg)

}



.footer {

    padding: 1.25rem 0;

    background-color: var(--color-footer)

}



.footer__content {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 1.875rem;

    flex-wrap: wrap

}



.footer__logo {

    display: flex;

    flex-direction: column;

    gap: 1rem

}



.footer__logo img {

    max-height: 1.5rem

}



.footer__copywrite {

    color: var(--color-footer-text);

    font-weight: 400

}



.footer__nav {

    column-count: 2;

    column-gap: 2rem;

    margin: 0;

    padding: 0

}



.footer__nav-link {

    width: 17.5rem;

    padding: .625rem 0

}



@media (max-width: 1380px) {

    .header__burger {

        display: block;

        position: absolute;

        right: 1.25rem

    }



    .header.burger-active .header__nav {

        display: block

    }



    .hero-section__content {

        flex-direction: column;

        align-items: unset

    }



    .hero-section__promotions, .hero-section__text, .hero-section__welcome-bonus {

        max-width: 100%

    }



    .footer__nav-link {

        width: 12.5rem

    }



    .mp-hero-section {

        flex-direction: column

    }

}



@media (max-width: 1000px) {

    .footer__nav-link {

        width: 9.375rem

    }

}



@media (max-width: 800px) {

    .footer__nav-link {

        width: 8.125rem

    }

}



.footer__nav-link a, .footer__nav-link span {

    color: var(--color-footer-navigation-link);

    font-weight: 400;

    transition: .3s

}



.footer__nav-link a:hover {

    color: var(--color-footer-navigation-link-hover)

}



.footer__download {

    max-width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: center

}



.footer__download-images {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px 32px;

    flex-wrap: wrap

}



.footer__download-images img {

    max-height: 2.5rem;

    max-width: 12.5rem;

    height: auto;

    width: auto

}



.footer__download .btn {

    padding: .625rem 1.25rem;

    max-width: unset;

    width: 100%

}



.tabs-section__tabs-list-btn.active::after, .tabs-section__tabs-list-btn.active::before {

    content: "";

    width: 2.9375rem;

    height: calc(100% + 1px);

    transform: scaleX(-1);

    background: linear-gradient(to top right, transparent calc(50% - 1px), #8a34aa, transparent calc(50% + 2px));

    top: -1px

}



.winners-section__winners-list {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    justify-content: center;

    gap: 1rem

}



.image-text-section.container {

    margin-top: 2.75rem;

    background-color: var(--color-blocks-text-image)

}



.winners-section__winner {

    display: flex;

    align-items: flex-start;

    gap: .5rem;

    width: 24.3125rem;

    padding: .75rem;

    border-radius: .75rem;

    background: var(--color-accent)

}



.winners-section__winner-avatar {

    min-width: 3rem;

    height: 3rem;

    overflow: hidden;

    border-radius: .25rem

}



.winners-section__winner-avatar img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.winners-section__winner-info {

    max-width: 60%;

    min-width: 60%;

    display: flex;

    flex-direction: column;

    gap: .5rem

}



.winners-section__winner-slot {

    color: var(--White, #fff);

    font-weight: 700

}



.winners-section__winner-nickname {

    color: var(--Text-Color, #e3e3e3);

    font-weight: 400

}



.winners-section__winner-value {

    min-width: 20%;

    align-self: center;

    text-wrap: wrap;

    white-space: wrap;

    color: var(--White, #fff);

    font-family: var(--ff-primary);

    font-size: 1rem;

    font-style: normal;

    font-weight: 700;

    line-height: 1.5rem;

    flex: 1 1 auto;

    text-align: right;

    flex-shrink: 0

}



.winners-section__winner-value span {

    color: var(--Green, #0afe87)

}



.slots-section__title svg {

    width: 2rem;

    height: 1.5rem

}



.slots-section__slots-list {

    padding: 0;

    display: flex;

    align-items: flex-start;

    gap: .75rem;

    flex-wrap: wrap;

    justify-content: center;

    margin-bottom: 1.5rem

}



.slots-section__slot {

    position: relative;

    width: 11.875rem;

    height: 11.25rem;

    border-radius: .5rem;

    overflow: hidden

}



.slots-section__slot:hover .slots-section__slot-bg {

    left: 0

}



.slots-section__slot img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.slots-section__slot-bg {

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(0deg, rgba(30, 20, 80, .87) 0, rgba(30, 20, 80, .87) 100%);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: .625rem;

    transition: .3s

}



.slots-section__slot-bg svg {

    width: 3.5625rem;

    height: 3.5625rem;

    cursor: pointer

}



.slots-section .btn {

    display: block;

    margin: 0 auto

}



.bonuses-section__bonuses-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: flex-start;

    gap: 1rem

}



.bonuses-section__bonus {

    position: relative;

    width: 18rem;

    padding-bottom: .625rem;

    border-radius: .75rem;

    background: var(--color-accent);

    overflow: hidden

}



.bonuses-section__bonus img {

    width: 100%;

    object-fit: cover;

    height: 11.25rem

}



.bonuses-section__bonus-tag {

    display: inline-flex;

    align-items: center;

    gap: .25rem;

    padding: .25rem .5rem;

    border-radius: .5rem;

    background: rgba(255, 255, 255, .05);

    color: var(--Text-Color, #e3e3e3);

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.375rem

}



.bp-bonuses-section__bonus, .mp-hero-section__bonus {

    border-radius: .75rem;

    background: var(--color-accent)

}



.bonuses-section__bonus-tag img {

    width: 1.5rem;

    height: 1.5rem

}



.bonuses-section__bonus-content {

    padding: 1rem

}



.bonuses-section__bonus-name {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: .75rem;

    margin-bottom: .75rem;

    margin-top: .5rem;

    color: #fff;

    font-family: var(--ff-secondary);

    font-size: 1.125rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5rem;

    text-transform: uppercase

}



.bonuses-section__bonus-name svg {

    min-width: 1.5rem;

    max-width: 1.5rem;

    height: 1.5rem

}



.bonuses-section__bonus-description {

    width: 96%;

    color: var(--Text-Color, #e3e3e3);

    font-family: var(--ff-primary);

    font-size: 1rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5rem

}



.bp-hero-section__title, .mp-hero-section__bonus-title, .mp-hero-section__title, .vp-hero-section__title {

    font-family: var(--ff-secondary);

    font-style: normal;

    color: #fff;

    font-weight: 400;

    text-transform: uppercase

}



.bonuses-section__bonus .btn {

    display: block;

    max-width: unset;

    width: 90%;

    margin: .625rem auto;

    padding: 1rem 2rem

}



.bonuses-section .btn, .bp-bonuses-section .btn {

    margin: 1.5rem auto 0

}



.mp-hero-section {

    display: flex;

    gap: 1.5rem;

    padding: 1.5rem 0

}



.mp-hero-section__main-content {

    max-width: 49.125rem

}



.bp-hero-section__title, .mp-hero-section__title, .vp-hero-section__title {

    margin-bottom: 1.25rem;

    font-size: 2.25rem;

    line-height: 2.75rem

}



.mp-hero-section__text {

    width: 98%

}



.mp-hero-section__text p {

    margin-bottom: .625rem;

    color: #e3e3e3;

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.375rem

}



.mp-hero-section__info {

    margin-top: 1.5rem;

    display: flex;

    gap: 1.5rem

}



.mp-hero-section__bonus {

    width: 20.5rem;

    padding: 1rem

}



.mp-hero-section__bonus-header {

    position: relative;

    display: flex;

    gap: 1.875rem

}



.mp-hero-section__bonus-header > div {

    width: 100%

}



.mp-hero-section__bonus-title {

    font-size: 1.25rem;

    line-height: 1.5rem

}



.mp-hero-section__bonus-description, .mp-hero-section__specifications ul li, .mp-hero-section__specifications-header {

    font-family: var(--ff-primary);

    font-size: .875rem;

    line-height: 1.375rem;

    font-style: normal

}



.mp-hero-section__bonus-description {

    color: #fff;

    font-weight: 400

}



.mp-hero-section__bonus-header > img {

    width: 4.5rem;

    height: 4.5rem;

    top: 0;

    right: 0;

    object-fit: contain

}



.mp-hero-section__bonus .btn {

    margin-top: .75rem;

    -webkit-box-orient: horizontal;

    justify-content: space-between;

    padding: .5rem 1.25rem

}



.mp-hero-section__bonus .btn svg {

    width: 2rem;

    height: 2rem

}



.mp-hero-section__specifications {

    display: inline-block;

    width: 10.5rem

}



.mp-hero-section__specifications ul li {

    position: relative;

    padding-top: .5rem;

    padding-bottom: .5rem;

    color: var(--Text-Color, #e3e3e3);

    font-weight: 400

}



.mp-hero-section__specifications ul li::after {

    position: absolute;

    content: "";

    bottom: 0;

    left: 0;

    height: 1px;

    width: 100%;

    background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 0) 100%)

}



.mp-hero-section__specifications ul li:first-child {

    padding-top: 0

}



.mp-hero-section__specifications-header {

    color: var(--Second-button-color, #beade4);

    font-weight: 700

}



.mp-hero-section > img {

    max-width: 24.6875rem;

    flex: 1 1 auto;

    object-fit: contain

}



.bp-hero-section, .vp-hero-section {

    padding: 1.5rem 0

}



.bp-bonuses-section__bonuses-list {

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    gap: 1rem;

    justify-content: flex-start

}



.bp-bonuses-section__subtitle {

    color: var(--White, #fff);

    font-family: var(--ff-secondary);

    font-size: 1.625rem;

    font-style: normal;

    font-weight: 400;

    line-height: 2.25rem;

    text-transform: uppercase;

    margin-bottom: 1.25rem

}



.vp-hero-section__table table td, .vp-hero-section__table table tr:first-child td, .vp-hero-section__text > p {

    font-size: .875rem;

    line-height: 1.375rem;

    font-family: var(--ff-primary)

}



.bp-bonuses-section__bonus {

    position: relative;

    flex: 1 0 auto;

    max-width: 18rem;

    padding-bottom: .625rem;

    overflow: hidden

}



.bp-bonuses-section__bonus > img {

    width: 100%;

    object-fit: cover;

    height: 11.25rem

}



.bp-bonuses-section__bonus-tag {

    display: inline-flex;

    align-items: center;

    gap: .25rem;

    padding: .25rem .5rem;

    border-radius: .5rem;

    background: rgba(255, 255, 255, .05);

    color: var(--Text-Color, #e3e3e3);

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.375rem

}



.bp-bonuses-section__bonus-tag svg {

    width: 1.5rem;

    height: 1.5rem

}



.bp-bonuses-section__bonus-content {

    padding: 1rem

}



.bp-bonuses-section__bonus-name {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: .75rem;

    margin-bottom: .75rem;

    margin-top: .5rem;

    color: #fff;

    font-family: var(--ff-secondary);

    font-size: 1.125rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5rem;

    text-transform: uppercase

}



.bp-bonuses-section__bonus-description, .vp-hero-section__table table td, .vp-hero-section__text > p {

    color: var(--Text-Color, #e3e3e3);

    font-style: normal;

    font-weight: 400

}



.bp-bonuses-section__bonus-name svg {

    min-width: 1.5rem;

    max-width: 1.5rem;

    height: 1.5rem;

    cursor: pointer

}



.bp-bonuses-section__bonus-description {

    width: 96%;

    font-family: var(--ff-primary);

    font-size: 1rem;

    line-height: 1.5rem

}



.bp-bonuses-section__bonus .btn {

    display: block;

    max-width: unset;

    width: 90%;

    margin: .625rem auto;

    padding: 1rem 2rem

}



.vp-hero-section__content {

    display: flex;

    align-items: flex-start;

    gap: 1.5rem;

    margin-bottom: 1.25rem

}



.vp-hero-section__text {

    max-width: 41rem

}



.vp-hero-section__text > p {

    margin-bottom: 1.0625rem

}



.vp-hero-section__table {

    overflow-x: auto

}



.vp-hero-section__table table {

    width: 100%;

    border-spacing: 0;

    height: auto;

    border-radius: 10px;

    overflow: auto

}



.vp-hero-section__table table td {

    border: 1px solid var(--color-accent);

    padding: .75rem;

    text-align: center

}



.vp-hero-section__table table tr:first-child td {

    color: #fff;

    text-align: center;

    font-style: normal;

    font-weight: 700;

    background: var(--Purple, #8a34aa)

}



.vp-hero-section__table table tr:first-child td:first-child {

    width: 10rem;

    border-radius: 12px 0 0

}



.vp-hero-section__table table tr:first-child td:nth-child(2) {

    width: 32.5rem

}



.vp-hero-section__table table tr:first-child td:last-child {

    width: 32.5rem;

    border-radius: 0 12px 0 0

}



.vp-hero-section__table table tr:last-child td:first-child {

    border-radius: 0 0 0 12px

}



.vp-hero-section__table table tr:last-child td:last-child {

    border-radius: 0 0 12px

}



.vp-hero-section__become {

    display: inline-block;

    padding: 1rem;

    margin-bottom: .625rem;

    border-radius: .75rem;

    background: var(--color-accent);

    width: fit-content

}



.vp-hero-section__become-title {

    margin-bottom: .25rem;

    color: #fff;

    font-family: var(--ff-secondary);

    font-size: 1.25rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5rem;

    text-transform: uppercase

}



.vp-hero-section__become-description {

    color: var(--color-text);

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    font-weight: 400;

    line-height: 1.375rem

}



* + .image-full, .vp-hero-section__become .btn {

    margin-top: 1rem

}



.vp-hero-section img {

    max-width: 32.5rem;

    object-fit: contain

}



.ad-section {

    position: sticky;

    bottom: 0;

    padding: .5rem 1rem;

    background: #fff;

    display: none;

    justify-content: flex-end;

    align-items: center;

    gap: .625rem

}



.ad-section__name {

    color: #58586c;

    font-family: var(--ff-primary);

    font-size: 14px;

    font-style: italic;

    font-weight: 700;

    line-height: 1.25rem

}



.ad-section__description {

    color: #787878;

    font-family: var(--ff-primary);

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 1rem

}



.ad-section__description span {

    color: #58586c;

    font-weight: 600

}



.difference__list, .promocode__bonus p, .promocode__title {

    font-weight: 400;

    font-style: normal

}



.social {

    margin: 0;

    padding: 0;

    display: flex;

    gap: 15px;

    justify-content: flex-start;

    flex-wrap: wrap

}



.social__link > img {

    max-width: 30px;

    max-height: 30px

}



.screenshot-gallery__list {

    display: flex;

    gap: 10px;

    flex-wrap: nowrap;

    overflow-x: auto;

    scrollbar-width: thin

}



.screenshot-gallery__wrapper {

    position: relative;

    max-width: 100%;

    margin-top: 16px

}



.glightbox img {

    width: 100%;

    height: auto;

    min-width: 192px

}



@media (min-width: 768px) {

    .screenshot-gallery__list {

        -ms-overflow-style: none;

        scrollbar-width: none

    }

}



.advantages-section__list-item-title {

    font-family: var(--ff-secondary)

}



.footer__logo img, .header__logo img {

    max-width: 104px;

    height: auto;

    width: fit-content;

    object-fit: contain

}



.tabs-section {

    margin: 1rem 0

}



.auto-toc-auto__title.toc-section__title, .pros-cons-difference__title {

    margin: 0

}



.difference__list {

    display: flex;

    flex-direction: column;

    gap: 15px;

    font-family: var(--ff-primary);

    font-size: .875rem;

    line-height: 1.375rem;

    color: #e3e3e3;

    padding: 0

}



.difference-wrapper {

    display: flex;

    justify-content: center;

    gap: 50px

}



.difference__item {

    display: flex;

    align-items: center;

    gap: 8px

}



.difference__item svg {

    min-width: 25px;

    min-height: 25px;

    max-width: 25px;

    max-height: 25px;

    width: 100%

}



.tabs-section__tabs-list button.active {

    color: var(--White, #fff);

    border-top: 2px solid var(--Purple, #8a34aa);

    border-bottom: none;

    margin-right: 46px;

    margin-left: 45px;

    position: relative

}



.tabs-section__tabs-list {

    gap: 0;

    overflow-x: auto;

    scrollbar-width: thin;

    justify-content: flex-start

}



.tabs-section__tabs-list-btn.active::before {

    position: absolute;

    left: -2.875rem

}



.tabs-section__tabs-list-btn.active::after {

    position: absolute;

    right: -2.875rem;

    transform: none

}



.tabs-section__tabs-list .tabs-section__tabs-list-btn.active:first-child::after {

    content: ''

}



.tabs-section__tabs-list-btn.active:first-child::before {

    content: none

}



.tabs-section__tabs-list-btn {

    white-space: nowrap

}



.tabs-section__tabs-list button.active:first-child {

    margin-left: 0

}



.footer__content-payments {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 60px;

    flex-wrap: wrap

}



.footer__content-payments-item img {

    max-width: 80px;

    width: 100%;

    height: auto

}



@media (max-width: 768px) {

    .pp-promocode__input {

        max-width: 100%;

        width: 100%

    }



    .mp-promocode {

        flex-direction: column;

        align-items: center

    }



    .mp-promocode__main-content {

        max-width: 100%;

        padding-right: 0

    }



    .footer__content, .mp-promocode__buttons {

        flex-direction: column

    }



    .vp-hero-section__table table, .wp-block-table table {

        width: 48rem

    }



    .steps-list .step img {

        max-width: 100%;

        margin-bottom: 1rem

    }



    .header__content {

        flex-direction: column;

        gap: .9375rem

    }



    .header__nav li .submenu__item img {

        width: 1.375rem;

        height: 1.375rem

    }



    .header__lang {

        position: absolute;

        right: 3.125rem;

        transform: none

    }



    .header__active-lang {

        transform: translateX(-10px)

    }



    .header__buttons {

        align-self: center;

        justify-content: center;

        margin: 0;

        width: 100%;

        max-width: unset

    }



    .header__buttons .btn {

        min-width: unset;

        max-width: unset;

        width: 48%

    }



    .stats-section {

        overflow-x: auto;

        scrollbar-width: thin

    }



    .stats-section__stats-list {

        display: inline-block;

        text-wrap: nowrap;

        white-space: nowrap

    }



    .stats-section__stat {

        display: inline-flex;

        margin-right: .75rem

    }



    .stats-section__stat:last-child {

        margin-right: 0

    }



    .footer__nav {

        display: flex;

        flex-direction: column;

        align-items: center

    }



    .bonuses-section__bonus, .bp-bonuses-section__bonus, .pros-cons-difference__element, .winners-section__winner {

        width: 100%

    }



    .mp-hero-section__specifications {

        width: 8.125rem

    }



    .ad-section {

        display: flex;

        gap: .75rem;

        flex: 1 1 auto;

        justify-content: space-between

    }



    .difference-wrapper {

        display: flex;

        justify-content: center;

        gap: 35px;

        flex-direction: column

    }



    .difference__item svg {

        min-width: 20px;

        min-height: 20px;

        max-width: 20px;

        max-height: 20px;

        width: 100%

    }



    .footer__content-payments {

        gap: 30px;

        padding: 35px 0 0

    }



    .footer__content-payments-item img {

        max-width: 60px

    }

}



.sub-menu {

    display: none;

    position: absolute;

    padding: 20px 25px;

    background-color: #463296;

    top: 25px;

    border-radius: .375rem;

    width: max-content

}



.sub-menu__arrow-svg {

    width: 21px !important;

    height: 21px !important;

    cursor: pointer;

    padding-top: 6px;

    transition: 250ms

}



div.sub-menu__link.sub-menu__link--current {

    color: var(--color-second-button-bg)

}



@media (min-width: 1380px) {

    .header__nav li:hover a::after, .header__nav li:hover span::after {

        transform: rotate(180deg)

    }



    .header__nav li:hover .submenu {

        display: flex

    }



    .header__nav li:hover .sub-menu {

        display: flex;

        gap: 10px;

        flex-direction: column

    }



    .main-nav__item--has-children:hover .sub-menu__arrow svg {

        transform: rotateZ(180deg);

        padding-top: 0

    }

}



.promocode__title {



    font-size: 25px;

    line-height: 28px;

    text-transform: uppercase;

    text-align: left;

    margin-bottom: 11px

}



.promocode__bonus p {



    font-size: 14px;

    line-height: 22px

}



.promocode__value {

    width: 100%;

    padding: .75rem;

    border-radius: 12px;

    border: 1px solid rgba(255, 255, 255, .1)

}



.promocode__button {

    position: relative;

    display: block;

    max-width: 11.875rem;

    padding: 15px 1.25rem;

    gap: .625rem;

    border-radius: .5rem;

    color: #1e1e28;

    font-family: var(--ff-primary);

    font-size: .875rem;

    font-style: normal;

    font-weight: 500;

    line-height: 1.25rem;

    transition: .2s;

    text-align: center;

    cursor: pointer;

    background: var(--color-content-button-bg);

    color: var(--color-content-button)

}



.promocode__controls {

    display: flex;

    gap: 10px;

    align-items: center;

    margin-top: 15px

}



.promocode__buttons {

    display: flex;

    gap: 10px;

    margin-top: 20px

}



.promocode__link {

    width: 100%;

    max-width: 100%

}



.promocode__info {

    display: flex;

    flex-direction: row;

    gap: 10px;

    justify-content: space-between;

    align-items: center;

    margin-top: 23px

}



.promocode-v1 {

    border-radius: 12px;

    background: var(--color-accent);

    padding: 16px;

    margin-top: 10px

}



.promocode__info-item {

    display: flex;

    gap: 5px

}



.promocode__link.promocode__link--aff {

    margin-top: 12px

}



.footer__copywrite {

    margin: 0;

    color: var(--color-footer-text)

}



.page-footer ol li, .page-footer ul li {

    list-style: none

}



.block-editor-block-list__block li, td ol, td ul {

    margin: 0 !important

}



.wp-admin, .wp-admin h1, .wp-admin h2, .wp-admin h3, .wp-admin h4, .wp-admin h5, .wp-admin h6 {

    color: #000

}



.image-full img, .text-image img {

    max-width: 100%;

    border-radius: .625rem;

    object-fit: contain;

    height: auto

}



.header__burger {

    margin: 0;

    width: 42px;

    height: 42px;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 4px;

    background: 0 0;

    border: none

}



.header__burger span {

    pointer-events: none;

    width: 20px;

    height: 2px;

    position: static;

    display: block;

    transition: .2s ease-in-out

}



@media (max-width: 1380px) {

    .mp-hero-section__main-content {

        max-width: unset

    }



    .bp-bonuses-section__bonuses-list {

        flex-wrap: nowrap;

        overflow-x: auto;

        scrollbar-width: thin

    }



    .vp-hero-section__content {

        flex-direction: column-reverse

    }



    .vp-hero-section__text {

        max-width: 100%;

        display: flex;

        flex-direction: column

    }



    .vp-hero-section__become {

        order: -1;

        width: 100%

    }



    .vp-hero-section img {

        max-width: 100%;

        width: 100%

    }



    .sub-menu {

        background-color: transparent;

        position: relative;

        width: 100%;

        padding: 0 25px 40px

    }



    .sub-menu__arrow {

        flex-grow: 1

    }



    .main-nav__item--has-children.active .sub-menu__arrow svg {

        transform: rotateZ(180deg);

        padding-top: 0

    }



    .main-nav__item.main-nav__item--has-children {

        display: flex;

        flex-wrap: wrap

    }



    .header__burger, .main-nav__item--has-children.active .sub-menu {

        display: flex

    }



    .header.burger-active .header__burger span {

        display: block

    }



    .burger-active .header__burger span:first-child {

        transform: translate(0, 6px) rotate(45deg);

        width: 30px

    }



    .burger-active .header__burger span:nth-child(2) {

        opacity: 0

    }



    .burger-active .header__burger span:nth-child(3) {

        transform: translate(0, -6px) rotate(-45deg);

        width: 30px

    }

}



@media (max-width: 576px) {

    .steps-list .step-text .btn {

        max-width: unset

    }



    .steps-list .step img {

        width: 100%;

        height: 8.25rem;

        flex: none

    }



    .title {

        font-size: 1.5rem;

        line-height: 1.75rem;

        margin-bottom: 1rem

    }



    .header__content {

        padding-left: 0;

        padding-right: 0

    }



    .header__logo {

        padding: 0;

        margin-right: 0;

        margin-left: 2.75rem

    }



    .header__lang {

        right: 0

    }



    .header__burger {

        left: 0;

        right: unset;

        top: -4px

    }



    .hero-section__title {

        font-size: 1.75rem

    }



    .payment-section__marquee img {

        margin-right: 2.5rem

    }



    .toc-section__title {

        font-size: 1.25rem

    }



    .toc-section__toc-list {

        flex-direction: column;

        align-items: flex-start

    }



    .tabs-section__tab .btn {

        max-width: 100%

    }



    .footer__content {

        gap: 1.5rem

    }



    .footer__logo, .mp-hero-section__info, .mp-hero-section__main-content {

        display: contents

    }



    .footer__logo img {

        order: 1

    }



    .footer__copywrite {

        order: 5

    }



    .footer__nav, .mp-hero-section__specifications {

        order: 2

    }



    .footer__download .btn::after, .footer__download .btn::before {

        position: absolute;

        content: "";

        left: 0;

        height: 1px;

        width: 100%;

        background: rgba(255, 255, 255, .1)

    }



    .footer__download .btn {

        position: relative;

        order: 3;

        margin-top: 1.5rem;

        margin-bottom: 1.5rem

    }



    .footer__download .btn::before {

        top: -1.5rem

    }



    .footer__download .btn::after {

        bottom: -1.5rem

    }



    .winners-section__winner-info {

        max-width: 50%;

        min-width: 50%

    }



    .slots-section__slots-list {

        gap: .5rem

    }



    .slots-section__slot {

        width: 48%;

        height: 10rem

    }



    .mp-hero-section {

        flex-direction: row;

        flex-wrap: wrap;

        gap: .625rem;

        align-items: flex-start

    }



    .bp-hero-section__title, .mp-hero-section__title, .vp-hero-section__title {

        font-size: 1.75rem;

        line-height: 2.25rem

    }



    .mp-hero-section__text {

        order: 4

    }



    .mp-hero-section__bonus {

        width: 100%;

        order: 3;

        margin: 0 0 .5rem

    }



    .mp-hero-section > img {

        min-width: unset;

        flex: 1 1 auto;

        order: 1;

        max-width: 50%;

        max-height: 200px

    }

}



td ul {

    display: grid;

    justify-content: center;

    gap: .3rem;

    text-align: left;

    padding: 0

}



.wrapper a {

    text-decoration: underline;

}



.footer__nav-link a {

    text-decoration: none;

}



.other {

    padding: 0;

    margin-top: 1.5rem;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 12px 32px;

}



.main-nav__list {

    flex-wrap: wrap;

}



.header__buttons {

    flex-shrink: 0;

}





.languages-switcher {

    position: relative;

    flex-shrink: 0;

    border-radius: 4px;

    background-color: var(--color-first-button-bg);

    display: flex;

    z-index: 200;

    min-width: 40px;

    width: fit-content;

    color: #ccc;

    z-index: 15;

    height: fit-content;

    border: 1px solid var(--Second-button-color, #beade4);

}



.languages-switcher__list-wrapper {

    position: absolute;

    right: 0;

    top: 100%;

    border-radius: 0px 0px 4px 4px;

    padding: 10px 0;

    background-color: transparent;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    width: max-content;

}



.languages-switcher__list-title {

    margin: 0 0 8px;

    color: #fff;

    font-size: 14px;

    font-weight: 400;

    line-height: 100%;

    white-space: nowrap;

}



.languages-switcher__list {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    justify-content: center;

    flex-direction: column;

    border-radius: 5px;

    background-color: var(--color-first-button-bg);

    border: 1px solid var(--Second-button-color, #beade4);

}



.languages-switcher__item {

    position: relative;

    width: 100%;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    position: relative;

    flex-shrink: 0;

    gap: 6px;

    text-transform: uppercase;

    text-decoration: none;

    color: #fff;

    white-space: nowrap;

    font-size: 14px;

    font-weight: 400;

    height: 32px;

    padding: 0 8px;

}



.languages-switcher__lang {

    display: flex;

    align-items: center;

    gap: 5px;

}



.languages-switcher__lang:before {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}



.languages-switcher._show .languages-switcher__list-wrapper {

    opacity: 1;

    visibility: visible;

    pointer-events: all;

}



@media (max-width: 1380px) {

    .languages-switcher {

        margin-right: auto;

    }

}



@media (max-width: 1023px) {

    .languages-switcher__list {

        max-height: 380px;

        overflow-y: auto;

        justify-content: flex-start;

        padding-bottom: 16px;

    }



    .languages-switcher__list-wrapper:after {

        content: "";

        position: absolute;

        right: 1px;

        bottom: 12px;

        left: 1px;

        height: 24px;

        background: linear-gradient(0deg, #2c323e 30%, transparent);

        z-index: 10;

        pointer-events: none;

    }

}





@media (max-width: 768px) {

    .languages-switcher {

        position: absolute;

        right: 4.25rem;

    }



    .header__buttons .btn {

        flex-grow: 1;

        width: auto;

    }

}



@media (max-width: 576px) {

    .languages-switcher {

        right: 0;

    }

}







* + .game-demo-full {

    margin-top: 1rem;

}



.game-demo-full {

    border-radius: 4px;

}



.game-demo-full__description {

    margin: 0 0 20px;

}



.game-demo-full__box {

    position: relative;

    overflow: hidden;

    border-radius: 4px;

}



.game-demo-full__box .get-image {

    height: 100%;

}



.game-demo-full__box img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.game-demo-full__box iframe {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border: none;

    width: 100%;

    height: 100%;

}





.game-demo-full__buttons {

    position: absolute;

    left: 50%;

    top: 50%;

    display: flex;

    flex-direction: column;

    padding: 0 10px;

    width: 100%;

    max-width: 340px;

    transform: translate(-50%, -50%);

    gap: 12px;

}



.game-demo-full__buttons button {

    width: 100%;

    max-width: 100%;

}



.game-demo-full__buttons .btn--purple {

    background: #1b2439;

}



@media (max-width: 550px) {

    .game-demo-full__box {

        min-height: 300px;

        display: flex;

    }



    .game-demo-full__box .get-image {

        height: auto;

    }



    .game-demo-full__box img {

        object-fit: cover;

		position: absolute;

        object-fit: cover;

        height: 100%;

        width: 100%;

        inset: 0;

    }

}







.text-image__text > .btn {

    margin-top: 1rem;

}



.pros-cons-difference__title {

    margin: 0;

    font-weight: 400;

    font-family: var(--ff-secondary);

    font-size: 1.875rem;

    font-style: normal;

    line-height: 2.25rem;

    text-transform: uppercase;

}

.promocode-v1 .promocode__button{

	max-width: 200px;

	width:100px

}



.promocode-v1.active .copy{

	display: none

}