@font-face {
  font-family: "Almarai-Regular";
  src: url('../fonts/Almarai-Regular.ttf'); 
}

*{margin:0;padding:0;}
body{margin:0px;padding:0px;box-sizing:border-box;background:#fff;}
input:focus{outline:none;}
button:focus{outline:none;}


::placeholder {
    color: #3C3B3B;
}

.date-form.addPlayer .error {
    padding: 0 15px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.footer-text p {
    margin-bottom: 0;
}



		.date-form input[type="number"] {
    width: 290px;
    height: 48px;
    padding: 0 13px;
    border: none;
    box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 24%);
    -webkit-box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 24%);
    -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.24);
    margin-bottom: 10px;
    border-radius: 12px;
    margin-left: 15px;
}




.login-dfh {
	display: flex;
	justify-content: center;
}


input[type=text],input[type=email],input[type=number]{
box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 24%);
-webkit-box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 24%);
-moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.24);
-webkit-appearance: none;
}


.mane {
    min-height: 93vh;
    background: #DFF7FF url('https://www.q8padel.com/beta/assets/images/icons/commanBG.svg') no-repeat right -125px top -162px;
    background-size: 44% 44%;
    padding-bottom: 60px;
}
.ground-list{
	overflow: auto;
	max-height: 75vh;
}


.ground-list::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.ground-list::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.ground-list::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #36C3F5;
}

.header .logo {
    height: 75px;
    width: 195px;
}







.Available{display:flex;align-items:center;}
.Available span{color:#99999;font-size:12px;margin-left:10px;margin-top:-5px;font-weight:Regular;}
/*.Available span{color:#99999;font-size:17px;margin-left:10px;}*/
.inrBox{height:17px;border:1px solid #e7e7e7;width:17px;}
.inrBox.filled{background:#e7e7e7;}
.boxWrap{width:38px;display:flex;justify-content:space-between;height:41px;flex-wrap:wrap;}
.mane{width:100%;height:auto;position:relative;}
.header{width:100%;height:100px;display:flex;justify-content:space-between;line-height:100px;}
.man-menu ul{list-style:none;}
.footer-text,.footer-icon{height:0;}
.man-menu ul li{display:inline-block;padding:0 10px;}
li.login a{background:#36C3F5;color:#fff;padding:15px 35px;font-weight:bold;text-decoration:none;border-radius:5px;font-size: 20px;
    text-transform: uppercase!important;font-family: Roboto;}
/*.content-image{width:100%;height:505.78px;position:relative;top:25px;}*/
.content-image {
    width: 100%;
     padding-bottom: 20px;
    position: relative;
    top: 25px;
    background: #fff url('https://www.q8padel.com/beta/assets/images/main-home-bg.png') no-repeat right/contain;
    border-radius: 20px;
}
.top-to-img img{width:100%;height:505.78px;position:absolute;background-size:cover;}
p.welcome{font-size:49px;font-weight:bold;color:#4FCDFB;margin-bottom:0px;position:relative;}
p.pay-w{font-weight:bold;font-size:49px;color:#276676;margin-bottom:0px;position:relative;}
.con-to{padding:15px 42px;}
.\33 -to-1{width:343px;height:150px;background-repeat:no-repeat;background-size:cover;}
img.\31 -to-1{	/*height: 140.44px;
		width: 258.82px;
		position: absolute;
		right: 0;
		z-index: 2;
		opacity: 0.3;*/}
	img.\31 -to-3{height:140.44px;width:258.82px;position:absolute;right:0;}
	img.\31 -to-2{width:136.76px;height:104.17px;position:absolute;right:5px;top:20px;z-index:10;}
	.fill-3:nth-child(3){width:343px;height:150px;background:#3DC8FA;border:1px solid #7DDDFF;border-radius:10px 72px 72px 10px;box-shadow:0px 6px 6px #80d8ff;}
	p.fill-text-1{font-size:32px;color:#fff;font-weight:bold;position:relative;margin-bottom:0;z-index:30;}
	.fill-text{padding:30px 25px;}
	p.fill-text-2{color:#fff;font-size:16px;max-width: 160px}
	.fill-2{width:343px;height:150px;background:#008CAD;border:1px solid #0094B5;border-radius:10px 72px 72px 10px;box-shadow:0px 6px 6px #60C4DB;}
	img.\32 -to-2{position:absolute;right:0;}
	img.\32 -to-3{position:absolute;right:0;padding:5px 17px;z-index:60;}
	.homeCatSec div.col-sm-4 a:hover{text-decoration:none;}
	.homeCatSec div.col-sm-4 .fill-3{ /*width: 343px;*/height:155px;}
	.homeCatSec div.col-sm-4:first-child .fill-3{background:url('https://www.q8padel.com/assets/images/icons/sg.svg') center/cover;}
	.homeCatSec div.col-sm-4:nth-child(2) .fill-3{background:url('https://www.q8padel.com/assets/images/icons/tg.svg') center/cover;}
	.homeCatSec div.col-sm-4:last-child .fill-3{background:url('https://www.q8padel.com/assets/images/icons/fg.svg') center/cover;}
	*:focus-visible{outline:none!important;}

	/*.time-select .select{position: relative;}
	.time-select .select::after {
	    content: url('https://www.q8padel.com/assets/images/icons/arrow-down.svg');
	    position: absolute;
	    right: 5px;
	    padding: 0px 5px 0px;
	    top: 13px;
	    z-index: 0;
	    background: #fff;
	}
	*/
	.time-select select{opacity: 4;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('https://www.q8padel.com/assets/images/icons/arrow-down.svg') 96% / 7% no-repeat #fff;}

	/* CAUTION: IE hackery ahead */
	.time-select select::-ms-expand{display:none; /* remove default arrow on ie10 and ie11 */}

	/* target Internet Explorer 9 to undo the custom arrow */
	@media screen and (min-width:0\0){
		select{background:none\9;padding:5px\9;}
	}

	/*.fill-3 {
		width: 343px;
		height: 150px;
		background: #01568F;
		border: 1px solid #2EACFF;
		border-radius: 10px 72px 72px 10px;
		box-shadow: 0px 6px 6px #629EC6;
	}*/
	img.\33 -to-3{position:absolute;right:0;padding:30px 15px;z-index:60;width:126.6px;}
	div#row-fill{position:relative;top:20px;}
	.footer{background:#4FCDFB;width:100%;height:76px;line-height:76px;}
	.footer-icon ul{list-style:none;margin-bottom: 0;}
	.footer-icon ul li{display:inline-block;padding:0px 3px;}
	.footer-icon ul li a{text-decoration:none;color:#fff;}
	.footer-text{font-size:20px;color:#fff;font-weight:bold;}
	.footer .container{display:flex;justify-content:space-between;}
	.footer-icon i{width:25px;height:25px;background:#276676;border:1px solid #707070;border-radius:50%;text-align:center;line-height:25px;font-size:12px;}
	li.menu-button a button{width:50px;height:50px;line-height:50px;background:#36C3F5;border-radius:50%;text-align:center;box-shadow:0 3px 4px #00000096;border:1px solid #3FADDE;}

	/* ================= Login ================== */
	form#login_form input#login_user_phone {
    border: none;
    width: 100%;
    height: 48px;
    padding: 0px 20px;
    border-radius: 12px;
    font-size: 15px;
    box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 24%);
    -webkit-box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 24%);
    -moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.24);
    margin-top: 10px;
}
	form#sign_up_form p{margin-bottom:0;margin-top:-15px;}
	.has-error{text-align:inherit!important;}
	.content-login{width:100%; min-height:474.78px;background:#FFFFFF;border-radius:23px;border-right:1px solid #707070;border-bottom:1px solid #707070;margin-top:30px;box-shadow:2px 3px 5px 1px rgba(30,33,79,0.64);-webkit-box-shadow:2px 3px 5px 1px rgba(30,33,79,0.64);-moz-box-shadow:2px 3px 5px 1px rgba(30,33,79,0.64);}
	.mane-login{width:100%;height:768px;position:relative;background:#DFF7FF;}
	.login-dfh{text-align:-webkit-center;position:relative;top:40px;padding-bottom: 80px;}
	.login-from{width:341px;/*height:151px;*/text-align:initial;}
	.login-from input[type="Phone"]{border:none;width:340px;height:48px;padding:0px 20px;border-radius:12px;font-size:15px;box-shadow:0px 3px 5px 1px rgba(0,0,0,0.24);-webkit-box-shadow:0px 3px 5px 1px rgba(0,0,0,0.24);-moz-box-shadow:0px 3px 5px 1px rgba(0,0,0,0.24);margin-top:10px;}
	.login-from form{width:340px;border-radius:12px;position:relative;}
	.content-login img.icon{position:relative;top:-38px;left:88%;max-width: 20px;    width: 20px;}
	.sing-aiuop{display:flex;justify-content:space-between;margin-top:20px;}
	.sing-aiuop p.sGsrg a{font-size:15px;color:#113760;font-weight:bold;text-decoration:none;}
	.sing-aiuop a{font-size:15px;color:#000;text-decoration:none;}
	.login-from button{width:339px;height:47.41px;background:#36C3F5;border:1px solid #00A6EB;border-radius:5px;box-shadow:0 3px 6px;color:#fff;font-weight:bold;font-size:20px;margin-top:8px;}
	p.login-froma{color:#276676;font-size:30px;font-weight:bold; text-align:left;}
	img.login-img-right{position:absolute;right:0;width:115px;top:0px;}
	.registe-aiuop p.text-center{font-size:15px;color:#000;margin-top:10px;}
	.registe-aiuop a{color:#113760;font-size:15px;text-decoration:none;font-weight:bold;}

	/* ========== opt ========== */
	.login-from.otp input.number{color:#000000;width:77px;height:67px;text-align:center!important;border-radius:12px;border:none;box-shadow:0px 3px 5px 1px rgba(0,0,0,0.24);-webkit-box-shadow:0px 3px 5px 1px rgba(0,0,0,0.24);-moz-box-shadow:0px 3px 5px 1px rgba(0,0,0,0.24);margin-right:4px;font-size:26px;}
	input.number::placeholder{color:#000;font-size:26px;font-weight:600;}
	.login-from.otp p.sdg{color:#276676;font-size:35px;font-weight:bold;}
	.login-from.otp p{font-size:14px;}
	.login-from.otp button{margin-top:25px;}
	.menu-section{width:387px;height:100vh;background:#fff;position:fixed;right:0;top:0;z-index:1111;}
	.menu-section ul{list-style:none;position:relative;top:50px;left:30px;}
	.menu-section ul li{padding:10px 0;}
	.menu-section ul li a{text-decoration:none;color:#000;font-size:20px;padding:20px 30px;}
	.menu-section p{width:57px;height:57px;background:#36C3F5;border-radius:50%;float:right;color:#fff;text-align:center;line-height:57px;font-size:30px;margin-top:10px;margin-right:25px;}
	li#ddhmsfd a{display:block;width:50px;height:50px;line-height:50px;background:#36C3F5;border-radius:50%;text-align:center;box-shadow:0 2px 2px #00000096;color:#fff;}
	@media (max-width:1024px){
		.fill-1{width:280px;}
		.fill-2{width:280px;}
		.fill-3{width:280px;}
	}
	#loader{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;text-align:center;background:url('https://i.imgur.com/Cn9MC39.gif') 50% 50% no-repeat rgba(0,0,0,0.8);vertical-align:middle;color:#fff;}
	#loader:before{content:attr(data-wordLoad);color:#fff;position:absolute;top:calc(50% + 150px); /* gif圖片的高度一半 */left:calc(50% - 90px); /* 設定文字寬度的 一半 */width:180px;display:table-cell;text-align:center;vertical-align:middle;font-size:1.5rem;}

	/* ================= Ground-list ================== */
	.ground-list input[type="text"],.ground-list input{border:none;border-radius:10px;height:36px;padding:0 20px;width:310px;font-size:11px;color:#3C3B3B;box-shadow: none;
    border: 1px solid #DBDBDB;}
	.Ground-top select:focus{outline:none;}
	.date-form input[type="text"],.login-from input[type="text"],.login-from input[type="Phone"]{box-shadow:0px 3px 5px 1px rgb(0 0 0 / 24%);-webkit-box-shadow:0px 3px 5px 1px rgb(0 0 0 / 24%);-moz-box-shadow:0px 3px 5px 1px rgba(0,0,0,0.24);border:none;border-radius:12px;background:#fff;font-size:15px;color:#3C3B3B;font-weight:400;appearance:none;position:relative;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;max-width:100%;text-overflow:'';}
	.login-from.otp input.number{box-shadow:0px 3px 5px 1px rgb(0 0 0 / 24%);-webkit-box-shadow:0px 3px 5px 1px rgb(0 0 0 / 24%);-moz-box-shadow:0px 3px 5px 1px rgba(0,0,0,0.24);appearance:none;position:relative;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:'';}
	.login-from form{max-width:100%;}
	.Ground-top select,.ground-list input{border-radius:10px;height:36px;padding:0 20px;width:310px;background:#fff;font-size:11px;color:#3C3B3B;position:relative;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:'';box-shadow: none;
    border: 1px solid #DBDBDB;}
	.Ground-top button{background:#36C3F5;border:1px solid #00A6EB;height:36px;border-radius:5px;width:116px;font-size: 16px;
    font-weight: bold;}
	.Ground-top button a{color:#fff;color:#fff;font-size:20px;font-weight:bold;}
	.ground-list{width:100%;height:auto;background:#FFFFFF;border-radius:23px;border-right:1px solid #707070;border-bottom:1px solid #707070;margin-top:30px;box-shadow:2px 3px 5px 1px rgba(30,33,79,0.64);-webkit-box-shadow:2px 3px 5px 1px rgba(30,33,79,0.64);-moz-box-shadow:2px 3px 5px 1px rgba(30,33,79,0.64);padding:30px;}
	.ground-img img{width:100%;height:163px;border-radius:10px;position:relative;}
	.loces img{width:10.52px;height:15.02px;}
	.ground-img .loces{width:30px;height:30px;line-height:30px;text-align:center;position:absolute;right:21px;bottom:-12px;border-radius:50%;box-shadow:2px 3px 5px 1px rgb(30 33 79 / 64%);-webkit-box-shadow:2px 3px 5px 1px rgb(30 33 79 / 64%);-moz-box-shadow:2px 3px 5px 1px rgba(30,33,79,0.64);z-index:1;background:#fff;}
	.ground-img{width:100%;height:163px;position:relative;}
	p.Team-Solo{position:absolute;bottom:0;color:#fff;left:15px;}
	p.Team-Solo span{background:#36C3F5;border-radius:10px;padding:2px 19px;text-align:center;opacity:0.6;}
	p.Team-Solo span a{font-size:11px;color:#fff;text-decoration:none;position:relative;bottom:3px;}
	.ground-text p.ground-text-1{font-size:20px;font-weight:500;margin-bottom:0;}
	.ground-text-2{display:flex;justify-content:space-between;border-bottom:2px solid #F3F3F3;}
	.ground-text-3{display:flex;justify-content:space-between;margin-top:12px;}
	p.Book-aa{margin-bottom:0;}
	.ground-text-3 p.Available a{font-size:18px;color:#2CAA00;font-weight:400;}
	.ground-text-3 p.Available a{font-size:18px;color:#2CAA00;font-weight:400;text-decoration:none;}
	.ground-text-3 p.Book-aa a{color:#999999;font-weight:500;padding:5px 25px;box-shadow:0 1px 3px #000;border-radius:15px;text-decoration:none;display:block;}
	.ground-text-3 p.Book a{color:#636363;padding:5px 25px;box-shadow:0 1px 3px #000;border-radius:15px;text-decoration:none;}
	.ground-men{width:100%;height:295px;box-shadow:0 2px 8px #00000026;border-radius:10px;padding:0 0;margin-bottom:30px;}
	.ground-men .ground-text{padding:0 10px;}
	.ground-star span{font-size:12px;color:#42A9D4;font-weight:400;}
	p.Available.Busy a{color:#AA2F00;}
	p.Book.Book a{color:#E6E6E6;}
	.mane-ground{width:100%;position:relative;background:#DFF7FF;}
	.Ground-top{display:flex;justify-content:space-between;padding:10px 0;align-items: center;}
	.Ground-top p{font-size:35px;font-weight:bold;color:#276676;width: 25%;}
	.Ground-top .Select-Date-input {width: 25%;}
	.Ground-top .Select-Date-input .Select-date-input{width:100%;}
	.Ground-top .Select-Date-input .Select-date-input input{width:100%;}
	.Ground-top .Select-time-input {width: 25%;}
	.Ground-top .Select-time-input select{width: 100%;}
	.Ground-input form{float:left;background:#fff;border:1px solid #DBDBDB;border-radius:20px;padding:0 15px;width:492px;height:36px;}
	.Ground-input input[type="text"]{width:400px;height:33px;padding:0 5px;border:none;outline:none;}
	.Ground-input::placeholder{font-size:11px;}
	.imput-imga{width:36px;height:36px;text-align:center;line-height:36px;background:#36C3F5;border-radius:50%;display:inline-block;margin-left:8px;}

	/* ======Time=========== */
	p.welcome-time{font-size:49px;font-weight:bold;color:#4FCDFB;margin-bottom:0;}
	p.pay-time{font-size:49px;font-weight:bold;color:#276676;}
	.time-select{display:flex;padding:20px 0;}
	select#cars{width:340px;height:48px;padding:0 10px;border-radius:12px;border:none;box-shadow:0px 1px 3px;}
	.select-date form{width:340px;height:48px;background:#fff;border-radius:12px;box-shadow:0px 1px 3px;margin-left:20px;}
	.select-date input[type="text"]{background: #fff;width:340px;height:48px;padding:0 20px;border:none;border-radius:12px;box-shadow:0px 3px 5px 1px rgb(0 0 0 / 24%);-webkit-box-shadow:0px 3px 5px 1px rgb(0 0 0 / 24%);-moz-box-shadow:0px 3px 5px 1px rgba(0,0,0,0.24);}
	p.viivwsd-stor{background:#36C3F5;border:1px solid #00A6EB;width:184px;height:57px;text-align:center;line-height:57px;font-size:20px;border-radius:5px;margin-left:20px;}
	p.viivwsd-stor a{font-weight:bold;color:#fff;text-decoration:none;}
	.date-section-1{width:100%;height:auto;background:#fff;border-radius:22px;box-shadow:0px 3px 6px;padding-bottom:40px;}
	.time-data button{width:190px;height:64px;border-radius:18px;margin-left:12px;background:#fff;border:1px solid #707070;font-size:18px;font-weight:bold;color:#858585;margin-bottom:15px;}
	.date-section-1 p{font-size:25px;font-weight:bold;color:#276676;padding:30px 20px 2px;}
	.date-map p{color:#276676;font-size:25px;font-weight:bold;}
	.date-map iframe#gmap_canvas{width:100%;}
	.date-form input[type="text"]{width:290px;height:48px;padding:0 13px;border:none;box-shadow:0px 3px 5px 1px rgba(0,0,0,0.24);-webkit-box-shadow:0px 3px 5px 1px rgba(0,0,0,0.24);-moz-box-shadow:0px 3px 5px 1px rgba(0,0,0,0.24);margin-bottom:10px;border-radius:12px;margin-left:15px;}
	.date-form::placeholder{font-size:15px;color:#3C3B3B;}
	.mane-date{width:100%;height:auto;position:relative;background:#DFF7FF;}
	.footer-date{background:#4FCDFB;width:100%;height:76px;line-height:76px;margin-top:30px;}
	.content-time{margin-top:30px;}
	.date-form button{width:184px;height:57px;background:#276676;border:1px solid #5186A9;border-radius:5px;margin-left:15px;margin-top:15px;}
	.date-form button a{font-size:20px;font-weight:bold;color:#fff;text-align:center;text-decoration:none;}
	@media (max-width:1024px){
		.time-data button{width:165px;margin-left:5px;font-size:16px;}
		.date-form input[type="text"]{width:235px;}
	}

	/* booking */
	.booking .BOOK img{width:100%;height:228px;border-radius:10px;}
	.booking-code .b-code{width:248px;}
	.booking-code{width:100%;text-align:-webkit-center;}
	.b-code img.dd-1{width:196px;height:196px;}
	.b-code button.dd-2{width:87px;background:#E7AE21;border-radius:14px;border:none;height:38px;color:#fff;}
	.b-code button.dd-2 a{font-size:15px;font-weight:400;color:#fff;}
	.b-code h1{font-size:20px;font-weight:bold;color:#3C3B3B;margin-top:10px;}
	.booking-text{margin-top:30px;}
	.booking-text h3{font-size:27px;color:#000;font-weight:bold;}
	p.Location a{font-size:16px;color:#000;text-decoration:none;}
	p.January a{font-size:16px;color:#000;text-decoration:none;padding:0 10px;}
	p.d-time a{font-size:16px;color:#000;text-decoration:none;padding:0 10px;}
	.content-booking{background:#fff;width:100%;padding:50px 40px;border-radius:23px;box-shadow:0 3px 6px #00000061;}
	.Select-date-input{position:relative;}
	img.time-image{position:absolute;top:10px;right:15px;width:16px;}
	.content-time .select-date{position:relative;margin-left:20px;}
	.content-time .select-date img{position:absolute;top:15px;right:15px;}
	.time-select select#ground_id{box-shadow:0px 3px 5px 1px rgb(0 0 0 / 24%)!important;-webkit-box-shadow:0px 3px 5px 1px rgb(0 0 0 / 24%)!important;-moz-box-shadow:0px 3px 5px 1px rgba(0,0,0,0.24)!important;}
	.Select-time-input{position:relative;}
	.dropdown-menu.show a.dropdown-item{padding:0;line-height:3;text-align:center;background:#fff;color:#000;}
	.dropdown-menu{min-width:140px;}
	
	.sasasa img {
        top: 21px !important;
        right: 32px !important;
        left: auto !important;
    }
    form#sign_up_form input#sign_user_phone,form#sign_up_form input#sign_civil_id{
    border: none;
    width: 100%;
    height: 48px;
    padding: 0px 20px;
    border-radius: 12px;
    font-size: 15px;
    box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 24%);
    -webkit-box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 24%);
    -moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.24);
    margin-top: 10px;
}
    .Select-date-input::placeholder {
    color:#3C3B3B;
}
.home-Soon {
	margin-top: 42px;
	position: relative;
}
.home-Soon .soon-contant {
    background: #fff;
    width: 100%;
    height: 104.23px;
    border-radius: 25px;
    box-shadow: 1px 3px 6px #0000001f;
    border: 1px solid #9CDFFF;
    overflow: hidden;
}
.home-Soon .soon-add {
    display: flex;
    justify-content: space-between;
}
.home-Soon ul li {
    display: inline-block;
    padding: 0 10px;
}
.home-Soon ul {
	list-style: none;
    padding: 0px;
}
.home-Soon ul li a {
	text-decoration: none;
	color: #000;
	font-size: 14px;
	align-items: center;
    justify-content: center;
    display: flex;
}
.soon-add h1 a {
	font-weight: bold;
	font-size: 28px;
	color: #276676;
	margin-bottom: 0px;
	text-decoration: none;
	overflow: hidden;
    white-space: nowrap;
}

p.soon-button {
    line-height: 3;
}
.home-Soon ul li a span {
    margin-left: 10px;
}
p.soon-button a { background: #16A6EA; color: #fff!important; font-size: 16px!important; font-weight: 600; padding: 0 20px; border-radius: 17px; display: block; height: 36.4px; line-height: 36.4px; }
.box-home {
  position: relative;
  max-width: 600px;
  width: 90%;
  height: 400px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.soon-add .dekjfghe {
    position: relative;
    left: 65px;
}

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 5px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}
.home-Soon .container {
	padding: 0;
}

/* top left*/
.ribbon-top-left {
  top: 0px;
  left: 0px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
	right: 35px;
	top: 18px;
	transform: rotate(-45deg);
}
.ribbon span {
	position: absolute;
	display: block;
	width: 186px;
	padding: 4px 0;
	background-color: #3498db;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	color: #fff;
	font: 700 14px/1 'Lato', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	text-transform: uppercase;
	text-align: center;
}
.date-form.addPlayer input#fname2, .date-section-1.Player-name-add input#phone2 {
    width: 290px;
    height: 48px;
    padding: 0 13px;
    border: none;
    box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 24%);
    -webkit-box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 24%);
    -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.24);
    margin-bottom: 10px;
    border-radius: 12px;
    margin-right: 15px;
    background: #ececec;
    color: #9ba9c5;
}
.date-form.addPlayer input#fname2 {
    margin-right: 0;
    background: #fff;
}
p.players-numb {
    font-size:20px;
}
.display-1-m\.n\. {
    border-radius: 12px;
    box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 24%);
    -webkit-box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 24%);
    -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.24);
    width: 90%;
    background: #e7f2f6;
    margin-top:50px;
    padding: 20px 20px 20px;
        position: relative;
}
small.remove-num {
    background: #36c3f5;
    width: 30px;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: 15px;
}
.date-input-play input#fname1 {
    width: 90%;
    background: #ececec;
    color: #9ba9c5;
}
.date-section-1 p {
    font-size: 25px;
    font-weight: bold;
    color: #276676;
    padding: 30px 20px 2px;
}

/*=============================*/
/*    tournament-team-start     */
/*=============================*/
.\32 -listin-ul {
		height: auto;
		line-height: normal;
		justify-content: center;
		align-items: center;
		display: flex;
		}
		.\33 -listin-ul {
		height: auto;
		line-height: normal;
		justify-content: center;
		align-items: center;
		display: flex;
		}
		.sfhsawee {
		display: flex;
		}
		.lastSingleButtonDiv {
		height: auto;
		justify-content: center;
		align-items: center;
		display: flex;
		}
		.awqqqza {
		display: flex;
		margin-bottom: 20px;
		}
		.wap-listing ul {
		list-style: none;
		padding:0 5px;
		}
		.wap-listing ul li {
		padding: 5px 0px;
		}
		.wap-listing ul li a {
		text-decoration: none;
		color: #000;
		font-size: 15px;
		background: #DFF7FF;
		width: 100px;
		height: 48px;
		display: block;
		text-align: center;
		line-height: 48px;
		border-radius: 15px;
		box-shadow: 0 3px 6px #00000036;
		}
		.\32 -listin-ul a {
		background: #5CBDDE!important;
		}
		.\33 -listin-ul a {
		background: #47889E!important;
		color: #fff!important;
		}
		.wap-listing .container {
		display: flex;
		}
		.lastand-last {
		height: auto;
		justify-content: center;
		align-items: center;
		display: flex;
		}
		.lastand-last a {
		background: #36C3f5!important;
		color: #fff!important;
		font-size: 15px;
		}
		.lastSingleButtonDiv a {
		background: #47889E!important;
		color: #fff!important;
		box-shadow: 0 3px 6px #00000036;
		}
		.wap-listing h1 {
		font-size: 56px;
		text-align: center;
		color: #276676;
		}
		.wap-listing {
        background: #fff;
        border-radius: 23px;
        margin-top: 30px;
        padding: 30px 0;
        justify-content: center;
        display: grid;
}
.listing-perent {
   display: inline-flex;
}
.container.adg {
    direction: rtl;
}
@media (max-width: 1199px) {
	.wap-listing ul li a {
	width: 85px;
	height: 40px;
    line-height: 40px;
}
	}
.lastand-last li.winner-new a {
    background: #00667E!important;
    height: 93px;
    align-items: center;
    justify-content: center;
    display: grid;
}

/*============================*/
/*    tournament-team-and     */
/*============================*/

/*==========================*/
/*    Reservations-start    */
/*==========================*/

.reservation-name {
	display: flex;
	justify-content: space-between;
	padding: 0 10px;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 20px;
	margin-right: 30px;
    margin-left: 30px;
}

.reservation-5rhr {
	display: flex;
	justify-content: space-between;
	padding: 0 30px;
	margin-top: 20px
}

.reservation-5rhr a {
	font-size: 18px;
	color: #3C3B3B;
	text-decoration: none
}

.reservation-5rhr img {
    margin-right: 10px;
}

.reservation-name p {
	font-size: 27px;
	color: #5A5A5A
	font-weight: lighter;
}

.reservation-name h5 {
	font-size: 25px;
	font-weight: bold;
	color: #3C3B3B;
	text-transform: capitalize
}

.my-reservations h3 {
	font-size: 35px;
	font-weight: bold;
	text-transform: capitalize;
	color: #276676;
	margin-bottom: 35px
}

.reservation {
	margin-top: 15px;
	width: 100%;
	height: auto;
	box-shadow: 0 3px 10px #0000002e;
	padding: 20px 0;
	border-radius: 8px;
	background: #fff;
}
.my-reservations {
    margin-top:15px;
    background: #fff;
    padding: 40px 30px;
    border-radius: 23px;
    box-shadow: 7px 7px 4px #1e214f38;
    
}
.reservation-5rhr div {
    align-items: center;
    justify-content: center;
    display: flex;
}
/*=========================*/
/*    Reservations-End     */
/*=========================*/


.adg .\33 -listin-ul {margin: 0 5px;}

 .adg .lastSingleButtonDiv ul li{position: relative;margin-right: 7px;}
 .adg .lastSingleButtonDiv ul li:before  {
    content: "";
    width: 10px;
    border-top: 2px solid #5cbdde;
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: 1px;
}

 .adg .lastSingleButtonDiv ul li:after  {
    content: "";
    width: 10px;
    border-top: 2px solid #5cbdde;
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: 1px;
}
.adg .\33 -listin-ul ul li{position: relative;}

 .adg .\33 -listin-ul ul li:before{
	content: "";
    width: 10px;
    border-top: 2px solid #5cbdde;
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: 1px;
}

.adg .\33 -listin-ul ul li:after {
    content: "";
    width: 8px;
    border-top: 2px solid #5cbdde;
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: 1px;
}
.adg .cl3{position: relative;}
.adg .cl3:before {
    content: '';
    height: 50.4%;
    top: 21%;
    position: absolute;
    border: 1px solid #5cbdde;
    margin-top: 4px;
    left:0;
}

.adg .\32 -listin-ul ul{position: relative;}
.adg .\32 -listin-ul ul:before {
    content: '';
    height: 50.4%;
    top: 23%;
    position: absolute;
    border: 1px solid #5cbdde;
    margin-top: 4px;
    left: -4px;
}

.adg .\32 -listin-ul ul li{position: relative;}
.adg .\32 -listin-ul ul li:before{
	content: "";
    width: 10px;
    border-top: 2px solid #5cbdde;
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: 1px;
}

.adg .cl4{position: relative;}
.adg .cl4:before {
    content: '';
    height: 50.2%;
    top: 24%;
    margin-top: 4px;
    left: -5px;
    position: absolute;
    border: 1px solid #5cbdde;
}
.container.leftzz .cl2:before {
    content: '';
    height: 50.4%;
    top: 21%;
    position: absolute;
    border: 1px solid #5cbdde;
    margin-top: 4px;
    right: 0;
}
.container.leftzz .cl2 {
    position: relative;
}
.container.leftzz .\32 -listin-ul ul {
    position: relative;
}
.container.leftzz .\32 -listin-ul ul:before {
    content: '';
    height: 50.4%;
    top: 23%;
    position: absolute;
    border: 1px solid #5cbdde;
    margin-top: 4px;
    right: -3px;
}
.container.leftzz .\32 -listin-ul ul li {
    position: relative;
}
.container.leftzz .\32 -listin-ul ul li:before {
    content: "";
    width: 10px;
    border-top: 2px solid #5cbdde;
    position: absolute;
    top: 50%;
    right: -8px;
    margin-top: 1px;
}
.container.leftzz.\33 -listin-ul ul li {
    position: relative;
}
.container.leftzz .\33 -listin-ul ul li {
    position: relative;
}
.container.leftzz .\33 -listin-ul ul li:before {
    content: "";
    width: 10px;
    border-top: 2px solid #5cbdde;
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: 1px;
}
.container.leftzz .\33 -listin-ul ul li::after {
    content: "";
    width: 8px;
    border-top: 2px solid #5cbdde;
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: 1px;
}
.container.leftzz.\33 -listin-ul ul li::after {
    content: "";
    width: 8px;
    border-top: 2px solid #5cbdde;
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: 1px;
}
.container.leftzz .cl1:before {
    content: '';
    height: 50.2%;
    top: 24%;
    margin-top: 4px;
    right: -6px;
    position: absolute;
    border: 1px solid #5cbdde;
}
.container.leftzz .cl1 {
    position: relative;
}.container.leftzz .lastSingleButtonDiv ul li {
    position: relative;
    margin-left: 5px;
}
.container.leftzz .lastSingleButtonDiv ul li:before {
    content: "";
    width: 10px;
    border-top: 2px solid #5cbdde;
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: 1px;
}
.container.leftzz .lastSingleButtonDiv ul li::after {
    content: "";
    width: 10px;
    border-top: 2px solid #5cbdde;
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: 1px;
}
.container.leftzz .\33 -listin-ul {
    margin: 0 5px;
}
.lastand-last {
    position: relative;
    left: 15px;
}
.dekjfghe img {
    width: 14.7px;
    height: 14.68px;
}
.date-form.addPlayer small {
    display: flex;
}
.home-Soon ul {
    white-space: nowrap;
}

/* new css 28-10-2021 */

.header-wraper{display:flex;justify-content: space-between;}
.header-wraper .form-control{box-shadow:none;}
.header-wraper .h3{width:50%;}
.header-wraper .input-wraper{width:50%;}
.header-wraper .input-wraper .btn img{position: relative;top: -3px;}
.header-wraper .input-wraper .btn{
    background: transparent;
    color: #000000;
    border-right: 0px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
	border-color:#ced4da;
	padding-left: 18px;
    padding-right: 2px;
	height: 36px;}
.header-wraper .input-wraper .form-control{
	border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
	border-left: 0px;
	border-color: #dbdbdb;
	height: 36px;
	padding-bottom: 10px;
}
.header-wraper .input-wraper .form-control::placeholder{
	color:#dbdbdb;
	font-size:11px;
}
.header-wraper  .btn-wraper button{	
    border: 0px;
    background: transparent;
	margin-left:5px;
}
.friend-listbox {
    margin-top: 15px;
    width: 100%;
    height: auto;
    box-shadow: 0 3px 10px #0000002e;
    padding: 10px 10px;
    border-radius: 8px;
    background: #fff;
	text-align:center;
}
.friend-listbox .img-wraper img{
	width:138px;
	height:138px;
	border-radius:50%;
}
.friend-listbox .name {
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 1px;
    margin-top: 12px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.friend-listbox .btn-group .btn:hover{background-color:#2490b7; border-color:#2490b7;}
.friend-listbox .lavel{font-size:22px;font-weight:normal;color:#7f7f7f;}
.btn-group .append-icon{
	background-color:#36C3F5; 
	padding: 10px 15px;
    padding: 8px 12px 8px 12px;
    margin-left: 13px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.btn-group .btn{
	background-color:#36C3F5;
	border-color:#36C3F5;
	font-size:22px; 
	font-weight:bold;
    border-radius: 8px;
    display: flex;
    padding: 0px 0px 0px 11px;
    align-items: center;
    border-top-right-radius: 8px;
}
.btn-group .append-icon{border-top-right-radius:8px;border-bottom-right-radius:8px; border-left:2px solid #9de2fa;}
.fiend-listrow .list-box{padding-left:12px;padding-right:12px; margin-bottom:20px;}
.fiend-listrow{padding-left:2px;padding-right:2px;}
.profile-header {
    display: flex;
    align-items: center;
    padding-bottom: 44px;
    border-bottom: 1px dashed #DDDDDD;
}
.profile-header .photo-cols{position:relative;}
.profile-header .photo-cols .ch-file {
    position: absolute;
    top: 22px;
    right: 8px;
}
.profile-header .photo-cols .ch-file img {
    width: 34px !important;
    height: 34px !important;
    object-fit: contain !important;
    border-radius: 0px !important;
    border: 0px !important;
}
.profile-header .photo-cols img{width:200px;height:200px;border-radius:50%; object-fit:cover;border:4px solid #36C3F5;}
.profile-header .detail-cols .name{font-size:30px;font-weight:bold;}
.profile-header .detail-cols .lavel{font-size:18px;font-weight:normal; color:#999999;margin-bottom:6px;}
.profile-header .detail-cols .tag-box{background-color:#36C3F5;color:#ffffff;display:inline-block;padding:4px; width:210px;text-align:center;font-size:18px;font-weight:bold;border-radius:20px;}
.profile-header .detail-cols .phonecall{color:#999999; font-size:18px; font-weight:normal;}
.profile-header .detail-cols{padding-left:74px;}
.tabpannel-wraper .tab-btn{background-color:#B5ECFF;color:#2A2A2A;font-size:22px;font-weight:bold; width:230px; margin-right:15px; padding:5px;border-radius:8px;}
.tabpannel-wraper .tab-btn:hover{background-color:#36C3F5; color:#ffffff;}
.tabpannel-wraper .tab-btn.active{background-color:#36C3F5; color:#ffffff;}
.tabpannel-wraper .btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.tabpannel-wraper .nav{margin-top:40px; margin-bottom:40px;}
.tabpannel-wraper .user-player{display:flex; align-items:center;border-radius: 8px; padding:10px;margin-bottom:54px;box-shadow: 0 6px 20px #efefef;}
.user-player .name{font-size:22px;font-weight:normal;color:#191919;margin-bottom:14px;}
.user-player .phonecall{font-size:18px;font-weight:normal;color:#191919;margin-bottom:0px;}
.user-player  .profile-cols img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}
.user-player .profile-details {
    padding-left: 21px;
}
.user-player .chat-cols{
	text-align:right;
	flex-grow: 1;
	padding-left: 20px;
}
.user-player .lavel-box{display:flex;justify-content:flex-end;align-items: center;font-size:20px;}
.user-player .lavel-box .chat-btn{background-color:#36C3F5;color:#ffffff;font-size:14px; font-weight:normal;width:100px;margin-left:25px;}
.user-player .lavel-box .chat-btn span{margin-left:5px;}
.user-player .chat-cols .post-text{font-size:14px;font-weight:normal;color:#191919;opacity: 0.5;}
/*.player-cols:last-child .user-player{margin-bottom:0px !important;}
.player-cols:nth-last-child(2) .user-player{margin-bottom:0px !important;}*/
.reservation-wraper{display:flex;flex-wrap:wrap; padding:15px;box-shadow: 0 6px 20px #efefef;}
.reservation-wraper .name-cols{display:flex;width:100%;border-bottom: 1px solid #F1F1F1;margin-bottom: 20px;padding-bottom: 15px;}
.reservation-wraper .qr-cols{width:50%;text-align:right; padding-left:15px;}
.reservation-wraper .left-cols{width:50%;text-align:left;padding-right:15px;}
.reservation-wraper .name-cols .name{font-size:18px;font-weight:bold;margin-bottom:5px;}
.reservation-wraper .name-cols .text{font-size:15px;font-weight:300;margin-bottom:0px;}
.reservation-wraper .qr-cols img{width:74px;}
.reservation-wraper .date-wraper{display:flex;align-items:center;flex-grow: 1;width: 100%;}
.reservation-wraper .date-wraper .date{font-size:15px;color:#3C3B3B;font-weight:normal; width:50%; padding-right:15px;display: flex;justify-content: flex-start;}
.reservation-wraper .date-wraper .watch-time{font-size:14px;color:#3C3B3B;font-weight:normal; width:50%;padding-left:15px;display: flex;justify-content: flex-end;}
.reservation-wraper .date span img {
    width: 17px;
    position: relative;
    top: -2px;
	margin-right:8px
}
.reservation-wraper .watch-time span img {
    width: 19px;
    position: relative;
    top: -1px;
	margin-right:8px;
}
.tabpannel-wraper .ground-cols{margin-bottom: 54px;padding-left: 25px;padding-right: 25px;}
.tabpannel-wraper .row.grids-row {
    margin-left: -25px;
    margin-right: -25px;
}
.tabpannel-wraper .player-cols{margin-bottom: 54px;padding-left: 25px;padding-right: 25px;}
.frnd-profile{display:none !important;}
.frnd-profile img{width:58px;height:58px;border-radius:50%; object-fit:cover;border: 3px solid #ffffff; box-shadow:1px 5px 4px #cde1ea;}
.frnd-profile .dropdown-menu{top:-20px !important; width:215px;border-radius: 27px;padding: 0px;height: 314px;overflow: auto;box-shadow:0px 3px 6px #c8c9c9;border:0px;}
.frnd-profile .dropdown-menu .dropdown-item{position:relative;white-space: initial; line-height:20px;text-align:left;font-size:12px; text-align:left; padding:10px 10px 15px 10px;border-bottom:1px solid #e4e4e4;}
.frnd-profile .dropdown-menu .dropdown-item:nth-child(1){padding-top:0px !important;}
.frnd-profile .dropdown-menu .dropdown-item a{color:#191919;}
.frnd-profile .dropdown-menu .dropdown-item p{margin-bottom:5px;}
.frnd-profile a:after{display:none;}
.frnd-profile h4 {
    font-size: 14px;
    color: #191919;
    padding: 26px 10px 0px 10px;
	margin-bottom:0px;
	font-weight:400;
}
.frnd-profile .dropdown-menu p{line-height:20px;}
.frnd-profile .dropdown-menu .dropdown-item .btn{font-size:9px;width:67px; border-radius:10px;}
.frnd-profile .dropdown-menu .dropdown-item .accept-btn{background-color:#36C3F5;color:#ffffff;}
.frnd-profile .dropdown-menu .btn-wraper{display:flex; justify-content:flex-start;}
.frnd-profile .dropdown-menu .dropdown-item span.time{position:absolute;right:0;font-size:8px;color:#7A7A7A;bottom: 1px;right: 5px;}
.frnd-profile .dropdown-menu .dropdown-item span.dots{display:inline-block;width:5px;height:5px;border-radius:50%;background-color:#1B77E1;position:absolute;top:6px;right:5px;}
/* Hide scrollbar for Chrome, Safari and Opera */
.frnd-profile .dropdown-menu::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.frnd-profile .dropdown-menu {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.grnd-wraper{background-color:#ffffff;padding:15px;border-radius:8px;}

/*live-ground tracking*/
.live-container{padding-top:15px;}
  .grnd-wraper{box-shadow:0 3px 10px #0000002e;}
  .grnd-wraper .name-wraper{display:flex; border-bottom:1px solid #dddddd; padding-bottom:10px;}
  .grnd-wraper .name-text{font-weight:bold;}
  .grnd-wraper .no-match{color:#36C3F5;font-size: 16px;font-weight: 600;}
  .grnd-wraper .time-text{font-weight:400;font-size:12px;}
  .grnd-wraper p{margin-bottom:0px;}
  .grnd-wraper .name-wraper .time-text{margin-left:auto;}
  .grnd-wraper .pics-wraper{display:flex;height: 112px;align-items: center;}
  .pics-wraper .col-box{width:25%; padding:15px; text-align:center;font-size:11px;}
  .pics-wraper .img-wraper img{width:50px;height:50px;border-radius:50%;}
  .pics-wraper .name-title{color:#000000;font-weight:bold;padding:4px 0px;}
  .pics-wraper .level{color:#7f7f7f;font-weight:400;}
  .live-box{margin-bottom:22px;}  .filter-wraper{display:flex;margin-bottom: 20px;justify-content: flex-end;}.filter-wraper .filter-cols{width:158px;margin-left: 20px;position: relative;}.filter-wraper .filter-cols select{height:38px;border:1px solid #e6e6e6;appearance: none;}.filter-wraper .filter-cols .fa{float:right;margin-top: -28px;right: 13px;position: relative;}.filter-wraper .filter-cols select{color:#000000; font-weight:600; border-radius:10px;}.filter-wraper .filter-cols select:required:invalid{color:#000000; font-weight:600;}
  /* live all */
  .liveall-container{margin-top:20px;}
  .player-wraper{display:flex;}
  .playing-wraper{background-color:#ffffff; padding:20px 20px;border-radius:15px;box-shadow: 0 3px 10px #0000002e;}
  .playing-wraper .main-haeder{margin-bottom:20px;}
  .playing-wraper h4{font-weight:bold; font-size:30px;}
  .player-wraper .player-box{border:1px solid #dddddd; width:25%;margin-right:15px;padding:15px;border-radius:15px; text-align:center;}
  .player-wraper .player-box:last-child{margin-right:0px;}
  .player-wraper .profile-wraper{text-align:center;}
  .player-wraper .profile-wraper img{width:150px;height:150px;object-fit:cover;border-radius: 50%;}
  .player-wraper .player-box .title{font-weight:bold; font-size:20px;margin-top:15px;margin-bottom:8px;}
  .player-wraper .player-box .level{font-weight:400; font-size:16px;margin-bottom:0px;color: #aaaaaa;}
  .upcoming-container{margin-top:30px;}
  .upcome-wraper{background-color:#ffffff; padding:15px;border-radius: 15px;box-shadow: 0 3px 10px #0000002e;}
  .upcome-wraper .header-cover{display:flex; border-bottom:1px solid #dddddd;padding-bottom:10px;align-items: center;}
  .upcome-wraper .header-cover p{margin-bottom:0px;}
  .upcome-wraper .header-cover .title{color:#2cc3fa; font-weight:700; font-size:20px;}
  .upcome-wraper .header-cover .time{margin-left:auto;font-size: 16px; color:#000000;}
  .players-list .players-title{color:#000000;font-size:20px;font-weight: 600;margin-top: 8px;}
  .players-display{display:flex;}
  .players-display .playerslist-box{border:1px solid #dddddd; width:25%;margin-right:15px;padding:15px;border-radius:15px; text-align:center;}
  .players-display .playerslist-box .profile-wraper {text-align: center;}
  .players-display .playerslist-box .profile-wraper img{width:50px;height:50px;object-fit:cover;border-radius: 50%;}
  .players-display .playerslist-box .title {
    font-weight: 600;
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 2px;
}
.players-display .playerslist-box p{margin-bottom:0px;}
.players-display .playerslist-box .level {
    font-weight: 400;
    font-size: 10px;
    margin-bottom: 0px;
	color:#aaaaaa;
}
.players-display .playerslist-box:last-child{margin-right:0px;}
.filter-wraper{display:flex;margin-bottom: 20px;justify-content: flex-start;align-items: center;}
.filter-wraper .filter-cols{width:207px;margin-left: 0px;margin-right:20px;position: relative;}
.filter-wraper .filter-cols select{height:38px;border:1px solid #e6e6e6;appearance: none;}
.filter-wraper .filter-cols .fa{float:right;margin-top: -28px;right: 13px;position: relative;}
.filter-wraper .filter-cols select{color:#000000; font-weight:600; border-radius:10px;padding-right: 33px;}
.filter-wraper .filter-cols select:required:invalid{color:#000000; font-weight:600;}
.filter-wraper .livetext-cols {
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
	margin-left: 20px;
}
.filter-wraper .livetext-cols .time-slots {
    background-color: #000000;
    color: #ffffff;
    padding: 7px 10px;
    border-radius: 8px;
    width: 100%;
    text-align: center;
    font-size: 16px;
	margin-right: 6px;
}
.filter-wraper .livetext-cols .live-text {
    color: #36c3f5;
    font-weight: 700;
    font-size: 40px;
}
.filter-wraper .ground-namewraper {
    font-size: 40px;
    width: auto;
    font-weight: 700;
    margin-left: 20px;
    color: #36c3f5;
    text-align: right;
}
.filter-wraper .ground-namewraper span{color:#000000;}
@media only screen and (max-width:992px){
	.player-wraper{flex-wrap:wrap;justify-content: space-around;} 
	.player-wraper .player-box{width: 48%;margin-bottom: 20px;}
	.player-wraper .player-box:nth-child(even){margin-right:0px;}
	.upcome-wraper{margin-bottom:20px;}
	.row.upcoming-container .col-md-6 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
}
}

  @media only screen and (max-width:767px){
	  .grnd-wraper .pics-wraper{height:auto;}	  .filter-wraper .filter-cols .fa{margin-top: -41px;}
	  .player-wraper .player-box {width: 100%;margin-bottom: 20px;margin-right: 0px;}
	.players-display {display: flex;overflow: auto;}
	.upcome-wraper .header-cover .time {font-size: 12px;}
	.filter-wraper .filter-cols .fa{margin-top: -41px;}
  }
  
 /*=============av=============*/
span.select2.select2-container.select2-container--default {
    height: 48px!important;
    padding: 0 10px!important;
    border-radius: 12px!important;
    border: none!important;
    box-shadow: 0px 1px 3px!important;
    width:100%!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444!important;
    line-height: 3.3!important;
    border: none!important!important;
}
.select2-container--default .select2-selection--single {
    background-color: #fff!important;
    border: none!important;
    border-radius: 19px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px!important;
    /*right: 10px!important;*/
}
.bookrow-ground small {
    display: block!important;
    padding: 0 15px 15px 15px;
}
.bookrow-ground select#fname1sel {
    width: 100%;
}
.reservation-name img {
    width: 90px;
    height: 90px;
}
/*=================viwe-ground============*/
.banner-header .date-qr .DATE-qrs img {
    width: 90px;
    height: 90px;
}
.banner-header.Q-raa {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.DATE-qrs img {
    width: 91px;
    height: 90px;
}
.my-reservations a {
    color:#5A5A5A;
    text-decoration: none;
}
img.time-image {
    width: 16px!important;
}
.reservation-5rhr img {
    width: 16px;
}
li#update_language_arabic a {
    font-family: "Almarai-Regular"!important;
}