/* Option 2: Import via CSS */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");
h1, h2, h3, h4, h5{font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}


body{-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}


.btn-danger{font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}    
.btn-rounded{border-radius:25px!important;}
.navbar-brand{
	max-width:140px;
	background-color:#fff;
}
.navbar-collapse{background-color: #fff; padding:0 0 3px 10px;}
.mb30{margin: 0 0 30px 0;}
.nbfix{padding:10px;}
.search_btn{}
.navbar2 {height:72px;}
.caption-heading h3{
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 5px;
}
 .section-heading{
	font-weight: 700;
    line-height: 1.2;
}
.trending-games{
	padding: 1rem 0;
	background-color:#fff;
}
.text-right {
    text-align: right;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-1px;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}
.white {
    color: #fff;
}
.btn {
    border-radius: 0;
}
.search_bar {
    border-radius: 0;
    background-color: #fff;
    border-color: #dddbdb;
}
.red-b {
    border-color: #ab2023 !important;
}
.btn { 
   /*  background-color: transparent;   */
    transition: all 0.5s ease;
}
.btn-danger{
	background: linear-gradient(to left, transparent 50%, #000 50%);
	background-size: 200% 100%;
	background-position: right bottom;
}
.btn-danger:hover{
    background-position: left bottom;
}
.login_btn{
	background-color:#ab2023;
	color:#fff;
	border: 1px solid #ab2023;
}
.login_btn:hover{
	background-color:#BF3643;
	color:#fff!important
}

.navbar-nav .nav-item .nav-link {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.95rem;
    color: #21034d;
    letter-spacing: 0.0625em;
	/*text-transform: uppercase !important;*/
}
.navbar-nav .nav-item .nav-link:hover{color:#ab2023}

.carousel-caption {   
    bottom: 4.25rem;
}
.carousel-caption h1 {   
    font-weight: 700;
}
#myCarousel .carousel-control-prev, #myCarousel .carousel-control-next, #myCarousel2 .carousel-control-prev, #myCarousel2 .carousel-control-next, #myCarousel3 .carousel-control-prev, #myCarousel3 .carousel-control-next {
    height: 82%;
    width: 5%;
}
.carousel-caption p{   
   font-size:1rem;
}
#myCarousel_banner::before, #myCarousel_banner::after,#myCarousel_banner2::before, #myCarousel_banner2::after {
  content: "";
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  width: 50%;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
  clip-path: polygon(0 0, 0 100%, 100% 100%);
  background-color: #ab2023;
  height: 50px;
  z-index:9
}
#myCarousel_banner::after,#myCarousel_banner2::after {
    left: auto;
    right: 0;
    -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
.carousel .card-body {   
    background: #ab2023;border: none;
	padding:0;
	margin:20px;
	overflow:hidden;
}
.grey{
	color:#666464
}

.carousel .card-body img {
    transition: transform 0.3s ease-in-out;
}
 .carousel .card-body img:hover {
    transform: scale(1.3);
	z-index:1;	
	-webkit-box-shadow: 0 0 10px #dc3545;
    box-shadow: 0 0 10px #dc3545;
	opacity:0.7
}
.dropdown-menu{ 
	 --bs-dropdown-bg: #000;
	 --bs-dropdown-link-color: #DEDEDE;
	  --bs-dropdown-link-hover-color: #fff;
	  --bs-dropdown-link-hover-bg: #dc3545;
	  --bs-dropdown-link-active-color: #fff;
	  --bs-dropdown-link-active-bg: #dc3545;
  }
.caption-heading p{
	margin-bottom:0
}

.footer {
/*	background-color: #83dcff  !important;*/
	background-image: linear-gradient(#3674b6, #2c247a);
	color:#fff;
	position:relative;
  bottom: 0px!important;
  width: 100%;
 margin-bottom:0px!important;
}
.footerfix {position:absolute;}

.btn-danger{
	background-color:#ab2023;
	border: 1px solid #ab2023
}

.scroll-pagination:before {
    content: "";
    border-color: transparent rgb(171 32 35);
    border-style: solid;
    border-width: 25px 20px 0 0;
    transparent: transparent;
    position: absolute;
    margin-left: -20px;
}
.scroll-pagination:after {
      content: "";
    border-color: transparent rgb(171 32 35);
    border-style: solid;
    border-width: 25px 0 0 20px;
    transparent: transparent;
    position: absolute;
    margin-left: 0px;
}

a{
	color:#21034d;
	text-decoration:none
}



.category_link{
	margin-left:20px;
	font-weight:600
}

.category_link:before{
	content:""; 
	width:5px;
	height:5px;
	background:#fff;
	position:absolute;
	margin-left:-15px;
	margin-top:10px;
	border-radius:100%
}

.scroll-pagination {
    background: #ab2023;
}

.carousel-indicators {
	margin-bottom: 0rem;
	z-index: 99;
}

.text-left{
	text-align:left
}

.form-signin {
    width: 100%;
    max-width: 420px;
    padding: 35px;
    margin: 0 auto;
    z-index: 9;
    position: relative;
    background: #000;
    margin-top: 100px;
}
.form-signin input[type="email"] {
    margin-bottom: 7px;
    border-radius: 0;   
}
.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
     border-radius: 0;
}
.form-signin .form-control {
    font-weight: 600;
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    line-height: 1.7;
    color: #fff;
    background-color: #221f1f;
    background-clip: padding-box;
    border: 1px solid #000000;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-signin .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}
.form-signin h3:before {
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100px;
    height: 3px;
    background: #ab2023;
    margin-top: 50px;
    margin-left: 37px;
}
.form-signin .btn-block {
    display: block;
    width: 100%;
}
.form-signin-background {
    filter: blur(6px);
    -webkit-filter: blur(6px);
    background-size: cover !important;
    background-position: center center !important;
    position: fixed;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.form-signin-background:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgb(10, 14, 23);
    background: linear-gradient(90deg, rgba(10, 14, 23, 0.7) 0%, rgba(10, 14, 23, 0.7) 100%);
    z-index: 9;
}
.form-signin ::placeholder {
  color: #5B5151;
  font-size:1.1rem;
  opacity: 1; /* Firefox */
}
.form-signin input:focus{
	border:1px solid #ab2023;
	outline:none;
	box-shadow:none
}
.video-description{
	color:#fff;
	margin-top: 40px;
    border-bottom: 3px solid #ab2023;
    padding: 30px 0 50px 0;
}
.video-description h3{
	font-weight: 700;
    margin-bottom: 20px;
}
	
.video-description ul li::marker {
   color: #ab2023 ;
}
.video-description ul {
    margin-top: 43px;
    line-height: 1.8;
}
.video-description ul li {
	list-style-position: outside;
}

span.line {
    width: 100px;
    height: 3px;
    background: #ab2023;
    margin-bottom: 30px;
    /* position: relative; */
    display: block;
}
.nav-link.active{
	color: #ab2023!important
}
.video-description p{opacity:0.7}



@media (min-width: 1601px) and (max-width: 1950px){
	.container {max-width: 1710px;}
	.gameboxnewlabel{margin-top:-16%!important;}
	.secheadcon {;margin:2% 0 -1.60% 0!important;}
	.secheadcon h4 {padding-top:2.4%!important;}
	.btn-active{margin: -2% 4% 0 0 !important;}
	.btn-inactive{margin:-2% 0% 0 0 !important;}
	.secsubhead1 {margin-left: 0% !important;}
	.secsubhead2 {padding: 0 0 2% 0;}
	.section-heading2{padding-top: 5% !important;}
	.userbar,.playbar {position: absolute; top:6% !important;right: 0%; height: 37%; width: auto;}
	.userbar a {color:#b5b1b1;}
	.playbar{position:fixed;right:0%;top:-3%;}
.playbar ul li{list-style:none; display:block; padding:7px; float:left;}
	.usercoin2 {right: 68% ;position:absolute;}
	.usertime {right: 80% ;position:absolute;}
	.usercoin {right: 58%; position:absolute;;}
	.userlev {right: 48%;position:absolute;}
	.usrnotfc {right: 8%;position:fixed;top:4.8%;}
	.cointext,.timetext,.levtext{margin-top:0% !important;}
	.usertext {color: #000;display: block;text-align: center;font-weight: normal;font-size: 0.8rem;}
	.useravatar-top {width: 2.5rem;height: 2.5rem;}
	.w78{width: 78%;}
	.buycalcbtn, .buycalcbtn:hover {margin:-26% 0 0 48%!important;border-radius:25px;background-color: #d8d8d8; border:1px solid #d8d8d8;color: #000;}
	.userprofile {display: block;float: right; position: absolute;margin-top:0.7%; text-align: center; right: 2%;z-index: 1005;}
	.gameboxav {border-bottom: 34px solid; border-radius:25px; margin-bottom: 49px!important; padding:3px;  margin-top: 14%;  overflow:hidden;}
	/* .avatar-edit {top: 6%; position: relative;right: 2%!important;color: #5d2ba6;background-color: #fff;border-radius:50%;border:1px solid #5d2ba6;} */
	.minph{min-height:800px !important;}
	.navbar-nav{background-color:#fff;}
	.btn-inactive {float: right;position: relative;border-color:#a8a8a8;color: #a8a8a8;border-radius:25px;padding:2px 4px 2px 4px;margin:-2% -10% 0 0;}
	.btn-inactive:hover {float: right;position: relative;border-color:#a8a8a8;color: #a8a8a8;border-radius:25px;padding:2px 4px 2px 4px;margin:-2% -10% 0 0;}
	.btn-active {float: right;position: relative;border-color:#53b72f;border-radius:25px;padding:2px 4px 2px 4px;margin:-2% 5% 0 0;color: #53b72f;}
	.btn-active:hover {border-color:#53b72f;border-radius:25px;color: #53b72f;}
	.useravatar{margin:0 auto;display: block; border-radius:50%; border:2px solid #3c016c; height: 6rem; width:6rem;}
.useravatar-top {margin:0 auto;display: block; border-radius:50%; border:2px solid #3c016c; ..height: 4rem; width:2.5rem;height:2.5rem;}
.avatar-edit{top: 18%;position: fixed;right: 73.3%;color:#5d2ba6;background-color: #fff;border-radius:50%;border:1px solid #5d2ba6;}
.ulevel-img{position: relative; left: 46.1%;}
.ulevel{width: 93%;height: 32px; border-radius:18px; background-color: #07bb34; display: block; border: 1px solid #3c016c; }
.ulwrap{padding-top:50px;background-color:#d3d3d3;min-height:9rem;}
.scoresqre {width: 30%;height: 6rem!important;padding:2%;border-radius:50%;background-color: #5d2ba6;position: relative; margin:0px 1% 0px 1%; text-align: center;  display: block;  float: left;}
.scoretext1 {font-size: 1.85rem;font-weight: bold;color: #fff;}
.scoretext2 {font-size: 1.25rem;color: #fff;margin-top: -9px;display: block;}
.scoreimg{display:block;margin-top:-31px;}
.pluslink{left: 85%; bottom: 0%; position: absolute;color: #333;}
.pluslink:hover{color:#333;}
.ultext{color: #0f9124;text-transform: uppercase;font-size: 1.2rem;font-weight: bold;}
.utwrap{text-align: center; margin:20px;}
.gameprice{height:35px;padding:2px;background-color:#f8f8f8;border-radius:18px;font-size:1rem;font-weight:bold;display:block;text-align:center;margin-top: 12%;}
#mynavbar{margin-top:-1%;}
.footer {  background-color: #83dcff !important;  background-image: linear-gradient(#3674b6, #2c247a);  color: #fff;  position:relative;  bottom: 0px !important;  width: 100%;  margin-bottom: 0px% !important;}
.footerfix {position:absolute;}
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}
		
}
@media (min-width: 1401px) and (max-width: 1600px){
.userbar,.playbar {top: 3.5%;width: 95%;position: fixed;right: 3%;}
.userbar a {color:#b5b1b1;}
.playbar{position:fixed;right:0%;top:-3%;}
.playbar ul li{list-style:none; display:block; padding:7px; float:left;}
.gameboxnewlabel{border-radius:0px 0px 43px 43px !important;  margin-top: -22% !important;}
.gameboxnew {border-radius: 25px 25px 43px 43px !important;}
.usercoin {right: 16.2%;}
.usercoin2 {right: 20.2%;}
.cointext {color: #000;display: block;text-align: center;font-weight: normal;font-size: 0.8rem;margin-top: -4%;}
.usertime {right: 24.1%;}
.userlev {right: 13%;}
.usrnotfc {right: 9%;position:fixed;top:7.8%;}
.levtext {color: #000;display: block;font-weight: normal;font-size: 0.8rem;position: relative;margin-top: 0%;text-align: center;}
 .userprofile {display: block;float: right; position: absolute; margin-top: 1.7%; text-align: center; right: 2%; z-index: 1005;}
.timetext {color: #000;display: block;text-align: center;font-weight: normal;font-size: 0.8rem;margin-top: -5%;}
.usertext {color: #000;display: block;text-align: center;font-weight: bold;font-size: 0.8rem;}
/* .usericons {display: block;text-align: center;position: absolute;} */
.useravatar{margin:0 auto;display: block; border-radius:50%; border:2px solid #3c016c; height: 6rem; width:6rem;}
.useravatar-top {margin:0 auto;display: block; border-radius:50%; border:2px solid #3c016c; ..height: 4rem; width:2.5rem;height:2.5rem;}
#mynavbar{margin-top:-1%;}
.footer {  background-color: #83dcff !important;  background-image: linear-gradient(#3674b6, #2c247a);  color: #fff; position:relative;  bottom: 0px !important;  width: 100%;  margin-bottom: 0% !important;}
.footerfix {position:absolute;}
.grey90 {border-radius:25px;background-color: #f4f4f4;border:1px solid #939393;color: #000;font-weight: normal;font-size:1rem;padding:5px;margin:5px;text-align: center;display: inline-block; margin:0 auto;margin-top: 0px;}
.ulevel {width: 94%;height: 31px;border-radius:18px;background-color: #07bb34;display: block;border:1px solid #3c016c;margin-top: -9%;}
.ulevel-img{position: relative; margin-left: 91%;}
.avatar-edit{top: 27%;position: fixed;right:72%;color:#5d2ba6;background-color: #fff;border-radius:50%;border:1px solid #5d2ba6;}
.fa-2x {font-size: 1.5em!important;}
.pluslink {left: 85%;bottom: 0%;position: absolute;color: #333;}
.scoretext1 {font-size: 1.25rem;font-weight: bold;color: #fff;}
.scoretext2 {font-size: 1rem;color: #fff;margin-top: -9px;display: block;}
}

@media (min-width: 1200px) and (max-width: 1366px)  {
.userbar {position: absolute;top: 55% ; right: 3%!important;height: 37%; width: 54%;}
.userbar a {color:#b5b1b1;}
/* .usericons {display: block;text-align: center;position: absolute;} */
.usertime {display: block;position: absolute;padding:2px;margin-right:5%;}
.timetext {color: #000;text-align: center;font-weight: normal;font-size: 0.75rem;margin-top: 4%;}
.usercoin2 {right: 70%}
.usercoin {right: 58%}
.usertime {right: 80%}
.userlev {right: 48%}
.usrnotfc {right: 40% ;}
.cointext,.timetext,.levtext{margin-top:0%;}

.useravatar-top {width: 2.5rem;height: 2.5rem;}
.gameboxnew2 img {border-radius:12% 12% 0 0 !important;}
#mynavbar{margin-top:-1%;}
.footer {  background-color: #83dcff !important;  background-image: linear-gradient(#3674b6, #2c247a);  color: #fff; position:relative;  bottom: 0px !important;  width: 100%;  margin-bottom: 0% !important;}
.footerfix {position:absolute;}
}
@media (max-width: 1366px) {
	.btn-lg {
	   font-size: 1rem;
	}	
}
@media (min-width: 1000px) and (max-width: 1100px){
.usrnotfc {right: 19%!important;position:fixed;top:29%!important;}	
 .scoresqre {width: 20%;height: 7em!important;padding:4%;border-radius:26.7%;background-color: #adadad;position: relative; margin:0px 4% 0px 4%; text-align: center;display: block; float: left;}
}
@media (width:1080px) {
.footer {  background-color: #83dcff !important;  background-image: linear-gradient(#3674b6, #2c247a);  color: #fff;  position:fixed!important;  bottom: 0px !important;  width: 100%;  margin-bottom: 0px% !important;}	
	
}
@media (min-width: 992px) and (max-width: 1400px){
.navbar-nav .nav-item {margin-right: 1rem;}
.navbar{padding: 1rem 0;}
.brandlogo{max-width:200px;margin:0 auto;padding:10px;}
/* .usericons:hover {color:#000}
.usericons {display: block;text-align: center;position: absolute;} */
.secheadcon {background: url('../images/h2.png') center top no-repeat;height:64px;margin:2% 0 -2% 0;}
.secheadcon2 {background: url('../images/h3.png') center top no-repeat;height:64px;margin:-1% 0 10% 0;}
.shbar{height:50px;width:100%;background-color:#7bd4ff;margin-top: -1rem;}
.shbar2{height:10rem;width:100%;background-color:#07bb34;margin-top: -1rem;}
.secsubhead1{;margin-top:-0.7%;position:relative;}
.secsubhead2{margin-top:-0.7%;position:relative;}
.section-heading2{padding-top: 8%;font-weight: 700;line-height: 1.2;text-transform:none;}
.section-heading3{padding-top: 4%;font-weight: 700;line-height: 1.2;}
.secheadcon h4 {text-align:center;padding-top:3%;color:#fff;font-size:1.3rem;}
.scoretext1 {font-size: 1.25rem;font-weight: bold;color: #fff;}
.scoretext2 {font-size: 1rem;color: #fff;margin-top: -9px;display: block;}
.userbar, .playbar {position: relative;top: 27%;right: -22%; height: 50px;width: 100%; margin:5% 5% 5% 0;}
.playbar{position:fixed;right:0%;top:-3%;}
.playbar ul li{list-style:none; display:block; padding:7px; float:left;}
.usertime {right: 66%;}
.usercoin2 {right: 51%;}
.usercoin {right: 29%;}
.userlev {right: 7%;}
.usrnotfc {right: 9.5%;position:fixed;top:10%;}
.userbar ul li{list-style:none; padding:10px; Float:left;}
.userbar a {color:#b5b1b1;}
.cointext {color: #000;display: block;text-align: center;font-weight: normal;font-size: 0.8rem;margin-top: -4%;}
.levtext {color: #000;display: block;font-weight: normal;font-size: 0.8rem;position: relative;margin-top: 0%;text-align: center;}
.userprofile {display: block;float: right; position: absolute; margin-top: 1%; text-align: center; right: 2%;z-index: 1005;}
.timetext {color: #000;display: block;text-align: center;font-weight: normal;font-size: 0.8rem;margin-top: -5%;}
.usertext {color: #000;display: block;text-align: center;font-weight: bold;font-size: 0.8rem;}
.btn-inactive {float: right;position: relative;border-color:#a8a8a8;color: #a8a8a8;border-radius:25px;padding:2px 4px 2px 4px;margin:-2% -10% 0 0;}
.btn-inactive:hover {float: right;position: relative;border-color:#a8a8a8;color: #a8a8a8;border-radius:25px;padding:2px 4px 2px 4px;margin:-2% -10% 0 0;}
.btn-active {float: right;position: relative;border-color:#53b72f;border-radius:25px;padding:2px 4px 2px 4px;margin:-2% 5% 0 0;color: #53b72f;}
.btn-active:hover {border-color:#53b72f;border-radius:25px;color: #53b72f;}
.gameprice{height:35px;padding:2px;background-color:#f8f8f8;border-radius:18px;font-size:1rem;font-weight:bold;display:block;text-align:center;margin-top: 12%;}
.nav-pills .nav-link.active{background-color:#fff;color:#2b226f;}
#pills-tab{margin-top:-40px;}
.nav-pills,.nav-item,.nav-link{border-radius: 10px 10px 0 0 !important;}
.nav-link,.nav-link2{background-color: #3c016c;color: fff; margin:0 10px 0 10px;}
.noback{background-color:transparent;margin:0px;}
.nav-link2.active{background-color:#f8f8f8!important;color:#2b226f;border-bottom:1px solid #f8f8f8!important;}
.nav-tabs .nav-link2:hover{border-bottom:transparent;color:#333;}
.pluslink{left: 85%; bottom: 0%; position: absolute;color: #333;}
.pluslink:hover{color:#333;}
.useravatar{margin:0 auto;display: block; border-radius:50%; border:2px solid #3c016c; height: 6rem; width:6rem;}
.useravatar-top {margin:0 auto;display: block; border-radius:50%; border:2px solid #3c016c; ..height: 4rem; width:2.5rem;height:2.5rem;}
.avatar-edit{top: 47px;position: relative;right: -64%;color:#5d2ba6;background-color: #fff;border-radius:45%;border:1px solid #5d2ba6;}
.ulevel-img{position: relative; margin-left: 91%;}
.ulevel{width: 93%;height: 32px; border-radius:18px; background-color: #07bb34; display: block; border: 1px solid #3c016c;margin-top:5%; }
.ulwrap{padding-top:50px;background-color:#d3d3d3;min-height:9rem;}

.ultext{color: #0f9124;text-transform: uppercase;font-size: 1.2rem;font-weight: bold;}
.utwrap{text-align: center; }
.limkpill{border-radius:25px !important;background-color:#cecece!important;color:#000!important;border-radius:25px !important;min-width: 40%;padding:0px;}
.limkpill:hover{border-radius:25px !important;background-color:#cecece !important;color:#000!important;border-radius:25px !important;min-width: 40%;padding:0px;}
.nav-pills a.active{background-color:transparent!important;color:#000!important;border-radius:25px !important;}
.viyutabc{border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:25px;min-height:100px;}
.viyutabcnc{border-radius:25px;min-height:100px;}
.npcviyu {width: 50%;background-color: #eaeaea; border-radius:29px !important; margin:0 auto; margin-top: 3%;padding:6px;}
.tbanner{background: url('../images/redr.png') 50% 50% no-repeat;}
.tbannerhead{text-align: center;font-weight: bold;font-size: 2rem;margin:2% 0;}
.active-btn-pgc, .active-btn-pgc:hover {float: right;right: 8%;position: relative;bottom: 61%;border-radius:25px;padding:2px 4px 2px 4px; margin: 0.6% 0% -3% -6%;border:1px solid #1f8b01;color: #1e8a00;}

.inactive-btn-pgc, .inactive-btn-pgc:hover {float: right; right: 0%; position: relative;bottom: 61%;  border-color:#a8a8a8; background-color:transparent; color:#000;border-radius:25px; padding:2px 4px 2px 4px; margin:0.6% 0% 0 -6%; }
 .newnav { margin-right: 0.3rem ;}
 .navbarfix{margin-top: -2%;}
 .minph{min-height:470px;}
 #mynavbar{margin-top:-1%;}
 .footer {  background-color: #83dcff !important;  background-image: linear-gradient(#3674b6, #2c247a);  color: #fff;  position:relative;  bottom: 0px !important;  width: 100%;  margin-bottom: 0px% !important;}
 .footerfix {position:absolute;}
 .scoresqre {width: 25%!important;height: 4em!important;padding:4%;border-radius:26.7%;background-color: #adadad;position: relative; margin:0px 4% 0px 4%; text-align: center;display: block; float: left;}
 .fa-2x {font-size: 1.5em!important;}
}
@media (max-width: 992px){
	.btn-inactive {float: right;position: relative;border-color:#a8a8a8;color: #a8a8a8;border-radius:25px;padding:2px 4px 2px 4px;margin: -2% -17% 0 0;}
.btn-inactive:hover {float: right;position: relative;border-color:#a8a8a8;color: #a8a8a8;border-radius:25px;padding:2px 4px 2px 4px;margin:-2% -10% 0 0;}
.btn-active {float: right;position: relative;border-color:#53b72f;border-radius:25px;padding:2px 4px 2px 4px;margin: -2% 10% 0 0;;color: #53b72f;}
.btn-active:hover {border-color:#53b72f;border-radius:25px;color: #53b72f;}
	.srch_form{margin:10px 0}
	.nav-item{float:left;    width: 100%;}
	.navbar-nav{display:inline}

	.action_btns{
		
		text-align: center;
			padding-top: 15px;
	}
	.search_btn {
		padding: 12px 20px;
	}

	.action_btns a {
		 padding: 15px !important;
         width: 100%;
	}
.userbar,.playbar{max-width: 75%!important;width: 73%;margin-top: -20%;margin-left: 19%;}
.playbar{position:fixed;right:4%;top:13%;}
.playbar ul li{list-style:none; display: block; float: left; width: 20px; top: 60px; position: relative;}
.userprofile{max-width: 20%;text-align: center;margin-top: -16%; display: flex; position: relative; right: -78%;z-index: 1005;}
.useravatar-top{width: 29%;}
.usertext {display: block;margin: 6% 8%;font-size: 0.85rem;width: 100px;}
.usericons{display: block;float: left;margin:0 0 0 20px;}	
.mb30{margin:0 0 22px 0;}
.scoresqre {width: 30%;height: 7rem!important;padding:2%;border-radius:50%;background-color: #5d2ba6;position: relative; margin:0px 1% 0px 1%; text-align: center;  display: block;  float: left;}
.scoretext1 {font-size: 2rem;font-weight: bold;color: #fff;}
.scoretext2 {font-size: 1.65rem;color: #fff;margin-top: -9px;display: block;}
.scoreimg{display:block;margin-top:-31px;}
.pluslink{left: 85%; bottom: 0%; position: absolute;color: #333;}
.ulevel-img{position: relative; margin-left: 91%;}
.ulevel{width: 93%;height: 32px; border-radius:18px; background-color: #07bb34; display: block; border: 1px solid #3c016c;margin-top:5%; }
.useravatar{margin:0 auto;display: block; border-radius:50%; border:2px solid #3c016c; height: 6rem; width:6rem;}
.avatar-edit{top: 47px;position: relative;right: -56%;color:#5d2ba6;background-color: #fff;border-radius:45%;border:1px solid #5d2ba6;}
.footer { background-color: #83dcff !important;  background-image: linear-gradient(#3674b6, #2c247a);  color: #fff;  position:relative;  bottom: 0px !important;  width: 100%;  margin-bottom: 0px% !important;text-align:center;}
}

@media (max-width: 768px) {
	.playbar {position: relative;top: -121px;right: -22%; height: 50px;width: 100%; margin:5% 5% 5% 0;}
	.navbar-brand{max-width:120px}
    #myCarousel .carousel-inner .carousel-item>div, #myCarousel2 .carousel-inner .carousel-item>div, #myCarousel3 .carousel-inner .carousel-item>div {
        display: none;
    }

    #myCarousel .carousel-inner .carousel-item>div:first-child, #myCarousel2 .carousel-inner .carousel-item>div:first-child, #myCarousel3 .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
	
	#myCarousel .carousel-control-prev, #myCarousel .carousel-control-next, #myCarousel2 .carousel-control-prev, #myCarousel2 .carousel-control-next, #myCarousel3 .carousel-control-prev, #myCarousel3 .carousel-control-next {
    height: 82%;
    width: 14%;
    }	
	.card-body { margin: 13px;}
	
	.trending-games { padding: 2rem 0;  
     }
	.gen-movie-action{  margin-top: -40px;}

	.form-signin {width: 100%;padding: 40px 25px;}

	.form-signin h3:before {margin-left: 26px;}

.userbar {max-width: 75% ;width: 73%;margin-top: -3%;margin-left: 19%;}
.userbar a {color:#b5b1b1;}
.userprofile {display: block;position: fixed;text-align: center !important;right: 38% !important;width: 19%;top:8.5%;color: #f3f3f3;z-index: 1005;}
/* .usericons {display: block;text-align: center;position: relative;} */
.usertime {display: block; padding:2px;}
.timetext {color: #000;text-align: center;font-weight: normal;font-size: 0.75rem;margin-top: 4%;}
.usertime img {width:20%;}
.useravatar-top{width:24%;}
.gameboxnew img, .gameboxnew2 img {border-radius: 5% 5% 0 0!important;}
.gameprice{height:35px;padding:2px;background-color:#f8f8f8;border-radius:18px;font-size:1rem;font-weight:bold;display:block;text-align:center;margin-top: 12%;}

.gameboxav {border-bottom: 34px solid; border-radius:25px; margin-bottom: 153px!important; padding:3px;  margin-top: 14%;  overflow:hidden;}
.gameboxav img {width:75%;}
.avatarbuy,.avatarbuy:hover {border-radius:21px;padding:2px;min-width: 50px; background-color:9d9b9f;color: #000; border-color:#9d9b9f;margin:0 0 30px 33%;}
.avatarbuy:disabled {color: #ccc;background-color: #ccc;border-color:#ccc;cursor: not-allowed;margin:10% 0 10% 45%;}
.avatarcoin {position: relative;bottom: 32%!important;left: 43%;color: #fff;}
.avatarcoin.disb{color:#777;}
.useravatar{margin:0 auto;display: block; border-radius:50%; border:2px solid #3c016c; height: 6rem; width:6rem;}
.useravatar-top {margin-left: 1.5rem; border-radius:50%; border:2px solid #3c016c;  width:1.5rem;height:1.5rem;}
.avatar-edit {top: 13.3%;position: fixed;right: 49.2%;color: #5d2ba6;background-color: #fff;border-radius:50%;border:1px solid #5d2ba6;}
.ulevel-img{position: relative; left: 46.1%;}
.ulevel{width: 93%;height: 32px; border-radius:18px; background-color: #07bb34; display: block; border: 1px solid #3c016c; }
.scoresqre {width: 30%;height: 6rem!important;padding:2%;border-radius:50%;background-color: #5d2ba6;position: relative; margin:0px 1% 0px 1%; text-align: center;  display: block;  float: left;}
.scoretext1{font-size:2rem;font-weight:bold;color:#fff;}
.scoretext2{font-size:1.5rem;color:#fff;margin-top:-15px;display:block;}
.scoreimg{display:block;margin-top:-31px;}
.pluslink{left: 85%; bottom: 13%; position: absolute;color: #333;}
.pluslink:hover{color:#333;}
.usrnotfc {right: 35%;position: fixed;top: 4.5%;}
.footer {background-color: #83dcff !important;  background-image: linear-gradient(#3674b6, #2c247a);  color: #fff;  position:relative;  bottom: 0px !important;  width: 100%;  margin-bottom: -1% !important;text-align:center;}
.footerfix {position:absolute;}

}

#myCarousel .carousel-inner .carousel-item.active,
#myCarousel .carousel-inner .carousel-item-start,
#myCarousel .carousel-inner .carousel-item-next,
#myCarousel .carousel-inner .carousel-item-prev {
    display: flex;
}

@media (min-width: 768px) {

    #myCarousel .carousel-inner .carousel-item-right.active,
    #myCarousel .carousel-inner .carousel-item-next,
    #myCarousel .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(25%) !important;
    }

    #myCarousel .carousel-inner .carousel-item-left.active,
    #myCarousel .carousel-item-prev:not(.carousel-item-end),
    #myCarousel .active.carousel-item-start,
    #myCarousel .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }

    #myCarousel .carousel-item-next.carousel-item-start,
    #myCarousel .active.carousel-item-end {
        transform: translateX(0) !important;
    }

    #myCarousel .carousel-inner .carousel-item-prev,
    #myCarousel .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }
} 


#myCarousel2 .carousel-inner .carousel-item.active,
#myCarousel2 .carousel-inner .carousel-item-start,
#myCarousel2 .carousel-inner .carousel-item-next,
#myCarousel2 .carousel-inner .carousel-item-prev {
    display: flex;
}

@media (min-width: 768px) {

    #myCarousel2 .carousel-inner .carousel-item-right.active,
    #myCarousel2 .carousel-inner .carousel-item-next,
    #myCarousel2 .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(25%) !important;
    }

    #myCarousel2 .carousel-inner .carousel-item-left.active,
    #myCarousel2 .carousel-item-prev:not(.carousel-item-end),
    #myCarousel2 .active.carousel-item-start,
    #myCarousel2 .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }

    #myCarousel2 .carousel-item-next.carousel-item-start,
    #myCarousel2 .active.carousel-item-end {
        transform: translateX(0) !important;
    }

    #myCarousel2 .carousel-inner .carousel-item-prev,
    #myCarousel2 .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }
} 

#myCarousel3 .carousel-inner .carousel-item.active,
#myCarousel3 .carousel-inner .carousel-item-start,
#myCarousel3 .carousel-inner .carousel-item-next,
#myCarousel3 .carousel-inner .carousel-item-prev {
    display: flex;
}

@media (min-width: 768px) {
	

    #myCarousel3 .carousel-inner .carousel-item-right.active,
    #myCarousel3 .carousel-inner .carousel-item-next,
    #myCarousel3 .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(25%) !important;
    }

    #myCarousel3 .carousel-inner .carousel-item-left.active,
    #myCarousel3 .carousel-item-prev:not(.carousel-item-end),
    #myCarousel3 .active.carousel-item-start,
    #myCarousel3 .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }

    #myCarousel3 .carousel-item-next.carousel-item-start,
    #myCarousel3 .active.carousel-item-end {
        transform: translateX(0) !important;
    }

    #myCarousel3 .carousel-inner .carousel-item-prev,
    #myCarousel3 .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }
} 
.search_bar{
  color: #fff; font-weight:600;
}
.search_bar::placeholder {
  color:#757272; 
}
.search_bar:focus{
	color: #000;
}
.action_btns:last-child{margin-right:0}

.no-bg{background:none}

.paly_btn_container {
    align-items: center;
    display: flex;
    gap: 8px;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}


.more_videos .card-body img {
    transition: transform 0.3s ease-in-out;
}
.more_videos .card-body img:hover {
    transform: scale(1.3);
	z-index:1;	
	-webkit-box-shadow: 0 0 10px #dc3545;
    box-shadow: 0 0 10px #dc3545;
	opacity:0.7
}

.more_videos .card-body {
    background: #ab2023;
    border: none;
    padding: 0;
    margin: 20px 8px;
    overflow: hidden;
}

.more_videos .caption-heading{
	
	margin-bottom:20px
}

.game-frame{
    aspect-ratio: 16 / 6;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}

.game-background {     
      aspect-ratio: 16 / 6;	  
	  position: absolute;
}    
	
.game-background .card-body{padding:0}
	
.iframe{width: 100%; border: none; aspect-ratio: 16 / 6;}

.paly_btn_container{
	  margin: 0;
	  position: absolute;
	  top: 50%;
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	  z-index:9
}

.card-footer {
    background: #221F1F;
    color: white;
    padding: 10px 20px;
}

.card-footer .game-title{
   font-weight:600;margin-left:10px
}
.left-name{width:80%}
.full-screen{width:20%;}
@media (max-width: 768px) {
	
    .game-background { aspect-ratio: 1/ 1;}
	
	.video-description {margin-top:10px}
	
	.game-frame{ aspect-ratio: 1 / 1;}
}
	
	
.gamebox,.gamebox12 {border:4px solid #cecece; border-bottom:4px solid #cecece;border-radius: 25px;background-color:#b0f491;margin-bottom:10px;padding:1px;}
.gamebox2,.gamebox22 {border:8px solid #91f4eb; border-bottom:26px solid #91f4eb;border-radius: 25px;background-color:#91f4eb;margin-bottom:10px;padding:1px;}
.gamebox3,.gamebox32 {border:8px solid #fbf491; border-bottom:26px solid #fbf491;border-radius: 25px;background-color:#fbf491;margin-bottom:10px;padding:1px;}
.gamebox4,.gamebox42 {border:8px solid #fdd0af; border-bottom:26px solid #fdd0af;border-radius: 25px;background-color:#fdd0af;margin-bottom:10px;padding:1px;}
.gamebox:hover,.gamebox2:hover,.gamebox3:hover,.gamebox4:hover{border:4px solid #b0f491;border-bottom:4px solid #b0f491; border-radius: 25px;cursor:hand;background-color:#f8f8f8;margin-bottom:10px;padding:4px;}
.gamebox12:hover,.gamebox22:hover,.gamebox32:hover,.gamebox42:hover{border:8px solid #ffd999;border-bottom:26px solid #ffd999; border-radius: 25px;cursor:hand;background-color:#ffd999;margin-bottom:10px;padding:7px;box-shadow:10px 10px 25px 8px #c1c1c1;padding:1px;}
.gamebox img,.gamebox2 img,.gamebox3 img,.gamebox4 img,.gamebox12 img,.gamebox22 img,.gamebox32 img,.gamebox42 img{border-radius:7.4%;}
.gameboxnew,.gameboxnew2 {border:2px solid; border-bottom:45px solid;border-radius: 25px;margin-bottom:10px;padding:3px;margin-top:14%;overflow:hidden;}
.gameboxnew:hover, .gameboxnew2:hover {border:2px solid #ffd999; border-bottom:45px solid #ffd999;background-color:#ffd999;border-radius: 25px;margin-bottom:10px;padding:3px;margin-top:14%;}
.gameboxnew2,.gameboxnew2:hover {border:2px solid #d5d4d4;margin-top:0%;}
.gameboxnew2:hover {background-color:transparent;border-radius: 25px;/*margin-bottom:10px;*/padding:1px;margin-top:0%;}
.gameboxnew img, .gameboxnew2 img {border-radius: 10% 10% 0 0;}
.gameboxnewlabel{background-color:#fff; color:000; width:96%; font-size:16px; font-weight:bold;display:block;padding:5px;text-align:center;margin:0 auto;border-radius:0px 0px 25px 25px;margin-top:-26%;}
.gameboxnewplay{background-color: #f8f8f8; color: #000; width: 100%; font-size: 16px;font-weight: bold;display: block;padding:5px;text-align: center; margin:0 auto;   margin-top: 0px; border-radius:0px 0px 14px 18px; margin-top: 4%;}
.nobg{background-color:transparent; padding:1px;border-radius: 25px !important;}
.bggreen{background-color:#b0f491; border-color:#b0f491;}
.greenbtn{background-color:#b0f491; border-color:#b0f491;}
.greenbtn:hover{background-color:#cecece; border-color:#cecece;color:#000;}
.bgblue{background-color:#91f4eb; border-color:#91f4eb;}
.bgyelw{background-color:#fbf491; border-color:#fbf491;}
.bgorng{background-color:#fdd0af; border-color:#fdd0af;}
.bggrey{background-color:#d2d2d2!important; border-color:#d2d2d2!important;}
.bggrey2{background-color:#e1e1e1; border-color:#e1e1e1;}
.progress-bar2 {border-radius:10px;height:25px; font-weight: bold; color:#fff;font-size: 1.51rem;display: flex;flex-direction: column;justify-content: center;overflow: hidden;color: var(--bs-progress-bar-color);text-align: center;white-space: nowrap;background-color: var(--bs-lgreen);transition: var(--bs-progress-bar-transition);margin: 0 10px 0 10px !important;}
.progress2{border-radius:25px;padding:0 4px 0 10px;height:25px; font-weight: bold; color:#fff;font-size: 1rem;}
.leaders-table td{padding:0 2px 0 2px;vertical-align:middle;}
.leaders-table td.lrc1{border-radius: 0 0 0 20px;border-bottom:0px;}
.leaders-table td.lrc2{border-radius: 0 0 20px 0;border-bottom:0px;}
.page-link2, .page-link2:hover{border-radius:50%; margin:5px; background-color: #279f05;color: #fff; --bs-pagination-padding-x: 0.50rem; --bs-pagination-padding-y: 0.30rem; --bs-pagination-font-size: 0.70rem;}
.page-link2:hover{background-color: #ed6eff;color: #fff;}
.buyul{padding:10px; border-radius:10px;border:3px solid #333;}
.buyullidiv, .buyullidiv:hover{width: 100%;background-color: #333; margin:0 auto; min-height: 50px; border-radius:25px; padding:0.01%;}
.buyullidiv:hover, .buycalwrap, .buycalwrap2{width: 100%;background-color:#aeaeae!important; margin:0 auto; min-height: 50px; border-radius:25px; padding:0.01%;color:#000;}
.buytimeholder {width: 15%;background-color:#fff6da; border-radius:15px;float:left;padding-bottom: 6px;}
.buytimeholdercalc {width: 15%;background-color: #fff6da; border-radius:15px; float: left; margin:0 0 0 -30%;padding-bottom: 7px;}
.buyli,.buyli:hover{padding:5px; border-radius:17px;border:1px dashed transparent;list-style:none;}
.buyli:hover, .buycalc{padding:5px; border-radius:17px;border:1px dashed #333;list-style:none;}
.buylitext, .buycaltext{display: block;float: left;font-size: 1rem;color: #fff;margin:7px 0 0 10px; line-height: 1rem;}
.buycaltext{display: block;float: left; font-size: 1rem; color: #fff; margin:7px 0 0 -13%; line-height: 1rem;}
.buycalwrap{background-color:#606060  !important;}
.buycalwrap2{background-color:#959595 !important;}
.buycalcbtn, .buycalcbtn:hover{margin: -38% 0 0 48%; border-radius:25px; background-color: #d8d8d8; border:1px solid #d8d8d8; color: #000;}
.buycalcbtn:hover{background-color: #d8d8d8; border:1px solid #d8d8d8;}
.daysamount{float: right;min-width:10%;font-size:1rem;font-weight:bold;background-color:#fff6da; border-radius:20px; margin:1.2%;  padding:5px; text-align: center; min-width: 85px;}
.buytimeno{text-align: center; font-size: 1.4rem; font-weight: bold;padding:5px 0 5px 10px;}
.buydays{display:block;margin: -12px 0 0 41%;}
.calbox{width: 30%; border-radius:15px;float:left;padding: 5px;}
.cpbutton, .cpbutton:hover,.cpbutton2, .cpbutton2:hover{border-radius:11px;background-color: #ff4bf4;border:1px solid #ff4bf4; color: #000; font-weight: bold;font-size: 1.4rem;animation-name: animbutton; animation-duration: 4s; animation-iteration-count: infinite;width:40%;height:100%;}
.cpbutton:hover {background-color: #5505a4;border:1px solid #5505a4; color: #fff;padding:12px;width:50%;height:110%;}
.cpbutton2{padding:0 5px 0 5px;  margin:0; width: auto;  max-width: 40%; font-size: 1rem;}
.cpbutton2:hover{height:100%;padding:0 5px 0 5px;  margin:0; width: auto;  max-width: 40%; font-size: 1rem;}
.greyth{background-color: #9b9b9b !important; color: #fff !important;border-color:#9b9b9b !important;}

@keyframes animbutton {
  0%   {background-color: #ff4bf4;border:1px solid #ff4bf4; color: #000;}
  50% {background-color: #5505a4;border:1px solid #5505a4; color: #fff;}
  100%   {background-color: #ff4bf4;border:1px solid #ff4bf4; color: #000;}
}

.gameboxav { border-bottom:34px solid;border-radius: 25px;margin-bottom:10px;padding:3px;margin-top:14%;overflow:hidden;}
.gameboxavdisabled { border-radius: 25px;margin-bottom:10px;padding:3px;margin-top:14%;overflow:hidden;}
.disb{filter: grayscale(1);}
.gameboxavlabel,.gldisb{background-color:#6100c1;border-color:#6100c1; color:#fff; width:100%;font-size:16px; font-weight:bold;display:block;padding:5px;text-align:center;margin:0 auto;border-radius:0px 0px 21px 21px;margin-top:-41%;padding-left: 20%;}
.gldisb{background-color:#c1c1c1; border-color:#d2d2d2;color:#d9d9d9;}

.avatarbuy,.avatarbuy:hover {border-radius:21px;padding:2px;min-width: 50px; background-color:9d9b9f;color: #000; border-color:#9d9b9f;margin:0 0 30px 33%;}
.avatarbuy:disabled{background-color: #ccc; border-color:#ccc;cursor:not-allowed;}
.mb12{margin-bottom:13px !important;}
.avatarimg{border-radius:50%;padding:25px;}
.avatarimg2{border-radius:50%;padding:6px;max-width:110px;}
.avatarcoin{position: relative;bottom: 19%;left: 43%;color: #fff;}

a.bottomplay {background-color:#b0f491; color:#333; width:75%;font-size:16px; font-weight:bold;display:block;margin:0 auto;padding:5px;text-align:center;position: relative;margin-bottom: 1%;border-radius:0px 0px 15px 15px;}
a.bottomplay2 {background-color:#6100c1; color:#fff; width:75%;font-size:16px; font-weight:bold;display:block;margin:0 auto;padding:5px;text-align:center;position: relative;margin-bottom: 1%;border-radius:0px 0px 15px 15px;}
a.bottomplay:hover{background-color:#7dfd42; color:#000;}
a.bottomplay2:hover{background-color:#9033ec; color:#fff;}
a.gameplay2{position: relative;  margin:0 auto; text-align:center; font-weight:bold; font-size:1.8rem; display:block; color:#21034d;margin-bottom: -21%;}
.sectionbox {box-shadow:10px 10px 25px 8px #c1c1c1;padding:10px;margin:25px 0 25px 0;}
.sectionbox2 {
 
  padding: 4px;
 
  background: linear-gradient(to left,#ff5770,#e4428d,#c42da8,#9e16c3,#6501de,#9e16c3,#c42da8,#e4428d,#ff5770);
    background-size: auto;
  background-size: 200% 200%;
animation: animateGlow 1.25s linear infinite;}
@keyframes animateGlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}



.userdropbtn {
  
  color: #000;;
  padding: 5px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.userdropdown {
  position: relative;
  display: inline-block;
}

.userdropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  max-width: 160px;

}

.userdropdown-content a {
  color: black;
  padding: 3px 4px;
  text-decoration: none;
  display: block;
}

.userdropdown-content a:hover {background-color: #f1f1f1}

.userdropdown:hover .userdropdown-content {
  display: block;
}

.userdropdown:hover .userdropbtn {
  background-color: #3e8e41;
}

@media (max-width: 440px) {
.navbar {height: 67px;}
.navbar-brand{padding-top:0px;}
#mynavbar{margin-top:-18px;}
.gameboxnew img, .gameboxnew2 img {border-radius: 25px 22px 0 0 !important;}
.userprofile {display: block;position: fixed;text-align: center !important;right: 38% !important;width: 19%;top: 8.6%;color: #f3f3f3;z-index: 1005;}	
.userbar,.playbar {position: fixed; height: 7%; width: 100%; right: 6%; top: 9%; margin-right: 7%;z-index: 99;float: right;}
.playbar{position:fixed;right:0%;top:-3%;}
.playbar ul li{list-style:none; display: block; float: left; width: 20px; top: 60px; position: relative;}
.userbar img {width:40%;}
.userbar a {color:#b5b1b1;}
.usericons {display: block;right:24%;top:3%;}
.gameprice{height:35px;padding:2px;background-color:#f8f8f8;border-radius:18px;font-size:1rem;font-weight:bold;display:block;text-align:center;margin-top: 12%;}
.avatar-edit {top: 28.7%;position: fixed;right: 33.2%;color: #5d2ba6;background-color: #fff;border-radius:50%;border:1px solid #5d2ba6;}
.scoresqre {width: 20%;height: 3rem!important;padding:4%;border-radius:26.7%; background-color: #adadad;position: relative; margin:0px 4% 0px 4%; text-align:center;display: block;float: left;}
.fa-2x {font-size: 1.5em!important;}
.scoretext1 {font-size: 1.10rem;font-weight: bold;color: #fff;}
.scoretext2 {font-size: 0.78em; color: #fff;margin-top: -6px;display: block;font-weight: bold;}
.grey90 {padding: 3px;height: 23px; }
.footer {background-color: #83dcff !important;  background-image: linear-gradient(#3674b6, #2c247a);  color: #fff;  position:relative;  bottom:0px !important;  width: 100%;  margin-bottom: -1% !important;text-align:center;}
}

@media (min-width: 441px) and (max-width: 579px) {
.userbar,.playbar {position: fixed;height: 7%;width: 32%;right: 13%;top: 4.8%;margin-right: 12%;z-index: 99; float: right;}
.playbar {position: relative;top: 27%!important;right: -22%; height: 50px;width: 100%; margin:5% 5% 5% 0;}
.playbar ul li{list-style:none; display:block; padding:7px; float:left;}
.userbar img {width:40%;}
.userbar a {color:#b5b1b1;}
.useravatar {margin:0 auto;margin-top: 0px;display: block; border-radius:50%; border:2px solid #3c016c; width: 3rem; height: 3rem;}
.ulevel {width: 80%;height: 31px;border-radius:18px;background-color: #07bb34;display: block;margin-left: 3.6rem !important;border:1px solid #3c016c;margin-top: -9%;}
.avatar-edit{top: 6%;position: relative;right: 4%;color:#5d2ba6;background-color: #fff;border-radius:50%;border:1px solid #5d2ba6;}
.userprofile {display: block;position: fixed;text-align: center !important;right: 38% !important;width: 19%;top: 8.5%;color: #f3f3f3;z-index: 1005;}
.useravatar-top{width:24%;}
.usericons {display: block;text-align: center;position: absolute;}
.usertime {display: block;float: left;position: absolute;margin-top:17%;left:-73%; padding:2px;}
.timetext {color: #000;text-align: center;font-weight: normal;font-size: 0.75rem;margin-top: 4%;}
.usertime img {width:27%;}

.usercoin2 {display: block;float: left;position: absolute;margin-top: 17% !important; left: -23% !important; padding:2px;}
.cointext {color: #000;text-align: center;font-weight: normal;font-size: 0.75rem;margin-top: 4%;}
.usercoin {display: block;float: right;position: absolute; margin-top: 17%;right: 45%; padding:2px;}
.userlev {display: block; float: right; position: absolute; margin-top: 17%; right: 5%;padding:2px;}
.levtext {color: #000;font-weight: normal;font-size: 0.75rem;position: relative;margin-top: 4%;}
.usrnotfc {float: right;right: -16%; margin-top: 19%;}
.scoresqre{width:6rem;height:6rem; padding:20px;border-radius:2rem;background-color:#5d2ba6;position:relative;margin:0px 10px 0px 1rem;text-align:center;display:block;float:left;}
.ulevel{width: 80%;height: 32px; border-radius:18px; background-color: #07bb34; display: block; margin-left: 6.6rem;border: 1px solid #3c016c; }

.usertext {color:var(--bs-navbar-color);}

.navbar-toggler {z-index:999;}
.secheadcon{margin: 2% 0 -7% 0;}
 .secheadcon h4 {padding-top: 9.4%;font-size: .99rem;}
#testbutton {margin-bottom: -14%;}
.btn-inactive{float: right; right: 0%; position: relative;bottom: 61%;background-color: #a8a8a8;border-color: #a8a8a8; color: #fff; border-radius: 25px; padding: 2px 4px 2px 4px;}
.btn-active{float: left;left: 0%;position: relative;bottom: 61%;background-color: #53b72f;border-radius: 25px;padding: 2px 4px 2px 4px;}
.shbar{margin-top: -2rem;}
.secheadcon2 {margin:-6% 0 19% 0;}
.section-heading2{padding-top: 20%;}
a.bottomplay {margin-bottom: -22%;}
.gameboxnew img, .gameboxnew2 img { border-radius:5% 5% 0 0;}
.gameprice{height:35px;padding:2px;background-color:#f8f8f8;border-radius:18px;font-size:1rem;font-weight:bold;display:block;text-align:center;margin-top: 12%;}

.vpb_earn{width:24%!important;}
}



@media (max-width:375px) {
 .nxtbtn{font-size:130px;right: -7px;position:absolute;}
.usertext, a .usertext  {color:#545454;width: 98px; }
.userbar {top: 11%!important;}
.usericons {display: block; float: left; margin: 1px -11px 0 29px; }
.userprofile {display: block;position: fixed;text-align: center !important;right: 38% !important; width: 20%;top: 66px; z-index: 1005;}
.gameprice{height:35px;padding:2px;background-color:#f8f8f8;border-radius:18px;font-size:1rem;font-weight:bold;display:block;text-align:center;margin-top: 12%;}
}

.playbutton {
  position: relative;
  color: #fff;
  border-radius: 26px;
 
  width:90%;
  font-size:1.2rem;
  font-weight:bold;
  padding:5px;
  border:1px solid ;
  margin:0 auto;
  display: block;
  text-align: center;
  /* margin-top:11px; */
}

.pb1 { background-image: linear-gradient(#3e3488, #2c247a);color: #fff; font-weight:normal; }
.active {background-image: linear-gradient(#fff, #fff);}
.pb2 { background-image: linear-gradient(#4b9a45, #11733a);color: #fff;font-weight:normal;}
.pb2.active {background-image: linear-gradient(#f8f8f8, #f8f8f8);}
.pb3 { background-image: linear-gradient(#edbc22, #d78528);color: #fff;font-weight:normal;}
.pb3.active {background-image: linear-gradient(#fff, #fff);}
.pb4 {background-image: linear-gradient(#d33b2c, #a8191c);color: #fff;font-weight:normal;}
.pb1:hover,.pb2:hover,.pb3:hover,.pb4:hover{color:#fff;}
.pb5 { background-color:#d5d4d4;border-color:#d5d4d4;}
.pb5:hover {background-color:#f8f8f8;color:#000;}
.bgpurple{background-color:#6100c1 !important;color:#fff !important;border-color:#6100c1 !important;}
.form-control,.form-select {border-radius:25px;}
.viyu_pb{width:86%;display:block;margin: 6px 10px 0px 0px;} 
.viyu_pb2{width: 82%;  display: block;  margin: 0px 21px 0px 28px;}
.vpb_claim,.vpb_claim:hover{border-radius:10px;padding:0px;width: 50px;margin:-2px 0px 0 0; font-size: 0.85rem;background-color: #626161; color: #fff;}
.vpb_earn{width:17%;border:1px solid #1333;border-radius:20px;background-color:transparent;font-size:1.1rem;font-weight:bold;padding:3px;margin-right: 20px;}
.vpb_chkmark{display:block;margin-top:-40px;}

.tmenu{color:#fff;}
.tmenu.active, .pb1.active{color:#420857!important; background-color:#fff !important;}
.tmenu:hover{background-color:#fff;}
.bottmbox{ box-shadow:0 .125em .5em rgba(0, 0, 0, .15);}
.tmenu2{color:#fff;}
.tmenu2.active{color:#000!important;}
.tmenu2:hover{background-color:#f8f8f8;}
.sqborder{;border-radius:0%!important;}
.clashbutton{border-radius:25px; background-color: #ea59ff; border:1px solid #ea59ff;}
.pbutton{border-radius:25px; background-color: #6100c1; border:1px solid #6100c1; color:#fff;font-weight:bold;font-size:1rem; min-width:210px;max-width:220px;width:auto; padding:10px;text-align: center; margin:10px;}
.pbutton:hover{border-radius:25px; background-color: #ae5bff; border:1px solid #ae5bff; color:#fff;font-weight:bold;font-size:1rem;min-width:210px;max-width:220px;width:auto; padding:10px;text-align: center; margin:10px;}

#selected_img {background: #ddd; width:250px; height: 250px; display: block; margin:0 auto;}

.pbutton2,.pbutton22{border-radius:25px; background-color: #f4f4f4;border:1px solid #939393; color: #000;font-weight:normal;font-size:1rem; min-width:100px;width:55%; padding:5px; margin:5px;text-align: center;display:inline-block;max-width: 200px;}
.pbutton2:hover, .pbutton22:hover{border-radius:25px; background-color: #f4f4f4; border:1px solid #000; color:#000;font-weight:normal;font-size:1rem;min-width:100px;width:55%; padding:5px; margin:5px;text-align: center;display:inline-block;max-width: 200px;}
.pbutton22,.pbutton22:hover{width:auto;}

.offcanvas.show, .offcanvas.showing {
  visibility: visible;
  height: 50%;
  /*min-height: 450px;*/
  min-height: 200px;
  max-width: 304px;
}

.offcanvas-header {
  display: block;
  align-items: center;
  padding:1px;
  text-align: center;
}

.offcanvas-header img{width:52%;}
.playmore {border-radius:20px; margin:-2.6% 8px 0 0;padding:0px 4px 0px 4px;border:transparent;}
.noborder, .noborder:hover{border-color:transparent;}
.buttonholder{width:100%;min-height:150px;padding:20px;text-align:center;}
.loginbox{width:100%;tmargin:0 auto;text-align:center;}

/* .scoresqre {width: 30%;height: 5em;padding:2%; border-radius:50%;background-color: #5d2ba6; position: relative; margin:0px 1% 0px 1%;text-align: center;display: block;float: left;} */
.scoresqre {width: 20%;height: 4em;padding:4%;border-radius:26.7%;background-color: #adadad;position: relative; margin:0px 4% 0px 4%;text-align: center; display: block; float: left;}

.scoreimg{display:block;margin-top:-31px; color:#333;}
.wauto{width:auto;}
.grey90{border-radius:25px; background-color: #f4f4f4;border:1px solid #939393; color: #000;font-weight:normal;font-size:1rem; padding:5px; margin:5px;text-align: center;display:inline-block;margin:0 auto;}
.playbar ul li {list-style:none;}
.pbg{background-image:linear-gradient(#d5d5d5, #848484);}
.br25{border-radius:25px;}
.profcard{border-radius:25px;width:80%;margin:0 auto;}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
  border-radius: 50%;
}
*******************************************

/* === HORIZONTAL SCROLLER (ISOLATED) === */

.horizontal-scroll-wrapper {
  position: relative;
}

.horizontal-scroll {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding: 10px 40px;
}

.horizontal-scroll::-webkit-scrollbar {
  display: none;
}

.hs-item {
  scroll-snap-align: start;
  flex: 0 0 auto;
}

/* Desktop: 6 visible */
@media (min-width: 1200px) {
  .hs-item { width: 16%; }
  .nxtbtn{font-size:130px;right: -7px;position:absolute;}
}

/* Tablet: 4 visible */
@media (min-width: 768px) and (max-width: 1199px) {
  .hs-item { width: 24%; }
  .nxtbtn{font-size:130px;right: -7px;position:absolute;}
}

/* Mobile: 2 visible */
@media (max-width: 767px) {
	.nxtbtn{font-size:130px;right: -7px;position:absolute;}
  .hs-item { width: 48%; }
}

/* Partial cards hint */
.horizontal-scroll {
  padding-left: 24px;
  padding-right: 24px;
}

/* Navigation arrows */
.hs-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 30;

  width: 42px;
  height: 42px;

  background: rgba(252, 189, 0, 0.6);
  border: none;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
}

.hs-btn2{background: rgba(255, 255, 255, 0.8);}
.hs-btn3{background: rgba(252, 189, 0, 0.6);}
.hs-btn4{background: rgba(255, 199, 112, 0.00);color:#b2b2b2;font-size:60px;font-weight:normal;width: 60px;height: 60px;}
/* Left arrow */
.hs-btn.prev {
  left: -8px;
}

/* Right arrow */
.hs-btn.next {
  right: 2px;
}

/* Bootstrap carousel icons */
.hs-btn .carousel-control-prev-icon,
.hs-btn .carousel-control-next-icon {
  filter: invert(1);
  width: 20px;
  height: 20px;
}

@media (max-width: 576px) {
  .hs-btn { display: flex; }
}

/* More card */
.more-card {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 95%;
  border: 2px dashed #aaa;
  border-radius: 25px;
  font-weight: bold;
}

/* Hide horizontal scrollbar – Firefox */
.horizontal-scroll {
  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* IE / Edge legacy */
}

/* Hide scrollbar – Chrome / Safari / Edge */
.horizontal-scroll::-webkit-scrollbar {
  display: none;
}
/* Make wrapper the positioning reference */
.horizontal-scroll-wrapper {
  position: relative;
}

/* Scroll area height reference */
.horizontal-scroll {
  position: relative;
}

/* === FORCE HIDE HORIZONTAL SCROLLBAR (ALL BROWSERS) === */

/* Wrapper */
.horizontal-scroll-wrapper {
  overflow: hidden;               /* Prevent Firefox from painting scrollbar */
}

/* Scroll container */
.horizontal-scroll {
  overflow-x: auto;
  overflow-y: hidden;

  scrollbar-width: none;          /* Firefox */
  -ms-overflow-style: none;       /* Old Edge / IE */
}

/* Chrome / Safari / Edge */
.horizontal-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

@media (max-width: 440px) {
.offcanvas.show, .offcanvas.showing {
  visibility: visible;
  height: 50%;
  min-height: 450px;

}
.hlm{color:var(--bs-navbar-color);}
}
.navbar-toggler{background-color:#fff;border-color:#fff;}
.trnding{background-image: linear-gradient(#f85303, #f06b09);
color: #fff;
font-weight: bold;
position: relative;
width: 60%;
font-size: 0.8rem;
padding: 5px;
border: 1px solid;
margin: 0 auto;
display: block;
text-align: center;
position: absolute;
margin: 5px 0 0 0px;
max-width: 118px;
border: none;
border-radius: 16px 0 0 0;
}