/**
 * Bio Content Block Front-end CSS - Updated with conditional rendering and full-width support
 */

/* Main container layout */
.bio-content-wrapper {
	width: 100%;
	display: block;
	position: relative;
}

.bio-content-container {
	display: flex;
	max-width: 1440px;
	margin: 0 auto;
	gap: 60px;
	padding-left: 30px;
	padding-right: 30px;
}

/* Full-width layout when navigation is hidden */
.bio-content-no-nav .bio-content-container {
	gap: 0;
}

.bio-content-no-nav .bio-content-sidebar-wrapper {
	display: none;
}

.bio-content-no-nav .bio-content-sidebar-placeholder {
	display: none;
}

.bio-content-no-nav .bio-mobile-nav {
	display: none;
}

.bio-faq-answer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bio-faq-answer li {
	color: #000;
	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
	margin-bottom: 8px;
	position: relative;
	padding-left: 20px;
}

.bio-faq-answer li:before {
	content: "•";
	color: #000;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 400;
}

.bio-faq-answer li:last-child {
	margin-bottom: 0;
}

.bio-content-no-nav .bio-awards-section {
	padding-left: 30px; /* Reset to normal padding instead of offset for sidebar */
}

@media (max-width: 1500px) {
	.bio-content-container {
		max-width: 1200px !important;
	}

	.bio-interests-content-inner {
		max-width: 500px !important;
	}

	.bio-awards-section{
		max-width: 1200px !important;
	}
}

@media (max-width: 1500px) {
	.bio-content-eyebrow {
		font-size: 16px !important;
	}

	.bio-content-text,
	.bio-solution-description,
	.bio-credential-list li {
		font-size: 16px !important;
	}

	.bio-content-expandable-content > p {
		font-size: 16px !important;
	}

	.bio-content-read-more-btn {
		font-size: 16px !important;
	}

	.bio-content-read-less-btn {
		font-size: 16px !important;
	}

	.bio-content-btn-text {
		font-size: 16px !important;
	}

	.bio-faq-answer {
		font-size: 16px !important;
	}

	.bio-interests-description {
		font-size: 16px !important;
	}

	.bio-resource-title {
		font-size: 16px !important;
	}

	.content-sidebar-navigation .content-sidebar-navigation-wysiwyg ul li,
	.content-sidebar-navigation .accordion-answer-content ul li {
		font-size: 16px !important;
	}

	.accordion-answer-content p {
		font-size: 16px !important;
	}
}

/* Background color sections */
.section-bg-white {
	background-color: #FFF;
	width: 100%;
	padding: 80px 0;
	position: relative;
}

.section-bg-light-gray {
	background-color: #F6F6F6;
	width: 100%;
	padding: 80px 0;
	position: relative;
}

.section-bg-dark-blue {
	background-color: #0F293E;
	width: 100%;
	padding: 80px 0;
	position: relative;
}

/* FIXED: Better sidebar positioning */
.bio-content-sidebar-wrapper {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 5;
	height: 0;
}

.bio-content-sidebar {
	flex: 0 0 220px;
	position: relative;
	margin-top: 0;
	height: fit-content;
	padding-top: 90px;
}

/* Placeholder for the sidebar space in content areas */
.bio-content-sidebar-placeholder {
	flex: 0 0 220px;
}

.bio-content-expandable-content > p{
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
	color: #000000;
}

.bio-content-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	position: sticky;
	top: 100px;
}

/* FIXED: Better navigation hiding with smooth transition - UPDATED: starts 200px higher */
.bio-content-wrapper.nav-hidden .bio-content-nav {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	height: 0 !important;
}

.bio-content-nav li {
	margin-bottom: 24px;
}

/* FIXED: Improved nav link styling with better transitions */
.bio-nav-link {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #000000;
	text-decoration: none;
	transition: all 0.3s ease;
	position: relative;
}

/* Default hover and active states */
.bio-nav-link:hover {
	color: #AA632C;
}

.bio-nav-link.active {
	color: #AA632C;
	font-weight: 400;
}

/* FIXED: White section styling - using data attributes instead of sibling selectors */
.bio-content-wrapper[data-nav-color="white"] .bio-nav-link {
	color: #FFFFFF !important;
}

.bio-content-wrapper[data-nav-color="white"] .bio-nav-link:hover {
	color: #AA632C !important;
}

/* UPDATED: Active state in white sections now uses orange color instead of white indicator */
.bio-content-wrapper[data-nav-color="white"] .bio-nav-link.active {
	color: #AA632C !important;
	font-weight: 500;
}

/* Right content sections */
.bio-content-section {
	margin-bottom: 80px;
	scroll-margin-top: 120px;
}

/* No bottom margin for last section in a colored background wrapper */
.section-bg-white .bio-content-section:last-child,
.section-bg-light-gray .bio-content-section:last-child,
.section-bg-dark-blue .bio-content-section:last-child {
	margin-bottom: 0;
}

/* Section titles and content */
.bio-content-title {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 114%;
	margin-bottom: 53px;
	color: #0F293E;
}

.resource-bio-content-title{
	color: #000000 !important;
}

.bio-content-eyebrow {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 6.72px;
	text-transform: uppercase;
	margin-bottom: 16px;
	color: #0F293E;
}

.bio-content-text,
.bio-solution-description,
.bio-credential-list li {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
	color: #000000;
}

.bio-content-text p,
.bio-solution-description p {
	margin-bottom: 20px;
}

/* Solutions section styles */
.bio-solution-title {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	margin-bottom: 16px;
	color: #0F293E;
}

.bio-solution-item {
	margin-bottom: 40px;
}

.bio-content-divider {
	border-bottom: 1px solid #290B0B;
	margin: 40px 0;
}

.bio-content-divider-awards{
	border-bottom : 1px solid #FFFFFF;
	margin-top: 0 !important;
	margin-bottom: 30px;
}

/* Credentials section styles */
.bio-credentials-columns {
	display: flex;
	gap: 60px;
}

.bio-credentials-column {
	flex: 1;
}

.bio-credential-group {
	margin-bottom: 40px;
	padding-left: 20px;
	border-left: 1px solid #05224C;
}

.bio-credential-group:last-child {
	margin-bottom: 0;
}

.bio-credential-title {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	margin-bottom: 24px;
	color: #0F293E;
}

.bio-credential-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.bio-credential-list li {
	margin-bottom: 12px;
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
	color: #000000;
}

/* Awards & Accolades section styles */
.bio-awards-section-wrapper {
	background-color: #6B313E;
	width: 100%;
	padding: 60px 0;
	scroll-margin-top: 120px;
	position: relative;
}

.bio-awards-section {
	max-width: 1440px;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
}

.bio-awards-section .bio-content-eyebrow,
.bio-awards-section .bio-content-title {
	color: #FFFFFF;
}

/* Awards grid layout */
.bio-awards-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	margin-bottom: 80px;
}

.bio-award-item {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	color: #FFFFFF;
	z-index: 99;
}

/* Accolades list */
.bio-accolades-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.bio-accolade-item {
	position: relative;
	padding-left: 24px;
	margin-bottom: 16px;
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	color: #FFFFFF;
}

.bio-accolade-item::before {
	content: "•";
	position: absolute;
	left: 0;
	font-size: 24px;
	line-height: 16px;
	color: #FFFFFF;
}

/* ===== UPDATED READ MORE/LESS BUTTON STYLES - MATCHING PARAGRAPH-EXPANDABLE ===== */

/* Read More Button Styles */
.bio-content-read-more-btn {
	display: flex;
	align-items: center;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	font-weight: 400;

	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	margin-top: 10px;
	transition: all 0.3s ease;
	text-decoration: none !important;
	text-align: left;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* Read Less Button Styles */
.bio-content-read-less-btn {
	display: flex;
	align-items: center;
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	font-weight: 400;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	margin-top: 20px; /* Space above the read less button */
	transition: all 0.3s ease;
	text-decoration: none !important;
	text-align: left;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* Button Text Styles */
.bio-content-btn-text {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 18px;
	font-weight: 400;
}

/* Toggle Icon Container for both buttons */
.bio-content-toggle-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	position: relative;
	border-radius: 50%;
	padding: 6px;
	transition: background-color 0.3s ease;
}

/* Hover effect on both buttons */
.bio-content-read-more-btn:hover .bio-content-toggle-icon,
.bio-content-read-less-btn:hover .bio-content-toggle-icon {
	background-color: rgba(170, 98, 44, 0.08); /* #AA622C with 8% opacity */
}

/* Focus styles */
.bio-content-read-more-btn:focus,
.bio-content-read-less-btn:focus {
	outline: none;
}

/* SVG Icon for both buttons */
.bio-content-plus-minus-icon {
	width: 20px;
	height: 20px;
}

/* Set the color for SVG elements */
.bio-content-toggle-icon svg rect {
	fill: #AA632C;
}

/* When expanded, completely remove the vertical line (not just opacity) */
.bio-content-toggle-icon.bio-content-expanded .bio-content-vertical-line {
	display: none;
}

/* Expandable content */
.bio-content-expandable-content {
	margin-top: 20px;
	/* Hidden by default, but the JS will handle showing/hiding with animation */
	display: none;
}

/* Ensure proper spacing for the read less button */
.bio-content-expandable-content > *:last-child:not(.bio-content-read-less-btn) {
	margin-bottom: 0;
}

/* === MORE SECTION STYLES === */

/* Related Resources Section Styles */
.bio-related-resources {
	margin-bottom: 60px;
}

.bio-related-resources-title,
.bio-faq-title {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 32px;
	margin-bottom: 32px;
	color: #0F293E;
}

.bio-resources-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 40px;
	row-gap: 80px;
	margin-bottom: 40px;
}

.bio-resource-item {
	display: flex !important;
	flex-direction: column !important;
	padding: 0 0 0 16px !important;
	border-left: 1px solid #05224C !important;
	position: relative !important;
	transition: opacity 0.3s ease !important;
	min-height: 265px !important;
	cursor: pointer !important;
}

/* Hover effect for the grid - when any item is hovered, reduce opacity of others */
.bio-resources-grid:hover .bio-resource-item {
	opacity: 0.5;
}

/* The hovered item should maintain full opacity */
.bio-resources-grid .bio-resource-item:hover {
	opacity: 1;
}

/* NEW TAXONOMY STYLING FOR EDITOR - MATCHING RECENT RESOURCES */

/* Meta line with resource and service */
.bio-resource-item-meta-line {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-bottom: 16px !important;
}

.bio-resource-item-resource {
	color: var(--Text-primary, #000) !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 18px !important; /* 128.571% */
	letter-spacing: 2.66px !important;
	text-transform: uppercase !important;
}

.bio-resource-meta-separator {
	color: #000 !important;
	margin: 0 4px !important;
}

.bio-resource-item-service {
	color: var(--color-text-highlight, #AA632C) !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 18px !important; /* 128.571% */
	letter-spacing: 2.66px !important;
	text-transform: uppercase !important;
}

/* Updated resource title to match new structure */
.bio-resource-title {
	font-family: 'Hedvig Letters Serif', serif !important;
	font-size: 18px !important;
	line-height: 1.4 !important;
	font-weight: 400 !important;
	margin-bottom: 24px !important;
	color: var(--color-text-default, #000) !important;
}

.bio-resource-title a {
	color: inherit !important;
	text-decoration: none !important;
	transition: color 0.3s ease !important;
	font-family: 'Hedvig Letters Serif', serif !important;
	letter-spacing: 0.02em !important;
}

.bio-resource-title a:hover {
	color: #AA632C !important;
}

/* Bottom metadata section */
.bio-resource-bottom-meta {
	margin-top: auto !important;
	margin-bottom: 16px !important;
}

/* Attorney section styling */
.bio-resource-attorney {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin-bottom: 16px !important;
}

.bio-resource-attorney-image {
	width: 53px !important;
	height: 53px !important;
	object-fit: cover !important;
	border-radius: 0 !important; /* Adjust if you want rounded corners */
}

.bio-resource-attorney-info {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}

.bio-resource-attorney-name {
	color: var(--color-text-default, #000) !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 21px !important; /* 150% */
}

/* Date and read time styling */
.bio-resource-date-time {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.bio-resource-date,
.bio-resource-read-time {
	color: var(--color-text-default, #000) !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 21px !important; /* 150% */
}

.bio-resource-dot {
	color: var(--color-text-default, #000) !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
}

/* LEGACY SUPPORT FOR OLD STRUCTURE */

/* Resource header styling */
.bio-resource-header {
	display: flex !important;
}

.bio-resource-type {
	color: #000 !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 18px !important;
	letter-spacing: 2.66px !important;
	text-transform: uppercase !important;
}

.bio-resource-category {
	color: #AA632C !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 18px !important;
	letter-spacing: 2.66px !important;
	text-transform: uppercase !important;
}

.bio-resource-divider {
	color: #000 !important;
	margin: 0 16px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 18px !important;
	letter-spacing: 2.66px !important;
	text-transform: uppercase !important;
}

/* Updated resource meta to work with new structure */
.bio-resource-meta {
	display: flex !important;
	align-items: center !important;
	margin-bottom: 24px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 14px !important;
	color: rgba(0, 0, 0, 0.6) !important;
}

.bio-resource-read-more {
	display: flex !important;
	align-items: center !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #000 !important;
	text-decoration: none !important;
	margin-top: auto !important;
}

.bio-resource-read-more::after {
	content: "" !important;
	display: inline-block !important;
	width: 29px !important;
	height: 16px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='16' viewBox='0 0 29 16' fill='none'%3E%3Cpath d='M28.7071 8.70711C29.0976 8.31659 29.0976 7.68342 28.7071 7.2929L22.3431 0.928934C21.9526 0.53841 21.3195 0.53841 20.9289 0.928934C20.5384 1.31946 20.5384 1.95262 20.9289 2.34315L26.5858 8L20.9289 13.6569C20.5384 14.0474 20.5384 14.6805 20.9289 15.0711C21.3195 15.4616 21.9526 15.4616 22.3431 15.0711L28.7071 8.70711ZM-8.74228e-08 9L28 9L28 7L8.74228e-08 7L-8.74228e-08 9Z' fill='%23AA622C'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	margin-left: 10px !important;
	transition: transform 0.3s ease !important;
}

/* Hover effect for arrow buttons */
.bio-resource-item:hover .bio-resource-read-more::after {
	transform: translateX(5px) !important;
}

.bio-resources-view-all {
	display: flex !important;
	margin-top: 80px !important;
}

.bio-view-all-link {
	background-color: #AA632C !important;
	color: #FFFFFF !important;
	font-family: 'Hedvig Letters Serif', serif !important;
	font-size: 16px !important;
	line-height: 21px !important;
	font-weight: 400 !important;
	padding: 10px 20px !important;
	border-radius: 5px !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	display: inline-block !important;
}

.bio-view-all-link:hover {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 1px 3px 0 rgba(0, 0, 0, 0.15) !important;
	transition: 300ms ease-in !important;
}

/* FAQ Accordion Styles */
.bio-faq-accordion {
	width: 100%;
}

.bio-faq-container {
	width: 100%;
}

.bio-faq-item {
	margin-bottom: 24px;
	border-bottom: 1px solid #CCC;
}

.bio-faq-toggle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	background: none;
	border: none;
	cursor: pointer;
	text-align: left;
	padding-bottom: 24px;
}

.bio-faq-question {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	flex-grow: 1;
	padding-right: 15px;
}

.bio-faq-item:last-child{
	border-bottom: none;
}

.bio-faq-toggle-icon {
	position: relative;
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: background-color 0.3s ease;
}

.bio-faq-toggle:hover .bio-faq-toggle-icon {
	background-color: rgba(170, 98, 44, 0.08);
}

.bio-faq-toggle-icon::before,
.bio-faq-toggle-icon::after {
	content: '';
	position: absolute;
	background-color: #AA622C;
}

.bio-faq-toggle-icon::before {
	width: 12px;
	height: 2px;
}

.bio-faq-toggle-icon::after {
	width: 2px;
	height: 12px;
}

.bio-faq-toggle-icon.expanded::after {
	display: none;
}

.bio-faq-content {
	display: none;
	padding: 0 0 20px 0;
}

.bio-faq-answer {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
}

/* Personal Interests Section Styles */
.bio-personal-interests-section {
	background-color: transparent;
	padding: 0;
	color: #FFFFFF;
}

.bio-interests-eyebrow {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 6.72px;
	text-transform: uppercase;
	margin-bottom: 16px;
	color: #FFFFFF;
}

.bio-interests-container {
	display: flex;
	gap: 40px;
}

.bio-interests-content {
	flex: 1;
}

.bio-interests-title {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 114%;
	margin-bottom: 32px;
	color: #FFFFFF;
}

.bio-interests-description {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
	color: #FFFFFF;
}

.bio-interests-image {
	flex: 1;
	max-width: 50%;
}

.bio-interests-image img {
	width: 100%;
	height: auto;
	display: block;
}

/* Mobile Navigation Styles */
.bio-mobile-nav {
	display: none;
}

.bio-mobile-nav-button {
	display: flex;
	width: 144px;
	padding: 16px 32px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 43.035px;
	background: #AA622C;
	backdrop-filter: blur(1.458823561668396px);
	color: #FFF;
	font-family: "Hedvig Letters Serif";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	margin: 20px auto 30px;
	border: none;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.3s ease;
}

.bio-mobile-nav-button:hover {
	background-color: #8B4F23;
}

.bio-mobile-nav-button svg {
	transition: transform 0.3s ease;
}

.bio-mobile-nav-button.active svg {
	transform: rotate(180deg);
}

.bio-mobile-nav-links {
	display: none;
	flex-direction: column;
	align-items: center;
	margin: 0 auto 30px;
	padding: 0;
	list-style: none;
	width: 100%;
}

.bio-mobile-nav-links.active {
	display: flex;
}

.bio-mobile-nav-links li {
	margin-bottom: 15px;
	width: 100%;
	text-align: center;
}

.bio-mobile-nav-links .bio-nav-link {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	text-decoration: none;
	transition: color 0.3s ease;
	display: block;
	padding: 10px 0;
}

.bio-mobile-nav-links .bio-nav-link:hover,
.bio-mobile-nav-links .bio-nav-link.active {
	color: #AA632C;
}

/* Personal Interests Carousel Styles - FIXED */
.bio-interests-carousel-controls {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 40px;
	position: relative;
}

/* FIXED: Hide controls only when there is 1 slide */
.bio-personal-interests-section[data-slide-count="1"] .bio-interests-carousel-controls {
	display: none;
}

.bio-interests-carousel-prev,
.bio-interests-carousel-next {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	opacity: 0.7;
	transition: opacity 0.3s ease;
}

.bio-interests-carousel-prev:hover,
.bio-interests-carousel-next:hover {
	opacity: 1;
}

.bio-interests-carousel-prev:disabled,
.bio-interests-carousel-next:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.bio-interests-carousel-dots {
	display: flex;
	align-items: center;
	margin: 0 16px;
}

.bio-interests-carousel-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #FFFFFF;
	opacity: 0.3;
	margin: 0 5px;
	padding: 0;
	border: none;
	cursor: pointer;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.bio-interests-carousel-dot.active {
	opacity: 1;
	transform: scale(1.3);
}

.bio-interests-carousel {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.bio-interests-carousel-inner {
	display: flex;
	transition: transform 0.3s ease;
}

.bio-interests-slide {
	flex: 0 0 100%;
	width: 100%;
}

/* Hide non-active slides for accessibility */
.bio-interests-slide:not(.active) {
	opacity: 0.3;
}

.bio-interests-slide.active {
	opacity: 1;
}

/* Responsive styles */
@media (max-width: 768px) {
	.bio-content-sidebar-wrapper {
		display: none;
	}

	.bio-mobile-nav {
		display: block;
	}

	.bio-content-sidebar-placeholder {
		display: none;
	}

	/*.bio-awards-section {*/
	/*	padding-left: 20px;*/
	/*}*/

	/* Full-width layout adjustments for mobile */
	.bio-content-no-nav .bio-awards-section {
		padding-left: 20px;
	}
}

@media (max-width: 1024px) {
	.bio-content-container {
		padding: 0 20px;
	}

	/*.bio-awards-section {*/
	/*	padding-left: 20px;*/
	/*}*/

	.bio-resources-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.bio-interests-container {
		flex-direction: column;
	}

	.bio-interests-image {
		max-width: 100%;
	}

	/* Full-width layout adjustments for tablet */
	.bio-content-no-nav .bio-awards-section {
		padding-left: 20px;
	}
}

@media (max-width: 768px) {
	.bio-content-container {
		flex-direction: column;
		gap: 40px;
	}


	.bio-content-sidebar-wrapper {
		position: relative;
	}

	.bio-content-sidebar {
		position: relative;
		top: 0;
		width: 100%;
	}

	.bio-content-sidebar-placeholder {
		display: none;
	}

	.bio-content-nav {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}

	.bio-content-nav li {
		margin-bottom: 0;
	}

	.bio-personal-interests-section-wrapper{
		padding-bottom: 160px;
	}

	.bio-credentials-columns {
		flex-direction: column;
		gap: 40px;
	}

	.bio-awards-grid {
		grid-template-columns: 1fr;
	}

	/*.bio-awards-section {*/
	/*	padding-left: 20px;*/
	/*}*/

	.bio-resources-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.bio-content-title {
		font-size: 36px;
	}

	.bio-solution-title,
	.bio-credential-title {
		font-size: 20px;
	}

	.bio-interests-title {
		font-size: 36px;
	}
}

/* Personal Interests Section - Overlapping Layout */
.bio-personal-interests-section-wrapper {
	background-color: #0F293E;
	width: 100%;
	padding-top: 80px;
	padding-bottom: 160px;
	position: relative;
}

.bio-personal-interests-main-container {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
}

@media (max-width: 1500px) {
	.bio-personal-interests-main-container {
		max-width: 1200px;
	}
}

.bio-personal-interests-section {
	position: relative;
	width: 100%;
}

/* Carousel Controls */
.bio-interests-carousel-controls {
	display: flex;
	margin-bottom: 0;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
	position: absolute;
	z-index: 10;
	right: 0;
}

/* Hide controls when there's only 1 slide */
.bio-personal-interests-section[data-slide-count="1"] .bio-interests-carousel-controls {
	display: none;
}

.bio-interests-carousel-prev,
.bio-interests-carousel-next {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	opacity: 0.7;
	transition: opacity 0.3s ease;
}

.bio-interests-carousel-prev:hover,
.bio-interests-carousel-next:hover {
	opacity: 1;
}

.bio-interests-carousel-prev:disabled,
.bio-interests-carousel-next:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

/* Overlapping Carousel Container */
.bio-interests-carousel-overlapping {
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 500px;
}

.bio-interests-carousel-inner {
	display: flex;
	transition: transform 0.3s ease;
	height: 100%;
}

/* Individual Slide with Overlapping Layout */
.bio-interests-slide-overlapping {
	flex: 0 0 100%;
	width: 100%;
	position: relative;
	display: flex;
	min-height: 500px;
	overflow: hidden;
}

/* Background Color Section (Left 50%) */
.bio-interests-bg-section {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-color: #0F293E;
	z-index: 1;
}

.bio-awards-list li {
	list-style-type: disc;
	list-style-position: outside;
}

.bio-awards-list li::marker {
font-size: 14px;
}

.bio-awards-list {
	margin-left: 20px;
}

.bio-news-link:hover {
	text-decoration: underline;
}

/* Image Container (Right Side, Absolutely Positioned) */
.bio-interests-image-container {
	position: absolute;
	margin-top: 100px;
	top: 0;
	right: 0;
	width: 45%;
	height: 480px;
	z-index: 10;
}

.bio-interests-image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bio-interests-image-element {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Text Content Area (Left Side, Overlapping) */
.bio-interests-text-content {
	width: 62%;
	margin-left: 0;
	margin-right: auto;
	position: relative;
	padding-top: 96px;
	padding-right: 72px;
	padding-left: 72px;
	padding-bottom: 96px;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 100px;
	z-index: 3;
	background: var(--color-background-white-5, rgba(255, 255, 255, 0.05));
}

.bio-interests-content-inner {
	width: 100%;
	max-width: 600px;
}

/* Personal Interests Text Styles */
.bio-interests-eyebrow {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 6.72px;
	text-transform: uppercase;
	margin-bottom: 16px;
	color: #FFFFFF;
}

.bio-interests-title {
	font-family: 'Hedvig Letters Serif', serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 114%;
	margin-bottom: 32px;
	color: #FFFFFF;
}

.bio-interests-description {
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.48px;
	color: #FFFFFF;
}

.bio-interests-description p {
	margin-bottom: 20px;
}

.bio-interests-description p:last-child {
	margin-bottom: 0;
}



.bio-interests-slide-overlapping.active {
	opacity: 1;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
	.bio-personal-interests-main-container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.bio-interests-carousel-overlapping {
		min-height: auto;
	}

	/* Stack layout on mobile */
	.bio-interests-slide-overlapping {
		flex-direction: column;
		min-height: auto;
	}

	/* Image on top on mobile */
	.bio-interests-image-container {
		position: relative !important;
		width: 100% !important;
		height: 240px !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		order: 1;
	}

	/* Text content takes full width below image */
	.bio-interests-text-content {
		width: 100% !important;
		margin: 0 !important;
		padding: 32px 24px !important;
		position: relative !important;
		order: 2;
	}

	/* Background color section takes full width */
	.bio-interests-bg-section {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		/*min-height: 100px !important;*/
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
	}

	/* Adjust typography for mobile */
	.bio-interests-title {
		font-size: 36px;
	}

	.bio-interests-eyebrow {
		font-size: 16px !important;
	}

	.bio-interests-description {
		font-size: 16px !important;
	}

	/* Mobile carousel controls */
	.bio-interests-carousel-controls {
		justify-content: center;
		margin-bottom: 24px;
	}
}

@media (max-width: 480px) {
	.bio-interests-title {
		font-size: 28px;
	}

	.bio-interests-text-content {
		padding: 24px 16px !important;
	}
}

.bio-credential-list em {
	font-style: italic;
	font-weight: 300; /* Matches the existing list item weight */
}