/* reset css */
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

/* general styles */
@font-face {
	font-family: 'Inter';
	src: url("../font/Inter-Regular.ttf") format("truetype"), url("../font/Inter-Regular.woff") format("woff"), url("../font/Inter-Regular.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url("../font/Inter-Bold.ttf") format("truetype"), url("../font/Inter-Bold.woff") format("woff"), url("../font/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: #000000;
	text-decoration: none;
}

.wrapper {
	margin: 0 1.833333em;
}

.isdesktop .wrapper {
	margin: 0 4.1666666em;
}

.cta {
	display: inline-block;
	padding: 0.2em 0.84em;
	border-radius: 0.24em;
	font-size: 2.083333333333333em;
	font-weight: 700;
	background-color: #5cfd86;
	transition: all .5s;
}

.isdesktop .cta {
	font-size: 6.083333333333333em;
	padding: 0.0684931506em 0.6438356164383562em;
	border-radius: 0.082191780em;
}

.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: 0.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 0.8em;
}

.isdesktop .main-offer-container .cta {
	margin: 0.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: 0.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: 0.6363636363636364em 0;
	width: 66%;
	line-height: 1.45454545em;
	text-align: center;
}

.isdesktop .steps-heading h2 {
	padding: 0.35897435em;
	line-height: 0.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: #000000;
	border-right: 1px solid #5f575d;
}

.isdesktop .step-container:last-child {
	border-right: none;
}

.step-container span {
	display: inline-block;
	width: 0.6666666666666667em;
	padding-right: 0.3666666666666667em;
	font-size: 5em;
	font-weight: 700;
	text-align: center;
}

.isdesktop .step-container span {
	padding-right: 0.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: 0.4166666em;
}

.terms-and-conditions table {
	width: 100%;
	line-height: 1.83333333em;
	border-collapse: collapse;
	margin: 0.416666666em 0 1.25em;
	background-color: #efefef;
	border-radius: 1.25em;
	overflow: hidden;
}

.terms-and-conditions table td {
	padding: 0.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: 0.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: 0.4166666666666667em;
	padding-right: 0.4166666666666667em;
	font-size: 0.91666666em;
	border-right: 1px solid #5f575d;
}

.isdesktop .help-section-links a {
	margin-right: 0.8333333333333333em;
	padding-right: 0.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 0.3s ease-in-out;
	background-color: #efefef;
}

.isdesktop .cta-ribbon {
	bottom: -7.8em;
	padding: 1.416666666666667em 0;
}

.isdesktop .cta-ribbon .cta {
	padding: 0.189189189em 1.162162162162162em;
	font-size: 3.083333333333333em;
	border-radius: 0.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: 0.3666666666666667em;
}

.ar.isdesktop .step-container span {
	padding-right: 0;
	padding-left: 0.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: 0.4166666666666667em;
	padding-right: 0;
	padding-left: 0.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(../image/mixed-offer-sports-mobile-ja.webp) no-repeat;
	background-size: cover;
	background-position: center;
	height: 63em;
}

.ja .casino .main-banner {
	background: url(../image/mixed-offer-casino-mobile-ja.webp) no-repeat;
	background-size: cover;
	background-position: center;
	height: 63em;
}

.ja.isdesktop .sport .main-banner {
	background: url(../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(../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: 0.25em;
	font-size: 6.58333333em;
}

.ja .main-offer-container {
	padding-top: 1.833333em;
}

.ja .main-offer-container .cta {
	margin: 1.3em 0 0.8em;
}

.ja .steps-heading h2 {
	width: 88%;
}

.ja .advantage-container h3 {
	padding: 0 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(../image/mixed-offer-sports-mobile-ja.webp) no-repeat;
	background-size: cover;
	background-position: center;
	height: 63em;
}

.ko .casino .main-banner {
	background: url(../image/mixed-offer-casino-mobile-ja.webp) no-repeat;
	background-size: cover;
	background-position: center;
	height: 63em;
}

.ko.isdesktop .sport .main-banner {
	background: url(../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(../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: 0.25em;
	font-size: 6.58333333em;
}

.ko .main-offer-container {
	padding-top: 1.833333em;
}

.ko .main-offer-container .cta {
	margin: 1.3em 0 0.8em;
}

.ko .steps-heading h2 {
	width: 88%;
}

.ko .advantage-container h3 {
	padding: 0 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;
}