@charset "utf-8";

body {
	--color: #494949;
	--block: #1f1f1f;
	--bg: #FFF;
	--bo: #b31390;
	--lg: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);
	--main-color: #003893;
	--secondary-color: #DC143C;
	--secondary-card: #F0F0F0;
	--lg-secondary: linear-gradient(90deg, var(--secondary-color) 0%, var(--main-color) 100%);
	--header-color: var(--main-color);
	--side-color: var(--secondary-color);
	--card-lg: linear-gradient(180deg, var(--secondary-color) 0%, var(--main-color) 100%);
	--secondary-text: var(--main-color);
}

:root {
	--primary-color: #523FBE;
	--font-color: #97A7B6;
	--bg-color-1: #161F2C;
	--bg-color-2: #141F2E;
	--bg-color-3: #404955;
	--bg-color-4: #1E2B3E;
	--bg-color-5: #111923;
	--bg-color-6: #1D2633;
	--border-color: #2B445B;
	--blue: #5780E9;
	--blue2: #4F3FC5;
	--yellow: #DBA84C;
	--warn-color: #EF7979;
	--success-color: #00973c;

	/* change_color_theme */
	--bg-color: #000000;
	--border-nav: #494949;
	--bg-nav: #0f0f0f;
	--bg-menu: #1b1b1b;
	--bg-header: #000;
	--bg-footer: #191919;
	--login-input: #272727;
	--bg-marquee: #0d0d0d;
	--border-marquee: #565656;
	--bg-navigation: #333333;
	--bg-menu-active: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);
	--bg-top: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);
	--bg-btn-deposit: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);
	--bg-provider: #00008b;
	--bg-match: #000000;
	--bg-match-mid: #252525;
	--border-match: #ffffff;
	--navigation-color: #fff;
	--bg-download: #1f1f1f;
	--bg-dropdown: #0f0f0f;
	--bg-dropdown-item: #1b1b1b;
	--bg-dropdown-hover: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);
	--bg-promotion: #0f0f0f;
	--bg-promo: #1b1b1b;
	--bg-promo-title: #1b1b1b;
	--bg-promo-active: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);
	--promo-pop: #0f0f0f;
	--promo-pop-title: #1f1f1f;
	--bg-head-top: #272727;
	--bg-center: #0f0f0f;
	--bg-center-item: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);

}

.login-input ::placeholder {
	color: #fff !important;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-thumb {
	background: var(--secondary-color);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb {
	background: var(--secondary-color);
	border-radius: 4px;
}

a,
a:hover {
	text-decoration: none;
	outline: 0;
}

.w-100 {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	display: block;
}

.w-1200 {
	width: 100%;
	max-width: 1200px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	display: block;
}

body {
	/* background: #0d131c !important; */
	background: var(--bg-color) !important;
}

.header-02 #member_credit {
	color: var(--main-color) !important;
}

.header {
	background: var(--header-color);
	position: fixed;
	z-index: 99;
	z-index: 29;
}

.logo a img {
	width: 100%;
	/* max-width: 169px; */
	/* padding: 15px 0; */
	max-height: 55px;
}

.btn-icon-01 i img {
	width: 100%;
	max-width: 40px;
	border-radius: 40%;
}

.btn-icon-01 {
	font-size: 16px;
	color: #ffffff;
	box-shadow: 0 3px 6px #00000029;
	padding: 5px 20px;
	margin: 5px auto;
}

.d-app {
	background: linear-gradient(316deg, #263062 0%, #121a22 83%);
}

.btn-pro {
	background: linear-gradient(316deg, #3e381f 0%, #121a22 83%);
}

.icon {
	padding: 2px 5px;
}

.btn-icon-01:hover {
	color: #b3b3b3;
}

.num {
	position: relative;
}

.numb {
	position: absolute;
	top: 11px;
	right: 10px;
	font-size: 16px;
	font-weight: bold;
}


.languages img {
	width: 100%;
	max-width: 30px;
}

.header-02 {
	padding: 15px 0;
	display: flex;
	justify-content: end;
}

.bg-nav {
	width: 100%;
	max-width: 260px;
	height: 100%;
	/* background: #111923; */
	background: var(--secondary-text);
	padding-right: 20px;
	float: left;
	height: 100%;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.bg-nav ul li a i.icon-nav {
	width: 40px;
	height: 31px;
	text-align: center;
	/* margin: -5px auto; */
	display: inline-block;
}

.icon-home {
	background: url("../images/nav/home.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-home,
.bg-nav ul li.active>a i.icon-home {
	background: url("../images/nav/home-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-sport {
	background: url("../images/nav/sport.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-sport,
.bg-nav ul li.active>a i.icon-sport {
	background: url("../images/nav/sport-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-casino {
	background: url("../images/nav/casino.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-casino,
.bg-nav ul li.active>a i.icon-casino {
	background: url("../images/nav/casino-active.png") no-repeat center;
	background-size: 100% 100%;
}

a[href*="free_event"] .icon-slot {
	background: url("../images/nav/event-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-slot {
	background: url("../images/nav/slot.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a[href*="free_event"] i.icon-slot,
.bg-nav ul li.active>a[href*="free_event"] i.icon-slot {
	background: url("../images/nav/event.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-slot,
.bg-nav ul li.active>a i.icon-slot {
	background: url("../images/nav/slot-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-fishing {
	background: url("../images/nav/fishing_nacau88.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-thai-lottery {
	background: url("../images/nav/lottery_nacau88.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-lottery,
.bg-nav ul li.active>a i.icon-lottery {
	background: url("../images/nav/lottery-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-number {
	background: url("../images/nav/number.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-tutorial {
	background: url("../images/nav/tutorial.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-service {
	background: url("../images/nav/service.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-update {
	background: url("../images/nav/update.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-number,
.bg-nav ul li.active>a i.icon-number {
	background: url("../images/nav/number-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-cocks {
	background: url("../images/nav/cocks.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-cocks,
.bg-nav ul li.active>a i.icon-cocks {
	background: url("../images/nav/cocks-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-poker {
	background: url("../images/nav/poker.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-poker,
.bg-nav ul li.active>a i.icon-poker {
	background: url("../images/nav/poker-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-forex {
	background: url("../images/nav/forex.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-forex .bg-nav ul li.active>a i.icon-forex {
	background: url("../images/nav/forex-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-promotion {
	background: url("../images/nav/promotion.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-cricket {
	background: url("../images/nav/cricket.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-promotion .bg-nav ul li.active>a i.icon-promotion {
	background: url("../images/nav/promotion-active.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul {
	border-radius: 0 15px 15px 0;
	background: var(--bg-menu);
	margin: 10px auto;
	overflow: hidden;
}

.bg-nav ul li {
	height: 60px;
	padding-left: 14px;
	color: #cccccc;
	font-size: 18px;
	border-bottom: 1px solid var(--secondary-card);
	background: var(--side-color);
	line-height: 60px;
	cursor: pointer;
	position: relative;
	display: flex;
	vertical-align: middle;
}

.bg-nav ul li:hover,
.bg-nav ul li.active {
	background: var(--lg-secondary);
}

/* .active {
	background: linear-gradient(194deg, #9825ff 0%, #29205f 100%);
} */

.bg-nav ul li a {
	font-size: 18px;
	color: var(--font-color);
	text-align: left;
	width: 100%;
	display: flex;
	align-items: center;
}

.bg-nav ul li:hover>a {
	color: #ffffff;
}

.bg-nav ul li a span {
	color: #97a7b6;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 500;
	margin-left: 10px;
}

.bg-nav ul li:hover span,
.bg-nav ul li.active span {
	color: #fff;
}

.active a {
	color: #ffffff !important;
}

.nav-02 ul li {
	margin: 5px auto;
}

.btn-nav {
	margin-bottom: 10px;
	width: 232px;
	height: 50px;
	display: flex;
	justify-content: start;
	cursor: pointer;
	align-items: center;
	background-size: contain;
	background-repeat: no-repeat;
	padding-left: 14px;
	color: #ffffff;
	margin-left: 10px;
}

.btn-nav span {
	color: #ffffff;
	font-size: 14px !important;
}


.btn-vip {
	background: url("../images/nav/left-nav-btn-1.webp") no-repeat center;
	background-size: 100% 100%;
}

.btn-line {
	background: url("../images/nav/left-nav-btn-4.webp") no-repeat center;
	background-size: 100% 100%;
}

.btn-makemoney {
	background: url("../images/nav/left-nav-btn-2.webp") no-repeat center;
	background-size: 100% 100%;
}

.btn-sponsor {
	background: url("../images/nav/left-nav-btn-3.webp") no-repeat center;
	background-size: 100% 100%;
}

.btn-nav i img {
	width: 100%;
	max-width: 40px;
}

.container-page {
	width: 100%;
	max-width: 1200px;
	max-width: 1350px;
	/* height: 100%; */
	margin: 0 auto;
	padding: 0;
	display: block;
	padding: 20px 30px 10px;
}

.promo-lobby {
	width: 100%;
	max-width: 1200px;
	max-width: 1350px;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	display: block;
	padding: 0 30px 10px;
}

.slider {
	border-radius: 15px;
}

.bg-annoument {
	background: var(--side-color);
	/* border: 1px solid var(--main-color); */
	border-radius: 25px;
	position: relative;
	padding: 10px 0;
	overflow: hidden;
	margin: 20px auto;
}

.icon-marquee img {
	width: 29px;
}

.icon-marquee {
	background: var(--side-color);
	z-index: 9;
	padding: 11px 20px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}

.more {
	/* width: 69px; */
	padding: 11px 20px;
	position: absolute;
	right: 0;
	top: 0;
	background: var(--side-color);
	color: #f9a51a;
	z-index: 9;
}

.bg-annoument marquee {
	color: #e7e4e4;
	z-index: 1;
}

.title-items {
	width: 100%;
	height: auto;
	color: var(--secondary-color);
	font-size: 18px;
	vertical-align: middle;
	text-align: left;
	display: block;
}

.title-items span {
	font-size: 18px;
	font-weight: 600;
}

.lobbypage {
	padding: 10px 0;
}

.list-game {
	width: 20%;
	width: 258px;
	position: relative;
	margin-bottom: 10px;
	cursor: pointer;
}

.itemgpromotion {
	display: flex;
}

.itemghotgames {
	display: flex;
}

.item-imgsgames {
	padding: 10px;
}

/* .itemghotgames .item-imgsgames {
	width: 430px;
} */

.itemghotgames .itemsh {
	width: 215px;
}

.item-imgsgames img {
	border-radius: 10px;
	width: 100%;
}

.lobbypage .game-text {
	font-size: 15px;
	font-weight: 600;
	color: var(--secondary-color);
	text-align: center;
	height: 30px;
}

.item-01 {
	margin: 20px auto;
}

.itemsh {
	position: relative;
}

.image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: 0.5s ease;
}

.middle {
	transition: 0.5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	z-index: 1;
}

.itemsh:hover img:not(.middle img) {
	opacity: 0.3;
}

.itemsh:hover .middle {
	opacity: 1;
}

.iconplays {
	color: white;
	font-size: 16px;
	padding: 16px 32px;
}

.iconplays img {
	border-radius: 50%;
	width: 50px;
}

.item-popular-match {
	width: 430px;
	padding: 7px;
}

.item-popular {
	border-radius: 15px;
	background: var(--secondary-text);
	margin: 30px 0px;
	/* border: 1px solid var(--border-match); */
}

.title-popular {
	width: 100%;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	display: block;
}

.logo-team {
	/* background: #ffffff; */
	border-radius: 50%;
	width: 100%;
	max-width: 60px;
	height: 60px;
	margin: 0 auto;
	text-align: center;
	display: block;
}

.logo-team img {
	width: 100%;
	padding: 2px;
}

.teamvs {
	padding: 15px 10px;
	background: var(--secondary-color);
	margin: 0 auto;
}

.title-team,
.time-live p.live-time {
	font-size: 16px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
	display: block;
}

.time-live p.datelive {
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
	line-height: 16px;
	display: block;
}

.titles {
	width: 146px;
	height: 44px;
	line-height: 44px;
	background: url("../images/popula/bg_fafa977.png") no-repeat center;
	background-size: 100% 100%;
	font-size: 16px;
	color: #ffffff;
	display: block;
}

.bg-scor {
	padding: 10px 5px;
}

.titlescor {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	font-size: 12px;
	color: #ffffff;
	padding: 5px 0;
	display: block;
}

.scors {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.scors span {
	padding: 0 10px;
	font-size: 12px;
	color: #ffffff;
}

.itemgpopular {
	margin: 20px auto;
}

.itemgpopular-form {
	width: 100%;
	height: auto;
	display: flex;
}

.brand {
	display: none;
}

.header-brand {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	font-size: 20px;
	padding: 16px 0;
	color: #ffffff;
	background: url("../images/head.png") no-repeat center;
	display: block;
}

.brand .video {
	height: 100%;
}

.brand iframe {
	width: 100%;
	height: 100%;
}

.bg-1 {
	width: 100%;
	height: auto;
	background: linear-gradient(181deg, #13243d 0%, #5d6f91 28%, #0c1a2e 65%);
	border-radius: 10px;
	display: flex;
	justify-content: center;
	padding: 10px;
	align-items: end;
}

.bg-2 {
	width: 100%;
	height: auto;
	background: #17253b;
	border-radius: 10px;
	/* padding: 10px 15px; */
	box-shadow: 0 3px 6px #000000e3;
}

.info-01 {
	width: 100%;
	max-width: 265px;
	height: auto;
	display: flex;
	text-align: center;
	margin: 0 auto;
}

.s-01 {
	flex: 1;
}

.s-02 {
	font-size: 18px;
	color: #ffffff;
}

.s-03 {
	font-size: 12px;
	color: #ffffff;
}

.detail {
	width: 100%;
	max-width: 250px;
	height: auto;
	display: flex;
	color: #ffffff;
	line-height: 35px;
	padding: 20px 0;
	text-align: left;
	margin: 0 auto;
}

.download-title {
	width: 100%;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0;
	position: relative;
	background: #111923;
	color: #fff;
}

.download-title h5 {
	color: #fff;
}

/* new-download */
.bg-download {
	width: 100%;
	border-radius: 10px;
	background: #111923;
	padding-left: 2.5vw;
	padding-right: 2.5vw;
	padding-top: 18px;
	padding-bottom: 6.6vh;
	margin-top: 20px;
}

.bg-download .text-scan {
	color: #fff;
	font-size: 16px;
	margin-top: 20px;
	text-align: start;
}

.download_qr {
	display: flex;
	margin-top: 40px;
}

.download_qr .qrcode-bg {
	width: 100%;
	max-width: 137px;
	height: 137px;
	background: url(../images/download/download.png) no-repeat center;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.download_qr .ant-qrcode canvas {
	width: 100px;
	height: 100px;
}

.download_qr .text {
	margin-top: 10px;
	width: 130px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	--un-bg-opacity: 1;
	background-color: rgba(30, 39, 54, var(--un-bg-opacity));
	text-align: center;
	line-height: 30px;
	--un-text-opacity: 1;
	color: rgba(255, 255, 255, var(--un-text-opacity));
}

.bg-download .text-promode {
	color: #97A7B6;
	font-size: 15px;
	margin-top: 20px;
	text-align: start;
}

/* end */

.download-01 h1 {
	width: 100%;
	height: auto;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.download-01 h1 img {
	width: 100%;
}

.download-01 p {
	width: 100%;
	height: auto;
	/* text-align: center; */
	margin: 0 auto;
	color: #ffffff;
	padding: 20px 0;
	font-size: 15px;
	display: block;
}

.qrcode {
	width: 100%;
	max-width: 137px;
	height: auto;
	height: 137px;
	background: url("../images/download/download.png") no-repeat center;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;

}

.qrcode img {
	width: 100%;
}

p.icon-download {
	margin-top: 10px !important;
	width: 130px !important;
	height: 30px !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--bg-download);
	text-align: center;
	line-height: 30px;
	color: #ffffff;
}

p.icon-download span {
	color: #ffffff;
	padding: 0 5px;
}

.bannerdownload {
	padding: 20px 0;
}

.bannerdownload img {
	width: 100%;
}

.provider-logo {
	width: 100%;
	max-width: 200px;
	height: 80px;
	/* background: url("../images/provider/background.png") no-repeat center; */
	background: #d6d6d6;
	background-size: 100% 100%;
	align-items: center;
	padding: 10px;
	/* margin: 25px 5px; */
	display: flex !important;
	justify-content: center;
	/* border: 1px solid var(--main-color); */
	border-radius: 10px;
}

.provider-logo img {
	/* height: 50px;
	width: 100%; */
	max-width: 190px;
	text-align: center;
	margin: 0 auto;
}

.footer-main {
	background: var(--main-color);
	/* position: relative; */
	margin-left: 260px;
	width: calc(100vw - 266px);
	clear: both;
}

.info-footer h3,
.info-footer-02 h3 {
	color: #ffffff;
	text-align: left;
	font-size: 18px;
}

.info-02 ul,
.info-03 ul {
	width: 100%;
	height: auto;
	text-align: left;
	display: block;
}

.info-02 ul li {
	padding: 5px 0;
	display: block;
}

.info-02 ul li a {
	color: #e7e9eb;
	font-size: 14px;
	padding: 15px 0;
}

.top-footer {
	padding: 15px 0;
}

.info-03 ul li {
	display: inline-block;
	padding: 3px;
}

.info-03 ul li img {
	width: 35px;
	border-radius: 5px;
	height: 35px;
}

.info-03 ul {
	padding: 15px 0;
}

.midle-footer {
	padding: 20px 0;
	border-top: 1px solid var(--secondary-card);
}

.spornsor {
	width: 100%;
	height: auto;
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.spornsor ul li {
	display: inline-block;
	padding: 10px;
}

.spornsor ul li a img {
	height: 40px;
}

.infoweb p {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	font-size: 16px;
	line-height: 28px;
	display: block;
	font-size: 13px;
}

.container:hover .middle {
	opacity: 1;
}

/* .input {
	max-width: 100px;
} */

.lead {
	font-size: 14px !important;
	font-weight: 300 !important;
}

/* .sweet-alert {
    color: var(--txt);
    background-image: var(--box);
    border: 1px var(--color) solid !important;
    background-color: transparent !important;
    margin-top: -200px !important;
} */

.sweet-alert button {
	background-image: var(--lg) !important;
}

.top.btn {
	background: var(--lg-secondary);
	border-radius: 50%;
	display: flex;
	bottom: 10%;
}

.top.btn:hover {
	color: #fff;
}

/* custom_new */
.header-top {
	height: 80px;
}

.sideNav {
	width: 260px;
	height: calc(100vh - 80px);
	background: var(--main-color);
	position: fixed;
	left: 0;
	top: 80px;
	/* box-shadow: 0 0 10px var(--secondary-color);
	z-index: 1; */
}

.main_page {
	/* height: 100%; */
	min-height: 760px;
	width: calc(100vw - 266px);
	margin-left: 260px;
	margin-top: 80px;
	position: relative;
	--un-bg-opacity: 1;
	background-color: rgba(13, 19, 28, var(--un-bg-opacity));
	background-color: var(--bg);
}

.flex {
	display: flex;
}

.ant-input-affix-wrapper>input.ant-input {
	padding: 0;
	font-size: inherit;
	border: none;
	border-radius: 0;
	outline: none;
}

.ant-input {
	box-sizing: border-box;
	margin: 0;
	padding: 4px 11px !important;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	position: relative;
	display: inline-block;
	width: 100%;
	min-width: 0;
	background-color: #ffffff;
	background-image: none;
	border-width: 1px;
	border-color: #d9d9d9;
	border-radius: 6px;
	transition: all 0.2s;
}

.ant-input-select {
	padding: 9px 20px !important;
}

.ant-input-code {
	padding: 8px 11px !important;
}

.ant-btn {
	outline: none;
	position: relative;
	display: inline-block;
	font-weight: 400;
	white-space: nowrap;
	text-align: center;
	border: 1px solid transparent;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	user-select: none;
	touch-action: manipulation;
	line-height: 1.5714285714285714;
	color: rgba(0, 0, 0, 0.88);
}

.ant-btn {
	font-size: 14px;
	height: 32px;
	padding: 4px 15px;
	border-radius: 6px;
}

.ant-btn span {
	color: #fff !important;
}

.ant-btn-primary {
	color: #fff !important;
	background-color: #1677ff;
	box-shadow: 0 2px 0 rgba(5, 145, 255, 0.1);
}

.bg-primary,
.ant-btn-primary,
.ant-btn-primary:not(:disabled):hover {
	background-color: var(--secondary-color);
}

.login-btn {
	display: flex;
	justify-content: center;
	align-items: center;
}

.register-pop {
	display: flex;
	justify-content: center;
	align-items: center;
}

.login-input .ant-input {
	width: 160px;
	height: 50px;
	background: var(--side-color);
	border: none;
	color: #fff;
}

.login-input .ant-input-password {
	width: 186px;
	height: 50px;
	background: #2a3546;
	padding-top: 0;
	border: none;
}

.login-input .ant-input::placeholder {
	color: var(--font-color);
}

.login-input .ant-input-password-icon,
.login-input .ant-input-password-icon:hover {
	color: var(--font-color);
}

.login-btn .ant-btn {
	height: 50px !important;
	margin-right: 1rem;
	min-width: 120px;
	font-size: 18px;
}

.login-btn .ant-btn span {
	color: var(--secondary-text) !important;
	font-size: 16px;
	font-weight: 600
}

.register-btn,
.register-btn:not(:disabled):hover {
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.register-btn:before {
	content: "";
	position: absolute;
	width: 134px;
	height: 66px;
	background-color: #ffffff63;
	top: -8px;
	left: -8px;
	border-radius: 10px;
}

.register-btn:not(:disabled):hover:before {
	display: none;
}

.blue-color {
	color: #5780e9;
}

.blue-color {
	color: var(--blue)
}

.cursor-pointer {
	cursor: pointer;
}

.top-18px {
	top: 15px;
}

.right-10px {
	right: 10px;
}

.relative {
	position: relative;
}

.absolute,
.position-absolute {
	position: absolute;
}

/* language&info */
.lang-wrap {
	padding: 0 31px 5px;
	background-color: var(--side-color);
	border-radius: 10px;
	/* border: 1px solid var(--main-color); */
	box-shadow: 0 2px 3px #272b37c9;
	max-height: 600px;
	overflow: scroll !important;
	overflow-y: auto;
	scrollbar-width: none;
}

.lang-wrap .title {
	border-bottom: 1px solid var(--secondary-card)
}

.lang-wrap .content>div {
	position: relative
}

.lang-wrap .content>div:hover {
	color: #5780e9
}

.lang-wrap .content>div:after {
	content: "";
	width: 1px;
	height: 16px;
	background-color: #97a7b6;
	position: absolute;
	top: 50%;
	right: -14px;
	transform: translateY(-50%)
}

.lang-wrap .content>div:last-child:after {
	display: none
}

.lang-wrap .lang-name {
	color: #fff;
	text-transform: capitalize;
}

.lang-dropdown:where(.css-dev-only-do-not-override-kqecok).ant-dropdown .ant-dropdown-arrow:before {
	background-color: #272b37;
}

.amount-head {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	padding: 0 15px;
}

.credit-head {
	display: block;
	text-align: center;
	color: #fff;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3px;
}

.credit-head span {
	padding: 0 5px;
}

.credit-head .js-refresh img {
	width: 20px;
	transition: all ease 0.5s;
}

.ant-dropdown-trigger {
	width: 76px;
	height: 36px;
	--un-border-opacity: 1;
	border-color: var(--main-color);
	background: var(--side-color);
	border-radius: 20px;
	border-width: 1px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-style: solid;
	cursor: pointer;
}

.bg[data-v-info] {
	height: 50px;
	background-color: var(--side-color);
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029;
	margin-right: 1vw;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.bg[data-v-username] {
	width: 200px;
	height: 50px;
	/* background: var(--bg-head-top); */
	border-radius: 25px;
	box-shadow: 0 3px 6px #00000029;
	margin-right: 1vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer
}

.bg[data-v-username] img {
	margin-right: 10px;
}

.btn-depo[data-v-depo] {
	width: 133px;
	height: 44px;
	background: var(--card-lg);
	border-radius: 10px;
	margin-right: 4px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	gap: 10px;
}

.notification[data-v-notifi] {
	width: 50px;
	height: 50px;
	background: var(--side-color);
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029;
	margin-right: 1vw;
	text-align: center;
	line-height: 50px;
	cursor: pointer
}

.ant-dropdown {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	position: absolute;
	top: -9999px;
	/* left: -9999px; */
	z-index: 1050;
	display: block;
	min-width: 200px;
}

.ant-infoDown {
	left: 340px;
	top: 56px;
}

.ant-langDown {
	min-width: 76px;
	top: 56px;
	right: 0;
}

.dropdown-bg {
	width: 320px;
	background: var(--side-color);
	/* border: 1px solid var(--main-color); */
	border-radius: 12px;
	padding: 16px 26px 26px;
}

.level {
	width: 32px;
	height: 36px;
	text-align: center;
	line-height: 32px;
	background-image: url(data:image/png;base64,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);
	background-size: contain;
	position: absolute;
	bottom: 2px;
	left: 140px
}

.money {
	display: flex;
	justify-content: center;
	color: #fff;
	margin-bottom: 16px;
	font-size: 12px;
	display: none;
}

.money>div {
	display: flex;
	flex-direction: column;
	align-items: center
}

.money>div span:last-child {
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
	color: var(--yellow);
	margin-top: 2px
}

.center-contant {
	background: var(--secondary-card) !important;
}

.item-info a {
	display: block;
	margin-bottom: 14px;
	color: var(--bg);
	cursor: pointer;
}

.item-info div {
	width: 100%;
	height: 44px;
	background: var(--side-color);
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029;
	margin-bottom: 14px;
	display: flex;
	align-items: center;
	padding-left: 20px;
	cursor: pointer
}

.item-info .active div,
.item-info div:hover {
	background: var(--lg-secondary);
}

.item-info div:last-child {
	margin-bottom: 0
}

.item-info .icon {
	width: 37px;
	height: auto;
}

.download-app-btn {
	background: linear-gradient(316deg, #263062 0%, #121a22 83%);
	box-shadow: 0 3px 6px #00000029
}

.promotion-btn {
	background: linear-gradient(316deg, #3e381f 0%, #121a22 83%);
	box-shadow: 0 3px 6px #00000029;
	padding-right: 10px
}

.icon-user {
	height: 40px;
}

.icon-vip {
	height: 20px;
}

.ant-dropdown {
	transform: scale(0);
	transform-origin: 0% 0%;
	opacity: 0;
	animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
	animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	animation-duration: 0.2s;
	animation-fill-mode: both;
	animation-play-state: paused;
}

.ant-dropdown.ant-slide-up-enter {
	animation-name: css-kqecok-antSlideUpIn;
	animation-play-state: running;
}

.ant-dropdown.ant-slide-up-leave {
	animation-name: css-kqecok-antSlideUpOut;
	animation-play-state: running;
	pointer-events: none;
}


@keyframes css-kqecok-antSlideUpIn {
	0% {
		transform: scaleY(0.8);
		transform-origin: 0% 0%;
		opacity: 0;
	}

	100% {
		transform: scaleY(1);
		transform-origin: 0% 0%;
		opacity: 1;
	}
}

@keyframes css-kqecok-antSlideUpOut {
	0% {
		transform: scaleY(1);
		transform-origin: 0% 0%;
		opacity: 1;
	}

	100% {
		transform: scaleY(0.8);
		transform-origin: 0% 0%;
		opacity: 0;
	}
}

@keyframes css-kqecok-antSlideDownIn {
	0% {
		transform: scaleY(0.8);
		transform-origin: 100% 100%;
		opacity: 0;
	}

	100% {
		transform: scaleY(1);
		transform-origin: 100% 100%;
		opacity: 1;
	}
}

/* promotion */
.body-contents li {
	width: 50%;
	float: left;
	padding: 10px;
}

.body-action-btn-group {
	display: flex;
	gap: 15px;
}

.body-contents {
	max-height: 350px;
	overflow: auto;
	margin-left: 10px;
}

.popup-body {
	background: var(--promo-pop);
	padding: 20px 10px;
	color: var(--fff);
}

.popup-body-action {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr;
}

.popup-body-action img {
	border-radius: 10px;
}

.popup-body-action .body-action-container {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 15px;
}

.popup-body-action .body-subtitle {
	font-weight: bold;
	font-size: large;
}

.body-action-btn-group a {
	background-image: var(--lg);
	border-radius: 10px 0 10px 0;
	border: 2px #58549d solid;
	overflow: hidden;
	font-weight: bold;
	color: var(--fff);
	padding: 5px 15px;
	display: flex;
}

.vline {
	margin: 25px 0;
	border: 1px solid #b31390;
}

.body-contents p span {
	color: white !important;
}

/* slots */
.showloader {
	position: relative;
	width: 100%;
	height: 100px;
}

.showloader::after {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	/* border: 3px var(--999) solid; */
	border: 3px #b31390 solid;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	animation: anime-zoom-in 1s infinite alternate;
	/* filter: opacity(0.3); */
}

.vloading {
	margin-top: 10px;
	display: none;
}

.vloading span {
	display: block;
	text-align: center;
	color: white;
	font-size: large;
	font-weight: bold;
}

.total_of_slots {
	font-size: large;
	text-align: center;
	margin: 30px auto;
	color: white;
}

.total_of_slots {
	color: #fff;
	text-align: center;
	height: 30px;
}

.slot-foot {
	color: #fff;
}

.load_more:before {
	content: "";
	border: 6px solid #f3f3f3;
	border-top: 6px solid #3498db;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 2s linear infinite;
	display: inline-block;
	margin-left: 10px;
}

#load_more {
	display: block;
	text-align: center;
	margin-bottom: 8px;
	display: none;
	position: relative;
	top: 50px;
}

#load_more a {
	display: inline-block;
	cursor: pointer;
}


/*#load_more a:hover{
    -ms-transform: scale(1.2)!important;
    -webkit-transform: scale(1.2)!important;
    transform: scale(1.2)!important;
    transition: all 0.5s!important;
}*/

#load_more a img {
	width: 50px;
	padding-top: 8px;
	transform: rotate(180deg);
	transition: transform 0.5s linea;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.provider_logo {
	position: absolute;
	background-size: 80%;
	width: 40px;
	height: 40px;
	background-color: rgb(255 255 255);
	border-radius: 0px 0px 3.4em;
	background-repeat: no-repeat;
	animation: rotateIn .2s linear alternate;
	animation-iteration-count: 1;
	background-position: 0 0px;
}

.new_games {
	position: absolute;
	width: 30%;
	height: 40%;
	top: 0;
	right: 0;
	background-image: url(data:image/png;base64,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);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right 0;
	z-index: 999999;
}

.arrow_slots,
.arrow_slots:before {
	position: absolute;
	left: 50%;
}

.arrow_slots {
	width: 40px;
	height: 40px;
	bottom: 10px;
	margin: -20px 0 0 -20px;
	-webkit-transform: rotate(45deg);
	border-left: none;
	border-top: none;
	border-right: 2px #fff solid;
	border-bottom: 2px #fff solid;
}

.arrow_slots:before {
	content: '';
	width: 20px;
	height: 20px;
	bottom: 10px;
	margin: -10px 0 0 -10px;
	border-left: none;
	border-top: none;
	border-right: 1px #2994D1 solid;
	border-bottom: 1px #2994D1 solid;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-name: arrow_slots;
}

@keyframes arrow_slots {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translate(-10px, -10px);
	}
}

.blur_img {
	filter: blur(4px);
	-webkit-filter: blur(4px);
}

.imgslot_fade {
	-webkit-animation: zoomIn 0.2s !important;
	animation: zoomIn 0.2s !important;
}

.loading_slots {
	position: absolute;
	z-index: 99999;
	display: block;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.lds-ripple {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	margin-left: 50px;
	margin-top: 35px;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid #cef;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}

	4.9% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}

	5% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

.item-games-btn {
	position: relative;
}

.item-games-btn .swiper-button-next,
.item-games-btn .swiper-button-prev {
	position: absolute;
	width: 31px;
	height: 31px;
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 23px;
	background-color: var(--side-color);
	color: var(--navigation-color);
	border-radius: 7px;
	opacity: .35;
}

.item-games-btn .swiper-button-next.active,
.item-games-btn .swiper-button-prev.active {
	background-color: var(--side-color);
	opacity: 1;
}

/* .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
} */

.item-games-btn .swiper-button-prev {
	top: 23px;
	right: -1150px !important;
}

.item-games-btn {
	display: flex;
	justify-content: space-between;
}

.swiper-slots .swiper-button-next,
.swiper-slots .swiper-button-prev {
	background-color: rgba(151, 167, 182, var(--un-bg-opacity));
	color: #fff;
	border-radius: 5px;
	height: 25px;
	width: 25px;
	top: 60%;
	opacity: .35;
}

.swiper-slots .swiper-button-next.active,
.swiper-slots .swiper-button-prev.active {
	opacity: 1;
}

.swiper-slots .swiper-button-next {
	right: 0;
}

.swiper-slots .swiper-button-prev {
	left: 0;
}

.popup_banner {
	left: 0;
}

.main_games {
	min-height: 1200px;
}

.main_games.afbsports2 {
	min-height: 1400px;
}

.slots-games .slots-games-items .brand-list {
	width: 1350px !important;
	margin: auto;
}

.slots-games .slots-games-items .brand-list li {
	width: 159px !important;
}

.slots-games .slots-games-items .slots-games-right {
	width: 1350px !important;
	margin: auto;
}

.slots-games .slots-games-items .slots-games-right .type-game-list-box .slot-game-content li {
	width: 207px !important;
}

.slot_search_box {
	margin-top: -45px !important;
	margin-right: 53px !important;
}

.type-game-list-box .total_of_slots {
	color: var(--secondary-color) !important;
}

.slots-games .slots-games-items .brand-list li:hover,
.slots-games .slots-games-items .brand-list li.active {
	background: var(--lg) !important;
}

.btn_pass {
	top: 10px;
}

.btn_pass img {
	width: 25px;
}

/* contact-us */
.contact-us ul {
	width: 40%;
	margin: auto;
}

.contact-us li {
	padding: 15px;
	margin: 15px;
	display: flex;
	border-radius: 10px;
	justify-content: flex-start;
}

.contact-us i {
	font-size: 50px;
}

.contact-us li a:hover img {
	transform: rotateY(180deg);
}

.contact-us a {
	display: flex;
	align-items: center;
	color: var(--color);
}

.contact-us span {
	padding: 10px;
	font-size: 20px;
}

.contact-us img {
	width: 50px;
	height: 50px;
}

.contact-bg {
	border: 1px solid var(--color);
	box-shadow: 1px 2px 2px var(--color);
	overflow: hidden;
}

.contact-us ul li.bg-linelink {
	background: #25d366 !important;
}

.contact-us ul li.bg-whatsapp {
	background: #2fba43 !important;
}

.contact-us ul li.bg-skype {
	background: #08b2f0 !important;
}

.contact-us ul li.bg-wechat {
	background: #35c309 !important;
}

.contact-us ul li.bg-telegram {
	background: #2fafe1 !important;
}

.contact-us ul li.bg-email {
	background: #e02f2f !important;
}

.contact-us ul li.bg-meta {
	background: #1877f2 !important;
}

.contact-us ul li.bg-twitter {
	background: #55acee !important;
}

.contact-us ul li.bg-phone {
	background: #67c15e !important;
}

.contact-us ul li.bg-instagram {
	background: #c8359b !important;
}

.contact-us ul li.bg-youtube {
	background: #e02f2f !important;
}

.contact-us ul li.bg-message {
	background: #0078b5 !important;
}


.hot-icon {
	position: absolute !important;
	top: -8px;
	right: -14px;
	background-image: url(../images/hot-gif.gif);
	background-size: contain;
	background-position: right;
	z-index: 1;
	width: 87px;
	height: 50%;
	max-height: 41px;
	max-width: 4rem;
}

.Foote_logo img {
	width: 75%;
	margin-left: 30px;
}

.contact-us {
	margin-top: 20px;
	margin-bottom: 35px;
}


/*sign*/
.sign {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
	margin: 20px 0;
}

.sign li:last-child {
	grid-column: span 2;
}

.sign li a {
	background-color: var(--f7);
	display: flex;
	align-items: center;
	border-radius: 10px;
	padding: 10px;
	text-transform: capitalize;
	font-weight: bold;
	height: 70px;
	background-position: right center;
}

.sign li:nth-child(1) a {
	background-image: url(../images/bonus/sign/1.png);
}

.sign li:nth-child(2) a {
	background-image: url(../images/bonus/sign/2.png);
}

.sign li:nth-child(3) a {
	background-image: url(../images/bonus/sign/3.png);
}

.sign li:nth-child(4) a {
	background-image: url(../images/bonus/sign/4.png);
}

.sign li:nth-child(5) a {
	background-image: url(../images/bonus/sign/5.png);
}

.sign li:nth-child(6) a {
	background-image: url(../images/bonus/sign/6.png);
}

.sign li:nth-child(7) a {
	background-image: url(../images/bonus/sign/7.png);
}

.sign li a.lost {
	background-color: var(--ddd);
}

.sign li a.done {
	background-color: var(--color);
	color: white;
}

.sign li a.wait {
	background-color: var(--orange);
}

.deop-bonus-pop .cliam-bonus {
	text-transform: capitalize;
	color: #fff;
	margin: 5px;
	height: 40px;
	padding-left: 10px;
	border-radius: 5px;
	white-space: nowrap;
}

.deop-bonus-pop .cliam-bonus.disabled {
	pointer-events: none;
	background: #ccc;
}

.deop-bonus-pop article li {
	padding: 5px 0;
}

.deop-bonus-pop .amount {
	padding: 20px 50px
}

.deop-bonus-pop .amount-list li {
	border-bottom: 1px solid;

	padding: 10px 0;
	line-height: 200%;
	display: flex;
	align-items: center;
	border-color: #f1f1f1;
}

.deop-bonus-pop .amount-list li h6 {
	flex: 1;
}

.deop-bonus-pop .amount-list li span {
	font-weight: 700
}

.deop-bonus-pop .amount-list li b {
	font-size: 30px;
	color: var(--orange)
}

.deop-bonus-pop .amount-list .depo-claim-bonus {
	line-height: 32px;
}

article,
article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
article p {
	padding: 10px 0;
}

.deop-bonus-pop .center {
	margin-top: 15px;
	width: 100%;
	overflow: hidden;
	padding: 15px;
	border-radius: 10px;
}

.deop-bonus-pop pop-main {
	width: 90%;
	max-width: 720px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.deop-bonus-pop pop-title {
	background-color: var(--color);
	border-bottom-width: 1px;
	border-bottom: 1px solid #fff;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.deop-bonus-pop pop-title h3 {
	width: 100%;
	line-height: 50px;
	padding: 0 20px;
	flex: 1;
	min-width: 0;
	font-size: 18px;
}

.deop-bonus-pop pop-title h3:nth-child(2) {
	padding: 0;
}

.deop-bonus-pop pop-title .ico {
	line-height: 50px;
	width: 50px;
	height: 50px;
}

.deop-bonus-pop pop-title .close:after {
	content: '';
	display: none;
}

.deop-bonus-pop pop-cont {
	background-color: var(--color);
	display: block;
}

.deop-bonus-pop pop-main {
	border-radius: 10px;
}

.deop-bonus-pop pop-cont {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
	border: none !important;
}

/* custom_css */

/*== slots_index== */
.search .ant-input {
	background-color: var(--bg-color-2);
	color: #fff;
	padding-left: 10px;
	border: none;
}

.search .ant-input::placeholder,
.search .anticon-close-circle {
	color: var(--font-color)
}

.jackpot {
	width: 56%;
	position: absolute;
	top: 50%;
	left: 2vw;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	align-items: center
}

.jackpot .num {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
}

.jackpot .num span {
	border-radius: 8px;
	/* box-shadow: 0 6px 1px #00000029; */
	display: block;
	color: #fff;
	font-size: 50px;
	text-align: center;
	line-height: 60px;
	position: relative;
	overflow: hidden;
	letter-spacing: 25px;
	margin-left: 40px;
	margin-left: -7px;
}

/* .jackpot .num.video span {
	background: linear-gradient(180deg, #d67b02, #f9c76c)
} */

.jackpot .num.fish span {
	background: linear-gradient(180deg, #0210d6, #34dfe5)
}

.jackpot .num span.no-num {
	background: 0 0;
	box-shadow: none;
	width: auto
}

.jackpot .num .num-s {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%);
	transition: all .6s ease
}

.dollar {
	white-space: nowrap;
	color: #fff;
	font-size: 20px;
	margin-left: 8px
}

.game_slots .slick-next {
	top: 50%;
	right: -7px;
}

.game_slots .slick-prev {
	display: block;
	top: 50%;
	left: -3px;
	z-index: 1;
}

.game-type {
	width: 100%;
	height: 80px;
	background: linear-gradient(180deg, #263062 0%, #111a29 100%);
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029;
	margin-right: 14px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}


.game-type.active {
	background: linear-gradient(180deg, #523fbe 7%, #001e64 100%)
}

.content-slots {
	width: 100%;
	border-radius: 10px;
	padding: 16px 18px;
}

.type-tab {
	width: 44%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 25px;
	--un-bg-opacity: 1;
	background-color: rgba(42, 53, 70, var(--un-bg-opacity))
}

.type-tab span,
.type-tab a {
	display: block;
	height: 40px;
	cursor: pointer;
	border-radius: 25px;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	color: #fff !important;
	width: 24.5%;
}

.type-wrap {
	width: 15%;
}

.type_small {
	width: 93% !important;
}

.type-tab .active {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.game-list {
	justify-content: end;
	margin-bottom: 28px;
	margin-right: 1.5%;
	width: 13%;
	display: flex;
	flex-direction: column;
	cursor: pointer;
	align-items: center
}

.game-list:nth-child(7n+7) {
	margin-right: 0
}

.game-list p {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 16px;
	--un-text-opacity: 1;
	color: rgba(255, 255, 255, var(--un-text-opacity))
}

.game-list span {
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 4px;
	padding: 4px 10px;
	text-align: center;
	font-size: 14px;
	--un-text-opacity: 1;
	color: rgba(255, 255, 255, var(--un-text-opacity))
}

.icon-collect {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 25px;
	--un-bg-opacity: .42;
	background-color: rgba(255, 255, 255, var(--un-bg-opacity));
	text-align: center;
	line-height: 22px
}

/*.maintenance {
	position: relative
}

.maintenance img {
	opacity: .3
}

.maintenance:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(data:image/png;base64,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);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	z-index: 1
}*/

.select-black .ant-select-selector,
.select-black .ant-select-selection-search-input {
	height: 44px !important
}

.select-black .ant-select-selection-item {
	line-height: 44px
}

.select-black .ant-select-selector {
	background-color: var(--bg-color-2) !important;
	border-radius: 25px;
	border-color: #59677c !important;
	color: var(--font-color) !important;
	padding: 0 20px !important
}

.select-black .ant-select-arrow,
.select-black .ant-select-selection-item {
	color: var(--font-color) !important
}

.game-select,
.game-select .ant-select-selector {
	height: 48px !important;
	line-height: 48px !important
}

.game-name {
	width: 80%;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis
}

.game-type {
	position: relative
}

.tab-maintenance {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000c;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center
}

.small-logo {
	width: 51px;
	height: 34px;
	background: linear-gradient(175deg, #89dae6 0%, #3201bb 100%);
	border-radius: 10px 0 0;
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.game-popup.ant-select-dropdown {
	background-color: #2a3546;
	border: 1px solid #59677c;
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029
}

.game-popup.ant-select-dropdown .ant-select-item {
	color: #fff
}

.game-popup.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
	color: var(--yellow);
	background-color: initial
}

/* faq */
.content_faq_left {
	width: 300px;
	min-height: 886px;
	border-radius: 10px;
	padding: 28px 0;
	--un-bg-opacity: 1;
	background-color: rgba(17, 25, 35, var(--un-bg-opacity));
	height: fit-content;
}

.faq_item_list {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 20px;
	padding-left: 62px;
	text-align: start;
}

.faq_item {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #97A7B6;
	padding-left: 62px;
	cursor: pointer;
	text-align: start;
}

.faq-page .faq_item.active {
	background-color: #222b51;
	color: #dba84c;
	position: relative;
}

.faq-page .faq_item.active:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 5px;
	height: 26px;
	background: #dba84c;
	border-radius: 0 30% 30% 0;
}

.content-faq {
	width: calc(100% - 310px);
	background-color: #111923;
	border-radius: 10px;
}

.content-faq .other {
	padding: 0 26px;
	margin-top: 30px;
	color: #97A7B6;
	word-wrap: break-word;
}

.content-faq .other h5 {
	color: #DBA84C;
	font-size: 15px;
	font-weight: 700;
	line-height: 38px;
	text-align: start;
}

.content-faq .other p {
	font-size: 15px;
	/* line-height: 38px; */
	text-indent: 2em;
	color: #97A7B6;
}

.content-faq .other span {
	color: #fff !important;
}

/* promotion */
.width_promotion {
	padding: 28px 28px 28px;
	margin-bottom: 20px;
	border-radius: 10px;
	background-color: var(--bg-promotion);
}

.game-type-promo div {
	width: 126px;
	height: 54px;
	background: linear-gradient(0deg, #1b1b1b 0%, #1b1b1b 100%);
	border: 1px solid #404041;
	border-radius: 10px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 16px;
	cursor: pointer
}

.game-type-promo div {
	width: 166px
}

.game-type-promo div img {
	margin: 0 12px
}

.game-type-promo .active,
.game-type-promo div:hover {
	background: 0 0;
	background: var(--bg-promo-active);
	border-color: #0921d7;
}

.list_promo {
	width: calc(100% - 156px);
	height: fit-content;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.list_promo {
	width: calc(100% - 196px)
}

.item_promo {
	width: 49%;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
	cursor: pointer;
}

.item_promo img {
	height: 180px;
}

.list_promo .item_title {
	text-align: start;
	border-radius: 0 0 10px 10px;
	background-color: var(--bg-promo-title);
	width: 100%;
	height: 54px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 54px;
	--un-text-opacity: 1;
	color: rgba(255, 255, 255, var(--un-text-opacity))
}


/* center page */
.center-wrap {
	width: 100%;
	--un-bg-opacity: 1;
	background-color: var(--side-color);
	border-radius: 10px;
	padding-top: 30px;
	margin-bottom: 30px;
}

.center_info {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.center_info img {
	margin-right: 10px;
}

.center_info p {
	margin-bottom: 5px;
	line-height: 17px;
	color: #fff;
}

.center_info p.id-user {
	color: #DBA84C;
}

.balance-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	width: 100%;
	margin-top: 36px;
}

.balance-wrap .js-refresh img {
	transition: all ease 0.5s;
}

.border-center {
	margin-top: 8px;
	margin-bottom: 24px;
	background-color: rgb(29, 39, 51);
	border-block-start: 1px solid rgba(5, 5, 5, 0.06);
}

.center-item {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	height: 46px;
	margin-bottom: 6px;
	padding: 0 20px;
	cursor: pointer;
}

.center-item.active,
.center-item:hover {
	background: var(--lg-secondary) !important;
}

.btn-center {
	display: flex !important;
	justify-content: center;
	align-items: center;
	width: 49% !important;
	height: 40px;
	border: 1px solid;
	border-radius: 6px;
	cursor: pointer;
	color: #fff;
	--un-border-opacity: 0;
	border-color: rgba(87, 128, 233, var(--un-border-opacity));
	padding: 0px !important;
}

.btn-center:hover {
	background: linear-gradient(220deg, rgb(70, 47, 205) 18%, rgb(24, 104, 220) 100%);
}

.img-depo {
	width: 30px;
	height: 30px;
	background: url(../images/icon/center/depo.png);
}

.btn-center.active .img-depo,
.btn-center.bg-deposit:hover .img-depo {
	background: url(../images/icon/center/depo-active.png);
}

.img-withdraw {
	width: 30px;
	height: 30px;
	background: url(../images/icon/center/withdrawl.png);
}

.btn-center.active .img-withdraw,
.btn-center.bg-withdraw:hover .img-withdraw {
	background: url(../images/icon/center/withdrawl-active.png);
}

.img-transfer {
	width: 30px;
	height: 30px;
	background: url(../images/icon/center/transfer.png);
}

.btn-center.active .img-transfer,
.btn-center.bg-transfer:hover .img-transfer {
	background: url(../images/icon/center/transfer-active.png);
}

.bg-deposit {
	color: var(--blue);
	--un-border-opacity: 1;
	border-color: rgba(87, 128, 233, var(--un-border-opacity));
}

.bg-deposit:hover,
.bg-deposit.active {
	background: linear-gradient(220deg, rgb(70, 47, 205) 18%, rgb(24, 104, 220) 100%);
	color: #fff;
}

.bg-withdraw {
	color: #DBA84C;
	--un-border-opacity: 1;
	border-color: rgba(249, 165, 26, var(--un-border-opacity));
}

.bg-withdraw:hover,
.bg-withdraw.active {
	background: linear-gradient(rgb(219, 168, 76), rgb(248, 200, 117));
	color: #fff;
}

.bg-transfer {
	--un-border-opacity: 1;
	border-color: rgba(81, 220, 201, var(--un-border-opacity));
}

.bg-transfer:hover,
.bg-transfer.active {
	background: linear-gradient(257deg, rgb(51, 193, 173) 28%, rgb(112, 254, 234) 75%);
	color: #000;
}

/*== form-style== */
.ant-modal-wrap {
	z-index: 30px;
}

.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
	margin: 0;
	padding: 0 0 8px;
	white-space: initial;
	text-align: start;
}

.ant-modal-close-icon {
	display: inline-flex;
	width: 26px;
	height: 26px;
}

.ant-modal-close-icon img {
	width: 100%;
	height: 100%;
}

.ant-input-affix-wrapper {
	position: relative;
	display: inline-flex;
	width: 100%;
	min-width: 0;
	padding: 4px 11px;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	background-color: #ffffff;
	background-image: none;
	border-width: 1px;
	border-style: solid;
	border-color: #d9d9d9;
	border-radius: 6px;
	transition: all 0.2s;
}

.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
	display: flex;
	flex: none;
	align-items: center;
}

.ant-input-affix-wrapper .ant-input-prefix>*:not(:last-child),
.ant-input-affix-wrapper .ant-input-suffix>*:not(:last-child) {
	margin-inline-end: 8px;
}

.ant-input-affix-wrapper .ant-input-show-count-suffix {
	color: rgba(0, 0, 0, 0.45);
}

.ant-input-affix-wrapper .ant-input-show-count-has-suffix {
	margin-inline-end: 4px;
}

.ant-input-affix-wrapper .ant-input-prefix {
	margin-inline-end: 4px;
}

.ant-input-affix-wrapper .ant-input-suffix {
	margin-inline-start: 4px;
}

.ant-input-affix-wrapper .anticon.ant-input-password-icon {
	color: rgba(0, 0, 0, 0.45);
	cursor: pointer;
	transition: all 0.3s;
	width: 21px;
	height: 18px;
	filter: opacity(0.5);
	background: url(../images/icon/eye.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

}

.ant-input-affix-wrapper .anticon.ant-input-password-icon.pw-eye {
	background: url(../images/icon/eye-show.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: none;
}

.ant-input-affix-wrapper .anticon.ant-input-password-icon img {
	width: 100%;
	height: 100%;
}

.ant-input-affix-wrapper .anticon.ant-input-password-icon:hover {
	color: rgba(0, 0, 0, 0.88);
	filter: none;
}

.ant-modal {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	pointer-events: none;
	position: relative;
	width: auto;
	max-width: calc(100vw - 32px);
	margin: auto;
}

.ant-modal .ant-modal-title {
	margin: 0;
	color: rgba(0, 0, 0, 0.88);
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	word-wrap: break-word;
}

.ant-modal .ant-modal-content {
	position: relative;
	background-color: #ffffff;
	background-clip: padding-box;
	border: 0;
	border-radius: 8px;
	box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
	pointer-events: auto;
	padding: 20px 24px;
}

.ant-modal .ant-modal-close {
	position: absolute;
	top: 17px;
	inset-inline-end: 17px;
	z-index: 1010;
	padding: 0;
	color: rgba(0, 0, 0, 0.45);
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	background: transparent;
	border-radius: 4px;
	width: 22px;
	height: 22px;
	border: 0;
	outline: 0;
	cursor: pointer;
	transition: color 0.2s, background-color 0.2s;
}

.ant-modal .ant-modal-close-x {
	display: block;
	font-size: 16px;
	font-style: normal;
	line-height: 22px;
	text-align: center;
	text-transform: none;
	text-rendering: auto;
}

.ant-modal .ant-modal-close:hover {
	color: rgba(0, 0, 0, 0.88);
	background-color: rgba(0, 0, 0, 0.06);
	text-decoration: none;
}

.ant-modal .ant-modal-close:active {
	background-color: rgba(0, 0, 0, 0.15);
}

.ant-modal .ant-modal-close:focus-visible {
	outline: 2px solid #91caff;
	outline-offset: 1px;
	transition: outline-offset 0s, outline 0s;
}

.ant-modal .ant-modal-header {
	color: rgba(0, 0, 0, 0.88);
	background: #ffffff;
	border-radius: 8px 8px 0 0;
	margin-bottom: 8px;
}

.ant-modal .ant-modal-body {
	font-size: 14px;
	line-height: 1.5714285714285714;
	word-wrap: break-word;
}

.ant-modal .ant-modal-footer {
	text-align: end;
	background: transparent;
	margin-top: 12px;
}

.ant-modal .ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger) {
	margin-bottom: 0;
	margin-inline-start: 8px;
}

.ant-modal .ant-modal-open {
	overflow: hidden;
}

.ant-modal-pure-panel {
	top: auto;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.ant-modal-pure-panel .ant-modal-content,
.ant-modal-pure-panel .ant-modal-body,
.ant-modal-pure-panel .ant-modal-confirm-body-wrapper {
	display: flex;
	flex-direction: column;
	flex: auto;
}

.ant-modal-confirm .ant-modal-header {
	display: none;
}

.ant-modal-confirm .ant-modal-confirm-btns {
	text-align: end;
	margin-top: 12px;
}

.ant-modal-confirm .ant-modal-confirm-btns .ant-btn+.ant-btn {
	margin-bottom: 0;
	margin-inline-start: 8px;
}

.ant-input-group .ant-input::placeholder {
	color: #000
}

.ant-form-item-required,
.ant-form-item-label label {
	color: #fff !important
}

.ant-form-item .ant-form-item-label>label {
	position: relative;
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	height: 32px;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
}

.ant-form-item .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):after {
	color: var(--yellow);
	display: inline-block;
	margin-inline-end: 4px;
	font-size: 14px;
	line-height: 1;
	content: "*"
}

.ant-form-item .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
	content: ""
}

.ant-form-vertical .ant-form-item .ant-form-item-control {
	width: 100%;
}

.ant-form-item .ant-form-item-control {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.ant-form-item .ant-form-item-control-input {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 32px;
}

.ant-form-item .ant-form-item-control-input-content {
	flex: auto;
	max-width: 100%;
}

.login-modal .ant-modal-content {
	background-color: initial !important;
	border: 2px solid #717171;
	border-radius: 20px !important;
	box-shadow: 0 5px 9px #000;
	backdrop-filter: blur(30px);
	position: relative
}

.login-modal .ant-modal-content .bg-modal {
	width: 100%;
	height: 100%;
	background: linear-gradient(149deg, #24284d 16%, #07080f 85%);
	opacity: .4;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px !important
}

.login-modal .ant-modal-content .content-form {
	position: relative;
	z-index: 1;
	padding: 0 30px;
}

.login-modal .ant-form-item {
	margin-bottom: 10px;
}

.ant-form-item .ant-form-item-explain-error {
	color: #ff4d4f;
	transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	position: relative;
}

.basic-modal .ant-modal-content {
	border-radius: 10px;
	background-color: var(--bg-color-4);
	padding: 0
}

.basic-modal .ant-modal-header {
	background: linear-gradient(to right, #5099F2, #2F33B7);
	border-radius: 10px 10px 0 0;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: 0
}

.basic-modal .ant-modal-header .ant-modal-title {
	color: #fff;
	font-size: 18px
}

.basic-modal .anticon-close {
	width: 26px;
	height: 26px;
	border: 1px #fff solid;
	border-radius: 25px;
	line-height: 26px;
	color: #fff;
	font-size: 12px;
	position: relative
}

.basic-modal .anticon-close svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.basic-modal .ant-modal-body {
	padding: 20px 30px 10px
}

.basic-modal .ant-modal-footer {
	border: 0;
	text-align: center;
	padding: 0 30px 26px;
	display: flex;
	justify-content: space-between
}

.basic-modal .ant-modal-footer .ant-btn {
	width: 100%;
	height: 44px
}

.ant-btn {
	height: 44px !important
}

.ant-checkbox {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	position: relative;
	white-space: nowrap;
	cursor: pointer;
	align-self: center;
}

.ant-checkbox+span {
	padding-inline-start: 8px;
	padding-inline-end: 8px;
}

.color-\#fff,
.color-white,
.text-white,
[color~="#fff"],
[color~=white] {
	--un-text-opacity: 1;
	color: rgb(255, 255, 255);
}

.ant-checkbox-wrapper {
	position: relative;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	display: inline-flex;
	align-items: baseline;
	cursor: pointer;
}

.ant-checkbox .ant-checkbox-input {
	position: absolute;
	inset: 0;
	z-index: 1;
	cursor: pointer;
	opacity: 1;
	margin: 0;
	width: 16px;
	height: 16px;
}

.ant-checkbox .ant-checkbox-inner {
	box-sizing: border-box;
	position: relative;
	top: 0;
	inset-inline-start: 0;
	display: block;
	width: 16px;
	height: 16px;
	direction: ltr;
	background-color: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	border-collapse: separate;
	transition: all 0.3s;
}

.ant-checkbox-checked:after {
	position: absolute;
	top: 0;
	inset-inline-start: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	visibility: hidden;
	border: 2px solid #1677ff;
	animation-name: css-kqecok-antCheckboxEffect;
	animation-duration: 0.3s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: backwards;
	content: "";
	transition: all 0.3s;
}

.mobile .ant-form-item-control-input-content {
	display: flex;
	justify-content: space-between;
}

.ant-form-item .ant-form-item-control-input-content {
	flex: auto;
	max-width: 100%;
}

.ant-form-item {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	vertical-align: top;
}

.ant-select {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.ant-select {
	border: none;
	height: 40px;
	line-height: 40px;
}

.ant-select-single .ant-select-selector .ant-select-selection-search {
	position: absolute;
	top: 0;
	inset-inline-start: 11px;
	inset-inline-end: 11px;
	bottom: 0;
}

.ant-select .ant-select-selection-item {
	flex: 1;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mobile .ant-select-selector {
	height: 46px !important;
}

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
	width: 100%;
	height: 32px;
	padding: 0 11px;
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
	position: relative;
	background-color: #ffffff;
	border: 1px solid #d9d9d9;
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-select-selector {
	height: 44px !important;
	line-height: 44px;
	border-radius: 6px;
}

.ant-select-single .ant-select-selector {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	display: flex;
	border-radius: 6px;
}

.ant-select .ant-select-arrow {
	display: flex;
	align-items: center;
	color: rgba(0, 0, 0, 0.25);
	font-style: normal;
	line-height: 1;
	text-align: center;
	text-transform: none;
	vertical-align: -0.125em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	inset-inline-start: auto;
	inset-inline-end: 11px;
	height: 12px;
	margin-top: -6px;
	font-size: 12px;
	pointer-events: none;
}

.color-\#59677C,
[color~="#59677c"] {
	--un-text-opacity: 1;
	color: rgba(89, 103, 124, var(--un-text-opacity))
}

.bg-\#141F2E {
	--un-bg-opacity: 1;
	background-color: rgba(20, 31, 46, var(--un-bg-opacity))
}

.bg-\#111923 {
	--un-bg-opacity: 1;
	background-color: rgba(17, 25, 35, var(--un-bg-opacity))
}

.\!bg-\#4F3FC5 {
	--un-bg-opacity: 1 !important;
	background-color: rgba(79, 63, 197, var(--un-bg-opacity)) !important;
}

.bg-\#DBA84C {
	--un-bg-opacity: 1;
	background-color: rgba(219, 168, 76, var(--un-bg-opacity));
}

.font-size-16px {
	font-size: 16px
}

.font-size-24px {
	font-size: 24px;
}

.b-rd-25px,
.rd-25px,
[b~=rd-25px] {
	border-radius: 25px;
}

.w-100\%,
.w-full {
	width: 100%
}


.w-100vw {
	width: 100vw
}

.w-108px {
	width: 108px
}

.w-110px {
	width: 110px
}

.w-112px {
	width: 112px
}

.w-116px {
	width: 116px
}

.w-120px {
	width: 120px
}

.w-1212px {
	width: 1212px
}

.w-130px,
.w130px {
	width: 130px
}

.w-140px {
	width: 140px
}

.w-150px {
	width: 150px
}

.w-16px {
	width: 16px
}

.w-175px {
	width: 175px
}

.w-176px {
	width: 176px
}

.w-18px {
	width: 18px
}

.w-19\% {
	width: 19%
}

.w-20\% {
	width: 20%
}

.w-80\% {
	width: 80%
}

.w-24\.5\% {
	width: 24.5%
}


.w-196px {
	width: 196px
}

.w-20px {
	width: 20px
}

.w-22px {
	width: 22px
}

.w-230px {
	width: 230px
}

.w-232px {
	width: 232px
}

.w-24\.5\% {
	width: 24.5%
}

.w-22px {
	width: 22px;
}

.w-24px {
	width: 24px
}

.w-25vw {
	width: 25vw
}

.w-26\% {
	width: 26%
}

.w-260px {
	width: 260px
}

.w-185px {
	width: 185px;
}

.w-26px {
	width: 26px
}

.w-28px {
	width: 28px
}

.w-30\% {
	width: 30%
}

.w-300px {
	width: 300px
}

.w-32\.5\% {
	width: 32.5%
}

.w-32\% {
	width: 32%
}

.w-33\% {
	width: 33%
}

.w-34px {
	width: 34px
}

.w-35\% {
	width: 35%
}

.w-36\% {
	width: 36%
}

.w-37\% {
	width: 37%
}

.w-39\% {
	width: 39%
}

.w-40\% {
	width: 40%
}

.w-400px {
	width: 400px
}

.w-42px {
	width: 42px
}

.w-44\% {
	width: 44%
}

.w-440px {
	width: 440px
}

.w-44px {
	width: 44px
}

.w-45px {
	width: 45px
}

.w-460px {
	width: 460px
}

.w-46px {
	width: 46px
}

.w-48\% {
	width: 48%
}

.w-48px {
	width: 48px
}

.w-49\% {
	width: 49%
}

.w-50\% {
	width: 50%
}

.w-500px {
	width: 500px
}

.w-52\% {
	width: 52%
}

.w-532px {
	width: 532px
}

.w-58\% {
	width: 58%
}

.w-59\% {
	width: 59%
}

.w-595px {
	width: 595px
}

.w-60\% {
	width: 60%
}

.w-60px {
	width: 60px
}



.w-62\% {
	width: 62%
}

.w-62px {
	width: 62px
}

.w-65\% {
	width: 65%
}

.w-67\% {
	width: 67%
}

.w-69\.3\% {
	width: 69.3%
}

.w-70\% {
	width: 70%
}

.w-72\% {
	width: 72%
}

.w-73\% {
	width: 73%
}

.w-76\% {
	width: 76%
}

.w-79\% {
	width: 79%
}

.w-76px {
	width: 76px
}

.w-80\% {
	width: 80%
}

.w-86px {
	width: 86px
}

.w-90\% {
	width: 90%
}

.w-900px {
	width: 900px
}

.w-90px {
	width: 90px
}

.w-95\% {
	width: 95%
}

.h-22px {
	height: 22px;
}

.h-24px {
	height: 24px;
}

.h-46px {
	height: 46px
}

.h-50px {
	height: 50px
}

.h-162px {
	height: 162px
}

.h-60\% {
	height: 60%;
}

.h-90\% {
	height: 90%;
}

.h-100\% {
	height: 100%
}


.font-color {
	color: #fff
}

.w-61\% {
	width: 61%
}

.grid-items-center,
.items-center {
	align-items: center;
}

.m-0,
.m0 {
	margin: 0;
}


.mr-1vw {
	margin-right: 1vw;
}

.mr-4 {
	margin-right: 1rem;
}

.mr-4px {
	margin-right: 4px;
}

.mr-6px {
	margin-right: 6px
}

.mr-14px {
	margin-right: 14px;
}

.mr-20px {
	margin-right: 20px;
}

.mt-9px {
	margin-top: 9px
}

.mb-4px {
	margin-bottom: 4px;
}

.mb-6px {
	margin-bottom: 6px
}

.mb-\[10px\],
.mb-10px {
	margin-bottom: 10px
}

.mb-20px {
	margin-bottom: 20px
}

.mb-30px {
	margin-bottom: 30px
}

.mt-\[30px\],
.mt-30px {
	margin-top: 30px
}

.mt-1em {
	margin-top: 1em
}

.mt-\[10px\],
.mt-10px,
.mt10px {
	margin-top: 10px;
}

.mt-\[14px\],
.mt-14px {
	margin-top: 14px
}

.mt-\[20px\],
.mt-20px {
	margin-top: 20px;
}

.mt-\[30px\],
.mt-30px {
	margin-top: 30px
}

.mt-\[39px\] {
	margin-top: 39px
}

.mt-\[57px\] {
	margin-top: 57px
}

.mt-120px {
	margin-top: 120px
}

.mt-12px {
	margin-top: 12px
}

.mt-14\% {
	margin-top: 14%
}

.mt-16px {
	margin-top: 16px
}

.mt-18px {
	margin-top: 18px
}

.mt-1em {
	margin-top: 1em
}

.mt-2\% {
	margin-top: 2%
}

.mt-22px {
	margin-top: 22px
}

.mt-24px {
	margin-top: 24px
}

.mt-25px {
	margin-top: 25px
}

.mt-26px {
	margin-top: 26px
}

.mt-3\.2vh {
	margin-top: 3.2vh
}

.mt-3\.6\% {
	margin-top: 3.6%
}

.mt-32px {
	margin-top: 32px
}

.mt-34px {
	margin-top: 34px
}

.mt-36px {
	margin-top: 36px
}

.mt-38px,
[m~=t-38px] {
	margin-top: 38px
}

.mt-3vh {
	margin-top: 3vh
}

.mt-4\% {
	margin-top: 4%
}

.mt-40px {
	margin-top: 40px
}

.mt-44px {
	margin-top: 44px
}

.mt-4px {
	margin-top: 4px
}

.mt-4vh {
	margin-top: 4vh
}

.mt-5\.5vh {
	margin-top: 5.5vh
}

.mt-50px {
	margin-top: 50px
}

.mt-5vh {
	margin-top: 5vh
}

.mt-6px {
	margin-top: 6px
}

.mt-6vh {
	margin-top: 6vh
}

.mt-8px {
	margin-top: 8px
}

.mt-90px {
	margin-top: 90px
}


.mb-1em {
	margin-bottom: 1rem;
}

.line-height-16px {
	line-height: 16px
}

.line-height-18px {
	line-height: 18px
}

.line-height-20px {
	line-height: 20px
}

.line-height-24px {
	line-height: 24px
}

.line-height-28px {
	line-height: 28px
}

.line-height-30px {
	line-height: 30px;
}

.line-height-34px {
	line-height: 34px;
}

.line-height-36px {
	line-height: 36px;
}

.line-height-39px {
	line-height: 39px;
}

.line-height-40px {
	line-height: 40px;
}

.line-height-46px {
	line-height: 46px;
}

.line-height-4vh {
	line-height: 4vh;
}

.line-height-54px {
	line-height: 54px;
}

.line-height-56px {
	line-height: 56px;
}

.line-height-6\.8vh {
	line-height: 6.8vh;
}

.grid-items-center,
.items-center {
	align-items: center
}

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

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

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

.mr-3vw {
	margin-right: 3vw
}

.mx-10px {
	margin-left: 10px;
	margin-right: 10px
}

.mx-4\% {
	margin-left: 4%;
	margin-right: 4%
}

.mx-6px {
	margin-left: 6px;
	margin-right: 6px
}

.mx-6vw {
	margin-left: 6vw;
	margin-right: 6vw
}

.mx-8px {
	margin-left: 8px;
	margin-right: 8px
}

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

.my-10 {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem
}

.my-10px {
	margin-top: 10px;
	margin-bottom: 10px
}

.my-20px,
[m~=y-20px] {
	margin-top: 20px;
	margin-bottom: 20px
}

.my-26px {
	margin-top: 26px;
	margin-bottom: 26px
}

.my-30px {
	margin-top: 30px;
	margin-bottom: 30px
}

.my-36px {
	margin-top: 36px;
	margin-bottom: 36px
}

.my-50px {
	margin-top: 50px;
	margin-bottom: 50px
}

.ml-10px {
	margin-left: 10px
}

.-ml-10px {
	margin-left: -10px
}

.mt-12px {
	margin-top: 12px
}

.px-20px {
	padding-left: 20px;
	padding-right: 20px
}

.px-2\.5vw {
	padding-left: 2.5vw;
	padding-right: 2.5vw
}

.px-72px {
	padding-left: 72px;
	padding-right: 72px;
}

.pt-18px {
	padding-top: 18px
}

.pb-36px {
	padding-bottom: 36px
}

.py-12px {
	padding-top: 12px;
	padding-bottom: 12px;
}

.bg-color-1 {
	background-color: var(--bg-color-1)
}

.bg-color-5 {
	background-color: #111923;
}

.bg-color-6 {
	background-color: var(--bg-color-6);
}

.yellow-color {
	color: var(--yellow)
}

.slot-foot {
	display: flex;
	justify-content: center;
	width: 100%;
	color: #000 !important;
}

.slots-nav a,
.slot_search_box .search_input {
	color: #000 !important;
}

.slots-nav a.active,
.slots-nav a:hover {
	color: var(--secondary-color) !important;
	border-bottom: 1px solid var(--secondary-color) !important;
}


.item-promotion-home .itemgpromotion .item-imgsgames {
	min-height: 151px;
}

.btn-line .im-me {
	width: 35px;
	border: .1rem;
}

.contact-items {
	animation: gameani 1.5s linear infinite
}

@keyframes gameani {
	50% {
		transform: scale(0.90);
	}
}

.w-80\% .ant-input-affix-wrapper {
	border-radius: 6px 0 0 6px !important;
}

.regi-code {
	background: var(--side-color);
	color: #fff;
	width: 100%;
	height: 40px;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
	border-radius: 0 6px 6px 0;
}

/* .btnView {
	width: 45% !important;
	margin-left: unset !important;
} */
#gift-main .head-text,
#gift-main .left-table h5,
#gift-main .left-table span,
#gift-main .gift_leftmenu ul li a {
	color: #fff;
}

.gift_leftmenu ul li a:hover,
.gift_leftmenu ul li a.active {
	color: var(--secondary-color) !important;
}

.footer-main .infoweb h2 {
	color: #fff;
}

.draggable-panel {
	bottom: 350px !important;
	margin-left: 45px;
}

.bg-content-section .slots-games {
	background: unset !important;
}

.slots-games .slots-games-items .brand-list li {
	border: 1px solid var(--secondary-color) !important;
}

.slots-games-items .brand-list li span {
	color: var(--main-color) !important;
}

.wheel_div .wheel_container .turnplate {
	background-position-y: 0px;
}

.center-table th {
	background: #FFF !important
}

/* how to swiper video and deposit */

.howto-section {
	background: var(--side-color);
	border-radius: 10px;
	margin: 10px;
}

.howto-section .howto-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin: 0 15px 18px;
	position: absolute;
	left: 250px;
	margin-top: 20px;
	z-index: 999999;
	background: #000;
	border-radius: 50px;
}

.howto-video iframe {
	border-radius: 15px 10px 10px 15px;
}

.howto-section .howto-swiper .left-info {
	padding: 20px 40px;
	margin-top: 60px;
	height: 220px;
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.howto-section .howto-tabs .howto-tab img {
	width: 20px;
}

.howto-section .howto-tab {
	cursor: pointer;
	color: #fff;
	border-radius: 20px;
	padding: 8px 16px;
	font-weight: 600;
	transition: all .2s;
	display: flex;
	align-items: center;
	gap: 5px;
	text-align: center;
}

.howto-section .howto-tab.active {
	background: var(--card-lg)
}

.howto-section .howto-info h2 {
	color: #fff;
	margin: 10px 0 20px
}

.howto-section .col-md-6 {
	padding: 0;
}

.howto-section .row {
	margin-bottom: -5px;
}

.howto-section .howto-info p {
	color: #fff;
	line-height: 1.5
}

.howto-section .howto-video iframe {
	width: 100%;
	height: 315px;
	border: 0;
	border-radius: 8px
}

.promo_or_dpamt a {
	color: #000000 !important;
}

/*end  how to swiper video and deposit */
.content-faq .other p img {
	width: 93%;
	height: auto;
}

.notifcation-completed {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 6px;
	border-radius: 12px;
	background: #ffca00;
	color: #dc143c;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	box-shadow: 0 2px 6px rgba(220, 20, 60, .3);
}

.center-data-btn a {
	background: var(--card-lg) !important;
}

/* Scoped styles for Free Event modal to match FAFA977 banner look */
#freeevent-low-frm .ant-modal-content {
	background: #0b3fa8;
	/* brand blue */
	border: 2px solid #ffd800;
	/* brand yellow */
	border-radius: 12px;
	overflow: hidden;
}

.freeevent-low-content {
	padding: 40px 0;
}

#freeevent-low-frm .ant-modal-body {
	background: #0b3fa8;
}

#freeevent-low-frm .bg-modal {
	display: none;
	/* keep layout clean inside the modal */
}

#freeevent-low-frm h4 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	margin: 0;
}

#freeevent-low-frm p {
	color: #ffffff;
	font-size: 14px;
}

#freeevent-claim-btn {
	background: #0b3fa8;
	border: 2px solid #ffd800;
	color: #ffd800;
	font-weight: 700;
	padding: 10px 24px;
	border-radius: 6px;
	min-width: 180px;
}

#freeevent-claim-btn:hover {
	opacity: 0.9;
}

#freeevent-close-btn {
	background: transparent;
	border: 1px solid #ffffff;
	color: #ffffff;
	padding: 10px 18px;
	border-radius: 6px;
	min-width: 120px;
}

#freeevent-low-frm .ant-modal-close .ant-modal-close-icon img {
	filter: brightness(10);
}
@charset "utf-8";

body {
	--color: #494949;
	--block: #1f1f1f;
	--bg: #FFF;
	--bo: #b31390;
	--lg: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);
	--main-color: #003893;
	--secondary-color: #DC143C;
	--secondary-card: #F0F0F0;
	--lg-secondary: linear-gradient(90deg, var(--secondary-color) 0%, var(--main-color) 100%);
	--header-color: var(--main-color);
	--side-color: var(--secondary-color);
	--card-lg: linear-gradient(180deg, var(--secondary-color) 0%, var(--main-color) 100%);
	--secondary-text: var(--main-color);
}

:root {
	--primary-color: #523FBE;
	--font-color: #97A7B6;
	--bg-color-1: #161F2C;
	--bg-color-2: #141F2E;
	--bg-color-3: #404955;
	--bg-color-4: #1E2B3E;
	--bg-color-5: #111923;
	--bg-color-6: #1D2633;
	--border-color: #2B445B;
	--blue: #5780E9;
	--blue2: #4F3FC5;
	--yellow: #DBA84C;
	--warn-color: #EF7979;
	--success-color: #00973c;

	/* change_color_theme */
	--bg-color: #000000;
	--border-nav: #494949;
	--bg-nav: #0f0f0f;
	--bg-menu: #1b1b1b;
	--bg-header: #000;
	--bg-footer: #191919;
	--login-input: #272727;
	--bg-marquee: #0d0d0d;
	--border-marquee: #565656;
	--bg-navigation: #333333;
	--bg-menu-active: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);
	--bg-top: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);
	--bg-btn-deposit: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);
	--bg-provider: #00008b;
	--bg-match: #000000;
	--bg-match-mid: #252525;
	--border-match: #ffffff;
	--navigation-color: #fff;
	--bg-download: #1f1f1f;
	--bg-dropdown: #0f0f0f;
	--bg-dropdown-item: #1b1b1b;
	--bg-dropdown-hover: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);
	--bg-promotion: #0f0f0f;
	--bg-promo: #1b1b1b;
	--bg-promo-title: #1b1b1b;
	--bg-promo-active: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);
	--promo-pop: #0f0f0f;
	--promo-pop-title: #1f1f1f;
	--bg-head-top: #272727;
	--bg-center: #0f0f0f;
	--bg-center-item: linear-gradient(90deg, #00008D 0%, #1a1ae9 100%);

}

.login-input ::placeholder {
	color: #fff !important;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-thumb {
	background: var(--secondary-color);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb {
	background: var(--secondary-color);
	border-radius: 4px;
}

a,
a:hover {
	text-decoration: none;
	outline: 0;
}

.w-100 {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	display: block;
}

.w-1200 {
	width: 100%;
	max-width: 1200px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	display: block;
}

body {
	/* background: #0d131c !important; */
	background: var(--bg-color) !important;
}

.header-02 #member_credit {
	color: var(--main-color) !important;
}

.header {
	background: var(--header-color);
	position: fixed;
	z-index: 99;
	z-index: 29;
}

.logo a img {
	width: 100%;
	/* max-width: 169px; */
	/* padding: 15px 0; */
	max-height: 55px;
}

.btn-icon-01 i img {
	width: 100%;
	max-width: 40px;
	border-radius: 40%;
}

.btn-icon-01 {
	font-size: 16px;
	color: #ffffff;
	box-shadow: 0 3px 6px #00000029;
	padding: 5px 20px;
	margin: 5px auto;
}

.d-app {
	background: linear-gradient(316deg, #263062 0%, #121a22 83%);
}

.btn-pro {
	background: linear-gradient(316deg, #3e381f 0%, #121a22 83%);
}

.icon {
	padding: 2px 5px;
}

.btn-icon-01:hover {
	color: #b3b3b3;
}

.num {
	position: relative;
}

.numb {
	position: absolute;
	top: 11px;
	right: 10px;
	font-size: 16px;
	font-weight: bold;
}


.languages img {
	width: 100%;
	max-width: 30px;
}

.header-02 {
	padding: 15px 0;
	display: flex;
	justify-content: end;
}

.bg-nav {
	width: 100%;
	max-width: 260px;
	height: 100%;
	/* background: #111923; */
	background: var(--secondary-text);
	padding-right: 20px;
	float: left;
	height: 100%;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.bg-nav ul li a i.icon-nav {
	width: 40px;
	height: 31px;
	text-align: center;
	/* margin: -5px auto; */
	display: inline-block;
}

.icon-home {
	background: url("../images/nav/home.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-home,
.bg-nav ul li.active>a i.icon-home {
	background: url("../images/nav/home-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-sport {
	background: url("../images/nav/sport.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-sport,
.bg-nav ul li.active>a i.icon-sport {
	background: url("../images/nav/sport-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-casino {
	background: url("../images/nav/casino.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-casino,
.bg-nav ul li.active>a i.icon-casino {
	background: url("../images/nav/casino-active.png") no-repeat center;
	background-size: 100% 100%;
}

a[href*="free_event"] .icon-slot {
	background: url("../images/nav/event-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-slot {
	background: url("../images/nav/slot.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a[href*="free_event"] i.icon-slot,
.bg-nav ul li.active>a[href*="free_event"] i.icon-slot {
	background: url("../images/nav/event.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-slot,
.bg-nav ul li.active>a i.icon-slot {
	background: url("../images/nav/slot-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-fishing {
	background: url("../images/nav/fishing_nacau88.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-thai-lottery {
	background: url("../images/nav/lottery_nacau88.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-lottery,
.bg-nav ul li.active>a i.icon-lottery {
	background: url("../images/nav/lottery-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-number {
	background: url("../images/nav/number.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-tutorial {
	background: url("../images/nav/tutorial.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-service {
	background: url("../images/nav/service.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-update {
	background: url("../images/nav/update.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-number,
.bg-nav ul li.active>a i.icon-number {
	background: url("../images/nav/number-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-cocks {
	background: url("../images/nav/cocks.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-cocks,
.bg-nav ul li.active>a i.icon-cocks {
	background: url("../images/nav/cocks-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-poker {
	background: url("../images/nav/poker.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-poker,
.bg-nav ul li.active>a i.icon-poker {
	background: url("../images/nav/poker-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-forex {
	background: url("../images/nav/forex.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-forex .bg-nav ul li.active>a i.icon-forex {
	background: url("../images/nav/forex-active.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-promotion {
	background: url("../images/nav/promotion.png") no-repeat center;
	background-size: 100% 100%;
}

.icon-cricket {
	background: url("../images/nav/cricket.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul li:hover>a i.icon-promotion .bg-nav ul li.active>a i.icon-promotion {
	background: url("../images/nav/promotion-active.png") no-repeat center;
	background-size: 100% 100%;
}

.bg-nav ul {
	border-radius: 0 15px 15px 0;
	background: var(--bg-menu);
	margin: 10px auto;
	overflow: hidden;
}

.bg-nav ul li {
	height: 60px;
	padding-left: 14px;
	color: #cccccc;
	font-size: 18px;
	border-bottom: 1px solid var(--secondary-card);
	background: var(--side-color);
	line-height: 60px;
	cursor: pointer;
	position: relative;
	display: flex;
	vertical-align: middle;
}

.bg-nav ul li:hover,
.bg-nav ul li.active {
	background: var(--lg-secondary);
}

/* .active {
	background: linear-gradient(194deg, #9825ff 0%, #29205f 100%);
} */

.bg-nav ul li a {
	font-size: 18px;
	color: var(--font-color);
	text-align: left;
	width: 100%;
	display: flex;
	align-items: center;
}

.bg-nav ul li:hover>a {
	color: #ffffff;
}

.bg-nav ul li a span {
	color: #97a7b6;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 500;
	margin-left: 10px;
}

.bg-nav ul li:hover span,
.bg-nav ul li.active span {
	color: #fff;
}

.active a {
	color: #ffffff !important;
}

.nav-02 ul li {
	margin: 5px auto;
}

.btn-nav {
	margin-bottom: 10px;
	width: 232px;
	height: 50px;
	display: flex;
	justify-content: start;
	cursor: pointer;
	align-items: center;
	background-size: contain;
	background-repeat: no-repeat;
	padding-left: 14px;
	color: #ffffff;
	margin-left: 10px;
}

.btn-nav span {
	color: #ffffff;
	font-size: 14px !important;
}


.btn-vip {
	background: url("../images/nav/left-nav-btn-1.webp") no-repeat center;
	background-size: 100% 100%;
}

.btn-line {
	background: url("../images/nav/left-nav-btn-4.webp") no-repeat center;
	background-size: 100% 100%;
}

.btn-makemoney {
	background: url("../images/nav/left-nav-btn-2.webp") no-repeat center;
	background-size: 100% 100%;
}

.btn-sponsor {
	background: url("../images/nav/left-nav-btn-3.webp") no-repeat center;
	background-size: 100% 100%;
}

.btn-nav i img {
	width: 100%;
	max-width: 40px;
}

.container-page {
	width: 100%;
	max-width: 1200px;
	max-width: 1350px;
	/* height: 100%; */
	margin: 0 auto;
	padding: 0;
	display: block;
	padding: 20px 30px 10px;
}

.promo-lobby {
	width: 100%;
	max-width: 1200px;
	max-width: 1350px;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	display: block;
	padding: 0 30px 10px;
}

.slider {
	border-radius: 15px;
}

.bg-annoument {
	background: var(--side-color);
	/* border: 1px solid var(--main-color); */
	border-radius: 25px;
	position: relative;
	padding: 10px 0;
	overflow: hidden;
	margin: 20px auto;
}

.icon-marquee img {
	width: 29px;
}

.icon-marquee {
	background: var(--side-color);
	z-index: 9;
	padding: 11px 20px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}

.more {
	/* width: 69px; */
	padding: 11px 20px;
	position: absolute;
	right: 0;
	top: 0;
	background: var(--side-color);
	color: #f9a51a;
	z-index: 9;
}

.bg-annoument marquee {
	color: #e7e4e4;
	z-index: 1;
}

.title-items {
	width: 100%;
	height: auto;
	color: var(--secondary-color);
	font-size: 18px;
	vertical-align: middle;
	text-align: left;
	display: block;
}

.title-items span {
	font-size: 18px;
	font-weight: 600;
}

.lobbypage {
	padding: 10px 0;
}

.list-game {
	width: 20%;
	width: 258px;
	position: relative;
	margin-bottom: 10px;
	cursor: pointer;
}

.itemgpromotion {
	display: flex;
}

.itemghotgames {
	display: flex;
}

.item-imgsgames {
	padding: 10px;
}

/* .itemghotgames .item-imgsgames {
	width: 430px;
} */

.itemghotgames .itemsh {
	width: 215px;
}

.item-imgsgames img {
	border-radius: 10px;
	width: 100%;
}

.lobbypage .game-text {
	font-size: 15px;
	font-weight: 600;
	color: var(--secondary-color);
	text-align: center;
	height: 30px;
}

.item-01 {
	margin: 20px auto;
}

.itemsh {
	position: relative;
}

.image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: 0.5s ease;
}

.middle {
	transition: 0.5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	z-index: 1;
}

.itemsh:hover img:not(.middle img) {
	opacity: 0.3;
}

.itemsh:hover .middle {
	opacity: 1;
}

.iconplays {
	color: white;
	font-size: 16px;
	padding: 16px 32px;
}

.iconplays img {
	border-radius: 50%;
	width: 50px;
}

.item-popular-match {
	width: 430px;
	padding: 7px;
}

.item-popular {
	border-radius: 15px;
	background: var(--secondary-text);
	margin: 30px 0px;
	/* border: 1px solid var(--border-match); */
}

.title-popular {
	width: 100%;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	display: block;
}

.logo-team {
	/* background: #ffffff; */
	border-radius: 50%;
	width: 100%;
	max-width: 60px;
	height: 60px;
	margin: 0 auto;
	text-align: center;
	display: block;
}

.logo-team img {
	width: 100%;
	padding: 2px;
}

.teamvs {
	padding: 15px 10px;
	background: var(--secondary-color);
	margin: 0 auto;
}

.title-team,
.time-live p.live-time {
	font-size: 16px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
	display: block;
}

.time-live p.datelive {
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
	line-height: 16px;
	display: block;
}

.titles {
	width: 146px;
	height: 44px;
	line-height: 44px;
	background: url("../images/popula/bg_fafa977.png") no-repeat center;
	background-size: 100% 100%;
	font-size: 16px;
	color: #ffffff;
	display: block;
}

.bg-scor {
	padding: 10px 5px;
}

.titlescor {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	font-size: 12px;
	color: #ffffff;
	padding: 5px 0;
	display: block;
}

.scors {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.scors span {
	padding: 0 10px;
	font-size: 12px;
	color: #ffffff;
}

.itemgpopular {
	margin: 20px auto;
}

.itemgpopular-form {
	width: 100%;
	height: auto;
	display: flex;
}

.brand {
	display: none;
}

.header-brand {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	font-size: 20px;
	padding: 16px 0;
	color: #ffffff;
	background: url("../images/head.png") no-repeat center;
	display: block;
}

.brand .video {
	height: 100%;
}

.brand iframe {
	width: 100%;
	height: 100%;
}

.bg-1 {
	width: 100%;
	height: auto;
	background: linear-gradient(181deg, #13243d 0%, #5d6f91 28%, #0c1a2e 65%);
	border-radius: 10px;
	display: flex;
	justify-content: center;
	padding: 10px;
	align-items: end;
}

.bg-2 {
	width: 100%;
	height: auto;
	background: #17253b;
	border-radius: 10px;
	/* padding: 10px 15px; */
	box-shadow: 0 3px 6px #000000e3;
}

.info-01 {
	width: 100%;
	max-width: 265px;
	height: auto;
	display: flex;
	text-align: center;
	margin: 0 auto;
}

.s-01 {
	flex: 1;
}

.s-02 {
	font-size: 18px;
	color: #ffffff;
}

.s-03 {
	font-size: 12px;
	color: #ffffff;
}

.detail {
	width: 100%;
	max-width: 250px;
	height: auto;
	display: flex;
	color: #ffffff;
	line-height: 35px;
	padding: 20px 0;
	text-align: left;
	margin: 0 auto;
}

.download-title {
	width: 100%;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0;
	position: relative;
	background: #111923;
	color: #fff;
}

.download-title h5 {
	color: #fff;
}

/* new-download */
.bg-download {
	width: 100%;
	border-radius: 10px;
	background: #111923;
	padding-left: 2.5vw;
	padding-right: 2.5vw;
	padding-top: 18px;
	padding-bottom: 6.6vh;
	margin-top: 20px;
}

.bg-download .text-scan {
	color: #fff;
	font-size: 16px;
	margin-top: 20px;
	text-align: start;
}

.download_qr {
	display: flex;
	margin-top: 40px;
}

.download_qr .qrcode-bg {
	width: 100%;
	max-width: 137px;
	height: 137px;
	background: url(../images/download/download.png) no-repeat center;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.download_qr .ant-qrcode canvas {
	width: 100px;
	height: 100px;
}

.download_qr .text {
	margin-top: 10px;
	width: 130px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	--un-bg-opacity: 1;
	background-color: rgba(30, 39, 54, var(--un-bg-opacity));
	text-align: center;
	line-height: 30px;
	--un-text-opacity: 1;
	color: rgba(255, 255, 255, var(--un-text-opacity));
}

.bg-download .text-promode {
	color: #97A7B6;
	font-size: 15px;
	margin-top: 20px;
	text-align: start;
}

/* end */

.download-01 h1 {
	width: 100%;
	height: auto;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.download-01 h1 img {
	width: 100%;
}

.download-01 p {
	width: 100%;
	height: auto;
	/* text-align: center; */
	margin: 0 auto;
	color: #ffffff;
	padding: 20px 0;
	font-size: 15px;
	display: block;
}

.qrcode {
	width: 100%;
	max-width: 137px;
	height: auto;
	height: 137px;
	background: url("../images/download/download.png") no-repeat center;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;

}

.qrcode img {
	width: 100%;
}

p.icon-download {
	margin-top: 10px !important;
	width: 130px !important;
	height: 30px !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: var(--bg-download);
	text-align: center;
	line-height: 30px;
	color: #ffffff;
}

p.icon-download span {
	color: #ffffff;
	padding: 0 5px;
}

.bannerdownload {
	padding: 20px 0;
}

.bannerdownload img {
	width: 100%;
}

.provider-logo {
	width: 100%;
	max-width: 200px;
	height: 80px;
	/* background: url("../images/provider/background.png") no-repeat center; */
	background: #d6d6d6;
	background-size: 100% 100%;
	align-items: center;
	padding: 10px;
	/* margin: 25px 5px; */
	display: flex !important;
	justify-content: center;
	/* border: 1px solid var(--main-color); */
	border-radius: 10px;
}

.provider-logo img {
	/* height: 50px;
	width: 100%; */
	max-width: 190px;
	text-align: center;
	margin: 0 auto;
}

.footer-main {
	background: var(--main-color);
	/* position: relative; */
	margin-left: 260px;
	width: calc(100vw - 266px);
	clear: both;
}

.info-footer h3,
.info-footer-02 h3 {
	color: #ffffff;
	text-align: left;
	font-size: 18px;
}

.info-02 ul,
.info-03 ul {
	width: 100%;
	height: auto;
	text-align: left;
	display: block;
}

.info-02 ul li {
	padding: 5px 0;
	display: block;
}

.info-02 ul li a {
	color: #e7e9eb;
	font-size: 14px;
	padding: 15px 0;
}

.top-footer {
	padding: 15px 0;
}

.info-03 ul li {
	display: inline-block;
	padding: 3px;
}

.info-03 ul li img {
	width: 35px;
	border-radius: 5px;
	height: 35px;
}

.info-03 ul {
	padding: 15px 0;
}

.midle-footer {
	padding: 20px 0;
	border-top: 1px solid var(--secondary-card);
}

.spornsor {
	width: 100%;
	height: auto;
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.spornsor ul li {
	display: inline-block;
	padding: 10px;
}

.spornsor ul li a img {
	height: 40px;
}

.infoweb p {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	font-size: 16px;
	line-height: 28px;
	display: block;
	font-size: 13px;
}

.container:hover .middle {
	opacity: 1;
}

/* .input {
	max-width: 100px;
} */

.lead {
	font-size: 14px !important;
	font-weight: 300 !important;
}

/* .sweet-alert {
    color: var(--txt);
    background-image: var(--box);
    border: 1px var(--color) solid !important;
    background-color: transparent !important;
    margin-top: -200px !important;
} */

.sweet-alert button {
	background-image: var(--lg) !important;
}

.top.btn {
	background: var(--lg-secondary);
	border-radius: 50%;
	display: flex;
	bottom: 10%;
}

.top.btn:hover {
	color: #fff;
}

/* custom_new */
.header-top {
	height: 80px;
}

.sideNav {
	width: 260px;
	height: calc(100vh - 80px);
	background: var(--main-color);
	position: fixed;
	left: 0;
	top: 80px;
	/* box-shadow: 0 0 10px var(--secondary-color);
	z-index: 1; */
}

.main_page {
	/* height: 100%; */
	min-height: 760px;
	width: calc(100vw - 266px);
	margin-left: 260px;
	margin-top: 80px;
	position: relative;
	--un-bg-opacity: 1;
	background-color: rgba(13, 19, 28, var(--un-bg-opacity));
	background-color: var(--bg);
}

.flex {
	display: flex;
}

.ant-input-affix-wrapper>input.ant-input {
	padding: 0;
	font-size: inherit;
	border: none;
	border-radius: 0;
	outline: none;
}

.ant-input {
	box-sizing: border-box;
	margin: 0;
	padding: 4px 11px !important;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	position: relative;
	display: inline-block;
	width: 100%;
	min-width: 0;
	background-color: #ffffff;
	background-image: none;
	border-width: 1px;
	border-color: #d9d9d9;
	border-radius: 6px;
	transition: all 0.2s;
}

.ant-input-select {
	padding: 9px 20px !important;
}

.ant-input-code {
	padding: 8px 11px !important;
}

.ant-btn {
	outline: none;
	position: relative;
	display: inline-block;
	font-weight: 400;
	white-space: nowrap;
	text-align: center;
	border: 1px solid transparent;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	user-select: none;
	touch-action: manipulation;
	line-height: 1.5714285714285714;
	color: rgba(0, 0, 0, 0.88);
}

.ant-btn {
	font-size: 14px;
	height: 32px;
	padding: 4px 15px;
	border-radius: 6px;
}

.ant-btn span {
	color: #fff !important;
}

.ant-btn-primary {
	color: #fff !important;
	background-color: #1677ff;
	box-shadow: 0 2px 0 rgba(5, 145, 255, 0.1);
}

.bg-primary,
.ant-btn-primary,
.ant-btn-primary:not(:disabled):hover {
	background-color: var(--secondary-color);
}

.login-btn {
	display: flex;
	justify-content: center;
	align-items: center;
}

.register-pop {
	display: flex;
	justify-content: center;
	align-items: center;
}

.login-input .ant-input {
	width: 160px;
	height: 50px;
	background: var(--side-color);
	border: none;
	color: #fff;
}

.login-input .ant-input-password {
	width: 186px;
	height: 50px;
	background: #2a3546;
	padding-top: 0;
	border: none;
}

.login-input .ant-input::placeholder {
	color: var(--font-color);
}

.login-input .ant-input-password-icon,
.login-input .ant-input-password-icon:hover {
	color: var(--font-color);
}

.login-btn .ant-btn {
	height: 50px !important;
	margin-right: 1rem;
	min-width: 120px;
	font-size: 18px;
}

.login-btn .ant-btn span {
	color: var(--secondary-text) !important;
	font-size: 16px;
	font-weight: 600
}

.register-btn,
.register-btn:not(:disabled):hover {
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.register-btn:before {
	content: "";
	position: absolute;
	width: 134px;
	height: 66px;
	background-color: #ffffff63;
	top: -8px;
	left: -8px;
	border-radius: 10px;
}

.register-btn:not(:disabled):hover:before {
	display: none;
}

.blue-color {
	color: #5780e9;
}

.blue-color {
	color: var(--blue)
}

.cursor-pointer {
	cursor: pointer;
}

.top-18px {
	top: 15px;
}

.right-10px {
	right: 10px;
}

.relative {
	position: relative;
}

.absolute,
.position-absolute {
	position: absolute;
}

/* language&info */
.lang-wrap {
	padding: 0 31px 5px;
	background-color: var(--side-color);
	border-radius: 10px;
	/* border: 1px solid var(--main-color); */
	box-shadow: 0 2px 3px #272b37c9;
	max-height: 600px;
	overflow: scroll !important;
	overflow-y: auto;
	scrollbar-width: none;
}

.lang-wrap .title {
	border-bottom: 1px solid var(--secondary-card)
}

.lang-wrap .content>div {
	position: relative
}

.lang-wrap .content>div:hover {
	color: #5780e9
}

.lang-wrap .content>div:after {
	content: "";
	width: 1px;
	height: 16px;
	background-color: #97a7b6;
	position: absolute;
	top: 50%;
	right: -14px;
	transform: translateY(-50%)
}

.lang-wrap .content>div:last-child:after {
	display: none
}

.lang-wrap .lang-name {
	color: #fff;
	text-transform: capitalize;
}

.lang-dropdown:where(.css-dev-only-do-not-override-kqecok).ant-dropdown .ant-dropdown-arrow:before {
	background-color: #272b37;
}

.amount-head {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	padding: 0 15px;
}

.credit-head {
	display: block;
	text-align: center;
	color: #fff;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3px;
}

.credit-head span {
	padding: 0 5px;
}

.credit-head .js-refresh img {
	width: 20px;
	transition: all ease 0.5s;
}

.ant-dropdown-trigger {
	width: 76px;
	height: 36px;
	--un-border-opacity: 1;
	border-color: var(--main-color);
	background: var(--side-color);
	border-radius: 20px;
	border-width: 1px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-style: solid;
	cursor: pointer;
}

.bg[data-v-info] {
	height: 50px;
	background-color: var(--side-color);
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029;
	margin-right: 1vw;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.bg[data-v-username] {
	width: 200px;
	height: 50px;
	/* background: var(--bg-head-top); */
	border-radius: 25px;
	box-shadow: 0 3px 6px #00000029;
	margin-right: 1vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer
}

.bg[data-v-username] img {
	margin-right: 10px;
}

.btn-depo[data-v-depo] {
	width: 133px;
	height: 44px;
	background: var(--card-lg);
	border-radius: 10px;
	margin-right: 4px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	gap: 10px;
}

.notification[data-v-notifi] {
	width: 50px;
	height: 50px;
	background: var(--side-color);
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029;
	margin-right: 1vw;
	text-align: center;
	line-height: 50px;
	cursor: pointer
}

.ant-dropdown {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	position: absolute;
	top: -9999px;
	/* left: -9999px; */
	z-index: 1050;
	display: block;
	min-width: 200px;
}

.ant-infoDown {
	left: 340px;
	top: 56px;
}

.ant-langDown {
	min-width: 76px;
	top: 56px;
	right: 0;
}

.dropdown-bg {
	width: 320px;
	background: var(--side-color);
	/* border: 1px solid var(--main-color); */
	border-radius: 12px;
	padding: 16px 26px 26px;
}

.level {
	width: 32px;
	height: 36px;
	text-align: center;
	line-height: 32px;
	background-image: url(data:image/png;base64,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);
	background-size: contain;
	position: absolute;
	bottom: 2px;
	left: 140px
}

.money {
	display: flex;
	justify-content: center;
	color: #fff;
	margin-bottom: 16px;
	font-size: 12px;
	display: none;
}

.money>div {
	display: flex;
	flex-direction: column;
	align-items: center
}

.money>div span:last-child {
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
	color: var(--yellow);
	margin-top: 2px
}

.center-contant {
	background: var(--secondary-card) !important;
}

.item-info a {
	display: block;
	margin-bottom: 14px;
	color: var(--bg);
	cursor: pointer;
}

.item-info div {
	width: 100%;
	height: 44px;
	background: var(--side-color);
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029;
	margin-bottom: 14px;
	display: flex;
	align-items: center;
	padding-left: 20px;
	cursor: pointer
}

.item-info .active div,
.item-info div:hover {
	background: var(--lg-secondary);
}

.item-info div:last-child {
	margin-bottom: 0
}

.item-info .icon {
	width: 37px;
	height: auto;
}

.download-app-btn {
	background: linear-gradient(316deg, #263062 0%, #121a22 83%);
	box-shadow: 0 3px 6px #00000029
}

.promotion-btn {
	background: linear-gradient(316deg, #3e381f 0%, #121a22 83%);
	box-shadow: 0 3px 6px #00000029;
	padding-right: 10px
}

.icon-user {
	height: 40px;
}

.icon-vip {
	height: 20px;
}

.ant-dropdown {
	transform: scale(0);
	transform-origin: 0% 0%;
	opacity: 0;
	animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
	animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	animation-duration: 0.2s;
	animation-fill-mode: both;
	animation-play-state: paused;
}

.ant-dropdown.ant-slide-up-enter {
	animation-name: css-kqecok-antSlideUpIn;
	animation-play-state: running;
}

.ant-dropdown.ant-slide-up-leave {
	animation-name: css-kqecok-antSlideUpOut;
	animation-play-state: running;
	pointer-events: none;
}


@keyframes css-kqecok-antSlideUpIn {
	0% {
		transform: scaleY(0.8);
		transform-origin: 0% 0%;
		opacity: 0;
	}

	100% {
		transform: scaleY(1);
		transform-origin: 0% 0%;
		opacity: 1;
	}
}

@keyframes css-kqecok-antSlideUpOut {
	0% {
		transform: scaleY(1);
		transform-origin: 0% 0%;
		opacity: 1;
	}

	100% {
		transform: scaleY(0.8);
		transform-origin: 0% 0%;
		opacity: 0;
	}
}

@keyframes css-kqecok-antSlideDownIn {
	0% {
		transform: scaleY(0.8);
		transform-origin: 100% 100%;
		opacity: 0;
	}

	100% {
		transform: scaleY(1);
		transform-origin: 100% 100%;
		opacity: 1;
	}
}

/* promotion */
.body-contents li {
	width: 50%;
	float: left;
	padding: 10px;
}

.body-action-btn-group {
	display: flex;
	gap: 15px;
}

.body-contents {
	max-height: 350px;
	overflow: auto;
	margin-left: 10px;
}

.popup-body {
	background: var(--promo-pop);
	padding: 20px 10px;
	color: var(--fff);
}

.popup-body-action {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr;
}

.popup-body-action img {
	border-radius: 10px;
}

.popup-body-action .body-action-container {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 15px;
}

.popup-body-action .body-subtitle {
	font-weight: bold;
	font-size: large;
}

.body-action-btn-group a {
	background-image: var(--lg);
	border-radius: 10px 0 10px 0;
	border: 2px #58549d solid;
	overflow: hidden;
	font-weight: bold;
	color: var(--fff);
	padding: 5px 15px;
	display: flex;
}

.vline {
	margin: 25px 0;
	border: 1px solid #b31390;
}

.body-contents p span {
	color: white !important;
}

/* slots */
.showloader {
	position: relative;
	width: 100%;
	height: 100px;
}

.showloader::after {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	/* border: 3px var(--999) solid; */
	border: 3px #b31390 solid;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	animation: anime-zoom-in 1s infinite alternate;
	/* filter: opacity(0.3); */
}

.vloading {
	margin-top: 10px;
	display: none;
}

.vloading span {
	display: block;
	text-align: center;
	color: white;
	font-size: large;
	font-weight: bold;
}

.total_of_slots {
	font-size: large;
	text-align: center;
	margin: 30px auto;
	color: white;
}

.total_of_slots {
	color: #fff;
	text-align: center;
	height: 30px;
}

.slot-foot {
	color: #fff;
}

.load_more:before {
	content: "";
	border: 6px solid #f3f3f3;
	border-top: 6px solid #3498db;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 2s linear infinite;
	display: inline-block;
	margin-left: 10px;
}

#load_more {
	display: block;
	text-align: center;
	margin-bottom: 8px;
	display: none;
	position: relative;
	top: 50px;
}

#load_more a {
	display: inline-block;
	cursor: pointer;
}


/*#load_more a:hover{
    -ms-transform: scale(1.2)!important;
    -webkit-transform: scale(1.2)!important;
    transform: scale(1.2)!important;
    transition: all 0.5s!important;
}*/

#load_more a img {
	width: 50px;
	padding-top: 8px;
	transform: rotate(180deg);
	transition: transform 0.5s linea;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.provider_logo {
	position: absolute;
	background-size: 80%;
	width: 40px;
	height: 40px;
	background-color: rgb(255 255 255);
	border-radius: 0px 0px 3.4em;
	background-repeat: no-repeat;
	animation: rotateIn .2s linear alternate;
	animation-iteration-count: 1;
	background-position: 0 0px;
}

.new_games {
	position: absolute;
	width: 30%;
	height: 40%;
	top: 0;
	right: 0;
	background-image: url(data:image/png;base64,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);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right 0;
	z-index: 999999;
}

.arrow_slots,
.arrow_slots:before {
	position: absolute;
	left: 50%;
}

.arrow_slots {
	width: 40px;
	height: 40px;
	bottom: 10px;
	margin: -20px 0 0 -20px;
	-webkit-transform: rotate(45deg);
	border-left: none;
	border-top: none;
	border-right: 2px #fff solid;
	border-bottom: 2px #fff solid;
}

.arrow_slots:before {
	content: '';
	width: 20px;
	height: 20px;
	bottom: 10px;
	margin: -10px 0 0 -10px;
	border-left: none;
	border-top: none;
	border-right: 1px #2994D1 solid;
	border-bottom: 1px #2994D1 solid;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-name: arrow_slots;
}

@keyframes arrow_slots {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translate(-10px, -10px);
	}
}

.blur_img {
	filter: blur(4px);
	-webkit-filter: blur(4px);
}

.imgslot_fade {
	-webkit-animation: zoomIn 0.2s !important;
	animation: zoomIn 0.2s !important;
}

.loading_slots {
	position: absolute;
	z-index: 99999;
	display: block;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.lds-ripple {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	margin-left: 50px;
	margin-top: 35px;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid #cef;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}

	4.9% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}

	5% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

.item-games-btn {
	position: relative;
}

.item-games-btn .swiper-button-next,
.item-games-btn .swiper-button-prev {
	position: absolute;
	width: 31px;
	height: 31px;
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 23px;
	background-color: var(--side-color);
	color: var(--navigation-color);
	border-radius: 7px;
	opacity: .35;
}

.item-games-btn .swiper-button-next.active,
.item-games-btn .swiper-button-prev.active {
	background-color: var(--side-color);
	opacity: 1;
}

/* .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
} */

.item-games-btn .swiper-button-prev {
	top: 23px;
	right: -1150px !important;
}

.item-games-btn {
	display: flex;
	justify-content: space-between;
}

.swiper-slots .swiper-button-next,
.swiper-slots .swiper-button-prev {
	background-color: rgba(151, 167, 182, var(--un-bg-opacity));
	color: #fff;
	border-radius: 5px;
	height: 25px;
	width: 25px;
	top: 60%;
	opacity: .35;
}

.swiper-slots .swiper-button-next.active,
.swiper-slots .swiper-button-prev.active {
	opacity: 1;
}

.swiper-slots .swiper-button-next {
	right: 0;
}

.swiper-slots .swiper-button-prev {
	left: 0;
}

.popup_banner {
	left: 0;
}

.main_games {
	min-height: 1200px;
}

.main_games.afbsports2 {
	min-height: 1400px;
}

.slots-games .slots-games-items .brand-list {
	width: 1350px !important;
	margin: auto;
}

.slots-games .slots-games-items .brand-list li {
	width: 159px !important;
}

.slots-games .slots-games-items .slots-games-right {
	width: 1350px !important;
	margin: auto;
}

.slots-games .slots-games-items .slots-games-right .type-game-list-box .slot-game-content li {
	width: 207px !important;
}

.slot_search_box {
	margin-top: -45px !important;
	margin-right: 53px !important;
}

.type-game-list-box .total_of_slots {
	color: var(--secondary-color) !important;
}

.slots-games .slots-games-items .brand-list li:hover,
.slots-games .slots-games-items .brand-list li.active {
	background: var(--lg) !important;
}

.btn_pass {
	top: 10px;
}

.btn_pass img {
	width: 25px;
}

/* contact-us */
.contact-us ul {
	width: 40%;
	margin: auto;
}

.contact-us li {
	padding: 15px;
	margin: 15px;
	display: flex;
	border-radius: 10px;
	justify-content: flex-start;
}

.contact-us i {
	font-size: 50px;
}

.contact-us li a:hover img {
	transform: rotateY(180deg);
}

.contact-us a {
	display: flex;
	align-items: center;
	color: var(--color);
}

.contact-us span {
	padding: 10px;
	font-size: 20px;
}

.contact-us img {
	width: 50px;
	height: 50px;
}

.contact-bg {
	border: 1px solid var(--color);
	box-shadow: 1px 2px 2px var(--color);
	overflow: hidden;
}

.contact-us ul li.bg-linelink {
	background: #25d366 !important;
}

.contact-us ul li.bg-whatsapp {
	background: #2fba43 !important;
}

.contact-us ul li.bg-skype {
	background: #08b2f0 !important;
}

.contact-us ul li.bg-wechat {
	background: #35c309 !important;
}

.contact-us ul li.bg-telegram {
	background: #2fafe1 !important;
}

.contact-us ul li.bg-email {
	background: #e02f2f !important;
}

.contact-us ul li.bg-meta {
	background: #1877f2 !important;
}

.contact-us ul li.bg-twitter {
	background: #55acee !important;
}

.contact-us ul li.bg-phone {
	background: #67c15e !important;
}

.contact-us ul li.bg-instagram {
	background: #c8359b !important;
}

.contact-us ul li.bg-youtube {
	background: #e02f2f !important;
}

.contact-us ul li.bg-message {
	background: #0078b5 !important;
}


.hot-icon {
	position: absolute !important;
	top: -8px;
	right: -14px;
	background-image: url(../images/hot-gif.gif);
	background-size: contain;
	background-position: right;
	z-index: 1;
	width: 87px;
	height: 50%;
	max-height: 41px;
	max-width: 4rem;
}

.Foote_logo img {
	width: 75%;
	margin-left: 30px;
}

.contact-us {
	margin-top: 20px;
	margin-bottom: 35px;
}


/*sign*/
.sign {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
	margin: 20px 0;
}

.sign li:last-child {
	grid-column: span 2;
}

.sign li a {
	background-color: var(--f7);
	display: flex;
	align-items: center;
	border-radius: 10px;
	padding: 10px;
	text-transform: capitalize;
	font-weight: bold;
	height: 70px;
	background-position: right center;
}

.sign li:nth-child(1) a {
	background-image: url(../images/bonus/sign/1.png);
}

.sign li:nth-child(2) a {
	background-image: url(../images/bonus/sign/2.png);
}

.sign li:nth-child(3) a {
	background-image: url(../images/bonus/sign/3.png);
}

.sign li:nth-child(4) a {
	background-image: url(../images/bonus/sign/4.png);
}

.sign li:nth-child(5) a {
	background-image: url(../images/bonus/sign/5.png);
}

.sign li:nth-child(6) a {
	background-image: url(../images/bonus/sign/6.png);
}

.sign li:nth-child(7) a {
	background-image: url(../images/bonus/sign/7.png);
}

.sign li a.lost {
	background-color: var(--ddd);
}

.sign li a.done {
	background-color: var(--color);
	color: white;
}

.sign li a.wait {
	background-color: var(--orange);
}

.deop-bonus-pop .cliam-bonus {
	text-transform: capitalize;
	color: #fff;
	margin: 5px;
	height: 40px;
	padding-left: 10px;
	border-radius: 5px;
	white-space: nowrap;
}

.deop-bonus-pop .cliam-bonus.disabled {
	pointer-events: none;
	background: #ccc;
}

.deop-bonus-pop article li {
	padding: 5px 0;
}

.deop-bonus-pop .amount {
	padding: 20px 50px
}

.deop-bonus-pop .amount-list li {
	border-bottom: 1px solid;

	padding: 10px 0;
	line-height: 200%;
	display: flex;
	align-items: center;
	border-color: #f1f1f1;
}

.deop-bonus-pop .amount-list li h6 {
	flex: 1;
}

.deop-bonus-pop .amount-list li span {
	font-weight: 700
}

.deop-bonus-pop .amount-list li b {
	font-size: 30px;
	color: var(--orange)
}

.deop-bonus-pop .amount-list .depo-claim-bonus {
	line-height: 32px;
}

article,
article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
article p {
	padding: 10px 0;
}

.deop-bonus-pop .center {
	margin-top: 15px;
	width: 100%;
	overflow: hidden;
	padding: 15px;
	border-radius: 10px;
}

.deop-bonus-pop pop-main {
	width: 90%;
	max-width: 720px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.deop-bonus-pop pop-title {
	background-color: var(--color);
	border-bottom-width: 1px;
	border-bottom: 1px solid #fff;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.deop-bonus-pop pop-title h3 {
	width: 100%;
	line-height: 50px;
	padding: 0 20px;
	flex: 1;
	min-width: 0;
	font-size: 18px;
}

.deop-bonus-pop pop-title h3:nth-child(2) {
	padding: 0;
}

.deop-bonus-pop pop-title .ico {
	line-height: 50px;
	width: 50px;
	height: 50px;
}

.deop-bonus-pop pop-title .close:after {
	content: '';
	display: none;
}

.deop-bonus-pop pop-cont {
	background-color: var(--color);
	display: block;
}

.deop-bonus-pop pop-main {
	border-radius: 10px;
}

.deop-bonus-pop pop-cont {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
	border: none !important;
}

/* custom_css */

/*== slots_index== */
.search .ant-input {
	background-color: var(--bg-color-2);
	color: #fff;
	padding-left: 10px;
	border: none;
}

.search .ant-input::placeholder,
.search .anticon-close-circle {
	color: var(--font-color)
}

.jackpot {
	width: 56%;
	position: absolute;
	top: 50%;
	left: 2vw;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	align-items: center
}

.jackpot .num {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
}

.jackpot .num span {
	border-radius: 8px;
	/* box-shadow: 0 6px 1px #00000029; */
	display: block;
	color: #fff;
	font-size: 50px;
	text-align: center;
	line-height: 60px;
	position: relative;
	overflow: hidden;
	letter-spacing: 25px;
	margin-left: 40px;
	margin-left: -7px;
}

/* .jackpot .num.video span {
	background: linear-gradient(180deg, #d67b02, #f9c76c)
} */

.jackpot .num.fish span {
	background: linear-gradient(180deg, #0210d6, #34dfe5)
}

.jackpot .num span.no-num {
	background: 0 0;
	box-shadow: none;
	width: auto
}

.jackpot .num .num-s {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%);
	transition: all .6s ease
}

.dollar {
	white-space: nowrap;
	color: #fff;
	font-size: 20px;
	margin-left: 8px
}

.game_slots .slick-next {
	top: 50%;
	right: -7px;
}

.game_slots .slick-prev {
	display: block;
	top: 50%;
	left: -3px;
	z-index: 1;
}

.game-type {
	width: 100%;
	height: 80px;
	background: linear-gradient(180deg, #263062 0%, #111a29 100%);
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029;
	margin-right: 14px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}


.game-type.active {
	background: linear-gradient(180deg, #523fbe 7%, #001e64 100%)
}

.content-slots {
	width: 100%;
	border-radius: 10px;
	padding: 16px 18px;
}

.type-tab {
	width: 44%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 25px;
	--un-bg-opacity: 1;
	background-color: rgba(42, 53, 70, var(--un-bg-opacity))
}

.type-tab span,
.type-tab a {
	display: block;
	height: 40px;
	cursor: pointer;
	border-radius: 25px;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	color: #fff !important;
	width: 24.5%;
}

.type-wrap {
	width: 15%;
}

.type_small {
	width: 93% !important;
}

.type-tab .active {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.game-list {
	justify-content: end;
	margin-bottom: 28px;
	margin-right: 1.5%;
	width: 13%;
	display: flex;
	flex-direction: column;
	cursor: pointer;
	align-items: center
}

.game-list:nth-child(7n+7) {
	margin-right: 0
}

.game-list p {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 16px;
	--un-text-opacity: 1;
	color: rgba(255, 255, 255, var(--un-text-opacity))
}

.game-list span {
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 4px;
	padding: 4px 10px;
	text-align: center;
	font-size: 14px;
	--un-text-opacity: 1;
	color: rgba(255, 255, 255, var(--un-text-opacity))
}

.icon-collect {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 25px;
	--un-bg-opacity: .42;
	background-color: rgba(255, 255, 255, var(--un-bg-opacity));
	text-align: center;
	line-height: 22px
}

/*.maintenance {
	position: relative
}

.maintenance img {
	opacity: .3
}

.maintenance:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(data:image/png;base64,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);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	z-index: 1
}*/

.select-black .ant-select-selector,
.select-black .ant-select-selection-search-input {
	height: 44px !important
}

.select-black .ant-select-selection-item {
	line-height: 44px
}

.select-black .ant-select-selector {
	background-color: var(--bg-color-2) !important;
	border-radius: 25px;
	border-color: #59677c !important;
	color: var(--font-color) !important;
	padding: 0 20px !important
}

.select-black .ant-select-arrow,
.select-black .ant-select-selection-item {
	color: var(--font-color) !important
}

.game-select,
.game-select .ant-select-selector {
	height: 48px !important;
	line-height: 48px !important
}

.game-name {
	width: 80%;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis
}

.game-type {
	position: relative
}

.tab-maintenance {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000c;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center
}

.small-logo {
	width: 51px;
	height: 34px;
	background: linear-gradient(175deg, #89dae6 0%, #3201bb 100%);
	border-radius: 10px 0 0;
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.game-popup.ant-select-dropdown {
	background-color: #2a3546;
	border: 1px solid #59677c;
	border-radius: 10px;
	box-shadow: 0 3px 6px #00000029
}

.game-popup.ant-select-dropdown .ant-select-item {
	color: #fff
}

.game-popup.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
	color: var(--yellow);
	background-color: initial
}

/* faq */
.content_faq_left {
	width: 300px;
	min-height: 886px;
	border-radius: 10px;
	padding: 28px 0;
	--un-bg-opacity: 1;
	background-color: rgba(17, 25, 35, var(--un-bg-opacity));
	height: fit-content;
}

.faq_item_list {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 20px;
	padding-left: 62px;
	text-align: start;
}

.faq_item {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #97A7B6;
	padding-left: 62px;
	cursor: pointer;
	text-align: start;
}

.faq-page .faq_item.active {
	background-color: #222b51;
	color: #dba84c;
	position: relative;
}

.faq-page .faq_item.active:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 5px;
	height: 26px;
	background: #dba84c;
	border-radius: 0 30% 30% 0;
}

.content-faq {
	width: calc(100% - 310px);
	background-color: #111923;
	border-radius: 10px;
}

.content-faq .other {
	padding: 0 26px;
	margin-top: 30px;
	color: #97A7B6;
	word-wrap: break-word;
}

.content-faq .other h5 {
	color: #DBA84C;
	font-size: 15px;
	font-weight: 700;
	line-height: 38px;
	text-align: start;
}

.content-faq .other p {
	font-size: 15px;
	/* line-height: 38px; */
	text-indent: 2em;
	color: #97A7B6;
}

.content-faq .other span {
	color: #fff !important;
}

/* promotion */
.width_promotion {
	padding: 28px 28px 28px;
	margin-bottom: 20px;
	border-radius: 10px;
	background-color: var(--bg-promotion);
}

.game-type-promo div {
	width: 126px;
	height: 54px;
	background: linear-gradient(0deg, #1b1b1b 0%, #1b1b1b 100%);
	border: 1px solid #404041;
	border-radius: 10px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 16px;
	cursor: pointer
}

.game-type-promo div {
	width: 166px
}

.game-type-promo div img {
	margin: 0 12px
}

.game-type-promo .active,
.game-type-promo div:hover {
	background: 0 0;
	background: var(--bg-promo-active);
	border-color: #0921d7;
}

.list_promo {
	width: calc(100% - 156px);
	height: fit-content;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.list_promo {
	width: calc(100% - 196px)
}

.item_promo {
	width: 49%;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
	cursor: pointer;
}

.item_promo img {
	height: 180px;
}

.list_promo .item_title {
	text-align: start;
	border-radius: 0 0 10px 10px;
	background-color: var(--bg-promo-title);
	width: 100%;
	height: 54px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 54px;
	--un-text-opacity: 1;
	color: rgba(255, 255, 255, var(--un-text-opacity))
}


/* center page */
.center-wrap {
	width: 100%;
	--un-bg-opacity: 1;
	background-color: var(--side-color);
	border-radius: 10px;
	padding-top: 30px;
	margin-bottom: 30px;
}

.center_info {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.center_info img {
	margin-right: 10px;
}

.center_info p {
	margin-bottom: 5px;
	line-height: 17px;
	color: #fff;
}

.center_info p.id-user {
	color: #DBA84C;
}

.balance-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	width: 100%;
	margin-top: 36px;
}

.balance-wrap .js-refresh img {
	transition: all ease 0.5s;
}

.border-center {
	margin-top: 8px;
	margin-bottom: 24px;
	background-color: rgb(29, 39, 51);
	border-block-start: 1px solid rgba(5, 5, 5, 0.06);
}

.center-item {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	height: 46px;
	margin-bottom: 6px;
	padding: 0 20px;
	cursor: pointer;
}

.center-item.active,
.center-item:hover {
	background: var(--lg-secondary) !important;
}

.btn-center {
	display: flex !important;
	justify-content: center;
	align-items: center;
	width: 49% !important;
	height: 40px;
	border: 1px solid;
	border-radius: 6px;
	cursor: pointer;
	color: #fff;
	--un-border-opacity: 0;
	border-color: rgba(87, 128, 233, var(--un-border-opacity));
	padding: 0px !important;
}

.btn-center:hover {
	background: linear-gradient(220deg, rgb(70, 47, 205) 18%, rgb(24, 104, 220) 100%);
}

.img-depo {
	width: 30px;
	height: 30px;
	background: url(../images/icon/center/depo.png);
}

.btn-center.active .img-depo,
.btn-center.bg-deposit:hover .img-depo {
	background: url(../images/icon/center/depo-active.png);
}

.img-withdraw {
	width: 30px;
	height: 30px;
	background: url(../images/icon/center/withdrawl.png);
}

.btn-center.active .img-withdraw,
.btn-center.bg-withdraw:hover .img-withdraw {
	background: url(../images/icon/center/withdrawl-active.png);
}

.img-transfer {
	width: 30px;
	height: 30px;
	background: url(../images/icon/center/transfer.png);
}

.btn-center.active .img-transfer,
.btn-center.bg-transfer:hover .img-transfer {
	background: url(../images/icon/center/transfer-active.png);
}

.bg-deposit {
	color: var(--blue);
	--un-border-opacity: 1;
	border-color: rgba(87, 128, 233, var(--un-border-opacity));
}

.bg-deposit:hover,
.bg-deposit.active {
	background: linear-gradient(220deg, rgb(70, 47, 205) 18%, rgb(24, 104, 220) 100%);
	color: #fff;
}

.bg-withdraw {
	color: #DBA84C;
	--un-border-opacity: 1;
	border-color: rgba(249, 165, 26, var(--un-border-opacity));
}

.bg-withdraw:hover,
.bg-withdraw.active {
	background: linear-gradient(rgb(219, 168, 76), rgb(248, 200, 117));
	color: #fff;
}

.bg-transfer {
	--un-border-opacity: 1;
	border-color: rgba(81, 220, 201, var(--un-border-opacity));
}

.bg-transfer:hover,
.bg-transfer.active {
	background: linear-gradient(257deg, rgb(51, 193, 173) 28%, rgb(112, 254, 234) 75%);
	color: #000;
}

/*== form-style== */
.ant-modal-wrap {
	z-index: 30px;
}

.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
	margin: 0;
	padding: 0 0 8px;
	white-space: initial;
	text-align: start;
}

.ant-modal-close-icon {
	display: inline-flex;
	width: 26px;
	height: 26px;
}

.ant-modal-close-icon img {
	width: 100%;
	height: 100%;
}

.ant-input-affix-wrapper {
	position: relative;
	display: inline-flex;
	width: 100%;
	min-width: 0;
	padding: 4px 11px;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	background-color: #ffffff;
	background-image: none;
	border-width: 1px;
	border-style: solid;
	border-color: #d9d9d9;
	border-radius: 6px;
	transition: all 0.2s;
}

.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
	display: flex;
	flex: none;
	align-items: center;
}

.ant-input-affix-wrapper .ant-input-prefix>*:not(:last-child),
.ant-input-affix-wrapper .ant-input-suffix>*:not(:last-child) {
	margin-inline-end: 8px;
}

.ant-input-affix-wrapper .ant-input-show-count-suffix {
	color: rgba(0, 0, 0, 0.45);
}

.ant-input-affix-wrapper .ant-input-show-count-has-suffix {
	margin-inline-end: 4px;
}

.ant-input-affix-wrapper .ant-input-prefix {
	margin-inline-end: 4px;
}

.ant-input-affix-wrapper .ant-input-suffix {
	margin-inline-start: 4px;
}

.ant-input-affix-wrapper .anticon.ant-input-password-icon {
	color: rgba(0, 0, 0, 0.45);
	cursor: pointer;
	transition: all 0.3s;
	width: 21px;
	height: 18px;
	filter: opacity(0.5);
	background: url(../images/icon/eye.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

}

.ant-input-affix-wrapper .anticon.ant-input-password-icon.pw-eye {
	background: url(../images/icon/eye-show.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: none;
}

.ant-input-affix-wrapper .anticon.ant-input-password-icon img {
	width: 100%;
	height: 100%;
}

.ant-input-affix-wrapper .anticon.ant-input-password-icon:hover {
	color: rgba(0, 0, 0, 0.88);
	filter: none;
}

.ant-modal {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	pointer-events: none;
	position: relative;
	width: auto;
	max-width: calc(100vw - 32px);
	margin: auto;
}

.ant-modal .ant-modal-title {
	margin: 0;
	color: rgba(0, 0, 0, 0.88);
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	word-wrap: break-word;
}

.ant-modal .ant-modal-content {
	position: relative;
	background-color: #ffffff;
	background-clip: padding-box;
	border: 0;
	border-radius: 8px;
	box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
	pointer-events: auto;
	padding: 20px 24px;
}

.ant-modal .ant-modal-close {
	position: absolute;
	top: 17px;
	inset-inline-end: 17px;
	z-index: 1010;
	padding: 0;
	color: rgba(0, 0, 0, 0.45);
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	background: transparent;
	border-radius: 4px;
	width: 22px;
	height: 22px;
	border: 0;
	outline: 0;
	cursor: pointer;
	transition: color 0.2s, background-color 0.2s;
}

.ant-modal .ant-modal-close-x {
	display: block;
	font-size: 16px;
	font-style: normal;
	line-height: 22px;
	text-align: center;
	text-transform: none;
	text-rendering: auto;
}

.ant-modal .ant-modal-close:hover {
	color: rgba(0, 0, 0, 0.88);
	background-color: rgba(0, 0, 0, 0.06);
	text-decoration: none;
}

.ant-modal .ant-modal-close:active {
	background-color: rgba(0, 0, 0, 0.15);
}

.ant-modal .ant-modal-close:focus-visible {
	outline: 2px solid #91caff;
	outline-offset: 1px;
	transition: outline-offset 0s, outline 0s;
}

.ant-modal .ant-modal-header {
	color: rgba(0, 0, 0, 0.88);
	background: #ffffff;
	border-radius: 8px 8px 0 0;
	margin-bottom: 8px;
}

.ant-modal .ant-modal-body {
	font-size: 14px;
	line-height: 1.5714285714285714;
	word-wrap: break-word;
}

.ant-modal .ant-modal-footer {
	text-align: end;
	background: transparent;
	margin-top: 12px;
}

.ant-modal .ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger) {
	margin-bottom: 0;
	margin-inline-start: 8px;
}

.ant-modal .ant-modal-open {
	overflow: hidden;
}

.ant-modal-pure-panel {
	top: auto;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.ant-modal-pure-panel .ant-modal-content,
.ant-modal-pure-panel .ant-modal-body,
.ant-modal-pure-panel .ant-modal-confirm-body-wrapper {
	display: flex;
	flex-direction: column;
	flex: auto;
}

.ant-modal-confirm .ant-modal-header {
	display: none;
}

.ant-modal-confirm .ant-modal-confirm-btns {
	text-align: end;
	margin-top: 12px;
}

.ant-modal-confirm .ant-modal-confirm-btns .ant-btn+.ant-btn {
	margin-bottom: 0;
	margin-inline-start: 8px;
}

.ant-input-group .ant-input::placeholder {
	color: #000
}

.ant-form-item-required,
.ant-form-item-label label {
	color: #fff !important
}

.ant-form-item .ant-form-item-label>label {
	position: relative;
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	height: 32px;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
}

.ant-form-item .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):after {
	color: var(--yellow);
	display: inline-block;
	margin-inline-end: 4px;
	font-size: 14px;
	line-height: 1;
	content: "*"
}

.ant-form-item .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
	content: ""
}

.ant-form-vertical .ant-form-item .ant-form-item-control {
	width: 100%;
}

.ant-form-item .ant-form-item-control {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.ant-form-item .ant-form-item-control-input {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 32px;
}

.ant-form-item .ant-form-item-control-input-content {
	flex: auto;
	max-width: 100%;
}

.login-modal .ant-modal-content {
	background-color: initial !important;
	border: 2px solid #717171;
	border-radius: 20px !important;
	box-shadow: 0 5px 9px #000;
	backdrop-filter: blur(30px);
	position: relative
}

.login-modal .ant-modal-content .bg-modal {
	width: 100%;
	height: 100%;
	background: linear-gradient(149deg, #24284d 16%, #07080f 85%);
	opacity: .4;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px !important
}

.login-modal .ant-modal-content .content-form {
	position: relative;
	z-index: 1;
	padding: 0 30px;
}

.login-modal .ant-form-item {
	margin-bottom: 10px;
}

.ant-form-item .ant-form-item-explain-error {
	color: #ff4d4f;
	transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	position: relative;
}

.basic-modal .ant-modal-content {
	border-radius: 10px;
	background-color: var(--bg-color-4);
	padding: 0
}

.basic-modal .ant-modal-header {
	background: linear-gradient(to right, #5099F2, #2F33B7);
	border-radius: 10px 10px 0 0;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: 0
}

.basic-modal .ant-modal-header .ant-modal-title {
	color: #fff;
	font-size: 18px
}

.basic-modal .anticon-close {
	width: 26px;
	height: 26px;
	border: 1px #fff solid;
	border-radius: 25px;
	line-height: 26px;
	color: #fff;
	font-size: 12px;
	position: relative
}

.basic-modal .anticon-close svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.basic-modal .ant-modal-body {
	padding: 20px 30px 10px
}

.basic-modal .ant-modal-footer {
	border: 0;
	text-align: center;
	padding: 0 30px 26px;
	display: flex;
	justify-content: space-between
}

.basic-modal .ant-modal-footer .ant-btn {
	width: 100%;
	height: 44px
}

.ant-btn {
	height: 44px !important
}

.ant-checkbox {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	position: relative;
	white-space: nowrap;
	cursor: pointer;
	align-self: center;
}

.ant-checkbox+span {
	padding-inline-start: 8px;
	padding-inline-end: 8px;
}

.color-\#fff,
.color-white,
.text-white,
[color~="#fff"],
[color~=white] {
	--un-text-opacity: 1;
	color: rgb(255, 255, 255);
}

.ant-checkbox-wrapper {
	position: relative;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	display: inline-flex;
	align-items: baseline;
	cursor: pointer;
}

.ant-checkbox .ant-checkbox-input {
	position: absolute;
	inset: 0;
	z-index: 1;
	cursor: pointer;
	opacity: 1;
	margin: 0;
	width: 16px;
	height: 16px;
}

.ant-checkbox .ant-checkbox-inner {
	box-sizing: border-box;
	position: relative;
	top: 0;
	inset-inline-start: 0;
	display: block;
	width: 16px;
	height: 16px;
	direction: ltr;
	background-color: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	border-collapse: separate;
	transition: all 0.3s;
}

.ant-checkbox-checked:after {
	position: absolute;
	top: 0;
	inset-inline-start: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	visibility: hidden;
	border: 2px solid #1677ff;
	animation-name: css-kqecok-antCheckboxEffect;
	animation-duration: 0.3s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: backwards;
	content: "";
	transition: all 0.3s;
}

.mobile .ant-form-item-control-input-content {
	display: flex;
	justify-content: space-between;
}

.ant-form-item .ant-form-item-control-input-content {
	flex: auto;
	max-width: 100%;
}

.ant-form-item {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	vertical-align: top;
}

.ant-select {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.ant-select {
	border: none;
	height: 40px;
	line-height: 40px;
}

.ant-select-single .ant-select-selector .ant-select-selection-search {
	position: absolute;
	top: 0;
	inset-inline-start: 11px;
	inset-inline-end: 11px;
	bottom: 0;
}

.ant-select .ant-select-selection-item {
	flex: 1;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mobile .ant-select-selector {
	height: 46px !important;
}

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
	width: 100%;
	height: 32px;
	padding: 0 11px;
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
	position: relative;
	background-color: #ffffff;
	border: 1px solid #d9d9d9;
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-select-selector {
	height: 44px !important;
	line-height: 44px;
	border-radius: 6px;
}

.ant-select-single .ant-select-selector {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	font-size: 14px;
	line-height: 1.5714285714285714;
	list-style: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	display: flex;
	border-radius: 6px;
}

.ant-select .ant-select-arrow {
	display: flex;
	align-items: center;
	color: rgba(0, 0, 0, 0.25);
	font-style: normal;
	line-height: 1;
	text-align: center;
	text-transform: none;
	vertical-align: -0.125em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	inset-inline-start: auto;
	inset-inline-end: 11px;
	height: 12px;
	margin-top: -6px;
	font-size: 12px;
	pointer-events: none;
}

.color-\#59677C,
[color~="#59677c"] {
	--un-text-opacity: 1;
	color: rgba(89, 103, 124, var(--un-text-opacity))
}

.bg-\#141F2E {
	--un-bg-opacity: 1;
	background-color: rgba(20, 31, 46, var(--un-bg-opacity))
}

.bg-\#111923 {
	--un-bg-opacity: 1;
	background-color: rgba(17, 25, 35, var(--un-bg-opacity))
}

.\!bg-\#4F3FC5 {
	--un-bg-opacity: 1 !important;
	background-color: rgba(79, 63, 197, var(--un-bg-opacity)) !important;
}

.bg-\#DBA84C {
	--un-bg-opacity: 1;
	background-color: rgba(219, 168, 76, var(--un-bg-opacity));
}

.font-size-16px {
	font-size: 16px
}

.font-size-24px {
	font-size: 24px;
}

.b-rd-25px,
.rd-25px,
[b~=rd-25px] {
	border-radius: 25px;
}

.w-100\%,
.w-full {
	width: 100%
}


.w-100vw {
	width: 100vw
}

.w-108px {
	width: 108px
}

.w-110px {
	width: 110px
}

.w-112px {
	width: 112px
}

.w-116px {
	width: 116px
}

.w-120px {
	width: 120px
}

.w-1212px {
	width: 1212px
}

.w-130px,
.w130px {
	width: 130px
}

.w-140px {
	width: 140px
}

.w-150px {
	width: 150px
}

.w-16px {
	width: 16px
}

.w-175px {
	width: 175px
}

.w-176px {
	width: 176px
}

.w-18px {
	width: 18px
}

.w-19\% {
	width: 19%
}

.w-20\% {
	width: 20%
}

.w-80\% {
	width: 80%
}

.w-24\.5\% {
	width: 24.5%
}


.w-196px {
	width: 196px
}

.w-20px {
	width: 20px
}

.w-22px {
	width: 22px
}

.w-230px {
	width: 230px
}

.w-232px {
	width: 232px
}

.w-24\.5\% {
	width: 24.5%
}

.w-22px {
	width: 22px;
}

.w-24px {
	width: 24px
}

.w-25vw {
	width: 25vw
}

.w-26\% {
	width: 26%
}

.w-260px {
	width: 260px
}

.w-185px {
	width: 185px;
}

.w-26px {
	width: 26px
}

.w-28px {
	width: 28px
}

.w-30\% {
	width: 30%
}

.w-300px {
	width: 300px
}

.w-32\.5\% {
	width: 32.5%
}

.w-32\% {
	width: 32%
}

.w-33\% {
	width: 33%
}

.w-34px {
	width: 34px
}

.w-35\% {
	width: 35%
}

.w-36\% {
	width: 36%
}

.w-37\% {
	width: 37%
}

.w-39\% {
	width: 39%
}

.w-40\% {
	width: 40%
}

.w-400px {
	width: 400px
}

.w-42px {
	width: 42px
}

.w-44\% {
	width: 44%
}

.w-440px {
	width: 440px
}

.w-44px {
	width: 44px
}

.w-45px {
	width: 45px
}

.w-460px {
	width: 460px
}

.w-46px {
	width: 46px
}

.w-48\% {
	width: 48%
}

.w-48px {
	width: 48px
}

.w-49\% {
	width: 49%
}

.w-50\% {
	width: 50%
}

.w-500px {
	width: 500px
}

.w-52\% {
	width: 52%
}

.w-532px {
	width: 532px
}

.w-58\% {
	width: 58%
}

.w-59\% {
	width: 59%
}

.w-595px {
	width: 595px
}

.w-60\% {
	width: 60%
}

.w-60px {
	width: 60px
}



.w-62\% {
	width: 62%
}

.w-62px {
	width: 62px
}

.w-65\% {
	width: 65%
}

.w-67\% {
	width: 67%
}

.w-69\.3\% {
	width: 69.3%
}

.w-70\% {
	width: 70%
}

.w-72\% {
	width: 72%
}

.w-73\% {
	width: 73%
}

.w-76\% {
	width: 76%
}

.w-79\% {
	width: 79%
}

.w-76px {
	width: 76px
}

.w-80\% {
	width: 80%
}

.w-86px {
	width: 86px
}

.w-90\% {
	width: 90%
}

.w-900px {
	width: 900px
}

.w-90px {
	width: 90px
}

.w-95\% {
	width: 95%
}

.h-22px {
	height: 22px;
}

.h-24px {
	height: 24px;
}

.h-46px {
	height: 46px
}

.h-50px {
	height: 50px
}

.h-162px {
	height: 162px
}

.h-60\% {
	height: 60%;
}

.h-90\% {
	height: 90%;
}

.h-100\% {
	height: 100%
}


.font-color {
	color: #fff
}

.w-61\% {
	width: 61%
}

.grid-items-center,
.items-center {
	align-items: center;
}

.m-0,
.m0 {
	margin: 0;
}


.mr-1vw {
	margin-right: 1vw;
}

.mr-4 {
	margin-right: 1rem;
}

.mr-4px {
	margin-right: 4px;
}

.mr-6px {
	margin-right: 6px
}

.mr-14px {
	margin-right: 14px;
}

.mr-20px {
	margin-right: 20px;
}

.mt-9px {
	margin-top: 9px
}

.mb-4px {
	margin-bottom: 4px;
}

.mb-6px {
	margin-bottom: 6px
}

.mb-\[10px\],
.mb-10px {
	margin-bottom: 10px
}

.mb-20px {
	margin-bottom: 20px
}

.mb-30px {
	margin-bottom: 30px
}

.mt-\[30px\],
.mt-30px {
	margin-top: 30px
}

.mt-1em {
	margin-top: 1em
}

.mt-\[10px\],
.mt-10px,
.mt10px {
	margin-top: 10px;
}

.mt-\[14px\],
.mt-14px {
	margin-top: 14px
}

.mt-\[20px\],
.mt-20px {
	margin-top: 20px;
}

.mt-\[30px\],
.mt-30px {
	margin-top: 30px
}

.mt-\[39px\] {
	margin-top: 39px
}

.mt-\[57px\] {
	margin-top: 57px
}

.mt-120px {
	margin-top: 120px
}

.mt-12px {
	margin-top: 12px
}

.mt-14\% {
	margin-top: 14%
}

.mt-16px {
	margin-top: 16px
}

.mt-18px {
	margin-top: 18px
}

.mt-1em {
	margin-top: 1em
}

.mt-2\% {
	margin-top: 2%
}

.mt-22px {
	margin-top: 22px
}

.mt-24px {
	margin-top: 24px
}

.mt-25px {
	margin-top: 25px
}

.mt-26px {
	margin-top: 26px
}

.mt-3\.2vh {
	margin-top: 3.2vh
}

.mt-3\.6\% {
	margin-top: 3.6%
}

.mt-32px {
	margin-top: 32px
}

.mt-34px {
	margin-top: 34px
}

.mt-36px {
	margin-top: 36px
}

.mt-38px,
[m~=t-38px] {
	margin-top: 38px
}

.mt-3vh {
	margin-top: 3vh
}

.mt-4\% {
	margin-top: 4%
}

.mt-40px {
	margin-top: 40px
}

.mt-44px {
	margin-top: 44px
}

.mt-4px {
	margin-top: 4px
}

.mt-4vh {
	margin-top: 4vh
}

.mt-5\.5vh {
	margin-top: 5.5vh
}

.mt-50px {
	margin-top: 50px
}

.mt-5vh {
	margin-top: 5vh
}

.mt-6px {
	margin-top: 6px
}

.mt-6vh {
	margin-top: 6vh
}

.mt-8px {
	margin-top: 8px
}

.mt-90px {
	margin-top: 90px
}


.mb-1em {
	margin-bottom: 1rem;
}

.line-height-16px {
	line-height: 16px
}

.line-height-18px {
	line-height: 18px
}

.line-height-20px {
	line-height: 20px
}

.line-height-24px {
	line-height: 24px
}

.line-height-28px {
	line-height: 28px
}

.line-height-30px {
	line-height: 30px;
}

.line-height-34px {
	line-height: 34px;
}

.line-height-36px {
	line-height: 36px;
}

.line-height-39px {
	line-height: 39px;
}

.line-height-40px {
	line-height: 40px;
}

.line-height-46px {
	line-height: 46px;
}

.line-height-4vh {
	line-height: 4vh;
}

.line-height-54px {
	line-height: 54px;
}

.line-height-56px {
	line-height: 56px;
}

.line-height-6\.8vh {
	line-height: 6.8vh;
}

.grid-items-center,
.items-center {
	align-items: center
}

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

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

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

.mr-3vw {
	margin-right: 3vw
}

.mx-10px {
	margin-left: 10px;
	margin-right: 10px
}

.mx-4\% {
	margin-left: 4%;
	margin-right: 4%
}

.mx-6px {
	margin-left: 6px;
	margin-right: 6px
}

.mx-6vw {
	margin-left: 6vw;
	margin-right: 6vw
}

.mx-8px {
	margin-left: 8px;
	margin-right: 8px
}

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

.my-10 {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem
}

.my-10px {
	margin-top: 10px;
	margin-bottom: 10px
}

.my-20px,
[m~=y-20px] {
	margin-top: 20px;
	margin-bottom: 20px
}

.my-26px {
	margin-top: 26px;
	margin-bottom: 26px
}

.my-30px {
	margin-top: 30px;
	margin-bottom: 30px
}

.my-36px {
	margin-top: 36px;
	margin-bottom: 36px
}

.my-50px {
	margin-top: 50px;
	margin-bottom: 50px
}

.ml-10px {
	margin-left: 10px
}

.-ml-10px {
	margin-left: -10px
}

.mt-12px {
	margin-top: 12px
}

.px-20px {
	padding-left: 20px;
	padding-right: 20px
}

.px-2\.5vw {
	padding-left: 2.5vw;
	padding-right: 2.5vw
}

.px-72px {
	padding-left: 72px;
	padding-right: 72px;
}

.pt-18px {
	padding-top: 18px
}

.pb-36px {
	padding-bottom: 36px
}

.py-12px {
	padding-top: 12px;
	padding-bottom: 12px;
}

.bg-color-1 {
	background-color: var(--bg-color-1)
}

.bg-color-5 {
	background-color: #111923;
}

.bg-color-6 {
	background-color: var(--bg-color-6);
}

.yellow-color {
	color: var(--yellow)
}

.slot-foot {
	display: flex;
	justify-content: center;
	width: 100%;
	color: #000 !important;
}

.slots-nav a,
.slot_search_box .search_input {
	color: #000 !important;
}

.slots-nav a.active,
.slots-nav a:hover {
	color: var(--secondary-color) !important;
	border-bottom: 1px solid var(--secondary-color) !important;
}


.item-promotion-home .itemgpromotion .item-imgsgames {
	min-height: 151px;
}

.btn-line .im-me {
	width: 35px;
	border: .1rem;
}

.contact-items {
	animation: gameani 1.5s linear infinite
}

@keyframes gameani {
	50% {
		transform: scale(0.90);
	}
}

.w-80\% .ant-input-affix-wrapper {
	border-radius: 6px 0 0 6px !important;
}

.regi-code {
	background: var(--side-color);
	color: #fff;
	width: 100%;
	height: 40px;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
	border-radius: 0 6px 6px 0;
}

/* .btnView {
	width: 45% !important;
	margin-left: unset !important;
} */
#gift-main .head-text,
#gift-main .left-table h5,
#gift-main .left-table span,
#gift-main .gift_leftmenu ul li a {
	color: #fff;
}

.gift_leftmenu ul li a:hover,
.gift_leftmenu ul li a.active {
	color: var(--secondary-color) !important;
}

.footer-main .infoweb h2 {
	color: #fff;
}

.draggable-panel {
	bottom: 350px !important;
	margin-left: 45px;
}

.bg-content-section .slots-games {
	background: unset !important;
}

.slots-games .slots-games-items .brand-list li {
	border: 1px solid var(--secondary-color) !important;
}

.slots-games-items .brand-list li span {
	color: var(--main-color) !important;
}

.wheel_div .wheel_container .turnplate {
	background-position-y: 0px;
}

.center-table th {
	background: #FFF !important
}

/* how to swiper video and deposit */

.howto-section {
	background: var(--side-color);
	border-radius: 10px;
	margin: 10px;
}

.howto-section .howto-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin: 0 15px 18px;
	position: absolute;
	left: 250px;
	margin-top: 20px;
	z-index: 999999;
	background: #000;
	border-radius: 50px;
}

.howto-video iframe {
	border-radius: 15px 10px 10px 15px;
}

.howto-section .howto-swiper .left-info {
	padding: 20px 40px;
	margin-top: 60px;
	height: 220px;
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.howto-section .howto-tabs .howto-tab img {
	width: 20px;
}

.howto-section .howto-tab {
	cursor: pointer;
	color: #fff;
	border-radius: 20px;
	padding: 8px 16px;
	font-weight: 600;
	transition: all .2s;
	display: flex;
	align-items: center;
	gap: 5px;
	text-align: center;
}

.howto-section .howto-tab.active {
	background: var(--card-lg)
}

.howto-section .howto-info h2 {
	color: #fff;
	margin: 10px 0 20px
}

.howto-section .col-md-6 {
	padding: 0;
}

.howto-section .row {
	margin-bottom: -5px;
}

.howto-section .howto-info p {
	color: #fff;
	line-height: 1.5
}

.howto-section .howto-video iframe {
	width: 100%;
	height: 315px;
	border: 0;
	border-radius: 8px
}

.promo_or_dpamt a {
	color: #000000 !important;
}

/*end  how to swiper video and deposit */
.content-faq .other p img {
	width: 93%;
	height: auto;
}

.notifcation-completed {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 6px;
	border-radius: 12px;
	background: #ffca00;
	color: #dc143c;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	box-shadow: 0 2px 6px rgba(220, 20, 60, .3);
}

.center-data-btn a {
	background: var(--card-lg) !important;
}

/* Scoped styles for Free Event modal to match FAFA977 banner look */
#freeevent-low-frm .ant-modal-content {
	background: #0b3fa8;
	/* brand blue */
	border: 2px solid #ffd800;
	/* brand yellow */
	border-radius: 12px;
	overflow: hidden;
}

.freeevent-low-content {
	padding: 40px 0;
}

#freeevent-low-frm .ant-modal-body {
	background: #0b3fa8;
}

#freeevent-low-frm .bg-modal {
	display: none;
	/* keep layout clean inside the modal */
}

#freeevent-low-frm h4 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	margin: 0;
}

#freeevent-low-frm p {
	color: #ffffff;
	font-size: 14px;
}

#freeevent-claim-btn {
	background: #0b3fa8;
	border: 2px solid #ffd800;
	color: #ffd800;
	font-weight: 700;
	padding: 10px 24px;
	border-radius: 6px;
	min-width: 180px;
}

#freeevent-claim-btn:hover {
	opacity: 0.9;
}

#freeevent-close-btn {
	background: transparent;
	border: 1px solid #ffffff;
	color: #ffffff;
	padding: 10px 18px;
	border-radius: 6px;
	min-width: 120px;
}

#freeevent-low-frm .ant-modal-close .ant-modal-close-icon img {
	filter: brightness(10);
}
.poker_transfer-item input:focus,
.transfer-item input:focus{
	background-color: #fff !important;
	color: #000 !important;
}
.poker_transfer-item input,
.transfer-item input {
	background-color: #113628 !important;
	border-width: 1px;
	border-style: solid;
	border-color: #009b3a #009b3a #94c861 #009b3a;
	border-radius: 5px !important;
	height: 40px !important;
	width: 50% !important;
}.poker_popup .btn{
	background-color: #fc7301 !important;
	text-transform: uppercase !important;
	height: 40px !important;
	width: 50% !important;
}.btn.poker_play{
	line-height: 24px !important;
	width: 100% !important;
}.poker_popup .poker_close{
	border: 2px solid #fc7301;
	background-color: #000 !important;
	font-size: 15px !important;
	line-height: 22px !important;
} .poker_popup .poker_popup_form{
	width: 450px !important;
}.poker_balance label{
	margin: 10px 0;
}.game_transfer-content .transfer-item, .poker_transfer .poker_transfer-item{
	gap: 10px;
}.poker_popup h2{
	text-transform: math-auto;
}.poker_balance label>*, .transfer_balance label>*{
	width: 50% !important;
}