.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across {
	--widget-padding-top: var(--space-8);
	position: relative;
	padding-bottom: 30px;
}

.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across::after {
	content: '';
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background-color: var(--flipped-pattern-background);
	background-image: var(--background-pattern-flipped);
	background-size: var(--background-pattern-size);
	z-index: -1;
}

.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-header .widget-header-inner {
	position: relative;
	border-bottom: unset;
	gap: var(--space-4);
	padding-bottom: var(--space-8);
}

.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-header .widget-header-inner::before {
	content: '';
	position: absolute;
	top: -35px;
	left: 0;
	background: url(/includes/public/assets/shared/wave-over-headline-icon-white.svg);
	height: 10px;
	width: 60px;
}

.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-title {
	margin-right: unset;
	font-family: var(--font-heading);
	font-size: var(--text-4xl-half);
	color: var(--white);
	line-height: var(--leading-none);
	text-transform: uppercase;
	letter-spacing: .01em;
}

.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-header {
	margin: 57px auto var(--space-6);
}

.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-description {
	font-size: var(--text-lg);
	line-height: var(--leading-normal);
	color: var(--white);
	letter-spacing: .01em;
}

.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-view-all {
	--button-text-color: var(--black-22);
	--button-color: var(--aqua);
	font-weight: 700;
	padding: 7px var(--space-8) 7px var(--space-4);
}

.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-view-all::after {
	color: var(--black-22);
}

.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-img {
	margin: 0 auto;
}

.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .slide .content-section {
	max-width: 34ch;
	bottom: -50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .slide .slide-title {
	font-size: 2.125rem;
	text-align: center;
	letter-spacing: var(--tracking-wider);
	line-height: var(--leading-none);
}

.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .slides {
	gap: var(--space-5);
}

.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .slide .img-cont::after {
	background: var(--black);
	opacity: 0.3;
}

@media (hover: hover) {
	.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .slide:hover .img-cont img {
		transform: unset;
	}
}

@media (min-width: 40em) {
	.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across::after {
		height: calc(100% - 150px);
	}
}

@media (min-width: 64em) {
	.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-view-all {
		padding: 5px 25px 6px 13px;
	}

	.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-view-all::after {
		right: var(--space-2);
	}

	.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-header {
		display: grid;
		grid-template-columns: 1fr 1fr;
		max-width: var(--width-feature);
		place-items: center;
		margin: 70px auto var(--space-8);
	}

	.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .slides {
		gap: 11px;
		margin: 0 0 0 auto;
		padding: 0;
		max-width: min(calc(920px + (1150 - 920) * ((100vw - 1024px) / (1440 - 1024))), 1200px);
	}

	.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-header .widget-header-inner {
		max-width: 61ch;
		place-self: end;
	}

	.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-title {
		font-size: 3.4375rem;
		letter-spacing: var(--tracking-wide);
	}

	.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .widget-description {
		line-height: 1.7em;
	}

	.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .slide .slide-title {
		font-size: 2.8125rem;
	}
}

@media (min-width: 1920px) {
	.ccl-widget.core-callout-tiles.custom-callout-tiles-3-across .slides {
		max-width: 1380px;
	}
}