.variable-number-box-callout-module-container {
	background-color: #fff;
	margin: 0 5%;
	padding:20px 0 40px
}

.variable-number-box-callout-module-container-title-style1 {
	color: #02293d;
	font-family: Roboto Slab, serif;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: .06em;
	line-height: 1.25em;
	margin: 10px 0 20px;
	text-align:center
}

.variable-number-box-callout-module-container-title-style2 {
	color: #02293d;
	font-family: Roboto Condensed, sans-serif;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: .28em;
	line-height: 1.25em;
	margin: 10px 0 20px;
	text-align: center;
	text-transform:uppercase
}

.variable-number-box-callout-container {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap
}

.callout-box {
	box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	transform:scale(0)
}

.callout-box, .callout-box:hover {
	background-color: #f9fafb;
	border-radius: 10px;
	flex: 1;
	margin: 10px;
	min-width: 200px;
	overflow: visible;
	padding: 20px;
	rotate: none;
	scale: none;
	text-align: center;
	transition-duration: .15s;
	transition-property: all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1)
}

.callout-box:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	transform:scale(1.01) !important
}

.callout-box svg {
	fill: url(#icon-gradient) #12d678;
	height: 50px;
	margin:10px 0
}

.callout-box-heading-style1 {
	color: #02294d;
	font-family: Source Sans Pro, sans-serif;
	font-size: 20px;
	font-weight: 700;
	margin: 10px 0;
	padding:0
}

.callout-box-heading-style2 {
	color: #12d678;
	font-family: Roboto Condensed, sans-serif;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: .06em;
	line-height: 1.25em;
	margin: 10px 0;
	padding: 0;
	text-transform:uppercase
}

.callout-box p {
	color: #02293d;
	font-family: Source Sans Pro, sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	padding:0
}

.variable-number-box-callout-module-closing-header {
	color: #02293d;
	font-family: Roboto Slab, serif;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: .06em;
	line-height: 1.25em;
	margin: 20px 0 10px;
	text-align:center
}

.variable-number-box-callout-module-closing-paragraph {
	color: #02293d;
	font-family: Source Sans Pro, sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 20px;
	padding: 0;
	text-align:center
}

.variable-number-box-cta-container {
	margin-left: auto;
	margin-right: auto;
	text-align:center
}

@media (max-width: 768px) {
	.variable-number-box-callout-container {
		flex-direction:column
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform:translateY(50px)
	}

	to {
		opacity: 1;
		transform:translateY(0)
	}
}

.fade-in-up {
	animation:fadeInUp .75s both
}

.fade-in-up-delay1 {
	animation-delay:0s
}

.fade-in-up-delay2 {
	animation-delay:.1s
}

.fade-in-up-delay3 {
	animation-delay:.2s
}

.fade-in-up-delay4 {
	animation-delay:.3s
}

.fade-in-up-delay5 {
	animation-delay:.4s
}

.fade-in-up-delay6 {
	animation-delay: .5s
}