design.css

body{
	color: black;
	background: white;
}

a{
	text-decoration: none;
	color:rgb(238, 235, 243);
}

.Container1{
	color: rgb(228, 225, 207);
	background-size: cover;
	width: 100%;
	height: 650px;
	margin: auto;
	background-image: url(images/1.png);
	
}


.Container2{
	font-size: 1.25rem;
    line-height: 1.75rem;
	color: rgb(97, 61, 224);
	display: flex;
	background-color: #f3ebf7;
	margin-right: 50vw;
	align-items: flex-start;
	justify-content: center;
	border-radius: 40px;	
	margin-left: 200px;
	height: 700px;
	width: 68vw;
	padding: 50px;
	margin-top: 30px;

}

.Container3{
	display: flex;
	font-size: 1.25rem;
	color: rgb(31, 59, 143);
	display: flex;
	background-color: #ddf7f7;
	margin-right: 50vw;
	align-items: flex-start;
	justify-content: center;
	border-radius: 40px;	
	margin-left: 200px;
	height: 700px;
	width: 68vw;
	padding: 50px;
	margin-top: 30px;
}

.Container4{
	color: white;
	display: flex;
	background-color: rgb(18, 29, 51);
	background-image: url(images/banner.png);
	width: 100%;
	height: 200px;
	justify-content: center;
	padding-top: 50px;
}


.Container5{
	display: flex;
	justify-content: center;

}
/*---------------------------------------------------------------------------------------------------------------------------*/

.Container5 h3{
	font-family: 'Times New Roman', Times, serif;
	font-size: 30px;
	color: black;
}
.Container5 h5{
	font-family: 'Times New Roman', Times, serif;
	font-size: 20px;
	color: black;
}

.Container5 div{
	border: 1px transparent solid;
	padding-top: 20px;

}
.end1{
	flex: 2;
	padding-left: 10em;
	font-size: 18px;
	color: rgb(96, 96, 96);
	list-style-type: none;
}
.end1 ul, .end2 ul, .end3 ul, .end4 ul{
	list-style-type: none;
}

.end2{
	flex: 1;
	font-size: 18px;
	color: rgb(96, 96, 96);
	
}

.end3{
	flex: 1;
	font-size: 18px;
	color: rgb(96, 96, 96);
}

.end4{
	flex: 1;
	font-size: 18px;
	color: rgb(96, 96, 96);
}	

/*-------------------------------------------------------------------------------------------------------------------------------*/
.button8{
	color:rgb(28, 120, 231);
	background-color : white;
	border: 1px solid white;
	font-size: 25px;
	border-radius: 8px;
	padding:15px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;

}


.T1 h1{
	color: white;
	font-size: 45px;
	font-family: 'Times New Roman', Times, serif;
}


.C3-box2 div{
	border: 1px solid rgb(137, 191, 224);
	border-radius: 10px;
	margin-bottom:10px;
	font-style: normal;
	font-family: sans-serif;
	 
}

.C3-box2{
	margin-left: 30px  	;
}

.C3-box2 h1{
	color: rgb(11, 100, 194);
	font-size: 40px;

}

.P1 {
	font-size:20px;
	padding-top: 0;
	padding-bottom:0;
	padding-left: 15px;
	background-color: rgb(176, 215, 239)	;

}

.P1 h4{
	font-size: 20px;
}

.p{
	font-size:20px ;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;

}
.p :visited{
	color:rgb(11, 100, 194);
}



                                                    /*   @Code Container2 Start*/

.C2-box1{
	      	
}

.C2-box2{
	margin-left: 30px;

} 

.C2-box1 div{
	border: 0.25px rgb(192, 194, 194) solid;
	border-radius: 10px;
	margin-bottom:10px;
	font-style: normal;
	font-family: sans-serif;

}

.points1{
	font-size:20px;
	padding-top: 0;
	padding-bottom:0;
	padding-left: 15px;
	background-color: rgb(180, 167, 220);

}

.points{
	font-family:sans-serif;
	font-size:20px ;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.points :visited{
	color:rgb(97, 61, 224)
}

.C2-box1 h1{
	font-size: 40px;
    line-height: 40px;

}

.C2-box1 h4{
	font-size: 20px;
}


.button1{
	color:white;
	background-color:rgb(97, 61, 224);
	border:1px transparent white;
	font-size: 25px;
	border-radius: 8px;
	padding:15px;
	font-family: Arial, Helvetica, sans-serif;
    margin-left:15rem;
	margin-top: 10px;
	

}




                                                    /*  Container2 ends */


													/* Container1 Code Start */


.button4{
	color:white;
	background-color:rgb(12, 108, 242);
	border:1px transparent white;
	font-size: 20px;
	border-radius: 8px;
	padding:15px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 20px;
	margin-top: 200px;

}

.button5{
	color:black;
	background-color:white;
	border:1px transparent white;
	font-size: 20px;
	border-radius: 8px;
	padding: 15px 18px;
	font-family: Arial, Helvetica, sans-serif;
}

.button2{
	color: white;
	border:2px solid white;
	font-size: 18px;
	border-radius: 8px;
	padding-bottom: 12px;
	padding-left:8px;
	padding-right:8px; 
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 550px;

}

.button6{
	padding-left:8px;
	padding-right:8px;
	margin-top:20px;	
	color: BLACK;
	border:2px solid white;
	background-color:white;
	font-size: 18px;
	border-radius: 8px;
	padding-bottom: 12px;
	font-family: Arial, Helvetica, sans-serif;

}
.TopTag{

	font-family: Inter, -apple-system,
	BlinkMacSystemFont, "Segoe UI",
	Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	
	color: white;
	text-align: center;
	
	background-image: linear-gradient(to right, rgb(9, 86, 191),
	 rgb(4, 64, 143), rgb(2, 54, 120), 
	 rgb(4, 64, 143), rgb(9, 86, 191));
	
	padding: 10px 4px;
	margin: 0px;
	border: 10px;

}

.block{
	float: right;
}

.KK{
	display: inline	;
}

.block div{
	border: 1px solid black;
}


.LoginTag{
	font-family: sans-serif ;
	color: rgb(204, 210, 222);
	padding: 0.25rem;
	border-radius: 0.25rem;
	position:  relative;
	width: 100%;
	font-size: 20px;
	
	
}

.LoginTag ul{
	padding: 20px;
	word-spacing: 20px;
	display: inline;


}

.LoginTag li{
	 display: inline;
}

.box-1{

	text-align: left;
	border:1px transparent solid;
	margin-left: 150px;
	margin-right: 200px;
	margin-top: 50px;
	padding-top: 0px;
	padding-right: 0px;  
	padding-left: 100px;
	

}

.box-1 h1{
	font-family: sans-serif;
	font-size: 48px;
	font-style: normal;
}

.box-1 h3{
	font-size: 25px;
	font-family: sans-serif;

}

													/* Container1 end */