@import "https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&family=Athiti:wght@200;300;400;500;600;700&family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";
@import "https://fonts.cdnfonts.com/css/digital-numbers";
#front-themes-color {
	color: #200e45;
}
@keyframes blinkAnimation {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.7;
	}
	100% {
		opacity: 1;
	}
}
@keyframes bounce {
	0% {
		transform: translateY(-3px);
	}
	50% {
		transform: translateY(3px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes floating-icon-change {
	0%,
	6% {
		transform: translateX(11px);
	}
	12%,
	21% {
		transform: translateX(-51px);
	}
	27%,
	36% {
		transform: translateX(-113px);
	}
	42%,
	51% {
		transform: translateX(-173px);
	}
	57%,
	66% {
		transform: translateX(-236px);
	}
	72%,
	81% {
		transform: translateX(-302px);
	}
	87%,
	100% {
		transform: translateX(-367px);
	}
}
@keyframes floating-show-stat {
	0%,
	20% {
		transform: scale(1);
	}
	21%,
	84% {
		transform: scale(0);
	}
	85%,
	100% {
		transform: scale(1);
	}
}
@keyframes progress-animation {
	from {
		left: -60%;
		width: 50%;
	}
	to {
		left: 110%;
		width: 50%;
	}
}
@keyframes steam {
	20% {
		filter: blur(5px);
		opacity: 1;
	}
	50% {
		filter: blur(10px);
		opacity: 0.5;
	}
	100% {
		filter: blur(15px);
		opacity: 0;
	}
}
@keyframes new-game-blinker {
	50% {
		opacity: 0;
	}
}
@keyframes beat {
	to {
		transform: scale(1.1);
	}
}
@media screen and (max-width: 1080px) {
	.main-content {
		padding-bottom: 80px !important;
	}
	.home {
		padding-bottom: 65px !important;
	}
	.header__top {
		display: none;
	}
	.header__mid {
		display: none;
	}
	.header-nav {
		display: none;
	}
	.header-mobile {
		display: block !important;
		background: var(--header-color);
	}
	.header-mobile__top {
		display: grid;
		grid-template-columns: auto 1fr;
		padding: 13px 8px;
	}
	.header-mobile__top .mobile-logo {
		display: flex;
		align-items: center;
		width: 130px;
	}
	.header-mobile__top .mobile-logo img {
		width: auto;
		height: 30px;
		margin-left: 10px;
	}
	.header-mobile__top .mobile-button {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-left: auto;
		height: 100%;
		position: relative;
	}
	.header-mobile__top .mobile-button .fa.fa-sync {
		color: var(--header-text);
	}
	.header-mobile__top .mobile-button .mobile-button--transaksi {
		background: linear-gradient(
			to bottom,
			#d7a909 0%,
			#ffe99f 50%,
			#a37604 100%
		);
		border: 1px solid #a37604;
		color: var(--c-black);
		padding: 5px 10px;
		margin-left: 5px;
		font-size: 12px;
		min-width: 70px;
		max-width: 140px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
		text-align: center;
		font-weight: 600;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		border-radius: 50px;
		margin-right: 5px;
		position: relative;
	}
	.header-mobile__top .mobile-button .mobile-button--transaksi span {
		font-weight: 700;
		color: var(--primary-color);
		width: 100%;
	}
	.header-mobile__top .mobile-button .wallet-popup {
		position: absolute;
		right: 35px;
		top: 35px;
		z-index: 999;
		border-radius: 10px;
		overflow: hidden;
		width: auto;
		white-space: nowrap;
		font-weight: 700;
		display: none;
		color: var(--header-text);
	}
	.header-mobile__top .mobile-button .wallet-popup .title {
		margin-right: 10px;
	}
	.header-mobile__top .mobile-button .wallet-popup .wallet-info {
		padding: 7px 12px;
		display: flex;
		align-items: center;
		font-size: 11px;
	}
	.header-mobile__top .mobile-button .wallet-popup .wallet-info.main-wallet {
		background: var(--title-color);
	}
	.header-mobile__top .mobile-button .wallet-popup .wallet-info.promo-wallet {
		background: var(--title-color);
	}
	.header-mobile__top .mobile-button .wallet-popup .wallet-info.poker-wallet {
		background: var(--title-color);
	}
	.header-mobile__top .mobile-button .wallet-popup .wallet-info span {
		color: var(--secondary-color);
		margin-left: auto;
		min-width: 60px;
		cursor: pointer;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 79px;
		text-decoration: underline;
	}
	.header-mobile__top .mobile-button .wallet-popup .wallet-info span.active {
		width: auto;
	}
	.header-mobile__top .mobile-button .mobile-button--register {
		background: linear-gradient(
			to bottom,
			#d7a909 0%,
			#ffe99f 50%,
			#a37604 100%
		);
		border: 1px solid #a37604;
		color: var(--c-black);
		padding: 5px 10px;
		margin-left: 5px;
		font-size: 12px;
		min-width: 70px;
		max-width: 140px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
		text-align: center;
		font-weight: 600;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		border-radius: 50px;
		margin-right: 5px;
		position: relative;
	}
	.header-mobile__top .mobile-button .mobile-button--menu {
		color: var(--secondary-color);
		border-radius: 50px;
		width: 32px;
		height: 32px;
		background: var(--title-color);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.header-mobile__top .mobile-button .mobile-button--menu i {
		font-size: 12px;
	}
	.header-mobile__marquee {
		border: 1px solid var(--secondary-color);
		background: var(--secondary-color);
		display: flex;
		align-items: center;
		width: 100%;
	}
	.header-mobile__marquee i {
		font-size: 12px;
		padding: 5px 7px;
		background: var(--secondary-color);
		color: var(--secondary-text);
	}
	.header-mobile__marquee .marquee {
		font-size: 12px;
		font-weight: 600;
		width: 100%;
	}
	.home__slider {
		max-height: 100% !important;
	}
	.home__slider .swiper-slide {
		min-height: 100% !important;
	}
	.home__menu {
		margin-top: 20px;
	}
	.home__menu .menu-container {
		grid-template-columns: repeat(1, 1fr) !important;
		grid-template-areas: "item-right item-right" "item-download item-download";
	}
	.home__menu .menu-container .download-border {
		max-width: 250px;
		margin-left: auto;
		margin-right: auto;
	}
	.home__menu .menu-container .download-border .menu-download {
		height: auto !important;
	}
	.home__menu .menu-container .download-border .menu-download img {
		width: 200px;
		margin: auto;
	}
	.home__menu .menu-container .menu-right .menu-games {
		margin: 20px 0 !important;
		grid-template-columns: repeat(3, 1fr) !important;
	}
	.home__menu .menu-container .menu-right .menu-games .games-item img {
		width: 180px !important;
		max-height: 140px !important;
	}
	.home__menu
		.menu-container
		.menu-right
		.menu-games
		.games-item
		.games-border {
		margin-left: auto;
		margin-right: auto;
	}
	.home__menu .menu-container .menu-right .menu-games .games-item.show-mobile {
		display: block !important;
	}
	.home__menu .menu-container .menu-right .menu-slider .slider-cstmr {
		margin-bottom: 20px;
	}
	.home__menu .menu-container .menu-right .menu-slider .slider-provider {
		margin-bottom: 20px;
	}
	.home__menu .menu-container .item-download {
		grid-area: item-download;
	}
	.home__menu .menu-container .item-right {
		grid-area: item-right;
	}
	.home__payment .payment-border {
		margin-bottom: 20px;
	}
	.home__seo .seo-content,
	.home__seo .home .mobile__seo .seo-mobile,
	.home .mobile__seo .home__seo .seo-mobile {
		display: none;
	}
	.home__seo .seo-mobile {
		display: block !important;
	}
	.page-header {
		font-size: 20px !important;
		font-size: 24px !important;
		color: var(--secondary-color) !important;
	}
	.footer__provider {
		display: none;
	}
	.footer__trademark {
		display: none;
	}
	.footer-mobile {
		background: var(--background-page);
		color: var(--page-text);
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 997;
		display: grid !important;
		grid-template-columns: repeat(5, 1fr);
		border-top: 2px solid var(--secondary-color);
	}
	.footer-mobile .footer-item {
		text-align: center;
		padding: 12px 5px 8px;
		color: var(--page-text);
		position: relative;
	}
	.footer-mobile .footer-item .footer-icon {
		position: relative;
		display: flex;
		justify-content: center;
	}
	.footer-mobile .footer-item .footer-icon i {
		font-size: 20px;
	}
	.footer-mobile .footer-item.active {
		color: var(--secondary-color);
	}
	.footer-mobile .footer-item .footer-title {
		font-size: 12px;
		font-weight: 500;
		white-space: nowrap;
		margin-top: 3px !important;
	}
	.footer-mobile .footer-item.footer-login {
		position: relative;
		z-index: 999;
		align-self: flex-end;
	}
	.footer-mobile .footer-item.footer-login .footer-icon {
		position: absolute;
		top: 0;
		top: -62px;
		right: 0;
		left: 0;
		width: 70px;
		height: 70px;
		border-radius: 50px;
		background: linear-gradient(to bottom, #ffc700 0%, #ff8a00 100%);
		border: 3px solid var(--secondary-color);
		display: flex;
		align-items: center;
		justify-content: center;
		margin: auto;
		animation: beat 0.5s infinite alternate;
	}
	.footer-mobile .footer-item.footer-login .footer-icon i {
		font-size: 30px;
		border-radius: 50px;
		color: var(--secondary-text);
	}
	.item-right-content {
		padding-bottom: 100px !important;
	}
	.game-list-container .game-holder .game-bottom .game-name {
		font-size: 14px !important;
	}
	.game-list-container .game-holder .game-bottom .game-links a {
		font-size: 12px !important;
		font-weight: 700 !important;
		padding: 3px 7px !important;
	}
	.floating-contact {
		bottom: 80px !important;
		width: 60px !important;
		height: 60px !important;
	}
	.floating-contact__item {
		bottom: 70px !important;
		width: 190px !important;
	}
	.floating-contact__item a {
		font-size: 12px !important;
	}
	.floating-contact__item a span {
		width: 25px !important;
		height: 25px !important;
	}
	.floating-contact__item a span i {
		font-size: 13px !important;
	}
	.floating-contact__button {
		width: 60px !important;
		height: 60px !important;
		border: 2px solid var(--secondary-color);
	}
	.transaksi .component-tab-content .transaksi-formulir {
		margin-bottom: 25px !important;
	}
	.lottery .lottery__container .lottery-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}
	.slot-game__container {
		margin-top: 25px;
	}
}
@media screen and (max-width: 630px) {
	.home__jackpot {
		margin: 0px !important;
	}
	.home__jackpot-cont {
		background-size: 100% !important;
		height: 0px !important;
		padding-bottom: 40px !important;
	}
	.home__jackpot-cont .jackpot-amount {
		font-size: 18px !important;
	}
	.promo__list .promo-info .info-title {
		font-size: 16px !important;
	}
	.promo__list .promo-info .info-desc {
		font-size: 14px !important;
	}
	.promo-content .main-promo .promo-img img {
		height: auto !important;
	}
	.promo-content .other-promo {
		display: none;
	}
	.news__list .news-info .info-title {
		font-size: 16px !important;
	}
	.news__list .news-info .info-desc {
		font-size: 14px !important;
	}
	.post .main-post .post-img img {
		height: auto !important;
	}
	.post .other-post {
		display: none;
	}
	.game-list-container .game-holder .game-bottom {
		padding: 5px 10px 10px !important;
		flex-direction: column;
	}
	.game-list-container .game-holder .game-bottom .game-name {
		font-size: 14px !important;
	}
	.game-list-container .game-holder .game-bottom .game-links {
		margin-right: auto !important;
	}
	.game-list-container .game-holder .game-bottom .game-links a {
		font-size: 10px !important;
		font-weight: 700 !important;
		padding: 3px 7px !important;
		margin-left: 0 !important;
	}
	.register .cap-img {
		flex-direction: column;
		align-items: flex-start !important;
	}
	.register .cap-img .cap-content {
		margin-bottom: 15px;
	}
	.memo-view .memo-view-form {
		padding: 10px !important;
	}
	.memo-view .memo-view-form .memo-view-content {
		padding: 10px 15px !important;
	}
	.memo-view .memo-view-form .memo-view-content .content-subject {
		font-size: 14px !important;
		text-align: center;
	}
	.memo-view .memo-view-form .memo-view-content .content-desc {
		font-size: 12px !important;
	}
	.memo-view .memo-view-form .memo-view-reply {
		padding: 10px 15px !important;
	}
	.memo-view .memo-view-form .memo-view-reply .reply-top .reply-avatar i {
		font-size: 35px !important;
	}
	.memo-view
		.memo-view-form
		.memo-view-reply
		.reply-top
		.reply-user-info
		.reply-user {
		font-size: 14px !important;
	}
	.memo-view .memo-view-form .memo-view-reply .reply-desc {
		font-size: 12px !important;
	}
	.memo-view .memo-view-form .memo-reply-form .reply-form-code {
		flex-direction: column;
		align-items: flex-start !important;
	}
	.memo-view .memo-view-form .memo-reply-form .reply-form-code img {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.memo-view .memo-view-form .memo-reply-form .btn-reply {
		text-align: center;
	}
	.home__slider {
		max-height: 100% !important;
	}
	.home__slider .swiper-slide {
		min-height: 100% !important;
	}
	.home__menu .menu-container .menu-right .menu-games {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.home__menu .menu-container .menu-right .menu-games .games-item img {
		height: 120px !important;
	}
	.lottery .lottery__container .lottery-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.bonus-checkbox {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media screen and (max-width: 390px) {
	.home__menu {
		margin-top: 20px;
	}
	.home__menu .menu-container .menu-right .menu-games {
		margin: 20px 0 !important;
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.home__menu .menu-container .menu-right .menu-games .games-item img {
		width: 130px !important;
	}
	.home__menu
		.menu-container
		.menu-right
		.menu-games
		.games-item
		.games-border
		.games-name {
		font-size: 14px !important;
	}
	.news-list .news-list {
		flex-direction: column;
	}
	.news-list .news-list .news-date {
		margin-right: auto;
	}
	.lottery .lottery__container .lottery-grid .lotto-flag img {
		width: 50px !important;
		height: 30px !important;
	}
	.lottery .lottery__container .lottery-grid .lotto-country {
		font-size: 18px !important;
	}
	.lottery .lottery__container .lottery-grid .lotto-date {
		font-size: 12px !important;
	}
	.lottery .lottery__container .lottery-grid .lotto-number {
		font-size: 30px !important;
	}
	.bonus .component-tab-content .referral-link {
		flex-wrap: wrap;
	}
	.bonus .component-tab-content .referral-link .btn-custom-sm {
		margin: 5px 0 10px !important;
	}
}
@media screen and (max-width: 320px) {
	.game-list-container {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.lottery .lottery__container .lottery-grid {
		grid-gap: 15px;
	}
	.lottery .lottery__container .lottery-grid .lotto-country {
		font-size: 17px !important;
	}
	.lottery .lottery__container .lottery-grid .lotto-date {
		font-size: 10px !important;
	}
	.lottery .lottery__container .lottery-grid .lotto-number {
		font-size: 25px !important;
	}
	.bonus-checkbox {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.header-mobile .mobile-logo {
		width: 130px;
	}
	.header-mobile .mobile-logo img {
		width: 70%;
	}
}
.footer {
	background: var(--footer-color);
}
.footer__holder .footer-col {
	padding: 25px 0;
}
.footer__holder .footer-col .footer-title {
	font-size: 16px;
	font-weight: 600;
	color: var(--footer-text);
	margin-bottom: 15px;
}
.footer__holder .footer-col .footer-item {
	display: flex;
	align-items: center;
	margin-right: 20px;
}
.footer__holder .footer-col .footer-item .footer-icon {
	margin-right: 10px;
}
.footer__holder .footer-col .footer-item .footer-icon img {
	width: 40px;
}
.footer__holder .footer-col .footer-item .footer-info {
	color: var(--footer-text);
}
.footer__holder .footer-col .footer-item .footer-info h5,
.footer__holder .footer-col .footer-item .footer-info h6 {
	line-height: 1;
}
.footer__holder .footer-col .footer-item .footer-info h6 {
	color: var(--footer-text);
	font-size: 14px;
	margin-bottom: 5px;
}
.footer__holder .footer-col .footer-item .footer-info h5 {
	font-size: 16px;
	margin-bottom: 0;
	text-transform: capitalize;
}
.footer__holder .footer-col .footer-item .footer-info a {
	color: var(--footer-text);
}
.footer__holder .footer-col .footer-item .footer-info a:hover {
	color: #9698a1;
}
.footer__holder .footer-col .footer-item.license-game {
	flex-direction: column;
	align-items: flex-start;
	margin-top: 20px;
}
.footer__holder .footer-col .footer-item.license-game .footer-icon img {
	width: 150px;
}
.footer__holder .footer-col .footer-service {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.footer__holder .footer-col .footer-customer .footer-item {
	margin-bottom: 15px;
}
.footer__holder .footer-col .footer-customer .footer-item .footer-icon img {
	width: 25px;
}
.footer__holder .footer-col .footer-provider {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.footer__holder .footer-col .footer-provider .provider-icon {
	margin: 0 10px 7px 0;
}
.footer__holder .footer-col .footer-provider .provider-icon img {
	width: 100%;
	height: 30px;
	-o-object-fit: contain;
	object-fit: contain;
	cursor: pointer;
}
.footer__holder .footer-col .footer-provider .provider-icon img:hover {
	filter: grayscale(100%);
}
.footer__holder .footer-col .footer-apps .apps-item.google-playstore {
	background: var(--secondary-color);
	border-radius: 10px;
	padding: 10px;
	max-width: 125px;
	text-align: center;
}
.footer__holder .footer-col .footer-apps .apps-item.google-playstore img {
	width: 100px;
}
.footer__holder .footer-nav {
	text-align: center;
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer__holder .footer-nav .footer-link {
	text-decoration: none;
	color: var(--footer-text);
	font-size: 14px;
	font-weight: 600;
	margin: 0 10px;
}
.footer__holder .footer-nav .footer-link:hover {
	color: var(--secondary-color);
}
.footer__trademark {
	background: var(--footer-color);
	text-align: center;
	color: var(--footer-text);
	font-size: 12px;
	padding: 20px 0;
	font-weight: 500;
}
.footer-mobile {
	display: none;
}
button.btn-affiliate.affiliate-button {
	background-color: #ffc700;
	padding: 2px 7px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 50px;
	color: #200e45;
	border: none;
	animation: blink 5s infinite;
	margin-left: 5px;
	width: 100%;
}
button.btn-affiliate.affiliate-button i {
	color: #200e45 !important;
}
.header {
	background: var(--header-color);
	color: var(--header-text);
}
.header .header__top {
	padding: 10px 0 7px;
}
.header .header__top .header-time {
	font-size: 13px;
	font-weight: 600;
}
.header .header__top .marquee-style {
	background: #200e45;
	border-radius: 10px;
}
.header .header__top .header-marquee {
	display: flex;
	align-items: center;
	width: 100%;
	border-radius: 2px;
}
.header .header__top .header-marquee i {
	font-size: 18px;
	margin-right: 10px;
	color: var(--secondary-color);
}
.header .header__top .header-marquee .marquee {
	font-size: 12px;
	font-weight: 600;
}
.header .header__top .header-icons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.header .header__top .header-icons .btn-freebet {
	background: var(--secondary-color);
	padding: 2px 12px;
	margin-right: 14px;
	border-radius: 25px;
	animation: blinkAnimation 1s infinite;
}
.header .header__top .header-icons .btn-freebet a {
	color: var(--secondary-text);
	font-size: 12px;
	display: flex;
	align-items: center;
	font-weight: 700;
}
.header .header__top .header-icons i {
	color: #ffc700;
	font-size: 14px;
	margin-right: 10px;
}
.header .header__top .header-icons .header-flag {
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
}
.header .header__top .header-icons .header-flag img {
	width: 25px;
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.header .header__top .header-icons .header-flag .fa-caret-down {
	color: var(--header-text);
	font-size: 14px;
	margin-left: 4px;
	margin-right: 0;
}
.header .header__top .header-icons .header-flag .flag-dropdown {
	background: var(--c-white);
	position: absolute;
	width: 120px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	z-index: 9999;
	left: -80px;
	top: 25px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 0;
	display: none;
}
.header .header__top .header-icons .header-flag .flag-dropdown .flag-item {
	display: flex;
	align-items: center;
	padding: 5px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: var(--c-black);
	font-weight: 700;
}
.header
	.header__top
	.header-icons
	.header-flag
	.flag-dropdown
	.flag-item:hover {
	background: #ededed;
}
.header .header__top .header-icons .header-flag .flag-dropdown .flag-item span {
	font-size: 12px;
	margin-left: 5px;
}
.header .header__mid {
	padding-bottom: 8px;
}
.header .header__mid .header-logo img {
	cursor: pointer;
	animation: blinkAnimation 2s infinite;
	height: auto;
	width: 190px;
}
.header .header__mid .transfer-label {
	font-size: 14px;
	color: var(--header-text);
	font-weight: 600;
}
.header .header__mid .transfer-switch {
	position: relative;
	display: inline-block;
	width: 3.5em;
	height: 1.5em;
}
.header .header__mid .transfer-switch .on {
	display: none;
}
.header .header__mid .transfer-switch .off {
	display: block;
	left: 70%;
	color: var(--c-white);
}
.header .header__mid .transfer-switch .on,
.header .header__mid .transfer-switch .off {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	font-size: 11px;
	font-weight: 700;
}
.header .header__mid .transfer-switch input:checked + .slider .on {
	display: block;
	color: var(--c-black);
	left: 30%;
}
.header .header__mid .transfer-switch input:checked + .slider .off {
	display: none;
}
.header .header__mid .transfer-switch #fastTransfer {
	display: none;
}
.header .header__mid .transfer-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.25);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
	transition: 0.2s;
	border-radius: 20px;
}
.header .header__mid .transfer-switch .slider::before {
	position: absolute;
	content: "";
	height: 1em;
	width: 1em;
	left: 0.33em;
	bottom: 0.23em;
	background: var(--primary-color);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
	transition: 0.2s;
	border-radius: 50%;
}
.header .header__mid .transfer-switch input:checked + .slider {
	background: var(--secondary-color);
}
.header .header__mid .transfer-switch input:focus + .slider {
	box-shadow: 0 0 1px var(--primary-color);
}
.header .header__mid .transfer-switch input:checked + .slider::before {
	transform: translateX(1.9em);
}
.header .header__mid .header-form {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.header .header__mid .header-form button {
	border: 0;
	font-weight: 600;
	background: var(--primary-color);
	border: 2px solid var(--secondary-color);
	color: var(--secondary-color);
	font-size: 14px;
	padding: 6px 10px;
	min-width: 80px;
	border-radius: 50px;
	margin-left: 5px;
}
.header .header__mid .header-form button:hover {
	background: var(--secondary-color);
	color: var(--c-black);
}
.header .header__mid .header-form .btn-daftar {
	background: linear-gradient(to bottom, #d7a909 0%, #ffe99f 50%, #a37604 100%);
	border: 2px solid #a37604;
	color: var(--c-black);
}
.header .header__mid .header-form .btn-daftar:hover {
	background: var(--c-grey);
	color: var(--c-white);
}
.header .header__mid .header-form a {
	font-weight: 600;
	background: var(--primary-color);
	border: 2px solid var(--secondary-color);
	color: var(--secondary-color);
	font-size: 14px;
	padding: 6px 10px;
	min-width: 80px;
	margin-left: 5px;
	text-align: center;
	border-radius: 50px;
}
.header .header__mid .header-form a:hover {
	background: var(--secondary-color);
	color: var(--secondary-text);
}
.header .header__mid .header-form a.active {
	background: var(--secondary-color);
	color: var(--secondary-text);
}
.header .header__mid .header-form .btn-signout {
	background: linear-gradient(to bottom, #f52a34 0%, #a11c1f 100%);
	border: 2px solid #a11c1f;
	color: var(--c-white);
}
.header .header__mid .header-form .btn-signout:hover {
	background: var(--c-grey);
	color: var(--c-white);
}
.header .header__mid .header-forgot {
	text-align: right;
	margin-top: 3px;
}
.header .header__mid .header-forgot a {
	color: var(--header-text);
	font-style: italic;
	font-size: 12px;
	text-decoration: none;
}
.header .header__mid .header-forgot a:hover {
	color: var(--secondary-color);
}
.header .header__mid .header-user {
	margin-bottom: 7px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 14px;
	font-weight: 600;
}
.header .header__mid .header-user .user-account {
	cursor: pointer;
}
.header .header__mid .header-user .user-account img {
	width: 25px;
}
.header .header__mid .header-user .user-account:hover img {
	filter: grayscale(100%);
}
.header .header__mid .header-user .user-account:hover .username {
	color: var(--secondary-color);
}
.header .header__mid .header-user .user-account:hover .account-status {
	display: block;
}
.header .header__mid .header-user .user-account .account-status {
	position: absolute;
	right: 80px;
	top: 23px;
	background: #262627;
	border-radius: 90px;
	text-align: center;
	max-width: 400px;
	box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.5);
	padding: 6px 15px 12px;
	z-index: 999;
	display: none;
}
.header .header__mid .header-user .user-account .account-status:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: -10px;
	right: 50%;
	transform: translateX(50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #262627 rgba(0, 0, 0, 0);
}
.header .header__mid .header-user .user-account .account-status .status-title {
	font-size: 14px;
	color: #fff;
}
.header
	.header__mid
	.header-user
	.user-account
	.account-status
	.status-title
	a {
	color: #e9b88c;
}
.header
	.header__mid
	.header-user
	.user-account
	.account-status
	.status-title
	a:hover {
	text-decoration: underline !important;
}
.header .header__mid .header-user .user-account .account-status .status-list {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 7px;
}
.header
	.header__mid
	.header-user
	.user-account
	.account-status
	.status-list
	img {
	width: 40px;
	margin: 0 5px;
	filter: grayscale(0%);
}
.header .header__mid .header-user .user-wallet {
	display: flex;
	align-items: center;
}
.header .header__mid .header-user .user-wallet .fas.fa-sync {
	background: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	color: var(--secondary-text);
	border-radius: 3px;
	padding: 3px 4px;
	font-size: 10px;
	margin: 0 5px;
}
.header .header__mid .header-user .user-wallet .fas.fa-sync:hover {
	background: var(--c-black);
	color: var(--secondary-color);
}
.header .header__mid .header-user .user-wallet-amount {
	position: relative;
}
.header .header__mid .header-user .user-wallet-amount:hover .wallet-popup {
	display: block;
}
.header .header__mid .header-user .user-wallet-amount .wallet-amount {
	color: var(--secondary-color);
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 101px;
}
.header .header__mid .header-user .user-wallet-amount .wallet-popup {
	position: absolute;
	right: 0;
	top: 22px;
	z-index: 999;
	border-radius: 10px;
	overflow: hidden;
	width: auto;
	white-space: nowrap;
	font-weight: 700;
	display: none;
}
.header .header__mid .header-user .user-wallet-amount .wallet-popup .title {
	margin-right: 10px;
}
.header
	.header__mid
	.header-user
	.user-wallet-amount
	.wallet-popup
	.wallet-info {
	padding: 10px;
	display: flex;
	align-items: center;
}
.header
	.header__mid
	.header-user
	.user-wallet-amount
	.wallet-popup
	.wallet-info.main-wallet {
	background: var(--title-color);
}
.header
	.header__mid
	.header-user
	.user-wallet-amount
	.wallet-popup
	.wallet-info.promo-wallet {
	background: var(--title-color);
}
.header
	.header__mid
	.header-user
	.user-wallet-amount
	.wallet-popup
	.wallet-info.poker-wallet {
	background: #382c76;
}
.header
	.header__mid
	.header-user
	.user-wallet-amount
	.wallet-popup
	.wallet-info
	span {
	color: var(--secondary-color);
	margin-left: auto;
	min-width: 60px;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 79px;
	text-decoration: underline;
}
.header
	.header__mid
	.header-user
	.user-wallet-amount
	.wallet-popup
	.wallet-info
	span.active {
	width: auto;
}
.header-nav {
	position: sticky;
	top: -1px;
	z-index: 998;
}
.header-nav .navbar {
	background: var(--navbar-color);
	padding: 0;
}
.header-nav .navbar .navbar-collapse {
	justify-content: center;
	background-color: var(--navbar-color);
}
.header-nav .navbar .navbar-nav .nav-item:hover .nav-item__game {
	display: block;
}
.header-nav .navbar .navbar-nav .nav-link {
	color: var(--navbar-text);
	font-size: 14px;
	font-weight: 600;
	display: flex;
	justify-content: center;
	padding: 13px 13px;
	height: 100%;
	min-width: 90px;
	position: relative;
}
.header-nav .navbar .navbar-nav .nav-link:before {
	content: "";
	height: 3px;
	background: var(--secondary-color);
	width: 80%;
	position: absolute;
	bottom: 0;
	transform: scale(0);
	transition: all 0.2s ease-in-out;
}
.header-nav .navbar .navbar-nav .nav-link:hover {
	color: white;
	transition: all 0.2s ease-in-out;
}
.header-nav .navbar .navbar-nav .nav-link:hover:before {
	transform: scale(1);
	transition: all 0.2s ease-in-out;
}
.header-nav .navbar .navbar-nav .nav-link img {
	max-height: 20px;
	animation: blinkAnimation 1.5s infinite;
}
.header-nav .navbar .navbar-nav .nav-item__game {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 999;
	padding: 20px 0;
	background: var(--background-page);
	border-bottom: 7px solid var(--secondary-color);
	box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 23px 0px inset;
	display: none;
}
.header-nav .navbar .navbar-nav .nav-item__game .game-item {
	display: inline-block;
	padding: 8px;
	cursor: pointer;
	position: relative;
}
.header-nav .navbar .navbar-nav .nav-item__game .game-item .logolivegame {
	position: absolute;
	max-width: 120px;
	max-height: 80px;
	top: 50px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
.header-nav .navbar .navbar-nav .nav-item__game .game-item.game-item-new {
	animation: new-game-blinker 2s infinite;
}
.header-nav .navbar .navbar-nav .nav-item__game .game-item .game-name {
	color: var(--c-white);
	font-size: 14px;
	background: var(--title-color);
	border-radius: 50px;
	padding: 3px 15px;
	font-weight: 600;
}
.header-nav .navbar .navbar-nav .nav-item__game .game-item .game-spinner {
	color: var(--secondary-color);
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	opacity: 0.5;
}
.header-nav .navbar .navbar-nav .nav-item__game .game-item .game-maintenance {
	position: absolute;
	top: 0;
	right: 50%;
	transform: translate(50%, 0%);
}
.header-nav .navbar .navbar-nav .nav-item__game .game-item .game-new {
	position: absolute;
	top: 15px;
	right: 15px;
}
.header-nav .navbar .navbar-nav .nav-item__game .game-item .game-cmsoon {
	position: absolute;
	left: 23px;
	bottom: 40%;
}
.header-nav .navbar .navbar-nav .nav-item__game .game-item:hover {
	box-shadow: 0 0 10px 1px var(--secondary-color);
	border-radius: 10px;
}
.header-nav .navbar .navbar-nav .nav-item__game .game-item:hover .game-name {
	color: var(--secondary-color);
}
.header-mobile {
	display: none;
	position: sticky;
	top: -1px;
	z-index: 100;
}
#overlay {
	transition: all 0.2s ease-in-out;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 998;
	cursor: pointer;
}
.sidenav {
	border: 1px solid var(--background-page);
	background: var(--background-page) !important;
	width: 270px !important;
	overflow-y: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	right: -2500px;
	z-index: 9999;
	transition: all 0.3s ease-in-out;
}
.sidenav .header-top {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.sidenav .header-top .header-time {
	font-size: 12px;
	font-weight: 600;
	color: var(--header-text);
}
.sidenav .header-top .flags {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	padding: 2px 3px 2px 6px;
	border-radius: 25px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	min-width: 65px;
	margin-left: auto;
}
.sidenav .header-top .flags span {
	margin-right: 5px;
	color: var(--header-text);
	font-weight: 600;
	font-size: 14px;
}
.sidenav .header-top .flags img {
	color: var(--header-text);
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 50px;
	width: 20px;
	height: 20px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	margin-left: auto;
}
.sidenav .sidenav__header-game {
	background: var(--header-color);
	padding: 20px;
}
.sidenav .sidenav__header-game .sidenav__header-user {
	color: var(--header-text);
	font-size: 12px;
	font-weight: 500;
	display: flex;
	align-items: center;
}
.sidenav .sidenav__header-game .sidenav__header-user .account-username {
	margin-left: 5px;
}
.sidenav .sidenav__header-game .sidenav__header-user .account-username img {
	width: 20px;
}
.sidenav .sidenav__header-game .sidenav__header-user .account-username a {
	color: var(--secondary-color);
}
.sidenav .sidenav__header-game .sidenav__header-logo {
	margin-top: 15px;
	text-align: center;
}
.sidenav .sidenav__header-game .sidenav__header-logo img {
	width: 180px;
	height: auto;
}
.sidenav .sidenav__header {
	background: var(--header-color);
	padding: 20px;
}
.sidenav .sidenav__header .sidenav__header-user {
	color: var(--header-text);
	font-size: 12px;
	font-weight: 500;
}
.sidenav .sidenav__header .sidenav__header-logo {
	margin: 10px 0px 15px;
	text-align: center;
}
.sidenav .sidenav__header .sidenav__header-logo img {
	width: 180px;
	height: auto;
}
.sidenav .sidenav__header .sidenav__header-button .sidenav-button-title {
	text-align: center;
	color: var(--header-text);
	font-size: 13px;
}
.sidenav .sidenav__header .sidenav__header-button .sidenav-button {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 8px 0px;
}
.sidenav .sidenav__header .sidenav__header-button .sidenav-button button {
	outline: none;
	border-radius: 5px;
	min-width: 100px;
	border: none;
	font-size: 12px;
	font-weight: 500;
	padding: 7px 0px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
.sidenav .sidenav__header .sidenav__header-button .sidenav-button .btn-login {
	background: var(--header-color);
	border: 2px solid var(--secondary-color);
	color: var(--secondary-color);
	border-radius: 50px;
	margin-right: 5px;
}
.sidenav
	.sidenav__header
	.sidenav__header-button
	.sidenav-button
	.btn-register {
	background: linear-gradient(to bottom, #d7a909 0%, #ffe99f 50%, #a37604 100%);
	border: 2px solid #a37604;
	color: var(--c-black);
	border-radius: 50px;
}
.sidenav .sidenav__header .sidenav__header-button .sidenav-password {
	text-align: right;
	font-size: 13px;
}
.sidenav .sidenav__header .sidenav__header-button .sidenav-password a {
	color: var(--header-text);
}
.sidenav .sidenav__header .sidenav__header-button .sidenav-password a.active {
	color: var(--secondary-color);
}
.sidenav .sidenav__list {
	background: var(--background-page);
}
.sidenav .sidenav__list ul {
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.sidenav .sidenav__list ul li {
	list-style: none;
	font-size: 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	padding: 10px 15px;
	color: var(--page-text);
	position: relative;
}
.sidenav .sidenav__list ul li:before {
	content: "";
	position: absolute;
	left: 0;
	width: 2px;
	height: 100%;
	background: var(--secondary-color);
	display: none;
}
.sidenav .sidenav__list ul li i {
	width: 20px !important;
	margin-right: 10px;
}
.sidenav .sidenav__list ul li span {
	font-weight: 500;
}
.sidenav .sidenav__list ul li a {
	color: var(--page-text);
}
.sidenav .sidenav__list ul li.active {
	color: var(--secondary-color);
	background: var(--title-color);
}
.sidenav .sidenav__list ul li.active:before {
	display: block;
}
.sidenav .sidenav__list ul li .fa-caret-down {
	margin-right: 0;
}
.sidenav .sidenav__list .sidenav-dropdown {
	display: none;
}
.sidenav .sidenav__list .sidenav-dropdown li {
	padding-left: 34px;
}
.sidenav-open {
	right: 0;
	transition: all 0.3s ease-in-out;
}
.login-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	text-align: center;
}
input.custom-textfield.pwa-login-field {
	width: 90%;
	margin-bottom: 15px;
}
button.btn-masuk.btn-masuk-pwa {
	border: 0;
	font-weight: 600;
	background: var(--primary-color);
	border: 2px solid var(--secondary-color);
	color: var(--secondary-color);
	font-size: 14px;
	padding: 6px 10px;
	min-width: 150px;
	border-radius: 50px;
	margin-bottom: 15px;
}
.btn-daftar.btn-dafter-pwa {
	border: 0;
	font-weight: 600;
	background: linear-gradient(to bottom, #d7a909 0%, #ffe99f 50%, #a37604 100%);
	border: 2px solid var(--secondary-color);
	color: var(--c-black);
	font-size: 14px;
	padding: 6px 50px;
	min-width: 150px;
	border-radius: 50px;
}
.pwa-forgot {
	margin-top: 10px;
}
.col-12.m-popup-pwa {
	display: flex;
}
.sl-install-popup {
	background: #fff;
}
.col-4.btn-pwa-pop {
	margin: auto;
	text-align: center;
}
button#install {
	background: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	padding: 6px 20px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 50px;
	color: var(--secondary-text);
}
.header-form.pwa-form-login {
	margin-top: 15px;
}
.pwa-logo {
	width: 20%;
	padding: 5px;
}
@media screen and (max-width: 768px) {
	.main-content {
		background-color: #180835;
		background-image: none;
	}
}
@font-face {
	font-family: advanced_dot_digital-7regular;
	src: url(https://fonts.cdnfonts.com/s/26574/advanced_dot_digital-7.woff)
		format("woff");
	font-weight: 400;
	font-style: normal;
}
body {
	margin-bottom: 0 !important;
	font-family: "Chakra Petch", sans-serif;
	background-color: #180835;
}
a {
	text-decoration: none !important;
}
button {
	outline: 0 !important;
	cursor: pointer;
}
select {
	outline: 0;
	cursor: pointer;
	border: 1px solid #aeaeae;
}
input {
	outline: 0;
	border: 1px solid #aeaeae;
	width: inherit;
}
textarea {
	outline: 0;
	border: 1px solid #aeaeae;
}
img {
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.fi {
	display: flex;
}
.form-control.is-valid {
	background-position: right calc(0.975em + 0.1875rem) center !important;
}
.register {
	padding: 40px 0;
}
.forgot-password {
	padding: 40px 0;
}
.news {
	padding: 40px 0;
}
.post {
	padding: 40px 0;
}
.promo-content {
	padding: 40px 0;
}
.promo {
	padding: 40px 0;
}
.memo {
	padding: 40px 0;
}
.memo__container {
	margin-bottom: 40px;
}
.memo-view {
	padding: 40px 0;
}
.feedback {
	padding: 40px 0;
}
.result {
	padding: 40px 0;
}
.lottery {
	padding: 40px 0;
}
.game {
	padding: 0 0 40px;
}
.slot-game {
	padding: 40px 0;
}
.casino-game {
	padding: 40px 0;
}
.freebet {
	padding: 40px 0;
}
.bonus {
	min-height: 100vh;
	padding: 50px 0;
}
.bonus .component-tab-content {
	background: rgba(0, 0, 0, 0);
}
.bonus .component-tab-content .bonus-header {
	font-size: 22px;
	color: var(--page-text);
	font-weight: 700;
}
.bonus .component-tab-content .referral-link {
	font-size: 14px;
	color: var(--page-text);
	font-weight: 600;
	margin-bottom: 10px;
}
.bonus .component-tab-content .referral-link span {
	color: var(--secondary-color);
	margin-left: 5px;
}
.bonus .component-tab-content .referral-link .btn-custom-sm .spinner-border {
	color: var(--secondary-text);
}
@media screen and (max-width: 425px) {
	.bonus .component-tab-content .referral-link {
		flex-wrap: wrap;
	}
	.bonus .component-tab-content .referral-link span {
		margin-left: 0;
		margin-right: 5px;
	}
	.bonus .component-tab-content .referral-link .btn-custom-sm {
		margin-left: 0 !important;
	}
}
.bonus .component-tab-content .bonus-form .form-group {
	margin-bottom: 0;
}
.bonus .component-tab-content .bonus-form .form-group label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
	color: var(--page-text);
}
.bonus .component-tab-content .bonus-form .form-group input {
	width: 100%;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 600;
	padding: 8px 12px;
}
.bonus .component-tab-content .bonus-form .form-group select {
	width: 100%;
	border-radius: 3px;
	font-size: 15px;
	font-weight: 600;
	padding: 6px 6px;
	border: 0;
}
.bonus
	.component-tab-content
	.bonus-form
	.form-group
	.bootstrap-select
	.dropdown-toggle {
	padding: 8px 12px;
}
.bonus
	.component-tab-content
	.bonus-form
	.form-group
	.bootstrap-select
	.dropdown-toggle
	.filter-option-inner-inner {
	font-size: 13px;
}
.bonus
	.component-tab-content
	.bonus-form
	.form-group
	.bootstrap-select
	.dropdown-menu
	.inner {
	max-height: 220px;
}
.bonus
	.component-tab-content
	.bonus-form
	.form-group
	.bootstrap-select
	.dropdown-menu
	.dropdown-item {
	font-size: 13px;
}
.bonus .component-tab-content .bonus-form .form-group .btn-see-report {
	width: 100%;
}
.bonus .component-tab-content .point-top .point-img img {
	width: 100%;
	max-height: 350px;
	margin-left: auto;
	margin-right: auto;
	-o-object-fit: contain;
	object-fit: contain;
	margin-bottom: 20px;
}
.bonus .component-tab-content .point-top .point-form {
	padding: 10px;
	color: var(--page-text);
	background: var(--background-page);
	border-radius: 5px;
}
.bonus .component-tab-content .point-top .point-form .point-form__title {
	text-align: center;
	font-weight: 700;
	font-size: 25px;
	margin-bottom: 15px;
}
.bonus .component-tab-content .point-top .point-form .point-form__holder {
	margin-bottom: 10px;
	border: 1px solid #d2d2d2;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 100%;
	margin: auto auto 10px;
}
.bonus
	.component-tab-content
	.point-top
	.point-form
	.point-form__holder
	.point-form__item {
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	border: 0;
	width: 100%;
}
.bonus .component-tab-content .point-top .point-form__button {
	width: 100%;
	margin-top: 5px;
}
.bonus .component-tab-content .point-terms {
	margin-top: 30px;
	border-radius: 5px;
}
.bonus .component-tab-content .point-terms .terms-header {
	background: var(--secondary-color);
	font-size: 18px;
	font-weight: 600;
	padding: 10px 20px;
	color: var(--secondary-text);
	border-radius: 5px 5px 0 0;
}
.bonus .component-tab-content .point-terms .terms-content {
	background: var(--background-page);
	padding: 20px;
	color: var(--page-text);
}
.bonus .component-tab-content .point-terms .terms-content p {
	font-size: 14px;
	margin-bottom: 0;
}
.bonus .component-tab-content .point-terms .terms-content img {
	width: 100% !important;
}
.bonus .component-tab-content .point-terms .terms-content table {
	color: var(--page-text);
}
.bonus .component-tab-content .point-bottom {
	margin-top: 30px;
}
.bonus .component-tab-content .point-bottom .point-bottom__title {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: var(--c-white);
	margin-bottom: 10px;
}
.bonus .component-tab-content .point-bottom .table-transaksi {
	margin-top: 5px;
	margin-bottom: 15px;
}
.bonus .component-tab-content .bonus-content {
	background: var(--background-page);
	padding: 15px 20px;
	border-radius: 20px;
}
.bonus .component-tab-content .bonus-referral {
	background: var(--background-page);
	padding: 15px 20px;
	border-radius: 20px;
}
.bonus .component-tab-content .bonus-turnover {
	background: var(--background-page);
	padding: 15px 20px;
	border-radius: 20px;
}
.casino-game .casino-game__container .casino-game-item {
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: var(--c-grey);
	margin-bottom: 30px;
	position: relative;
}
.casino-game .casino-game__container .casino-game-item .casino-game-img {
	overflow: hidden;
	margin-bottom: 10px;
}
.casino-game .casino-game__container .casino-game-item .casino-game-img img {
	width: 100%;
	transition: all 0.2s ease-in-out;
}
.casino-game .casino-game__container .casino-game-item .casino-game-name {
	font-weight: 600;
	color: var(--c-white);
	display: flex;
	justify-content: center;
}
.casino-game .casino-game__container .casino-game-item .casino-game-hover {
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
.casino-game
	.casino-game__container
	.casino-game-item
	.casino-game-hover
	.casino-play {
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	padding: 15px 15px 20px;
	font-size: 45px;
	font-weight: 700;
	cursor: pointer;
	color: var(--c-white);
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,
		0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.0980392),
		0 0 5px rgba(0, 0, 0, 0.0980392), 0 1px 3px rgba(0, 0, 0, 0.298039),
		0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.247059),
		0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.14902);
	transition: all 0.2s ease-in-out;
}
.casino-game
	.casino-game__container
	.casino-game-item
	.casino-game-hover
	.casino-play:hover {
	color: #b4b4b4 !important;
	text-shadow: 0 1px 0 #fff, 0 2px 0 #fff, 0 3px 0 #fff, 0 4px 0 #fff,
		0 5px 0 #fff, 0 6px 1px rgba(0, 0, 0, 0.0980392),
		0 0 5px rgba(0, 0, 0, 0.0980392), 0 1px 3px rgba(0, 0, 0, 0.298039),
		0 3px 5px rgba(0, 0, 0, 0.2), 0 -5px 10px rgba(0, 0, 0, 0.247059),
		0 -7px 10px rgba(0, 0, 0, 0.2), 0 -15px 20px rgba(0, 0, 0, 0.14902);
	transition: all 0.2s ease-in-out;
}
.casino-game
	.casino-game__container
	.casino-game-item:hover
	.casino-game-img
	img {
	transform: scale(1.05);
	transition: all 0.2s ease-in-out;
}
.casino-game
	.casino-game__container
	.casino-game-item:hover
	.casino-game-hover {
	opacity: 1;
	transition: all 0.2s ease-in-out;
}
.contact-us {
	padding: 50px 0;
}
.contact-us__item {
	border: 2px solid var(--secondary-color);
	border-radius: 5px;
	overflow: hidden;
	height: 100%;
}
.contact-us__item .item-header {
	padding: 8px 10px;
	font-size: 13px;
	font-weight: 600;
	color: var(--c-white);
}
.contact-us__item .item-header.live-chat {
	background: #54aa00;
}
.contact-us__item .item-header.whatsapp {
	background: #00ab18;
}
.contact-us__item .item-header.messenger {
	background: #3b5998;
}
.contact-us__item .item-header.line {
	background: #00b900;
}
.contact-us__item .item-header.skype {
	background: #0fb3e6;
}
.contact-us__item .item-header.email {
	background: #e0861a;
}
.contact-us__item .item-header.wechat {
	background: #09b83e;
}
.contact-us__item .item-header.telegram {
	background: #0fb3e6;
}
.contact-us__item .item-header.contact-number {
	background: #54aa00;
}
.contact-us__item .item-content {
	background: var(--c-white);
	color: var(--c-black);
	text-align: center;
	height: 100%;
	padding: 10px 10px;
}
.contact-us__item .item-content .title {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 3px;
}
.contact-us__item .item-content .description {
	font-size: 12px;
}
.error-page {
	background: rgba(0, 0, 0, 0);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 100vh;
	text-align: center;
	padding: 15px;
}
.error-page h1 {
	font-size: 80px;
	color: var(--secondary-color);
	font-weight: 600;
}
.error-page h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 50px;
}
.error-page img {
	width: 100%;
	max-width: 300px;
}
.error-page .btn-custom {
	margin-top: 50px;
	min-width: 200px;
}
.feedback {
	min-height: 100vh;
}
.feedback .feedback__form {
	background: var(--background-page);
	padding: 30px 20px;
	max-width: 800px;
	margin: auto;
	border-radius: 20px;
}
.feedback .feedback__form .form-group {
	margin-bottom: 15px;
}
.feedback .feedback__form .form-group label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
	color: var(--page-text);
}
.feedback .feedback__form .form-group textarea {
	border-radius: 15px;
	font-weight: 600;
	min-height: 200px;
	padding: 8px 12px;
}
.feedback .feedback__form .form-group .btn-custom {
	min-width: 100px;
	margin-top: 5px;
}
.forbidden-page {
	background: rgba(0, 0, 0, 0);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 100vh;
	text-align: center;
	padding: 15px;
}
.forbidden-page img {
	width: 100%;
	max-width: 400px;
}
.forbidden-page h1 {
	font-size: 90px;
	color: var(--secondary-color);
	margin-top: 50px;
	line-height: 1.2;
	font-weight: 600;
}
.forbidden-page h3 {
	font-size: 18px;
	font-weight: 500;
}
.forbidden-page .btn-custom {
	margin-top: 50px;
	min-width: 200px;
}
.forgot-password .forgot-password__container {
	background: var(--background-page);
	padding: 30px 15px 35px;
	text-align: center;
	color: var(--page-text);
	border-radius: 20px;
}
.forgot-password .forgot-password__container .password-form {
	margin-top: 25px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.forgot-password .forgot-password__container .password-form .form-group label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
}
.forgot-password
	.forgot-password__container
	.password-form
	.form-group
	.captcha-img
	img {
	max-width: 300px;
}
.forgot-password .forgot-password__container .password-form .password-button {
	display: flex;
	align-items: center;
	justify-content: center;
}
.forgot-password
	.forgot-password__container
	.password-form
	.password-button
	button {
	font-size: 15px;
	padding: 6px 13px;
	min-width: 80px;
	color: var(--c-white);
	font-weight: 600;
	border-radius: 3px;
	border: 0;
}
.forgot-password
	.forgot-password__container
	.password-form
	.password-button
	.batal {
	background: #c9302c;
	margin-right: 10px;
}
.forgot-password
	.forgot-password__container
	.password-form
	.password-button
	.reset {
	background: #009fd3;
}
.freebet {
	min-height: 100vh;
}
.freebet .freebet__holder {
	background: var(--background-page);
	border: 2px solid var(--secondary-color);
	padding: 20px;
	border-radius: 5px;
}
.game .game__slider {
	overflow: hidden;
	position: relative;
	animation: blinkAnimation 2.5s infinite;
	border-radius: 20px;
}
.game .game__slider .swiper-slide {
	cursor: pointer;
}
.game .game__slider .swiper-slide img {
	width: 100%;
	height: 250px;
	-o-object-fit: cover;
	object-fit: cover;
}
.game .game__slider .swiper-pagination .swiper-pagination-bullet {
	background: rgba(0, 0, 0, 0);
	width: 10px;
	height: 10px;
	border: 2px solid var(--text-white);
	opacity: 1;
}
.game .game__slider .swiper-pagination .swiper-pagination-bullet-active-main {
	background: var(--text-white);
}
@media screen and (max-width: 768px) {
	.game .game__slider {
		display: none;
	}
}
.game .game__list .page-header {
	padding-top: 15px;
}
.game .game__list .game-list-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	grid-gap: 25px;
	margin-bottom: 25px;
}
@media screen and (max-width: 800px) {
	.game .game__list .game-list-container {
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
		grid-gap: 10px;
	}
	.game .game__list .game-list-container .game-img img {
		height: 155px !important;
	}
}
.game .game__list .game-list-container .game-holder {
	background: var(--background-page);
	border-radius: 5px;
	overflow: hidden;
	border-radius: 20px;
	cursor: pointer;
}
.game .game__list .game-list-container .game-holder .game-img {
	position: relative;
	overflow: hidden;
}
.game .game__list .game-list-container .game-holder .game-img img {
	width: 100%;
	height: 330px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
.game .game__list .game-list-container .game-holder .game-img .hover-play {
	background: rgba(0, 0, 0, 0.5);
	color: var(--c-white);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transform: scale(0);
	transition: all 0.2s ease-in-out;
}
.game .game__list .game-list-container .game-holder .game-img .hover-play h6 {
	font-size: 14px;
	margin-bottom: 20px;
	font-weight: 600;
	background: var(--title-color);
	border-radius: 25px;
	padding: 5px 10px;
	max-width: 150px;
	min-width: 150px;
	text-align: center;
	position: absolute;
	top: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.game .game__list .game-list-container .game-holder .game-img .hover-play .fas,
.game .game__list .game-list-container .game-holder .game-img .hover-play .fi {
	color: var(--c-white);
	font-size: 25px;
	background: rgba(255, 255, 255, 0.4);
	padding: 15px;
	border-radius: 50px;
}
@media screen and (max-width: 800px) {
	.game .game__list .game-list-container .game-holder .game-img .hover-play h6 {
		font-size: 10px;
		max-width: 100px;
		min-width: 100px;
	}
	.game
		.game__list
		.game-list-container
		.game-holder
		.game-img
		.hover-play
		.fas {
		font-size: 15px;
		padding: 10px;
	}
}
.game
	.game__list
	.game-list-container
	.game-holder
	.game-img
	.hover-play.game-maintenance {
	transform: scale(1);
}
.game
	.game__list
	.game-list-container
	.game-holder
	.game-img
	.hover-play.game-maintenance
	h6 {
	background: linear-gradient(to bottom, #f52a34 0%, #a11c1f 100%);
}
.game
	.game__list
	.game-list-container
	.game-holder
	.game-img
	.hover-play.game-maintenance
	.fas {
	background: linear-gradient(to bottom, #f52a34 0%, #a11c1f 100%);
}
.game
	.game__list
	.game-list-container
	.game-holder
	.game-img
	.hover-play.coming-soon {
	transform: scale(1);
}
.game
	.game__list
	.game-list-container
	.game-holder
	.game-img
	.hover-play.coming-soon
	h6 {
	background: linear-gradient(to bottom, #ffe600 0%, #ff7a00 100%);
	color: var(--c-black);
}
.game
	.game__list
	.game-list-container
	.game-holder
	.game-img
	.hover-play.coming-soon
	.fas {
	background: linear-gradient(to bottom, #ffe600 0%, #ff7a00 100%);
	color: var(--c-black);
}
.game
	.game__list
	.game-list-container
	.game-holder
	.game-img:hover
	.hover-play {
	transform: scale(1);
	transition: all 0.2s ease-in-out;
}
.game .game__seo {
	background: var(--background-page);
	color: var(--page-text);
	border-radius: 20px;
	padding: 15px 20px;
}
.game .game__seo .seo-mob-title {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
.game .game__seo img {
	width: 100% !important;
}
.game .game__seo table {
	color: var(--page-text);
}
@media screen and (max-width: 768px) {
	.game .game__seo {
		padding: 10px 15px;
	}
	.game .game__seo h1 {
		font-size: 1.4rem;
	}
	.game .game__seo h2 {
		font-size: 1.3rem;
	}
	.game .game__seo h3 {
		font-size: 1.25rem;
	}
	.game .game__seo h4 {
		font-size: 1.2rem;
	}
	.game .game__seo h5 {
		font-size: 1.15rem;
	}
	.game .game__seo h6 {
		font-size: 1rem;
	}
}
.help {
	min-height: 100vh;
	padding: 50px 0;
}
.help .help__content .nav-parent {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-gap: 25px;
}
.help .help__content .nav-parent .nav-link {
	background: var(--background-page);
	color: var(--page-text);
	font-size: 18px;
	font-weight: 600;
	border-radius: 10px;
	padding: 10px 15px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.help .help__content .nav-parent .nav-link:hover {
	background: var(--secondary-color);
	font-weight: 600;
	color: var(--secondary-text);
}
.help .help__content .nav-parent .active {
	background: var(--secondary-color);
	font-weight: 600;
	color: var(--secondary-text);
}
.help .help__content .tab-content#v-parent-tabContent {
	margin-top: 20px;
	background: var(--background-page);
	padding: 15px 20px;
	background: var(--background-page);
	color: var(--page-text);
	border-radius: 20px;
}
.help .help__content .tab-content#v-child-tabContent {
	margin-top: 15px;
	padding: 0 5px;
}
.help .help__content .tab-content .nav-child {
	display: flex;
	flex-wrap: wrap;
}
.help .help__content .tab-content .nav-child .nav-link {
	background: var(--title-color);
	color: var(--c-white);
	border-radius: 50px;
	padding: 6px 20px;
	font-size: 14px;
	margin: 5px;
	font-weight: 600;
}
.help .help__content .tab-content .nav-child .nav-link:hover {
	background: var(--secondary-color);
	color: var(--secondary-text);
}
.help .help__content .tab-content .nav-child .nav-link.active {
	background: var(--secondary-color);
	color: var(--secondary-text);
}
@media screen and (max-width: 800px) {
	.help .help__content .nav-parent {
		grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
		grid-gap: 10px;
	}
	.help .help__content .nav-parent .nav-link {
		font-size: 14px;
		padding: 8px 13px;
	}
	.help .help__content .tab-content#v-parent-tabContent {
		padding: 8px;
	}
	.help .help__content .tab-content#v-child-tabContent {
		font-size: 12px;
		margin-top: 10px;
	}
	.help .help__content .tab-content .nav-child .nav-link {
		padding: 5px 10px;
		font-size: 12px;
	}
}
.event {
	min-height: 100vh;
	padding: 50px 0;
}
.event .event__content .nav-parent {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-gap: 25px;
}
.event .event__content .nav-parent .nav-link {
	background: var(--background-page);
	color: var(--page-text);
	font-size: 18px;
	font-weight: 600;
	border-radius: 10px;
	padding: 10px 15px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.event .event__content .nav-parent .nav-link:hover {
	background: var(--secondary-color);
	font-weight: 600;
	color: var(--secondary-text);
}
.event .event__content .nav-parent .active {
	background: var(--secondary-color);
	font-weight: 600;
	color: var(--secondary-text);
}
.event .event__content .tab-content#v-parent-tabContent {
	margin-top: 20px;
	background: var(--background-page);
	padding: 15px 20px;
	background: var(--background-page);
	color: var(--page-text);
	border-radius: 20px;
}
.event .event__content .tab-content#v-child-tabContent {
	margin-top: 15px;
	padding: 0 5px;
}
.event .event__content .tab-content .nav-child {
	display: flex;
	flex-wrap: wrap;
}
.event .event__content .tab-content .nav-child .nav-link {
	background: var(--title-color);
	color: var(--c-white);
	border-radius: 50px;
	padding: 6px 20px;
	font-size: 14px;
	margin: 5px;
	font-weight: 600;
}
.event .event__content .tab-content .nav-child .nav-link:hover {
	background: var(--secondary-color);
	color: var(--secondary-text);
}
.event .event__content .tab-content .nav-child .nav-link.active {
	background: var(--secondary-color);
	color: var(--secondary-text);
}
@media screen and (max-width: 800px) {
	.event .event__content .nav-parent {
		grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
		grid-gap: 10px;
	}
	.event .event__content .nav-parent .nav-link {
		font-size: 14px;
		padding: 8px 13px;
	}
	.event .event__content .tab-content#v-parent-tabContent {
		padding: 8px;
	}
	.event .event__content .tab-content#v-child-tabContent {
		font-size: 12px;
		margin-top: 10px;
	}
	.event .event__content .tab-content .nav-child .nav-link {
		padding: 5px 10px;
		font-size: 12px;
	}
}
.event .event__content .event-list .row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.event .event__content .event-list .event-item {
	margin-top: 20px;
	padding: 0px 0px 20px 0px;
	background: var(--background-page);
	color: var(--page-text);
	border-radius: 20px;
	height: 100%;
}
.event .event__content .event-list .event-item img {
	width: 100%;
	height: auto;
	border-radius: 20px 20px 0px 0px;
}
.event .event__content .event-list .event-item .event-info {
	padding: 15px 15px;
}
.streaming {
	min-height: 100vh;
	padding: 50px 0;
}
.streaming .streaming__content .nav-parent {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-gap: 25px;
}
.streaming .streaming__content .nav-parent .nav-link {
	background: var(--background-page);
	color: var(--page-text);
	font-size: 18px;
	font-weight: 600;
	border-radius: 10px;
	padding: 10px 15px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.streaming .streaming__content .nav-parent .nav-link:hover {
	background: var(--secondary-color);
	font-weight: 600;
	color: var(--secondary-text);
}
.streaming .streaming__content .nav-parent .active {
	background: var(--secondary-color);
	font-weight: 600;
	color: var(--secondary-text);
}
.streaming .streaming__content .tab-content#v-parent-tabContent {
	margin-top: 20px;
	background: var(--background-page);
	padding: 15px 20px;
	background: var(--background-page);
	color: var(--page-text);
	border-radius: 20px;
}
.streaming .streaming__content .tab-content#v-child-tabContent {
	margin-top: 15px;
	padding: 0 5px;
}
.streaming .streaming__content .tab-content .nav-child {
	display: flex;
	flex-wrap: wrap;
}
.streaming .streaming__content .tab-content .nav-child .nav-link {
	background: var(--title-color);
	color: var(--c-white);
	border-radius: 50px;
	padding: 6px 20px;
	font-size: 14px;
	margin: 5px;
	font-weight: 600;
}
.streaming .streaming__content .tab-content .nav-child .nav-link:hover {
	background: var(--secondary-color);
	color: var(--secondary-text);
}
.streaming .streaming__content .tab-content .nav-child .nav-link.active {
	background: var(--secondary-color);
	color: var(--secondary-text);
}
@media screen and (max-width: 800px) {
	.streaming .streaming__content .nav-parent {
		grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
		grid-gap: 10px;
	}
	.streaming .streaming__content .nav-parent .nav-link {
		font-size: 14px;
		padding: 8px 13px;
	}
	.streaming .streaming__content .tab-content#v-parent-tabContent {
		padding: 8px;
	}
	.streaming .streaming__content .tab-content#v-child-tabContent {
		font-size: 12px;
		margin-top: 10px;
	}
	.streaming .streaming__content .tab-content .nav-child .nav-link {
		padding: 5px 10px;
		font-size: 12px;
	}
}
.home .home__slider {
	overflow: hidden;
	position: relative;
	max-width: 1120px;
	margin: 0px auto auto;
	border-radius: 20px;
	top: 15px;
}
.home .home__slider .swiper-slide {
	cursor: pointer;
	min-height: 250px;
}
.home .home__slider .swiper-slide img {
	width: 100%;
	height: 100%;
}
.home .home__slider .swiper-pagination .swiper-pagination-bullet {
	background: rgba(0, 0, 0, 0);
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	opacity: 1;
}
.home .home__slider .swiper-pagination .swiper-pagination-bullet-active-main {
	background: #fff;
}
.home .home__slider .swiper-button-prev:after {
	color: var(--c-white);
	font-weight: 700;
	font-size: 20px;
}
.home .home__slider .swiper-button-next:after {
	color: var(--c-white);
	font-weight: 700;
	font-size: 20px;
}
@media screen and (max-width: 800px) {
	.home .home__slider {
		margin: 10px auto auto;
		padding: 0 10px;
	}
}
.home .home__jackpot {
	margin: 30px 0 20px;
}
.home .home__jackpot-category {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
}
.home .home__jackpot-category a {
	margin: 0 10px;
}
.home .home__jackpot-category a .category-item {
	background: var(--jackpot-theme);
	color: var(--jackpot-text);
	border-radius: 20px;
	padding: 12px;
	text-align: center;
	min-width: 110px;
	min-height: 120px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.home .home__jackpot-category a .category-item .item-icon {
	background: var(--title-color);
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	margin: auto;
	width: 60px;
	height: 60px;
}
.home .home__jackpot-category a .category-item .item-icon img {
	width: 40px;
	height: 40px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
.home .home__jackpot-category a .category-item .item-name {
	margin-top: 7px;
	font-size: 14px;
	font-weight: 600;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 80px;
}
.home .home__jackpot-category a .category-item:hover img {
	filter: grayscale(100%);
}
.home .home__jackpot-category a .category-item:hover .item-name {
	color: var(--secondary-color);
}
.home .home__jackpot-cont {
	background: var(--jackpot-theme);
	color: var(--secondary-color);
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	min-height: 120px;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
	height: 160px;
	align-items: center;
	justify-content: flex-end;
	padding-bottom: 30px;
}
.home .home__jackpot-cont .jackpot-amount {
	display: flex;
	align-items: center;
	position: relative;
	font-size: 45px;
	font-weight: 600;
	font-family: "Digital Numbers", sans-serif;
}
.home .home__jackpot-cont .jackpot-amount #amount {
	margin-left: 10px;
	color: var(--secondary-color);
}
.home .home__game {
	margin-bottom: 20px;
}
.home .home__game .game-container__header {
	display: flex;
	align-items: center;
	padding: 10px 0;
}
.home .home__game .game-container__header .game-title {
	display: flex;
	align-items: center;
}
.home .home__game .game-container__header .game-title .icon {
	margin-right: 10px;
	background: var(--primary-color);
	border-radius: 50px;
	padding: 10px;
	width: 50px;
	height: 50px;
	display: flex;
}
.home .home__game .game-container__header .game-title .icon img {
	width: 30px;
}
.home .home__game .game-container__header .game-title h6 {
	margin-bottom: 0;
	font-size: 25px;
	font-weight: 600;
	color: var(--c-white);
	white-space: nowrap;
}
.home .home__game .game-container__header .game-action {
	margin-left: auto;
	display: flex;
	align-items: center;
}
.home .home__game .game-container__header .game-action .action-button {
	margin-right: 5px;
}
.home
	.home__game
	.game-container__header
	.game-action
	.action-button
	.btn-custom-sm {
	border-radius: 50px;
	font-size: 12px;
	padding: 3px 10px;
	font-weight: 700;
}
.home .home__game .game-container__header .game-action .action-navigation {
	display: flex;
	align-items: center;
}
.home
	.home__game
	.game-container__header
	.game-action
	.action-navigation
	.btn-custom-sm {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 5px;
	border-radius: 25px;
}
.home
	.home__game
	.game-container__header
	.game-action
	.action-navigation
	.btn-custom-sm
	i {
	font-size: 16px;
}
.home
	.home__game
	.game-container__header
	.game-action
	.action-navigation
	.btn-custom-sm.swiper-button-disabled {
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: var(--page-text);
}
.home .home__game .game-container__list {
	margin-top: 5px;
}
.home .home__game .game-container__list .games-holder {
	text-align: center;
	position: relative;
	overflow: hidden;
}
.home .home__game .game-container__list .games-holder .games-img {
	background: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
}
.home .home__game .game-container__list .games-holder .games-img img {
	width: 100%;
	height: auto;
	-o-object-position: center;
	object-position: center;
}
.home .home__game .game-container__list .games-holder .games-name {
	font-size: 14px;
	padding: 10px;
	font-weight: 700;
	color: var(--primary-text);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: var(--primary-color);
	border-radius: 0 0 20px 20px;
}
.home .home__game .game-container__list .games-holder .hover-play {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	border-radius: 20px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(0);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
.home .home__game .game-container__list .games-holder .hover-play .fas {
	color: var(--c-white);
	font-size: 25px;
	background: rgba(255, 255, 255, 0.4);
	padding: 15px;
	border-radius: 50px;
}
.home .home__game .game-container__list .games-holder:hover .hover-play {
	transform: scale(1);
	transition: all 0.2s ease-in-out;
}
.home .home__game .game-container__category-list .slide-border {
	background: rgba(0, 0, 0, 0);
	padding: 2px;
	border-radius: 20px;
}
.home .home__game .game-container__category-list .slide-border .slide-item {
	background: var(--primary-color);
	border-radius: 20px;
	position: relative;
}
.home
	.home__game
	.game-container__category-list
	.slide-border
	.slide-item
	.slide-img {
	position: relative;
	overflow: hidden;
}
.home
	.home__game
	.game-container__category-list
	.slide-border
	.slide-item
	.slide-img
	img {
	width: 100%;
	height: 250px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
.home
	.home__game
	.game-container__category-list
	.slide-border
	.slide-item
	.slide-img
	.hover-play {
	background: rgba(0, 0, 0, 0.5);
	color: var(--c-white);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transform: scale(0);
	transition: all 0.2s ease-in-out;
}
.home
	.home__game
	.game-container__category-list
	.slide-border
	.slide-item
	.slide-img
	.hover-play
	h6 {
	font-size: 14px;
	margin-bottom: 20px;
	font-weight: 600;
	background: var(--title-color);
	border-radius: 25px;
	padding: 5px 10px;
	max-width: 150px;
	min-width: 150px;
	text-align: center;
	position: absolute;
	top: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.home
	.home__game
	.game-container__category-list
	.slide-border
	.slide-item
	.slide-img
	.hover-play
	.fas {
	color: var(--c-white);
	font-size: 25px;
	background: rgba(255, 255, 255, 0.4);
	padding: 15px;
	border-radius: 50px;
}
.home
	.home__game
	.game-container__category-list
	.slide-border
	.slide-item
	.slide-img
	.hover-play.game-maintenance {
	transform: scale(1);
}
.home
	.home__game
	.game-container__category-list
	.slide-border
	.slide-item
	.slide-img
	.hover-play.game-maintenance
	h6 {
	background: linear-gradient(to bottom, #f52a34 0%, #a11c1f 100%);
}
.home
	.home__game
	.game-container__category-list
	.slide-border
	.slide-item
	.slide-img
	.hover-play.game-maintenance
	.fas {
	background: linear-gradient(to bottom, #f52a34 0%, #a11c1f 100%);
}
.home
	.home__game
	.game-container__category-list
	.slide-border
	.slide-item
	.slide-img
	.hover-play.coming-soon {
	transform: scale(1);
}
.home
	.home__game
	.game-container__category-list
	.slide-border
	.slide-item
	.slide-img
	.hover-play.coming-soon
	h6 {
	background: linear-gradient(to bottom, #ffe600 0%, #ff7a00 100%);
	color: var(--c-black);
}
.home
	.home__game
	.game-container__category-list
	.slide-border
	.slide-item
	.slide-img
	.hover-play.coming-soon
	.fas {
	background: linear-gradient(to bottom, #ffe600 0%, #ff7a00 100%);
	color: var(--c-black);
}
.home
	.home__game
	.game-container__category-list
	.slide-border:hover
	.slide-item
	.hover-play {
	transform: scale(1);
	transition: all 0.2s ease-in-out;
}
.home .home__game .game-container__provider-list .slide-item {
	background: var(--primary-color);
	border-radius: 20px;
	position: relative;
	overflow: hidden;
}
.home .home__game .game-container__provider-list .slide-item .slide-img {
	position: relative;
	overflow: hidden;
}
.home .home__game .game-container__provider-list .slide-item .slide-img img {
	width: 100%;
	height: 190px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}
.home
	.home__game
	.game-container__provider-list
	.slide-item
	.slide-img
	.hover-play {
	background: rgba(0, 0, 0, 0.5);
	color: var(--c-white);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transform: scale(0);
	transition: all 0.2s ease-in-out;
}
.home
	.home__game
	.game-container__provider-list
	.slide-item
	.slide-img
	.hover-play
	.fas {
	color: var(--c-white);
	font-size: 25px;
	background: rgba(255, 255, 255, 0.4);
	padding: 15px;
	border-radius: 50px;
}
.home
	.home__game
	.game-container__provider-list
	.slide-item:hover
	.slide-img
	.hover-play {
	transform: scale(1);
	transition: all 0.2s ease-in-out;
}
.home .home__lotto {
	margin: 30px 0;
}
.home .home__lotto .lotto-slide {
	transform: scale(0.8);
	transition: all 0.2s ease-in-out;
}
.home .home__lotto .lotto-slide.swiper-slide-active {
	background: var(--secondary-color);
	border-radius: 20px;
	transform: scale(1);
}
.home .home__lotto .lotto-slide.swiper-slide-active .lotto-number {
	color: var(--secondary-color) !important;
}
.home .home__lotto .lotto-slide .lotto-border {
	background: rgba(0, 0, 0, 0);
	padding: 2px;
	border-radius: 20px;
}
.home .home__lotto .lotto-slide .lotto-border .lotto-item {
	background: var(--lottery-color);
	border-radius: 20px;
	text-align: center;
	padding: 10px 15px 15px;
}
.home .home__lotto .lotto-slide .lotto-border .lotto-item .lotto-country {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0;
	color: var(--lottery-text);
}
.home .home__lotto .lotto-slide .lotto-border .lotto-item .lotto-date {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
	color: var(--lottery-text);
}
.home .home__lotto .lotto-slide .lotto-border .lotto-item .lotto-number {
	font-size: 40px;
	font-weight: 700;
	color: var(--lottery-text);
	background: var(--title-color);
	border-radius: 5px;
	padding: 0 20px;
}
.home .home__lotto .lotto-slide .lotto-border:hover {
	background: var(--secondary-color);
	border-radius: 20px;
}
.home .home__lotto .lotto-slide .lotto-border:hover .lotto-number {
	color: var(--secondary-color) !important;
}
.home .home__payment {
	padding-bottom: 40px;
}
.home .home__payment .payment-border {
	background: rgba(0, 0, 0, 0);
	border-radius: 20px;
	padding: 2px;
}
.home .home__payment .payment-border .payment-content {
	background: var(--primary-color);
	padding: 20px 20px 10px;
	color: var(--primary-text);
	border-radius: 20px;
	min-height: 270px;
	position: relative;
}
.home .home__payment .payment-border .payment-content .payment-header {
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.home .home__payment .payment-border .payment-content .payment-header img {
	width: 40px;
	margin-right: 15px;
	margin-bottom: 8px;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-header
	.payment-title {
	font-weight: 600;
	font-size: 18px;
}
.home .home__payment .payment-border .payment-content .payment-service {
	margin: 10px 0 15px;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: 20px;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-service
	.service-average {
	align-self: center;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-service
	.service-average
	.service-title {
	font-size: 16px;
	font-weight: 600;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-service
	.service-average
	.service-subtitle {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 5px;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-service
	.service-average
	.progress {
	padding: 2px;
	border-radius: 25px;
	margin-bottom: 0;
	overflow: hidden;
	background-color: var(--title-color);
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-service
	.service-average
	.progress
	.progress-bar {
	background: linear-gradient(to bottom, #d7a909 0%, #ffe99f 50%, #a37604 100%);
	border-radius: 25px;
	position: relative;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-service
	.service-average
	.progress
	.progress-bar::before {
	content: "";
	position: absolute;
	height: 12px;
	border-radius: 25px;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-service
	.service-time {
	background: linear-gradient(to bottom, #d7a909 0%, #ffe99f 50%, #a37604 100%);
	color: var(--secondary-text);
	border-radius: 8px;
	padding: 7px 10px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 80px;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-service
	.service-time
	.time-title {
	font-size: 13px;
	font-weight: 600;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-service
	.service-time
	.time-number {
	font-size: 25px;
	font-weight: 600;
}
.home .home__payment .payment-border .payment-content .pembarayan-swiper {
	margin-top: 15px;
	position: relative;
	padding-bottom: 10px;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.pembarayan-swiper
	.swiper-slide {
	margin-bottom: 10px;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.pembarayan-swiper
	.bank-content {
	text-align: center;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.pembarayan-swiper
	.bank-content
	img {
	width: 100%;
	height: 35px;
	-o-object-fit: contain;
	object-fit: contain;
	filter: grayscale(100%);
}
.home
	.home__payment
	.payment-border
	.payment-content
	.pembarayan-swiper
	.bank-content
	img:hover {
	filter: grayscale(0%);
}
.home
	.home__payment
	.payment-border
	.payment-content
	.pembarayan-swiper
	.bank-content
	.bank-status {
	font-size: 12px;
	font-weight: 600;
	margin-top: 5px;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.pembarayan-swiper
	.bank-content
	.bank-status.online {
	color: #52b116;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.pembarayan-swiper
	.bank-content
	.bank-status.offline {
	color: #e91e00;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.pembarayan-swiper
	.swiper-pagination {
	position: absolute;
	bottom: -5px !important;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.pembarayan-swiper
	.swiper-pagination
	.swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.3) !important;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.pembarayan-swiper
	.swiper-pagination
	.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--secondary-color) !important;
}
.home .home__payment .payment-border .payment-content .payment-download {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 175px;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-download
	.download-button {
	margin-right: 15px;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-download
	.download-button
	.button-icon {
	background: var(--title-color);
	border-radius: 7px;
	padding: 10px;
	margin: 10px 0;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-download
	.download-button
	.button-icon
	img {
	filter: invert(1);
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
.home
	.home__payment
	.payment-border
	.payment-content
	.payment-download
	.download-img
	img {
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
.home .home__seo {
	padding-bottom: 30px;
}
.home .home__seo .seo-content,
.home .home__seo .mobile__seo .seo-mobile,
.home .mobile__seo .home__seo .seo-mobile {
	background: var(--primary-color);
	border-radius: 20px;
	padding: 10px 15px;
	color: var(--primary-text);
	font-size: 14px;
}
.home .home__seo .seo-content table,
.home .home__seo .mobile__seo .seo-mobile table,
.home .mobile__seo .home__seo .seo-mobile table {
	color: var(--primary-text) !important;
}
.home .mobile__category {
	color: var(--primary-text);
	margin: 10px 0 15px;
}
.home .mobile__category .category-container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
}
.home .mobile__category .category-container a {
	margin: 0 10px;
}
.home .mobile__category .category-container a .category-item {
	background: var(--jackpot-color);
	color: var(--jackpot-text);
	border-radius: 20px;
	padding: 10px 5px 8px;
	text-align: center;
	min-width: 80px;
	max-width: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.home .mobile__category .category-container a .category-item .item-icon {
	background: var(--title-color);
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 40px;
	height: 40px;
}
.home .mobile__category .category-container a .category-item .item-icon img {
	width: 20px;
	height: 20px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
.home .mobile__category .category-container a .category-item .item-name {
	margin-top: 7px;
	font-size: 11px;
	font-weight: 600;
	color: var(--secondary-color);
}
.home .mobile__category .category-container a .category-item:hover img {
	filter: grayscale(100%);
}
.home .mobile__category .category-container a .category-item:hover .item-name {
	color: var(--secondary-color);
}
.home .mobile__games {
	margin-bottom: 20px;
}
.home .mobile__games .games-container__header {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
}
.home .mobile__games .games-container__header .games-title {
	display: flex;
	align-items: center;
}
.home .mobile__games .games-container__header .games-title .icon {
	margin-right: 10px;
	background: var(--primary-color);
	border-radius: 50px;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.home .mobile__games .games-container__header .games-title .icon img {
	width: 15px;
}
.home .mobile__games .games-container__header .games-title h6 {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--c-white);
	white-space: nowrap;
}
.home .mobile__games .games-container__header .games-action {
	margin-left: auto;
	display: flex;
	align-items: center;
}
.home .mobile__games .games-container__header .games-action .action-button {
	margin-right: 5px;
}
.home
	.mobile__games
	.games-container__header
	.games-action
	.action-button
	.btn-custom-sm {
	border-radius: 50px;
	font-size: 10px;
	padding: 3px 10px;
	font-weight: 700;
}
.home .mobile__games .games-container .mobile-games-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	grid-gap: 10px;
}
.home .mobile__games .games-container .mobile-games-list .games-holder {
	text-align: center;
	position: relative;
	overflow: hidden;
}
.home
	.mobile__games
	.games-container
	.mobile-games-list
	.games-holder
	.games-img {
	background: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
}
.home
	.mobile__games
	.games-container
	.mobile-games-list
	.games-holder
	.games-img
	img {
	width: 100%;
	-o-object-position: center;
	object-position: center;
}
.home
	.mobile__games
	.games-container
	.mobile-games-list
	.games-holder
	.games-name {
	font-size: 11px;
	padding: 7px 5px;
	font-weight: 700;
	color: var(--primary-text);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: var(--primary-color);
	border-radius: 0 0 20px 20px;
}
.home .mobile__games .games-container .mobile-provider-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	grid-gap: 10px;
}
.home .mobile__games .games-container .mobile-provider-list .item-holder {
	border-radius: 20px;
	background: var(--primary-color);
	padding: 5px;
}
.home
	.mobile__games
	.games-container
	.mobile-provider-list
	.item-holder
	.item-img
	img {
	width: 100%;
}
.home
	.mobile__games
	.games-container
	.mobile-provider-list
	.item-holder
	.item-title {
	background: var(--title-color);
	color: var(--c-white);
	font-size: 10px;
	border-radius: 50px;
	padding: 2px 10px;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.home
	.mobile__games
	.games-container
	.mobile-provider-list
	.item-holder
	.item-title.game-maintenance {
	background: linear-gradient(to bottom, #f52a34 0%, #a11c1f 100%);
}
.home
	.mobile__games
	.games-container
	.mobile-provider-list
	.item-holder
	.item-title.coming-soon {
	background: linear-gradient(to bottom, #ffe600 0%, #ff7a00 100%);
	color: var(--c-black);
}
.home .mobile__download-bannner {
	background-color: var(--primary-color);
	color: var(--c-white);
}
.home .mobile__download-bannner .mobile-download-container {
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
}
.home .mobile__download-bannner .mobile-download-container .download-icon {
	padding: 5px;
	background-color: var(--title-color);
	box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 10px;
}
.home .mobile__download-bannner .mobile-download-container .download-title {
	margin: 0 15px 0 10px;
}
.home .mobile__download-bannner .mobile-download-container .download-title h5 {
	font-size: 16px;
	color: var(--secondary-color);
	font-weight: 700;
	margin-bottom: 5px;
}
.home .mobile__download-bannner .mobile-download-container .download-title h6 {
	font-size: 10px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 0;
}
.home .mobile__download-bannner .mobile-download-container .download-button {
	margin-left: auto;
}
.home .mobile__seo {
	background: #180835;
	padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
	.home .mobile__seo .container .container {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
}
.home .mobile__seo .seo-content,
.home .mobile__seo .seo-mobile {
	padding: 15px 0 30px;
	color: var(--primary-text);
	font-size: 14px;
}
.home .mobile__seo .seo-content table,
.home .mobile__seo .seo-mobile table {
	color: var(--c-white) !important;
}
.home .mobile__seo .seo-content img,
.home .mobile__seo .seo-mobile img {
	width: 100% !important;
}
.home .mobile__seo .seo-mobile .seo-mob-title {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
.home .mobile__seo .seo-mobile .seo-mob-content {
	font-size: 12px;
	padding: 3px 0;
	text-align: justify;
}
.home .mobile__seo .seo-mobile h1 {
	font-size: 1.4rem;
}
.home .mobile__seo .seo-mobile h2 {
	font-size: 1.3rem;
}
.home .mobile__seo .seo-mobile h3 {
	font-size: 1.25rem;
}
.home .mobile__seo .seo-mobile h4 {
	font-size: 1.2rem;
}
.home .mobile__seo .seo-mobile h5 {
	font-size: 1.15rem;
}
.home .mobile__seo .seo-mobile h6 {
	font-size: 1rem;
}
.list-slider-content .row .slider-content-body {
	height: 55px !important;
	overflow: hidden;
	position: relative;
	margin-top: 25px;
}
.list-slider-content .row .slider-content-body .slider-content#slider,
.list-slider-content .row .slider-content-body .slider-content#slider-2 {
	position: absolute;
}
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider
	.row.userlist-content.col-lg-12.slide,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider
	.row.userlist-content.col-lg-12.slide-2,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider-2
	.row.userlist-content.col-lg-12.slide,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider-2
	.row.userlist-content.col-lg-12.slide-2 {
	height: 100px;
	position: relative;
}
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider
	.row.userlist-content.col-lg-12.slide
	.col-md-2
	img,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider
	.row.userlist-content.col-lg-12.slide-2
	.col-md-2
	img,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider-2
	.row.userlist-content.col-lg-12.slide
	.col-md-2
	img,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider-2
	.row.userlist-content.col-lg-12.slide-2
	.col-md-2
	img {
	width: 100%;
}
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider
	.row.userlist-content.col-lg-12.slide
	.row.col-md-10.userlist-desc,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider
	.row.userlist-content.col-lg-12.slide-2
	.row.col-md-10.userlist-desc,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider-2
	.row.userlist-content.col-lg-12.slide
	.row.col-md-10.userlist-desc,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider-2
	.row.userlist-content.col-lg-12.slide-2
	.row.col-md-10.userlist-desc {
	top: 60%;
	transform: translate(0, -50%);
}
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider
	.row.userlist-content.col-lg-12.slide
	.row.col-md-10.userlist-desc
	.col-md-7
	p,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider
	.row.userlist-content.col-lg-12.slide-2
	.row.col-md-10.userlist-desc
	.col-md-7
	p,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider-2
	.row.userlist-content.col-lg-12.slide
	.row.col-md-10.userlist-desc
	.col-md-7
	p,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider-2
	.row.userlist-content.col-lg-12.slide-2
	.row.col-md-10.userlist-desc
	.col-md-7
	p {
	margin-bottom: 0px;
	font-size: clamp(14px, 4vw, 18px);
	font-weight: 700;
}
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider
	.row.userlist-content.col-lg-12.slide
	.row.col-md-10.userlist-desc
	.col-md-3
	p,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider
	.row.userlist-content.col-lg-12.slide-2
	.row.col-md-10.userlist-desc
	.col-md-3
	p,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider-2
	.row.userlist-content.col-lg-12.slide
	.row.col-md-10.userlist-desc
	.col-md-3
	p,
.list-slider-content
	.row
	.slider-content-body
	.slider-content#slider-2
	.row.userlist-content.col-lg-12.slide-2
	.row.col-md-10.userlist-desc
	.col-md-3
	p {
	margin-bottom: 0px;
	font-size: clamp(14px, 4vw, 18px);
	font-weight: 700;
}
.col-lg-6.col-md-12 .userlist_box {
	background: var(--primary-color);
	border-radius: 20px;
	padding: 10px 15px;
	color: var(--primary-text);
	font-size: 14px;
}
.col-lg-6.col-md-12 .userlist-header {
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.col-lg-6.col-md-12 .userlist-header .userlist-title {
	font-weight: 600;
	font-size: 18px;
}
.col-lg-6.col-md-12 .userlist-header #slider {
	position: absolute;
}
.col-lg-6.col-md-12 .userlist-header img {
	width: 40px;
	margin-right: 15px;
	margin-bottom: 8px;
}
section.home__userlist {
	padding-bottom: 40px;
}
.pwa-login-modal#loginModal .modal-content {
	max-width: 100% !important;
	height: 100% !important;
	border-radius: 0;
}
.pwa-login-modal#loginModal .modal-dialog {
	margin-top: 0px !important;
}
@keyframes animateHeart {
	0% {
		transform: scale(0.8);
	}
	5% {
		transform: scale(0.9);
	}
	10% {
		transform: scale(0.8);
	}
	15% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(0.8);
	}
}
.lottery .lottery__container .lottery-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 25px;
}
.lottery .lottery__container .lottery-grid .lotto-border {
	background: var(--secondary-color);
	border-radius: 10px;
	padding: 2px;
}
.lottery .lottery__container .lottery-grid .lotto-border .lotto-item {
	background: var(--lottery-color);
	border-radius: 10px;
	color: var(--lottery-text);
	padding: 18px 15px 8px;
	height: 100%;
	text-align: center;
}
.lottery .lottery__container .lottery-grid .lotto-border .lotto-item a {
	text-decoration: none;
	color: var(--lottery-text);
}
.lottery
	.lottery__container
	.lottery-grid
	.lotto-border
	.lotto-item
	.lotto-flag {
	margin-bottom: 5px;
}
.lottery
	.lottery__container
	.lottery-grid
	.lotto-border
	.lotto-item
	.lotto-flag
	img {
	width: 70px;
	height: 50px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
.lottery
	.lottery__container
	.lottery-grid
	.lotto-border
	.lotto-item
	.lotto-country {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0;
	color: var(--lottery-text);
}
.lottery
	.lottery__container
	.lottery-grid
	.lotto-border
	.lotto-item
	.lotto-date {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
}
.lottery
	.lottery__container
	.lottery-grid
	.lotto-border
	.lotto-item
	.lotto-number {
	font-size: 40px;
	font-weight: 700;
	width: 100%;
	color: var(--lottery-text);
}
.maintenance {
	background: rgba(0, 0, 0, 0);
	color: #fff;
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding: 30px 0;
}
.maintenance .container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	align-items: normal;
	min-height: 100vh;
}
.maintenance-header .header-content {
	border-radius: 10px;
	padding: 0 25px;
	max-width: 700px;
	margin: auto;
}
.maintenance-header .header-content img {
	width: 250px;
}
.maintenance-header .header-content h2 {
	color: var(--secondary-color);
	margin: 20px 0 10px;
	font-size: 35px;
	font-weight: 600;
}
.maintenance-header .header-content p {
	font-size: 20px;
}
.maintenance-header .header-content h1 {
	font-size: 60px;
	color: var(--secondary-color);
	font-weight: 600;
}
@media (min-width: 320px) and (max-width: 1080px) {
	.maintenance-header .header-content {
		padding: 15px;
	}
	.maintenance-header .header-content img {
		width: 150px;
	}
	.maintenance-header .header-content h2 {
		font-size: 18px;
	}
	.maintenance-header .header-content p {
		font-size: 14px;
	}
	.maintenance-header .header-content h1 {
		font-size: 40px;
	}
}
.maintenance-header .header-img {
	text-align: left;
}
.maintenance-header .header-img img {
	max-width: 500px;
	width: 100%;
}
@media (min-width: 1080px) and (max-width: 1600px) {
	.maintenance-header .header-img {
		text-align: center;
	}
	.maintenance-header .header-img img {
		max-width: 400px;
	}
}
.maintenance-message {
	margin-top: 30px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}
.maintenance-message .message-item {
	min-height: 180px;
	background: var(--background-page);
	margin-bottom: 25px;
	border-radius: 10px;
	overflow: hidden;
	max-width: 400px;
	margin: 15px;
}
.maintenance-message .message-item .message-header {
	background: var(--title-color);
	font-size: 18px;
	font-weight: 600;
	padding: 8px;
	text-align: center;
}
.maintenance-message .message-item .message-content {
	color: var(--page-text);
	font-size: 16px;
	padding: 12px 15px;
	text-align: center;
}
@media (min-width: 1080px) and (max-width: 1600px) {
	.maintenance-message .message-item {
		margin: 10px;
		max-width: 350px;
	}
	.maintenance-message .message-item .message-content {
		font-size: 14px;
	}
}
@media (min-width: 320px) and (max-width: 1080px) {
	.maintenance-message .message-item .message-header {
		font-size: 16px;
	}
	.maintenance-message .message-item .message-content {
		font-size: 14px;
	}
}
.memo .component-tabs .nav-link:hover {
	background: var(--primary-color) !important;
}
.memo .component-tabs .nav-link.active {
	background: var(--primary-color) !important;
}
.memo .memo__container .component-tab-content {
	padding: 0;
	margin-top: 20px;
	background: var(--background-page);
	border-radius: 20px;
	padding: 20px;
}
.memo .memo__container .memo-tab-title {
	color: var(--page-text);
	font-size: 18px;
	font-weight: 600;
}
.memo .memo__container .table-memo .memo-days {
	font-size: 10px;
	font-weight: 600;
	color: #df931b;
}
.memo .memo__container .table-memo .memo-info {
	font-weight: 600;
	color: var(--page-text);
}
.memo .memo__container .table-memo .memo-info:hover {
	color: #df931b;
}
.memo .memo__container .memo-add .form-group {
	margin-bottom: 15px;
}
.memo .memo__container .memo-add .form-group label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
	color: var(--page-text);
}
.memo .memo__container .memo-add .form-group textarea {
	border-radius: 15px;
	font-weight: 600;
	min-height: 200px;
	padding: 8px 12px;
}
.memo .memo__container .memo-add .form-group .cap-img {
	display: flex;
	align-items: center;
}
.memo .memo__container .memo-add .form-group .cap-img .btn-info {
	background: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	margin-left: 10px;
	color: var(--secondary-text);
	font-weight: 600;
}
.memo .memo__container .memo-add .form-group .cap-img .btn-info:hover {
	color: var(--c-white);
	background: var(--c-black);
}
.memo .memo__container .memo-add .form-group .cap-img .btn-custom-sm {
	margin-left: 10px;
	min-width: 70px;
}
.memo .memo__container .memo-add .form-group .cap-img .input-code {
	max-width: 120px;
}
@media screen and (max-width: 425px) {
	.memo .memo__container .memo-add .form-group .cap-img {
		flex-direction: column;
		align-items: flex-start;
	}
	.memo .memo__container .memo-add .form-group .cap-img .img-holder {
		margin-bottom: 15px;
	}
}
.memo .memo__container .memo-desc {
	color: var(--page-text);
	font-size: 14px;
	margin-top: 18px;
}
.memo-view .memo-view__container .memo-view-form {
	background: var(--background-page);
	border: 2px solid var(--secondary-color);
	padding: 20px;
	border-radius: 20px;
	margin-top: 20px;
}
.memo-view .memo-view__container .memo-view-form .memo-view-content {
	padding: 15px 20px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 20px;
}
.memo-view
	.memo-view__container
	.memo-view-form
	.memo-view-content
	.content-subject {
	font-size: 17px;
	font-weight: 600;
	color: var(--secondary-color);
}
.memo-view
	.memo-view__container
	.memo-view-form
	.memo-view-content
	.content-desc {
	color: var(--c-white);
	font-size: 13px;
	margin-top: 10px;
}
.memo-view .memo-view__container .memo-view-form .memo-view-reply {
	padding: 15px 20px;
	background: rgba(0, 0, 0, 0.5);
	margin-top: 20px;
	border-radius: 20px;
}
.memo-view .memo-view__container .memo-view-form .memo-view-reply .reply-top {
	display: flex;
	align-items: center;
}
.memo-view
	.memo-view__container
	.memo-view-form
	.memo-view-reply
	.reply-top
	.reply-avatar {
	color: var(--c-white);
}
.memo-view
	.memo-view__container
	.memo-view-form
	.memo-view-reply
	.reply-top
	.reply-avatar
	i {
	font-size: 45px;
}
.memo-view
	.memo-view__container
	.memo-view-form
	.memo-view-reply
	.reply-top
	.reply-user-info {
	margin-left: 10px;
}
.memo-view
	.memo-view__container
	.memo-view-form
	.memo-view-reply
	.reply-top
	.reply-user-info
	.reply-user {
	color: var(--c-white);
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
}
.memo-view
	.memo-view__container
	.memo-view-form
	.memo-view-reply
	.reply-top
	.reply-user-info
	.reply-user
	span {
	background: var(--secondary-color);
	color: var(--secondary-text);
	font-weight: 700;
	margin-right: 5px;
	font-size: 11px;
	padding: 2px 8px;
	border-radius: 4px;
	margin-left: 5px;
}
.memo-view
	.memo-view__container
	.memo-view-form
	.memo-view-reply
	.reply-top
	.reply-user-info
	.reply-days {
	color: #df931b;
	font-size: 11px;
	font-weight: 600;
	margin-top: 3px;
}
.memo-view
	.memo-view__container
	.memo-view-form
	.memo-view-reply
	.reply-top
	.reply-user-info
	.reply-days
	i {
	margin-right: 3px;
}
.memo-view .memo-view__container .memo-view-form .memo-view-reply .reply-desc {
	color: var(--c-white);
	font-size: 13px;
	margin-top: 10px;
}
.memo-view .memo-view__container .memo-view-form .memo-reply-form {
	margin-top: 20px;
}
.memo-view .memo-view__container .memo-view-form .memo-reply-form textarea {
	min-height: 300px;
	max-height: 300px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 20px;
}
.memo-view
	.memo-view__container
	.memo-view-form
	.memo-reply-form
	.reply-form-code {
	display: flex;
	align-items: center;
	margin-top: 15px;
}
.memo-view
	.memo-view__container
	.memo-view-form
	.memo-reply-form
	.reply-form-code
	label {
	font-size: 13px;
	font-weight: 800;
	margin-right: 10px;
	color: var(--page-text);
	margin-bottom: 0;
}
.memo-view
	.memo-view__container
	.memo-view-form
	.memo-reply-form
	.reply-form-code
	img {
	margin-right: 15px;
}
.memo-view
	.memo-view__container
	.memo-view-form
	.memo-reply-form
	.reply-form-code
	.input-code {
	max-width: 170px;
	font-size: 13px;
	font-weight: 600;
}
.memo-view .memo-view__container .memo-view-form .memo-reply-form .btn-reply {
	margin-top: 15px;
}
.news .news__list .news-list .news-item .news-img img {
	width: 100% !important;
	height: 190px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	border-radius: 10px 10px 0px 0px;
}
.news .news__list .news-list .news-item .news-info {
	padding: 10px 15px 10px;
	color: var(--c-white);
	background: var(--title-color);
	border-radius: 0px 0px 10px 10px;
	display: flex;
	justify-content: space-between;
}
.news .news__list .news-list .news-item .news-info .info-title {
	font-size: 20px;
	font-weight: 600;
	padding-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.news .news__list .news-list .news-item .news-info .info-desc {
	margin-bottom: 20px;
	font-size: 18px;
}
.news .news__list .news-list .news-item .news-info .info-read {
	margin-left: auto;
}
.news .news__list .news-list .news-item .news-info .info-button {
	display: flex;
	align-items: center;
}
.news .news__list .news-list .news-item .news-info .info-button .btn-custom {
	min-width: 110px;
	text-align: center;
	margin: 0;
}
.news
	.news__list
	.news-list
	.news-item
	.news-info
	.info-button
	.btn-custom.info-read {
	background: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	color: var(--c-black);
}
@media screen and (max-width: 800px) {
	.news .news__list .news-list .news-item {
		border-radius: 20px;
	}
	.news .news__list .news-list .news-item .info-title {
		color: var(--secondary-color);
	}
	.news .news__list .news-list .news-item .info-button {
		justify-content: center;
	}
}
.post .post__container .main-post {
	background: var(--background-page);
	padding: 20px;
	border-radius: 5px;
}
.post .post__container .main-post .post-img {
	text-align: center;
	margin-top: 25px;
}
.post .post__container .main-post .post-img img {
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	border-radius: 10px;
}
.post .post__container .main-post .post-title {
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	color: var(--secondary-color);
	text-align: center;
}
.post .post__container .main-post .post-date {
	text-align: center;
	color: var(--page-text);
	font-size: 14px;
}
.post .post__container .main-post .post-date span {
	color: var(--secondary-color);
	font-weight: 600;
}
.post .post__container .main-post .post-content {
	font-size: 14px;
	color: var(--page-text);
	margin-top: 15px;
}
.post .post__container .main-post .post-content img {
	width: 100% !important;
	-o-object-fit: contain;
	object-fit: contain;
}
.post .post__container .main-post .post-content table {
	color: var(--page-text);
}
.post .post__container .other-post {
	background: var(--background-page);
	padding: 10px;
	border-radius: 5px;
}
.post .post__container .other-post .other-header {
	font-size: 16px;
	font-weight: 600;
	color: var(--page-text);
	margin-bottom: 10px;
}
.post .post__container .other-post .other-item {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	justify-content: space-around;
}
.post .post__container .other-post .other-item .img {
	margin-right: 7px;
	border-radius: 2px;
}
.post .post__container .other-post .other-item .img img {
	transition: all 0.2s ease-in-out;
	width: 150px;
	height: 60px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	border-radius: 3px;
}
.post .post__container .other-post .other-item .content {
	color: var(--page-text);
	overflow: hidden;
}
.post .post__container .other-post .other-item .content .title {
	transition: all 0.2s ease-in-out;
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.post .post__container .other-post .other-item .content .desc {
	transition: all 0.2s ease-in-out;
	font-size: 12px;
	height: 35px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--page-text);
}
.post .post__container .other-post .other-item .content .read-more {
	font-size: 12px;
	color: var(--secondary-color);
	margin-top: 8px;
	font-weight: 600;
}
.post .post__container .other-post .other-item:hover .img img {
	transition: all 0.2s ease-in-out;
	filter: grayscale(1);
}
.post .post__container .other-post .other-item:hover .content .title {
	transition: all 0.2s ease-in-out;
	color: var(--secondary-color);
}
.post .post__container .other-post .other-item:hover .content .desc {
	transition: all 0.2s ease-in-out;
	opacity: 0.8;
}
.profile {
	min-height: 100vh;
	padding: 50px 0;
}
.profile .page-content {
	padding: 15px;
	background: var(--background-page);
	color: var(--page-text);
	border-radius: 20px;
	margin: 20px 0px;
}
.profile__tab .nav {
	background: var(--background-page);
	border-radius: 20px;
	padding: 25px 15px;
	margin-bottom: 20px;
}
.profile__tab .nav-link {
	margin-bottom: 10px;
	border: 0;
	border-radius: 10px;
	background: var(--background-page);
	color: var(--page-text);
	font-weight: 500;
	font-size: 17px;
	display: flex;
	align-items: center;
}
.profile__tab .nav-link i {
	margin-right: 10px;
	width: 30px;
	font-size: 18px;
}
.profile__tab .nav-link:last-child {
	margin-bottom: 0;
}
.profile__tab .nav-link.active {
	background: #261052;
	color: var(--secondary-color);
}
.profile__tab .profile-tab__holder .tab-header {
	background: var(--title-color);
	color: var(--c-white);
	padding: 10px 20px;
	border-radius: 20px 20px 0 0;
	font-size: 20px;
	font-weight: 500;
}
.profile__tab .profile-tab__holder .tab-content {
	padding: 15px;
	background: var(--background-page);
	color: var(--page-text);
	border-radius: 0 0 20px 20px;
}
.profile__tab .profile-tab__holder.my-account .my-account__holder {
	background: #261052;
	color: var(--c-white);
	border-radius: 20px;
	padding: 15px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info {
	height: 100%;
	display: flex;
	align-items: center;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-status {
	align-items: center !important;
	flex-direction: row !important;
	justify-content: flex-start !important;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-status
	.status-content
	.content-title {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 3px;
	color: #6f5dcc;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-status
	.status-content
	h5 {
	margin-bottom: 0;
	font-size: 15px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-status
	.status-medal {
	margin-left: auto;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-status
	.status-medal
	img {
	width: 40px;
	-o-object-fit: contain;
	object-fit: contain;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-item,
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-status {
	color: var(--page-text);
	margin-bottom: 10px;
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-item
	.item-title,
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-status
	.item-title {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 3px;
	color: #6f5dcc;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-item
	h5,
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-status
	h5 {
	margin-bottom: 0;
	font-size: 15px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-item
	#refferalCode,
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-status
	#refferalCode {
	font-size: 14px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-item
	#dateOfBirth
	.btn-custom-sm,
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-status
	#dateOfBirth
	.btn-custom-sm {
	max-width: 160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-item
	#dateOfBirth
	.custom-textfield,
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__info
	.profile-status
	#dateOfBirth
	.custom-textfield {
	max-width: 160px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank {
	padding: 15px 15px 10px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.bank-header {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	min-height: 33px;
	justify-content: space-between;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.bank-header
	h5 {
	margin-bottom: 0;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.bank-header
	.btn-custom-sm {
	margin-left: auto;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.profile-bank-swiper {
	padding-bottom: 20px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.profile-bank-swiper
	.bank-details {
	background: var(--title-color);
	border-radius: 20px;
	padding: 10px 15px;
	cursor: pointer;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.profile-bank-swiper
	.bank-details
	.acc-info {
	display: flex;
	align-items: center;
	font-weight: 500;
	margin-bottom: 5px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.profile-bank-swiper
	.bank-details
	.acc-info
	.bank-holder {
	font-size: 17px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.profile-bank-swiper
	.bank-details
	.acc-info
	.bank-type {
	margin-left: auto;
	font-size: 10px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 50px;
	padding: 5px 10px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.profile-bank-swiper
	.bank-details
	.acc-number {
	font-size: 23px;
	font-weight: 600;
	border-bottom: 2px solid rgba(0, 0, 0, 0.3);
	padding-bottom: 5px;
	letter-spacing: 8px;
	color: var(--secondary-color);
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.profile-bank-swiper
	.bank-details
	.acc-bank {
	margin-top: 10px;
	display: flex;
	align-items: center;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.profile-bank-swiper
	.bank-details
	.acc-bank
	.bank-name {
	font-weight: 500;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.profile-bank-swiper
	.bank-details
	.acc-bank
	.bank-icon {
	margin-left: auto;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.profile-bank-swiper
	.bank-details
	.acc-bank
	.bank-icon
	img {
	height: 30px;
	-o-object-fit: contain;
	object-fit: contain;
	filter: brightness(500%) grayscale(1);
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.profile-bank-swiper
	.swiper-pagination {
	bottom: -6px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.profile-bank-swiper
	.swiper-pagination
	.swiper-pagination-bullet {
	border-radius: 50px;
	width: 20px;
	height: 6px;
	background: rgba(255, 255, 255, 0.3);
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__bank
	.profile-bank-swiper
	.swiper-pagination
	.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--secondary-color);
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content {
	margin-top: 15px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision {
	color: var(--c-white);
}
@media screen and (max-width: 425px) {
	.profile__tab
		.profile-tab__holder.my-account
		.my-account__holder.my-account__content
		.content-provision {
		padding: 10px;
	}
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-title {
	font-size: 16px;
	font-weight: 600;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-content {
	padding-left: 18px;
	margin-bottom: 0;
	margin-top: 5px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-content
	li {
	font-size: 14px;
	margin-bottom: 5px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal {
	margin: 20px 0 40px;
	text-align: center;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	grid-gap: 20px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item {
	cursor: pointer;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item
	img {
	transition: all 0.2s ease-in-out;
	width: 100px;
	height: 90px;
	-o-object-fit: contain;
	object-fit: contain;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item
	.medal-name {
	background: #272727;
	font-size: 14px;
	font-weight: 600;
	border-radius: 25px;
	padding: 8px 10px;
	text-align: center;
	position: relative;
	top: 20px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item:hover
	img {
	transition: all 0.2s ease-in-out;
	transform: translateY(-8px);
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item.bronze {
	background: linear-gradient(
		to bottom,
		rgba(241, 178, 127, 0) 0%,
		rgb(241, 178, 127) 100%
	);
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item.silver {
	background: linear-gradient(
		to bottom,
		rgba(241, 178, 127, 0) 0%,
		rgb(128, 130, 188) 100%
	);
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item.gold {
	background: linear-gradient(
		to bottom,
		rgba(241, 178, 127, 0) 0%,
		rgb(252, 193, 44) 100%
	);
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item.platinum {
	background: linear-gradient(
		to bottom,
		rgba(241, 178, 127, 0) 0%,
		rgb(227, 59, 59) 100%
	);
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item.hunter {
	background: linear-gradient(
		to bottom,
		rgba(241, 178, 127, 0) 0%,
		rgb(144, 127, 243) 100%
	);
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.medal-description {
	padding-left: 18px;
	margin-bottom: 0;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.medal-description
	li {
	font-size: 14px;
	margin-bottom: 5px;
}
.profile__tab
	.profile-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.medal-description
	li
	span {
	font-weight: 600;
}
@media screen and (max-width: 800px) {
	.profile__tab
		.profile-tab__holder.my-account
		.my-account__holder.my-account__bank {
		margin-top: 15px;
	}
}
.profile__tab .profile-tab__holder.game-user .game-user-details {
	max-width: 550px;
	margin: auto;
}
.profile__tab
	.profile-tab__holder.game-user
	.game-user-details
	.form-group
	.title {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
}
.profile__tab
	.profile-tab__holder.game-user
	.game-user-details
	.game-user-button {
	display: flex;
	justify-content: center;
}
.profile__tab
	.profile-tab__holder.game-user
	.game-user-details
	.game-user-button
	.btn-custom {
	min-width: 150px;
	margin: 0 5px;
}
.profile__tab .profile-tab__holder.change-password .change-password-form {
	max-width: 550px;
	margin: auto;
}
.profile__tab
	.profile-tab__holder.change-password
	.change-password-form
	.form-group {
	margin-bottom: 18px;
}
.profile__tab
	.profile-tab__holder.change-password
	.change-password-form
	.form-group
	.title {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
}
.profile__tab
	.profile-tab__holder.change-password
	.change-password-form
	.form-group
	label {
	float: right;
}
.profile__tab
	.profile-tab__holder.change-password
	.change-password-form
	.change-password-button
	.btn-custom {
	width: 100%;
}
.promo-content .promo-content__container .main-promo {
	background: var(--background-page);
	border: 2px solid var(--secondary-color);
	padding: 20px;
	border-radius: 5px;
}
.promo-content .promo-content__container .main-promo .promo-back {
	color: var(--secondary-text);
	border: 1px solid var(--secondary-color);
	background: var(--secondary-color);
	border-radius: 3px;
	font-weight: 600;
	padding: 6px 10px;
	font-size: 14px;
}
.promo-content .promo-content__container .main-promo .promo-img {
	text-align: center;
	margin-top: 25px;
}
.promo-content .promo-content__container .main-promo .promo-img img {
	width: 100%;
	height: 300px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
.promo-content .promo-content__container .main-promo .promo-title {
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	color: var(--secondary-color);
	text-align: center;
}
.promo-content .promo-content__container .main-promo .promo-date {
	text-align: center;
	color: var(--page-text);
	font-size: 14px;
}
.promo-content .promo-content__container .main-promo .promo-date span {
	color: var(--secondary-color);
	font-weight: 600;
}
.promo-content .promo-content__container .main-promo .promo-desc {
	font-size: 13px;
	color: var(--page-text);
	margin-top: 15px;
}
.promo-content .promo-content__container .other-promo {
	background: var(--background-page);
	border: 2px solid var(--secondary-color);
	padding: 10px;
	border-radius: 5px;
}
.promo-content .promo-content__container .other-promo .other-header {
	font-size: 16px;
	font-weight: 600;
	color: var(--page-text);
	margin-bottom: 10px;
}
.promo-content .promo-content__container .other-promo .other-item {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.promo-content .promo-content__container .other-promo .other-item .img {
	margin-right: 7px;
	border-radius: 2px;
}
.promo-content .promo-content__container .other-promo .other-item .img img {
	transition: all 0.2s ease-in-out;
	width: 110px;
	height: 75px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	border-radius: 3px;
}
.promo-content .promo-content__container .other-promo .other-item .content {
	color: var(--page-text);
	overflow: hidden;
}
.promo-content
	.promo-content__container
	.other-promo
	.other-item
	.content
	.title {
	transition: all 0.2s ease-in-out;
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.promo-content
	.promo-content__container
	.other-promo
	.other-item
	.content
	.desc {
	transition: all 0.2s ease-in-out;
	font-size: 12px;
	height: 35px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.promo-content
	.promo-content__container
	.other-promo
	.other-item
	.content
	.read-more {
	font-size: 12px;
	color: var(--secondary-color);
	margin-top: 8px;
	font-weight: 600;
}
.promo-content
	.promo-content__container
	.other-promo
	.other-item:hover
	.img
	img {
	transition: all 0.2s ease-in-out;
	filter: grayscale(1);
}
.promo-content
	.promo-content__container
	.other-promo
	.other-item:hover
	.content
	.title {
	transition: all 0.2s ease-in-out;
	color: var(--secondary-color);
}
.promo-content
	.promo-content__container
	.other-promo
	.other-item:hover
	.content
	.desc {
	transition: all 0.2s ease-in-out;
	opacity: 0.8;
}
.promo .promo__container .promo__filter {
	background: rgba(0, 0, 0, 0);
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
	grid-gap: 7px;
}
.promo .promo__container .promo__filter .filter-promo {
	padding: 5px 10px;
	margin: 0;
	font-size: 13px;
	background: var(--secondary-color);
	border: 2px solid var(--secondary-color);
	color: var(--secondary-text);
	border-radius: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}
.promo .promo__container .promo__filter .filter-promo.active {
	color: var(--c-white);
	background: var(--c-black);
}
.promo .promo__container .promo__filter .filter-promo:hover {
	color: var(--c-white);
	background: var(--c-black);
}
@media screen and (max-width: 800px) {
	.promo .promo__container .promo__filter {
		grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
	}
}
.promo .promo__container .promo__list {
	margin-top: 30px;
}
.promo .promo__container .promo__list .promo-list-holder {
	display: none;
}
.promo .promo__container .promo__list .promo-list-holder.show {
	display: block;
}
.promo .promo__container .promo__list .promo-list .promo-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.promo .promo__container .promo__list .promo-list .promo-item .promo-img img {
	width: 100% !important;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	border-radius: 10px 10px 0px 0px;
}
.promo .promo__container .promo__list .promo-list .promo-item .promo-info {
	padding: 10px 15px 10px;
	color: var(--c-white);
	display: flex;
	justify-content: space-between;
	background: var(--title-color);
	border-radius: 0px 0px 10px 10px;
}
.promo
	.promo__container
	.promo__list
	.promo-list
	.promo-item
	.promo-info
	.info-title {
	font-size: 20px;
	font-weight: 600;
	padding-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.promo
	.promo__container
	.promo__list
	.promo-list
	.promo-item
	.promo-info
	.info-desc {
	margin-bottom: 20px;
	font-size: 18px;
}
.promo
	.promo__container
	.promo__list
	.promo-list
	.promo-item
	.promo-info
	.info-read {
	margin-left: auto;
}
.promo
	.promo__container
	.promo__list
	.promo-list
	.promo-item
	.promo-info
	.info-button {
	display: flex;
	align-items: center;
	justify-content: center;
}
.promo
	.promo__container
	.promo__list
	.promo-list
	.promo-item
	.promo-info
	.info-button
	.btn-custom {
	width: 100%;
	text-align: center;
	margin: 0 7px;
}
.promo
	.promo__container
	.promo__list
	.promo-list
	.promo-item
	.promo-info
	.info-button
	.btn-custom.info-read {
	background: var(--title-color);
	border: 1px solid var(--title-color);
	color: var(--c-white);
}
@media screen and (max-width: 800px) {
	.promo .promo__container .promo__list .promo-list .promo-item .promo-info {
		padding: 10px 5px 5px;
	}
}
@media screen and (max-width: 800px) {
	.promo .promo__container .promo__list .promo-list .promo-item {
		border-radius: 10px;
	}
	.promo .promo__container .promo__list .promo-list .promo-item .info-title {
		color: var(--secondary-color);
	}
}
.register .register__container {
	background: var(--background-page);
	padding: 30px 20px;
	text-align: center;
	color: var(--page-text);
	border-radius: 20px;
}
.register .register__container .register-desc {
	font-size: 14px;
	font-weight: 600;
}
.register .register__container .register-form {
	margin-top: 50px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.register .register__container .register-form .form-group {
	margin-bottom: 20px;
}
.register .register__container .register-form .form-group label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
}
.register
	.register__container
	.register-form
	.form-group
	.input-group
	.input-group-text {
	font-size: 13px;
	font-weight: 600;
}
.register
	.register__container
	.register-form
	.form-group
	#username_message
	small {
	font-weight: 600;
}
.register .register__container .register-form .form-group .cap-img {
	display: flex;
	align-items: center;
}
.register .register__container .register-form .form-group .cap-img button {
	border: 0;
	margin-left: 10px;
}
.register .register__container .register-form .form-group .cap-img .input-code {
	max-width: 170px;
}
.register .register__container .register-form .register-terms {
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
}
.register .register__container .register-form .register-terms span {
	margin-left: 5px;
}
.register .register__container .register-form .register-terms a {
	text-decoration: none;
	color: var(--page-text);
}
.register .register__container .register-form .daftar {
	min-width: 250px;
	margin-top: 15px;
}
.restricted-page {
	min-height: 100vh;
	background: #1f1f1f;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
}
.restricted-page .restricted__holder {
	box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
}
.restricted-page .restricted__holder .restricted-top {
	padding: 10px 10px 15px;
	background: #f65656;
	border-radius: 5px 5px 0 0;
	display: flex;
	align-items: center;
}
.restricted-page .restricted__holder .restricted-top img {
	width: 300px;
}
.restricted-page .restricted__holder .restricted-top i {
	font-size: 80px;
	margin: auto;
}
.restricted-page .restricted__holder .restricted-content {
	padding: 15px 20px 30px;
}
.restricted-page .restricted__holder .restricted-content .restricted-title--xl {
	font-size: 30px;
	font-weight: 700;
}
.restricted-page .restricted__holder .restricted-content .restricted-title--md {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 30px;
}
.restricted-page .restricted__holder .restricted-content .restricted-back {
	background: #3c99dc;
	font-weight: 700;
	color: #fff;
	padding: 7px 30px;
	border-radius: 25px;
	font-size: 16px;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 425px) {
	.restricted-page {
		padding: 20px;
	}
	.restricted-page .restricted-top {
		flex-direction: column;
	}
	.restricted-page .restricted-top img {
		width: 250px !important;
	}
	.restricted-page .restricted-top i {
		margin-top: 15px !important;
	}
}
.result .result__container {
	background: var(--background-page);
	border: 2px solid var(--secondary-color);
	border-radius: 5px;
	padding: 20px;
}
.result .result__container .table-transaksi .table thead {
	background: var(--background-page);
}
.result .result__container .pagination {
	display: flex;
	justify-content: flex-end;
}
.result .result__container .pagination button {
	outline: 0;
	border: 0;
	background: #17a2b8;
	color: #fff;
	border-radius: 3px;
	padding: 5px 15px;
	min-width: 25px;
	margin-left: 7px;
	font-weight: 600;
	font-size: 14px;
}
.suspend-page {
	min-height: 100vh;
	background: #1f1f1f;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
}
.suspend-page .suspend__holder {
	box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
}
.suspend-page .suspend__holder .suspend-top {
	padding: 10px 10px 15px;
	background: #a93226;
	border-radius: 5px 5px 0 0;
	display: flex;
	align-items: center;
}
.suspend-page .suspend__holder .suspend-top img {
	width: 300px;
}
.suspend-page .suspend__holder .suspend-top i {
	font-size: 80px;
	margin: auto;
}
.suspend-page .suspend__holder .suspend-content {
	padding: 15px 20px 30px;
}
.suspend-page .suspend__holder .suspend-content .suspend-title--xl {
	font-size: 30px;
	font-weight: 700;
}
.suspend-page .suspend__holder .suspend-content .suspend-title--md {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 30px;
}
.suspend-page .suspend__holder .suspend-content .suspend-back {
	background: #3c99dc;
	font-weight: 700;
	color: #fff;
	padding: 7px 30px;
	border-radius: 25px;
	font-size: 16px;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 425px) {
	.suspend-page {
		padding: 20px;
	}
	.suspend-page .suspend-top {
		flex-direction: column;
	}
	.suspend-page .suspend-top img {
		width: 250px !important;
	}
	.suspend-page .suspend-top i {
		margin-top: 15px !important;
	}
}
.slot-game .slot-game__container .game__title h3 {
	word-wrap: break-word;
	padding: 0.5em;
	margin: auto;
	margin-bottom: 0.5em;
	background: var(--background-page);
	color: var(--page-text);
	font-size: 20px;
	text-align: center;
	border-radius: 5px;
	font-weight: 700;
	max-width: 300px;
}
.slot-game .slot-game__container .slot-game-header {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	color: var(--c-white);
}
.slot-game .slot-game__container .slot-game-header h3 {
	margin-bottom: 0;
	font-weight: 700;
	margin-right: 10px;
}
@media screen and (max-width: 768px) {
	.slot-game .slot-game__container .slot-game-header {
		position: sticky;
		left: 0;
		right: 0;
		top: 81px;
		z-index: 100;
		padding: 12px 10px;
		background-color: var(--header-color);
		border-width: 0 0 1px 0;
		width: 100%;
		border-radius: 0;
		margin-bottom: 0;
		border-bottom: 1px solid var(--secondary-color);
	}
	.slot-game .slot-game__container .slot-game-header h3 {
		font-size: 16px;
	}
}
.slot-game .slot-game__container .slot-game-header .slot-game__search-cont {
	margin-left: auto;
}
.slot-game .slot-game__container .slot-game-list {
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	grid-gap: 20px;
}
.slot-game .slot-game__container .slot-game-list .slot-game-item {
	text-align: center;
	position: relative;
	overflow: hidden;
	display: none;
	padding: 0px;
}
.slot-game .slot-game__container .slot-game-list .slot-game-item.show {
	display: block;
}
.slot-game
	.slot-game__container
	.slot-game-list
	.slot-game-item
	.slot-game-img {
	background: var(--primary-color);
	height: 115px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
}
.slot-game
	.slot-game__container
	.slot-game-list
	.slot-game-item
	.slot-game-img
	img {
	width: 100%;
	height: 115px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}
.slot-game
	.slot-game__container
	.slot-game-list
	.slot-game-item
	.slot-game-name {
	font-size: 14px;
	padding: 5px 10px;
	font-weight: 700;
	color: var(--primary-text);
	background: var(--primary-color);
	border-radius: 0 0 20px 20px;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.slot-game
	.slot-game__container
	.slot-game-list
	.slot-game-item
	.slot-game-name
	span {
	color: #9789f3;
	font-size: 10px;
}
.slot-game
	.slot-game__container
	.slot-game-list
	.slot-game-item
	.slot-game-name
	.name {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 140px;
}
.slot-game .slot-game__container .slot-game-list .slot-game-item .hover-play {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	border-radius: 20px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(0);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
.slot-game
	.slot-game__container
	.slot-game-list
	.slot-game-item
	.hover-play
	.fas {
	color: var(--c-white);
	font-size: 25px;
	background: rgba(255, 255, 255, 0.4);
	padding: 15px;
	border-radius: 50px;
}
.slot-game
	.slot-game__container
	.slot-game-list
	.slot-game-item
	.slot-game-tag {
	color: var(--c-white);
	padding: 3px 7px;
	border-radius: 50px;
	position: absolute;
	top: 5px;
	left: 5px;
	font-weight: 600;
	z-index: 1;
}
.slot-game
	.slot-game__container
	.slot-game-list
	.slot-game-item
	.slot-game-tag
	.info {
	font-size: 10px;
}
.slot-game
	.slot-game__container
	.slot-game-list
	.slot-game-item
	.slot-game-tag
	.info
	i {
	margin-right: 3px;
}
.slot-game
	.slot-game__container
	.slot-game-list
	.slot-game-item
	.slot-game-tag.new {
	background: linear-gradient(to bottom, #189ad3 0%, #005073 100%);
}
.slot-game
	.slot-game__container
	.slot-game-list
	.slot-game-item
	.slot-game-tag.hot {
	background: linear-gradient(to bottom, #fd9346 0%, #ff6200 100%);
}
.slot-game
	.slot-game__container
	.slot-game-list
	.slot-game-item:hover
	.hover-play {
	transform: scale(1);
	transition: all 0.2s ease-in-out;
}
.slot-game .slot-game__container .slot-game-list .card {
	background: none;
}
.transaksi {
	min-height: 100vh;
	padding: 50px 0;
}
.transaksi .component-tabs .nav-link:hover {
	background: var(--primary-color);
}
.transaksi .component-tabs .nav-link.active {
	background: var(--primary-color);
}
.transaksi .component-tab-content .transaksi-payment {
	margin: 20px 25px 0;
}
.transaksi .component-tab-content .transaksi-payment .swiper-wrapper {
	height: auto;
}
.transaksi .component-tab-content .transaksi-payment .payment-item {
	background: #261052;
	color: #fff;
	padding: 7px 5px;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
	height: -moz-fit-content;
	height: fit-content;
}
.transaksi
	.component-tab-content
	.transaksi-payment
	.payment-item
	.payment-status {
	border-radius: 50px;
	color: var(--c-white);
	width: 13px;
	height: 13px;
	position: absolute;
	top: 0;
	right: 0;
}
.transaksi
	.component-tab-content
	.transaksi-payment
	.payment-item
	.payment-status.online {
	background: #5cb85c;
}
.transaksi
	.component-tab-content
	.transaksi-payment
	.payment-item
	.payment-status.offline {
	background: #d9534f;
}
.transaksi
	.component-tab-content
	.transaksi-payment
	.payment-item
	.payment-body {
	display: flex;
	align-items: center;
	justify-content: center;
}
.transaksi
	.component-tab-content
	.transaksi-payment
	.payment-item
	.payment-body
	.payment-icon
	img {
	width: 70px;
	height: 35px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
@media screen and (max-width: 800px) {
	.transaksi .component-tab-content .transaksi-payment {
		margin: 15px 0 0;
	}
}
.transaksi .component-tab-content .transaksi-payment-holder {
	position: relative;
	margin: 0 15px;
}
.transaksi
	.component-tab-content
	.transaksi-payment-holder
	.payment-navigation {
	position: absolute;
	top: 50%;
	z-index: 99;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	width: 100%;
	left: 0;
}
.transaksi
	.component-tab-content
	.transaksi-payment-holder
	.payment-navigation
	.btn-custom-sm {
	width: 20px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
	position: relative;
}
.transaksi
	.component-tab-content
	.transaksi-payment-holder
	.payment-navigation
	.btn-custom-sm
	i {
	font-size: 16px;
}
.transaksi
	.component-tab-content
	.transaksi-payment-holder
	.payment-navigation
	.btn-custom-sm.swiper-button-disabled {
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: var(--page-text);
}
.transaksi
	.component-tab-content
	.transaksi-payment-holder
	.payment-navigation
	.btn-custom-sm.navigation-prev--payment {
	right: 8px;
}
.transaksi
	.component-tab-content
	.transaksi-payment-holder
	.payment-navigation
	.btn-custom-sm.navigation-next--payment {
	margin-left: auto;
	left: 8px;
}
@media screen and (max-width: 800px) {
	.transaksi
		.component-tab-content
		.transaksi-payment-holder
		.payment-navigation {
		display: none;
	}
}
.transaksi .component-tab-content .transaksi-note {
	padding: 20px 15px 10px;
	border-radius: 20px;
}
.transaksi .component-tab-content .transaksi-note .addbank-note {
	font-size: 13px;
	background: #261052;
	padding: 10px 15px;
	margin-right: 10px;
	min-width: 100px;
	border-radius: 10px;
}
.transaksi .component-tab-content .transaksi-form {
	height: -moz-fit-content;
	height: fit-content;
}
.transaksi .component-tab-content .transaksi-formulir {
	background: var(--background-page);
	color: var(--page-text);
	border-radius: 20px;
}
.transaksi .component-tab-content .transaksi-formulir .formulir-title {
	background: var(--title-color);
	color: var(--c-white);
	font-size: 22px;
	font-weight: 700;
	padding: 8px 15px;
	border-radius: 20px 20px 0 0;
}
.transaksi .component-tab-content .transaksi-formulir #formDeposit {
	padding: 10px 15px;
}
.transaksi .component-tab-content .transaksi-formulir #formWithdraw {
	padding: 10px 15px;
}
.transaksi .component-tab-content .transaksi-formulir .formulir-form {
	padding: 1px 10px;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.select-amount {
	display: flex;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.select-amount
	.button-deposit {
	min-width: 17.5%;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.select-amount
	.button-deposit
	.btn-amount {
	font-size: 14px;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.form-group {
	margin: 5px 0 15px;
	color: var(--page-text);
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.form-group
	label {
	font-size: 14px;
	margin-bottom: 0;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.form-group
	.formulir-desc {
	font-size: 11px;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.form-group
	.fa-sync {
	font-size: 12px;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.form-group
	#proof {
	width: 100%;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 600;
	padding: 6px 10px;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.form-group
	.bank-details {
	display: flex;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.form-group
	.bank-details
	.bank-logo
	img {
	width: 110px;
	height: 60px;
	-o-object-fit: contain;
	object-fit: contain;
	margin-right: 30px;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.form-group
	.bank-details
	.bank-info
	.info-item {
	font-weight: 600;
	font-size: 11px;
	margin-bottom: 0;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.form-group
	.bank-details.qris-payment
	.bank-logo
	img {
	width: 160px;
	height: 160px;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.form-group
	.bank-details.qris-payment
	.bank-info {
	align-self: center;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.form-group
	#depositAmountText {
	background: var(--title-color) !important;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.form-group.bankOption
	.card {
	border-radius: 20px;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.input-group-append {
	border-left: 1px solid rgba(0, 0, 0, 0);
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.input-group-append
	.btn-custom {
	margin-top: 0;
	border-radius: 0 50px 50px 0;
}
.transaksi
	.component-tab-content
	.transaksi-formulir
	.formulir-form
	.btn-custom {
	min-width: 120px;
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.transaksi .component-tab-content .transaksi-info {
	background: var(--background-page);
	border-radius: 20px;
	height: auto;
	margin-bottom: 20px;
}
.transaksi .component-tab-content .transaksi-info .info-header {
	background: var(--title-color);
	color: var(--c-white);
	font-size: 22px;
	font-weight: 700;
	padding: 8px 15px;
	border-radius: 20px 20px 0 0;
}
.transaksi .component-tab-content .transaksi-info .info-content {
	display: flex;
	padding: 20px;
	color: var(--page-text);
	flex-wrap: nowrap;
	flex-direction: column;
}
.transaksi .component-tab-content .transaksi-info .info-content .form-group {
	margin: 0;
}
.transaksi .component-tab-content .transaksi-info .info-content .daterange {
	color: #ffc700;
	font-size: 1rem;
	font-weight: bold;
}
.transaksi .component-tab-content .transaksi-info .info-content img {
	width: 100% !important;
}
.transaksi .component-tab-content .transaksi-info .info-content table {
	color: var(--page-text);
}
.transaksi .component-tab-content .transaksi-table-bottom {
	margin-top: 40px;
	background: var(--background-page);
	border-radius: 20px;
	padding: 25px;
}
.transaksi
	.component-tab-content
	.transaksi-table-bottom
	.bottom-form
	.form-title {
	font-size: 22px;
	font-weight: 700;
	color: var(--secondary-color);
}
.transaksi
	.component-tab-content
	.transaksi-table-bottom
	.bottom-form
	.form-group {
	margin-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.transaksi
	.component-tab-content
	.transaksi-table-bottom
	.bottom-form
	.form-group
	label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
	margin-right: 10px;
	color: var(--page-text);
}
.transaksi
	.component-tab-content
	.transaksi-table-bottom
	.bottom-form
	.form-group
	input {
	border-radius: 3px;
	font-size: 13px;
	font-weight: 600;
	padding: 5px 12px;
}
.transaksi
	.component-tab-content
	.transaksi-table-bottom
	.bottom-form
	.form-group
	button {
	font-size: 14px;
	background: var(--secondary-color);
	color: var(--secondary-text);
	font-weight: 600;
	padding: 6px 13px;
	min-width: 100px;
	border: 0;
	margin-left: auto;
}
.transaksi .component-tab-content .transaksi-bonus {
	display: none;
}
.transaksi .component-tab-content .transaksi-bonus .claim-bonus {
	background: var(--background-page);
	border-radius: 20px;
	color: var(--page-text);
}
.transaksi .component-tab-content .transaksi-bonus .claim-bonus__title {
	background: var(--title-color);
	color: var(--c-white);
	font-size: 22px;
	font-weight: 700;
	padding: 8px 15px;
	border-radius: 20px 20px 0 0;
}
.transaksi .component-tab-content .transaksi-bonus .claim-bonus__body {
	padding: 15px 20px;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-available
	.bonus-available__info {
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.05);
	padding: 15px 20px;
	font-size: 13px;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-available
	.bonus-available__list {
	margin-top: 30px;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-available
	.bonus-available__list
	.promo-list {
	padding: 15px;
	border-radius: 20px;
	background: var(--title-color);
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-available
	.bonus-available__list
	.promo-list
	.item-title {
	font-size: 15px;
	color: var(--secondary-color);
	font-weight: 600;
	margin-bottom: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-available
	.bonus-available__list
	.promo-list
	.item-mid {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-available
	.bonus-available__list
	.promo-list
	.item-mid
	.mid-content
	.content-info {
	font-size: 14px;
	font-weight: 500;
	display: grid;
	grid-template-columns: 100px auto;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-available
	.bonus-available__list
	.promo-list
	.item-mid
	.btn-claim {
	min-width: 90px;
	margin-left: auto;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-available
	.bonus-available__list
	.promo-list
	.item-bottom {
	display: flex;
	align-items: center;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-available
	.bonus-available__list
	.promo-list
	.item-bottom
	.bottom-date {
	font-size: 11px;
	color: var(--secondary-color);
	font-weight: 500;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-available
	.bonus-available__list
	.promo-list
	.item-bottom
	.btn-info {
	background: rgba(0, 0, 0, 0);
	color: var(--secondary-color);
	border: 0;
	min-width: 90px;
	margin-left: auto;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-available
	.bonus-available__list
	.promo-list
	.item-bottom
	.btn-info:focus {
	box-shadow: none;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-joined
	.bonus-joined__content {
	padding: 15px 20px;
	border-radius: 20px;
	background: var(--title-color);
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-joined
	.bonus-joined__content
	.bonus-title {
	text-align: center;
	color: var(--secondary-color);
	font-size: 22px;
	font-weight: 600;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-joined
	.bonus-joined__content
	.bonus-progress {
	margin-top: 15px;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-joined
	.bonus-joined__content
	.bonus-progress
	.progress {
	padding: 3px;
	height: 30px;
	border-radius: 50px;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-joined
	.bonus-joined__content
	.bonus-progress
	.progress-bar {
	border-radius: 50px;
	background-color: var(--background-page);
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-joined
	.bonus-joined__content
	.bonus-progress
	.progress-percent {
	font-size: 18px;
	font-weight: 600;
	margin-top: 5px;
	text-align: center;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-joined
	.bonus-joined__content
	.promo-provider-icon {
	background: rgba(0, 0, 0, 0.4);
	border-radius: 20px;
	padding: 15px 10px;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-joined
	.bonus-joined__content
	.promo-provider-icon
	h6 {
	font-size: 14px;
}
.transaksi
	.component-tab-content
	.transaksi-bonus
	.claim-bonus__body.bonus-joined
	.bonus-joined__content
	.btn-custom {
	width: 100%;
}
.card-body {
	padding: 10px;
}
.card-body .card-content {
	display: flex;
}
.card-body .card-content .left {
	padding-left: 15px;
	align-self: center;
}
.card-body .card-content .right {
	padding-right: 15px;
	text-align: right;
}
.card-body .card-content .right .cashback-nominal {
	color: #2ded2d;
	font-size: 1.25rem;
	font-weight: bold;
}
.box {
	width: 100%;
	height: auto;
	position: relative;
	border: 1px solid #bbb;
	border-radius: 5px;
	background: var(--title-color);
	align-self: center;
	margin: 20px;
}
.ribbon {
	position: absolute;
	right: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 93px;
	height: 93px;
	text-align: right;
}
.ribbon span {
	font-size: 0.8rem;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	line-height: 32px;
	transform: rotate(45deg);
	width: 125px;
	display: block;
	background: #d30733;
	box-shadow: 0 3px 10px -5px #000;
	position: absolute;
	top: 17px;
	right: -29px;
}
.ribbon span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #78041d;
	border-right: 3px solid rgba(0, 0, 0, 0);
	border-bottom: 3px solid rgba(0, 0, 0, 0);
	border-top: 3px solid #78041d;
}
.ribbon span::after {
	content: "";
	position: absolute;
	right: 0%;
	top: 100%;
	z-index: -1;
	border-right: 3px solid #78041d;
	border-left: 3px solid rgba(0, 0, 0, 0);
	border-bottom: 3px solid rgba(0, 0, 0, 0);
	border-top: 3px solid #78041d;
}
.red span {
	background: linear-gradient(#f70505 0%, #8f0808 100%);
}
.red span::before {
	border-left-color: #8f0808;
	border-top-color: #8f0808;
}
.red span::after {
	border-right-color: #8f0808;
	border-top-color: #8f0808;
}
.blue span {
	background: linear-gradient(#2989d8 0%, #1e5799 100%);
}
.blue span::before {
	border-left-color: #1e5799;
	border-top-color: #1e5799;
}
.blue span::after {
	border-right-color: #1e5799;
	border-top-color: #1e5799;
}
.foo {
	clear: both;
}
.bar {
	content: "";
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #79a70a;
	border-right: 3px solid rgba(0, 0, 0, 0);
	border-bottom: 3px solid rgba(0, 0, 0, 0);
	border-top: 3px solid #79a70a;
}
.baz {
	font-size: 1rem;
	color: #6c757c;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	line-height: 2em;
	transform: rotate(45deg);
	width: 100px;
	display: block;
	background: #79a70a;
	background: linear-gradient(#9bc90d 0%, #79a70a 100%);
	box-shadow: 0 3px 10px -5px #000;
	position: absolute;
	top: 100px;
	left: 1000px;
}
h5.card-title,
p.card-text {
	color: #fff;
}
@media screen and (max-width: 768px) {
	.form-title {
		font-size: 18px !important;
		margin-bottom: 10px;
		text-align: center;
	}
	.form-group {
		flex-direction: column;
	}
	.form-group label {
		font-size: 12px !important;
	}
	.card-content {
		font-size: 0.8rem;
	}
	.card-content .cashback-nominal {
		font-size: 1rem !important;
	}
	.info-content {
		padding-bottom: 0px !important;
		flex-direction: column !important;
		width: 100%;
	}
}
.history {
	min-height: 100vh;
	padding: 50px 0;
}
.history__tab .nav {
	background: var(--background-page);
	border-radius: 20px;
	padding: 25px 15px;
	margin-bottom: 20px;
}
.history__tab .nav .title {
	color: var(--background-page);
	width: 100%;
	background: var(--secondary-color);
	text-align: -webkit-center;
	font-weight: bolder;
	font-size: 1.2rem;
}
.history__tab .nav-link {
	margin-bottom: 10px;
	border: 0;
	border-radius: 10px;
	background: var(--background-page);
	color: var(--page-text);
	font-weight: 500;
	font-size: 17px;
	display: flex;
	align-items: center;
}
.history__tab .nav-link i {
	margin-right: 10px;
	width: 30px;
	font-size: 18px;
}
.history__tab .nav-link:last-child {
	margin-bottom: 0;
}
.history__tab .nav-link.active {
	background: #261052;
	color: var(--secondary-color);
}
.history__tab .history-tab__holder .tab-header {
	background: var(--title-color);
	color: var(--c-white);
	padding: 10px 20px;
	border-radius: 20px 20px 0 0;
	font-size: 20px;
	font-weight: 500;
}
.history__tab .history-tab__holder .tab-content {
	padding: 15px;
	background: var(--background-page);
	color: var(--page-text);
	border-radius: 0 0 20px 20px;
}
.history__tab .history-tab__holder.my-account .my-account__holder {
	background: #261052;
	color: var(--c-white);
	border-radius: 20px;
	padding: 15px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info {
	height: 100%;
	display: flex;
	align-items: center;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-status {
	align-items: center !important;
	flex-direction: row !important;
	justify-content: flex-start !important;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-status
	.status-content
	.content-title {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 3px;
	color: #6f5dcc;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-status
	.status-content
	h5 {
	margin-bottom: 0;
	font-size: 15px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-status
	.status-medal {
	margin-left: auto;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-status
	.status-medal
	img {
	width: 40px;
	-o-object-fit: contain;
	object-fit: contain;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-item,
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-status {
	color: var(--page-text);
	margin-bottom: 10px;
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-item
	.item-title,
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-status
	.item-title {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 3px;
	color: #6f5dcc;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-item
	h5,
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-status
	h5 {
	margin-bottom: 0;
	font-size: 15px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-item
	#refferalCode,
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-status
	#refferalCode {
	font-size: 14px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-item
	#dateOfBirth
	.btn-custom-sm,
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-status
	#dateOfBirth
	.btn-custom-sm {
	max-width: 160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-item
	#dateOfBirth
	.custom-textfield,
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__info
	.history-status
	#dateOfBirth
	.custom-textfield {
	max-width: 160px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank {
	padding: 15px 15px 10px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.bank-header {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	min-height: 33px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.bank-header
	h5 {
	margin-bottom: 0;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.bank-header
	.btn-custom-sm {
	margin-left: auto;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.history-bank-swiper {
	padding-bottom: 20px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.history-bank-swiper
	.bank-details {
	background: var(--title-color);
	border-radius: 20px;
	padding: 10px 15px;
	cursor: pointer;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.history-bank-swiper
	.bank-details
	.acc-info {
	display: flex;
	align-items: center;
	font-weight: 500;
	margin-bottom: 5px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.history-bank-swiper
	.bank-details
	.acc-info
	.bank-holder {
	font-size: 17px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.history-bank-swiper
	.bank-details
	.acc-info
	.bank-type {
	margin-left: auto;
	font-size: 10px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 50px;
	padding: 5px 10px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.history-bank-swiper
	.bank-details
	.acc-number {
	font-size: 23px;
	font-weight: 600;
	border-bottom: 2px solid rgba(0, 0, 0, 0.3);
	padding-bottom: 5px;
	letter-spacing: 8px;
	color: var(--secondary-color);
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.history-bank-swiper
	.bank-details
	.acc-bank {
	margin-top: 10px;
	display: flex;
	align-items: center;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.history-bank-swiper
	.bank-details
	.acc-bank
	.bank-name {
	font-weight: 500;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.history-bank-swiper
	.bank-details
	.acc-bank
	.bank-icon {
	margin-left: auto;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.history-bank-swiper
	.bank-details
	.acc-bank
	.bank-icon
	img {
	height: 30px;
	-o-object-fit: contain;
	object-fit: contain;
	filter: brightness(500%) grayscale(1);
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.history-bank-swiper
	.swiper-pagination {
	bottom: -6px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.history-bank-swiper
	.swiper-pagination
	.swiper-pagination-bullet {
	border-radius: 50px;
	width: 20px;
	height: 6px;
	background: rgba(255, 255, 255, 0.3);
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__bank
	.history-bank-swiper
	.swiper-pagination
	.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--secondary-color);
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content {
	margin-top: 15px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision {
	color: var(--c-white);
}
@media screen and (max-width: 425px) {
	.history__tab
		.history-tab__holder.my-account
		.my-account__holder.my-account__content
		.content-provision {
		padding: 10px;
	}
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-title {
	font-size: 16px;
	font-weight: 600;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-content {
	padding-left: 18px;
	margin-bottom: 0;
	margin-top: 5px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-content
	li {
	font-size: 14px;
	margin-bottom: 5px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal {
	margin: 20px 0 40px;
	text-align: center;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	grid-gap: 20px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item {
	cursor: pointer;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item
	img {
	transition: all 0.2s ease-in-out;
	width: 100px;
	height: 90px;
	-o-object-fit: contain;
	object-fit: contain;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item
	.medal-name {
	background: #272727;
	font-size: 14px;
	font-weight: 600;
	border-radius: 25px;
	padding: 8px 10px;
	text-align: center;
	position: relative;
	top: 20px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item:hover
	img {
	transition: all 0.2s ease-in-out;
	transform: translateY(-8px);
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item.bronze {
	background: linear-gradient(
		to bottom,
		rgba(241, 178, 127, 0) 0%,
		rgb(241, 178, 127) 100%
	);
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item.silver {
	background: linear-gradient(
		to bottom,
		rgba(241, 178, 127, 0) 0%,
		rgb(128, 130, 188) 100%
	);
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item.gold {
	background: linear-gradient(
		to bottom,
		rgba(241, 178, 127, 0) 0%,
		rgb(252, 193, 44) 100%
	);
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item.platinum {
	background: linear-gradient(
		to bottom,
		rgba(241, 178, 127, 0) 0%,
		rgb(227, 59, 59) 100%
	);
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.provision-medal
	.medal-item.hunter {
	background: linear-gradient(
		to bottom,
		rgba(241, 178, 127, 0) 0%,
		rgb(144, 127, 243) 100%
	);
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.medal-description {
	padding-left: 18px;
	margin-bottom: 0;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.medal-description
	li {
	font-size: 14px;
	margin-bottom: 5px;
}
.history__tab
	.history-tab__holder.my-account
	.my-account__holder.my-account__content
	.content-provision
	.medal-description
	li
	span {
	font-weight: 600;
}
@media screen and (max-width: 800px) {
	.history__tab
		.history-tab__holder.my-account
		.my-account__holder.my-account__bank {
		margin-top: 15px;
	}
}
.history__tab .history-tab__holder.game-user .game-user-details {
	max-width: 550px;
	margin: auto;
}
.history__tab
	.history-tab__holder.game-user
	.game-user-details
	.form-group
	.title {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
}
.history__tab
	.history-tab__holder.game-user
	.game-user-details
	.game-user-button {
	display: flex;
	justify-content: center;
}
.history__tab
	.history-tab__holder.game-user
	.game-user-details
	.game-user-button
	.btn-custom {
	min-width: 150px;
	margin: 0 5px;
}
.history__tab .history-tab__holder.change-password .change-password-form {
	max-width: 550px;
	margin: auto;
}
.history__tab
	.history-tab__holder.change-password
	.change-password-form
	.form-group {
	margin-bottom: 18px;
}
.history__tab
	.history-tab__holder.change-password
	.change-password-form
	.form-group
	.title {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
}
.history__tab
	.history-tab__holder.change-password
	.change-password-form
	.form-group
	label {
	float: right;
}
.history__tab
	.history-tab__holder.change-password
	.change-password-form
	.change-password-button
	.btn-custom {
	width: 100%;
}
.history-info {
	background: var(--background-page);
	border-radius: 20px;
	height: auto;
	margin-bottom: 20px;
}
.history-info .info-header {
	background: var(--title-color);
	color: var(--c-white);
	font-size: 22px;
	font-weight: 700;
	padding: 8px 15px;
	border-radius: 20px 20px 0 0;
}
.history-info .info-content {
	display: flex;
	padding: 20px;
	color: var(--page-text);
	flex-wrap: nowrap;
	flex-direction: column;
}
.history-info .info-content .form-group {
	margin: 0;
}
.history-info .info-content .daterange {
	color: #ffc700;
	font-size: 1rem;
	font-weight: bold;
}
.history-info .info-content img {
	width: 100% !important;
}
.history-info .info-content table {
	color: var(--page-text);
}
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
	color: #468847;
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
	color: #b94a48;
	background-color: #f2dede;
	border: 1px solid #eed3d7;
}
.parsley-errors-list {
	margin: 2px 0 3px;
	padding: 0;
	list-style-type: none;
	font-size: 0.9em;
	line-height: 0.9em;
	opacity: 0;
	color: orange;
	transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}
.parsley-errors-list.filled {
	opacity: 1;
}
.floating-contact {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 999;
	height: 70px;
	width: 70px;
}
.floating-contact__button {
	width: 70px;
	height: 70px;
	background: var(--background-page);
	border-radius: 50px;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.floating-contact__button .static {
	position: absolute;
	margin-bottom: 4px;
	animation: floating-show-stat 12s infinite;
}
.floating-contact__button .static .fas {
	margin-bottom: 5px;
	color: var(--page-text);
	font-size: 18px;
}
.floating-contact__button .static p {
	color: var(--page-text);
	font-weight: 700;
	font-size: 10px;
	line-height: 11px;
	margin: 0;
}
.floating-contact__button .static.hide {
	display: none;
}
.floating-contact__button .icons {
	background: var(--c-white);
	border-radius: 50px;
	width: 45px;
	height: 45px;
	overflow: hidden;
	position: absolute;
	animation: floating-show-icons 12s infinite;
}
.floating-contact__button .icons .icons-line {
	display: flex;
	align-items: center;
	position: absolute;
	height: 100%;
	animation: floating-icon-change 7s infinite;
	transition: cubic-bezier(0.13, 1.49, 0.14, -0.4);
	animation-delay: 3s;
	transform: translateX(11px);
}
.floating-contact__button .icons .icons-line span {
	color: var(--background-page);
	font-size: 24px;
	margin-right: 40px;
	display: inline-block;
}
.floating-contact__button .icons .icons-line.stop {
	animation-play-state: paused;
}
.floating-contact__button .icons.hide {
	display: none;
}
.floating-contact__button .btn-close {
	display: block;
	color: var(--page-text);
	text-shadow: none;
	transform: rotate(180deg) scale(0);
	transition: all 0.12s ease-in-out;
}
.floating-contact__button .btn-close.show-contact-info {
	transform: rotate(0deg) scale(1);
	transition: all 0.12s ease-in-out;
}
.floating-contact__item {
	background: var(--c-white);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	width: 235px;
	position: absolute;
	bottom: 80px;
	border-radius: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 999;
	transform: scale(0);
	transform-origin: 10% 105%;
	transition: all 0.12s ease-in-out;
}
.floating-contact__item a {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	margin: 0;
	font-size: 14px;
	padding: 8px 13px;
	color: var(--c-black);
	transition: all 0.5s ease-in-out;
}
.floating-contact__item a span {
	width: 40px;
	height: 40px;
	border-radius: 50px;
	margin-right: 10px;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.floating-contact__item a span i {
	font-size: 18px;
	color: var(--page-text);
}
.floating-contact__item a span.facebook {
	background: #0084ff;
}
.floating-contact__item a span.whatsapp {
	background: #1ebea5;
}
.floating-contact__item a span.line {
	background: #31c139;
}
.floating-contact__item a span.skype {
	background: #31c4ed;
}
.floating-contact__item a span.email {
	background: #ff8400;
}
.floating-contact__item a span.wechat {
	background: #0084ff;
}
.floating-contact__item a span.telegram {
	background: #2ca5e0;
}
.floating-contact__item a span.phone {
	background: #0084ff;
}
.floating-contact__item a:hover {
	background: rgba(0, 0, 0, 0.1);
	color: var(--c-grey);
	transition: all 0.2s ease-in-out;
}
.floating-contact__item:before {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 25px;
	right: auto;
	display: inline-block !important;
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-top: 8px solid #fff;
	border-left: 8px solid rgba(0, 0, 0, 0);
}
.floating-contact__item.show-contact-info {
	transform: scale(1);
	transition: all 0.12s ease-in-out;
}
.paginationjs {
	margin-top: 15px;
	float: right;
}
.paginationjs .paginationjs-pages li > a {
	background: var(--secondary-color) !important;
}
.paginationjs .paginationjs-pages li {
	border: 1px solid rgba(0, 0, 0, 0.3) !important;
	border-right: 0 !important;
}
.paginationjs .paginationjs-pages li.active a {
	height: 28px !important;
	line-height: 28px !important;
	color: var(--c-white) !important;
	font-weight: 600;
	background: #5cb85c !important;
}
.paginationjs .paginationjs-pages li:hover a {
	background: #5cb85c !important;
	font-weight: 600;
	color: var(--c-white) !important;
}
.paginationjs .paginationjs-pages li.paginationjs-next {
	border-right: 1px solid rgba(0, 0, 0, 0.3) !important;
}
#homePopup .modal-dialog {
	margin-top: 75px;
}
#homePopup .modal-dialog .modal-content {
	position: relative;
	background: #1b1b1b;
	border-radius: 0 15px;
	border: 3px solid #8a8a8a;
	color: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
#homePopup .modal-dialog .modal-content .close {
	background: rgba(138, 138, 138, 0.3);
	position: absolute;
	z-index: 1;
	top: 5px;
	right: 5px;
	color: #fff;
	width: 35px;
	height: 35px;
	border-radius: 100%;
	cursor: pointer;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
#homePopup .modal-dialog .modal-content .close i {
	font-size: 17px;
}
#homePopup .modal-dialog .modal-content .close:hover {
	background: #8a8a8a;
}
@media screen and (max-width: 425px) {
	#homePopup .modal-dialog .modal-content .close {
		background: #8a8a8a;
	}
}
#homePopup .modal-dialog .modal-content .announcement-title {
	position: relative;
	border: 3px solid #8a8a8a;
	background: #1b1b1b;
	padding: 20px 30px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	max-width: 300px;
	margin: -50px auto 10px;
	color: #ffc141;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
#homePopup .modal-dialog .modal-content .announcement-title .icon {
	border-radius: 50px;
	border: 3px solid #ffc141;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#homePopup .modal-dialog .modal-content .announcement-title .icon i {
	font-size: 18px;
}
#homePopup .modal-dialog .modal-content .announcement-title h3 {
	margin-bottom: 0;
	margin-left: 15px;
	font-weight: 600;
}
@media screen and (max-width: 425px) {
	#homePopup .modal-dialog .modal-content .announcement-title {
		padding: 13px 20px;
		max-width: 230px;
		margin: -40px auto 0;
	}
	#homePopup .modal-dialog .modal-content .announcement-title .icon {
		padding: 10px;
	}
	#homePopup .modal-dialog .modal-content .announcement-title .icon i {
		font-size: 16px;
	}
	#homePopup .modal-dialog .modal-content .announcement-title h3 {
		font-size: 18px;
	}
}
#homePopup .modal-dialog .modal-content .modal-body {
	max-height: 80vh;
	overflow-y: auto;
	position: relative;
}
#homePopup .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
	width: 5px;
}
#homePopup .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
}
#homePopup .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
	background: #b8b8b8;
	border-radius: 10px;
}
#homePopup .modal-dialog .modal-content .modal-body .announcement-content img {
	width: 100% !important;
}
#homePopup
	.modal-dialog
	.modal-content
	.modal-body
	.announcement-content
	table {
	color: var(--c-white);
}
.custom-popup .modal-dialog {
	margin-top: 40px;
}
.custom-popup .modal-dialog .modal-content {
	position: relative;
	background: #180835 !important;
	border-radius: 10px;
	color: #ffc700 !important;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.custom-popup .modal-dialog .modal-content .close {
	background: var(--secondary-color);
	position: absolute;
	z-index: 1;
	top: -20px;
	right: -20px;
	color: var(--secondary-text);
	width: 35px;
	height: 35px;
	border-radius: 100%;
	cursor: pointer;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.custom-popup .modal-dialog .modal-content .close i {
	font-size: 17px;
}
#bankDetail .popup-bank-detail .add-bank-cont .input-group .input-group-text {
	border-radius: 50px 0 0 50px;
	position: relative;
	z-index: 99;
	left: 10px;
}
#bankDetail .popup-bank-detail .add-bank-cont .input-group .form-control {
	border-radius: 50px;
}
#bankDetail .popup-bank-detail .bank-button .btn-custom-sm.add-bank {
	background: var(--secondary-color) !important;
	border: 1px solid var(--secondary-color) !important;
	color: var(--secondary-text) !important;
}
#bankDetail .popup-bank-detail .bank-button .btn-custom-sm.cancel {
	background: #e76767;
	border: 1px solid #e76767;
	color: var(--c-white);
}
#bankDetail .popup-bank-detail .bank-button .btn-custom-sm:hover {
	background: var(--c-black) !important;
	color: var(--c-white) !important;
}
#loginModal .modal-content {
	max-width: 350px;
	margin: auto;
}
#loginModal .modal-header {
	border-bottom: none;
	justify-content: center;
}
#loginModal .modal-header .modal-title {
	color: var(--secondary-color);
	font-size: 30px;
	font-weight: 600;
}
#loginModal .modal-body {
	padding: 0px 30px 20px;
}
#loginModal .modal-body .modal-body-form .form-item {
	margin-bottom: 15px;
}
#loginModal .modal-body .modal-body-form .form-item .item-title {
	font-size: 13px;
	margin-bottom: 3px;
}
#loginModal .modal-body .modal-body-form .form-item input {
	outline: none;
	padding: 9px 15px;
	font-size: 13px;
	border: none;
	border-radius: 3px;
	width: 100%;
}
#loginModal .modal-body .modal-body-form .form-forgot {
	text-align: right;
}
#loginModal .modal-body .modal-body-form .form-forgot a {
	font-size: 13px;
	font-style: italic;
	text-decoration: none;
	position: relative;
	font-weight: 600;
	top: -10px;
	color: var(--secondary-color);
}
#loginModal .modal-body .modal-body-form .form-button {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}
#loginModal .modal-body .modal-body-form .form-button button {
	font-size: 16px;
	padding: 8px 10px;
	font-weight: 600;
	cursor: pointer;
	background: var(--c-black);
	border: 2px solid var(--secondary-color);
	color: var(--secondary-color);
	border-radius: 50px;
	width: 100%;
}
.show {
	display: block !important;
}
@media (min-width: 480px) {
	#loginModalPWA .modal-dialog {
		max-width: 100% !important;
	}
	#loginModalPWA .modal-dialog .modal-content {
		padding-top: 0 !important;
	}
	#loginModalPWA .modal-dialog .modal-body-form {
		width: 50%;
		margin: 0 auto;
	}
}
#loginModalPWA .modal-dialog {
	padding: 0;
	margin: 0;
	height: 100%;
	overflow: hidden;
}
#loginModalPWA .modal-dialog .modal-content {
	max-width: 100%;
	margin: auto;
	height: 100%;
	padding-top: 50%;
	overflow: hidden;
	border-radius: 0;
}
#loginModalPWA .modal-dialog .modal-header {
	border-bottom: none;
	justify-content: center;
}
#loginModalPWA .modal-dialog .modal-header .modal-title {
	color: var(--secondary-color);
	font-size: 30px;
	font-weight: 600;
}
#loginModalPWA .modal-dialog .modal-body {
	padding: 0px 30px 20px;
}
#loginModalPWA .modal-dialog .modal-body .modal-body-form .form-item {
	margin-bottom: 15px;
}
#loginModalPWA
	.modal-dialog
	.modal-body
	.modal-body-form
	.form-item
	.item-title {
	font-size: 13px;
	margin-bottom: 3px;
}
#loginModalPWA .modal-dialog .modal-body .modal-body-form .form-item input {
	outline: none;
	padding: 9px 15px;
	font-size: 13px;
	border: none;
	border-radius: 3px;
	width: 100%;
}
#loginModalPWA .modal-dialog .modal-body .modal-body-form .form-forgot {
	text-align: right;
}
#loginModalPWA .modal-dialog .modal-body .modal-body-form .form-forgot a {
	font-size: 13px;
	font-style: italic;
	text-decoration: none;
	position: relative;
	font-weight: 600;
	top: -10px;
	color: var(--secondary-color);
}
#loginModalPWA .modal-dialog .modal-body .modal-body-form .form-button {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}
#loginModalPWA .modal-dialog .modal-body .modal-body-form .form-button button {
	font-size: 16px;
	padding: 8px 10px;
	font-weight: 600;
	cursor: pointer;
	background: var(--c-black);
	border: 2px solid var(--secondary-color);
	color: var(--secondary-color);
	border-radius: 50px;
	width: 100%;
}
#infoClaimBonus .modal-header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#infoClaimBonus .modal-header .modal-title {
	font-weight: 600;
	color: var(--secondary-color);
	display: flex;
	align-items: center;
}
#infoClaimBonus .modal-body {
	max-height: 75vh;
	overflow-y: auto;
	position: relative;
	padding-top: 0;
}
#infoClaimBonus .modal-body::-webkit-scrollbar {
	width: 5px;
}
#infoClaimBonus .modal-body::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
}
#infoClaimBonus .modal-body::-webkit-scrollbar-thumb {
	background: #b8b8b8;
	border-radius: 10px;
}
#infoClaimBonus .modal-body .claim-info-item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 10px;
	padding: 10px 0;
	font-size: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#infoClaimBonus .modal-body .claim-info-item .title {
	color: var(--c-white);
	color: rgba(255, 255, 255, 0.8);
}
#infoClaimBonus .modal-body .claim-info-item .desc {
	font-size: 14px;
	text-align: right;
	font-weight: 600;
}
@media screen and (max-width: 425px) {
	#infoClaimBonus .modal-body .claim-info-item {
		grid-template-columns: repeat(1, 1fr);
	}
	#infoClaimBonus .modal-body .claim-info-item .desc {
		text-align: left;
	}
}
#infoClaimBonus .modal-body .claim-info-provider {
	padding: 10px 0;
	font-size: 15px;
}
#infoClaimBonus .modal-body .claim-info-provider .title {
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 5px;
}
#infoClaimBonus .modal-body .claim-info-provider img {
	height: 40px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
#claimBonus .modal-header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#claimBonus .modal-header .modal-title {
	font-weight: 600;
	color: var(--secondary-color);
	display: flex;
	align-items: center;
}
#claimBonus .modal-body {
	padding: 20px 40px;
}
#claimBonus .modal-body .claim-bonus-item {
	margin-bottom: 10px;
}
#claimBonus .modal-body .claim-bonus-item .title {
	font-size: 13px;
	margin-bottom: 2px;
	font-weight: 500;
}
#claimBonus .modal-body .claim-bonus-item .claim-counter {
	position: relative;
}
#claimBonus .modal-body .claim-bonus-item .claim-counter input {
	text-align: center;
}
#claimBonus .modal-body .claim-bonus-item .claim-counter .btn-custom {
	position: absolute;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	font-size: 12px;
}
#claimBonus .modal-body .claim-bonus-item .claim-counter .btn-custom.add {
	top: 4px;
	right: 5px;
}
#claimBonus .modal-body .claim-bonus-item .claim-counter .btn-custom.minus {
	left: 5px;
	top: 4px;
}
#claimBonus .modal-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
}
#claimBonus .modal-footer .btn-custom.cancel {
	min-width: 100px;
	background: var(--title-color);
	border: 1px solid var(--title-color);
	color: var(--c-white);
}
#claimBonus .modal-footer .btn-custom.claim {
	min-width: 150px;
}
#accountBalance .modal-content {
	max-width: 380px;
	margin: auto;
}
#accountBalance .modal-body {
	padding: 0;
	max-height: 75vh;
	overflow-y: auto;
	position: relative;
}
#accountBalance .modal-body::-webkit-scrollbar {
	width: 5px;
}
#accountBalance .modal-body::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
}
#accountBalance .modal-body::-webkit-scrollbar-thumb {
	background: #b8b8b8;
	border-radius: 10px;
}
#accountBalance .popup-account-balance .balance-header {
	padding: 15px 10px 15px;
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#accountBalance .popup-account-balance .balance-header h6 {
	font-weight: 600;
	margin-bottom: 8px;
}
#accountBalance .popup-account-balance .balance-header .acc-balance {
	font-size: 35px;
	color: var(--secondary-color);
	line-height: 23px;
}
#accountBalance .popup-account-balance .balance-category {
	padding: 10px 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#accountBalance .popup-account-balance .balance-category .category-name {
	color: var(--secondary-color);
	font-size: 15px;
	font-weight: 600;
	margin-left: 4px;
	margin-bottom: 2px;
}
#accountBalance
	.popup-account-balance
	.balance-category
	.provider-list
	.prov-item {
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	font-size: 12px;
	padding: 4px 10px;
	background: rgba(255, 255, 255, 0.1);
	padding: 3px 10px;
	border-radius: 4px;
}
#accountBalance
	.popup-account-balance
	.balance-category
	.provider-list
	.prov-balance {
	margin-left: auto;
}
#accountBalance .popup-account-balance .balance-category #balance-MAIN {
	font-size: 15px;
	font-weight: 600;
}
#accountBalance .balance-button {
	padding: 13px 15px;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}
#accountBalance .balance-button .btn-custom {
	border-radius: 25px;
	padding: 7px 15px;
	margin: 0 5px;
	min-width: 120px;
}
#languageModal {
	z-index: 9999;
}
#languageModal .modal-content {
	background: var(--c-white);
	padding: 10px;
	position: relative;
}
#languageModal .modal-content .language-header h3 {
	background: #181818;
	color: var(--c-white);
	text-align: center;
	font-weight: 600;
	font-size: 15px;
	padding: 8px 15px;
	margin-bottom: 0;
}
#languageModal .modal-content .language-header .header-flag {
	background: rgba(255,255,255,0.5);
	padding: 10px 15px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	color: #ffc700;
}
#languageModal .modal-content .language-header .header-flag img {
	width: 25px;
	height: 25px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	margin-right: 7px;
	border-radius: 50px;
}
#languageModal .modal-content .language-header .header-flag h6 {
	margin-bottom: 0;
	font-weight: 700;
}
#languageModal .modal-content .modal-body {
	padding: 0;
}
#languageModal .modal-content .modal-body .language-list {
	color: var(--c-black);
}
#languageModal .modal-content .modal-body .language-list a {
	color: var(--c-black);
}
#languageModal .modal-content .modal-body .language-list .list-item {
	padding: 10px 15px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
}
#languageModal
	.modal-content
	.modal-body
	.language-list
	.list-item
	.item-flag
	img {
	border-radius: 50px;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15);
	width: 40px;
	height: 40px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}
#languageModal
	.modal-content
	.modal-body
	.language-list
	.list-item
	.item-content {
	margin-left: 15px;
	color: #fff;
}
#languageModal
	.modal-content
	.modal-body
	.language-list
	.list-item
	.item-content
	h6 {
	margin-bottom: 0;
	font-weight: 600;
}
#languageModal
	.modal-content
	.modal-body
	.language-list
	.list-item
	.item-content
	h5 {
	color: colorvar(--c-black);
	margin-bottom: 0;
	font-weight: 700;
}
.swal2-popup {
	background-color: #180835 !important;
	color: #fff !important;
}
.table-transaksi {
	margin-top: 20px;
	overflow: auto;
	background: var(--background-page);
}
.table-transaksi .table {
	color: var(--page-text);
	margin-bottom: 0px;
}
.table-transaksi .table thead {
	background: rgba(0, 0, 0, 0);
}
.table-transaksi .table thead tr th {
	border-bottom: none;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}
@media screen and (max-width: 425px) {
	.table-transaksi .table thead tr th {
		font-size: 11px;
	}
}
.table-transaksi .table thead tr .table-transaksi-title {
	font-size: 22px;
}
.table-transaksi .table tbody {
	background: traansparent;
}
.table-transaksi .table tbody tr td {
	font-size: 13px;
	white-space: nowrap;
	vertical-align: middle;
}
@media screen and (max-width: 425px) {
	.table-transaksi .table tbody tr td {
		font-size: 11px;
	}
}
.table-transaksi .table tbody tr td .table-status {
	color: var(--c-white);
	padding: 5px;
	border-radius: 20px;
	width: 100px;
	margin: auto;
	font-size: 11px;
	font-weight: 600;
	text-align: center;
}
.table-transaksi .table tbody tr td .table-status.approved {
	background: #1dbc60;
}
.table-transaksi .table tbody tr td .table-status.pending {
	background: #e67e22;
}
.table-transaksi .table tbody tr td .table-status.rejected {
	background: #f45750;
}
.table-transaksi table.table-bordered > thead > tr > th {
	border: 1px solid #dedede;
}
.table-transaksi table.table-bordered > tbody > tr > td {
	border: 1px solid #dedede;
}
.table-transaksi table.table-bordered > tfoot > tr > th {
	border: 1px solid #dedede;
}
.table-transaksi .table-hover tbody tr:hover td,
.table-transaksi .table-hover tbody tr:hover th {
	background: rgba(var(--c-black), 0.1);
	color: var(--page-text);
}
.table-dataTable {
	margin-top: 20px;
	overflow: auto;
}
.table-dataTable .dataTables_length {
	color: var(--page-text) !important;
}
.table-dataTable .dataTables_length label {
	font-size: 14px;
	font-weight: 600;
}
.table-dataTable .dataTables_length label select {
	font-size: 11px;
	background: var(--title-color);
	margin: 0 5px;
	color: var(--page-text);
	border: 0;
}
.table-dataTable .dataTables_filter label {
	color: var(--page-text);
	font-size: 14px;
	font-weight: 600;
}
.table-dataTable .dataTables_filter label input {
	background: var(--title-color);
	font-size: 13px;
	margin-left: 5px;
	padding: 6px 15px;
	border-radius: 50px;
	color: var(--page-text);
	border: 0;
}
.table-dataTable table {
	border-width: 0;
}
.table-dataTable table th {
	color: var(--secondary-color);
	border-bottom-width: 1px;
	font-size: 14px;
	background: var(--title-color);
}
@media screen and (max-width: 425px) {
	.table-dataTable table th {
		font-size: 11px;
	}
}
.table-dataTable table tbody tr {
	color: var(--page-text);
	background: var(--background-page) !important;
	font-size: 12px;
}
@media screen and (max-width: 425px) {
	.table-dataTable table tbody tr {
		font-size: 11px;
	}
}
.table-dataTable table tbody tr td {
	border-bottom-width: 0;
	vertical-align: middle;
}
.table-dataTable table tbody tr.even {
	background: #291357 !important;
}
.table-dataTable table tbody tr:hover {
	color: var(--c-white);
	background: rgba(0, 0, 0, 0.3) !important;
	cursor: pointer;
}
.table-dataTable table tbody tr .table-status {
	background: #1dbc60;
	color: var(--c-white);
	padding: 5px;
	border-radius: 20px;
	width: 100px;
	margin: auto;
	font-size: 11px;
	font-weight: 700;
}
.table-dataTable table tbody tr .table-status.success {
	background: #1dbc60;
}
.table-dataTable .dataTable {
	border-bottom: 1px solid var(--c-white) !important;
}
.table-dataTable .dataTable th {
	border-bottom: 0 !important;
}
.table-dataTable .dataTable tbody td .table-status {
	color: var(--c-white);
	padding: 5px;
	border-radius: 20px;
	width: 100px;
	margin: auto;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}
.table-dataTable .dataTable tbody td .table-status.approved {
	background: #9de2a4;
	color: #00a711;
}
.table-dataTable .dataTable tbody td .table-status.pending {
	background: #ffc592;
	color: #e67e22;
}
.table-dataTable .dataTable tbody td .table-status.rejected {
	background: #e29d9d;
	color: #a70000;
}
.table-dataTable .dataTables_info {
	color: var(--page-text) !important;
	font-size: 13px;
	font-weight: 600;
	padding-top: 15px !important;
}
.table-dataTable .dataTables_paginate {
	padding-top: 0 !important;
	border-radius: 3px;
	margin-top: 15px;
}
.table-dataTable .dataTables_paginate .paginate_button {
	margin-left: 0 !important;
	padding: 5px 10px !important;
	font-size: 13px;
	font-weight: 600;
	border: 0 !important;
	border-radius: 0 !important;
	cursor: pointer;
}
.table-dataTable .dataTables_paginate .paginate_button.current {
	background: var(--title-color) !important;
	color: var(--c-white) !important;
}
.table-dataTable .dataTables_paginate .paginate_button.current:hover {
	background: var(--secondary-color) !important;
	color: var(--secondary-text) !important;
}
.table-dataTable .dataTables_paginate .paginate_button.disabled {
	color: var(--primary-color) !important;
	cursor: pointer;
	background: var(--secondary-color);
	margin-left: 7px !important;
	border-radius: 5px !important;
}
.table-dataTable .dataTables_paginate .paginate_button:hover {
	background: var(--secondary-color) !important;
	color: var(--secondary-text) !important;
}
.table-dataTable .dataTables_paginate .paginate_button span .paginate_button {
	background: rgba(0, 0, 0, 0);
	color: var(--c-white) !important;
}
.table-custom table {
	margin: 0;
	padding: 0;
	background: var(--background-page);
}
.table-custom table th {
	font-weight: 600;
}
.table-custom table th,
.table-custom table td {
	padding: 0.625em;
	text-align: center;
	font-size: 13px;
	white-space: nowrap;
	vertical-align: middle;
	padding: 8px 5px;
	color: var(--page-text);
}
.table-custom table.table-bordered > thead > tr > th {
	border: 1px solid #dedede;
}
.table-custom table.table-bordered > tbody > tr > td {
	border: 1px solid #dedede;
}
.table-custom table.table-bordered > tfoot > tr > th {
	border: 1px solid #dedede;
}
.table-custom .table-hover tbody tr:hover td,
.table-custom .table-hover tbody tr:hover th {
	background: rgba(var(--page-text), 0.1);
	color: var(--c-white);
}
@media screen and (max-width: 600px) {
	.table-custom table {
		border: 0;
	}
	.table-custom table caption {
		font-size: 1.3em;
	}
	.table-custom table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.table-custom tfoot tr {
		border-bottom: 1px solid #dedede;
	}
	.table-custom table tr {
		display: block;
		margin-bottom: 15px;
	}
	.table-custom table td {
		display: block;
		font-size: 11px;
		text-align: right;
		white-space: pre-line;
		max-width: 350px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.table-custom table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		font-weight: 600;
	}
	.table-custom table td:last-child {
		border-bottom: 0;
	}
}
.component-tabs {
	border-radius: 3px 3px 0 0;
	border-bottom: 0 !important;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
}
.component-tabs .nav-link {
	background: var(--secondary-color);
	border: 2px solid var(--secondary-color) !important;
	color: var(--secondary-text) !important;
	font-weight: bold;
	font-size: 16px;
	padding: 10px 15px;
	border-radius: 20px !important;
	min-width: 150px;
	text-align: center;
	white-space: nowrap;
}
.component-tabs .nav-link i {
	margin-right: 5px;
}
.component-tabs .nav-link.active {
	background: var(--c-black);
	color: var(--c-white) !important;
}
.component-tabs .nav-link:hover {
	background: var(--c-black);
	color: var(--c-white) !important;
	transition: all 0.15s ease-in-out;
}
@media screen and (max-width: 763px) {
	.component-tabs .nav-item {
		margin: 0;
	}
	.component-tabs .nav-item .nav-link {
		min-width: 0;
		display: flex;
		flex-direction: column;
		padding: 9px 5px 3px;
		font-size: 11px;
		height: 100%;
	}
	.component-tabs .nav-item .nav-link:nth-child(1) {
		color: red;
	}
	.component-tabs .nav-item .nav-link i {
		margin-bottom: 2px;
		margin-right: 0;
	}
	.component-tabs .nav-item .nav-link span {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
.component-tab-content {
	background: rgba(0, 0, 0, 0);
	padding: 20px 0 30px;
}
.component-pills-tab {
	padding: 10px 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	grid-gap: 7px;
}
.component-pills-tab .filter-tab {
	text-align: center;
	background: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	border-radius: 3px;
	font-size: 14px;
	padding: 5px 15px;
	color: var(--secondary-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 600;
	border-radius: 50px;
	max-height: 33px;
	cursor: pointer;
}
.component-pills-tab .filter-tab:hover {
	background: var(--c-black);
	color: var(--c-white);
	box-shadow: 0 0 15px #fff;
}
@media screen and (max-width: 800px) {
	.component-pills-tab .filter-tab {
		font-size: 11px;
	}
}
.component-pills-tab .active {
	background: var(--c-black);
	color: var(--c-white);
}
@media screen and (max-width: 800px) {
	.component-pills-tab {
		grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
	}
}
.component-tab-game {
	background: var(--background-page);
	padding: 10px 20px 12px;
	display: flex;
	align-items: center;
	border-radius: 3px;
}
@media screen and (max-width: 763px) {
	.component-tab-game {
		background: rgba(0, 0, 0, 0);
		padding: 0;
		display: block;
	}
}
.component-tab-game .tab-game__filter .filter-tab {
	display: inline-block;
	margin-right: 20px;
	padding-bottom: 2px;
	color: var(--page-text);
	font-size: 14px;
	cursor: pointer;
	font-weight: 600;
	position: relative;
}
.component-tab-game .tab-game__filter .filter-tab.active {
	color: var(--secondary-color);
}
.component-tab-game .tab-game__filter .filter-tab.active:before {
	transform: scale(1);
}
.component-tab-game .tab-game__filter .filter-tab:before {
	transition: all 0.2s ease-in-out;
	content: "";
	background: var(--secondary-color);
	width: 100%;
	position: absolute;
	height: 2px;
	bottom: -12px;
	transform: scale(0);
}
.component-tab-game .tab-game__filter .filter-tab:hover {
	transition: all 0.2s ease-in-out;
	color: var(--secondary-color);
}
.component-tab-game .tab-game__filter .filter-tab:hover:before {
	transition: all 0.2s ease-in-out;
	transform: scale(1);
}
@media screen and (max-width: 763px) {
	.component-tab-game .tab-game__filter {
		padding: 10px 0;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
		grid-gap: 7px;
	}
	.component-tab-game .tab-game__filter .filter-tab {
		padding-bottom: 0;
		margin-right: 0;
		background: var(--secondary-color);
		border: 1px solid var(--secondary-color);
		border-radius: 3px;
		text-align: center;
		color: var(--secondary-text);
		font-size: 11px;
		padding: 5px;
	}
	.component-tab-game .tab-game__filter .filter-tab:hover {
		color: var(--c-white);
		border: 1px solid var(--secondary-color);
		background: var(--c-black);
	}
	.component-tab-game .tab-game__filter .filter-tab.active {
		color: var(--c-white);
		border: 1px solid var(--secondary-color);
		background: var(--c-black);
	}
	.component-tab-game .tab-game__filter .filter-tab:before {
		display: none;
	}
}
.component-tab-game .tabs-game__search {
	margin-left: auto;
	padding-left: 12px;
	position: relative;
}
.component-tab-game .tabs-game__search .btn-search {
	cursor: pointer;
}
.component-tab-game .tabs-game__search .btn-search i {
	color: #fff;
	cursor: pointer;
}
.component-tab-game .tabs-game__search .search-box {
	display: none;
	position: absolute;
	right: -13px;
	top: 44px;
	z-index: 999;
	padding: 10px;
	border-top: 3px solid var(--secondary-color);
	background: var(--background-page);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}
.component-tab-game .tabs-game__search .search-box input {
	min-width: 300px;
	border-radius: 3px;
	font-size: 13px;
	padding: 6px 10px;
	border: 0;
	font-weight: 600;
}
.component-tab-game .tabs-game__search .search-box input:focus {
	box-shadow: none;
	border-color: var(--secondary-color);
}
.component-tab-game .tabs-game__search .search-box:before {
	content: "";
	position: absolute;
	top: -16px;
	right: 8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 13px 13px 13px;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--secondary-color)
		rgba(0, 0, 0, 0);
}
@media screen and (max-width: 425px) {
	.component-tab-game .tabs-game__search {
		display: none;
	}
}
.payment-method {
	margin-bottom: 20px;
}
.payment-method .nav-item .nav-link-pm {
	background: var(--title-color);
	border: 2px solid var(--title-color) !important;
	color: var(--secondary-color) !important;
	font-weight: bold;
	font-size: 16px;
	padding: 10px 15px;
	border-radius: 10px !important;
	min-width: 150px;
	text-align: left;
	white-space: nowrap;
	display: block;
}
.payment-method .nav-item .nav-link-pm i {
	margin-right: 5px;
}
.payment-method .nav-item .nav-link-pm.active {
	background: var(--primary-color);
	color: var(--c-white) !important;
}
.payment-method .nav-item .nav-link-pm:hover {
	background: var(--c-black);
	color: var(--c-white) !important;
	transition: all 0.15s ease-in-out;
}
@media screen and (max-width: 425px) {
	.payment-method .nav-item .nav-link-pm {
		font-size: 12px;
		padding: 7px 7px;
	}
}
.custom-textfield {
	margin-right: 5px;
	border-radius: 3px;
	padding: 8px 20px;
	font-size: 13px;
	background: var(--title-color);
	color: var(--c-white);
	border: 0;
	border-radius: 50px;
	font-weight: 600;
	height: 38px;
}
.custom-textfield::-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.custom-textfield::placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.custom-textfield:focus {
	background-color: var(--title-color);
	color: var(--c-white);
	outline: 0;
	box-shadow: none;
}
.custom-textfield:disabled {
	background-color: var(--title-color);
}
.custom-selection {
	background: var(--title-color);
	color: var(--c-white);
	border: 0;
	border-radius: 50px;
}
.custom-selection:focus {
	background-color: var(--title-color);
	color: var(--c-white);
	outline: 0;
	box-shadow: none;
}
.custom-selection:disabled {
	background: var(--title-color);
}
.custom-textfield[readonly] {
	background-color: var(--title-color);
}
.page-header {
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	color: var(--c-white);
	margin-bottom: 15px;
}
.btn-custom {
	background: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	padding: 7px 12px;
	font-size: 15px;
	font-weight: 600;
	border-radius: 50px;
	color: var(--secondary-text);
}
.btn-custom:hover {
	color: var(--c-white);
	background: var(--c-black);
}
.btn-custom-sm {
	background: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	padding: 6px 12px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 50px;
	color: var(--secondary-text);
}
.btn-custom-sm:hover {
	color: var(--c-white);
	background: var(--c-black);
}