.sec1{
		width:100%;
		height:80px;
		background-color:;
		float:left;
}
.sec1 >.img1{
		width:125px;
		height:60px;
		background-color:;
		margin-top:0.6%;
		margin-left:0.5%;
		float:left;
}
.sec1 > .sec2{
		width:10%;
		height:30px;
		background-color:;
		float:left;
		margin-top:1.5%;
		margin-left:59%;
		  
}
.sec2 > .span1{
			font-family: 'Roboto', sans-serif;
			font-optical-sizing: auto;
			font-weight: <weight>;
			font-style: normal;
			font-variation-settings:
			"wdth" 100;
			font-size:20px;
}
.sec1 > .span2{
			font-family: 'Roboto', sans-serif;
			font-optical-sizing: auto;
			font-weight: <weight>;
			font-style: normal;
			font-variation-settings:
			"wdth" 100;
			font-size:20px;
			float:left;
			margin-top:1.5%;
			margin-left:%;
}
.sec1 > .sec3{
		width:7%;
		height:45px;
		border:1px solid black;
		float:left;
		margin-top:1%;
		margin-left:3%;
		border-radius:10px;
		background-color:black;
}
.sec1 .span4{
			font-family: 'Roboto', sans-serif;
			font-optical-sizing: auto;
			font-weight: <weight>;
			font-style: normal;
			font-variation-settings:
			"wdth" 100;
			font-size:20px;
			margin-top:8%;
			float:left;
			margin-left:24%;
			color:white;
}
body .div{
			width:50%;
			height:350px;
			float:left;
			background-color:choco;
}
.div .span5{
			font-size:50px;
			margin-top:5%;
			font-family: 'Roboto', sans-serif;
			font-optical-sizing: auto;
			font-weight: <weight>;
			font-style: normal;
			font-variation-settings:
			"wdth" 100;
			float:left;
}
.div > .Search{
			width:89%;
			height:60px;
			border:1px solid #F6F4E8;
			border-radius:10px;
			font-size:20px;
			margin-top:5%;
			background-color:#EDE9E6;
			margin-left:%;
			padding-left:px;
			float:left;
}
.Search > .icon{
			font-family: 'Roboto', sans-serif;
			font-optical-sizing: auto;
			font-weight: <weight>;
			font-style: normal;
			font-variation-settings:
			"wdth" 100;
			float:left;
			margin-top:3%;
			margin-left:2%;
	
}
body > .div1{
			width:50%;
			height:350px;
			background-color:lightgree;
			float:left;			
}
.div1 > .img2{
			width:50%;
			height:300px;
			float:left;
			border-radius:10px;
			margin-top:2%;
			margin-left:3%;
			
}
.div1 .img3{
			width:42%;
			height:300px;
			float:left;
			border-radius:10px;
			margin-top:2%;
			margin-left:2%;
}
.div4 .text{
			font-size:25px;
			margin-left:25%;
			margin-top:4.5%;
			font-family: 'Roboto', sans-serif;
			font-optical-sizing: auto;
			font-weight: <weight>;
			font-style: normal;
			font-variation-settings:
			"wdth" 100;
			float:left;
			color:white;
			
}
.div4{
			width:10%;
			height:50px;
			background-color:black;
			float:left;
			margin-top:2%;
			border-radius:27px;
			margin-left:17%;
}
.div5{
			width:10%;
			height:50px;
			margin-top:2%;
			border-radius:27px;
			margin-left:1%;
			background-color:;
			float:left;
}
.div5 .text1{
			font-size:25px;
			margin-left:21%;
			margin-top:5%;
			font-family: 'Roboto', sans-serif;
			font-optical-sizing: auto;
			font-weight: <weight>;
			font-style: normal;
			font-variation-settings:
			"wdth" 100;
			float:left;
			color:black;
}
.div6{
			width:14%;
			height:50px;
			margin-top:2%;
			border-radius:27px;
			margin-left:1%;
			background-color:;
			float:left;
}
.div6 .text2{
			font-size:25px;
			margin-left:12%;
			margin-top:5%;
			font-family: 'Roboto', sans-serif;
			font-optical-sizing: auto;
			font-weight: <weight>;
			font-style: normal;
			font-variation-settings:
			"wdth" 100;
			float:left;
			color:black;
}
.div6 + .p1
{
		font-size:22px;
		font-family: 'Roboto', sans-serif;
			font-optical-sizing: auto;
			font-weight: <weight>;
			font-style: normal;
			font-variation-settings:
			"wdth" 100;
			clear:both;
			margin-top:4%;
			float:left;
		
}
.trd
{
		width:12%;
		height:50px;
		border:1px solid black;
		float:left;
		margin-top:2%;
		margin-left:70%;
		border-radius:10px;
}
.trd .psps
{
		font-size:20px;
		font-size:22px;
		font-family: 'Roboto', sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		margin-top:6%;
		float:left;
		margin-left:15%;
}
body .main
{
		width:100%;
		height:1060px;
		clear:both;
		background-color:skybl;
		margin-top:2%;
		padding:0.1%;
		float:left;
}
.main > .sec6
{
		width:25%;
		height:200px;
		background-color:chocolat;
		margin-top:2%;
		float:left;
		margin-left:2%;
		outline:2px dashed #777C6D;
		outline-offset:20px;
}
body .src
{
		width:17.8%;
		height:45px;
		border:1px solid black;
		float:left;
		margin-top:2%;
		margin-left:-13.4%;
		border-radius:28px;
}
.src .ism
{
		width:40px;
		height:40px;
		float:left;
		border-radius:20px;
		margin-top:1%;
		margin-left:2%;
		
}
.hp
{
		font-size:20px;
		font-size:22px;
		font-family: 'Roboto', sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		float:left;
		margin-left:5%;
		margin-top:3%;
		font-weight:bold;
}
.spp
{
		font-size:20px;
		color:#758A93;
		margin-top:3.5%;
		float:left;	
		margin-left:5%;
}
.htp
{
		width:20%;
		height:45px;
		border:1px solid black;
		float:left;
		margin-top:2%;
		margin-left:2%;
		border-radius:30px;	
}
.imsg
{
		width:40px;
		height:40px;
		float:left;
		border-radius:20px;
		margin-top:1%;
		margin-left:2%;
}
.spt
{
		font-size:20px;
		color:#758A93;
		margin-top:3.5%;
		float:left;	
		margin-left:5%;
}
.hts
{
		width:17%;
		height:45px;
		border:1px solid black;
		float:left;
		margin-top:2%;
		margin-left:2%;
		border-radius:30px;
}
.hte
{
		width:18%;
		height:45px;
		border:1px solid black;
		float:left;
		margin-top:2%;
		margin-left:2%;
		border-radius:30px;
}
body .atis
{
		width:13%;
		height:45px;
		border:1px solid black;
		float:left;
		margin-top:2%;
		margin-left:2%;
		border-radius:30px;
}
.atis .imss
{
		width:40px;
		height:40px;
		float:left;
		border-radius:20px;
		margin-top:1%;
		margin-left:2%;
}
.atis > .hl
{
		font-size:20px;
		font-size:22px;
		font-family: 'Roboto', sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-variation-settings:
		"wdth" 100;
		float:left;
		margin-left:5%;
		margin-top:3.9%;
		font-weight:bold;
}
.atis .spn
{
		font-size:20px;
		color:#758A93;
		margin-top:5.5%;
		float:left;	
		margin-left:5%;	
}
.img5
{		width:325px;
		height:200px;
		border-style:;
		color:white;
		border-radius:10px;
		border-style:groove;
		
		
		
}

.sec7
{
		width:30%;
		height:470px;
		background-color:chocolat;
		float:left;
		margin-left:5%;
		border-radius:0px;
		margin-top:2%;
		outline:2px solid #777C6D;
		outline-offset:20px;
		
		
}
.sec7 .stt
{
		width:390px;
		height:470px;
		border-radius:10px;
		border-style:ridge;
			
}
.sec8
{
		width:30%;
		height:472px;
		background-color:chocolat;
		float:left;
		margin-left:5%;
		border-radius:10px;
		margin-top:2%;
		outline:2px solid #777C6D;
		outline-offset:20px;
}
.sec8 >.sts
{
		width:390px;
		height:472px;
		border-radius:10px;
		border-style:;
		color:white;	
}
.sss
{
		width:25%;
		height:200px;
		background-color:white;
		clear:both;
		margin-top:-15.8%;
		float:left;
		margin-left:2%;
		outline:1px solid white;
		outline-offset:20px;
		margin-top:%;
		outline:2px dotted #777C6D;
		border-radius:10px;
		
}
.sss .psss
{
		width:325px;
		height:200px;
		border-radius:20px;
		border-style:groove;
		
}
.att
{
		width:26%;
		height:400px;
		background-color:lightgree;
		float:left;
		margin-top:5.20%;
		margin-left:2%;
		outline:2px solid #777C6D;
		outline-offset:22px;
		border-radius:10px;
		
}
.att > .vlo
{
		width:338px;
		height:400px;
		border-radius:15px;
}
.ppp
{
		width:21.5%;
		height:200px;
		float:left;
		background-color:chocola;
		margin-top:5%;
		margin-left:5.5%;
		outline:2px groove #777C6D;
		outline-offset:20px;
		border-radius:10px;
}
.ppp .tgs
{
		width:278px;
		height:200px;
		border-radius:10px;
		border:1px groove white;
}
.http
{
		width:21.5%;
		height:200px;
		background-color:chocolat;
		float:left;
		margin-top:5%;
		margin-right:40%;
		margin-left:5.5%;
		outline:2px groove #777C6D;
		outline-offset:20px;
		border-radius:10px;
}
.http > .tttp
{
		width:277px;
		height:200px;
		border-radius:10px;
		border:1px groove white;
}
.print
{
		width:37%;
		height:200px;
		clear:both;
		background-color:skyblu;
		margin-left:60%;
		margin-top:-36%;
		float:left;
		outline:2px groove #777C6D;
		outline-offset:20px;
		border-radius:0.5px;
		margin-top:;
}
.print .nnt
{
		width:482px;
		height:200px;
		outline:2px groove white;
		
}
.rint
{
		width:37%;
		height:200px;
		float:left;
		background-color:;
		margin-left:60%;
		margin-top:-15.5%;
		outline:2px dashed #777C6D;
		outline-offset:20px;
		border-radius:10px;
		
}
.rint > .rgb
{
		width:482px;
		height:200px;
		outline:2px groove gray;
		border-radius:10px;
}

