*
{
	box-sizing:border:box;
}

body
{
	background-color:#ECEBDE;
	margin:0px;
}

.nav-scrn-up
{
	
	background-color:white;
	display:none;
}


.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:8%;
	padding:0.3%;	
	margin-left:35%;
	margin-top:-40px;
	background-color:skyblu;
	width:36%;
	
}

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

.pfp
{
	width:30%;
	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;
}

.hme
{
	width:5%;
	text-decoration:none;
	color:black;
	text-align:center;
	color:grey;
}
.hme:hover
{
	color:black;
}

.home
{
	text-align:center;
	background-color:re;
	height:50px;
	width:15%;
	border-bottom:2px solid black;
	text-decoration:none;
	color:black;
}
.Ntw
{
	text-align:center;
	background-color:re;
	height:50px;
	width:20%;
	color:grey;
	margin-left:-5%;
	text-decoration:none;
}
.Ntw:hover
{
	color:black;
}

.other-icn
{
	display:flex;
	width:60%;
	margin-top:-58px;
	margin-left:40%;
}

.main
{
	width:96%;
	height:525px;
	background-color:;
	margin-top:3%;
	padding:2%;
	display:flex;
	gap:2%;
}

.section1
{
	width:70%;
	height:547px;
	background-color:white;
	border-radius:15px;
}

.header
{
	padding:2%;
	width:96%;
	height:30px;
	background-color:;
	border-radius:15px;
	display:flex;
	gap:1%;
}

.title
{
	display:flex;
	gap:2%;
	width:50%;
	background-color:;
}

.msg-hd
{
	font-size:20px;   
	font-weight:bold;
}

.input
{
	width:50%;
	background-color:#DFF1F1;
	border:none;
	padding:1.5%;
	margin-left:1%;
	border-radius:5px;
	font-weight:;
}

.menu2
{
	display:flex;
	gap:10%;
	width:50%;
	font-size:25px;
	font-weight:bold;
	background-color:re;
}

.msg-nav
{
	width:98%;
	height:30px;
	background-color:skyblu;
	padding:1%;
	display:flex;
	gap:2%;
}

.div1
{
	width:12%;
	height:18px;
	border-radius:20px;
	text-align:center;
	padding:1%;
	background-color:green;
	color:white;
	font-weight:bold;
}

.nav-list
{
	display:flex;
	gap:2%;
	width:55%;
	background-color:re;
}

.li1
{
	width:17%;
	height:18px;
	border:1.5px solid grey;
	border-radius:20px;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	padding:1.5%;
}

.li2
{
	width:20%;
}

.li3
{
	width:28%;
}

.sms
{
	width:100%;
	height:400px;
	display:flex;
	background-color:skyblu;
}

.sm1
{
	width:35%;
	height:412px;
	border-bottom-left-radius:15px;
	border:1px solid grey;
	margin-top:-9px;
}

.txt1
{
	width:100%;
	height:90px;
	display:flex;
	gap:2%;
	border:none;
}

.txt
{
	width:100%;
}

.txt-hd
{
	display:flex;
	gap:15%;
	margin-top:6%;
	width:100%;
	background-color:yello;
	font-size:17px;
}

.txt-hd2
{
	display:flex;
	gap:6%;
	margin-top:6%;
	font-size:16px;
}

.hd2
{
	gap:20%;
	font-size:16px;
}

.msgs2
{
	font-size:15px; 
	width:80%; 
	margin-top:2%; 
	color:grey;
}
.im-txt
{
	width:15%;
	height:40px;
	padding:3%;
	margin-top:5%;
}

.im2
{
	border-radius:50px; 
	width:19%; 
	height:50px; 
	margin-top:2%;
}

.txts2
{
	width:100%;
	height:90px;
	display:flex;
	gap:2%;
	border:none;
	margin-top:5%;
	
}

.txt6
{
	border-left:5px solid green;
	color:black;
}

.sm2
{
	width:70%;
	height:412px;
	border:1px solid grey;
	border-bottom-right-radius:15px;
	margin-top:-9px;

	
}

.lkname
{
	margin-left:1%;
}

.icn-msg2
{
	display:flex;
	gap:10%;
	font-size:25px;
	margin-left:60%;
	margin-top:1%;
}

.width
{
	width:100%;
}

.lk-msg
{
	width:100%;
	height:290px;
	background-color:skyblu;
	overflow:auto;
	overflow-x:hidden;
}

.intro-lnk
{
	width:100%;
}

.img-lnk
{
	width:8%;
	height:40px;
	margin-left:4%;
	margin-top:3%;
}

.lk-4
{
	font-weight:bold;
	font-size:17px;
	margin-left:3%;
	margin-top:3%;
}

.lk-dp
{
	margin-left:3%;
	font-size:15px;
}

.img-sms
{
	width:6%;
	height:30px;
	margin-left:2%;
}

.the-lnk
{
	width:100%;
	height:180px;
	background-color:skyblu;
	display:flex;
	gap:2%;
}

.wlcm
{
	margin-top:2%;
	font-weight:bold;
}

.the-msg4
{
	margin-top:2%;
}

.reply-box2
{
	width:100%;
	height:50px;
	background-color:#F5F5F5;
}

.reply-sms2
{
	display:flex;
	gap:2%;
	width:85%;
	height:20px;
	margin-left:5%;
	padding:3%;
}


.k-sms
{
	border:none;
	width:44%;
	margin-top:17.5%;
	margin-left:24.5%;
}

.sms-nav
{
	width:44%;
	height:40px;
	position:fixed;
	background-color:skyblu;
	display:flex;
}

.kname
{
	width:20%;
	margin-left:1%;
}

.k-nme
{
	font-size:17px;
	font-weight:bold;
}

.k-nme2
{
	font-size:15px;
	color:grey;
	margin-left:1%;
}

.icn-msg
{
	display:flex;
	gap:15%;
	font-size:25px;
	margin-left:67%;
}

.the-msg
{
	width:100%;
	height:180px;
	background-color:skyblu;
	overflow:auto;
	overflow-x:hidden;
}

.pfpimg
{
	border-radius:60px;
	width:13%;
	margin-top:2%;
	margin-left:2%;
}

.k-nme3
{
	font-size:17px;
	font-weight:bold;
	margin-left:4%;
}

.dsptn
{
	margin-left:4%;
	margin-top:1%;
	width:100%;
	color:gre;
	font-size:16.5px;
}

.hr-line
{
	display:flex; 
	width:100%;
	gap:2%; 
	margin-top:2%; 
	color:grey
}

.ln1
{
	border:1px solid lightgrey ; 
	width:40%; 
	height:0px;
	margin-top:1.5%; 
	margin-left:2%;
}

.the-sms
{
	width:100%;
	height:55px;
	background-color:skyblu;
	margin-top:1%;
	display:flex;
}

.sms-name
{
	margin-left:1%;
	font-weight:bold;
}


.sms3
{
	font-size:15px;
	font-weight:bold;
	margin-top:10%;
	
}

.reply-sms
{
	width:100%;
	height:40px;
	background-color:lightgre;
	margin-top:15%;
	display:flex;
	gap:5%;
	margin-left:27%;
}

.btnk
{
	width:20%;
	height:20px;
	border:2px solid #4382DF;
	color:#4382DF;
	text-align:center;
	padding:1%;
	margin:;
	border-radius:20px;
}

.btnk2
{
	width:10%;
	height:20px;
}

.reply
{
	width:100%;
	height:156px;
	background-color:skyblu;
	margin-top:1%;
}

.sms-box
{
	display:flex;
	gap:2%;
}

.txtar
{
	width:90%;
	margin-left:1%;
	height:85px;
	border-radius:7px;
	padding:1%;
	background-color:#FDF6ED;
	border:none;
}

.otr-icn
{
	display:flex;
	width:100%;
	gap:2%;
}

.o-icn1
{
	display:flex;
	gap:5%;
	width:65%;
	margin-left:2%;
	height:30px;
}

.ictp
{
	font-size:25px;
}

.o-icn2
{
	width:30%;
	height:30px;
	display:flex;
	gap:5%;
}

.btns
{
	width:30%;
	background-color:lightgrey;
	color:grey;
	text-align:center;
	height:20px;
	padding:1.5%;
	margin-left:35%;
	margin-top:1%;
	border-radius:20px;
}



.section2
{
	width:25%;
	height:400px;
	background-color:;
	position:fixed;
	margin-left:71%;
	border-radius:15px;
}



.advt
{
	
	width:100%;
	background-color:gree;

}

.adv-img
{
	width:100%;
	border-radius:15px;
	height:250px;
	margin-top:2%;
	
	
}

.about
{
	margin-top:1%;
	width:100%;
	height:200px;
	
}

.row1
{
	display:flex;
	gap:15%;
	width:90%;
	margin-left:13%;
	height:10px;
	background-color:yello;	
	
}

.rlst
{
	color:grey;
	font-size:13px;
}

.row2
{
	display:flex;
	gap:10%;
	margin-top:3%;
	margin-left:7%;
}

.copyright
{
	display:flex;
	gap:3%;
	margin-top:5%;
	margin-left:12%;
}

.nme
{
	color:blue;
	font-size:17px;
	font-weight:bold;
}

.lnkd
{
	color:blue;
}

.nme2
{
	margin-top:0.5%;
}