.callout-block {
	width: 100vw;
	min-height: 350px;
	margin-left: calc(-50vw + 50%);
	padding: 40px 0;
	margin-bottom: 32px;
	background: #F7F7F8;
	position: relative;
}

.callout-block .callout-block--container {
	display: flex;
	margin: auto;
	max-width: 1080px;
}

.callout-block .callout-block--inner {
	flex: 75%;
	word-break: break-word;
}

.callout-block .callout-block--title {
	color: #4b4b55;
	margin-bottom: 22px;
}

.callout-block .callout-block--content {
	display: block;
	margin-bottom: 23px;
}

.callout-block .callout-block--content>* {
	margin-bottom: 23px;
}

.callout-block ul {
	padding-left: 20px !important;
	margin-bottom: 30px;
}

.callout-block ul li {
	margin-bottom: 0;
}

.callout-block ul li:before {
	margin-left: -20px;
	line-height: 1.4;
}

.callout-block a.btn.mobile-only {
	display: none;
	margin-top: 30px;
}

.callout-block .callout-block--img {
	display: flex;
	flex: 0 0 25%;
	width: 25%;
	max-width: 25%;
	margin: auto;
	margin-left: 32px;
}

.callout-block .callout-block--img.mask-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	object-fit: contain;
	border-radius: 999999px;
	-webkit-border-radius: 999999px;
	-moz-border-radius: 999999px;
	-ms-border-radius: 999999px;
	-o-border-radius: 999999px;
}

article.section .callout-block {
	width: calc(100% + 60px);
	max-width: calc(100% + 60px);
	margin-left: -30px;
	padding-left: 30px;
	padding-right: 30px;
}

.callout-block .has-white-color * {
	color: #fff !important;
}

/* .callout-block .hero-secondary--content .has-cobalt-color * {
	color: #2800a0 !important;
} */

.callout-block.has-cobalt-background-color .btn {
	background: #2800a0 !important;
	color: white !important;
	border-color: white !important;
}

.callout-block.has-cobalt-background-color .btn:hover {
	background: #1e0078 !important;
}

@media (max-width: 720px) {

	.callout-block .callout-block--container {
		flex-direction: column;
	}

	.callout-block a.btn {
		display: none;
	}

	.callout-block a.btn.mobile-only {
		display: inline-block;
		margin-top: 15px;
		margin-right: 0;
	}

	.callout-block .callout-block--img {
		display: block;
		width: 100%;
		max-width: 255px;
		margin: auto;
		margin-bottom: 15px;
	}

	.callout-block .callout-block--img.mobile-only {
		display: none;
	}

}

@media (max-width: 1280px) {
	.callout-block {
		padding-left: 30px;
		padding-right: 30px;
	}
}