/* Reset & Base Styles */




 * {
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 }

 body {
 	font-family: 'Poppins', sans-serif;
 	line-height: 1.5;
 }

 .surridge-container {
 	width: 100%;
 	max-width: 1400px;
 	margin: 0 auto;
 	padding: 0 2rem;
 }

 /* Hero Section */
 .surridge-hero-section {
 	position: relative;
 	width: 89.063%;
 	height: 840px;
 	/* min-height: 700px; */
 	/* max-height: 900px; */
 	overflow: hidden;
 	background: #7abce0;
 	margin: 0 auto;
 	border-radius: 10px;
 }

 .surridge-hero-slider {
 	height: 100%;

 }

 /* Slide Base */
 .surridge-hero-slide {
 	position: relative;
 	height: 100%;

 }

 .surridge-slide-media {
 	position: absolute;
 	inset: 0;
 	z-index: 1;
 	background-color: #000;
 }

 .surridge-slide-media img {
 	width: 100%;
 	height: 840px;
 	object-fit: cover;
 	z-index: 1;
 }

 .surridge-slide-media video {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	z-index: 2;
 }

 /* Mobile image handling */
 .surridge-mobile-img {
 	display: none;
 }

 @media (max-width: 1500px) {
 	.surridge-desktop-img {
 		display: none;
 	}

 	.surridge-slide-media img {
 		width: 100%;
 		height: 480px;
 		object-fit: cover;
 		z-index: 1;
 	}

 	.surridge-mobile-img {
 		display: block;
 	}

 	.surridge-hero-section {
 		position: relative;
 		width: 95%;
 		height: 800px;
 		/* min-height: 700px; */
 		/* max-height: 900px; */
 		overflow: hidden;
 		background: #000000;
 		margin: 0 auto;
 		border-radius: 10px;
 	}
 }




 @media (max-width: 767px) {
 	.surridge-desktop-img {
 		display: none;
 	}

 	.surridge-mobile-img {
 		display: block;
 	}

 	.surridge-hero-section {
 		position: relative;
 		width: 95%;
 		height: 475px;
 		/* min-height: 700px; */
 		/* max-height: 900px; */
 		overflow: hidden;
 		background: #000000;
 		margin: 0 auto;
 		border-radius: 10px;
 	}
 }




 .surridge-slide-overlay {
 	position: absolute;
 	inset: 0;
 	z-index: 3;
 	background: linear-gradient(90deg,
 			rgba(0, 0, 0, 0.4) 0%,
 			rgba(0, 0, 0, 0.2) 30%,
 			rgba(0, 0, 0, 0.0) 100%)
 }

 .surridge-slide-content {
 	position: relative;
 	height: 100%;
 	z-index: 4;
 	display: flex;
 	align-items: center;
 	padding: 3rem;
 	color: #fff;
 }

 .surridge-content-inner {

 	margin-left: 3%;
 	margin-top: 10%;
 }

 .surridge-content-eyebrow {
 	display: inline-flex;
 	align-items: center;
 	padding: 7px 10px;
 	background: rgba(0, 0, 0, 0.9);
 	backdrop-filter: blur(8px);
 	border-radius: 3px;
 	font-size: 17px;
 	text-transform: uppercase;
 	letter-spacing: 0.04em;
 	margin-bottom: 10px;
 	font-family: 'Paperlogy5';
 }

 .surridge-content-title {
 	font-size: 55px;
 	line-height: 1.2em;
 	letter-spacing: -0.00em;
 	font-family: 'Paperlogy7';
	background-color: #2b3569;
    padding: 18px 18px 10px 18px;
	border-radius: 5px 5px 0 0;
 }

 .surridge-content-description {
 	font-size: 18px;
 	opacity: 1;
 	margin-bottom: 20px;
 	max-width: 600px;
 	line-height: 1.6em;
 background-color: #2b3569;
    padding: 0 18px 15px 18px;
	 border-radius: 0 0 5px 5px;
 }

 /* Button - Enhanced with glow effect on hover */
 .surridge-button {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
 	gap: 0.5rem;
 	padding: 8px 2px;
 	background: #000000;
 	color: #ffffff;
 	text-decoration: none;
 	border-radius: 3px;
 	font-size: 17px;
 	letter-spacing: 0.01em;
 	transition: all 0.3s ease;
 	border: none;
 	cursor: pointer;
 	font-family: 'Paperlogy5';
 	text-align: center;
 	width: 105px;
 }

 .surridge-button-white {
 	background: #ffffff;
 	color: #000000;
 }

 .surridge-button-white:hover {
 	background: #000000;
 	color: #ffffff;
 }

 /* Nav Wrapper */
 .surridge-nav-wrapper {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	z-index: 10;
 	padding: 0px 35px 24px 35px;
 	background: linear-gradient(0deg,
 			rgba(0, 0, 0, 0.8) 0%,
 			rgba(0, 0, 0, 0) 100%);
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 }

 .surridge-slide-counter {
 	color: #ffffff;
 	display: flex;
 	align-items: baseline;
 	gap: 3px;
 	font-family: 'Paperlogy6';
 	letter-spacing: -0.02em;

 }

 .surridge-current-slide {
 	font-size: 40px;
 	letter-spacing: 0.02em;
 }

 .surridge-total-slides {
 	opacity: 0.6;
 	font-size: 25px;
 	letter-spacing: 0.1em;
 }

 /* Progress Nav */
 .surridge-progress-nav {
 	flex: 1;
 	margin: 0 3rem;
 	display: flex;
 	gap: 1.5rem;
 }

 .surridge-progress-item {
 	position: relative;
 	flex: 1;
 	cursor: pointer;
 }


.surridge-progress-item.active .surridge-progress-bar{
    border: 4px solid #000000;
}




 /* Preview thumbnails */
 .surridge-progress-preview {
 	position: absolute;
 	bottom: 100%;
 	left: 50%;
 	transform: translateX(-50%) translateY(10px);
 	width: 200px;
 	background: #000;
 	border: 1px solid rgba(255, 255, 255, 0.1);
 	border-radius: 8px;
 	padding: 0.5rem;
 	opacity: 0;
 	visibility: hidden;
 	transition: all 0.3s ease;
 	pointer-events: none;
 	z-index: 10;
 }

 .surridge-progress-item:hover .surridge-progress-preview {
 	opacity: 1;
 	visibility: visible;
 	transform: translateX(-50%) translateY(0);
 }

 .surridge-preview-image {
 	width: 100%;
 	aspect-ratio: 16/9;
 	border-radius: 6px;
 	overflow: hidden;
 }

 .surridge-preview-image img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .surridge-preview-title {
 	color: #fff;
 	font-size: 0.875rem;
 	padding: 0.5rem;
 	text-align: center;
 }

 .surridge-progress-bar {
 	height: 19px;
    background: rgba(255, 255, 255, 0.2);
    margin-top: 2rem;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
 }

 .surridge-progress-fill {
 	position: absolute;
 	left: 0;
 	top: 0;
 	height: 100%;
 	width: 100%;
 	background: #ffffff;
 	transform: scaleX(0);
 	transform-origin: left;
 	border-radius: 8px;
 }

 /* Animation is applied via JavaScript */
 @keyframes surridgeProgressAnim {
 	from {
 		transform: scaleX(0);
 	}

 	to {
 		transform: scaleX(1);
 	}
 }

 /* Mobile progress bar */
 .surridge-mobile-progress {
 	display: none;
 	position: absolute;
 	bottom: 20px;
 	left: 20px;
 	right: 20px;
 	z-index: 12;
 }

 .surridge-mobile-progress-bar {
 	height: 4px;
 	width: 100%;
 	background: rgba(255, 255, 255, 1);
 	border-radius: 8px;
 	overflow: hidden;
 }

 .surridge-mobile-progress-fill {
 	height: 100%;
 	width: 100%;
 	background: #ffffff;
 	transform: scaleX(0);
 	transform-origin: left;
 	border-radius: 8px;
 }

 /* Button Nav */
 .surridge-button-nav {
 	display: flex;
 	gap: 1rem;
 	z-index: 11;
 }

 .surridge-nav-button {
 	width: 48px;
 	height: 48px;
 	border: 1px solid rgba(253, 208, 0, 0.5);
 	border-radius: 50%;
 	background: rgba(253, 208, 0, 0.5);
 	color: #ffffff;
 	cursor: pointer;
 	display: grid;
 	place-items: center;
 	transition: all 0.3s ease;
 }

 .surridge-nav-button:hover {
 	background: #1a1f35;
 	border-color: #1a1f35;
 	transform: translateY(-2px);
 }

 /* Remove dot pagination completely */
 .surridge-hero-section .swiper-pagination {
 	display: none !important;
 }

 /* Quick Links Section */
 .surridge-quick-links-section {
 	padding: 2rem 0;
 	background-color: #000000;
 	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .surridge-quick-links-grid {
 	display: grid;
 	grid-template-columns: repeat(4, 1fr);
 	gap: 1.5rem;
 }

 .surridge-quick-link {
 	background-color: rgba(255, 255, 255, 0.05);
 	border-radius: 12px;
 	padding: 1.5rem;
 	text-align: center;
 	transition: transform 0.3s ease, background-color 0.3s ease;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	text-decoration: none;
 	color: #ffffff;
 }

 .surridge-quick-link:hover {
 	transform: translateY(-5px);
 	background-color: rgba(255, 255, 255, 0.1);
 }

 .surridge-quick-link-icon {
 	font-size: 2rem;
 	color: #ffffff;
 	margin-bottom: 1rem;
 }

 .surridge-quick-link-title {
 	font-weight: 600;
 	font-size: 1.1rem;
 	margin-bottom: 0.5rem;
 }

 .surridge-quick-link-desc {
 	font-size: 0.85rem;
 	color: rgba(255, 255, 255, 0.7);
 }

 /* Responsive */
 @media (max-width: 1200px) {
 	.surridge-quick-links-grid {
 		grid-template-columns: repeat(2, 1fr);
 	}
 }

 @media (max-width: 992px) {

 	.surridge-current-slide {
 		font-size: 30px;
 		letter-spacing: 0.02em;
 	}

 	.surridge-total-slides {
 		opacity: 0.6;
 		font-size: 15px;
 		letter-spacing: 0.1em;
 	}




 	.surridge-content-inner {
 		margin: 0 auto;
 		text-align: center;
 		padding-top: 120px;
 	}

 	.surridge-nav-wrapper {
 		flex-wrap: wrap;
 		gap: 1.5rem;
 		padding-bottom: 32px;
 	}

 	.surridge-progress-nav {
 		display: none !important;
 	}

 	/* Show mobile progress bar instead of dots */
 	.surridge-mobile-progress {
 		display: block;
 	}
 }

 @media (max-width: 768px) {
 	.surridge-nav-button {
 		width: 40px;
 		height: 40px;
 		transform: translateY(0px) !important;
 	}

 	/* Two quick links tiles on mobile - still looks good on phones in landscape */
 	.surridge-quick-links-grid {
 		grid-template-columns: repeat(2, 1fr);
 		gap: 1rem;
 	}

 	.surridge-quick-link {
 		padding: 1rem;
 	}

 	.surridge-quick-link-icon {
 		font-size: 1.75rem;
 		margin-bottom: 0.75rem;
 	}

 	.surridge-quick-link-title {
 		font-size: 1rem;
 	}
 }

 @media (max-width: 1500px) {

 	.surridge-slide-overlay {
 		position: absolute;
 		inset: 0;
 		z-index: 3;
 		background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0.5) 100%);
 	}



 	.surridge-content-title {
 		font-size: 31px;
 	}

 	.surridge-content-description {
 		font-size: 1rem;
 	}

 	/* Keep two columns but smaller on very small screens */
 	.surridge-quick-links-grid {
 		gap: 0.75rem;
 	}

 	.surridge-quick-link-desc {
 		font-size: 0.8rem;
 	}
 }

 /*
 @media (prefers-reduced-motion: reduce) {
 	* {
 		transition: none !important;
 		animation: none !important;
 	}
 }*/