@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-image: linear-gradient(180deg, #0f0f16, #0a0b12 70%, #1c1f33);

   color: #fff;

   font-family: "Poppins", serif;

   min-height: 100vh;

}



.banner_section {

   background: linear-gradient(1deg, #0d0d14, black);

}





.top_header p {

   font-size: 14px;

}



.logo img {

   max-width: 220px;

}



.casino-bg {

   position: absolute;

   top: 150px;



}



.ribbon-container {

	max-width: 130px;

}



.custom_container.container-xxl {

   max-width: 970px;

}



.main_heading {

   font-size: 34px;

}



.banner_pera {

   font-size: 18px;

}



.compare_table {

   background: #2f334e;

}



.casino_logo {

   background: #1c1f33;

}



.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: #262a40;

}



.ply-btn {

   background-image: linear-gradient(90deg, rgb(0, 182, 122), rgb(0, 182, 122));

   padding: 8px 30px;

   border-radius: 10px;

   font-size: 18px;

   font-weight: 700;

   line-height: 32px;

}



.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 #00b67a;

}



.ribbon-style {

   background: #0091FF;

   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: 130px !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: #1c1f33;

   padding: 50px;

}



.bottom_txt h2 {

   font-size: 24px;

}



.bottom_txt p, .list li{

	font-size: 14px;

}

footer {

	background: #151724;

	padding: 80px 0;

}



.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;

	color: rgb(153, 165, 197);

}



.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: 5;

   visibility: visible;

}



.cap {

	position: absolute;

	left: -25px;

	top: -25px;

}



.popup_buttton {

	max-width: 100px;

	position: fixed;

	bottom: 30%;

	left: 100px;

   cursor: pointer;

}



#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: rgb(255, 198, 59);

	font-size: 32px;

}



.overlay{

   background: #000000c9;

   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-color: rgb(0, 108, 231);

	font-size: 22px;

}

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

 fill: #441ced;

}

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

   fill: #F9AA00;

}

.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-color: #232323;

  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: rgb(0, 171, 78);

   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: #ffc600;

	padding: 10px;

	font-size: 20px;

	color: #000;

   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: #333333;

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

}



.new_bonus {

	color: #686868;

	font-size: 30px;

}



.imag_hed .nd_img {

	    max-width: 280px;

}



.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: 1;

   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;

	left: 100%;

	top: 54px;

	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;

}











@media (max-width: 479.98px){

   #spinwheel {

       width: 270px;

   }

}