/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.game-table {
    width: 100%;
    border-collapse: collapse;
  }
.game-table .title{
    color:#fcc40d;
    font-weight:bold;
}
.game-table th,
.game-table td {
    padding: 15px;
    border: 3px solid #5d6f89; /* or 'none' if you don't want visible borders */
    text-align: left;
} 

.game-table td {
    background-color: #111; /* Dark cell background */
}
.flag-icons img {
    width: 36px;
    height: auto;
}
.game-table.header{
    margin-bottom:20px;
}
.game-table.header th,
.game-table.header td
 {
    text-align:center;

     font-size:18px;
} 
.game-table.header th {
    background-color: #523fbe; /* Dark header background */
}
.popup{
	position: fixed;
	width:100vw;
	height:100vh;
	display: flex;
	z-index: 999;
	top: 0px;
 }
 
 .popup .feature-box{
	 width:85%;
	 max-width:460px;
	 overflow: visible;
	 justify-content: center;
	 align-items: center; 
	 margin:auto;
	 padding: 20px;
	 border-radius: 10px;
 }
 .popup .feature-box img{
	 border-radius: 10px;
 }
 .popup .close{
	 z-index: 99;
	 width: 40px;
	 height: 40px;
	 position: absolute;
	 top: -20px;
	 right: -20px;
	 cursor:pointer;
	 transition:.6s;
	 opacity:1;
 }
 .popup .close:hover{
	 opacity:.8;
	   -moz-transform:rotate(180deg);
	   -webkit-transform:rotate(180deg);
	   -o-transform:rotate(180deg);
	   -ms-transform:rotate(180deg);
	   transform:rotate(180deg);
 }


.ps-3 .entry-title h4{
   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    font-size: 0.8rem;
}



html{
    -webkit-touch-callout: none;
    -webkit-user-select: none; 
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.CopyrightNotice{
	opacity:0;
	height:0px;
	display:block;
}

.pagination {
	margin-top: 30px;
    display:block;
	--bs-pagination-color:#000000;
	--bs-pagination-bg:#000000;
	--bs-pagination-disabled-bg:#000000;
	overflow: hidden;
}
.pagination li{
    display: inline-block;
}
.expiry {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000082;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-size: 28px;
    line-height: 32px;
    z-index:9;
    color:#ffffff;
}



.entry-content h4{
    margin-bottom:0px;
}
.entry-content p a{
    text-decoration: underline!important;
}

.si-rss:hover, .si-colored.si-rss {
    background-color: #1d98dc !important;
}
.page-item.active .page-link, .page-link:hover, .page-link:focus {
    background-color: #f5ac4d !important;
    border-color: #e7ca2a !important;
}

.btn-link, .page-link, .page-link:hover, .page-link:focus {
    color: #f5ac4d;
}

.btn-link, .page-link, .page-link:hover, .page-link:focus {
    color: #f5ac4d;
}

.post-navigation a{
	font-weight: bold;
	font-size: 20px;
}
a {
    color: #f5ac4d;
	transition: .6s;
}
a:hover{
    color: #18ae62;

}

.mb-show{
	display: none;
}

.game-categories{
	padding-top: 80px;
	text-align: center;

}
.game-categories .media-box {
    padding: 25px;
	border-radius: 20px;
	margin-bottom: 80px;
}

.game-categories .media-box .fbox-media{
	margin: -100px 0px 0px 0px;
}

.game-categories .fbox-content h3{
	padding-top: 10px;
}
.mb-hide{
    	display: block;
    }
@media (max-width: 991.98px) {
    .mb-hide{
    	display: none;
    }
	.mb-show{
		display: block;
		overflow: hidden;
	}
	.mb-show li{
		width: 50%;
		float: left;
		list-style: none;
		text-align: center;
	}
	#slider{
		height: 60vh !important;
	}
	
}
@media (max-width: 768px) {
	
	#slider{
		height: 50vh !important;
	}
	
	
}
@media (max-width: 600px) {
	
	#slider{
		height: 40vh !important;
	}
	.content-wrap .topmargin-lg{
		margin-top: 0rem!important;
	}
	
}

@media (max-width: 480px) {
	
	#slider{
		height: 25vh !important;
	}
	
	.game-categories p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		font-size: 14px;
		line-height: 17px!important;
		overflow: hidden;
		margin-top: 0px;
	}
	.game-categories .button.button-circle {
        border-radius: 10px;
        padding: 5px 10px;
        letter-spacing: 0px;
	    
	}
	.game-categories .media-box {
        padding: 10px;
        margin-bottom: 50px;
	}
    .content-wrap{
        padding: 50px 0;
    }
}

@media (max-width: 440px) {
	
	#slider{
		height: 16vh !important;
	}
	
}

.faqlist li a:hover,
.menu-item a:hover,
.breadcrumb-item a:hover{
	color: #da4e36!important;
}

.ellipsis{
	width: 200px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#page-title span{
	overflow:hidden;
	width: 320px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.faq h4{
	margin-bottom: 5px;
}
@media (max-width: 767.98px) {
	.ellipsis{
		width: 100px;
		overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#page-title span{
		
		width: auto;
		white-space: unset;
	}

	.clients-grid .grid-item a,
	.clients-grid .grid-item img {
		width:82%;
	}
	.parallax {
		padding: 50px 0;
	}
	#header-wrap{
		padding: 5px 0px;
	}
	#logo img{
		margin-left: 8px;
	}
}

@media (max-width: 1259px) {
	.menu-link {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.entry-content {
    margin-top: 0px;
}
.grid-inner .entry-content p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 0px;
    font-size: .8rem;
}
.entry-title h2 a{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: .98rem;
}
.grid-item.games h5{
	margin-top: 5px;
	margin-bottom: 0px;
}

.clients-grid .grid-item a img {
    max-width: 100%;
    width: auto;
    max-height: 100px;
	margin-bottom: 5px;
}

.clients-grid.grid-md-5 .grid-item a img {
    max-height: 200px;
}
.clients-grid .grid-item a{
	opacity: 1;
}
.sign-up{
	min-width:98px;
	text-align:center;
	/* --background-color: #edc93a; -- */
	transition: .3s;
}
.apply-agent{
	transition: .3s;
}

/*
.menu-item:hover > .menu-link,
.menu-item.current > .menu-link {
	color: #94291f;
}*/

#page-menu-wrap,.page-menu-nav{
	background-color: #666666;
}

.page-menu-item:hover > a, .page-menu-item.current > a{
	background-color: #4e4e4e;
}
.page-menu-item > a{
	border-radius: 0px;
}
.faqlist li{
	width: 50%;
	float: left;
	padding: 0 10px;
}

div#preloader { 
	position: fixed;
	left: 0; 
	top: 0; 
	z-index: 9999999;
	background-color: #0d131ceb;
	width: 100%;
	height: 100%;
	overflow: visible;

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


#preloader img{
	width: 200px;

	opacity: 1;

	animation-name: breath;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

@keyframes breath {
	from {
		opacity: 1;
	}
	50% {
		opacity: 0.4;
	}
	to {
		opacity: 1;
	}
}