section .title {
	width: 100%;
	height: 6rem;
	display: flex;
	align-items: center;
	text-align: center;
}
section {
    	width: 100%;

}
section img {
	float: left;
	max-width: 10rem;
	max-height: 10rem;
	object-fit: cover;
	padding-left: 0.3rem;
}
section h1 {
	margin: 0 auto;
	font-family: "Merriweather Sans", sans-serif;
	font-size: 2.5rem;
}
.container {
	width: 100%;
	margin: 3.5rem auto 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 2rem;
	flex-wrap: wrap;
}
.container a {
	text-decoration: none;
	color: black;
}
.container span {
	font-weight: bold;
	font-family: "Poppins", sans-serif;
	font-size: 1.1rem;
}
.container a:hover {
	text-decoration: underline;
}
.box {
	width: 40rem;
	height: 15rem;
	border: 0.1rem solid #888888;
	border-radius: 1rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.box-content {
    width: 65%;
	height: 85%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0.3rem;
}
.box h2 {
	font-family: "Poppins", sans-serif;
	font-weight: bold;
	font-size: 1.6rem;
}
.box p {
	font-family: "Poppins", sans-serif;
	font-size: 1.2rem;
}
.box p a {
	cursor: pointer;
	color: blue;
}
.box h3 {
	font-family: "Poppins", sans-serif;
	font-weight: bold;
	font-size: 1.3rem;
}
.container .divisor {
	height: 100%;
	width: 0.1rem;
	background-color: black;
}

.education .title {
	background-color: rgba(2, 201, 174, 0.2);
}
section {
	margin-top: 5rem;
}

.health .title {
	background-color: rgba(255, 0, 0, 0.2);
}

.commerce .title {
	background-color: rgba(0, 500, 0, 0.2);
}
.others .title {
	width: 100%;
}

@media screen and (max-width: 480px) {
    .box {
	width: 40rem;
	height: 20rem;
}
}