
*
{
padding:0;
margin:0;
}

.nav
{
	background:#BEBFC5;
	background-size:cover;
	height:50px;
	display:flex;
	justify-content:space-around;
	word-spacing:20px;
	align-items:center;
	
	
}

.head
{
	background:white;
	background-size:cover;
	height:150px;
	padding:150px;
	align-items:center;
	position:relativ;
	
}
.para-1
{
	padding-top:20px;
	font-size:30px;
	
}
.box-1
{
	border:solid black 2px;
	height:20px;
	width:40px;
	position:absolute;
	top:50%;
	left:80%;
	
}
.box-2
{
	
	border:solid black 2px;
	height:20px;
	width:40px;
	position:absolute;
	top:50%;
	left:85%;
}

.sample
	{
		
		   
		   background-size:cover;
		   height:700px;
		   width:100%;
		   position:relative;
		   
		   
	}
	
	.t-lorem
	{
		font-size:50px;
		position:absolute;
		top:15%;
		left:40%;
		font-weight:bold;
		
		
	}
	.t-lorem1
	{
		font-size:50px;
		position:absolute;
		top:22%;
		left:31%;
		font-weight:bold;
		
	}
	
	.bt
	{
		background-color:black;
		height:60px;
		width:250px;
		border-radius:70px;
		position:absolute;
		top:36%;
		left:42%;
		position:relativ;
		
	}
	.bt-text
	{
		position:absolute;
		top:35.5%;
		left:48%;
		color:white;
		font-size:30px;
		z-index:99;
	}
	
	.mo-box
	{
		border:solid black 2px;
		background-color:white;
		height:300px;
		width:650px;
		border-radius:25px 25px 0px 0px;
		position:absolute;
		top:57.5%;
		left:30%;
		position:relative;
		
	}
	
	.mo-box1
	{
		background-color:lightgray;
		height:250px;
		width:590px;
		
		position:absolute;
		top:65%;
		left:32%;
	}
	
	.mo-box2
	{
		background-color:gray;
		height:20px;
		width:20px;
		border-radius:50%;
		position:absolute;
		top:60%;
		left:50%;
		position:relativ;
	}
	.mo-box3
	{
		background-color:gray;
		height:10px;
		width:70px;
		border-radius:10px;
		position:absolute;
		top:61%;
		left:53%;
	}

.para-2
{
	font-size:25px;
	font-weight:bold;
}
.button
{
	background:black;
	color:white;
	height:20px;
	width:230px;
	border-radius:60px;
	align-items:center;
	padding:20px;
	
	position:absolute;
	left:10%;
	
}
.body-1
{
	background:white;
	height:100px;
	text-align:center;
	padding:80px;
	
}
.more
{
	font-size:20px;
	padding:20px;
}

.play
{
	
	background:cover;
	height:600px;
	display:flex;
}

.mobile-2
{
	background:white;
	border:solid black 1px;
	background-size:cover;
	height:470px;
	width:300px;
	margin:100px;
	border-radius:25px;
	
	
}
.mobile-3
{
	background:#BEBFC5;
	background-size:cover;
	height:400px;
	width:260px;
	
	margin-top:45px;
	margin-left:20px;
	
	
	
}

.get
{
	font-size:40px;
	margin-top:200px;
	
	
}
.get-box
{
	background:black;
	height:50px;
	width:120px;
	margin:20px;
	display:flex;
	
}
.get-box1
{
	background:black;
	height:50px;
	width:120px;
	margin:20px;
}
.flx
{
	display:flex;
}
.double
{
	display:flex;
	justify-content:space-around;
}
.text
{
	padding-top:250px;
	padding-left:200px;
	font-size:30px;
}

.mobi-1
	{
		position:relative;
		background:white;
		border:solid black 2px;
		border-radius:20px;
		height:550px;
		width:320px;
		position:relative;
		position:absolute;
		top:10%;
		left:50%;
		
		
	}
	
	.mobi-2
	{
		background:lightgray;
		
		
		height:480px;
		width:290px;
		position:absolute;
		top:7%;
		left:4.5%;
		
	}
	.cam
	{
		background-color:lightgray;
		height:15px;
		width:15px;
		border-radius:50%;
		position:absolute;
		top:2%;
		left:45%;
	}
	
	
	
	
	.mobi-11
	{
		position:relative;
		background:white;
		border:solid black 2px;
		border-radius:20px;
		height:400px;
		width:280px;
		position:relative;
		position:absolute;
		top:30%;
		left:65%;
		z-index:-99;
		
		
	}
	
	.mobi-33
	{
		background:lightgray;
		
		
		height:360px;
		width:250px;
		position:absolute;
		top:7%;
		left:5%;
		
	}
	.cam-2
	{
		background-color:lightgray;
		height:10px;
		width:60px;
		border-radius:10%;
		position:absolute;
		top:3%;
		left:45%;
	}
.morebt
{
	background:black;
	color:white;
	text-align:center;
	height:50px;
	width:200px;
	border-radius:60px;
	margin-top:20px;
}







   .sample-12
	{
		
		   
		background:white;
		height:700px;
		position:relative;

	}
	
	.t-web
	{
		font-size:50px;
		font-weight:bold;
		position:absolute;
		top:28%;
		left:9%;
		
	}
	
	.frame-web
	{
		
		border: black solid 5px;
		height:150px;
		width:600px;
		position:absolute;
		top:40%;
		left:30%;
		
	}





.video-1
	{
		
		height:750px;
		width:100%;
		position:relative;
	}
	
	.jdja
	{
		font-size:50px;
		text-align:center;
		padding-top:30px;
		
		
	}
	
	.video
	{
		background:gray;
		height:250px;
		width:400px;
		position:absolute;
		top:45%;
		left:36%;
		
	}
	
	.stop
	{
		background:lightgray;
		height:55px;
		width:55px;
		border-radius:50px;
		position:absolute;
		top:40%;
		left:45%;
		
	}
	
	.v-bt
	{
		background:black;
		height:50px;
		width:200px;
		border-radius:50px;
		position:absolute;
		top:110%;
		left:28%;
	}





.sol
{
	
	height:750px;
	background:lightgray;
}

.abcd
{
	padding-top:250px;
	padding-left:30px;
	font-size:50px;
	text-align:center;
}

.ent
	{
		
		display:flex;
		height:450px;
		justify-content:space-around;
		position:relativ;
		margin-top:50px;
		
	}
	
	.full
	{
		font-size:40px;
		padding-left:20px;
		
	}
	
	.full-1
	{
		font-size:20px;
		padding-left:20px;
		padding-top:20px;
		
		
	}
	
	.tv-video
	{
		background-color:gray;
		
		height:250px;
		width:400px;
		
		
	}
	
	.b-t
	{
		background:black;
		height:50px;
		width:250px;
		border-radius:50px;
		margin-top:50px;
		margin-left:100px;
	}
	
	.multi
	{
		background:lightgray;
		height:750px;
		position:relative;
	}
	
	.multi-box
	{
		background:gray;
		height:100px;
		width:300px;
		position:absolute;
		bottom:0%;
		right:10%;
	}
	
	.multi-box1
	{
		background:black;
		height:100px;
		width:150px;
		position:absolute;
		bottom:0%;
		left:100%;
	}
	
	.multi-text
	{
		font-size:40px;
		position:absolute;
		top:20%;
		left:10%;
	}
	
	.multi-text1
	{
		font-size:25px;
		position:absolute;
		top:50%;
		left:40%;
	}
	.last-1
	{
		background:lightgray;
		background-size:cover;
		height:80px;
		margin-top:30px;
		display:flex;
		justify-content:space-evenly;
	}
	
	.last-2
	{
		background:black;
		background-size:cover;
		height:30px;
		margin-top:30px;
	}
	.last-3
	{
		background:lightgray;
		background-size:cover;
		height:80px;
		display:flex;
		justify-content:space-between;
		
		
	}
	.l-box
	{
		background:gray;
		height:20px;
		width:100px;
		margin-top:30px;
	}