@charset "utf-8";

/*.main_games {
	position: absolute !important;
	left: 251px !important;
}*/
:root {
	--primary-color: #ffc107;
	--secondary-color: #ff396c;
	--lg-color: linear-gradient(to right, var(--secondary-color), var(--primary-color));
}

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

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

.approved-modal {
	display: none !important;
}

.header {
	background-image: url('../images/bg_header.jpg');
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

.top_header .logo {
	position: absolute;
	left: 30px;
}

.logo {
	text-align: left;
	padding: 5px 0;
}

.logo a img {
	height: 50px;
}

.timezone {
	color: #ffffff;
	font-size: 16px;
}

.clock {
	padding: 18px 0;
	/* margin-left: -165px; */
}

.loginpage {
	width: 60%;
	text-align: right;
	display: block;
	padding: 6px 0;
	display: flex;
	gap: 5px;
}

.btn-form {
	padding: 7px 20px !important;
	color: #ffffff;
	font-weight: bold;
	flex: 1;
	margin: 2px;
}

.btn-register,
.btn-login {
	background: var(--primary-color);
	height: 42px !important;
	border-radius: 10px 0 10px 0 !important;
	transition: all 0.3s ease;
}

.btn-register:hover,
.btn-login:hover {
	background: var(--lg-color);
}

.sidebar {
	width: 100%;
	max-width: 250px;
	height: 100%;
	text-align: left;
	padding: 20px;
	background: url("../images/sidebar.jpg") no-repeat;
	background-size: 100% 100%;
	position: fixed;
	top: 50px;
	left: 0;
	display: block;
	z-index: 98;
}

.contain {
	min-width: 1200px;
	background: url("../images/bg.jpg") no-repeat;
	background-size: cover;
}

.header {
	min-width: 1200px;
}

.sidebar ul li {}


.sidebar ul li>a {
	display: block;
	vertical-align: middle;
	text-align: left;
	padding: 15px 0;
	padding-left: 25px;
	margin: 2px auto;
}

.sidebar ul li a {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	white-space: nowrap;
}

.sidebar ul li a span {
	padding: 8px 10px;
	border-right: 1px solid #ffffff;
	margin-right: 5px;
}

.sidebar ul li a span img {
	width: 25px;
}

.sidebar ul li.active {
	background: url("../images/nav/bg.png") no-repeat center;
	background-size: 100% 100%;
}

.sidebar ul li:hover {
	background: url("../images/nav/bg.png") no-repeat center;
	background-size: 100% 100%;
}

.slider_s {
	margin: 10px auto;
}

body {
	background: url("../images/bg.jpg") no-repeat;
	background-size: 100% 100%;
	background-position: center;
}

.wrapper {
	background: url("../images/bg.jpg") no-repeat;
	background-size: cover;
	/* background: #161029; */
}

.pages {
	padding-top: 60px;
	padding-bottom: 20px;
	/*	width: calc(100% - 33.3333%) !important;*/
	z-index: 97;
	min-height: 850px;
}

.part_v {
	margin: 5px auto;
}

.carousel-inner {
	border-radius: 5px;
}

.winer-title {
	width: 100%;
	line-height: 20px;
	height: auto;
	text-align: center;
	margin: 5px auto;
	color: #ffffff;
	background: url("../images/line.png") bottom center no-repeat;
	display: block;
}

.winer {
	border: 1px solid #004560;
	border-radius: 5px;
	padding: 5px;
	margin: 10px auto;
	background: url("../images/winer/bg.jpg") no-repeat;
	background-size: 100% 100%;
	display: block;
}

.header_win {
	width: 100%;
	height: auto;
	display: flex;
}

.header_win span {
	flex: 1;
	padding: 5px 0;
	text-align: center;
	line-height: 16px;
	color: #ffffff;
}

.amount_win span {
	color: #ffffff;
}

.amount_win span img {
	width: 20px;
}

.item-win {
	width: 100%;
	height: auto;
	border: 1px solid #004560;
	border-radius: 5px;
	padding: 5px;
	margin: 4px auto;
}

.amount_win {
	width: 100%;
	height: auto;
	padding-right: 10px;
	text-align: right;
}

.user_win {
	width: 100%;
	height: auto;
	text-align: left;
	padding-left: 5px;
	display: block;
}

.user_win span {
	color: #ffffff;
}

/*-----------------------*/
.column div figure a img {
	width: 100%;
}

.column::after {
	content: "";
	clear: both;
	display: block;
}

.column div {
	position: relative;
	width: auto;
	height: auto;
}

figure {
	overflow: hidden;
	border-radius: 5px;
}

/* Shine */
.hover14 figure {
	position: relative;
}

.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.3) 100%);
	background: linear-gradient(to right,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.hover14 figure:hover::before {
	-webkit-animation: shine 0.75s;
	animation: shine 0.99s;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

.header_games {
	width: 100%;
	text-align: left;
	font-size: 20px;
	color: #ffffff;
	padding: 5px 0;
	background: url("../images/line.png") no-repeat left bottom;
	margin: 10px auto;
	display: block;
}

.bannerjackpot img {
	width: 100%;
}

.jackpotbg {
	margin: 10px auto;
	padding: 40px 10px;
	border: 1px solid #6c4b00;
	background: url("../images/games/bg.jpg") no-repeat;
	border-radius: 10px;
}

.jack_pot span {
	font-size: 35px;
	color: #ffffff;
	padding: 10px 0;
	font-weight: bold;
}

.jack_pot {
	width: 100%;
	margin: 10px auto;
	text-align: center;
}

.c_btn {
	width: 100%;
	margin: 10px auto;
	text-align: center;
}

.itemjackpot_g img {
	width: 100%;
	border-radius: 5px;
}

.bg_01 {
	background: url("../images/games/bg_01.png") no-repeat;
	background-size: 100% 100%;
}

.bg_02 {
	background: url("../images/games/bg_02.png") no-repeat;
	background-size: 100% 100%;
}

.bg_03 {
	background: url("../images/games/bg_03.png") no-repeat;
	background-size: 100% 100%;
}

.bg_04 {
	background: url("../images/games/bg_04.png") no-repeat;
	background-size: 100% 100%;
}

.bg_05 {
	background: url("../images/games/bg_05.png") no-repeat;
	background-size: 100% 100%;
}

.bg_06 {
	background: url("../images/games/bg_06.png") no-repeat;
	background-size: 100% 100%;
}

.itemjackpot_g {
	padding: 10px;
	margin: 5px;
	border-radius: 5px;
}

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

.jackpotgames .slick-prev {
	background: url("../images/arrow_left.png") no-repeat;
}

.jackpotgames .slick-next {
	background: url("../images/arrow_right.png") no-repeat;
}

.slick-prev:before {
	content: none;
}

.slick-next:before {
	content: none;
}

.item_promo {
	margin: 5px;
}

.item_promo a img {
	width: 100%;
	border-radius: 5px;
}

.footer {
	background: url("../images/footer/bg.jpg") no-repeat;
	background-size: 100% 100%;
	display: table-cell;
	position: absolute;
	min-width: 1200px;
}

.logo-footer {
	text-align: left;
	padding: 10px 0;
}

.logo-footer a img {
	width: 150px;
}

.detail {
	text-align: left;
}

.detail p {
	font-size: 16px;
	color: #ffffff;
}

.detail_footer {
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
	display: block;
}

.info ul {
	width: 100%;
	padding-top: 10px;
	padding-left: 15px;
}

.info ul li {
	/* width: 100%; */
	text-align: left;
	padding: 10px;
	display: block;
}

.info ul li a {
	color: #ffffff;
	font-size: 16px;
}

.bank-footer-list ul {
	width: 100%;
	text-align: left;
}

.bank-footer-list ul li {
	display: inline-block;
	/* width: 100%; */
	max-width: 150px;
	/* height: 60px; */
	background: #c7c7c7;
	border-radius: 5px;
	margin: 2px;
	text-align: left;
}

.bank-footer-list ul .bank-item {
	padding: 5px;
}

.bank-footer-list ul li a img {
	width: 50px;
	text-align: center;
	margin: 0 auto;
	display: block;
	border-radius: 10px;
}

.last_footer {
	padding: 5px 0;
	border-top: 1px solid #003560;
	background: url('../images/bg-footer-frame.jpg');
}

.contact ul {
	width: 100%;
	height: auto;
	text-align: left;
	display: block;
}

.contact ul li {
	display: inline-block !important;
	padding: 0;
	margin: 2px;
	overflow: hidden;
	width: 50px;
}

.c_coppy,
.c_coppy a {
	width: 100%;
	text-align: left;
	font-size: 16px;
	color: #ffffff;
	padding: 10px 0;
	display: block;
}

.footer_last_02 ul {
	width: 100%;
	text-align: right;
}

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

.footer_last_02 ul li a {
	color: #ffffff;
	font-size: 16px;
}

.item_games {
	position: relative;
	margin: 5px auto;
}

.image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}

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

.item_games:hover .image {
	opacity: 0.6;
}

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

.icon_play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.icon_play img {
	width: 80px;
	border-radius: 50% !important;
}

.item_games img {
	border-radius: 10px;
}

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


/* after login */
.recenter {
	display: flex !important;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

a.btn_logout,
.btn1:hover {
	background: var(--lg-color);
}

.btn1 {
	background: var(--primary-color);
	background-size: 100% 100%;
	border-radius: 10px 0 10px 0;
	/* border: 2px black solid; */
	overflow: hidden;
	font-weight: bold;
	padding: 10px;
	height: 42px;
	text-wrap: nowrap;
	transition: all 0.3s ease;
}

.head-login a {
	color: white;
	padding: 0 5px;
	white-space: nowrap;
}

.clock span {
	margin-right: 100px;
}

.head-login {
	padding-top: 7px;
}

.head-login .avatar {
	margin-right: 10px;
	display: block;
	font-size: 20px;
	overflow: hidden;
}

.show_username {
	color: white;
}

.head-login b,
.head-login i {
	color: orange;
}

a.btn_logout {
	background: var(--primary-color);
	background-size: 100% 100%;
	border-radius: 10px 0 10px 0;
	/* border: 2px black solid; */
	overflow: hidden;
	font-weight: bold;
	padding: 9px 12px;
	color: white;
	margin-left: 10px;
	text-wrap: nowrap;
	height: 42px;
	font-size: 16px;
	transition: all 0.3s ease;
}

/* popUp Login */
.modal-box,
.modal-boxx {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 111;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	top: 0;
	left: 0;
	z-index: 110;
	transition: all 0.5s ease;
	pointer-events: none;
}

.overlay.active {
	opacity: 1;
	pointer-events: auto;
}

.modal-box {
	width: 900px;
	padding: 50px 0px;
	border-radius: 10px;
	background-color: #fff;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
	transform: translate(-50%, -50%) scale(1.2);

}

.modal-box.active {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, -50%) scale(1);
}

.modal-boxx {
	width: 900px;
	padding: 50px 0px;
	border-radius: 10px;
	background-color: #fff;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
	transform: translate(-50%, -50%) scale(1.2);
}

.modal-boxx.active {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, -50%) scale(1);
}

.group {
	display: flex;
	line-height: 30px;
	align-items: center;
	position: relative;

}

.input {
	width: 100%;
	height: 50px;
	line-height: 30px;
	padding: 0 5rem;
	padding-left: 3rem;
	border: 1px solid transparent;
	border-radius: 5px;
	outline: none;
	background-color: #f8fafc;
	color: #0d0c22;
	transition: .5s ease;
	border-color: orange;
}

select:focus,
input:focus,
.btn-close:focus {
	outline: none !important;
	box-shadow: none !important;
	border-color: rgb(255, 251, 0);
}

.input::placeholder {
	color: #94a3b8;
}


.group>i {
	position: absolute;
	left: 1rem;
	fill: none;
	width: 1rem;
	height: 1rem;
	z-index: 9999;
}

.plogin {
	background: var(--primary-color);
	background-size: 100% 100%;
	height: 50px;
}

.p_register {
	background: url("../images/btn-register.png") no-repeat center;
	background-size: 100% 100%;
	height: 50px;
	padding: 0 20px;
}

.err_div {
	color: red;
}

.slick-arrow {
	z-index: 98;
	top: -5% !important;
}

.top_header .dropdown {
	position: relative;
	display: inline-block;
	margin-top: 7px;
	margin-left: 5px;
}

.dropdown-content span {
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
}

.dropdown-content a.active span,
.dropdown-content a:hover span {
	color: #000;
}

.top_header .dropbtn {
	border: none;
	cursor: pointer;
	padding: 17px 0;
	font-size: 16px;
	display: flex;
	align-items: center;
	height: 42px;
	width: 42px;
	border-radius: 50px;
	text-align: center;
	justify-content: center;
}

.top_header .lang_dropdown {
	padding-left: 2px;
}

.lang_dropdown .dropbtn img {
	width: 30px !important;
}

.top_header .dropdown-content {
	display: none;
	position: absolute;
	background-color: var(--primary-color);
	/* min-width: 82px; */
	/* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
	z-index: 1;
	border-radius: 5px;
}

.top_header .dropdown-content a {
	color: black;
	/* background: url(../images/btn-login.png) no-repeat center; */
	background-size: 100% 100%;
	padding: 0px 5px;
	text-decoration: none;
	display: flex;
	align-items: center;
	text-transform: capitalize;
	width: 42px;
	height: 42px;
	border-radius: 50px;
	text-align: center;
	justify-content: left;
}

.top_header .dropdown-content a.active,
.top_header .dropdown-content a:hover {
	background: #fff;
}

.top_header .dropdown-content img {
	width: 30px;
}

/* click menu  css */

.sidebar {
	position: fixed;
	left: 0;
	height: 100%;
	width: 300px;
	color: white;
	transition: left 0.3s ease-in-out;
}

.sidebar.hidden {
	left: -300px;
}

.menubar {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 9999999999;
	padding: 5px;
	border-radius: 4px;
}

@media (max-width: 1199px) {
	.sidebar {
		left: -300px;
	}
}

/* end click menu css  */

.top_header .dropdown:hover .dropdown-content {
	display: block;
}


/* .dropdown-content a.active::after {
	content: '\2713';
	font-size: 1em;
	color: red;
	position: absolute;
	font-weight: bold;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
} */

/* fix slot  */

.slots-games {
	background: none !important;
}

.slots-games .slots-games-items .brand-list li {
	width: 141px !important;
	background: url("../images/btn-register.png") no-repeat center !important;
	background-size: 100% 100%;
}

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

.slot-foot,
.total_of_slots,
.slot_search_box .search_input {
	color: #fff !important;
}

body .login-left {
	width: 60% !important;
}

body .login-right {
	width: 40% !important;
}

/********************************** Point Wheel **********************************/

#gift-main #content {
	max-width: 1200px !important;
	margin: 0 auto !important;
}

body .gift_leftmenu {
	max-width: 100% !important;
	background-image: url(../images/winer/bg.jpg) !important;
	margin-top: 40px !important;
}

.gift_leftmenu ul li {
	color: #b10b0b !important;
}

.gift_leftmenu ul li:hover {
	color: #ff0000 !important;
	background-color: rgb(255, 255, 255) !important;
}

/* .gift_leftmenu ul li:hover a {
	color: #fff !important;
} */

#load_more {
	top: 80px !important;
}

.lead {
	font-size: 15px !important;
}

select.form-control:not([size]):not([multiple]) {
	height: 45px !important
}

#gift-main .left-table {
	margin-bottom: 100px !important;
}

#gift-main .left-table {
	margin-top: 36px !important;
}

#gift-main .control_table tbody tr td div {
	color: #000 !important;
}

#gift-main .control_table input,
#gift-main .control_table select {
	color: #d63838 !important;
}

.gift_list>li a:hover {
	color: yellow !important;
}

#gift-main .gift_leftmenu ul li a,
#gift-main #tblFooter tr td a {
	color: #d63838 !important;
}

#gift-main .main_table td:hover,
#gift-main .main_table tr:hover {
	background: none !important;
}

#gift-main .main_table th,
#gift-main .main_table td {
	color: #ff8000 !important;
}

#gift-main .left-table span,
#gift-main .left-table h5,
#gift-main .head-text {
	color: #fff !important;
}

.btn-close {
	position: absolute;
	right: 0;
	top: 0;
	background-color: red;
	color: #fff !important;
	display: block;
	padding: 10px;
	border-radius: 20px;
	margin: 10px;
}

#gift-main .spintxt {
	display: none;
}

.slots-games-items .brand-list li span {
	color: #fff !important;
}

body .slot_search_box .search_btn {
	width: 37px !important;
	height: 28px !important;
	padding: 0px !important;
	position: absolute;
	right: -5px !important;
	top: -52px !important;
	border: none !important;
}

.slot_search_box .search_input {
	height: 38px !important;
	width: 185px !important;
	margin-top: -58px !important;
}

#left {
	width: 70% !important;
}

.vip .vip-cont .table table thead tr {
	background: #f1f1f1f1;
}

.vip .vip-cont .table table tbody tr:nth-child(2n) {
	background-color: #f1f1f1f1;
}

.vip .vip-cont .table table tbody tr:hover {
	background-color: #fff;
}

.rewards-cont h5 {
	flex: unset !important;
	color: #fff;
}

.tit_rew {
	font-size: 24px;
}

.rewards {
	width: 100% !important;
}

.main_games {
	width: 100%;
	position: relative;
	height: 852px !important;
	left: 0;
	margin: 0 auto;
	max-width: 1249px !important;
	/* max-height: 500px; */
}

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

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

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

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

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

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

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

.contact-bg {
	border: 1px solid #004560;
	box-shadow: 1px 2px 2px #004560;
	overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

.contact-bg span {
	color: #fff;
}

.afbsports2 .game-frame {
	width: 1287px !important;
}

.b-annoucement {
	background: #ffa50082;
	border-radius: 5px;
}

.b-annoucement i {
	color: #fff;
	font-size: 18px;
}

.b-annoucement .annouce-in {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
	height: 45px;
}

.b-annoucement .runningtext {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
	width: 100%;
	padding-left: 10px;
	color: #fff;
	font-size: 14px;
}

/* scroll style  */
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
	background: rgb(247, 204, 85);
	background: -moz-linear-gradient(top, rgb(247, 204, 85) 0%, rgb(237, 230, 233) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(247, 204, 85)), color-stop(100%, rgb(237, 230, 233)));
	background: -webkit-linear-gradient(top, rgb(247, 204, 85) 0%, rgb(237, 230, 233) 100%);
	background: -o-linear-gradient(top, rgb(247, 204, 85) 0%, rgb(237, 230, 233) 100%);
	background: -ms-linear-gradient(top, rgb(247, 204, 85) 0%, rgb(237, 230, 233) 100%);
	background: linear-gradient(to bottom, rgb(247, 204, 85) 0%, rgb(237, 230, 233) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f64f9', endColorstr='#db427d', GradientType=0);
}

::-webkit-scrollbar-thumb:hover {
	background: rgb(237, 230, 233);
	background: -moz-linear-gradient(top, rgb(237, 230, 233) 0%, rgb(247, 204, 85) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(237, 230, 233)), color-stop(100%, rgb(247, 204, 85)));
	background: -webkit-linear-gradient(top, rgb(237, 230, 233) 0%, rgb(247, 204, 85) 100%);
	background: -o-linear-gradient(top, rgb(237, 230, 233) 0%, rgb(247, 204, 85) 100%);
	background: -ms-linear-gradient(top, rgb(237, 230, 233) 0%, rgb(247, 204, 85) 100%);
	background: linear-gradient(to bottom, rgb(237, 230, 233) 0%, rgb(247, 204, 85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db427d', endColorstr='#9f64f9', GradientType=0);
}

/* end scroll style  */

.draggable-panel {
	z-index: 9999 !important;
}

.top_header .col-2 {
	white-space: nowrap;
}



.highlight {
	position: relative;
	box-shadow: inset 0 0 1px 3px #ffffff;
	z-index: 999999 !important;
	border: 3px solid #100f23;
	outline: 2px solid #fff;
	background-image: var(--lg);
	/* border-radius: 10px 0 10px 0 !important; */
	overflow: hidden;
	font-weight: bold;
	padding: 8px 12px !important;
	background: var(--primary-color);

}

#game-section {
	background: unset !important;
	padding: unset !important
}

.skip-btn,
.next-btn {
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	line-height: 18px !important;
}

.skip-btn {
	background-color: #2f2d59;
	color: #ffffff;
}

.next-btn {
	background-color: #e51177;
	color: white;
	margin: auto;
}

.dot.active {
	background-color: #4400ff;
}

.navigation {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	/* display: flex; */
	justify-content: center;
	align-items: center;
	/* z-index: 999 !important; */
}

.step p {
	color: #000;
}

#modalContent::before {
	content: "" !important;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	border: 10px solid transparent;
	border-bottom-color: white;
}

.progress {
	display: flex;
	gap: 5px;
	justify-content: center;
	margin: auto;
	background: unset;
	height: unset !important;
}

#modalContent.step-5-pseudo::before {
	content: "" !important;
	position: absolute;
	top: 58px !important;
	left: -6% !important;
	transform: translateX(-50%);
	border: 19px solid transparent;
	border-right-color: white;
}

.z-index {
	z-index: 9999 !important;
}

.sidebar-index {
	z-index: 99999;
}


.modal-boxx .form-select {
	height: 50px;
	margin-bottom: unset !important;
	background-color: #f8fafc;
}

#main-currency {
	z-index: 99999099 !important;
}

.amount_win img,
.user_win img,
.sidebar ul li img {
	display: unset;
}

body img {
	display: inline-block;
}

#root .announcement-box .announcement-popup .btn-item>span.btn-close {
	border-radius: 10px !important;
}

#main-currency .logo_part {
	display: block !important;
}

#close-popup {
	background: var(--primary-color);
}

#main-currency p {
	color: #fff !important;
}

#main-currency .btn {
	width: 110px;
	padding: 3px 10px !important;
}

.free-even-container {
	margin: 5px;
    color: #fff;
    border-radius: 8px;
    background-color: #ff396c;
    padding: 0 10px;
    z-index: 1;
    line-height: 35px;
    height: 35px;
    text-transform: uppercase;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
}