@charset "utf-8";
/*====CSS Document====*/

body {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	background: #ffffff;
	color: #000000;
	text-align: center;
    font-family: 'Inter';
	font-weight: 400;
	}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin: 0;padding: 0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border: 0;}
a {outline: none;color: inherit;text-decoration: none;}
img {border: none; height: auto;}
li {list-style: none;}
* {box-sizing: border-box;}
.img-full {max-width: 100%;}
.clearall {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	}

/*-----------------------
FONTS
------------------------*/
@font-face {
    font-family: 'Inter';
    src: url('Inter-ExtraBold.woff2') format('woff2'),
        url('Inter-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-Bold.woff2') format('woff2'),
        url('Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-SemiBold.woff2') format('woff2'),
        url('Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-Medium.woff2') format('woff2'),
        url('Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-Regular.woff2') format('woff2'),
        url('Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('RedHatDisplay-Black.woff2') format('woff2'),
        url('RedHatDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



/*-----------------------
MAIN CSS START
------------------------*/

.container {
	width:1170px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
.wrapper{
	width:100%;
	overflow:hidden;
	}
	


/*------HEADER-------*/	

header{
	float:left;
	width:100%;
	margin-bottom:70px;
	position:relative;
	z-index:999;
	}
.header__inner{
	float:left;
	width:100%;
	height:70px;
	margin-top: -70px;
	top:70px;
	position:relative;
	}
.fixed-nav .header__inner{
	width:100%;
	background:#150c25;
	position: fixed;
	transition: margin .3s ease-out;
	-webkit-transition: margin .3s ease-out;
	margin-top:0;
	top:0;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);	
	}
.header_row{
	display: flex;
    display: -webkit-flex;
	align-items: center;
    justify-content: space-between;
	}	
.header_col-1{
	display: flex;
    display: -webkit-flex;
	align-items: center;
	gap: .75rem;
	}		
.logo{
	float:left;
	width:130px;
	margin-top:5px;
	}
.header_col-2{
	display: flex;
    display: -webkit-flex;
	align-items: center;
	column-gap:30px;
	}
.header_icon{
	display: flex;
    display: -webkit-flex;
	align-items: center;
	color:#878792;
	font-size:16px;
	line-height:22px;
	column-gap:8px;
	}
.header_icon span.text-orange{ color:#f97316;}
.header_icon span.text-purple{ color:#c084fc;}
.header_icon span.text-green{ color:#22c55e;}

.vip_host-btn{
	display: flex;
    display: -webkit-flex;
	align-items: center;
	color:#dddddd;
	font-size:14px;
	line-height:22px;
	padding:3px 10px;
	font-weight:bold;
	column-gap:8px;
	background:none;
	border-radius:6px;
	border:none;
	-webkit-appearance:none;
	cursor:pointer;
	transition-duration: .3s;
	animation-duration: .3s;
	}
.vip_host-btn svg{
	width:16px;
	}
.vip_host-btn:hover{
	background:#22222a;
	}

.header_button{
	display: flex;
    display: -webkit-flex;
	align-items: center;
	text-align: center;
	column-gap:7px;
	justify-content: center;
	width: 144px;
    height: 44px;
    border-radius: 15px;
    font-size: 15px;
	line-height:19px;
	font-family: 'Inter';
    font-weight: 800;
    color: #fff;
	text-transform:uppercase;
	border:2px solid #b229f2;
	
	box-shadow:
        inset 0 2px 2px rgba(255,255,255,0.6), /* top highlight */
        inset 0 -2px 2px rgba(0,0,0,0.3),      /* bottom shadow */
        0 0 15px 7px rgba(107,21,211,0.9); 
	
	background: #7D34C4;
	background: linear-gradient(0deg, rgba(125, 52, 196, 1) 0%, rgba(166, 84, 245, 1) 100%);
	}	
.header_button img{
	vertical-align:middle;
	width:15px;
	}	
	

/*-------hero_section------*/
.hero_section{
	float:left;
	width:100%;
    position: relative;
	background:url(../images/hero_bg.webp) no-repeat center bottom #0c0f1c;
	background-size:cover;
	overflow:hidden;
	}
.hero_section__row{
	max-width:645px;
	width:100%;
	margin:0 auto;
	padding:30px 0 70px;
	}
.active_strip{
	display:inline-block;
	vertical-align:middle;
	padding:5px 15px;
	font-size:14px;
	line-height:20px;
	color:#d3d3d3;
	letter-spacing:0.3px;
	background:#341167;
	border-radius:40px;
	border:1px solid #55249e;
	}	
.active_strip:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:9px;
	height:9px;
	margin:-1px 8px 0 0;
	border-radius:50%;
	background:#22c365;
	animation: shadow-pulse 3s infinite;
	}
@keyframes shadow-pulse {
    0% {box-shadow: 0 0 0 0 rgba(34, 195, 101, .9)}
    50% {box-shadow: 0 0 0 0 rgba(34, 195, 101, .7)}
    100% {box-shadow: 0 0 0 8px transparent}
	}

.hero_heading{
	font-size: 70px;
    line-height: 72px;
    font-weight: 900;
    color: #fff;
    margin-top:25px;
	text-transform:uppercase;
	font-family: 'Red Hat Display';
	text-shadow:5px 10px 15px rgba(196,46,250,0.3);
	}
.hero_heading span{
	background: linear-gradient(90deg, #b36dfe, #ba53fd, #c331fa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	}
.hero_text{
	font-size: 20px;
    line-height: 28px;
    color: #ffffff;
    margin-top: 15px;
	}
ul.hero_list{
	display: flex;
    display: -webkit-flex;
	column-gap:100px;
	margin:0 auto;
	justify-content: center;
	margin-top:40px;
	}
ul.hero_list li{
	text-align:center;
	}
ul.hero_list li h3{
	font-size:26px;
	line-height:30px;
	color:#ffffff;
	font-weight:bold;
	}
ul.hero_list li p{
	font-size:12px;
	line-height:15px;
	color:#c4c4c4;
	font-weight:500;
	margin-top:8px;
	}
.infinity-icon{
	display:block;
	margin:0 auto;
	width:44px;
	min-height: 30px;
    object-fit: contain;
	}
.hero_buttom-icons{
	display:block;
	margin:35px auto 0;
	width:265px;
	max-width:100%;
	}
.e-transfer-logo{
	display:block;
	margin:30px auto 0;
	width:100px;
	max-width:100%;
	}
.hero_icon1{
	position:absolute;
	left:24%;
	top:0;
	width:58px;
	animation: float1 3s ease-in-out infinite;
	}
.hero_icon2{
	position:absolute;
	right:28%;
	top:3%;
	width:27px;
	animation: float1 3s ease-in-out infinite;
	}
.hero_icon3{
	position:absolute;
	left:7%;
	top:35%;
	width:70px;
	animation: float2 3s ease-in-out infinite;
	animation-delay: 1.5s;
	}
.hero_icon4{
	position:absolute;
	right:10%;
	top:37%;
	width:68px;
	animation: float2 3s ease-in-out infinite;
	animation-delay: 1.5s;
	}
.hero_icon5{
	position:absolute;
	right:2%;
	top:30%;
	width:55px;
	z-index:9;
	}
.hero_icon6{
	position:absolute;
	left:15%;
	top:66%;
	width:60px;
	}
.hero_icon7{
	position:absolute;
	right:18%;
	top:65%;
	width:45px;
	animation: float2 3s ease-in-out infinite;
	animation-delay: 1.0s;
	}
.hero_icon8{
	position:absolute;
	left:23%;
	top:82%;
	width:65px;
	}
.hero_game-box{
	position:absolute;
	top:18%;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	width:176px;
	z-index:2;
	}
.hero_game-box-left{left:-125px;}
.hero_game-box-right{ right:-125px;}
.hero_game-box-col{
	width:176px;
	height:224px;
	position:relative;
	border-radius:15px;
	overflow:hidden;
	}

.hero_game-box-img{
	display:block;
	margin:0 auto;
	width:100%;
	height:100%;
	object-fit: cover;
    object-position: center;
	}
.hero_game-box-col-1{
	border:2px solid #7f00ff;
	box-shadow:0 0 15px 3px rgba(196, 46, 250, 0.4);
	-webkit-box-shadow:0 0 15px 3px rgba(196, 46, 250, 0.4);
	transform:rotate(-15deg);
	-webkit-transform:rotate(-15deg);
	animation: float1 3s ease-in-out infinite;
	}
.hero_game-box-col-2{
	border:2px solid #865cff;
	box-shadow:0 0 15px 3px rgba(134, 92, 255, 0.4);
	-webkit-box-shadow:0 0 15px 3px rgba(134, 92, 255, 0.4);
	transform:rotate(15deg);
	-webkit-transform:rotate(15deg);
	left:125px;
	animation: float2 3s ease-in-out infinite;
	animation-delay: 1.5s;
	}
.hero_game-box-col-3{
	border:2px solid #7f00ff;
	box-shadow:0 0 15px 3px rgba(196, 46, 250, 0.4);
	-webkit-box-shadow:0 0 15px 3px rgba(196, 46, 250, 0.4);
	transform:rotate(15deg);
	-webkit-transform:rotate(15deg);
	animation: float2 3s ease-in-out infinite;
	}
.hero_game-box-col-4{
	border:2px solid #865cff;
	box-shadow:0 0 15px 3px rgba(134, 92, 255, 0.4);
	-webkit-box-shadow:0 0 15px 3px rgba(134, 92, 255, 0.4);
	transform:rotate(-15deg);
	-webkit-transform:rotate(-15deg);
	right:125px;
	animation: float1 3s ease-in-out infinite;
	animation-delay: 1.5s;
	}
.hero_game-box-col-content{
	position: absolute;
	bottom: .80rem;
	left: 5px;
	right:5px;
	text-align:center;
	}
.hero_game-box-col-content h3{
	text-transform: uppercase;
    font-size: 23px;
    line-height: 25px;
    font-weight: 900;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
	}
.hero_game-box-col-content p{
	text-transform: uppercase;
    font-size: 9px;
    line-height: 10px;
	margin-top:7px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
	}
	
@keyframes float1 {
    0%,to {
        transform: translateY(0) rotate(-15deg)
    }

    50% {
        transform: translateY(-10px) rotate(-15deg)
    }
}	
@keyframes float2 {
    0%,to {
        transform: translateY(0) rotate(15deg)
    }

    50% {
        transform: translateY(-10px) rotate(15deg)
    }
}

/*-------COMMON-CSS-------*/
.button_box{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
	margin-top:45px;
	justify-content: center;
	}
.button_left {
	justify-content: start;
	} 
.button_col{
	display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width:400px;
	width:100%;
	text-align:center;
	}
.common_button-outer{
	display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
	width:100%;
	position:relative;
	z-index:9;
	}
.common_button{
	display: flex;
    display: -webkit-flex;
	align-items: center;
	text-align: center;
	column-gap:7px;
	justify-content: center;
	width: 100%;
    height: 68px;
    border-radius: 15px;
    font-size: 24px;
	line-height:24px;
	font-family: 'Inter';
    font-weight: 800;
    color: #fff;
	text-transform:uppercase;
	border:2px solid #b229f2;
	position:relative;
	z-index:9;
	transition: 0.5s;
	
	box-shadow:
        inset 0 2px 2px rgba(255,255,255,0.6), /* top highlight */
        inset 0 -2px 2px rgba(0,0,0,0.3),      /* bottom shadow */
        0 0 10px 5px rgba(107,21,211,0.9); 
	
	background: #7D34C4;
	background: linear-gradient(0deg, rgba(125, 52, 196, 1) 0%, rgba(166, 84, 245, 1) 100%);
	}
.button_arw{
	vertical-align:middle;
	width:20px;
	}
.common_button-outer:after{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(0deg, rgba(125, 52, 196, 1) 0%, rgba(166, 84, 245, 1) 100%);
    z-index: -9;
    border-radius: 15px;
    animation: pulse 1.3s ease infinite;
	}
@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    transform: scale(1.10, 1.5);
    opacity: 0;
  }
}
.vip_text{
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	font-weight:500;
	letter-spacing:0.3px;
	margin-bottom:20px;
	}
.vip_text img{
	display:inline-block;
	vertical-align:middle;
	margin:-6px 7px 0 0;
	width:18px;
	}
	
	
.highlight-subtext{
	display: inline-flex;
    flex-wrap: wrap;
    justify-content:center;
    align-items: center;
    column-gap: 5px;
    width: fit-content;
    margin: 0 0 20px;
    background: #110c21;
    border: 1px solid #55249e;
    border-radius: 45px;
    padding: 7px 15px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	}
.highlight-subtext img{
    display: inline-block;
    vertical-align: middle;
    width:20px;
	filter: drop-shadow(0 0 4px #c42efa);
	}
.highlight-subtext p{
	font-size:14px;
	line-height:20px;
	color:#d3d3d3;
	}
.common_heading{
	color:#ffffff;
	font-size:60px;
    line-height: 65px;
    font-weight: 900;
	text-transform: uppercase;
    font-family: 'Red Hat Display';
	text-shadow: 2px 4px 8px rgba(196, 46, 250, 0.3);
	}
.common_heading span{
	background: linear-gradient(90deg, #b36dfe, #ba53fd, #c331fa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	}	
.common_paragraph{
	color:#fff;
	font-size: 20px;
    line-height: 28px;
    margin-top: 20px;
	}



/*==========================*/
.live_srip{
	float:left;
	width:100%;
	background:#150b25;
	padding:25px 0;
	border-bottom:1px solid #703989;
	border-top:1px solid #703989;
	
	position: relative;
    z-index: 2;
    box-shadow:0 0 10px 5px rgba(107, 21, 211, 0.5);
	}
.brand_strip_scroller {
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-wrap: nowrap;
	}
ul.scroll_brand_list {
	display: flex;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex-shrink: 0;
	animation: marquee-horizontal 35s linear infinite;
	}
ul.scroll_brand_list li {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	position: relative;
	column-gap:8px;
	}
.player-active-dot{
	display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #22c365;
	box-shadow:0 0 5px 1px rgba(34,195,101,0.5);
	animation: fade 1.2s ease infinite;
	}
ul.scroll_brand_list li p{
	font-size:18px;
	line-height:26px;
	color:#eaeaea;
	font-weight:bold;
	}
.live-dot{
	display:inline-block;
	vertical-align:middle;
	padding:4px 8px;
	background:#181822;
	border:1px solid #22c365;
	border-radius:40px;
	font-size:10px;
	line-height:10px;
	color:#39ef85;
	text-transform:uppercase;
	margin-left:3px;
	}
.live-dot:before{
	content:"";
	display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    margin: -1px 5px 0 0;
    border-radius: 50%;
    background: #22c365;
	box-shadow:0 0 5px 1px rgba(34,195,101,0.3);
	animation: fade 1.2s ease infinite;
	}
.scroll_list-icon{
	width:20px;
	display: inline-block;
    vertical-align: middle;
	margin:-3px 0 0;
	}
@keyframes fade{
	50% {opacity: .5}
}

@keyframes marquee-horizontal {
from {transform: translateX(0);}
to {transform: translateX(-100%);}

}


/*========game_section========*/
.game_section{
	float:left;
	width:100%;
    position: relative;
	padding:75px 0;
	background:url(../images/game_section-bg.webp) no-repeat center top #0c0f1c;
	background-size:cover;
	overflow-x: clip;
	}
.game_section-header{
	display: flex;
    display: -webkit-flex;
	justify-content: space-between;
	align-items: end;
    column-gap: 30px;
	}
.game_section-header-left{
	text-align:left;
	}
.game_section-header-right{
	width:280px;
	flex-shrink: 0;
	}
.view-game_button{
    font-size: 20px;
    line-height: 24px;
	background:#3d1761;
	}
.view-game_button .button_arw{ width:22px;}

ul.game_tab_list{
	width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    column-gap: 25px;
    margin-top: 70px;
	}
ul.game_tab_list li {
	display: flex;
    display: -webkit-flex;
	justify-content: center;
    -webkit-justify-content: center;
	align-items: center;
	column-gap:5px;
    width: 170px;
	height:44px;
    background: #0d0d18;
    border: 1px solid #55249e;
    border-radius: 13px;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
	}
ul.game_tab_list li img{
	vertical-align:middle;
	width:auto;
	height:24px;
	filter: drop-shadow(0 0 4px #c42efa);
	}
ul.game_tab_list li p {
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
	text-transform:uppercase;
	}
ul.game_tab_list li.active{
	border: 2px solid #b229f2;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6), inset 0 -1px 1px rgba(0, 0, 0, 0.3), 0 0 10px 5px rgba(107, 21, 211, 0.5);
    background: #7D34C4;
    background: linear-gradient(0deg, rgba(125, 52, 196, 1) 0%, rgba(166, 84, 245, 1) 100%);
	}
.game_tab-icon-active{
	display:none;
	}
ul.game_tab_list li.active .game_tab-icon-active{display:block;}
ul.game_tab_list li.active .game_tab-icon{ display:none;}

.collection_box{
	float:left;
	width:100%;
	margin-top: 50px;
    display: none;
	animation: fadeInRight 0.6s ease;
	}
.collection_box.active {
    display: block;
	}
@keyframes fadeInRight { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } }
.collection_row{
	grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    display: grid;
	}
.collection_col{
	overflow:hidden;
	border-radius:10px;
	position:relative;
	transition-duration: .5s;
	animation-duration: .5s;
	}
.collection_col:hover{
	transform:scale(1.02);
	}
.game_card-image{
	display:block;
	margin:0 auto;
	border-radius:10px;
	width:100%;
	object-fit: cover;
	height: 280px;
    object-position: bottom;
	}
.game_card-image-name{
	position:absolute;
	left:10px;
	right:10px;
	bottom:25px;
	display: flex;
	flex-direction: column;
	gap:5px;
	}
.game_card-image-name h3{
	text-transform:uppercase;
	font-size:25px;
	line-height:25px;
	font-weight:900;
	color:#fff;
	text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;
	}
.game_card-image-name p{
	text-transform:uppercase;
	font-size:11px;
	line-height:15px;
	font-weight:900;
	letter-spacing:0.5px;
	color:#fff;
	text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;
	}
	
/*===program_section===*/	
.program_section{
	float:left;
	width:100%;
	background:url(../images/program_section-bg.webp) no-repeat center top #0c0f1c;
	overflow-x: clip;
	}
.program_box{
	float:left;
	width:100%;
	background:url(../images/program_box-bg.webp) no-repeat center top;
	background-size:cover;
	padding:60px 200px 70px;
	border-radius:15px;
	position:relative;
	}
.vip_club-img{
	position:absolute;
	left:-110px;
	top:-60px;
	transform:translate(-170px, -230px);
	opacity:0;
	transition:all ease 0.9s;
	}
.vip_club-img.in-viewport{
	transform:translate(0);
	opacity:1;
	transition:all ease 0.9s;
	}
.msg-3d-icon{
	position:absolute;
	left:-50px;
	bottom:95px;
	width:90px;
	animation: float1 3s ease-in-out infinite;
	}
.telegram-icon{
	position:absolute;
	right:-50px;
	bottom:100px;
	transform: translate(-150px, 100px);
    opacity: 0;
    transition: all ease 1s;
	}
.telegram-icon.in-viewport{
	transform:translate(0);
	opacity:1;
	transition: all ease 1s;
	}
ul.program_list{
	display: flex;
    display: -webkit-flex;
    justify-content: space-between;
	width:100%;
	max-width:670px;
	margin:0 auto;
	margin-top:35px;
	}
ul.program_list li{
	width:23.5%;
	border:1px solid #311b4a;
	border-radius:12px;
	padding:20px 10px;
	text-align:center;
	}
ul.program_list li img{
	display:block;
	margin:0 auto 10px;
	width:26px;
	}
ul.program_list li p{
	font-size:16px;
	line-height:22px;
	font-weight:600;
	color:#9b7bc2;
	}
.program_box-button{
	max-width:560px;
	}
.program_box-button .common_button{
	font-size:20px;
	height: 72px;
	box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.6), inset 0 -2px 2px rgba(0, 0, 0, 0.3), 0 10px 70px 40px rgba(107, 21, 211, 0.6);
	}

/*=====player_win_section=====*/	
.player_win_section{
	float:left;
	width:100%;
	background:url(../images/player_win_bg.webp) no-repeat center top;
    background-size: cover;
	padding:70px 0 75px;
	}
.player_win_row{
	width:100%;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:50px auto 20px;
	transform: translate(0, 100px);
    opacity: 0;
    transition: all ease 1s;
	}
.player_win_row.in-viewport{
	transform:translate(0);
	opacity:1;
	transition: all ease 1s;
	}
.player_win_col{
	width:23%;
	background:linear-gradient(0deg, #190433, #c42efa);
	padding:2px;
	border-radius:15px;
	}
.player_win_col_inner{
	float:left;
	width:100%;
	height:100%;
	background:#0e0d14;
	padding:30px 20px 40px;
	border-radius:15px;
	}
.player_win_col_icn_box{
	width:90px;
	height:90px;
	background:#200c30;
	border-radius:50%;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	}
.player_win_col_icn{
	display:block;
	margin:0 auto;
	width:78px;
	}
.player_win_col_content{
	text-align:center;
	padding:30px 0 0;
	}
.player_win_col_text1{
	font-size:24px;
	line-height:30px;
	color:#fff;
	font-weight:800;
    font-family: 'Red Hat Display';
	text-transform:uppercase;
    text-shadow: 0 0 25px rgba(196, 46, 250, 0.4);
	}
.player_win_col_text1 span{
	background: linear-gradient(90deg, #b36dfe, #ba53fd, #c331fa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	}
.player_win_col_text2{
	font-size:16px;
	line-height:22px;
	color:#fff;
	margin-top:25px;
	padding:0 12px;
	}
	
/*===RTP_Comparison====*/	
.rtp_comparison{
	float:left;
	width:100%;
	padding:60px 0;
	background:url(../images/rtp_comparison-bg.webp) no-repeat center top #0c0f1c;
	background-size:cover;
	}
.platform_box{
	display: flex;
    display: -webkit-flex;
	flex-direction: column;
	width:100%;
	max-width:770px;
	margin:50px auto 0;
	border:1px solid #3b2955;
	border-radius:15px;
	overflow:hidden;
	transform: translate(0, 100px);
    opacity: 0;
    transition: all ease 1s;
	}
.platform_box.in-viewport {
    transform: translate(0);
    opacity: 1;
    transition: all ease 1s;
	}
.platform_box-top{
	display: flex;
    display: -webkit-flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	column-gap:15px;
	padding:18px 20px;
	background: #3c2956;
    background: linear-gradient(90deg, rgba(60, 41, 86, 1) 0%, rgba(65, 22, 85, 1) 100%);
	}
.platform_box-top span{
	font-size:20px;
	line-height:22px;
	letter-spacing:0.5px;
	color:#ffffff;
	font-weight:900;
    font-family: 'Red Hat Display';
	}
.platform_box-row{
	display: flex;
    display: -webkit-flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	column-gap:15px;
	padding:15px 20px;
	background:#0e0d14;
	border-top:1px solid #21182c;
	}
.platform_box-row.active{
	background:#1a1326;
	}
.platform_box-col-1{
	display: flex;
    display: -webkit-flex;
	align-items:center;
	column-gap:5px;
	width:35%;
	}
.platform_box-dot{
	display:inline-block;
	vertical-align:middle;
	width:8px;
	height:8px;
	background:#493260;
	border-radius:50%;
	flex-shrink: 0;
	}
.platform_box-row.active .platform_box-dot{
	background:#ba52fc;
	animation: fade 1.2s ease infinite;
	}
.platform-logo{
	width:78px;
	vertical-align:middle;
	}
.best{
	padding:4px 10px;
	background:#362050;
	font-size:12px;
	line-height:12px;
	color:#a357ff;
	border-radius:40px;
	}
.platform_box-col-1 p{
	font-size:18px;
	line-height:24px;
	color:#878792;
	padding-left:5px;
	}
.platform_box-col-2{
	width:110px;
	}
.rtp_progress{
	height:30px;
	padding:5px;
	display: flex;
    display: -webkit-flex;
	align-items:center;
	column-gap:5px;
	border:1px solid #c42efa;
	border-radius:5px;
	}
.rtp_progress span{
	width:5px;
	height:100%;
	background:#c42efa;
	flex-shrink: 0;
	transform: scaleY(0);
    transform-origin: bottom;
    opacity: 0;
	}
.rtp_progress.animate span {
    animation: fillBar 0.6s ease forwards;
	animation-delay: calc(var(--i) * 0.1s);
}

/* stagger animation */
.rtp_progress.animate span:nth-child(1) { animation-delay: 0.1s; }
.rtp_progress.animate span:nth-child(2) { animation-delay: 0.2s; }
.rtp_progress.animate span:nth-child(3) { animation-delay: 0.3s; }
.rtp_progress.animate span:nth-child(4) { animation-delay: 0.4s; }
.rtp_progress.animate span:nth-child(5) { animation-delay: 0.5s; }
.rtp_progress.animate span:nth-child(6) { animation-delay: 0.6s; }
.rtp_progress.animate span:nth-child(7) { animation-delay: 0.7s; }
.rtp_progress.animate span:nth-child(8) { animation-delay: 0.8s; }
.rtp_progress.animate span:nth-child(9) { animation-delay: 0.9s; }
.rtp_progress.animate span:nth-child(10){ animation-delay: 1s; }


.rtp_progress-yellow{
	border:1px solid #ffee52;
	}
.rtp_progress-yellow span{
	background:#ffee52;
	}
.rtp_progress-pink{
	border:1px solid #ff6464;
	}
.rtp_progress-pink span{
	background:#ff6464;
	}
@keyframes fillBar {
    to {
        transform: scaleY(1);
        opacity: 1;
    }
}
.platform_box-col-3{
	text-align:right;
	width:30%;
	}
.rtp_avg{
	font-size:18px;
	line-height:24px;
	color:#878792;
	font-weight:700;
	}
.platform_box-row.active .rtp_avg{
	background: linear-gradient(90deg, #9136ff,  #c42efa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	}
.rtp_return-text{
	font-size:16px;
	line-height:24px;
	color:#fff;
	margin-top:35px;
	}
.rtp_return-text span{
	font-weight:800;
	}
	
/*====crypto_comparision_section====*/
.crypto_compare_section{
	float:left;
	width:100%;
	background:url(../images/crypto_comparision_bg.webp) no-repeat center top #0c0f1c;
    background-size: cover;
	padding:70px 0 75px;
	}
.crypto_compare_row{
	width:100%;
	max-width:800px;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	margin:80px auto 0;
	transform: translate(0, 100px);
    opacity: 0;
    transition: all ease 1s;
	}
.crypto_compare_row.in-viewport {
    transform: translate(0);
    opacity: 1;
    transition: all ease 1s;
	}
.crypto_compare_col{
	width:48%;
	}
.crypto_compare_col_top{
	float:left;
	width:100%;
	height:35px;
	border:2px solid #6b15d3;
	border-bottom:none;
	border-radius:20px 20px 0 0;
	}
.crypto_compare_tick{
	display:block;
	margin:-23px auto 0;
	width:46px;
	}
.crypto_compare_col_content{
	float:left;
	width:100%;
	background:#0e0d14;
	border:1px solid #2f253b;
	border-radius:15px;
	overflow:hidden;
	}
.crypto_compare_col_header{
	float:left;
	width:100%;
	background:#1a1326;
	padding:5px 10px;
	height:96px;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items:center;
	}
.crypto_compare_col_heading{
	font-size:26px;
	line-height:30px;
	color:#fff;
	font-weight:900;
    text-transform: uppercase;
    font-family: 'Red Hat Display';
	}
.crypto_compare_col_logo{
	display:block;
	margin:0 auto;
	width:170px;
	}
.crypto_compare_col_info{
	float:left;
	width:100%;
	padding:25px 0;
	}
.crypto_compare_col_list{
	float:left;
	width:100%;
	}
.crypto_compare_col_list li{
	width:100%;
	display:flex;
	display:-webkit-flex;
	justify-content:flex-start;
	align-items:center;
	column-gap:20px;
	border-bottom:1px solid #2f253b;
	padding:10px 15px 10px 25px;
    text-align: left;
	}
.crypto_compare_col_list li:last-child{
	border-bottom:none;
	padding-bottom:0;
	}
.crypto_compare_list_tick{
	width:30px;
	flex-shrink:0;
	}
.crypto_compare_col_list li p{
	font-size:18px;
	line-height:24px;
	color:#fff;
	}
.crypto_compare_col-2 .crypto_compare_col_top{
	border-color:#363636;
	}
.crypto_compare_text1{
	font-size:26px;
	line-height:32px;
	color:#fff;
	font-weight:700;
	margin:45px 0 10px;
    text-shadow: 0 0 25px rgba(196, 46, 250, 0.2);
	}
	
/*======winer_section=======*/	
.winer_section{
	float: left;
    width: 100%;
    padding: 60px 0;
    background: url(../images/rtp_comparison-bg.webp) no-repeat center top #0c0f1c;
    background-size: cover;
	}
.winer_box{
	width:100%;
	overflow:hidden;
	margin-top:50px;
	background-color: #030712;
	border:1px solid #1e2939;
	border-radius:25px;
	}
.winer_box-table{
	width: 100%;
	table-layout: fixed;
	text-align: left;
	}
.winer_body{
    max-height: 500px;    
    overflow: hidden;
	}
.winer_box-table thead th{
	text-transform: uppercase;
	font-weight:500;
	background-color: #080c17;
	padding:12px 20px;
	font-size:0.75rem;
	line-height:1rem;
	color: #99a1af;
	border:none;
	border-bottom:1px solid #101828;
	}
.winer_box-table tbody tr:nth-child(odd){
	background:#0c101b;
	}
.winer_box-table tbody tr td{
	font-weight:500;
	padding:12px 20px;
	font-size:0.70rem;
	line-height:1rem;
	color: #fff;
	border:none;
	border-bottom:1px solid #101828;
	}
.winer_box-table tbody tr:last-child td{
	border-bottom:none;
	}
.winer_game-name{
	display: flex;
    display: -webkit-flex;
	align-items:center;
	column-gap:7px;
	}
.winer_game-name img{
	width:20px;
	height:25px;
	vertical-align:middle;
	object-fit: cover;
	border-radius:5px;
	}
.winer_game-user{
	display: flex;
    display: -webkit-flex;
	align-items:center;
	column-gap:5px;
	}
.winer_game-user img,.winer_game-user svg{
	width:16px;
	vertical-align:middle;
	}

.winer_box-table tbody>tr:nth-of-type(odd) {
    animation: .5s ease-out betsTable-module__hxS5EG__animation-odd
	}

.winer_box-table tbody>tr:nth-of-type(2n) {
    animation: .5s ease-out betsTable-module__hxS5EG__animation-even
	}

@keyframes betsTable-module__hxS5EG__animation-odd {
0% { transform: translateY(-100%)}

to {transform: translateY(0%)}

}

@keyframes betsTable-module__hxS5EG__animation-even {
0% {transform: translateY(-100%)}

to {transform: translate(0)}

}

/*====testimonial_section====*/
.testimonial_section{
	float:left;
	width:100%;
	background:url(../images/player_win_bg.webp) no-repeat center top #0c0f1c;
    background-size: cover;
	padding:70px 0 75px;
	}
.testimonial_row{
	width:100%;
	max-width:1030px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap:20px;
	margin:40px auto 0;
	}
.testimonial_col{
	background:#0e0d13;
	border:1px solid #32125a;
	border-radius:10px;
	padding:20px 20px 25px;
	position:relative;
	}
.testimonial_col_social_icn{
	position:absolute;
	right:15px;
	top:15px;
	width:20px;
	}
.testimonial_col_name{
	width:100%;
	display:flex;
	display:-webkit-flex;
	justify-content:flex-start;
	align-items:center;
	column-gap:10px;
    padding-right: 20px;
	}
.testimonial_col_icn_box{
	width:40px;
	height:40px;
	background:#22222a;
	border-radius:50%;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items:center;
	flex-shrink:0;
	font-size:18px;
	line-height:22px;
	color:#fff;
	}
.testimonial_col_name_info{
	text-align:left;
	}
.testimonial_col_name_text1{
	font-size:14px;
	line-height:20px;
	letter-spacing:0.3px;
	color:#fff;
	font-weight:600;
	}
.testimonial_col_name_text2{
	font-size:12px;
	line-height:18px;
	color:#7f7f88;
	margin-top:2px;
	text-transform:capitalize;
	}
.testimonial_col_content{
	float:left;
	width:100%;
	text-align:left;
	padding:15px 0 0;
	}
.testimonial_col_text{
	font-size:16px;
	line-height:22px;
	color:#d3d3d3;
	font-weight:500;
	}
	
	
/*====Readyto_win_section====*/
.readyto_win_section{
	float:left;
	width:100%;
	background:url(../images/readyto_win_section_bg.webp) no-repeat center top #0c0f1c;
    background-size: cover;
	padding:70px 0 75px;
	overflow-x: clip;
	}
.button_box-2{
	column-gap:25px;
	margin-top:60px;
	flex-wrap:nowrap;
	}
.host_button{
	display: flex;
    display: -webkit-flex;
    align-items: center;
    text-align: center;
    column-gap: 7px;
    justify-content: center;
    width: 100%;
    height: 68px;
    border-radius: 15px;
    font-size: 24px;
    line-height: 24px;
    font-family: 'Inter';
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    border:2px solid #362250;
    position: relative;
    z-index: 9;
    transition: 0.5s;
    background: #0c0f1c;
	}
.winner_section_accept{
	display: flex;
    display: -webkit-flex;
    align-items: center;
    column-gap: 10px;
    justify-content: center;
    width: 100%;
	margin:50px auto 0;
	}
.winner_section_accept_text{
	font-size:14px;
	line-height:20px;
	color:#eaeaea;
	font-weight:600;
	text-transform:uppercase;
	}
.winner_section_accept_coin{
	font-size:24px;
	line-height:26px;
	padding:0 2px;
	}
.winner_bitcoin{color: #f97316;}
.winner_ethereum{color:#c084fc;}
.winner_tether{color:#22c55e;}
.winner_litecoin{color:#9ca3af;}
.winner_solana{color:#a855f7;}
.accept_buttom-icons{
	display: block;
    margin: 20px auto 0;
    width: 265px;
    max-width: 100%;
	}

.winner_hero_icn1{
	position:absolute;
	left:22%;
	top:-20%;
    width: 58px;
    animation: float1 3s ease-in-out infinite;
	}
.winner_hero_icn2{
	position:absolute;
	right:27%;
	top:-8%;
    width: 27px;
    animation: float1 3s ease-in-out infinite;
	}
.winner_hero_icn3{
	position:absolute;
	left:0;
	top:40%;
    width: 70px;
    animation: float2 3s ease-in-out infinite;
    animation-delay: 1.5s;
	}
.winner_hero_icn4{
	position:absolute;
	right:5%;
	top:45%;
    width: 55px;
	animation: float2 3s ease-in-out infinite;
    animation-delay: 1.5s;
	}
.winner_hero_icn5{
	position:absolute;
	left: 14%;
    top:91%;
    width: 60px;
	}
.winner_hero_icn6{
	position:absolute;
	right:19%;
	top:85%;
    width: 45px;
	}


/*FOOTER*/
.footer{
	float: left;
    width: 100%;
    padding: 55px 0 40px;
	background:url(../images/footer_bg.webp) repeat center top #0c0f1c;
	}	
.footer-logo {
    display: block;
    margin: 0 auto 20px;
    width: 150px;
	}
ul.footer-links{
	list-style: none;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	}
ul.footer-links li{
	display:inline-block;
	vertical-align:middle;
	position:relative;	
	}
ul.footer-links li:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	border-right:1px solid #fff;
	height:13px;
	}
ul.footer-links li:first-child:before{ display:none;}
ul.footer-links li a{
	color: #ffffff;
    font-size: 14px;
    line-height:14px;
	padding:0 10px;
	}
.desclaimer{
	max-width:920px;
	width:100%;
	font-size:12px;
	line-height:20px;
	background:#0e0d13;
	padding:15px;
	text-align:center;
	margin:0 auto;
	margin-top:30px;
	color:#fff;
	border:1px solid #281242;
	}
.footer_row{
	display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
	margin-top:40px;
	}
.footer-copy{
	color: #fff;
    font-size: 14px;
    line-height: 22px;
	}	
.gcb_col{
	display: flex;
    display: -webkit-flex;
	align-items: center;
	column-gap:15px;
	}
.gcb-img{
	width:64px;
	border-radius:5px;
	vertical-align:middle;
	}
.eighteenPlus-icon svg{
	width:36px;
	height:36px;
	vertical-align:middle;
	}


.player_live-slide{
	position:fixed;
	right:1.5rem;
	bottom:1.5rem;
	z-index:50;
	}
.player_live-slide-col{
	display: flex;
    align-items: center;
    justify-content: center;
    padding:8px 15px;
    position: relative;
    column-gap: 5px;
	border:1px solid #22222a;
	border-radius:10px;
	background:#0f0f14;
    opacity: 0;
	}
.player_live-slide-col p {
    font-size: 14px;
    line-height: 20px;
    color: #eaeaea;
	}
.player_live-slide-col .scroll_list-icon{ width:15px;}
.player_live-slide-col .player-active-dot{ width:7px; height:7px;}
.player_live-slide-col .live-dot{ font-size:8px; line-height:8px;}
.notification-enter {
    animation: slideInRight .4s ease-out forwards;
	 opacity: 1;
	}

.notification-exit {
    animation: slideOutRight .3s ease-in forwards;
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translate(100px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes slideOutRight {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(100px)
    }
}
		
/*-----------------------
MEDIA-QUERY
------------------------*/
.show-mob, .show-tab{display:none;}

.yellow-text{ color:#ffb51b !important;}
.purple-text{color:#c42efa !important;}



@media only screen and (max-width: 1200px){
.container{width:1004px;}
.hide-1200{ display:none !important;}

.hero_game-box-left {left: -70px;}
.hero_game-box-right {right: -70px;}
.hero_icon4{right: 17%; top: 42%; width:48px;}
.hero_icon5 {right: 11%;top: 30%;width: 40px;}
.hero_icon8 {left: 19%; top: 82%;width: 60px;}
.hero_game-box-col-2{left:70px;}
.hero_game-box-col-4{right:70px;}


.game_card-image{height: 240px;}
.game_card-image-name h3{font-size: 21px; line-height: 23px;}
.game_card-image-name p{font-size: 9px; line-height: 11px;}

.program_box{padding: 60px 160px 70px;}


.player_win_col_inner {padding: 30px 15px 40px;}
.player_win_col_text1 { font-size: 21px; line-height: 27px;}
.player_win_col_text2 {padding: 0 0;}


}

@media only screen and (max-width:1021px){	
.container{width:750px;}
.show-tab{ display:block;}
.show-desk{ display:none;}

.hero_section__row{max-width: 520px;padding: 30px 0 60px;}
.hero_heading{font-size: 55px; line-height: 55px;}
.hero_text{ font-size:18px; line-height:26px;}
ul.hero_list{column-gap: 70px;}
.hero_game-box{width: 150px;}
.hero_game-box-col{width: 150px; height: 190px;}
.hero_game-box-col-content h3{ font-size:20px;}
.hero_game-box-col-2 {left: 40px;}
.hero_game-box-col-4 {right: 40px;}
.hero_icon4 {right: 14%; top: 43%;}
.hero_icon6{left: 10%;}
.hero_icon7{right: 10%;}
.hero_icon8{ left:5%;}


.common_heading{font-size: 45px;line-height: 50px;}
.common_paragraph {font-size: 18px; line-height: 26px;}

ul.game_tab_list{ row-gap:20px;}
.collection_row{grid-column-gap: 20px; grid-row-gap: 20px;grid-template-columns: repeat(4, minmax(0, 1fr));}
.game_card-image-name h3 {font-size: 20px;line-height: 20px;}
.game_card-image-name p{font-size: 8px;  line-height: 11px;}


.program_box {padding: 50px 100px 60px;}
ul.program_list li p{font-size: 13px; line-height: 17px;}
.vip_club-img{ width:380px;}
.telegram-icon{ width:170px;right: -20px;}


.winer_body {max-height: 515px;}


.player_win_row{ row-gap:30px;}
.player_win_col{ width:48%;}
.player_win_col_inner { padding: 30px 25px 40px;}

.crypto_compare_col_list li p { font-size: 17px; line-height: 24px;}

.testimonial_row{grid-template-columns: repeat(2, minmax(0, 1fr));}

.winner_hero_icn1 { left: 10%;}
.winner_hero_icn2 { right:14%;}
.winner_hero_icn3 {left: -5%;}
.winner_hero_icn4 { right: -5%;}
.winner_hero_icn5 { left: 10%;}
.winner_hero_icn6 { right:8%;}


}

@media only screen and (max-width:767px){
.container{ max-width:600px; width:100%; padding:0px 15px; box-sizing:border-box;}
.show-mob{ display:block !important;}
.hide-mob{ display:none !important;}


header{margin-bottom: 60px;}
.header__inner {height: 60px;margin-top: -60px;top: 60px;}
.logo {width: 110px; margin-top: 5px; margin-left:-5px;}
.vip_host-btn{ display:none;}
.header_col-2{column-gap: 15px;}
.header_button{width: 130px;height: 38px;font-size: 13px;line-height: 18px;}
.header_button img {width: 13px;}

.hero_section__row{ padding:15px 0 25px;}
.active_strip{ font-size:12px;}
.active_strip:before{width: 7px; height: 7px; margin: -1px 6px 0 0;}
.hero_heading {font-size: 38px;line-height: 40px;letter-spacing: -0.5px;margin-top: 15px;}
.hero_text {font-size: 17px;line-height: 24px;padding: 0 25px;}
ul.hero_list{ margin-top:30px;column-gap: 40px;}
ul.hero_list li h3 {font-size: 22px;line-height: 26px;}
.infinity-icon {width: 40px; min-height: 26px;}
ul.hero_list li p{margin-top: 5px;font-size: 11px;}
.hero_buttom-icons {margin: 25px auto 0;width: 230px;}
.e-transfer-logo { margin: 15px auto 0;  width: 100px;}


.hero_icon1{left: 6%; top: 13px;width: 38px;}
.hero_icon2{right: 8%; top: 3%;width: 20px;}
.hero_icon3{left: -3%; top: 40%; width: 45px; opacity:0.5;}
.hero_icon5,.hero_icon6,.hero_icon8{ display:none;}
.hero_icon4 {right: 2%;top: 30%;width: 35px; opacity:0.4;}
.hero_icon7{top: 57%; width: 30px;right: 1%;opacity:0.3;}


.hero_card-mob{display: flex; flex-direction: column;gap: 1rem; padding-bottom:25px;}
.hero_card-mob-row1{display: flex;gap: 10px;justify-content: center;}
.hero_card-mob-col{flex-shrink: 0; position: relative;  border-radius: 10px; overflow: hidden;border: 2px solid #7f00ff;  box-shadow: 0 0 15px 3px rgba(196, 46, 250, 0.4); -webkit-box-shadow: 0 0 15px 3px rgba(196, 46, 250, 0.4);width: 110px;}
.hero_card-mob-col img{display: block; margin: 0 auto;  width: 100%; height: 130px;object-fit: cover; object-position: bottom;}
.hero_game-box-col-content h3{font-size: 14px; line-height: 15px;}
.hero_game-box-col-content p{font-size: 7px; line-height: 7px;margin-top: 4px;}

/*-------COMMON-CSS-------*/

.button_box{ margin-top:30px;}
.button_col{max-width: 330px;margin: 0 auto;}
.common_button{ font-size:20px;}
.program_box-button .common_button{font-size: 17px;line-height: 21px;}
.button_arw{ width:16px;}
.view-game_button .button_arw {width: 16px;}
.vip_text {font-size: 12px;line-height: 17px;}
.vip_text img {margin: -3px 7px 0 0; width: 14px;}
.common_heading { font-size: 38px;line-height: 38px;}
.common_paragraph {font-size: 17px;line-height: 25px;margin-top: 10px;}


/*=========live_srip=========*/

.live_srip{ padding:20px 0;}
ul.scroll_brand_list li p{font-size: 16px; line-height: 22px;}
.player-active-dot{width: 8px; height: 8px;}
.live-dot{ font-size:9px;}
.live-dot:before{width: 6px; height: 6px;}
.scroll_list-icon{ width:17px;}


/*========game_section========*/

.game_section{ padding:35px 0 50px;}
.game_section-header{flex-wrap: wrap;}
.game_section-header-left {text-align: center;}
.highlight-subtext{margin: 0 0 20px;padding: 5px 12px;}
.highlight-subtext img{width: 15px;}
.highlight-subtext p {font-size: 13px;line-height: 17px;}

ul.game_tab_list{ margin-top:30px;column-gap: 5px;row-gap: 12px;}
ul.game_tab_list li{width: auto; height: 41px; padding:3px 14px;border-radius: 10px;}
ul.game_tab_list li img{height: 19px;}
ul.game_tab_list li p {font-size: 12px;line-height: 16px;}

.collection_box{ margin-top:20px;animation: none;}
.collection_row{grid-template-columns: 1fr; }
.collection_col{ width:160px !important; margin:0 0;flex-shrink: 0;}
.game_card-image {height: 210px;}
.game_card-image-name{ bottom:20px; left:10px; right:10px;}
.game_card-image-name h3 {font-size: 18px;line-height: 19px;}
.game_card-image-name p {font-size: 9px;line-height: 12px;}


.collect_game-mob-slider{display: flex; flex-direction: row; overflow: hidden;width:calc(100% + 30px); margin-left:-15px; gap:10px; padding:5px 0;}
.collection_row{display: flex; flex-direction: row; justify-content: space-around;flex-shrink: 0;animation: marquee 30s linear infinite; gap:10px;}

.collect_game-mob-slider.reverse .collection_row{
	animation-direction: reverse;
	}

@keyframes marquee {
    from {transform: translateX(0);}
to {transform: translateX(-100%);}
}


/*===program_section===*/	
.program_box{ padding:35px 20px;}
.vip_club-img {width: 180px;left: -40px;top: -40px;}
ul.program_list{ margin-top:20px;flex-wrap: wrap;row-gap: 15px;max-width: 280px;}
ul.program_list li{ width:48%;}
.msg-3d-icon{left: -25px; bottom: 43%; width: 50px;}

.telegram-icon {width: 110px;right: -30px;bottom: 100px;transform: translate(-50px, 90px);}
.telegram-icon.in-viewport { transform: translate(0) rotate(-18deg);}


/*=====player_win_section=====*/

.player_win_section{ padding:35px 0 35px;}
.player_win_row {margin: 30px auto 0; padding:0 15px; row-gap:20px;}
.player_win_col { width: 100%;}
.player_win_col_inner{padding: 25px 25px 35px;}
.player_win_col_text1{ font-size:24px; line-height:30px; letter-spacing:0.5px;}
.player_win_col_text2{ margin-top:15px;}



/*===RTP_Comparison====*/
.rtp_comparison{ padding:35px 0;}	
.platform_box{ margin:25px auto 0;}
.platform_box-top{ padding:15px;}
.platform_box-top span{ font-size:17px;}
.platform_box-row{ padding:12px 15px;}
.platform_box-col-1{width: 50%;}
.platform_box-col-1 p { font-size: 15px; line-height: 20px; padding-left: 3px;}
.platform_box-col-2 {width: 130px;}
.rtp_progress{padding: 4px 5px;column-gap: 3px;height: 27px;}
.rtp_progress span { width: 4px; flex-shrink: 0;}
.rtp_avg {font-size: 14px;line-height: 17px;width: 100%; text-align:right;}
.rtp_return-text { margin-top: 25px;}



/*====crypto_comparision_section====*/
.crypto_compare_section{ padding:35px 0 35px;}
.crypto_compare_row { width:calc(100% + 16px);  max-width: 800px; margin:40px 0 0 -8px;}
.crypto_compare_col_top { height: 28px;}
.crypto_compare_tick { margin: -18px auto 0; width: 36px;}
.crypto_compare_col_header { height: 50px;}
.crypto_compare_col_logo { width: 100px;}
.crypto_compare_col_heading { font-size:18px; line-height: 24px;}
.crypto_compare_col_info { padding: 10px 0 15px;}
.crypto_compare_col_list li { column-gap: 8px; padding: 10px 5px 10px 10px;}
.crypto_compare_list_tick {width: 20px; flex-shrink: 0;}
.crypto_compare_col_list li p {font-size: 14px; line-height: 18px;}

.crypto_compare_text1 { font-size:18px; line-height:25px; margin:25px 0 0;}



/*======winer_section=======*/	
.winer_section{ padding:35px 0;}
.winer_box{ margin-top:20px;}
.winer_box-table tbody tr td{ padding:12px 15px;}


/*====testimonial_section====*/
.testimonial_section { padding: 35px 0 40px;}
.testimonial_row { gap:15px; margin: 25px auto 0;grid-template-columns: repeat(1, minmax(0, 1fr));}
.testimonial_col {width: 100%;}


/*====Readyto_win_section====*/
.readyto_win_section{ padding:40px 0;}
.winner_hero_icn1 { left:12%; top: -10%; width:35px;}
.winner_hero_icn2{ width:20px; top:-5%;}
.winner_hero_icn3 { width:35px; left: -3%; top:20%; opacity:0.5;}
.winner_hero_icn4{ width:35px; right:-2%; top:18%;}
.winner_hero_icn5 {left: 3%; top:85%; width:30px;}
.winner_hero_icn6 { right: 2%; top:87%; width:25px;}

.button_box-2{flex-wrap:wrap;  row-gap:22px; margin-top: 35px;}
.host_button{ font-size:18px;}
.winner_section_accept { margin: 30px auto 0;}
.winner_section_accept_text { font-size:12px; line-height:18px; margin-top: 3px;}
.winner_section_accept_coin { font-size:18px; line-height: 22px; padding: 0 0px;}
.accept_buttom-icons { margin: 10px auto 0; width: 230px;}



.footer{ padding:30px 0 25px;}
.footer-logo {margin: 0 auto 10px;width: 100px;}
.desclaimer{font-size: 11px;  line-height: 18px;margin-top: 22px;padding: 12px;}
.footer_row{flex-direction: column; margin-top: 25px; row-gap:15px;}


.player_live-slide{ right:1rem;}
.player_live-slide-col{ padding:6px 12px;}
.player_live-slide-col p{ font-size:11px; line-height:16px; text-align:left;}
.player_live-slide-col .live-dot{padding: 4px 5px;}

}