/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html
{
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body
{
    margin: 0;
}
main
{
    display: block;
}
h1
{
    font-size: 2em;
    margin: .67em 0;
}
hr
{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre
{
    font-family: monospace,monospace;
    font-size: 1em;
}
a
{
    background-color: rgba(0,0,0,0);
}
abbr[title]
{
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b, strong
{
    font-weight: bolder;
}
code, kbd, samp
{
    font-family: monospace,monospace;
    font-size: 1em;
}
small
{
    font-size: 80%;
}
sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub
{
    bottom: -.25em;
}
sup
{
    top: -.5em;
}
img
{
    border-style: none;
    max-width: 100%;
    height: auto;
}
button, input, optgroup, select, textarea
{
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button, input
{
    overflow: visible;
}
button, select
{
    text-transform: none;
}
button, [type=button], [type=reset], [type=submit]
{
    -webkit-appearance: button;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner
{
    border-style: none;
    padding: 0;
}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring
{
    outline: 1px dotted ButtonText;
}
fieldset
{
    padding: .35em .75em .625em;
}
legend
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress
{
    vertical-align: baseline;
}
textarea
{
    overflow: auto;
}
[type=checkbox], [type=radio]
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button
{
    height: auto;
}
[type=search]
{
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type=search]::-webkit-search-decoration
{
    -webkit-appearance: none;
}
::-webkit-file-upload-button
{
    -webkit-appearance: button;
    font: inherit;
}
details
{
    display: block;
}
summary
{
    display: list-item;
}
template
{
    display: none;
}
[hidden]
{
    display: none;
}
*
{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
img
{
    width: 100%;
    height: auto;
    display: block;
}
body, html
{
    min-height: 100%;
    height: 100%;
}
html.en .en
{
    display: block;
}
html .en
{
    display: none;
}
html.ru .ru
{
    display: block;
}
html .ru
{
    display: none;
}
html.de .de
{
    display: block;
}
html .de
{
    display: none;
}
html.pl .pl
{
    display: block;
}
html .pl
{
    display: none;
}
html.pt .pt
{
    display: block;
}
html .pt
{
    display: none;
}
html.es .es
{
    display: block;
}
html .es
{
    display: none;
}
html.ro .ro
{
    display: block;
}
html .ro
{
    display: none;
}
html.hu .hu
{
    display: block;
}
html .hu
{
    display: none;
}
html.fr .fr
{
    display: block;
}
html .fr
{
    display: none;
}
html.th .th
{
    display: block;
}
html .th
{
    display: none;
}
html.dk .dk
{
    display: block;
}
html .dk
{
    display: none;
}
html.no .no
{
    display: block;
}
html .no
{
    display: none;
}
html.gr .gr
{
    display: block;
}
html .gr
{
    display: none;
}
html.lt .lt
{
    display: block;
}
html .lt
{
    display: none;
}
html.lv .lv
{
    display: block;
}
html .lv
{
    display: none;
}
html.se .se
{
    display: block;
}
html .se
{
    display: none;
}
html.ee .ee
{
    display: block;
}
html .ee
{
    display: none;
}
html.sk .sk
{
    display: block;
}
html .sk
{
    display: none;
}
html.it .it
{
    display: block;
}
html .it
{
    display: none;
}
html.bg .bg
{
    display: block;
}
html .bg
{
    display: none;
}
.switcher__wrapper
{
    position: absolute;
    z-index: 10;
    width: 100%;
    max-width: 130rem;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.lang_switcher_outer
{
    position: absolute;
    font-family: "Roboto",Arial,sans-serif;
    top: 4rem;
    right: 0;
    width: 6em;
    height: 3.5em;
    z-index: 10;
    cursor: pointer;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
}
.lang_switcher_outer.act .lang_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.lang_switcher_outer.act .lang_arr
{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.lang_switcher_outer .lang_switcher
{
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    display: block;
    cursor: pointer;
    border-radius: .8em;
    position: relative;
    padding-bottom: 1.5em;
    z-index: 5;
    background: #ff5823;
}
.lang_switcher_outer .lang_switcher .curr_lang
{
    position: relative;
    display: inline-block;
    top: .5em;
    margin: 0 .5em 0 0;
}
.lang_switcher_outer .lang_switcher .curr_lang span
{
    font-size: 1.3em;
    padding: .35em 0 0 0;
    display: inline-block;
    font-weight: 700;
    margin-left: .8em;
    color: #fff;
}
.lang_switcher_outer .lang_switcher .curr_lang em
{
    top: .4em;
    margin: 0 .5em 0 0;
    border-radius: 50%;
    overflow: hidden;
}
.lang_switcher_outer .lang_switcher .lang_flag
{
    display: none;
}
.lang_switcher_outer i
{
    top: .5em;
    background: url("../../willbettingde/image/lang-arr1.svg") 0 0 no-repeat;
    background-size: contain;
    width: 1.3em;
    position: relative;
    height: .8em;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.lang_switcher_outer p
{
    font-size: 1.1em;
    position: relative;
    color: #000;
    top: .5em;
    text-transform: none;
    width: 50%;
    text-align: center;
    display: none;
}
.lang_flag
{
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    margin: 0 .7em 0 1.1em;
    position: relative;
    top: .35em;
    border-radius: 50%;
    overflow: hidden;
}
.lang_list
{
    width: 150%;
    position: absolute;
    list-style-type: none;
    top: 4em;
    display: none;
    right: 0;
    border-radius: .8em .8em .8em .8em;
    overflow: hidden;
    cursor: auto;
    background: #fff;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.lang_list li
{
    height: 3em;
    cursor: pointer;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.lang_list li span
{
    font-size: 1.3em;
}
.lang_list li.curr
{
    pointer-events: none;
    font-weight: 700;
    color: #ff5823;
    background: #fff;
}
.lang_list li:nth-last-child(1)
{
    border-bottom: 0;
}
.lang_list li:hover
{
    color: #ff5823;
    background: #fff;
}
@media(max-width: 1024px)
{
    .lang_switcher_outer
    {
        right: 2rem;
        top: 3rem;
        font-size: 120%;
    }
}
@media(max-width: 600px)
{
    .lang_switcher_outer
    {
        font-size: 130%;
        right: 3rem;
        top: 5rem;
    }
}
html
{
    background: #4a2f23;
    color: #fff;
    line-height: 1.15;
    font-family: "Inter",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: .5208333333vw;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
html.hide
{
    display: block;
}
html.hide .blur_wrap
{
    background: rgba(0,0,0,0);
    position: relative;
    -webkit-filter: none;
    filter: none;
}
html.hide .preloader
{
    opacity: 0;
    pointer-events: none;
}
html.es .btn span, html.hu .btn span
{
    font-size: 2.2rem;
}
html.hu.curr_cl .text-1-first>div, html.hu.curr_co .text-1-first>div, html.hu.curr_vn .text-1-first>div
{
    font-size: 4.7rem;
}
html.vn .text-1-first>div
{
    line-height: 125.5%;
}
body
{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
.preloader
{
    width: 5em;
    height: 5em;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 6;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
a
{
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}
.blur_wrap
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    width: 100%;
    min-height: 100%;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.layout
{
    height: 100%;
    min-height: 100%;
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-grow: 1;
}
.elements
{
    position: absolute;
    width: 188.3rem;
    height: 104.4rem;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-animation: decor-1-anim 4.5s ease-in-out .4s infinite;
    animation: decor-1-anim 4.5s ease-in-out .4s infinite;
}
.shadow
{
    position: absolute;
    width: 192rem;
    height: 108rem;
    left: 0;
    top: 0;
    z-index: 10;
    pointer-events: none;
}
.coins
{
    position: absolute;
    width: 184.6rem;
    height: 90.7rem;
    left: 0;
    top: 2rem;
    pointer-events: none;
    -webkit-animation: decor-4-anim 4.5s ease-in-out .5s infinite;
    animation: decor-4-anim 4.5s ease-in-out .5s infinite;
}
.wrapper
{
    position: relative;
    overflow: hidden;
    background-size: 192rem 96rem;
    background-position: top center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-image: url(../../willbettingde/image/main-bg1.webp);
    min-height: 108rem;
}
@media(max-width: 640px)
{
    .wrapper
    {
        background-image: url(../../willbettingde/image/main-bg-mobile1.webp);
    }
}
.main-content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    min-height: 98rem;
    width: 100%;
    max-width: 100%;
}
.main
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 3.6rem 2rem 0;
    width: 100%;
}
.logo
{
    position: relative;
    z-index: 6;
    width: 24.3rem;
    display: block;
    margin: 0 auto .8rem;
}
.main-info
{
    width: 100%;
    max-width: 77rem;
    min-height: 60rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin-left: 27rem;
}
.text-1
{
    -webkit-filter: drop-shadow(0 .4rem .4rem rgba(0,0,0,.5));
    filter: drop-shadow(0 .4rem .4rem rgba(0,0,0,.5));
}
.text-1.space.desk.desk-special
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
}
.text-1>div
{
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 6.4rem;
    font-style: normal;
    font-weight: 900;
    line-height: 107.5%;
    letter-spacing: .064rem;
    text-transform: uppercase;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#fdfb01),color-stop(133.35%,#e06426));
    background: linear-gradient(180deg,#fdfb01 10%,#e06426 133.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}
.text-1.space.mob
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.text-1.space.mob .bonus-max
{
    margin-right: 1rem;
}
.text-1.space.mob>span
{
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 5.1rem;
    font-style: normal;
    font-weight: 900;
    line-height: 107.5%;
    letter-spacing: .56px;
    text-transform: uppercase;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#fdfb01),color-stop(133.35%,#e06426));
    background: linear-gradient(180deg,#fdfb01 10%,#e06426 133.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}
.text-1.space.mob>span.plus
{
    margin-right: .8rem;
}
.text-2>div
{
    color: #fff;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 132.52%;
    letter-spacing: -.28px;
    text-transform: uppercase;
}
.elem1
{
    position: absolute;
    width: 4.1rem;
    left: 41.3rem;
    top: 4rem;
    -webkit-animation: decor-1-anim 4.5s ease-in-out .4s infinite;
    animation: decor-1-anim 4.5s ease-in-out .4s infinite;
    pointer-events: none;
}
.elem2
{
    position: absolute;
    width: 9.9rem;
    right: 10rem;
    top: 7.4rem;
    -webkit-animation: decor-2-anim 4.5s ease-in-out .5s infinite;
    animation: decor-2-anim 4.5s ease-in-out .5s infinite;
    pointer-events: none;
}
.elem3
{
    position: absolute;
    width: 46.2rem;
    left: 0;
    top: 0;
    -webkit-animation: decor-3-anim 4.5s ease-in-out .7s infinite;
    animation: decor-3-anim 4.5s ease-in-out .7s infinite;
    pointer-events: none;
}
.elem4
{
    position: absolute;
    width: 48.3rem;
    top: 1rem;
    left: 1rem;
    -webkit-animation: decor-4-anim 4.5s ease-in-out .1s infinite;
    animation: decor-4-anim 4.5s ease-in-out .1s infinite;
    pointer-events: none;
}
.elem5
{
    position: absolute;
    width: 100%;
    top: 3rem;
    left: 0;
    z-index: 1;
    -webkit-animation: decor-4-anim 4.5s ease-in-out .1s infinite;
    animation: decor-4-anim 4.5s ease-in-out .1s infinite;
    pointer-events: none;
}
.elem5
{
    display: none;
}
.desk
{
    display: block;
}
.text-1.space.mob
{
    display: none;
}
.bonus
{
    font-size: 8rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
}
.btn-wrap
{
    margin: 3rem auto 0;
}
.btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 13rem;
    background: url("../../willbettingde/image/btn.webp") 50% 50%/contain no-repeat;
    min-width: 42.1rem;
    height: 11.5rem;
    border: unset;
    outline: none;
    text-decoration: unset;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-animation: btn-pulse 1.5s infinite ease-in-out;
    animation: btn-pulse 1.5s infinite ease-in-out;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    z-index: 3;
}
.btn::after
{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 85%;
    height: 100%;
    background: #f63131;
    opacity: .82;
    mix-blend-mode: screen;
    -webkit-filter: blur(1.4rem);
    filter: blur(1.4rem);
    pointer-events: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
}
.btn span
{
    position: relative;
    z-index: 3;
    font-family: "Montserrat",sans-serif;
    width: 100%;
    color: #ffc107;
    text-align: center;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    text-shadow: 0 0 1.5rem rgba(0,0,0,0);
    text-transform: capitalize;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-transform: uppercase;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
@media(hover: hover)
{
    .btn:hover
    {
        -webkit-filter: drop-shadow(0 .4rem 2.8rem #e78900);
        filter: drop-shadow(0 .4rem 2.8rem #e78900);
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }
    .btn:hover span
    {
        color: #ffd042;
        text-shadow: 0 0 1.5rem rgba(255,208,66,.6);
    }
    .btn:hover::after
    {
        opacity: 1;
    }
}
@-webkit-keyframes btn-pulse
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50%
    {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes btn-pulse
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50%
    {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.terms
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 1.2rem auto 0;
    position: relative;
    z-index: 3;
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    border-bottom: .2rem solid #fff;
    text-decoration: unset;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    cursor: pointer;
}
@media(hover: hover)
{
    .terms:hover
    {
        border-bottom: .2rem solid rgba(0,0,0,0);
    }
}
.steps
{
    position: relative;
    z-index: 11;
    width: 100%;
    margin-top: 1rem;
}
.steps__row
{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.steps__item
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url("../../willbettingde/image/step-bg.webp") 50% 50%/contain no-repeat;
    width: 28.1rem;
    height: 9.4rem;
    text-align: center;
    padding: 0 1rem 0 8rem;
    will-change: transform;
    backface-visibility: hidden;
}
.steps__item:not(:last-child)
{
    margin-right: 3.7rem;
}
.steps__item.active
{
    -webkit-animation: scaleUp 1.5s infinite ease-in-out forwards;
    animation: scaleUp 1.5s infinite ease-in-out forwards;
}
.steps__img
{
    position: absolute;
    left: -1rem;
    top: 53%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 9.4rem;
}
.steps__text div
{
    color: #fff;
    leading-trim: both;
    text-edge: cap;
    font-family: "Roboto",sans-serif;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 132.52%;
    letter-spacing: -.193px;
    text-transform: uppercase;
}
@-webkit-keyframes scaleUp
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50%
    {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes scaleUp
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50%
    {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.footer
{
    position: absolute;
    top: 87.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 3rem 0;
    z-index: 13;
}
.footer__text
{
    color: rgba(255,255,255,.4);
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#particles-js
{
    position: absolute;
    width: 192rem;
    height: 96rem;
    background-color: rgba(0,0,0,0);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 1;
    pointer-events: none;
    top: 0;
    max-width: 192rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
@media(max-width: 640px)
{
    #particles-js
    {
        height: 114rem;
    }
}
@media(max-width: 1920px)
{
    .terms
    {
        font-size: 14px;
    }
}
@media(max-width: 1300px)
{
    html
    {
        font-size: .625vw;
    }
    .main-info
    {
        margin-left: 5rem;
    }
    .steps__row
    {
        margin: 0 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .steps
    {
        margin: 9.4rem auto 0;
    }
}
@media(max-width: 1024px)
{
    html
    {
        font-size: .6666666667vw;
    }
    .main-info
    {
        margin-left: 1rem;
    }
}
@media(max-width: 640px)
{
    html
    {
        font-size: 1.5625vw;
    }
    html.th .steps__text div
    {
        font-size: 18px;
    }
    html.es .btn span, html.hu .btn span
    {
        font-size: 2.7rem;
    }
    html.curr_kz .text-1.space.mob>span, html.curr_hu .text-1.space.mob>span, html.curr_th .text-1.space.mob>span
    {
        font-size: 4.8rem;
    }
    html.curr_co .text-1.space.mob>span, html.curr_vn .text-1.space.mob>span
    {
        font-size: 4.2rem;
    }
    html.curr_vn .text-1-first>div, html.curr_cl .text-1-first>div, html.curr_co .text-1-first>div
    {
        font-size: 4rem!important;
    }
    html.hu.curr_vn .text-1.text-1-first>div
    {
        font-size: 3.7rem!important;
    }
    .desk
    {
        display: none!important;
    }
    .text-1.space.mob
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: .6rem;
    }
    .wrapper
    {
        background-size: 64rem auto;
        background-position: top center;
    }
    .main
    {
        min-height: 162rem;
        padding-top: 4.8rem;
    }
    .logo
    {
        width: 26.3rem;
        margin-bottom: 1.8rem;
    }
    .main-content
    {
        min-height: 140rem;
    }
    .footer__text
    {
        font-size: 2rem;
    }
    .btn
    {
        min-width: 49.9rem;
        height: 15rem;
    }
    .btn span
    {
        font-size: 3.2rem;
    }
    .main-info
    {
        margin-left: 0;
        min-height: 106rem;
    }
    .character
    {
        display: block;
        margin-top: -3rem;
    }
    .coins, .elements, .shadow
    {
        display: none;
    }
    .wrapper
    {
        min-height: 166rem;
    }
    .wrapper::after
    {
        position: absolute;
        content: "";
        width: 66rem;
        height: 71rem;
        left: -1rem;
        top: 5rem;
        z-index: 1;
        pointer-events: none;
        background: url("../../willbettingde/image/elem-mob.webp") 50% 50%/contain no-repeat;
        -webkit-animation: decor-3-anim 4.5s ease-in-out .4s infinite;
        animation: decor-3-anim 4.5s ease-in-out .4s infinite;
    }
    .footer
    {
        position: relative;
        top: unset;
        left: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        margin-top: 0;
    }
    .steps__img.steps__img1
    {
        width: 8.2rem;
    }
    .steps__img
    {
        left: -1.4rem;
        width: 13.2rem;
    }
    .steps__text div
    {
        font-size: 16px;
    }
    .steps
    {
        position: relative;
        z-index: 2;
        margin: 0 auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .steps__item
    {
        width: 39.6rem;
        height: 13.2rem;
        padding-left: 12rem;
        padding-right: 1.5rem;
    }
    .steps__item:not(:last-child)
    {
        margin-bottom: 4.5rem;
        margin-right: 0;
    }
    .steps__row
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0;
    }
    .steps__arrow
    {
        display: none;
    }
}
@-webkit-keyframes lineMoving
{
    0%
    {
        left: -15rem;
    }
    50%
    {
        left: 120%;
    }
    100%
    {
        left: 120%;
    }
}
@keyframes lineMoving
{
    0%
    {
        left: -15rem;
    }
    50%
    {
        left: 120%;
    }
    100%
    {
        left: 120%;
    }
}
.bg-elements
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.decor
{
    position: absolute;
    pointer-events: none;
}
.decor_character
{
    right: -1rem;
    top: 13.4rem;
    width: 151rem;
}
@media(max-width: 1024px)
{
    .decor_character
    {
        right: -24rem;
        top: 29.4rem;
        width: 124rem;
    }
}
@media(max-width: 600px)
{
    .decor_character
    {
        right: unset;
        top: 74rem;
        width: 100rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 3;
    }
}
.decor_hand
{
    left: 44rem;
    top: 78rem;
    width: 17rem;
    z-index: 4;
}
@media(max-width: 1024px)
{
    .decor_hand
    {
        left: 7rem;
        top: 75.8rem;
        width: 14rem;
    }
}
.decor_clouds
{
    top: 17rem;
    width: 192rem;
    left: 0;
    -webkit-animation: clouds-anim 6s ease-in-out infinite;
    animation: clouds-anim 6s ease-in-out infinite;
}
.decor_lightning
{
    mix-blend-mode: screen;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 192rem;
}
@media(max-width: 1024px)
{
    .decor_lightning
    {
        width: 145rem;
    }
}
@media(max-width: 600px)
{
    .decor_lightning
    {
        width: 68rem;
    }
}
.decor_1
{
    right: 9rem;
    top: 73rem;
    width: 31rem;
    -webkit-animation: decor-1-anim 4.5s ease-in-out .4s infinite;
    animation: decor-1-anim 4.5s ease-in-out .4s infinite;
}
@-webkit-keyframes decor-1-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-1.5rem) scale(.95);
        transform: translateY(-1.5rem) scale(.95);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes decor-1-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-1.5rem) scale(.95);
        transform: translateY(-1.5rem) scale(.95);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@media(max-width: 1024px)
{
    .decor_1
    {
        right: 12rem;
        top: 87rem;
        width: 23rem;
    }
}
@media(max-width: 600px)
{
    .decor_1
    {
        display: none;
    }
}
.decor_2
{
    left: 6rem;
    top: 41rem;
    width: 28rem;
    -webkit-animation: decor-2-anim 4.5s ease-in-out .5s infinite;
    animation: decor-2-anim 4.5s ease-in-out .5s infinite;
}
@-webkit-keyframes decor-2-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(2rem) scale(.95);
        transform: translateY(2rem) scale(.95);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes decor-2-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(2rem) scale(.95);
        transform: translateY(2rem) scale(.95);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@media(max-width: 1024px)
{
    .decor_2
    {
        left: -2rem;
        top: 17rem;
        width: 22rem;
    }
}
@media(max-width: 600px)
{
    .decor_2
    {
        display: none;
    }
}
.decor_3
{
    left: 26rem;
    top: 32rem;
    width: 20rem;
    -webkit-animation: decor-3-anim 4.5s ease-in-out .7s infinite;
    animation: decor-3-anim 4.5s ease-in-out .7s infinite;
}
@-webkit-keyframes decor-3-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-2rem) scale(1.05);
        transform: translateY(-2rem) scale(1.05);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes decor-3-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-2rem) scale(1.05);
        transform: translateY(-2rem) scale(1.05);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@media(max-width: 1024px)
{
    .decor_3
    {
        left: 90rem;
        top: 33rem;
        width: 14rem;
    }
}
@media(max-width: 600px)
{
    .decor_3
    {
        left: -1rem;
        top: 28rem;
    }
}
.decor_4
{
    right: 33rem;
    top: 18rem;
    width: 25rem;
    -webkit-animation: decor-4-anim 4.5s ease-in-out .1s infinite;
    animation: decor-4-anim 4.5s ease-in-out .1s infinite;
}
@-webkit-keyframes decor-4-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-1.2rem) scale(.95);
        transform: translateY(-1.2rem) scale(.95);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes decor-4-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-1.2rem) scale(.95);
        transform: translateY(-1.2rem) scale(.95);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@media(max-width: 600px)
{
    .decor_4
    {
        display: none;
    }
}
.decor_5
{
    left: 7rem;
    top: 8rem;
    width: 20rem;
    -webkit-animation: decor-5-anim 4.5s ease-in-out .4s infinite;
    animation: decor-5-anim 4.5s ease-in-out .4s infinite;
}
@-webkit-keyframes decor-5-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-1.2rem) scale(.95);
        transform: translateY(-1.2rem) scale(.95);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes decor-5-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-1.2rem) scale(.95);
        transform: translateY(-1.2rem) scale(.95);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@media(max-width: 1024px)
{
    .decor_5
    {
        display: none;
    }
}
@media(max-width: 600px)
{
    .decor_5
    {
        left: -1rem;
        top: 2rem;
        width: 13rem;
        display: inline-block;
    }
}
.decor_6
{
    top: 71rem;
    left: 16rem;
    width: 28.5rem;
    -webkit-animation: decor-6-anim 4.5s ease-in-out .7s infinite;
    animation: decor-6-anim 4.5s ease-in-out .7s infinite;
}
@-webkit-keyframes decor-6-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-1.2rem) scale(.95);
        transform: translateY(-1.2rem) scale(.95);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes decor-6-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-1.2rem) scale(.95);
        transform: translateY(-1.2rem) scale(.95);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@media(max-width: 1024px)
{
    .decor_6
    {
        display: none;
    }
}
@media(max-width: 600px)
{
    .decor_6
    {
        display: inline-block;
        top: 115rem;
        left: -1rem;
        width: 16.5rem;
        z-index: 6;
    }
}
.decor_7
{
    right: 7rem;
    top: 5rem;
    width: 16rem;
    -webkit-animation: decor-7-anim 4.5s ease-in-out .5s infinite;
    animation: decor-7-anim 4.5s ease-in-out .5s infinite;
}
@-webkit-keyframes decor-7-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(.7rem) scale(1.05);
        transform: translateY(.7rem) scale(1.05);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes decor-7-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(.7rem) scale(1.05);
        transform: translateY(.7rem) scale(1.05);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@media(max-width: 1024px)
{
    .decor_7
    {
        display: none;
    }
}
.decor_8
{
    right: 6rem;
    top: 44rem;
    width: 25rem;
    -webkit-animation: decor-8-anim 4.5s ease-in-out .8s infinite;
    animation: decor-8-anim 4.5s ease-in-out .8s infinite;
}
@-webkit-keyframes decor-8-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-.9rem) scale(.97);
        transform: translateY(-.9rem) scale(.97);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes decor-8-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-.9rem) scale(.97);
        transform: translateY(-.9rem) scale(.97);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@media(max-width: 1024px)
{
    .decor_8
    {
        right: 10rem;
        top: -4rem;
        width: 17rem;
    }
}
@media(max-width: 600px)
{
    .decor_8
    {
        right: -4rem;
        top: 27rem;
        width: 22rem;
        z-index: 3;
    }
}
.decor_9
{
    left: 29rem;
    top: 7rem;
    width: 10rem;
    -webkit-animation: decor-9-anim 4.5s ease-in-out .7s infinite;
    animation: decor-9-anim 4.5s ease-in-out .7s infinite;
}
@-webkit-keyframes decor-9-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-.9rem) scale(1.05);
        transform: translateY(-.9rem) scale(1.05);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes decor-9-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(-.9rem) scale(1.05);
        transform: translateY(-.9rem) scale(1.05);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@media(max-width: 1024px)
{
    .decor_9
    {
        left: 5rem;
        top: 1rem;
        width: 10rem;
    }
}
@media(max-width: 600px)
{
    .decor_9
    {
        left: 55rem;
        top: 106rem;
        width: 17rem;
        -webkit-transform: rotate(-70deg)!important;
        -ms-transform: rotate(-70deg)!important;
        transform: rotate(-70deg)!important;
        -webkit-animation: unset;
        animation: unset;
        z-index: 6;
    }
}
.decor_10
{
    right: 24.6rem;
    top: 18rem;
    width: 8.5rem;
    -webkit-animation: decor-10-anim 4.5s ease-in-out .6s infinite;
    animation: decor-10-anim 4.5s ease-in-out .6s infinite;
}
@-webkit-keyframes decor-10-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(.9rem) scale(.95);
        transform: translateY(.9rem) scale(.95);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes decor-10-anim
{
    0%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    50%
    {
        -webkit-transform: translateY(.9rem) scale(.95);
        transform: translateY(.9rem) scale(.95);
    }
    100%
    {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@media(max-width: 1024px)
{
    .decor_10
    {
        right: 5.6rem;
        top: 20rem;
        width: 6.5rem;
    }
}
@media(max-width: 600px)
{
    .decor_10
    {
        right: 13.6rem;
        top: 24rem;
        width: 7.5rem;
    }
}
.decor_11
{
    right: 49rem;
    top: 88rem;
    width: 18rem;
    -webkit-transform: rotate(95deg);
    -ms-transform: rotate(95deg);
    transform: rotate(95deg);
}
@media(max-width: 1024px)
{
    .decor_11
    {
        display: none;
    }
}
@media(max-width: 600px)
{
    .decor_11
    {
        right: 47rem;
        top: 86rem;
        z-index: 4;
        width: 12rem;
        display: inline-block;
        -webkit-animation: decor1 3s infinite;
        animation: decor1 3s infinite;
    }
}
@-webkit-keyframes decor1
{
    0%
    {
        -webkit-transform: rotate(95deg) scale(1) translateX(0);
        transform: rotate(95deg) scale(1) translateX(0);
    }
    50%
    {
        -webkit-transform: rotate(95deg) scale(1.03) translateX(-1rem);
        transform: rotate(95deg) scale(1.03) translateX(-1rem);
    }
    100%
    {
        -webkit-transform: rotate(95deg) scale(1) translateX(0);
        transform: rotate(95deg) scale(1) translateX(0);
    }
}
@keyframes decor1
{
    0%
    {
        -webkit-transform: rotate(95deg) scale(1) translateX(0);
        transform: rotate(95deg) scale(1) translateX(0);
    }
    50%
    {
        -webkit-transform: rotate(95deg) scale(1.03) translateX(-1rem);
        transform: rotate(95deg) scale(1.03) translateX(-1rem);
    }
    100%
    {
        -webkit-transform: rotate(95deg) scale(1) translateX(0);
        transform: rotate(95deg) scale(1) translateX(0);
    }
}
@-webkit-keyframes clouds-anim
{
    0%
    {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0);
    }
    50%
    {
        -webkit-transform: scale(1.03) translateX(3rem) translateY(-2rem);
        transform: scale(1.03) translateX(3rem) translateY(-2rem);
    }
    100%
    {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0);
    }
}
@keyframes clouds-anim
{
    0%
    {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0);
    }
    50%
    {
        -webkit-transform: scale(1.03) translateX(3rem) translateY(-2rem);
        transform: scale(1.03) translateX(3rem) translateY(-2rem);
    }
    100%
    {
        -webkit-transform: scale(1) translateX(0) translateY(0);
        transform: scale(1) translateX(0) translateY(0);
    }
}