.banner--default {
	background-color: var(--white);
	padding: 5.75rem 0 0;
}

.hero-banner__eyebrow {
	color: var(--primary-red);
}

.banner__section-content {
	padding: 3.5rem 1.25rem 3.5rem 0;
	margin-right: 2rem;
}

.banner__section-content--has-decorative-elm::after {
	background: url(../../../../images/decorative-items/white-right-curve.png)
		center right / 100% 100% no-repeat;
	width: 2.25rem;
	top: 0;
	bottom: 0;
	right: -2.25rem;
}

.banner__wrapper--has-decorative-elm::before {
	background: url(../../../../images/decorative-items/plus-large.png) center
		center / contain no-repeat;
	width: 4.5rem;
	height: 4.5rem;
	right: 0;
	top: 0;
	margin: 0 auto;
	z-index: 2;
}

.banner__section-content--has-decorative-elm::before,
.banner__section-media--has-decorative-elm::before {
	background: url(../../../../images/decorative-items/red-single-star.svg)
		center center / contain no-repeat;
	width: 3rem;
	height: 3rem;
}

.banner__section-content--has-decorative-elm::before {
	bottom: -2rem;
	left: -0.75rem;
}

.banner__section-media {
	display: none;
}

.banner__wrapper--has-decorative-elm::after {
	background: var(--white);
	top: 2rem;
	bottom: 2rem;
	left: 0;
	width: 45%;
}

@media all and (min-width: 768px) {
	.banner__section-content {
		padding: 2rem 1.25rem 2rem 0;
		min-height: 16.5rem;
		margin-right: 2.25rem;
	}

	.banner__container--two-columns {
		grid-template-columns: 80% 20%;
	}

	.banner__wrapper--has-decorative-elm::before {
		width: 7.25rem;
		height: 7.75rem;
		right: 1.25rem;
		top: 4.25rem;
		bottom: auto;
	}

	.banner__section-media--has-decorative-elm::before {
		left: 0;
		right: 3.25rem;
		margin: auto;
		top: 0.75rem;
	}

	.banner__section-content--has-decorative-elm::before {
		left: auto;
		right: -4.5rem;
		z-index: 1;
	}
}

@media all and (min-width: 992px) {
	.banner__container--two-columns {
		grid-template-columns: 50% 50%;
	}

	.banner__wrapper--has-decorative-elm::before {
		right: -14.25rem;
		top: 2.5rem;
		bottom: auto;
		left: 0;
	}

	.banner__section-content {
		margin-right: 0;
	}

	.banner__section-content--has-decorative-elm::before {
		display: none;
	}
}

@media all and (min-width: 1024px) {
	.banner__section-media {
		display: block;
	}

	.banner__section-media img {
		position: absolute;
		right: -1.75rem;
		top: -4rem;
	}
}