/* ============================================
   ABOUT PAGE SPECIFIC STYLES
   All styles below are scoped to .about-page to prevent affecting other pages
   ============================================ */

/* About page main section */
.about-page .about-us-main-section {
	padding: 0 30px 60px;
	position: relative;
}

/* About page main title - use standard section-header-title padding */
.about-page .about-us-main-section .section-header-title {
	padding-top: 160px;
	padding-bottom: 60px;
	margin-top: 0;
	margin-bottom: 24px;
}

/* Removed .hero-wrapper-two-2 - now using in-venue-container and section-header-wrapper */

/* Video and text layout - match in-venue page hero video size */
.about-page .div-block-11 {
	grid-template-columns: 1.2fr 0.8fr;
	grid-column-gap: 40px;
	grid-row-gap: 20px;
	position: relative;
	z-index: 1; /* Ensure content appears above any background elements */
}

/* Ensure text content appears above backgrounds */
.about-page .div-block-2 {
	position: relative;
	z-index: 1;
}

/* Subtitle styling - now handled by section-header-detail in base.css */

.about-page .about-us-video-container {
	border-radius: 8px;
	width: 100%;
	margin-top: 0;
	overflow: hidden;
}

.about-page .video-container.about-us {
	width: 100%;
}

/* About page testimonial section - uses about-news-card */
.about-page .about-testimonial-section {
	padding: 0 20px 0;
	position: relative;
	overflow: visible; /* Allow box shadows to be visible */
}

.about-page .about-testimonial-background-2 {
	background-color: transparent;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: auto 0% -4%;
	/* Use SVG wave as background */
	background-image: url('/assets/svg/wave.svg');
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}

/* Swiper Carousel Styles */
.about-page .about-testimonial-slider-regular-2.swiper {
	width: 100%;
	padding-left: 20px; /* Add left padding to allow box shadows to be visible */
	padding-right: 20px; /* Add right padding to allow box shadows to be visible */
	padding-bottom: 50px; /* Space for pagination */
	padding-top: 8px; /* Add top padding to accommodate box shadow */
	overflow: hidden; /* Hide partial cards at edges - only clip at container level */
	box-sizing: border-box; /* Include padding in width calculation */
	position: relative; /* Ensure proper positioning context */
}

.about-page .about-testimonial-slider-regular-2 .swiper-wrapper {
	display: flex;
	align-items: stretch;
	width: auto; /* Let Swiper calculate width */
	overflow: visible; /* Allow slides to move freely */
}

.about-page .about-testimonial-slider-regular-2 .swiper-slide {
	height: auto;
	display: flex;
	box-sizing: border-box;
	flex-shrink: 0; /* Prevent slides from shrinking */
	overflow: visible; /* Allow box shadows to be visible */
	/* Width is calculated by Swiper based on slidesPerView */
}

.about-page .about-testimonial-slider-regular-2 .swiper-slide .about-news-card {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 24px;
	box-sizing: border-box;
	margin-top: 8px; /* Add top margin to prevent box shadow from being trimmed */
}

/* Swiper Pagination Styles */
.about-page .about-testimonial-slider-regular-2 .swiper-pagination {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	z-index: 10;
}

.about-page .about-testimonial-slider-regular-2 .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: rgba(255, 255, 255, 0.4);
	opacity: 1;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.about-page .about-testimonial-slider-regular-2 .swiper-pagination-bullet-active {
	width: 12px;
	height: 12px;
	background-color: var(--white);
}

/* About page responsive styles */
@media screen and (max-width: 991px) {
	.about-page .about-us-main-section {
		padding-top: 0;
		padding-bottom: 40px;
	}
}

@media screen and (max-width: 767px) {
	.about-page .about-us-video-container {
		margin-top: 0;
	}
}

/* About page base classes - mirror f-* classes from base.css */

.about-margin-bottom-137 {
	margin-bottom: 40px;
	display: block;
}

.about-margin-bottom-139 {
	margin-bottom: 60px;
	display: block;
}

.about-container-large-2 {
	width: 100%;
	max-width: var(--container-max-width);
	margin-left: var(--container-side-margin);
	margin-right: var(--container-side-margin);
	position: relative;
	overflow: visible; /* Allow box shadows to be visible */
}

.about-paragraph-small-2 {
	color: var(--black);
	text-align: center;
	letter-spacing: -.01em;
	margin-bottom: 0;
	font-family: Gotham Book, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.8;
}

.about-paragraph-regular-2 {
	letter-spacing: -.02em;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.8;
}

.about-text-weight-medium {
	font-weight: 500;
}

.about-paragraph-regular-2.about-text-weight-medium {
	color: var(--amp-gray);
	text-align: center;
	-webkit-text-stroke-color: var(--amp-yellow);
	font-family: Gotham, Arial, sans-serif;
	font-weight: 500;
}

.about-testimonial-author-2 {
	box-sizing: border-box;
	grid-column-gap: 16px;
	grid-row-gap: 12px;
	flex-flow: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	display: flex;
}

.about-avatar-image-2 {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.about-testimonial-slider-regular-2 {
	background-color: #0000;
	height: auto;
	padding-bottom: 0;
	padding-left: 0; /* Remove padding for Swiper to calculate widths correctly */
	padding-right: 0; /* Remove padding for Swiper to calculate widths correctly */
	display: block;
}

/* About News Card - scoped to about-page only */
.about-page .about-news-card {
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15); /* Increased box shadow for more prominence */
	color: var(--amp-yellow);
	background-color: var(--white);
	border-radius: 12px;
	justify-content: flex-start;
	align-items: stretch;
	display: flex;
	flex-direction: column;
	box-sizing: border-box; /* Include padding in width/height */
	width: 100%; /* Ensure card respects container width */
	max-width: 100%; /* Prevent card from exceeding container */
	min-width: 280px; /* Minimum width to prevent cards from getting too narrow */
	overflow: visible; /* Ensure box shadow is not clipped */
}

.about-page .about-news-card:hover {
	background-color: var(--white);
}

.about-page .about-news-card h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 16px 0;
}

/* Logo container - remove circular border-radius, center logo */
.about-page .about-news-card .about-testimonial-author-2:first-of-type {
	justify-content: center !important;
	margin-bottom: 20px !important;
}

.about-page .about-news-card .about-testimonial-avatar-small-2 {
	border-radius: 0;
	width: auto;
	height: auto;
	min-width: auto;
	min-height: auto;
	padding: 0;
	background: transparent;
	overflow: visible;
	justify-content: center;
	align-items: center;
}

.about-page .about-news-card .about-avatar-image-2 {
	width: auto;
	height: 80px;
	max-width: 200px;
	object-fit: contain;
	border-radius: 0;
}

/* Card content spacing */
.about-page .about-news-card .about-margin-bottom-137 {
	margin-bottom: 16px;
}

.about-page .about-news-card .about-margin-bottom-137:last-of-type {
	margin-bottom: 0;
}

.about-page .about-news-card .about-margin-bottom-137 p {
	margin-bottom: 0;
}

/* Read More section at bottom */
.about-page .about-news-card .about-testimonial-author-2:last-child {
	justify-content: flex-end !important;
	align-items: flex-end !important;
	margin-top: auto !important;
	margin-bottom: 0 !important;
	padding-top: 16px !important;
	padding-bottom: 12px !important; /* Increased bottom padding to prevent clipping by border-radius */
	width: 100% !important;
	max-width: 100% !important;
	text-align: right !important;
	min-height: 40px;
	box-sizing: border-box !important;
}

.about-page .about-news-card .about-testimonial-author-2:last-child > div {
	width: 100% !important;
	max-width: 100% !important;
	text-align: right !important;
	display: flex !important;
	justify-content: flex-end !important;
	box-sizing: border-box !important;
}

.about-page .about-news-card .about-testimonial-author-2:last-child p {
	text-align: right !important;
	margin-left: auto !important;
	display: inline-block !important;
	width: auto !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

/* Swiper cards - ensure proper padding and height */
.about-page .about-testimonial-slider-regular-2 .swiper-slide .about-news-card {
	height: 480px; /* Fixed height for desktop */
	overflow: hidden;
}

/* Responsive styles for Swiper cards */
@media screen and (max-width: 960px) {
	.about-page .about-testimonial-slider-regular-2 .swiper-slide .about-news-card {
		height: 440px; /* Fixed height for tablet */
	}
}

/* Mobile: 1 card per slide */
@media screen and (max-width: 639px) {
	.about-page .about-testimonial-section {
		padding: 0 10px 0; /* Reduced horizontal padding on mobile */
	}
	
	.about-page .about-testimonial-slider-regular-2.swiper {
		padding-left: 10px; /* Reduced left padding on mobile */
		padding-right: 10px; /* Reduced right padding on mobile */
	}
	
	.about-page .about-testimonial-slider-regular-2 .swiper-slide {
		width: 100% !important;
	}
	
	.about-page .about-testimonial-slider-regular-2 .swiper-slide .about-news-card {
		width: 100%;
		height: 420px; /* Fixed height for mobile */
		padding: 20px; /* Consistent padding on mobile */
		overflow: hidden;
		box-sizing: border-box;
	}
}