@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300&family=Poppins:ital,wght@0,200;0,300;0,400;1,200&family=Quicksand&family=Roboto:ital,wght@0,400;1,700;1,900&display=swap ');


*
{
	margin:0px;
	padding:0px;
	font-family:poppins;
	
}

.nav-items
{
	display:flex;
	flex-wrap: wrap;
	position: fixed;
	padding:45px;
	padding-left: 50px;
	padding-bottom: 50PX;
	list-style:none;
	justify-content:;
	
	
}

ul>li>a
{
	text-decoration:none;
	padding:25px;
	color:white;
	
}

.logo
{
	width:140px;
	margin-left:25px;
	
}

.nav-container
{
	display:flex;
	padding-bottom: 25px;
	justify-content:space-between;
	
	
	
}

.container
{
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0.5);
	
}

.background-clip
{
	width:100%;
	
	position:absolute;
	right:0;
	bottom:0;
	z-index:-2;
}

.heading
{
	font-size:55px;
	color:#F26928;
	text-align:center;
	font-weight:1500;
}

.heading2
{
	
	color:white;
	text-align:center;
	padding:20px;
	
}

.span
{
	color:#2987C8;
}

.minihead
{
	color:white;
	text-align:center;
	padding-bottom:10px;
	text-decoration:underline;
	
}

.section-container
{
	display:flex;
	justify-content:center;
}

.sections
{
	background-color:#ffffff33;
	width:270px;
	height:150px;
	border-radius:5px;
	margin-left:25px;
	padding:20px;
}

.sectionsh
{
	background-color:#ffffff33;
	width:270px;
	height:180px;
	border-radius:5px;
	margin-left:25px;
	padding:20px;
}

.minihead2
{
	color:white;
	text-align:center;
}



.fa-solid 
{
	color:white;
	font-size:45px;
	padding-left:105px;
	padding-bottom:40px;
}

.marimg
{
	border-radius:10px;
	width:220px;
	margin:15px;
}

.img1
{
	width:550px;
	margin-right:25px;
	
}

.second-section-container
{
	display:flex;
	justify-content:space-around;
	margin:125px;
}

.textpara
{
	
	margin-top:65px;
	line-height:32px;
	
}

.cirimg
{
	width:150px;
	height:150px;
	border-radius:500px;
	margin-right:50px;
}

.sub-section3
{
	display:flex;
	padding:15px;
	box-shadow: 10px;
	 border-width:10px;
	 border-color:black;
	 background-color:white;
	 margin-right:25px;
	 
}

.textpara1
{
	
	margin-top:15px;
	line-height:42px;
	
}

.fa-brands
{
	color:#2987C8;
	font-size:25px;
	margin-top:15px;
	
}

.button2

{
	padding:5px;
	color:black;
	background-color:#17A2B8;
	border-radius:5px;
	border-width:0px;
	margin-left:15px;
	width:95px;
}

.third-section-container
{
	display:flex;
	justify-content:center;
}

.head4
{
	font-size:35px;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	padding:15px;
	
	
}

.para4
{
	font-size:25px;
	font-weight:400;
	text-align:center;
	
	
}

.fourth-section-container
{
	padding-top:95px;
	padding-left:195px;
	padding-right:195px;
}

.fifth-section-container
{
	display:flex;
	justify-content:center;
	margin-left:-35px;
	
}



.sixth-section-container
{
	display:flex;
	justify-content:center;
	margin-left:-90px;
	margin-top:-45px;
	
}
.fifthsection 
{
	background-color:brown;
	padding:25px;
	color:white;
	margin-top:45px;
	margin-left:45px;
	
	width:300px;
	height:300px;

}


.sixthsection 
{
	background-color:#DF1587;
	padding:25px;
	color:white;
	margin-top:45px;
	margin-left:px;
	
	width:220px;
	height:300px;

}
.fifthsection1 
{
	background-color:#194F75;
	padding:25px;
	color:white;
	margin-top:45px;
	margin-left:px;
	
	width:300px;
	height:300px;

}

.sixthsection1
{
	background-color:#F26928;
	padding:25px;
	color:white;
	margin-top:45px;
	margin-left:10px;
	
	width:220px;
	height:300px;

}

.mfifthsection
{
	display:flex;
	
}

.mfifthsection1
{
	display:flex;
	margin-left:35px;
	
}

a 
{
	text-decoration:none;
	color:white;
	text-align:bottom;
}

.img5
{
	width:320px;
	height:350px;
	margin-top:45px;
	
	
}

.img6
{
	width:320px;
	height:350px;
	margin-top:45px;
	margin-left:10px;
	
}

.img7
{
	width:400px;
	height:350px;
	margin-top:45px;
	margin-left:65px;
	
}

.img8
{
	width:400px;
	height:350px;
	margin-top:45px;
	margin-left:px;
	
}

.section-seveen
{
	width:500px;
	height:300px;
	
	padding-left:70px;
	padding-top:125px;
	
}

.smallsecontainer
{
	width:200px;
	margin-left:85px;
	padding:5px;
}

.seveenmain
{
	display:flex;
	margin-left:-65px;
	
}

.seventh-section-container
{
	display:flex;
	margin-top:95px;
}

.smallsehead
{
	font-size:25px;
}

.smallsepara
{
	font-size:12px;
}

.smallseparaw
{
	font-size:12px;
	color:white;
}

.smallseparawr
{
	font-size:12px;
	color:white;
	text-align:center;
	padding:45px;
}

.smallseparawa
{
	
	list-style:none;
}

.fa-sharp
{
	color:black;
	margin-bottom:-25px;
	margin-top:25px;
	margin-left:-110px;
	font-size:25px;
}

.img9
{
	width:700px;
	height:510px;
}

.eight-main-container
{
	background-color:#343A40;
	margin-top:65px;
	padding:45px;
	display:flex;
}

.cardsec
{
	background-color:#ffffff8f;
	position:absolute;
	bottom:0;
	margin-bottom:6px;
	width:350px;
	padding:25px;
	
}

.eightsec
{
	position:relative;

}

.cardsec2
{
	background-color:white;
	width:350px;
	height:200px;
	padding:25px;
	
}

.eightsectwo
{
	display:flex;
	margin-bottom:10px;
	
}


.img10
{
	width:320px;
	height:250px;
}

.margin
{
	margin-left:10px;
}

.bluesec
{
	background-color:#2B88C9;
	display:flex;
	padding:45px;
}

.fa-brands
{
	color:white;
	margin-left:15px;
}

h4
{
	color:white;
	margin-left:25px;
	font-size:15px;
}

.frstcol
{
	margin-left:15px;
	margin-right:15px;
}

.last
{
	background-color:#343A40;
}


.nav-container a:hover
{
	background-color:#FFECDF ;
	color:blue;
}

.button2:hover
{
	color:white;
}

.fifthsection:hover
{
	background-color:white;
	color:black;
}

.img5:hover
{
	width:320px;
	height:360px;
	margin-top:45px;
}

.fifthsection1:hover
{
	background-color:white;
	color:black;
}

.img6:hover
{
	width:320px;
	height:360px;
	margin-top:45px;
}

.sixthsection:hover
{
	background-color:white;
	color:black;
}


.sixthsection1:hover
{
	background-color:white;
	color:black;
}

.img7:hover
{
	width:400px;
	height:360px;
	margin-top:45px;
	margin-left:65px;
}

.img8:hover
{
	width:400px;
	height:360px;
	margin-top:45px;
	
}

.smallsehead:hover
{
	color:orange;
}

.cardsec:hover
{
	background-color: rgba(0,0,0,0.5);
	color:white;
	width:380px;
}


.cardsec2:hover
{
	background-color: rgba(0,0,0,0.5);
	color:white;
	width:380px;
}