/* Why We Build Products — Elementor 06065c4 (30% intro | 65% body + image). */

#sec-at-orthoplex-solutions.opx-at-orthoplex-solutions {
	box-sizing: border-box;
	min-height: 490px;
}

@media (min-width: 768px) {
	#sec-at-orthoplex-solutions.opx-at-orthoplex-solutions {
		min-height: 540px;
	}
}

@media (min-width: 1025px) {
	#sec-at-orthoplex-solutions.opx-at-orthoplex-solutions {
		min-height: 420px;
	}
}

#sec-at-orthoplex-solutions .opx-at-orthoplex-solutions__grid {
	width: 100%;
}

@media (min-width: 768px) {
	html body #sec-at-orthoplex-solutions .opx-at-orthoplex-solutions__grid.opx-cols-t-2.opx-cols-t-2 {
		grid-template-columns: minmax(0, 30%) minmax(0, 65%) !important;
		grid-template-areas:
			"intro body"
			"media media";
		align-items: start;
		column-gap: 50px;
		row-gap: 10px;
	}

	html body #sec-at-orthoplex-solutions .opx-at-orthoplex-solutions__intro {
		grid-area: intro;
	}

	html body #sec-at-orthoplex-solutions .opx-at-orthoplex-solutions__body {
		grid-area: body;
	}

	html body #sec-at-orthoplex-solutions .opx-at-orthoplex-solutions__media {
		grid-area: media;
		margin-top: 50px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	html body #sec-at-orthoplex-solutions .opx-at-orthoplex-solutions__grid.opx-cols-t-2.opx-cols-t-2 {
		grid-template-columns: minmax(0, 30%) minmax(0, 62%) !important;
	}
}

#sec-at-orthoplex-solutions .opx-at-orthoplex-solutions__media .wp-block-image {
	width: 100%;
}

#sec-at-orthoplex-solutions .opx-at-orthoplex-solutions__media .wp-block-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 50px;
	object-fit: cover;
}

@media (min-width: 768px) and (max-width: 1023px) {
	#sec-at-orthoplex-solutions .opx-at-orthoplex-solutions__media .wp-block-image img {
		min-height: 288px;
	}
}

@media (min-width: 1024px) and (max-width: 1439px) {
	#sec-at-orthoplex-solutions .opx-at-orthoplex-solutions__media .wp-block-image img {
		min-height: 388px;
	}
}

@media (min-width: 1440px) {
	#sec-at-orthoplex-solutions .opx-at-orthoplex-solutions__media .wp-block-image img {
		min-height: 549px;
	}
}

@media (max-width: 767px) {
	html body #sec-at-orthoplex-solutions.opx-at-orthoplex-solutions {
		padding-bottom: 58px !important;
	}

	#sec-at-orthoplex-solutions .opx-at-orthoplex-solutions__grid.wp-block-group-is-layout-grid {
		row-gap: 20px;
	}
}