﻿/* reset css */
*
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}/* general styles */
@font-face
{
    font-family: 'Inter';
    src: url("https://welcome10bet.com/fonts/Inter-Regular.ttf") format("truetype"),url("https://welcome10bet.com/fonts/Inter-Regular.woff") format("woff"),url("https://welcome10bet.com/fonts/Inter-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face
{
    font-family: 'Inter';
    src: url("https://welcome10bet.com/fonts/Inter-Bold.ttf") format("truetype"),url("https://welcome10bet.com/fonts/Inter-Bold.woff") format("woff"),url("https://welcome10bet.com/fonts/Inter-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
body
{
    font-size: calc(12px + (24 - 12) * ((100vw - 360px) / (720 - 360)));
    font-family: 'Inter',Tahoma,Arial,Helvetica,sans-serif;
}
body.isdesktop
{
    font-size: calc(8px + (12 - 8) * ((100vw - 1280px) / (1920 - 1280)));
}
h2, h3, .step-container p
{
    font-size: 1.833333333333333em;
    font-weight: 700;
}
.isdesktop h2, .isdesktop h3
{
    font-size: 3.25em;
}
a
{
    color: #000;
    text-decoration: none;
}
.wrapper
{
    margin: 0 1.833333em;
}
.isdesktop .wrapper
{
    margin: 0 4.1666666em;
}
.cta
{
    display: inline-block;
    padding: .2em .84em;
    border-radius: .24em;
    font-size: 2.083333333333333em;
    font-weight: 700;
    background-color: #5cfd86;
    transition: all .5s;
}
.isdesktop .cta
{
    font-size: 6.083333333333333em;
    padding: .0684931506em .6438356164383562em;
    border-radius: .08219178em;
}
.cta:hover
{
    background-color: #39fd6c;
}
.eightteen-plus, .terms-and-conditions, footer
{
    color: #5f575d;
}/* main banner section styles */
.main-banner
{
    padding-top: 1.833333em;
}
.isdesktop .main-banner
{
    padding-top: 4.1666666em;
    height: 62.083333em;
    box-sizing: border-box;
}
.sport .main-banner, .casino .main-banner
{
    background-color: #e4e4e4;
}
.isdesktop .main-banner .wrapper
{
    position: relative;
    z-index: 8;
}
.logo-container img
{
    height: 5.08333333em;
    margin-right: 1.5em;
}
.isdesktop .logo-container img
{
    height: 11.6666666em;
    margin-right: 4em;
}
.login-btn
{
    font-size: 1.833333333333333em;
    font-weight: 700;
}
.isdesktop .login-btn
{
    font-size: 3.25em;
}
.isdesktop .main-offer-container .cta
{
    margin: 1em 0 0;
}
.isdesktop .main-offer-container
{
    width: 50%;
    padding-top: 3em;
}
.main-offer-container h1
{
    margin-top: .24em;
    font-size: 2.083333333333333em;
    line-height: 1.08em;
    font-weight: 700;
}
.isdesktop .main-offer-container h1
{
    margin-top: 0;
    font-size: 6.58333333em;
}
.main-offer-container .cta
{
    margin: 1.6em 0 .8em;
}
.isdesktop .main-offer-container .cta
{
    margin: .5479452054794521em 0 0;
}
.main-image
{
    font-size: 0;
}
.isdesktop .main-image
{
    font-size: inherit;
    position: absolute;
    top: 0;
    right: 0;
}
.main-image img
{
    width: 100%;
}
.isdesktop .main-image img
{
    width: auto;
    height: 62.083333em;
}/* Steps section styles */
.eightteen-plus
{
    padding: .8333333333333333em 0;
}
.isdesktop .eightteen-plus
{
    padding: 1.083333333em 0;
}
.steps-holder
{
    background-color: #efefef;
}
.steps-heading
{
    border-bottom: 1px solid #5f575d;
}
.steps-heading h2
{
    margin: 0 auto;
    padding: .6363636363636364em 0;
    width: 66%;
    line-height: 1.45454545em;
    text-align: center;
}
.isdesktop .steps-heading h2
{
    padding: .35897435em;
    line-height: .82051282em;
}
.isdesktop .steps-container
{
    display: flex;
}
.step-container
{
    display: flex;
    padding: 1.833333em;
    align-items: center;
    color: #4e454a;
}
.isdesktop .step-container
{
    width: 33.33%;
    padding: 1.666666666em 0 1.666666666em 3.916666666em;
    color: #000;
    border-right: 1px solid #5f575d;
}
.isdesktop .step-container:last-child
{
    border-right: none;
}
.step-container span
{
    display: inline-block;
    width: .6666666666666667em;
    padding-right: .3666666666666667em;
    font-size: 5em;
    font-weight: 700;
    text-align: center;
}
.isdesktop .step-container span
{
    padding-right: .4347826086956522em;
    font-size: 5.75em;
    width: auto;
}
.step-container p
{
    width: calc(100% - 2.184848484848485em);
}
.isdesktop .step-container p
{
    width: 55%;
    font-size: 2.5em;
    line-height: 1.066666666666667em;
}/* Advantages section styles */
.isdesktop .advantages-container
{
    display: flex;
    justify-content: space-between;
}
.advantage-container
{/* height: 27.5em; */
    margin-top: 1.833333em;
    padding: 2.25em 0 0;
    display: flex;
    background-color: #e4e4e4;
    border-radius: 2em;
    flex-direction: column;
    box-sizing: border-box;
    justify-content: space-between;
}
.isdesktop .advantage-container, .ar.isdesktop .advantage-container
{
    width: 47.333333em;
    margin-top: 4.166666666em;
    padding: 4.166666666em 0 0;
}
.advantage-container h3
{
    font-size: 2em;
    font-weight: 700;
    text-align: center;
}
.isdesktop .advantage-container h3, .ja.isdesktop .advantage-container h3, .ko.isdesktop .advantage-container h3
{
    font-size: 3em;
    padding: 0 1em;
}
.advantage-container .img-container
{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.advantage-container img
{
    width: 100%;
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
}/* Payment methods section styles */
.payment-methods-container
{
    margin-top: 1.83333333em;
    padding-top: 2.25em;
    border-top: 1px solid #5f575d;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25em;
}
.isdesktop .payment-methods-container
{
    margin-top: 4.16666666em;
    border-top: none;
    padding-top: 0;
    justify-content: center;
    gap: 2.25em;
}
.payment-methods-container img
{
    width: 5.583333333333333em;
}
.isdesktop .payment-methods-container img
{
    width: 7.5em;
}/* Terms and conditions styles */
.terms-and-conditions
{
    margin-top: 1.83333333em;
}
.isdesktop .terms-and-conditions
{
    margin-top: 4.16666666em;
}
.terms-and-conditions-container
{
    padding-bottom: 1em;
    border-bottom: 1px solid #5f575d;
}
.isdesktop .terms-and-conditions-container
{
    padding: 4.16666666em 0;
    border-top: 1px solid #5f575d;
}
.second-term
{
    margin-top: 1.666666666666667em;
}
.terms-and-conditions-container h5
{
    margin: 1.666666666666667em 0;
}
.terms-and-conditions ol
{
    margin: 1.666666666666667em 0 0 1.8333333333em;
}
.terms-and-conditions ol li
{
    margin-bottom: .4166666em;
}
.terms-and-conditions table
{
    width: 100%;
    line-height: 1.83333333em;
    border-collapse: collapse;
    margin: .416666666em 0 1.25em;
    background-color: #efefef;
    border-radius: 1.25em;
    overflow: hidden;
}
.terms-and-conditions table td
{
    padding: .8333333333em;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.terms-and-conditions table tr:last-child td
{
    border-bottom: none;
}/* footer styles */
footer
{
    padding: 1.833333333em 0 7.6666666em;
}
.isdesktop footer
{
    padding: 4.16666666em 0 7.6666666em;
}
footer .icons
{
    margin: 1.83333333em 0;
}
.isdesktop footer .icons
{
    margin: 2.08333333em 0 4.16666666em;
}
footer .icons img
{
    height: 2.5em;
    margin-right: .83333333em;
}
.help-section-links
{
    display: flex;
    padding: 1.833333333em 0;
    border-top: 1px solid #5f575d;
}
.isdesktop .help-section-links
{
    padding: 4.16666666em 0 6.766667em;
}
.help-section-links a
{
    margin-right: .4166666666666667em;
    padding-right: .4166666666666667em;
    font-size: .91666666em;
    border-right: 1px solid #5f575d;
}
.isdesktop .help-section-links a
{
    margin-right: .8333333333333333em;
    padding-right: .8333333333333333em;
}
.help-section-links a:last-child
{
    border: none;
}/* CTA Ribbon styles */
.cta-ribbon
{
    position: fixed;
    bottom: -7.66666666em;
    width: 100%;
    padding: 2.1666666em 0;
    text-align: center;
    z-index: 5;
    transition: bottom .3s ease-in-out;
    background-color: #efefef;
}
.isdesktop .cta-ribbon
{
    bottom: -7.8em;
    padding: 1.416666666666667em 0;
}
.isdesktop .cta-ribbon .cta
{
    padding: .189189189em 1.162162162162162em;
    font-size: 3.083333333333333em;
    border-radius: .16216216em;
}/* ARABIC styles */
.ar
{
    direction: rtl;
}
.ar .logo-container img
{
    margin-right: 0;
    margin-left: 1.5em;
}
.ar.isdesktop .logo-container img
{
    margin-right: 0;
    margin-left: 4em;
}
.ar.isdesktop .main-image
{
    right: auto;
    left: 0;
}
.ar .steps-heading h2
{
    width: 84%;
}
.ar.isdesktop .step-container
{
    padding: 1.666666666em 3.916666666em 1.666666666em 0;
    border-left: 1px solid #5f575d;
    border-right: none;
}
.ar.isdesktop .step-container:last-child
{
    border-left: none;
}
.ar .step-container span
{
    padding-right: 0;
    padding-left: .3666666666666667em;
}
.ar.isdesktop .step-container span
{
    padding-right: 0;
    padding-left: .4347826086956522em;
}
.ar.isdesktop .step-container p
{
    width: auto;
}
.ar .advantage-container
{
    height: 28.333333em;
}
.ar.isdesktop .advantage-container
{
    height: 42.5em;
}
.ar .advantage-container .img-container
{
    height: calc(100vw - 10em);
}
.ar.isdesktop .advantage-container .img-container
{
    height: calc(100% - 4.25em);
}
.ar .advantage-container img
{
    width: 80%;
}
.ar .terms-and-conditions ol
{
    margin: 1.666666666666667em 1.8333333333em 0 0;
}
.ar .help-section-links a
{
    margin-right: 0;
    margin-left: .4166666666666667em;
    padding-right: 0;
    padding-left: .4166666666666667em;
    border-right: none;
    border-left: 1px solid #5f575d;
}
.ar .help-section-links a:last-child
{
    border: none;
}/* JAPANESE Styles */
body.ja
{
    line-height: 1.2055;
}
.ja .cta
{
    color: #4e454a;
    border-radius: 50px!important;
}
.ja.isdesktop .cta
{
    font-size: 5em;
}
.ja .sport .main-banner
{
    background: url(../../bcgamebettingde/image/mixed-offer-sports-mobile-ja.webp) no-repeat;
    background-size: cover;
    background-position: center;
    height: 63em;
}
.ja .casino .main-banner
{
    background: url(../../bcgamebettingde/image/mixed-offer-casino-mobile-ja.webp) no-repeat;
    background-size: cover;
    background-position: center;
    height: 63em;
}
.ja.isdesktop .sport .main-banner
{
    background: url(../../bcgamebettingde/image/mixed-offer-sports-desktop-ja.webp) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 6.166667em;
    height: 84.083333em;
}
.ja.isdesktop .casino .main-banner
{
    background: url(../../bcgamebettingde/image/mixed-offer-casino-desktop-ja.webp) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 6.166667em;
    height: 84.083333em;
}
.ja .logo-container
{
    text-align: center;
}
.ja .logo-container img
{
    margin: 0;
}
.ja.isdesktop .logo-container img
{
    margin: 0;
}
.ja .main-offer-container
{
    color: #fff;
    text-align: center;
}
.ja.isdesktop .main-offer-container
{
    width: 50%;
    padding-top: 6em;
    margin: 0 auto;
    text-align: center;
}
.ja .main-offer-container h1
{
    line-height: 1.2em;
}
.ja.isdesktop .main-offer-container h1
{
    margin-top: .25em;
    font-size: 6.58333333em;
}
.ja .main-offer-container
{
    padding-top: 1.833333em;
}
.ja .main-offer-container .cta
{
    margin: 1.3em 0 .8em;
}
.ja .steps-heading h2
{
    width: 88%;
}
.ja .advantage-container h3
{
    padding: 0 .5em;
    font-size: 2.166666666666667em;
}
.ja.isdesktop .step-container p
{
    width: 80%;
}/* PORTUGUESE Styles */
.pt.isdesktop .step-container p
{
    width: 70%;
}/* KOREAN Styles */
body.ko
{
    padding: 0 0 9.5em;
    line-height: 1.2055;
}
body.ko.isdesktop
{
    padding: 0 0 10.8em;
}
.ko .cta
{
    color: #4e454a;
    border-radius: 50px!important;
}
.ko.isdesktop .cta
{
    font-size: 5em;
}
.ko .sport .main-banner
{
    background: url(../../bcgamebettingde/image/mixed-offer-sports-mobile-ja.webp) no-repeat;
    background-size: cover;
    background-position: center;
    height: 63em;
}
.ko .casino .main-banner
{
    background: url(../../bcgamebettingde/image/mixed-offer-casino-mobile-ja.webp) no-repeat;
    background-size: cover;
    background-position: center;
    height: 63em;
}
.ko.isdesktop .sport .main-banner
{
    background: url(../../bcgamebettingde/image/mixed-offer-sports-desktop-ja.webp) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 6.166667em;
    height: 84.083333em;
}
.ko.isdesktop .casino .main-banner
{
    background: url(../../bcgamebettingde/image/mixed-offer-casino-desktop-ja.webp) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 6.166667em;
    height: 84.083333em;
}
.ko .logo-container
{
    text-align: center;
}
.ko .logo-container img
{
    margin: 0;
}
.ko.isdesktop .logo-container img
{
    margin: 0;
}
.ko .main-offer-container
{
    color: #fff;
    text-align: center;
}
.ko.isdesktop .main-offer-container
{
    width: 50%;
    padding-top: 6em;
    margin: 0 auto;
    text-align: center;
}
.ko .main-offer-container h1
{
    line-height: 1.2em;
}
.ko.isdesktop .main-offer-container h1
{
    margin-top: .25em;
    font-size: 6.58333333em;
}
.ko .main-offer-container
{
    padding-top: 1.833333em;
}
.ko .main-offer-container .cta
{
    margin: 1.3em 0 .8em;
}
.ko .steps-heading h2
{
    width: 88%;
}
.ko .advantage-container h3
{
    padding: 0 .5em;
    font-size: 2.166666666666667em;
}
.ko.isdesktop .step-container p
{
    width: 80%;
}
.ko .terms-and-conditions-container
{
    border-bottom: none;
}
.ko.isdesktop .cta-ribbon
{
    bottom: -10.8em;
}