.core-side-by-side.custom-imagebox {
	margin-bottom: 30px;
}

.core-side-by-side.custom-imagebox.slides-across-2 .slides {
	padding: 0 15px;
	max-width: 1190px;
}

.core-side-by-side.custom-imagebox:not(.slides-across-2) .slide > .inner {
	margin: 0 auto;
	padding: 0 15px;
	max-width: 1190px;
}

.core-side-by-side.custom-imagebox.full-width .slide > .inner {
	padding: 0;
	max-width: 100%;
	overflow: hidden;
}

.core-side-by-side.custom-imagebox .slide .img-cont {
	position: relative;
	overflow: hidden;
}

.core-side-by-side.custom-imagebox .slide .img-cont img {
	display: block;
	width: 100%;
}

.core-side-by-side.custom-imagebox .slide .content-section {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}

.core-side-by-side.custom-imagebox .slide .content-section {
	position: relative;
}

.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 1) .content-section,
.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 2) .content-section {
	padding: 39px 30px 23px;
}

.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 1) .content-section .mask,
.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 2) .content-section .mask {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 96px;
	background-color: #fff !important;
	top: 2px;
	transform: translateY(-100%);
	-webkit-clip-path: polygon(50% 50px, 101% 100%, -1% 100%);
	clip-path: polygon(50% 50px, 101% 100%, -1% 100%);
}

.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .content-section,
.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section {
	padding: 42px 30px 17px;
	background-image: url(/includes/public/assets/shared/purple-breeze-block.svg);
	background-position: top center;
	background-repeat: repeat;
	background-size: initial;
}

.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .content-section .mask,
.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section .mask {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 96px;
	background-image: url(/includes/public/assets/shared/purple-breeze-block.svg);
	background-position: top center;
	background-repeat: repeat;
	background-size: initial;
	top: 2px;
	transform: translateY(-100%);
	-webkit-clip-path: polygon(50% 50px, 101% 100%, -1% 100%);
	clip-path: polygon(50% 50px, 101% 100%, -1% 100%);
}

.core-side-by-side.custom-imagebox .slide h4,
.core-side-by-side.custom-imagebox .slide h4 a {
	width: 100%;
	margin: 0 0 18px;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-size: 40px;
	line-height: 1.25em;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #3e3a34;
}

.core-side-by-side.custom-imagebox .slide p {
	font-weight: 500;
	font-size: 15px;
	color: #000;
	font-family: century-gothic, sans-serif;
	line-height: 1.55em;
}

.core-side-by-side.custom-imagebox .slide .read-more {
	display: inline-block;
	width: 100%;
	margin: 0 0 18px;
	padding-top: 5px;
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.25em;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 30px;
	color: #008c98;
}

.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .content-section h4,
.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .content-section h4 a,
.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .content-section p,
.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .content-section .read-more,
.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section h4,
.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section h4 a,
.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section p,
.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section .read-more {
	color: #fff;
}

@media (min-width: 800px) {
	.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 1) .content-section .mask,
	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 2) .content-section .mask {
		display: none;
	}

	.core-side-by-side.custom-imagebox .slide h4,
	.core-side-by-side.custom-imagebox .slide h4 a {
		font-size: 34px;
	}

	.core-side-by-side.custom-imagebox .slide .img-cont img {
		height: 576px;
		object-fit: cover;
	}

	.core-side-by-side.custom-imagebox {
		margin-bottom: 55px;
		padding-top: 0;
	}

	.core-side-by-side.custom-imagebox.full-width .slides {
		padding: 0;
	}

	.core-side-by-side.custom-imagebox .slide .content-section {
		padding: 0;
	}

	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 2) .img-cont::after,
	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section {
		background-image: url(/includes/public/assets/shared/purple-breeze-block.svg);
		background-repeat: repeat;
	}

	.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .content-section,
	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 2) .content-section,
	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section {
		background-size: initial;
	}

	.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .content-section {
		background-position: right center;
	}

	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section {
		/* background-position: left center; */
	}

	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section {
		background-position: right center;
	}

	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 2) .content-section {
		background-image: none;
	}

	.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 1) .img-cont::after {
		content: "";
		position: absolute;
		right: -1px;
		top: 0;
		width: 143px;
		height: 576px;
		background-color: #fff;
		-webkit-clip-path: polygon(142px 0, 100% 0, 100% 100%, 142px 100%, 0% 50%);
		clip-path: polygon(142px 0, 100% 0, 100% 100%, 142px 100%, 0% 50%);
	}

	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 2) .img-cont::after {
		content: "";
		position: absolute;
		right: -1px;
		top: 0;
		width: 143px;
		height: 576px;
		background-color: #fff;
		background-image: none;
		-webkit-clip-path: polygon(142px 0, 100% 0, 100% 100%, 142px 100%, 0% 50%);
		clip-path: polygon(142px 0, 100% 0, 100% 100%, 142px 100%, 0% 50%);
	}

	.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .img-cont .polygon,
	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .img-cont .polygon {
		position: absolute;
		top: 0;
		left: -1px;
		width: 143px;
		height: 576px;
		background-image: url(/includes/public/assets/shared/purple-breeze-block.svg);
		background-position: left center;
		background-repeat: repeat;
		background-size: initial;
		-webkit-clip-path: polygon(1% 0, 0 0, 0 100%, 1px 100%, 100% 50%);
		clip-path: polygon(1% 0, 0 0, 0 100%, 1px 100%, 100% 50%);
	}

	.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .content-section div h4,
	.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .content-section div h4 a,
	.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .content-section div p,
	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section div h4,
	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section div h4 a,
	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section div p {
		color: #fff;
	}

	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 2) .content-section h4,
	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 2) .content-section h4 a {
		color: #3e3a34;
	}

	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 2) .content-section .read-more {
		color: #008c98;
	}

	.core-side-by-side.custom-imagebox .slide > .inner {
		display: flex;
	}

	.core-side-by-side.custom-imagebox .slide > .inner > * {
		flex: 0 0 50%;
	}

	@supports (display: grid) {
		.core-side-by-side.custom-imagebox .slide > .inner {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: 576px;
			padding: 0;
			grid-auto-flow: dense;
		}

		.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) > .inner > div:first-child {
			grid-column: 2;
		}

		.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) > .inner > div:first-child {
			grid-column: 2;
		}
	}

	.core-side-by-side.custom-imagebox .slide .content-section .inner {
		padding-left: 0;
		width: 100%;
		max-width: 540px;
	}

	.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .content-section .inner {
		padding-left: 51px;
	}

	.core-side-by-side.custom-imagebox .slides.right-side .slide:nth-child(2n + 1) .content-section .inner {
		padding-right: 51px;
	}

	.core-side-by-side.custom-imagebox:not(.slides-across-2) .slide .content-section .inner {
		padding-right: 40px;
		opacity: 0;
		transform: translate(50px, 0px);
		transition: ease 5s;
	}

	.core-side-by-side.custom-imagebox:not(.slides-across-2) .slides.left-side .slide:nth-child(2n + 2) .content-section .inner {
		padding-right: 40px;
		opacity: 0;
		transform: translate(-50px, 0px);
		transition: ease 5s;
	}

	.core-side-by-side.custom-imagebox:not(.slides-across-2) .slides.right-side .slide:nth-child(2n + 1) .content-section .inner {
		padding-left: 40px;
		opacity: 0;
		transform: translate(-50px, 0px);
		transition: ease 5s;
	}

	.core-side-by-side.custom-imagebox:not(.slides-across-2) .slides.left-side .slide.active .content-section .inner,
	.core-side-by-side.custom-imagebox:not(.slides-across-2) .slides.left-side .slide:nth-child(2n + 2).active .content-section .inner {
		opacity: 1;
		transform: translate(0px, 0px);
	}

	.core-side-by-side.custom-imagebox:not(.slides-across-2) .slides.right-side .slide.active .content-section .inner,
	.core-side-by-side.custom-imagebox:not(.slides-across-2) .slides.right-side .slide:nth-child(2n + 1).active .content-section .inner {
		opacity: 1;
		transform: translate(0px, 0px);
	}

	.core-side-by-side.custom-imagebox .slide .img-cont {
		margin-bottom: 0;
		height: 576px;
	}
}

@media (min-width: 665px) {
	.core-side-by-side.custom-imagebox .slide .content-section {
		padding: 0 30px;
	}
}

@media (min-width: 1024px) {
	.core-side-by-side.custom-imagebox .slide h4,
	.core-side-by-side.custom-imagebox .slide h4 a {
		font-size: 45px;
	}

	.core-side-by-side.custom-imagebox.slides-across-2 .slides {
		display: flex;
	}

	.core-side-by-side.custom-imagebox.slides-across-2 .slide > * {
		flex: 0 0 50%;
	}

	@supports (display: grid) {
		.core-side-by-side.custom-imagebox.slides-across-2 .slides {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 15px;
			margin: 0 auto;
		}
	}

	.core-side-by-side.custom-imagebox.slides-across-2 .slide + .slide {
		margin-top: 0;
	}
}

/* This is for IE non-Grid specific styling */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.core-side-by-side.custom-imagebox .slide .img-cont {
		padding-bottom: 0;
		height: auto;
	}

	.core-side-by-side.custom-imagebox .slide .img-cont img {
		height: auto;
	}

	.core-side-by-side.custom-imagebox .slide:first-child .img-cont::after,
	.core-side-by-side.custom-imagebox .slide:nth-child(2n + 2) .img-cont::after {
		content: "";
		position: static;
		right: -1px;
		top: 0;
		width: 0;
		height: 0;
		background: #fff;
	}

	.core-side-by-side.custom-imagebox .slides.left-side .slide:nth-child(2n + 2) .inner {
		display: flex;
		flex-direction: row-reverse;
	}
}

/* ========= Minimal appended fixes (reliable dynamic color + first-slide coverage) ========= */

/* Keep text above overlays */
.core-side-by-side.custom-imagebox .slide .content-section { position: relative; z-index: 1; }

/* 1) If a slide declares --bg inline, force its white wedge (::after) and polygon to use that color */
.core-side-by-side.custom-imagebox .slide[style*="--bg:"] .img-cont::after {
	background-color: var(--bg) !important;
	background-image: none !important;
}
.core-side-by-side.custom-imagebox .slide[style*="--bg:"] .img-cont .polygon {
	background-color: var(--bg) !important;
	background-image: none !important;
}

/* 2) When a solid background is selected for content, force white text and remove pattern */
.core-side-by-side.custom-imagebox .slide .content-section.has-bg {
	background-image: none !important;
}
.core-side-by-side.custom-imagebox .slide .content-section.has-bg,
.core-side-by-side.custom-imagebox .slide .content-section.has-bg h4,
.core-side-by-side.custom-imagebox .slide .content-section.has-bg h4 a,
.core-side-by-side.custom-imagebox .slide .content-section.has-bg p,
.core-side-by-side.custom-imagebox .slide .content-section.has-bg .read-more {
	color: #fff !important;
}

/* Ensure inner text sits above any pseudo backgrounds */
.core-side-by-side.custom-imagebox .slide .content-section .inner { position: relative; z-index: 3; }