/* Regular font (400 weight) */
@font-face {
  font-family: 'BasisGrotesqueArabicPro';
  src: url('../fonts/BasisGrotesqueArabicPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Light font (300 weight) */
@font-face {
  font-family: 'BasisGrotesqueArabicPro';
  src: url('../fonts/BasisGrotesqueArabicPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* Medium font (500 weight) */
@font-face {
  font-family: 'BasisGrotesqueArabicPro';
  src: url('../fonts/BasisGrotesqueArabicPro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* Bold font (700 weight) */
@font-face {
  font-family: 'BasisGrotesqueArabicPro';
  src: url('../fonts/BasisGrotesqueArabicPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* Black font (900 weight) */
@font-face {
  font-family: 'BasisGrotesqueArabicPro';
  src: url('../fonts/BasisGrotesqueArabicPro-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}



*{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	font-family: 'BasisGrotesqueArabicPro';
	background: #1a2028;
}

a{
	text-decoration: none;
}

ul{
	list-style: none;
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5{
	padding:0;
	margin:0;
}

p{
		padding:0;
	margin:0;
}

.clr{
	clear: both;
}

.header_second_row{
	display: none;
}

.dropDown_01{
	display: none;
}

.desktop_view{
		display: block;
	}

	.mobile_view{
		display: none !important;
	}

header{
	background: #242f38;
}

header .header_wraper{
	width: 95%;
	margin: 0 auto;
	padding:6px 0;

}

.dropDown_01 ul li{
	color: #8E949F;
	font-size: 13px;
	padding: 5px 10px !important;
}

.dropDown_01 ul li img{
	width: 20px;
	height: 20px;
	margin-right: 10px;

}

header .header_wraper .left_head_side{
	float: left;
}

header .header_wraper .left_head_side .logo{
	display: inline-block;
}

header .header_wraper .left_head_side .logo img{
	width: 200px;
}

header .header_wraper .left_head_side .nav{
	display: inline-block;
	margin-left: 40px;
	vertical-align: middle;
}

header .header_wraper .left_head_side .nav ul li{
	display: inline-block;
	text-transform: uppercase;
	margin: 0 10px;
	font-family: 'BasisGrotesqueArabicPro';
	font-size: 14px;
	font-weight: 700;
}

header .header_wraper .left_head_side .nav ul li a{
	color:#a9afc1;
}

header .header_wraper .left_head_side .nav ul li a.active{
	color: #fff;
}

header .header_wraper .right_head_side{
	float: right;
	margin-top: 10px;
}

header .header_wraper .right_head_side a{
	  background: #11141c;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    padding: 0 15px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
}

header .header_wraper .left_head_side .nav ul li a:hover{
	color:#fff;
}

header .header_wraper .right_head_side #connectBtn{
	background:  #11141c;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    padding: 0 15px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
}

header .header_wraper .right_head_side input{
	background-color: #2f3d48;
    border: 1px solid #2f3d48;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
}

header .header_wraper .right_head_side #searchBtn i{
	color:#fff;
}

header .header_wraper .right_head_side #searchBtn{
	background-color: #2f3d48;
    border: 1px solid #2f3d48;
    border-radius: 4px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    margin-left: 30px;
}

.left_sideBar {
	
	background: #1e262f;
	padding: 0;	
	height: calc(100vh - 68px);
	display: inline-block;
	vertical-align: top;
}

.left_sideBar  .left_sidebar_wrap{
	background: #242d38;
	border-radius: 10px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
	margin-right: 5px;
	
}

.left_sideBar  .left_sidebar_wrap ul li a{
	color: #a9afc1;
    display: block;
    padding: 9px 10px;
    display: inline-block;
    width: 85%;
}

.left_sideBar  .left_sidebar_wrap ul li .dropDownArrow{
	display: inline-block;
}

.left_sideBar  .left_sidebar_wrap ul li .spanIcon{
	cursor: pointer;
    height: 25px;
    width: 25px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

/*.left_sideBar  .left_sidebar_wrap ul ul{
	display: none;
}
*/
.left_sideBar  .left_sidebar_wrap ul li .spanText{
	display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
}

.dropDownArrow i{
	color: #fff;
	cursor: pointer;
}

.left_sideBar  .left_sidebar_wrap ul li:hover{
	background: #2c3744;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.left_sideBar  .left_sidebar_wrap ul li.active{
	background: #2c3744;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.left_sideBar  .left_sidebar_wrap ul li.active a{
	color: #fff;
}

.left_sideBar  .left_sidebar_inner {
	height: 100%;
	overflow-y: scroll;
	padding-top: 12px;
	padding-left: 12px;
}

.middle_section01{
	display: inline-block;
    vertical-align: top;
    padding: 0 30px;
    padding-right: 0;
    padding-top: 20px;
    width: 82%;
    height: calc(100vh - 68px);
    overflow: hidden;
    overflow-y: scroll;
    padding-left: 12px;
}

.middle_section01 .middle_section01_wrap .banner01 img{
	border-radius: 10px;
/*	width:78%*/
}

.banner02 .left_first_banner{
	float:left;
	margin-top: 15px;
	width: 49%;
}

.banner02 .left_first_banner img, .banner02 .left_second_banner img{
	border-radius: 10px;
	width: 100%;
}

.banner02 .left_second_banner{
	float:right;
	margin-top: 15px;
	width: 49%;
}

.banner01 .owl-nav{
		
}

.banner01 .owl-nav .owl-prev{
		position: absolute;
    bottom: 50%;
    left: 20px;
}

.banner01 .owl-nav .owl-prev span, .banner01 .owl-nav .owl-next span{
	color: #fff;
	font-size: 32px;
}

.banner01 .owl-nav .owl-next{
		position: absolute;
    bottom: 50%;
    right: 20px;
}

.banner01 .owl-dots{
		position: absolute;
		width: 100%;
		text-align: center;
		bottom: 10px;
}

.banner01 .owl-dots button span{
	width: 20px;
	height: 5px;
	background: #ccc;
	display: inline-block;
	margin: 5px;
	border-radius: 20px;
	opacity: .3;
}

.banner01 .owl-dots button.owl-dot.active span{
	opacity: 9;
}

.trending_games .trending_games_wrap .games_01{
	width: 15.8%;
	display: inline-block;
	margin: 0 3px;
	margin-bottom: 10px;
}

.trending_games .trending_games_wrap .games_01:first-child, .trending_games .trending_games_wrap .games_01:nth-child(7){
	margin-left: 0;
}

.trending_games .trending_games_wrap .games_01:nth-child(6){
	margin-right: 0;
}

.trending_games .trending_games_wrap .games_01 img{
	width: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.trending_games h2{
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 10px;
}

.trending_games .trending_games_wrap .games_01 .games_content{
	background: #232c35;
  padding: 8px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.trending_games .trending_games_wrap .games_01 .games_content h4{
	color: #7c8497;
	font-size: 10px;
	text-align: center;
	font-weight: 600;
}

.trending_games .trending_games_wrap .games_01 .games_content p{
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}

.trending_games .trending_games_wrap .games_01 .games_content p a{
	color: #fff;
}

.trending_games h2 span{
	margin-left: 8px;
	display: inline-block;
	vertical-align: middle;
}

.trending_games h2 img{
	margin-left: 8px;
	display: inline-block;
	vertical-align: middle;
}

.gamesProvider h2{
		color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 0px;
}

.gamesProvider h2 img{
	display: inline-block;
    vertical-align: middle;
}

.gamesProvider h2 span{
		margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
}

.gamesProvider .gamesProvider_wrap .provider_01{
	width: 95%;
	height: 70px;
	text-align: center;
	background: #232c35;
	border-radius: 4px;
	line-height: 60px;
	display: inline-block;
}

.gamesProvider .gamesProvider_wrap .provider_01 img{
	height: 25px;
  width: auto;
  text-align: center;
  margin: 0 auto;
  display: inline;
}

section#demo-1 .owl-nav{
	top: -43px;
  position: absolute;
  right: 10px;
  margin-bottom: 11px;
}

section#demo-1 .owl-nav button span{
	color: #fff;
	font-size: 32px;
}

section#demo-1 .owl-nav button{
	display: inline-block;
	width: 40px;
	height: 30px;
	line-height: 26px;
	border: 1px solid #2b2f3c;
	border-radius: 5px;
}

section#demo-1 .owl-nav button.owl-prev{
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

section#demo-1 .owl-nav button.owl-next{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}


/*----*/

section#demo-2 .owl-nav{
	top: -43px;
  position: absolute;
  right: 10px;
  margin-bottom: 11px;
}

section#demo-2 .owl-nav button span{
	color: #fff;
	font-size: 32px;
}

section#demo-2 .owl-nav button{
	display: inline-block;
	width: 40px;
	height: 30px;
	line-height: 26px;
	border: 1px solid #2b2f3c;
	border-radius: 5px;
}

section#demo-2 .owl-nav button.owl-prev{
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

section#demo-2 .owl-nav button.owl-next{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.liveBets_highRollers_sec .tab-content{
	display: block;
}

.liveBets_highRollers_sec .container{
	margin-top: 35px !important;
}

#betTabs{
		margin:0 auto;
		background: #1d242c;
    margin-bottom: 20px;
    border: 0;
    border-radius: 100px;
    width: 280px;
}

#betTabs li .nav-link.active{
	background: #232c35;
	color: #fff;
}

#betTabs li .nav-link{
	border-radius: 100px;
	border:none;
	width: 140px;
	color: #7b808e;
	font-weight: 700;
	height: 40px;
}

#betTabsContent table thead tr, #betTabsContent table tbody tr{
	border:none;
}

#betTabsContent table thead tr th{
	background-color: transparent;
	border:none;
	color: #7b808e;
	font-size: 14px;
	font-weight: 700;
}

#betTabsContent table tbody tr td{
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

#betTabsContent table tbody tr td span{
	font-weight: normal;
	font-size: 12px;
}

#betTabsContent .table-striped>tbody>tr:nth-of-type(odd)>*{
		--bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: #232c35;
    	border:none;
}

#betTabsContent .table>:not(caption)>*>*{
	background: transparent;
	border:none;
}

#betTabsContent .table>:not(caption)>*>*{
	padding-top: 12px;
	padding-bottom: 12px;
}

#live-bets-body tr td img.gameIcon{
	border-radius: 3px;
}

#live-bets-body tr td img.playerIcon{
	border-radius: 30px;
}

#high-rollers tr td img.gameIcon{
	border-radius: 3px;
}

#high-rollers tr td img.playerIcon{
	border-radius: 30px;
}

/*---sports page css ---*/

.left_sideBar{
	
	width:17%;
	
   
}

.left_sideBar .left_sidebar_inner{
	overflow-y: scroll;
	 height: calc(100vh - 60px);
    overflow-y: scroll;
}

.left_sideBar .left_sidebar_wrap{
	margin-right: 0;
	background: #1c202b;
	padding: 8px 10px;
}

.left_sideBar .left_sidebar_wrap .group_main_nav{
	margin-bottom: 20px;
	display: none;
}

.left_sideBar .left_sidebar_wrap .group_main_nav a{
	background: #282e3e;
	font-family: "Rubik", sans-serif;
	font-size: 13px;
	width: 109px;
	height: 36px;
	display: inline-block;
	color: #8e929f;
	
	line-height: 35px;
	border-radius: 3px;
}

.left_sideBar .left_sidebar_wrap .group_main_nav a span{
	display: inline-block;
	vertical-align: middle;
}

.left_sideBar .left_sidebar_wrap .group_main_nav a.active{
	color: #fff;
}

.left_sideBar .left_sidebar_wrap .group_main_nav a i{
	font-size: 15px;
	display: inline-block;
	margin-right: 7px;
	vertical-align: middle;
	padding-left: 12px;
}

body{
	background: #11141c;
}

.left_sideBar .left_sidebar_wrap .group_main_search input{
	background: #282e3e;
	border:none;
	font-size: 12px;
	width: 100%;
	height: 36px;
	color: #8e929f;
	border-radius: 3px;
	font-family: "Rubik", sans-serif;
	padding-left: 15px;
	margin-bottom: 15px;
}

.left_sideBar .left_sidebar_wrap .group_main_search input::placeholder {
  color: #8e929f;
  
}

.group_main_search input::-ms-input-placeholder { /* Edge 12-18 */
  color: #8e929f;
}

.left_sideBar .left_sidebar_wrap ul li.active{
	background: transparent;
}

.left_sideBar .left_sidebar_wrap ul li a{
	width: 91%;
}

.left_sideBar .left_sidebar_wrap ul li a{
	padding:0;
}

.left_sideBar .left_sidebar_wrap ul.championShip li .spanText{
	font-family: "Rubik", sans-serif;
	font-size: 13px;
  line-height: 26px;
  font-weight: normal;
}

.left_sideBar .left_sidebar_wrap ul.championShip li a{
	color: #8e929f;
}

.left_sideBar .left_sidebar_wrap ul li{
	padding: 5px 0;
	line-height: 14px;
}

h4.championShipTitle{
	color: #fff;
  font-size: 13px;
  margin-bottom: 5px;
  font-weight: 600;
  margin-top: 10px;
}

.left_sideBar .left_sidebar_wrap ul.sports_Nav li a span.spanText{
	font-family: "Rubik", sans-serif;
	font-size: 13px;
	font-weight: normal;
}

.left_sideBar .left_sidebar_wrap ul.sports_Nav li a span.spanIcon i{
	margin-top: 3px;
}

.Sports_middle_sec{
		width: 890px;
    display: inline-block;
    margin-top: 20px;
    height: calc(100vh - 60px);
    overflow-y: scroll;
    width: 58%;
}

.Sports_middle_sec .sports_mid_firstSec .grid-event-pro__title .grid-event__title-discipline{
	display: inline-block;
}

.Sports_middle_sec .sports_mid_firstSec .grid-event-pro__title .grid-event__title-discipline .item-disciplines__name{
	display: inline-block;
	color: #fff;
}

.Sports_middle_sec .sports_mid_firstSec .grid-event-pro__title .grid-event__title-discipline{
	color: #fff;
	font-family: "Rubik",sans-serif !important;
	font-size: 13px;
}

.Sports_middle_sec .sports_mid_firstSec .grid-event-pro__title .grid-event__time{
	display: inline-block;
}

.Sports_middle_sec .sports_mid_firstSec .grid-event-pro__title ._title-icons__wrap{
	display: inline-block;
}

.Sports_middle_sec .sports_mid_firstSec .boxOne{
/*	background: linear-gradient(0deg, rgba(17, 20, 28, 0.32) 0%, rgba(17, 20, 28, 0.32) 100%), linear-gradient(227deg, #d6df6d 1.55%, #9e9c3d 100%);*/
	width:250px;
	border-radius: 3px;
	padding: 5px;
	display: inline-block;
}

.Sports_middle_sec .sports_mid_firstSec #green{
	background: linear-gradient(0deg, rgba(17, 20, 28, 0.32) 0%, rgba(17, 20, 28, 0.32) 100%),linear-gradient(227deg, #51a49a 1.55%, #2b675c 100%);
}

.Sports_middle_sec .sports_mid_firstSec #yellow{
	background: linear-gradient(0deg, rgba(17, 20, 28, 0.32) 0%, rgba(17, 20, 28, 0.32) 100%),linear-gradient(227deg, #d6df6d 1.55%, #9e9c3d 100%);
}

.Sports_middle_sec .sports_mid_firstSec #mustard{
	background: linear-gradient(0deg, rgba(17, 20, 28, 0.32) 0%, rgba(17, 20, 28, 0.32) 100%),linear-gradient(227deg, #ee7850 1.55%, #c84d29 100%);
}

.Sports_middle_sec .sports_mid_firstSec #pink{
	background: linear-gradient(0deg, rgba(17, 20, 28, 0.32) 0%, rgba(17, 20, 28, 0.32) 100%),linear-gradient(227deg, #da507a 1.55%, #9f2857 100%);
}

.Sports_middle_sec .sports_mid_firstSec #violet{
	background: linear-gradient(0deg, rgba(17, 20, 28, 0.32) 0%, rgba(17, 20, 28, 0.32) 100%),linear-gradient(227deg, #5e6dba 1.55%, #402d9a 100%);
}

.grid-event__time{
	color: #fff;
	font-family: "Rubik",sans-serif !important;
	font-size: 13px;
}

._title-icons__wrap{
	float: right;
}

._title-icons__wrap i{
	color: #fff;
}

.gridEvent_content a{
	color:inherit;
}

.gridEvent_content .grid_event_compititor span, .gridEvent_content .grid_event_compititor img{
	display: inline-block;
}

.gridEvent_content .grid_event_compititor img{
	width: 18px !important;
	height: 18px;
	margin-right: 5px;
	display: inline-block !important;
}

.gridEvent_content .grid_event_compititor span{
	color: #fff;
	font-size: 13px;
}

.gridEvent_content .divider{
	opacity: .2;
	background: #fff;
	height: 1px;
	width: 100%;
	margin: 5px 0;
}

.GridEvent_matchWinner h4{
	color: #fff;
	opacity: .5;
	font-size: 12px;
	text-align: center;
	margin-bottom:5px;
}

.GridEvent_matchWinner button{
	background: #282e3e;
	border:0;
	color: #fff;
	float: left;
	width: 33%;
}

.GridEvent_matchWinner button .one01{
	float: left;
	font-weight: normal;
	font-size: 13px;
}

.GridEvent_matchWinner button .two02{
	float: right;
	font-weight: 600;
	font-size: 13px;
}


.GridEvent_matchWinner button:first-of-type{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	padding:0 10px;
}

.GridEvent_matchWinner button{
		padding: 0 10px;
    border-right: 2px solid rgba(255, 255, 255, 0.3);
    height: 36px;
}

.GridEvent_matchWinner button:hover{
	background:#fb8c33;
	color: #333;
}

.GridEvent_matchWinner button:last-of-type{
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
}	

.sports_mid_firstSec{
	width:780px;
	margin-left:50px;
}

#demo-4 .owl-nav .owl-prev{
	background: #1c202b;
    color: #8e929f;
    height: 150px;
    position: absolute;
    left: -41px;
    top: 0;
    width: 36px;
    text-align: center;
    border-radius: 5px;
}

#demo-4 .owl-nav .owl-next{
	background: #1c202b;
    color: #8e929f;
    height: 150px;
    position: absolute;
    right: -38px;
    top: 0;
    width: 36px;
    text-align: center;
    border-radius: 5px;
}


#demo-4 .owl-dots .owl-dot{
		width: 6px;
    height: 6px;
    margin: 0 2.5px;
    opacity: .5;
    border-radius: 3px;
    background: #484e55;
}

#demo-4 .owl-dots{
	text-align: center;
}

#demo-4 .owl-dots .owl-dot.active{
	background: #fb8c33;
	width: 18px;
	opacity: 9;
}

.lobby_filter_sec .lobby_filter_wrap .lobby_filter_one{
    height: 36px;
    border: 1px solid #3e4351;
    border-radius: 100px;
    text-align: center;
    padding: 0 6px;
    line-height: 32px;
    display: inline-block;
}	

.lobby_filter_sec .lobby_filter_wrap{
	margin-left: 50px;
	width: 780px;
}

.lobby_filter_sec .lobby_filter_wrap .lobby_filter_one .lobby_live_circle span{
	display: inline-block;
	background: red;
	width: 7px;
	height: 7px;
	border-radius: 100px;
	margin-right: 6px;
}

.lobby_filter_sec .lobby_filter_wrap .lobby_filter_one .lobby_live_circle{
	display: inline-block;
}

.lobby_filter_sec .lobby_filter_wrap .lobby_filter_one .lobby_live_circle i{
	color: red;
}

.lobby_filter_sec .lobby_filter_wrap .lobby_filter_one .lobby_filter_text{
	display: inline-block;
	color: #fff;
	font-size: 13px;
}

.lobby_filter_sec .lobby_filter_wrap .lobby_filter_one .lobby_event_count{
	display: inline-block;
    background: #282e3e;
    border-radius: 100px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
}

.lobby_filter_sec .lobby_filter_wrap .lobby_filter_one .lobby_event_count  span{
	color: #fff;
    font-size: 13px;
    font-family: "Rubik", sans-serif !important;
    font-weight: 600;
}

#demo-5 .owl-carousel .owl-item img{
	width: auto;
	display: inline;
}

#demo-5 .owl-nav .owl-prev{
		border:1px solid #3e4351;
    color: #8e929f;
    height: 36px;
    position: absolute;
    left: -41px;
    top: 0;
    width: 36px;
    text-align: center;
    border-radius: 100px;
}

#demo-5 .owl-nav .owl-next{
		border:1px solid #3e4351;
    color: #8e929f;
    height: 36px;
    position: absolute;
    right: -38px;
    top: 0;
    width: 36px;
    text-align: center;
    border-radius: 100px;
}

.game_report_sec{
	width: 870px;
	margin-left: 12px;
}

.game_report_sec .game_report_wrap .games_title_and_filter{
	margin-bottom: 7px;
}

.game_report_sec .game_report_wrap .games_title_and_filter span{
	color: #fff;
	font-weight: 600;
	float: left;
}

.game_report_sec .game_report_wrap .games_title_and_filter select{
	float:right;
}

/*---custom select ------*/

.custom-select {
  position: relative;
    float: right;
    border: 1px solid #333;
    border-radius: 5px;
    width: 126px;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #11141c;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 7px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #3e4351 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
		color: rgba(255, 255, 255, 0.5);
    border: 1px solid #3e4351;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    font-size: 12px;
    border-color: #3e4351;
    border-radius: 3px;
    padding-left: 8px;
    padding-right: 26px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0;
    border-radius: 5px;
}

/*style items (options):*/
.select-items {
  	position: absolute;
    background-color: #11141c;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-left: 1px solid #3e4351;
    border-bottom: 1px solid #3e4351;
    border-right: 1px solid #3e4351;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.select-items div{
	border-radius: 0;
	padding-right: 5px;
	border-top:0;
}

.games_row_one01{
	background: #1c202b;
	border-radius: 3px;
	padding: 7px;
	margin-bottom:5px;
	padding-bottom: 2px;
}

.game_name_winner .game_name{
	color: #fff;
	font-size: 12px;
	font-family: "Rubik",sans-serif !important;
	display: inline-block;
	width: 45%;
}

.game_name_winner .winner_title{
	display: inline-block;
	color: #8e929f;
	font-size: 10px;
	font-family: "Rubik",sans-serif !important;
	width: 54%;
	text-align: center;
}

.games_row_one01 .game_event_content .left_sec{
	width: 45%;
	display: inline-block;
	vertical-align: top;
}
.games_row_one01 .game_event_content .right_sec{
/*	width: 45%;*/
	display: inline-block;
}

.games_row_one01 .game_event_content .left_sec .game_event_pro_title .game_event_time_live{
	display: inline-block;
}

.games_row_one01 .game_event_content .left_sec .game_event_pro_title .badge_live{
	display: inline-block;
}

.games_row_one01 .game_event_content .left_sec .game_event_pro_title .title_icons_wrap{
	color: #8e929f;
	display: inline-block;
	float: right;
}

.games_row_one01 .game_event_content .left_sec .game_event_pro_title .title_icons_wrap i{
	margin-left: 5px;
}

.games_row_one01 .game_event_content .left_sec .game_event_pro_title .badge_live span{
	background: red;
	color: #fff;
	font-size: 12px;
	padding: 1px 3px;
    font-size: 10px;
    font-weight: 600;
    line-height: 10px;
    text-transform: uppercase;
    border-radius: 3px;
}

.games_row_one01 .game_event_content .left_sec .game_event_pro_title .game_event_time_live span{
	font-size: 12px;
	color: #8e929f;
}


.game_event_compititor .compititor01 img{
	display: inline-block;
	width: 18px;
}

.game_event_compititor .compititor01 span{
	display: inline-block;
	color: #fff;
	font-size: 13px;
}

.game_event_compititor{
	float: left;
}

.game_event_score{
	float: right;
}

.game_event_score .score_col_main{
	color: #fb8c33;
    font-size: 13px;
    font-weight: 600;
    line-height: 23px;
    opacity: .5;
    display: inline-block;
    padding-right: 11px;
}

.game_event_score .score_col_main span{
	display: block;
	width: 100%;
}

.game_event_score .score_col_round{
	color: #8e929f;
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	opacity: 1;
	display: inline-block;
}

.game_event_score .score_col_round span.zero{
		font-size: 11px;
		font-weight: 600;
		
}

.game_event_score .score_col_round span{
	display: block;
	width: 100%;
	text-align: center;
}

.right_sec button{
	background: #282e3e;
    border: none;
    color: #fff;
    float: left;
    width: 137px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding: 17px 0;
}

.right_sec a{
		background: #282e3e;
    border: none;
    color: #fff;
    float: left;
    width: 50px;
    border-left: none;
    padding: 17px 0;
    margin-left: 5px;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    color: #8e929f;
    height: 73px;
    line-height: 40px;
}

.right_sec button:first-of-type{
		border:none;
		border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.right_sec button span{
		font-size: 13px;
		display: block;
		width: 100%;
}
.right_sec button span.bold{
		font-weight: 600;
}

.right_sec button:last-of-type{
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
}

.right_sec button:hover{
	background: #fb8c33;
	color: #333;
}



/* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #1e262f; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #2f3a47; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2f3a47; 
}

.game_widget_section{
	background: #1c202b;
	border-radius: 10px;
	padding:5px  0;
	margin-bottom: 12px;
}

.game_widget_section .container{
	margin:0 !important;
	padding:0;
}

.game_widget_section .game_widget_wrap{
	width: 90%;
	margin:0 auto;
}
.game_widget_section{
	margin-left: 12px;
}

.game_widget_section .game_widget_wrap .container ul.nav.nav-tabs{
	border:none;
	display: block;
}

.game_widget_section .game_widget_wrap .container ul.nav.nav-tabs .nav-item{
	border: 1px solid #3e4351;
    margin: 10px 3px;
    border-radius: 100px;
}

.game_widget_section .game_widget_wrap .container ul.nav.nav-tabs .nav-item button{
	color: #8e929f;
    font-size: 13px;
    padding: 5px 5px;
    width: 100%;
}

.game_widget_section .game_widget_wrap .container ul.nav.nav-tabs .nav-item button.nav-link.activeU, .game_widget_section .game_widget_wrap .container ul.nav.nav-tabs .nav-item button.nav-link:hover, .game_widget_section .game_widget_wrap .container ul.nav.nav-tabs .nav-item button.nav-link:focus{
	background: rgba(251, 140, 51, 0.1);
	border:1px solid #fb8c33;
	border-radius: 100px;
	color: #fff;
	font-weight: 600;
}

.game_widget_section .game_widget_wrap .container .tab-content .row .col-md-6 .card{
	background:#282e3e;
}

.game_widget_section .game_widget_wrap .container .tab-content .row .col-md-6 .card h5{
	color: #fff;	
	font-weight: 600;
	font-size: 16px;
	display: inline-block;
}

.game_widget_section .game_widget_wrap .container .tab-content .row .col-md-6 .card .express_item_footer img{
	display: inline-block;
}

.game_widget_section .game_widget_wrap .container .tab-content .row .col-md-6 .card .express_item_footer{
		
}

.game_widget_section .game_widget_wrap .container .tab-content .row .col-md-6 .card .express_item_footer span{
	display: inline-block;
	font-weight: 600;
	color: #fb8c33;
	font-size: 13px;
}
.express_item_footer_wrap{
	border-bottom: 1px solid #3e4351;
  padding-left: 10px;
  padding: 2px;
  padding-left: 10px;
}

.express_presets_toggle_btn{
		border-bottom: 1px solid #3e4351;
		padding-left: 10px;
		font-size: 13px;
}

.express_presets_toggle_btn span{
	color: rgba(255, 255, 255, 0.5);
}

.express_presets_toggle .col-6 i{
	margin-right: 5px;
}

.express_presets_toggle .col-6 span{
	color: rgba(255, 255, 255, 0.4);
	font-size: 14px;
	margin-left: 10px;
	font-family: "Rubik",sans-serif !important;
}

.express_presets_toggle{
	padding:2px 0;
}

.row.combo_booster_even .col-12 h6{
		border-top: 1px solid #3e4351;
		padding-left: 5px;
}

.row.combo_booster_even .col-12 h6{
	color:#fff;
	font-size: 12px;
	font-weight: 600;
	padding-top: 5px;
	padding-top: 8px;
	margin-bottom: 0;
}

.progress_bar_001{
	padding-left: 6px;
	padding-right: 6px;
	border-bottom: 1px solid #3e4351;
	padding-bottom: 10px;
}

.progress_bar_001 img{
	margin: 0 2px;
	margin-left: 5px;
}

.progress_bar_001 span{
	font-weight: 600;
	font-size: 13px;
	color: #fff;
}

.possibleWin .col-6{
	color: #8e929f;
	font-size: 13px;
}

.possibleWin{
	padding:12px 6px;
}

.coupon_odd_input_holder .col-9{
/*		padding:0;*/
	padding-right: 0ss;
}

.coupon_odd_input_holder .col-9 input{
	background: #1c202b;
	border:none;
	border-radius: 3px;
	margin-left: 6px;
}

.coupon_odd_input_holder .col-3{
		padding-left: 0px;
}

.coupon_odd_input_holder .col-3 button{
	background: #fb8c33;
	border:0;
	border-radius: 3px;
	color: #333;
	font-family: "Rubik",sans-serif !important;
	font-size: 13px;
	margin-right: 6px;
	height:34px;
	font-weight: 500;
}

.coupon_odd_input_holder{
	margin-bottom: 5px;
}

#demo-6 .owl-carousel .owl-item img{
	display: inline;
	width: auto;
}

#demo-6 .owl-nav .owl-prev{
		position: absolute;
    top: 40%;
    left: -22px;
    color: #fff;
}

#demo-6 .owl-nav .owl-next{
	position: absolute;
    top: 40%;
    right: -22px;
    color: #fff;
}

#demo-6 .owl-dots{
	position: absolute;
	text-align: center;
	width: 100%;
}

#demo-6 .owl-dots button{
	background: #2c3139;
	width: 8px;
	height: 8px;
	border-radius: 100px;
	margin: 0 3px;
	margin-top: 15px;
}

#demo-6 .owl-dots button.owl-dot.active{
	background: #fb8c33;
	width: 23px;
}

#sportsPage .left_sideBar{

}



/*--- right sidebar ---*/

		.rightSideBar {
		    width: 345px;
		    background-color: transparent;
		    border-left: none;
		    height: calc(100vh - 60px);
		    display: inline-block;
		    vertical-align: top;
		    margin-left: 20px;
		    margin-top: 20px;
		    width: 23%;
		  }

		  .rightSideBar .sidebar ul{
		  	border:none;
		  }
		  .rightSideBar .sidebar ul li.nav-item .nav-link{
    		background: #11141c;
    		width: 100%;
    		border-radius: 0;
    		font-weight: normal;
    		font-size: 13px;
    		color: #8e929f;
    		border:none !important;
    }
    .rightSideBar .sidebar ul li.nav-item .nav-link:hover{
    	border:none;
    }
    .rightSideBar .sidebar ul li.nav-item .nav-link.active{
    		background: #1c202b;
		    border-radius: 0;
		    border: none;
		    border-top-left-radius: 10px !important;
		    border-top-right-radius: 10px !important;
		    color: #fff;
		    font-weight: 600;
		    font-size: 13px;
		    font-family: "Rubik",sans-serif !important;
    }
    
    .rightSideBar .sidebar ul li.nav-item {
    	width: 50%;
    }
		.tab-content {
				display: none;
		}
		.sub-tab-content {
				display: none;
		}
		.tab-content.active {
				display: block;
		}
		.sub-tab-content.active {
				display: block;
		}
		.card {
				background-color: #ffffff;
				border: 1px solid #dee2e6;
				border-radius: 5px;
		}
		.toggle-button {
				display: flex;
				align-items: center;
				justify-content: space-between;
		}

		.nav-tabs .sub-nav-link {
				margin-bottom: calc(-1* var(--bs-nav-tabs-border-width));
				border: var(--bs-nav-tabs-border-width) solid transparent;
				border-top-left-radius: var(--bs-nav-tabs-border-radius);
				border-top-right-radius: var(--bs-nav-tabs-border-radius);
		}

		.rightSideBar .sidebar .tab-content{
			    background-color: #1c202b;
    padding-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
		}

		.rightSideBar .sidebar .tab-content ul{
			padding:0;
			margin:0;
		}

		.rightSideBar .sidebar #bet-slips #betSlipTabs li{				
				width: 32%;
				display: inline-block;
		}

		.rightSideBar .sidebar #bet-slips #betSlipTabs li button{
			width: 100%;
			background: transparent;
			color:#fff;
		}

		.rightSideBar .sidebar #bet-slips #betSlipTabs li button.active{
			background: #3e4351;
			color: #fff;
			border-radius: 5px;
			padding:4px 0;
		}

		#betSlipTabs{
			background: #282e3e;
			padding:5px;
			font-size: 13px;
		}

		.sub_tabs_row #betSlipTabs{
			display: inline-block;
	    width: 85%;
	    margin: 10px;
	    border-radius: 5px;
		}

		.sub_tabs_row .del_ico{
			display: inline-block;
			color: #fff;
		}

		#bet-slips .sub_tabs_row{
			border-bottom: 1px solid  rgba(255, 255, 255, 0.1);
		}

		.sub-tab-content{
			background: transparent;
			
		}

		.sub-tab-content .card{
			background: #282e3e;
			margin: 10px;
			border-radius: 5px;
			border:none;
		}

		.sub-tab-content .card .row .col-9 h6{
				color: #8e929f;
				font-size: 12px;
		}

		.sub-tab-content .card .row .col-9 .d-flex .right span{
				display: block;
				color: #fff;
				font-size: 14px;
				font-weight: 600;
				line-height: 18px;
		}

		.sub-tab-content .card .row .col-9 .d-flex .left{
			margin-right: 5px;
		}

		.sub-tab-content .card .row .col-9 .d-flex .right span.small-text-muted{
				font-weight: normal;
				color: #8e929f;
				font-size: 13px;
		}

		.sub-tab-content .card .row .col-9 .d-flex{
			margin-bottom: 10px;
		}

		.sub-tab-content .card .row.betAmountBtn .col-9 {
		    padding-top: 0;
		}


		.sub-tab-content .card .row .col-9{
				padding-top: 10px;
		    padding-left: 20px;
		}

		.sub-tab-content .card .row .col-3.bets_item_close{
			color: #fff;				
		}

		.bets_item_close .bets_trash_icon{
				background: #3e4351;
		    width: 40px;
		    height: 40px;
		    float: right;
		    text-align: center;
		    line-height: 36px;
		    border-bottom-left-radius: 5px;
		}

		.betAmountBtn .col-9 input{
			background: #1c202b;
			color: rgba(255, 255, 255, 0.2);
			border:none;
			border-radius: 3px;
			margin-bottom: 5px;
		}

		.betAmountBtn .col-9 input::placeholder {
			color: rgba(255, 255, 255, 0.5);			
		}

		.betAmountBtn .col-9 input::-ms-input-placeholder { /* Edge 12-18 */
			color: rgba(255, 255, 255, 0.5);
		}

		.row.betAmountBtn .equal_decimal{
			color: #fff;
			padding-left: 0;
		}

		.row.betAmountBtn .equal_decimal i{
			display: inline-block;
			margin-right: 10px;
			color: #8e929f;
			margin-top: 8px;
			margin-left: 5px;

		}

		.row.betAmountBtn .equal_decimal span{
			display: inline-block;
			color:#8e929f;
			font-size: 13px;
			vertical-align: middle;
		}

		.accept_allOdds_changes{
			border-top: 1px solid rgba(255, 255, 255, 0.1);
			margin-top: 10px;
		}

		.accept_allOdds_changes .switcher_left{
			margin: 0 10px;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.switcher_left .toggle_div{
				display: inline-block;
				color: #fff;
				vertical-align: middle;
		}

		.switcher_left .toggle_div .form-check.form-switch{
				display: inline-block;
				vertical-align: middle;
		}

		.switcher_left .toggle_div span{
				display: inline-block;
				vertical-align: middle;
				width: 52%;
		}

		.switcher_left .toggle_textDiv{
			text-align: right;
		}

		.switcher_left .toggle_textDiv span{
				display: block;
		}

		.switcher_left .toggle_div span{
			font-size: 13px;
			color:#8e929f;
		}

		.switcher_left .toggle_textDiv{
				display: inline-block;
		    color: #fff;
		    font-size: 13px;
		    vertical-align: middle;
		    width: 38%;
		}
		.switcher_left .toggle_textDiv span{
			font-size: 13px;
			color: #8e929f;
		}

		.switcher_left .toggle_textDiv span.amount{
				color: #fff;
				font-weight: bold;
		}
		.copyCodePlaceBetBTN .placeBetBtn{
				background: #fb8c33;
		    color: #333;
		    border: none;
		    width: 86%;
		    font-weight: 600;
		}

		.copyCodePlaceBetBTN .copyCodeBtn i{
				transform: rotate(-90deg);
		}

		.copyCodePlaceBetBTN {
			margin:0 10px;
		}

		.copyCodePlaceBetBTN .copyCodeBtn{
			background: #3e4351;
	    border: none;
	    color: #8e929f;
		}

		#quick-bet{

		}

		#quick-bet p{
			color: #8e929f;
	    font-size: 13px;
	    text-align: center;
	    padding-top: 15px;
		}

		#quick-bet button.btn-primary{
			background: #3e4351;
	    border: none;
	    font-size: 13px;
	    font-weight: 600;
	    display: block;
	    width: 50%;
	    margin: 0 auto;
	    height: 35px;
	    margin-top: 8px;
	    font-family: "Rubik",sans-serif !important;
		}

		#quick-bet button.btn-primary i{
			color: #fb8c33;
			margin-right: 6px;
		}

		#quick-bet .or01{
			display: block;
			text-align: center;
			color: #fff;
		}

		#quick-bet .btn.btn-secondary {
			background: transparent;
			border: none;
			display: block;
			text-align: center;
			width: 100%;
			font-size: 14px;
			font-weight: 600;
		}

		#betslip-code-section .show_betSlipCode{
			width: 90%;
			margin:0 auto;
		}

		#betslip-code-section .show_betSlipCode .form-control{
			background: #11141c;
    border: none;
    width: 66%;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    height: 38px;
    vertical-align: top;
		}

		#betslip-code-section .show_betSlipCode button{
			display: inline-block;
    background: #fb8c33;
    color: #333;
    border: none;
    width: 30%;
    float: right;
    border-radius: 3px;
    height: 35px;
		font-weight: 600;}


		#betslip-code-section .show_betSlipCode .form-control::placeholder{
			color: rgba(255, 255, 255, 0.3);
			font-size: 13px;
			font-family: "Rubik", sans-serif;
		}

		.hide_text button{
			    color: #6c757d !important;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 13px;
    text-align: center;
    width: 100%;
    font-weight: 600;
		}

		#betslip-code-section .show_betSlipCode .btn.btn-success{
				width: 40%;
				display: inline-block;
				background: #fb8c33;
				color: #333;
				border:none;
				width: 30%;
				float: right;
		}

		#combo{
			color: #8e929f;
    font-size: 13px;
    background: #282e3e;
    margin: 10px;
    padding: 10px;
    border-radius: 3px;
		}

		#combo small.percantage_text{
			color: #8e929f !important;
			float:right;
			width: 10%;
		}

		.progressBar_percantage{
			margin-bottom: 10px;
		}

		#combo .gameWinner_01{
			padding-bottom: 5px;
		}

		#combo .progressBar_percantage .progress{
			    width: 85%;
    			float: left;
    			margin-top: 5px;
		}

		#combo .form-control{
			    background: #1c202b;
    border: none;
    border-radius: 3px;
		}

		#combo .form-control::placeholder{
			color: #8e929f;
			font-size: 13px;
		}

		#combo .toggle-button span{
			display: inline-block;
		}

		#combo .toggle-button .form-check.form-switch{
			display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin-top: 10px;
		}

		button.placeBet_btn{
			background: #fb8c33;
			border:0;
			color: #333;
			width: 100%;
			font-size: 13px;
			font-weight: 600;
		}

		#my-bets button{
			background: #fb8c33;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    border: none;
/*    font-family: "Rubik", sans-serif !important;*/
    width: 90%;
    display: block;
    margin: 0 auto;
    letter-spacing: 0px;
    height: 39px;
		}

			.setting_section{
				margin-top: 20px;
			}

		.setting_section h3{
			background: #1c202b;
    color: #8e929f;
    font-size: 14px;
    padding: 10px;
    border-radius: 7px;
		}

		.settings{
			background: #1C212B;
			padding-bottom: 10px;
		}

		.settings-title {
        padding: 9px 6px;
        color: var(--text-default);
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
    }
    .settings-title i{
    	font-size: 18px;
    	margin-right: 10px;
    }
    .settings-title{
    	display: block;
    font-size: 18px;
    margin-right: 6px;
    color: #8E949F;
    font-size: 12px;
    }
		.settings-list {
			padding: 0 12px;
		}
    .settings-list__item:nth-child(1), .settings-list__item:nth-child(2) {
        display: inline-block;
        width: calc(50% - 4px);
        padding: 0;
    }
        .settings-list__item:nth-child(1) {
        margin-right: 4px;
    }

    .settings-list__item._language-item{
    	display: inline-block;
    	width: 48%;
    	color: #fff;
    	font-size: 12px;
    }

    .settings-list__item._language-item .select select{ 
    		background: #11141c;
    		color: #fff;
    		border:none;
    		width: 100%;
    		height: 35px;
    }

    .settings-list__item._language-item .select .select-label{
    		margin-bottom: 5px;
    }

    .settings-list__item._odds-item .select .select-label{
    		margin-bottom: 5px;
    }

    .settings-list__item._odds-item{
    	display: inline-block;
    	width: 49%;
    	color: #fff;
    	font-size: 12px;
    }

    .settings-list__item._odds-item  .select select{
    		background: #11141c;
    		color: #fff;
    		border:none;
    		width: 100%;
    		height: 35px;
    }

    .settings-list__item._link{
    	color: #8e929f;
    	font-size: 13px;
    }

    .settings-title .fa-angle-up{
    		float:right;
    }

    #betLogin .modal-content{
    	background: #22262E;
    	width: 500px;
    }

    #betLogin .modal-content h4{
    	color: rgba(255, 255, 255, 0.5);
    }

    #betLogin .modal-content .modal-body span.close{
				position: absolute;
				right: 20px;
				top: 20px;
				line-height: 1;
				font-size: 18px;
				color:#fff;
				font-weight: normal;
    }

    #betLogin .modal-content .modal-body form .form-group{
    	margin-bottom: 1rem;
    }
  

		#betLogin .modal-content .modal-body form .form-group label{
				font-size: 14px;
		    line-height: 1;
		    color: #fff;
		    font-weight: normal;
		    color: rgba(255, 255, 255, 0.6);
		    font-family: "Rubik",sans-serif !important;
		}

		.forgot_password_white {
    	color: #8b8b8b;
    	font-size: 14px;
		}

		#betLogin .modal-content .modal-body form .form-group .form-control {
	    color: #fff;
	    border: none;
	    background: #353b45;
	    height: 45px;
	    border-radius: 5px;
  	}

		#betLogin .modal-content h4 {
	    color: #fff;
	    font-size: 22px;
	    margin-bottom: 15px;
		}

		#betLogin .modal-content .modal-body form .form-group .input-group.input--group .input-group-text{
			place-items: center;
    padding-inline: 15px;
    border: 0;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    color: #8b8b8b;
    position: absolute;
    right: 10px;
    top: 13px;
    padding: 0;
    display: inline-block;
    z-index: 99;
		}

		#betLogin .modal-content form .form-check input {
    float: left;
    background: #353b45;
    border: none;
	}

	#betLogin .modal-content form span{
			color: #8b8b8b;
	}

	#betLogin .modal-content form a{
		color: #8b8b8b;
	}

	#betLogin .modal-dialog{
		position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	}

	.loginFormSubmit {
    background: #FB8C32 !important;
    color: #000 !important;
    padding: 10px 0 !important;
}

.modal-backdrop.show {
    opacity: .8;
}



body.signUp_page, html {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden;
    }

    
    /* Sign Up Section */
    .signup-section {
      display: flex;
      height: calc(100% - 60px); /* Adjust for header height */
    }

    .signup-section .left {
      flex: 1;
      background-image: url('../images/signUpBG.png'); /* Placeholder image */
      background-size: cover;
      background-position: center;
    }

    .signup-section .right {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #1a2028;
    }

    .signup-section .right .form-container {
      width: 80%;
      max-width: 450px;
    }

    .signup-section .right .form-container h2 {
      margin-bottom: 20px;
      font-size: 24px;
    }

    .signup-section .right .form-container label{
    	color: rgba(255, 255, 255, 0.4);
    	font-family: rubik;
    }

    .signup-section .right .form-container input,
    .signup-section .right .form-container button {
      width: 100%;
      margin-bottom: 15px;
      padding: 10px;
      font-size: 16px;
      border: 1px solid #ccc;
      border-radius: 0px;
    }

    .signup-section .right .form-container button {
      background-color: #007bff;
      color: white;
      border: none;
    }

    .signup-section .right .form-container input.form-input{
	    background: #353b45;
	    border: 0;
	    height: 45px;
	    border-radius: 3px;
    }

    .signup-section .right .form-container .row .col-md-1{
    	padding-right: 0;
    }

    .signup-section .right .form-container .row .col-md-1 input{
    	padding-bottom: 0;
    	margin-bottom: 0;
    }

    .signup-section .right .form-container .row .col-md-11{
    	padding-left: 0;
    }

    .signup-section .right .form-container .row .col-md-11 p{
    	font-size: 12px;
    	margin-top: 2px;
    }

    .signup-section .right .form-container .row .col-md-11 p{
    	color: #fff;
    }

    .signup-section .right .form-container .input-submit{
    	background: #FB8C32 !important;
    	color: #333;
    	font-weight: 600;
    }

    .signup-section .right .form-container h2{
    	color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
    }

    .signup-section .right .form-container .title_border{
    		    width: 44px;
    background: #fff;
    height: 2px;
    margin-bottom: 20px;
    }

    /*--- checkbox css start here ---*/

    /* The container */

.right form .row .col-md-1 .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.right form .row .col-md-1 .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #353b45;
  border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.right form .row .col-md-1 .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.right form .row .col-md-1 .container input:checked ~ .checkmark {
  background-color: #FB8C32;
}

/* Create the checkmark/indicator (hidden when not checked) */
.right form .row .col-md-1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.right form .row .col-md-1 .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.right form .row .col-md-1 .container .checkmark:after {
  left: 8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.row.loginText .col-md-12 p{
	color: rgb(160, 160, 160);
	text-align: center;
}

.row.loginText .col-md-12 p a{
	color: rgba(255, 255, 255, 0.4);
}

#demo-1 .carousel-2 .owl-dots{
	display: none;
}

#demo-2 .carousel-3 .owl-dots{
	display: none;
}

#demo-2 .carousel-3 .games_01 {
	margin-bottom: 0;
	width:95%;
}