.component-content-image-text.content-image-text-gray-bg {
	position: relative;
}

.component-content-image-text.content-image-text-gray-bg .content-image-text-overlay,
.content-image-text-content-inner .content-image-text-content-inner-overlay {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.component-content-image-text.content-image-text-gray-bg .content-image-text-overlay {
	background-color: var(--global--color-light-gray);
	z-index: -2;
}

.content-image-text-content-inner .content-image-text-content-inner-overlay {
	background-color: var(--global--color-primary-light);
	z-index: -1;
}

.content-image-text-content .content-image-text-upper-text {
	color: var(--global--color-dark-gray);
	font-weight: bold;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.06em;
	margin-bottom: 8px;
}

.content-image-text-content .content-image-text-heading {
	color: var(--global--color-primary);
	/* or 124% */
	letter-spacing: 0.01em;
	margin-bottom: 12px;
}

.content-image-text-content .content-image-text-text {
	color: var(--global--color-dark-gray);
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 12px;
}

.component-content-image-text.content-image-text-gray-bg + .component-content-image-text.content-image-text-gray-bg,
.component-content-image-text:not(.content-image-text-gray-bg) + .component-content-image-text:not(.content-image-text-gray-bg) {
	padding-top: 0;
}

@media (min-width: 992px) {

	.component-content-image-text {
		padding-bottom: 96px;
		padding-top: 96px;
	}

	.content-image-text-content-inner {
		min-height: 254px;
		padding: 72px;
		width: 100%;
	}

	.content-image-text-inner-align-left .content-image-text-figure-container,
	.content-image-text-inner-align-right .content-image-text-content-container {
		padding-right: 0;
	}
	.content-image-text-inner-align-left .content-image-text-figure {
		text-align: right;
	}
	.content-image-text-inner-align-right .content-image-text-figure-container,
	.content-image-text-inner-align-left .content-image-text-content-container {
		padding-left: 0;
	}

	.content-image-text-inner-align-left .content-image-text-figure-container .content-image-text-figure-container-inner {
		margin-right: -54px;
	}

	.content-image-text-inner-align-right .content-image-text-figure-container .content-image-text-figure-container-inner {
		margin-left: -54px;
	}

	.content-image-text-inner-align-left .content-image-text-content-inner {
		padding-left: 108px;
	}
	.content-image-text-inner-align-right .content-image-text-content-inner {
		margin-left: auto;
		padding-right: 108px;
	}
	.content-image-text-content .content-image-text-heading {
		font-size: 34px;
		line-height: 42px;
	}
}

@media (max-width: 991.98px) {
	.component-content-image-text {
		padding-bottom: 48px;
		padding-top: 48px;
	}
	.content-image-text-inner {
		margin-left: calc(-1 * var(--global--container--horizontal-padding));
		margin-right: calc(-1 * var(--global--container--horizontal-padding));
	}

	.content-image-text-figure-container {
		margin-bottom: -100px;
		z-index: 1;
	}

	.content-image-text-inner-align-left .content-image-text-figure-container,
	.content-image-text-inner-align-right .content-image-text-content-container {
		padding-right: 0;
	}

	.content-image-text-inner-align-right .content-image-text-figure-container,
	.content-image-text-inner-align-left .content-image-text-content-container {
		padding-left: 0;
	}

	.content-image-text-content-inner {
		padding: 137px 24px 72px;
	}

	.content-image-text-content .content-image-text-heading {
		font-size: 28px;
		line-height: 36px;
	}
}

@media (max-width: 991.98px) and (min-width: 576px) {
	.content-image-text-inner-align-left .content-image-text-figure-container,
	.content-image-text-inner-align-right .content-image-text-content-container {
		padding-left: calc(2 * var(--global--container--horizontal-padding));
	}

	.content-image-text-inner-align-right .content-image-text-figure-container,
	.content-image-text-inner-align-left .content-image-text-content-container {
		padding-right: calc(2 * var(--global--container--horizontal-padding));
	}
}

@media (max-width: 575.98px) {
	.content-image-text-inner-align-left .content-image-text-figure-container,
	.content-image-text-inner-align-right .content-image-text-content-container {
		padding-left: var(--global--container--horizontal-padding);
	}

	.content-image-text-inner-align-right .content-image-text-figure-container,
	.content-image-text-inner-align-left .content-image-text-content-container {
		padding-right: var(--global--container--horizontal-padding);
	}
}