.text-with-bg {
	padding: 16px 0;
	margin: 16px 0;
}
.text-with-bg__container {
	padding: 32px;
	border-radius: 12px;
	background-color: var(--bg-color);
}
.text-with-bg__container--columns-2,
.text-with-bg__container--columns-3 {
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	gap: 16px;
}
.text-with-bg__container--columns-2 > * {
	width: calc(50% - 8px);
}
.text-with-bg__container--columns-3 > * {
	width: calc(33.3333% - 11px);
}
.text-with-bg__container * {
	color: var(--color);
	font-size: var(--font-size);
	line-height: 1.5em;
}
.text-with-bg__container a {
	color: var(--link-color) !important;
}
.text-with-bg__container a:hover {
	color: var(--link-color-hover) !important;
}
.text-with-bg__container--columns-1,
.text-with-bg__container--columns-2 {
	font-weight: 600;
}
.text-with-bg__container--columns-3 {
	font-weight: 400;
}
.text-with-bg__container *:first-child {
	margin-top: 0;
}
.text-with-bg__container *:last-child {
	margin-bottom: 0;
}
.text-with-bg__title {
	font-weight: 600;
	font-size: var(--title-font-size);
	color: var(--title-color);
}
@media screen and (max-width:767.98px) {
	.text-with-bg__container--columns-2 {
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	.text-with-bg__container--columns-2 > * {
		width: 100%;
	}
}