@import url('https://fonts.googleapis.com/css2?family=Afacad:wght@500&family=Open+Sans&display=swap');
*{
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
}
h4{
	font-size: 30px;
	color: #000080;
	margin: 2% 7%;
}
.about-list1{
	display: flex;
	margin: 2% 7% 4%;
	align-items: center;
	justify-content: center;
}
.about-txt1{
	font-size: 22px;
	color: #000080;
	letter-spacing: 0.5px;
	width: 60%;
	margin-top: 10px;
	line-height: 23px;
	padding: 10px;
}
.img-a{
	height: 430px;
	width: 430px;
	margin: 0px 0px 0px 20px;
	box-shadow: 8px 8px #000080;
	border-radius: 10px;
}
.h4-b{
	border-left: 4px solid red;
	padding: 10px;
}
h5{
	margin: 0px 0px 20px 0px;
}
.about-txt2{
	font-size: 21px;
	color: #000080;
	margin: 0px 0px 0px 15%;
	line-height: 22px;
	padding: 10px;
}
.about3{
color: #000080;
}
.a-item{
	margin: 2% 0px 2% 18%;
	border-left: 6px solid red;
	padding: 30px;
}
@media only screen and (min-width: 200px) and (max-width: 790px){
.about-txt1, .about-txt2{
	font-size: 18px;
	padding: 10px;
	margin: 0px 0px 0px 40px;
	width: initial;
}
.about-list1{
	display: flex;
	margin: 2% 0px 4%;
	flex-direction: column;
}
.img-a{
	margin-top: 40px;
	height: 350px;
	width: 350px;
}
h4{
	margin: 2% 2.5%;
}
}
@media only screen and (min-width: 790px) and (max-width: 1200px){
.about-txt1, .about-txt2{
	font-size: 18px;
	padding: 10px;
	margin: 0px 0px 0px 40px;
	width: initial;
}
.about-list1{
	display: flex;
	margin: 2% 0px 4%;
	flex-direction: column;
}
.img-a{
	margin-top: 40px;
	height: 500px;
	width: 500px;
}
h4{
	margin: 2% 2.5%;
}
}