:root {
	--primary-color: #00afb3;
	--secondary-color: #e74c3c;
	--light-color: #f8f9fa;
	--dark-color: #343a40;
}

.asm-section {
	background-color: #fff;
	padding: 40px 0;
	overflow: hidden;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
}

.container {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

.asm-left {
	float: left;
	width: 60%;
	text-align: left;
	padding: 0 20px;
	box-sizing: border-box;
}

.asm-right {
	float: right;
	width: 40%;
	text-align: center;
	padding: 0 20px;
	box-sizing: border-box;
}

.asm-left {
	float: left;
	width: 40%;
	text-align: center;
	padding: 0 20px;
	box-sizing: border-box;
}

.asm-title {
	font-size: 2rem;
	margin-bottom: 20px;
}

.asm-right img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.asm-left img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.container::after {
	content: "";
	display: table;
	clear: both;
}

@media (max-width: 768px) {

	.asm-left,
	.asm-right {
		float: none;
		width: 100%;
		padding: 10px 20px;
	}

	.asm-right img {
		margin-top: 20px;
	}
}