.section2{
	width: 100%;
	height: 100%;
}


.section2-cont{
	width: 80%;
	height: 100%;
	margin-top: 7%;
	margin-left: 10%;
}

.section2-top{
	width: 100%;
	height: 100%;
	border-radius: 5px;
	transition: .3s ease;
	background-color: white;
}

.section2-top img{
	width: 100%;
	height: 400px;
}
.section2-top h2{
	font-weight: 400;
	font-size: 15px;
	margin-top: 0.5%;
	margin-left: 1%;
	color: #626261;
}

.section2-top h1{
	margin-top: 0.5%;
	margin-left: 1%;
	font-size: 28px;
}

.section2-top h1 span{
	color: #f5a934;
}

.section2-top p{
	margin-top: 1%;
	margin-left: 1%;
}

.section2-top a{
	text-decoration: none;
	display: flex;
	margin-top: 1.5%;
	margin-left: 1.5%;
	width: 120px;
	
}

.section2-top a h3{
	font-weight: 600;
	color: #132c4f;
	transition: .5s ease;
}
.section2-inner-blank{
	width: 100%;
	height: 50px;
}
.section2-top:hover{
	background-color: #132c4f;
}

.section2-top:hover h2{
	color: white;
}
.section2-top:hover h1{
	color: white;
}

.section2-top:hover h1 span{
	color: white;
}

.section2-top:hover p{
	color: white;
}

.section2-top:hover a h3{
	color: white;
}

.section2-top a h3:hover{
	text-decoration: underline;
}


.section2-end{
	width: 100%;
    margin-top: 5%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(330px,1fr));
	gap: 30px 60px;
}

.section2-end-card{
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.section2-end-card img{
	width: 100%;
	height: 310px;
}

.section2-end-card h2{
	font-weight: 400;
	font-size: 15px;
	margin-top: 0.5%;
	color: #626261;
	margin-left: 1%;
}
.section2-end-card h1{
	margin-top: 0.5%;
	font-size: 25px;
	margin-left: 1%;
}

.section2-end-card h1 span{
	color: #f5a934;
}
.section2-end-card p{
	margin-top: 1%;
	font-size: 15px;
	margin-left: 1%;
}
.section2-end-card a{
	text-decoration: none;
	display: flex;
	margin-top: 1.5%;
	margin-left: 1.5%;
	width: 120px;
}
.section2-end-card a h3{
	font-weight: 600;
	color: #132c4f;
	transition: .5s ease;
	font-size: 17px;
}


.section2-end-card:hover{
	background-color: #132c4f;
}



.section2-end-card:hover h2{
	color: white;
}
.section2-end-card:hover h1{
	color: white;
}

.section2-end-card:hover h1 span{
	color: white;
}

.section2-end-card:hover p{
	color: white;
}

.section2-end-card:hover a h3{
	color: white;
}

.section2-end-card a h3:hover{
	text-decoration: underline;
}






.section2-blank{
	width: 100%;
	height: 100px;
}