/* about.html */
.about-container {
	display: flex;
	flex-direction: column;
	gap: 40px;
	max-width: 900px;
	margin-inline: auto;
	margin-block-end: 75px;
	padding-inline: 30px;
}

.about-container > div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	background-color: var(--box-bg-color);
	padding: 20px;
	border-radius: 8px;
	align-items: start;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.about-container p {
	margin: 0;
	font-size: 15px;
	font-weight: 300;
}

.about-container img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	object-fit: cover;
}

.text-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.about-container h2 {
	margin: 0 0 30px 0;
	color: var(--primary-color);
}

.ingress-part-one {
	font-weight: 400 !important;
}