.callout_tiles_5_across_meet {
	background-color: var(--blue);
	padding-top: var(--space-20);
	padding-bottom: var(--space-10);
}

.callout_tiles_5_across_meet .cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-items: center;
	row-gap: 30px;
}

.callout_tiles_5_across_meet .slide .inner {
	position: relative;
	display: flex;
	text-align: center;
	flex-direction: column;
	gap: var(--space-5);
	align-items: center;
}

.callout_tiles_5_across_meet h4,
.callout_tiles_5_across_meet h4 a {
	font-size: var(--text-15);
	line-height: calc(19/15);
	text-transform: uppercase;
	max-width: 20ch;
	color: var(--white);
	margin-inline: auto;
}

.callout_tiles_5_across_meet .content-section {
    max-width: 20ch;
}

.callout_tiles_5_across_meet .content-section p {
	text-align: center;
	color: var(--blue-80);
	font-size: var(--text-sm);
	font-style: italic;
}

.callout_tiles_5_across_meet .slide:nth-child(5) {
	grid-column: span 2;
}

/* For overlap */
.callout_tiles_5_across_meet.overlap {
	padding-bottom: 50px;
	margin-bottom: -84px;
	background: linear-gradient(var(--blue) 87%, transparent 13%);
	z-index: 1;
	position: relative;
}

@media (min-width: 40em) {
	.callout_tiles_5_across_meet {
		padding-top: 56px;
	}

	.callout_tiles_5_across_meet .cols {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 30px;
	}

	.callout_tiles_5_across_meet .cols {
		grid-template-columns: repeat(6, 1fr);
	}

	.callout_tiles_5_across_meet .slide {
		grid-column: span 2;
	}

	.callout_tiles_5_across_meet .slide:nth-child(4),
	.callout_tiles_5_across_meet .slide:nth-child(5) {
		grid-column: span 3;
		grid-row: 2;
	}

	/* For overlap */
	.callout_tiles_5_across_meet.overlap {
		padding-bottom: 50px;
		margin-bottom: -70px;
	}
}

@media (min-width: 64em) {
	.callout_tiles_5_across_meet .cols {
		padding-inline: var(--space-5);
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
		max-width: var(--width-feature);
		margin-inline: auto;
		gap: 20px;
	}

	.callout_tiles_5_across_meet .slide {
		position: relative;
		display: flex;
		align-items: center;
	}

	.callout_tiles_5_across_meet .slide::after {
		content: '';
		height: 100%;
		width: 1px;
		background-color: #FDFBF5;
		opacity: 0;
	}

	.callout_tiles_5_across_meet .slide .inner {
		padding-inline: 0;
		padding-bottom: var(--space-5);
	}

	.callout_tiles_5_across_meet h4,
	.callout_tiles_5_across_meet h4 a {
		font-size: var(--text-lg);
		line-height: calc(21/18);
		margin-bottom: var(--space-1);
	}

	.callout_tiles_5_across_meet .content-section p {
		font-size: var(--text-15);
	}

	.callout_tiles_5_across_meet .slide:last-child::after {
		content: none;
	}
}

@media (min-width: 1250px) {
	.callout_tiles_5_across_meet .cols {
		justify-content: space-between;
		gap: 0;
	}

	.callout_tiles_5_across_meet .slide::after {
		content: '';
		height: 100%;
		width: 1px;
		background-color: #FDFBF5;
		opacity: .1;
	}

	.callout_tiles_5_across_meet .slide .inner {
		padding-inline: 10px 42px;
	}

	/* Add Overlap Toggle */
	.callout_tiles_5_across_meet.overlap {
		padding-bottom: 40px;
		margin-bottom: -5px;
		background: var(--blue);
	}
}