*
{
	box-sizing:border:box;
}

body
{
	background-color:#ECEBDE;
	margin:0px;
}
.nav-up
{
	width:98%;
	height:30px;
	background-color:white;
	padding:1%;
	float:left;
	position:fixed;
}

.search-1
{
	display:flex;
}

.logo
{
	width:2.5%;
	height:100%;
	margin-left:5%;
}

.search
{
	margin-top:px;
	margin-left:1%;
	width:18%;
	border-radius:20px;
	border:1px solid black;
	padding:0.5%;
}

.txt2
{
	font-size:15px;
}

.icons
{
	display:flex;
	gap:2%;
	padding:0.3%;	
	margin-left:30%;
	margin-top:-40px;
	background-color:skyblu;
	width:65%;
}

.me
{
	display:flex;
	text-align:center;
	margin-left:40%;
}

.pfp
{
	width:17%;
	height:20px;
	border-radius:20px;
	margin-top:0px;
}

.bsn 
{
	font-size:25px;
	color:grey;
	margin-left:18%;
}

.busn
{
	width:15%;
	background-color:re;
	font-size:15px;
}

.pric
{
	color:#d4b05d;
	font-size:25px;
	margin-left:30%;
}

.prm
{
	width:20%;
	background-color:yello;
	font-size:15px;
}

.bnss
{
	display:flex;
	gap:2%;
}

.prm
{
}

.hm
{
	font-size:20px;
}
.home
{
	text-align:center;
	height:50px;
	width:20%;
	text-decoration:none;
	color:grey;
}
.Ntw
{
	text-align:center;
	background-color:re;
	height:50px;
	width:20%;
	color:grey;
	margin-left:-9%;
	text-decoration:none;
}

.Ntw:hover
{
	color:black;
}

.home:hover
{
	border-bottom:2px solid black;
}

.home-page
{
	width:94%;
	height:700px;
	background-color:skyblu;
	padding:3%;
	display:flex;
	gap:4%;
	position:fixe;
	
}

main
{
	display:flex;
	gap:2%;
	padding:2%;
	
}

.sect1
{
	width:70%;
	height:100%;
	margin-top:2%;
	border-radius:15px;
}

.about-self
{
	width:100%;
	height:455px;
	background-color:white;
	border-radius:15px;
}

.bg3
{
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAb8AAABxCAMAAAByWF0wAAAANlBMVEWgtLe/09bZ5eecsbTY4OHk7O3v9PXa5ujF1Na4ycvC0dOou77R3uDK2NqYrrHW4uWtv8K6yswtJ+7CAAACFElEQVR4nO3dS3LCMBQFURIB+ThAsv/NZgijdzXsW9VnC122LFuWTme9uG65cJyWnu639w2PN46TXqyvD/s1Ox72a7ZuGxeg/bDWn/2qHd4/q62ffAHaj2vnBmo/sF/7dcs3UPuBrU/7VcuvYOxHlmcQ9kOLA6D9yNa3/arFAdB+aIf9uqUB0H5ocQZoP7T4Ed5+bGkAtB9cWERhP7jwAGM/tvQAYz+29A3XfnDhG6796OzXbX6AsR/dvIrXfnDhE5L94MIbNPvRzQ+g9sOzX7cpn/34xgmE/ejm3wDtRze/wbYf3TwBtB/dPAG0H944AbQf3rgExn589qu27FfNft3WtITQfnjjNiL2w7Nft/EFqP3w7NdtfIFtPzz7dRs/QNgPz37d7NfNft3GX8jsh+f1181+3ezXzX7d7NfN92fd7NfN70fd7NfN9RPdXH/WzfWf3exXzn7V/P+om///VfP/227zDq72o3P/iW7u/1LO/Ze6DfXsV8D9B6u5/2c199/t5v7X5dx/vpvnP3Tz/JVqnn9UzfPHunn+XznP3+zm+bfVPH+6mue/d0uPL/aDC48v9mNLw5/92NLwZz+0OPzZjy0Nf/ZDO0I9+6HF2Z/90Oalu/bDi8Of/cjCt1v7sYWlZ/ajy7dP+4Hl2YP9wNLSF/uxjfsu2Q/vCEsn7Ie28fKF1m/p6X7byMfqd9aL65YLxz+9IXoyj1wDNQAAAABJRU5ErkJggg==");
	background-size:cover;
}

.bg1
{
	width:100%;
	height:200px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}

.me-img
{
	width:15%;
	padding:1%;
	height:130px;
	margin-top:15%;
	margin-left:2%;
	border-radius:100px;
}

.ds-nme
{
	font-size:25px;
	font-weight:bold;
	margin-left:3%;
	
}

.my-name
{
	display:flex;
	gap:1%;
	margin-top:2%;
}

.her
{
	color:grey;
	margin-top:0.7%;
	font-size:17px;
}

.verify
{
	width:20%;
	border:1.5px dashed #4274D9;
	border-radius:20px;
	padding:0.5%;
	text-align:center;
	color:#4274D9;
	font-weight:bold;
}

.skill
{
	font-size:20px;
	margin-left:3%;
	margin-top:0.2%;
}

.addrs
{
	display:flex;
	gap:2%;
}

.adrs
{
	color:grey;
	margin-left:3%;
	margin-top:0.2%;
}

.cnt
{
	color:#4274D9;
	font-weight:bold;
	margin-top:0.2%;
}

.mgl
{
	margin-left:3%;
	margin-top:0.8%;
}

.edit-btn
{
	display:flex;
	gap:2%;
	margin-top:2%;
	margin-left:3%;
	width:100%;
}

.open
{
	width:7%;
	font-size:17px;
	padding:1%;
	text-align:center;
	border-radius:20px;
	background-color:#2C5EAD;
	color:white;
}

.section
{
	width:10%;
	border:2px solid #4274D9;
	color:#4274D9;
	font-weight:bold;
	text-align:center;
	padding:1%;
	height:15px;
	border-radius:20px;
}

.wdt
{
	width:15%;
}

.rsc
{
	width:10%;
	padding:1%;
	text-align:center;
	border-radius:20px;
	border:2px solid black;
}

.sugest
{
	width:98%;
	height:70px;
	margin-top:1%;
	border-radius:15px;
	background-color:white;
	padding:1%;
}

.s-hd
{
	font-size:25px;
	font-weight:bold;
	margin-top:2%;
	margin-left:2%;
}

.pvt
{
	display:flex;
	gap:0.5%;
	margin-top:1%;
	margin-left:2%;
}

.aytc
{
	height:220px;
	background-color:white;
	margin-top:1%;
	border-radius:15px;
	padding:1.5%;
}

.s-hd2
{
	font-size:25px;
	font-weight:bold;
	margin-left:2%;
}

.updates
{
	display:flex;
	gap:8%;
	background-color:yello;
	height:80px;
	margin-left:2%;
	margin-top:2%;
}

.upd1
{
	width:25%;
	height:100px;
	background-color:re;
}

.title2
{
	display:flex;
	gap:2%;
	padding:1%;
}

.sub-hd
{
	font-size:18px;
	font-weight:bold;
	padding:1%;
}

.tlt-dcpt
{
	margin-top:1%;
}

.widt
{
	width:30%;
}

.shw
{
	text-align:center;
	font-size:17px;
	margin-top:1.5%;
	font-size:bold;
}

.intrest
{
	height:230px;
	background-color:white;
	margin-top:5%;
	border-radius:15px;
}

.int
{
	font-size:25px;
	font-weight:bold;
	padding:1.5%;
	margin-left:2%;
}

.option
{
	display:flex;
	gap:2%;
	background-color:skyblu;
	width:95%;
	margin-left:2.5%;
}

.tp
{
	width:10%;
	background-color:green;
	color:white;
	padding:1%;
	border-radius:20px;
	text-align:center;
	
}
	
.cmps
{
	width:10%;
	border:2px solid black;
	padding:0.5%;
	text-align:center;
	border-radius:20px;
}

.flwrs
{
	width:50%;
	height:50px;
	background-color:re;
	margin-left:3%;
	margin-top:1%;
	padding:1%;
	display:flex;
}

.accnt1
{
	width:100%;
	height:70px;
	border-radius:10px;
	background-color:re;
	display:flex;
	
}

.act-img
{
	width:12%;
	height:50px;
	padding:1%;
	border-radius:50px;
}

.act-inf
{
	padding:1.5%;
	font-size:19px;
	font-weight:bol;
	width:100%;
}

.sp-nmes
{
	display:flex;
	gap:1%;
	font-weight:bold;
}

.ceo
{
	color:grey;
	font-size:15px;
}

.flw-btn
{
	margin-top:2%;
	margin-left:10%;
	border:2px solid black;
	width:15%;
	text-align:center;
	padding:0.5%;
	border-radius:20px;
}


.sect2
{
	width:30%;
	height:600px;
	background-color:whit;
	margin-top:2%;
	border-radius:15px;
}

.perform
{
	height:230px;
	border-radius:15px;
	background-color:white;
}

.prf1
{
	width:100%;
}

.pfng
{
	font-size:22px;
	padding:4%;
	font-weight:bold;
	
}

.eng
{
	color:grey;
	margin-left:5%;
	width:70%;
	background-color:re;
}

.ppl-kn
{
	width:100%;
	height:730px;
	background-color:white;
	margin-top:2%;
	border-radius:15px;
}

.kn-hd
{
	font-size:18px;
	padding:4%;
	font-weight:bold;
	margin-bottom:0px;
}

.sub-kn
{
	color:grey;
	margin-left:4%;
	margin-top:-12px;
}

.connect1
{
	height:80px;
	background-color:re;
	margin-top:2%;
	padding:2%;
}

.box1
{
	display:flex;
}


.cnt-img
{
	width:15%;
	height:50px;
	padding:1%;
	border-radius:60px;
}

.cnt-inf
{
	padding:1.5%;
	font-size:19px;
	width:100%;
}

.cnt-nmes
{
	display:flex;
	gap:2%;
	font-weight:bold;
}

.cnt
{
	color:black;
	font-size:15px;
}

.cnt-btn
{
	border:1px solid black;
	width:25%;
	padding:1%;
	border-radius:20px;
	text-align:center;
	margin-left:25%;
	margin-top:2%;
}

.likes
{
	height:420px;
	background-color:white;
	border-radius:15px;
	margin-top:2%;
}

.TED
{
	height:100px;
	background-color:re;
	margin-top:3%;
	padding:2%;
}

.ted1
{
	display:flex;
}

.cnt2
{
	color:grey;
	font-size:14px;
}

.cnt3
{
	font-size:15px;
	width:80%;
}

.cnt4
{
	font-size:15px;
}

.scp-btn
{
	width:25%;
	border:1px solid black;
	padding:1%;
	border-radius:20px;
	margin-top:2%;
	margin-left:30%;
}

.job-img
{
	width:90%;
	height:250px;
	margin-top:3%;
	margin-left:5%;
}

.footer
{
	height:200px;
	background-color:skyblu;
	display:flex;
	gap:5%;
	padding:3%;
}

.div-box1
{
	width:45%;
	background-color:yello;
	display:flex;
	gap:1%;
	margin-top:-30px;
}

.div1
{
	width:34%;
	height:100%;
	background-color:yello;
	padding:1%;
}

.div-list
{
	font-size:16px;
	color:grey;
}

.mrg-tp
{
	margin-top:15%;
}

.div-box2
{
	width:55%;
	background-color:yello;
	display:flex;
	gap:2%;
	margin-top:-30px;
}

.div2
{
	height:100%;
	width:45%;
}

.qstn
{
	background-color:re;
	height:50px;
	display:flex;
	gap:2%;
}

.qst
{
	color:grey;
	font-size:25px;
}

.qstn-info
{
	margin-top:1%;
}

.qst-hd
{
	color:grey;
	font-weight:bold;
}

.qst-dsp
{
	font-size:13px;
}

.div3
{
	width:55%;
	height:100%;
	background-color:re;
}

.head-select
{
	margin-left:10%;
	color:grey;
}

select
{
	width:80%;
	padding:1%;
	margin-left:10%;
	font-size:15px;
	margin-top:2%;
}

main
{
	height:1660px;
}

.mobile-screen5
{
	display:none;
}

@media screen and (max-width:800px) 
{
	
	.nav-up
	{
		display:none;
	}
	
	main
	{
		display:none;
	}
	
	.footer
	{
		display:none;
	}
	
	.mobile-screen5
	{
		display:block;
		background-color:#ECEBDE;
		width:100%;
	}
	
	.my-img
	{
		width:11%;
		margin-top:1%;
	}
	
	.me-jpg
	{
		width:100%;
		height:36px;
		border-radius:50px;
		padding:1%;
	}
	
	.nav-items
	{
		display:flex;
		gap:1%;
		background-color:white;
		height:50px;
		width:100%;
		position:fixed;
		top:0px;
	}
	
	.input2
	{
		width:80%;
		height:25px;
		margin-top:2%;
		padding:1%;
		background-color:#F5F5F0;
		border:none;
	}
	
	.msg
	{
		font-size:25px;
		padding:2%;
	}
	
	.box1
	{
		height:250px;
		width:100%;
		background-color:white;
		margin-top:10%;
	}
	
	.bg3
	{
		background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAb8AAABxCAMAAAByWF0wAAAANlBMVEWgtLe/09bZ5eecsbTY4OHk7O3v9PXa5ujF1Na4ycvC0dOou77R3uDK2NqYrrHW4uWtv8K6yswtJ+7CAAACFElEQVR4nO3dS3LCMBQFURIB+ThAsv/NZgijdzXsW9VnC122LFuWTme9uG65cJyWnu639w2PN46TXqyvD/s1Ox72a7ZuGxeg/bDWn/2qHd4/q62ffAHaj2vnBmo/sF/7dcs3UPuBrU/7VcuvYOxHlmcQ9kOLA6D9yNa3/arFAdB+aIf9uqUB0H5ocQZoP7T4Ed5+bGkAtB9cWERhP7jwAGM/tvQAYz+29A3XfnDhG6796OzXbX6AsR/dvIrXfnDhE5L94MIbNPvRzQ+g9sOzX7cpn/34xgmE/ejm3wDtRze/wbYf3TwBtB/dPAG0H944AbQf3rgExn589qu27FfNft3WtITQfnjjNiL2w7Nft/EFqP3w7NdtfIFtPzz7dRs/QNgPz37d7NfNft3GX8jsh+f1181+3ezXzX7d7NfN92fd7NfN70fd7NfN9RPdXH/WzfWf3exXzn7V/P+om///VfP/227zDq72o3P/iW7u/1LO/Ze6DfXsV8D9B6u5/2c199/t5v7X5dx/vpvnP3Tz/JVqnn9UzfPHunn+XznP3+zm+bfVPH+6mue/d0uPL/aDC48v9mNLw5/92NLwZz+0OPzZjy0Nf/ZDO0I9+6HF2Z/90Oalu/bDi8Of/cjCt1v7sYWlZ/ajy7dP+4Hl2YP9wNLSF/uxjfsu2Q/vCEsn7Ie28fKF1m/p6X7byMfqd9aL65YLxz+9IXoyj1wDNQAAAABJRU5ErkJggg==");
		background-size:cover;
		width:100%;
		height:85px;
	}
	
	.me-img
	{
		width:30%;
		padding:1%;
		height:120px;
		margin-top:3%;
		margin-left:2%;
		border-radius:100px;
	}
	
	.ds-nme
	{
		font-size:25px;
		font-weight:bold;
		margin-left:3%;
		
	}

	.my-name
	{
		display:flex;
		gap:1%;
		margin-top:2%;
	}
	
	.her
	{
		color:grey;
		margin-top:0.7%;
		font-size:17px;
	}
	
	.skill
	{
		font-size:20px;
		margin-left:3%;
		margin-top:0.2%;
	}
	
	.addrs
	{
		display:flex;
		gap:2%;
	}
	
	.adrs
	{
		color:grey;
		margin-left:3%;
		margin-top:0.2%;
	}
	
	.cnt
	{
		color:#4274D9;
		font-weight:bold;
		margin-top:0.2%;
	}
	
	.mgl
	{
		margin-left:3%;
		margin-top:0.8%;
	}
	
	.box2
	{
		height:85px;
		background-color:white;
		margin-top:3%;
	}
	
	.box3
	{
		height:130px;
		background-color:white;
		margin-top:3%;
	}
	
	.abt
	{
		padding:4%;
		font-size:19px;
	}
	
	.smry
	{
		font-size:17px;
		margin-left:2.5%;
		color:#4274D9;
		font-weight:bold;
	}
	
	.mg
	{
		margin-top:4%;
	}
	
	.dip
	{
		margin-left:3%;
		margin-top:-5px;
	}
	
	.box4
	{
		height:120px;
		background-color:white;
		margin-top:3%;
	}
	
	.abt2
	{
		padding:4%;
		font-size:19px;
		color:grey;
		font-style:italic;
	}
	
	.views
	{
		display:flex;
		gap:2%;
	}
	
	.five
	{
		width:50%;
	}
	
	.f5
	{
		font-size:20px;
		color:#4274D9;
		font-weight:bold;
		padding:2%;
		margin-left:5%;
	}
	.f52
	{
		font-size:15px;
		margin-left:6%;
	}
	
	.zero
	{
		width:50%;
	}
	
	.experience
	{
		height:230px;
		margin-top:3%;
		background-color:white;
		text-align:center;
	}
	
	.breif
	{
		width:28%;
		height:75px;
	}
	
	.have
	{
		font-size:17px;
	}
	
	.add
	{
		margin-top:2%;
		color:grey;
	}
	
	.exp-btn
	{
		width:90%;
		border:2px solid #4274D9;
		padding:2%;
		border-radius:20px;
		color:#4274D9;
		font-weight:bold;
		margin-top:5%;
		margin-left:3%;
	}
	
	.experience2
	{
		height:260px;
		margin-top:3%;
		background-color:white;
		text-align:center;
	}
	
	.box5
	{
		height:90px;
		background-color:white;
		margin-top:3%;
		padding:2%;
	}
	
	.contact
	{
		height:260px;
		margin-top:2%;
		background-color:white;
	}
	
	.pencil
	{
		font-size:20px;
		margin-left:75%;
	}
	
	.email
	{
		display:flex;
		gap:2%;
		height:70px;
		background-color:re;
	}
	
	.emal
	{
		margin-top:2%;
		font-size:20px;
	}
	
	.eml
	{
		font-size:25px;
		padding:2%;
		margin-left:2%;
		color:grey;
	}
	
	.eml2
	{
		font-size:17px;
		color:#4274D9;
		margin-top:2%;
	}
	
	.footer2
	{
		background-color:white;
		border-top:2px solid black;
		position:fixed;
		width:100%;
		bottom:0px;
	}
	
	.nav-list-mb
	{
		display:flex;
		gap:5%;
		padding:1%;
		background-color:skyblu;
	}
	
	.home1
	{
		margin-left:15%;
		font-size:15px;	
		text-align:center;
	}
	
	.mrg
	{
		margin-left:15%;
	}
	
	.mb-post
	{
		display:flex;
		width:90%;
		margin-left:1%;
		margin-top:5%;
	}
	
	.mb-home
	{
		text-align:center;
		color:black;
		text-decoration:none;
		width:100%;
	}
	
	.a1
	{
		color:grey;
	}
	
	.hm-mb
	{
		font-size:25px;
		margin-left:15%;
	}
}