@import url('https://fonts.googleapis.com/css2?family=Passion+One:wght@400;700;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {

	background: #070759;

	color: #fff;

	font-family: "Poppins", serif;

	min-height: 100vh;

}


.fill_text_heading {

	color: #00b67a00;

	-webkit-background-clip: text !important;

	background-clip: text !important;

	-webkit-text-fill-color: transparent;

	background: -webkit-linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);

	background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);

}


.ribbon-container {

	max-width: 130px;

}


.top_header p {

	font-size: 14px;

}


.logo img {

	max-width: 250px;

}


.casino-bg {

	position: absolute;

	top: 150px;

}


.disclaimer {

	background: linear-gradient(#370397, #5E35B1);

}


.slot_machine.w-100 {


	max-width: 200px;


	cursor: pointer;

}


.slot_machine_div {

	position: fixed;

	top: 19%;

	right: 8%;

	z-index: 99;

	min-width: 185px;

}

.banner_texbox {

	z-index: 99;

}


.custom_container.container-xxl {

	max-width: 970px;

}


.main_heading {

	font-size: 34px;

}


.banner_pera {

	font-size: 18px;

}


.compare_table {

	background: linear-gradient(#330592, #1A0349);

}


.casino_logo {

	background: linear-gradient(#370397, #5E35B1);

}


.casino_logo img {

	max-width: 80px;

}


.bonus_txt {

	font-weight: 500;

}


.rating_number {

	font-size: 30px;

	font-weight: 600;

}


.rating {

	max-width: 120px;

}


.legaltext {

	font-size: 10px;

	font-weight: 200;

}


.legal-col {

	background: #38117F;

}


.ply-btn {

	background-image: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);

	padding: 8px 30px;

	border-radius: 10px;

	font-size: 18px;

	font-weight: 700;

	line-height: 32px;

	transition: all 0.5s ease;

}


.ply-btn:hover {

	background-position: 0;

}


.visit_site {

	color: rgb(165, 216, 255);

	font-size: 14px;

}


.border-dark {

	border-left: 1px solid black;

	border-right: 1px solid black;

	padding: 0 40px;

}


.compare_table-border {

	border-top: 3px solid #f5391c;

}


.ribbon-style {

	background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);

	padding: 2px 10px;

	font-size: 12px;

	width: 100%;

	max-width: 130px;

	border-bottom-right-radius: 10px;

	font-weight: 600;

}


.compare_list {

	box-shadow: 0 0 14px 7px #000;

	background: #000;

}


.casino-f {

	width: 100%;

	max-width: 100px !important;

}


.casino-mc {

	max-width: 130px !important;

}


.spin_btn {

	max-width: 300px;

}


.new_cap {

	position: absolute;

	max-width: 80px;

	left: -4px;

	top: -24px;

}


.modal-dialog {

	height: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

}


.bottom_txt {

	background: linear-gradient(#370397, #5E35B1);

	padding: 80px;

}


.bottom_txt h2 {

	font-size: 24px;
	margin: 10px 0px;

}


.overlay2 {

	background: linear-gradient(#370397de, #5E35B1);

	z-index: 0;

}


.bottom_txt p,
.list li {

	font-size: 14px;

}

footer {

	background: url('../assets/footer_bg.jpg');

	padding: 80px 0;

	background-size: cover;

	background-position: center center;

}


.link_hed {

	font-size: 16px;

}


.footer_link {

	list-style: none;

	padding: 0;

	margin-top: 13px;

}


.footer_link li a {

	font-size: 14px;

	padding-bottom: 7px;

	display: inherit;

}


.number {

	max-width: 45px;

}


.footer_txt p {

	font-size: 12px;

}


.footer_txt b {

	font-size: 18px;

}


.footer_txt {

	border-left: 1px solid #e5e7eb30;

	padding-left: 70px;

}


#content-area {

	background: #fff;

	color: #000;

	padding: 20px;

	position: absolute;

	min-height: 430px;

	width: 100%;

	z-index: 0;

	max-width: 454px;

	right: 0;

	top: 35px;

	border-radius: 6px;

	text-align: start;

	font-size: 14px;

	visibility: hidden;

}


.tolkit:hover #content-area {

	z-index: 9999999;

	visibility: visible;

}


.cap {

	position: absolute;

	left: -25px;

	top: -25px;

}


.popup_buttton {

	max-width: 150px;

	position: -webkit-fixed;

	position: fixed;

	bottom: 30%;

	left: 100px;

	cursor: pointer;

	z-index: 99;

}


#exampleModal .modal-content {

	background: url('../assets/popup_bg.jpg');

	background-size: cover;

	background-position: bottom center;


}


.w-100.popup_logo {

	max-width: 126px;

	padding: 10px;

}

#exampleModalLabel,
.win_heading {

	font-family: "Passion One", serif;

	color: #00b67a00;

	background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);

	background-clip: border-box;

	background-clip: text;

	font-size: 32px;

}


.overlay {

	background: #000000b2;

	z-index: 0;

}


.btn-close {

	top: 12px;

	right: 10px;

	opacity: 1;

	font-size: 21px;

}


.wheel-spin-box {

	position: relative;

	display: inline-block;

}


#spinwheel {

	position: relative;

	width: 315px;

	margin: auto;

}

#spinwheel svg {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background: #CE3816;

}


#spin {

	background-image: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);

	font-size: 22px;

}

.wheel-spin-box .chartholder .slice path {

	fill: #F01111;

}

.wheel-spin-box .chartholder .slice:nth-child(2n+1) path {

	fill: #38117F;

}

.wheel-spin-arrow {

	position: relative;

	margin-top: -35px;

	text-align: center;

	z-index: 1;

}

.wheel-spin-arrow svg {

	max-width: 65px;

}

.spin-click-button {

	background-color: #000;

	font-size: 14px;

	font-weight: 600;

	color: #fff;

	border: none;

	padding: 14px 35px;

	border-radius: 15px;

}


.spin-arrow {

	max-width: 37px;

	position: relative;

	top: 27px;

}


.modal-header {

	border: none;

}


.popup {

	display: none;
	/* Hidden by default */

	position: fixed;

	z-index: 9999;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	overflow: auto;

	background-color: rgba(0, 0, 0, 0.5);

	height: 100vh;

	justify-content: center;

	align-items: center;

}


.note_txt {

	font-size: 12px;

}


.popup-content {

	background: linear-gradient(#330592, #1A0349);

	text-align: center;

	max-width: 520px;

}

.close {

	color: #aaa;

	float: right;

	font-size: 28px;

	font-weight: bold;

	cursor: pointer;

}


.win_heading {

	font-size: 56px;

}


.won_message {

	font-family: "Passion One", serif;

	font-size: 26px;

	text-transform: uppercase;

}


.wining_txt {

	font-family: "Passion One", serif;

	font-size: 34px;

	text-transform: uppercase;

}


.bonus_btn {

	background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);

	font-size: 28px;

}


.clam_btn {

	max-width: 250px;

}

.btn_cap {

	position: absolute;

	max-width: 87px;

	left: -40px;

	top: -23px;

}

.close.btn-close {

	background: none;

}


@keyframes slideInFromLeft {

	from {

		transform: translateX(-100%);

		opacity: 0;

	}

	to {

		transform: translateX(0);

		opacity: 1;

	}

}


.modal.slide-in-left .modal-dialog {

	animation: slideInFromLeft 0.5s ease-out;

	transform-origin: left;

}


.exit_popup {

	max-width: 900px;

}

.popup_box p {

	color: #686868;

	font-size: 9px;

}


.new_btn a {

	background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);

	padding: 10px;

	font-size: 20px;

	color: #fff;

	box-shadow: 0 8px 4px 0 #00000029;

}


.new_btn {

	max-width: 250px;

}


.exit_hed {

	font-size: 28px;

}


.imag_hed img {

	max-width: 160px;

}


.popup_box {

	border: 3px solid #fff;

}

.imag_hed {

	padding: 20px 0;

	background: linear-gradient(#370397, #5E35B1);

	clip-path: ellipse(100% 55% at 48% 44%);

}


.new_bonus {

	color: #686868;

	font-size: 30px;

}


.imag_hed .nd_img {

	max-width: 285px;

}


.ex_cap {

	max-width: 73px;

	position: absolute;

	top: 65px;

	left: -14px;

	z-index: 2;

}


.icon_1 {

	max-width: 51px;

	position: absolute;

	top: 233px;

	left: -9px;

	z-index: 2;

}


.icon_2 {

	max-width: 42px;

	position: absolute;

	bottom: 80px;

	left: 0px;

	z-index: 2;

}


.icon_3 {

	max-width: 75px;

	position: absolute;

	bottom: 30%;

	right: -16px;

	z-index: 2;

}


.icon_4 {

	max-width: 103px;

	position: absolute;

	top: 142px;

	left: -36px;

	z-index: 0;

}


.icon_5 {

	max-width: 103px;

	position: absolute;

	bottom: 128px;

	left: -14px;

	z-index: 0;

	transform: rotate(284deg);

}


.icon_6 {

	max-width: 55px;

	position: absolute;

	top: 161px;

	right: -14px;

	z-index: 0;

}


.icon_7 {

	max-width: 79px;

	position: absolute;

	bottom: 51px;

	right: -10px;

	z-index: 0;

}


.lightbox {

	display: none;

	position: fixed;

	z-index: 99;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background-color: rgba(0, 0, 0, 0.709);

}


.box {

	position: absolute;

	padding: 10px;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	max-width: 850px;

	width: 100%;

	overflow: visible;

}


h2,
.box p {

	margin: 0 20px;

}


.close2 {

	position: absolute;

	right: 10px;

	top: 30px;

	margin: -10px 0 0 -10px;

	width: 40px;

	height: 40px;

	color: #000;

	font-size: 19px;

	font-weight: bold;

	text-align: center;

	border-radius: 50%;

	background-color: #cccccc;

	cursor: pointer;

	text-decoration: none;

	display: flex;

	align-items: center;

	justify-content: center;
	z-index: 9999;

}


@media(max-width: 1300px) {

	.slot_machine_div {

		right: 0%;

	}


	.slot_machine_div.rout_btn {

		left: 2%;

		right: unset;

	}

}


@media (max-width: 479.98px) {

	#spinwheel {

		width: 270px;

	}

}


.lead-form input {

	height: 50px;

	margin-bottom: 12px;

	padding: 10px;

}

#exampleModal2 .btn-close {

	--bs-btn-close-color: #000;

	--bs-btn-close-bg: url("") !important;

}

.sms-bg {

	background: #330592;

}

.sms-offer {

	background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);

	font-size: 22px;

	border: none;

	font-weight: 500;

}


.blink-hard {

	animation: blinker 1s step-end infinite;

	margin-bottom: 0px;

	color: #00b67a00;

	background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);

	background-clip: text;

	font-weight: 700;

	text-align: center;

	font-size: 18px;

}

@keyframes blinker {

	50% {

		opacity: 0;

	}

}


@media(max-width:768px) {

	.slot_machine {

		max-width: 90px;

		cursor: pointer;

	}


	.slot_machine_div {

		position: fixed;

		top: 19%;

		right: 3%;

		text-align: center;

		min-width: 20px;

		max-width: 154px;

	}

	.blink-hard {

		font-size: 14px;

	}

	.pop_spin {

		max-width: 90px;

	}

}
