.component-infotext .infotext-overlay,
.component-infotext .infotext-content {
	background: var(--global--color-light-gray);
}

.component-infotext .infotext-overlay-right {
	right: 0;
}

.component-infotext .infotext-content{
	color: var(--global--color-dark-gray);
}

.component-infotext .infotext-heading {
	font-size: 28px;
	line-height: 1.3;
	margin-bottom: 12px;
}

.component-infotext .infotext-text {
	font-size: 20px;
	line-height: 1.5;
}

@media (min-width: 992px) {
	.component-infotext .infotext-content {
		padding-top: 72px;
		padding-bottom: 72px;
	}
	.component-infotext .infotext-content {
		padding-left: var(--global--container--horizontal-padding);
		padding-right: var(--global--container--horizontal-padding);
	}
	.component-infotext.position-relative .col-lg-9.offset-lg-3 .infotext-content {
		padding-left: 72px;
	}
	.component-infotext.position-relative .col-lg-9:not(.offset-lg-3) .infotext-content {
		padding-right: 72px;
	}
}

@media (max-width: 991.98px) {
	.component-infotext .infotext-content {
		padding-top: 48px;
		padding-bottom: 48px;
	}
}

@media (max-width: 991.98px) and (min-width: 576px) {
	.component-infotext .infotext-content {
		padding-left: calc(2 * var(--global--container--horizontal-padding));
		padding-right: calc(2 * var(--global--container--horizontal-padding));
	}
}

@media (max-width: 575.98px) {
	.component-infotext .infotext-content {
		padding-left: var(--global--container--horizontal-padding);
		padding-right: var(--global--container--horizontal-padding);
	}
}