.ita-container-24649bc1 {
	display: flex;
	width: 100%;
	height: 500px; /* Default, overridden by settings */
	overflow: hidden;
}

.ita-item-24649bc1 {
	flex: 1;
	display: flex;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	background-color: #f5f5f5; /* Fallback */
}

.ita-item-24649bc1.active {
	flex: 6;
	cursor: default;
}

.ita-content-24649bc1 {
	flex: 0 0 50%; /* Content takes half of the active expanded area */
	height: 100%;
	opacity: 0;
	transform: translateX(-50px);
	transition: opacity 0.4s ease, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	overflow-y: auto;
	background-color: #ffffff;
	pointer-events: none;
	display: flex;
	align-items: center;
}

.ita-item-24649bc1.active .ita-content-24649bc1 {
	opacity: 1;
	transform: translateX(0);
	transition-delay: 0.2s; /* Wait for expansion to start */
	pointer-events: auto;
}

.ita-content-inner-24649bc1 {
	padding: 40px;
	width: 100%;
}

.ita-image-24649bc1 {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.ita-item-24649bc1.active .ita-image-24649bc1 {
	width: 50%; /* Image takes the other half when active */
}

.ita-image-24649bc1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	filter: grayscale(100%);
	transition: filter 0.6s ease;
}

.ita-item-24649bc1.active .ita-image-24649bc1 img {
	filter: grayscale(0%);
}

/* Content Styling Defaults */
.ita-name-24649bc1 {
	margin: 0 0 10px 0;
	font-size: 28px;
}

.ita-job-title-24649bc1 {
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: 400;
	color: #666;
}

.ita-social-24649bc1 {
	display: flex;
	gap: 15px;
	margin-bottom: 25px;
}

.ita-social-24649bc1 a {
	display: inline-flex;
	color: #333;
	transition: color 0.3s ease;
}

.ita-social-24649bc1 a svg {
	fill: #333;
	transition: fill 0.3s ease;
	width: 20px;
	height: 20px;
}

.ita-bio-24649bc1 {
	line-height: 1.6;
}

/* Mobile Layout */
@media (max-width: 767px) {
	.ita-container-24649bc1 {
		flex-direction: column;
		height: 800px; /* Taller on mobile to accommodate stacked layout */
	}

	.ita-content-24649bc1 {
		flex: 0 0 60%;
		transform: translateY(-50px);
		align-items: flex-start;
	}

	.ita-item-24649bc1.active .ita-content-24649bc1 {
		transform: translateY(0);
	}

	.ita-image-24649bc1 {
		top: auto;
		bottom: 0;
	}

	.ita-item-24649bc1.active .ita-image-24649bc1 {
		width: 100%;
		height: 40%;
	}
	
	.ita-content-inner-24649bc1 {
		padding: 20px;
	}
}