.banner-wrapper {
	position: relative;

	.swiper-content,
	.swiper-media {
		z-index: 10;
	}

	.content-width {
		padding-top: 4rem;
		gap: 2rem;
		width: 100%;
	}

	.swiper-content {
		z-index: 10;
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 1rem;

		h1 {
			line-height: 1;
			margin: 0;
		}

		p:last-of-type {
			margin: 0;
		}

		.button {
			width: max-content;
			margin-top: 0.5rem;
		}

		.tagline {
			background: #eaeaea;
			border-radius: 5px;
			padding: 0.2rem 0.35rem;
			font-weight: 600;
			text-transform: uppercase;
			color: var(--brand-blue);
			max-width: max-content;
			line-height: 1.2;
		}
	}

	.swiper-container {
		display: flex;
		flex-direction: column;
	}

	.swiper-slides--banner {
		z-index: 5;
		overflow: hidden;

		.swiper-slide {
			padding: 0 !important;
			display: flex;
			flex-wrap: nowrap;
			flex-direction: row;
			gap: 2rem;
			min-height: 250px;

			.flex-row {
				flex-wrap: wrap;
			}

			&.swiper-slide-active {
				.swiper-content,
				.swiper-media {
					animation: fadeIn 0.5s ease-in-out;
					animation-delay: 0.3s;
					animation-fill-mode: backwards;
				}
			}

			.swiper-media {
				max-width: 700px;
				margin: 0 auto;
				flex: 1 1 100%;
			}

			.swiper-content,
			.swiper-media,
			.full-size-bg,
			.flex-row.content-width {
				display: none;
			}

			&.Content {
				.flex-row.content-width,
				.swiper-content {
					display: flex;
				}
			}
			&.Media {
				.swiper-media {
					display: block;
				}
				.flex-row.content-width {
					display: flex;
				}
			}
			&.Background {
				.full-size-bg {
					display: block;
				}
			}
		}

		.swiper-notification {
			display: none;
		}

		.swiper-pagination {
			position: unset;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 1rem;
			padding: 1rem 0 3.5rem;

			.swiper-pagination-bullet {
				display: flex;
				border-radius: 50%;
				padding: 0.5rem;
				cursor: pointer;
				background: var(--brand-grey);
				opacity: 1;
				transition: background 0.2s ease-in-out;

				&.swiper-pagination-bullet-active {
					background: var(--brand-blue);
				}
			}
		}
	}

	.full-size-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
}
body:not(.personabar-visible) {
	.intro-split:has(#dnn_IntroLeft.DNNEmptyPane):has(
			#dnn_IntroRight.DNNEmptyPane
		) {
		padding: 0;

		.DNNEmptyPane {
			display: none !important;
		}
	}
}
@media screen and (min-width: 850px) {
	.banner-wrapper {
		.swiper-slides--banner {
			.swiper-slide {
				.flex-row {
					flex-wrap: nowrap;
				}
				.swiper-content {
					max-width: calc(50% - 1rem);
				}
				.swiper-content,
				.swiper-media {
					flex: 1 1 calc(50% - 1rem);
				}
			}
		}
	}
}