section.slider {
	padding: 0;
}

.slider .slider-cell {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 60vh;
	display: flex;
	justify-content: flex-start;
	background: var(--dark-blue);
}

.slider-cell-img-wrap {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.slider-cell-img-wrap .slider-cell-img,
.slider-cell-img-wrap .slide-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.slider-wrapper {
	position: relative;
	padding: 75px 0;
	z-index: 2;
}

@media only screen and (max-width: 768px) {
	.slider-wrapper  {
		margin-top: 50px;
	}
}

.slider-backdrop::before {
	content: "";
	position: absolute; left: 0; right: 0; bottom: 0;
	height: 100%;
	z-index: 1; pointer-events: none;
	background: linear-gradient(to top, rgba(0,13,41,1), rgba(0,13,41,0)),
	linear-gradient(to bottom, rgba(0,13,41,1), rgba(0,13,41,0));
}

.slider-section .slider-cell {
	align-items: center;
}

.slider .slide-logo {
	max-width: 400px;
	max-height: 250px;
	margin: 1rem 0;
}

@media only screen and (max-width: 768px) {
	.slider .slide-logo  {
		max-width: 250px;
	}
}

.slider-content {
	position: relative;
	padding: 50px;
}

@media only screen and (max-width: 768px) {
	.slider-content {
		padding: 25px;
	}
}

.slider-copy-wrap {
	margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
	.slider-copy-wrap {
		margin-bottom: 10px;
	}
}

.slider .slide-title {
	font-size: 4.25rem;
	line-height: 4.5rem;
	text-shadow: 3px 5px 25px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 768px) {
	.slider .slide-title  {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
}

.slide-subtitle {
	font-size: 1.563rem;
	font-weight: 600;
	line-height: 1.5rem;
	margin-top: 15px;
	margin-bottom: 1rem;
}

.slide-copy {
	font-size: 1.25rem;
	margin: 1rem 0;
}

.slide-copy ul {
	list-style: none;
	padding-left: 0;
}
.slide-copy ul li {
	margin-bottom: 4px;
}
.slide-copy ul li::before {
	display: inline-block;
	width: 20px;
	position: relative;
	top: 2px;
	margin-left: -20px;
	font-size: 1.75rem;
	line-height: 1;
	color: #16A3B8;
	content: '•';
}

.slider .slider-nav-wrap {
	position: relative;
	right: 100px;
	z-index: 1;
}

.slider .swiper-button-prev {
	left: auto;
	right: 210px;
}

.slider .swiper-button-next {
	right: 125px;
}

.slider .swiper-button-prev,
.slider .swiper-button-next {
	background: transparent;
	border: 1px solid var(--white);
	border-radius: 50%;
	color: var(--teal);
	width: 50px;
	height: 50px;
	opacity: 1;
	top: auto;
	bottom: 100px;
}

.slider .swiper-button-next:after, .swiper-button-prev:after {
	content: none;
	font-size: 24px;
	line-height: 1;
}

.slider .swiper-pagination {
	text-align: right;
	z-index: 1;
}

.slider .swiper-pagination-fraction {
	font-size: 14px;
	letter-spacing: .3rem;
	right: 30px;
	bottom: 115px;
	left: auto;
}

@media (max-width: 768px) {
	.slider .slider-nav-wrap {
		right: auto;
		top: -50px;
		margin-top: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 12px;
	}

	/* Stop Swiper buttons from being absolutely positioned */
	.slider .swiper-button-prev,
	.slider .swiper-button-next {
		bottom: auto;
		width: 44px;
		height: 44px;
	}

	/* Pagination in the same row as buttons */
	.slider .swiper-pagination {
		margin-top: -20px;
	}

	/* If Swiper adds its own absolute placement on fraction pagination: override */
	.slider .swiper-pagination-fraction {
		bottom: auto;
	}
}
