body,html{ height: 100% }

body{
	margin: 0;
	padding: 0;
	font-family: 'inter', sans-serif;
	font-size: 15px;
	background: ffffff;
	color: black;
}



p, h1,h2,h3,h4,h5,h6{ margin: 0 }


h1,h2,h3,h4,h5,h6
{ letter-spacing:-1px }




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

a{
	color: inherit;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	color: #7c2a07;
}


.fw1{ font-weight: lighter; }
.fw2{ font-weight: normal; }
.fw3{ font-weight: bold; }

.inline{ display: inline-block; }

.flex{display: flex;}
.jc{ justify-content: center; }
.jcb{ justify-content: space-between; }
.ai{ align-items: center; }
.inflex{ display: inline-flex; }
.jce{ justify-content: flex-end }


.rel{ position: relative; }
.abs{ position: absolute; }

.fs11{ font-size: 11px }
.fs12{ font-size: 12px }
.fs13{ font-size: 13px }
.fs14{ font-size: 14px }
.fs16{ font-size: 16px }
.fs17{ font-size: 17px }
.fs18{ font-size: 18px }
.fs19{ font-size: 19px }
.fs20{font-size: 20px;}

.fs22{font-size: 22px;}
.fs24{font-size: 24px;}



.fs30{ font-size: 30px }
.fs40{ font-size: 40px }
.fs50{ font-size: 50px }

.br100{ border-radius: 100px }

.m0{ margin: 0 }

.m10{margin: 10px 0;}
.m15{ margin: 15px }
.m20{margin: 20px 0;}

.mt5{ margin-top: 5px }
.mt10{ margin-top: 10px }
.mt15{ margin-top: 15px }
.mt20{ margin-top: 20px }

.mb5{ margin-bottom: 5px }
.mb10{ margin-bottom: 10px }
.mb15{ margin-bottom: 15px }
.mb20{ margin-bottom: 20px }

.mr5{ margin-right: 5px }
.mr10{ margin-right: 10px }
.mr20{ margin-right: 20px }


:root{--first: #fe4d00;--second: #00A54E;}

.cwhite{ color: white !important }


.cgray{ color: gray }

.cfirst{ color: var(--first) }
.csecond{ color: var(--second) }






.header{

padding: 13px 0;

position: fixed;

top: 0;

left: 0;

width: 100%;

z-index: 999;

backdrop-filter: blur(12px);

background: var(--first);

font-weight: 600;
}


.logo-main{

width: 210px;
}


.topSearchBlock{

display: flex;

justify-content: center;

border: 2px solid hsl(0deg 0% 100%);

border-radius: 100px;

overflow: hidden;

width: 100%;

max-width: 600px;

justify-content: space-between;

/* box-shadow: 0 0 8px hsl(0deg 0% 0% / 29%); */
}

.searchinp1{

background: none;

border: none !important;

outline: none !important;

padding: 10px 18px;

width: 400px;

color: white;
}

.topSearchicon1{

padding: 8px 13px;
cursor: pointer;
color: hsl(0deg 0% 100%);
display: flex;
align-items: center;
padding-right: 22px;
transition: 0.34s ease;
border: none !important;
outline: none !important;
background:transparent;
}


.btn2{

border: 2px solid white;

color: #ffffff;

transition: 0.4s ease;
}

.btn2:hover,
.btn2:focus{

background: white;

color: var(--first);
}


.btn1{

background: white;

color: var(--first);

transition: 0.4s ease;

outline: none;
}

.btn1:hover,
.btn1:focus{
	
background: #a33100;
	
color: white !important;
}

.topLogBtn{

padding: 9px 21px;

border-radius: 100px;

font-weight: 500;
}

.topLogBtn i{

margin-right: 4px;
}




.header .flex2{
	gap: 24px;
}

.formTopHead{}


.w100{ width: 100% }



.header .link{
	
color: white;
	
display: flex;
	
align-items: center;
}


.header .link img{
	
margin-right: 10px;
	
width: 31px;
}

.header .link:hover{
	opacity: 0.9;
}





.heroSec1{
	
background: url(../img/herobg1.png) no-repeat;
	
background-position: top;
	
padding: 160px 0 90px;
	
background-size: cover;
	
text-align: center;
}




.heroSec1 .title{
	
font-weight: 700;
	
font-size: 39px;
}

.heroSec1 .desc{
	
font-size: 19px;
	
margin: 27px auto 40px;
	
max-width: 700px;
}

.heroSec1 .title img{
	
width: 57px;
	
margin-right: 7px;
}

.heroChecksFlex{

gap: 30px;

justify-content: center;
}

.heroChecksFlex .cont{

display: flex;

align-items: center;

background: hsl(0deg 0% 91.34%);

padding: 9px 14px;

border-radius: 14px;

width: 209px;

text-align: left;
}


.heroChecksFlex img{

height: 35px;

margin-right: 10px;
}
.heroChecksFlex p{
	
color: #6e6e6e;
	
line-height: 1.3;
}






.homeSec1{

}




.homeSec1 .inner{
}




.block-title1{

display: flex;

align-items: center;

justify-content: space-between;
}

.block-title1 h2{

font-size: 25px;
}

.block-title1 p{
	
color: #8e9ab3;
	
margin: 5px 0 0;
}

.topSearchicon1:hover{
	color: var(--first);
	background: white;
}



.blocktitlelink1{
	
font-size: 14px;
	
padding: 7px 10px;
	
border-radius: 100px;
	
border: 1px solid #6b6b6b;
	
color: #6b6b6b;
	
transition: 0.4s ease;
}


.blocktitlelink1:hover{
	color: var(--first);
	border: 1px solid var(--first);
	padding: 7px 20px;
}




.cateBlock1{

display: flex;

align-items: center;

transition: 0.4s ease;

padding: 17px 19px;

background: #eeeeee;

border-radius: 10px;

width: 100%;

border: 1px solid transparent;
}

.cateBlock1 h3{

font-size: 16px;

transition: 0.4s ease;
}


.cateBlock1 p{

color: #8e9ab3;

font-size: 14px;
}
.cateBlock1 img{
	
height: 25px;
	
margin-right: 14px;
	
filter: grayscale(1);
	
transition: 0.4s ease;
}


.cateBlockInner{
	margin: 19px 0 0;
	grid-template-rows: repeat(2, auto);
	grid-template-columns: repeat(5,1fr);
	grid-gap: 20px;
}

.cateBlockInner .single{
	
width: 100%;
}




.cateBlock1 .iconBack{
	
	background: #24469c;
background: linear-gradient(90deg, rgba(36, 70, 156, 1) 0%, rgba(28, 40, 61, 1) 100%);
}

.cateBlock1 .iconBack{
	
border-radius: 100px;
	
display: flex;
	
align-items: center;
	
justify-content: center;
	
height: 45px;
	
width: 45px;
	
margin-right: 011px;
}


.searchinp1::-webkit-input-placeholder {
color: white;
}

.searchinp1::-moz-placeholder {
color: white;
opacity: 1;
}

.searchinp1:-ms-input-placeholder {
color: white;
}

.searchinp1::placeholder{
color: white;
opacity: 1;
}





.grid{
display: grid;
}


.cateBlockInner .cateBlock1:hover{

background: hsl(18.19deg 100% 49.8% / 12%);

border: 1px solid var(--first);

transform: translateY(-6px);
}

.cateBlockInner .cateBlock1:hover img{
filter: grayscale(0);

}


.cateBlockInner .cateBlock1:hover h3{
color: var(--first);
}

.cateBlockInner .cateBlock1:hover p{
color: var(--first);
}





.padder1{

padding: 60px 0;
}



.bg1{

background: #f5f5f5;
}



.fireimg1{

height: 35px;

margin-right: -4px;
}




.game_block_grid_1{display: grid;grid-template-rows: repeat(2 , auto);grid-template-columns: repeat( 6 , 1fr );grid-gap: 20px;margin: 25px 0 0;}


.game_block_big{
	position: relative;
	overflow: hidden;
	border-radius: 11px;
	transition: 0.4s ease;
	height: 180px;
}



.game_block_big .topHov{
	position: absolute;
	width: 100%;
	padding: 104px 15px 18px;
	bottom: 0;
	color: white;
	opacity: 0;
	transition: 0.35s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: end;
}


.game_block_big .topHov{

background: #FE4D00;
background: linear-gradient(0deg,rgba(254, 77, 0, 1) 23%, rgba(254, 77, 0, 0) 100%);


}


.game_block_big:hover .topHov{
	opacity: 1;
}
.game_block_big:hover{
	
box-shadow: 0 0 12px hsl(0deg 0% 0% / 42%);
	
transform: translateY(-10px);
}


.game_block_big .game-img{

width: 100%;

height: 100%;

transition: 0.4s ease;

object-fit: cover;
}


.game_block_big:hover .game-img{
	transform: scale(1.1);
}


.game_block_big .name{
	
font-size: 20px;
	
margin: 0 0 7px;
}

.game_block_big .cate{
	
font-size: 13px;
	
margin: 0 0 16px;
}

.game_block_big .fa-star{
	
color: #ffe362;
	
margin-right: 4px;
}

.game_block_big .star2{
	
color: white;
}



.game_block_big .playicon2{

display: flex;

align-items: center;

justify-content: center;

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;
}
.game_block_big .playicon2 img{
	
width: 19px;
	
margin-right: 4px;
	
font-weight: 700;
}




.game_block_big .playicon2 .inner2{
	
border: 2px solid white;
	
border-radius: 100px;
	
padding: 2px 12px;
transition: 0.4s ease;
}





.game_block_big .playicon2 .inner2:hover{
	transform: scale(1.1);
}




.homeSec3{
}

.homeSec3 .title{
	
font-weight: bold;
	
font-size: 37px;
	
margin: 4px 0 0;
}
.homeSec3 .desc{
	
margin: 22px 0 0;
	
font-size: 17px;
}


.miniGamesGrid1{

margin: 17px 0 0;

ws: repeat( 3 , auto );

grid-template-columns: repeat( 3 , 1fr );

grid-gap: 16px;
}

.gameMiniBlock1{

position: relative;

overflow: hidden;

border-radius: 14px;
}
.gameMiniBlock1 img{

width: 100%;

height: 100%;
}

.gameMiniBlock1 .onHov{

background: #fe4d00cf;

padding: 5px 12px;

position: absolute;

bottom: 0;

color: white;

width: 100%;

height: 100%;

transition: 0.4s ease;

opacity: 0;

display: flex;

flex-direction: column;

justify-content: end;
}
.gameMiniBlock1 .title{

font-size: 15px;

letter-spacing: initial;

margin: 0 0 8px;
}
.gameMiniBlock1 .onHov .fa-star{


}

.gameMiniBlock1 .onHov  p{

font-weight: bold;

margin-left: 6px;
}


.gameMiniBlock1:hover .onHov{
	opacity: 1;
}




.miniGamesGrid1 .gameMiniBlock1:nth-child(1) {

	grid-row: 1 / 3;
	grid-column: 1 / 3;

}



.homeSec3 .inner2{
    margin: 0 0 50px;
    background: #fe4d001c;
    padding: 40px;
    border-radius: 20px;
}


.appstoreFlex img{
	
margin-right: 20px;
	
width: 170px;
}



.imgSec1{
	
margin: 0 0 20px;
}



.homeSec3 .inner3{
}








.aboutSec1 {background: var(--first) url(../img/abtBackground.png);color: white;background-size: cover;font-size: 16px;padding: 70px 0;background-position: right;}


.aboutSec1 .title{font-weight: bold;font-size: 46px;}


.aboutSec1 .desc1{
}


.aboutSec1 .desc2{
}

.aboutSec1 .txtBox{
}

.aboutSec1 .imgBox{height: 60px;margin: 0 0 20px;}





.abtBox1{
	
background: #ffefe8;
	
color: black;
	
text-align: center;
	
border-radius: 11px;
	
padding: 30px 23px;
	
margin: 27px 0;
	
box-shadow: 0 5px 10px hsl(18.19deg 89.03% 15.07% / 29%);
}





.footer{

background: #ffefe8;
}

.footer .txt1{

}

.footerlogo{

width: 200px;
}

.footer .txt1{

margin: 20px 0;

max-width: 340px;
}

.footSocialFlex{
	gap: 8px;
}

.footSocialFlex a{

background: var(--first);

display: flex;

align-items: center;

justify-content: center;

width: 40px;

height: 40px;

border-radius: 100px;

color: white;

font-size: 19px;

transition: 0.4s ease;
border-radius: 1px solid transparent;



}
.footSocialFlex a:hover{
	background: white;
	border: 1px solid var(--first);
	color: var(--first);
}



.footLinkTitle{

font-weight: 600;

font-size: 20px;

margin: 0 0 19px;
}

.footLinksList{

}

.footLinksList li{

margin: 5px 0;
}

.footLinksList a{

}

.downloadFootBlock{
	gap: 20px;
}

.downloadFootBlock img{
	
width: 120px;
}





.copyrightBlock{
	padding: 20px 0;
	text-align: center;
	background: #ffefe8;
	border-top: 1px solid #cecece;
}


.mobSearchBtn{
	display: none;
}
.barsIconMob{
	
color: white;
	
font-size: 31px;
	
display: none;
	
position: absolute;
	
top: 1px;
z-index: 1;
}



















@media screen and ( max-width: 992px ) {



.header .flex1{
	flex-direction: column;
	align-items: initial;
}


.mobSearchBtn{
	display: block;
	color: white;
	position: absolute;
	right: 18px;
	font-size: 22px;
	top: 7px;
}


.logoHeadCont{

order: 1;
}


.searchHeadCont{

order: 3;

display: none;
}


.linksHeadCont{
	
order: 2;
	
display: none;
}


..header .flex2{

}


.header .flex2 a{
	
display: block;
	
margin: 6px 0 !important;
	
padding: 7px 20px;
	
background: #bb3900;
	
border-radius: 100px;
	
border: none;
	
color: white;
}


.header .flex2{
	
display: block;
	
padding: 11px 0 0;
}

.logo-main{
	
margin-left: 49px;
}


.barsIconMob{
	display: block;
}

.heroChecksFlex{
	display: block;
}

.heroChecksFlex .cont{
	
width: 100%;
	
margin: 11px 0;
}



.heroSec1{
	
padding: 100px 0 0;
}



.cateBlockInner{
	
grid-template-rows: auto;
	
grid-template-columns: repeat( 2 , 1fr );
	
grid-gap: 10px;
}


.game_block_grid_1{
	
grid-template-rows: auto;
	
grid-template-columns: repeat( 2 , 1fr );
	
grid-gap: 10px;
}




.padder1{
	
padding: 40px 0;
}

.homeSec3 .inner2{
	
padding: 20px;
}


.homeSec3 .title{
	
font-size: 14px;
}

.abtBox1{
	
margin: 10px 0;
}

.footLinkTitle{
	
margin-top: 20px;
}



.miniGamesGrid1{
	margin-bottom: 30px;
}



.heroSec1 .title{
	
font-size: 31px;
}

.formTopHead{
	margin-top: 20px;
}





} 















.listPage .homeSec3{

padding-top: 100px;
}


.listPage .miniGamesGrid1{

grid-template-rows: auto;

grid-template-columns: repeat( 4 , 1fr );

margin: 20px 0;
}


.allGamesGrid{grid-template-rows: auto;grid-template-columns: repeat( 12 , 1fr );grid-gap: 16px;margin: 17px 0;}



@media screen and ( max-width: 992px ) {


.allGamesGrid {
	
grid-template-rows: auto;
	
grid-template-columns: repeat( 3 , 1fr );
}


}





.playPage{
	padding: 100px 0 60px;
}

.block1{

background: white;

border: 1px solid #c7c7c7;

padding: 15px 20px;

border-radius: 10px;
}

.block-title{

font-size: 23px;
}



.fwrap{
	flex-wrap: wrap;
}


.catePopList{

background: #efefef;

padding: 14px 20px;

border-radius: 10px;

margin: 12px 0 27px;

gap: 10px;
}

.catePopList a{

padding: 6px 8px;

background: #ffffff;

font-size: 14px;

border-radius: 100px;

transition: 0.34s ease;
}



.catePopList a:hover{
	background: var(--first);
	color: white;
}



.cateLinks1{

margin: 10px 0 0;
}
.cateLinks1 li{
	
border-bottom: 1px solid #cecece;
	
padding: 6px 0;
}



.cateLinks1 a{

}

.cateLinks1 a:hover{
	color: var(--first);
	text-decoration: underline !important;
}




.block-title{
	display: flex;
	align-items: center;
}

.block-title img{

height: 20px;

margin-right: 10px;
}



.cateLinks1 li:nth-last-child(1) {
	border: none;
}



#game_frame{
	width: 100%;
    height: 550px;
    border: none;
    display: block;
}


.breadCrumbs{

padding: 13px 14px;

display: flex;

/* align-items: center; */

gap: 13px;

font-size: 13px;

background: #e8e8e8;

margin: 0 0 10px;

border-radius: 8px;
}

.breadCrumbs .dash{
	
font-size: 8px;
}

.breadCrumbs a{
	
}

.game_content{

padding: 20px 16px 0;
}


.game_content .title{
	
margin: 0 0 17px;
	
font-weight: bold;
}


.game_content p{

color: #4b4b4b;
}



.game_controls{
	display: flex;
	justify-content: space-between;
	background: #e8e8e8;
	padding: 7px 14px;
	border-radius: 8px;
}


.logoFrame1{

width: 180px;
}



.innerControlFlex{

gap: 13px;
}

.likeDislikeCont{

background: white;

border-radius: 100px;

border: 1px solid #d4d4d4;

overflow: hidden;

display: none;
}


.LDBtn{

display: flex;

align-items: center;

padding: 6px 10px;

cursor: pointer;

user-select: none;

transition: 0.34s ease;
}

.LDBtn i{
	
margin-right: 6px;
	
font-size: 15px;
	
transition: \0.3s ease;
}

.LDBtn span{
	
}

.likeDislikeCont .dislikeBtn{
	border-left: 1px solid #d4d4d4;
}


.LDBtn:hover{

background: #cccccc;
}



.controlBtn1{

align-items: center;

background: white;

border-radius: 100px;

padding: 7px 11px;

transition: 0.34s ease;

cursor: pointer;

border: none;

user-select: none;

outline: none;
}
.controlBtn1 i{

font-size: 16px;
}


.controlBtn1 span{

font-size: 14px;
}

.controlBtn1 img{

height: 17px;

margin-right: 3px;
}



.controlBtn1:hover{
background: #cccccc;

}




.shareModal .btn{
	
border-radius: 100px;
}


.underline{
	text-wrap-mode: underline;
}




.playPageGames{

padding: 40px 0 0;
}



.playGamesList{
	
grid-template-rows: auto;
	
grid-template-columns: repeat(8, 1fr);
	
grid-gap: 13px;
}
















@media screen and ( max-width: 992px ) {


.sideCatBar{
	order: 2;
}

.playScreen{
	order: 1;
}



.block1{
	
padding: 5px;
	
margin: 30px 0 0;
}



#game_frame{height: 250px;}



.game_controls{
	flex-direction: column;
	text-align: center;
}

.controlBtn1{
	
text-align: center;
	
border-radius: 4px;
}

.logoFrame1{
	margin-bottom: 20px;
}
.playGamesList{
	
grid-template-columns: repeat( 3 , 1fr );
}
.innerControlFlex{
	justify-content: center;
}






}











.leaderboardPage{

}


.leadSec1{
	padding: 220px 0 0;
}


.grad2{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffb799+1,ffefe8+100 */
	background: linear-gradient(to bottom,  #ffb799 1%,#ffefe8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



.leadimg1{
	
width: 100%;
	
margin: 160px 0 0;
}



.leaderboardLft{

}

.leaderBlock1{
	
position: relative;
}

.leader1{

}


.leadbigimg1{

left: 0;

width: 90px !important;

height: 90px !important;
}
.leadbigimg2{

margin: auto;

left: 0;

right: 0;
}
.leadbigimg3{

right: 0;

width: 90px !important;

height: 90px !important;
}
.crown1{

position: absolute;

z-index: 1;

width: 60px;

left: 0;

right: -80px;

z-index: 10;

margin: 0 auto;

top: -17px;

transform: rotate(32deg);
}
.leaderBlock1 .userimgLeadMain{

position: absolute;

width: 110px;

height: 110px;

border-radius: 100px;
}




.medalsilver{

left: -36px;

top: 60px;

width: 180px;
}
.medalgold{

left: 0;

right: 0;

margin: auto;

top: 80px;

width: 220px !important;
}
.medalbronze{
	`
;
	right: -16px;
	top: 60px;
	width: 150px;
}

.modelMain{position: absolute;}



.lead-block-2{
	
transform: translateY(-70px);
}



.leadHourPlayed{
	
display: inline-block;
	
position: absolute;
	
font-weight: 600;
	
text-align: center;
	
background: black;
	
z-index: 10;
	
border-radius: 130px;
	
width: 127px;
	
padding: 8px 10px;
}



.leadhour_1{

right: 0;

top: 159px;

background: #e68d61;

color: #7f3d1d;

border: 1px solid;
}

.leadhour_2{
	
top: 215px;
	
left: 0;
	
right: 0;
	
margin: auto;
	
text-align: center;
	
background: #ffb038;
	
color: #773a0e;
	
border: 1px solid;
}

.leadhour_3{
	
left: 0;
	
top: 185px;
	
background: #dfeef1;
	
text-align: center;
	
color: #676767;
	
border: 1px solid;
}




.leadHead1{
	
font-weight: bold;
	
font-size: 47px;
	
color: var(--first);
	
margin: 0 0 27px;
}



.leadInner1{
    padding-left: 80px;
    transform: translateY(-71px);
}


.rightLeadBlock1{width: 100%;border-spacing: 20px 12px;border-collapse: separate;margin: 23px 0 0;}




.rightLeader_1{

border: 2px solid #cf9d00;

background: #ffd44d;

border-radius: 16px;
}

.rightLeader_2{

}
.rightLeader_3{

}

.rightLeadBlock1 .rank{

}
.rightLeader_1 .medal{

background: #ffebad;

text-align: center;

border-radius: 100px;

padding: 3px 2px;

color: #825c0c;
}
.rightLeader_2 .medal{

background: #d4d4d4;

text-align: center;

border-radius: 100px;

padding: 3px 2px;

color: #515151;
}
.rightLeader_3 .medal{

background: #ffb724;

text-align: center;

border-radius: 100px;

padding: 3px 2px;

color: #825c0c;
}
.rightLeadBlock1 .medal{

font-weight: 600;
}
.rightLeader_1 .name{

}
.rightLeadBlock1 .hours{

}

.rightUserimg1{
	
width: 30px;
	
border-radius: 100px;
	
MARGIN-RIGHT: 9px;
}



.rightLeader_2{
	    border: 2px solid #b5b5b5;
	    background: #f3f3f3cf;
	    border-radius: 16px;
}


.rightLeader_3{
	    border: 2px solid #d2a23e;
    background: #fdc14447;
    border-radius: 16px;
}



.headtitle2{

font-size: 36px;

margin: 0 0 17px;

text-align: center;
}
.leadrankimg2{

width: 31px;

height: 31px;

border-radius: 100px;

margin-right: 5px;
}

.leaderTable1{

width: 100%;

border-collapse: separate;

border-spacing: 21px 10px;
}
.leaderTable1 td{

border-bottom: 1px solid #fe4d00;

background: white;

padding: 6px 10px;

border-radius: 8px;
}


.leaderTable1 td{

position: relative;
}
.leaderTable1 .time{

}



.leadSec2{
	padding: 50px 0;
}


.leadName2{
	align-items: center;
}


.tableleadtitlke{
	
font-size: 18px;
	
background: var(--first);
	
padding: 11px 10px;
	
border-radius: 8px;
	
color: white;
}



.leadSec2 .inner2{
	
background: #ffebe3;
	
border-radius: 14px;
	
padding: 30px 40px;
}



.leaderTable1 tr{
	
border-bottom: 1px solid black;
}


.leaderTable1 .tr_1 td{
	padding: 0;
border-bottom: none;
}




.leadImgBadge{
	
width: 36px;
	
position: absolute;
	
right: 13px;
	
top: 7px;
}



.leaderboardPage .leadSec1{
		background-image: url(../img/flares.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0;

}










@media screen and ( max-width: 992px ) {


	.leadInner1{
		transform: none;
		padding: 30px 0 0;
	}

	.leaderBlock1 .userimgLeadMain{
		
	width: 70px !important;
		
	height: 70px !important;
	}


	.modelMain{
		
	width: 130px !important;
		
	top: 57px;
	}

	.leadHourPlayed{
		
	top: 123px;
		
	padding: 4px 0;
		
	width: 111px;
	}

	.lead-block-2{
		    transform: translateY(-40px);
	}

	.leadHead1{
		
	text-align: center;
	}


	.leadSec2 .inner2{
		
	padding: 30px 0;
	}

	.leadTableOverflow{
		
	overflow-x: scroll;
	}

	.leaderTable1{

	width: max-content;
	}


	.leaderTable1 .tr_1{

	}



	.leaderTable1 td:nth-child(1) {
	}


	.leaderTable1 td:nth-child(2) {width: 210px;}


	.leaderTable1 td:nth-child(3) {width: 230px;}


	.leadSec1{
		
	padding: 170px 0 0;
	}

	.leadimg1{
		
	margin: 130px 0 0;
	}



}



.loginBlock{

border: 1px solid #d4d4d4;

padding: 30px 30px;

background: white;

border-radius: 12px;

box-shadow: 0 12px 18px hwb(0deg 0% 100% / 6%);

border: 1px solid var(--first);
}

.loginBlock .title{

font-weight: 700;
}
.loginBlock .desc{
	
margin: 6px 0 30px;
}

.lbl1{

display: block;
}

.logInp{

width: 100%;

padding: 10px 10px;

border-radius: 7px;

margin: 2px 0 14px;

border: 1px solid #d5d5d5;

outline: none;
}
.logInp:hover,
.logInp:focus{

}

.logRememFlex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.logCheck1{

}
.logBtn1{
	
width: 100%;
	
padding: 11px 0;
}


.btn4{
	background: var(--first);
	color: white !important;
	border: none;
	outline: none;
	transition: 0.4s ease;
	border-radius: 8px;
	margin: 20px 00 0;
}

.btn4:hover,
.btn4:focus{background: #c63f04;}


.logRegPage{
	
padding: 190px 0 130px;
	
background: white;
}







.logCheck1 {
  width: 17px;
  height: 17px;
  appearance: none; /* Remove default style */
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 2px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: white;
  margin-right: 7px;
}


.logCheck1:checked {
  background-color: #fe4d00;
  border-color: #fe4d00;
}

.logCheck1:checked::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}





@media screen and ( max-width: 992px ) {

	.logRegPage{

	padding: 90px 0 70px;
	}
	.loginBlock{

padding: 23px 20px;

}





}


.us{ user-select:none; }