.marquee-full-width {
	margin-bottom: 52px;
}

.marquee-full-width .cols {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.marquee-full-width .inner {
	position: relative;
	height: 100%;
}

.marquee-full-width .content-section {
	bottom: 30px;
	background: var(--white);
	padding: var(--space-2) var(--space-5);
	max-width: calc(100% - 20px);
	position: absolute;
	left: 0;
	display: flex;
	gap: var(--space-4);
	align-items: center;
}

.marquee-full-width h4,
.marquee-full-width h4 a {
	font-size: var(--text-lg);
	font-weight: 800;
	line-height: var(--leading-tight);
}

.marquee-full-width .img-cont,
.marquee-full-width img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width: 40em) {
	.marquee-full-width .cols {
		display: grid;
		gap: var(--space-5);
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(auto-fill, calc(50% - 10px));
	}

	.marquee-full-width .slide:nth-child(1) {
		grid-column: 1;
		grid-row: 1 / 3;
	}
	.marquee-full-width .slide:nth-child(2) {
		grid-column: 2;
		grid-row: 1 / 2;
	}
	.marquee-full-width .slide:nth-child(3) {
		grid-column: 2;
		grid-row: 2 / 2;
	}
}

@media (min-width: 64em) {
	.marquee-full-width {
		margin-bottom: var(--space-24);
	}

	.marquee-full-width h4, .marquee-full-width h4 a {
		font-size: var(--text-3xl);
	}

	.marquee-full-width .content-section {
		padding: var(--space-2) var(--space-6);
		pointer-events: none;
	}
}