@font-face {
	font-family: conto-regular;
	src: url(/_next/static/media/Conto-Regular.27332e79.eot);
	src: url(/_next/static/media/Conto-Regular.27332e79.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/Conto-Regular.e211c8e3.woff2) format("woff2"), url(/_next/static/media/Conto-Regular.a782263a.woff) format("woff"), url(/_next/static/media/Conto-Regular.20bbee75.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");
	unicode-range: u+1f??
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");
	unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
	unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");
	unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");
	unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
	font-family: __Inter_Fallback_f367f3;
	src: local("Arial");
	ascent-override: 90.20%;
	descent-override: 22.48%;
	line-gap-override: 0.00%;
	size-adjust: 107.40%
}

b {
	font-weight: bolder
}

.mt-4 {
	margin-top: 1rem
}

.justify-center {
	justify-content: center
}

.gap-3 {
	gap: .75rem
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem
}

body {
	line-height: inherit
}

.container {
	margin-left: auto;
	margin-right: auto
}

body {
	margin: 0;
	font-family: conto-regular !important
}

.data-loader:after,
.data-loader:before {
	content: "";
	grid-area: 1/1;
	transform: rotate(30deg)
}

.skeleton-box {
	display: inline-block;
	height: 1em;
	position: relative;
	overflow: hidden;
	background-color: #071c35
}

.skeleton-box:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: translateX(-100%);
	background-image: linear-gradient(90deg, #071c35, #0c3671 20%, #032146 60%, #071c35);
	animation: 3s infinite shimmer;
	content: ""
}

@keyframes shimmer {
	to {
		transform: translateX(100%)
	}
}

.__className_f367f3 {
	font-family: __Inter_f367f3, __Inter_Fallback_f367f3;
	font-style: normal
}

.game-intro .read-more {
	padding: 0 !important;
	font-weight: 700;
	color: #007bff;
	text-decoration: none
}

.game-intro .read-more.underline:after {
	background-color: #032146;
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 1px
}

@media (max-width:767px) {
	.sm\:hidden {
		display: none
	}

	.sm\:gap-x-3 {
		column-gap: .75rem
	}

	.sm\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.sm\:py-\[14px\] {
		padding-top: 14px;
		padding-bottom: 14px
	}

	.sm\:pt-\[10px\] {
		padding-top: 10px
	}

	.sm\:empty-breadcrumb-top-space-sm {
		padding-top: 54px
	}
}

@media (min-width:768px) {
	.md\:block {
		display: block
	}

	.md\:hidden {
		display: none
	}

	.md\:h-\[34px\] {
		height: 34px
	}

	.md\:w-\[47\.077px\] {
		width: 47.077px
	}

	.md\:max-w-\[720px\] {
		max-width: 720px
	}

	.md\:gap-x-6 {
		column-gap: 1.5rem
	}

	.md\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.md\:py-\[16px\] {
		padding-top: 16px;
		padding-bottom: 16px
	}

	.md\:pb-2 {
		padding-bottom: .5rem
	}

	.md\:pt-3 {
		padding-top: .75rem
	}

	.md\:empty-breadcrumb-top-space-md {
		padding-top: 70px
	}
}

@media (min-width:992px) {
	.lg\:top-\[10px\] {
		top: 10px
	}

	.lg\:mx-auto {
		margin-left: auto;
		margin-right: auto
	}

	.lg\:flex {
		display: flex
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-\[100px\] {
		height: 100px
	}

	.lg\:max-w-\[650px\] {
		max-width: 650px
	}

	.lg\:max-w-\[960px\] {
		max-width: 960px
	}

	.lg\:empty-breadcrumb-top-space-lg {
		padding-top: 64px
	}
}

.top-banner {
	margin-top: 0
}

.game-intro {
	padding: 16px 0
}

.game-intro .container {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto
}

.game-intro .my-container {
	max-width: 800px
}

.game-intro .section-title .section-heading {
	margin-bottom: 10px
}

.game-intro .section-body {
	padding-top: 3px
}

.game-intro .section-body .description {
	font-weight: 500
}

.game-intro .section-body .description-footer .read-more {
	font-weight: 700;
	color: #007bff;
	text-decoration: none
}

.game-intro .section-body .description-footer .read-more.underline:after {
	background-color: #032146;
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 1px
}

.tab-group .tab {
	border: 0;
	white-space: nowrap
}

.scrollbar-styling::-webkit-scrollbar {
	height: 0
}

.scrollbar-styling::-webkit-scrollbar-thumb {
	background-color: #a9a9a9
}

.tab-group .tab-list {
	background-color: #f2f2f2;
	display: flex;
	align-items: center;
	border-radius: .25rem;
	gap: 2rem
}

.tab-group .tab-title-style {
	font-weight: 700
}

.tab-group .tab-content {
	font-size: .75rem;
	font-weight: 500
}

.tab-group .activeTab {
	border: 0;
	border-bottom: 2px solid #032146;
	height: 100%;
	width: 100%;
	padding: 15px 10px
}

.tab-group .inActiveTab {
	border: 0;
	height: 100%;
	width: 100%;
	padding: 15px 10px;
	border-bottom: 2px solid #0000
}

@media (min-width:768px) {
	.md\:block {
		display: block
	}

	.md\:hidden {
		display: none
	}

	.md\:h-\[34px\] {
		height: 34px
	}

	.md\:w-\[47\.077px\] {
		width: 47.077px
	}

	.md\:max-w-\[720px\] {
		max-width: 720px
	}

	.md\:gap-x-6 {
		column-gap: 1.5rem
	}

	.md\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.md\:py-\[16px\] {
		padding-top: 16px;
		padding-bottom: 16px
	}

	.md\:pb-2 {
		padding-bottom: .5rem
	}

	.md\:pt-3 {
		padding-top: .75rem
	}

	.md\:game-intro-md {
		padding: 24px 0
	}

	.md\:game-intro-md .my-container {
		max-width: 534px
	}

	.md\:game-intro-md .section-title .section-heading {
		margin-bottom: 10px
	}

	.md\:game-intro-md .section-body .description-footer {
		padding-top: 10px
	}

	.md\:tab-group-md .tab-content {
		font-size: 1rem;
		font-weight: 500
	}
}

@media (min-width:992px) {
	.lg\:top-\[10px\] {
		top: 10px
	}

	.lg\:mx-auto {
		margin-left: auto;
		margin-right: auto
	}

	.lg\:flex {
		display: flex
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-\[100px\] {
		height: 100px
	}

	.lg\:max-w-\[650px\] {
		max-width: 650px
	}

	.lg\:max-w-\[960px\] {
		max-width: 960px
	}

	.lg\:game-intro-lg .my-container {
		max-width: 1140px
	}
}

@media (max-width:767px) {
	.sm\:hidden {
		display: none
	}

	.sm\:gap-x-3 {
		column-gap: .75rem
	}

	.sm\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.sm\:py-\[14px\] {
		padding-top: 14px;
		padding-bottom: 14px
	}

	.sm\:pt-\[10px\] {
		padding-top: 10px
	}

	.sm\:mobile-overlay-sm {
		position: fixed;
		width: 100vw;
		height: 100vh;
		background-size: 100%;
		background-position: 0 -35px;
		z-index: 100;
		top: 0
	}

	.sm\:mobile-overlay-sm.signup-card-bg {
		background-color: #000;
		background: url(/_next/static/media/welcome-bonus-bg-m.63c5268c.webp) top no-repeat;
		background-size: 100%
	}

	.sm\:mobile-overlay-sm .logo {
		margin: 15px 0 0 15px;
		width: 60px
	}
}

.header {
	top: 0
}

#menuOverlay {
	height: 100vh;
	background-color: #000;
	opacity: .8;
	z-index: 3
}

#menuOverlay,
.header {
	position: fixed;
	width: 100vw
}

.header {
	background: linear-gradient(0deg, #0003, #0003), #032146;
	color: #fff;
	line-height: 14px;
	box-sizing: border-box
}

@media (max-width:767px) {
	.sm\:hidden {
		display: none
	}

	.sm\:gap-x-3 {
		column-gap: .75rem
	}

	.sm\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.sm\:py-\[14px\] {
		padding-top: 14px;
		padding-bottom: 14px
	}

	.sm\:pt-\[10px\] {
		padding-top: 10px
	}
}

@media (min-width:768px) {
	.md\:block {
		display: block
	}

	.md\:hidden {
		display: none
	}

	.md\:h-\[34px\] {
		height: 34px
	}

	.md\:w-\[47\.077px\] {
		width: 47.077px
	}

	.md\:max-w-\[720px\] {
		max-width: 720px
	}

	.md\:gap-x-6 {
		column-gap: 1.5rem
	}

	.md\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.md\:py-\[16px\] {
		padding-top: 16px;
		padding-bottom: 16px
	}

	.md\:pb-2 {
		padding-bottom: .5rem
	}

	.md\:pt-3 {
		padding-top: .75rem
	}
}

@media (min-width:992px) {
	.lg\:top-\[10px\] {
		top: 10px
	}

	.lg\:mx-auto {
		margin-left: auto;
		margin-right: auto
	}

	.lg\:flex {
		display: flex
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-\[100px\] {
		height: 100px
	}

	.lg\:max-w-\[650px\] {
		max-width: 650px
	}

	.lg\:max-w-\[960px\] {
		max-width: 960px
	}
}

@media (min-width:1280px) {
	.xl\:max-w-\[1140px\] {
		max-width: 1140px
	}
}

*,
::backdrop,
:after,
:before {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #3b82f680;
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

*,
:after,
:before {
	box-sizing: border-box;
	border: 0 solid #e5e7eb
}

:after,
:before {
	--tw-content: ""
}

:host,
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	tab-size: 4;
	font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-feature-settings: normal;
	font-variation-settings: normal
}

body {
	margin: 0;
	line-height: inherit
}

h1,
h2 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

button {
	font-family: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
	margin: 0;
	padding: 0
}

button {
	text-transform: none
}

button {
	-webkit-appearance: button;
	background-color: initial;
	background-image: none
}

:-moz-focusring {
	outline: auto
}

:-moz-ui-invalid {
	box-shadow: none
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

h1,
h2,
p {
	margin: 0
}

img {
	display: block;
	vertical-align: middle
}

img {
	max-width: 100%;
	height: auto
}

.container {
	width: 100%
}

@media (min-width:768px) {
	.container {
		max-width: 768px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 992px
	}
}

@media (min-width:1280px) {
	.container {
		max-width: 1280px
	}
}

.relative {
	position: relative
}

.bottom-\[10px\] {
	bottom: 10px
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.mt-2 {
	margin-top: .5rem
}

.flex {
	display: flex
}

.grid {
	display: grid
}

.hidden {
	display: none
}

.h-\[64px\] {
	height: 64px
}

.h-\[87px\] {
	height: 87px
}

.h-full {
	height: 100%
}

.min-h-\[42px\] {
	min-height: 42px
}

.min-h-\[60px\] {
	min-height: 60px
}

.w-\[86px\] {
	width: 86px
}

.rotate-180 {
	--tw-rotate: 180deg
}

.rotate-180 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

.items-center {
	align-items: center
}

.justify-between {
	justify-content: space-between
}

.bg-\[071c35\] {
	background-color: 71c35
}

.px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}

.px-\[15px\] {
	padding-left: 15px;
	padding-right: 15px
}

.pb-\[10px\] {
	padding-bottom: 10px
}

.pt-3 {
	padding-top: .75rem
}

.text-center {
	text-align: center
}

.leading-loose {
	line-height: 2
}

.underline {
	text-decoration-line: underline
}

.game-cards {
	background: #04091c;
	padding: 16px 0
}

.game-cards .underline-class:after {
	text-decoration: none;
	background: linear-gradient(90deg, #bababa, #bababa00);
	height: 2px;
	bottom: 0;
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	width: 100%
}

.game-cards .section-heading {
	padding-bottom: 8px;
	color: #fff;
	width: fit-content
}

.game-cards .game-card {
	width: 100%;
	background-color: #182a48;
	border: 2px solid #283d60;
	border-radius: 10px;
	padding: 12px;
	margin-left: auto;
	margin-right: auto;
	min-height: 215px
}

.game-cards .img {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	align-items: center
}

.game-cards .heading {
	font-weight: 600;
	color: #e4c076;
	line-height: 1
}

.game-cards .caption {
	min-height: 30px;
	padding-left: .78125vw;
	padding-right: .78125vw;
	padding-top: 1.6vw;
	color: #f8f8f8
}

.game-cards .btn-download {
	border: none;
	width: 100%;
	max-width: 170px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: 700;
	background: linear-gradient(180deg, #35a753, #276e3a);
	border-radius: 4px
}

@media (max-width:767px) {
	.sm\:hidden {
		display: none
	}

	.sm\:gap-x-3 {
		column-gap: .75rem
	}

	.sm\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.sm\:py-\[14px\] {
		padding-top: 14px;
		padding-bottom: 14px
	}

	.sm\:pt-\[10px\] {
		padding-top: 10px
	}

	.sm\:game-cards-sm .section-heading {
		line-height: 1.5
	}

	.sm\:game-cards-sm .game-card:not(:first-child) {
		flex-direction: column
	}

	.sm\:game-cards-sm .game-card {
		margin-top: 12px
	}

	.sm\:game-cards-sm .game-card .btn-download {
		max-width: 157px
	}

	.sm\:game-cards-sm .img {
		flex: 18%
	}
}

@media (min-width:768px) {
	.md\:block {
		display: block
	}

	.md\:hidden {
		display: none
	}

	.md\:h-\[34px\] {
		height: 34px
	}

	.md\:w-\[47\.077px\] {
		width: 47.077px
	}

	.md\:max-w-\[720px\] {
		max-width: 720px
	}

	.md\:gap-x-6 {
		column-gap: 1.5rem
	}

	.md\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.md\:py-\[16px\] {
		padding-top: 16px;
		padding-bottom: 16px
	}

	.md\:pb-2 {
		padding-bottom: .5rem
	}

	.md\:pt-3 {
		padding-top: .75rem
	}

	.md\:game-cards-md {
		padding: 28px 0
	}

	.md\:game-cards-md .my-container {
		max-width: 720px
	}

	.md\:game-cards-md .game-card {
		padding: 16px;
		margin-top: 24px
	}

	.md\:game-cards-md .caption {
		max-width: 200px;
		padding-top: 16px
	}

	.md\:game-cards-md .btn-download {
		margin-top: 20px;
		height: 38px
	}
}

@media (min-width:992px) {
	.lg\:top-\[10px\] {
		top: 10px
	}

	.lg\:mx-auto {
		margin-left: auto;
		margin-right: auto
	}

	.lg\:flex {
		display: flex
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-\[100px\] {
		height: 100px
	}

	.lg\:max-w-\[650px\] {
		max-width: 650px
	}

	.lg\:max-w-\[960px\] {
		max-width: 960px
	}

	.lg\:game-cards-lg {
		padding: 24px 0
	}

	.lg\:game-cards-lg .my-container {
		max-width: 960px
	}

	.lg\:game-cards-lg .game-card {
		min-height: 271px;
		max-width: 260px;
		padding: 16px 12px 15px
	}

	.lg\:game-cards-lg .heading {
		font-weight: 700;
		padding-top: 16px
	}

	.lg\:game-cards-lg .caption {
		min-height: 44px;
		padding-top: 16px
	}

	.lg\:game-cards-lg .btn-download {
		padding-top: 8px;
		padding-bottom: 8px;
		margin-top: 16px;
		max-width: 150px;
		border-radius: 6px
	}
}

@media (min-width:1280px) {
	.xl\:max-w-\[1140px\] {
		max-width: 1140px
	}

	.xl\:game-cards-xl .my-container {
		max-width: 1140px
	}
}