/* Industry pages — four core solution pillars + sticky image (Elementor 7dd5d88). */

#sec-four-core-solutions.opx-four-core-solutions,
#sec-development-solutions.opx-four-core-solutions {
	box-sizing: border-box;
	margin: 0;
	padding: 48px 72px 65px;
}

#sec-four-core-solutions .opx-four-core-solutions__inner.kit-boxed,
#sec-development-solutions .opx-four-core-solutions__inner.kit-boxed {
	width: 100%;
	max-width: 1400px;
	margin-inline: auto;
	padding: 0;
	box-sizing: border-box;
}

#sec-four-core-solutions .opx-four-core-solutions__grid,
#sec-development-solutions .opx-four-core-solutions__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 20px;
	align-items: start;
}

#sec-four-core-solutions .opx-four-core-solutions__media,
#sec-development-solutions .opx-four-core-solutions__media {
	margin: 0;
	padding: 40px 0 0;
}

#sec-four-core-solutions .opx-four-core-solutions__image,
#sec-development-solutions .opx-four-core-solutions__image {
	margin: 0;
	border-radius: 24px;
	overflow: hidden;
}

#sec-four-core-solutions .opx-four-core-solutions__image img,
#sec-development-solutions .opx-four-core-solutions__image img {
	display: block;
	width: 100%;
	height: auto;
}

#sec-four-core-solutions .opx-four-core-solutions__panels,
#sec-development-solutions .opx-four-core-solutions__panels {
	margin: 0;
	padding: 30px 10px 0 30px;
	box-sizing: border-box;
}

#sec-four-core-solutions .opx-four-core-solutions__block,
#sec-development-solutions .opx-four-core-solutions__block {
	margin: 0;
}

#sec-four-core-solutions .opx-four-core-solutions__title,
#sec-development-solutions .opx-four-core-solutions__title {
	margin: 0;
}

#sec-four-core-solutions .opx-four-core-solutions__desc,
#sec-development-solutions .opx-four-core-solutions__desc {
	margin: 11px 0 0;
}

#sec-four-core-solutions .opx-four-core-solutions__list,
#sec-development-solutions .opx-four-core-solutions__list {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

body #sec-four-core-solutions .opx-four-core-solutions__list.is-style-body,
body #sec-four-core-solutions .opx-four-core-solutions__list.is-style-body li,
body #sec-development-solutions .opx-four-core-solutions__list.is-style-body,
body #sec-development-solutions .opx-four-core-solutions__list.is-style-body li {
	font-size: 18px;
	line-height: 29px;
	font-weight: 300;
}

#sec-four-core-solutions .opx-four-core-solutions__block:not(:first-child) .opx-four-core-solutions__list,
#sec-development-solutions .opx-four-core-solutions__block:not(:first-child) .opx-four-core-solutions__list {
	margin-top: 15px;
}

#sec-four-core-solutions .opx-four-core-solutions__list li,
#sec-development-solutions .opx-four-core-solutions__list li {
	margin: 0;
	padding: 0 0 0 30px;
	position: relative;
	color: var(--wp--preset--color--ink);
}

#sec-four-core-solutions .opx-four-core-solutions__list li:not(:first-child),
#sec-development-solutions .opx-four-core-solutions__list li:not(:first-child) {
	margin-top: 4px;
}

#sec-four-core-solutions .opx-four-core-solutions__list li::before,
#sec-development-solutions .opx-four-core-solutions__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.35em;
	width: 20px;
	height: 20px;
	background: url("https://orthoplexsostg.wpenginepowered.com/wp-content/uploads/2024/12/Vector-1.svg") center / contain no-repeat;
}

#sec-four-core-solutions .opx-four-core-solutions__list li strong,
#sec-development-solutions .opx-four-core-solutions__list li strong {
	font-weight: 400;
}

#sec-four-core-solutions .opx-four-core-solutions__divider,
#sec-development-solutions .opx-four-core-solutions__divider {
	margin: 55px 0 0;
	border: none;
	border-top: 1px solid var(--wp--preset--color--divider);
	opacity: 1;
	width: 100%;
}

#sec-four-core-solutions .opx-four-core-solutions__divider + .opx-four-core-solutions__block,
#sec-development-solutions .opx-four-core-solutions__divider + .opx-four-core-solutions__block {
	margin-top: 35px;
}

/* Production (Elementor sticky, offset 50, column min-height 100vh): the image stays 90px from the top and lets go
   once the full-height column reaches the bottom edge of the section. The column here ends at the section padding,
   so it is that much shorter to let go at the same scroll position. */
@media (min-width: 1025px) {
	#sec-four-core-solutions .opx-four-core-solutions__media,
	#sec-development-solutions .opx-four-core-solutions__media {
		position: sticky;
		top: 50px;
		align-self: start;
		box-sizing: border-box;
		min-height: calc(100vh - 65px);
	}

	#sec-four-core-solutions.opx-four-core-solutions--manufacturing .opx-four-core-solutions__media,
	#sec-development-solutions .opx-four-core-solutions__media {
		min-height: calc(100vh - 90px);
	}
}

@media (max-width: 1024px) {
	#sec-four-core-solutions.opx-four-core-solutions,
	#sec-development-solutions.opx-four-core-solutions {
		padding: 9px 51.1875px 20px;
	}

	#sec-four-core-solutions .opx-four-core-solutions__grid,
	#sec-development-solutions .opx-four-core-solutions__grid {
		grid-template-columns: 1fr;
		row-gap: 30px;
	}

	#sec-four-core-solutions .opx-four-core-solutions__media,
	#sec-development-solutions .opx-four-core-solutions__media {
		order: 2;
		padding: 0;
	}

	#sec-four-core-solutions .opx-four-core-solutions__panels,
	#sec-development-solutions .opx-four-core-solutions__panels {
		order: 1;
		padding: 0;
		max-width: none;
	}

	#sec-four-core-solutions .opx-four-core-solutions__image,
	#sec-development-solutions .opx-four-core-solutions__image {
		border-radius: 16px;
	}

	#sec-four-core-solutions .opx-four-core-solutions__desc,
	#sec-four-core-solutions .opx-four-core-solutions__divider,
	#sec-development-solutions .opx-four-core-solutions__desc,
	#sec-development-solutions .opx-four-core-solutions__divider {
		max-width: none;
	}
}

@media (max-width: 768px) {
	#sec-four-core-solutions.opx-four-core-solutions,
	#sec-development-solutions.opx-four-core-solutions {
		padding: 9px 38.390625px 19px;
	}
}

@media (max-width: 767px) {
	#sec-four-core-solutions.opx-four-core-solutions,
	#sec-development-solutions.opx-four-core-solutions {
		padding: 7px 19.5px 44px;
	}

	#sec-four-core-solutions .opx-four-core-solutions__panels,
	#sec-development-solutions .opx-four-core-solutions__panels {
		padding-inline: 0;
		max-width: none;
	}

	#sec-four-core-solutions .opx-four-core-solutions__list li,
	#sec-development-solutions .opx-four-core-solutions__list li {
		padding-left: 30px;
		max-width: 351px;
	}

	body #sec-four-core-solutions .opx-four-core-solutions__title.is-style-headline-m,
	body #sec-development-solutions .opx-four-core-solutions__title.is-style-headline-m {
		font-size: 22px;
		line-height: 30.8px;
	}
}

@media (max-width: 390px) {
	#sec-four-core-solutions.opx-four-core-solutions,
	#sec-development-solutions.opx-four-core-solutions {
		padding-inline: 19.5px;
	}
}

#sec-four-core-solutions.opx-four-core-solutions--government-regulated .opx-four-core-solutions__divider {
	margin-top: 58px;
}

#sec-four-core-solutions.opx-four-core-solutions--government-regulated .opx-four-core-solutions__divider + .opx-four-core-solutions__block {
	margin-top: 38px;
}

#sec-four-core-solutions.opx-four-core-solutions--government-regulated .opx-four-core-solutions__list li:not(:first-child) {
	margin-top: 6px;
}

#sec-four-core-solutions.opx-four-core-solutions--e-commerce .opx-four-core-solutions__divider {
	margin-top: 58px;
}

#sec-four-core-solutions.opx-four-core-solutions--e-commerce .opx-four-core-solutions__divider + .opx-four-core-solutions__block {
	margin-top: 38px;
}

#sec-four-core-solutions.opx-four-core-solutions--e-commerce .opx-four-core-solutions__list li:not(:first-child) {
	margin-top: 6px;
}

/* Manufacturing — production list widths and pillar spacing. */
@media (min-width: 1025px) {
	#sec-four-core-solutions.opx-four-core-solutions--manufacturing .opx-four-core-solutions__panels {
		padding-right: 0;
	}

	#sec-four-core-solutions.opx-four-core-solutions--manufacturing .opx-four-core-solutions__list li {
		max-width: 568px;
	}
}

#sec-four-core-solutions.opx-four-core-solutions--manufacturing .opx-four-core-solutions__divider {
	margin-top: 58px;
}

#sec-four-core-solutions.opx-four-core-solutions--manufacturing .opx-four-core-solutions__divider + .opx-four-core-solutions__block {
	margin-top: 38px;
}

#sec-four-core-solutions.opx-four-core-solutions--manufacturing .opx-four-core-solutions__list li:not(:first-child) {
	margin-top: 6px;
}

@media (min-width: 769px) {
	#sec-four-core-solutions.opx-four-core-solutions--manufacturing {
		padding-bottom: 90px;
	}
}

@media (max-width: 767px) {
	body #sec-four-core-solutions.opx-four-core-solutions--manufacturing .opx-four-core-solutions__list li {
		width: 351px;
		max-width: 351px;
		padding-left: 25px;
		box-sizing: border-box;
	}
}

@media (min-width: 391px) and (max-width: 768px) {
	#sec-four-core-solutions.opx-four-core-solutions--manufacturing {
		padding-bottom: 67px;
	}
}

/* Marketing industry — production copy widths and mobile CRM label wrap. */
@media (min-width: 1025px) {
	#sec-development-solutions .opx-four-core-solutions__panels {
		padding-right: 0;
	}

	#sec-development-solutions .opx-four-core-solutions__desc,
	#sec-development-solutions .opx-four-core-solutions__divider {
		max-width: 598px;
	}
}

#sec-development-solutions .opx-four-core-solutions__divider {
	margin-top: 58px;
}

#sec-development-solutions .opx-four-core-solutions__divider + .opx-four-core-solutions__block {
	margin-top: 38px;
}

#sec-development-solutions .opx-four-core-solutions__list li:not(:first-child) {
	margin-top: 6px;
}

@media (min-width: 769px) {
	#sec-development-solutions.opx-four-core-solutions {
		padding-bottom: 90px;
	}
}

@media (min-width: 391px) and (max-width: 768px) {
	#sec-development-solutions.opx-four-core-solutions {
		padding-bottom: 67px;
	}
}

@media (max-width: 767px) {
	body.page-id-22843 #sec-development-solutions .opx-four-core-solutions__panels > .opx-four-core-solutions__block:last-child .opx-four-core-solutions__list li:first-child {
		width: 321px;
		max-width: 321px;
		box-sizing: border-box;
	}
}

/* Psychotherapy industry — production divider/list rhythm and mobile section padding. */
#sec-four-core-solutions.opx-four-core-solutions--psychotherapy .opx-four-core-solutions__divider {
	margin-top: 64px;
}

#sec-four-core-solutions.opx-four-core-solutions--psychotherapy .opx-four-core-solutions__divider + .opx-four-core-solutions__block {
	margin-top: 38px;
}

#sec-four-core-solutions.opx-four-core-solutions--psychotherapy .opx-four-core-solutions__list li:not(:first-child) {
	margin-top: 8px;
}

#sec-four-core-solutions.opx-four-core-solutions--psychotherapy .opx-four-core-solutions__list li strong {
	font-weight: 400;
}

@media (min-width: 1025px) {
	#sec-four-core-solutions.opx-four-core-solutions--psychotherapy .opx-four-core-solutions__panels {
		padding-right: 0;
	}

	#sec-four-core-solutions.opx-four-core-solutions--psychotherapy .opx-four-core-solutions__list li {
		max-width: 568px;
		box-sizing: border-box;
	}
}

@media (max-width: 767px) {
	#sec-four-core-solutions.opx-four-core-solutions--psychotherapy.opx-four-core-solutions {
		padding: 7px 19.5px 43px;
	}

	body #sec-four-core-solutions.opx-four-core-solutions--psychotherapy .opx-four-core-solutions__list li {
		width: 351px;
		max-width: 351px;
		padding-left: 30px;
		box-sizing: border-box;
	}

	body #sec-four-core-solutions.opx-four-core-solutions--psychotherapy .opx-four-core-solutions__panels > .opx-four-core-solutions__block:last-child .opx-four-core-solutions__list li:first-child {
		width: 321px;
		max-width: 321px;
	}
}

/* Non-profit (page 22341, production 7dd5d88): divider 50px under the list and 58px above the next title */
html body.page-id-22341 #sec-four-core-solutions .opx-four-core-solutions__divider {
	margin-top: 50px;
}

html body.page-id-22341 #sec-four-core-solutions .opx-four-core-solutions__divider + .opx-four-core-solutions__block {
	margin-top: 58px;
}

html body.page-id-22341 #sec-four-core-solutions .opx-four-core-solutions__list li:not(:first-child) {
	margin-top: 8px;
}